@react-motion-router/core 2.0.0-beta.sha-0daf7c7 → 2.0.0-beta.sha-4fafa70

package/build/index.js

@@ -1,9 +1,9 @@
 import { jsx as T, jsxs as Gt, Fragment as oe } from "react/jsx-runtime";
-import { createContext as nt, Component as it, createRef as K, lazy as le, cloneElement as Xt, Suspense as Et, isValidElement as Ut, Children as jt, useContext as yt, useDebugValue as ce } from "react";
-const Ht = nt(null);
-class Fe extends it {
+import { createContext as it, Component as st, createRef as K, lazy as le, cloneElement as Ht, Suspense as Tt, isValidElement as Xt, Children as jt, useContext as vt, useDebugValue as ce } from "react";
+const Zt = it(null);
+class Be extends st {
   ref = K();
-  static contextType = Ht;
+  static contextType = Zt;
   componentDidMount() {
     this.scene.addNode(this);
   }
@@ -63,18 +63,19 @@ function bt(s, t) {
   const a = Object.keys(n.pathname.groups).filter((o) => !isNaN(Number(o))).map((o) => n.pathname.groups[o]).filter((o) => o !== void 0).at(-1) ?? "";
   return new URL(t.replace(a, ""), window.location.origin);
 }
-function Zt(s, t, e = `${window.location.origin}/`, n = !0) {
+function Yt(s, t, e = `${window.location.origin}/`, n = !0) {
   n || (s = s.toLowerCase(), t = t.toLowerCase());
   const r = bt(e, t)?.href;
   if (!r)
     return null;
   const a = new URLPattern({ baseURL: r, pathname: s }).exec({ pathname: t, baseURL: r }), o = a?.pathname.groups ?? {};
   return a ? {
-    params: o
+    params: o,
+    caseSensitive: n
   } : null;
 }
-function Be(s, t, e = window.location.origin) {
-  return s.some(({ pattern: n, caseSensitive: r }) => Zt(n, t, e, r));
+function Ke(s, t, e = window.location.origin) {
+  return s.some(({ pattern: n, caseSensitive: r }) => Yt(n, t, e, r));
 }
 function he(s, t = window) {
   return new Promise((e) => {
@@ -83,17 +84,17 @@ function he(s, t = window) {
     ));
   });
 }
-function Ke(s) {
+function qe(s) {
   const t = le(s);
   return t.load = async () => (t.module ??= await s(), t.module), t;
 }
-function qe() {
+function ze() {
   return !!window.navigation;
 }
-function ze() {
+function Ge() {
   return !!globalThis.URLPattern;
 }
-async function Ge() {
+async function He() {
   const { URLPattern: s } = await import(
     /*webpackIgnore: true*/
     "urlpattern-polyfill"
@@ -122,8 +123,8 @@ async function ue(s) {
 function de(s) {
   return s.replace(/-([a-z])/g, (t) => t[1].toUpperCase());
 }
-function He(s, t) {
-  return Xt(s, t);
+function Ze(s, t) {
+  return Ht(s, t);
 }
 class pe extends Event {
   constructor() {
@@ -140,7 +141,7 @@ class me extends Event {
     super("transition-end");
   }
 }
-class Ze extends Event {
+class Ye extends Event {
   constructor() {
     super("motion-progress-start");
   }
@@ -151,7 +152,7 @@ class ge extends Event {
     super("motion-progress"), this.progress = t;
   }
 }
-class Ye extends Event {
+class _e extends Event {
   constructor() {
     super("motion-progress-end");
   }
@@ -234,10 +235,10 @@ class ye extends Event {
     return this.#i;
   }
 }
-const Yt = nt(null);
-class ve extends it {
+const _t = it(null);
+class ve extends st {
   ref = K();
-  static contextType = Yt;
+  static contextType = _t;
   index = 0;
   exiting = !1;
   state = {
@@ -256,9 +257,9 @@ class ve extends it {
     this.props.navigation.removeEventListener("transition-start", this.onAnimationStart), this.props.navigation.removeEventListener("transition-end", this.onAnimationEnd), this.props.navigation.removeEventListener("transition-cancel", this.onAnimationEnd);
   }
   get animationEffect() {
-    const t = this.props.animation, { animation: e, direction: n, hasUAVisualTransition: r } = this.context, { timeline: a, playbackRate: o } = e, { index: c, exiting: g, ref: p } = this;
+    const t = this.props.animation, { animation: e, direction: n, hasUAVisualTransition: r } = this.context, { timeline: a, playbackRate: o } = e, { index: c, exiting: g, ref: f } = this;
     return t?.({
-      ref: p.current,
+      ref: f.current,
       index: c,
       exiting: g,
       timeline: a,
@@ -291,7 +292,7 @@ class ve extends it {
     );
   }
 }
-const _t = nt(null), vt = nt(null), Jt = nt(null);
+const Jt = it(null), wt = it(null), Qt = it(null);
 class we {
   id;
   nodes = /* @__PURE__ */ new Map();
@@ -327,12 +328,12 @@ class we {
     return !this.nodes.size;
   }
 }
-class Ee extends it {
+class Ee extends st {
   sharedElementScene;
   #t = K();
   ref = K();
   nestedRouterData;
-  static contextType = vt;
+  static contextType = wt;
   state = {
     focused: !1,
     config: {},
@@ -352,7 +353,7 @@ class Ee extends it {
     return this.state.focused;
   }
   get name() {
-    return this.props.name ? this.props.name.toLowerCase().replace(/[^\w-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "") : te(this.props.component) ? this.props.component.module?.default.name.toLowerCase() : this.props.component.name.toLowerCase();
+    return this.props.name ? this.props.name.toLowerCase().replace(/[^\w-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "") : F(this.props.component) ? this.props.component.module?.default.name.toLowerCase() : this.props.component.name.toLowerCase();
   }
   blur() {
     return new Promise((t) => this.setState({ focused: !1 }, t));
@@ -361,15 +362,16 @@ class Ee extends it {
     return new Promise((t) => this.setState({ focused: !0 }, t));
   }
   async load(t) {
-    let e = this.props.component, n;
-    "load" in e ? n = await e.load() : n = { default: e };
-    const r = this.context.navigation, a = this.routeProp;
-    return await this.props.config?.onLoad?.({ navigation: r, route: a, signal: t }), n;
+    let e = this.props.component, n = this.props.config?.header?.component, r = this.props.config?.footer?.component, a;
+    F(e) ? a = await e.load() : a = { default: e }, F(n) && await n.load(), F(r) && await r.load();
+    const o = this.context.navigation, c = this.routeProp, g = !1;
+    return await this.props.config?.onLoad?.({ navigation: o, route: c, signal: t, preloading: g }), a;
   }
   async onExited(t) {
     await this.routeProp.config.onExited?.({
       route: this.routeProp,
       navigation: this.context.navigation,
+      preloading: !1,
       signal: t
     });
   }
@@ -377,6 +379,7 @@ class Ee extends it {
     await this.routeProp.config.onExit?.({
       route: this.routeProp,
       navigation: this.context.navigation,
+      preloading: !1,
       signal: t
     });
   }
@@ -384,6 +387,7 @@ class Ee extends it {
     await this.routeProp.config.onEnter?.({
       route: this.routeProp,
       navigation: this.context.navigation,
+      preloading: !1,
       signal: t
     });
   }
@@ -391,6 +395,7 @@ class Ee extends it {
     await this.routeProp.config.onEntered?.({
       route: this.routeProp,
       navigation: this.context.navigation,
+      preloading: !1,
       signal: t
     });
   }
@@ -424,10 +429,10 @@ class Ee extends it {
               flexDirection: "column",
               pointerEvents: "inherit"
             },
-            children: /* @__PURE__ */ T(Ht.Provider, { value: this.sharedElementScene, children: /* @__PURE__ */ T(Jt.Provider, { value: e, children: /* @__PURE__ */ Gt(_t.Provider, { value: this.nestedRouterData, children: [
-              /* @__PURE__ */ T(Et, { fallback: /* @__PURE__ */ T(H, { component: e.config.header?.fallback, route: e, navigation: t }), children: /* @__PURE__ */ T(H, { component: r, route: e, navigation: t }) }),
-              /* @__PURE__ */ T(Et, { fallback: /* @__PURE__ */ T(H, { component: this.props.fallback, route: e, navigation: t }), children: /* @__PURE__ */ T(H, { component: n, route: e, navigation: t }) }),
-              /* @__PURE__ */ T(Et, { fallback: /* @__PURE__ */ T(H, { component: e.config.footer?.fallback, route: e, navigation: t }), children: /* @__PURE__ */ T(H, { component: a, route: e, navigation: t }) })
+            children: /* @__PURE__ */ T(Zt.Provider, { value: this.sharedElementScene, children: /* @__PURE__ */ T(Qt.Provider, { value: e, children: /* @__PURE__ */ Gt(Jt.Provider, { value: this.nestedRouterData, children: [
+              /* @__PURE__ */ T(Tt, { fallback: /* @__PURE__ */ T(Z, { component: e.config.header?.fallback, route: e, navigation: t }), children: /* @__PURE__ */ T(Z, { component: r, route: e, navigation: t }) }),
+              /* @__PURE__ */ T(Tt, { fallback: /* @__PURE__ */ T(Z, { component: this.props.fallback, route: e, navigation: t }), children: /* @__PURE__ */ T(Z, { component: n, route: e, navigation: t }) }),
+              /* @__PURE__ */ T(Tt, { fallback: /* @__PURE__ */ T(Z, { component: e.config.footer?.fallback, route: e, navigation: t }), children: /* @__PURE__ */ T(Z, { component: a, route: e, navigation: t }) })
             ] }) }) })
           }
         )
@@ -435,41 +440,41 @@ class Ee extends it {
     );
   }
 }
-function H({ component: s, route: t, navigation: e }) {
-  te(s) && s.module?.default && (s = s.module.default);
+function Z({ component: s, route: t, navigation: e }) {
+  F(s) && s.module?.default && (s = s.module.default);
   const n = s ?? null;
-  return typeof n == "function" || Qt(n) ? /* @__PURE__ */ T(
+  return typeof n == "function" || te(n) ? /* @__PURE__ */ T(
     n,
     {
       navigation: e,
       route: t
     }
-  ) : Ut(n) ? Xt(n, {
+  ) : Xt(n) ? Ht(n, {
     navigation: e,
     route: t
   }) : /* @__PURE__ */ T(oe, { children: n });
 }
-function _e(s) {
-  return Ut(s) ? Object.getPrototypeOf(s.type) === Ee : !1;
+function Te(s) {
+  return Xt(s) ? Object.getPrototypeOf(s.type) === Ee : !1;
 }
-function Qt(s) {
+function te(s) {
   return typeof s == "object" && s !== null && s.$$typeof === Symbol.for("react.lazy");
 }
-function te(s) {
-  return Qt(s) && "load" in s;
+function F(s) {
+  return te(s) && "load" in s;
 }
 function be(s) {
   return "style" in s && s.style instanceof CSSStyleDeclaration;
 }
-var Te = Object.defineProperty, Se = (s, t, e) => t in s ? Te(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, j = (s, t, e) => (Se(s, typeof t != "symbol" ? t + "" : t, e), e), Wt = (s, t, e) => {
+var Se = Object.defineProperty, Re = (s, t, e) => t in s ? Se(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, j = (s, t, e) => (Re(s, typeof t != "symbol" ? t + "" : t, e), e), Wt = (s, t, e) => {
   if (!t.has(s))
     throw TypeError("Cannot " + e);
 }, i = (s, t, e) => (Wt(s, t, "read from private field"), e ? e.call(s) : t.get(s)), m = (s, t, e) => {
   if (t.has(s))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(s) : t.set(s, e);
-}, l = (s, t, e, n) => (Wt(s, t, "write to private field"), n ? n.call(s, e) : t.set(s, e), e), f = (s, t, e) => (Wt(s, t, "access private method"), e);
-const ht = {
+}, l = (s, t, e, n) => (Wt(s, t, "write to private field"), n ? n.call(s, e) : t.set(s, e), e), p = (s, t, e) => (Wt(s, t, "access private method"), e);
+const ut = {
   delay: 0,
   direction: "normal",
   duration: "auto",
@@ -478,19 +483,19 @@ const ht = {
   fill: "auto",
   iterationStart: 0,
   iterations: 1
-}, It = 1e3, Re = window.Animation, ut = window.KeyframeEffect;
+}, It = 1e3, ke = window.Animation, dt = window.KeyframeEffect;
 function Ft(s) {
   return Array.isArray(s);
 }
-function X(s) {
+function H(s) {
   return typeof s == "object" && s === null;
 }
 function h(s, t) {
-  return X(s) || typeof s == "number" ? s : (t || ([t] = Object.keys(s.type())), s.to(t).value);
+  return H(s) || typeof s == "number" ? s : (t || ([t] = Object.keys(s.type())), s.to(t).value);
 }
-function ke(s, t = ht) {
+function xe(s, t = ut) {
   let { duration: e = "auto", iterations: n = 1, playbackRate: r = 1 } = t;
-  if (X(s))
+  if (H(s))
     return s;
   if (typeof s == "number" || s.type().percent === void 0)
     throw new DOMException(
@@ -504,14 +509,14 @@ function ke(s, t = ht) {
   else if (typeof e == "string")
     throw new TypeError("Unknown effect duration keyword.");
   const { delay: a = 0, endDelay: o = 0 } = t, c = e / n * n / Math.abs(r), g = a + c + o;
-  return st(
+  return rt(
     s.to("percent").value,
     [0, 100],
     [0, g]
   );
 }
-function wt(s) {
-  if (X(s) || typeof s == "number")
+function Et(s) {
+  if (H(s) || typeof s == "number")
     return s;
   if (s.type().time !== void 0)
     throw new DOMException(
@@ -524,31 +529,31 @@ function Bt(s, t) {
   const e = t.length - 1, n = Math.floor(s * e), r = t[n], a = t[Math.min(n + 1, e)], o = s * e - n;
   return r + o * (a - r);
 }
-function xe(s, t, e) {
+function Ce(s, t, e) {
   let n = 0, r = 0;
   for (const [a, o] of Object.entries(s)) {
-    const { min: c, max: g } = t, p = e[a] ?? 1, w = (o - c[a]) / (g[a] - c[a]) * p;
-    n += w, r += p;
+    const { min: c, max: g } = t, f = e[a] ?? 1, w = (o - c[a]) / (g[a] - c[a]) * f;
+    n += w, r += f;
   }
   return n / r;
 }
-function st(s, t, e, n = {}) {
+function rt(s, t, e, n = {}) {
   let r;
   if (typeof s == "number" && Ft(t)) {
     const o = { x: t[0] }, c = { x: t[1] };
     t = { min: o, max: c }, s = { x: s };
   } else
     throw new TypeError("Input and input range must have the same dimensions.");
-  if (r = xe(s, t, n), r = Ce(r, 0, 1), Ft(e))
+  if (r = Ce(s, t, n), r = Me(r, 0, 1), Ft(e))
     return Bt(r, e);
   const a = {};
   for (const o of Object.keys(e.min)) {
-    const c = e.min[o], g = e.max[o], p = [c, g];
-    a[o] = Bt(r, p);
+    const c = e.min[o], g = e.max[o], f = [c, g];
+    a[o] = Bt(r, f);
   }
   return a;
 }
-function Ce(s, t, e) {
+function Me(s, t, e) {
   return s < t ? t : e && s > e ? e : s;
 }
 function $t(s) {
@@ -568,13 +573,13 @@ function $t(s) {
     t = t.to("ms").value;
   else if (typeof t == "string")
     throw TypeError("Unknown effect duration keyword.");
-  const p = t / e, w = p * e / Math.abs(n), S = r + w + a;
-  t = new CSSUnitValue(p / S * 100, "percent");
-  const E = CSS.percent(t.to("percent").value * e / Math.abs(n));
+  const f = t / e, w = f * e / Math.abs(n), k = r + w + a;
+  t = new CSSUnitValue(f / k * 100, "percent");
+  const b = CSS.percent(t.to("percent").value * e / Math.abs(n));
   return o !== null && (c = h(o, "percent") / g.value), {
     ...s,
     progress: c,
-    activeDuration: E,
+    activeDuration: b,
     duration: t,
     iterations: e,
     delay: r,
@@ -589,7 +594,7 @@ function ee(s, t) {
   const o = Math.max(Math.min(a, r), 0), c = Math.max(Math.min(a + e, r), 0);
   return n < o || t === "backwards" && n === o ? "before" : n > c || t === "forwards" && n === c ? "after" : "active";
 }
-function Me(s, t) {
+function Le(s, t) {
   let { localTime: e = null, delay: n = 0, activeDuration: r = 0, fill: a } = s;
   if (r = h(r), e = h(e), e == null || e === void 0)
     return null;
@@ -604,38 +609,38 @@ function Me(s, t) {
       return null;
   }
 }
-function Le(s, t, e) {
+function Pe(s, t, e) {
   const { duration: n = 0, iterations: r = 1, iterationStart: a = 0 } = s;
   if (typeof n != "number")
     throw new TypeError("Duration cannot be unresolved");
   let o = 0;
-  return n === 0 ? t === "before" ? o = 0 : o = r : o = e / wt(n), o + a;
+  return n === 0 ? t === "before" ? o = 0 : o = r : o = e / Et(n), o + a;
 }
-function Pe(s, t, e, n) {
+function De(s, t, e, n) {
   const { iterations: r = 1, iterationStart: a = 0, activeDuration: o = 0 } = s;
-  if (X(e))
+  if (H(e))
     return null;
   let c = 0;
   return e === 1 / 0 && (c = a % 1), c === 0 && (t === "active" || t === "after") && o === n && r !== 0 && (c = 1), c;
 }
 function ne(s, t) {
-  const { iterations: e = 1 } = s, n = Me(s, t);
-  if (X(n))
+  const { iterations: e = 1 } = s, n = Le(s, t);
+  if (H(n))
     return null;
   if (t === "after" && e === 1 / 0)
     return 1 / 0;
-  const r = Le(s, t, n);
-  return Pe(s, t, r, n) === 1 ? Math.floor(r) - 1 : Math.floor(r);
+  const r = Pe(s, t, n);
+  return De(s, t, r, n) === 1 ? Math.floor(r) - 1 : Math.floor(r);
 }
-class De extends Event {
+class Ae extends Event {
   constructor(t) {
     super("update", { bubbles: !1, cancelable: !1, composed: !1 }), j(this, "currentTime"), this.currentTime = t;
   }
 }
-var N, Z;
-class b extends EventTarget {
+var N, Y;
+class E extends EventTarget {
   constructor(t = { type: "swipe", axis: "x", rangeStart: 0, rangeEnd: window.screen.availWidth, source: document.body }) {
-    super(), m(this, N, void 0), m(this, Z, void 0), t.source.addEventListener(t.type, this.onGesture.bind(this)), l(this, Z, CSS.percent(0)), l(this, N, t);
+    super(), m(this, N, void 0), m(this, Y, void 0), t.source.addEventListener(t.type, this.onGesture.bind(this)), l(this, Y, CSS.percent(0)), l(this, N, t);
   }
   onGesture(t) {
     const e = i(this, N).source.getBoundingClientRect();
@@ -647,7 +652,7 @@ class b extends EventTarget {
     switch (i(this, N).type) {
       case "swipe": {
         const { rangeStart: a, rangeEnd: o } = i(this, N), c = i(this, N).axis;
-        n = st(
+        n = rt(
           r[c],
           [h(a, "px"), h(o, "px")],
           [0, 100]
@@ -656,7 +661,7 @@ class b extends EventTarget {
       }
       case "pan": {
         const { rangeStart: a, rangeEnd: o } = i(this, N), { x: c, y: g } = r;
-        n = st(
+        n = rt(
           { x: c, y: g },
           {
             min: { x: h(a.x, "px"), y: h(a.y, "px") },
@@ -669,7 +674,7 @@ class b extends EventTarget {
       }
       case "pinch": {
         const { rangeStart: a, rangeEnd: o } = i(this, N), { scale: c } = t;
-        n = st(
+        n = rt(
           c,
           [h(a, ""), h(o, "")],
           // figure out which unit
@@ -679,14 +684,14 @@ class b extends EventTarget {
       }
       case "rotate": {
         const { rangeStart: a, rangeEnd: o } = i(this, N), { rotation: c } = t;
-        n = st(
+        n = rt(
           c,
           [h(a, "deg"), h(o, "deg")],
           [0, 100]
         );
       }
     }
-    l(this, Z, CSS.percent(n)), this.dispatchEvent(new De(i(this, Z)));
+    l(this, Y, CSS.percent(n)), this.dispatchEvent(new Ae(i(this, Y)));
   }
   addEventListener(t, e, n) {
     super.addEventListener(t, e, n);
@@ -695,26 +700,26 @@ class b extends EventTarget {
     super.removeEventListener(t, e, n);
   }
   get currentTime() {
-    return i(this, Z);
+    return i(this, Y);
   }
   get phase() {
     return "active";
   }
 }
-N = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap();
+N = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
 const A = /* @__PURE__ */ new WeakMap();
-var rt;
-class dt extends ut {
+var at;
+class pt extends dt {
   constructor(t, e = null) {
-    super(t), m(this, rt, null), l(this, rt, e);
+    super(t), m(this, at, null), l(this, at, e);
   }
   get parent() {
-    return i(this, rt);
+    return i(this, at);
   }
   getTiming() {
     var t;
     const e = super.getTiming();
-    if (((t = A.get(this)) == null ? void 0 : t.timeline) instanceof b) {
+    if (((t = A.get(this)) == null ? void 0 : t.timeline) instanceof E) {
       if (e.duration === 1 / 0)
         throw TypeError("Effect duration cannot be Infinity for non-monotonic timelines.");
       if (e.iterations === 1 / 0)
@@ -725,7 +730,7 @@ class dt extends ut {
   getComputedTiming() {
     var t;
     const e = super.getComputedTiming();
-    if (((t = A.get(this)) == null ? void 0 : t.timeline) instanceof b) {
+    if (((t = A.get(this)) == null ? void 0 : t.timeline) instanceof E) {
       if (e.duration === 1 / 0)
         throw TypeError("Effect duration cannot be Infinity for non-monotonic timelines.");
       if (e.iterations === 1 / 0)
@@ -742,12 +747,12 @@ class dt extends ut {
       duration: n.duration instanceof CSSNumericValue ? n.duration.to("ms").value : n.duration,
       ...t
     };
-    let r = i(this, rt);
+    let r = i(this, at);
     for (; r; ) {
       const a = r.getTiming();
       t != null && t.delay && (t.delay += a.delay ?? 0), t != null && t.endDelay && (t.endDelay += a.endDelay ?? 0), t != null && t.iterationStart && (t.iterationStart += a.iterationStart ?? 0), t != null && t.iterations && (t.iterations *= a.iterations ?? 1), t != null && t.playbackRate && (t.playbackRate *= a.playbackRate ?? 1), a.duration && typeof a.duration != "string" && t?.duration === "auto" && (t.duration = h(a.duration, "ms")), r = r.parent;
     }
-    if (((e = A.get(this)) == null ? void 0 : e.timeline) instanceof b) {
+    if (((e = A.get(this)) == null ? void 0 : e.timeline) instanceof E) {
       if (t?.duration === 1 / 0)
         throw TypeError("Effect duration cannot be Infinity for non-monotonic timelines.");
       if (t != null && t.iterations)
@@ -756,14 +761,14 @@ class dt extends ut {
     return super.updateTiming(t);
   }
 }
-rt = /* @__PURE__ */ new WeakMap();
-var U, Y;
-const Ae = class pt {
+at = /* @__PURE__ */ new WeakMap();
+var U, _;
+const Ne = class ft {
   constructor(t) {
-    m(this, U, []), m(this, Y, null), l(this, U, t.map((e) => (e instanceof pt ? l(e, Y, this) : e instanceof ut && (e = new dt(e, this)), e)));
+    m(this, U, []), m(this, _, null), l(this, U, t.map((e) => (e instanceof ft ? l(e, _, this) : e instanceof dt && (e = new pt(e, this)), e)));
   }
   get parent() {
-    return i(this, Y);
+    return i(this, _);
   }
   get children() {
     const t = i(this, U);
@@ -785,18 +790,18 @@ const Ae = class pt {
   }
   append(...t) {
     t.forEach((e) => {
-      i(this, U).includes(e) || (e instanceof pt ? l(e, Y, this) : e instanceof ut && (e = new dt(e, this)), i(this, U).push(e));
+      i(this, U).includes(e) || (e instanceof ft ? l(e, _, this) : e instanceof dt && (e = new pt(e, this)), i(this, U).push(e));
     });
   }
   prepend(...t) {
     t.forEach((e) => {
-      i(this, U).includes(e) || (e instanceof pt ? l(e, Y, this) : e instanceof ut && (e = new dt(e, this)), i(this, U).unshift(e));
+      i(this, U).includes(e) || (e instanceof ft ? l(e, _, this) : e instanceof dt && (e = new pt(e, this)), i(this, U).unshift(e));
     });
   }
 };
-U = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
-let Ot = Ae;
-class et {
+U = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
+let Ot = Ne;
+class nt {
   constructor() {
     j(this, "promise"), j(this, "state"), j(this, "nativeResolve"), j(this, "nativeReject"), this.state = "pending", this.nativeResolve = this.nativeReject = null, this.promise = new Promise((t, e) => {
       this.nativeResolve = t, this.nativeReject = e;
@@ -812,11 +817,11 @@ class et {
     }), (e = this.nativeReject) == null || e.call(this, t);
   }
 }
-var _, Tt, ie;
-class Ne extends Ot {
-  constructor(t, e = ht) {
-    super(t), m(this, Tt), m(this, _, void 0), l(this, _, {
-      ...ht,
+var J, St, ie;
+class Ue extends Ot {
+  constructor(t, e = ut) {
+    super(t), m(this, St), m(this, J, void 0), l(this, J, {
+      ...ut,
       ...e
     });
   }
@@ -827,7 +832,7 @@ class Ne extends Ot {
     super.append(...t), t.forEach((e) => e.updateTiming());
   }
   getTiming() {
-    return i(this, _);
+    return i(this, J);
   }
   getComputedTiming() {
     var t, e;
@@ -843,15 +848,15 @@ class Ne extends Ot {
       } = M.getComputedTiming();
       r.activeDuration = r.activeDuration ? h(r.activeDuration, "ms") + h(Vt, "ms") : Vt, n.duration = n.duration instanceof CSSNumericValue ? n.duration.to("ms").value : n.duration, L = L instanceof CSSNumericValue ? L.to("ms").value : L, typeof L != "string" && (n.duration === "auto" ? n.duration = h(L, "ms") : typeof n.duration != "string" && (n.duration = n.duration ? n.duration + L : L));
     }
-    const { timeline: g, startTime: p, currentTime: w } = A.get(this) ?? {}, S = g instanceof b ? "percent" : "ms";
-    let { duration: E = 0, iterations: F = 1 } = r;
-    if (E === "auto" && (E = 0), typeof E == "string")
+    const { timeline: g, startTime: f, currentTime: w } = A.get(this) ?? {}, k = g instanceof E ? "percent" : "ms";
+    let { duration: b = 0, iterations: X = 1 } = r;
+    if (b === "auto" && (b = 0), typeof b == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    return r.duration = E, r.activeDuration = wt(E) * F, r.startTime = p ?? void 0, r.localTime = w, r.currentIteration = ne(r, ee(r, i(this, Tt, ie))), g instanceof b ? $t(r) : (g instanceof DocumentTimeline && (r.progress = w && h(w, S) / h(c, S)), r);
+    return r.duration = b, r.activeDuration = Et(b) * X, r.startTime = f ?? void 0, r.localTime = w, r.currentIteration = ne(r, ee(r, i(this, St, ie))), g instanceof E ? $t(r) : (g instanceof DocumentTimeline && (r.progress = w && h(w, k) / h(c, k)), r);
   }
   updateTiming(t) {
-    l(this, _, {
-      ...i(this, _),
+    l(this, J, {
+      ...i(this, J),
       ...t
     });
     for (let e = 0; e < this.children.length; e++) {
@@ -860,19 +865,19 @@ class Ne extends Ot {
     }
   }
 }
-_ = /* @__PURE__ */ new WeakMap(), Tt = /* @__PURE__ */ new WeakSet(), ie = function() {
+J = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakSet(), ie = function() {
   const { playbackRate: s = 1 } = A.get(this) ?? {};
   return s < 0 ? "backwards" : "forwards";
 };
-var d, x, ct, v, R, P, u, y, k, z, O, at, W, ft, St, J, ot, q, Q, Rt, Kt, kt, qt, xt, zt, B, G, lt, mt, Ct, I, V, D, $, gt, Mt, Lt;
+var d, x, ht, v, S, P, u, y, R, z, O, ot, W, mt, Rt, Q, lt, q, tt, kt, Kt, xt, qt, Ct, zt, B, G, ct, gt, Mt, I, V, D, $, yt, Lt, Pt;
 const se = class extends EventTarget {
   constructor(t, e) {
-    super(), m(this, ft), m(this, J), m(this, q), m(this, Rt), m(this, kt), m(this, xt), m(this, B), m(this, mt), m(this, I), m(this, D), j(this, "id", ""), j(this, "oncancel", null), j(this, "onfinish", null), j(this, "onremove", null), m(this, d, void 0), m(this, x, void 0), m(this, ct, "active"), m(this, v, {
+    super(), m(this, mt), m(this, Q), m(this, q), m(this, kt), m(this, xt), m(this, Ct), m(this, B), m(this, gt), m(this, I), m(this, D), j(this, "id", ""), j(this, "oncancel", null), j(this, "onfinish", null), j(this, "onremove", null), m(this, d, void 0), m(this, x, void 0), m(this, ht, "active"), m(this, v, {
       task: null,
       playbackRate: null
-    }), m(this, R, new et()), m(this, P, new et()), m(this, u, null), m(this, y, null), m(this, k, []), m(this, z, null), m(this, O, !1), m(this, at, 0), m(this, W, 1), m(this, lt, () => {
-      f(this, B, G).call(this);
-    }), m(this, gt, () => {
+    }), m(this, S, new nt()), m(this, P, new nt()), m(this, u, null), m(this, y, null), m(this, R, []), m(this, z, null), m(this, O, !1), m(this, ot, 0), m(this, W, 1), m(this, ct, () => {
+      p(this, B, G).call(this);
+    }), m(this, yt, () => {
       var n;
       if (i(this, P).state !== "pending" || this.playState !== "finished")
         return;
@@ -892,7 +897,7 @@ const se = class extends EventTarget {
         var c;
         this.dispatchEvent(o), (c = this.onfinish) == null || c.call(this, o);
       });
-    }), m(this, Mt, () => {
+    }), m(this, Lt, () => {
       var n, r;
       const a = this.currentTime, o = (n = this.timeline) == null ? void 0 : n.currentTime, c = new AnimationPlaybackEvent(
         "cancel",
@@ -906,11 +911,11 @@ const se = class extends EventTarget {
         }
       );
       this.dispatchEvent(c), (r = this.oncancel) == null || r.call(this, c);
-    }), m(this, Lt, () => {
+    }), m(this, Pt, () => {
       var n;
       const r = new Event("remove");
       this.dispatchEvent(r), (n = this.onremove) == null || n.call(this, r);
-    }), i(this, R).resolve(this), l(this, x, t ?? null), l(this, d, e ?? document.timeline), i(this, x) && A.set(i(this, x), this), f(this, mt, Ct).call(this), e instanceof b && e.addEventListener("update", i(this, lt));
+    }), i(this, S).resolve(this), l(this, x, t ?? null), l(this, d, e ?? document.timeline), i(this, x) && A.set(i(this, x), this), p(this, gt, Mt).call(this), e instanceof E && e.addEventListener("update", i(this, ct));
   }
   reverse() {
     var t;
@@ -929,56 +934,56 @@ const se = class extends EventTarget {
   play() {
     const t = this.playState === "paused" && this.pending;
     let e = this.currentTime;
-    (i(this, v).playbackRate ?? this.playbackRate) === 0 && e === null && l(this, y, 0), e === null && l(this, O, !0), (this.playState === "finished" || t) && (l(this, u, null), l(this, y, null), l(this, O, !0)), i(this, y) && l(this, u, null), i(this, v).task && (i(this, v).task = null), !(i(this, u) !== null && i(this, y) === null && !t && i(this, v).playbackRate === null) && (f(this, B, G).call(this), f(this, J, ot).call(this), i(this, v).task = "play", f(this, I, V).call(this, !1));
+    (i(this, v).playbackRate ?? this.playbackRate) === 0 && e === null && l(this, y, 0), e === null && l(this, O, !0), (this.playState === "finished" || t) && (l(this, u, null), l(this, y, null), l(this, O, !0)), i(this, y) && l(this, u, null), i(this, v).task && (i(this, v).task = null), !(i(this, u) !== null && i(this, y) === null && !t && i(this, v).playbackRate === null) && (p(this, B, G).call(this), p(this, Q, lt).call(this), i(this, v).task = "play", p(this, I, V).call(this, !1));
   }
   pause() {
-    this.playState !== "paused" && (this.currentTime === null && l(this, O, !0), i(this, v).task && (i(this, v).task = null), f(this, J, ot).call(this), i(this, v).task = "pause");
+    this.playState !== "paused" && (this.currentTime === null && l(this, O, !0), i(this, v).task && (i(this, v).task = null), p(this, Q, lt).call(this), i(this, v).task = "pause");
   }
   persist() {
-    i(this, k).forEach((t) => t.persist()), l(this, ct, "persisted");
+    i(this, R).forEach((t) => t.persist()), l(this, ht, "persisted");
   }
   finish() {
     var t;
     const { endTime: e = 0 } = ((t = this.effect) == null ? void 0 : t.getComputedTiming()) ?? {}, n = i(this, v).playbackRate ?? i(this, W);
     if (n === 0 || n > 0 && e === 1 / 0)
       throw new DOMException("InvalidStateError");
-    f(this, D, $).call(this);
+    p(this, D, $).call(this);
     let r;
-    if (n > 0 ? r = e : r = 0, f(this, ft, St).call(this, r), this.startTime === null && i(this, d) !== null && i(this, d).currentTime !== null && r !== null) {
-      const a = i(this, d) instanceof b ? "percent" : "ms";
+    if (n > 0 ? r = e : r = 0, p(this, mt, Rt).call(this, r), this.startTime === null && i(this, d) !== null && i(this, d).currentTime !== null && r !== null) {
+      const a = i(this, d) instanceof E ? "percent" : "ms";
       r = h(r, a);
       const o = h(i(this, d).currentTime, a);
       l(this, u, o - r / n);
     }
-    i(this, v).task === "pause" && i(this, u) !== null && (l(this, y, null), f(this, q, Q).call(this), i(this, R).resolve(this)), i(this, v).task === "play" && i(this, u) !== null && (f(this, q, Q).call(this), i(this, R).resolve(this)), f(this, I, V).call(this, !0), i(this, k).forEach((a) => a.finish());
+    i(this, v).task === "pause" && i(this, u) !== null && (l(this, y, null), p(this, q, tt).call(this), i(this, S).resolve(this)), i(this, v).task === "play" && i(this, u) !== null && (p(this, q, tt).call(this), i(this, S).resolve(this)), p(this, I, V).call(this, !0), i(this, R).forEach((a) => a.finish());
   }
   commitStyles() {
-    i(this, k).forEach((t) => {
-      t.effect instanceof dt && (t.effect.target === null || t.effect.pseudoElement !== null) || t.commitStyles();
+    i(this, R).forEach((t) => {
+      t.effect instanceof pt && (t.effect.target === null || t.effect.pseudoElement !== null) || t.commitStyles();
     });
   }
   cancel() {
-    this.playState !== "idle" && (f(this, D, $).call(this), i(this, R).reject(new DOMException("The user aborted a request", "AbortError")), f(this, q, Q).call(this), l(this, R, new et()), i(this, P).state === "pending" && i(this, P).reject(new DOMException("The user aborted a request", "AbortError")), l(this, P, new et()), i(this, k).forEach((t) => t.cancel())), l(this, u, null), l(this, y, null);
+    this.playState !== "idle" && (p(this, D, $).call(this), i(this, S).reject(new DOMException("The user aborted a request", "AbortError")), p(this, q, tt).call(this), l(this, S, new nt()), i(this, P).state === "pending" && i(this, P).reject(new DOMException("The user aborted a request", "AbortError")), l(this, P, new nt()), i(this, R).forEach((t) => t.cancel())), l(this, u, null), l(this, y, null);
   }
   updatePlaybackRate(t) {
     var e;
     i(this, v).playbackRate = t;
     const n = this.playState;
-    if (i(this, R).state !== "pending")
+    if (i(this, S).state !== "pending")
       switch (n) {
         case "idle":
         case "paused":
-          f(this, D, $).call(this);
+          p(this, D, $).call(this);
           break;
         case "finished": {
-          const r = i(this, d) instanceof b ? "percent" : "ms", a = ((e = i(this, d)) == null ? void 0 : e.currentTime) ?? null;
+          const r = i(this, d) instanceof E ? "percent" : "ms", a = ((e = i(this, d)) == null ? void 0 : e.currentTime) ?? null;
           if (t === 0)
             l(this, u, h(a, r));
           else if (a !== null) {
             let o = null;
             o = (h(a, r) - (i(this, u) ?? 0)) * this.playbackRate, i(this, u) !== null && o !== null && l(this, u, (h(a, r) - o) / t);
           }
-          f(this, D, $).call(this), f(this, I, V).call(this, !1), f(this, B, G).call(this);
+          p(this, D, $).call(this), p(this, I, V).call(this, !1), p(this, B, G).call(this);
           break;
         }
         default:
@@ -992,42 +997,42 @@ const se = class extends EventTarget {
     super.removeEventListener(t, e, n);
   }
   set playbackRate(t) {
-    l(this, W, t), i(this, k).forEach((e) => {
+    l(this, W, t), i(this, R).forEach((e) => {
       e.playbackRate *= t;
     });
   }
   set startTime(t) {
-    l(this, u, h(t)), i(this, k).forEach((e) => e.startTime = t);
+    l(this, u, h(t)), i(this, R).forEach((e) => e.startTime = t);
   }
   set currentTime(t) {
     var e;
-    const n = i(this, d) instanceof b ? "percent" : "ms", r = h(((e = i(this, d)) == null ? void 0 : e.currentTime) ?? null, n);
-    if (X(t) && !X(r))
+    const n = i(this, d) instanceof E ? "percent" : "ms", r = h(((e = i(this, d)) == null ? void 0 : e.currentTime) ?? null, n);
+    if (H(t) && !H(r))
       throw new TypeError("currentTime may not be changed from resolved to unresolved.");
-    l(this, O, !1), i(this, y) !== null || i(this, u) === null || r === null || this.playbackRate === 0 ? l(this, y, h(t, n)) : l(this, u, r - h(t, n) / this.playbackRate), (i(this, d) === null || r === null) && l(this, u, null), l(this, z, null), f(this, ft, St).call(this, t), i(this, v).task === "pause" && (l(this, y, h(t, n)), f(this, D, $).call(this), l(this, u, null), f(this, q, Q).call(this), i(this, R).resolve(this)), f(this, I, V).call(this, !0);
+    l(this, O, !1), i(this, y) !== null || i(this, u) === null || r === null || this.playbackRate === 0 ? l(this, y, h(t, n)) : l(this, u, r - h(t, n) / this.playbackRate), (i(this, d) === null || r === null) && l(this, u, null), l(this, z, null), p(this, mt, Rt).call(this, t), i(this, v).task === "pause" && (l(this, y, h(t, n)), p(this, D, $).call(this), l(this, u, null), p(this, q, tt).call(this), i(this, S).resolve(this)), p(this, I, V).call(this, !0);
   }
   set timeline(t) {
     var e, n;
     const r = this.timeline;
     if (r === t)
       return;
-    i(this, d) instanceof b && i(this, d).removeEventListener("update", i(this, lt));
-    const a = this.playState, o = r instanceof b ? "percent" : "ms", c = h(this.currentTime, o), { progress: g = null, endTime: p = 0 } = ((e = i(this, x)) == null ? void 0 : e.getComputedTiming()) ?? {}, w = h(p, o), S = r instanceof b, E = t instanceof b, F = t instanceof DocumentTimeline, C = this.pending;
-    if (E)
-      l(this, d, t), t.addEventListener("update", i(this, lt)), f(this, D, $).call(this), l(this, O, !0), l(this, u, null), l(this, y, null), (a === "running" || a === "finished") && ((!i(this, R) || i(this, R).state === "resolved") && f(this, J, ot).call(this), i(this, v).task = "play", i(this, k).forEach((M) => M.pause())), a === "paused" && g !== null && l(this, y, g * w), C && ((!i(this, R) || i(this, R).state === "resolved") && f(this, J, ot).call(this), a === "paused" ? i(this, v).task = "pause" : i(this, v).task = "play"), i(this, u) !== null && l(this, y, null), f(this, I, V).call(this, !1);
-    else if (F) {
-      if (l(this, d, t), S) {
+    i(this, d) instanceof E && i(this, d).removeEventListener("update", i(this, ct));
+    const a = this.playState, o = r instanceof E ? "percent" : "ms", c = h(this.currentTime, o), { progress: g = null, endTime: f = 0 } = ((e = i(this, x)) == null ? void 0 : e.getComputedTiming()) ?? {}, w = h(f, o), k = r instanceof E, b = t instanceof E, X = t instanceof DocumentTimeline, C = this.pending;
+    if (b)
+      l(this, d, t), t.addEventListener("update", i(this, ct)), p(this, D, $).call(this), l(this, O, !0), l(this, u, null), l(this, y, null), (a === "running" || a === "finished") && ((!i(this, S) || i(this, S).state === "resolved") && p(this, Q, lt).call(this), i(this, v).task = "play", i(this, R).forEach((M) => M.pause())), a === "paused" && g !== null && l(this, y, g * w), C && ((!i(this, S) || i(this, S).state === "resolved") && p(this, Q, lt).call(this), a === "paused" ? i(this, v).task = "pause" : i(this, v).task = "play"), i(this, u) !== null && l(this, y, null), p(this, I, V).call(this, !1);
+    else if (X) {
+      if (l(this, d, t), k) {
         if (c !== null && g !== null) {
           const { endTime: M = 0 } = ((n = i(this, x)) == null ? void 0 : n.getComputedTiming()) ?? {}, L = h(M, "ms");
           this.currentTime = g * L;
         }
         switch (a) {
           case "paused":
-            i(this, k).forEach((M) => M.pause());
+            i(this, R).forEach((M) => M.pause());
             break;
           case "running":
           case "finished":
-            i(this, k).forEach((M) => M.play());
+            i(this, R).forEach((M) => M.play());
         }
       }
     } else
@@ -1035,15 +1040,15 @@ const se = class extends EventTarget {
   }
   set effect(t) {
     if (t !== i(this, x)) {
-      if (this.pending && f(this, q, Q).call(this), i(this, x) && A.delete(i(this, x)), t) {
+      if (this.pending && p(this, q, tt).call(this), i(this, x) && A.delete(i(this, x)), t) {
         const e = A.get(t);
         e && (e.effect = null), A.set(t, this);
       }
-      l(this, x, t), f(this, mt, Ct).call(this), f(this, I, V).call(this, !1);
+      l(this, x, t), p(this, gt, Mt).call(this), p(this, I, V).call(this, !1);
     }
   }
   get ready() {
-    return i(this, R).promise;
+    return i(this, S).promise;
   }
   get finished() {
     return i(this, P).promise;
@@ -1051,17 +1056,17 @@ const se = class extends EventTarget {
   get playState() {
     var t;
     let { endTime: e = 0 } = ((t = this.effect) == null ? void 0 : t.getComputedTiming()) ?? {};
-    const n = i(this, d) instanceof b ? "percent" : "ms", r = h(this.startTime, n), a = h(this.currentTime, n);
+    const n = i(this, d) instanceof E ? "percent" : "ms", r = h(this.startTime, n), a = h(this.currentTime, n);
     return e = h(e, n), a === null && r === null && i(this, v).task === null ? "idle" : i(this, v).task === "pause" || r === null && i(this, v).task !== "play" ? "paused" : a !== null && (i(this, W) > 0 && a >= e || i(this, W) < 0 && a <= 0) ? "finished" : "running";
   }
   get playbackRate() {
     return i(this, W);
   }
   get replaceState() {
-    return i(this, ct);
+    return i(this, ht);
   }
   get pending() {
-    return i(this, R).state === "pending";
+    return i(this, S).state === "pending";
   }
   get currentTime() {
     var t;
@@ -1069,12 +1074,12 @@ const se = class extends EventTarget {
     if (i(this, y)) {
       if (typeof e == "number")
         return i(this, y);
-      const a = i(this, d) instanceof b ? "percent" : "ms";
+      const a = i(this, d) instanceof E ? "percent" : "ms";
       return new CSSUnitValue(i(this, y), a);
     }
     if (e === null || i(this, u) === null)
       return null;
-    const n = i(this, d) instanceof b ? "percent" : "ms";
+    const n = i(this, d) instanceof E ? "percent" : "ms";
     let r = (h(e, n) - i(this, u)) * this.playbackRate;
     return r === -0 && (r = 0), typeof e == "number" ? r : new CSSUnitValue(r, n);
   }
@@ -1084,7 +1089,7 @@ const se = class extends EventTarget {
       return null;
     if (typeof (((t = this.timeline) == null ? void 0 : t.currentTime) ?? null) == "number")
       return i(this, u);
-    const e = i(this, d) instanceof b ? "percent" : "ms";
+    const e = i(this, d) instanceof E ? "percent" : "ms";
     return new CSSUnitValue(i(this, u), e);
   }
   get timeline() {
@@ -1094,44 +1099,44 @@ const se = class extends EventTarget {
     return i(this, x);
   }
 };
-d = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), ct = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), ft = /* @__PURE__ */ new WeakSet(), St = function(s) {
+d = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), ot = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), mt = /* @__PURE__ */ new WeakSet(), Rt = function(s) {
   var t;
   const e = h(((t = i(this, d)) == null ? void 0 : t.currentTime) ?? null);
   if (s === null && e !== null)
     throw new TypeError();
-  s === null || e === null || (s = h(s), l(this, O, !1), i(this, y) !== null || i(this, u) === null || i(this, d) instanceof b && i(this, d).phase === "inactive" || i(this, W) === 0 ? l(this, y, s) : l(this, u, e - s / i(this, W)), i(this, d) instanceof b && i(this, d).phase === "inactive" && l(this, u, null), l(this, z, null));
-}, J = /* @__PURE__ */ new WeakSet(), ot = function() {
-  i(this, R).state !== "pending" && l(this, R, new et()), cancelAnimationFrame(i(this, at)), l(this, at, requestAnimationFrame(() => {
+  s === null || e === null || (s = h(s), l(this, O, !1), i(this, y) !== null || i(this, u) === null || i(this, d) instanceof E && i(this, d).phase === "inactive" || i(this, W) === 0 ? l(this, y, s) : l(this, u, e - s / i(this, W)), i(this, d) instanceof E && i(this, d).phase === "inactive" && l(this, u, null), l(this, z, null));
+}, Q = /* @__PURE__ */ new WeakSet(), lt = function() {
+  i(this, S).state !== "pending" && l(this, S, new nt()), cancelAnimationFrame(i(this, ot)), l(this, ot, requestAnimationFrame(() => {
     var s;
-    (((s = i(this, d)) == null ? void 0 : s.currentTime) ?? null) !== null && (f(this, xt, zt).call(this), i(this, v).task === "play" && (i(this, u) !== null || i(this, y) !== null) ? f(this, Rt, Kt).call(this) : i(this, v).task === "pause" && f(this, kt, qt).call(this), Promise.all(i(this, k).map((t) => t.finished)).then(i(this, gt)), Promise.all(i(this, k).map((t) => new Promise((e) => t.onremove = e))).then(i(this, Lt)), Promise.all(i(this, k).map((t) => new Promise((e) => t.oncancel = e))).then(i(this, Mt)).then(() => l(this, ct, "removed")));
+    (((s = i(this, d)) == null ? void 0 : s.currentTime) ?? null) !== null && (p(this, Ct, zt).call(this), i(this, v).task === "play" && (i(this, u) !== null || i(this, y) !== null) ? p(this, kt, Kt).call(this) : i(this, v).task === "pause" && p(this, xt, qt).call(this), Promise.all(i(this, R).map((t) => t.finished)).then(i(this, yt)), Promise.all(i(this, R).map((t) => new Promise((e) => t.onremove = e))).then(i(this, Pt)), Promise.all(i(this, R).map((t) => new Promise((e) => t.oncancel = e))).then(i(this, Lt)).then(() => l(this, ht, "removed")));
   }));
-}, q = /* @__PURE__ */ new WeakSet(), Q = function() {
-  cancelAnimationFrame(i(this, at)), i(this, v).task = null;
-}, Rt = /* @__PURE__ */ new WeakSet(), Kt = function() {
+}, q = /* @__PURE__ */ new WeakSet(), tt = function() {
+  cancelAnimationFrame(i(this, ot)), i(this, v).task = null;
+}, kt = /* @__PURE__ */ new WeakSet(), Kt = function() {
   var s;
   const t = ((s = this.timeline) == null ? void 0 : s.currentTime) ?? null;
   if (t === null)
     return;
-  const e = i(this, d) instanceof b ? "percent" : "ms";
+  const e = i(this, d) instanceof E ? "percent" : "ms";
   if (i(this, y) !== null)
-    f(this, D, $).call(this), this.playbackRate === 0 ? l(this, u, h(t, e)) : (l(this, u, h(t, e) - i(this, y) / this.playbackRate), l(this, y, null));
+    p(this, D, $).call(this), this.playbackRate === 0 ? l(this, u, h(t, e)) : (l(this, u, h(t, e) - i(this, y) / this.playbackRate), l(this, y, null));
   else if (i(this, u) !== null && i(this, v).playbackRate !== null) {
     const n = (h(t, e) - i(this, u)) * this.playbackRate;
-    f(this, D, $).call(this);
+    p(this, D, $).call(this);
     const r = this.playbackRate;
     r === 0 ? (l(this, y, null), l(this, u, h(t, e))) : l(this, u, h(t, e) - n / r);
   }
-  i(this, R).state === "pending" && i(this, R).resolve(this), f(this, I, V).call(this, !1), f(this, B, G).call(this), i(this, v).task = null, this.timeline instanceof DocumentTimeline && i(this, k).forEach((n) => n.play());
-}, kt = /* @__PURE__ */ new WeakSet(), qt = function() {
+  i(this, S).state === "pending" && i(this, S).resolve(this), p(this, I, V).call(this, !1), p(this, B, G).call(this), i(this, v).task = null, this.timeline instanceof DocumentTimeline && i(this, R).forEach((n) => n.play());
+}, xt = /* @__PURE__ */ new WeakSet(), qt = function() {
   var s;
   const t = ((s = this.timeline) == null ? void 0 : s.currentTime) ?? null;
   if (t === null)
     return;
-  const e = i(this, d) instanceof b ? "percent" : "ms", n = t;
-  i(this, u) !== null && i(this, y) === null && l(this, y, (h(n, e) - i(this, u)) * this.playbackRate), f(this, D, $).call(this), l(this, u, null), i(this, R).resolve(this), f(this, I, V).call(this, !1), f(this, B, G).call(this), i(this, v).task = null, i(this, k).forEach((r) => r.pause());
-}, xt = /* @__PURE__ */ new WeakSet(), zt = function() {
+  const e = i(this, d) instanceof E ? "percent" : "ms", n = t;
+  i(this, u) !== null && i(this, y) === null && l(this, y, (h(n, e) - i(this, u)) * this.playbackRate), p(this, D, $).call(this), l(this, u, null), i(this, S).resolve(this), p(this, I, V).call(this, !1), p(this, B, G).call(this), i(this, v).task = null, i(this, R).forEach((r) => r.pause());
+}, Ct = /* @__PURE__ */ new WeakSet(), zt = function() {
   if (i(this, O) && !(!i(this, d) || !i(this, d).currentTime) && !(this.playState === "idle" || this.playState === "paused" && i(this, y) !== null)) {
-    if (i(this, d) instanceof b) {
+    if (i(this, d) instanceof E) {
       const s = i(this, v).playbackRate ?? this.playbackRate;
       l(this, u, s >= 0 ? 0 : 100);
     } else
@@ -1143,7 +1148,7 @@ d = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), ct = /* @_
   const t = ((s = i(this, d)) == null ? void 0 : s.currentTime) ?? null;
   if (t === null)
     return;
-  const e = i(this, x), n = i(this, d) instanceof b ? ke(t, e?.getTiming()) : wt(t);
+  const e = i(this, x), n = i(this, d) instanceof E ? xe(t, e?.getTiming()) : Et(t);
   let r = null;
   if (i(this, u) !== null) {
     const a = h(t, "percent") === (this.playbackRate < 0 ? 0 : 100) ? this.playbackRate < 0 ? 1e-3 : -1e-3 : 0;
@@ -1152,52 +1157,52 @@ d = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), ct = /* @_
     r = i(this, y);
   else
     return;
-  i(this, k).forEach((a) => a.currentTime = r);
-}, lt = /* @__PURE__ */ new WeakMap(), mt = /* @__PURE__ */ new WeakSet(), Ct = function() {
+  i(this, R).forEach((a) => a.currentTime = r);
+}, ct = /* @__PURE__ */ new WeakMap(), gt = /* @__PURE__ */ new WeakSet(), Mt = function() {
   var s;
   let t = i(this, x);
   const e = [];
   if (t instanceof Ot)
     for (let n = 0; n < t.children.length; n++) {
       const r = new se(t.children.item(n));
-      if (t instanceof Ne && n > 0) {
+      if (t instanceof Ue && n > 0) {
         const { endTime: a = null } = ((s = e[n - 1].effect) == null ? void 0 : s.getComputedTiming()) ?? {};
         r.startTime = h(a, "ms");
       }
       e.push(r);
     }
   else {
-    const n = i(this, d) instanceof b ? document.timeline : i(this, d);
-    e.push(new Re(t, n));
+    const n = i(this, d) instanceof E ? document.timeline : i(this, d);
+    e.push(new ke(t, n));
   }
-  l(this, k, e);
+  l(this, R, e);
 }, I = /* @__PURE__ */ new WeakSet(), V = function(s) {
   var t, e;
-  const n = ((t = i(this, d)) == null ? void 0 : t.currentTime) ?? null, r = i(this, d) instanceof b ? "percent" : "ms";
+  const n = ((t = i(this, d)) == null ? void 0 : t.currentTime) ?? null, r = i(this, d) instanceof E ? "percent" : "ms";
   let a = h(this.currentTime, r);
   if (a && i(this, u) !== null && !this.pending) {
-    let { delay: o = 0, endDelay: c = 0, iterations: g = 1, duration: p = "auto" } = ((e = i(this, x)) == null ? void 0 : e.getTiming()) ?? {};
+    let { delay: o = 0, endDelay: c = 0, iterations: g = 1, duration: f = "auto" } = ((e = i(this, x)) == null ? void 0 : e.getTiming()) ?? {};
     const w = i(this, v).playbackRate ?? this.playbackRate;
-    if (p === "auto")
-      p = i(this, d) instanceof b ? It : 0;
-    else if (p instanceof CSSNumericValue)
-      p = p.to("ms").value;
-    else if (typeof p == "string")
+    if (f === "auto")
+      f = i(this, d) instanceof E ? It : 0;
+    else if (f instanceof CSSNumericValue)
+      f = f.to("ms").value;
+    else if (typeof f == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    const S = o + p * g + c;
-    let E = h(i(this, z), r);
-    w > 0 && a >= S && i(this, z) !== null ? ((E === null || E < S) && (E = S), l(this, y, s ? a : E)) : w < 0 && a <= 0 ? ((E === null || E > 0) && (E = 0), l(this, y, s ? a : E)) : w !== 0 && (s && i(this, y) !== null && (n !== null ? l(this, u, h(n, r) - i(this, y) / w) : l(this, u, null)), l(this, y, null));
+    const k = o + f * g + c;
+    let b = h(i(this, z), r);
+    w > 0 && a >= k && i(this, z) !== null ? ((b === null || b < k) && (b = k), l(this, y, s ? a : b)) : w < 0 && a <= 0 ? ((b === null || b > 0) && (b = 0), l(this, y, s ? a : b)) : w !== 0 && (s && i(this, y) !== null && (n !== null ? l(this, u, h(n, r) - i(this, y) / w) : l(this, u, null)), l(this, y, null));
   }
-  f(this, B, G).call(this), l(this, z, this.currentTime), this.playState === "finished" ? i(this, P).state === "pending" && i(this, gt).call(this) : i(this, P).state === "resolved" && l(this, P, new et());
+  p(this, B, G).call(this), l(this, z, this.currentTime), this.playState === "finished" ? i(this, P).state === "pending" && i(this, yt).call(this) : i(this, P).state === "resolved" && l(this, P, new nt());
 }, D = /* @__PURE__ */ new WeakSet(), $ = function() {
   i(this, v).playbackRate && (this.playbackRate = i(this, v).playbackRate), i(this, v).playbackRate = null;
-}, gt = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakMap(), Lt = /* @__PURE__ */ new WeakMap();
-let Ue = se;
-var tt, Pt, re;
-class Dt extends Ot {
-  constructor(t, e = ht) {
-    super(t), m(this, Pt), m(this, tt, void 0), l(this, tt, {
-      ...ht,
+}, yt = /* @__PURE__ */ new WeakMap(), Lt = /* @__PURE__ */ new WeakMap(), Pt = /* @__PURE__ */ new WeakMap();
+let We = se;
+var et, Dt, re;
+class At extends Ot {
+  constructor(t, e = ut) {
+    super(t), m(this, Dt), m(this, et, void 0), l(this, et, {
+      ...ut,
       ...e
     }), t.forEach((n) => n.updateTiming());
   }
@@ -1208,32 +1213,32 @@ class Dt extends Ot {
     super.append(...t), t.forEach((e) => e.updateTiming());
   }
   getTiming() {
-    return i(this, tt);
+    return i(this, et);
   }
   getComputedTiming() {
     const t = this.getTiming(), e = { ...t };
     for (let w = 0; w < this.children.length; w++) {
-      const S = this.children.item(w);
-      if (!S)
+      const k = this.children.item(w);
+      if (!k)
         continue;
       let {
-        delay: E = 0,
-        endDelay: F = 0,
+        delay: b = 0,
+        endDelay: X = 0,
         duration: C = "auto",
         activeDuration: M = 0,
         endTime: L = 0
-      } = S.getComputedTiming();
-      t.delay = t.delay ? Math.min(t.delay, E) : E, t.endDelay = t.endDelay ? Math.max(t.endDelay, F) : F, e.endTime = e.endTime ? Math.max(h(e.endTime, "ms"), h(L, "ms")) : L, e.activeDuration = e.activeDuration ? Math.max(h(e.activeDuration, "ms"), h(M, "ms")) : M, t.duration = t.duration instanceof CSSNumericValue ? t.duration.to("ms").value : t.duration, C = C instanceof CSSNumericValue ? C.to("ms").value : C, typeof C != "string" && (t.duration === "auto" ? t.duration = h(C, "ms") : typeof t.duration != "string" && (t.duration = t.duration ? Math.max(t.duration, C) : C));
+      } = k.getComputedTiming();
+      t.delay = t.delay ? Math.min(t.delay, b) : b, t.endDelay = t.endDelay ? Math.max(t.endDelay, X) : X, e.endTime = e.endTime ? Math.max(h(e.endTime, "ms"), h(L, "ms")) : L, e.activeDuration = e.activeDuration ? Math.max(h(e.activeDuration, "ms"), h(M, "ms")) : M, t.duration = t.duration instanceof CSSNumericValue ? t.duration.to("ms").value : t.duration, C = C instanceof CSSNumericValue ? C.to("ms").value : C, typeof C != "string" && (t.duration === "auto" ? t.duration = h(C, "ms") : typeof t.duration != "string" && (t.duration = t.duration ? Math.max(t.duration, C) : C));
     }
-    const { timeline: n, startTime: r, currentTime: a } = A.get(this) ?? {}, o = n instanceof b ? "percent" : "ms";
-    let { duration: c = 0, iterations: g = 1, endTime: p = 0 } = e;
+    const { timeline: n, startTime: r, currentTime: a } = A.get(this) ?? {}, o = n instanceof E ? "percent" : "ms";
+    let { duration: c = 0, iterations: g = 1, endTime: f = 0 } = e;
     if (c === "auto" && (c = 0), typeof c == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    return e.duration = c, e.activeDuration = wt(c) * g, e.startTime = r ?? void 0, e.localTime = a, e.currentIteration = ne(e, ee(e, i(this, Pt, re))), n instanceof b ? $t(e) : (n instanceof DocumentTimeline && (e.progress = a && h(a, o) / h(p, o)), e);
+    return e.duration = c, e.activeDuration = Et(c) * g, e.startTime = r ?? void 0, e.localTime = a, e.currentIteration = ne(e, ee(e, i(this, Dt, re))), n instanceof E ? $t(e) : (n instanceof DocumentTimeline && (e.progress = a && h(a, o) / h(f, o)), e);
   }
   updateTiming(t) {
-    l(this, tt, {
-      ...i(this, tt),
+    l(this, et, {
+      ...i(this, et),
       ...t
     });
     for (let e = 0; e < this.children.length; e++) {
@@ -1242,11 +1247,11 @@ class Dt extends Ot {
     }
   }
 }
-tt = /* @__PURE__ */ new WeakMap(), Pt = /* @__PURE__ */ new WeakSet(), re = function() {
+et = /* @__PURE__ */ new WeakMap(), Dt = /* @__PURE__ */ new WeakSet(), re = function() {
   const { playbackRate: s = 1 } = A.get(this) ?? {};
   return s < 0 ? "backwards" : "forwards";
 };
-class We extends it {
+class Ie extends st {
   ref = K();
   #t = null;
   #e = null;
@@ -1380,7 +1385,7 @@ class We extends it {
         break;
       }
     }
-    return new Dt(n);
+    return new At(n);
   }
   get animationEffect() {
     const t = this.outgoingScreen?.current?.sharedElementScene, e = this.incomingScreen?.current?.sharedElementScene;
@@ -1392,20 +1397,20 @@ class We extends it {
       const o = a.getBoundingClientRect(), c = t.nodes.get(r);
       if (!c?.canTransition || !a.canTransition)
         continue;
-      const g = c.getBoundingClientRect(), p = a.clone(), w = c.clone();
-      if (!w || !p)
+      const g = c.getBoundingClientRect(), f = a.clone(), w = c.clone();
+      if (!w || !f)
         continue;
-      const S = Array.from(/* @__PURE__ */ new Set([...c.styles, ...a.styles]));
-      a.transitionType !== "morph" ? (w.id = `${r}-start`, w.style.position = "absolute", w.style.gridArea = "1 / 1", w.style.margin = "0", this.copyStyles(c.ref.current?.firstElementChild, w, S), this.copyStyles(a.ref.current?.firstElementChild, p, S), w.style.width = `${g.width}px`, w.style.height = `${g.height}px`, p.style.width = `${o.width}px`, p.style.height = `${o.height}px`, this.ref.current?.prepend(w)) : (this.copyStyles(c.ref.current?.firstElementChild, p, S), p.style.width = `${g.width}px`, p.style.height = `${g.height}px`), p.id = `${r}${a.transitionType === "morph" ? "" : "-end"}`, p.style.position = "absolute", p.style.gridArea = "1 / 1", p.style.margin = "0", this.ref.current?.prepend(p), c.hide(), a.hide();
-      const E = async () => {
-        this.props.direction === "forwards" ? a.unhide() : c.unhide(), p.remove(), w.remove();
+      const k = Array.from(/* @__PURE__ */ new Set([...c.styles, ...a.styles]));
+      a.transitionType !== "morph" ? (w.id = `${r}-start`, w.style.position = "absolute", w.style.gridArea = "1 / 1", w.style.margin = "0", this.copyStyles(c.ref.current?.firstElementChild, w, k), this.copyStyles(a.ref.current?.firstElementChild, f, k), w.style.width = `${g.width}px`, w.style.height = `${g.height}px`, f.style.width = `${o.width}px`, f.style.height = `${o.height}px`, this.ref.current?.prepend(w)) : (this.copyStyles(c.ref.current?.firstElementChild, f, k), f.style.width = `${g.width}px`, f.style.height = `${g.height}px`), f.id = `${r}${a.transitionType === "morph" ? "" : "-end"}`, f.style.position = "absolute", f.style.gridArea = "1 / 1", f.style.margin = "0", this.ref.current?.prepend(f), c.hide(), a.hide();
+      const b = async () => {
+        this.props.direction === "forwards" ? a.unhide() : c.unhide(), f.remove(), w.remove();
       };
-      this.props.navigation.addEventListener("transition-end", E, { once: !0 }), this.props.navigation.addEventListener("transition-cancel", E, { once: !0 }), n.push(this.getAnimationEffect(
+      this.props.navigation.addEventListener("transition-end", b, { once: !0 }), this.props.navigation.addEventListener("transition-cancel", b, { once: !0 }), n.push(this.getAnimationEffect(
         { instance: c, clone: w, rect: g },
-        { instance: a, clone: p, rect: o }
+        { instance: a, clone: f, rect: o }
       ));
     }
-    return new Dt(n);
+    return new At(n);
   }
   render() {
     return /* @__PURE__ */ T("dialog", { className: "shared-element-layer", ref: this.ref, style: {
@@ -1424,10 +1429,10 @@ class We extends it {
                 ` }) });
   }
 }
-const ae = nt(0);
-class Ie extends it {
+const ae = it(0);
+class $e extends st {
   sharedElementTransitionLayer = K();
-  animation = new Ue();
+  animation = new We();
   #t = "normal";
   #e = new Array();
   state = {
@@ -1466,7 +1471,7 @@ class Ie extends it {
     return this.props.hasUAVisualTransition;
   }
   transition() {
-    const t = new Dt(
+    const t = new At(
       this.screens.map((r) => r.current?.transitionProvider?.current?.animationEffect ?? null).filter((r) => r !== null)
     ), e = this.sharedElementTransitionLayer.current?.animationEffect, n = t.getComputedTiming().duration;
     return e && (e.updateTiming({
@@ -1478,9 +1483,9 @@ class Ie extends it {
     }), this.animation;
   }
   render() {
-    return /* @__PURE__ */ Gt(Yt.Provider, { value: this, children: [
+    return /* @__PURE__ */ Gt(_t.Provider, { value: this, children: [
       /* @__PURE__ */ T(
-        We,
+        Ie,
         {
           ref: this.sharedElementTransitionLayer,
           navigation: this.props.navigation,
@@ -1505,7 +1510,7 @@ class Ie extends it {
     ] });
   }
 }
-class At extends it {
+class Nt extends st {
   ref = K();
   screenTransitionLayer = K();
   parent = null;
@@ -1514,9 +1519,9 @@ class At extends it {
   hasUAVisualTransition = !1;
   parentScreen = null;
   static rootRouterRef = null;
-  static contextType = _t;
+  static contextType = Jt;
   constructor(t, e) {
-    super(t), this.parentScreen = e?.parentScreen ?? null, this.parent = e?.parentRouter ?? null, this.parent && (this.parent.child = this), this.isRoot && (At.rootRouterRef = new WeakRef(this));
+    super(t), this.parentScreen = e?.parentScreen ?? null, this.parent = e?.parentRouter ?? null, this.parent && (this.parent.child = this), this.isRoot && (Nt.rootRouterRef = new WeakRef(this));
   }
   componentDidMount() {
     this.isRoot && window.navigation.addEventListener("navigate", this.handleNavigationDispatch), this.loadDispatched || (window.navigation.dispatchEvent(new ye()), this.loadDispatched = !0);
@@ -1534,7 +1539,7 @@ class At extends it {
       yield t, t = t.child;
   }
   getRouterById(t, e) {
-    const n = e ?? At.rootRouterRef?.deref();
+    const n = e ?? Nt.rootRouterRef?.deref();
     return n.id === t ? n ?? null : n?.child ? this.getRouterById(t, n.child) : null;
   }
   dispatchEvent(t) {
@@ -1547,28 +1552,27 @@ class At extends it {
   removeEventListener(t, e, n) {
     return this.ref.current?.removeEventListener(t, e, n);
   }
-  preloadRoute(t) {
-    return new Promise((e, n) => {
-      let r = !1;
-      const a = this.props.children;
-      jt.forEach(a, (o) => {
-        if (r || !Ut(o))
-          return;
-        const { path: c, caseSensitive: g } = o.props, p = this.baseURLPattern.pathname;
-        if (!Zt(c, t, p, g))
-          return;
-        r = !0;
-        const S = o.props.config;
-        queueMicrotask(async () => {
-          const E = [];
-          "load" in o.props.component && E.push(o.props.component.load()), S?.header?.component && "load" in S?.header?.component && E.push(S?.header?.component.load()), S?.footer?.component && "load" in S?.footer?.component && E.push(S?.footer?.component.load());
-          try {
-            await Promise.all(E), e(r);
-          } catch (F) {
-            n(F);
-          }
-        });
-      }), r || e(!1);
+  screenChildFromPathname(t) {
+    for (const e of jt.toArray(this.props.children)) {
+      if (!Te(e))
+        continue;
+      const n = Yt(
+        e.props.path,
+        t,
+        this.baseURLPattern.pathname,
+        e.props.caseSensitive
+      );
+      if (n)
+        return {
+          child: e,
+          matchInfo: n
+        };
+    }
+    return null;
+  }
+  preloadScreen(t) {
+    const e = t.props.config, n = [];
+    return F(t.props.component) && n.push(t.props.component.load()), F(e?.header?.component) && n.push(e?.header?.component.load()), F(e?.footer?.component) && n.push(e?.footer?.component.load()), Promise.all(n).then(() => {
     });
   }
   get id() {
@@ -1619,8 +1623,8 @@ class At extends it {
           className: "react-motion-router",
           style: { width: "100%", height: "100%" },
           ref: this.ref,
-          children: /* @__PURE__ */ T(vt.Provider, { value: this, children: /* @__PURE__ */ T(
-            Ie,
+          children: /* @__PURE__ */ T(wt.Provider, { value: this, children: /* @__PURE__ */ T(
+            $e,
             {
               ref: this.screenTransitionLayer,
               navigation: this.navigation,
@@ -1632,7 +1636,7 @@ class At extends it {
       );
   }
 }
-class $e {
+class Oe {
   #t = /* @__PURE__ */ new Map();
   mutationObserver;
   constructor() {
@@ -1714,12 +1718,12 @@ class $e {
     n.setAttribute(...r), e ? n.setAttribute("content", e) : n.removeAttribute("content"), n.parentElement || document.head.appendChild(n);
   }
 }
-class Nt {
+class Ut {
   static rootNavigatorRef = null;
-  metaData = new $e();
+  metaData = new Oe();
   constructor() {
-    const t = Nt.rootNavigatorRef?.deref();
-    (!t || !t.isInDocument) && (Nt.rootNavigatorRef = new WeakRef(this));
+    const t = Ut.rootNavigatorRef?.deref();
+    (!t || !t.isInDocument) && (Ut.rootNavigatorRef = new WeakRef(this));
   }
   addEventListener(t, e, n) {
     return this.router.addEventListener(t, e, n), () => this.router.removeEventListener(t, e, n);
@@ -1745,34 +1749,30 @@ class Nt {
   getNavigatorById(t) {
     return this.router.getRouterById(t)?.navigation ?? null;
   }
-  preloadRoute(t) {
-    const { pathname: e } = new URL(t, this.baseURL);
-    return this.router.preloadRoute(e);
-  }
   get isInDocument() {
     return !!document.getElementById(`${this.routerId}`);
   }
 }
 function Qe() {
-  const s = yt(vt);
+  const s = vt(wt);
   if (s)
     return s.navigation;
   throw new Error("Router is null. You may be trying to call useNavigation outside a Router.");
 }
 function tn() {
-  return yt(vt);
+  return vt(wt);
 }
 function en() {
-  return ce("Motion"), yt(ae);
+  return ce("Motion"), vt(ae);
 }
-function Oe() {
-  const s = yt(Jt);
+function Ve() {
+  const s = vt(Qt);
   if (s)
     return s;
   throw new Error("Router is null. You may be trying to call useRoute outside a Router.");
 }
 function nn(s, t) {
-  const e = Oe();
+  const e = Ve();
   t = t instanceof Function ? t() : t;
   const n = (r) => {
     r instanceof Function && (r = r(e.params[s] ?? t)), e.setParams({ [s]: r });
@@ -1788,38 +1788,38 @@ export {
   on as MIN_NORM_PROGRESS,
   an as MIN_PROGRESS,
   ae as MotionContext,
-  Ye as MotionProgressEndEvent,
+  _e as MotionProgressEndEvent,
   ge as MotionProgressEvent,
-  Ze as MotionProgressStartEvent,
-  Nt as NavigationBase,
-  _t as NestedRouterContext,
+  Ye as MotionProgressStartEvent,
+  Ut as NavigationBase,
+  Jt as NestedRouterContext,
   ue as PromiseAllDynamic,
-  At as RouterBase,
-  vt as RouterContext,
+  Nt as RouterBase,
+  wt as RouterContext,
   Ee as ScreenBase,
-  Fe as SharedElement,
+  Be as SharedElement,
   fe as TransitionCancelEvent,
   me as TransitionEndEvent,
   pe as TransitionStartEvent,
-  He as cloneAndInject,
+  Ze as cloneAndInject,
   he as dispatchEvent,
-  Be as includesRoute,
-  te as isLazyExoticComponent,
-  Qt as isNativeLazyExoticComponent,
-  qe as isNavigationSupported,
+  Ke as includesRoute,
+  F as isLazyExoticComponent,
+  te as isNativeLazyExoticComponent,
+  ze as isNavigationSupported,
   be as isStylableElement,
-  ze as isURLPatternSupported,
-  _e as isValidScreenChild,
-  Ke as lazy,
-  Zt as matchRoute,
+  Ge as isURLPatternSupported,
+  Te as isValidScreenChild,
+  qe as lazy,
+  Yt as matchRoute,
   Xe as polyfillNavigation,
-  Ge as polyfillURLPattern,
+  He as polyfillURLPattern,
   bt as resolveBaseURLFromPattern,
   de as toCamelCase,
   en as useMotion,
   Qe as useNavigationBase,
   nn as useParamsBase,
-  Oe as useRouteBase,
+  Ve as useRouteBase,
   tn as useRouterBase
 };
 //# sourceMappingURL=index.js.map