@hari_digitus/sms-ui-library 5.0.11 → 6.0.3

package/dist/SideNavBar.es.js

@@ -1,6 +1,5 @@
-import * as u from "react";
-import wt from "react";
-var he = { exports: {} }, ae = {};
+import We, { createContext as pr, useState as K, useContext as vr, useEffect as hr } from "react";
+var oe = { exports: {} }, q = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,21 +9,21 @@ var he = { exports: {} }, ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var vt;
-function gr() {
-  if (vt) return ae;
-  vt = 1;
-  var e = wt, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(c, s, m) {
-    var f, h = {}, v = null, y = null;
-    m !== void 0 && (v = "" + m), s.key !== void 0 && (v = "" + s.key), s.ref !== void 0 && (y = s.ref);
-    for (f in s) a.call(s, f) && !o.hasOwnProperty(f) && (h[f] = s[f]);
-    if (c && c.defaultProps) for (f in s = c.defaultProps, s) h[f] === void 0 && (h[f] = s[f]);
-    return { $$typeof: t, type: c, key: v, ref: y, props: h, _owner: i.current };
+var Fe;
+function mr() {
+  if (Fe) return q;
+  Fe = 1;
+  var C = We, O = Symbol.for("react.element"), m = Symbol.for("react.fragment"), w = Object.prototype.hasOwnProperty, T = C.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, P = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function N(x, p, I) {
+    var g, R = {}, S = null, L = null;
+    I !== void 0 && (S = "" + I), p.key !== void 0 && (S = "" + p.key), p.ref !== void 0 && (L = p.ref);
+    for (g in p) w.call(p, g) && !P.hasOwnProperty(g) && (R[g] = p[g]);
+    if (x && x.defaultProps) for (g in p = x.defaultProps, p) R[g] === void 0 && (R[g] = p[g]);
+    return { $$typeof: O, type: x, key: S, ref: L, props: R, _owner: T.current };
   }
-  return ae.Fragment = n, ae.jsx = l, ae.jsxs = l, ae;
+  return q.Fragment = m, q.jsx = N, q.jsxs = N, q;
 }
-var ie = {};
+var H = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -34,91 +33,91 @@ var ie = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var gt;
-function yr() {
-  return gt || (gt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = wt, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), b = Symbol.iterator, E = "@@iterator";
-    function g(r) {
-      if (r === null || typeof r != "object")
+var Le;
+function xr() {
+  return Le || (Le = 1, process.env.NODE_ENV !== "production" && (function() {
+    var C = We, O = Symbol.for("react.element"), m = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), T = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), N = Symbol.for("react.provider"), x = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), L = Symbol.for("react.offscreen"), E = Symbol.iterator, G = "@@iterator";
+    function Y(e) {
+      if (e === null || typeof e != "object")
         return null;
-      var d = b && r[b] || r[E];
-      return typeof d == "function" ? d : null;
+      var r = E && e[E] || e[G];
+      return typeof r == "function" ? r : null;
     }
-    var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function R(r) {
+    var A = C.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function v(e) {
       {
-        for (var d = arguments.length, p = new Array(d > 1 ? d - 1 : 0), x = 1; x < d; x++)
-          p[x - 1] = arguments[x];
-        _("error", r, p);
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
+          t[a - 1] = arguments[a];
+        le("error", e, t);
       }
     }
-    function _(r, d, p) {
+    function le(e, r, t) {
       {
-        var x = w.ReactDebugCurrentFrame, T = x.getStackAddendum();
-        T !== "" && (d += "%s", p = p.concat([T]));
-        var k = p.map(function(S) {
-          return String(S);
+        var a = A.ReactDebugCurrentFrame, o = a.getStackAddendum();
+        o !== "" && (r += "%s", t = t.concat([o]));
+        var l = t.map(function(s) {
+          return String(s);
         });
-        k.unshift("Warning: " + d), Function.prototype.apply.call(console[r], console, k);
+        l.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, l);
       }
     }
-    var $ = !1, j = !1, A = !1, H = !1, z = !1, K;
-    K = Symbol.for("react.module.reference");
-    function re(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === a || r === o || z || r === i || r === m || r === f || H || r === y || $ || j || A || typeof r == "object" && r !== null && (r.$$typeof === v || r.$$typeof === h || r.$$typeof === l || r.$$typeof === c || r.$$typeof === s || // This needs to include all possible module reference object
+    var ce = !1, z = !1, ue = !1, X = !1, M = !1, U;
+    U = Symbol.for("react.module.reference");
+    function Z(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === w || e === P || M || e === T || e === I || e === g || X || e === L || ce || z || ue || typeof e == "object" && e !== null && (e.$$typeof === S || e.$$typeof === R || e.$$typeof === N || e.$$typeof === x || e.$$typeof === p || // 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.
-      r.$$typeof === K || r.getModuleId !== void 0));
+      e.$$typeof === U || e.getModuleId !== void 0));
     }
-    function we(r, d, p) {
-      var x = r.displayName;
-      if (x)
-        return x;
-      var T = d.displayName || d.name || "";
-      return T !== "" ? p + "(" + T + ")" : p;
+    function fe(e, r, t) {
+      var a = e.displayName;
+      if (a)
+        return a;
+      var o = r.displayName || r.name || "";
+      return o !== "" ? t + "(" + o + ")" : t;
     }
-    function se(r) {
-      return r.displayName || "Context";
+    function Q(e) {
+      return e.displayName || "Context";
     }
-    function W(r) {
-      if (r == null)
+    function k(e) {
+      if (e == null)
         return null;
-      if (typeof r.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
-        return r.displayName || r.name || null;
-      if (typeof r == "string")
-        return r;
-      switch (r) {
-        case a:
+      if (typeof e.tag == "number" && v("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 w:
           return "Fragment";
-        case n:
+        case m:
           return "Portal";
-        case o:
+        case P:
           return "Profiler";
-        case i:
+        case T:
           return "StrictMode";
-        case m:
+        case I:
           return "Suspense";
-        case f:
+        case g:
           return "SuspenseList";
       }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
-          case c:
-            var d = r;
-            return se(d) + ".Consumer";
-          case l:
-            var p = r;
-            return se(p._context) + ".Provider";
-          case s:
-            return we(r, r.render, "ForwardRef");
-          case h:
-            var x = r.displayName || null;
-            return x !== null ? x : W(r.type) || "Memo";
-          case v: {
-            var T = r, k = T._payload, S = T._init;
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case x:
+            var r = e;
+            return Q(r) + ".Consumer";
+          case N:
+            var t = e;
+            return Q(t._context) + ".Provider";
+          case p:
+            return fe(e, e.render, "ForwardRef");
+          case R:
+            var a = e.displayName || null;
+            return a !== null ? a : k(e.type) || "Memo";
+          case S: {
+            var o = e, l = o._payload, s = o._init;
             try {
-              return W(S(k));
+              return k(s(l));
             } catch {
               return null;
             }
@@ -126,2212 +125,746 @@ function yr() {
         }
       return null;
     }
-    var V = Object.assign, N = 0, qe, ze, Ke, Ge, Xe, Ze, Qe;
-    function et() {
+    var c = Object.assign, j = 0, D, u, ee, re, B, V, h;
+    function ne() {
     }
-    et.__reactDisabledLog = !0;
-    function Vt() {
+    ne.__reactDisabledLog = !0;
+    function de() {
       {
-        if (N === 0) {
-          qe = console.log, ze = console.info, Ke = console.warn, Ge = console.error, Xe = console.group, Ze = console.groupCollapsed, Qe = console.groupEnd;
-          var r = {
+        if (j === 0) {
+          D = console.log, u = console.info, ee = console.warn, re = console.error, B = console.group, V = console.groupCollapsed, h = console.groupEnd;
+          var e = {
             configurable: !0,
             enumerable: !0,
-            value: et,
+            value: ne,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: r,
-            log: r,
-            warn: r,
-            error: r,
-            group: r,
-            groupCollapsed: r,
-            groupEnd: r
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
           });
         }
-        N++;
+        j++;
       }
     }
-    function Yt() {
+    function Me() {
       {
-        if (N--, N === 0) {
-          var r = {
+        if (j--, j === 0) {
+          var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, r, {
-              value: qe
+            log: c({}, e, {
+              value: D
             }),
-            info: V({}, r, {
-              value: ze
+            info: c({}, e, {
+              value: u
             }),
-            warn: V({}, r, {
-              value: Ke
+            warn: c({}, e, {
+              value: ee
             }),
-            error: V({}, r, {
-              value: Ge
+            error: c({}, e, {
+              value: re
             }),
-            group: V({}, r, {
-              value: Xe
+            group: c({}, e, {
+              value: B
             }),
-            groupCollapsed: V({}, r, {
-              value: Ze
+            groupCollapsed: c({}, e, {
+              value: V
             }),
-            groupEnd: V({}, r, {
-              value: Qe
+            groupEnd: c({}, e, {
+              value: h
             })
           });
         }
-        N < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        j < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ce = w.ReactCurrentDispatcher, Se;
-    function ue(r, d, p) {
+    var pe = A.ReactCurrentDispatcher, ve;
+    function te(e, r, t) {
       {
-        if (Se === void 0)
+        if (ve === void 0)
           try {
             throw Error();
-          } catch (T) {
-            var x = T.stack.trim().match(/\n( *(at )?)/);
-            Se = x && x[1] || "";
+          } catch (o) {
+            var a = o.stack.trim().match(/\n( *(at )?)/);
+            ve = a && a[1] || "";
           }
         return `
-` + Se + r;
+` + ve + e;
       }
     }
-    var Pe = !1, ce;
+    var he = !1, ae;
     {
-      var Jt = typeof WeakMap == "function" ? WeakMap : Map;
-      ce = new Jt();
+      var Ue = typeof WeakMap == "function" ? WeakMap : Map;
+      ae = new Ue();
     }
-    function tt(r, d) {
-      if (!r || Pe)
+    function ye(e, r) {
+      if (!e || he)
         return "";
       {
-        var p = ce.get(r);
-        if (p !== void 0)
-          return p;
+        var t = ae.get(e);
+        if (t !== void 0)
+          return t;
       }
-      var x;
-      Pe = !0;
-      var T = Error.prepareStackTrace;
+      var a;
+      he = !0;
+      var o = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var k;
-      k = Ce.current, Ce.current = null, Vt();
+      var l;
+      l = pe.current, pe.current = null, de();
       try {
-        if (d) {
-          var S = function() {
+        if (r) {
+          var s = function() {
             throw Error();
           };
-          if (Object.defineProperty(S.prototype, "props", {
+          if (Object.defineProperty(s.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(S, []);
-            } catch (I) {
-              x = I;
+              Reflect.construct(s, []);
+            } catch (y) {
+              a = y;
             }
-            Reflect.construct(r, [], S);
+            Reflect.construct(e, [], s);
           } else {
             try {
-              S.call();
-            } catch (I) {
-              x = I;
+              s.call();
+            } catch (y) {
+              a = y;
             }
-            r.call(S.prototype);
+            e.call(s.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (I) {
-            x = I;
+          } catch (y) {
+            a = y;
           }
-          r();
+          e();
         }
-      } catch (I) {
-        if (I && x && typeof I.stack == "string") {
-          for (var C = I.stack.split(`
-`), F = x.stack.split(`
-`), L = C.length - 1, O = F.length - 1; L >= 1 && O >= 0 && C[L] !== F[O]; )
-            O--;
-          for (; L >= 1 && O >= 0; L--, O--)
-            if (C[L] !== F[O]) {
-              if (L !== 1 || O !== 1)
+      } catch (y) {
+        if (y && a && typeof y.stack == "string") {
+          for (var i = y.stack.split(`
+`), b = a.stack.split(`
+`), f = i.length - 1, d = b.length - 1; f >= 1 && d >= 0 && i[f] !== b[d]; )
+            d--;
+          for (; f >= 1 && d >= 0; f--, d--)
+            if (i[f] !== b[d]) {
+              if (f !== 1 || d !== 1)
                 do
-                  if (L--, O--, O < 0 || C[L] !== F[O]) {
-                    var M = `
-` + C[L].replace(" at new ", " at ");
-                    return r.displayName && M.includes("<anonymous>") && (M = M.replace("<anonymous>", r.displayName)), typeof r == "function" && ce.set(r, M), M;
+                  if (f--, d--, d < 0 || i[f] !== b[d]) {
+                    var _ = `
+` + i[f].replace(" at new ", " at ");
+                    return e.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", e.displayName)), typeof e == "function" && ae.set(e, _), _;
                   }
-                while (L >= 1 && O >= 0);
+                while (f >= 1 && d >= 0);
               break;
             }
         }
       } finally {
-        Pe = !1, Ce.current = k, Yt(), Error.prepareStackTrace = T;
+        he = !1, pe.current = l, Me(), Error.prepareStackTrace = o;
       }
-      var ee = r ? r.displayName || r.name : "", X = ee ? ue(ee) : "";
-      return typeof r == "function" && ce.set(r, X), X;
+      var W = e ? e.displayName || e.name : "", F = W ? te(W) : "";
+      return typeof e == "function" && ae.set(e, F), F;
     }
-    function qt(r, d, p) {
-      return tt(r, !1);
+    function Be(e, r, t) {
+      return ye(e, !1);
     }
-    function zt(r) {
-      var d = r.prototype;
-      return !!(d && d.isReactComponent);
+    function Ve(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
     }
-    function fe(r, d, p) {
-      if (r == null)
+    function ie(e, r, t) {
+      if (e == null)
         return "";
-      if (typeof r == "function")
-        return tt(r, zt(r));
-      if (typeof r == "string")
-        return ue(r);
-      switch (r) {
-        case m:
-          return ue("Suspense");
-        case f:
-          return ue("SuspenseList");
-      }
-      if (typeof r == "object")
-        switch (r.$$typeof) {
-          case s:
-            return qt(r.render);
-          case h:
-            return fe(r.type, d, p);
-          case v: {
-            var x = r, T = x._payload, k = x._init;
+      if (typeof e == "function")
+        return ye(e, Ve(e));
+      if (typeof e == "string")
+        return te(e);
+      switch (e) {
+        case I:
+          return te("Suspense");
+        case g:
+          return te("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case p:
+            return Be(e.render);
+          case R:
+            return ie(e.type, r, t);
+          case S: {
+            var a = e, o = a._payload, l = a._init;
             try {
-              return fe(k(T), d, p);
+              return ie(l(o), r, t);
             } catch {
             }
           }
         }
       return "";
     }
-    var ne = Object.prototype.hasOwnProperty, rt = {}, nt = w.ReactDebugCurrentFrame;
-    function de(r) {
-      if (r) {
-        var d = r._owner, p = fe(r.type, r._source, d ? d.type : null);
-        nt.setExtraStackFrame(p);
+    var J = Object.prototype.hasOwnProperty, Ee = {}, Re = A.ReactDebugCurrentFrame;
+    function se(e) {
+      if (e) {
+        var r = e._owner, t = ie(e.type, e._source, r ? r.type : null);
+        Re.setExtraStackFrame(t);
       } else
-        nt.setExtraStackFrame(null);
+        Re.setExtraStackFrame(null);
     }
-    function Kt(r, d, p, x, T) {
+    function Je(e, r, t, a, o) {
       {
-        var k = Function.call.bind(ne);
-        for (var S in r)
-          if (k(r, S)) {
-            var C = void 0;
+        var l = Function.call.bind(J);
+        for (var s in e)
+          if (l(e, s)) {
+            var i = void 0;
             try {
-              if (typeof r[S] != "function") {
-                var F = Error((x || "React class") + ": " + p + " type `" + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[S] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw F.name = "Invariant Violation", F;
+              if (typeof e[s] != "function") {
+                var b = Error((a || "React class") + ": " + t + " type `" + s + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[s] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw b.name = "Invariant Violation", b;
               }
-              C = r[S](d, S, x, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (L) {
-              C = L;
+              i = e[s](r, s, a, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (f) {
+              i = f;
             }
-            C && !(C instanceof Error) && (de(T), 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).", x || "React class", p, S, typeof C), de(null)), C instanceof Error && !(C.message in rt) && (rt[C.message] = !0, de(T), R("Failed %s type: %s", p, C.message), de(null));
+            i && !(i instanceof Error) && (se(o), v("%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", t, s, typeof i), se(null)), i instanceof Error && !(i.message in Ee) && (Ee[i.message] = !0, se(o), v("Failed %s type: %s", t, i.message), se(null));
           }
       }
     }
-    var Gt = Array.isArray;
-    function _e(r) {
-      return Gt(r);
+    var qe = Array.isArray;
+    function me(e) {
+      return qe(e);
     }
-    function Xt(r) {
+    function He(e) {
       {
-        var d = typeof Symbol == "function" && Symbol.toStringTag, p = d && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return p;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t;
       }
     }
-    function Zt(r) {
+    function Ke(e) {
       try {
-        return at(r), !1;
+        return _e(e), !1;
       } catch {
         return !0;
       }
     }
-    function at(r) {
-      return "" + r;
+    function _e(e) {
+      return "" + e;
     }
-    function it(r) {
-      if (Zt(r))
-        return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Xt(r)), at(r);
+    function we(e) {
+      if (Ke(e))
+        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), _e(e);
     }
-    var ot = w.ReactCurrentOwner, Qt = {
+    var Ce = A.ReactCurrentOwner, Ge = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, lt, st;
-    function er(r) {
-      if (ne.call(r, "ref")) {
-        var d = Object.getOwnPropertyDescriptor(r, "ref").get;
-        if (d && d.isReactWarning)
+    }, Se, ke;
+    function ze(e) {
+      if (J.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
           return !1;
       }
-      return r.ref !== void 0;
+      return e.ref !== void 0;
     }
-    function tr(r) {
-      if (ne.call(r, "key")) {
-        var d = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (d && d.isReactWarning)
+    function Xe(e) {
+      if (J.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
           return !1;
       }
-      return r.key !== void 0;
+      return e.key !== void 0;
     }
-    function rr(r, d) {
-      typeof r.ref == "string" && ot.current;
+    function Ze(e, r) {
+      typeof e.ref == "string" && Ce.current;
     }
-    function nr(r, d) {
+    function Qe(e, r) {
       {
-        var p = function() {
-          lt || (lt = !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)", d));
+        var t = function() {
+          Se || (Se = !0, v("%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));
         };
-        p.isReactWarning = !0, Object.defineProperty(r, "key", {
-          get: p,
+        t.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: t,
           configurable: !0
         });
       }
     }
-    function ar(r, d) {
+    function er(e, r) {
       {
-        var p = function() {
-          st || (st = !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)", d));
+        var t = function() {
+          ke || (ke = !0, v("%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));
         };
-        p.isReactWarning = !0, Object.defineProperty(r, "ref", {
-          get: p,
+        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: t,
           configurable: !0
         });
       }
     }
-    var ir = function(r, d, p, x, T, k, S) {
-      var C = {
+    var rr = function(e, r, t, a, o, l, s) {
+      var i = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: t,
+        $$typeof: O,
         // Built-in properties that belong on the element
-        type: r,
-        key: d,
-        ref: p,
-        props: S,
+        type: e,
+        key: r,
+        ref: t,
+        props: s,
         // Record the component responsible for creating this element.
-        _owner: k
+        _owner: l
       };
-      return C._store = {}, Object.defineProperty(C._store, "validated", {
+      return i._store = {}, Object.defineProperty(i._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(C, "_self", {
+      }), Object.defineProperty(i, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: x
-      }), Object.defineProperty(C, "_source", {
+        value: a
+      }), Object.defineProperty(i, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: T
-      }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
+        value: o
+      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     };
-    function or(r, d, p, x, T) {
+    function nr(e, r, t, a, o) {
       {
-        var k, S = {}, C = null, F = null;
-        p !== void 0 && (it(p), C = "" + p), tr(d) && (it(d.key), C = "" + d.key), er(d) && (F = d.ref, rr(d, T));
-        for (k in d)
-          ne.call(d, k) && !Qt.hasOwnProperty(k) && (S[k] = d[k]);
-        if (r && r.defaultProps) {
-          var L = r.defaultProps;
-          for (k in L)
-            S[k] === void 0 && (S[k] = L[k]);
+        var l, s = {}, i = null, b = null;
+        t !== void 0 && (we(t), i = "" + t), Xe(r) && (we(r.key), i = "" + r.key), ze(r) && (b = r.ref, Ze(r, o));
+        for (l in r)
+          J.call(r, l) && !Ge.hasOwnProperty(l) && (s[l] = r[l]);
+        if (e && e.defaultProps) {
+          var f = e.defaultProps;
+          for (l in f)
+            s[l] === void 0 && (s[l] = f[l]);
         }
-        if (C || F) {
-          var O = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          C && nr(S, O), F && ar(S, O);
+        if (i || b) {
+          var d = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          i && Qe(s, d), b && er(s, d);
         }
-        return ir(r, C, F, T, x, ot.current, S);
+        return rr(e, i, b, o, a, Ce.current, s);
       }
     }
-    var Te = w.ReactCurrentOwner, ut = w.ReactDebugCurrentFrame;
-    function Q(r) {
-      if (r) {
-        var d = r._owner, p = fe(r.type, r._source, d ? d.type : null);
-        ut.setExtraStackFrame(p);
+    var xe = A.ReactCurrentOwner, Oe = A.ReactDebugCurrentFrame;
+    function $(e) {
+      if (e) {
+        var r = e._owner, t = ie(e.type, e._source, r ? r.type : null);
+        Oe.setExtraStackFrame(t);
       } else
-        ut.setExtraStackFrame(null);
+        Oe.setExtraStackFrame(null);
     }
-    var ke;
-    ke = !1;
-    function je(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === t;
+    var ge;
+    ge = !1;
+    function be(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === O;
     }
-    function ct() {
+    function Te() {
       {
-        if (Te.current) {
-          var r = W(Te.current.type);
-          if (r)
+        if (xe.current) {
+          var e = k(xe.current.type);
+          if (e)
             return `
 
-Check the render method of \`` + r + "`.";
+Check the render method of \`` + e + "`.";
         }
         return "";
       }
     }
-    function lr(r) {
+    function tr(e) {
       return "";
     }
-    var ft = {};
-    function sr(r) {
+    var Pe = {};
+    function ar(e) {
       {
-        var d = ct();
-        if (!d) {
-          var p = typeof r == "string" ? r : r.displayName || r.name;
-          p && (d = `
+        var r = Te();
+        if (!r) {
+          var t = typeof e == "string" ? e : e.displayName || e.name;
+          t && (r = `
 
-Check the top-level render call using <` + p + ">.");
+Check the top-level render call using <` + t + ">.");
         }
-        return d;
+        return r;
       }
     }
-    function dt(r, d) {
+    function Ne(e, r) {
       {
-        if (!r._store || r._store.validated || r.key != null)
+        if (!e._store || e._store.validated || e.key != null)
           return;
-        r._store.validated = !0;
-        var p = sr(d);
-        if (ft[p])
+        e._store.validated = !0;
+        var t = ar(r);
+        if (Pe[t])
           return;
-        ft[p] = !0;
-        var x = "";
-        r && r._owner && r._owner !== Te.current && (x = " It was passed a child from " + W(r._owner.type) + "."), Q(r), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, x), Q(null);
+        Pe[t] = !0;
+        var a = "";
+        e && e._owner && e._owner !== xe.current && (a = " It was passed a child from " + k(e._owner.type) + "."), $(e), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, a), $(null);
       }
     }
-    function ht(r, d) {
+    function Ie(e, r) {
       {
-        if (typeof r != "object")
+        if (typeof e != "object")
           return;
-        if (_e(r))
-          for (var p = 0; p < r.length; p++) {
-            var x = r[p];
-            je(x) && dt(x, d);
+        if (me(e))
+          for (var t = 0; t < e.length; t++) {
+            var a = e[t];
+            be(a) && Ne(a, r);
           }
-        else if (je(r))
-          r._store && (r._store.validated = !0);
-        else if (r) {
-          var T = g(r);
-          if (typeof T == "function" && T !== r.entries)
-            for (var k = T.call(r), S; !(S = k.next()).done; )
-              je(S.value) && dt(S.value, d);
+        else if (be(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var o = Y(e);
+          if (typeof o == "function" && o !== e.entries)
+            for (var l = o.call(e), s; !(s = l.next()).done; )
+              be(s.value) && Ne(s.value, r);
         }
       }
     }
-    function ur(r) {
+    function ir(e) {
       {
-        var d = r.type;
-        if (d == null || typeof d == "string")
+        var r = e.type;
+        if (r == null || typeof r == "string")
           return;
-        var p;
-        if (typeof d == "function")
-          p = d.propTypes;
-        else if (typeof d == "object" && (d.$$typeof === s || // Note: Memo only checks outer props here.
+        var t;
+        if (typeof r == "function")
+          t = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === p || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        d.$$typeof === h))
-          p = d.propTypes;
+        r.$$typeof === R))
+          t = r.propTypes;
         else
           return;
-        if (p) {
-          var x = W(d);
-          Kt(p, r.props, "prop", x, r);
-        } else if (d.PropTypes !== void 0 && !ke) {
-          ke = !0;
-          var T = W(d);
-          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
+        if (t) {
+          var a = k(r);
+          Je(t, e.props, "prop", a, e);
+        } else if (r.PropTypes !== void 0 && !ge) {
+          ge = !0;
+          var o = k(r);
+          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", o || "Unknown");
         }
-        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function cr(r) {
+    function sr(e) {
       {
-        for (var d = Object.keys(r.props), p = 0; p < d.length; p++) {
-          var x = d[p];
-          if (x !== "children" && x !== "key") {
-            Q(r), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), Q(null);
+        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+          var a = r[t];
+          if (a !== "children" && a !== "key") {
+            $(e), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), $(null);
             break;
           }
         }
-        r.ref !== null && (Q(r), R("Invalid attribute `ref` supplied to `React.Fragment`."), Q(null));
+        e.ref !== null && ($(e), v("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
       }
     }
-    var mt = {};
-    function pt(r, d, p, x, T, k) {
+    var De = {};
+    function Ae(e, r, t, a, o, l) {
       {
-        var S = re(r);
-        if (!S) {
-          var C = "";
-          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (C += " 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 F = lr();
-          F ? C += F : C += ct();
-          var L;
-          r === null ? L = "null" : _e(r) ? L = "array" : r !== void 0 && r.$$typeof === t ? (L = "<" + (W(r.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : L = typeof r, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, C);
+        var s = Z(e);
+        if (!s) {
+          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 b = tr();
+          b ? i += b : i += Te();
+          var f;
+          e === null ? f = "null" : me(e) ? f = "array" : e !== void 0 && e.$$typeof === O ? (f = "<" + (k(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : f = typeof e, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", f, i);
         }
-        var O = or(r, d, p, T, k);
-        if (O == null)
-          return O;
-        if (S) {
-          var M = d.children;
-          if (M !== void 0)
-            if (x)
-              if (_e(M)) {
-                for (var ee = 0; ee < M.length; ee++)
-                  ht(M[ee], r);
-                Object.freeze && Object.freeze(M);
+        var d = nr(e, r, t, o, l);
+        if (d == null)
+          return d;
+        if (s) {
+          var _ = r.children;
+          if (_ !== void 0)
+            if (a)
+              if (me(_)) {
+                for (var W = 0; W < _.length; W++)
+                  Ie(_[W], e);
+                Object.freeze && Object.freeze(_);
               } else
-                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.");
+                v("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
-              ht(M, r);
+              Ie(_, e);
         }
-        if (ne.call(d, "key")) {
-          var X = W(r), I = Object.keys(d).filter(function(vr) {
-            return vr !== "key";
-          }), Le = I.length > 0 ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!mt[X + Le]) {
-            var pr = I.length > 0 ? "{" + I.join(": ..., ") + ": ...}" : "{}";
-            R(`A props object containing a "key" prop is being spread into JSX:
+        if (J.call(r, "key")) {
+          var F = k(e), y = Object.keys(r).filter(function(dr) {
+            return dr !== "key";
+          }), je = y.length > 0 ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!De[F + je]) {
+            var fr = y.length > 0 ? "{" + y.join(": ..., ") + ": ...}" : "{}";
+            v(`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} />`, Le, X, pr, X), mt[X + Le] = !0;
+  <%s key={someKey} {...props} />`, je, F, fr, F), De[F + je] = !0;
           }
         }
-        return r === a ? cr(O) : ur(O), O;
-      }
-    }
-    function fr(r, d, p) {
-      return pt(r, d, p, !0);
-    }
-    function dr(r, d, p) {
-      return pt(r, d, p, !1);
-    }
-    var hr = dr, mr = fr;
-    ie.Fragment = a, ie.jsx = hr, ie.jsxs = mr;
-  })()), ie;
-}
-var yt;
-function xr() {
-  return yt || (yt = 1, process.env.NODE_ENV === "production" ? he.exports = gr() : he.exports = yr()), he.exports;
-}
-var P = xr();
-/**
- * react-router v7.18.0
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-var Ie = /^(?:[a-z][a-z0-9+.-]*:|[\\/]{2})/i, Rr = /^[\\/]{2}/;
-function br(e, t) {
-  return t + e.replace(/\\/g, "/");
-}
-function D(e, t) {
-  if (e === !1 || e === null || typeof e > "u")
-    throw new Error(t);
-}
-function Y(e, t) {
-  if (!e) {
-    typeof console < "u" && console.warn(t);
-    try {
-      throw new Error(t);
-    } catch {
-    }
-  }
-}
-function Fe({
-  pathname: e = "/",
-  search: t = "",
-  hash: n = ""
-}) {
-  return t && t !== "?" && (e += t.charAt(0) === "?" ? t : "?" + t), n && n !== "#" && (e += n.charAt(0) === "#" ? n : "#" + n), e;
-}
-function Ae(e) {
-  let t = {};
-  if (e) {
-    let n = e.indexOf("#");
-    n >= 0 && (t.hash = e.substring(n), e = e.substring(0, n));
-    let a = e.indexOf("?");
-    a >= 0 && (t.search = e.substring(a), e = e.substring(0, a)), e && (t.pathname = e);
-  }
-  return t;
-}
-function Ct(e, t, n = "/") {
-  return Er(e, t, n, !1);
-}
-function Er(e, t, n, a, i) {
-  let o = typeof t == "string" ? Ae(t) : t, l = G(o.pathname || "/", n);
-  if (l == null)
-    return null;
-  let c = wr(e), s = null, m = Dr(l);
-  for (let f = 0; s == null && f < c.length; ++f)
-    s = Or(
-      c[f],
-      m,
-      a
-    );
-  return s;
-}
-function wr(e) {
-  let t = St(e);
-  return Cr(t), t;
-}
-function St(e, t = [], n = [], a = "", i = !1) {
-  let o = (l, c, s = i, m) => {
-    let f = {
-      relativePath: m === void 0 ? l.path || "" : m,
-      caseSensitive: l.caseSensitive === !0,
-      childrenIndex: c,
-      route: l
-    };
-    if (f.relativePath.startsWith("/")) {
-      if (!f.relativePath.startsWith(a) && s)
-        return;
-      D(
-        f.relativePath.startsWith(a),
-        `Absolute route path "${f.relativePath}" nested under path "${a}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
-      ), f.relativePath = f.relativePath.slice(a.length);
-    }
-    let h = B([a, f.relativePath]), v = n.concat(f);
-    l.children && l.children.length > 0 && (D(
-      // Our types know better, but runtime JS may not!
-      // @ts-expect-error
-      l.index !== !0,
-      `Index routes must not have child routes. Please remove all child routes from route path "${h}".`
-    ), St(
-      l.children,
-      t,
-      v,
-      h,
-      s
-    )), !(l.path == null && !l.index) && t.push({
-      path: h,
-      score: Lr(h, l.index),
-      routesMeta: v.map((y, b) => {
-        let [E, g] = Tt(
-          y.relativePath,
-          y.caseSensitive,
-          b === v.length - 1
-        );
-        return {
-          ...y,
-          matcher: E,
-          compiledParams: g
-        };
-      })
-    });
-  };
-  return e.forEach((l, c) => {
-    var s;
-    if (l.path === "" || !((s = l.path) != null && s.includes("?")))
-      o(l, c);
-    else
-      for (let m of Pt(l.path))
-        o(l, c, !0, m);
-  }), t;
-}
-function Pt(e) {
-  let t = e.split("/");
-  if (t.length === 0) return [];
-  let [n, ...a] = t, i = n.endsWith("?"), o = n.replace(/\?$/, "");
-  if (a.length === 0)
-    return i ? [o, ""] : [o];
-  let l = Pt(a.join("/")), c = [];
-  return c.push(
-    ...l.map(
-      (s) => s === "" ? o : [o, s].join("/")
-    )
-  ), i && c.push(...l), c.map(
-    (s) => e.startsWith("/") && s === "" ? "/" : s
-  );
-}
-function Cr(e) {
-  e.sort(
-    (t, n) => t.score !== n.score ? n.score - t.score : $r(
-      t.routesMeta.map((a) => a.childrenIndex),
-      n.routesMeta.map((a) => a.childrenIndex)
-    )
-  );
-}
-var Sr = /^:[\w-]+$/, Pr = 3, _r = 2, Tr = 1, kr = 10, jr = -2, xt = (e) => e === "*";
-function Lr(e, t) {
-  let n = e.split("/"), a = n.length;
-  return n.some(xt) && (a += jr), t && (a += _r), n.filter((i) => !xt(i)).reduce(
-    (i, o) => i + (Sr.test(o) ? Pr : o === "" ? Tr : kr),
-    a
-  );
-}
-function $r(e, t) {
-  return e.length === t.length && e.slice(0, -1).every((a, i) => a === t[i]) ? (
-    // If two routes are siblings, we should try to match the earlier sibling
-    // first. This allows people to have fine-grained control over the matching
-    // behavior by simply putting routes with identical paths in the order they
-    // want them tried.
-    e[e.length - 1] - t[t.length - 1]
-  ) : (
-    // Otherwise, it doesn't really make sense to rank non-siblings by index,
-    // so they sort equally.
-    0
-  );
-}
-function Or(e, t, n = !1) {
-  let { routesMeta: a } = e, i = {}, o = "/", l = [];
-  for (let c = 0; c < a.length; ++c) {
-    let s = a[c], m = c === a.length - 1, f = o === "/" ? t : t.slice(o.length) || "/", h = {
-      path: s.relativePath,
-      caseSensitive: s.caseSensitive,
-      end: m
-    }, v = (
-      // Use precomputed matcher if it exists
-      s.matcher && s.compiledParams ? _t(
-        h,
-        f,
-        s.matcher,
-        s.compiledParams
-      ) : ge(h, f)
-    ), y = s.route;
-    if (!v && m && n && !a[a.length - 1].route.index && (v = ge(
-      {
-        path: s.relativePath,
-        caseSensitive: s.caseSensitive,
-        end: !1
-      },
-      f
-    )), !v)
-      return null;
-    Object.assign(i, v.params), l.push({
-      // TODO: Can this as be avoided?
-      params: i,
-      pathname: B([o, v.pathname]),
-      pathnameBase: Ir(
-        B([o, v.pathnameBase])
-      ),
-      route: y
-    }), v.pathnameBase !== "/" && (o = B([o, v.pathnameBase]));
-  }
-  return l;
-}
-function ge(e, t) {
-  typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [n, a] = Tt(
-    e.path,
-    e.caseSensitive,
-    e.end
-  );
-  return _t(e, t, n, a);
-}
-function _t(e, t, n, a) {
-  let i = t.match(n);
-  if (!i) return null;
-  let o = i[0], l = o.replace(/(.)\/+$/, "$1"), c = i.slice(1);
-  return {
-    params: a.reduce(
-      (m, { paramName: f, isOptional: h }, v) => {
-        if (f === "*") {
-          let b = c[v] || "";
-          l = o.slice(0, o.length - b.length).replace(/(.)\/+$/, "$1");
-        }
-        const y = c[v];
-        return h && !y ? m[f] = void 0 : m[f] = (y || "").replace(/%2F/g, "/"), m;
-      },
-      {}
-    ),
-    pathname: o,
-    pathnameBase: l,
-    pattern: e
-  };
-}
-function Tt(e, t = !1, n = !0) {
-  Y(
-    e === "*" || !e.endsWith("*") || e.endsWith("/*"),
-    `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
-  );
-  let a = [], i = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(
-    /\/:([\w-]+)(\?)?/g,
-    (l, c, s, m, f) => {
-      if (a.push({ paramName: c, isOptional: s != null }), s) {
-        let h = f.charAt(m + l.length);
-        return h && h !== "/" ? "/([^\\/]*)" : "(?:/([^\\/]*))?";
-      }
-      return "/([^\\/]+)";
-    }
-  ).replace(/\/([\w-]+)\?(\/|$)/g, "(/$1)?$2");
-  return e.endsWith("*") ? (a.push({ paramName: "*" }), i += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : n ? i += "\\/*$" : e !== "" && e !== "/" && (i += "(?:(?=\\/|$))"), [new RegExp(i, t ? void 0 : "i"), a];
-}
-function Dr(e) {
-  try {
-    return e.split("/").map((t) => decodeURIComponent(t).replace(/\//g, "%2F")).join("/");
-  } catch (t) {
-    return Y(
-      !1,
-      `The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${t}).`
-    ), e;
-  }
-}
-function G(e, t) {
-  if (t === "/") return e;
-  if (!e.toLowerCase().startsWith(t.toLowerCase()))
-    return null;
-  let n = t.endsWith("/") ? t.length - 1 : t.length, a = e.charAt(n);
-  return a && a !== "/" ? null : e.slice(n) || "/";
-}
-function Fr(e, t = "/") {
-  let {
-    pathname: n,
-    search: a = "",
-    hash: i = ""
-  } = typeof e == "string" ? Ae(e) : e, o;
-  return n ? (n = jt(n), n.startsWith("/") ? o = Rt(n.substring(1), "/") : o = Rt(n, t)) : o = t, {
-    pathname: o,
-    search: Ar(a),
-    hash: Mr(i)
-  };
-}
-function Rt(e, t) {
-  let n = ye(t).split("/");
-  return e.split("/").forEach((i) => {
-    i === ".." ? n.length > 1 && n.pop() : i !== "." && n.push(i);
-  }), n.length > 1 ? n.join("/") : "/";
-}
-function $e(e, t, n, a) {
-  return `Cannot include a '${e}' character in a manually specified \`to.${t}\` field [${JSON.stringify(
-    a
-  )}].  Please separate it out to the \`to.${n}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
-}
-function Nr(e) {
-  return e.filter(
-    (t, n) => n === 0 || t.route.path && t.route.path.length > 0
-  );
-}
-function kt(e) {
-  let t = Nr(e);
-  return t.map(
-    (n, a) => a === t.length - 1 ? n.pathname : n.pathnameBase
-  );
-}
-function Me(e, t, n, a = !1) {
-  let i;
-  typeof e == "string" ? i = Ae(e) : (i = { ...e }, D(
-    !i.pathname || !i.pathname.includes("?"),
-    $e("?", "pathname", "search", i)
-  ), D(
-    !i.pathname || !i.pathname.includes("#"),
-    $e("#", "pathname", "hash", i)
-  ), D(
-    !i.search || !i.search.includes("#"),
-    $e("#", "search", "hash", i)
-  ));
-  let o = e === "" || i.pathname === "", l = o ? "/" : i.pathname, c;
-  if (l == null)
-    c = n;
-  else {
-    let h = t.length - 1;
-    if (!a && l.startsWith("..")) {
-      let v = l.split("/");
-      for (; v[0] === ".."; )
-        v.shift(), h -= 1;
-      i.pathname = v.join("/");
-    }
-    c = h >= 0 ? t[h] : "/";
-  }
-  let s = Fr(i, c), m = l && l !== "/" && l.endsWith("/"), f = (o || l === ".") && n.endsWith("/");
-  return !s.pathname.endsWith("/") && (m || f) && (s.pathname += "/"), s;
-}
-var jt = (e) => e.replace(/[\\/]{2,}/g, "/"), B = (e) => jt(e.join("/")), ye = (e) => e.replace(/\/+$/, ""), Ir = (e) => ye(e).replace(/^\/*/, "/"), Ar = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Mr = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, Wr = class {
-  constructor(e, t, n, a = !1) {
-    this.status = e, this.statusText = t || "", this.internal = a, n instanceof Error ? (this.data = n.toString(), this.error = n) : this.data = n;
-  }
-};
-function Br(e) {
-  return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
-}
-function Ur(e) {
-  let t = e.map((n) => n.route.path).filter(Boolean);
-  return B(t) || "/";
-}
-var Lt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function $t(e, t) {
-  let n = e;
-  if (typeof n != "string" || !Ie.test(n))
-    return {
-      absoluteURL: void 0,
-      isExternal: !1,
-      to: n
-    };
-  let a = n, i = !1;
-  if (Lt)
-    try {
-      let o = new URL(window.location.href), l = Rr.test(n) ? new URL(br(n, o.protocol)) : new URL(n), c = G(l.pathname, t);
-      l.origin === o.origin && c != null ? n = c + l.search + l.hash : i = !0;
-    } catch {
-      Y(
-        !1,
-        `<Link to="${n}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
-      );
-    }
-  return {
-    absoluteURL: a,
-    isExternal: i,
-    to: n
-  };
-}
-Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
-var Ot = [
-  "POST",
-  "PUT",
-  "PATCH",
-  "DELETE"
-];
-new Set(
-  Ot
-);
-var Hr = [
-  "GET",
-  ...Ot
-];
-new Set(Hr);
-var Vr = [
-  "about:",
-  "blob:",
-  "chrome:",
-  "chrome-untrusted:",
-  "content:",
-  "data:",
-  "devtools:",
-  "file:",
-  "filesystem:",
-  // eslint-disable-next-line no-script-url
-  "javascript:"
-];
-function Yr(e) {
-  try {
-    return Vr.includes(new URL(e).protocol);
-  } catch {
-    return !1;
-  }
-}
-var te = u.createContext(null);
-te.displayName = "DataRouter";
-var xe = u.createContext(null);
-xe.displayName = "DataRouterState";
-var Dt = u.createContext(!1);
-function Jr() {
-  return u.useContext(Dt);
-}
-var Ft = u.createContext({
-  isTransitioning: !1
-});
-Ft.displayName = "ViewTransition";
-var qr = u.createContext(
-  /* @__PURE__ */ new Map()
-);
-qr.displayName = "Fetchers";
-var zr = u.createContext(null);
-zr.displayName = "Await";
-var U = u.createContext(
-  null
-);
-U.displayName = "Navigation";
-var We = u.createContext(
-  null
-);
-We.displayName = "Location";
-var J = u.createContext({
-  outlet: null,
-  matches: [],
-  isDataRoute: !1
-});
-J.displayName = "Route";
-var Be = u.createContext(null);
-Be.displayName = "RouteError";
-var Nt = "REACT_ROUTER_ERROR", Kr = "REDIRECT", Gr = "ROUTE_ERROR_RESPONSE";
-function Xr(e) {
-  if (e.startsWith(`${Nt}:${Kr}:{`))
-    try {
-      let t = JSON.parse(e.slice(28));
-      if (typeof t == "object" && t && typeof t.status == "number" && typeof t.statusText == "string" && typeof t.location == "string" && typeof t.reloadDocument == "boolean" && typeof t.replace == "boolean")
-        return t;
-    } catch {
-    }
-}
-function Zr(e) {
-  if (e.startsWith(
-    `${Nt}:${Gr}:{`
-  ))
-    try {
-      let t = JSON.parse(e.slice(40));
-      if (typeof t == "object" && t && typeof t.status == "number" && typeof t.statusText == "string")
-        return new Wr(
-          t.status,
-          t.statusText,
-          t.data
-        );
-    } catch {
-    }
-}
-function Qr(e, { relative: t } = {}) {
-  D(
-    Re(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useHref() may be used only in the context of a <Router> component."
-  );
-  let { basename: n, navigator: a } = u.useContext(U), { hash: i, pathname: o, search: l } = le(e, { relative: t }), c = o;
-  return n !== "/" && (c = o === "/" ? n : B([n, o])), a.createHref({ pathname: c, search: l, hash: i });
-}
-function Re() {
-  return u.useContext(We) != null;
-}
-function q() {
-  return D(
-    Re(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useLocation() may be used only in the context of a <Router> component."
-  ), u.useContext(We).location;
-}
-var It = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
-function At(e) {
-  u.useContext(U).static || u.useLayoutEffect(e);
-}
-function en() {
-  let { isDataRoute: e } = u.useContext(J);
-  return e ? mn() : tn();
-}
-function tn() {
-  D(
-    Re(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useNavigate() may be used only in the context of a <Router> component."
-  );
-  let e = u.useContext(te), { basename: t, navigator: n } = u.useContext(U), { matches: a } = u.useContext(J), { pathname: i } = q(), o = JSON.stringify(kt(a)), l = u.useRef(!1);
-  return At(() => {
-    l.current = !0;
-  }), u.useCallback(
-    (s, m = {}) => {
-      if (Y(l.current, It), !l.current) return;
-      if (typeof s == "number") {
-        n.go(s);
-        return;
-      }
-      let f = Me(
-        s,
-        JSON.parse(o),
-        i,
-        m.relative === "path"
-      );
-      e == null && t !== "/" && (f.pathname = f.pathname === "/" ? t : B([t, f.pathname])), (m.replace ? n.replace : n.push)(
-        f,
-        m.state,
-        m
-      );
-    },
-    [
-      t,
-      n,
-      o,
-      i,
-      e
-    ]
-  );
-}
-u.createContext(null);
-function le(e, { relative: t } = {}) {
-  let { matches: n } = u.useContext(J), { pathname: a } = q(), i = JSON.stringify(kt(n));
-  return u.useMemo(
-    () => Me(
-      e,
-      JSON.parse(i),
-      a,
-      t === "path"
-    ),
-    [e, i, a, t]
-  );
-}
-function rn(e, t, n) {
-  D(
-    Re(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useRoutes() may be used only in the context of a <Router> component."
-  );
-  let { navigator: a } = u.useContext(U), { matches: i } = u.useContext(J), o = i[i.length - 1], l = o ? o.params : {}, c = o ? o.pathname : "/", s = o ? o.pathnameBase : "/", m = o && o.route;
-  {
-    let g = m && m.path || "";
-    Wt(
-      c,
-      !m || g.endsWith("*") || g.endsWith("*?"),
-      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${c}" (under <Route path="${g}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
-
-Please change the parent <Route path="${g}"> to <Route path="${g === "/" ? "*" : `${g}/*`}">.`
-    );
-  }
-  let f = q(), h;
-  h = f;
-  let v = h.pathname || "/", y = v;
-  if (s !== "/") {
-    let g = s.replace(/^\//, "").split("/");
-    y = "/" + v.replace(/^\//, "").split("/").slice(g.length).join("/");
-  }
-  let b = n && n.state.matches.length ? (
-    // If we're in a data router, use the matches we've already identified but ensure
-    // we have the latest route instances from the manifest in case elements have changed
-    n.state.matches.map(
-      (g) => Object.assign(g, {
-        route: n.manifest[g.route.id] || g.route
-      })
-    )
-  ) : Ct(e, { pathname: y });
-  return Y(
-    m || b != null,
-    `No routes matched location "${h.pathname}${h.search}${h.hash}" `
-  ), Y(
-    b == null || b[b.length - 1].route.element !== void 0 || b[b.length - 1].route.Component !== void 0 || b[b.length - 1].route.lazy !== void 0,
-    `Matched leaf route at location "${h.pathname}${h.search}${h.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
-  ), sn(
-    b && b.map(
-      (g) => Object.assign({}, g, {
-        params: Object.assign({}, l, g.params),
-        pathname: B([
-          s,
-          // Re-encode pathnames that were decoded inside matchRoutes.
-          // Pre-encode `%`, `?` and `#` ahead of `encodeLocation` because it uses
-          // `new URL()` internally and we need to prevent it from treating
-          // them as separators
-          a.encodeLocation ? a.encodeLocation(
-            g.pathname.replace(/%/g, "%25").replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : g.pathname
-        ]),
-        pathnameBase: g.pathnameBase === "/" ? s : B([
-          s,
-          // Re-encode pathnames that were decoded inside matchRoutes
-          // Pre-encode `%`, `?` and `#` ahead of `encodeLocation` because it uses
-          // `new URL()` internally and we need to prevent it from treating
-          // them as separators
-          a.encodeLocation ? a.encodeLocation(
-            g.pathnameBase.replace(/%/g, "%25").replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : g.pathnameBase
-        ])
-      })
-    ),
-    i,
-    n
-  );
-}
-function nn() {
-  let e = hn(), t = Br(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), n = e instanceof Error ? e.stack : null, a = "rgba(200,200,200, 0.5)", i = { padding: "0.5rem", backgroundColor: a }, o = { padding: "2px 4px", backgroundColor: a }, l = null;
-  return console.error(
-    "Error handled by React Router default ErrorBoundary:",
-    e
-  ), l = /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ u.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ u.createElement("code", { style: o }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ u.createElement("code", { style: o }, "errorElement"), " prop on your route.")), /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ u.createElement("h3", { style: { fontStyle: "italic" } }, t), n ? /* @__PURE__ */ u.createElement("pre", { style: i }, n) : null, l);
-}
-var an = /* @__PURE__ */ u.createElement(nn, null), Mt = class extends u.Component {
-  constructor(e) {
-    super(e), this.state = {
-      location: e.location,
-      revalidation: e.revalidation,
-      error: e.error
-    };
-  }
-  static getDerivedStateFromError(e) {
-    return { error: e };
-  }
-  static getDerivedStateFromProps(e, t) {
-    return t.location !== e.location || t.revalidation !== "idle" && e.revalidation === "idle" ? {
-      error: e.error,
-      location: e.location,
-      revalidation: e.revalidation
-    } : {
-      error: e.error !== void 0 ? e.error : t.error,
-      location: t.location,
-      revalidation: e.revalidation || t.revalidation
-    };
-  }
-  componentDidCatch(e, t) {
-    this.props.onError ? this.props.onError(e, t) : console.error(
-      "React Router caught the following error during render",
-      e
-    );
-  }
-  render() {
-    let e = this.state.error;
-    if (this.context && typeof e == "object" && e && "digest" in e && typeof e.digest == "string") {
-      const n = Zr(e.digest);
-      n && (e = n);
-    }
-    let t = e !== void 0 ? /* @__PURE__ */ u.createElement(J.Provider, { value: this.props.routeContext }, /* @__PURE__ */ u.createElement(
-      Be.Provider,
-      {
-        value: e,
-        children: this.props.component
-      }
-    )) : this.props.children;
-    return this.context ? /* @__PURE__ */ u.createElement(on, { error: e }, t) : t;
-  }
-};
-Mt.contextType = Dt;
-var Oe = /* @__PURE__ */ new WeakMap();
-function on({
-  children: e,
-  error: t
-}) {
-  let { basename: n } = u.useContext(U);
-  if (typeof t == "object" && t && "digest" in t && typeof t.digest == "string") {
-    let a = Xr(t.digest);
-    if (a) {
-      let i = Oe.get(t);
-      if (i) throw i;
-      let o = $t(a.location, n), l = o.absoluteURL || o.to;
-      if (Yr(l))
-        throw new Error("Invalid redirect location");
-      if (Lt && !Oe.get(t))
-        if (o.isExternal || a.reloadDocument)
-          window.location.href = l;
-        else {
-          const c = Promise.resolve().then(
-            () => window.__reactRouterDataRouter.navigate(o.to, {
-              replace: a.replace
-            })
-          );
-          throw Oe.set(t, c), c;
-        }
-      return /* @__PURE__ */ u.createElement("meta", { httpEquiv: "refresh", content: `0;url=${l}` });
-    }
-  }
-  return e;
-}
-function ln({ routeContext: e, match: t, children: n }) {
-  let a = u.useContext(te);
-  return a && a.static && a.staticContext && (t.route.errorElement || t.route.ErrorBoundary) && (a.staticContext._deepestRenderedBoundaryId = t.route.id), /* @__PURE__ */ u.createElement(J.Provider, { value: e }, n);
-}
-function sn(e, t = [], n) {
-  let a = n == null ? void 0 : n.state;
-  if (e == null) {
-    if (!a)
-      return null;
-    if (a.errors)
-      e = a.matches;
-    else if (t.length === 0 && !a.initialized && a.matches.length > 0)
-      e = a.matches;
-    else
-      return null;
-  }
-  let i = e, o = a == null ? void 0 : a.errors;
-  if (o != null) {
-    let f = i.findIndex(
-      (h) => h.route.id && (o == null ? void 0 : o[h.route.id]) !== void 0
-    );
-    D(
-      f >= 0,
-      `Could not find a matching route for errors on route IDs: ${Object.keys(
-        o
-      ).join(",")}`
-    ), i = i.slice(
-      0,
-      Math.min(i.length, f + 1)
-    );
-  }
-  let l = !1, c = -1;
-  if (n && a) {
-    l = a.renderFallback;
-    for (let f = 0; f < i.length; f++) {
-      let h = i[f];
-      if ((h.route.HydrateFallback || h.route.hydrateFallbackElement) && (c = f), h.route.id) {
-        let { loaderData: v, errors: y } = a, b = h.route.loader && !v.hasOwnProperty(h.route.id) && (!y || y[h.route.id] === void 0);
-        if (h.route.lazy || b) {
-          n.isStatic && (l = !0), c >= 0 ? i = i.slice(0, c + 1) : i = [i[0]];
-          break;
-        }
+        return e === w ? sr(d) : ir(d), d;
       }
     }
-  }
-  let s = n == null ? void 0 : n.onError, m = a && s ? (f, h) => {
-    var v, y;
-    s(f, {
-      location: a.location,
-      params: ((y = (v = a.matches) == null ? void 0 : v[0]) == null ? void 0 : y.params) ?? {},
-      pattern: Ur(a.matches),
-      errorInfo: h
-    });
-  } : void 0;
-  return i.reduceRight(
-    (f, h, v) => {
-      let y, b = !1, E = null, g = null;
-      a && (y = o && h.route.id ? o[h.route.id] : void 0, E = h.route.errorElement || an, l && (c < 0 && v === 0 ? (Wt(
-        "route-fallback",
-        !1,
-        "No `HydrateFallback` element provided to render during initial hydration"
-      ), b = !0, g = null) : c === v && (b = !0, g = h.route.hydrateFallbackElement || null)));
-      let w = t.concat(i.slice(0, v + 1)), R = () => {
-        let _;
-        return y ? _ = E : b ? _ = g : h.route.Component ? _ = /* @__PURE__ */ u.createElement(h.route.Component, null) : h.route.element ? _ = h.route.element : _ = f, /* @__PURE__ */ u.createElement(
-          ln,
-          {
-            match: h,
-            routeContext: {
-              outlet: f,
-              matches: w,
-              isDataRoute: a != null
-            },
-            children: _
-          }
-        );
-      };
-      return a && (h.route.ErrorBoundary || h.route.errorElement || v === 0) ? /* @__PURE__ */ u.createElement(
-        Mt,
-        {
-          location: a.location,
-          revalidation: a.revalidation,
-          component: E,
-          error: y,
-          children: R(),
-          routeContext: { outlet: null, matches: w, isDataRoute: !0 },
-          onError: m
-        }
-      ) : R();
-    },
-    null
-  );
-}
-function Ue(e) {
-  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
-}
-function un(e) {
-  let t = u.useContext(te);
-  return D(t, Ue(e)), t;
-}
-function cn(e) {
-  let t = u.useContext(xe);
-  return D(t, Ue(e)), t;
-}
-function fn(e) {
-  let t = u.useContext(J);
-  return D(t, Ue(e)), t;
-}
-function He(e) {
-  let t = fn(e), n = t.matches[t.matches.length - 1];
-  return D(
-    n.route.id,
-    `${e} can only be used on routes that contain a unique "id"`
-  ), n.route.id;
-}
-function dn() {
-  return He(
-    "useRouteId"
-    /* UseRouteId */
-  );
-}
-function hn() {
-  var a;
-  let e = u.useContext(Be), t = cn(
-    "useRouteError"
-    /* UseRouteError */
-  ), n = He(
-    "useRouteError"
-    /* UseRouteError */
-  );
-  return e !== void 0 ? e : (a = t.errors) == null ? void 0 : a[n];
-}
-function mn() {
-  let { router: e } = un(
-    "useNavigate"
-    /* UseNavigateStable */
-  ), t = He(
-    "useNavigate"
-    /* UseNavigateStable */
-  ), n = u.useRef(!1);
-  return At(() => {
-    n.current = !0;
-  }), u.useCallback(
-    async (i, o = {}) => {
-      Y(n.current, It), n.current && (typeof i == "number" ? await e.navigate(i) : await e.navigate(i, { fromRouteId: t, ...o }));
-    },
-    [e, t]
-  );
-}
-var bt = {};
-function Wt(e, t, n) {
-  !t && !bt[e] && (bt[e] = !0, Y(!1, n));
-}
-u.memo(pn);
-function pn({
-  routes: e,
-  manifest: t,
-  future: n,
-  state: a,
-  isStatic: i,
-  onError: o
-}) {
-  return rn(e, void 0, {
-    manifest: t,
-    state: a,
-    isStatic: i,
-    onError: o
-  });
-}
-var pe = "get", ve = "application/x-www-form-urlencoded";
-function be(e) {
-  return typeof HTMLElement < "u" && e instanceof HTMLElement;
-}
-function vn(e) {
-  return be(e) && e.tagName.toLowerCase() === "button";
-}
-function gn(e) {
-  return be(e) && e.tagName.toLowerCase() === "form";
-}
-function yn(e) {
-  return be(e) && e.tagName.toLowerCase() === "input";
-}
-function xn(e) {
-  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
-}
-function Rn(e, t) {
-  return e.button === 0 && // Ignore everything but left clicks
-  (!t || t === "_self") && // Let browser handle "target=_blank" etc.
-  !xn(e);
-}
-var me = null;
-function bn() {
-  if (me === null)
-    try {
-      new FormData(
-        document.createElement("form"),
-        // @ts-expect-error if FormData supports the submitter parameter, this will throw
-        0
-      ), me = !1;
-    } catch {
-      me = !0;
-    }
-  return me;
-}
-var En = /* @__PURE__ */ new Set([
-  "application/x-www-form-urlencoded",
-  "multipart/form-data",
-  "text/plain"
-]);
-function De(e) {
-  return e != null && !En.has(e) ? (Y(
-    !1,
-    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${ve}"`
-  ), null) : e;
-}
-function wn(e, t) {
-  let n, a, i, o, l;
-  if (gn(e)) {
-    let c = e.getAttribute("action");
-    a = c ? G(c, t) : null, n = e.getAttribute("method") || pe, i = De(e.getAttribute("enctype")) || ve, o = new FormData(e);
-  } else if (vn(e) || yn(e) && (e.type === "submit" || e.type === "image")) {
-    let c = e.form;
-    if (c == null)
-      throw new Error(
-        'Cannot submit a <button> or <input type="submit"> without a <form>'
-      );
-    let s = e.getAttribute("formaction") || c.getAttribute("action");
-    if (a = s ? G(s, t) : null, n = e.getAttribute("formmethod") || c.getAttribute("method") || pe, i = De(e.getAttribute("formenctype")) || De(c.getAttribute("enctype")) || ve, o = new FormData(c, e), !bn()) {
-      let { name: m, type: f, value: h } = e;
-      if (f === "image") {
-        let v = m ? `${m}.` : "";
-        o.append(`${v}x`, "0"), o.append(`${v}y`, "0");
-      } else m && o.append(m, h);
+    function or(e, r, t) {
+      return Ae(e, r, t, !0);
     }
-  } else {
-    if (be(e))
-      throw new Error(
-        'Cannot submit element that is not <form>, <button>, or <input type="submit|image">'
-      );
-    n = pe, a = null, i = ve, l = e;
-  }
-  return o && i === "text/plain" && (l = o, o = void 0), { action: a, method: n.toLowerCase(), encType: i, formData: o, body: l };
-}
-Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
-function Ve(e, t) {
-  if (e === !1 || e === null || typeof e > "u")
-    throw new Error(t);
-}
-function Bt(e, t, n, a) {
-  let i = typeof e == "string" ? new URL(
-    e,
-    // This can be called during the SSR flow via PrefetchPageLinksImpl so
-    // don't assume window is available
-    typeof window > "u" ? "server://singlefetch/" : window.location.origin
-  ) : e;
-  return n ? i.pathname.endsWith("/") ? i.pathname = `${i.pathname}_.${a}` : i.pathname = `${i.pathname}.${a}` : i.pathname === "/" ? i.pathname = `_root.${a}` : t && G(i.pathname, t) === "/" ? i.pathname = `${ye(t)}/_root.${a}` : i.pathname = `${ye(i.pathname)}.${a}`, i;
-}
-async function Cn(e, t) {
-  if (e.id in t)
-    return t[e.id];
-  try {
-    let n = await import(
-      /* @vite-ignore */
-      /* webpackIgnore: true */
-      e.module
-    );
-    return t[e.id] = n, n;
-  } catch (n) {
-    return console.error(
-      `Error loading route module \`${e.module}\`, reloading page...`
-    ), console.error(n), window.__reactRouterContext && window.__reactRouterContext.isSpaMode, window.location.reload(), new Promise(() => {
-    });
-  }
-}
-function Sn(e) {
-  return e == null ? !1 : e.href == null ? e.rel === "preload" && typeof e.imageSrcSet == "string" && typeof e.imageSizes == "string" : typeof e.rel == "string" && typeof e.href == "string";
-}
-async function Pn(e, t, n) {
-  let a = await Promise.all(
-    e.map(async (i) => {
-      let o = t.routes[i.route.id];
-      if (o) {
-        let l = await Cn(o, n);
-        return l.links ? l.links() : [];
-      }
-      return [];
-    })
-  );
-  return jn(
-    a.flat(1).filter(Sn).filter((i) => i.rel === "stylesheet" || i.rel === "preload").map(
-      (i) => i.rel === "stylesheet" ? { ...i, rel: "prefetch", as: "style" } : { ...i, rel: "prefetch" }
-    )
-  );
-}
-function Et(e, t, n, a, i, o) {
-  let l = (s, m) => n[m] ? s.route.id !== n[m].route.id : !0, c = (s, m) => {
-    var f;
-    return (
-      // param change, /users/123 -> /users/456
-      n[m].pathname !== s.pathname || // splat param changed, which is not present in match.path
-      // e.g. /files/images/avatar.jpg -> files/finances.xls
-      ((f = n[m].route.path) == null ? void 0 : f.endsWith("*")) && n[m].params["*"] !== s.params["*"]
-    );
-  };
-  return o === "assets" ? t.filter(
-    (s, m) => l(s, m) || c(s, m)
-  ) : o === "data" ? t.filter((s, m) => {
-    var h;
-    let f = a.routes[s.route.id];
-    if (!f || !f.hasLoader)
-      return !1;
-    if (l(s, m) || c(s, m))
-      return !0;
-    if (s.route.shouldRevalidate) {
-      let v = s.route.shouldRevalidate({
-        currentUrl: new URL(
-          i.pathname + i.search + i.hash,
-          window.origin
-        ),
-        currentParams: ((h = n[0]) == null ? void 0 : h.params) || {},
-        nextUrl: new URL(e, window.origin),
-        nextParams: s.params,
-        defaultShouldRevalidate: !0
-      });
-      if (typeof v == "boolean")
-        return v;
+    function lr(e, r, t) {
+      return Ae(e, r, t, !1);
     }
-    return !0;
-  }) : [];
-}
-function _n(e, t, { includeHydrateFallback: n } = {}) {
-  return Tn(
-    e.map((a) => {
-      let i = t.routes[a.route.id];
-      if (!i) return [];
-      let o = [i.module];
-      return i.clientActionModule && (o = o.concat(i.clientActionModule)), i.clientLoaderModule && (o = o.concat(i.clientLoaderModule)), n && i.hydrateFallbackModule && (o = o.concat(i.hydrateFallbackModule)), i.imports && (o = o.concat(i.imports)), o;
-    }).flat(1)
-  );
-}
-function Tn(e) {
-  return [...new Set(e)];
-}
-function kn(e) {
-  let t = {}, n = Object.keys(e).sort();
-  for (let a of n)
-    t[a] = e[a];
-  return t;
-}
-function jn(e, t) {
-  let n = /* @__PURE__ */ new Set();
-  return new Set(t), e.reduce((a, i) => {
-    let o = JSON.stringify(kn(i));
-    return n.has(o) || (n.add(o), a.push({ key: o, link: i })), a;
-  }, []);
+    var cr = lr, ur = or;
+    H.Fragment = w, H.jsx = cr, H.jsxs = ur;
+  })()), H;
 }
-function Ye() {
-  let e = u.useContext(te);
-  return Ve(
-    e,
-    "You must render this element inside a <DataRouterContext.Provider> element"
-  ), e;
-}
-function Ln() {
-  let e = u.useContext(xe);
-  return Ve(
-    e,
-    "You must render this element inside a <DataRouterStateContext.Provider> element"
-  ), e;
-}
-var Je = u.createContext(void 0);
-Je.displayName = "FrameworkContext";
-function Ee() {
-  let e = u.useContext(Je);
-  return Ve(
-    e,
-    "You must render this element inside a <HydratedRouter> element"
-  ), e;
-}
-function $n(e, t) {
-  let n = u.useContext(Je), [a, i] = u.useState(!1), [o, l] = u.useState(!1), { onFocus: c, onBlur: s, onMouseEnter: m, onMouseLeave: f, onTouchStart: h } = t, v = u.useRef(null);
-  u.useEffect(() => {
-    if (e === "render" && l(!0), e === "viewport") {
-      let E = (w) => {
-        w.forEach((R) => {
-          l(R.isIntersecting);
-        });
-      }, g = new IntersectionObserver(E, { threshold: 0.5 });
-      return v.current && g.observe(v.current), () => {
-        g.disconnect();
-      };
-    }
-  }, [e]), u.useEffect(() => {
-    if (a) {
-      let E = setTimeout(() => {
-        l(!0);
-      }, 100);
-      return () => {
-        clearTimeout(E);
-      };
-    }
-  }, [a]);
-  let y = () => {
-    i(!0);
-  }, b = () => {
-    i(!1), l(!1);
+var $e;
+function gr() {
+  return $e || ($e = 1, process.env.NODE_ENV === "production" ? oe.exports = mr() : oe.exports = xr()), oe.exports;
+}
+var n = gr();
+const Ye = pr(null), Cr = ({ children: C }) => {
+  const [O, m] = K(!0), [w, T] = K(null), P = () => {
+    m((x) => !x), T(null);
+  }, N = (x) => {
+    T((p) => p === x ? null : x);
   };
-  return n ? e !== "intent" ? [o, v, {}] : [
-    o,
-    v,
+  return /* @__PURE__ */ n.jsx(
+    Ye.Provider,
     {
-      onFocus: oe(c, y),
-      onBlur: oe(s, b),
-      onMouseEnter: oe(m, y),
-      onMouseLeave: oe(f, b),
-      onTouchStart: oe(h, y)
-    }
-  ] : [!1, v, {}];
-}
-function oe(e, t) {
-  return (n) => {
-    e && e(n), n.defaultPrevented || t(n);
-  };
-}
-function On({ page: e, ...t }) {
-  let n = Jr(), { nonce: a } = Ee(), { router: i } = Ye(), o = u.useMemo(
-    () => Ct(i.routes, e, i.basename),
-    [i.routes, e, i.basename]
-  );
-  return o ? (t.nonce == null && a && (t = { ...t, nonce: a }), n ? /* @__PURE__ */ u.createElement(Fn, { page: e, matches: o, ...t }) : /* @__PURE__ */ u.createElement(Nn, { page: e, matches: o, ...t })) : null;
-}
-function Dn(e) {
-  let { manifest: t, routeModules: n } = Ee(), [a, i] = u.useState([]);
-  return u.useEffect(() => {
-    let o = !1;
-    return Pn(e, t, n).then(
-      (l) => {
-        o || i(l);
-      }
-    ), () => {
-      o = !0;
-    };
-  }, [e, t, n]), a;
-}
-function Fn({
-  page: e,
-  matches: t,
-  ...n
-}) {
-  let a = q(), { future: i } = Ee(), { basename: o } = Ye(), l = u.useMemo(() => {
-    if (e === a.pathname + a.search + a.hash)
-      return [];
-    let c = Bt(
-      e,
-      o,
-      i.v8_trailingSlashAwareDataRequests,
-      "rsc"
-    ), s = !1, m = [];
-    for (let f of t)
-      typeof f.route.shouldRevalidate == "function" ? s = !0 : m.push(f.route.id);
-    return s && m.length > 0 && c.searchParams.set("_routes", m.join(",")), [c.pathname + c.search];
-  }, [
-    o,
-    i.v8_trailingSlashAwareDataRequests,
-    e,
-    a,
-    t
-  ]);
-  return /* @__PURE__ */ u.createElement(u.Fragment, null, l.map((c) => /* @__PURE__ */ u.createElement("link", { key: c, rel: "prefetch", as: "fetch", href: c, ...n })));
-}
-function Nn({
-  page: e,
-  matches: t,
-  ...n
-}) {
-  let a = q(), { future: i, manifest: o, routeModules: l } = Ee(), { basename: c } = Ye(), { loaderData: s, matches: m } = Ln(), f = u.useMemo(
-    () => Et(
-      e,
-      t,
-      m,
-      o,
-      a,
-      "data"
-    ),
-    [e, t, m, o, a]
-  ), h = u.useMemo(
-    () => Et(
-      e,
-      t,
-      m,
-      o,
-      a,
-      "assets"
-    ),
-    [e, t, m, o, a]
-  ), v = u.useMemo(() => {
-    if (e === a.pathname + a.search + a.hash)
-      return [];
-    let E = /* @__PURE__ */ new Set(), g = !1;
-    if (t.forEach((R) => {
-      var $;
-      let _ = o.routes[R.route.id];
-      !_ || !_.hasLoader || (!f.some((j) => j.route.id === R.route.id) && R.route.id in s && (($ = l[R.route.id]) != null && $.shouldRevalidate) || _.hasClientLoader ? g = !0 : E.add(R.route.id));
-    }), E.size === 0)
-      return [];
-    let w = Bt(
-      e,
-      c,
-      i.v8_trailingSlashAwareDataRequests,
-      "data"
-    );
-    return g && E.size > 0 && w.searchParams.set(
-      "_routes",
-      t.filter((R) => E.has(R.route.id)).map((R) => R.route.id).join(",")
-    ), [w.pathname + w.search];
-  }, [
-    c,
-    i.v8_trailingSlashAwareDataRequests,
-    s,
-    a,
-    o,
-    f,
-    t,
-    e,
-    l
-  ]), y = u.useMemo(
-    () => _n(h, o),
-    [h, o]
-  ), b = Dn(h);
-  return /* @__PURE__ */ u.createElement(u.Fragment, null, v.map((E) => /* @__PURE__ */ u.createElement("link", { key: E, rel: "prefetch", as: "fetch", href: E, ...n })), y.map((E) => /* @__PURE__ */ u.createElement("link", { key: E, rel: "modulepreload", href: E, ...n })), b.map(({ key: E, link: g }) => (
-    // these don't spread `linkProps` because they are full link descriptors
-    // already with their own props
-    /* @__PURE__ */ u.createElement(
-      "link",
-      {
-        key: E,
-        nonce: n.nonce,
-        ...g,
-        crossOrigin: g.crossOrigin ?? n.crossOrigin
-      }
-    )
-  )));
-}
-function In(...e) {
-  return (t) => {
-    e.forEach((n) => {
-      typeof n == "function" ? n(t) : n != null && (n.current = t);
-    });
-  };
-}
-var An = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-try {
-  An && (window.__reactRouterVersion = // @ts-expect-error
-  "7.18.0");
-} catch {
-}
-var Ut = u.forwardRef(
-  function({
-    onClick: t,
-    discover: n = "render",
-    prefetch: a = "none",
-    relative: i,
-    reloadDocument: o,
-    replace: l,
-    mask: c,
-    state: s,
-    target: m,
-    to: f,
-    preventScrollReset: h,
-    viewTransition: v,
-    defaultShouldRevalidate: y,
-    ...b
-  }, E) {
-    let { basename: g, navigator: w, useTransitions: R } = u.useContext(U), _ = typeof f == "string" && Ie.test(f), $ = $t(f, g);
-    f = $.to;
-    let j = Qr(f, { relative: i }), A = q(), H = null;
-    if (c) {
-      let N = Me(
-        c,
-        [],
-        A.mask ? A.mask.pathname : "/",
-        !0
-      );
-      g !== "/" && (N.pathname = N.pathname === "/" ? g : B([g, N.pathname])), H = w.createHref(N);
+      value: { isExpanded: O, toggleSidebar: P, openSubmenu: w, toggleSubmenu: N },
+      children: C
     }
-    let [z, K, re] = $n(
-      a,
-      b
-    ), we = Bn(f, {
-      replace: l,
-      mask: c,
-      state: s,
-      target: m,
-      preventScrollReset: h,
-      relative: i,
-      viewTransition: v,
-      defaultShouldRevalidate: y,
-      useTransitions: R
-    });
-    function se(N) {
-      t && t(N), N.defaultPrevented || we(N);
-    }
-    let W = !($.isExternal || o), V = (
-      // eslint-disable-next-line jsx-a11y/anchor-has-content
-      /* @__PURE__ */ u.createElement(
-        "a",
-        {
-          ...b,
-          ...re,
-          href: (W ? H : void 0) || $.absoluteURL || j,
-          onClick: W ? se : t,
-          ref: In(E, K),
-          target: m,
-          "data-discover": !_ && n === "render" ? "true" : void 0
-        }
-      )
-    );
-    return z && !_ ? /* @__PURE__ */ u.createElement(u.Fragment, null, V, /* @__PURE__ */ u.createElement(On, { page: j })) : V;
-  }
-);
-Ut.displayName = "Link";
-var Ne = u.forwardRef(
-  function({
-    "aria-current": t = "page",
-    caseSensitive: n = !1,
-    className: a = "",
-    end: i = !1,
-    style: o,
-    to: l,
-    viewTransition: c,
-    children: s,
-    ...m
-  }, f) {
-    let h = le(l, { relative: m.relative }), v = q(), y = u.useContext(xe), { navigator: b, basename: E } = u.useContext(U), g = y != null && // Conditional usage is OK here because the usage of a data router is static
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    Jn(h) && c === !0, w = b.encodeLocation ? b.encodeLocation(h).pathname : h.pathname, R = v.pathname, _ = y && y.navigation && y.navigation.location ? y.navigation.location.pathname : null;
-    n || (R = R.toLowerCase(), _ = _ ? _.toLowerCase() : null, w = w.toLowerCase()), _ && E && (_ = G(_, E) || _);
-    const $ = w !== "/" && w.endsWith("/") ? w.length - 1 : w.length;
-    let j = R === w || !i && R.startsWith(w) && R.charAt($) === "/", A = _ != null && (_ === w || !i && _.startsWith(w) && _.charAt(w.length) === "/"), H = {
-      isActive: j,
-      isPending: A,
-      isTransitioning: g
-    }, z = j ? t : void 0, K;
-    typeof a == "function" ? K = a(H) : K = [
-      a,
-      j ? "active" : null,
-      A ? "pending" : null,
-      g ? "transitioning" : null
-    ].filter(Boolean).join(" ");
-    let re = typeof o == "function" ? o(H) : o;
-    return /* @__PURE__ */ u.createElement(
-      Ut,
-      {
-        ...m,
-        "aria-current": z,
-        className: K,
-        ref: f,
-        style: re,
-        to: l,
-        viewTransition: c
-      },
-      typeof s == "function" ? s(H) : s
-    );
-  }
-);
-Ne.displayName = "NavLink";
-var Mn = u.forwardRef(
-  ({
-    discover: e = "render",
-    fetcherKey: t,
-    navigate: n,
-    reloadDocument: a,
-    replace: i,
-    state: o,
-    method: l = pe,
-    action: c,
-    onSubmit: s,
-    relative: m,
-    preventScrollReset: f,
-    viewTransition: h,
-    defaultShouldRevalidate: v,
-    ...y
-  }, b) => {
-    let { useTransitions: E } = u.useContext(U), g = Vn(), w = Yn(c, { relative: m }), R = l.toLowerCase() === "get" ? "get" : "post", _ = typeof c == "string" && Ie.test(c), $ = (j) => {
-      if (s && s(j), j.defaultPrevented) return;
-      j.preventDefault();
-      let A = j.nativeEvent.submitter, H = (A == null ? void 0 : A.getAttribute("formmethod")) || l, z = () => g(A || j.currentTarget, {
-        fetcherKey: t,
-        method: H,
-        navigate: n,
-        replace: i,
-        state: o,
-        relative: m,
-        preventScrollReset: f,
-        viewTransition: h,
-        defaultShouldRevalidate: v
-      });
-      E && n !== !1 ? u.startTransition(() => z()) : z();
-    };
-    return /* @__PURE__ */ u.createElement(
-      "form",
-      {
-        ref: b,
-        method: R,
-        action: w,
-        onSubmit: a ? s : $,
-        ...y,
-        "data-discover": !_ && e === "render" ? "true" : void 0
-      }
-    );
-  }
-);
-Mn.displayName = "Form";
-function Wn(e) {
-  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
-}
-function Ht(e) {
-  let t = u.useContext(te);
-  return D(t, Wn(e)), t;
-}
-function Bn(e, {
-  target: t,
-  replace: n,
-  mask: a,
-  state: i,
-  preventScrollReset: o,
-  relative: l,
-  viewTransition: c,
-  defaultShouldRevalidate: s,
-  useTransitions: m
-} = {}) {
-  let f = en(), h = q(), v = le(e, { relative: l });
-  return u.useCallback(
-    (y) => {
-      if (Rn(y, t)) {
-        y.preventDefault();
-        let b = n !== void 0 ? n : Fe(h) === Fe(v), E = () => f(e, {
-          replace: b,
-          mask: a,
-          state: i,
-          preventScrollReset: o,
-          relative: l,
-          viewTransition: c,
-          defaultShouldRevalidate: s
-        });
-        m ? u.startTransition(() => E()) : E();
-      }
-    },
-    [
-      h,
-      f,
-      v,
-      n,
-      a,
-      i,
-      t,
-      e,
-      o,
-      l,
-      c,
-      s,
-      m
-    ]
   );
-}
-var Un = 0, Hn = () => `__${String(++Un)}__`;
-function Vn() {
-  let { router: e } = Ht(
-    "useSubmit"
-    /* UseSubmit */
-  ), { basename: t } = u.useContext(U), n = dn(), a = e.fetch, i = e.navigate;
-  return u.useCallback(
-    async (o, l = {}) => {
-      let { action: c, method: s, encType: m, formData: f, body: h } = wn(
-        o,
-        t
-      );
-      if (l.navigate === !1) {
-        let v = l.fetcherKey || Hn();
-        await a(v, n, l.action || c, {
-          defaultShouldRevalidate: l.defaultShouldRevalidate,
-          preventScrollReset: l.preventScrollReset,
-          formData: f,
-          body: h,
-          formMethod: l.method || s,
-          formEncType: l.encType || m,
-          flushSync: l.flushSync
-        });
-      } else
-        await i(l.action || c, {
-          defaultShouldRevalidate: l.defaultShouldRevalidate,
-          preventScrollReset: l.preventScrollReset,
-          formData: f,
-          body: h,
-          formMethod: l.method || s,
-          formEncType: l.encType || m,
-          replace: l.replace,
-          state: l.state,
-          fromRouteId: n,
-          flushSync: l.flushSync,
-          viewTransition: l.viewTransition
-        });
+}, br = () => {
+  const C = vr(Ye);
+  if (!C) throw new Error("useSidebar must be used inside <SidebarProvider>");
+  return C;
+}, jr = () => /* @__PURE__ */ n.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ n.jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+  /* @__PURE__ */ n.jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+  /* @__PURE__ */ n.jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+] }), yr = () => /* @__PURE__ */ n.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ n.jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+  /* @__PURE__ */ n.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+] }), Er = () => /* @__PURE__ */ n.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ n.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ n.jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+  /* @__PURE__ */ n.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+] }), Rr = () => /* @__PURE__ */ n.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", children: [
+  /* @__PURE__ */ n.jsx("rect", { width: "32", height: "32", rx: "8", fill: "currentColor", opacity: "0.15" }),
+  /* @__PURE__ */ n.jsx("circle", { cx: "16", cy: "16", r: "6", fill: "currentColor" })
+] }), _r = () => /* @__PURE__ */ n.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ n.jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+  /* @__PURE__ */ n.jsx("polyline", { points: "16 17 21 12 16 7" }),
+  /* @__PURE__ */ n.jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
+] }), Sr = ({ config: C }) => {
+  const {
+    navItems: O,
+    user: m,
+    createButtonRoles: w,
+    createButtonLabel: T = "Create",
+    createButtonPath: P,
+    brandName: N = "Amphenol",
+    brandSubtitle: x = "COMMUNICATION SOLUTIONS",
+    logo: p,
+    helpLabel: I = "Help Center",
+    helpIcon: g,
+    onSignOut: R,
+    onNavigate: S,
+    className: L = ""
+  } = C, { isExpanded: E, toggleSidebar: G, openSubmenu: Y, toggleSubmenu: A } = br(), [v, le] = K(window.location.pathname), [ce, z] = K(!1), [ue, X] = K(!1);
+  hr(() => {
+    const c = () => le(window.location.pathname);
+    return window.addEventListener("popstate", c), () => window.removeEventListener("popstate", c);
+  }, []);
+  const M = (c, j) => {
+    c.preventDefault(), j && (S ? S(j) : (window.history.pushState({}, "", j), window.dispatchEvent(new PopStateEvent("popstate"))));
+  }, U = () => m.email ? m.email.split("@")[0] : "User", Z = () => m.email ? m.email.charAt(0).toUpperCase() : "U", fe = () => {
+    R ? R() : window.location.href = "/c/portal/logout";
+  }, Q = !w || w.includes(m.role), k = O.reduce(
+    (c, j) => {
+      const D = j.section || "GENERAL";
+      return c[D] || (c[D] = []), c[D].push(j), c;
     },
-    [a, i, t, n]
+    {}
   );
-}
-function Yn(e, { relative: t } = {}) {
-  let { basename: n } = u.useContext(U), a = u.useContext(J);
-  D(a, "useFormAction must be used inside a RouteContext");
-  let [i] = a.matches.slice(-1), o = { ...le(e || ".", { relative: t }) }, l = q();
-  if (e == null) {
-    o.search = l.search;
-    let c = new URLSearchParams(o.search), s = c.getAll("index");
-    if (s.some((f) => f === "")) {
-      c.delete("index"), s.filter((h) => h).forEach((h) => c.append("index", h));
-      let f = c.toString();
-      o.search = f ? `?${f}` : "";
-    }
-  }
-  return (!e || e === ".") && i.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), n !== "/" && (o.pathname = o.pathname === "/" ? n : B([n, o.pathname])), Fe(o);
-}
-function Jn(e, { relative: t } = {}) {
-  let n = u.useContext(Ft);
-  D(
-    n != null,
-    "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
-  );
-  let { basename: a } = Ht(
-    "useViewTransitionState"
-    /* useViewTransitionState */
-  ), i = le(e, { relative: t });
-  if (!n.isTransitioning)
-    return !1;
-  let o = G(n.currentLocation.pathname, a) || n.currentLocation.pathname, l = G(n.nextLocation.pathname, a) || n.nextLocation.pathname;
-  return ge(i.pathname, l) != null || ge(i.pathname, o) != null;
-}
-const Z = (...e) => e.filter(Boolean).join(" "), qn = () => /* @__PURE__ */ P.jsx("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: /* @__PURE__ */ P.jsx(
-  "path",
-  {
-    d: "M2 4h14M2 9h14M2 14h14",
-    stroke: "currentColor",
-    strokeWidth: "1.5",
-    strokeLinecap: "round"
-  }
-) });
-function zn(e, t) {
-  return e ? {
-    activeBg: `bg-${e}/20`,
-    hoverBg: `hover:bg-${e}/10`,
-    textClass: `text-${e}`,
-    hoverTextClass: `hover:text-${e}`,
-    borderColor: t ?? "#4ade80"
-  } : {
-    activeBg: "bg-green-500/20",
-    hoverBg: "hover:bg-green-500/10",
-    textClass: "text-green-400",
-    hoverTextClass: "hover:text-green-400",
-    borderColor: t ?? "#4ade80"
-  };
-}
-function Gn({
-  open: e,
-  onToggle: t,
-  navConfig: n,
-  logo: a,
-  cta: i,
-  user: o,
-  footerLinks: l = [],
-  bgColor: c = "bg-[#1a1f2e]"
-}) {
-  return /* @__PURE__ */ P.jsxs(
+  return /* @__PURE__ */ n.jsxs(
     "aside",
     {
-      className: Z(
-        "h-screen flex flex-col transition-all duration-300 ease-in-out flex-shrink-0",
-        c,
-        e ? "w-64" : "w-16"
-      ),
+      className: `rdr-sidebar ${E ? "expanded" : "collapsed"} ${L}`,
       children: [
-        /* @__PURE__ */ P.jsxs(
-          "div",
-          {
-            className: Z(
-              "flex items-center gap-3 py-4 border-b border-white/10 min-h-[64px]",
-              e ? "px-3" : "px-0 justify-center"
-            ),
-            children: [
-              /* @__PURE__ */ P.jsx(
-                "div",
-                {
-                  className: "w-8 h-8 flex-shrink-0 cursor-pointer",
-                  onClick: t,
-                  title: e ? "Collapse sidebar" : "Expand sidebar",
-                  children: (a == null ? void 0 : a.icon) ?? /* @__PURE__ */ P.jsx("div", { className: "w-8 h-8 bg-green-500 rounded-full flex items-center justify-center text-white text-xs font-bold", children: "A" })
-                }
-              ),
-              e && /* @__PURE__ */ P.jsxs(P.Fragment, { children: [
-                /* @__PURE__ */ P.jsxs("div", { className: "overflow-hidden flex-1", children: [
-                  (a == null ? void 0 : a.name) && /* @__PURE__ */ P.jsx("div", { className: "text-white font-bold text-sm truncate", children: a.name }),
-                  (a == null ? void 0 : a.subLabel) && /* @__PURE__ */ P.jsx("div", { className: "text-gray-400 text-[10px] font-semibold whitespace-nowrap", children: a.subLabel })
-                ] }),
-                /* @__PURE__ */ P.jsx(
-                  "button",
-                  {
-                    onClick: t,
-                    className: "text-gray-400 hover:text-white flex-shrink-0",
-                    title: "Collapse sidebar",
-                    children: /* @__PURE__ */ P.jsx(qn, {})
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        i && /* @__PURE__ */ P.jsx("div", { className: "px-3 py-4", children: /* @__PURE__ */ P.jsxs(
-          Ne,
+        /* @__PURE__ */ n.jsxs("div", { className: "sidebar-header", children: [
+          /* @__PURE__ */ n.jsxs("div", { className: "logo-section", onClick: G, children: [
+            /* @__PURE__ */ n.jsx("span", { className: "logo-icon", style: { color: "var(--sidebar-accent)" }, children: p ?? /* @__PURE__ */ n.jsx(Rr, {}) }),
+            E && /* @__PURE__ */ n.jsxs("div", { className: "brand-text", children: [
+              /* @__PURE__ */ n.jsx("h2", { children: N }),
+              x && /* @__PURE__ */ n.jsx("span", { children: x })
+            ] })
+          ] }),
+          E && /* @__PURE__ */ n.jsx(
+            "button",
+            {
+              className: "menu-toggle",
+              onClick: G,
+              "aria-label": "Collapse sidebar",
+              children: /* @__PURE__ */ n.jsx(jr, {})
+            }
+          )
+        ] }),
+        Q && P && /* @__PURE__ */ n.jsx("div", { className: "sidebar-actions", children: /* @__PURE__ */ n.jsxs(
+          "button",
           {
-            to: i.to,
-            className: Z(
-              "w-full text-white rounded-md flex items-center gap-2 transition-colors font-medium text-sm",
-              i.color ?? "bg-[#059669] hover:bg-green-600",
-              e ? "px-3 py-2 justify-start" : "p-2 justify-center"
-            ),
-            title: e ? void 0 : i.label,
+            className: "sidebar-create-btn",
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              gap: "8px",
+              width: "100%",
+              height: "44px",
+              padding: "0 16px",
+              borderRadius: "10px",
+              border: "none",
+              outline: "none",
+              boxShadow: "none",
+              cursor: "pointer",
+              fontSize: "14px",
+              fontWeight: 600,
+              color: "#fff",
+              background: ue ? "#149B6E" : "#18B885",
+              transition: "background-color 0.2s ease"
+            },
+            onMouseEnter: () => X(!0),
+            onMouseLeave: () => X(!1),
+            onClick: (c) => M(c, P),
             children: [
-              /* @__PURE__ */ P.jsx("span", { className: "flex-shrink-0", children: i.icon }),
-              e && /* @__PURE__ */ P.jsx("span", { children: i.label })
+              /* @__PURE__ */ n.jsx(yr, {}),
+              E && /* @__PURE__ */ n.jsx("span", { children: T })
             ]
           }
         ) }),
-        /* @__PURE__ */ P.jsx("nav", { className: "flex-1 overflow-y-auto px-2 space-y-1", children: n.map(({ section: s, color: m, rawColor: f, items: h }) => {
-          const { activeBg: v, hoverBg: y, textClass: b, hoverTextClass: E, borderColor: g } = zn(m, f);
-          return /* @__PURE__ */ P.jsxs("div", { className: "mb-4", children: [
-            e ? /* @__PURE__ */ P.jsx("p", { className: "text-gray-500 text-[10px] font-semibold uppercase tracking-widest px-2 mb-1", children: s }) : /* @__PURE__ */ P.jsx("div", { className: "border-t border-white/10 my-2" }),
-            h.map(({ label: w, icon: R, to: _ }) => /* @__PURE__ */ P.jsxs(
-              Ne,
+        /* @__PURE__ */ n.jsx("div", { className: "sidebar-nav", children: Object.entries(k).map(([c, j]) => {
+          const D = j.filter(
+            (u) => !u.roles || u.roles.includes(m.role)
+          );
+          return D.length ? /* @__PURE__ */ n.jsxs("div", { className: "nav-section", style: { listStyleType: "none" }, children: [
+            E && /* @__PURE__ */ n.jsx("h4", { className: "section-title", children: c }),
+            /* @__PURE__ */ n.jsx("ul", { className: "nav-items", children: D.map((u) => {
+              var B, V;
+              const ee = (B = u.subItems) == null ? void 0 : B.some(
+                (h) => h.path && v.includes(h.path)
+              ), re = u.path ? v === u.path : !1;
+              return /* @__PURE__ */ n.jsx("li", { children: (V = u.subItems) != null && V.length ? (
+                /* Parent with submenu */
+                /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                  /* @__PURE__ */ n.jsxs(
+                    "div",
+                    {
+                      className: `nav-item ${Y === u.name || ee ? "active" : ""}`,
+                      "data-label": u.name,
+                      onClick: () => A(u.name),
+                      children: [
+                        /* @__PURE__ */ n.jsx("span", { className: "nav-icon", children: u.icon }),
+                        E && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                          /* @__PURE__ */ n.jsx("span", { className: "nav-text", children: u.name }),
+                          /* @__PURE__ */ n.jsx("span", { className: "submenu-arrow", children: Y === u.name ? "−" : "+" })
+                        ] })
+                      ]
+                    }
+                  ),
+                  E && Y === u.name && /* @__PURE__ */ n.jsx("ul", { className: "submenu", children: u.subItems.map((h) => {
+                    const ne = h.path ? v === h.path : !1;
+                    return /* @__PURE__ */ n.jsx("li", { children: /* @__PURE__ */ n.jsxs(
+                      "a",
+                      {
+                        href: h.path || "/",
+                        onClick: (de) => M(de, h.path),
+                        className: `submenu-item ${ne ? "active-sub" : ""}`,
+                        children: [
+                          h.icon && /* @__PURE__ */ n.jsx("span", { className: "submenu-icon", children: h.icon }),
+                          /* @__PURE__ */ n.jsx("span", { children: h.name })
+                        ]
+                      }
+                    ) }, h.name);
+                  }) })
+                ] })
+              ) : (
+                /* Leaf nav item */
+                /* @__PURE__ */ n.jsxs(
+                  "a",
+                  {
+                    href: u.path || "/",
+                    "data-label": u.name,
+                    onClick: (h) => M(h, u.path),
+                    className: `nav-item ${re ? "active" : ""}`,
+                    children: [
+                      /* @__PURE__ */ n.jsx("span", { className: "nav-icon", children: u.icon }),
+                      E && /* @__PURE__ */ n.jsx("span", { className: "nav-text", children: u.name })
+                    ]
+                  }
+                )
+              ) }, u.name);
+            }) })
+          ] }, c) : null;
+        }) }),
+        /* @__PURE__ */ n.jsxs("div", { className: "sidebar-footer", children: [
+          /* @__PURE__ */ n.jsxs("div", { className: "footer-link", "data-label": I, children: [
+            /* @__PURE__ */ n.jsx("span", { children: g ?? /* @__PURE__ */ n.jsx(Er, {}) }),
+            E && /* @__PURE__ */ n.jsx("span", { children: I })
+          ] }),
+          /* @__PURE__ */ n.jsxs("div", { className: "user-profile-wrapper", children: [
+            /* @__PURE__ */ n.jsxs(
+              "div",
               {
-                to: _,
-                title: e ? void 0 : w,
-                className: ({ isActive: $ }) => Z(
-                  // base
-                  "group w-full flex items-center gap-3 rounded-md px-2 py-2 text-sm transition-all duration-200 mb-0.5",
-                  // always reserve 2px on the left for the border — prevents layout shift
-                  "border-l-2",
-                  $ ? `${v} ${b}` : `text-[#DAE2FD] ${y} ${E}`,
-                  !e && "justify-center"
-                ),
-                style: ({ isActive: $ }) => ({
-                  borderColor: $ ? g : "transparent"
-                }),
-                onMouseEnter: ($) => {
-                  const j = $.currentTarget;
-                  j.getAttribute("aria-current") !== "page" && (j.style.borderColor = g);
-                },
-                onMouseLeave: ($) => {
-                  const j = $.currentTarget;
-                  j.getAttribute("aria-current") !== "page" && (j.style.borderColor = "transparent");
-                },
+                className: "user-profile",
+                onClick: () => z((c) => !c),
                 children: [
-                  /* @__PURE__ */ P.jsx("span", { className: "flex-shrink-0", children: R }),
-                  e && /* @__PURE__ */ P.jsx("span", { children: w })
+                  /* @__PURE__ */ n.jsx("div", { className: "avatar", children: Z() }),
+                  E && /* @__PURE__ */ n.jsxs("div", { className: "user-info", children: [
+                    /* @__PURE__ */ n.jsx("div", { className: "user-name", children: U() }),
+                    /* @__PURE__ */ n.jsx("div", { className: "user-role", children: m.roleName })
+                  ] })
                 ]
-              },
-              w
-            ))
-          ] }, s);
-        }) }),
-        /* @__PURE__ */ P.jsxs("div", { className: "border-t border-white/10 px-2 py-3 space-y-0.5", children: [
-          l.map(({ label: s, icon: m, onClick: f }) => /* @__PURE__ */ P.jsxs(
-            "button",
-            {
-              onClick: f,
-              title: e ? void 0 : s,
-              className: Z(
-                "w-full flex items-center gap-3 rounded-md px-2 py-2 text-sm text-gray-400 hover:bg-white/5 hover:text-white",
-                !e && "justify-center"
-              ),
-              children: [
-                /* @__PURE__ */ P.jsx("span", { className: "flex-shrink-0", children: m }),
-                e && /* @__PURE__ */ P.jsx("span", { children: s })
-              ]
-            },
-            s
-          )),
-          o && /* @__PURE__ */ P.jsxs(
-            "div",
-            {
-              className: Z(
-                "flex items-center gap-3 px-2 py-2",
-                !e && "justify-center"
+              }
+            ),
+            ce && /* @__PURE__ */ n.jsxs("div", { className: "profile-popup", children: [
+              /* @__PURE__ */ n.jsx(
+                "button",
+                {
+                  className: "popup-close",
+                  onClick: () => z(!1),
+                  "aria-label": "Close",
+                  children: "✕"
+                }
               ),
-              children: [
-                /* @__PURE__ */ P.jsx(
-                  "div",
-                  {
-                    className: Z(
-                      "w-8 h-8 rounded-full flex items-center justify-center text-white text-xs font-bold flex-shrink-0",
-                      o.avatarColor ?? "bg-green-600"
-                    ),
-                    children: o.initials
-                  }
-                ),
-                e && /* @__PURE__ */ P.jsxs("div", { className: "overflow-hidden", children: [
-                  /* @__PURE__ */ P.jsx("div", { className: "text-white text-sm font-medium truncate", children: o.name }),
-                  o.role && /* @__PURE__ */ P.jsx("div", { className: "text-gray-400 text-xs truncate", children: o.role })
+              /* @__PURE__ */ n.jsxs("div", { className: "popup-header", children: [
+                /* @__PURE__ */ n.jsx("div", { className: "popup-avatar", children: Z() }),
+                /* @__PURE__ */ n.jsxs("div", { className: "popup-user-details", children: [
+                  /* @__PURE__ */ n.jsx("div", { className: "popup-name", children: U() }),
+                  /* @__PURE__ */ n.jsx("div", { className: "popup-role", children: m.roleName }),
+                  /* @__PURE__ */ n.jsx("div", { className: "popup-email", children: m.email })
                 ] })
-              ]
-            }
-          )
+              ] }),
+              /* @__PURE__ */ n.jsx("div", { className: "popup-divider" }),
+              /* @__PURE__ */ n.jsxs("button", { className: "signout-btn", onClick: fe, children: [
+                /* @__PURE__ */ n.jsx(_r, {}),
+                /* @__PURE__ */ n.jsx("span", { children: "Sign Out" })
+              ] })
+            ] })
+          ] })
         ] })
       ]
     }
   );
-}
+};
 export {
-  Gn as Sidebar
+  Sr as SideNavbar,
+  Cr as SidebarProvider,
+  br as useSidebar
 };