@kitbag/router 0.13.3 → 0.14.0

package/dist/kitbag-router.js

@@ -1,145 +1,169 @@
-var sn = Object.defineProperty;
-var cn = (e, t, n) => t in e ? sn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var _ = (e, t, n) => cn(e, typeof t != "symbol" ? t + "" : t, n);
-import { inject as re, toRefs as un, computed as N, reactive as Ue, defineComponent as le, h as ve, ref as qe, markRaw as ye, defineAsyncComponent as fn, onMounted as ln, onBeforeUnmount as hn, watch as je, toValue as se, toRef as pn, onUnmounted as mt, openBlock as gt, createElementBlock as dn, normalizeClass as mn, renderSlot as vt, normalizeProps as yt, guardReactiveProps as gn, unref as ce, resolveComponent as vn, provide as yn, mergeProps as Rn, createBlock as wn, resolveDynamicComponent as Pn, createCommentVNode as En } from "vue";
-class he extends Error {
+var ln = Object.defineProperty;
+var hn = (e, t, n) => t in e ? ln(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var M = (e, t, n) => hn(e, typeof t != "symbol" ? t + "" : t, n);
+import { inject as ae, toRefs as pn, computed as N, reactive as Ue, defineComponent as se, h as Z, ref as Oe, markRaw as ve, watch as Re, defineAsyncComponent as dn, toValue as T, openBlock as yt, createElementBlock as mn, normalizeClass as yn, renderSlot as gt, normalizeProps as vt, guardReactiveProps as gn, unref as ue, getCurrentInstance as vn, resolveComponent as Rn, provide as wn, mergeProps as Pn, createBlock as En, resolveDynamicComponent as bn, createCommentVNode as Sn, onUnmounted as Rt } from "vue";
+function I(e) {
+  return typeof e != "string" ? !1 : /^(https?:\/\/|\/).*/g.test(e);
+}
+function wt(e) {
+  return I(e) ? e : `/${e}`;
+}
+class kn 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(t) {
+    super(`Invalid Param "${t}": Router does not support multiple params by the same name. All param names must be unique.`);
+  }
+}
+class An extends Error {
+  constructor(t) {
+    super(`Child property on meta for ${t} conflicts with the parent meta.`);
+  }
+}
+class pe extends Error {
   constructor() {
     super("Router not installed");
   }
 }
-function pe(e) {
+class xn 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(t, n) {
+    super(`useRoute called with incorrect route. Given ${t}, expected ${n}`);
+  }
+}
+const Pt = Symbol();
+function qe() {
+  const e = ae(Pt);
+  if (!e)
+    throw new pe();
+  return e;
+}
+function de(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function bn(e) {
+function Ln(e) {
   return e.every((t) => Array.isArray(t));
 }
-function de(e) {
+function me(e) {
   return typeof e == "string" && e.length > 0;
 }
-function Re(e) {
+function we(e) {
   return {
-    value: de(e) ? e.replace(/^#*/, "") : void 0
+    value: me(e) ? e.replace(/^#*/, "") : void 0
   };
 }
-function Sn(e, t) {
-  return Re(`${e.value ?? ""}${t.value ?? ""}`);
+function Un(e, t) {
+  return we(`${e.value ?? ""}${t.value ?? ""}`);
 }
-class kn extends Error {
-  constructor(t) {
-    super(`Child property on meta for ${t} conflicts with the parent meta.`);
-  }
-}
-function An(e, t) {
-  return xn(e, t), { ...e, ...t };
+function Cn(e, t) {
+  return Bn(e, t), { ...e, ...t };
 }
-function xn(e, t) {
+function Bn(e, t) {
   const n = Object.keys(e).find((r) => r in t && typeof t[r] != typeof e[r]);
   if (n)
-    throw new kn(n);
+    throw new An(n);
 }
-class Un 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(t) {
-    super(`Invalid Param "${t}": Router does not support multiple params by the same name. All param names must be unique.`);
-  }
-}
-function Y(e) {
+function ee(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Rt(e, t) {
+function Et(e, t) {
   return e.filter((n) => t === n).length;
 }
-function oe(...e) {
-  const t = e.flatMap((n) => Array.isArray(n) ? n : Object.keys(n).map(Bn));
+function ce(...e) {
+  const t = e.flatMap((n) => Array.isArray(n) ? n : Object.keys(n).map(Nn));
   for (const n of t)
-    if (Rt(t, n) > 1)
-      throw new Un(n);
+    if (Et(t, n) > 1)
+      throw new kn(n);
 }
-function Bn(e) {
+function Nn(e) {
   return e.startsWith("?") ? e.slice(1) : e;
 }
-function Ln(e, t) {
-  return oe(e.params, t.params), {
+function Vn(e, t) {
+  return ce(e.params, t.params), {
     value: `${e.value}${t.value}`,
     params: { ...e.params, ...t.params }
   };
 }
-function Cn(e, t) {
-  return oe(e.params, t.params), {
-    value: [e.value, t.value].filter(de).join("&"),
+function Hn(e, t) {
+  return ce(e.params, t.params), {
+    value: [e.value, t.value].filter(me).join("&"),
     params: { ...e.params, ...t.params }
   };
 }
-function Nn(e, t) {
-  return oe(e, t), { ...e, ...t };
+function jn(e, t) {
+  return ce(e, t), { ...e, ...t };
 }
-function Hn(e) {
+function $n(e) {
   return "host" in e && !!e.host;
 }
-function wt(e) {
+function bt(e) {
   return "parent" in e && !!e.parent;
 }
 function _e(e) {
   return "component" in e && !!e.component;
 }
-function Me(e) {
+function We(e) {
   return "components" in e && !!e.components;
 }
-function jn(e) {
+function On(e) {
   return "state" in e && !!e.state;
 }
-function Pt(e, t) {
+function St(e, t) {
   return {
     ...t,
-    path: Ln(e.path, t.path),
-    query: Cn(e.query, t.query),
-    meta: An(e.meta, t.meta),
-    state: Nn(e.state, t.state),
-    hash: Sn(e.hash, t.hash),
+    path: Vn(e.path, t.path),
+    query: Hn(e.query, t.query),
+    meta: Cn(e.meta, t.meta),
+    state: jn(e.state, t.state),
+    hash: Un(e.hash, t.hash),
     matches: [...e.matches, t.matched],
     host: e.host,
     depth: e.depth + 1
   };
 }
-function Te() {
+function De() {
   return typeof window < "u" && typeof window.document < "u";
 }
-class Z extends Error {
+class ie extends Error {
 }
-const W = "[", G = "]";
-function Vn(e) {
+const F = "[", K = "]";
+function qn(e) {
   return e !== String && e !== Boolean && e !== Number && e !== Date;
 }
-function $n(e) {
-  return typeof e == "function" && Vn(e);
+function _n(e) {
+  return typeof e == "function" && qn(e);
 }
-function Be(e) {
+function Ce(e) {
   return typeof e == "object" && "get" in e && typeof e.get == "function" && "set" in e && typeof e.set == "function";
 }
-function On(e) {
-  return Be(e) && e.defaultValue !== void 0;
+function Wn(e) {
+  return Ce(e) && e.defaultValue !== void 0;
 }
-function uo(e, t) {
-  return Mn(e, t);
+function so(e, t) {
+  return Tn(e, t);
 }
-function qn(e, t) {
+function Dn(e, t) {
   return e[t] ?? String;
 }
-const O = {
+const _ = {
   invalid: (e) => {
-    throw new Z(e);
+    throw new ie(e);
   }
-}, _n = {
+}, Mn = {
   get: (e) => e,
   set: (e, { invalid: t }) => {
     if (typeof e != "string")
       throw t();
     return e;
   }
-}, Et = {
+}, kt = {
   get: (e, { invalid: t }) => {
     if (e === "true")
       return !0;
@@ -152,7 +176,7 @@ const O = {
       throw t();
     return e.toString();
   }
-}, bt = {
+}, At = {
   get: (e, { invalid: t }) => {
     const n = Number(e);
     if (isNaN(n))
@@ -164,7 +188,7 @@ const O = {
       throw t();
     return e.toString();
   }
-}, St = {
+}, xt = {
   get: (e, { invalid: t }) => {
     const n = new Date(e);
     if (isNaN(n.getTime()))
@@ -176,7 +200,7 @@ const O = {
       throw t();
     return e.toISOString();
   }
-}, kt = {
+}, Lt = {
   get: (e, { invalid: t }) => {
     try {
       return JSON.parse(e);
@@ -192,84 +216,84 @@ const O = {
     }
   }
 };
-function ue(e, t, n = !1) {
-  if (e === void 0 || !de(e)) {
-    if (On(t))
+function fe(e, t, n = !1) {
+  if (e === void 0 || !me(e)) {
+    if (Wn(t))
       return t.defaultValue;
     if (n)
       return;
-    throw new Z();
+    throw new ie();
   }
   if (t === String)
-    return _n.get(e, O);
+    return Mn.get(e, _);
   if (t === Boolean)
-    return Et.get(e, O);
+    return kt.get(e, _);
   if (t === Number)
-    return bt.get(e, O);
+    return At.get(e, _);
   if (t === Date)
-    return St.get(e, O);
+    return xt.get(e, _);
   if (t === JSON)
-    return kt.get(e, O);
-  if ($n(t))
-    return t(e, O);
-  if (Be(t))
-    return t.get(e, O);
+    return Lt.get(e, _);
+  if (_n(t))
+    return t(e, _);
+  if (Ce(t))
+    return t.get(e, _);
   if (t instanceof RegExp) {
     if (t.test(e))
       return e;
-    throw new Z();
+    throw new ie();
   }
   return e;
 }
-function ie(e, t, n = !1) {
+function le(e, t, n = !1) {
   if (e === void 0) {
     if (n)
       return "";
-    throw new Z();
+    throw new ie();
   }
   if (t === Boolean)
-    return Et.set(e, O);
+    return kt.set(e, _);
   if (t === Number)
-    return bt.set(e, O);
+    return At.set(e, _);
   if (t === Date)
-    return St.set(e, O);
+    return xt.set(e, _);
   if (t === JSON)
-    return kt.set(e, O);
-  if (Be(t))
-    return t.set(e, O);
+    return Lt.set(e, _);
+  if (Ce(t))
+    return t.set(e, _);
   try {
     return e.toString();
   } catch {
-    throw new Z();
+    throw new ie();
   }
 }
-function Mn(e, t) {
-  return Be(e) ? { ...e, defaultValue: t ?? e.defaultValue } : {
-    get: (n) => ue(n, e),
-    set: (n) => ie(n, e),
+function Tn(e, t) {
+  return Ce(e) ? { ...e, defaultValue: t ?? e.defaultValue } : {
+    get: (n) => fe(n, e),
+    set: (n) => le(n, e),
     defaultValue: t
   };
 }
-function Q() {
-  return Q = Object.assign ? Object.assign.bind() : function(e) {
+function G() {
+  return G = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, Q.apply(this, arguments);
+  }, G.apply(this, arguments);
 }
-var H;
+var j;
 (function(e) {
   e.Pop = "POP", e.Push = "PUSH", e.Replace = "REPLACE";
-})(H || (H = {}));
-var ee = process.env.NODE_ENV !== "production" ? function(e) {
+})(j || (j = {}));
+var ne = process.env.NODE_ENV !== "production" ? function(e) {
   return Object.freeze(e);
 } : function(e) {
   return e;
 };
-function K(e, t) {
+function Y(e, t) {
   if (!e) {
     typeof console < "u" && console.warn(t);
     try {
@@ -278,38 +302,38 @@ function K(e, t) {
     }
   }
 }
-var we = "beforeunload", Tn = "hashchange", At = "popstate";
-function ot(e) {
+var Pe = "beforeunload", In = "hashchange", Ut = "popstate";
+function rt(e) {
   e === void 0 && (e = {});
   var t = e, n = t.window, r = n === void 0 ? document.defaultView : n, o = r.history;
   function a() {
-    var v = r.location, h = v.pathname, g = v.search, b = v.hash, S = o.state || {};
-    return [S.idx, ee({
-      pathname: h,
-      search: g,
-      hash: b,
-      state: S.usr || null,
-      key: S.key || "default"
+    var g = r.location, l = g.pathname, y = g.search, S = g.hash, k = o.state || {};
+    return [k.idx, ne({
+      pathname: l,
+      search: y,
+      hash: S,
+      state: k.usr || null,
+      key: k.key || "default"
     })];
   }
-  var s = null;
-  function c() {
-    if (s)
-      p.call(s), s = null;
+  var c = null;
+  function s() {
+    if (c)
+      h.call(c), c = null;
     else {
-      var v = H.Pop, h = a(), g = h[0], b = h[1];
-      if (p.length)
-        if (g != null) {
-          var S = f - g;
-          S && (s = {
-            action: v,
-            location: b,
+      var g = j.Pop, l = a(), y = l[0], S = l[1];
+      if (h.length)
+        if (y != null) {
+          var k = f - y;
+          k && (c = {
+            action: g,
+            location: S,
             retry: function() {
-              x(S * -1);
+              L(k * -1);
             }
-          }, x(S));
+          }, L(k));
         } else
-          process.env.NODE_ENV !== "production" && K(
+          process.env.NODE_ENV !== "production" && Y(
             !1,
             // TODO: Write up a doc that explains our blocking strategy in
             // detail and link to it here so people can understand better what
@@ -317,137 +341,137 @@ function ot(e) {
             "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
-        A(v);
+        A(g);
     }
   }
-  r.addEventListener(At, c);
-  var u = H.Pop, i = a(), f = i[0], l = i[1], m = te(), p = te();
-  f == null && (f = 0, o.replaceState(Q({}, o.state, {
+  r.addEventListener(Ut, s);
+  var u = j.Pop, i = a(), f = i[0], p = i[1], P = re(), h = re();
+  f == null && (f = 0, o.replaceState(G({}, o.state, {
     idx: f
   }), ""));
-  function P(v) {
-    return typeof v == "string" ? v : z(v);
+  function m(g) {
+    return typeof g == "string" ? g : X(g);
   }
-  function y(v, h) {
-    return h === void 0 && (h = null), ee(Q({
-      pathname: l.pathname,
+  function v(g, l) {
+    return l === void 0 && (l = null), ne(G({
+      pathname: p.pathname,
       hash: "",
       search: ""
-    }, typeof v == "string" ? fe(v) : v, {
-      state: h,
-      key: Ee()
+    }, typeof g == "string" ? he(g) : g, {
+      state: l,
+      key: be()
     }));
   }
-  function R(v, h) {
+  function w(g, l) {
     return [{
-      usr: v.state,
-      key: v.key,
-      idx: h
-    }, P(v)];
-  }
-  function k(v, h, g) {
-    return !p.length || (p.call({
-      action: v,
-      location: h,
-      retry: g
+      usr: g.state,
+      key: g.key,
+      idx: l
+    }, m(g)];
+  }
+  function R(g, l, y) {
+    return !h.length || (h.call({
+      action: g,
+      location: l,
+      retry: y
     }), !1);
   }
-  function A(v) {
-    u = v;
-    var h = a();
-    f = h[0], l = h[1], m.call({
+  function A(g) {
+    u = g;
+    var l = a();
+    f = l[0], p = l[1], P.call({
       action: u,
-      location: l
+      location: p
     });
   }
-  function d(v, h) {
-    var g = H.Push, b = y(v, h);
-    function S() {
-      d(v, h);
+  function d(g, l) {
+    var y = j.Push, S = v(g, l);
+    function k() {
+      d(g, l);
     }
-    if (k(g, b, S)) {
-      var B = R(b, f + 1), C = B[0], j = B[1];
+    if (R(y, S, k)) {
+      var U = w(S, f + 1), C = U[0], O = U[1];
       try {
-        o.pushState(C, "", j);
+        o.pushState(C, "", O);
       } catch {
-        r.location.assign(j);
+        r.location.assign(O);
       }
-      A(g);
+      A(y);
     }
   }
-  function E(v, h) {
-    var g = H.Replace, b = y(v, h);
-    function S() {
-      E(v, h);
+  function b(g, l) {
+    var y = j.Replace, S = v(g, l);
+    function k() {
+      b(g, l);
     }
-    if (k(g, b, S)) {
-      var B = R(b, f), C = B[0], j = B[1];
-      o.replaceState(C, "", j), A(g);
+    if (R(y, S, k)) {
+      var U = w(S, f), C = U[0], O = U[1];
+      o.replaceState(C, "", O), A(y);
     }
   }
-  function x(v) {
-    o.go(v);
+  function L(g) {
+    o.go(g);
   }
-  var U = {
+  var x = {
     get action() {
       return u;
     },
     get location() {
-      return l;
+      return p;
     },
-    createHref: P,
+    createHref: m,
     push: d,
-    replace: E,
-    go: x,
+    replace: b,
+    go: L,
     back: function() {
-      x(-1);
+      L(-1);
     },
     forward: function() {
-      x(1);
+      L(1);
     },
-    listen: function(h) {
-      return m.push(h);
+    listen: function(l) {
+      return P.push(l);
     },
-    block: function(h) {
-      var g = p.push(h);
-      return p.length === 1 && r.addEventListener(we, Pe), function() {
-        g(), p.length || r.removeEventListener(we, Pe);
+    block: function(l) {
+      var y = h.push(l);
+      return h.length === 1 && r.addEventListener(Pe, Ee), function() {
+        y(), h.length || r.removeEventListener(Pe, Ee);
       };
     }
   };
-  return U;
+  return x;
 }
-function Dn(e) {
+function Fn(e) {
   e === void 0 && (e = {});
   var t = e, n = t.window, r = n === void 0 ? document.defaultView : n, o = r.history;
   function a() {
-    var h = fe(r.location.hash.substr(1)), g = h.pathname, b = g === void 0 ? "/" : g, S = h.search, B = S === void 0 ? "" : S, C = h.hash, j = C === void 0 ? "" : C, q = o.state || {};
-    return [q.idx, ee({
-      pathname: b,
-      search: B,
-      hash: j,
-      state: q.usr || null,
-      key: q.key || "default"
+    var l = he(r.location.hash.substr(1)), y = l.pathname, S = y === void 0 ? "/" : y, k = l.search, U = k === void 0 ? "" : k, C = l.hash, O = C === void 0 ? "" : C, W = o.state || {};
+    return [W.idx, ne({
+      pathname: S,
+      search: U,
+      hash: O,
+      state: W.usr || null,
+      key: W.key || "default"
     })];
   }
-  var s = null;
-  function c() {
-    if (s)
-      p.call(s), s = null;
+  var c = null;
+  function s() {
+    if (c)
+      h.call(c), c = null;
     else {
-      var h = H.Pop, g = a(), b = g[0], S = g[1];
-      if (p.length)
-        if (b != null) {
-          var B = f - b;
-          B && (s = {
-            action: h,
-            location: S,
+      var l = j.Pop, y = a(), S = y[0], k = y[1];
+      if (h.length)
+        if (S != null) {
+          var U = f - S;
+          U && (c = {
+            action: l,
+            location: k,
             retry: function() {
-              U(B * -1);
+              x(U * -1);
             }
-          }, U(B));
+          }, x(U));
         } else
-          process.env.NODE_ENV !== "production" && K(
+          process.env.NODE_ENV !== "production" && Y(
             !1,
             // TODO: Write up a doc that explains our blocking strategy in
             // detail and link to it here so people can understand better
@@ -455,212 +479,212 @@ function Dn(e) {
             "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
-        d(h);
+        d(l);
     }
   }
-  r.addEventListener(At, c), r.addEventListener(Tn, function() {
-    var h = a(), g = h[1];
-    z(g) !== z(l) && c();
+  r.addEventListener(Ut, s), r.addEventListener(In, function() {
+    var l = a(), y = l[1];
+    X(y) !== X(p) && s();
   });
-  var u = H.Pop, i = a(), f = i[0], l = i[1], m = te(), p = te();
-  f == null && (f = 0, o.replaceState(Q({}, o.state, {
+  var u = j.Pop, i = a(), f = i[0], p = i[1], P = re(), h = re();
+  f == null && (f = 0, o.replaceState(G({}, o.state, {
     idx: f
   }), ""));
-  function P() {
-    var h = document.querySelector("base"), g = "";
-    if (h && h.getAttribute("href")) {
-      var b = r.location.href, S = b.indexOf("#");
-      g = S === -1 ? b : b.slice(0, S);
+  function m() {
+    var l = document.querySelector("base"), y = "";
+    if (l && l.getAttribute("href")) {
+      var S = r.location.href, k = S.indexOf("#");
+      y = k === -1 ? S : S.slice(0, k);
     }
-    return g;
+    return y;
   }
-  function y(h) {
-    return P() + "#" + (typeof h == "string" ? h : z(h));
+  function v(l) {
+    return m() + "#" + (typeof l == "string" ? l : X(l));
   }
-  function R(h, g) {
-    return g === void 0 && (g = null), ee(Q({
-      pathname: l.pathname,
+  function w(l, y) {
+    return y === void 0 && (y = null), ne(G({
+      pathname: p.pathname,
       hash: "",
       search: ""
-    }, typeof h == "string" ? fe(h) : h, {
-      state: g,
-      key: Ee()
+    }, typeof l == "string" ? he(l) : l, {
+      state: y,
+      key: be()
     }));
   }
-  function k(h, g) {
+  function R(l, y) {
     return [{
-      usr: h.state,
-      key: h.key,
-      idx: g
-    }, y(h)];
-  }
-  function A(h, g, b) {
-    return !p.length || (p.call({
-      action: h,
-      location: g,
-      retry: b
+      usr: l.state,
+      key: l.key,
+      idx: y
+    }, v(l)];
+  }
+  function A(l, y, S) {
+    return !h.length || (h.call({
+      action: l,
+      location: y,
+      retry: S
     }), !1);
   }
-  function d(h) {
-    u = h;
-    var g = a();
-    f = g[0], l = g[1], m.call({
+  function d(l) {
+    u = l;
+    var y = a();
+    f = y[0], p = y[1], P.call({
       action: u,
-      location: l
+      location: p
     });
   }
-  function E(h, g) {
-    var b = H.Push, S = R(h, g);
-    function B() {
-      E(h, g);
+  function b(l, y) {
+    var S = j.Push, k = w(l, y);
+    function U() {
+      b(l, y);
     }
-    if (process.env.NODE_ENV !== "production" && K(S.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.push(" + JSON.stringify(h) + ")"), A(b, S, B)) {
-      var C = k(S, f + 1), j = C[0], q = C[1];
+    if (process.env.NODE_ENV !== "production" && Y(k.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.push(" + JSON.stringify(l) + ")"), A(S, k, U)) {
+      var C = R(k, f + 1), O = C[0], W = C[1];
       try {
-        o.pushState(j, "", q);
+        o.pushState(O, "", W);
       } catch {
-        r.location.assign(q);
+        r.location.assign(W);
       }
-      d(b);
+      d(S);
     }
   }
-  function x(h, g) {
-    var b = H.Replace, S = R(h, g);
-    function B() {
-      x(h, g);
+  function L(l, y) {
+    var S = j.Replace, k = w(l, y);
+    function U() {
+      L(l, y);
     }
-    if (process.env.NODE_ENV !== "production" && K(S.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(h) + ")"), A(b, S, B)) {
-      var C = k(S, f), j = C[0], q = C[1];
-      o.replaceState(j, "", q), d(b);
+    if (process.env.NODE_ENV !== "production" && Y(k.pathname.charAt(0) === "/", "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(l) + ")"), A(S, k, U)) {
+      var C = R(k, f), O = C[0], W = C[1];
+      o.replaceState(O, "", W), d(S);
     }
   }
-  function U(h) {
-    o.go(h);
+  function x(l) {
+    o.go(l);
   }
-  var v = {
+  var g = {
     get action() {
       return u;
     },
     get location() {
-      return l;
+      return p;
     },
-    createHref: y,
-    push: E,
-    replace: x,
-    go: U,
+    createHref: v,
+    push: b,
+    replace: L,
+    go: x,
     back: function() {
-      U(-1);
+      x(-1);
     },
     forward: function() {
-      U(1);
+      x(1);
     },
-    listen: function(g) {
-      return m.push(g);
+    listen: function(y) {
+      return P.push(y);
     },
-    block: function(g) {
-      var b = p.push(g);
-      return p.length === 1 && r.addEventListener(we, Pe), function() {
-        b(), p.length || r.removeEventListener(we, Pe);
+    block: function(y) {
+      var S = h.push(y);
+      return h.length === 1 && r.addEventListener(Pe, Ee), function() {
+        S(), h.length || r.removeEventListener(Pe, Ee);
       };
     }
   };
-  return v;
+  return g;
 }
-function at(e) {
+function ot(e) {
   e === void 0 && (e = {});
   var t = e, n = t.initialEntries, r = n === void 0 ? ["/"] : n, o = t.initialIndex, a = r.map(function(d) {
-    var E = ee(Q({
+    var b = ne(G({
       pathname: "/",
       search: "",
       hash: "",
       state: null,
-      key: Ee()
-    }, typeof d == "string" ? fe(d) : d));
-    return process.env.NODE_ENV !== "production" && K(E.pathname.charAt(0) === "/", "Relative pathnames are not supported in createMemoryHistory({ initialEntries }) (invalid entry: " + JSON.stringify(d) + ")"), E;
-  }), s = st(o ?? a.length - 1, 0, a.length - 1), c = H.Pop, u = a[s], i = te(), f = te();
-  function l(d) {
-    return typeof d == "string" ? d : z(d);
-  }
-  function m(d, E) {
-    return E === void 0 && (E = null), ee(Q({
+      key: be()
+    }, typeof d == "string" ? he(d) : d));
+    return process.env.NODE_ENV !== "production" && Y(b.pathname.charAt(0) === "/", "Relative pathnames are not supported in createMemoryHistory({ initialEntries }) (invalid entry: " + JSON.stringify(d) + ")"), b;
+  }), c = at(o ?? a.length - 1, 0, a.length - 1), s = j.Pop, u = a[c], i = re(), f = re();
+  function p(d) {
+    return typeof d == "string" ? d : X(d);
+  }
+  function P(d, b) {
+    return b === void 0 && (b = null), ne(G({
       pathname: u.pathname,
       search: "",
       hash: ""
-    }, typeof d == "string" ? fe(d) : d, {
-      state: E,
-      key: Ee()
+    }, typeof d == "string" ? he(d) : d, {
+      state: b,
+      key: be()
     }));
   }
-  function p(d, E, x) {
+  function h(d, b, L) {
     return !f.length || (f.call({
       action: d,
-      location: E,
-      retry: x
+      location: b,
+      retry: L
     }), !1);
   }
-  function P(d, E) {
-    c = d, u = E, i.call({
-      action: c,
+  function m(d, b) {
+    s = d, u = b, i.call({
+      action: s,
       location: u
     });
   }
-  function y(d, E) {
-    var x = H.Push, U = m(d, E);
-    function v() {
-      y(d, E);
+  function v(d, b) {
+    var L = j.Push, x = P(d, b);
+    function g() {
+      v(d, b);
     }
-    process.env.NODE_ENV !== "production" && K(u.pathname.charAt(0) === "/", "Relative pathnames are not supported in memory history.push(" + JSON.stringify(d) + ")"), p(x, U, v) && (s += 1, a.splice(s, a.length, U), P(x, U));
+    process.env.NODE_ENV !== "production" && Y(u.pathname.charAt(0) === "/", "Relative pathnames are not supported in memory history.push(" + JSON.stringify(d) + ")"), h(L, x, g) && (c += 1, a.splice(c, a.length, x), m(L, x));
   }
-  function R(d, E) {
-    var x = H.Replace, U = m(d, E);
-    function v() {
-      R(d, E);
+  function w(d, b) {
+    var L = j.Replace, x = P(d, b);
+    function g() {
+      w(d, b);
     }
-    process.env.NODE_ENV !== "production" && K(u.pathname.charAt(0) === "/", "Relative pathnames are not supported in memory history.replace(" + JSON.stringify(d) + ")"), p(x, U, v) && (a[s] = U, P(x, U));
+    process.env.NODE_ENV !== "production" && Y(u.pathname.charAt(0) === "/", "Relative pathnames are not supported in memory history.replace(" + JSON.stringify(d) + ")"), h(L, x, g) && (a[c] = x, m(L, x));
   }
-  function k(d) {
-    var E = st(s + d, 0, a.length - 1), x = H.Pop, U = a[E];
-    function v() {
-      k(d);
+  function R(d) {
+    var b = at(c + d, 0, a.length - 1), L = j.Pop, x = a[b];
+    function g() {
+      R(d);
     }
-    p(x, U, v) && (s = E, P(x, U));
+    h(L, x, g) && (c = b, m(L, x));
   }
   var A = {
     get index() {
-      return s;
+      return c;
     },
     get action() {
-      return c;
+      return s;
     },
     get location() {
       return u;
     },
-    createHref: l,
-    push: y,
-    replace: R,
-    go: k,
+    createHref: p,
+    push: v,
+    replace: w,
+    go: R,
     back: function() {
-      k(-1);
+      R(-1);
     },
     forward: function() {
-      k(1);
+      R(1);
     },
-    listen: function(E) {
-      return i.push(E);
+    listen: function(b) {
+      return i.push(b);
     },
-    block: function(E) {
-      return f.push(E);
+    block: function(b) {
+      return f.push(b);
     }
   };
   return A;
 }
-function st(e, t, n) {
+function at(e, t, n) {
   return Math.min(Math.max(e, t), n);
 }
-function Pe(e) {
+function Ee(e) {
   e.preventDefault(), e.returnValue = "";
 }
-function te() {
+function re() {
   var e = [];
   return {
     get length() {
@@ -680,14 +704,14 @@ function te() {
     }
   };
 }
-function Ee() {
+function be() {
   return Math.random().toString(36).substr(2, 8);
 }
-function z(e) {
-  var t = e.pathname, n = t === void 0 ? "/" : t, r = e.search, o = r === void 0 ? "" : r, a = e.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 X(e) {
+  var t = e.pathname, n = t === void 0 ? "/" : t, r = e.search, o = r === void 0 ? "" : r, a = e.hash, c = a === void 0 ? "" : a;
+  return o && o !== "?" && (n += o.charAt(0) === "?" ? o : "?" + o), c && c !== "#" && (n += c.charAt(0) === "#" ? c : "#" + c), n;
 }
-function fe(e) {
+function he(e) {
   var t = {};
   if (e) {
     var n = e.indexOf("#");
@@ -697,74 +721,56 @@ function fe(e) {
   }
   return t;
 }
-class Wn 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(t, n) {
-    super(`useRoute called with incorrect route. Given ${t}, expected ${n}`);
-  }
-}
-const xt = Symbol();
-function In() {
-  const e = re(xt);
+const Ct = Symbol();
+function Jn() {
+  const e = ae(Ct);
   if (!e)
-    throw new he();
-  return e;
-}
-const Ut = Symbol();
-function De() {
-  const e = re(Ut);
-  if (!e)
-    throw new he();
+    throw new pe();
   return e;
 }
 const Bt = Symbol("isRouterRouteSymbol");
-function Fn(e) {
+function Qn(e) {
   return typeof e == "object" && e !== null && Bt in e;
 }
-function Jn(e, t) {
-  function n(y, R, k) {
-    if (typeof y == "object") {
-      const d = {
+function Gn(e, t) {
+  function n(w, R, A) {
+    if (typeof w == "object") {
+      const b = {
         ...e.params,
-        ...y
+        ...w
       };
-      return t(e.name, d, R);
+      return t(e.name, b, R);
     }
-    const A = {
+    const d = {
       ...e.params,
-      [y]: R
+      [w]: R
     };
-    return t(e.name, A, k);
+    return t(e.name, d, A);
   }
-  const r = (...y) => {
+  const r = (...w) => {
     const R = new URLSearchParams(e.query.toString());
-    R.set(...y), n({}, { query: R });
-  }, o = (...y) => {
+    R.set(...w), n({}, { query: R });
+  }, o = (...w) => {
     const R = new URLSearchParams(e.query.toString());
-    R.append(...y), n({}, { query: R });
-  }, a = (...y) => {
+    R.append(...w), n({}, { query: R });
+  }, a = (...w) => {
     const R = new URLSearchParams(e.query.toString());
-    R.delete(...y), n({}, { query: R });
-  }, { id: s, matched: c, matches: u, name: i, hash: f } = un(e), l = N({
+    R.delete(...w), n({}, { query: R });
+  }, { id: c, matched: s, matches: u, name: i, hash: f, href: p } = pn(e), P = N({
     get() {
       return new Proxy(e.params, {
-        set(y, R, k) {
-          return n(R, k), !0;
+        set(w, R, A) {
+          return n(R, A), !0;
         }
       });
     },
-    set(y) {
-      n(y);
+    set(w) {
+      n(w);
     }
-  }), m = N({
+  }), h = N({
     get() {
       return new Proxy(e.query, {
-        get(y, R, k) {
+        get(w, R, A) {
           switch (R) {
             case "append":
               return o;
@@ -773,68 +779,69 @@ function Jn(e, t) {
             case "delete":
               return a;
             default:
-              return Reflect.get(y, R, k);
+              return Reflect.get(w, R, A);
           }
         }
       });
     },
-    set(y) {
-      n({}, { query: y });
+    set(w) {
+      n({}, { query: w });
     }
-  }), p = N({
+  }), m = N({
     get() {
       return new Proxy(e.state, {
-        set(y, R, k) {
-          return n({}, { state: { ...e.state, [R]: k } }), !0;
+        set(w, R, A) {
+          return n({}, { state: { ...e.state, [R]: A } }), !0;
         }
       });
     },
-    set(y) {
-      n({}, { state: y });
+    set(w) {
+      n({}, { state: w });
     }
   });
   return Ue({
-    id: s,
-    matched: c,
+    id: c,
+    matched: s,
     matches: u,
-    state: p,
-    query: m,
+    state: m,
+    query: h,
     hash: f,
-    params: l,
+    params: P,
     name: i,
+    href: p,
     update: n,
     [Bt]: !0
   });
 }
-const Lt = Symbol();
-function Qn(e, t) {
-  const n = Ue({ ...e }), r = (s) => {
+const Nt = Symbol();
+function Kn(e, t) {
+  const n = Ue({ ...e }), r = (c) => {
     Object.assign(n, {
-      [Lt]: !1,
-      ...s
+      [Nt]: !1,
+      ...c
     });
-  }, o = n, a = Jn(o, t);
+  }, o = n, a = Gn(o, t);
   return {
     currentRoute: o,
     routerRoute: a,
     updateRoute: r
   };
 }
-function T(e) {
-  return !e.startsWith("http") ? Kn(e) : Gn(e);
+function D(e) {
+  return !e.startsWith("http") ? Yn(e) : zn(e);
 }
-function Gn(e) {
-  const { protocol: t, host: n, pathname: r, search: o, searchParams: a, hash: s } = new URL(e, e);
+function zn(e) {
+  const { protocol: t, host: n, pathname: r, search: o, searchParams: a, hash: c } = new URL(e, e);
   return {
     protocol: t,
     host: n,
     pathname: r,
     search: o,
     searchParams: a,
-    hash: s
+    hash: c
   };
 }
-function Kn(e) {
+function Yn(e) {
   const { pathname: t, search: n, searchParams: r, hash: o } = new URL(e, "https://localhost");
   return {
     pathname: t,
@@ -843,21 +850,21 @@ function Kn(e) {
     hash: o
   };
 }
-function zn(e) {
+function Xn(e) {
   return (t) => {
-    const { host: n } = T(t);
+    const { host: n } = D(t);
     return !(n === void 0 || n === e);
   };
 }
-function Yn({ mode: e, listener: t }) {
-  const n = Xn(e), r = (u, i) => {
+function Zn({ mode: e, listener: t }) {
+  const n = er(e), r = (u, i) => {
     if (i != null && i.replace) {
       n.replace(u, i.state);
       return;
     }
     n.push(u, i == null ? void 0 : i.state);
   }, o = () => {
-    const u = z(n.location);
+    const u = X(n.location);
     n.replace(u);
   };
   let a;
@@ -873,145 +880,139 @@ function Yn({ mode: e, listener: t }) {
     }
   };
 }
-function Xn(e = "auto") {
+function er(e = "auto") {
   switch (e) {
     case "auto":
-      return Te() ? ot() : at();
+      return De() ? rt() : ot();
     case "browser":
-      return ot();
+      return rt();
     case "memory":
-      return at();
+      return ot();
     case "hash":
-      return Dn();
+      return Fn();
     default:
       const t = e;
       throw new Error(`Switch is not exhaustive for mode: ${t}`);
   }
 }
-class be {
+class Se {
   constructor() {
-    _(this, "onBeforeRouteEnter", /* @__PURE__ */ new Set());
-    _(this, "onBeforeRouteUpdate", /* @__PURE__ */ new Set());
-    _(this, "onBeforeRouteLeave", /* @__PURE__ */ new Set());
-    _(this, "onAfterRouteEnter", /* @__PURE__ */ new Set());
-    _(this, "onAfterRouteUpdate", /* @__PURE__ */ new Set());
-    _(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 Ct extends Error {
+class Vt extends Error {
   constructor() {
     super("Uncaught CallbackContextAbortError");
-    _(this, "response");
+    M(this, "response");
     this.response = { status: "ABORT" };
   }
 }
-class X extends Error {
+class te extends Error {
   constructor(n) {
     super("Uncaught CallbackContextPushError");
-    _(this, "response");
+    M(this, "response");
     this.response = { status: "PUSH", to: n };
   }
 }
-class Se extends Error {
+class ke extends Error {
   constructor(n) {
     super("Uncaught CallbackContextRejectionError");
-    _(this, "response");
+    M(this, "response");
     this.response = { status: "REJECT", type: n };
   }
 }
-function Zn(e, t) {
-  const n = new be();
+function tr(e, t) {
+  const n = new Se();
   return e.matches.forEach((r, o) => {
-    r.onBeforeRouteEnter && We(e, t, o) && Y(r.onBeforeRouteEnter).forEach((a) => n.onBeforeRouteEnter.add(a)), r.onBeforeRouteUpdate && Fe(e, t, o) && Y(r.onBeforeRouteUpdate).forEach((a) => n.onBeforeRouteUpdate.add(a));
+    r.onBeforeRouteEnter && Me(e, t, o) && ee(r.onBeforeRouteEnter).forEach((a) => n.onBeforeRouteEnter.add(a)), r.onBeforeRouteUpdate && Ie(e, t, o) && ee(r.onBeforeRouteUpdate).forEach((a) => n.onBeforeRouteUpdate.add(a));
   }), t.matches.forEach((r, o) => {
-    r.onBeforeRouteLeave && Ie(e, t, o) && Y(r.onBeforeRouteLeave).forEach((a) => n.onBeforeRouteLeave.add(a));
+    r.onBeforeRouteLeave && Te(e, t, o) && ee(r.onBeforeRouteLeave).forEach((a) => n.onBeforeRouteLeave.add(a));
   }), n;
 }
-function er(e, t) {
-  const n = new be();
+function nr(e, t) {
+  const n = new Se();
   return e.matches.forEach((r, o) => {
-    r.onAfterRouteEnter && We(e, t, o) && Y(r.onAfterRouteEnter).forEach((a) => n.onAfterRouteEnter.add(a)), r.onAfterRouteUpdate && Fe(e, t, o) && Y(r.onAfterRouteUpdate).forEach((a) => n.onAfterRouteUpdate.add(a));
+    r.onAfterRouteEnter && Me(e, t, o) && ee(r.onAfterRouteEnter).forEach((a) => n.onAfterRouteEnter.add(a)), r.onAfterRouteUpdate && Ie(e, t, o) && ee(r.onAfterRouteUpdate).forEach((a) => n.onAfterRouteUpdate.add(a));
   }), t.matches.forEach((r, o) => {
-    r.onAfterRouteLeave && Ie(e, t, o) && Y(r.onAfterRouteLeave).forEach((a) => n.onAfterRouteLeave.add(a));
+    r.onAfterRouteLeave && Te(e, t, o) && ee(r.onAfterRouteLeave).forEach((a) => n.onAfterRouteLeave.add(a));
   }), n;
 }
-function M(e) {
-  return typeof e != "string" ? !1 : /^(https?:\/\/|\/).*/g.test(e);
-}
-function tr(e) {
-  return M(e) ? e : `/${e}`;
-}
-function Nt() {
+function Ht() {
   return { reject: (o) => {
-    throw new Se(o);
+    throw new ke(o);
   }, push: (...o) => {
-    throw new X(o);
-  }, replace: (o, a, s) => {
-    if (M(o)) {
+    throw new te(o);
+  }, replace: (o, a, c) => {
+    if (I(o)) {
       const i = a ?? {};
-      throw new X([o, { ...i, replace: !0 }]);
+      throw new te([o, { ...i, replace: !0 }]);
     }
-    const c = a, u = s ?? {};
-    throw new X([o, c, { ...u, replace: !0 }]);
+    const s = a, u = c ?? {};
+    throw new te([o, s, { ...u, replace: !0 }]);
   }, abort: () => {
-    throw new Ct();
+    throw new Vt();
   } };
 }
-function nr() {
-  const { reject: e, push: t, replace: n, abort: r } = Nt();
-  async function o({ to: s, from: c, hooks: u }) {
-    const { global: i, component: f } = u, l = Zn(s, c), m = [
+function rr() {
+  const { reject: e, push: t, replace: n, abort: r } = Ht();
+  async function o({ to: c, from: s, hooks: u }) {
+    const { global: i, component: f } = u, p = tr(c, s), P = [
       ...i.onBeforeRouteEnter,
-      ...l.onBeforeRouteEnter,
+      ...p.onBeforeRouteEnter,
       ...i.onBeforeRouteUpdate,
-      ...l.onBeforeRouteUpdate,
+      ...p.onBeforeRouteUpdate,
       ...f.onBeforeRouteUpdate,
       ...i.onBeforeRouteLeave,
-      ...l.onBeforeRouteLeave,
+      ...p.onBeforeRouteLeave,
       ...f.onBeforeRouteLeave
     ];
     try {
-      const p = m.map((P) => P(s, {
-        from: c,
+      const h = P.map((m) => m(c, {
+        from: s,
         reject: e,
         push: t,
         replace: n,
         abort: r
       }));
-      await Promise.all(p);
-    } catch (p) {
-      if (p instanceof X || p instanceof Se || p instanceof Ct)
-        return p.response;
-      throw p;
+      await Promise.all(h);
+    } catch (h) {
+      if (h instanceof te || h instanceof ke || h instanceof Vt)
+        return h.response;
+      throw h;
     }
     return {
       status: "SUCCESS"
     };
   }
-  async function a({ to: s, from: c, hooks: u }) {
-    const { global: i, component: f } = u, l = er(s, c), m = [
+  async function a({ to: c, from: s, hooks: u }) {
+    const { global: i, component: f } = u, p = nr(c, s), P = [
       ...f.onAfterRouteLeave,
-      ...l.onAfterRouteLeave,
+      ...p.onAfterRouteLeave,
       ...i.onAfterRouteLeave,
       ...f.onAfterRouteUpdate,
-      ...l.onAfterRouteUpdate,
+      ...p.onAfterRouteUpdate,
       ...i.onAfterRouteUpdate,
       ...f.onAfterRouteEnter,
-      ...l.onAfterRouteEnter,
+      ...p.onAfterRouteEnter,
       ...i.onAfterRouteEnter
     ];
     try {
-      const p = m.map((P) => P(s, {
-        from: c,
+      const h = P.map((m) => m(c, {
+        from: s,
         reject: e,
         push: t,
         replace: n
       }));
-      await Promise.all(p);
-    } catch (p) {
-      if (p instanceof X || p instanceof Se)
-        return p.response;
-      throw p;
+      await Promise.all(h);
+    } catch (h) {
+      if (h instanceof te || h instanceof ke)
+        return h.response;
+      throw h;
     }
     return {
       status: "SUCCESS"
@@ -1022,74 +1023,74 @@ function nr() {
     runAfterRouteHooks: a
   };
 }
-const We = (e, t, n) => {
+const Me = (e, t, n) => {
   var a;
   const r = e.matches, o = (t == null ? void 0 : t.matches) ?? [];
   return r.length < n || r[n].id !== ((a = o[n]) == null ? void 0 : a.id);
-}, Ie = (e, t, n) => {
+}, Te = (e, t, n) => {
   var a;
   const r = e.matches, o = (t == null ? void 0 : t.matches) ?? [];
   return r.length < n || r[n].id !== ((a = o[n]) == null ? void 0 : a.id);
-}, Fe = (e, t, n) => {
+}, Ie = (e, t, n) => {
   var r;
   return e.matches[n].id === ((r = t == null ? void 0 : t.matches[n]) == null ? void 0 : r.id);
 };
-function ct(e) {
+function st(e) {
   switch (e) {
     case "onBeforeRouteEnter":
     case "onAfterRouteEnter":
-      return We;
+      return Me;
     case "onBeforeRouteUpdate":
     case "onAfterRouteUpdate":
-      return Fe;
+      return Ie;
     case "onBeforeRouteLeave":
     case "onAfterRouteLeave":
-      return Ie;
+      return Te;
     default:
       throw new Error(`Switch is not exhaustive for lifecycle: ${e}`);
   }
 }
-function rr() {
+function or() {
   const e = {
-    global: new be(),
-    component: new be()
+    global: new Se(),
+    component: new Se()
   };
-  function t({ lifecycle: r, timing: o, depth: a, hook: s }) {
-    const c = ct(r), u = e[o][r], i = (f, l) => {
-      if (c(f, l.from, a))
-        return s(f, l);
+  function t({ lifecycle: r, timing: o, depth: a, hook: c }) {
+    const s = st(r), u = e[o][r], i = (f, p) => {
+      if (s(f, p.from, a))
+        return c(f, p);
     };
     return u.add(i), () => u.delete(i);
   }
-  function n({ lifecycle: r, timing: o, depth: a, hook: s }) {
-    const c = ct(r), u = e[o][r], i = (f, l) => {
-      if (c(f, l.from, a))
-        return s(f, l);
+  function n({ lifecycle: r, timing: o, depth: a, hook: c }) {
+    const s = st(r), u = e[o][r], i = (f, p) => {
+      if (s(f, p.from, a))
+        return c(f, p);
     };
     return u.add(i), () => u.delete(i);
   }
   return { ...e, addBeforeRouteHook: t, addAfterRouteHook: n };
 }
-const Ht = Symbol();
-function or() {
-  const e = rr();
+const jt = Symbol();
+function ar() {
+  const e = or();
   return {
-    onBeforeRouteEnter: (c) => e.addBeforeRouteHook({ lifecycle: "onBeforeRouteEnter", hook: c, timing: "global", depth: 0 }),
-    onBeforeRouteUpdate: (c) => e.addBeforeRouteHook({ lifecycle: "onBeforeRouteUpdate", hook: c, timing: "global", depth: 0 }),
-    onBeforeRouteLeave: (c) => e.addBeforeRouteHook({ lifecycle: "onBeforeRouteLeave", hook: c, timing: "global", depth: 0 }),
-    onAfterRouteEnter: (c) => e.addAfterRouteHook({ lifecycle: "onAfterRouteEnter", hook: c, timing: "global", depth: 0 }),
-    onAfterRouteUpdate: (c) => e.addAfterRouteHook({ lifecycle: "onAfterRouteUpdate", hook: c, timing: "global", depth: 0 }),
-    onAfterRouteLeave: (c) => e.addAfterRouteHook({ lifecycle: "onAfterRouteLeave", hook: c, timing: "global", depth: 0 }),
+    onBeforeRouteEnter: (s) => e.addBeforeRouteHook({ lifecycle: "onBeforeRouteEnter", hook: s, timing: "global", depth: 0 }),
+    onBeforeRouteUpdate: (s) => e.addBeforeRouteHook({ lifecycle: "onBeforeRouteUpdate", hook: s, timing: "global", depth: 0 }),
+    onBeforeRouteLeave: (s) => e.addBeforeRouteHook({ lifecycle: "onBeforeRouteLeave", hook: s, timing: "global", depth: 0 }),
+    onAfterRouteEnter: (s) => e.addAfterRouteHook({ lifecycle: "onAfterRouteEnter", hook: s, timing: "global", depth: 0 }),
+    onAfterRouteUpdate: (s) => e.addAfterRouteHook({ lifecycle: "onAfterRouteUpdate", hook: s, timing: "global", depth: 0 }),
+    onAfterRouteLeave: (s) => e.addAfterRouteHook({ lifecycle: "onAfterRouteLeave", hook: s, timing: "global", depth: 0 }),
     hooks: e
   };
 }
-function ar(e) {
-  return le(() => () => ve("h1", e), {
+function sr(e) {
+  return se(() => () => Z("h1", e), {
     name: e,
     props: []
   });
 }
-function jt(e) {
+function Fe(e) {
   const t = new URLSearchParams(e);
   return {
     get: (...n) => t.get(...n),
@@ -1113,348 +1114,285 @@ function jt(e) {
     has: (...n) => t.has(...n)
   };
 }
-function Vt() {
+function $t() {
   let e = 0;
   return () => (++e).toString();
 }
-const Je = Vt();
-function sr({
+const Je = $t();
+function cr({
   rejections: e
 }) {
   const t = (a) => {
-    const s = {
+    const c = {
       ...e
     };
-    return ye(s[a] ?? ar(a));
+    return ve(c[a] ?? sr(a));
   }, n = (a) => {
-    const s = ye(t(a)), c = {
+    const c = ve(t(a)), s = {
       id: Je(),
-      component: s,
+      component: c,
       meta: {},
       state: {}
     };
     return {
-      id: c.id,
-      matched: c,
-      matches: [c],
+      id: s.id,
+      matched: s,
+      matches: [s],
       name: a,
-      query: jt(""),
+      query: Fe(""),
       params: {},
       state: {},
-      [Lt]: !0
+      href: "/",
+      [Nt]: !0
     };
   }, r = (a) => {
     if (!a) {
       o.value = null;
       return;
     }
-    const s = t(a);
-    o.value = { type: a, component: s };
-  }, o = qe(null);
+    const c = t(a);
+    o.value = { type: a, component: c };
+  }, o = Oe(null);
   return {
     setRejection: r,
     rejection: o,
     getRejectionRoute: n
   };
 }
-class cr extends Error {
-  constructor(t) {
-    super(`Route not found: "${t}"`);
+class ur extends Error {
+  constructor() {
+    super("initialUrl must be set if window.location is unavailable");
   }
 }
+function ir(e) {
+  if (e)
+    return e;
+  if (De())
+    return window.location.toString();
+  throw new ur();
+}
 function Qe(e) {
   return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function ur(e, t) {
+function fr(e, t) {
   const n = Array.from(e.matchAll(t));
   if (n.length === 0)
     return [e];
   let r = 0;
-  const o = n.reduce((s, c) => {
-    const u = Qe(e.slice(r, c.index));
-    u.length && s.push(u);
-    const [i] = c;
-    return s.push(i), r = c.index + i.length, s;
+  const o = n.reduce((c, s) => {
+    const u = Qe(e.slice(r, s.index));
+    u.length && c.push(u);
+    const [i] = s;
+    return c.push(i), r = s.index + i.length, c;
   }, []), a = e.slice(r);
   return a && o.push(a), o;
 }
-function ir(e) {
-  const t = $t(e.path.value);
+function lr(e) {
+  const t = Ot(e.path.value);
   return new RegExp(`^${t}$`, "i");
 }
-function fr(e) {
+function hr(e) {
   const t = new URLSearchParams(e.query.value);
-  return Array.from(t.entries()).filter(([, n]) => !Ve(n)).map(([n, r]) => {
-    const o = $t(r);
+  return Array.from(t.entries()).filter(([, n]) => !He(n)).map(([n, r]) => {
+    const o = Ot(r);
     return new RegExp(`${Qe(n)}=${o}(&|$)`, "i");
   });
 }
-function $t(e) {
-  return ur(e, new RegExp(lr, "g")).map((t) => t.startsWith(W) ? Ot(t) : Qe(t)).join("");
-}
 function Ot(e) {
+  return fr(e, new RegExp(pr, "g")).map((t) => t.startsWith(F) ? qt(t) : Qe(t)).join("");
+}
+function qt(e) {
   return [
-    hr,
-    pr
+    dr,
+    mr
   ].reduce((t, n) => n(t), e);
 }
-const lr = `\\${W}\\??([\\w-_]+)\\${G}`, Ge = `\\${W}\\?([\\w-_]+)\\${G}`, qt = `\\${W}([\\w-_]+)\\${G}`;
-function hr(e) {
+const pr = `\\${F}\\??([\\w-_]+)\\${K}`, Ge = `\\${F}\\?([\\w-_]+)\\${K}`, _t = `\\${F}([\\w-_]+)\\${K}`;
+function dr(e) {
   return e.replace(new RegExp(Ge, "g"), ".*");
 }
-function Ve(e) {
+function He(e) {
   return new RegExp(Ge, "g").test(e);
 }
-function pr(e) {
-  return e.replace(new RegExp(qt, "g"), ".+");
+function mr(e) {
+  return e.replace(new RegExp(_t, "g"), ".+");
 }
-function Le(e) {
-  const [t] = ke(e, new RegExp(Ge, "g")), [n] = ke(e, new RegExp(qt, "g"));
+function Be(e) {
+  const [t] = Ae(e, new RegExp(Ge, "g")), [n] = Ae(e, new RegExp(_t, "g"));
   return t ?? n;
 }
-function ke(e, t) {
-  return Array.from(e.matchAll(t)).flatMap(([, ...r]) => r.map((o) => de(o) ? o : ""));
+function Ae(e, t) {
+  return Array.from(e.matchAll(t)).flatMap(([, ...r]) => r.map((o) => me(o) ? o : ""));
 }
-function _t(e, t, n) {
-  const r = Tt(t, n), [o] = ke(e, r);
+function Wt(e, t, n) {
+  const r = Mt(t, n), [o] = Ae(e, r);
   return o;
 }
-function Mt(e, t) {
+function Dt(e, t) {
   if (!t)
     return e;
-  const { name: n, param: r, value: o } = t, a = Tt(e, n);
-  return ke(e, a).reduce((c, u) => u === void 0 ? c : c.replace(u, () => ie(o, r, n.startsWith("?"))), e);
+  const { name: n, param: r, value: o } = t, a = Mt(e, n);
+  return Ae(e, a).reduce((s, u) => u === void 0 ? s : s.replace(u, () => le(o, r, n.startsWith("?"))), e);
 }
-function Tt(e, t) {
+function Mt(e, t) {
   const n = [
-    dr,
-    mr,
-    Ot
+    yr,
+    gr,
+    qt
   ].reduce((r, o) => o(r, t), e);
   return new RegExp(n, "g");
 }
-function dr(e, t) {
+function yr(e, t) {
   if (!t.startsWith("?"))
     return e;
-  const n = new RegExp(`\\${W}\\${t}\\${G}`, "g");
+  const n = new RegExp(`\\${F}\\${t}\\${K}`, "g");
   return e.replace(n, "(.*)");
 }
-function mr(e, t) {
+function gr(e, t) {
   if (t.startsWith("?"))
     return e;
-  const n = new RegExp(`\\${W}${t}\\${G}`, "g");
+  const n = new RegExp(`\\${F}${t}\\${K}`, "g");
   return e.replace(n, "(.+)");
 }
-function Dt({ protocol: e, host: t, pathname: n, search: r, searchParams: o, hash: a }) {
-  const s = new URL("https://localhost");
-  e && (s.protocol = e), t && (s.host = t), n && (s.pathname = n), o ? s.search = o.toString() : r && (s.search = r), a && (s.hash = a);
-  const c = s.toString().replace(/^https:\/\/localhost\/*/, "/");
-  return tr(c);
-}
-function gr(e, t) {
-  const n = new URLSearchParams(e), r = new URLSearchParams(t);
-  for (const [o, a] of r.entries())
-    n.append(o, a);
-  return n;
-}
-function vr(e, t = {}) {
-  const { params: n = {}, query: r } = t, o = wr(e.query, n), a = gr(o, r), s = Rr(e.path, n), c = Re(e.hash.value ?? t.hash).value, u = yr(e.host, n), { protocol: i, host: f } = T(u);
-  return Dt({ protocol: i, host: f, pathname: s, searchParams: a, hash: c });
-}
-function yr(e, t) {
-  const n = e.value && !e.value.startsWith("http") ? `https://${e.value}` : e.value;
-  return Object.entries(e.params).reduce((r, [o, a]) => {
-    const s = Le(`${W}${o}${G}`);
-    return s ? Mt(r, { name: o, param: a, value: t[s] }) : r;
-  }, n);
-}
-function Rr(e, t) {
-  return Object.entries(e.params).reduce((n, [r, o]) => {
-    const a = Le(`${W}${r}${G}`);
-    return a ? Mt(n, { name: r, param: o, value: t[a] }) : n;
-  }, e.value);
-}
-function wr(e, t) {
-  const n = new URLSearchParams(e.value);
-  if (!e.value)
-    return n;
-  for (const [r, o] of Array.from(n.entries())) {
-    const a = Le(o);
-    if (!a)
-      continue;
-    const c = ie(t[a], e.params[a], Ve(o)), u = t[a] === void 0 && c === "";
-    Ve(o) && u ? n.delete(r, o) : n.set(r, c);
-  }
-  return n;
-}
-function Pr(e) {
-  return (t, n, r) => {
-    if (M(t)) {
-      const u = n ?? {}, { searchParams: i, ...f } = T(t);
-      return Object.entries(u.query ?? {}).forEach(([l, m]) => {
-        i.append(l, m);
-      }), Dt({ ...f, searchParams: i });
-    }
-    const o = n ?? {}, a = r ?? {}, s = e.find((u) => u.name === t);
-    if (!s)
-      throw new cr(String(t));
-    return vr(s, {
-      params: o,
-      query: a.query,
-      hash: a.hash
-    });
-  };
-}
-class Er extends Error {
-  constructor() {
-    super("initialUrl must be set if window.location is unavailable");
-  }
-}
-function br(e) {
-  if (e)
-    return e;
-  if (Te())
-    return window.location.toString();
-  throw new Er();
-}
-const Sr = (e, t) => {
+const vr = (e, t) => {
   try {
-    Wt(e, t);
+    Ke(e, t);
   } catch {
     return !1;
   }
   return !0;
-}, Wt = (e, t) => {
-  const { pathname: n, search: r } = T(t);
+}, Ke = (e, t) => {
+  const { pathname: n, search: r } = D(t);
   return {
-    ...kr(e.path, n),
-    ...Ar(e.query, r)
+    ...Rr(e.path, n),
+    ...wr(e.query, r)
   };
 };
-function kr(e, t) {
+function Rr(e, t) {
   const n = {}, r = decodeURIComponent(t);
   for (const [o, a] of Object.entries(e.params)) {
-    const s = o.startsWith("?"), c = s ? o.slice(1) : o, u = _t(r, e.value, o), i = ue(u, a, s);
-    n[c] = i;
+    const c = o.startsWith("?"), s = c ? o.slice(1) : o, u = Wt(r, e.value, o), i = fe(u, a, c);
+    n[s] = i;
   }
   return n;
 }
-function Ar(e, t) {
+function wr(e, t) {
   const n = {}, r = new URLSearchParams(t);
   for (const [o, a] of Object.entries(e.params)) {
-    const s = o.startsWith("?"), c = s ? o.slice(1) : o, u = r.get(c) ?? void 0, i = ue(u, a, s);
-    n[c] = i;
+    const c = o.startsWith("?"), s = c ? o.slice(1) : o, u = r.get(s) ?? void 0, i = fe(u, a, c);
+    n[s] = i;
   }
   return n;
 }
-const xr = (e) => "name" in e.matched && !!e.matched.name, Ur = (e, t) => {
-  const { pathname: n } = T(t);
-  return ir(e).test(n);
-}, Br = (e, t) => {
-  const { search: n } = T(t);
-  return fr(e).every((o) => o.test(n));
-}, $e = (e, t) => {
-  const { hash: n } = T(t), { value: r } = e.hash;
+const Pr = (e) => "name" in e.matched && !!e.matched.name, Er = (e, t) => {
+  const { pathname: n } = D(t);
+  return lr(e).test(n);
+}, br = (e, t) => {
+  const { search: n } = D(t);
+  return hr(e).every((o) => o.test(n));
+}, je = (e, t) => {
+  const { hash: n } = D(t), { value: r } = e.hash;
   return r === void 0 || `#${r.toLowerCase()}` === n.toLowerCase();
 };
-function Lr(e) {
-  const { searchParams: t, pathname: n } = T(e), r = -1, o = 1;
-  return (a, s) => {
-    const c = it(a, t), u = ut(a, n), i = it(s, t), f = ut(s, n);
-    return a.depth > s.depth ? r : a.depth < s.depth ? o : c + u > i + f ? r : c + u < i + f ? o : $e(a, e) ? r : $e(s, e) ? o : 0;
+function Sr(e) {
+  const { searchParams: t, pathname: n } = D(e), r = -1, o = 1;
+  return (a, c) => {
+    const s = ut(a, t), u = ct(a, n), i = ut(c, t), f = ct(c, n);
+    return a.depth > c.depth ? r : a.depth < c.depth ? o : s + u > i + f ? r : s + u < i + f ? o : je(a, e) ? r : je(c, e) ? o : 0;
   };
 }
-function ut(e, t) {
-  const n = Object.keys(e.path.params).filter((o) => o.startsWith("?")).map((o) => o), r = n.filter((o) => _t(t, e.path.value, o) === void 0);
+function ct(e, t) {
+  const n = Object.keys(e.path.params).filter((o) => o.startsWith("?")).map((o) => o), r = n.filter((o) => Wt(t, e.path.value, o) === void 0);
   return n.length - r.length;
 }
-function it(e, t) {
+function ut(e, t) {
   const n = new URLSearchParams(e.query.value), r = Array.from(n.keys()), o = r.filter((a) => !t.has(a));
   return r.length - o.length;
 }
-function It(e) {
+function Tt(e) {
   return !!e && typeof e == "object";
 }
-const Ae = !0;
-function Cr(e, t, n) {
-  if (It(e) && t in e) {
+const xe = !0;
+function kr(e, t, n) {
+  if (Tt(e) && t in e) {
     const r = e[t];
     if (typeof r == "string")
-      return ue(r, n, Ae);
+      return fe(r, n, xe);
   }
-  return ue(void 0, n, Ae);
+  return fe(void 0, n, xe);
 }
-function Nr(e, t) {
+function It(e, t) {
   const n = {};
   for (const [r, o] of Object.entries(e)) {
-    const a = Cr(t, r, o);
+    const a = kr(t, r, o);
     n[r] = a;
   }
   return n;
 }
-function Hr(e, t, n) {
-  if (It(e) && t in e) {
+function Ar(e, t, n) {
+  if (Tt(e) && t in e) {
     const r = e[t];
-    return ie(r, n, Ae);
+    return le(r, n, xe);
   }
-  return ie(void 0, n, Ae);
+  return le(void 0, n, xe);
 }
-const ft = (e, t) => {
+const it = (e, t) => {
   const n = {};
   for (const [r, o] of Object.entries(e)) {
-    const a = Hr(t, r, o);
+    const a = Ar(t, r, o);
     n[r] = a;
   }
   return n;
-}, jr = [
-  xr,
-  Ur,
-  Br,
-  $e,
-  Sr
+}, xr = [
+  Pr,
+  Er,
+  br,
+  je,
+  vr
 ];
-function Ne(e, t, n) {
-  const r = Lr(t), o = e.filter((u) => jr.every((i) => i(u, t))).sort(r);
+function ft(e, t, n) {
+  const r = Sr(t), o = e.filter((u) => xr.every((i) => i(u, t))).sort(r);
   if (o.length === 0)
     return;
-  const [a] = o, { search: s, hash: c } = T(t);
+  const [a] = o, { search: c, hash: s } = D(t);
   return {
     id: a.id,
     matched: a.matched,
     matches: a.matches,
     name: a.name,
-    query: jt(s),
-    params: Wt(a, t),
-    state: Nr(a.state, n),
-    hash: c
+    query: Fe(c),
+    params: Ke(a, t),
+    state: It(a.state, n),
+    hash: s,
+    href: wt(t)
   };
 }
-function Ke(e, t) {
-  const n = new RegExp(`\\${W}(\\??[\\w-_]+)\\${G}`, "g");
-  return Array.from(e.matchAll(n)).reduce((o, [a, s]) => {
-    const c = Le(a);
-    if (!c)
+function ze(e, t) {
+  const n = new RegExp(`\\${F}(\\??[\\w-_]+)\\${K}`, "g");
+  return Array.from(e.matchAll(n)).reduce((o, [a, c]) => {
+    const s = Be(a);
+    if (!s)
       return o;
-    const u = qn(t, c);
-    return oe([c], o), o[s] = u, o;
+    const u = Dn(t, s);
+    return ce([s], o), o[c] = u, o;
   }, {});
 }
-function Oe(e, t) {
+function $e(e, t) {
   return {
     value: e,
-    params: Ke(e, t)
+    params: ze(e, t)
   };
 }
-function Vr(e, t) {
-  return de(t) ? e.map((n) => {
+function Lr(e, t) {
+  return me(t) ? e.map((n) => {
     const r = `${t}${n.path.value}`;
     return {
       ...n,
-      path: Oe(r, n.path.params)
+      path: $e(r, n.path.params)
     };
   }) : e;
 }
-class $r extends Error {
+class Ur extends Error {
   /**
    * Constructs a new DuplicateNamesError instance with a message indicating the problematic name.
    * @param name - The name of the name that was duplicated.
@@ -1463,23 +1401,23 @@ class $r extends Error {
     super(`Invalid Name "${t}": Router does not support multiple routes with the same name. All name names must be unique.`);
   }
 }
-function Or(e) {
+function Cr(e) {
   const t = e.map(({ name: n }) => n);
   for (const n of t)
-    if (Rt(t, n) > 1)
-      throw new $r(n);
-}
-function qr() {
-  const e = Ue(/* @__PURE__ */ new Map()), t = Te() ? s() : null, n = (c) => {
-    e.set(c, !1), t == null || t.observe(c);
-  }, r = (c) => {
-    e.delete(c), t == null || t.unobserve(c);
+    if (Et(t, n) > 1)
+      throw new Ur(n);
+}
+function Br() {
+  const e = Ue(/* @__PURE__ */ new Map()), t = De() ? c() : null, n = (s) => {
+    e.set(s, !1), t == null || t.observe(s);
+  }, r = (s) => {
+    e.delete(s), t == null || t.unobserve(s);
   }, o = () => {
     t == null || t.disconnect();
-  }, a = (c) => e.get(c) ?? !1;
-  function s() {
-    return new IntersectionObserver((c) => {
-      c.forEach((u) => {
+  }, a = (s) => e.get(s) ?? !1;
+  function c() {
+    return new IntersectionObserver((s) => {
+      s.forEach((u) => {
         e.set(u.target, u.isIntersecting);
       });
     });
@@ -1492,184 +1430,261 @@ function qr() {
   };
 }
 const Ft = Symbol("visibilityObserver");
-function _r() {
-  const e = re(Ft);
-  if (!e)
-    throw new he();
-  return e;
+function Nr(e) {
+  const t = ae(Ft);
+  if (!t)
+    throw new pe();
+  return Re(e, (r, o) => {
+    r && t.observe(r), o && t.unobserve(o);
+  }, { immediate: !0 }), {
+    isElementVisible: N(() => e.value ? t.isElementVisible(e.value) : !1)
+  };
+}
+class lt extends Error {
+  constructor(t) {
+    super(`Route not found: "${t}"`);
+  }
+}
+function Jt({ protocol: e, host: t, pathname: n, search: r, searchParams: o, hash: a }) {
+  const c = new URL("https://localhost");
+  e && (c.protocol = e), t && (c.host = t), n && (c.pathname = n), o ? c.search = o.toString() : r && (c.search = r), a && (c.hash = a);
+  const s = c.toString().replace(/^https:\/\/localhost\/*/, "/");
+  return wt(s);
+}
+function Qt(e, t) {
+  const n = new URLSearchParams(e), r = new URLSearchParams(t);
+  for (const [o, a] of r.entries())
+    n.append(o, a);
+  return n;
+}
+function Ne(e, t) {
+  const { searchParams: n, ...r } = D(e);
+  return Jt({ ...r, searchParams: Qt(n, t) });
+}
+function Vr(e, t = {}) {
+  const { params: n = {}, query: r } = t, o = $r(e.query, n), a = Qt(o, r), c = jr(e.path, n), s = we(e.hash.value ?? t.hash).value, u = Hr(e.host, n), { protocol: i, host: f } = D(u);
+  return Jt({ protocol: i, host: f, pathname: c, searchParams: a, hash: s });
+}
+function Hr(e, t) {
+  const n = e.value && !e.value.startsWith("http") ? `https://${e.value}` : e.value;
+  return Object.entries(e.params).reduce((r, [o, a]) => {
+    const c = Be(`${F}${o}${K}`);
+    return c ? Dt(r, { name: o, param: a, value: t[c] }) : r;
+  }, n);
 }
-function io(e, t) {
-  const n = bn(e) ? e.flat() : e, r = Vr(n, t == null ? void 0 : t.base);
-  Or(r);
-  const o = Vt(), a = Qr(), s = qr(), c = Pr(r), u = Yn({
+function jr(e, t) {
+  return Object.entries(e.params).reduce((n, [r, o]) => {
+    const a = Be(`${F}${r}${K}`);
+    return a ? Dt(n, { name: r, param: o, value: t[a] }) : n;
+  }, e.value);
+}
+function $r(e, t) {
+  const n = new URLSearchParams(e.value);
+  if (!e.value)
+    return n;
+  for (const [r, o] of Array.from(n.entries())) {
+    const a = Be(o);
+    if (!a)
+      continue;
+    const s = le(t[a], e.params[a], He(o)), u = t[a] === void 0 && s === "";
+    He(o) && u ? n.delete(r, o) : n.set(r, s);
+  }
+  return n;
+}
+function Or(e, t = {}, n = {}) {
+  const r = Vr(e, {
+    params: t,
+    query: n.query,
+    hash: n.hash
+  }), { search: o, hash: a } = D(r);
+  return {
+    id: e.id,
+    matched: e.matched,
+    matches: e.matches,
+    name: e.name,
+    query: Fe(o),
+    params: Ke(e, r),
+    state: It(e.state, n.state),
+    hash: a,
+    href: r
+  };
+}
+function co(e, t) {
+  const n = Ln(e) ? e.flat() : e, r = Lr(n, t == null ? void 0 : t.base);
+  Cr(r);
+  const o = $t(), a = Fr(), c = Br(), s = Zn({
     mode: t == null ? void 0 : t.historyMode,
-    listener: ({ location: w }) => {
-      const L = z(w);
-      A(L, { state: w.state, replace: !0 });
+    listener: ({ location: E }) => {
+      const B = X(E);
+      R(B, { state: E.state, replace: !0 });
     }
-  }), { runBeforeRouteHooks: i, runAfterRouteHooks: f } = nr(), {
-    hooks: l,
-    onBeforeRouteEnter: m,
-    onAfterRouteUpdate: p,
-    onBeforeRouteLeave: P,
-    onAfterRouteEnter: y,
-    onBeforeRouteUpdate: R,
-    onAfterRouteLeave: k
-  } = or();
-  async function A(w, L = {}) {
-    const I = o();
-    if (u.stopListening(), Ce(w)) {
-      u.update(w, L);
+  }), { runBeforeRouteHooks: u, runAfterRouteHooks: i } = rr(), {
+    hooks: f,
+    onBeforeRouteEnter: p,
+    onAfterRouteUpdate: P,
+    onBeforeRouteLeave: h,
+    onAfterRouteEnter: m,
+    onBeforeRouteUpdate: v,
+    onAfterRouteLeave: w
+  } = ar();
+  async function R(E, B = {}) {
+    const J = o();
+    if (s.stopListening(), ye(E)) {
+      s.update(E, B);
       return;
     }
-    const V = Ne(r, w, L.state) ?? g("NotFound"), me = { ...S }, F = await i({ to: V, from: me, hooks: l });
-    switch (F.status) {
+    const V = ft(r, E, B.state) ?? l("NotFound"), Q = { ...S }, H = await u({ to: V, from: Q, hooks: f });
+    switch (H.status) {
       // On abort do nothing
       case "ABORT":
         return;
       // On push update the history, and push new route, and return
       case "PUSH":
-        u.update(w, L), await d(...F.to);
+        s.update(E, B), await d(...H.to);
         return;
       // On reject update the history, the route, and set the rejection type
       case "REJECT":
-        u.update(w, L), v(F.type);
+        s.update(E, B), x(H.type);
         break;
       // On success update history, set the route, and clear the rejection
       case "SUCCESS":
-        u.update(w, L), v(null);
+        s.update(E, B), x(null);
         break;
       default:
-        throw new Error(`Switch is not exhaustive for before hook response status: ${JSON.stringify(F)}`);
+        throw new Error(`Switch is not exhaustive for before hook response status: ${JSON.stringify(H)}`);
     }
-    const D = I;
-    a.setProps(V).then(($) => {
-      if (D === I)
-        switch ($.status) {
+    const z = J;
+    a.setProps(V).then((q) => {
+      if (z === J)
+        switch (q.status) {
           case "SUCCESS":
             break;
           case "PUSH":
-            d(...$.to);
+            d(...q.to);
             break;
           case "REJECT":
-            v($.type);
+            x(q.type);
             break;
           default:
-            const ae = $;
-            throw new Error(`Switch is not exhaustive for prop store response status: ${JSON.stringify(ae)}`);
+            const fn = q;
+            throw new Error(`Switch is not exhaustive for prop store response status: ${JSON.stringify(fn)}`);
         }
-    }), C(V);
-    const J = await f({ to: V, from: me, hooks: l });
-    switch (J.status) {
+    }), U(V);
+    const $ = await i({ to: V, from: Q, hooks: f });
+    switch ($.status) {
       case "PUSH":
-        await d(...J.to);
+        await d(...$.to);
         break;
       case "REJECT":
-        v(J.type);
+        x($.type);
         break;
       case "SUCCESS":
         break;
       default:
-        const $ = J;
-        throw new Error(`Switch is not exhaustive for after hook response status: ${JSON.stringify($)}`);
+        const q = $;
+        throw new Error(`Switch is not exhaustive for after hook response status: ${JSON.stringify(q)}`);
     }
-    u.startListening();
+    s.startListening();
   }
-  const d = (w, L, I) => {
-    if (M(w)) {
-      const $ = { ...L }, ae = c(w, $);
-      return A(ae, $);
+  const A = (E, B, J) => {
+    if (!I(E)) {
+      const H = B ?? {}, z = J ?? {}, $ = r.find((q) => q.name === E);
+      return $ ? Or($, H, z) : void 0;
     }
-    const V = { ...I }, F = c(w, L ?? {}, V), D = nt(w), J = ft((D == null ? void 0 : D.state) ?? {}, V.state);
-    return A(F, { ...V, state: J });
-  }, E = (w, L, I) => {
-    if (M(w)) {
-      const $ = { ...L, replace: !0 }, ae = c(w, $);
-      return A(ae, $);
+    if (ye(E))
+      return;
+    const V = { ...B }, Q = Ne(E, V.query);
+    return ft(r, Q);
+  }, d = (E, B, J) => {
+    if (I(E)) {
+      const $ = { ...B }, q = Ne(E, $.query);
+      return R(q, $);
     }
-    const V = { ...I, replace: !0 }, F = c(w, L ?? {}, V), D = nt(w), J = ft((D == null ? void 0 : D.state) ?? {}, V.state);
-    return A(F, { ...V, state: J });
-  }, x = (w) => {
-    v(w);
-  }, U = (w, L = {}) => {
-    if (!M(w)) {
-      const I = c(w, L);
-      return Ne(r, I);
+    const V = { ...J }, Q = { ...B }, H = A(E, Q, V);
+    if (!H)
+      throw new lt(String(E));
+    const z = it({ ...H.state }, V.state);
+    return R(H.href, { ...V, state: z });
+  }, b = (E, B, J) => {
+    if (I(E)) {
+      const $ = { ...B, replace: !0 }, q = Ne(E, $.query);
+      return R(q, $);
     }
-    if (!Ce(w))
-      return Ne(r, w);
-  }, { setRejection: v, rejection: h, getRejectionRoute: g } = sr(t ?? {}), b = g("NotFound"), { currentRoute: S, routerRoute: B, updateRoute: C } = Qn(b, d);
-  u.startListening();
-  const j = br(t == null ? void 0 : t.initialUrl), q = u.location.state, { host: Ze } = T(j), Ce = zn(Ze);
+    const V = { ...J, replace: !0 }, Q = { ...B }, H = A(E, Q, V);
+    if (!H)
+      throw new lt(String(E));
+    const z = it({ ...H.state }, V.state);
+    return R(H.href, { ...V, state: z });
+  }, L = (E) => {
+    x(E);
+  }, { setRejection: x, rejection: g, getRejectionRoute: l } = cr(t ?? {}), y = l("NotFound"), { currentRoute: S, routerRoute: k, updateRoute: U } = Kn(y, d);
+  s.startListening();
+  const C = ir(t == null ? void 0 : t.initialUrl), O = s.location.state, { host: W } = D(C), ye = Xn(W);
   let et = !1;
   async function tt() {
-    et || (await A(j, { replace: !0, state: q }), et = !0);
+    et || (await R(C, { replace: !0, state: O }), et = !0);
   }
-  function nt(w) {
-    return r.find((L) => L.name === w);
+  function un(E) {
+    E.component("RouterView", no), E.component("RouterLink", Yr), E.provide(Ct, g), E.provide(jt, f), E.provide(nn, a), E.provide(Ft, c), E.provide(Pt, nt), tt();
   }
-  function an(w) {
-    w.component("RouterView", oo), w.component("RouterLink", to), w.provide(xt, h), w.provide(Ht, l), w.provide(en, a), w.provide(Ft, s), w.provide(Ut, rt), tt();
-  }
-  const rt = {
-    route: B,
-    resolve: c,
+  const nt = {
+    route: k,
+    resolve: A,
     push: d,
-    replace: E,
-    reject: x,
-    find: U,
-    refresh: u.refresh,
-    forward: u.forward,
-    back: u.back,
-    go: u.go,
-    install: an,
-    isExternal: Ce,
-    onBeforeRouteEnter: m,
-    onAfterRouteUpdate: p,
-    onBeforeRouteLeave: P,
-    onAfterRouteEnter: y,
-    onBeforeRouteUpdate: R,
-    onAfterRouteLeave: k,
+    replace: b,
+    reject: L,
+    refresh: s.refresh,
+    forward: s.forward,
+    back: s.back,
+    go: s.go,
+    install: un,
+    isExternal: ye,
+    onBeforeRouteEnter: p,
+    onAfterRouteUpdate: P,
+    onBeforeRouteLeave: h,
+    onAfterRouteEnter: m,
+    onBeforeRouteUpdate: v,
+    onAfterRouteLeave: w,
     prefetch: t == null ? void 0 : t.prefetch,
     start: tt
   };
-  return rt;
+  return nt;
 }
-function lt(e, t) {
+function ht(e, t) {
   return {
     value: e,
-    params: Ke(e, t)
+    params: ze(e, t)
   };
 }
-function Jt(e, t) {
+function Gt(e, t) {
   return {
     value: e,
-    params: Ke(e, t)
+    params: ze(e, t)
   };
 }
-function Mr(e) {
-  return pe(e) && typeof e.hash == "string";
+function qr(e) {
+  return de(e) && typeof e.hash == "string";
 }
-function Qt(e) {
-  return e === void 0 ? Re() : Mr(e) ? e : Re(e);
+function Kt(e) {
+  return e === void 0 ? we() : qr(e) ? e : we(e);
 }
-function Gt(e) {
+function zt(e) {
   return e === void 0 ? "" : e;
 }
-function Tr(e) {
-  return pe(e) && typeof e.value == "string";
+function _r(e) {
+  return de(e) && typeof e.value == "string";
 }
-function Kt(e) {
-  return e === void 0 ? Oe("", {}) : Tr(e) ? e : Oe(e, {});
+function Yt(e) {
+  return e === void 0 ? $e("", {}) : _r(e) ? e : $e(e, {});
 }
-function Dr(e) {
-  return pe(e) && typeof e.value == "string";
+function Wr(e) {
+  return de(e) && typeof e.value == "string";
 }
-function zt(e) {
-  return e === void 0 ? lt("", {}) : Dr(e) ? e : lt(e, {});
+function Xt(e) {
+  return e === void 0 ? ht("", {}) : Wr(e) ? e : ht(e, {});
 }
-function ne(e) {
-  const t = Je(), n = Gt(e.name), r = Kt(e.path), o = zt(e.query), a = Qt(e.hash), s = e.meta ?? {}, c = jn(e) ? e.state : {}, u = ye({ id: t, meta: {}, state: {}, ...e }), i = {
+function oe(e) {
+  const t = Je(), n = zt(e.name), r = Yt(e.path), o = Xt(e.query), a = Kt(e.hash), c = e.meta ?? {}, s = On(e) ? e.state : {}, u = ve({ id: t, meta: {}, state: {}, ...e }), i = {
     id: t,
     matched: u,
     matches: [u],
@@ -1677,252 +1692,223 @@ function ne(e) {
     path: r,
     query: o,
     hash: a,
-    meta: s,
-    state: c,
+    meta: c,
+    state: s,
     depth: 1,
-    host: Jt("", {}),
+    host: Gt("", {}),
     prefetch: e.prefetch
-  }, f = wt(e) ? Pt(e.parent, i) : i;
-  return oe(f.path.params, f.query.params), f;
+  }, f = bt(e) ? St(e.parent, i) : i;
+  return ce(f.path.params, f.query.params), f;
 }
-const xe = { template: "<div>This is component</div>" }, ze = ne({
+const Le = { template: "<div>This is component</div>" }, Ye = oe({
   name: "parentA",
   path: "/parentA/[paramA]"
-}), Yt = ne({
-  parent: ze,
+}), Zt = oe({
+  parent: Ye,
   name: "parentA.childA",
   path: "/[?paramB]"
-}), Wr = ne({
-  parent: ze,
+}), Dr = oe({
+  parent: Ye,
   name: "parentA.childB",
   path: "/[paramD]",
-  component: xe
-}), Ir = ne({
-  parent: Yt,
+  component: Le
+}), Mr = oe({
+  parent: Zt,
   name: "parentA.childA.grandChildA",
   path: "/[paramC]",
-  component: xe
+  component: Le
 });
-ne({
+oe({
   name: "parentB",
   path: "/parentB",
-  component: xe
-}), ne({
+  component: Le
+}), oe({
   name: "parentC",
   path: "/",
-  component: xe
+  component: Le
 });
-const Fr = "lazy", Jr = {
+const Tr = "lazy", Ir = {
   components: !0,
   props: !1
 };
 function ge(e) {
   return ["eager", "lazy"].includes(e);
 }
-function Xt({ routerPrefetch: e, routePrefetch: t, linkPrefetch: n }, r) {
-  const o = He(n, r), a = He(t, r), s = He(e, r), c = [
+function en({ routerPrefetch: e, routePrefetch: t, linkPrefetch: n }, r) {
+  const o = Ve(n, r), a = Ve(t, r), c = Ve(e, r), s = [
     o,
     a,
-    s,
-    Jr[r],
-    Fr
+    c,
+    Ir[r],
+    Tr
   ].reduce((u, i) => ge(u) ? u : u === !0 && ge(i) ? i : u === !0 && !ge(i) ? u : u === void 0 ? i : u, void 0);
-  return ge(c) ? c : !1;
+  return ge(s) ? s : !1;
 }
-function He(e, t) {
-  return pe(e) ? e[t] : e;
+function Ve(e, t) {
+  return de(e) ? e[t] : e;
 }
-function Zt(e) {
+function tn(e) {
   return typeof e == "object" && e !== null && "then" in e;
 }
-function ht(e) {
+function pt(e) {
   try {
     const t = e();
-    return Zt(t) ? t.catch((n) => n) : t;
+    return tn(t) ? t.catch((n) => n) : t;
   } catch (t) {
     return t;
   }
 }
-const en = Symbol();
-function Qr() {
-  const e = Ue(/* @__PURE__ */ new Map()), { push: t, replace: n, reject: r } = Nt(), o = (l, m, p) => m.matches.filter((P) => Xt({ ...p, routePrefetch: P.prefetch }, "props") === l).flatMap((P) => i(P)).reduce((P, { id: y, name: R, props: k }) => {
-    if (!k)
-      return P;
-    const A = u(y, R, m), d = ht(() => k(m, {
+const nn = Symbol();
+function Fr() {
+  const e = Ue(/* @__PURE__ */ new Map()), { push: t, replace: n, reject: r } = Ht(), o = (p, P, h) => P.matches.filter((m) => en({ ...h, routePrefetch: m.prefetch }, "props") === p).flatMap((m) => i(m)).reduce((m, { id: v, name: w, props: R }) => {
+    if (!R)
+      return m;
+    const A = u(v, w, P), d = pt(() => R(P, {
       push: t,
       replace: n,
       reject: r
     }));
-    return P[A] = d, P;
-  }, {}), a = (l) => {
-    Object.entries(l).forEach(([m, p]) => {
-      e.set(m, p);
+    return m[A] = d, m;
+  }, {}), a = (p) => {
+    Object.entries(p).forEach(([P, h]) => {
+      e.set(P, h);
     });
-  }, s = async (l) => {
-    const m = l.matches.flatMap(i), p = [], P = [];
-    for (const { id: y, name: R, props: k } of m) {
-      if (!k)
+  }, c = async (p) => {
+    const P = p.matches.flatMap(i), h = [], m = [];
+    for (const { id: v, name: w, props: R } of P) {
+      if (!R)
         continue;
-      const A = u(y, R, l);
-      if (p.push(A), !e.has(A)) {
-        const d = ht(() => k(l, {
+      const A = u(v, w, p);
+      if (h.push(A), !e.has(A)) {
+        const d = pt(() => R(p, {
           push: t,
           replace: n,
           reject: r
         }));
         e.set(A, d);
       }
-      P.push((async () => {
+      m.push((async () => {
         const d = await e.get(A);
         if (d instanceof Error)
           throw d;
       })());
     }
-    f(p);
+    f(h);
     try {
-      return await Promise.all(P), { status: "SUCCESS" };
-    } catch (y) {
-      if (y instanceof X || y instanceof Se)
-        return y.response;
-      throw y;
+      return await Promise.all(m), { status: "SUCCESS" };
+    } catch (v) {
+      if (v instanceof te || v instanceof ke)
+        return v.response;
+      throw v;
     }
-  }, c = (l, m, p) => {
-    const P = u(l, m, p);
-    return e.get(P);
+  }, s = (p, P, h) => {
+    const m = u(p, P, h);
+    return e.get(m);
   };
-  function u(l, m, p) {
-    return [l, m, p.id, JSON.stringify(p.params)].join("-");
+  function u(p, P, h) {
+    return [p, P, h.id, JSON.stringify(h.params)].join("-");
   }
-  function i(l) {
-    return Me(l) ? Object.entries(l.props ?? {}).map(([m, p]) => ({ id: l.id, name: m, props: p })) : _e(l) ? [
+  function i(p) {
+    return We(p) ? Object.entries(p.props ?? {}).map(([P, h]) => ({ id: p.id, name: P, props: h })) : _e(p) ? [
       {
-        id: l.id,
+        id: p.id,
         name: "default",
-        props: l.props
+        props: p.props
       }
     ] : [];
   }
-  function f(l) {
-    for (const m in e.keys())
-      l.includes(m) || e.delete(m);
+  function f(p) {
+    for (const P in e.keys())
+      p.includes(P) || e.delete(P);
   }
   return {
     getPrefetchProps: o,
     setPrefetchProps: a,
-    getProps: c,
-    setProps: s
+    getProps: s,
+    setProps: c
   };
 }
-function tn() {
-  const e = re(en);
+function rn() {
+  const e = ae(nn);
   if (!e)
-    throw new he();
+    throw new pe();
   return e;
 }
-const Gr = fn(() => new Promise((e) => {
+const Jr = dn(() => new Promise((e) => {
   e({ default: { template: "foo" } });
 }));
-function pt(e) {
-  return e.name === Gr.name && "setup" in e;
+function dt(e) {
+  return e.name === Jr.name && "__asyncLoader" in e;
 }
-function Kr(e) {
-  const t = /* @__PURE__ */ new Map(), n = qe(), { getPrefetchProps: r, setPrefetchProps: o } = tn(), { observe: a, unobserve: s, isElementVisible: c } = _r(), u = () => {
-    const f = Array.from(t.values()).reduce((l, m) => (Object.assign(l, m), l), {});
-    o(f);
+function Qr(e) {
+  const t = /* @__PURE__ */ new Map(), n = Oe(), { getPrefetchProps: r, setPrefetchProps: o } = rn(), { isElementVisible: a } = Nr(n), c = () => {
+    const u = Array.from(t.values()).reduce((i, f) => (Object.assign(i, f), i), {});
+    o(u);
   };
-  ln(() => {
-    if (!n.value) {
-      console.warn("The usePrefetching composition will not work correctly if the element ref is not bound.");
-      return;
-    }
-    a(n.value);
-  }), hn(() => {
-    n.value && s(n.value);
-  }), je(() => se(e), ({ route: f, ...l }) => {
-    t.clear(), f && i("eager", f, l);
-  }, { immediate: !0 }), je(() => !!(n.value && c(n.value)), (f) => {
-    const { route: l, ...m } = se(e);
-    !l || !f || i("lazy", l, m);
+  Re(() => T(e), ({ route: u, ...i }) => {
+    t.clear(), u && s("eager", u, i);
+  }, { immediate: !0 }), Re(a, (u) => {
+    const { route: i, ...f } = T(e);
+    !i || !u || s("lazy", i, f);
   }, { immediate: !0 });
-  function i(f, l, m) {
-    zr(f, l, m), t.has(f) || t.set(f, r(f, l, m));
+  function s(u, i, f) {
+    Gr(u, i, f), t.has(u) || t.set(u, r(u, i, f));
   }
   return {
     element: n,
-    commit: u
+    commit: c
   };
 }
-function zr(e, t, n) {
+function Gr(e, t, n) {
   t.matches.forEach((r) => {
-    Xt({
+    en({
       ...n,
       routePrefetch: r.prefetch
-    }, "components") === e && (_e(r) && pt(r.component) && r.component.setup(), Me(r) && Object.values(r.components).forEach((a) => {
-      pt(a) && a.setup();
+    }, "components") === e && (_e(r) && dt(r.component) && r.component.__asyncLoader(), We(r) && Object.values(r.components).forEach((a) => {
+      dt(a) && a.__asyncLoader();
     }));
   });
 }
-function Yr(e, t = {}, n = {}) {
-  const r = De(), o = pn(e), a = N(() => M(o.value) ? {} : se(t)), s = N(() => M(o.value) ? se(t) : se(n)), c = N(() => {
-    if (M(o.value))
-      return o.value;
-    try {
-      return r.resolve(o.value, a.value, s.value);
-    } catch (R) {
-      throw R instanceof Z && console.error(`Failed to resolve route "${o.value.toString()}" in RouterLink.`, R), R;
-    }
-  }), u = N(() => r.find(c.value, s.value)), i = N(() => !!u.value && r.route.matches.includes(u.value.matched)), f = N(() => !!u.value && r.route.matched === u.value.matched), l = N(() => r.isExternal(c.value)), { element: m, commit: p } = Kr(() => ({
-    route: u.value,
+function on(e, t, { exact: n } = {}) {
+  return Qn(e) ? t === void 0 ? !0 : n ? e.matched.name === t : e.matches.map((r) => r.name).includes(t) : !1;
+}
+function Kr(e, t = {}, n = {}) {
+  const r = qe(), o = N(() => {
+    const m = T(e);
+    return typeof m != "string" ? m : r.resolve(m, T(t), T(n));
+  }), a = N(() => {
+    if (o.value)
+      return o.value.href;
+    const m = T(e);
+    if (I(m))
+      return m;
+    console.error(new Error("Failed to resolve route in RouterLink."));
+  }), c = N(() => on(r.route) && r.route.matches.some((m) => {
+    var v;
+    return m.id === ((v = o.value) == null ? void 0 : v.id);
+  })), s = N(() => {
+    var m;
+    return r.route.id === ((m = o.value) == null ? void 0 : m.id);
+  }), u = N(() => !!a.value && r.isExternal(a.value)), i = N(() => {
+    const m = T(e);
+    return typeof m != "string" || I(m) ? T(t) : T(n);
+  }), { element: f, commit: p } = Qr(() => ({
+    route: o.value,
     routerPrefetch: r.prefetch,
-    linkPrefetch: s.value.prefetch
-  })), P = (R) => (p(), r.push(c.value, { ...s.value, ...R }));
+    linkPrefetch: i.value.prefetch
+  })), P = (m) => (p(), r.push(a.value, { ...i.value, ...m }));
   return {
-    element: m,
-    route: u,
-    href: c,
-    isMatch: i,
-    isExactMatch: f,
-    isExternal: l,
+    element: f,
+    route: o,
+    href: a,
+    isMatch: c,
+    isExactMatch: s,
+    isExternal: u,
     push: P,
-    replace: (R) => P(R)
-  };
-}
-function Xr(e, t, { exact: n } = {}) {
-  return Fn(e) ? t === void 0 ? !0 : n ? e.matched.name === t : e.matches.map((r) => r.name).includes(t) : !1;
-}
-function Zr(e, t) {
-  const n = De();
-  function r() {
-    if (!e)
-      return;
-    if (!Xr(n.route, e, t))
-      throw new Wn(e, n.route.name);
-  }
-  return je(n.route, r, { immediate: !0, deep: !0 }), n.route;
-}
-const nn = Symbol();
-function Ye() {
-  return re(nn, 0);
-}
-function rn() {
-  const e = re(Ht);
-  if (!e)
-    throw new he();
-  return e;
-}
-function on(e) {
-  return (t) => {
-    const n = Ye(), o = rn().addBeforeRouteHook({ lifecycle: e, hook: t, depth: n, timing: "component" });
-    return mt(o), o;
+    replace: (m) => P(m)
   };
 }
-function Xe(e) {
-  return (t) => {
-    const n = Ye(), o = rn().addAfterRouteHook({ lifecycle: e, hook: t, depth: n, timing: "component" });
-    return mt(o), o;
-  };
-}
-const fo = on("onBeforeRouteUpdate"), lo = on("onBeforeRouteLeave"), ho = Xe("onAfterRouteEnter"), po = Xe("onAfterRouteUpdate"), mo = Xe("onAfterRouteLeave"), eo = ["href"], to = /* @__PURE__ */ le({
+const zr = ["href"], Yr = /* @__PURE__ */ se({
   __name: "routerLink",
   props: {
     to: {},
@@ -1933,120 +1919,177 @@ const fo = on("onBeforeRouteUpdate"), lo = on("onBeforeRouteLeave"), ho = Xe("on
     state: {}
   },
   setup(e) {
-    const t = e, n = De(), r = N(() => M(t.to) ? t.to : t.to(n.resolve)), o = N(() => {
-      const { to: m, ...p } = t;
-      return p;
-    }), { element: a, isMatch: s, isExactMatch: c, isExternal: u, push: i } = Yr(r, o), f = N(() => ({
+    const t = e, n = qe(), r = N(() => P(t.to)), o = N(() => h(t.to)), a = N(() => {
+      const { to: v, ...w } = t;
+      return w;
+    }), { element: c, isMatch: s, isExactMatch: u, isExternal: i, push: f } = Kr(() => typeof t.to == "function" ? t.to(n.resolve) : t.to, a), p = N(() => ({
       "router-link--match": s.value,
-      "router-link--exact-match": c.value
+      "router-link--exact-match": u.value
     }));
-    function l(m) {
-      m.preventDefault(), i();
+    function P(v) {
+      if (typeof v == "function") {
+        const w = v(n.resolve);
+        return P(w);
+      }
+      return I(v) ? n.resolve(v) : v;
+    }
+    function h(v) {
+      if (typeof v == "function") {
+        const w = v(n.resolve);
+        return h(w);
+      }
+      return I(v) ? v : v == null ? void 0 : v.href;
+    }
+    function m(v) {
+      v.preventDefault(), f();
     }
-    return (m, p) => (gt(), dn("a", {
+    return (v, w) => (yt(), mn("a", {
       ref_key: "element",
-      ref: a,
-      href: r.value,
-      class: mn(["router-link", f.value]),
-      onClick: l
+      ref: c,
+      href: o.value,
+      class: yn(["router-link", p.value]),
+      onClick: m
     }, [
-      vt(m.$slots, "default", yt(gn({ resolved: r.value, isMatch: ce(s), isExactMatch: ce(c), isExternal: ce(u) })))
-    ], 10, eo));
+      gt(v.$slots, "default", vt(gn({ route: r.value, isMatch: ue(s), isExactMatch: ue(u), isExternal: ue(i) })))
+    ], 10, zr));
   }
 });
-function no(e, t) {
-  return le({
+function Xr(e, t) {
+  const n = qe();
+  function r() {
+    if (!e)
+      return;
+    if (!on(n.route, e, t))
+      throw new xn(e, n.route.name);
+  }
+  return Re(n.route, r, { immediate: !0, deep: !0 }), n.route;
+}
+const an = Symbol();
+function Xe() {
+  return ae(an, 0);
+}
+function Zr(e, t) {
+  return se({
     name: "PropsWrapper",
     expose: [],
     setup() {
-      const n = t();
-      return () => n instanceof Error ? "" : Zt(n) ? ve(ro(e, n)) : ve(e, n);
+      const n = t(), r = vn();
+      return () => n instanceof Error ? "" : tn(n) ? r != null && r.suspense ? Z(to(e, n)) : Z(eo(e, n)) : Z(e, n);
     }
   });
 }
-function ro(e, t) {
-  return le({
+function eo(e, t) {
+  return se({
     name: "AsyncPropsWrapper",
     expose: [],
     setup() {
-      const n = qe();
-      return (async () => n.value = await t)(), () => n.value instanceof Error ? "" : n.value ? ve(e, n.value) : "";
+      const n = Oe();
+      return (async () => n.value = await t)(), () => n.value instanceof Error ? "" : n.value ? Z(e, n.value) : "";
     }
   });
 }
-const oo = /* @__PURE__ */ le({
+function to(e, t) {
+  return se({
+    name: "SuspenseAsyncPropsWrapper",
+    expose: [],
+    async setup() {
+      const n = await t;
+      return () => Z(e, n);
+    }
+  });
+}
+const no = /* @__PURE__ */ se({
   __name: "routerView",
   props: {
     name: { default: "default" }
   },
   setup(e) {
-    const t = Zr(), n = In(), r = Ye(), { getProps: o } = tn(), a = vn("RouterView", !0);
-    yn(nn, r + 1);
-    const s = N(() => {
+    const t = Xr(), n = Jn(), r = Xe(), { getProps: o } = rn(), a = Rn("RouterView", !0);
+    wn(an, r + 1);
+    const c = N(() => {
       if (n.value)
         return n.value.component;
       const i = t.matches.at(r);
       if (!i)
         return null;
-      const f = c(i), l = o(i.id, e.name, t);
-      return f ? l ? no(f, () => l) : f : null;
+      const f = s(i), p = o(i.id, e.name, t);
+      return f ? p ? Zr(f, () => p) : f : null;
     });
-    function c(i) {
+    function s(i) {
       return u(i)[e.name];
     }
     function u(i) {
-      return Me(i) ? i.components : _e(i) ? { default: i.component } : typeof a == "string" ? {} : { default: a };
+      return We(i) ? i.components : _e(i) ? { default: i.component } : typeof a == "string" ? {} : { default: a };
     }
-    return (i, f) => s.value ? vt(i.$slots, "default", yt(Rn({ key: 0 }, { route: ce(t), component: s.value, rejection: ce(n) })), () => [
-      (gt(), wn(Pn(s.value)))
-    ]) : En("", !0);
+    return (i, f) => c.value ? gt(i.$slots, "default", vt(Pn({ key: 0 }, { route: ue(t), component: c.value, rejection: ue(n) })), () => [
+      (yt(), En(bn(c.value)))
+    ]) : Sn("", !0);
   }
 });
-function ao(e) {
-  return pe(e) && typeof e.value == "string";
+function sn() {
+  const e = ae(jt);
+  if (!e)
+    throw new pe();
+  return e;
 }
-function dt(e) {
-  return ao(e) ? e : Jt(e, {});
+function cn(e) {
+  return (t) => {
+    const n = Xe(), o = sn().addBeforeRouteHook({ lifecycle: e, hook: t, depth: n, timing: "component" });
+    return Rt(o), o;
+  };
+}
+function Ze(e) {
+  return (t) => {
+    const n = Xe(), o = sn().addAfterRouteHook({ lifecycle: e, hook: t, depth: n, timing: "component" });
+    return Rt(o), o;
+  };
+}
+const uo = cn("onBeforeRouteUpdate"), io = cn("onBeforeRouteLeave"), fo = Ze("onAfterRouteEnter"), lo = Ze("onAfterRouteUpdate"), ho = Ze("onAfterRouteLeave");
+function ro(e) {
+  return de(e) && typeof e.value == "string";
+}
+function mt(e) {
+  return ro(e) ? e : Gt(e, {});
 }
-function go(e) {
-  const t = Je(), n = Gt(e.name), r = Kt(e.path), o = zt(e.query), a = Qt(e.hash), s = e.meta ?? {}, c = Hn(e) ? dt(e.host) : dt(""), u = ye({ id: t, meta: {}, state: {}, ...e }), i = {
+function po(e) {
+  const t = Je(), n = zt(e.name), r = Yt(e.path), o = Xt(e.query), a = Kt(e.hash), c = e.meta ?? {}, s = $n(e) ? mt(e.host) : mt(""), u = ve({ id: t, meta: {}, state: {}, ...e }), i = {
     id: t,
     matched: u,
     matches: [u],
     name: n,
-    host: c,
+    host: s,
     path: r,
     query: o,
     hash: a,
-    meta: s,
+    meta: c,
     depth: 1,
     state: {}
-  }, f = wt(e) ? Pt(e.parent, i) : i;
-  return oe(f.path.params, f.query.params, f.host.params), f;
+  }, f = bt(e) ? St(e.parent, i) : i;
+  return ce(f.path.params, f.query.params, f.host.params), f;
 }
 export {
-  Un as DuplicateParamsError,
-  kn as MetaPropertyConflict,
-  to as RouterLink,
-  he as RouterNotInstalledError,
-  oo as RouterView,
-  Wn as UseRouteInvalidError,
-  tr as asUrl,
-  go as createExternalRoute,
-  Mn as createParam,
-  ne as createRoute,
-  io as createRouter,
-  Xr as isRoute,
-  M as isUrl,
-  ho as onAfterRouteEnter,
-  po as onAfterRouteLeave,
-  mo as onAfterRouteUpdate,
-  fo as onBeforeRouteLeave,
-  lo as onBeforeRouteUpdate,
-  Oe as path,
-  lt as query,
-  Yr as useLink,
-  Zr as useRoute,
-  De as useRouter,
-  uo as withDefault
+  kn as DuplicateParamsError,
+  An as MetaPropertyConflict,
+  Yr as RouterLink,
+  pe as RouterNotInstalledError,
+  no as RouterView,
+  xn as UseRouteInvalidError,
+  wt as asUrl,
+  po as createExternalRoute,
+  Tn as createParam,
+  oe as createRoute,
+  co as createRouter,
+  on as isRoute,
+  I as isUrl,
+  fo as onAfterRouteEnter,
+  lo as onAfterRouteLeave,
+  ho as onAfterRouteUpdate,
+  uo as onBeforeRouteLeave,
+  io as onBeforeRouteUpdate,
+  $e as path,
+  ht as query,
+  Kr as useLink,
+  Xr as useRoute,
+  qe as useRouter,
+  so as withDefault
 };