levannta-ui 1.0.37 → 1.0.39-react18

package/dist/index.esm.js

@@ -1,324 +1,673 @@
-import X, { forwardRef as $, useState as z, useEffect as U, useRef as H, Children as fe, isValidElement as he, cloneElement as be } from "react";
-var K = { exports: {} }, Y = {};
+import re, { forwardRef as W, useState as V, useEffect as X, useRef as K, Children as yt, isValidElement as Nt, cloneElement as Ct } from "react";
+var xe = { exports: {} }, ee = {};
 /**
  * @license React
- * react-jsx-runtime.production.js
+ * react-jsx-runtime.production.min.js
  *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var se;
-function ve() {
-  if (se) return Y;
-  se = 1;
-  var t = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
-  function n(l, r, i) {
-    var o = null;
-    if (i !== void 0 && (o = "" + i), r.key !== void 0 && (o = "" + r.key), "key" in r) {
-      i = {};
-      for (var c in r)
-        c !== "key" && (i[c] = r[c]);
-    } else i = r;
-    return r = i.ref, {
-      $$typeof: t,
-      type: l,
-      key: o,
-      ref: r !== void 0 ? r : null,
-      props: i
-    };
+var Ve;
+function _t() {
+  if (Ve) return ee;
+  Ve = 1;
+  var r = re, a = Symbol.for("react.element"), n = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(f, c, x) {
+    var u, j = {}, g = null, v = null;
+    x !== void 0 && (g = "" + x), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (v = c.ref);
+    for (u in c) l.call(c, u) && !h.hasOwnProperty(u) && (j[u] = c[u]);
+    if (f && f.defaultProps) for (u in c = f.defaultProps, c) j[u] === void 0 && (j[u] = c[u]);
+    return { $$typeof: a, type: f, key: g, ref: v, props: j, _owner: i.current };
   }
-  return Y.Fragment = a, Y.jsx = n, Y.jsxs = n, Y;
+  return ee.Fragment = n, ee.jsx = d, ee.jsxs = d, ee;
 }
-var G = {};
+var te = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
  *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var re;
-function xe() {
-  return re || (re = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(s) {
-      if (s == null) return null;
-      if (typeof s == "function")
-        return s.$$typeof === I ? null : s.displayName || s.name || null;
-      if (typeof s == "string") return s;
-      switch (s) {
-        case w:
+var Be;
+function kt() {
+  return Be || (Be = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = re, a = Symbol.for("react.element"), n = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), f = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), w = Symbol.iterator, p = "@@iterator";
+    function m(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var s = w && e[w] || e[p];
+      return typeof s == "function" ? s : null;
+    }
+    var T = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function E(e) {
+      {
+        for (var s = arguments.length, o = new Array(s > 1 ? s - 1 : 0), b = 1; b < s; b++)
+          o[b - 1] = arguments[b];
+        D("error", e, o);
+      }
+    }
+    function D(e, s, o) {
+      {
+        var b = T.ReactDebugCurrentFrame, _ = b.getStackAddendum();
+        _ !== "" && (s += "%s", o = o.concat([_]));
+        var R = o.map(function(N) {
+          return String(N);
+        });
+        R.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, R);
+      }
+    }
+    var I = !1, ne = !1, U = !1, Z = !1, q = !1, G;
+    G = Symbol.for("react.module.reference");
+    function B(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === l || e === h || q || e === i || e === x || e === u || Z || e === v || I || ne || U || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === j || e.$$typeof === d || e.$$typeof === f || e.$$typeof === c || // 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.
+      e.$$typeof === G || e.getModuleId !== void 0));
+    }
+    function C(e, s, o) {
+      var b = e.displayName;
+      if (b)
+        return b;
+      var _ = s.displayName || s.name || "";
+      return _ !== "" ? o + "(" + _ + ")" : o;
+    }
+    function k(e) {
+      return e.displayName || "Context";
+    }
+    function S(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case l:
           return "Fragment";
-        case y:
+        case n:
+          return "Portal";
+        case h:
           return "Profiler";
-        case f:
+        case i:
           return "StrictMode";
-        case Z:
+        case x:
           return "Suspense";
-        case V:
+        case u:
           return "SuspenseList";
-        case W:
-          return "Activity";
       }
-      if (typeof s == "object")
-        switch (typeof s.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), s.$$typeof) {
-          case g:
-            return "Portal";
-          case L:
-            return (s.displayName || "Context") + ".Provider";
-          case S:
-            return (s._context.displayName || "Context") + ".Consumer";
-          case k:
-            var v = s.render;
-            return s = s.displayName, s || (s = v.displayName || v.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
-          case D:
-            return v = s.displayName || null, v !== null ? v : t(s.type) || "Memo";
-          case B:
-            v = s._payload, s = s._init;
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case f:
+            var s = e;
+            return k(s) + ".Consumer";
+          case d:
+            var o = e;
+            return k(o._context) + ".Provider";
+          case c:
+            return C(e, e.render, "ForwardRef");
+          case j:
+            var b = e.displayName || null;
+            return b !== null ? b : S(e.type) || "Memo";
+          case g: {
+            var _ = e, R = _._payload, N = _._init;
             try {
-              return t(s(v));
+              return S(N(R));
             } catch {
+              return null;
             }
+          }
         }
       return null;
     }
-    function a(s) {
-      return "" + s;
+    var $ = Object.assign, z = 0, se, pe, be, je, we, ye, Ne;
+    function Ce() {
+    }
+    Ce.__reactDisabledLog = !0;
+    function Ke() {
+      {
+        if (z === 0) {
+          se = console.log, pe = console.info, be = console.warn, je = console.error, we = console.group, ye = console.groupCollapsed, Ne = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: Ce,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        z++;
+      }
+    }
+    function Xe() {
+      {
+        if (z--, z === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: $({}, e, {
+              value: se
+            }),
+            info: $({}, e, {
+              value: pe
+            }),
+            warn: $({}, e, {
+              value: be
+            }),
+            error: $({}, e, {
+              value: je
+            }),
+            group: $({}, e, {
+              value: we
+            }),
+            groupCollapsed: $({}, e, {
+              value: ye
+            }),
+            groupEnd: $({}, e, {
+              value: Ne
+            })
+          });
+        }
+        z < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var ce = T.ReactCurrentDispatcher, ue;
+    function ae(e, s, o) {
+      {
+        if (ue === void 0)
+          try {
+            throw Error();
+          } catch (_) {
+            var b = _.stack.trim().match(/\n( *(at )?)/);
+            ue = b && b[1] || "";
+          }
+        return `
+` + ue + e;
+      }
+    }
+    var de = !1, ie;
+    {
+      var Ze = typeof WeakMap == "function" ? WeakMap : Map;
+      ie = new Ze();
     }
-    function n(s) {
+    function _e(e, s) {
+      if (!e || de)
+        return "";
+      {
+        var o = ie.get(e);
+        if (o !== void 0)
+          return o;
+      }
+      var b;
+      de = !0;
+      var _ = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var R;
+      R = ce.current, ce.current = null, Ke();
       try {
-        a(s);
-        var v = !1;
-      } catch {
-        v = !0;
+        if (s) {
+          var N = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(N.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(N, []);
+            } catch (A) {
+              b = A;
+            }
+            Reflect.construct(e, [], N);
+          } else {
+            try {
+              N.call();
+            } catch (A) {
+              b = A;
+            }
+            e.call(N.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (A) {
+            b = A;
+          }
+          e();
+        }
+      } catch (A) {
+        if (A && b && typeof A.stack == "string") {
+          for (var y = A.stack.split(`
+`), M = b.stack.split(`
+`), L = y.length - 1, O = M.length - 1; L >= 1 && O >= 0 && y[L] !== M[O]; )
+            O--;
+          for (; L >= 1 && O >= 0; L--, O--)
+            if (y[L] !== M[O]) {
+              if (L !== 1 || O !== 1)
+                do
+                  if (L--, O--, O < 0 || y[L] !== M[O]) {
+                    var F = `
+` + y[L].replace(" at new ", " at ");
+                    return e.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", e.displayName)), typeof e == "function" && ie.set(e, F), F;
+                  }
+                while (L >= 1 && O >= 0);
+              break;
+            }
+        }
+      } finally {
+        de = !1, ce.current = R, Xe(), Error.prepareStackTrace = _;
       }
-      if (v) {
-        v = console;
-        var N = v.error, E = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return N.call(
-          v,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          E
-        ), a(s);
+      var J = e ? e.displayName || e.name : "", Y = J ? ae(J) : "";
+      return typeof e == "function" && ie.set(e, Y), Y;
+    }
+    function qe(e, s, o) {
+      return _e(e, !1);
+    }
+    function Qe(e) {
+      var s = e.prototype;
+      return !!(s && s.isReactComponent);
+    }
+    function le(e, s, o) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return _e(e, Qe(e));
+      if (typeof e == "string")
+        return ae(e);
+      switch (e) {
+        case x:
+          return ae("Suspense");
+        case u:
+          return ae("SuspenseList");
       }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case c:
+            return qe(e.render);
+          case j:
+            return le(e.type, s, o);
+          case g: {
+            var b = e, _ = b._payload, R = b._init;
+            try {
+              return le(R(_), s, o);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var Q = Object.prototype.hasOwnProperty, ke = {}, Ee = T.ReactDebugCurrentFrame;
+    function oe(e) {
+      if (e) {
+        var s = e._owner, o = le(e.type, e._source, s ? s.type : null);
+        Ee.setExtraStackFrame(o);
+      } else
+        Ee.setExtraStackFrame(null);
     }
-    function l(s) {
-      if (s === w) return "<>";
-      if (typeof s == "object" && s !== null && s.$$typeof === B)
-        return "<...>";
+    function et(e, s, o, b, _) {
+      {
+        var R = Function.call.bind(Q);
+        for (var N in e)
+          if (R(e, N)) {
+            var y = void 0;
+            try {
+              if (typeof e[N] != "function") {
+                var M = Error((b || "React class") + ": " + o + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw M.name = "Invariant Violation", M;
+              }
+              y = e[N](s, N, b, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (L) {
+              y = L;
+            }
+            y && !(y instanceof Error) && (oe(_), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", o, N, typeof y), oe(null)), y instanceof Error && !(y.message in ke) && (ke[y.message] = !0, oe(_), E("Failed %s type: %s", o, y.message), oe(null));
+          }
+      }
+    }
+    var tt = Array.isArray;
+    function fe(e) {
+      return tt(e);
+    }
+    function rt(e) {
+      {
+        var s = typeof Symbol == "function" && Symbol.toStringTag, o = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o;
+      }
+    }
+    function nt(e) {
       try {
-        var v = t(s);
-        return v ? "<" + v + ">" : "<...>";
+        return Re(e), !1;
       } catch {
-        return "<...>";
+        return !0;
       }
     }
-    function r() {
-      var s = p.A;
-      return s === null ? null : s.getOwner();
+    function Re(e) {
+      return "" + e;
     }
-    function i() {
-      return Error("react-stack-top-frame");
+    function Se(e) {
+      if (nt(e))
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rt(e)), Re(e);
     }
-    function o(s) {
-      if (j.call(s, "key")) {
-        var v = Object.getOwnPropertyDescriptor(s, "key").get;
-        if (v && v.isReactWarning) return !1;
+    var Te = T.ReactCurrentOwner, st = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Le, Ie;
+    function at(e) {
+      if (Q.call(e, "ref")) {
+        var s = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (s && s.isReactWarning)
+          return !1;
       }
-      return s.key !== void 0;
+      return e.ref !== void 0;
     }
-    function c(s, v) {
-      function N() {
-        _ || (_ = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          v
-        ));
+    function it(e) {
+      if (Q.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning)
+          return !1;
       }
-      N.isReactWarning = !0, Object.defineProperty(s, "key", {
-        get: N,
-        configurable: !0
-      });
+      return e.key !== void 0;
     }
-    function u() {
-      var s = t(this.type);
-      return P[s] || (P[s] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), s = this.props.ref, s !== void 0 ? s : null;
+    function lt(e, s) {
+      typeof e.ref == "string" && Te.current;
     }
-    function b(s, v, N, E, M, A, J, q) {
-      return N = A.ref, s = {
-        $$typeof: d,
-        type: s,
-        key: v,
-        props: A,
-        _owner: M
-      }, (N !== void 0 ? N : null) !== null ? Object.defineProperty(s, "ref", {
-        enumerable: !1,
-        get: u
-      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(s, "_debugInfo", {
+    function ot(e, s) {
+      {
+        var o = function() {
+          Le || (Le = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+        };
+        o.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: o,
+          configurable: !0
+        });
+      }
+    }
+    function ct(e, s) {
+      {
+        var o = function() {
+          Ie || (Ie = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", s));
+        };
+        o.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: o,
+          configurable: !0
+        });
+      }
+    }
+    var ut = function(e, s, o, b, _, R, N) {
+      var y = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: a,
+        // Built-in properties that belong on the element
+        type: e,
+        key: s,
+        ref: o,
+        props: N,
+        // Record the component responsible for creating this element.
+        _owner: R
+      };
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: null
-      }), Object.defineProperty(s, "_debugStack", {
+        value: !1
+      }), Object.defineProperty(y, "_self", {
         configurable: !1,
         enumerable: !1,
-        writable: !0,
-        value: J
-      }), Object.defineProperty(s, "_debugTask", {
+        writable: !1,
+        value: b
+      }), Object.defineProperty(y, "_source", {
         configurable: !1,
         enumerable: !1,
-        writable: !0,
-        value: q
-      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
+        writable: !1,
+        value: _
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
+    };
+    function dt(e, s, o, b, _) {
+      {
+        var R, N = {}, y = null, M = null;
+        o !== void 0 && (Se(o), y = "" + o), it(s) && (Se(s.key), y = "" + s.key), at(s) && (M = s.ref, lt(s, _));
+        for (R in s)
+          Q.call(s, R) && !st.hasOwnProperty(R) && (N[R] = s[R]);
+        if (e && e.defaultProps) {
+          var L = e.defaultProps;
+          for (R in L)
+            N[R] === void 0 && (N[R] = L[R]);
+        }
+        if (y || M) {
+          var O = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          y && ot(N, O), M && ct(N, O);
+        }
+        return ut(e, y, M, _, b, Te.current, N);
+      }
     }
-    function m(s, v, N, E, M, A, J, q) {
-      var T = v.children;
-      if (T !== void 0)
-        if (E)
-          if (C(T)) {
-            for (E = 0; E < T.length; E++)
-              x(T[E]);
-            Object.freeze && Object.freeze(T);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else x(T);
-      if (j.call(v, "key")) {
-        T = t(s);
-        var F = Object.keys(v).filter(function(me) {
-          return me !== "key";
-        });
-        E = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", ne[T + E] || (F = 0 < F.length ? "{" + F.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
+    var he = T.ReactCurrentOwner, Oe = T.ReactDebugCurrentFrame;
+    function H(e) {
+      if (e) {
+        var s = e._owner, o = le(e.type, e._source, s ? s.type : null);
+        Oe.setExtraStackFrame(o);
+      } else
+        Oe.setExtraStackFrame(null);
+    }
+    var ve;
+    ve = !1;
+    function me(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === a;
+    }
+    function $e() {
+      {
+        if (he.current) {
+          var e = S(he.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function ft(e) {
+      return "";
+    }
+    var Me = {};
+    function ht(e) {
+      {
+        var s = $e();
+        if (!s) {
+          var o = typeof e == "string" ? e : e.displayName || e.name;
+          o && (s = `
+
+Check the top-level render call using <` + o + ">.");
+        }
+        return s;
+      }
+    }
+    function ze(e, s) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var o = ht(s);
+        if (Me[o])
+          return;
+        Me[o] = !0;
+        var b = "";
+        e && e._owner && e._owner !== he.current && (b = " It was passed a child from " + S(e._owner.type) + "."), H(e), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, b), H(null);
+      }
+    }
+    function Ae(e, s) {
+      {
+        if (typeof e != "object")
+          return;
+        if (fe(e))
+          for (var o = 0; o < e.length; o++) {
+            var b = e[o];
+            me(b) && ze(b, s);
+          }
+        else if (me(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var _ = m(e);
+          if (typeof _ == "function" && _ !== e.entries)
+            for (var R = _.call(e), N; !(N = R.next()).done; )
+              me(N.value) && ze(N.value, s);
+        }
+      }
+    }
+    function vt(e) {
+      {
+        var s = e.type;
+        if (s == null || typeof s == "string")
+          return;
+        var o;
+        if (typeof s == "function")
+          o = s.propTypes;
+        else if (typeof s == "object" && (s.$$typeof === c || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        s.$$typeof === j))
+          o = s.propTypes;
+        else
+          return;
+        if (o) {
+          var b = S(s);
+          et(o, e.props, "prop", b, e);
+        } else if (s.PropTypes !== void 0 && !ve) {
+          ve = !0;
+          var _ = S(s);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
+        }
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function mt(e) {
+      {
+        for (var s = Object.keys(e.props), o = 0; o < s.length; o++) {
+          var b = s[o];
+          if (b !== "children" && b !== "key") {
+            H(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", b), H(null);
+            break;
+          }
+        }
+        e.ref !== null && (H(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), H(null));
+      }
+    }
+    var De = {};
+    function Fe(e, s, o, b, _, R) {
+      {
+        var N = B(e);
+        if (!N) {
+          var y = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (y += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var M = ft();
+          M ? y += M : y += $e();
+          var L;
+          e === null ? L = "null" : fe(e) ? L = "array" : e !== void 0 && e.$$typeof === a ? (L = "<" + (S(e.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : L = typeof e, 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, y);
+        }
+        var O = dt(e, s, o, _, R);
+        if (O == null)
+          return O;
+        if (N) {
+          var F = s.children;
+          if (F !== void 0)
+            if (b)
+              if (fe(F)) {
+                for (var J = 0; J < F.length; J++)
+                  Ae(F[J], e);
+                Object.freeze && Object.freeze(F);
+              } else
+                E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Ae(F, e);
+        }
+        if (Q.call(s, "key")) {
+          var Y = S(e), A = Object.keys(s).filter(function(wt) {
+            return wt !== "key";
+          }), ge = A.length > 0 ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!De[Y + ge]) {
+            var jt = A.length > 0 ? "{" + A.join(": ..., ") + ": ...}" : "{}";
+            E(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,
-          E,
-          T,
-          F,
-          T
-        ), ne[T + E] = !0);
+  <%s key={someKey} {...props} />`, ge, Y, jt, Y), De[Y + ge] = !0;
+          }
+        }
+        return e === l ? mt(O) : vt(O), O;
       }
-      if (T = null, N !== void 0 && (n(N), T = "" + N), o(v) && (n(v.key), T = "" + v.key), "key" in v) {
-        N = {};
-        for (var Q in v)
-          Q !== "key" && (N[Q] = v[Q]);
-      } else N = v;
-      return T && c(
-        N,
-        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
-      ), b(
-        s,
-        T,
-        A,
-        M,
-        r(),
-        N,
-        J,
-        q
-      );
     }
-    function x(s) {
-      typeof s == "object" && s !== null && s.$$typeof === d && s._store && (s._store.validated = 1);
+    function gt(e, s, o) {
+      return Fe(e, s, o, !0);
     }
-    var h = X, d = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), L = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), V = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), p = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, C = Array.isArray, R = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    h = {
-      react_stack_bottom_frame: function(s) {
-        return s();
-      }
-    };
-    var _, P = {}, ee = h.react_stack_bottom_frame.bind(
-      h,
-      i
-    )(), te = R(l(i)), ne = {};
-    G.Fragment = w, G.jsx = function(s, v, N, E, M) {
-      var A = 1e4 > p.recentlyCreatedOwnerStacks++;
-      return m(
-        s,
-        v,
-        N,
-        !1,
-        E,
-        M,
-        A ? Error("react-stack-top-frame") : ee,
-        A ? R(l(s)) : te
-      );
-    }, G.jsxs = function(s, v, N, E, M) {
-      var A = 1e4 > p.recentlyCreatedOwnerStacks++;
-      return m(
-        s,
-        v,
-        N,
-        !0,
-        E,
-        M,
-        A ? Error("react-stack-top-frame") : ee,
-        A ? R(l(s)) : te
-      );
-    };
-  }()), G;
+    function xt(e, s, o) {
+      return Fe(e, s, o, !1);
+    }
+    var pt = xt, bt = gt;
+    te.Fragment = l, te.jsx = pt, te.jsxs = bt;
+  }()), te;
 }
-process.env.NODE_ENV === "production" ? K.exports = ve() : K.exports = xe();
-var e = K.exports;
-function ce(t) {
+process.env.NODE_ENV === "production" ? xe.exports = _t() : xe.exports = kt();
+var t = xe.exports;
+function Ge(r) {
   var a, n, l = "";
-  if (typeof t == "string" || typeof t == "number") l += t;
-  else if (typeof t == "object") if (Array.isArray(t)) {
-    var r = t.length;
-    for (a = 0; a < r; a++) t[a] && (n = ce(t[a])) && (l && (l += " "), l += n);
-  } else for (n in t) t[n] && (l && (l += " "), l += n);
+  if (typeof r == "string" || typeof r == "number") l += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var i = r.length;
+    for (a = 0; a < i; a++) r[a] && (n = Ge(r[a])) && (l && (l += " "), l += n);
+  } else for (n in r) r[n] && (l && (l += " "), l += n);
   return l;
 }
-function ge() {
-  for (var t, a, n = 0, l = "", r = arguments.length; n < r; n++) (t = arguments[n]) && (a = ce(t)) && (l && (l += " "), l += a);
+function Et() {
+  for (var r, a, n = 0, l = "", i = arguments.length; n < i; n++) (r = arguments[n]) && (a = Ge(r)) && (l && (l += " "), l += a);
   return l;
 }
-const ae = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, le = ge, O = (t, a) => (n) => {
+const We = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, Pe = Et, P = (r, a) => (n) => {
   var l;
-  if ((a == null ? void 0 : a.variants) == null) return le(t, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-  const { variants: r, defaultVariants: i } = a, o = Object.keys(r).map((b) => {
-    const m = n == null ? void 0 : n[b], x = i == null ? void 0 : i[b];
-    if (m === null) return null;
-    const h = ae(m) || ae(x);
-    return r[b][h];
-  }), c = n && Object.entries(n).reduce((b, m) => {
-    let [x, h] = m;
-    return h === void 0 || (b[x] = h), b;
-  }, {}), u = a == null || (l = a.compoundVariants) === null || l === void 0 ? void 0 : l.reduce((b, m) => {
-    let { class: x, className: h, ...d } = m;
-    return Object.entries(d).every((g) => {
-      let [w, f] = g;
-      return Array.isArray(f) ? f.includes({
-        ...i,
-        ...c
-      }[w]) : {
-        ...i,
-        ...c
-      }[w] === f;
+  if ((a == null ? void 0 : a.variants) == null) return Pe(r, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+  const { variants: i, defaultVariants: h } = a, d = Object.keys(i).map((x) => {
+    const u = n == null ? void 0 : n[x], j = h == null ? void 0 : h[x];
+    if (u === null) return null;
+    const g = We(u) || We(j);
+    return i[x][g];
+  }), f = n && Object.entries(n).reduce((x, u) => {
+    let [j, g] = u;
+    return g === void 0 || (x[j] = g), x;
+  }, {}), c = a == null || (l = a.compoundVariants) === null || l === void 0 ? void 0 : l.reduce((x, u) => {
+    let { class: j, className: g, ...v } = u;
+    return Object.entries(v).every((w) => {
+      let [p, m] = w;
+      return Array.isArray(m) ? m.includes({
+        ...h,
+        ...f
+      }[p]) : {
+        ...h,
+        ...f
+      }[p] === m;
     }) ? [
-      ...b,
-      x,
-      h
-    ] : b;
+      ...x,
+      j,
+      g
+    ] : x;
   }, []);
-  return le(t, o, u, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-}, pe = O("button", {
+  return Pe(r, d, c, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+}, Rt = P("button", {
   variants: {
     variant: {
       outlined: "button-outlined",
@@ -379,135 +728,135 @@ const ae = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, le = ge, O
     { variant: "icon", color: "error", className: "button-icon-error" },
     { variant: "icon", color: "clear", className: "button-icon-clear" }
   ]
-}), je = $(
+}), St = W(
   ({
-    className: t,
+    className: r,
     variant: a,
     color: n,
     size: l,
-    pill: r,
-    active: i,
-    iconLeft: o,
-    iconRight: c,
-    iconLeftJustified: u,
-    iconRightJustified: b,
-    iconOnly: m,
-    width: x,
-    children: h,
-    style: d,
-    ...g
-  }, w) => {
-    const f = {
-      ...d || {},
-      ...x ? { width: x } : {}
+    pill: i,
+    active: h,
+    iconLeft: d,
+    iconRight: f,
+    iconLeftJustified: c,
+    iconRightJustified: x,
+    iconOnly: u,
+    width: j,
+    children: g,
+    style: v,
+    ...w
+  }, p) => {
+    const m = {
+      ...v || {},
+      ...j ? { width: j } : {}
     };
-    return /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ t.jsxs(
       "button",
       {
-        className: pe({
+        className: Rt({
           variant: a,
           color: n,
           size: l,
-          pill: r,
-          active: i,
-          iconLeft: !!o,
-          iconRight: !!c,
-          iconLeftJustified: !!u,
-          iconRightJustified: !!b,
-          iconOnly: !!m,
-          className: t
+          pill: i,
+          active: h,
+          iconLeft: !!d,
+          iconRight: !!f,
+          iconLeftJustified: !!c,
+          iconRightJustified: !!x,
+          iconOnly: !!u,
+          className: r
         }),
-        style: f,
-        ref: w,
-        ...g,
+        style: m,
+        ref: p,
+        ...w,
         children: [
-          o && /* @__PURE__ */ e.jsx("span", { className: "button-icon-left", children: o }),
-          u && /* @__PURE__ */ e.jsx("span", { className: "button-icon-left", children: u }),
-          m ? /* @__PURE__ */ e.jsx("span", { children: m }) : h,
-          c && /* @__PURE__ */ e.jsx("span", { className: "button-icon-right", children: c }),
-          b && /* @__PURE__ */ e.jsx("span", { className: "button-icon-right", children: b })
+          d && /* @__PURE__ */ t.jsx("span", { className: "button-icon-left", children: d }),
+          c && /* @__PURE__ */ t.jsx("span", { className: "button-icon-left", children: c }),
+          u ? /* @__PURE__ */ t.jsx("span", { children: u }) : g,
+          f && /* @__PURE__ */ t.jsx("span", { className: "button-icon-right", children: f }),
+          x && /* @__PURE__ */ t.jsx("span", { className: "button-icon-right", children: x })
         ]
       }
     );
   }
 );
-je.displayName = "Button";
-const we = ({ className: t }) => /* @__PURE__ */ e.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: t, children: /* @__PURE__ */ e.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" }) }), Ne = () => {
+St.displayName = "Button";
+const Tt = ({ className: r }) => /* @__PURE__ */ t.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: r, children: /* @__PURE__ */ t.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" }) }), Lt = () => {
   try {
-    const t = require("react-router-dom");
-    return t != null && t.Link ? t.Link : null;
+    const r = require("react-router-dom");
+    return r != null && r.Link ? r.Link : null;
   } catch {
     return null;
   }
-}, ie = ({ to: t, href: a, className: n, onClick: l, children: r }) => {
-  const i = Ne();
-  return i ? X.createElement(
-    i,
-    { to: t, className: n, onClick: l },
-    r
-  ) : X.createElement(
+}, Ye = ({ to: r, href: a, className: n, onClick: l, children: i }) => {
+  const h = Lt();
+  return h ? re.createElement(
+    h,
+    { to: r, className: n, onClick: l },
+    i
+  ) : re.createElement(
     "a",
-    { href: a || t, className: n, onClick: l },
-    r
+    { href: a || r, className: n, onClick: l },
+    i
   );
-}, ke = ({
-  icon: t,
+}, It = ({
+  icon: r,
   url: a,
   label: n,
   submenu: l,
-  collapsed: r,
-  active: i,
-  activePath: o,
-  isOpen: c,
-  onToggle: u,
-  onExpand: b,
-  onSetActive: m,
-  isMobile: x = !1
+  collapsed: i,
+  active: h,
+  activePath: d,
+  isOpen: f,
+  onToggle: c,
+  onExpand: x,
+  onSetActive: u,
+  isMobile: j = !1
 }) => {
-  const h = l && l.length > 0, d = h && l.some((f) => f.url === o), g = i || c && h || d || a === o, w = (f) => {
-    if (f.preventDefault(), x && h) {
-      u();
+  const g = l && l.length > 0, v = g && l.some((m) => m.url === d), w = h || f && g || v || a === d, p = (m) => {
+    if (m.preventDefault(), j && g) {
+      c();
       return;
     }
-    if (m && m(a), r && b) {
-      b();
+    if (u && u(a), i && x) {
+      x();
       return;
     }
-    h && !r && u();
+    g && !i && c();
   };
-  return /* @__PURE__ */ e.jsx("div", { className: `sidebar-item ${c ? "open" : ""} `, children: /* @__PURE__ */ e.jsxs("div", { className: `sidebar-item-wrapper ${g && !r ? "active" : ""}`, children: [
-    /* @__PURE__ */ e.jsxs(
-      ie,
+  return /* @__PURE__ */ t.jsx("div", { className: `sidebar-item ${f ? "open" : ""} `, children: /* @__PURE__ */ t.jsxs("div", { className: `sidebar-item-wrapper ${w && !i ? "active" : ""}`, children: [
+    /* @__PURE__ */ t.jsxs(
+      Ye,
       {
         to: a,
         href: a,
-        className: `sidebar-link sidebar-collapsed ${g ? "active-text" : ""}`,
-        onClick: w,
+        className: `sidebar-link sidebar-collapsed ${w ? "active-text" : ""}`,
+        onClick: p,
         children: [
-          /* @__PURE__ */ e.jsx("div", { className: `sidebar-icon ${g ? "active-text" : ""}`, children: t }),
-          (!r || x) && /* @__PURE__ */ e.jsxs("div", { className: "sidebar-content", children: [
-            /* @__PURE__ */ e.jsx("span", { className: "sidebar-label", children: n }),
-            h && /* @__PURE__ */ e.jsx("span", { className: "submenu-arrow", children: /* @__PURE__ */ e.jsx(we, { className: `${g ? "active-text" : ""}` }) })
+          /* @__PURE__ */ t.jsx("div", { className: `sidebar-icon ${w ? "active-text" : ""}`, children: r }),
+          (!i || j) && /* @__PURE__ */ t.jsxs("div", { className: "sidebar-content", children: [
+            /* @__PURE__ */ t.jsx("span", { className: "sidebar-label", children: n }),
+            g && /* @__PURE__ */ t.jsx("span", { className: "submenu-arrow", children: /* @__PURE__ */ t.jsx(Tt, { className: `${w ? "active-text" : ""}` }) })
           ] })
         ]
       }
     ),
-    h && (!r || x) && /* @__PURE__ */ e.jsx("div", { className: "submenu", children: l.map((f, y) => {
-      const S = f.url === o;
-      return /* @__PURE__ */ e.jsx(
-        ie,
+    g && (!i || j) && /* @__PURE__ */ t.jsx("div", { className: "submenu", children: l.map((m, T) => {
+      const E = m.url === d;
+      return /* @__PURE__ */ t.jsx(
+        Ye,
         {
-          to: f.url,
-          href: f.url,
-          className: `submenu-item ${S ? "active-text" : ""}`,
-          onClick: () => m && m(f.url),
-          children: /* @__PURE__ */ e.jsx("span", { className: "submenu-label", children: f.label })
+          to: m.url,
+          href: m.url,
+          className: `submenu-item ${E ? "active-text" : ""}`,
+          onClick: () => u && u(m.url),
+          children: /* @__PURE__ */ t.jsx("span", { className: "submenu-label", children: m.label })
         },
-        y
+        T
       );
     }) })
   ] }) });
-}, ye = ({ className: t }) => /* @__PURE__ */ e.jsxs(
+}, Ot = ({ className: r }) => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     width: "28",
@@ -515,14 +864,14 @@ const we = ({ className: t }) => /* @__PURE__ */ e.jsx("svg", { width: "24", hei
     viewBox: "0 0 28 28",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: t,
+    className: r,
     children: [
-      /* @__PURE__ */ e.jsx("circle", { cx: "14", cy: "14", r: "14", fill: "#00F7AA" }),
-      /* @__PURE__ */ e.jsx("path", { d: "M10.8383 7.82832C10.3833 8.28332 10.3833 9.01832 10.8383 9.47332L15.365 14L10.8383 18.5267C10.3833 18.9817 10.3833 19.7167 10.8383 20.1717C11.2933 20.6267 12.0283 20.6267 12.4833 20.1717L17.8383 14.8167C18.2933 14.3617 18.2933 13.6267 17.8383 13.1717L12.4833 7.81665C12.04 7.37332 11.2933 7.37332 10.8383 7.82832Z", fill: "#002244" })
+      /* @__PURE__ */ t.jsx("circle", { cx: "14", cy: "14", r: "14", fill: "#00F7AA" }),
+      /* @__PURE__ */ t.jsx("path", { d: "M10.8383 7.82832C10.3833 8.28332 10.3833 9.01832 10.8383 9.47332L15.365 14L10.8383 18.5267C10.3833 18.9817 10.3833 19.7167 10.8383 20.1717C11.2933 20.6267 12.0283 20.6267 12.4833 20.1717L17.8383 14.8167C18.2933 14.3617 18.2933 13.6267 17.8383 13.1717L12.4833 7.81665C12.04 7.37332 11.2933 7.37332 10.8383 7.82832Z", fill: "#002244" })
     ]
   }
-), oe = () => /* @__PURE__ */ e.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e.jsxs("g", { className: "hamburger-icon", children: [
-  /* @__PURE__ */ e.jsx(
+), Ue = () => /* @__PURE__ */ t.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t.jsxs("g", { className: "hamburger-icon", children: [
+  /* @__PURE__ */ t.jsx(
     "line",
     {
       x1: "4",
@@ -535,7 +884,7 @@ const we = ({ className: t }) => /* @__PURE__ */ e.jsx("svg", { width: "24", hei
       className: "hamburger-line top-line"
     }
   ),
-  /* @__PURE__ */ e.jsx(
+  /* @__PURE__ */ t.jsx(
     "line",
     {
       x1: "4",
@@ -548,7 +897,7 @@ const we = ({ className: t }) => /* @__PURE__ */ e.jsx("svg", { width: "24", hei
       className: "hamburger-line middle-line"
     }
   ),
-  /* @__PURE__ */ e.jsx(
+  /* @__PURE__ */ t.jsx(
     "line",
     {
       x1: "4",
@@ -561,219 +910,219 @@ const we = ({ className: t }) => /* @__PURE__ */ e.jsx("svg", { width: "24", hei
       className: "hamburger-line bottom-line"
     }
   )
-] }) }), Ze = ({
-  logo: t,
+] }) }), nr = ({
+  logo: r,
   logoCollapsed: a,
   items: n,
   logoutIcon: l,
-  onLogout: r,
-  logoutLabel: i = "Cerrar sesión",
-  collapsed: o = !1,
-  onToggle: c,
-  activePath: u,
-  onActiveChange: b
+  onLogout: i,
+  logoutLabel: h = "Cerrar sesión",
+  collapsed: d = !1,
+  onToggle: f,
+  activePath: c,
+  onActiveChange: x
 }) => {
-  const [m, x] = z(o), [h, d] = z(null), [g, w] = z(u), [f, y] = z(!1), [S, L] = z(!1), [k, Z] = z(!1);
-  U(() => {
-    const p = () => {
-      Z(window.innerWidth <= 768);
+  const [u, j] = V(d), [g, v] = V(null), [w, p] = V(c), [m, T] = V(!1), [E, D] = V(!1), [I, ne] = V(!1);
+  X(() => {
+    const C = () => {
+      ne(window.innerWidth <= 768);
     };
-    return p(), window.addEventListener("resize", p), () => {
-      window.removeEventListener("resize", p);
+    return C(), window.addEventListener("resize", C), () => {
+      window.removeEventListener("resize", C);
     };
-  }, []), X.useEffect(() => {
-    var p;
-    if (u) {
-      w(u);
-      const j = n.findIndex(
-        (C) => {
-          var R;
-          return C.url === u || ((R = C.submenu) == null ? void 0 : R.some((_) => _.url === u));
+  }, []), re.useEffect(() => {
+    var C;
+    if (c) {
+      p(c);
+      const k = n.findIndex(
+        (S) => {
+          var $;
+          return S.url === c || (($ = S.submenu) == null ? void 0 : $.some((z) => z.url === c));
         }
       );
-      j !== -1 && ((p = n[j].submenu) != null && p.length ? d(j) : d(null));
+      k !== -1 && ((C = n[k].submenu) != null && C.length ? v(k) : v(null));
     }
-  }, [u, n]);
-  const V = () => {
-    x(!m), c && c();
-  }, D = () => {
-    var p;
-    if (m)
-      if (x(!1), c && c(), g) {
-        const j = n.findIndex(
-          (C) => {
-            var R;
-            return C.url === g || ((R = C.submenu) == null ? void 0 : R.some((_) => _.url === g));
+  }, [c, n]);
+  const U = () => {
+    j(!u), f && f();
+  }, Z = () => {
+    var C;
+    if (u)
+      if (j(!1), f && f(), w) {
+        const k = n.findIndex(
+          (S) => {
+            var $;
+            return S.url === w || (($ = S.submenu) == null ? void 0 : $.some((z) => z.url === w));
           }
         );
-        j !== -1 && ((p = n[j].submenu) != null && p.length) ? d(j) : d(null);
+        k !== -1 && ((C = n[k].submenu) != null && C.length) ? v(k) : v(null);
       } else
-        d(null);
-  }, B = (p) => {
-    d(h === p ? null : p), k && y(!0);
-  }, W = (p) => {
-    w(p);
-    const j = n.findIndex(
-      (C) => {
-        var R;
-        return C.url === p || ((R = C.submenu) == null ? void 0 : R.some((_) => _.url === p));
+        v(null);
+  }, q = (C) => {
+    v(g === C ? null : C), I && T(!0);
+  }, G = (C) => {
+    p(C);
+    const k = n.findIndex(
+      (S) => {
+        var $;
+        return S.url === C || (($ = S.submenu) == null ? void 0 : $.some((z) => z.url === C));
       }
     );
-    if (j !== -1) {
-      const C = n[j];
-      C.submenu && C.submenu.length > 0 ? d(j) : d(null);
+    if (k !== -1) {
+      const S = n[k];
+      S.submenu && S.submenu.length > 0 ? v(k) : v(null);
     } else
-      d(null);
-    b && b(p), k && (n.some(
-      (R) => {
-        var _;
-        return (_ = R.submenu) == null ? void 0 : _.some((P) => P.url === p);
+      v(null);
+    x && x(C), I && (n.some(
+      ($) => {
+        var z;
+        return (z = $.submenu) == null ? void 0 : z.some((se) => se.url === C);
       }
-    ) || (L(!0), setTimeout(() => {
-      y(!1), L(!1);
+    ) || (D(!0), setTimeout(() => {
+      T(!1), D(!1);
     }, 500)));
-  }, I = () => {
-    f ? (L(!0), setTimeout(() => {
-      y(!1), L(!1);
-    }, 500)) : y(!0);
+  }, B = () => {
+    m ? (D(!0), setTimeout(() => {
+      T(!1), D(!1);
+    }, 500)) : T(!0);
   };
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    k && /* @__PURE__ */ e.jsxs("div", { className: "mobile-navbar", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "mobile-logo", children: t }),
-      /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    I && /* @__PURE__ */ t.jsxs("div", { className: "mobile-navbar", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "mobile-logo", children: r }),
+      /* @__PURE__ */ t.jsx(
         "button",
         {
-          className: `mobile-menu-button ${f ? "open" : ""}`,
-          onClick: I,
+          className: `mobile-menu-button ${m ? "open" : ""}`,
+          onClick: B,
           "aria-label": "Toggle mobile menu",
-          children: /* @__PURE__ */ e.jsx(oe, {})
+          children: /* @__PURE__ */ t.jsx(Ue, {})
         }
       )
     ] }),
-    !k && /* @__PURE__ */ e.jsx(
+    !I && /* @__PURE__ */ t.jsx(
       "button",
       {
-        className: `mobile-menu-button ${f ? "open" : ""}`,
-        onClick: I,
+        className: `mobile-menu-button ${m ? "open" : ""}`,
+        onClick: B,
         "aria-label": "Toggle mobile menu",
         style: { display: "none" },
-        children: /* @__PURE__ */ e.jsx(oe, {})
+        children: /* @__PURE__ */ t.jsx(Ue, {})
       }
     ),
-    k && (f || S) && /* @__PURE__ */ e.jsx(
+    I && (m || E) && /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: `sidebar-overlay ${f ? "visible" : ""}`,
-        onClick: I
+        className: `sidebar-overlay ${m ? "visible" : ""}`,
+        onClick: B
       }
     ),
-    /* @__PURE__ */ e.jsxs("div", { className: `sidebar-wrapper ${f ? "mobile-open" : ""} ${S ? "mobile-closing" : ""}`, children: [
-      /* @__PURE__ */ e.jsxs("div", { className: `sidebar ${!k && m ? "sidebar-collapsed" : ""} ${k ? "sidebar-mobile" : ""}`, children: [
-        !k && /* @__PURE__ */ e.jsx("div", { className: "sidebar-header", children: /* @__PURE__ */ e.jsx("div", { className: "sidebar-logo", children: m ? /* @__PURE__ */ e.jsx("span", { className: "logo-text", children: a }) : /* @__PURE__ */ e.jsx("span", { className: "logo-text", children: t }) }) }),
-        k && (f || S) && /* @__PURE__ */ e.jsxs("div", { className: "mobile-header", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "mobile-logo-menu", children: t }),
-          /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsxs("div", { className: `sidebar-wrapper ${m ? "mobile-open" : ""} ${E ? "mobile-closing" : ""}`, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: `sidebar ${!I && u ? "sidebar-collapsed" : ""} ${I ? "sidebar-mobile" : ""}`, children: [
+        !I && /* @__PURE__ */ t.jsx("div", { className: "sidebar-header", children: /* @__PURE__ */ t.jsx("div", { className: "sidebar-logo", children: u ? /* @__PURE__ */ t.jsx("span", { className: "logo-text", children: a }) : /* @__PURE__ */ t.jsx("span", { className: "logo-text", children: r }) }) }),
+        I && (m || E) && /* @__PURE__ */ t.jsxs("div", { className: "mobile-header", children: [
+          /* @__PURE__ */ t.jsx("div", { className: "mobile-logo-menu", children: r }),
+          /* @__PURE__ */ t.jsx(
             "button",
             {
               className: "mobile-close-button",
-              onClick: I,
+              onClick: B,
               "aria-label": "Close menu",
               children: "×"
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "sidebar-menu", children: n.map((p, j) => /* @__PURE__ */ e.jsx(
-          ke,
+        /* @__PURE__ */ t.jsx("div", { className: "sidebar-menu", children: n.map((C, k) => /* @__PURE__ */ t.jsx(
+          It,
           {
-            icon: p.icon,
-            url: p.url,
-            label: p.label,
-            submenu: p.submenu,
-            collapsed: m,
-            active: p.active || p.url === g,
-            activePath: g,
-            isOpen: h === j,
-            onToggle: () => B(j),
-            onExpand: D,
-            onSetActive: W,
-            isMobile: k
+            icon: C.icon,
+            url: C.url,
+            label: C.label,
+            submenu: C.submenu,
+            collapsed: u,
+            active: C.active || C.url === w,
+            activePath: w,
+            isOpen: g === k,
+            onToggle: () => q(k),
+            onExpand: Z,
+            onSetActive: G,
+            isMobile: I
           },
-          j
+          k
         )) }),
-        r && /* @__PURE__ */ e.jsx("div", { className: "sidebar-footer", children: /* @__PURE__ */ e.jsxs("button", { className: "logout-button", onClick: r, children: [
+        i && /* @__PURE__ */ t.jsx("div", { className: "sidebar-footer", children: /* @__PURE__ */ t.jsxs("button", { className: "logout-button", onClick: i, children: [
           l,
-          !m && /* @__PURE__ */ e.jsx("span", { children: i })
+          !u && /* @__PURE__ */ t.jsx("span", { children: h })
         ] }) })
       ] }),
-      !k && /* @__PURE__ */ e.jsx(
+      !I && /* @__PURE__ */ t.jsx(
         "button",
         {
-          className: `sidebar-toggle-icon${m ? " collapsed" : ""}`,
-          onClick: V,
+          className: `sidebar-toggle-icon${u ? " collapsed" : ""}`,
+          onClick: U,
           "aria-label": "Toggle sidebar",
-          children: /* @__PURE__ */ e.jsx(ye, {})
+          children: /* @__PURE__ */ t.jsx(Ot, {})
         }
       )
     ] })
   ] });
-}, Pe = ({
-  isOpen: t,
+}, sr = ({
+  isOpen: r,
   onClose: a,
   title: n = "",
   children: l,
-  position: r = "right",
-  size: i = "medium",
-  enableSwipeToClose: o = !0
+  position: i = "right",
+  size: h = "medium",
+  enableSwipeToClose: d = !0
 }) => {
-  const [c, u] = z(!1), b = H(null), m = H(0), x = H(0), h = 50, d = () => {
-    !c && t && (u(!0), setTimeout(() => {
-      u(!1), a();
+  const [f, c] = V(!1), x = K(null), u = K(0), j = K(0), g = 50, v = () => {
+    !f && r && (c(!0), setTimeout(() => {
+      c(!1), a();
     }, 500));
-  }, g = (f) => {
-    o && (m.current = f.touches[0].clientX, x.current = f.touches[0].clientY);
-  }, w = (f) => {
-    if (!o || !f.changedTouches[0]) return;
-    const y = f.changedTouches[0].clientX, S = f.changedTouches[0].clientY, L = y - m.current, k = S - x.current;
-    (r === "right" && L > h || r === "left" && L < -h || r === "top" && k < -h || r === "bottom" && k > h) && d();
+  }, w = (m) => {
+    d && (u.current = m.touches[0].clientX, j.current = m.touches[0].clientY);
+  }, p = (m) => {
+    if (!d || !m.changedTouches[0]) return;
+    const T = m.changedTouches[0].clientX, E = m.changedTouches[0].clientY, D = T - u.current, I = E - j.current;
+    (i === "right" && D > g || i === "left" && D < -g || i === "top" && I < -g || i === "bottom" && I > g) && v();
   };
-  return U(() => {
-    t && u(!1);
-  }, [t]), U(() => (t && !c ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  return X(() => {
+    r && c(!1);
+  }, [r]), X(() => (r && !f ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
-  }), [t, c]), !t && !c ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
+  }), [r, f]), !r && !f ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: `drawer-overlay ${c ? "fade-out" : "fade-in"}`,
-        onClick: d
+        className: `drawer-overlay ${f ? "fade-out" : "fade-in"}`,
+        onClick: v
       }
     ),
-    /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ t.jsxs(
       "div",
       {
-        ref: b,
-        className: `drawer drawer-${r} drawer-${i} ${c ? "drawer-closing" : "drawer-open"}`,
-        onTouchStart: g,
-        onTouchEnd: w,
+        ref: x,
+        className: `drawer drawer-${i} drawer-${h} ${f ? "drawer-closing" : "drawer-open"}`,
+        onTouchStart: w,
+        onTouchEnd: p,
         children: [
-          /* @__PURE__ */ e.jsxs("div", { className: `drawer-header ${n ? "has-title" : "no-title"}`, children: [
-            n && /* @__PURE__ */ e.jsx("h2", { className: "drawer-title", children: n }),
-            /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ t.jsxs("div", { className: `drawer-header ${n ? "has-title" : "no-title"}`, children: [
+            n && /* @__PURE__ */ t.jsx("h2", { className: "drawer-title", children: n }),
+            /* @__PURE__ */ t.jsx(
               "button",
               {
                 className: "drawer-close",
-                onClick: d,
+                onClick: v,
                 "aria-label": "Cerrar",
                 children: "✕"
               }
             )
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "drawer-content", children: l })
+          /* @__PURE__ */ t.jsx("div", { className: "drawer-content", children: l })
         ]
       }
     )
   ] });
-}, Ce = O("modal-container", {
+}, $t = P("modal-container", {
   variants: {
     size: {
       s: "modal-size-s",
@@ -784,46 +1133,46 @@ const we = ({ className: t }) => /* @__PURE__ */ e.jsx("svg", { width: "24", hei
   defaultVariants: {
     size: "m"
   }
-}), Xe = ({
-  title: t,
+}), ar = ({
+  title: r,
   children: a,
   active: n,
   onClose: l,
-  size: r
+  size: i
 }) => {
-  const i = H(null);
-  U(() => {
-    const c = (u) => {
-      u.key === "Escape" && l();
+  const h = K(null);
+  X(() => {
+    const f = (c) => {
+      c.key === "Escape" && l();
     };
-    return n && document.addEventListener("keydown", c), () => {
-      document.removeEventListener("keydown", c);
+    return n && document.addEventListener("keydown", f), () => {
+      document.removeEventListener("keydown", f);
     };
   }, [n, l]);
-  const o = (c) => {
-    i.current && c.target === i.current && l();
+  const d = (f) => {
+    h.current && f.target === h.current && l();
   };
-  return n ? /* @__PURE__ */ e.jsx("div", { className: "modal-backdrop", ref: i, onClick: o, children: /* @__PURE__ */ e.jsxs("div", { className: Ce({ size: r }), children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "modal-header", children: [
-      /* @__PURE__ */ e.jsx("h2", { children: t }),
-      /* @__PURE__ */ e.jsx("button", { className: "modal-close", onClick: l, "aria-label": "Cerrar", children: "×" })
+  return n ? /* @__PURE__ */ t.jsx("div", { className: "modal-backdrop", ref: h, onClick: d, children: /* @__PURE__ */ t.jsxs("div", { className: $t({ size: i }), children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "modal-header", children: [
+      /* @__PURE__ */ t.jsx("h2", { children: r }),
+      /* @__PURE__ */ t.jsx("button", { className: "modal-close", onClick: l, "aria-label": "Cerrar", children: "×" })
     ] }),
-    /* @__PURE__ */ e.jsx("hr", { className: "modal-divider" }),
-    /* @__PURE__ */ e.jsx("div", { className: "modal-content", children: a })
+    /* @__PURE__ */ t.jsx("hr", { className: "modal-divider" }),
+    /* @__PURE__ */ t.jsx("div", { className: "modal-content", children: a })
   ] }) }) : null;
-}, Je = ({
-  isOpen: t,
+}, ir = ({
+  isOpen: r,
   onToggle: a,
   title: n,
   subtitle: l,
-  children: r
-}) => /* @__PURE__ */ e.jsxs("div", { className: `collapsible ${t ? "open" : ""}`, children: [
-  /* @__PURE__ */ e.jsxs("div", { className: "collapsible-header", onClick: a, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "collapsible-header-content", children: [
-      /* @__PURE__ */ e.jsx("h3", { className: "collapsible-title", children: n }),
-      l && /* @__PURE__ */ e.jsx("p", { className: "collapsible-subtitle", children: l })
+  children: i
+}) => /* @__PURE__ */ t.jsxs("div", { className: `collapsible ${r ? "open" : ""}`, children: [
+  /* @__PURE__ */ t.jsxs("div", { className: "collapsible-header", onClick: a, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "collapsible-header-content", children: [
+      /* @__PURE__ */ t.jsx("h3", { className: "collapsible-title", children: n }),
+      l && /* @__PURE__ */ t.jsx("p", { className: "collapsible-subtitle", children: l })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: `collapsible-arrow ${t ? "open" : ""}`, children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: `collapsible-arrow ${r ? "open" : ""}`, children: /* @__PURE__ */ t.jsx(
       "svg",
       {
         width: "24",
@@ -831,7 +1180,7 @@ const we = ({ className: t }) => /* @__PURE__ */ e.jsx("svg", { width: "24", hei
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ e.jsx(
+        children: /* @__PURE__ */ t.jsx(
           "path",
           {
             d: "M7 10L12 15L17 10",
@@ -844,8 +1193,8 @@ const we = ({ className: t }) => /* @__PURE__ */ e.jsx("svg", { width: "24", hei
       }
     ) })
   ] }),
-  /* @__PURE__ */ e.jsx("div", { className: `collapsible-content ${t ? "open" : ""}`, children: r })
-] }), qe = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "card", children: t }), Ee = O("tab-base", {
+  /* @__PURE__ */ t.jsx("div", { className: `collapsible-content ${r ? "open" : ""}`, children: i })
+] }), lr = ({ children: r }) => /* @__PURE__ */ t.jsx("div", { className: "card", children: r }), Mt = P("tab-base", {
   variants: {
     size: {
       xs: "tab-size-xs",
@@ -876,90 +1225,90 @@ const we = ({ className: t }) => /* @__PURE__ */ e.jsx("svg", { width: "24", hei
     outline: !1,
     iconAlignment: "none"
   }
-}), Te = $(
+}), zt = W(
   ({
-    className: t,
+    className: r,
     size: a,
     state: n,
     outline: l,
-    iconAlignment: r,
-    children: i,
-    icon: o,
-    active: c = !1,
-    disabled: u = !1,
-    ...b
-  }, m) => {
-    const x = u ? "disabled" : c ? "active" : n || "default", h = o ? r || "left" : "none";
-    return /* @__PURE__ */ e.jsxs(
+    iconAlignment: i,
+    children: h,
+    icon: d,
+    active: f = !1,
+    disabled: c = !1,
+    ...x
+  }, u) => {
+    const j = c ? "disabled" : f ? "active" : n || "default", g = d ? i || "left" : "none";
+    return /* @__PURE__ */ t.jsxs(
       "button",
       {
-        className: Ee({
+        className: Mt({
           size: a,
-          state: x,
+          state: j,
           outline: l,
-          iconAlignment: h,
-          className: t
+          iconAlignment: g,
+          className: r
         }),
-        ref: m,
-        disabled: u,
-        ...b,
+        ref: u,
+        disabled: c,
+        ...x,
         children: [
-          o && h === "left" && /* @__PURE__ */ e.jsx("span", { className: "tab-icon", children: o }),
-          /* @__PURE__ */ e.jsx("span", { className: "tab-content", children: i })
+          d && g === "left" && /* @__PURE__ */ t.jsx("span", { className: "tab-icon", children: d }),
+          /* @__PURE__ */ t.jsx("span", { className: "tab-content", children: h })
         ]
       }
     );
   }
 );
-Te.displayName = "Tab";
-const Re = ({
-  children: t,
+zt.displayName = "Tab";
+const At = ({
+  children: r,
   defaultActiveIndex: a = 0,
   activeIndex: n,
   onTabChange: l,
-  className: r = "",
-  variant: i = "default",
-  size: o = "md",
-  outline: c = !1
+  className: i = "",
+  variant: h = "default",
+  size: d = "md",
+  outline: f = !1
 }) => {
-  const [u, b] = z(a), m = n !== void 0 ? n : u, x = (d) => {
-    n === void 0 && b(d), l == null || l(d);
-  }, h = [
+  const [c, x] = V(a), u = n !== void 0 ? n : c, j = (v) => {
+    n === void 0 && x(v), l == null || l(v);
+  }, g = [
     "tab-group",
-    `tab-group-${i}`,
-    r
+    `tab-group-${h}`,
+    i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsx("div", { className: h, role: "tablist", children: fe.map(t, (d, g) => he(d) ? be(d, {
-    ...d.props,
-    active: g === m,
-    size: d.props.size || o,
-    outline: d.props.outline !== void 0 ? d.props.outline : c,
-    onClick: (w) => {
-      var f, y;
-      d.props.disabled || (x(g), (y = (f = d.props).onClick) == null || y.call(f, w));
+  return /* @__PURE__ */ t.jsx("div", { className: g, role: "tablist", children: yt.map(r, (v, w) => Nt(v) ? Ct(v, {
+    ...v.props,
+    active: w === u,
+    size: v.props.size || d,
+    outline: v.props.outline !== void 0 ? v.props.outline : f,
+    onClick: (p) => {
+      var m, T;
+      v.props.disabled || (j(w), (T = (m = v.props).onClick) == null || T.call(m, p));
     },
     role: "tab",
-    "aria-selected": g === m,
-    "aria-controls": `tabpanel-${g}`,
-    id: `tab-${g}`,
-    tabIndex: g === m ? 0 : -1
-  }) : d) });
+    "aria-selected": w === u,
+    "aria-controls": `tabpanel-${w}`,
+    id: `tab-${w}`,
+    tabIndex: w === u ? 0 : -1
+  }) : v) });
 };
-Re.displayName = "TabGroup";
-const Qe = ({ buttonsData: t, size: a = "sm" }) => {
-  const [n, l] = z(0), r = (i, o) => {
-    i.onClick(), l(o);
+At.displayName = "TabGroup";
+const or = ({ buttonsData: r, size: a = "sm" }) => {
+  const [n, l] = V(0), i = (h, d) => {
+    h.onClick(), l(d);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: "toggle-button-container", children: t.map((i, o) => /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ t.jsx("div", { className: "toggle-button-container", children: r.map((h, d) => /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: `toggle-button-inner ${n === o ? "active" : ""} ${a}`,
-      onClick: () => r(i, o),
-      children: /* @__PURE__ */ e.jsx("span", { children: i.label })
+      className: `toggle-button-inner ${n === d ? "active" : ""} ${a}`,
+      onClick: () => i(h, d),
+      children: /* @__PURE__ */ t.jsx("span", { children: h.label })
     },
-    o
+    d
   )) });
-}, de = ({ className: t }) => /* @__PURE__ */ e.jsx(
+}, He = ({ className: r }) => /* @__PURE__ */ t.jsx(
   "svg",
   {
     width: "20",
@@ -967,8 +1316,8 @@ const Qe = ({ buttonsData: t, size: a = "sm" }) => {
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: t,
-    children: /* @__PURE__ */ e.jsx(
+    className: r,
+    children: /* @__PURE__ */ t.jsx(
       "path",
       {
         d: "M18 6L6 18M6 6L18 18",
@@ -979,38 +1328,38 @@ const Qe = ({ buttonsData: t, size: a = "sm" }) => {
       }
     )
   }
-), Se = ({ size: t = 24, className: a = "" }) => /* @__PURE__ */ e.jsxs(
+), Dt = ({ size: r = 24, className: a = "" }) => /* @__PURE__ */ t.jsxs(
   "svg",
   {
-    width: t,
-    height: t,
+    width: r,
+    height: r,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: a,
     children: [
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "path",
         {
           d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",
           fill: "#4285F4"
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "path",
         {
           d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",
           fill: "#34A853"
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "path",
         {
           d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",
           fill: "#FBBC05"
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "path",
         {
           d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",
@@ -1019,38 +1368,38 @@ const Qe = ({ buttonsData: t, size: a = "sm" }) => {
       )
     ]
   }
-), Le = ({ size: t = 24, className: a = "" }) => /* @__PURE__ */ e.jsxs(
+), Ft = ({ size: r = 24, className: a = "" }) => /* @__PURE__ */ t.jsxs(
   "svg",
   {
-    width: t,
-    height: t,
+    width: r,
+    height: r,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: a,
     children: [
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "path",
         {
           d: "M11.4 2H2v9.4h9.4V2Z",
           fill: "#F25022"
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "path",
         {
           d: "M22 2h-9.4v9.4H22V2Z",
           fill: "#7FBA00"
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "path",
         {
           d: "M11.4 12.6H2V22h9.4v-9.4Z",
           fill: "#00A4EF"
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "path",
         {
           d: "M22 12.6h-9.4V22H22v-9.4Z",
@@ -1059,19 +1408,19 @@ const Qe = ({ buttonsData: t, size: a = "sm" }) => {
       )
     ]
   }
-), _e = ({
-  size: t = 24,
+), Vt = ({
+  size: r = 24,
   className: a
-}) => /* @__PURE__ */ e.jsx(
+}) => /* @__PURE__ */ t.jsx(
   "svg",
   {
-    width: t,
-    height: t,
+    width: r,
+    height: r,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: a,
-    children: /* @__PURE__ */ e.jsx(
+    children: /* @__PURE__ */ t.jsx(
       "path",
       {
         d: "M14.71 6.71L13.3 5.3L7.71 10.89C7.32 11.28 7.32 11.91 7.71 12.3L13.3 17.89L14.71 16.48L9.83 11.6L14.71 6.71Z",
@@ -1079,19 +1428,19 @@ const Qe = ({ buttonsData: t, size: a = "sm" }) => {
       }
     )
   }
-), Ae = ({
-  size: t = 24,
+), Bt = ({
+  size: r = 24,
   className: a
-}) => /* @__PURE__ */ e.jsx(
+}) => /* @__PURE__ */ t.jsx(
   "svg",
   {
-    width: t,
-    height: t,
+    width: r,
+    height: r,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: a,
-    children: /* @__PURE__ */ e.jsx(
+    children: /* @__PURE__ */ t.jsx(
       "path",
       {
         d: "M9.29 17.29L10.7 18.7L16.29 13.11C16.68 12.72 16.68 12.09 16.29 11.7L10.7 6.11L9.29 7.52L14.17 12.4L9.29 17.29Z",
@@ -1099,19 +1448,19 @@ const Qe = ({ buttonsData: t, size: a = "sm" }) => {
       }
     )
   }
-), ze = ({
-  size: t = 24,
+), Wt = ({
+  size: r = 24,
   className: a
-}) => /* @__PURE__ */ e.jsx(
+}) => /* @__PURE__ */ t.jsx(
   "svg",
   {
-    width: t,
-    height: t,
+    width: r,
+    height: r,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: a,
-    children: /* @__PURE__ */ e.jsx(
+    children: /* @__PURE__ */ t.jsx(
       "path",
       {
         d: "M7.41 8.59L12 13.17L16.59 8.59L18 10L12 16L6 10L7.41 8.59Z",
@@ -1119,7 +1468,32 @@ const Qe = ({ buttonsData: t, size: a = "sm" }) => {
       }
     )
   }
-), Ie = O("input", {
+), Pt = ({
+  className: r = "",
+  size: a = 24,
+  color: n = "currentColor"
+}) => /* @__PURE__ */ t.jsxs(
+  "svg",
+  {
+    width: a,
+    height: a,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: r,
+    children: [
+      /* @__PURE__ */ t.jsx("rect", { x: "3", y: "3", width: "4", height: "4", rx: "0.5", fill: n }),
+      /* @__PURE__ */ t.jsx("rect", { x: "10", y: "3", width: "4", height: "4", rx: "0.5", fill: n }),
+      /* @__PURE__ */ t.jsx("rect", { x: "17", y: "3", width: "4", height: "4", rx: "0.5", fill: n }),
+      /* @__PURE__ */ t.jsx("rect", { x: "3", y: "10", width: "4", height: "4", rx: "0.5", fill: n }),
+      /* @__PURE__ */ t.jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", fill: n }),
+      /* @__PURE__ */ t.jsx("rect", { x: "17", y: "10", width: "4", height: "4", rx: "0.5", fill: n }),
+      /* @__PURE__ */ t.jsx("rect", { x: "3", y: "17", width: "4", height: "4", rx: "0.5", fill: n }),
+      /* @__PURE__ */ t.jsx("rect", { x: "10", y: "17", width: "4", height: "4", rx: "0.5", fill: n }),
+      /* @__PURE__ */ t.jsx("rect", { x: "17", y: "17", width: "4", height: "4", rx: "0.5", fill: n })
+    ]
+  }
+), Yt = P("input", {
   variants: {
     size: {
       sm: "input-size-sm",
@@ -1145,59 +1519,59 @@ const Qe = ({ buttonsData: t, size: a = "sm" }) => {
     size: "md",
     state: "default"
   }
-}), Me = $(
+}), Ut = W(
   ({
-    className: t,
+    className: r,
     size: a,
     state: n,
     leadingIcon: l,
-    trailingIcon: r,
-    hintText: i,
-    onClear: o,
-    placeholder: c = "Placeholder",
-    value: u,
-    onChange: b,
-    ...m
-  }, x) => {
-    const h = !!l, d = !!r, g = u && u.toString().length > 0;
-    let w = n;
-    return n === "default" && g && (w = "filled"), /* @__PURE__ */ e.jsxs("div", { className: "input-container", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "input-wrapper", children: [
-        h && /* @__PURE__ */ e.jsx("span", { className: "input-leading-icon", children: l }),
-        /* @__PURE__ */ e.jsx(
+    trailingIcon: i,
+    hintText: h,
+    onClear: d,
+    placeholder: f = "Placeholder",
+    value: c,
+    onChange: x,
+    ...u
+  }, j) => {
+    const g = !!l, v = !!i, w = c && c.toString().length > 0;
+    let p = n;
+    return n === "default" && w && (p = "filled"), /* @__PURE__ */ t.jsxs("div", { className: "input-container", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "input-wrapper", children: [
+        g && /* @__PURE__ */ t.jsx("span", { className: "input-leading-icon", children: l }),
+        /* @__PURE__ */ t.jsx(
           "input",
           {
-            className: Ie({
+            className: Yt({
               size: a,
-              state: w,
-              hasLeadingIcon: h,
-              hasTrailingIcon: d,
-              className: t
+              state: p,
+              hasLeadingIcon: g,
+              hasTrailingIcon: v,
+              className: r
             }),
-            placeholder: c,
-            value: u,
-            ref: x,
-            ...m
+            placeholder: f,
+            value: c,
+            ref: j,
+            ...u
           }
         ),
-        d && /* @__PURE__ */ e.jsx("span", { className: "input-trailing-icon", children: r }),
-        o && u && u.toString().length > 0 && /* @__PURE__ */ e.jsx(
+        v && /* @__PURE__ */ t.jsx("span", { className: "input-trailing-icon", children: i }),
+        d && c && c.toString().length > 0 && /* @__PURE__ */ t.jsx(
           "button",
           {
             type: "button",
             className: "input-clear-button",
-            onClick: o,
+            onClick: d,
             "aria-label": "Clear input",
-            children: /* @__PURE__ */ e.jsx(de, {})
+            children: /* @__PURE__ */ t.jsx(He, {})
           }
         )
       ] }),
-      i && /* @__PURE__ */ e.jsx("div", { className: `input-hint input-hint-${w}`, children: i })
+      h && /* @__PURE__ */ t.jsx("div", { className: `input-hint input-hint-${p}`, children: h })
     ] });
   }
 );
-Me.displayName = "Input";
-const $e = O("alert", {
+Ut.displayName = "Input";
+const Gt = P("alert", {
   variants: {
     variant: {
       info: "alert-info",
@@ -1209,55 +1583,55 @@ const $e = O("alert", {
   defaultVariants: {
     variant: "info"
   }
-}), Oe = $(
+}), Ht = W(
   ({
-    className: t,
+    className: r,
     variant: a,
     title: n,
     description: l,
-    children: r,
-    onDismiss: i,
-    icon: o,
-    ...c
-  }, u) => {
-    const b = {
-      info: /* @__PURE__ */ e.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ e.jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "2", fill: "none" }),
-        /* @__PURE__ */ e.jsx("path", { d: "M10 6v4m0 4h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+    children: i,
+    onDismiss: h,
+    icon: d,
+    ...f
+  }, c) => {
+    const x = {
+      info: /* @__PURE__ */ t.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ t.jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "2", fill: "none" }),
+        /* @__PURE__ */ t.jsx("path", { d: "M10 6v4m0 4h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
       ] }),
-      warning: /* @__PURE__ */ e.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ e.jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "2", fill: "none" }),
-        /* @__PURE__ */ e.jsx("path", { d: "M10 6v4m0 4h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+      warning: /* @__PURE__ */ t.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ t.jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "2", fill: "none" }),
+        /* @__PURE__ */ t.jsx("path", { d: "M10 6v4m0 4h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
       ] }),
-      success: /* @__PURE__ */ e.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ e.jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "2", fill: "none" }),
-        /* @__PURE__ */ e.jsx("path", { d: "M10 6v4m0 4h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+      success: /* @__PURE__ */ t.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ t.jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "2", fill: "none" }),
+        /* @__PURE__ */ t.jsx("path", { d: "M10 6v4m0 4h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
       ] }),
-      error: /* @__PURE__ */ e.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ e.jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "2", fill: "none" }),
-        /* @__PURE__ */ e.jsx("path", { d: "M10 6v4m0 4h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+      error: /* @__PURE__ */ t.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ t.jsx("circle", { cx: "10", cy: "10", r: "9", stroke: "currentColor", strokeWidth: "2", fill: "none" }),
+        /* @__PURE__ */ t.jsx("path", { d: "M10 6v4m0 4h.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
       ] })
-    }, m = o || (a ? b[a] : b.info);
-    return /* @__PURE__ */ e.jsxs(
+    }, u = d || (a ? x[a] : x.info);
+    return /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: $e({ variant: a, className: t }),
-        ref: u,
-        ...c,
+        className: Gt({ variant: a, className: r }),
+        ref: c,
+        ...f,
         children: [
-          /* @__PURE__ */ e.jsx("div", { className: "alert-icon", children: m }),
-          /* @__PURE__ */ e.jsxs("div", { className: "alert-content", children: [
-            n && /* @__PURE__ */ e.jsx("div", { className: "alert-title", children: n }),
-            l && /* @__PURE__ */ e.jsx("div", { className: "alert-description", children: l }),
-            r && /* @__PURE__ */ e.jsx("div", { className: "alert-children", children: r })
+          /* @__PURE__ */ t.jsx("div", { className: "alert-icon", children: u }),
+          /* @__PURE__ */ t.jsxs("div", { className: "alert-content", children: [
+            n && /* @__PURE__ */ t.jsx("div", { className: "alert-title", children: n }),
+            l && /* @__PURE__ */ t.jsx("div", { className: "alert-description", children: l }),
+            i && /* @__PURE__ */ t.jsx("div", { className: "alert-children", children: i })
           ] }),
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ t.jsx(
             "button",
             {
               className: "alert-dismiss",
-              onClick: i,
+              onClick: h,
               "aria-label": "Cerrar alerta",
-              children: /* @__PURE__ */ e.jsx(de, {})
+              children: /* @__PURE__ */ t.jsx(He, {})
             }
           )
         ]
@@ -1265,8 +1639,8 @@ const $e = O("alert", {
     );
   }
 );
-Oe.displayName = "Alert";
-const Ve = O("social-login", {
+Ht.displayName = "Alert";
+const Jt = P("social-login", {
   variants: {
     variant: {
       filled: "social-login-filled",
@@ -1305,59 +1679,59 @@ const Ve = O("social-login", {
     iconAlignment: "left",
     provider: "google"
   }
-}), Be = {
+}), Kt = {
   google: "Continuar con Google",
   microsoft: "Continuar con Microsoft"
-}, Fe = {
-  google: Se,
-  microsoft: Le
-}, De = $(
+}, Xt = {
+  google: Dt,
+  microsoft: Ft
+}, Zt = W(
   ({
-    className: t,
+    className: r,
     variant: a,
     size: n,
     state: l,
-    pill: r,
-    iconAlignment: i,
-    provider: o,
-    children: c,
-    disabled: u,
-    onClick: b,
-    ...m
-  }, x) => {
-    const h = Fe[o], d = c || Be[o], g = u ? "disabled" : l, f = {
+    pill: i,
+    iconAlignment: h,
+    provider: d,
+    children: f,
+    disabled: c,
+    onClick: x,
+    ...u
+  }, j) => {
+    const g = Xt[d], v = f || Kt[d], w = c ? "disabled" : l, m = {
       xs: 16,
       sm: 18,
       md: 20,
       lg: 22,
       xl: 24
     }[n || "md"];
-    return /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ t.jsxs(
       "button",
       {
-        className: Ve({
+        className: Jt({
           variant: a,
           size: n,
-          state: g,
-          pill: r,
-          iconAlignment: i,
-          provider: o,
-          className: t
+          state: w,
+          pill: i,
+          iconAlignment: h,
+          provider: d,
+          className: r
         }),
-        disabled: u,
-        onClick: b,
-        ref: x,
-        ...m,
+        disabled: c,
+        onClick: x,
+        ref: j,
+        ...u,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "social-login-icon", children: /* @__PURE__ */ e.jsx(h, { size: f }) }),
-          /* @__PURE__ */ e.jsx("span", { className: "social-login-text", children: d })
+          /* @__PURE__ */ t.jsx("span", { className: "social-login-icon", children: /* @__PURE__ */ t.jsx(g, { size: m }) }),
+          /* @__PURE__ */ t.jsx("span", { className: "social-login-text", children: v })
         ]
       }
     );
   }
 );
-De.displayName = "SocialLogin";
-const We = O("progress-bar", {
+Zt.displayName = "SocialLogin";
+const qt = P("progress-bar", {
   variants: {
     variant: {
       default: "progress-bar-default",
@@ -1385,99 +1759,99 @@ const We = O("progress-bar", {
     size: "md",
     color: "primary"
   }
-}), Ke = $(
+}), cr = W(
   ({
-    className: t,
+    className: r,
     variant: a,
     size: n,
     color: l,
-    animated: r,
-    amount: i,
-    total: o,
-    showPercentage: c = !1,
-    label: u,
-    height: b,
-    style: m,
-    ...x
-  }, h) => {
-    const d = Math.min(Math.max(i / o * 100, 0), 100), g = {
-      ...m || {},
-      ...b ? { height: b } : {}
-    }, w = {
-      width: `${d}%`
+    animated: i,
+    amount: h,
+    total: d,
+    showPercentage: f = !1,
+    label: c,
+    height: x,
+    style: u,
+    ...j
+  }, g) => {
+    const v = Math.min(Math.max(h / d * 100, 0), 100), w = {
+      ...u || {},
+      ...x ? { height: x } : {}
+    }, p = {
+      width: `${v}%`
     };
-    return /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: We({
+        className: qt({
           variant: a,
           size: n,
           color: l,
-          animated: r,
-          className: t
+          animated: i,
+          className: r
         }),
-        style: g,
-        ref: h,
+        style: w,
+        ref: g,
         role: "progressbar",
-        "aria-valuenow": i,
+        "aria-valuenow": h,
         "aria-valuemin": 0,
-        "aria-valuemax": o,
-        "aria-label": u || `Progreso: ${i} de ${o}`,
-        ...x,
+        "aria-valuemax": d,
+        "aria-label": c || `Progreso: ${h} de ${d}`,
+        ...j,
         children: [
-          /* @__PURE__ */ e.jsx("div", { className: "progress-bar-track", children: /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ t.jsx("div", { className: "progress-bar-track", children: /* @__PURE__ */ t.jsx(
             "div",
             {
               className: "progress-bar-fill",
-              style: w
+              style: p
             }
           ) }),
-          (c || u) && /* @__PURE__ */ e.jsx("div", { className: "progress-bar-text", children: u || `${Math.round(d)}%` })
+          (f || c) && /* @__PURE__ */ t.jsx("div", { className: "progress-bar-text", children: c || `${Math.round(v)}%` })
         ]
       }
     );
   }
-), Ye = (t, a) => `/logos/${`${t}_${a}.png`}`, ue = $(
-  ({ type: t = "logo", color: a = "color", alt: n, className: l, ...r }, i) => {
-    const o = Ye(t, a), c = n || (t === "logo" ? "Levannta logo" : "Levannta isologo");
-    return /* @__PURE__ */ e.jsx(
+), Qt = (r, a) => `/logos/${`${r}_${a}.png`}`, Je = W(
+  ({ type: r = "logo", color: a = "color", alt: n, className: l, ...i }, h) => {
+    const d = Qt(r, a), f = n || (r === "logo" ? "Levannta logo" : "Levannta isologo");
+    return /* @__PURE__ */ t.jsx(
       "img",
       {
-        ref: i,
+        ref: h,
         className: ["logo", l].filter(Boolean).join(" "),
-        src: o,
-        alt: c,
-        ...r
+        src: d,
+        alt: f,
+        ...i
       }
     );
   }
 );
-ue.displayName = "Logo";
-const et = ({
-  title: t,
+Je.displayName = "Logo";
+const ur = ({
+  title: r,
   children: a,
   className: n,
   showLogo: l = !0,
-  logoProps: r,
-  ...i
+  logoProps: i,
+  ...h
 }) => {
-  const o = ["header", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsx("header", { className: o, ...i, children: /* @__PURE__ */ e.jsxs("div", { className: "header-content-wrapper", children: [
-    /* @__PURE__ */ e.jsx("h1", { className: "header-title", children: t }),
-    l && /* @__PURE__ */ e.jsx(
-      ue,
+  const d = ["header", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t.jsx("header", { className: d, ...h, children: /* @__PURE__ */ t.jsxs("div", { className: "header-content-wrapper", children: [
+    /* @__PURE__ */ t.jsx("h1", { className: "header-title", children: r }),
+    l && /* @__PURE__ */ t.jsx(
+      Je,
       {
         className: "header-logo",
-        type: (r == null ? void 0 : r.type) ?? "logo",
-        color: (r == null ? void 0 : r.color) ?? "color",
-        width: (r == null ? void 0 : r.width) ?? 240,
-        height: r == null ? void 0 : r.height,
-        alt: r == null ? void 0 : r.alt
+        type: (i == null ? void 0 : i.type) ?? "logo",
+        color: (i == null ? void 0 : i.color) ?? "color",
+        width: (i == null ? void 0 : i.width) ?? 240,
+        height: i == null ? void 0 : i.height,
+        alt: i == null ? void 0 : i.alt
       }
     ),
-    a && /* @__PURE__ */ e.jsx("div", { className: "header-children", children: a })
+    a && /* @__PURE__ */ t.jsx("div", { className: "header-children", children: a })
   ] }) });
-}, Ge = O("pagination", {
+}, er = P("pagination", {
   variants: {
     size: {
       xs: "pagination-size-xs",
@@ -1489,127 +1863,127 @@ const et = ({
   defaultVariants: {
     size: "md"
   }
-}), He = $(
+}), tr = W(
   ({
-    className: t,
+    className: r,
     size: a,
     currentPage: n,
     totalPages: l,
-    itemsPerPage: r,
-    totalItems: i,
-    itemsPerPageOptions: o = [10, 20, 50, 100],
-    onPageChange: c,
-    onItemsPerPageChange: u,
-    resultsLabel: b = "Resultados",
-    ofLabel: m = "de",
-    pageLabel: x = "Página",
-    prevDisabled: h,
-    nextDisabled: d,
-    ...g
-  }, w) => {
-    const [f, y] = z(!1), S = H(null), L = h ?? n <= 1, k = d ?? n >= l, V = {
+    itemsPerPage: i,
+    totalItems: h,
+    itemsPerPageOptions: d = [10, 20, 50, 100],
+    onPageChange: f,
+    onItemsPerPageChange: c,
+    resultsLabel: x = "Resultados",
+    ofLabel: u = "de",
+    pageLabel: j = "Página",
+    prevDisabled: g,
+    nextDisabled: v,
+    ...w
+  }, p) => {
+    const [m, T] = V(!1), E = K(null), D = g ?? n <= 1, I = v ?? n >= l, U = {
       xs: 20,
       sm: 20,
       md: 22,
       lg: 24
-    }[a || "md"], D = a === "lg" || a === "md" ? 28 : 24, B = () => {
-      !L && c && c(n - 1);
-    }, W = () => {
-      !k && c && c(n + 1);
-    }, I = (j) => {
-      u && u(j), y(!1);
-    }, p = () => {
-      y(!f);
+    }[a || "md"], Z = a === "lg" || a === "md" ? 28 : 24, q = () => {
+      !D && f && f(n - 1);
+    }, G = () => {
+      !I && f && f(n + 1);
+    }, B = (k) => {
+      c && c(k), T(!1);
+    }, C = () => {
+      T(!m);
     };
-    return U(() => {
-      const j = (C) => {
-        S.current && !S.current.contains(C.target) && y(!1);
+    return X(() => {
+      const k = (S) => {
+        E.current && !E.current.contains(S.target) && T(!1);
       };
-      return f && document.addEventListener("mousedown", j), () => {
-        document.removeEventListener("mousedown", j);
+      return m && document.addEventListener("mousedown", k), () => {
+        document.removeEventListener("mousedown", k);
       };
-    }, [f]), /* @__PURE__ */ e.jsxs(
+    }, [m]), /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: Ge({
+        className: er({
           size: a,
-          className: t
+          className: r
         }),
-        ref: w,
-        ...g,
+        ref: p,
+        ...w,
         children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "pagination-results-section", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "pagination-results", children: /* @__PURE__ */ e.jsx("span", { className: "pagination-results-text", children: b }) }),
-            /* @__PURE__ */ e.jsx("div", { className: "pagination-items-selector", ref: S, children: /* @__PURE__ */ e.jsxs("div", { className: "pagination-items-dropdown", children: [
-              /* @__PURE__ */ e.jsxs(
+          /* @__PURE__ */ t.jsxs("div", { className: "pagination-results-section", children: [
+            /* @__PURE__ */ t.jsx("div", { className: "pagination-results", children: /* @__PURE__ */ t.jsx("span", { className: "pagination-results-text", children: x }) }),
+            /* @__PURE__ */ t.jsx("div", { className: "pagination-items-selector", ref: E, children: /* @__PURE__ */ t.jsxs("div", { className: "pagination-items-dropdown", children: [
+              /* @__PURE__ */ t.jsxs(
                 "button",
                 {
                   className: "pagination-items-display",
-                  onClick: p,
+                  onClick: C,
                   type: "button",
-                  "aria-expanded": f,
+                  "aria-expanded": m,
                   "aria-haspopup": "listbox",
                   children: [
-                    /* @__PURE__ */ e.jsx("span", { className: "pagination-items-text", children: r }),
-                    /* @__PURE__ */ e.jsx(
-                      ze,
+                    /* @__PURE__ */ t.jsx("span", { className: "pagination-items-text", children: i }),
+                    /* @__PURE__ */ t.jsx(
+                      Wt,
                       {
-                        size: D,
-                        className: `pagination-chevron-down ${f ? "open" : ""}`
+                        size: Z,
+                        className: `pagination-chevron-down ${m ? "open" : ""}`
                       }
                     )
                   ]
                 }
               ),
-              f && /* @__PURE__ */ e.jsx("div", { className: "pagination-dropdown-menu", role: "listbox", children: o.map((j) => /* @__PURE__ */ e.jsx(
+              m && /* @__PURE__ */ t.jsx("div", { className: "pagination-dropdown-menu", role: "listbox", children: d.map((k) => /* @__PURE__ */ t.jsx(
                 "button",
                 {
-                  className: `pagination-dropdown-item ${j === r ? "selected" : ""}`,
-                  onClick: () => I(j),
+                  className: `pagination-dropdown-item ${k === i ? "selected" : ""}`,
+                  onClick: () => B(k),
                   type: "button",
                   role: "option",
-                  "aria-selected": j === r,
-                  children: j
+                  "aria-selected": k === i,
+                  children: k
                 },
-                j
+                k
               )) })
             ] }) }),
-            /* @__PURE__ */ e.jsx("div", { className: "pagination-total", children: /* @__PURE__ */ e.jsxs("span", { className: "pagination-total-text", children: [
-              m,
+            /* @__PURE__ */ t.jsx("div", { className: "pagination-total", children: /* @__PURE__ */ t.jsxs("span", { className: "pagination-total-text", children: [
+              u,
               " ",
-              i
+              h
             ] }) })
           ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: "pagination-navigation", children: [
-            /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ t.jsxs("div", { className: "pagination-navigation", children: [
+            /* @__PURE__ */ t.jsx(
               "button",
               {
-                className: `pagination-nav-button ${L ? "disabled" : ""}`,
-                onClick: B,
-                disabled: L,
+                className: `pagination-nav-button ${D ? "disabled" : ""}`,
+                onClick: q,
+                disabled: D,
                 type: "button",
                 "aria-label": "Página anterior",
-                children: /* @__PURE__ */ e.jsx(_e, { size: V })
+                children: /* @__PURE__ */ t.jsx(Vt, { size: U })
               }
             ),
-            /* @__PURE__ */ e.jsx("div", { className: "pagination-page-info", children: /* @__PURE__ */ e.jsxs("span", { className: "pagination-page-text", children: [
-              x,
+            /* @__PURE__ */ t.jsx("div", { className: "pagination-page-info", children: /* @__PURE__ */ t.jsxs("span", { className: "pagination-page-text", children: [
+              j,
               " ",
               n,
               " ",
-              m,
+              u,
               " ",
               l
             ] }) }),
-            /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ t.jsx(
               "button",
               {
-                className: `pagination-nav-button ${k ? "disabled" : ""}`,
-                onClick: W,
-                disabled: k,
+                className: `pagination-nav-button ${I ? "disabled" : ""}`,
+                onClick: G,
+                disabled: I,
                 type: "button",
                 "aria-label": "Página siguiente",
-                children: /* @__PURE__ */ e.jsx(Ae, { size: V })
+                children: /* @__PURE__ */ t.jsx(Bt, { size: U })
               }
             )
           ] })
@@ -1618,27 +1992,101 @@ const et = ({
     );
   }
 );
-He.displayName = "Pagination";
+tr.displayName = "Pagination";
+const dr = ({
+  icon: r,
+  title: a,
+  options: n = [],
+  value: l,
+  onChange: i,
+  className: h = ""
+}) => {
+  const [d, f] = V(!1), [c, x] = V(
+    n.find((p) => p.id === l) || null
+  ), u = K(null);
+  X(() => {
+    const p = (m) => {
+      u.current && !u.current.contains(m.target) && f(!1);
+    };
+    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
+  }, []);
+  const j = () => {
+    f(!d);
+  }, g = (p) => {
+    var m;
+    p.disabled || (x(p), f(!1), i == null || i(p), (m = p.onSelect) == null || m.call(p));
+  }, v = a, w = r || /* @__PURE__ */ t.jsx(Pt, { size: 20, color: "#00D4AA" });
+  return /* @__PURE__ */ t.jsxs("div", { className: `selector-container ${h}`, ref: u, children: [
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: `selector ${d ? "selector--open" : ""}`,
+        onClick: j,
+        children: [
+          /* @__PURE__ */ t.jsx("div", { className: "selector__icon", children: w }),
+          /* @__PURE__ */ t.jsx("div", { className: "selector__title", children: v }),
+          /* @__PURE__ */ t.jsx("div", { className: "selector__chevron", children: /* @__PURE__ */ t.jsx(
+            "svg",
+            {
+              width: "12",
+              height: "7",
+              viewBox: "0 0 12 7",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: `selector__chevron-icon ${d ? "selector__chevron-icon--open" : ""}`,
+              children: /* @__PURE__ */ t.jsx(
+                "path",
+                {
+                  d: "M1 1L6 6L11 1",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    d && n.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "selector__dropdown", children: /* @__PURE__ */ t.jsx("div", { className: "selector__dropdown-content", children: n.map((p) => /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: `selector__option ${(c == null ? void 0 : c.id) === p.id ? "selector__option--selected" : ""} ${p.disabled ? "selector__option--disabled" : ""}`,
+        onClick: () => g(p),
+        children: [
+          p.icon && /* @__PURE__ */ t.jsx("div", { className: "selector__option-icon", children: p.icon }),
+          /* @__PURE__ */ t.jsxs("div", { className: "selector__option-content", children: [
+            /* @__PURE__ */ t.jsx("div", { className: "selector__option-title", children: p.title }),
+            p.subtitle && /* @__PURE__ */ t.jsx("div", { className: "selector__option-subtitle", children: p.subtitle })
+          ] })
+        ]
+      },
+      p.id
+    )) }) })
+  ] });
+};
 export {
-  Oe as Alert,
-  je as Button,
-  qe as Card,
-  Je as Collapsible,
-  Pe as Drawer,
-  et as Header,
-  Me as Input,
-  ue as Logo,
-  Xe as Modal,
-  He as Pagination,
-  Ke as ProgressBar,
-  Ze as Sidebar,
-  De as SocialLogin,
-  Te as Tab,
-  Re as TabGroup,
-  Qe as ToggleButton,
-  $e as alertVariants,
-  pe as buttonVariants,
-  Ie as inputVariants,
-  Ee as tabVariants
+  Ht as Alert,
+  St as Button,
+  lr as Card,
+  ir as Collapsible,
+  sr as Drawer,
+  ur as Header,
+  Ut as Input,
+  Je as Logo,
+  ar as Modal,
+  tr as Pagination,
+  cr as ProgressBar,
+  dr as Selector,
+  nr as Sidebar,
+  Zt as SocialLogin,
+  zt as Tab,
+  At as TabGroup,
+  or as ToggleButton,
+  Gt as alertVariants,
+  Rt as buttonVariants,
+  Yt as inputVariants,
+  Mt as tabVariants
 };
 //# sourceMappingURL=index.esm.js.map