@kitbag/router 0.10.0 → 0.11.0

package/dist/kitbag-router.js

@@ -1,52 +1,23 @@
-var Fe = Object.defineProperty;
-var Ie = (t, e, n) => e in t ? Fe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var V = (t, e, n) => (Ie(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { inject as Et, defineComponent as ct, h as ft, toRefs as Je, reactive as ae, ref as Qe, markRaw as lt, defineAsyncComponent as Ge, toRef as Ke, computed as j, toValue as kt, watch as se, onUnmounted as ce, openBlock as ue, createElementBlock as ze, normalizeClass as Ye, renderSlot as ie, normalizeProps as fe, guardReactiveProps as Xe, unref as ht, resolveComponent as Ze, provide as tn, mergeProps as en, createBlock as nn, resolveDynamicComponent as rn, createCommentVNode as on } from "vue";
-class an extends Error {
-  /**
-   * Constructs a new DuplicateParamsError instance with a message indicating the problematic parameter.
-   * @param paramName - The name of the parameter that was duplicated.
-   */
-  constructor(e) {
-    super(`Invalid Param "${e}": Router does not support multiple params by the same name. All param names must be unique.`);
-  }
-}
-class Ht extends Error {
+var Ye = Object.defineProperty;
+var Xe = (t, e, n) => e in t ? Ye(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var M = (t, e, n) => (Xe(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { defineComponent as ut, h as pt, ref as ie, inject as it, toRefs as Ze, reactive as $t, markRaw as dt, defineAsyncComponent as tn, watch as fe, toValue as ht, toRef as en, computed as V, onUnmounted as le, openBlock as he, createElementBlock as nn, normalizeClass as rn, renderSlot as pe, normalizeProps as de, guardReactiveProps as on, unref as ot, resolveComponent as an, provide as sn, mergeProps as cn, createBlock as un, resolveDynamicComponent as fn, createCommentVNode as ln } from "vue";
+class St extends Error {
   constructor() {
     super("Router not installed");
   }
 }
-class sn extends Error {
-  /**
-   * Constructs a new UseRouteInvalidError instance with a message that specifies both the given and expected route names.
-   * This detailed error message aids in quickly identifying and resolving mismatches in route usage.
-   * @param routeName - The route name that was incorrectly used.
-   * @param actualRouteName - The expected route name that should have been used.
-   */
-  constructor(e, n) {
-    super(`useRoute called with incorrect route. Given ${e}, expected ${n}`);
-  }
-}
-const le = Symbol();
-function Vt() {
-  const t = Et(le);
-  if (!t)
-    throw new Ht();
-  return t;
-}
-class X extends Error {
-}
-function ut(t) {
+function ft(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function cn(t) {
+function hn(t) {
   return t.every((e) => Array.isArray(e));
 }
-function it(t) {
+function lt(t) {
   return typeof t == "string" && t.length > 0;
 }
-function pt(t) {
-  const e = it(t) ? t.replace(/^#/, "") : void 0;
+function mt(t) {
+  const e = lt(t) ? t.replace(/^#/, "") : void 0;
   function n() {
     return e !== void 0;
   }
@@ -59,38 +30,47 @@ function pt(t) {
     toString: r
   };
 }
-function un(t, e) {
-  return pt(`${t.value ?? ""}${e.value ?? ""}`);
+function pn(t, e) {
+  return mt(`${t.value ?? ""}${e.value ?? ""}`);
 }
-class fn extends Error {
+class dn extends Error {
   constructor(e) {
     super(`Child property on meta for ${e} conflicts with the parent meta.`);
   }
 }
-function ln(t, e) {
-  return hn(t, e), { ...t, ...e };
+function mn(t, e) {
+  return gn(t, e), { ...t, ...e };
 }
-function hn(t, e) {
+function gn(t, e) {
   const n = Object.keys(t).find((r) => r in e && typeof e[r] != typeof t[r]);
   if (n)
-    throw new fn(n);
+    throw new dn(n);
+}
+class Rn extends Error {
+  /**
+   * Constructs a new DuplicateParamsError instance with a message indicating the problematic parameter.
+   * @param paramName - The name of the parameter that was duplicated.
+   */
+  constructor(e) {
+    super(`Invalid Param "${e}": Router does not support multiple params by the same name. All param names must be unique.`);
+  }
 }
 function Y(t) {
   return Array.isArray(t) ? t : [t];
 }
-function he(t, e) {
+function me(t, e) {
   return t.filter((n) => e === n).length;
 }
 function et(...t) {
-  const e = t.flatMap((n) => Array.isArray(n) ? n : Object.keys(n).map(pn));
+  const e = t.flatMap((n) => Array.isArray(n) ? n : Object.keys(n).map(yn));
   for (const n of e)
-    if (he(e, n) > 1)
-      throw new an(n);
+    if (me(e, n) > 1)
+      throw new Rn(n);
 }
-function pn(t) {
+function yn(t) {
   return t.startsWith("?") ? t.slice(1) : t;
 }
-function mn(t, e) {
+function vn(t, e) {
   et(t.params, e.params);
   const n = `${t.value}${e.value}`;
   return {
@@ -99,100 +79,102 @@ function mn(t, e) {
     toString: () => n
   };
 }
-function dn(t, e) {
+function wn(t, e) {
   et(t.params, e.params);
-  const n = [t.value, e.value].filter(it).join("&");
+  const n = [t.value, e.value].filter(lt).join("&");
   return {
     value: n,
     params: { ...t.params, ...e.params },
     toString: () => n
   };
 }
-function gn(t, e) {
+function Pn(t, e) {
   return et(t, e), { ...t, ...e };
 }
-function Rn(t) {
+function En(t) {
   return "host" in t && !!t.host;
 }
-function pe(t) {
+function ge(t) {
   return "parent" in t && !!t.parent;
 }
-function Ut(t) {
+function Ht(t) {
   return "component" in t && !!t.component;
 }
-function Ct(t) {
+function Vt(t) {
   return "components" in t && !!t.components;
 }
-function yn(t) {
+function Sn(t) {
   return "state" in t && !!t.state;
 }
-function me(t, e) {
+function Re(t, e) {
   return {
     ...e,
-    path: mn(t.path, e.path),
-    query: dn(t.query, e.query),
-    meta: ln(t.meta, e.meta),
-    state: gn(t.state, e.state),
-    hash: un(t.hash, e.hash),
+    path: vn(t.path, e.path),
+    query: wn(t.query, e.query),
+    meta: mn(t.meta, e.meta),
+    state: Pn(t.state, e.state),
+    hash: pn(t.hash, e.hash),
     matches: [...t.matches, e.matched],
     host: t.host,
     depth: t.depth + 1
   };
 }
-function de() {
+function ye() {
   return typeof window < "u" && typeof window.document < "u";
 }
-function vn(t, e) {
-  return ct({
+function bn(t, e) {
+  return ut({
     name: "PropsWrapper",
     expose: [],
     setup() {
       const n = e();
-      return "then" in n ? () => ft(wn(t, n)) : () => ft(t, n);
+      return "then" in n ? () => pt(An(t, n)) : () => pt(t, n);
     }
   });
 }
-function wn(t, e) {
-  return ct({
+function An(t, e) {
+  return ut({
     name: "AsyncPropsWrapper",
     expose: [],
-    async setup() {
-      const n = await e;
-      return () => ft(t, n);
+    setup() {
+      const n = ie();
+      return (async () => n.value = await e)(), () => n.value ? pt(t, n.value) : "";
     }
   });
 }
+class X extends Error {
+}
 const T = "[", Q = "]";
-function En(t) {
+function xn(t) {
   return t !== String && t !== Boolean && t !== Number && t !== Date;
 }
-function Pn(t) {
-  return typeof t == "function" && En(t);
+function kn(t) {
+  return typeof t == "function" && xn(t);
 }
-function Pt(t) {
+function bt(t) {
   return typeof t == "object" && "get" in t && typeof t.get == "function" && "set" in t && typeof t.set == "function";
 }
-function Sn(t) {
-  return Pt(t) && t.defaultValue !== void 0;
+function Bn(t) {
+  return bt(t) && t.defaultValue !== void 0;
 }
-function Wr(t, e) {
-  return xn(t, e);
+function Gr(t, e) {
+  return Un(t, e);
 }
-function bn(t, e) {
+function Ln(t, e) {
   return t[e] ?? String;
 }
-const $ = {
+const H = {
   invalid: (t) => {
     throw new X(t);
   }
-}, An = {
+}, Nn = {
   get: (t) => t,
   set: (t, { invalid: e }) => {
     if (typeof t != "string")
       throw e();
     return t;
   }
-}, ge = {
+}, ve = {
   get: (t, { invalid: e }) => {
     if (t === "true")
       return !0;
@@ -205,7 +187,7 @@ const $ = {
       throw e();
     return t.toString();
   }
-}, Re = {
+}, we = {
   get: (t, { invalid: e }) => {
     const n = Number(t);
     if (isNaN(n))
@@ -217,7 +199,7 @@ const $ = {
       throw e();
     return t.toString();
   }
-}, ye = {
+}, Pe = {
   get: (t, { invalid: e }) => {
     const n = new Date(t);
     if (isNaN(n.getTime()))
@@ -229,7 +211,7 @@ const $ = {
       throw e();
     return t.toISOString();
   }
-}, ve = {
+}, Ee = {
   get: (t, { invalid: e }) => {
     try {
       return JSON.parse(t);
@@ -245,28 +227,28 @@ const $ = {
     }
   }
 };
-function ot(t, e, n = !1) {
-  if (t === void 0 || !it(t)) {
-    if (Sn(e))
+function at(t, e, n = !1) {
+  if (t === void 0 || !lt(t)) {
+    if (Bn(e))
       return e.defaultValue;
     if (n)
       return;
     throw new X();
   }
   if (e === String)
-    return An.get(t, $);
+    return Nn.get(t, H);
   if (e === Boolean)
-    return ge.get(t, $);
+    return ve.get(t, H);
   if (e === Number)
-    return Re.get(t, $);
+    return we.get(t, H);
   if (e === Date)
-    return ye.get(t, $);
+    return Pe.get(t, H);
   if (e === JSON)
-    return ve.get(t, $);
-  if (Pn(e))
-    return e(t, $);
-  if (Pt(e))
-    return e.get(t, $);
+    return Ee.get(t, H);
+  if (kn(e))
+    return e(t, H);
+  if (bt(e))
+    return e.get(t, H);
   if (e instanceof RegExp) {
     if (e.test(t))
       return t;
@@ -274,44 +256,44 @@ function ot(t, e, n = !1) {
   }
   return t;
 }
-function at(t, e, n = !1) {
+function st(t, e, n = !1) {
   if (t === void 0) {
     if (n)
       return "";
     throw new X();
   }
   if (e === Boolean)
-    return ge.set(t, $);
+    return ve.set(t, H);
   if (e === Number)
-    return Re.set(t, $);
+    return we.set(t, H);
   if (e === Date)
-    return ye.set(t, $);
+    return Pe.set(t, H);
   if (e === JSON)
-    return ve.set(t, $);
-  if (Pt(e))
-    return e.set(t, $);
+    return Ee.set(t, H);
+  if (bt(e))
+    return e.set(t, H);
   try {
     return t.toString();
   } catch {
     throw new X();
   }
 }
-function xn(t, e) {
-  return Pt(t) ? { ...t, defaultValue: e ?? t.defaultValue } : {
-    get: (n) => ot(n, t),
-    set: (n) => at(n, t),
+function Un(t, e) {
+  return bt(t) ? { ...t, defaultValue: e ?? t.defaultValue } : {
+    get: (n) => at(n, t),
+    set: (n) => st(n, t),
     defaultValue: e
   };
 }
-function I() {
-  return I = Object.assign ? Object.assign.bind() : function(t) {
+function F() {
+  return F = Object.assign ? Object.assign.bind() : function(t) {
     for (var e = 1; e < arguments.length; e++) {
       var n = arguments[e];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (t[r] = n[r]);
     }
     return t;
-  }, I.apply(this, arguments);
+  }, F.apply(this, arguments);
 }
 var U;
 (function(t) {
@@ -331,36 +313,36 @@ function G(t, e) {
     }
   }
 }
-var mt = "beforeunload", kn = "hashchange", we = "popstate";
-function Qt(t) {
+var gt = "beforeunload", Cn = "hashchange", Se = "popstate";
+function Yt(t) {
   t === void 0 && (t = {});
   var e = t, n = e.window, r = n === void 0 ? document.defaultView : n, o = r.history;
   function a() {
-    var m = r.location, f = m.pathname, h = m.search, w = m.hash, E = o.state || {};
-    return [E.idx, Z({
-      pathname: f,
-      search: h,
+    var m = r.location, l = m.pathname, d = m.search, w = m.hash, P = o.state || {};
+    return [P.idx, Z({
+      pathname: l,
+      search: d,
       hash: w,
-      state: E.usr || null,
-      key: E.key || "default"
+      state: P.usr || null,
+      key: P.key || "default"
     })];
   }
   var s = null;
-  function c() {
+  function u() {
     if (s)
       p.call(s), s = null;
     else {
-      var m = U.Pop, f = a(), h = f[0], w = f[1];
+      var m = U.Pop, l = a(), d = l[0], w = l[1];
       if (p.length)
-        if (h != null) {
-          var E = d - h;
-          E && (s = {
+        if (d != null) {
+          var P = i - d;
+          P && (s = {
             action: m,
             location: w,
             retry: function() {
-              S(E * -1);
+              b(P * -1);
             }
-          }, S(E));
+          }, b(P));
         } else
           process.env.NODE_ENV !== "production" && G(
             !1,
@@ -370,135 +352,135 @@ function Qt(t) {
             "You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation."
           );
       else
-        O(m);
+        j(m);
     }
   }
-  r.addEventListener(we, c);
-  var u = U.Pop, l = a(), d = l[0], i = l[1], v = tt(), p = tt();
-  d == null && (d = 0, o.replaceState(I({}, o.state, {
-    idx: d
+  r.addEventListener(Se, u);
+  var c = U.Pop, f = a(), i = f[0], h = f[1], y = tt(), p = tt();
+  i == null && (i = 0, o.replaceState(F({}, o.state, {
+    idx: i
   }), ""));
-  function A(m) {
+  function S(m) {
     return typeof m == "string" ? m : K(m);
   }
-  function P(m, f) {
-    return f === void 0 && (f = null), Z(I({
-      pathname: i.pathname,
+  function E(m, l) {
+    return l === void 0 && (l = null), Z(F({
+      pathname: h.pathname,
       hash: "",
       search: ""
-    }, typeof m == "string" ? st(m) : m, {
-      state: f,
-      key: gt()
+    }, typeof m == "string" ? ct(m) : m, {
+      state: l,
+      key: yt()
     }));
   }
-  function k(m, f) {
+  function A(m, l) {
     return [{
       usr: m.state,
       key: m.key,
-      idx: f
-    }, A(m)];
+      idx: l
+    }, S(m)];
   }
-  function C(m, f, h) {
+  function k(m, l, d) {
     return !p.length || (p.call({
       action: m,
-      location: f,
-      retry: h
+      location: l,
+      retry: d
     }), !1);
   }
-  function O(m) {
-    u = m;
-    var f = a();
-    d = f[0], i = f[1], v.call({
-      action: u,
-      location: i
+  function j(m) {
+    c = m;
+    var l = a();
+    i = l[0], h = l[1], y.call({
+      action: c,
+      location: h
     });
   }
-  function g(m, f) {
-    var h = U.Push, w = P(m, f);
-    function E() {
-      g(m, f);
+  function g(m, l) {
+    var d = U.Push, w = E(m, l);
+    function P() {
+      g(m, l);
     }
-    if (C(h, w, E)) {
-      var x = k(w, d + 1), L = x[0], N = x[1];
+    if (k(d, w, P)) {
+      var B = A(w, i + 1), N = B[0], $ = B[1];
       try {
-        o.pushState(L, "", N);
+        o.pushState(N, "", $);
       } catch {
-        r.location.assign(N);
+        r.location.assign($);
       }
-      O(h);
+      j(d);
     }
   }
-  function R(m, f) {
-    var h = U.Replace, w = P(m, f);
-    function E() {
-      R(m, f);
+  function v(m, l) {
+    var d = U.Replace, w = E(m, l);
+    function P() {
+      v(m, l);
     }
-    if (C(h, w, E)) {
-      var x = k(w, d), L = x[0], N = x[1];
-      o.replaceState(L, "", N), O(h);
+    if (k(d, w, P)) {
+      var B = A(w, i), N = B[0], $ = B[1];
+      o.replaceState(N, "", $), j(d);
     }
   }
-  function S(m) {
+  function b(m) {
     o.go(m);
   }
-  var b = {
+  var x = {
     get action() {
-      return u;
+      return c;
     },
     get location() {
-      return i;
+      return h;
     },
-    createHref: A,
+    createHref: S,
     push: g,
-    replace: R,
-    go: S,
+    replace: v,
+    go: b,
     back: function() {
-      S(-1);
+      b(-1);
     },
     forward: function() {
-      S(1);
+      b(1);
     },
-    listen: function(f) {
-      return v.push(f);
+    listen: function(l) {
+      return y.push(l);
     },
-    block: function(f) {
-      var h = p.push(f);
-      return p.length === 1 && r.addEventListener(mt, dt), function() {
-        h(), p.length || r.removeEventListener(mt, dt);
+    block: function(l) {
+      var d = p.push(l);
+      return p.length === 1 && r.addEventListener(gt, Rt), function() {
+        d(), p.length || r.removeEventListener(gt, Rt);
       };
     }
   };
-  return b;
+  return x;
 }
-function Bn(t) {
+function $n(t) {
   t === void 0 && (t = {});
   var e = t, n = e.window, r = n === void 0 ? document.defaultView : n, o = r.history;
   function a() {
-    var f = st(r.location.hash.substr(1)), h = f.pathname, w = h === void 0 ? "/" : h, E = f.search, x = E === void 0 ? "" : E, L = f.hash, N = L === void 0 ? "" : L, H = o.state || {};
-    return [H.idx, Z({
+    var l = ct(r.location.hash.substr(1)), d = l.pathname, w = d === void 0 ? "/" : d, P = l.search, B = P === void 0 ? "" : P, N = l.hash, $ = N === void 0 ? "" : N, C = o.state || {};
+    return [C.idx, Z({
       pathname: w,
-      search: x,
-      hash: N,
-      state: H.usr || null,
-      key: H.key || "default"
+      search: B,
+      hash: $,
+      state: C.usr || null,
+      key: C.key || "default"
     })];
   }
   var s = null;
-  function c() {
+  function u() {
     if (s)
       p.call(s), s = null;
     else {
-      var f = U.Pop, h = a(), w = h[0], E = h[1];
+      var l = U.Pop, d = a(), w = d[0], P = d[1];
       if (p.length)
         if (w != null) {
-          var x = d - w;
-          x && (s = {
-            action: f,
-            location: E,
+          var B = i - w;
+          B && (s = {
+            action: l,
+            location: P,
             retry: function() {
-              b(x * -1);
+              x(B * -1);
             }
-          }, b(x));
+          }, x(B));
         } else
           process.env.NODE_ENV !== "production" && G(
             !1,
@@ -508,209 +490,209 @@ function Bn(t) {
             "You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation."
           );
       else
-        g(f);
+        g(l);
     }
   }
-  r.addEventListener(we, c), r.addEventListener(kn, function() {
-    var f = a(), h = f[1];
-    K(h) !== K(i) && c();
+  r.addEventListener(Se, u), r.addEventListener(Cn, function() {
+    var l = a(), d = l[1];
+    K(d) !== K(h) && u();
   });
-  var u = U.Pop, l = a(), d = l[0], i = l[1], v = tt(), p = tt();
-  d == null && (d = 0, o.replaceState(I({}, o.state, {
-    idx: d
+  var c = U.Pop, f = a(), i = f[0], h = f[1], y = tt(), p = tt();
+  i == null && (i = 0, o.replaceState(F({}, o.state, {
+    idx: i
   }), ""));
-  function A() {
-    var f = document.querySelector("base"), h = "";
-    if (f && f.getAttribute("href")) {
-      var w = r.location.href, E = w.indexOf("#");
-      h = E === -1 ? w : w.slice(0, E);
+  function S() {
+    var l = document.querySelector("base"), d = "";
+    if (l && l.getAttribute("href")) {
+      var w = r.location.href, P = w.indexOf("#");
+      d = P === -1 ? w : w.slice(0, P);
     }
-    return h;
+    return d;
   }
-  function P(f) {
-    return A() + "#" + (typeof f == "string" ? f : K(f));
+  function E(l) {
+    return S() + "#" + (typeof l == "string" ? l : K(l));
   }
-  function k(f, h) {
-    return h === void 0 && (h = null), Z(I({
-      pathname: i.pathname,
+  function A(l, d) {
+    return d === void 0 && (d = null), Z(F({
+      pathname: h.pathname,
       hash: "",
       search: ""
-    }, typeof f == "string" ? st(f) : f, {
-      state: h,
-      key: gt()
+    }, typeof l == "string" ? ct(l) : l, {
+      state: d,
+      key: yt()
     }));
   }
-  function C(f, h) {
+  function k(l, d) {
     return [{
-      usr: f.state,
-      key: f.key,
-      idx: h
-    }, P(f)];
+      usr: l.state,
+      key: l.key,
+      idx: d
+    }, E(l)];
   }
-  function O(f, h, w) {
+  function j(l, d, w) {
     return !p.length || (p.call({
-      action: f,
-      location: h,
+      action: l,
+      location: d,
       retry: w
     }), !1);
   }
-  function g(f) {
-    u = f;
-    var h = a();
-    d = h[0], i = h[1], v.call({
-      action: u,
-      location: i
+  function g(l) {
+    c = l;
+    var d = a();
+    i = d[0], h = d[1], y.call({
+      action: c,
+      location: h
     });
   }
-  function R(f, h) {
-    var w = U.Push, E = k(f, h);
-    function x() {
-      R(f, h);
+  function v(l, d) {
+    var w = U.Push, P = A(l, d);
+    function B() {
+      v(l, d);
     }
-    if (process.env.NODE_ENV !== "production" && G(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.push(" + JSON.stringify(f) + ")"), O(w, E, x)) {
-      var L = C(E, d + 1), N = L[0], H = L[1];
+    if (process.env.NODE_ENV !== "production" && G(P.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.push(" + JSON.stringify(l) + ")"), j(w, P, B)) {
+      var N = k(P, i + 1), $ = N[0], C = N[1];
       try {
-        o.pushState(N, "", H);
+        o.pushState($, "", C);
       } catch {
-        r.location.assign(H);
+        r.location.assign(C);
       }
       g(w);
     }
   }
-  function S(f, h) {
-    var w = U.Replace, E = k(f, h);
-    function x() {
-      S(f, h);
+  function b(l, d) {
+    var w = U.Replace, P = A(l, d);
+    function B() {
+      b(l, d);
     }
-    if (process.env.NODE_ENV !== "production" && G(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(f) + ")"), O(w, E, x)) {
-      var L = C(E, d), N = L[0], H = L[1];
-      o.replaceState(N, "", H), g(w);
+    if (process.env.NODE_ENV !== "production" && G(P.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(l) + ")"), j(w, P, B)) {
+      var N = k(P, i), $ = N[0], C = N[1];
+      o.replaceState($, "", C), g(w);
     }
   }
-  function b(f) {
-    o.go(f);
+  function x(l) {
+    o.go(l);
   }
   var m = {
     get action() {
-      return u;
+      return c;
     },
     get location() {
-      return i;
+      return h;
     },
-    createHref: P,
-    push: R,
-    replace: S,
-    go: b,
+    createHref: E,
+    push: v,
+    replace: b,
+    go: x,
     back: function() {
-      b(-1);
+      x(-1);
     },
     forward: function() {
-      b(1);
+      x(1);
     },
-    listen: function(h) {
-      return v.push(h);
+    listen: function(d) {
+      return y.push(d);
     },
-    block: function(h) {
-      var w = p.push(h);
-      return p.length === 1 && r.addEventListener(mt, dt), function() {
-        w(), p.length || r.removeEventListener(mt, dt);
+    block: function(d) {
+      var w = p.push(d);
+      return p.length === 1 && r.addEventListener(gt, Rt), function() {
+        w(), p.length || r.removeEventListener(gt, Rt);
       };
     }
   };
   return m;
 }
-function Gt(t) {
+function Xt(t) {
   t === void 0 && (t = {});
   var e = t, n = e.initialEntries, r = n === void 0 ? ["/"] : n, o = e.initialIndex, a = r.map(function(g) {
-    var R = Z(I({
+    var v = Z(F({
       pathname: "/",
       search: "",
       hash: "",
       state: null,
-      key: gt()
-    }, typeof g == "string" ? st(g) : g));
-    return process.env.NODE_ENV !== "production" && G(R.pathname.charAt(0) === "/", "Relative pathnames are not supported in createMemoryHistory({ initialEntries }) (invalid entry: " + JSON.stringify(g) + ")"), R;
-  }), s = Kt(o ?? a.length - 1, 0, a.length - 1), c = U.Pop, u = a[s], l = tt(), d = tt();
-  function i(g) {
+      key: yt()
+    }, typeof g == "string" ? ct(g) : g));
+    return process.env.NODE_ENV !== "production" && G(v.pathname.charAt(0) === "/", "Relative pathnames are not supported in createMemoryHistory({ initialEntries }) (invalid entry: " + JSON.stringify(g) + ")"), v;
+  }), s = Zt(o ?? a.length - 1, 0, a.length - 1), u = U.Pop, c = a[s], f = tt(), i = tt();
+  function h(g) {
     return typeof g == "string" ? g : K(g);
   }
-  function v(g, R) {
-    return R === void 0 && (R = null), Z(I({
-      pathname: u.pathname,
+  function y(g, v) {
+    return v === void 0 && (v = null), Z(F({
+      pathname: c.pathname,
       search: "",
       hash: ""
-    }, typeof g == "string" ? st(g) : g, {
-      state: R,
-      key: gt()
+    }, typeof g == "string" ? ct(g) : g, {
+      state: v,
+      key: yt()
     }));
   }
-  function p(g, R, S) {
-    return !d.length || (d.call({
+  function p(g, v, b) {
+    return !i.length || (i.call({
       action: g,
-      location: R,
-      retry: S
+      location: v,
+      retry: b
     }), !1);
   }
-  function A(g, R) {
-    c = g, u = R, l.call({
-      action: c,
-      location: u
+  function S(g, v) {
+    u = g, c = v, f.call({
+      action: u,
+      location: c
     });
   }
-  function P(g, R) {
-    var S = U.Push, b = v(g, R);
+  function E(g, v) {
+    var b = U.Push, x = y(g, v);
     function m() {
-      P(g, R);
+      E(g, v);
     }
-    process.env.NODE_ENV !== "production" && G(u.pathname.charAt(0) === "/", "Relative pathnames are not supported in memory history.push(" + JSON.stringify(g) + ")"), p(S, b, m) && (s += 1, a.splice(s, a.length, b), A(S, b));
+    process.env.NODE_ENV !== "production" && G(c.pathname.charAt(0) === "/", "Relative pathnames are not supported in memory history.push(" + JSON.stringify(g) + ")"), p(b, x, m) && (s += 1, a.splice(s, a.length, x), S(b, x));
   }
-  function k(g, R) {
-    var S = U.Replace, b = v(g, R);
+  function A(g, v) {
+    var b = U.Replace, x = y(g, v);
     function m() {
-      k(g, R);
+      A(g, v);
     }
-    process.env.NODE_ENV !== "production" && G(u.pathname.charAt(0) === "/", "Relative pathnames are not supported in memory history.replace(" + JSON.stringify(g) + ")"), p(S, b, m) && (a[s] = b, A(S, b));
+    process.env.NODE_ENV !== "production" && G(c.pathname.charAt(0) === "/", "Relative pathnames are not supported in memory history.replace(" + JSON.stringify(g) + ")"), p(b, x, m) && (a[s] = x, S(b, x));
   }
-  function C(g) {
-    var R = Kt(s + g, 0, a.length - 1), S = U.Pop, b = a[R];
+  function k(g) {
+    var v = Zt(s + g, 0, a.length - 1), b = U.Pop, x = a[v];
     function m() {
-      C(g);
+      k(g);
     }
-    p(S, b, m) && (s = R, A(S, b));
+    p(b, x, m) && (s = v, S(b, x));
   }
-  var O = {
+  var j = {
     get index() {
       return s;
     },
     get action() {
-      return c;
+      return u;
     },
     get location() {
-      return u;
+      return c;
     },
-    createHref: i,
-    push: P,
-    replace: k,
-    go: C,
+    createHref: h,
+    push: E,
+    replace: A,
+    go: k,
     back: function() {
-      C(-1);
+      k(-1);
     },
     forward: function() {
-      C(1);
+      k(1);
     },
-    listen: function(R) {
-      return l.push(R);
+    listen: function(v) {
+      return f.push(v);
     },
-    block: function(R) {
-      return d.push(R);
+    block: function(v) {
+      return i.push(v);
     }
   };
-  return O;
+  return j;
 }
-function Kt(t, e, n) {
+function Zt(t, e, n) {
   return Math.min(Math.max(t, e), n);
 }
-function dt(t) {
+function Rt(t) {
   t.preventDefault(), t.returnValue = "";
 }
 function tt() {
@@ -733,14 +715,14 @@ function tt() {
     }
   };
 }
-function gt() {
+function yt() {
   return Math.random().toString(36).substr(2, 8);
 }
 function K(t) {
   var e = t.pathname, n = e === void 0 ? "/" : e, r = t.search, o = r === void 0 ? "" : r, a = t.hash, s = a === void 0 ? "" : a;
   return o && o !== "?" && (n += o.charAt(0) === "?" ? o : "?" + o), s && s !== "#" && (n += s.charAt(0) === "#" ? s : "#" + s), n;
 }
-function st(t) {
+function ct(t) {
   var e = {};
   if (t) {
     var n = t.indexOf("#");
@@ -750,73 +732,92 @@ function st(t) {
   }
   return e;
 }
-const Ee = Symbol();
-function Ln() {
-  const t = Et(Ee);
+class Hn extends Error {
+  /**
+   * Constructs a new UseRouteInvalidError instance with a message that specifies both the given and expected route names.
+   * This detailed error message aids in quickly identifying and resolving mismatches in route usage.
+   * @param routeName - The route name that was incorrectly used.
+   * @param actualRouteName - The expected route name that should have been used.
+   */
+  constructor(e, n) {
+    super(`useRoute called with incorrect route. Given ${e}, expected ${n}`);
+  }
+}
+const be = Symbol();
+function Vn() {
+  const t = it(be);
+  if (!t)
+    throw new St();
+  return t;
+}
+const Ae = Symbol();
+function jt() {
+  const t = it(Ae);
   if (!t)
-    throw new Ht();
+    throw new St();
   return t;
 }
-const Pe = Symbol("isRouterRouteSymbol");
-function Nn(t) {
-  return typeof t == "object" && t !== null && Pe in t;
+const xe = Symbol("isRouterRouteSymbol");
+function jn(t) {
+  return typeof t == "object" && t !== null && xe in t;
 }
-function Un(t, e) {
-  function n(i, v, p) {
-    if (typeof i == "object") {
-      const P = {
+function On(t, e) {
+  function n(y, p, S) {
+    if (typeof y == "object") {
+      const A = {
         ...t.params,
-        ...i
+        ...y
       };
-      return e(t.name, P, v);
+      return e(t.name, A, p);
     }
-    const A = {
+    const E = {
       ...t.params,
-      [i]: v
+      [y]: p
     };
-    return e(t.name, A, p);
-  }
-  const { matched: r, matches: o, name: a, query: s, params: c, state: u, hash: l } = Je(t), d = ae({
-    matched: r,
-    matches: o,
-    state: u,
-    query: s,
-    hash: l,
+    return e(t.name, E, S);
+  }
+  const { id: r, matched: o, matches: a, name: s, query: u, params: c, state: f, hash: i } = Ze(t), h = $t({
+    id: r,
+    matched: o,
+    matches: a,
+    state: f,
+    query: u,
+    hash: i,
     params: c,
-    name: a,
+    name: s,
     update: n,
-    [Pe]: !0
+    [xe]: !0
   });
-  return new Proxy(d, {
-    get: (i, v, p) => v === "params" ? new Proxy(t.params, {
-      set(A, P, k) {
-        return n(P, k), !0;
+  return new Proxy(h, {
+    get: (y, p, S) => p === "params" ? new Proxy(t.params, {
+      set(E, A, k) {
+        return n(A, k), !0;
       }
-    }) : v === "state" ? new Proxy(t.state, {
-      set(A, P, k) {
-        return n({}, { state: { ...t.state, [P]: k } }), !0;
+    }) : p === "state" ? new Proxy(t.state, {
+      set(E, A, k) {
+        return n({}, { state: { ...t.state, [A]: k } }), !0;
       }
-    }) : Reflect.get(i, v, p)
+    }) : Reflect.get(y, p, S)
   });
 }
-const Se = Symbol();
-function Cn(t, e) {
-  const n = ae({ ...t }), r = (s) => {
+const ke = Symbol();
+function _n(t, e) {
+  const n = $t({ ...t }), r = (s) => {
     Object.assign(n, {
-      [Se]: !1,
+      [ke]: !1,
       ...s
     });
-  }, o = n, a = Un(o, e);
+  }, o = n, a = On(o, e);
   return {
     currentRoute: o,
     routerRoute: a,
     updateRoute: r
   };
 }
-function M(t) {
-  return !t.startsWith("http") ? Hn(t) : $n(t);
+function D(t) {
+  return !t.startsWith("http") ? Mn(t) : qn(t);
 }
-function $n(t) {
+function qn(t) {
   const { protocol: e, host: n, pathname: r, search: o, searchParams: a, hash: s } = new URL(t, t);
   return {
     protocol: e,
@@ -827,7 +828,7 @@ function $n(t) {
     hash: s
   };
 }
-function Hn(t) {
+function Mn(t) {
   const { pathname: e, search: n, searchParams: r, hash: o } = new URL(t, "https://localhost");
   return {
     pathname: e,
@@ -836,20 +837,20 @@ function Hn(t) {
     hash: o
   };
 }
-function Vn(t) {
+function Wn(t) {
   return (e) => {
-    const { host: n } = M(e);
+    const { host: n } = D(e);
     return !(n === void 0 || n === t);
   };
 }
-function jn({ mode: t, listener: e }) {
-  const n = On(t), r = (u, l) => {
-    if (l != null && l.replace)
-      return n.replace(u, l.state);
-    n.push(u, l == null ? void 0 : l.state);
+function Dn({ mode: t, listener: e }) {
+  const n = Tn(t), r = (c, f) => {
+    if (f != null && f.replace)
+      return n.replace(c, f.state);
+    n.push(c, f == null ? void 0 : f.state);
   }, o = () => {
-    const u = K(n.location);
-    return n.replace(u);
+    const c = K(n.location);
+    return n.replace(c);
   };
   let a;
   return {
@@ -864,95 +865,95 @@ function jn({ mode: t, listener: e }) {
     }
   };
 }
-function On(t = "auto") {
+function Tn(t = "auto") {
   switch (t) {
     case "auto":
-      return de() ? Qt() : Gt();
+      return ye() ? Yt() : Xt();
     case "browser":
-      return Qt();
+      return Yt();
     case "memory":
-      return Gt();
+      return Xt();
     case "hash":
-      return Bn();
+      return $n();
     default:
       const e = t;
       throw new Error(`Switch is not exhaustive for mode: ${e}`);
   }
 }
-class Rt {
+class vt {
   constructor() {
-    V(this, "onBeforeRouteEnter", /* @__PURE__ */ new Set());
-    V(this, "onBeforeRouteUpdate", /* @__PURE__ */ new Set());
-    V(this, "onBeforeRouteLeave", /* @__PURE__ */ new Set());
-    V(this, "onAfterRouteEnter", /* @__PURE__ */ new Set());
-    V(this, "onAfterRouteUpdate", /* @__PURE__ */ new Set());
-    V(this, "onAfterRouteLeave", /* @__PURE__ */ new Set());
+    M(this, "onBeforeRouteEnter", /* @__PURE__ */ new Set());
+    M(this, "onBeforeRouteUpdate", /* @__PURE__ */ new Set());
+    M(this, "onBeforeRouteLeave", /* @__PURE__ */ new Set());
+    M(this, "onAfterRouteEnter", /* @__PURE__ */ new Set());
+    M(this, "onAfterRouteUpdate", /* @__PURE__ */ new Set());
+    M(this, "onAfterRouteLeave", /* @__PURE__ */ new Set());
   }
 }
-class zt extends Error {
+class te extends Error {
 }
 class rt extends Error {
   constructor(n) {
     super("Error occurred during a router push operation.");
-    V(this, "to");
+    M(this, "to");
     this.to = n;
   }
 }
-class Bt extends Error {
+class Lt extends Error {
   constructor(n) {
     super(`Routing action rejected: ${n}`);
-    V(this, "type");
+    M(this, "type");
     this.type = n;
   }
 }
-function _n(t, e) {
-  const n = new Rt();
+function In(t, e) {
+  const n = new vt();
   return t.matches.forEach((r, o) => {
-    r.onBeforeRouteEnter && jt(t, e, o) && Y(r.onBeforeRouteEnter).forEach((a) => n.onBeforeRouteEnter.add(a)), r.onBeforeRouteUpdate && _t(t, e, o) && Y(r.onBeforeRouteUpdate).forEach((a) => n.onBeforeRouteUpdate.add(a));
+    r.onBeforeRouteEnter && Ot(t, e, o) && Y(r.onBeforeRouteEnter).forEach((a) => n.onBeforeRouteEnter.add(a)), r.onBeforeRouteUpdate && qt(t, e, o) && Y(r.onBeforeRouteUpdate).forEach((a) => n.onBeforeRouteUpdate.add(a));
   }), e.matches.forEach((r, o) => {
-    r.onBeforeRouteLeave && Ot(t, e, o) && Y(r.onBeforeRouteLeave).forEach((a) => n.onBeforeRouteLeave.add(a));
+    r.onBeforeRouteLeave && _t(t, e, o) && Y(r.onBeforeRouteLeave).forEach((a) => n.onBeforeRouteLeave.add(a));
   }), n;
 }
-function qn(t, e) {
-  const n = new Rt();
+function Fn(t, e) {
+  const n = new vt();
   return t.matches.forEach((r, o) => {
-    r.onAfterRouteEnter && jt(t, e, o) && Y(r.onAfterRouteEnter).forEach((a) => n.onAfterRouteEnter.add(a)), r.onAfterRouteUpdate && _t(t, e, o) && Y(r.onAfterRouteUpdate).forEach((a) => n.onAfterRouteUpdate.add(a));
+    r.onAfterRouteEnter && Ot(t, e, o) && Y(r.onAfterRouteEnter).forEach((a) => n.onAfterRouteEnter.add(a)), r.onAfterRouteUpdate && qt(t, e, o) && Y(r.onAfterRouteUpdate).forEach((a) => n.onAfterRouteUpdate.add(a));
   }), e.matches.forEach((r, o) => {
-    r.onAfterRouteLeave && Ot(t, e, o) && Y(r.onAfterRouteLeave).forEach((a) => n.onAfterRouteLeave.add(a));
+    r.onAfterRouteLeave && _t(t, e, o) && Y(r.onAfterRouteLeave).forEach((a) => n.onAfterRouteLeave.add(a));
   }), n;
 }
-function D(t) {
+function W(t) {
   return typeof t != "string" ? !1 : /^(https?:\/\/|\/).*/g.test(t);
 }
-function Wn() {
+function Jn() {
   const t = (s) => {
-    throw new Bt(s);
+    throw new Lt(s);
   }, e = (...s) => {
     throw new rt(s);
-  }, n = (s, c, u) => {
-    if (D(s)) {
-      const i = c ?? {};
-      throw new rt([s, { ...i, replace: !0 }]);
+  }, n = (s, u, c) => {
+    if (W(s)) {
+      const h = u ?? {};
+      throw new rt([s, { ...h, replace: !0 }]);
     }
-    const l = c, d = u ?? {};
-    throw new rt([s, l, { ...d, replace: !0 }]);
+    const f = u, i = c ?? {};
+    throw new rt([s, f, { ...i, replace: !0 }]);
   }, r = () => {
-    throw new zt();
+    throw new te();
   };
-  async function o({ to: s, from: c, hooks: u }) {
-    const { global: l, component: d } = u, i = _n(s, c), v = [
-      ...l.onBeforeRouteEnter,
-      ...i.onBeforeRouteEnter,
-      ...l.onBeforeRouteUpdate,
+  async function o({ to: s, from: u, hooks: c }) {
+    const { global: f, component: i } = c, h = In(s, u), y = [
+      ...f.onBeforeRouteEnter,
+      ...h.onBeforeRouteEnter,
+      ...f.onBeforeRouteUpdate,
+      ...h.onBeforeRouteUpdate,
       ...i.onBeforeRouteUpdate,
-      ...d.onBeforeRouteUpdate,
-      ...l.onBeforeRouteLeave,
-      ...i.onBeforeRouteLeave,
-      ...d.onBeforeRouteLeave
+      ...f.onBeforeRouteLeave,
+      ...h.onBeforeRouteLeave,
+      ...i.onBeforeRouteLeave
     ];
     try {
-      const p = v.map((A) => A(s, {
-        from: c,
+      const p = y.map((S) => S(s, {
+        from: u,
         reject: t,
         push: e,
         replace: n,
@@ -965,12 +966,12 @@ function Wn() {
           status: "PUSH",
           to: p.to
         };
-      if (p instanceof Bt)
+      if (p instanceof Lt)
         return {
           status: "REJECT",
           type: p.type
         };
-      if (p instanceof zt)
+      if (p instanceof te)
         return {
           status: "ABORT"
         };
@@ -980,21 +981,21 @@ function Wn() {
       status: "SUCCESS"
     };
   }
-  async function a({ to: s, from: c, hooks: u }) {
-    const { global: l, component: d } = u, i = qn(s, c), v = [
-      ...d.onAfterRouteLeave,
+  async function a({ to: s, from: u, hooks: c }) {
+    const { global: f, component: i } = c, h = Fn(s, u), y = [
       ...i.onAfterRouteLeave,
-      ...l.onAfterRouteLeave,
-      ...d.onAfterRouteUpdate,
+      ...h.onAfterRouteLeave,
+      ...f.onAfterRouteLeave,
       ...i.onAfterRouteUpdate,
-      ...l.onAfterRouteUpdate,
-      ...d.onAfterRouteEnter,
+      ...h.onAfterRouteUpdate,
+      ...f.onAfterRouteUpdate,
       ...i.onAfterRouteEnter,
-      ...l.onAfterRouteEnter
+      ...h.onAfterRouteEnter,
+      ...f.onAfterRouteEnter
     ];
     try {
-      const p = v.map((A) => A(s, {
-        from: c,
+      const p = y.map((S) => S(s, {
+        from: u,
         reject: t,
         push: e,
         replace: n
@@ -1006,7 +1007,7 @@ function Wn() {
           status: "PUSH",
           to: p.to
         };
-      if (p instanceof Bt)
+      if (p instanceof Lt)
         return {
           status: "REJECT",
           type: p.type
@@ -1022,97 +1023,105 @@ function Wn() {
     runAfterRouteHooks: a
   };
 }
-const jt = (t, e, n) => {
+const Ot = (t, e, n) => {
   const r = t.matches, o = (e == null ? void 0 : e.matches) ?? [];
   return r.length < n || r[n] !== o[n];
-}, Ot = (t, e, n) => {
+}, _t = (t, e, n) => {
   const r = t.matches, o = (e == null ? void 0 : e.matches) ?? [];
   return r.length < n || r[n] !== o[n];
-}, _t = (t, e, n) => t.matches[n] === (e == null ? void 0 : e.matches[n]);
-function Yt(t) {
+}, qt = (t, e, n) => t.matches[n] === (e == null ? void 0 : e.matches[n]);
+function ee(t) {
   switch (t) {
     case "onBeforeRouteEnter":
     case "onAfterRouteEnter":
-      return jt;
+      return Ot;
     case "onBeforeRouteUpdate":
     case "onAfterRouteUpdate":
-      return _t;
+      return qt;
     case "onBeforeRouteLeave":
     case "onAfterRouteLeave":
-      return Ot;
+      return _t;
     default:
       throw new Error(`Switch is not exhaustive for lifecycle: ${t}`);
   }
 }
-class Dn {
-  constructor() {
-    V(this, "global", new Rt());
-    V(this, "component", new Rt());
-  }
-  addBeforeRouteHook({ lifecycle: e, timing: n, depth: r, hook: o }) {
-    const a = Yt(e), s = this[n][e], c = (u, l) => {
-      if (a(u, l.from, r))
-        return o(u, l);
+function Qn() {
+  const t = {
+    global: new vt(),
+    component: new vt()
+  };
+  function e({ lifecycle: r, timing: o, depth: a, hook: s }) {
+    const u = ee(r), c = t[o][r], f = (i, h) => {
+      if (u(i, h.from, a))
+        return s(i, h);
     };
-    return s.add(c), () => s.delete(c);
+    return c.add(f), () => c.delete(f);
   }
-  addAfterRouteHook({ lifecycle: e, timing: n, depth: r, hook: o }) {
-    const a = Yt(e), s = this[n][e], c = (u, l) => {
-      if (a(u, l.from, r))
-        return o(u, l);
+  function n({ lifecycle: r, timing: o, depth: a, hook: s }) {
+    const u = ee(r), c = t[o][r], f = (i, h) => {
+      if (u(i, h.from, a))
+        return s(i, h);
     };
-    return s.add(c), () => s.delete(c);
+    return c.add(f), () => c.delete(f);
   }
+  return { ...t, addBeforeRouteHook: e, addAfterRouteHook: n };
 }
-const be = Symbol();
-function Mn() {
-  const t = new Dn();
+const Be = Symbol();
+function Gn() {
+  const t = Qn();
   return {
-    onBeforeRouteEnter: (c) => t.addBeforeRouteHook({ lifecycle: "onBeforeRouteEnter", hook: c, timing: "global", depth: 0 }),
-    onBeforeRouteUpdate: (c) => t.addBeforeRouteHook({ lifecycle: "onBeforeRouteUpdate", hook: c, timing: "global", depth: 0 }),
-    onBeforeRouteLeave: (c) => t.addBeforeRouteHook({ lifecycle: "onBeforeRouteLeave", hook: c, timing: "global", depth: 0 }),
-    onAfterRouteEnter: (c) => t.addAfterRouteHook({ lifecycle: "onAfterRouteEnter", hook: c, timing: "global", depth: 0 }),
-    onAfterRouteUpdate: (c) => t.addAfterRouteHook({ lifecycle: "onAfterRouteUpdate", hook: c, timing: "global", depth: 0 }),
-    onAfterRouteLeave: (c) => t.addAfterRouteHook({ lifecycle: "onAfterRouteLeave", hook: c, timing: "global", depth: 0 }),
+    onBeforeRouteEnter: (u) => t.addBeforeRouteHook({ lifecycle: "onBeforeRouteEnter", hook: u, timing: "global", depth: 0 }),
+    onBeforeRouteUpdate: (u) => t.addBeforeRouteHook({ lifecycle: "onBeforeRouteUpdate", hook: u, timing: "global", depth: 0 }),
+    onBeforeRouteLeave: (u) => t.addBeforeRouteHook({ lifecycle: "onBeforeRouteLeave", hook: u, timing: "global", depth: 0 }),
+    onAfterRouteEnter: (u) => t.addAfterRouteHook({ lifecycle: "onAfterRouteEnter", hook: u, timing: "global", depth: 0 }),
+    onAfterRouteUpdate: (u) => t.addAfterRouteHook({ lifecycle: "onAfterRouteUpdate", hook: u, timing: "global", depth: 0 }),
+    onAfterRouteLeave: (u) => t.addAfterRouteHook({ lifecycle: "onAfterRouteLeave", hook: u, timing: "global", depth: 0 }),
     hooks: t
   };
 }
-function Tn(t) {
-  return ct(() => () => ft("h1", t), {
+function Kn(t) {
+  return ut(() => () => pt("h1", t), {
     name: t,
     props: []
   });
 }
-function Ae(t) {
+function Le(t) {
   const e = new URLSearchParams(t);
   return {
     get: (n) => e.get(n),
     getAll: (n) => e.getAll(n)
   };
 }
-function Fn({
+function zn() {
+  let t = 0;
+  return () => (++t).toString();
+}
+const Mt = zn();
+function Yn({
   rejections: t
 }) {
   const e = (a) => {
     const s = {
       ...t
     };
-    return lt(s[a] ?? Tn(a));
+    return dt(s[a] ?? Kn(a));
   }, n = (a) => {
-    const s = lt(e(a)), c = {
+    const s = dt(e(a)), u = {
+      id: Mt(),
       name: a,
       component: s,
       meta: {},
       state: {}
     };
     return {
-      matched: c,
-      matches: [c],
+      id: u.id,
+      matched: u,
+      matches: [u],
       name: a,
-      query: Ae(""),
+      query: Le(""),
       params: {},
       state: {},
-      [Se]: !0
+      [ke]: !0
     };
   }, r = (a) => {
     if (!a) {
@@ -1121,102 +1130,102 @@ function Fn({
     }
     const s = e(a);
     o.value = { type: a, component: s };
-  }, o = Qe(null);
+  }, o = ie(null);
   return {
     setRejection: r,
     rejection: o,
     getRejectionRoute: n
   };
 }
-class In extends Error {
+class Xn extends Error {
   constructor(e) {
     super(`Route not found: "${e}"`);
   }
 }
-function qt(t) {
+function Wt(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function Jn(t, e) {
+function Zn(t, e) {
   const n = Array.from(t.matchAll(e));
   if (n.length === 0)
     return [t];
   let r = 0;
-  const o = n.reduce((s, c) => {
-    const u = qt(t.slice(r, c.index));
-    u.length && s.push(u);
-    const [l] = c;
-    return s.push(l), r = c.index + l.length, s;
+  const o = n.reduce((s, u) => {
+    const c = Wt(t.slice(r, u.index));
+    c.length && s.push(c);
+    const [f] = u;
+    return s.push(f), r = u.index + f.length, s;
   }, []), a = t.slice(r);
   return a && o.push(a), o;
 }
-function Qn(t) {
-  const e = xe(t.path.toString());
+function tr(t) {
+  const e = Ne(t.path.toString());
   return new RegExp(`^${e}$`, "i");
 }
-function Gn(t) {
+function er(t) {
   const e = new URLSearchParams(t.query.toString());
-  return Array.from(e.entries()).filter(([, n]) => !$t(n)).map(([n, r]) => {
-    const o = xe(r);
-    return new RegExp(`${qt(n)}=${o}(&|$)`, "i");
+  return Array.from(e.entries()).filter(([, n]) => !Ct(n)).map(([n, r]) => {
+    const o = Ne(r);
+    return new RegExp(`${Wt(n)}=${o}(&|$)`, "i");
   });
 }
-function xe(t) {
-  return Jn(t, new RegExp(Kn, "g")).map((e) => e.startsWith(T) ? ke(e) : qt(e)).join("");
+function Ne(t) {
+  return Zn(t, new RegExp(nr, "g")).map((e) => e.startsWith(T) ? Ue(e) : Wt(e)).join("");
 }
-function ke(t) {
+function Ue(t) {
   return [
-    zn,
-    Yn
+    rr,
+    or
   ].reduce((e, n) => n(e), t);
 }
-const Kn = `\\${T}\\??([\\w-_]+)\\${Q}`, Wt = `\\${T}\\?([\\w-_]+)\\${Q}`, Be = `\\${T}([\\w-_]+)\\${Q}`;
-function zn(t) {
-  return t.replace(new RegExp(Wt, "g"), ".*");
+const nr = `\\${T}\\??([\\w-_]+)\\${Q}`, Dt = `\\${T}\\?([\\w-_]+)\\${Q}`, Ce = `\\${T}([\\w-_]+)\\${Q}`;
+function rr(t) {
+  return t.replace(new RegExp(Dt, "g"), ".*");
 }
-function $t(t) {
-  return new RegExp(Wt, "g").test(t);
+function Ct(t) {
+  return new RegExp(Dt, "g").test(t);
 }
-function Yn(t) {
-  return t.replace(new RegExp(Be, "g"), ".+");
+function or(t) {
+  return t.replace(new RegExp(Ce, "g"), ".+");
 }
-function St(t) {
-  const [e] = yt(t, new RegExp(Wt, "g")), [n] = yt(t, new RegExp(Be, "g"));
+function At(t) {
+  const [e] = wt(t, new RegExp(Dt, "g")), [n] = wt(t, new RegExp(Ce, "g"));
   return e ?? n;
 }
-function yt(t, e) {
-  return Array.from(t.matchAll(e)).flatMap(([, ...r]) => r.map((o) => it(o) ? o : ""));
+function wt(t, e) {
+  return Array.from(t.matchAll(e)).flatMap(([, ...r]) => r.map((o) => lt(o) ? o : ""));
 }
-function Le(t, e, n) {
-  const r = Ue(e, n), [o] = yt(t, r);
+function $e(t, e, n) {
+  const r = Ve(e, n), [o] = wt(t, r);
   return o;
 }
-function Ne(t, e) {
+function He(t, e) {
   if (!e)
     return t;
-  const { name: n, param: r, value: o } = e, a = Ue(t, n);
-  return yt(t, a).reduce((c, u) => u === void 0 ? c : c.replace(u, () => at(o, r, n.startsWith("?"))), t);
+  const { name: n, param: r, value: o } = e, a = Ve(t, n);
+  return wt(t, a).reduce((u, c) => c === void 0 ? u : u.replace(c, () => st(o, r, n.startsWith("?"))), t);
 }
-function Ue(t, e) {
+function Ve(t, e) {
   const n = [
-    Xn,
-    Zn,
-    ke
+    ar,
+    sr,
+    Ue
   ].reduce((r, o) => o(r, e), t);
   return new RegExp(n, "g");
 }
-function Xn(t, e) {
+function ar(t, e) {
   if (!e.startsWith("?"))
     return t;
   const n = new RegExp(`\\${T}\\${e}\\${Q}`, "g");
   return t.replace(n, "(.*)");
 }
-function Zn(t, e) {
+function sr(t, e) {
   if (e.startsWith("?"))
     return t;
   const n = new RegExp(`\\${T}${e}\\${Q}`, "g");
   return t.replace(n, "(.+)");
 }
-function Ce(t, ...e) {
+function je(t, ...e) {
   return e.reduce((n, r) => {
     if (!r)
       return n;
@@ -1224,253 +1233,255 @@ function Ce(t, ...e) {
     return Object.keys(o).length === 0 ? n : n.includes("?") ? `${n}&${o}` : `${n}?${o}`;
   }, t);
 }
-function tr(t, e = {}) {
-  const { params: n = {}, query: r } = e, o = er(t.host, n), a = nr(t.path, n), s = rr(t.query, n), c = Ce(`${o}${a}`, s, r), u = pt(t.hash.value ?? e.hash).toString();
-  return `${c}${u}`;
+function cr(t, e = {}) {
+  const { params: n = {}, query: r } = e, o = ur(t.host, n), a = ir(t.path, n), s = fr(t.query, n), u = je(`${o}${a}`, s, r), c = mt(t.hash.value ?? e.hash).toString();
+  return `${u}${c}`;
 }
-function er(t, e) {
+function ur(t, e) {
   const n = t.toString();
   return Object.entries(t.params).reduce((r, [o, a]) => {
-    const s = St(`${T}${o}${Q}`);
-    return s ? Ne(r, { name: o, param: a, value: e[s] }) : r;
+    const s = At(`${T}${o}${Q}`);
+    return s ? He(r, { name: o, param: a, value: e[s] }) : r;
   }, n);
 }
-function nr(t, e) {
+function ir(t, e) {
   const n = t.toString();
   return Object.entries(t.params).reduce((r, [o, a]) => {
-    const s = St(`${T}${o}${Q}`);
-    return s ? Ne(r, { name: o, param: a, value: e[s] }) : r;
+    const s = At(`${T}${o}${Q}`);
+    return s ? He(r, { name: o, param: a, value: e[s] }) : r;
   }, n);
 }
-function rr(t, e) {
+function fr(t, e) {
   const n = t.toString();
   if (!n)
     return {};
   const r = new URLSearchParams(n);
   return Array.from(r.entries()).reduce((o, [a, s]) => {
-    const c = St(s);
-    if (!c)
+    const u = At(s);
+    if (!u)
       return { ...o, [a]: s };
-    const l = at(e[c], t.params[c], $t(s)), d = e[c] === void 0 && l === "";
-    return $t(s) && d ? o : { ...o, [a]: l };
+    const f = st(e[u], t.params[u], Ct(s)), i = e[u] === void 0 && f === "";
+    return Ct(s) && i ? o : { ...o, [a]: f };
   }, {});
 }
-function or(t) {
+function lr(t) {
   return (e, n, r) => {
-    if (D(e))
-      return Ce(e, (n ?? {}).query);
-    const o = n ?? {}, a = r ?? {}, s = t.find((u) => u.name === e);
+    if (W(e))
+      return je(e, (n ?? {}).query);
+    const o = n ?? {}, a = r ?? {}, s = t.find((c) => c.name === e);
     if (!s)
-      throw new In(String(e));
-    return tr(s, {
+      throw new Xn(String(e));
+    return cr(s, {
       params: o,
       query: a.query,
       hash: a.hash
     });
   };
 }
-class ar extends Error {
+class hr extends Error {
   constructor() {
     super("initialUrl must be set if window.location is unavailable");
   }
 }
-function sr(t) {
+function pr(t) {
   if (t)
     return t;
-  if (de())
+  if (ye())
     return window.location.toString();
-  throw new ar();
+  throw new hr();
 }
-const cr = (t, e) => {
+const dr = (t, e) => {
   try {
-    $e(t, e);
+    Oe(t, e);
   } catch {
     return !1;
   }
   return !0;
-}, $e = (t, e) => {
-  const { pathname: n, search: r } = M(e);
+}, Oe = (t, e) => {
+  const { pathname: n, search: r } = D(e);
   return {
-    ...ur(t.path, n),
-    ...ir(t.query, r)
+    ...mr(t.path, n),
+    ...gr(t.query, r)
   };
 };
-function ur(t, e) {
+function mr(t, e) {
   const n = {}, r = decodeURIComponent(e);
   for (const [o, a] of Object.entries(t.params)) {
-    const s = o.startsWith("?"), c = s ? o.slice(1) : o, u = Le(r, t.toString(), o), l = ot(u, a, s);
-    n[c] = l;
+    const s = o.startsWith("?"), u = s ? o.slice(1) : o, c = $e(r, t.toString(), o), f = at(c, a, s);
+    n[u] = f;
   }
   return n;
 }
-function ir(t, e) {
+function gr(t, e) {
   const n = {}, r = new URLSearchParams(e);
   for (const [o, a] of Object.entries(t.params)) {
-    const s = o.startsWith("?"), c = s ? o.slice(1) : o, u = r.get(c) ?? void 0, l = ot(u, a, s);
-    n[c] = l;
+    const s = o.startsWith("?"), u = s ? o.slice(1) : o, c = r.get(u) ?? void 0, f = at(c, a, s);
+    n[u] = f;
   }
   return n;
 }
-const fr = (t) => "name" in t.matched && !!t.matched.name, lr = (t, e) => {
-  const { pathname: n } = M(e);
-  return Qn(t).test(n);
-}, hr = (t, e) => {
-  const { search: n } = M(e);
-  return Gn(t).every((o) => o.test(n));
-}, pr = (t, e) => {
-  const { hash: n } = M(e), r = t.hash.toString();
+const Rr = (t) => "name" in t.matched && !!t.matched.name, yr = (t, e) => {
+  const { pathname: n } = D(e);
+  return tr(t).test(n);
+}, vr = (t, e) => {
+  const { search: n } = D(e);
+  return er(t).every((o) => o.test(n));
+}, wr = (t, e) => {
+  const { hash: n } = D(e), r = t.hash.toString();
   return !t.hash.hasValue() || r.toLowerCase() === n.toLowerCase();
 };
-function mr(t) {
-  const { searchParams: e, pathname: n } = M(t), r = -1, o = 1;
+function Pr(t) {
+  const { searchParams: e, pathname: n } = D(t), r = -1, o = 1;
   return (a, s) => {
-    const c = Zt(a, e), u = Xt(a, n), l = Zt(s, e), d = Xt(s, n);
+    const u = re(a, e), c = ne(a, n), f = re(s, e), i = ne(s, n);
     if (a.depth > s.depth)
       return r;
     if (a.depth < s.depth)
       return o;
-    if (c + u > l + d)
+    if (u + c > f + i)
       return r;
-    if (c + u < l + d)
+    if (u + c < f + i)
       return o;
-    const { hash: i } = M(t);
-    return a.hash.toString() === i ? r : s.hash.toString() === i ? o : 0;
+    const { hash: h } = D(t);
+    return a.hash.toString() === h ? r : s.hash.toString() === h ? o : 0;
   };
 }
-function Xt(t, e) {
-  const n = Object.keys(t.path.params).filter((o) => o.startsWith("?")).map((o) => o), r = n.filter((o) => Le(e, t.path.toString(), o) === void 0);
+function ne(t, e) {
+  const n = Object.keys(t.path.params).filter((o) => o.startsWith("?")).map((o) => o), r = n.filter((o) => $e(e, t.path.toString(), o) === void 0);
   return n.length - r.length;
 }
-function Zt(t, e) {
+function re(t, e) {
   const n = new URLSearchParams(t.query.toString()), r = Array.from(n.keys()), o = r.filter((a) => !e.has(a));
   return r.length - o.length;
 }
-function He(t) {
+function _e(t) {
   return !!t && typeof t == "object";
 }
-const vt = !0;
-function dr(t, e, n) {
-  if (He(t) && e in t) {
+const Pt = !0;
+function Er(t, e, n) {
+  if (_e(t) && e in t) {
     const r = t[e];
     if (typeof r == "string")
-      return ot(r, n, vt);
+      return at(r, n, Pt);
   }
-  return ot(void 0, n, vt);
+  return at(void 0, n, Pt);
 }
-function gr(t, e) {
+function Sr(t, e) {
   const n = {};
   for (const [r, o] of Object.entries(t)) {
-    const a = dr(e, r, o);
+    const a = Er(e, r, o);
     n[r] = a;
   }
   return n;
 }
-function Rr(t, e, n) {
-  if (He(t) && e in t) {
+function br(t, e, n) {
+  if (_e(t) && e in t) {
     const r = t[e];
-    return at(r, n, vt);
+    return st(r, n, Pt);
   }
-  return at(void 0, n, vt);
+  return st(void 0, n, Pt);
 }
-const te = (t, e) => {
+const oe = (t, e) => {
   const n = {};
   for (const [r, o] of Object.entries(t)) {
-    const a = Rr(e, r, o);
+    const a = br(e, r, o);
     n[r] = a;
   }
   return n;
-}, yr = [
-  fr,
-  lr,
-  hr,
-  pr,
-  cr
+}, Ar = [
+  Rr,
+  yr,
+  vr,
+  wr,
+  dr
 ];
-function Lt(t, e, n) {
-  const r = mr(e), o = t.filter((u) => yr.every((l) => l(u, e))).sort(r);
+function Nt(t, e, n) {
+  const r = Pr(e), o = t.filter((c) => Ar.every((f) => f(c, e))).sort(r);
   if (o.length === 0)
     return;
-  const [a] = o, { search: s, hash: c } = M(e);
+  const [a] = o, { search: s, hash: u } = D(e);
   return {
+    id: a.id,
     matched: a.matched,
     matches: a.matches,
     name: a.name,
-    query: Ae(s),
-    params: $e(a, e),
-    state: gr(a.state, n),
-    hash: c
+    query: Le(s),
+    params: Oe(a, e),
+    state: Sr(a.state, n),
+    hash: u
   };
 }
-function Dt(t, e) {
+function Tt(t, e) {
   const n = new RegExp(`\\${T}(\\??[\\w-_]+)\\${Q}`, "g");
   return Array.from(t.matchAll(n)).reduce((o, [a, s]) => {
-    const c = St(a);
-    if (!c)
+    const u = At(a);
+    if (!u)
       return o;
-    const u = bn(e, c);
-    return et([c], o), o[s] = u, o;
+    const c = Ln(e, u);
+    return et([u], o), o[s] = c, o;
   }, {});
 }
-function Ve(t, e) {
+function qe(t, e) {
   return {
     value: t,
-    params: Dt(t, e),
+    params: Tt(t, e),
     toString: () => t
   };
 }
-function vr(t) {
-  return ut(t) && typeof t.hash == "string";
+function xr(t) {
+  return ft(t) && typeof t.hash == "string";
 }
-function je(t) {
-  return t === void 0 ? pt() : vr(t) ? t : pt(t);
+function Me(t) {
+  return t === void 0 ? mt() : xr(t) ? t : mt(t);
 }
-function Mt(t) {
+function It(t) {
   return t === void 0 ? "" : t;
 }
-function ee(t, e) {
+function ae(t, e) {
   return {
     value: t,
-    params: Dt(t, e),
+    params: Tt(t, e),
     toString: () => t
   };
 }
-function wr(t) {
-  return ut(t) && typeof t.value == "string";
+function kr(t) {
+  return ft(t) && typeof t.value == "string";
 }
-function Oe(t) {
-  return t === void 0 ? ee("", {}) : wr(t) ? t : ee(t, {});
+function We(t) {
+  return t === void 0 ? ae("", {}) : kr(t) ? t : ae(t, {});
 }
-function ne(t, e) {
+function se(t, e) {
   return {
     value: t,
-    params: Dt(t, e),
+    params: Tt(t, e),
     toString: () => t
   };
 }
-function Er(t) {
-  return ut(t) && typeof t.value == "string";
+function Br(t) {
+  return ft(t) && typeof t.value == "string";
 }
-function _e(t) {
-  return t === void 0 ? ne("", {}) : Er(t) ? t : ne(t, {});
+function De(t) {
+  return t === void 0 ? se("", {}) : Br(t) ? t : se(t, {});
 }
 function J(t) {
-  const e = Mt(t.name), n = Oe(t.path), r = _e(t.query), o = je(t.hash), a = t.meta ?? {}, s = yn(t) ? t.state : {}, c = lt({ meta: {}, state: {}, ...t }), u = {
+  const e = Mt(), n = It(t.name), r = We(t.path), o = De(t.query), a = Me(t.hash), s = t.meta ?? {}, u = Sn(t) ? t.state : {}, c = dt({ id: e, meta: {}, state: {}, ...t }), f = {
+    id: e,
     matched: c,
     matches: [c],
-    name: e,
-    path: n,
-    query: r,
-    hash: o,
-    meta: a,
-    state: s,
+    name: n,
+    path: r,
+    query: o,
+    hash: a,
+    meta: s,
+    state: u,
     depth: 1,
-    host: Ve("", {}),
+    host: qe("", {}),
     prefetch: t.prefetch
-  }, l = pe(t) ? me(t.parent, u) : u;
-  return et(l.path.params, l.query.params), l;
+  }, i = ge(t) ? Re(t.parent, f) : f;
+  return et(i.path.params, i.query.params), i;
 }
-function Pr(t, e) {
-  if (!it(e))
+function Lr(t, e) {
+  if (!lt(e))
     return t;
   const n = J({ path: e });
   return t.map((r) => J({
@@ -1478,7 +1489,7 @@ function Pr(t, e) {
     ...r
   }));
 }
-class Sr extends Error {
+class Nr extends Error {
   /**
    * Constructs a new DuplicateNamesError instance with a message indicating the problematic name.
    * @param name - The name of the name that was duplicated.
@@ -1487,244 +1498,309 @@ class Sr extends Error {
     super(`Invalid Name "${e}": Router does not support multiple routes with the same name. All name names must be unique.`);
   }
 }
-function br(t) {
+function Ur(t) {
   const e = t.map(({ name: n }) => n);
   for (const n of e)
-    if (he(e, n) > 1)
-      throw new Sr(n);
+    if (me(e, n) > 1)
+      throw new Nr(n);
 }
-function Dr(t, e) {
-  const n = cn(t) ? t.flat() : t, r = Pr(n, e == null ? void 0 : e.base);
-  br(r);
-  const o = or(r), a = jn({
+function Kr(t, e) {
+  const n = hn(t) ? t.flat() : t, r = Lr(n, e == null ? void 0 : e.base);
+  Ur(r);
+  const o = Vr(), a = lr(r), s = Dn({
     mode: e == null ? void 0 : e.historyMode,
-    listener: ({ location: y }) => {
-      const B = K(y);
-      P(B, { state: y.state });
+    listener: ({ location: R }) => {
+      const L = K(R);
+      A(L, { state: R.state });
     }
-  }), { runBeforeRouteHooks: s, runAfterRouteHooks: c } = Wn(), {
-    hooks: u,
-    onBeforeRouteEnter: l,
-    onAfterRouteUpdate: d,
-    onBeforeRouteLeave: i,
-    onAfterRouteEnter: v,
-    onBeforeRouteUpdate: p,
-    onAfterRouteLeave: A
-  } = Mn();
-  async function P(y, B = {}) {
-    if (a.stopListening(), N(y))
-      return a.update(y, B);
-    const _ = Lt(r, y, B.state) ?? b("NotFound"), q = { ...f }, z = await s({ to: _, from: q, hooks: u });
+  }), { runBeforeRouteHooks: u, runAfterRouteHooks: c } = Jn(), {
+    hooks: f,
+    onBeforeRouteEnter: i,
+    onAfterRouteUpdate: h,
+    onBeforeRouteLeave: y,
+    onAfterRouteEnter: p,
+    onBeforeRouteUpdate: S,
+    onAfterRouteLeave: E
+  } = Gn();
+  async function A(R, L = {}) {
+    if (s.stopListening(), C(R))
+      return s.update(R, L);
+    const O = Nt(r, R, L.state) ?? m("NotFound"), _ = { ...d }, z = await u({ to: O, from: _, hooks: f });
     switch (z.status) {
       case "ABORT":
         return;
       case "PUSH":
-        a.update(y, B), await k(...z.to);
+        s.update(R, L), await k(...z.to);
         return;
       case "REJECT":
-        a.update(y, B), R(z.type), w(_);
+        s.update(R, L), b(z.type);
         break;
       case "SUCCESS":
-        a.update(y, B), R(null), w(_);
+        s.update(R, L), b(null);
         break;
       default:
         throw new Error(`Switch is not exhaustive for before hook response status: ${JSON.stringify(z)}`);
     }
-    const F = await c({ to: _, from: q, hooks: u });
-    switch (F.status) {
+    o.setProps(O), P(O);
+    const I = await c({ to: O, from: _, hooks: f });
+    switch (I.status) {
       case "PUSH":
-        await k(...F.to);
+        await k(...I.to);
         break;
       case "REJECT":
-        R(F.type);
+        b(I.type);
         break;
       case "SUCCESS":
         break;
       default:
-        const W = F;
-        throw new Error(`Switch is not exhaustive for after hook response status: ${JSON.stringify(W)}`);
+        const q = I;
+        throw new Error(`Switch is not exhaustive for after hook response status: ${JSON.stringify(q)}`);
     }
-    a.startListening();
+    s.startListening();
   }
-  const k = (y, B, _) => {
-    if (D(y)) {
-      const nt = { ...B }, xt = o(y, nt);
-      return P(xt, nt);
+  const k = (R, L, O) => {
+    if (W(R)) {
+      const nt = { ...L }, Bt = a(R, nt);
+      return A(Bt, nt);
     }
-    const q = { ..._ }, F = o(y, B ?? {}, q), W = bt(y), At = te((W == null ? void 0 : W.state) ?? {}, q.state);
-    return P(F, { ...q, state: At });
-  }, C = (y, B, _) => {
-    if (D(y)) {
-      const nt = { ...B, replace: !0 }, xt = o(y, nt);
-      return P(xt, nt);
+    const _ = { ...O }, I = a(R, L ?? {}, _), q = Kt(R), kt = oe((q == null ? void 0 : q.state) ?? {}, _.state);
+    return A(I, { ..._, state: kt });
+  }, j = (R, L, O) => {
+    if (W(R)) {
+      const nt = { ...L, replace: !0 }, Bt = a(R, nt);
+      return A(Bt, nt);
     }
-    const q = { ..._, replace: !0 }, F = o(y, B ?? {}, q), W = bt(y), At = te((W == null ? void 0 : W.state) ?? {}, q.state);
-    return P(F, { ...q, state: At });
-  }, O = (y) => R(y), g = (y, B = {}) => {
-    if (!D(y)) {
-      const _ = o(y, B);
-      return Lt(r, _);
+    const _ = { ...O, replace: !0 }, I = a(R, L ?? {}, _), q = Kt(R), kt = oe((q == null ? void 0 : q.state) ?? {}, _.state);
+    return A(I, { ..._, state: kt });
+  }, g = (R) => b(R), v = (R, L = {}) => {
+    if (!W(R)) {
+      const O = a(R, L);
+      return Nt(r, O);
     }
-    if (!N(y))
-      return Lt(r, y);
-  }, { setRejection: R, rejection: S, getRejectionRoute: b } = Fn(e ?? {}), m = b("NotFound"), { currentRoute: f, routerRoute: h, updateRoute: w } = Cn(m, k);
-  a.startListening();
-  const E = sr(e == null ? void 0 : e.initialUrl), x = a.location.state, { host: L } = M(E), N = Vn(L), H = P(E, { replace: !0, state: x });
-  function bt(y) {
-    return r.find((B) => B.name === y);
-  }
-  function Te(y) {
-    y.component("RouterView", jr), y.component("RouterLink", Vr), y.provide(Ee, S), y.provide(be, u), y.provide(le, Jt);
-  }
-  const Jt = {
-    route: h,
-    resolve: o,
+    if (!C(R))
+      return Nt(r, R);
+  }, { setRejection: b, rejection: x, getRejectionRoute: m } = Yn(e ?? {}), l = m("NotFound"), { currentRoute: d, routerRoute: w, updateRoute: P } = _n(l, k);
+  s.startListening();
+  const B = pr(e == null ? void 0 : e.initialUrl), N = s.location.state, { host: $ } = D(B), C = Wn($);
+  let xt = !1;
+  async function Gt() {
+    xt || (await A(B, { replace: !0, state: N }), xt = !0);
+  }
+  function Kt(R) {
+    return r.find((L) => L.name === R);
+  }
+  function ze(R) {
+    R.component("RouterView", Ir), R.component("RouterLink", Tr), R.provide(be, x), R.provide(Be, f), R.provide(Fe, o), R.provide(Ae, zt), Gt();
+  }
+  const zt = {
+    route: w,
+    resolve: a,
     push: k,
-    replace: C,
-    reject: O,
-    find: g,
-    refresh: a.refresh,
-    forward: a.forward,
-    back: a.back,
-    go: a.go,
-    install: Te,
-    initialized: H,
-    isExternal: N,
-    onBeforeRouteEnter: l,
-    onAfterRouteUpdate: d,
-    onBeforeRouteLeave: i,
-    onAfterRouteEnter: v,
-    onBeforeRouteUpdate: p,
-    onAfterRouteLeave: A,
-    prefetch: e == null ? void 0 : e.prefetch
+    replace: j,
+    reject: g,
+    find: v,
+    refresh: s.refresh,
+    forward: s.forward,
+    back: s.back,
+    go: s.go,
+    install: ze,
+    isExternal: C,
+    onBeforeRouteEnter: i,
+    onAfterRouteUpdate: h,
+    onBeforeRouteLeave: y,
+    onAfterRouteEnter: p,
+    onBeforeRouteUpdate: S,
+    onAfterRouteLeave: E,
+    prefetch: e == null ? void 0 : e.prefetch,
+    start: Gt
   };
-  return Jt;
+  return zt;
 }
-const wt = { template: "<div>This is component</div>" }, Tt = J({
+const Et = { template: "<div>This is component</div>" }, Ft = J({
   name: "parentA",
   path: "/parentA/[paramA]"
-}), qe = J({
-  parent: Tt,
+}), Te = J({
+  parent: Ft,
   name: "parentA.childA",
   path: "/[?paramB]"
-}), Ar = J({
-  parent: Tt,
+}), Cr = J({
+  parent: Ft,
   name: "parentA.childB",
   path: "/[paramD]",
-  component: wt
-}), xr = J({
-  parent: qe,
+  component: Et
+}), $r = J({
+  parent: Te,
   name: "parentA.childA.grandChildA",
   path: "/[paramC]",
-  component: wt
+  component: Et
 });
 J({
   name: "parentB",
   path: "/parentB",
-  component: wt
+  component: Et
 }), J({
   name: "parentC",
   path: "/",
-  component: wt
+  component: Et
 });
-const kr = {
-  components: !0
+const Hr = {
+  components: !0,
+  props: !1
 };
-function Br({ routerPrefetch: t, routePrefetch: e, linkPrefetch: n }, r) {
-  return Nt(n, r) ?? Nt(e, r) ?? Nt(t, r) ?? kr[r];
+function Ie({ routerPrefetch: t, routePrefetch: e, linkPrefetch: n }, r) {
+  return Ut(n, r) ?? Ut(e, r) ?? Ut(t, r) ?? Hr[r];
+}
+function Ut(t, e) {
+  return ft(t) ? t[e] : t;
+}
+const Fe = Symbol();
+function Vr() {
+  const t = $t(/* @__PURE__ */ new Map()), e = (c, f) => c.matches.filter((i) => Ie({ ...f, routePrefetch: i.prefetch }, "props")).flatMap((i) => s(i)).reduce((i, { id: h, name: y, props: p }) => {
+    const S = a(h, y, c);
+    return i[S] = p == null ? void 0 : p(c.params), i;
+  }, {}), n = (c) => {
+    Object.entries(c).forEach(([f, i]) => {
+      t.set(f, i);
+    });
+  }, r = (c) => {
+    const i = c.matches.flatMap(s).reduce((h, { id: y, name: p, props: S }) => {
+      const E = a(y, p, c);
+      if (!S || t.has(E))
+        return h;
+      const A = S(c.params);
+      return t.set(E, A), h.push(E), h;
+    }, []);
+    u(i);
+  }, o = (c, f, i) => {
+    const h = a(c, f, i);
+    return t.get(h);
+  };
+  function a(c, f, i) {
+    return [c, f, i.id, JSON.stringify(i.params)].join("-");
+  }
+  function s(c) {
+    return Vt(c) ? Object.entries(c.props ?? {}).map(([f, i]) => ({ id: c.id, name: f, props: i })) : Ht(c) ? [
+      {
+        id: c.id,
+        name: "default",
+        props: c.props
+      }
+    ] : [];
+  }
+  function u(c) {
+    for (const f in t.keys())
+      c.includes(f) || t.delete(f);
+  }
+  return {
+    getPrefetchProps: e,
+    setPrefetchProps: n,
+    getProps: o,
+    setProps: r
+  };
 }
-function Nt(t, e) {
-  return ut(t) ? t[e] : t;
+function Je() {
+  const t = it(Fe);
+  if (!t)
+    throw new St();
+  return t;
 }
-const Lr = Ge(() => new Promise((t) => {
-  t({ default: { template: "" } });
+const jr = tn(() => new Promise((t) => {
+  t({ default: { template: "foo" } });
 }));
-function re(t) {
-  return t.name === Lr.name && "setup" in t;
+function ce(t) {
+  return t.name === jr.name && "setup" in t;
 }
-function Nr(t, e = {}, n = {}) {
-  const r = Vt(), o = Ke(t), a = j(() => D(o.value) ? {} : kt(e)), s = j(() => D(o.value) ? kt(e) : kt(n)), c = j(() => {
-    if (D(o.value))
-      return o.value;
-    try {
-      return r.resolve(o.value, a.value, s.value);
-    } catch (i) {
-      throw i instanceof X && console.error(`Failed to resolve route "${o.value.toString()}" in RouterLink.`, i), i;
-    }
-  }), u = j(() => r.find(c.value, s.value)), l = j(() => !!u.value && r.route.matches.includes(u.value.matched)), d = j(() => !!u.value && r.route.matched === u.value.matched);
-  return se(u, (i) => {
-    if (!i)
-      return;
-    const { prefetch: v } = r, { prefetch: p } = s.value;
-    Ur(i, {
-      routerPrefetch: v,
-      linkPrefetch: p
-    });
+function Or(t) {
+  let e = {};
+  const { getPrefetchProps: n, setPrefetchProps: r } = Je();
+  return fe(() => ht(t), ({ route: a, ...s }) => {
+    a && (_r(a, s), e = n(a, s));
   }, { immediate: !0 }), {
-    route: u,
-    href: c,
-    isMatch: l,
-    isExactMatch: d,
-    push: (i) => r.push(c.value, {}, { ...s.value, ...i }),
-    replace: (i) => r.replace(c.value, {}, { ...s.value, ...i })
+    commit: () => {
+      r(e);
+    }
   };
 }
-function Ur(t, { routerPrefetch: e, linkPrefetch: n }) {
+function _r(t, { routerPrefetch: e, linkPrefetch: n }) {
   t.matches.forEach((r) => {
-    Br({
+    Ie({
       routePrefetch: r.prefetch,
       routerPrefetch: e,
       linkPrefetch: n
-    }, "components") && (Ut(r) && re(r.component) && r.component.setup(), Ct(r) && Object.values(r.components).forEach((a) => {
-      re(a) && a.setup();
+    }, "components") && (Ht(r) && ce(r.component) && r.component.setup(), Vt(r) && Object.values(r.components).forEach((a) => {
+      ce(a) && a.setup();
     }));
   });
 }
-function Cr(t, e, { exact: n } = {}) {
-  if (!Nn(t))
+function qr(t, e = {}, n = {}) {
+  const r = jt(), o = en(t), a = V(() => W(o.value) ? {} : ht(e)), s = V(() => W(o.value) ? ht(e) : ht(n)), u = V(() => {
+    if (W(o.value))
+      return o.value;
+    try {
+      return r.resolve(o.value, a.value, s.value);
+    } catch (E) {
+      throw E instanceof X && console.error(`Failed to resolve route "${o.value.toString()}" in RouterLink.`, E), E;
+    }
+  }), c = V(() => r.find(u.value, s.value)), f = V(() => !!c.value && r.route.matches.includes(c.value.matched)), i = V(() => !!c.value && r.route.matched === c.value.matched), h = V(() => r.isExternal(u.value)), { commit: y } = Or(() => ({
+    route: c.value,
+    routerPrefetch: r.prefetch,
+    linkPrefetch: s.value.prefetch
+  })), p = (E) => (y(), r.push(u.value, { ...s.value, ...E }));
+  return {
+    route: c,
+    href: u,
+    isMatch: f,
+    isExactMatch: i,
+    isExternal: h,
+    push: p,
+    replace: (E) => p(E)
+  };
+}
+function Mr(t, e, { exact: n } = {}) {
+  if (!jn(t))
     return !1;
   if (e === void 0)
     return !0;
-  const r = t.matches.map((o) => Mt(o.name));
+  const r = t.matches.map((o) => It(o.name));
   if (n) {
     const o = r.at(-1);
     return e === o;
   }
   return r.includes(e);
 }
-function $r(t, e) {
-  const n = Vt();
+function Wr(t, e) {
+  const n = jt();
   function r() {
     if (!t)
       return;
-    if (!Cr(n.route, t, e))
-      throw new sn(t, n.route.name);
+    if (!Mr(n.route, t, e))
+      throw new Hn(t, n.route.name);
   }
-  return se(n.route, r, { immediate: !0, deep: !0 }), n.route;
+  return fe(n.route, r, { immediate: !0, deep: !0 }), n.route;
 }
-const We = Symbol();
-function Ft() {
-  return Et(We, 0);
+const Qe = Symbol();
+function Jt() {
+  return it(Qe, 0);
 }
-function De() {
-  const t = Et(be);
+function Ge() {
+  const t = it(Be);
   if (!t)
-    throw new Ht();
+    throw new St();
   return t;
 }
-function Me(t) {
+function Ke(t) {
   return (e) => {
-    const n = Ft(), o = De().addBeforeRouteHook({ lifecycle: t, hook: e, depth: n, timing: "component" });
-    return ce(o), o;
+    const n = Jt(), o = Ge().addBeforeRouteHook({ lifecycle: t, hook: e, depth: n, timing: "component" });
+    return le(o), o;
   };
 }
-function It(t) {
+function Qt(t) {
   return (e) => {
-    const n = Ft(), o = De().addAfterRouteHook({ lifecycle: t, hook: e, depth: n, timing: "component" });
-    return ce(o), o;
+    const n = Jt(), o = Ge().addAfterRouteHook({ lifecycle: t, hook: e, depth: n, timing: "component" });
+    return le(o), o;
   };
 }
-const Mr = Me("onBeforeRouteUpdate"), Tr = Me("onBeforeRouteLeave"), Fr = It("onAfterRouteEnter"), Ir = It("onAfterRouteUpdate"), Jr = It("onAfterRouteLeave"), Hr = ["href"], Vr = /* @__PURE__ */ ct({
+const zr = Ke("onBeforeRouteUpdate"), Yr = Ke("onBeforeRouteLeave"), Xr = Qt("onAfterRouteEnter"), Zr = Qt("onAfterRouteUpdate"), to = Qt("onAfterRouteLeave"), Dr = ["href"], Tr = /* @__PURE__ */ ut({
   __name: "routerLink",
   props: {
     to: {},
@@ -1735,104 +1811,99 @@ const Mr = Me("onBeforeRouteUpdate"), Tr = Me("onBeforeRouteLeave"), Fr = It("on
     state: {}
   },
   setup(t) {
-    const e = t, n = Vt(), r = j(() => D(e.to) ? e.to : e.to(n.resolve)), o = j(() => {
-      const { to: i, ...v } = e;
-      return v;
-    }), { href: a, isMatch: s, isExactMatch: c } = Nr(r, o), u = j(() => ({
-      "router-link--match": s.value,
-      "router-link--exact-match": c.value
-    })), l = j(() => n.isExternal(r.value));
-    function d(i) {
-      i.preventDefault(), n.push(a.value, o.value);
+    const e = t, n = jt(), r = V(() => W(e.to) ? e.to : e.to(n.resolve)), o = V(() => {
+      const { to: h, ...y } = e;
+      return y;
+    }), { isMatch: a, isExactMatch: s, isExternal: u, push: c } = qr(r, o), f = V(() => ({
+      "router-link--match": a.value,
+      "router-link--exact-match": s.value
+    }));
+    function i(h) {
+      h.preventDefault(), c();
     }
-    return (i, v) => (ue(), ze("a", {
+    return (h, y) => (he(), nn("a", {
       href: r.value,
-      class: Ye(["router-link", u.value]),
-      onClick: d
+      class: rn(["router-link", f.value]),
+      onClick: i
     }, [
-      ie(i.$slots, "default", fe(Xe({ resolved: r.value, isMatch: ht(s), isExactMatch: ht(c), isExternal: l.value })))
-    ], 10, Hr));
+      pe(h.$slots, "default", de(on({ resolved: r.value, isMatch: ot(a), isExactMatch: ot(s), isExternal: ot(u) })))
+    ], 10, Dr));
   }
-}), jr = /* @__PURE__ */ ct({
+}), Ir = /* @__PURE__ */ ut({
   __name: "routerView",
   props: {
     name: {}
   },
   setup(t) {
-    const { name: e = "default" } = t, n = $r(), r = Ln(), o = Ft(), a = Ze("RouterView", !0);
-    tn(We, o + 1);
-    const s = j(() => {
+    const { name: e = "default" } = t, n = Wr(), r = Vn(), o = Jt(), { getProps: a } = Je(), s = an("RouterView", !0);
+    sn(Qe, o + 1);
+    const u = V(() => {
       if (r.value)
         return r.value.component;
       const i = n.matches.at(o);
       if (!i)
         return null;
-      const v = c(i), p = l(i);
-      return v ? p ? (n.params, vn(v, () => p(n.params))) : v : null;
+      const h = c(i), y = a(i.id, e, n);
+      return h ? y ? bn(h, () => y) : h : null;
     });
     function c(i) {
-      return u(i)[e];
-    }
-    function u(i) {
-      return Ct(i) ? i.components : Ut(i) ? { default: i.component } : typeof a == "string" ? {} : { default: a };
+      return f(i)[e];
     }
-    function l(i) {
-      return d(i)[e];
+    function f(i) {
+      return Vt(i) ? i.components : Ht(i) ? { default: i.component } : typeof s == "string" ? {} : { default: s };
     }
-    function d(i) {
-      return Ct(i) ? i.props ?? {} : Ut(i) ? { default: i.props } : {};
-    }
-    return (i, v) => s.value ? ie(i.$slots, "default", fe(en({ key: 0 }, { route: ht(n), component: s.value, rejection: ht(r) })), () => [
-      (ue(), nn(rn(s.value)))
-    ]) : on("", !0);
+    return (i, h) => u.value ? pe(i.$slots, "default", de(cn({ key: 0 }, { route: ot(n), component: u.value, rejection: ot(r) })), () => [
+      (he(), un(fn(u.value)))
+    ]) : ln("", !0);
   }
 });
-function Or(t) {
-  return ut(t) && typeof t.value == "string";
+function Fr(t) {
+  return ft(t) && typeof t.value == "string";
 }
-function oe(t) {
-  return Or(t) ? t : Ve(t, {});
+function ue(t) {
+  return Fr(t) ? t : qe(t, {});
 }
-function Qr(t) {
-  const e = Mt(t.name), n = Oe(t.path), r = _e(t.query), o = je(t.hash), a = t.meta ?? {}, s = Rn(t) ? oe(t.host) : oe(""), c = lt({ meta: {}, state: {}, ...t }), u = {
+function eo(t) {
+  const e = Mt(), n = It(t.name), r = We(t.path), o = De(t.query), a = Me(t.hash), s = t.meta ?? {}, u = En(t) ? ue(t.host) : ue(""), c = dt({ id: e, meta: {}, state: {}, ...t }), f = {
+    id: e,
     matched: c,
     matches: [c],
-    name: e,
-    host: s,
-    path: n,
-    query: r,
-    hash: o,
-    meta: a,
+    name: n,
+    host: u,
+    path: r,
+    query: o,
+    hash: a,
+    meta: s,
     depth: 1,
     state: {}
-  }, l = pe(t) ? me(t.parent, u) : u;
-  return et(l.path.params, l.query.params, l.host.params), l;
+  }, i = ge(t) ? Re(t.parent, f) : f;
+  return et(i.path.params, i.query.params, i.host.params), i;
 }
 export {
-  an as DuplicateParamsError,
-  Vr as RouterLink,
-  Ht as RouterNotInstalledError,
-  jr as RouterView,
-  sn as UseRouteInvalidError,
-  vn as component,
-  Qr as createExternalRoute,
-  xn as createParam,
+  Rn as DuplicateParamsError,
+  Tr as RouterLink,
+  St as RouterNotInstalledError,
+  Ir as RouterView,
+  Hn as UseRouteInvalidError,
+  bn as component,
+  eo as createExternalRoute,
+  Un as createParam,
   J as createRoute,
-  Dr as createRouter,
-  Sn as isParamWithDefault,
-  Cr as isRoute,
-  Fr as onAfterRouteEnter,
-  Ir as onAfterRouteLeave,
-  Jr as onAfterRouteUpdate,
-  Mr as onBeforeRouteLeave,
-  Tr as onBeforeRouteUpdate,
-  ee as path,
-  ne as query,
-  le as routerInjectionKey,
-  Ee as routerRejectionKey,
-  Nr as useLink,
-  Ln as useRejection,
-  $r as useRoute,
-  Vt as useRouter,
-  Wr as withDefault
+  Kr as createRouter,
+  Bn as isParamWithDefault,
+  Mr as isRoute,
+  Xr as onAfterRouteEnter,
+  Zr as onAfterRouteLeave,
+  to as onAfterRouteUpdate,
+  zr as onBeforeRouteLeave,
+  Yr as onBeforeRouteUpdate,
+  ae as path,
+  se as query,
+  Ae as routerInjectionKey,
+  be as routerRejectionKey,
+  qr as useLink,
+  Vn as useRejection,
+  Wr as useRoute,
+  jt as useRouter,
+  Gr as withDefault
 };