levannta-ui 1.0.6 → 1.0.8

package/dist/index.esm.js

@@ -1,5 +1,5 @@
-import Ne, { forwardRef as mr, useState as ke } from "react";
-var te = { exports: {} }, Y = {};
+import me, { forwardRef as hr, useState as B, useEffect as pr } from "react";
+var be = { exports: {} }, K = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -9,25 +9,25 @@ var te = { exports: {} }, Y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Te;
-function pr() {
-  if (Te)
-    return Y;
-  Te = 1;
-  var o = Ne, v = Symbol.for("react.element"), a = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, _ = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, E = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function j(h, f, d) {
-    var b, p = {}, R = null, O = null;
-    d !== void 0 && (R = "" + d), f.key !== void 0 && (R = "" + f.key), f.ref !== void 0 && (O = f.ref);
-    for (b in f)
-      u.call(f, b) && !E.hasOwnProperty(b) && (p[b] = f[b]);
-    if (h && h.defaultProps)
-      for (b in f = h.defaultProps, f)
-        p[b] === void 0 && (p[b] = f[b]);
-    return { $$typeof: v, type: h, key: R, ref: O, props: p, _owner: _.current };
+var De;
+function gr() {
+  if (De)
+    return K;
+  De = 1;
+  var o = me, v = Symbol.for("react.element"), i = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, j = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, k = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function O(E, f, m) {
+    var s, g = {}, p = null, _ = null;
+    m !== void 0 && (p = "" + m), f.key !== void 0 && (p = "" + f.key), f.ref !== void 0 && (_ = f.ref);
+    for (s in f)
+      c.call(f, s) && !k.hasOwnProperty(s) && (g[s] = f[s]);
+    if (E && E.defaultProps)
+      for (s in f = E.defaultProps, f)
+        g[s] === void 0 && (g[s] = f[s]);
+    return { $$typeof: v, type: E, key: p, ref: _, props: g, _owner: j.current };
   }
-  return Y.Fragment = a, Y.jsx = j, Y.jsxs = j, Y;
+  return K.Fragment = i, K.jsx = O, K.jsxs = O, K;
 }
-var M = {};
+var q = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,91 +37,91 @@ var M = {};
  * 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 hr() {
-  return Se || (Se = 1, process.env.NODE_ENV !== "production" && function() {
-    var o = Ne, v = Symbol.for("react.element"), a = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), E = Symbol.for("react.profiler"), j = Symbol.for("react.provider"), h = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), A = Symbol.iterator, F = "@@iterator";
-    function P(e) {
+var Me;
+function yr() {
+  return Me || (Me = 1, process.env.NODE_ENV !== "production" && function() {
+    var o = me, v = Symbol.for("react.element"), i = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), O = Symbol.for("react.provider"), E = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), N = Symbol.iterator, M = "@@iterator";
+    function y(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = A && e[A] || e[F];
+      var r = N && e[N] || e[M];
       return typeof r == "function" ? r : null;
     }
-    var D = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function x(e) {
+    var F = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function R(e) {
       {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
-          t[n - 1] = arguments[n];
-        Fe("error", e, t);
+        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
+          n[a - 1] = arguments[a];
+        W("error", e, n);
       }
     }
-    function Fe(e, r, t) {
+    function W(e, r, n) {
       {
-        var n = D.ReactDebugCurrentFrame, c = n.getStackAddendum();
-        c !== "" && (r += "%s", t = t.concat([c]));
-        var m = t.map(function(l) {
-          return String(l);
+        var a = F.ReactDebugCurrentFrame, d = a.getStackAddendum();
+        d !== "" && (r += "%s", n = n.concat([d]));
+        var h = n.map(function(u) {
+          return String(u);
         });
-        m.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, m);
+        h.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, h);
       }
     }
-    var De = !1, Ie = !1, $e = !1, Ve = !1, We = !1, ne;
-    ne = Symbol.for("react.module.reference");
-    function Le(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === u || e === E || We || e === _ || e === d || e === b || Ve || e === O || De || Ie || $e || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === p || e.$$typeof === j || e.$$typeof === h || e.$$typeof === f || // This needs to include all possible module reference object
+    var $ = !1, re = !1, ne = !1, te = !1, ae = !1, G;
+    G = Symbol.for("react.module.reference");
+    function V(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === c || e === k || ae || e === j || e === m || e === s || te || e === _ || $ || re || ne || typeof e == "object" && e !== null && (e.$$typeof === p || e.$$typeof === g || e.$$typeof === O || e.$$typeof === E || e.$$typeof === f || // 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 === ne || e.getModuleId !== void 0));
+      e.$$typeof === G || e.getModuleId !== void 0));
     }
-    function Ye(e, r, t) {
-      var n = e.displayName;
-      if (n)
-        return n;
-      var c = r.displayName || r.name || "";
-      return c !== "" ? t + "(" + c + ")" : t;
+    function b(e, r, n) {
+      var a = e.displayName;
+      if (a)
+        return a;
+      var d = r.displayName || r.name || "";
+      return d !== "" ? n + "(" + d + ")" : n;
     }
-    function ae(e) {
+    function T(e) {
       return e.displayName || "Context";
     }
-    function S(e) {
+    function x(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && R("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 u:
+        case c:
           return "Fragment";
-        case a:
+        case i:
           return "Portal";
-        case E:
+        case k:
           return "Profiler";
-        case _:
+        case j:
           return "StrictMode";
-        case d:
+        case m:
           return "Suspense";
-        case b:
+        case s:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case h:
+          case E:
             var r = e;
-            return ae(r) + ".Consumer";
-          case j:
-            var t = e;
-            return ae(t._context) + ".Provider";
+            return T(r) + ".Consumer";
+          case O:
+            var n = e;
+            return T(n._context) + ".Provider";
           case f:
-            return Ye(e, e.render, "ForwardRef");
-          case p:
-            var n = e.displayName || null;
-            return n !== null ? n : S(e.type) || "Memo";
-          case R: {
-            var c = e, m = c._payload, l = c._init;
+            return b(e, e.render, "ForwardRef");
+          case g:
+            var a = e.displayName || null;
+            return a !== null ? a : x(e.type) || "Memo";
+          case p: {
+            var d = e, h = d._payload, u = d._init;
             try {
-              return S(l(m));
+              return x(u(h));
             } catch {
               return null;
             }
@@ -129,18 +129,18 @@ function hr() {
         }
       return null;
     }
-    var N = Object.assign, V = 0, ie, oe, se, le, ue, ce, fe;
-    function de() {
+    var S = Object.assign, I = 0, X, he, pe, ge, ye, xe, je;
+    function Ee() {
     }
-    de.__reactDisabledLog = !0;
-    function Me() {
+    Ee.__reactDisabledLog = !0;
+    function Ue() {
       {
-        if (V === 0) {
-          ie = console.log, oe = console.info, se = console.warn, le = console.error, ue = console.group, ce = console.groupCollapsed, fe = console.groupEnd;
+        if (I === 0) {
+          X = console.log, he = console.info, pe = console.warn, ge = console.error, ye = console.group, xe = console.groupCollapsed, je = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: de,
+            value: Ee,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -153,336 +153,336 @@ function hr() {
             groupEnd: e
           });
         }
-        V++;
+        I++;
       }
     }
-    function Ue() {
+    function Be() {
       {
-        if (V--, V === 0) {
+        if (I--, I === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: N({}, e, {
-              value: ie
+            log: S({}, e, {
+              value: X
             }),
-            info: N({}, e, {
-              value: oe
+            info: S({}, e, {
+              value: he
             }),
-            warn: N({}, e, {
-              value: se
+            warn: S({}, e, {
+              value: pe
             }),
-            error: N({}, e, {
-              value: le
+            error: S({}, e, {
+              value: ge
             }),
-            group: N({}, e, {
-              value: ue
+            group: S({}, e, {
+              value: ye
             }),
-            groupCollapsed: N({}, e, {
-              value: ce
+            groupCollapsed: S({}, e, {
+              value: xe
             }),
-            groupEnd: N({}, e, {
-              value: fe
+            groupEnd: S({}, e, {
+              value: je
             })
           });
         }
-        V < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        I < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var K = D.ReactCurrentDispatcher, q;
-    function U(e, r, t) {
+    var ie = F.ReactCurrentDispatcher, oe;
+    function H(e, r, n) {
       {
-        if (q === void 0)
+        if (oe === void 0)
           try {
             throw Error();
-          } catch (c) {
-            var n = c.stack.trim().match(/\n( *(at )?)/);
-            q = n && n[1] || "";
+          } catch (d) {
+            var a = d.stack.trim().match(/\n( *(at )?)/);
+            oe = a && a[1] || "";
           }
         return `
-` + q + e;
+` + oe + e;
       }
     }
-    var G = !1, B;
+    var se = !1, Z;
     {
-      var Be = typeof WeakMap == "function" ? WeakMap : Map;
-      B = new Be();
+      var ze = typeof WeakMap == "function" ? WeakMap : Map;
+      Z = new ze();
     }
-    function ve(e, r) {
-      if (!e || G)
+    function Re(e, r) {
+      if (!e || se)
         return "";
       {
-        var t = B.get(e);
-        if (t !== void 0)
-          return t;
+        var n = Z.get(e);
+        if (n !== void 0)
+          return n;
       }
-      var n;
-      G = !0;
-      var c = Error.prepareStackTrace;
+      var a;
+      se = !0;
+      var d = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var m;
-      m = K.current, K.current = null, Me();
+      var h;
+      h = ie.current, ie.current = null, Ue();
       try {
         if (r) {
-          var l = function() {
+          var u = function() {
             throw Error();
           };
-          if (Object.defineProperty(l.prototype, "props", {
+          if (Object.defineProperty(u.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(l, []);
-            } catch (C) {
-              n = C;
+              Reflect.construct(u, []);
+            } catch (A) {
+              a = A;
             }
-            Reflect.construct(e, [], l);
+            Reflect.construct(e, [], u);
           } else {
             try {
-              l.call();
-            } catch (C) {
-              n = C;
+              u.call();
+            } catch (A) {
+              a = A;
             }
-            e.call(l.prototype);
+            e.call(u.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (C) {
-            n = C;
+          } catch (A) {
+            a = A;
           }
           e();
         }
-      } catch (C) {
-        if (C && n && typeof C.stack == "string") {
-          for (var i = C.stack.split(`
-`), w = n.stack.split(`
-`), y = i.length - 1, g = w.length - 1; y >= 1 && g >= 0 && i[y] !== w[g]; )
-            g--;
-          for (; y >= 1 && g >= 0; y--, g--)
-            if (i[y] !== w[g]) {
-              if (y !== 1 || g !== 1)
+      } catch (A) {
+        if (A && a && typeof A.stack == "string") {
+          for (var l = A.stack.split(`
+`), P = a.stack.split(`
+`), w = l.length - 1, C = P.length - 1; w >= 1 && C >= 0 && l[w] !== P[C]; )
+            C--;
+          for (; w >= 1 && C >= 0; w--, C--)
+            if (l[w] !== P[C]) {
+              if (w !== 1 || C !== 1)
                 do
-                  if (y--, g--, g < 0 || i[y] !== w[g]) {
-                    var T = `
-` + i[y].replace(" at new ", " at ");
-                    return e.displayName && T.includes("<anonymous>") && (T = T.replace("<anonymous>", e.displayName)), typeof e == "function" && B.set(e, T), T;
+                  if (w--, C--, C < 0 || l[w] !== P[C]) {
+                    var D = `
+` + l[w].replace(" at new ", " at ");
+                    return e.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", e.displayName)), typeof e == "function" && Z.set(e, D), D;
                   }
-                while (y >= 1 && g >= 0);
+                while (w >= 1 && C >= 0);
               break;
             }
         }
       } finally {
-        G = !1, K.current = m, Ue(), Error.prepareStackTrace = c;
+        se = !1, ie.current = h, Be(), Error.prepareStackTrace = d;
       }
-      var $ = e ? e.displayName || e.name : "", k = $ ? U($) : "";
-      return typeof e == "function" && B.set(e, k), k;
+      var U = e ? e.displayName || e.name : "", L = U ? H(U) : "";
+      return typeof e == "function" && Z.set(e, L), L;
     }
-    function ze(e, r, t) {
-      return ve(e, !1);
+    function Je(e, r, n) {
+      return Re(e, !1);
     }
-    function Je(e) {
+    function Ke(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function z(e, r, t) {
+    function Q(e, r, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return ve(e, Je(e));
+        return Re(e, Ke(e));
       if (typeof e == "string")
-        return U(e);
+        return H(e);
       switch (e) {
-        case d:
-          return U("Suspense");
-        case b:
-          return U("SuspenseList");
+        case m:
+          return H("Suspense");
+        case s:
+          return H("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case f:
-            return ze(e.render);
-          case p:
-            return z(e.type, r, t);
-          case R: {
-            var n = e, c = n._payload, m = n._init;
+            return Je(e.render);
+          case g:
+            return Q(e.type, r, n);
+          case p: {
+            var a = e, d = a._payload, h = a._init;
             try {
-              return z(m(c), r, t);
+              return Q(h(d), r, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var W = Object.prototype.hasOwnProperty, be = {}, me = D.ReactDebugCurrentFrame;
-    function J(e) {
+    var z = Object.prototype.hasOwnProperty, _e = {}, we = F.ReactDebugCurrentFrame;
+    function ee(e) {
       if (e) {
-        var r = e._owner, t = z(e.type, e._source, r ? r.type : null);
-        me.setExtraStackFrame(t);
+        var r = e._owner, n = Q(e.type, e._source, r ? r.type : null);
+        we.setExtraStackFrame(n);
       } else
-        me.setExtraStackFrame(null);
+        we.setExtraStackFrame(null);
     }
-    function Ke(e, r, t, n, c) {
+    function qe(e, r, n, a, d) {
       {
-        var m = Function.call.bind(W);
-        for (var l in e)
-          if (m(e, l)) {
-            var i = void 0;
+        var h = Function.call.bind(z);
+        for (var u in e)
+          if (h(e, u)) {
+            var l = void 0;
             try {
-              if (typeof e[l] != "function") {
-                var w = Error((n || "React class") + ": " + t + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw w.name = "Invariant Violation", w;
+              if (typeof e[u] != "function") {
+                var P = Error((a || "React class") + ": " + n + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw P.name = "Invariant Violation", P;
               }
-              i = e[l](r, l, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (y) {
-              i = y;
+              l = e[u](r, u, a, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (w) {
+              l = w;
             }
-            i && !(i instanceof Error) && (J(c), x("%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).", n || "React class", t, l, typeof i), J(null)), i instanceof Error && !(i.message in be) && (be[i.message] = !0, J(c), x("Failed %s type: %s", t, i.message), J(null));
+            l && !(l instanceof Error) && (ee(d), R("%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).", a || "React class", n, u, typeof l), ee(null)), l instanceof Error && !(l.message in _e) && (_e[l.message] = !0, ee(d), R("Failed %s type: %s", n, l.message), ee(null));
           }
       }
     }
-    var qe = Array.isArray;
-    function X(e) {
-      return qe(e);
+    var Ge = Array.isArray;
+    function le(e) {
+      return Ge(e);
     }
-    function Ge(e) {
+    function Xe(e) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n;
       }
     }
-    function Xe(e) {
+    function He(e) {
       try {
-        return pe(e), !1;
+        return Ce(e), !1;
       } catch {
         return !0;
       }
     }
-    function pe(e) {
+    function Ce(e) {
       return "" + e;
     }
-    function he(e) {
-      if (Xe(e))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ge(e)), pe(e);
+    function Te(e) {
+      if (He(e))
+        return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Xe(e)), Ce(e);
     }
-    var L = D.ReactCurrentOwner, He = {
+    var J = F.ReactCurrentOwner, Ze = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, ye, ge, H;
-    H = {};
-    function Ze(e) {
-      if (W.call(e, "ref")) {
+    }, Se, Oe, ue;
+    ue = {};
+    function Qe(e) {
+      if (z.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function Qe(e) {
-      if (W.call(e, "key")) {
+    function er(e) {
+      if (z.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function er(e, r) {
-      if (typeof e.ref == "string" && L.current && r && L.current.stateNode !== r) {
-        var t = S(L.current.type);
-        H[t] || (x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', S(L.current.type), e.ref), H[t] = !0);
+    function rr(e, r) {
+      if (typeof e.ref == "string" && J.current && r && J.current.stateNode !== r) {
+        var n = x(J.current.type);
+        ue[n] || (R('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', x(J.current.type), e.ref), ue[n] = !0);
       }
     }
-    function rr(e, r) {
+    function nr(e, r) {
       {
-        var t = function() {
-          ye || (ye = !0, x("%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)", r));
+        var n = function() {
+          Se || (Se = !0, R("%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)", r));
         };
-        t.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: t,
+        n.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: n,
           configurable: !0
         });
       }
     }
     function tr(e, r) {
       {
-        var t = function() {
-          ge || (ge = !0, x("%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)", r));
+        var n = function() {
+          Oe || (Oe = !0, R("%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)", r));
         };
-        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: t,
+        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: n,
           configurable: !0
         });
       }
     }
-    var nr = function(e, r, t, n, c, m, l) {
-      var i = {
+    var ar = function(e, r, n, a, d, h, u) {
+      var l = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: v,
         // Built-in properties that belong on the element
         type: e,
         key: r,
-        ref: t,
-        props: l,
+        ref: n,
+        props: u,
         // Record the component responsible for creating this element.
-        _owner: m
+        _owner: h
       };
-      return i._store = {}, Object.defineProperty(i._store, "validated", {
+      return l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(i, "_self", {
+      }), Object.defineProperty(l, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: n
-      }), Object.defineProperty(i, "_source", {
+        value: a
+      }), Object.defineProperty(l, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: c
-      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+        value: d
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     };
-    function ar(e, r, t, n, c) {
+    function ir(e, r, n, a, d) {
       {
-        var m, l = {}, i = null, w = null;
-        t !== void 0 && (he(t), i = "" + t), Qe(r) && (he(r.key), i = "" + r.key), Ze(r) && (w = r.ref, er(r, c));
-        for (m in r)
-          W.call(r, m) && !He.hasOwnProperty(m) && (l[m] = r[m]);
+        var h, u = {}, l = null, P = null;
+        n !== void 0 && (Te(n), l = "" + n), er(r) && (Te(r.key), l = "" + r.key), Qe(r) && (P = r.ref, rr(r, d));
+        for (h in r)
+          z.call(r, h) && !Ze.hasOwnProperty(h) && (u[h] = r[h]);
         if (e && e.defaultProps) {
-          var y = e.defaultProps;
-          for (m in y)
-            l[m] === void 0 && (l[m] = y[m]);
+          var w = e.defaultProps;
+          for (h in w)
+            u[h] === void 0 && (u[h] = w[h]);
         }
-        if (i || w) {
-          var g = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          i && rr(l, g), w && tr(l, g);
+        if (l || P) {
+          var C = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          l && nr(u, C), P && tr(u, C);
         }
-        return nr(e, i, w, c, n, L.current, l);
+        return ar(e, l, P, d, a, J.current, u);
       }
     }
-    var Z = D.ReactCurrentOwner, _e = D.ReactDebugCurrentFrame;
-    function I(e) {
+    var ce = F.ReactCurrentOwner, Ne = F.ReactDebugCurrentFrame;
+    function Y(e) {
       if (e) {
-        var r = e._owner, t = z(e.type, e._source, r ? r.type : null);
-        _e.setExtraStackFrame(t);
+        var r = e._owner, n = Q(e.type, e._source, r ? r.type : null);
+        Ne.setExtraStackFrame(n);
       } else
-        _e.setExtraStackFrame(null);
+        Ne.setExtraStackFrame(null);
     }
-    var Q;
-    Q = !1;
-    function ee(e) {
+    var fe;
+    fe = !1;
+    function de(e) {
       return typeof e == "object" && e !== null && e.$$typeof === v;
     }
-    function Ee() {
+    function ke() {
       {
-        if (Z.current) {
-          var e = S(Z.current.type);
+        if (ce.current) {
+          var e = x(ce.current.type);
           if (e)
             return `
 
@@ -491,208 +491,208 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function ir(e) {
+    function or(e) {
       {
         if (e !== void 0) {
-          var r = e.fileName.replace(/^.*[\\\/]/, ""), t = e.lineNumber;
+          var r = e.fileName.replace(/^.*[\\\/]/, ""), n = e.lineNumber;
           return `
 
-Check your code at ` + r + ":" + t + ".";
+Check your code at ` + r + ":" + n + ".";
         }
         return "";
       }
     }
-    var Re = {};
-    function or(e) {
+    var Pe = {};
+    function sr(e) {
       {
-        var r = Ee();
+        var r = ke();
         if (!r) {
-          var t = typeof e == "string" ? e : e.displayName || e.name;
-          t && (r = `
+          var n = typeof e == "string" ? e : e.displayName || e.name;
+          n && (r = `
 
-Check the top-level render call using <` + t + ">.");
+Check the top-level render call using <` + n + ">.");
         }
         return r;
       }
     }
-    function xe(e, r) {
+    function Ie(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var t = or(r);
-        if (Re[t])
+        var n = sr(r);
+        if (Pe[n])
           return;
-        Re[t] = !0;
-        var n = "";
-        e && e._owner && e._owner !== Z.current && (n = " It was passed a child from " + S(e._owner.type) + "."), I(e), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), I(null);
+        Pe[n] = !0;
+        var a = "";
+        e && e._owner && e._owner !== ce.current && (a = " It was passed a child from " + x(e._owner.type) + "."), Y(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, a), Y(null);
       }
     }
-    function je(e, r) {
+    function Ae(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (X(e))
-          for (var t = 0; t < e.length; t++) {
-            var n = e[t];
-            ee(n) && xe(n, r);
+        if (le(e))
+          for (var n = 0; n < e.length; n++) {
+            var a = e[n];
+            de(a) && Ie(a, r);
           }
-        else if (ee(e))
+        else if (de(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var c = P(e);
-          if (typeof c == "function" && c !== e.entries)
-            for (var m = c.call(e), l; !(l = m.next()).done; )
-              ee(l.value) && xe(l.value, r);
+          var d = y(e);
+          if (typeof d == "function" && d !== e.entries)
+            for (var h = d.call(e), u; !(u = h.next()).done; )
+              de(u.value) && Ie(u.value, r);
         }
       }
     }
-    function sr(e) {
+    function lr(e) {
       {
         var r = e.type;
         if (r == null || typeof r == "string")
           return;
-        var t;
+        var n;
         if (typeof r == "function")
-          t = r.propTypes;
+          n = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === p))
-          t = r.propTypes;
+        r.$$typeof === g))
+          n = r.propTypes;
         else
           return;
-        if (t) {
-          var n = S(r);
-          Ke(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !Q) {
-          Q = !0;
-          var c = S(r);
-          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", c || "Unknown");
+        if (n) {
+          var a = x(r);
+          qe(n, e.props, "prop", a, e);
+        } else if (r.PropTypes !== void 0 && !fe) {
+          fe = !0;
+          var d = x(r);
+          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", d || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function lr(e) {
+    function ur(e) {
       {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var n = r[t];
-          if (n !== "children" && n !== "key") {
-            I(e), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), I(null);
+        for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
+          var a = r[n];
+          if (a !== "children" && a !== "key") {
+            Y(e), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), Y(null);
             break;
           }
         }
-        e.ref !== null && (I(e), x("Invalid attribute `ref` supplied to `React.Fragment`."), I(null));
+        e.ref !== null && (Y(e), R("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
       }
     }
-    var we = {};
-    function Ce(e, r, t, n, c, m) {
+    var Fe = {};
+    function $e(e, r, n, a, d, h) {
       {
-        var l = Le(e);
-        if (!l) {
-          var i = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (i += " 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 w = ir(c);
-          w ? i += w : i += Ee();
-          var y;
-          e === null ? y = "null" : X(e) ? y = "array" : e !== void 0 && e.$$typeof === v ? (y = "<" + (S(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : y = typeof e, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", y, i);
+        var u = V(e);
+        if (!u) {
+          var l = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (l += " 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 P = or(d);
+          P ? l += P : l += ke();
+          var w;
+          e === null ? w = "null" : le(e) ? w = "array" : e !== void 0 && e.$$typeof === v ? (w = "<" + (x(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : w = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, l);
         }
-        var g = ar(e, r, t, c, m);
-        if (g == null)
-          return g;
-        if (l) {
-          var T = r.children;
-          if (T !== void 0)
-            if (n)
-              if (X(T)) {
-                for (var $ = 0; $ < T.length; $++)
-                  je(T[$], e);
-                Object.freeze && Object.freeze(T);
+        var C = ir(e, r, n, d, h);
+        if (C == null)
+          return C;
+        if (u) {
+          var D = r.children;
+          if (D !== void 0)
+            if (a)
+              if (le(D)) {
+                for (var U = 0; U < D.length; U++)
+                  Ae(D[U], e);
+                Object.freeze && Object.freeze(D);
               } else
-                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                R("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
-              je(T, e);
+              Ae(D, e);
         }
-        if (W.call(r, "key")) {
-          var k = S(e), C = Object.keys(r).filter(function(br) {
-            return br !== "key";
-          }), re = C.length > 0 ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!we[k + re]) {
-            var vr = C.length > 0 ? "{" + C.join(": ..., ") + ": ...}" : "{}";
-            x(`A props object containing a "key" prop is being spread into JSX:
+        if (z.call(r, "key")) {
+          var L = x(e), A = Object.keys(r).filter(function(mr) {
+            return mr !== "key";
+          }), ve = A.length > 0 ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Fe[L + ve]) {
+            var br = A.length > 0 ? "{" + A.join(": ..., ") + ": ...}" : "{}";
+            R(`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} />`, re, k, vr, k), we[k + re] = !0;
+  <%s key={someKey} {...props} />`, ve, L, br, L), Fe[L + ve] = !0;
           }
         }
-        return e === u ? lr(g) : sr(g), g;
+        return e === c ? ur(C) : lr(C), C;
       }
     }
-    function ur(e, r, t) {
-      return Ce(e, r, t, !0);
+    function cr(e, r, n) {
+      return $e(e, r, n, !0);
     }
-    function cr(e, r, t) {
-      return Ce(e, r, t, !1);
+    function fr(e, r, n) {
+      return $e(e, r, n, !1);
     }
-    var fr = cr, dr = ur;
-    M.Fragment = u, M.jsx = fr, M.jsxs = dr;
-  }()), M;
+    var dr = fr, vr = cr;
+    q.Fragment = c, q.jsx = dr, q.jsxs = vr;
+  }()), q;
 }
-process.env.NODE_ENV === "production" ? te.exports = pr() : te.exports = hr();
-var s = te.exports;
-function Ae(o) {
-  var v, a, u = "";
+process.env.NODE_ENV === "production" ? be.exports = gr() : be.exports = yr();
+var t = be.exports;
+function Ye(o) {
+  var v, i, c = "";
   if (typeof o == "string" || typeof o == "number")
-    u += o;
+    c += o;
   else if (typeof o == "object")
     if (Array.isArray(o)) {
-      var _ = o.length;
-      for (v = 0; v < _; v++)
-        o[v] && (a = Ae(o[v])) && (u && (u += " "), u += a);
+      var j = o.length;
+      for (v = 0; v < j; v++)
+        o[v] && (i = Ye(o[v])) && (c && (c += " "), c += i);
     } else
-      for (a in o)
-        o[a] && (u && (u += " "), u += a);
-  return u;
+      for (i in o)
+        o[i] && (c && (c += " "), c += i);
+  return c;
 }
-function yr() {
-  for (var o, v, a = 0, u = "", _ = arguments.length; a < _; a++)
-    (o = arguments[a]) && (v = Ae(o)) && (u && (u += " "), u += v);
-  return u;
+function xr() {
+  for (var o, v, i = 0, c = "", j = arguments.length; i < j; i++)
+    (o = arguments[i]) && (v = Ye(o)) && (c && (c += " "), c += v);
+  return c;
 }
-const Oe = (o) => typeof o == "boolean" ? `${o}` : o === 0 ? "0" : o, Pe = yr, gr = (o, v) => (a) => {
-  var u;
+const Le = (o) => typeof o == "boolean" ? `${o}` : o === 0 ? "0" : o, We = xr, jr = (o, v) => (i) => {
+  var c;
   if ((v == null ? void 0 : v.variants) == null)
-    return Pe(o, a == null ? void 0 : a.class, a == null ? void 0 : a.className);
-  const { variants: _, defaultVariants: E } = v, j = Object.keys(_).map((d) => {
-    const b = a == null ? void 0 : a[d], p = E == null ? void 0 : E[d];
-    if (b === null)
+    return We(o, i == null ? void 0 : i.class, i == null ? void 0 : i.className);
+  const { variants: j, defaultVariants: k } = v, O = Object.keys(j).map((m) => {
+    const s = i == null ? void 0 : i[m], g = k == null ? void 0 : k[m];
+    if (s === null)
       return null;
-    const R = Oe(b) || Oe(p);
-    return _[d][R];
-  }), h = a && Object.entries(a).reduce((d, b) => {
-    let [p, R] = b;
-    return R === void 0 || (d[p] = R), d;
-  }, {}), f = v == null || (u = v.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((d, b) => {
-    let { class: p, className: R, ...O } = b;
-    return Object.entries(O).every((A) => {
-      let [F, P] = A;
-      return Array.isArray(P) ? P.includes({
-        ...E,
-        ...h
-      }[F]) : {
-        ...E,
-        ...h
-      }[F] === P;
+    const p = Le(s) || Le(g);
+    return j[m][p];
+  }), E = i && Object.entries(i).reduce((m, s) => {
+    let [g, p] = s;
+    return p === void 0 || (m[g] = p), m;
+  }, {}), f = v == null || (c = v.compoundVariants) === null || c === void 0 ? void 0 : c.reduce((m, s) => {
+    let { class: g, className: p, ..._ } = s;
+    return Object.entries(_).every((N) => {
+      let [M, y] = N;
+      return Array.isArray(y) ? y.includes({
+        ...k,
+        ...E
+      }[M]) : {
+        ...k,
+        ...E
+      }[M] === y;
     }) ? [
-      ...d,
-      p,
-      R
-    ] : d;
+      ...m,
+      g,
+      p
+    ] : m;
   }, []);
-  return Pe(o, j, f, a == null ? void 0 : a.class, a == null ? void 0 : a.className);
+  return We(o, O, f, i == null ? void 0 : i.class, i == null ? void 0 : i.className);
 };
-const _r = gr("button", {
+const Er = jr("button", {
   variants: {
     variant: {
       outlined: "button-outlined",
@@ -753,92 +753,116 @@ const _r = gr("button", {
     { variant: "icon", color: "error", className: "button-icon-error" },
     { variant: "icon", color: "clear", className: "button-icon-clear" }
   ]
-}), Er = mr(
+}), Rr = hr(
   ({
     className: o,
     variant: v,
-    color: a,
-    size: u,
-    pill: _,
-    active: E,
-    iconLeft: j,
-    iconRight: h,
+    color: i,
+    size: c,
+    pill: j,
+    active: k,
+    iconLeft: O,
+    iconRight: E,
     iconLeftJustified: f,
-    iconRightJustified: d,
-    iconOnly: b,
-    width: p,
-    children: R,
-    style: O,
-    ...A
-  }, F) => {
-    const P = {
-      ...O || {},
-      ...p ? { width: p } : {}
+    iconRightJustified: m,
+    iconOnly: s,
+    width: g,
+    children: p,
+    style: _,
+    ...N
+  }, M) => {
+    const y = {
+      ..._ || {},
+      ...g ? { width: g } : {}
     };
-    return /* @__PURE__ */ s.jsxs(
+    return /* @__PURE__ */ t.jsxs(
       "button",
       {
-        className: _r({
+        className: Er({
           variant: v,
-          color: a,
-          size: u,
-          pill: _,
-          active: E,
-          iconLeft: !!j,
-          iconRight: !!h,
+          color: i,
+          size: c,
+          pill: j,
+          active: k,
+          iconLeft: !!O,
+          iconRight: !!E,
           iconLeftJustified: !!f,
-          iconRightJustified: !!d,
-          iconOnly: !!b,
+          iconRightJustified: !!m,
+          iconOnly: !!s,
           className: o
         }),
-        style: P,
-        ref: F,
-        ...A,
+        style: y,
+        ref: M,
+        ...N,
         children: [
-          j && /* @__PURE__ */ s.jsx("span", { className: "button-icon-left", children: j }),
-          f && /* @__PURE__ */ s.jsx("span", { className: "button-icon-left", children: f }),
-          b ? /* @__PURE__ */ s.jsx("span", { children: b }) : R,
-          h && /* @__PURE__ */ s.jsx("span", { className: "button-icon-right", children: h }),
-          d && /* @__PURE__ */ s.jsx("span", { className: "button-icon-right", children: d })
+          O && /* @__PURE__ */ t.jsx("span", { className: "button-icon-left", children: O }),
+          f && /* @__PURE__ */ t.jsx("span", { className: "button-icon-left", children: f }),
+          s ? /* @__PURE__ */ t.jsx("span", { children: s }) : p,
+          E && /* @__PURE__ */ t.jsx("span", { className: "button-icon-right", children: E }),
+          m && /* @__PURE__ */ t.jsx("span", { className: "button-icon-right", children: m })
         ]
       }
     );
   }
 );
-Er.displayName = "Button";
-const Rr = ({ className: o }) => /* @__PURE__ */ s.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: o, children: /* @__PURE__ */ s.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" }) }), xr = ({
+Rr.displayName = "Button";
+const _r = ({ className: o }) => /* @__PURE__ */ t.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: o, 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" }) }), wr = ({
   icon: o,
   url: v,
-  label: a,
-  submenu: u,
-  collapsed: _
+  label: i,
+  submenu: c,
+  collapsed: j,
+  active: k,
+  activePath: O,
+  isOpen: E,
+  onToggle: f,
+  onExpand: m,
+  onSetActive: s,
+  isMobile: g = !1
 }) => {
-  const [E, j] = ke(!1), h = u && u.length > 0, f = (d) => {
-    h && (d.preventDefault(), j(!E));
+  const p = c && c.length > 0, _ = p && c.some((y) => y.url === O), N = k || E && p || _ || v === O, M = (y) => {
+    if (y.preventDefault(), g && p) {
+      f();
+      return;
+    }
+    if (s && s(v), j && m) {
+      m();
+      return;
+    }
+    p && !j && f();
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: `sidebar-item ${E ? "open" : ""}`, children: [
-    /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ t.jsx("div", { className: `sidebar-item ${E ? "open" : ""} `, children: /* @__PURE__ */ t.jsxs("div", { className: `sidebar-item-wrapper ${N && !j ? "active" : ""}`, children: [
+    /* @__PURE__ */ t.jsxs(
       "a",
       {
         href: v,
-        className: "sidebar-link sidebar-collapsed",
-        onClick: h ? f : void 0,
+        className: `sidebar-link sidebar-collapsed ${N ? "active-text" : ""}`,
+        onClick: M,
         children: [
-          /* @__PURE__ */ s.jsx("div", { className: "sidebar-icon", children: o }),
-          !_ && /* @__PURE__ */ s.jsxs("div", { className: "sidebar-content", children: [
-            /* @__PURE__ */ s.jsx("span", { className: "sidebar-label", children: a }),
-            h && /* @__PURE__ */ s.jsx("span", { className: "submenu-arrow", children: /* @__PURE__ */ s.jsx(Rr, {}) })
+          /* @__PURE__ */ t.jsx("div", { className: `sidebar-icon ${N ? "active-text" : ""}`, children: o }),
+          (!j || g) && /* @__PURE__ */ t.jsxs("div", { className: "sidebar-content", children: [
+            /* @__PURE__ */ t.jsx("span", { className: "sidebar-label", children: i }),
+            p && /* @__PURE__ */ t.jsx("span", { className: "submenu-arrow", children: /* @__PURE__ */ t.jsx(_r, { className: `${N ? "active-text" : ""}` }) })
           ] })
         ]
       }
     ),
-    h && E && !_ && /* @__PURE__ */ s.jsx("div", { className: "submenu", children: u.map((d, b) => /* @__PURE__ */ s.jsxs("a", { href: d.url, className: "submenu-item", children: [
-      /* @__PURE__ */ s.jsx("div", { className: "submenu-icon", children: d.icon }),
-      /* @__PURE__ */ s.jsx("span", { className: "submenu-label", children: d.label })
-    ] }, b)) })
-  ] });
+    p && (!j || g) && /* @__PURE__ */ t.jsx("div", { className: "submenu", children: c.map((y, F) => {
+      const R = y.url === O;
+      return /* @__PURE__ */ t.jsx(
+        "a",
+        {
+          href: y.url,
+          className: `submenu-item ${R ? "active-text" : ""}`,
+          onClick: () => s && s(y.url),
+          children: /* @__PURE__ */ t.jsx("span", { className: "submenu-label", children: y.label })
+        },
+        F
+      );
+    }) })
+  ] }) });
 };
-const jr = ({ className: o }) => /* @__PURE__ */ s.jsxs(
+const Cr = ({ className: o }) => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     width: "28",
@@ -848,56 +872,209 @@ const jr = ({ className: o }) => /* @__PURE__ */ s.jsxs(
     xmlns: "http://www.w3.org/2000/svg",
     className: o,
     children: [
-      /* @__PURE__ */ s.jsx("circle", { cx: "14", cy: "14", r: "14", fill: "#00F7AA" }),
-      /* @__PURE__ */ s.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" })
     ]
   }
-), Cr = ({
+), Ve = () => /* @__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",
+      y1: "6",
+      x2: "20",
+      y2: "6",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      className: "hamburger-line top-line"
+    }
+  ),
+  /* @__PURE__ */ t.jsx(
+    "line",
+    {
+      x1: "4",
+      y1: "12",
+      x2: "20",
+      y2: "12",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      className: "hamburger-line middle-line"
+    }
+  ),
+  /* @__PURE__ */ t.jsx(
+    "line",
+    {
+      x1: "4",
+      y1: "18",
+      x2: "20",
+      y2: "18",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      className: "hamburger-line bottom-line"
+    }
+  )
+] }) }), Sr = ({
   logo: o,
   logoCollapsed: v,
-  items: a,
-  logoutIcon: u,
-  onLogout: _,
-  logoutLabel: E = "Cerrar sesión",
-  collapsed: j = !1,
-  onToggle: h
+  items: i,
+  logoutIcon: c,
+  onLogout: j,
+  logoutLabel: k = "Cerrar sesión",
+  collapsed: O = !1,
+  onToggle: E,
+  activePath: f,
+  onActiveChange: m
 }) => {
-  const [f, d] = ke(j), b = () => {
-    d(!f), h && h();
+  const [s, g] = B(O), [p, _] = B(null), [N, M] = B(f), [y, F] = B(!1), [R, W] = B(!1), [$, re] = B(!1);
+  pr(() => {
+    const b = () => {
+      re(window.innerWidth <= 768);
+    };
+    return b(), window.addEventListener("resize", b), () => {
+      window.removeEventListener("resize", b);
+    };
+  }, []), me.useEffect(() => {
+    var b;
+    if (f) {
+      M(f);
+      const T = i.findIndex(
+        (x) => {
+          var S;
+          return x.url === f || ((S = x.submenu) == null ? void 0 : S.some((I) => I.url === f));
+        }
+      );
+      T !== -1 && ((b = i[T].submenu) != null && b.length ? _(T) : _(null));
+    }
+  }, [f, i]);
+  const ne = () => {
+    g(!s), E && E();
+  }, te = () => {
+    var b;
+    if (s)
+      if (g(!1), E && E(), N) {
+        const T = i.findIndex(
+          (x) => {
+            var S;
+            return x.url === N || ((S = x.submenu) == null ? void 0 : S.some((I) => I.url === N));
+          }
+        );
+        T !== -1 && ((b = i[T].submenu) != null && b.length) ? _(T) : _(null);
+      } else
+        _(null);
+  }, ae = (b) => {
+    _(p === b ? null : b), $ && F(!0);
+  }, G = (b) => {
+    M(b);
+    const T = i.findIndex(
+      (x) => {
+        var S;
+        return x.url === b || ((S = x.submenu) == null ? void 0 : S.some((I) => I.url === b));
+      }
+    );
+    if (T !== -1) {
+      const x = i[T];
+      x.submenu && x.submenu.length > 0 ? _(T) : _(null);
+    } else
+      _(null);
+    m && m(b), $ && (i.some(
+      (S) => {
+        var I;
+        return (I = S.submenu) == null ? void 0 : I.some((X) => X.url === b);
+      }
+    ) || (W(!0), setTimeout(() => {
+      F(!1), W(!1);
+    }, 500)));
+  }, V = () => {
+    y ? (W(!0), setTimeout(() => {
+      F(!1), W(!1);
+    }, 500)) : F(!0);
   };
-  return /* @__PURE__ */ s.jsxs("div", { className: "sidebar-wrapper", children: [
-    /* @__PURE__ */ s.jsxs("div", { className: `sidebar ${f ? "sidebar-collapsed" : ""}`, children: [
-      /* @__PURE__ */ s.jsx("div", { className: "sidebar-header", children: /* @__PURE__ */ s.jsx("div", { className: "sidebar-logo", children: f ? /* @__PURE__ */ s.jsx("span", { className: "logo-text", children: v }) : /* @__PURE__ */ s.jsx("span", { className: "logo-text", children: o }) }) }),
-      /* @__PURE__ */ s.jsx("div", { className: "sidebar-menu", children: a.map((p, R) => /* @__PURE__ */ s.jsx(
-        xr,
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    $ && /* @__PURE__ */ t.jsxs("div", { className: "mobile-navbar", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "mobile-logo", children: o }),
+      /* @__PURE__ */ t.jsx(
+        "button",
         {
-          icon: p.icon,
-          url: p.url,
-          label: p.label,
-          submenu: p.submenu,
-          collapsed: f
-        },
-        R
-      )) }),
-      _ && /* @__PURE__ */ s.jsx("div", { className: "sidebar-footer", children: /* @__PURE__ */ s.jsxs("button", { className: "logout-button", onClick: _, children: [
-        u,
-        !f && /* @__PURE__ */ s.jsx("span", { children: E })
-      ] }) })
+          className: `mobile-menu-button ${y ? "open" : ""}`,
+          onClick: V,
+          "aria-label": "Toggle mobile menu",
+          children: /* @__PURE__ */ t.jsx(Ve, {})
+        }
+      )
     ] }),
-    /* @__PURE__ */ s.jsx(
+    !$ && /* @__PURE__ */ t.jsx(
       "button",
       {
-        className: `sidebar-toggle-icon${f ? " collapsed" : ""}`,
-        onClick: b,
-        "aria-label": "Toggle sidebar",
-        children: /* @__PURE__ */ s.jsx(jr, {})
+        className: `mobile-menu-button ${y ? "open" : ""}`,
+        onClick: V,
+        "aria-label": "Toggle mobile menu",
+        style: { display: "none" },
+        children: /* @__PURE__ */ t.jsx(Ve, {})
       }
-    )
+    ),
+    $ && (y || R) && /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        className: `sidebar-overlay ${y ? "visible" : ""}`,
+        onClick: V
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("div", { className: `sidebar-wrapper ${y ? "mobile-open" : ""} ${R ? "mobile-closing" : ""}`, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: `sidebar ${!$ && s ? "sidebar-collapsed" : ""} ${$ ? "sidebar-mobile" : ""}`, children: [
+        !$ && /* @__PURE__ */ t.jsx("div", { className: "sidebar-header", children: /* @__PURE__ */ t.jsx("div", { className: "sidebar-logo", children: s ? /* @__PURE__ */ t.jsx("span", { className: "logo-text", children: v }) : /* @__PURE__ */ t.jsx("span", { className: "logo-text", children: o }) }) }),
+        $ && (y || R) && /* @__PURE__ */ t.jsxs("div", { className: "mobile-header", children: [
+          /* @__PURE__ */ t.jsx("div", { className: "mobile-logo-menu", children: o }),
+          /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              className: "mobile-close-button",
+              onClick: V,
+              "aria-label": "Close menu",
+              children: "×"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t.jsx("div", { className: "sidebar-menu", children: i.map((b, T) => /* @__PURE__ */ t.jsx(
+          wr,
+          {
+            icon: b.icon,
+            url: b.url,
+            label: b.label,
+            submenu: b.submenu,
+            collapsed: s,
+            active: b.active || b.url === N,
+            activePath: N,
+            isOpen: p === T,
+            onToggle: () => ae(T),
+            onExpand: te,
+            onSetActive: G,
+            isMobile: $
+          },
+          T
+        )) }),
+        j && /* @__PURE__ */ t.jsx("div", { className: "sidebar-footer", children: /* @__PURE__ */ t.jsxs("button", { className: "logout-button", onClick: j, children: [
+          c,
+          !s && /* @__PURE__ */ t.jsx("span", { children: k })
+        ] }) })
+      ] }),
+      !$ && /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          className: `sidebar-toggle-icon${s ? " collapsed" : ""}`,
+          onClick: ne,
+          "aria-label": "Toggle sidebar",
+          children: /* @__PURE__ */ t.jsx(Cr, {})
+        }
+      )
+    ] })
   ] });
 };
 export {
-  Er as Button,
-  Cr as Sidebar,
-  _r as buttonVariants
+  Rr as Button,
+  Sr as Sidebar,
+  Er as buttonVariants
 };
 //# sourceMappingURL=index.esm.js.map