levannta-ui 1.0.53-react18 → 1.0.54-react18

package/dist/index.esm.js

@@ -9,19 +9,19 @@ var je = { exports: {} }, ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ve;
+var Fe;
 function kr() {
-  if (Ve) return ae;
-  Ve = 1;
+  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 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 };
+  function f(h, u, v) {
+    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]);
+    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 };
   }
-  return ae.Fragment = n, ae.jsx = v, ae.jsxs = v, ae;
+  return ae.Fragment = n, ae.jsx = f, ae.jsxs = f, ae;
 }
 var se = {};
 /**
@@ -36,8 +36,8 @@ 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"), 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) {
+    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";
+    function g(e) {
       if (e === null || typeof e != "object")
         return null;
       var a = k && e[k] || e[j];
@@ -61,10 +61,10 @@ function Er() {
         R.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, R);
       }
     }
-    var B = !1, H = !1, W = !1, I = !1, ee = !1, K;
+    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 === 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
+      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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -96,22 +96,22 @@ function Er() {
           return "Profiler";
         case l:
           return "StrictMode";
-        case h:
+        case v:
           return "Suspense";
         case o:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case f:
+          case h:
             var a = e;
             return M(a) + ".Consumer";
-          case v:
+          case f:
             var c = e;
             return M(c._context) + ".Provider";
           case u:
             return te(e, e.render, "ForwardRef");
-          case g:
+          case p:
             var x = e.displayName || null;
             return x !== null ? x : z(e.type) || "Memo";
           case d: {
@@ -125,14 +125,14 @@ function Er() {
         }
       return null;
     }
-    var y = Object.assign, T = 0, A, V, Y, le, we, ye, Ne;
+    var y = Object.assign, T = 0, A, F, Y, le, we, ye, Ne;
     function Ce() {
     }
     Ce.__reactDisabledLog = !0;
     function Xe() {
       {
         if (T === 0) {
-          A = console.log, V = console.info, Y = console.warn, le = console.error, we = console.group, ye = console.groupCollapsed, Ne = console.groupEnd;
+          A = console.log, F = console.info, Y = console.warn, le = console.error, we = console.group, ye = console.groupCollapsed, Ne = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -165,7 +165,7 @@ function Er() {
               value: A
             }),
             info: y({}, e, {
-              value: V
+              value: F
             }),
             warn: y({}, e, {
               value: Y
@@ -201,13 +201,13 @@ function Er() {
 ` + he + e;
       }
     }
-    var ve = !1, ce;
+    var me = !1, ce;
     {
       var qe = typeof WeakMap == "function" ? WeakMap : Map;
       ce = new qe();
     }
     function _e(e, a) {
-      if (!e || ve)
+      if (!e || me)
         return "";
       {
         var c = ce.get(e);
@@ -215,7 +215,7 @@ function Er() {
           return c;
       }
       var x;
-      ve = !0;
+      me = !0;
       var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var R;
@@ -232,29 +232,29 @@ function Er() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(N, []);
-            } catch (F) {
-              x = F;
+            } catch (V) {
+              x = V;
             }
             Reflect.construct(e, [], N);
           } else {
             try {
               N.call();
-            } catch (F) {
-              x = F;
+            } catch (V) {
+              x = V;
             }
             e.call(N.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (F) {
-            x = F;
+          } catch (V) {
+            x = V;
           }
           e();
         }
-      } catch (F) {
-        if (F && x && typeof F.stack == "string") {
-          for (var w = F.stack.split(`
+      } catch (V) {
+        if (V && x && typeof V.stack == "string") {
+          for (var w = V.stack.split(`
 `), D = x.stack.split(`
 `), L = w.length - 1, $ = D.length - 1; L >= 1 && $ >= 0 && w[L] !== D[$]; )
             $--;
@@ -272,7 +272,7 @@ function Er() {
             }
         }
       } finally {
-        ve = !1, fe.current = R, Ze(), Error.prepareStackTrace = C;
+        me = !1, fe.current = R, Ze(), Error.prepareStackTrace = C;
       }
       var Z = e ? e.displayName || e.name : "", J = Z ? oe(Z) : "";
       return typeof e == "function" && ce.set(e, J), J;
@@ -292,7 +292,7 @@ function Er() {
       if (typeof e == "string")
         return oe(e);
       switch (e) {
-        case h:
+        case v:
           return oe("Suspense");
         case o:
           return oe("SuspenseList");
@@ -301,7 +301,7 @@ function Er() {
         switch (e.$$typeof) {
           case u:
             return Qe(e.render);
-          case g:
+          case p:
             return ue(e.type, a, c);
           case d: {
             var x = e, C = x._payload, R = x._init;
@@ -341,7 +341,7 @@ function Er() {
       }
     }
     var tr = Array.isArray;
-    function me(e) {
+    function ve(e) {
       return tr(e);
     }
     function nr(e) {
@@ -458,7 +458,7 @@ function Er() {
         return dr(e, w, D, C, x, Te.current, N);
       }
     }
-    var pe = S.ReactCurrentOwner, Ie = S.ReactDebugCurrentFrame;
+    var ge = S.ReactCurrentOwner, Ie = S.ReactDebugCurrentFrame;
     function X(e) {
       if (e) {
         var a = e._owner, c = ue(e.type, e._source, a ? a.type : null);
@@ -466,15 +466,15 @@ function Er() {
       } else
         Ie.setExtraStackFrame(null);
     }
-    var ge;
-    ge = !1;
+    var pe;
+    pe = !1;
     function xe(e) {
       return typeof e == "object" && e !== null && e.$$typeof === s;
     }
     function Oe() {
       {
-        if (pe.current) {
-          var e = z(pe.current.type);
+        if (ge.current) {
+          var e = z(ge.current.type);
           if (e)
             return `
 
@@ -487,7 +487,7 @@ Check the render method of \`` + e + "`.";
       return "";
     }
     var Me = {};
-    function vr(e) {
+    function mr(e) {
       {
         var a = Oe();
         if (!a) {
@@ -504,19 +504,19 @@ Check the top-level render call using <` + c + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var c = vr(a);
+        var c = mr(a);
         if (Me[c])
           return;
         Me[c] = !0;
         var x = "";
-        e && e._owner && e._owner !== pe.current && (x = " It was passed a child from " + z(e._owner.type) + "."), X(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, x), X(null);
+        e && e._owner && e._owner !== ge.current && (x = " It was passed a child from " + z(e._owner.type) + "."), X(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, x), X(null);
       }
     }
     function Ae(e, a) {
       {
         if (typeof e != "object")
           return;
-        if (me(e))
+        if (ve(e))
           for (var c = 0; c < e.length; c++) {
             var x = e[c];
             xe(x) && ze(x, a);
@@ -524,14 +524,14 @@ Check the top-level render call using <` + c + ">.");
         else if (xe(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var C = p(e);
+          var C = g(e);
           if (typeof C == "function" && C !== e.entries)
             for (var R = C.call(e), N; !(N = R.next()).done; )
               xe(N.value) && ze(N.value, a);
         }
       }
     }
-    function mr(e) {
+    function vr(e) {
       {
         var a = e.type;
         if (a == null || typeof a == "string")
@@ -541,22 +541,22 @@ Check the top-level render call using <` + c + ">.");
           c = a.propTypes;
         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))
+        a.$$typeof === p))
           c = a.propTypes;
         else
           return;
         if (c) {
           var x = z(a);
           rr(c, e.props, "prop", x, e);
-        } else if (a.PropTypes !== void 0 && !ge) {
-          ge = !0;
+        } else if (a.PropTypes !== void 0 && !pe) {
+          pe = !0;
           var C = z(a);
           _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "Unknown");
         }
         typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function pr(e) {
+    function gr(e) {
       {
         for (var a = Object.keys(e.props), c = 0; c < a.length; c++) {
           var x = a[c];
@@ -569,7 +569,7 @@ Check the top-level render call using <` + c + ">.");
       }
     }
     var De = {};
-    function Fe(e, a, c, x, C, R) {
+    function Ve(e, a, c, x, C, R) {
       {
         var N = re(e);
         if (!N) {
@@ -578,7 +578,7 @@ Check the top-level render call using <` + c + ">.");
           var D = hr();
           D ? w += D : w += Oe();
           var L;
-          e === null ? L = "null" : me(e) ? L = "array" : e !== void 0 && e.$$typeof === s ? (L = "<" + (z(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : L = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, w);
+          e === null ? L = "null" : ve(e) ? L = "array" : e !== void 0 && e.$$typeof === s ? (L = "<" + (z(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : L = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, w);
         }
         var $ = fr(e, a, c, C, R);
         if ($ == null)
@@ -587,7 +587,7 @@ Check the top-level render call using <` + c + ">.");
           var P = a.children;
           if (P !== void 0)
             if (x)
-              if (me(P)) {
+              if (ve(P)) {
                 for (var Z = 0; Z < P.length; Z++)
                   Ae(P[Z], e);
                 Object.freeze && Object.freeze(P);
@@ -597,11 +597,11 @@ Check the top-level render call using <` + c + ">.");
               Ae(P, e);
         }
         if (ne.call(a, "key")) {
-          var J = z(e), F = Object.keys(a).filter(function(yr) {
+          var J = z(e), V = Object.keys(a).filter(function(yr) {
             return yr !== "key";
-          }), be = F.length > 0 ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), be = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!De[J + be]) {
-            var wr = F.length > 0 ? "{" + F.join(": ..., ") + ": ...}" : "{}";
+            var wr = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             _(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -610,16 +610,16 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, be, J, wr, J), De[J + be] = !0;
           }
         }
-        return e === i ? pr($) : mr($), $;
+        return e === i ? gr($) : vr($), $;
       }
     }
-    function gr(e, a, c) {
-      return Fe(e, a, c, !0);
+    function pr(e, a, c) {
+      return Ve(e, a, c, !0);
     }
     function xr(e, a, c) {
-      return Fe(e, a, c, !1);
+      return Ve(e, a, c, !1);
     }
-    var br = xr, jr = gr;
+    var br = xr, jr = pr;
     se.Fragment = i, se.jsx = br, se.jsxs = jr;
   }()), se;
 }
@@ -638,36 +638,36 @@ function Rr() {
   for (var t, s, n = 0, i = "", l = arguments.length; n < l; n++) (t = arguments[n]) && (s = He(t)) && (i && (i += " "), i += s);
   return i;
 }
-const We = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Pe = Rr, G = (t, s) => (n) => {
+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, v = Object.keys(l).map((h) => {
-    const o = n == null ? void 0 : n[h], g = m == null ? void 0 : m[h];
+  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];
     if (o === null) return null;
-    const d = We(o) || We(g);
-    return l[h][d];
-  }), f = n && Object.entries(n).reduce((h, o) => {
-    let [g, d] = o;
-    return d === void 0 || (h[g] = d), h;
-  }, {}), u = s == null || (i = s.compoundVariants) === null || i === void 0 ? void 0 : i.reduce((h, o) => {
-    let { class: g, className: d, ...b } = o;
+    const d = We(o) || We(p);
+    return l[v][d];
+  }), h = n && Object.entries(n).reduce((v, 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) => {
+    let { class: p, className: d, ...b } = o;
     return Object.entries(b).every((k) => {
-      let [j, p] = k;
-      return Array.isArray(p) ? p.includes({
+      let [j, g] = k;
+      return Array.isArray(g) ? g.includes({
         ...m,
-        ...f
+        ...h
       }[j]) : {
         ...m,
-        ...f
-      }[j] === p;
+        ...h
+      }[j] === g;
     }) ? [
-      ...h,
-      g,
+      ...v,
+      p,
       d
-    ] : h;
+    ] : v;
   }, []);
-  return Pe(t, v, u, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-}, Sr = G("button", {
+  return Pe(t, f, u, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+}, Sr = H("button", {
   variants: {
     variant: {
       outlined: "button-outlined",
@@ -736,19 +736,19 @@ const We = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Pe = Rr, G
     size: i,
     pill: l,
     active: m,
-    iconLeft: v,
-    iconRight: f,
+    iconLeft: f,
+    iconRight: h,
     iconLeftJustified: u,
-    iconRightJustified: h,
+    iconRightJustified: v,
     iconOnly: o,
-    width: g,
+    width: p,
     children: d,
     style: b,
     ...k
   }, j) => {
-    const p = {
+    const g = {
       ...b || {},
-      ...g ? { width: g } : {}
+      ...p ? { width: p } : {}
     };
     return /* @__PURE__ */ r.jsxs(
       "button",
@@ -759,29 +759,29 @@ const We = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Pe = Rr, G
           size: i,
           pill: l,
           active: m,
-          iconLeft: !!v,
-          iconRight: !!f,
+          iconLeft: !!f,
+          iconRight: !!h,
           iconLeftJustified: !!u,
-          iconRightJustified: !!h,
+          iconRightJustified: !!v,
           iconOnly: !!o,
           className: t
         }),
-        style: p,
+        style: g,
         ref: j,
         ...k,
         children: [
-          v && /* @__PURE__ */ r.jsx("span", { className: "button-icon-left", children: v }),
+          f && /* @__PURE__ */ r.jsx("span", { className: "button-icon-left", children: f }),
           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 })
+          h && /* @__PURE__ */ r.jsx("span", { className: "button-icon-right", children: h }),
+          v && /* @__PURE__ */ r.jsx("span", { className: "button-icon-right", children: v })
         ]
       }
     );
   }
 );
 Ge.displayName = "Button";
-const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: t, children: /* @__PURE__ */ r.jsx("path", { d: "M8.12 9.29006L12 13.1701L15.88 9.29006C16.27 8.90006 16.9 8.90006 17.29 9.29006C17.68 9.68006 17.68 10.3101 17.29 10.7001L12.7 15.2901C12.31 15.6801 11.68 15.6801 11.29 15.2901L6.7 10.7001C6.31 10.3101 6.31 9.68006 6.7 9.29006C7.09 8.91006 7.73 8.90006 8.12 9.29006Z", fill: "#F9FAFB" }) }), Lr = () => {
+const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: t, children: /* @__PURE__ */ r.jsx("path", { d: "M8.12 9.29006L12 13.1701L15.88 9.29006C16.27 8.90006 16.9 8.90006 17.29 9.29006C17.68 9.68006 17.68 10.3101 17.29 10.7001L12.7 15.2901C12.31 15.6801 11.68 15.6801 11.29 15.2901L6.7 10.7001C6.31 10.3101 6.31 9.68006 6.7 9.29006C7.09 8.91006 7.73 8.90006 8.12 9.29006Z", fill: "inherit" }) }), Lr = () => {
   try {
     const t = require("react-router-dom");
     return t != null && t.Link ? t.Link : null;
@@ -806,25 +806,25 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
   submenu: i,
   collapsed: l,
   active: m,
-  activePath: v,
-  isOpen: f,
+  activePath: f,
+  isOpen: h,
   onToggle: u,
-  onExpand: h,
+  onExpand: v,
   onSetActive: o,
-  isMobile: g = !1
+  isMobile: p = !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) {
+  const d = i && i.length > 0, b = d && i.some((g) => g.url === f), k = m || h && d || b || s === f, j = (g) => {
+    if (g.preventDefault(), p && d) {
       u();
       return;
     }
-    if (o && o(s), l && h) {
-      h();
+    if (o && o(s), l && v) {
+      v();
       return;
     }
     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: [
+  return /* @__PURE__ */ r.jsx("div", { className: `sidebar-item ${h ? "open" : ""} `, children: /* @__PURE__ */ r.jsxs("div", { className: `sidebar-item-wrapper ${k && !l ? "active" : ""}`, children: [
     /* @__PURE__ */ r.jsxs(
       Ye,
       {
@@ -834,23 +834,23 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
         onClick: j,
         children: [
           /* @__PURE__ */ r.jsx("div", { className: `sidebar-icon ${k ? "active-text" : ""}`, children: t }),
-          (!l || g) && /* @__PURE__ */ r.jsxs("div", { className: "sidebar-content", children: [
+          (!l || p) && /* @__PURE__ */ r.jsxs("div", { className: "sidebar-content", children: [
             /* @__PURE__ */ r.jsx("span", { className: "sidebar-label", children: n }),
             d && /* @__PURE__ */ r.jsx("span", { className: "submenu-arrow", children: /* @__PURE__ */ r.jsx(Tr, { className: `${k ? "active-text" : ""}` }) })
           ] })
         ]
       }
     ),
-    d && (!l || g) && /* @__PURE__ */ r.jsx("div", { className: "submenu", children: i.map((p, S) => {
-      const _ = p.url === v;
+    d && (!l || p) && /* @__PURE__ */ r.jsx("div", { className: "submenu", children: i.map((g, S) => {
+      const _ = g.url === f;
       return /* @__PURE__ */ r.jsx(
         Ye,
         {
-          to: p.url,
-          href: p.url,
+          to: g.url,
+          href: g.url,
           className: `submenu-item ${_ ? "active-text" : ""}`,
-          onClick: () => o && o(p.url),
-          children: /* @__PURE__ */ r.jsx("span", { className: "submenu-label", children: p.label })
+          onClick: () => o && o(g.url),
+          children: /* @__PURE__ */ r.jsx("span", { className: "submenu-label", children: g.label })
         },
         S
       );
@@ -917,14 +917,14 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
   logoutIcon: i,
   onLogout: l,
   logoutLabel: m = "Cerrar sesión",
-  collapsed: v = !1,
-  onToggle: f,
+  collapsed: f = !1,
+  onToggle: h,
   activePath: u,
-  onActiveChange: h,
+  onActiveChange: v,
   className: o,
-  ...g
+  ...p
 }, d) => {
-  const [b, k] = U(v), [j, p] = U(null), [S, _] = U(u), [E, B] = U(!1), [H, W] = U(!1), [I, ee] = U(!1);
+  const [b, k] = U(f), [j, g] = U(null), [S, _] = U(u), [E, B] = U(!1), [G, W] = U(!1), [I, ee] = U(!1);
   Q(() => {
     const y = () => {
       ee(window.innerWidth <= 768);
@@ -938,47 +938,47 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
       _(u);
       const T = n.findIndex(
         (A) => {
-          var V;
-          return A.url === u || ((V = A.submenu) == null ? void 0 : V.some((Y) => Y.url === u));
+          var F;
+          return A.url === u || ((F = A.submenu) == null ? void 0 : F.some((Y) => Y.url === u));
         }
       );
-      T !== -1 && ((y = n[T].submenu) != null && y.length ? p(T) : p(null));
+      T !== -1 && ((y = n[T].submenu) != null && y.length ? g(T) : g(null));
     }
   }, [u, n]);
   const K = () => {
-    k(!b), f && f();
+    k(!b), h && h();
   }, re = () => {
     var y;
     if (b)
-      if (k(!1), f && f(), S) {
+      if (k(!1), h && h(), S) {
         const T = n.findIndex(
           (A) => {
-            var V;
-            return A.url === S || ((V = A.submenu) == null ? void 0 : V.some((Y) => Y.url === S));
+            var F;
+            return A.url === S || ((F = A.submenu) == null ? void 0 : F.some((Y) => Y.url === S));
           }
         );
-        T !== -1 && ((y = n[T].submenu) != null && y.length) ? p(T) : p(null);
+        T !== -1 && ((y = n[T].submenu) != null && y.length) ? g(T) : g(null);
       } else
-        p(null);
+        g(null);
   }, te = (y) => {
-    p(j === y ? null : y), I && B(!0);
+    g(j === y ? null : y), I && B(!0);
   }, M = (y) => {
     _(y);
     const T = n.findIndex(
       (A) => {
-        var V;
-        return A.url === y || ((V = A.submenu) == null ? void 0 : V.some((Y) => Y.url === y));
+        var F;
+        return A.url === y || ((F = A.submenu) == null ? void 0 : F.some((Y) => Y.url === y));
       }
     );
     if (T !== -1) {
       const A = n[T];
-      A.submenu && A.submenu.length > 0 ? p(T) : p(null);
+      A.submenu && A.submenu.length > 0 ? g(T) : g(null);
     } else
-      p(null);
-    h && h(y), I && (n.some(
-      (V) => {
+      g(null);
+    v && v(y), I && (n.some(
+      (F) => {
         var Y;
-        return (Y = V.submenu) == null ? void 0 : Y.some((le) => le.url === y);
+        return (Y = F.submenu) == null ? void 0 : Y.some((le) => le.url === y);
       }
     ) || (W(!0), setTimeout(() => {
       B(!1), W(!1);
@@ -1011,7 +1011,7 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
         children: /* @__PURE__ */ r.jsx(Ue, {})
       }
     ),
-    I && (E || H) && /* @__PURE__ */ r.jsx(
+    I && (E || G) && /* @__PURE__ */ r.jsx(
       "div",
       {
         className: `sidebar-overlay ${E ? "visible" : ""}`,
@@ -1021,13 +1021,13 @@ const Tr = ({ className: t }) => /* @__PURE__ */ r.jsx("svg", { width: "24", hei
     /* @__PURE__ */ r.jsxs(
       "div",
       {
-        className: `sidebar-wrapper ${E ? "mobile-open" : ""} ${H ? "mobile-closing" : ""} ${o || ""}`,
+        className: `sidebar-wrapper ${E ? "mobile-open" : ""} ${G ? "mobile-closing" : ""} ${o || ""}`,
         ref: d,
-        ...g,
+        ...p,
         children: [
           /* @__PURE__ */ r.jsxs("div", { className: `sidebar ${!I && b ? "sidebar-collapsed" : ""} ${I ? "sidebar-mobile" : ""}`, children: [
             !I && /* @__PURE__ */ r.jsx("div", { className: "sidebar-header", children: /* @__PURE__ */ r.jsx("div", { className: "sidebar-logo", children: b ? /* @__PURE__ */ r.jsx("span", { className: "logo-text", children: s }) : /* @__PURE__ */ r.jsx("span", { className: "logo-text", children: t }) }) }),
-            I && (E || H) && /* @__PURE__ */ r.jsxs("div", { className: "mobile-header", children: [
+            I && (E || G) && /* @__PURE__ */ r.jsxs("div", { className: "mobile-header", children: [
               /* @__PURE__ */ r.jsx("div", { className: "mobile-logo-menu", children: t }),
               /* @__PURE__ */ r.jsx(
                 "button",
@@ -1084,23 +1084,23 @@ const Mr = O(({
   children: i,
   position: l = "right",
   size: m = "medium",
-  enableSwipeToClose: v = !0,
-  className: f,
+  enableSwipeToClose: f = !0,
+  className: h,
   ...u
-}, h) => {
-  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();
+}, v) => {
+  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();
     }, 500));
   }, S = (E) => {
-    v && (b.current = E.touches[0].clientX, k.current = E.touches[0].clientY);
+    f && (b.current = E.touches[0].clientX, k.current = E.touches[0].clientY);
   }, _ = (E) => {
-    if (!v || !E.changedTouches[0]) return;
-    const B = E.changedTouches[0].clientX, H = E.changedTouches[0].clientY, W = B - b.current, I = H - k.current;
-    (l === "right" && W > j || l === "left" && W < -j || l === "top" && I < -j || l === "bottom" && I > j) && p();
+    if (!f || !E.changedTouches[0]) return;
+    const B = E.changedTouches[0].clientX, G = E.changedTouches[0].clientY, W = B - b.current, I = G - k.current;
+    (l === "right" && W > j || l === "left" && W < -j || l === "top" && I < -j || l === "bottom" && I > j) && g();
   };
   return Q(() => {
-    t && g(!1);
+    t && p(!1);
   }, [t]), Q(() => (t && !o ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
   }), [t, o]), !t && !o ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -1108,16 +1108,16 @@ const Mr = O(({
       "div",
       {
         className: `drawer-overlay ${o ? "fade-out" : "fade-in"}`,
-        onClick: p
+        onClick: g
       }
     ),
     /* @__PURE__ */ r.jsxs(
       "div",
       {
         ref: (E) => {
-          d.current = E, typeof h == "function" ? h(E) : h && (h.current = E);
+          d.current = E, typeof v == "function" ? v(E) : v && (v.current = E);
         },
-        className: `drawer drawer-${l} drawer-${m} ${o ? "drawer-closing" : "drawer-open"} ${f || ""}`,
+        className: `drawer drawer-${l} drawer-${m} ${o ? "drawer-closing" : "drawer-open"} ${h || ""}`,
         onTouchStart: S,
         onTouchEnd: _,
         ...u,
@@ -1128,7 +1128,7 @@ const Mr = O(({
               "button",
               {
                 className: "drawer-close",
-                onClick: p,
+                onClick: g,
                 "aria-label": "Cerrar",
                 children: "✕"
               }
@@ -1141,7 +1141,7 @@ const Mr = O(({
   ] });
 });
 Mr.displayName = "Drawer";
-const zr = G("modal-container", {
+const zr = H("modal-container", {
   variants: {
     size: {
       s: "modal-size-s",
@@ -1159,26 +1159,26 @@ const zr = G("modal-container", {
   onClose: i,
   size: l,
   className: m,
-  ...v
-}, f) => {
+  ...f
+}, h) => {
   const u = q(null);
   Q(() => {
-    const o = (g) => {
-      g.key === "Escape" && i();
+    const o = (p) => {
+      p.key === "Escape" && i();
     };
     return n && document.addEventListener("keydown", o), () => {
       document.removeEventListener("keydown", o);
     };
   }, [n, i]);
-  const h = (o) => {
+  const v = (o) => {
     u.current && o.target === u.current && i();
   };
-  return n ? /* @__PURE__ */ r.jsx("div", { className: "modal-backdrop", ref: u, onClick: h, children: /* @__PURE__ */ r.jsxs(
+  return n ? /* @__PURE__ */ r.jsx("div", { className: "modal-backdrop", ref: u, onClick: v, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
       className: `${zr({ size: l })} ${m || ""}`,
-      ref: f,
-      ...v,
+      ref: h,
+      ...f,
       children: [
         /* @__PURE__ */ r.jsxs("div", { className: "modal-header", children: [
           /* @__PURE__ */ r.jsx("h2", { children: t }),
@@ -1198,13 +1198,13 @@ const Dr = O(({
   subtitle: i,
   children: l,
   className: m,
-  ...v
-}, f) => /* @__PURE__ */ r.jsxs(
+  ...f
+}, h) => /* @__PURE__ */ r.jsxs(
   "div",
   {
     className: `collapsible ${t ? "open" : ""} ${m || ""}`,
-    ref: f,
-    ...v,
+    ref: h,
+    ...f,
     children: [
       /* @__PURE__ */ r.jsxs("div", { className: "collapsible-header", onClick: s, children: [
         /* @__PURE__ */ r.jsxs("div", { className: "collapsible-header-content", children: [
@@ -1237,7 +1237,7 @@ const Dr = O(({
   }
 ));
 Dr.displayName = "Collapsible";
-const Fr = O(
+const Vr = O(
   ({ children: t, className: s, ...n }, i) => /* @__PURE__ */ r.jsx(
     "div",
     {
@@ -1248,8 +1248,8 @@ const Fr = O(
     }
   )
 );
-Fr.displayName = "Card";
-const Vr = G("tab-base", {
+Vr.displayName = "Card";
+const Fr = H("tab-base", {
   variants: {
     size: {
       xs: "tab-size-xs",
@@ -1288,27 +1288,27 @@ const Vr = G("tab-base", {
     outline: i,
     iconAlignment: l,
     children: m,
-    icon: v,
-    active: f = !1,
+    icon: f,
+    active: h = !1,
     disabled: u = !1,
-    ...h
+    ...v
   }, o) => {
-    const g = u ? "disabled" : f ? "active" : n || "default", d = v ? l || "left" : "none";
+    const p = u ? "disabled" : h ? "active" : n || "default", d = f ? l || "left" : "none";
     return /* @__PURE__ */ r.jsxs(
       "button",
       {
-        className: Vr({
+        className: Fr({
           size: s,
-          state: g,
+          state: p,
           outline: i,
           iconAlignment: d,
           className: t
         }),
         ref: o,
         disabled: u,
-        ...h,
+        ...v,
         children: [
-          v && d === "left" && /* @__PURE__ */ r.jsx("span", { className: "tab-icon", children: v }),
+          f && d === "left" && /* @__PURE__ */ r.jsx("span", { className: "tab-icon", children: f }),
           /* @__PURE__ */ r.jsx("span", { className: "tab-content", children: m })
         ]
       }
@@ -1323,12 +1323,12 @@ const Wr = O(({
   onTabChange: i,
   className: l = "",
   variant: m = "default",
-  size: v = "md",
-  outline: f = !1,
+  size: f = "md",
+  outline: h = !1,
   ...u
-}, h) => {
-  const [o, g] = U(s), d = n !== void 0 ? n : o, b = (j) => {
-    n === void 0 && g(j), i == null || i(j);
+}, v) => {
+  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}`,
@@ -1339,30 +1339,30 @@ const Wr = O(({
     {
       className: k,
       role: "tablist",
-      ref: h,
+      ref: v,
       ...u,
-      children: Nr.map(t, (j, p) => Cr(j) ? _r(j, {
+      children: Nr.map(t, (j, g) => Cr(j) ? _r(j, {
         ...j.props,
-        active: p === d,
-        size: j.props.size || v,
-        outline: j.props.outline !== void 0 ? j.props.outline : f,
+        active: g === d,
+        size: j.props.size || f,
+        outline: j.props.outline !== void 0 ? j.props.outline : h,
         onClick: (S) => {
           var _, E;
-          j.props.disabled || (b(p), (E = (_ = j.props).onClick) == null || E.call(_, S));
+          j.props.disabled || (b(g), (E = (_ = j.props).onClick) == null || E.call(_, S));
         },
         role: "tab",
-        "aria-selected": p === d,
-        "aria-controls": `tabpanel-${p}`,
-        id: `tab-${p}`,
-        tabIndex: p === d ? 0 : -1
+        "aria-selected": g === d,
+        "aria-controls": `tabpanel-${g}`,
+        id: `tab-${g}`,
+        tabIndex: g === d ? 0 : -1
       }) : j)
     }
   );
 });
 Wr.displayName = "TabGroup";
 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);
+  const [f, h] = U(i), u = (v, o) => {
+    v.onClick(), h(o);
   };
   return /* @__PURE__ */ r.jsx(
     "div",
@@ -1370,12 +1370,12 @@ const Pr = O(({ buttonsData: t, size: s = "sm", className: n, activeIndex: i, ..
       className: `toggle-button-container ${n || ""}`,
       ref: m,
       ...l,
-      children: t.map((h, o) => /* @__PURE__ */ r.jsx(
+      children: t.map((v, o) => /* @__PURE__ */ r.jsx(
         "div",
         {
-          className: `toggle-button-inner ${v === o ? "active" : ""} ${s}`,
-          onClick: () => u(h, o),
-          children: /* @__PURE__ */ r.jsx("span", { children: h.label })
+          className: `toggle-button-inner ${f === o ? "active" : ""} ${s}`,
+          onClick: () => u(v, o),
+          children: /* @__PURE__ */ r.jsx("span", { children: v.label })
         },
         o
       ))
@@ -1568,7 +1568,7 @@ const Je = ({ className: t }) => /* @__PURE__ */ r.jsx(
       /* @__PURE__ */ r.jsx("rect", { x: "17", y: "17", width: "4", height: "4", rx: "0.5", fill: n })
     ]
   }
-), Xr = G("input", {
+), Xr = H("input", {
   variants: {
     size: {
       sm: "input-size-sm",
@@ -1602,12 +1602,12 @@ const Je = ({ className: t }) => /* @__PURE__ */ r.jsx(
     leadingIcon: i,
     trailingIcon: l,
     hintText: m,
-    onClear: v,
-    placeholder: f = "Placeholder",
+    onClear: f,
+    placeholder: h = "Placeholder",
     value: u,
-    onChange: h,
+    onChange: v,
     ...o
-  }, g) => {
+  }, p) => {
     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: [
@@ -1623,19 +1623,19 @@ const Je = ({ className: t }) => /* @__PURE__ */ r.jsx(
               hasTrailingIcon: b,
               className: t
             }),
-            placeholder: f,
+            placeholder: h,
             value: u,
-            ref: g,
+            ref: p,
             ...o
           }
         ),
         b && /* @__PURE__ */ r.jsx("span", { className: "input-trailing-icon", children: l }),
-        v && u && u.toString().length > 0 && /* @__PURE__ */ r.jsx(
+        f && u && u.toString().length > 0 && /* @__PURE__ */ r.jsx(
           "button",
           {
             type: "button",
             className: "input-clear-button",
-            onClick: v,
+            onClick: f,
             "aria-label": "Clear input",
             children: /* @__PURE__ */ r.jsx(Je, {})
           }
@@ -1646,7 +1646,7 @@ const Je = ({ className: t }) => /* @__PURE__ */ r.jsx(
   }
 );
 Zr.displayName = "Input";
-const qr = G("alert", {
+const qr = H("alert", {
   variants: {
     variant: {
       info: "alert-info",
@@ -1666,10 +1666,10 @@ const qr = G("alert", {
     description: i,
     children: l,
     onDismiss: m,
-    icon: v,
-    ...f
+    icon: f,
+    ...h
   }, u) => {
-    const h = {
+    const v = {
       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,13 +1686,13 @@ 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" })
       ] })
-    }, o = v || (s ? h[s] : h.info);
+    }, o = f || (s ? v[s] : v.info);
     return /* @__PURE__ */ r.jsxs(
       "div",
       {
         className: qr({ variant: s, className: t }),
         ref: u,
-        ...f,
+        ...h,
         children: [
           /* @__PURE__ */ r.jsx("div", { className: "alert-icon", children: o }),
           /* @__PURE__ */ r.jsxs("div", { className: "alert-content", children: [
@@ -1715,7 +1715,7 @@ const qr = G("alert", {
   }
 );
 Qr.displayName = "Alert";
-const et = G("social-login", {
+const et = H("social-login", {
   variants: {
     variant: {
       filled: "social-login-filled",
@@ -1768,13 +1768,13 @@ const et = G("social-login", {
     state: i,
     pill: l,
     iconAlignment: m,
-    provider: v,
-    children: f,
+    provider: f,
+    children: h,
     disabled: u,
-    onClick: h,
+    onClick: v,
     ...o
-  }, g) => {
-    const d = tt[v], b = f || rt[v], k = u ? "disabled" : i, p = {
+  }, p) => {
+    const d = tt[f], b = h || rt[f], k = u ? "disabled" : i, g = {
       xs: 16,
       sm: 18,
       md: 20,
@@ -1790,15 +1790,15 @@ const et = G("social-login", {
           state: k,
           pill: l,
           iconAlignment: m,
-          provider: v,
+          provider: f,
           className: t
         }),
         disabled: u,
-        onClick: h,
-        ref: g,
+        onClick: v,
+        ref: p,
         ...o,
         children: [
-          /* @__PURE__ */ r.jsx("span", { className: "social-login-icon", children: /* @__PURE__ */ r.jsx(d, { size: p }) }),
+          /* @__PURE__ */ r.jsx("span", { className: "social-login-icon", children: /* @__PURE__ */ r.jsx(d, { size: g }) }),
           /* @__PURE__ */ r.jsx("span", { className: "social-login-text", children: b })
         ]
       }
@@ -1806,7 +1806,7 @@ const et = G("social-login", {
   }
 );
 nt.displayName = "SocialLogin";
-const at = G("progress-bar", {
+const at = H("progress-bar", {
   variants: {
     variant: {
       default: "progress-bar-default",
@@ -1834,7 +1834,7 @@ const at = G("progress-bar", {
     size: "md",
     color: "primary"
   }
-}), dt = O(
+}), ht = O(
   ({
     className: t,
     variant: s,
@@ -1842,16 +1842,16 @@ const at = G("progress-bar", {
     color: i,
     animated: l,
     amount: m,
-    total: v,
-    showPercentage: f = !1,
+    total: f,
+    showPercentage: h = !1,
     label: u,
-    height: h,
+    height: v,
     style: o,
-    ...g
+    ...p
   }, d) => {
-    const b = Math.min(Math.max(m / v * 100, 0), 100), k = {
+    const b = Math.min(Math.max(m / f * 100, 0), 100), k = {
       ...o || {},
-      ...h ? { height: h } : {}
+      ...v ? { height: v } : {}
     }, j = {
       width: `${b}%`
     };
@@ -1870,9 +1870,9 @@ const at = G("progress-bar", {
         role: "progressbar",
         "aria-valuenow": m,
         "aria-valuemin": 0,
-        "aria-valuemax": v,
-        "aria-label": u || `Progreso: ${m} de ${v}`,
-        ...g,
+        "aria-valuemax": f,
+        "aria-label": u || `Progreso: ${m} de ${f}`,
+        ...p,
         children: [
           /* @__PURE__ */ r.jsx("div", { className: "progress-bar-track", children: /* @__PURE__ */ r.jsx(
             "div",
@@ -1881,21 +1881,21 @@ const at = G("progress-bar", {
               style: j
             }
           ) }),
-          (f || u) && /* @__PURE__ */ r.jsx("div", { className: "progress-bar-text", children: u || `${Math.round(b)}%` })
+          (h || u) && /* @__PURE__ */ r.jsx("div", { className: "progress-bar-text", children: u || `${Math.round(b)}%` })
         ]
       }
     );
   }
 ), st = (t, s) => `/logos/${`${t}_${s}.png`}`, Ke = O(
   ({ type: t = "logo", color: s = "color", alt: n, className: i, ...l }, m) => {
-    const v = st(t, s), f = n || (t === "logo" ? "Levannta logo" : "Levannta isologo");
+    const f = st(t, s), h = n || (t === "logo" ? "Levannta logo" : "Levannta isologo");
     return /* @__PURE__ */ r.jsx(
       "img",
       {
         ref: m,
         className: ["logo", i].filter(Boolean).join(" "),
-        src: v,
-        alt: f,
+        src: f,
+        alt: h,
         ...l
       }
     );
@@ -1909,9 +1909,9 @@ const it = O(({
   showLogo: i = !0,
   logoProps: l,
   ...m
-}, v) => {
-  const f = ["header", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsx("header", { className: f, ref: v, ...m, children: /* @__PURE__ */ r.jsxs("div", { className: "header-content-wrapper", children: [
+}, 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: [
     /* @__PURE__ */ r.jsx("h1", { className: "header-title", children: t }),
     i && /* @__PURE__ */ r.jsx(
       Ke,
@@ -1928,7 +1928,7 @@ const it = O(({
   ] }) });
 });
 it.displayName = "Header";
-const lt = G("pagination", {
+const lt = H("pagination", {
   variants: {
     size: {
       xs: "pagination-size-xs",
@@ -1948,38 +1948,38 @@ const lt = G("pagination", {
     totalPages: i,
     itemsPerPage: l,
     totalItems: m,
-    itemsPerPageOptions: v = [10, 20, 50, 100],
-    onPageChange: f,
+    itemsPerPageOptions: f = [10, 20, 50, 100],
+    onPageChange: h,
     onItemsPerPageChange: u,
-    resultsLabel: h = "Resultados",
+    resultsLabel: v = "Resultados",
     ofLabel: o = "de",
-    pageLabel: g = "Página",
+    pageLabel: p = "Página",
     prevDisabled: d,
     nextDisabled: b,
     ...k
   }, j) => {
-    const [p, S] = U(!1), _ = q(null), E = d ?? n <= 1, B = b ?? n >= i, W = {
+    const [g, S] = U(!1), _ = q(null), E = d ?? n <= 1, B = b ?? n >= i, W = {
       xs: 20,
       sm: 20,
       md: 22,
       lg: 24
     }[s || "md"], I = s === "lg" || s === "md" ? 28 : 24, ee = () => {
-      !E && f && f(n - 1);
+      !E && h && h(n - 1);
     }, K = () => {
-      !B && f && f(n + 1);
+      !B && h && h(n + 1);
     }, re = (M) => {
       u && u(M), S(!1);
     }, te = () => {
-      S(!p);
+      S(!g);
     };
     return Q(() => {
       const M = (z) => {
         _.current && !_.current.contains(z.target) && S(!1);
       };
-      return p && document.addEventListener("mousedown", M), () => {
+      return g && document.addEventListener("mousedown", M), () => {
         document.removeEventListener("mousedown", M);
       };
-    }, [p]), /* @__PURE__ */ r.jsxs(
+    }, [g]), /* @__PURE__ */ r.jsxs(
       "div",
       {
         className: lt({
@@ -1990,7 +1990,7 @@ const lt = G("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: h }) }),
+            /* @__PURE__ */ r.jsx("div", { className: "pagination-results", children: /* @__PURE__ */ r.jsx("span", { className: "pagination-results-text", children: v }) }),
             /* @__PURE__ */ r.jsx("div", { className: "pagination-items-selector", ref: _, children: /* @__PURE__ */ r.jsxs("div", { className: "pagination-items-dropdown", children: [
               /* @__PURE__ */ r.jsxs(
                 "button",
@@ -1998,7 +1998,7 @@ const lt = G("pagination", {
                   className: "pagination-items-display",
                   onClick: te,
                   type: "button",
-                  "aria-expanded": p,
+                  "aria-expanded": g,
                   "aria-haspopup": "listbox",
                   children: [
                     /* @__PURE__ */ r.jsx("span", { className: "pagination-items-text", children: l }),
@@ -2006,13 +2006,13 @@ const lt = G("pagination", {
                       Jr,
                       {
                         size: I,
-                        className: `pagination-chevron-down ${p ? "open" : ""}`
+                        className: `pagination-chevron-down ${g ? "open" : ""}`
                       }
                     )
                   ]
                 }
               ),
-              p && /* @__PURE__ */ r.jsx("div", { className: "pagination-dropdown-menu", role: "listbox", children: v.map((M) => /* @__PURE__ */ r.jsx(
+              g && /* @__PURE__ */ r.jsx("div", { className: "pagination-dropdown-menu", role: "listbox", children: f.map((M) => /* @__PURE__ */ r.jsx(
                 "button",
                 {
                   className: `pagination-dropdown-item ${M === l ? "selected" : ""}`,
@@ -2044,7 +2044,7 @@ const lt = G("pagination", {
               }
             ),
             /* @__PURE__ */ r.jsx("div", { className: "pagination-page-info", children: /* @__PURE__ */ r.jsxs("span", { className: "pagination-page-text", children: [
-              g,
+              p,
               " ",
               n,
               " ",
@@ -2070,34 +2070,34 @@ const lt = G("pagination", {
   }
 );
 ot.displayName = "Pagination";
-const ft = ({
+const mt = ({
   icon: t,
   title: s,
   options: n = [],
   onChange: i,
   className: l = ""
 }) => {
-  const [m, v] = U(!1), f = q(null);
+  const [m, f] = U(!1), h = q(null);
   Q(() => {
     const d = (b) => {
-      f.current && !f.current.contains(b.target) && v(!1);
+      h.current && !h.current.contains(b.target) && f(!1);
     };
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, []);
   const u = () => {
-    v(!m);
-  }, h = (d) => {
+    f(!m);
+  }, v = (d) => {
     var b;
-    d.disabled || (v(!1), i == null || i(d), (b = d.onSelect) == null || b.call(d));
-  }, o = s, g = t || /* @__PURE__ */ r.jsx(Kr, { size: 20, color: "#00D4AA" });
-  return /* @__PURE__ */ r.jsxs("div", { className: `selector-container ${l}`, ref: f, children: [
+    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" });
+  return /* @__PURE__ */ r.jsxs("div", { className: `selector-container ${l}`, ref: h, children: [
     /* @__PURE__ */ r.jsxs(
       "div",
       {
         className: `selector ${m ? "selector--open" : ""}`,
         onClick: u,
         children: [
-          /* @__PURE__ */ r.jsx("div", { className: "selector__icon", children: g }),
+          /* @__PURE__ */ r.jsx("div", { className: "selector__icon", children: p }),
           /* @__PURE__ */ r.jsx("div", { className: "selector__title", children: o }),
           /* @__PURE__ */ r.jsx("div", { className: "selector__chevron", children: /* @__PURE__ */ r.jsx(
             "svg",
@@ -2127,7 +2127,7 @@ const ft = ({
       "div",
       {
         className: `selector__option ${d.active ? "selector__option--selected" : ""} ${d.disabled ? "selector__option--disabled" : ""}`,
-        onClick: () => h(d),
+        onClick: () => v(d),
         children: [
           d.icon && /* @__PURE__ */ r.jsx("div", { className: "selector__option-icon", children: d.icon }),
           /* @__PURE__ */ r.jsxs("div", { className: "selector__option-content", children: [
@@ -2146,15 +2146,15 @@ const ft = ({
   buttonVariant: i = "filled",
   onClick: l,
   image: m = "src/assets/images/default_card_wallpaper.png",
-  icon: v,
-  disabled: f = !1,
+  icon: f,
+  disabled: h = !1,
   className: u = "",
-  size: h = "md",
+  size: v = "md",
   ...o
-}, g) => /* @__PURE__ */ r.jsxs(
+}, p) => /* @__PURE__ */ r.jsxs(
   "div",
   {
-    className: `cardcta-container cardcta-size-${h} ${u}`,
+    className: `cardcta-container cardcta-size-${v} ${u}`,
     style: {
       backgroundImage: `url('${m}')`,
       backgroundSize: "cover",
@@ -2162,25 +2162,62 @@ const ft = ({
       position: "relative",
       overflow: "hidden"
     },
-    ref: g,
+    ref: p,
     ...o,
     children: [
       /* @__PURE__ */ r.jsx("div", { className: "cardcta-gradient-overlay" }),
-      f && /* @__PURE__ */ r.jsx("div", { className: "cardcta-bg-disabled" }),
+      h && /* @__PURE__ */ r.jsx("div", { className: "cardcta-bg-disabled" }),
       /* @__PURE__ */ r.jsxs("div", { className: "cardcta-overlay", children: [
-        /* @__PURE__ */ r.jsx("div", { className: "cardcta-icon", children: v }),
+        /* @__PURE__ */ r.jsx("div", { className: "cardcta-icon", children: f }),
         /* @__PURE__ */ r.jsx("h3", { className: "cardcta-title", children: t }),
         s && /* @__PURE__ */ r.jsx("p", { className: "cardcta-subtitle", children: s }),
-        /* @__PURE__ */ r.jsx(Ge, { onClick: l, size: "sm", disabled: f, variant: i, children: f ? /* @__PURE__ */ r.jsx("span", { children: "Próximamente" }) : n })
+        /* @__PURE__ */ r.jsx(Ge, { onClick: l, size: "sm", disabled: h, variant: i, children: h ? /* @__PURE__ */ r.jsx("span", { children: "Próximamente" }) : n })
       ] })
     ]
   }
 ));
 ct.displayName = "CardCTA";
+const ut = H("tag", {
+  variants: {
+    color: {
+      success: "tag-color-success",
+      warning: "tag-color-warning",
+      error: "tag-color-error",
+      neutral: "tag-color-neutral"
+    }
+  },
+  defaultVariants: {
+    color: "neutral"
+  }
+}), dt = O(
+  ({
+    className: t,
+    color: s,
+    children: n,
+    icon: i,
+    onClick: l,
+    ...m
+  }, f) => /* @__PURE__ */ r.jsxs(
+    "span",
+    {
+      className: ut({
+        color: s,
+        className: t
+      }),
+      ref: f,
+      ...m,
+      children: [
+        i && /* @__PURE__ */ r.jsx("span", { className: "tag-icon", children: i }),
+        /* @__PURE__ */ r.jsx("span", { className: "tag-content", children: n })
+      ]
+    }
+  )
+);
+dt.displayName = "Tag";
 export {
   Qr as Alert,
   Ge as Button,
-  Fr as Card,
+  Vr as Card,
   ct as CardCTA,
   Dr as Collapsible,
   Mr as Drawer,
@@ -2189,16 +2226,18 @@ export {
   Ke as Logo,
   Ar as Modal,
   ot as Pagination,
-  dt as ProgressBar,
-  ft as Selector,
+  ht as ProgressBar,
+  mt as Selector,
   Or as Sidebar,
   nt as SocialLogin,
   Br as Tab,
   Wr as TabGroup,
+  dt as Tag,
   Pr as ToggleButton,
   qr as alertVariants,
   Sr as buttonVariants,
   Xr as inputVariants,
-  Vr as tabVariants
+  Fr as tabVariants,
+  ut as tagVariants
 };
 //# sourceMappingURL=index.esm.js.map