@react-motion-router/core 2.0.0-beta.sha-352239f → 2.0.0-beta.sha-44fbfa2

package/build/index.js

@@ -1,7 +1,7 @@
-import { jsx as T, jsxs as Gt, Fragment as oe } from "react/jsx-runtime";
-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";
+import { jsx as b, jsxs as Gt, Fragment as oe } from "react/jsx-runtime";
+import { createContext as it, Component as st, createRef as K, lazy as le, cloneElement as Ht, Suspense as bt, isValidElement as Xt, Children as jt, useContext as vt, useDebugValue as ce, useRef as he, useEffect as ue, useCallback as de } from "react";
 const Zt = it(null);
-class Be extends st {
+class ze extends st {
   ref = K();
   static contextType = Zt;
   componentDidMount() {
@@ -44,7 +44,7 @@ class Be extends st {
     this.ref.current && (this.ref.current.style.visibility = "visible");
   }
   render() {
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ b(
       "div",
       {
         ref: this.ref,
@@ -55,7 +55,7 @@ class Be extends st {
     );
   }
 }
-function bt(s, t) {
+function Tt(s, t) {
   s.endsWith("**") || (s += "**");
   const e = window.location.origin, n = new URLPattern(s, e).exec(t, e);
   if (!n)
@@ -65,7 +65,7 @@ function bt(s, t) {
 }
 function Yt(s, t, e = `${window.location.origin}/`, n = !0) {
   n || (s = s.toLowerCase(), t = t.toLowerCase());
-  const r = bt(e, t)?.href;
+  const r = Tt(e, t)?.href;
   if (!r)
     return null;
   const a = new URLPattern({ baseURL: r, pathname: s }).exec({ pathname: t, baseURL: r }), o = a?.pathname.groups ?? {};
@@ -74,34 +74,34 @@ function Yt(s, t, e = `${window.location.origin}/`, n = !0) {
     caseSensitive: n
   } : null;
 }
-function Ke(s, t, e = window.location.origin) {
+function Ge(s, t, e = window.location.origin) {
   return s.some(({ pattern: n, caseSensitive: r }) => Yt(n, t, e, r));
 }
-function he(s, t = window) {
+function pe(s, t = window) {
   return new Promise((e) => {
     queueMicrotask(() => e(
       t.dispatchEvent(s)
     ));
   });
 }
-function qe(s) {
+function He(s) {
   const t = le(s);
   return t.load = async () => (t.module ??= await s(), t.module), t;
 }
-function ze() {
+function Xe() {
   return !!window.navigation;
 }
-function Ge() {
+function Ze() {
   return !!globalThis.URLPattern;
 }
-async function He() {
+async function Ye() {
   const { URLPattern: s } = await import(
     /*webpackIgnore: true*/
     "urlpattern-polyfill"
   );
   globalThis.URLPattern = s;
 }
-async function Xe() {
+async function _e() {
   const { applyPolyfill: s } = await import(
     /*webpackIgnore: true*/
     "@virtualstate/navigation"
@@ -114,50 +114,50 @@ async function Xe() {
     persistState: !0
   });
 }
-async function ue(s) {
+async function fe(s) {
   const t = [];
   for (const e of s)
     t.push(await e);
   return t;
 }
-function de(s) {
+function me(s) {
   return s.replace(/-([a-z])/g, (t) => t[1].toUpperCase());
 }
-function Ze(s, t) {
+function Je(s, t) {
   return Ht(s, t);
 }
-class pe extends Event {
+class ge extends Event {
   constructor() {
     super("transition-start");
   }
 }
-class fe extends Event {
+class ye extends Event {
   constructor() {
     super("transition-cancel");
   }
 }
-class me extends Event {
+class ve extends Event {
   constructor() {
     super("transition-end");
   }
 }
-class Ye extends Event {
+class Qe extends Event {
   constructor() {
     super("motion-progress-start");
   }
 }
-class ge extends Event {
+class we extends Event {
   progress;
   constructor(t) {
     super("motion-progress"), this.progress = t;
   }
 }
-class _e extends Event {
+class tn extends Event {
   constructor() {
     super("motion-progress-end");
   }
 }
-class ye extends Event {
+class Ee extends Event {
   #t = "load";
   #e = !1;
   #c = !0;
@@ -200,7 +200,7 @@ class ye extends Event {
       navigationType: "load"
     });
     const n = t?.handler?.();
-    n && this.#n.push(n), this.#n.length === 1 && ue(this.#n).then(() => {
+    n && this.#n.push(n), this.#n.length === 1 && fe(this.#n).then(() => {
       this.#l = !0, window.removeEventListener("navigate", this.#r), e?.();
     });
   }
@@ -236,7 +236,7 @@ class ye extends Event {
   }
 }
 const _t = it(null);
-class ve extends st {
+class be extends st {
   ref = K();
   static contextType = _t;
   index = 0;
@@ -257,11 +257,11 @@ class ve extends st {
     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: f } = this;
+    const t = this.props.animation, { animation: e, direction: n, hasUAVisualTransition: r } = this.context, { timeline: a, playbackRate: o } = e, { index: l, exiting: m, ref: p } = this;
     return t?.({
-      ref: f.current,
-      index: c,
-      exiting: g,
+      ref: p.current,
+      index: l,
+      exiting: m,
       timeline: a,
       direction: n,
       playbackRate: o,
@@ -273,7 +273,7 @@ class ve extends st {
   }
   render() {
     const t = this.props.renderAs, e = this.props.focused ? void 0 : "";
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ b(
       t,
       {
         id: this.props.id,
@@ -293,7 +293,7 @@ class ve extends st {
   }
 }
 const Jt = it(null), wt = it(null), Qt = it(null);
-class we {
+class Te {
   id;
   nodes = /* @__PURE__ */ new Map();
   getScreenRect = () => new DOMRect();
@@ -328,7 +328,7 @@ class we {
     return !this.nodes.size;
   }
 }
-class Ee extends st {
+class Se extends st {
   sharedElementScene;
   #t = K();
   ref = K();
@@ -341,7 +341,7 @@ class Ee extends st {
     elementType: "div"
   };
   constructor(t, e) {
-    super(t), this.sharedElementScene = new we(`${this.name}-shared-element-scene`), this.sharedElementScene.getScreenRect = () => this.ref.current?.getBoundingClientRect() || new DOMRect(), this.nestedRouterData = { parentScreen: this, parentRouter: e };
+    super(t), this.sharedElementScene = new Te(`${this.name}-shared-element-scene`), this.sharedElementScene.getScreenRect = () => this.ref.current?.getBoundingClientRect() || new DOMRect(), this.nestedRouterData = { parentScreen: this, parentRouter: e };
   }
   setParams(t) {
     this.setState(({ params: e }) => ({ params: { ...e, ...t } }));
@@ -364,8 +364,8 @@ class Ee extends st {
   async load(t) {
     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;
+    const o = this.context.navigation, l = this.routeProp, m = !1;
+    return await this.props.config?.onLoad?.({ navigation: o, route: l, signal: t, preloading: m }), a;
   }
   async onExited(t) {
     await this.routeProp.config.onExited?.({
@@ -407,8 +407,8 @@ class Ee extends st {
   }
   render() {
     const t = this.context.navigation, e = this.routeProp, n = this.props.component, r = e.config.header?.component, a = e.config.footer?.component;
-    return /* @__PURE__ */ T(
-      ve,
+    return /* @__PURE__ */ b(
+      be,
       {
         ref: this.#t,
         renderAs: this.state.elementType,
@@ -416,7 +416,7 @@ class Ee extends st {
         animation: e.config.animation,
         navigation: t,
         focused: this.state.focused,
-        children: /* @__PURE__ */ T(
+        children: /* @__PURE__ */ b(
           "div",
           {
             id: `${this.context.id}-${this.name}`,
@@ -429,10 +429,10 @@ class Ee extends st {
               flexDirection: "column",
               pointerEvents: "inherit"
             },
-            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 }) })
+            children: /* @__PURE__ */ b(Zt.Provider, { value: this.sharedElementScene, children: /* @__PURE__ */ b(Qt.Provider, { value: e, children: /* @__PURE__ */ Gt(Jt.Provider, { value: this.nestedRouterData, children: [
+              /* @__PURE__ */ b(bt, { fallback: /* @__PURE__ */ b(Z, { component: e.config.header?.fallback, route: e, navigation: t }), children: /* @__PURE__ */ b(Z, { component: r, route: e, navigation: t }) }),
+              /* @__PURE__ */ b(bt, { fallback: /* @__PURE__ */ b(Z, { component: this.props.fallback, route: e, navigation: t }), children: /* @__PURE__ */ b(Z, { component: n, route: e, navigation: t }) }),
+              /* @__PURE__ */ b(bt, { fallback: /* @__PURE__ */ b(Z, { component: e.config.footer?.fallback, route: e, navigation: t }), children: /* @__PURE__ */ b(Z, { component: a, route: e, navigation: t }) })
             ] }) }) })
           }
         )
@@ -443,7 +443,7 @@ class Ee extends st {
 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" || te(n) ? /* @__PURE__ */ T(
+  return typeof n == "function" || te(n) ? /* @__PURE__ */ b(
     n,
     {
       navigation: e,
@@ -452,10 +452,10 @@ function Z({ component: s, route: t, navigation: e }) {
   ) : Xt(n) ? Ht(n, {
     navigation: e,
     route: t
-  }) : /* @__PURE__ */ T(oe, { children: n });
+  }) : /* @__PURE__ */ b(oe, { children: n });
 }
-function Te(s) {
-  return Xt(s) ? Object.getPrototypeOf(s.type) === Ee : !1;
+function Re(s) {
+  return Xt(s) ? Object.getPrototypeOf(s.type) === Se : !1;
 }
 function te(s) {
   return typeof s == "object" && s !== null && s.$$typeof === Symbol.for("react.lazy");
@@ -463,17 +463,17 @@ function te(s) {
 function F(s) {
   return te(s) && "load" in s;
 }
-function be(s) {
+function ke(s) {
   return "style" in s && s.style instanceof CSSStyleDeclaration;
 }
-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) => {
+var xe = Object.defineProperty, Ce = (s, t, e) => t in s ? xe(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, j = (s, t, e) => (Ce(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) => {
+}, i = (s, t, e) => (Wt(s, t, "read from private field"), e ? e.call(s) : t.get(s)), g = (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), p = (s, t, e) => (Wt(s, t, "access private method"), e);
+}, c = (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 ut = {
   delay: 0,
   direction: "normal",
@@ -483,7 +483,7 @@ const ut = {
   fill: "auto",
   iterationStart: 0,
   iterations: 1
-}, It = 1e3, ke = window.Animation, dt = window.KeyframeEffect;
+}, It = 1e3, Me = window.Animation, dt = window.KeyframeEffect;
 function Ft(s) {
   return Array.isArray(s);
 }
@@ -493,7 +493,7 @@ function H(s) {
 function h(s, t) {
   return H(s) || typeof s == "number" ? s : (t || ([t] = Object.keys(s.type())), s.to(t).value);
 }
-function xe(s, t = ut) {
+function Le(s, t = ut) {
   let { duration: e = "auto", iterations: n = 1, playbackRate: r = 1 } = t;
   if (H(s))
     return s;
@@ -508,11 +508,11 @@ function xe(s, t = ut) {
     e = e.to("ms").value;
   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;
+  const { delay: a = 0, endDelay: o = 0 } = t, l = e / n * n / Math.abs(r), m = a + l + o;
   return rt(
     s.to("percent").value,
     [0, 100],
-    [0, g]
+    [0, m]
   );
 }
 function Et(s) {
@@ -529,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 Ce(s, t, e) {
+function Pe(s, t, e) {
   let n = 0, r = 0;
   for (const [a, o] of Object.entries(s)) {
-    const { min: c, max: g } = t, f = e[a] ?? 1, w = (o - c[a]) / (g[a] - c[a]) * f;
-    n += w, r += f;
+    const { min: l, max: m } = t, p = e[a] ?? 1, w = (o - l[a]) / (m[a] - l[a]) * p;
+    n += w, r += p;
   }
   return n / r;
 }
 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 };
+    const o = { x: t[0] }, l = { x: t[1] };
+    t = { min: o, max: l }, s = { x: s };
   } else
     throw new TypeError("Input and input range must have the same dimensions.");
-  if (r = Ce(s, t, n), r = Me(r, 0, 1), Ft(e))
+  if (r = Pe(s, t, n), r = De(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], f = [c, g];
-    a[o] = Bt(r, f);
+    const l = e.min[o], m = e.max[o], p = [l, m];
+    a[o] = Bt(r, p);
   }
   return a;
 }
-function Me(s, t, e) {
+function De(s, t, e) {
   return s < t ? t : e && s > e ? e : s;
 }
 function $t(s) {
@@ -564,37 +564,37 @@ function $t(s) {
     delay: r = 0,
     endDelay: a = 0,
     localTime: o = null,
-    progress: c = null
+    progress: l = null
   } = s;
-  const g = new CSSUnitValue(100, "percent");
+  const m = new CSSUnitValue(100, "percent");
   if (t === "auto")
     t = It, r = 0, a = 0;
   else if (t instanceof CSSNumericValue)
     t = t.to("ms").value;
   else if (typeof t == "string")
     throw TypeError("Unknown effect duration keyword.");
-  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), {
+  const p = t / e, w = p * e / Math.abs(n), k = r + w + a;
+  t = new CSSUnitValue(p / k * 100, "percent");
+  const T = CSS.percent(t.to("percent").value * e / Math.abs(n));
+  return o !== null && (l = h(o, "percent") / m.value), {
     ...s,
-    progress: c,
-    activeDuration: b,
+    progress: l,
+    activeDuration: T,
     duration: t,
     iterations: e,
     delay: r,
     endDelay: a,
-    endTime: g
+    endTime: m
   };
 }
 function ee(s, t) {
   let { activeDuration: e = 0, localTime: n = null, endTime: r = 1 / 0, delay: a = 0 } = s;
   if (r = h(r), e = h(e), n = h(n), n == null || n === void 0)
     return "idle";
-  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";
+  const o = Math.max(Math.min(a, r), 0), l = Math.max(Math.min(a + e, r), 0);
+  return n < o || t === "backwards" && n === o ? "before" : n > l || t === "forwards" && n === l ? "after" : "active";
 }
-function Le(s, t) {
+function Ae(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;
@@ -609,30 +609,30 @@ function Le(s, t) {
       return null;
   }
 }
-function Pe(s, t, e) {
+function Ne(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 / Et(n), o + a;
 }
-function De(s, t, e, n) {
+function Ue(s, t, e, n) {
   const { iterations: r = 1, iterationStart: a = 0, activeDuration: o = 0 } = s;
   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;
+  let l = 0;
+  return e === 1 / 0 && (l = a % 1), l === 0 && (t === "active" || t === "after") && o === n && r !== 0 && (l = 1), l;
 }
 function ne(s, t) {
-  const { iterations: e = 1 } = s, n = Le(s, t);
+  const { iterations: e = 1 } = s, n = Ae(s, t);
   if (H(n))
     return null;
   if (t === "after" && e === 1 / 0)
     return 1 / 0;
-  const r = Pe(s, t, n);
-  return De(s, t, r, n) === 1 ? Math.floor(r) - 1 : Math.floor(r);
+  const r = Ne(s, t, n);
+  return Ue(s, t, r, n) === 1 ? Math.floor(r) - 1 : Math.floor(r);
 }
-class Ae extends Event {
+class We extends Event {
   constructor(t) {
     super("update", { bubbles: !1, cancelable: !1, composed: !1 }), j(this, "currentTime"), this.currentTime = t;
   }
@@ -640,7 +640,7 @@ class Ae extends Event {
 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, Y, void 0), t.source.addEventListener(t.type, this.onGesture.bind(this)), l(this, Y, CSS.percent(0)), l(this, N, t);
+    super(), g(this, N, void 0), g(this, Y, void 0), t.source.addEventListener(t.type, this.onGesture.bind(this)), c(this, Y, CSS.percent(0)), c(this, N, t);
   }
   onGesture(t) {
     const e = i(this, N).source.getBoundingClientRect();
@@ -651,18 +651,18 @@ class E extends EventTarget {
     };
     switch (i(this, N).type) {
       case "swipe": {
-        const { rangeStart: a, rangeEnd: o } = i(this, N), c = i(this, N).axis;
+        const { rangeStart: a, rangeEnd: o } = i(this, N), l = i(this, N).axis;
         n = rt(
-          r[c],
+          r[l],
           [h(a, "px"), h(o, "px")],
           [0, 100]
         );
         break;
       }
       case "pan": {
-        const { rangeStart: a, rangeEnd: o } = i(this, N), { x: c, y: g } = r;
+        const { rangeStart: a, rangeEnd: o } = i(this, N), { x: l, y: m } = r;
         n = rt(
-          { x: c, y: g },
+          { x: l, y: m },
           {
             min: { x: h(a.x, "px"), y: h(a.y, "px") },
             max: { x: h(o.x, "px"), y: h(o.y, "px") }
@@ -673,9 +673,9 @@ class E extends EventTarget {
         break;
       }
       case "pinch": {
-        const { rangeStart: a, rangeEnd: o } = i(this, N), { scale: c } = t;
+        const { rangeStart: a, rangeEnd: o } = i(this, N), { scale: l } = t;
         n = rt(
-          c,
+          l,
           [h(a, ""), h(o, "")],
           // figure out which unit
           [0, 100]
@@ -683,15 +683,15 @@ class E extends EventTarget {
         break;
       }
       case "rotate": {
-        const { rangeStart: a, rangeEnd: o } = i(this, N), { rotation: c } = t;
+        const { rangeStart: a, rangeEnd: o } = i(this, N), { rotation: l } = t;
         n = rt(
-          c,
+          l,
           [h(a, "deg"), h(o, "deg")],
           [0, 100]
         );
       }
     }
-    l(this, Y, CSS.percent(n)), this.dispatchEvent(new Ae(i(this, Y)));
+    c(this, Y, CSS.percent(n)), this.dispatchEvent(new We(i(this, Y)));
   }
   addEventListener(t, e, n) {
     super.addEventListener(t, e, n);
@@ -711,7 +711,7 @@ const A = /* @__PURE__ */ new WeakMap();
 var at;
 class pt extends dt {
   constructor(t, e = null) {
-    super(t), m(this, at, null), l(this, at, e);
+    super(t), g(this, at, null), c(this, at, e);
   }
   get parent() {
     return i(this, at);
@@ -763,9 +763,9 @@ class pt extends dt {
 }
 at = /* @__PURE__ */ new WeakMap();
 var U, _;
-const Ne = class ft {
+const Ie = class ft {
   constructor(t) {
-    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)));
+    g(this, U, []), g(this, _, null), c(this, U, t.map((e) => (e instanceof ft ? c(e, _, this) : e instanceof dt && (e = new pt(e, this)), e)));
   }
   get parent() {
     return i(this, _);
@@ -790,17 +790,17 @@ const Ne = class ft {
   }
   append(...t) {
     t.forEach((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));
+      i(this, U).includes(e) || (e instanceof ft ? c(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 ft ? l(e, _, this) : e instanceof dt && (e = new pt(e, this)), i(this, U).unshift(e));
+      i(this, U).includes(e) || (e instanceof ft ? c(e, _, this) : e instanceof dt && (e = new pt(e, this)), i(this, U).unshift(e));
     });
   }
 };
 U = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
-let Ot = Ne;
+let Ot = Ie;
 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) => {
@@ -818,9 +818,9 @@ class nt {
   }
 }
 var J, St, ie;
-class Ue extends Ot {
+class $e extends Ot {
   constructor(t, e = ut) {
-    super(t), m(this, St), m(this, J, void 0), l(this, J, {
+    super(t), g(this, St), g(this, J, void 0), c(this, J, {
       ...ut,
       ...e
     });
@@ -836,8 +836,8 @@ class Ue extends Ot {
   }
   getComputedTiming() {
     var t, e;
-    const n = this.getTiming(), r = { ...n }, { delay: a = 0 } = ((t = this.children.item(0)) == null ? void 0 : t.getComputedTiming()) ?? {}, { endDelay: o = 0, endTime: c = 0 } = ((e = this.children.item(this.children.length - 1)) == null ? void 0 : e.getComputedTiming()) ?? {};
-    n.delay = n.delay ? n.delay + a : a, n.endDelay = n.endDelay ? n.endDelay + o : o, r.endTime = c;
+    const n = this.getTiming(), r = { ...n }, { delay: a = 0 } = ((t = this.children.item(0)) == null ? void 0 : t.getComputedTiming()) ?? {}, { endDelay: o = 0, endTime: l = 0 } = ((e = this.children.item(this.children.length - 1)) == null ? void 0 : e.getComputedTiming()) ?? {};
+    n.delay = n.delay ? n.delay + a : a, n.endDelay = n.endDelay ? n.endDelay + o : o, r.endTime = l;
     for (let C = 0; C < this.children.length; C++) {
       const M = this.children.item(C);
       if (!M)
@@ -848,14 +848,14 @@ class Ue 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: 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")
+    const { timeline: m, startTime: p, currentTime: w } = A.get(this) ?? {}, k = m instanceof E ? "percent" : "ms";
+    let { duration: T = 0, iterations: X = 1 } = r;
+    if (T === "auto" && (T = 0), typeof T == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    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);
+    return r.duration = T, r.activeDuration = Et(T) * X, r.startTime = p ?? void 0, r.localTime = w, r.currentIteration = ne(r, ee(r, i(this, St, ie))), m instanceof E ? $t(r) : (m instanceof DocumentTimeline && (r.progress = w && h(w, k) / h(l, k)), r);
   }
   updateTiming(t) {
-    l(this, J, {
+    c(this, J, {
       ...i(this, J),
       ...t
     });
@@ -872,12 +872,12 @@ J = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakSet(), ie = func
 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, 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, {
+    super(), g(this, mt), g(this, Q), g(this, q), g(this, kt), g(this, xt), g(this, Ct), g(this, B), g(this, gt), g(this, I), g(this, D), j(this, "id", ""), j(this, "oncancel", null), j(this, "onfinish", null), j(this, "onremove", null), g(this, d, void 0), g(this, x, void 0), g(this, ht, "active"), g(this, v, {
       task: null,
       playbackRate: null
-    }), 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, () => {
+    }), g(this, S, new nt()), g(this, P, new nt()), g(this, u, null), g(this, y, null), g(this, R, []), g(this, z, null), g(this, O, !1), g(this, ot, 0), g(this, W, 1), g(this, ct, () => {
+      f(this, B, G).call(this);
+    }), g(this, yt, () => {
       var n;
       if (i(this, P).state !== "pending" || this.playState !== "finished")
         return;
@@ -894,12 +894,12 @@ const se = class extends EventTarget {
         }
       );
       requestAnimationFrame(() => {
-        var c;
-        this.dispatchEvent(o), (c = this.onfinish) == null || c.call(this, o);
+        var l;
+        this.dispatchEvent(o), (l = this.onfinish) == null || l.call(this, o);
       });
-    }), m(this, Lt, () => {
+    }), g(this, Lt, () => {
       var n, r;
-      const a = this.currentTime, o = (n = this.timeline) == null ? void 0 : n.currentTime, c = new AnimationPlaybackEvent(
+      const a = this.currentTime, o = (n = this.timeline) == null ? void 0 : n.currentTime, l = new AnimationPlaybackEvent(
         "cancel",
         {
           get currentTime() {
@@ -910,12 +910,12 @@ const se = class extends EventTarget {
           }
         }
       );
-      this.dispatchEvent(c), (r = this.oncancel) == null || r.call(this, c);
-    }), m(this, Pt, () => {
+      this.dispatchEvent(l), (r = this.oncancel) == null || r.call(this, l);
+    }), g(this, Pt, () => {
       var n;
       const r = new Event("remove");
       this.dispatchEvent(r), (n = this.onremove) == null || n.call(this, r);
-    }), 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));
+    }), i(this, S).resolve(this), c(this, x, t ?? null), c(this, d, e ?? document.timeline), i(this, x) && A.set(i(this, x), this), f(this, gt, Mt).call(this), e instanceof E && e.addEventListener("update", i(this, ct));
   }
   reverse() {
     var t;
@@ -934,28 +934,28 @@ 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) && (p(this, B, G).call(this), p(this, Q, lt).call(this), i(this, v).task = "play", p(this, I, V).call(this, !1));
+    (i(this, v).playbackRate ?? this.playbackRate) === 0 && e === null && c(this, y, 0), e === null && c(this, O, !0), (this.playState === "finished" || t) && (c(this, u, null), c(this, y, null), c(this, O, !0)), i(this, y) && c(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, Q, lt).call(this), i(this, v).task = "play", f(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), p(this, Q, lt).call(this), i(this, v).task = "pause");
+    this.playState !== "paused" && (this.currentTime === null && c(this, O, !0), i(this, v).task && (i(this, v).task = null), f(this, Q, lt).call(this), i(this, v).task = "pause");
   }
   persist() {
-    i(this, R).forEach((t) => t.persist()), l(this, ht, "persisted");
+    i(this, R).forEach((t) => t.persist()), c(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");
-    p(this, D, $).call(this);
+    f(this, D, $).call(this);
     let r;
-    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) {
+    if (n > 0 ? r = e : r = 0, f(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);
+      c(this, u, o - r / n);
     }
-    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());
+    i(this, v).task === "pause" && i(this, u) !== null && (c(this, y, null), f(this, q, tt).call(this), i(this, S).resolve(this)), i(this, v).task === "play" && i(this, u) !== null && (f(this, q, tt).call(this), i(this, S).resolve(this)), f(this, I, V).call(this, !0), i(this, R).forEach((a) => a.finish());
   }
   commitStyles() {
     i(this, R).forEach((t) => {
@@ -963,7 +963,7 @@ const se = class extends EventTarget {
     });
   }
   cancel() {
-    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);
+    this.playState !== "idle" && (f(this, D, $).call(this), i(this, S).reject(new DOMException("The user aborted a request", "AbortError")), f(this, q, tt).call(this), c(this, S, new nt()), i(this, P).state === "pending" && i(this, P).reject(new DOMException("The user aborted a request", "AbortError")), c(this, P, new nt()), i(this, R).forEach((t) => t.cancel())), c(this, u, null), c(this, y, null);
   }
   updatePlaybackRate(t) {
     var e;
@@ -973,17 +973,17 @@ const se = class extends EventTarget {
       switch (n) {
         case "idle":
         case "paused":
-          p(this, D, $).call(this);
+          f(this, D, $).call(this);
           break;
         case "finished": {
           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));
+            c(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);
+            o = (h(a, r) - (i(this, u) ?? 0)) * this.playbackRate, i(this, u) !== null && o !== null && c(this, u, (h(a, r) - o) / t);
           }
-          p(this, D, $).call(this), p(this, I, V).call(this, !1), p(this, B, G).call(this);
+          f(this, D, $).call(this), f(this, I, V).call(this, !1), f(this, B, G).call(this);
           break;
         }
         default:
@@ -997,19 +997,19 @@ const se = class extends EventTarget {
     super.removeEventListener(t, e, n);
   }
   set playbackRate(t) {
-    l(this, W, t), i(this, R).forEach((e) => {
+    c(this, W, t), i(this, R).forEach((e) => {
       e.playbackRate *= t;
     });
   }
   set startTime(t) {
-    l(this, u, h(t)), i(this, R).forEach((e) => e.startTime = t);
+    c(this, u, h(t)), i(this, R).forEach((e) => e.startTime = t);
   }
   set currentTime(t) {
     var e;
     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), 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);
+    c(this, O, !1), i(this, y) !== null || i(this, u) === null || r === null || this.playbackRate === 0 ? c(this, y, h(t, n)) : c(this, u, r - h(t, n) / this.playbackRate), (i(this, d) === null || r === null) && c(this, u, null), c(this, z, null), f(this, mt, Rt).call(this, t), i(this, v).task === "pause" && (c(this, y, h(t, n)), f(this, D, $).call(this), c(this, u, null), f(this, q, tt).call(this), i(this, S).resolve(this)), f(this, I, V).call(this, !0);
   }
   set timeline(t) {
     var e, n;
@@ -1017,14 +1017,14 @@ const se = class extends EventTarget {
     if (r === t)
       return;
     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);
+    const a = this.playState, o = r instanceof E ? "percent" : "ms", l = h(this.currentTime, o), { progress: m = null, endTime: p = 0 } = ((e = i(this, x)) == null ? void 0 : e.getComputedTiming()) ?? {}, w = h(p, o), k = r instanceof E, T = t instanceof E, X = t instanceof DocumentTimeline, C = this.pending;
+    if (T)
+      c(this, d, t), t.addEventListener("update", i(this, ct)), f(this, D, $).call(this), c(this, O, !0), c(this, u, null), c(this, y, null), (a === "running" || a === "finished") && ((!i(this, S) || i(this, S).state === "resolved") && f(this, Q, lt).call(this), i(this, v).task = "play", i(this, R).forEach((M) => M.pause())), a === "paused" && m !== null && c(this, y, m * w), C && ((!i(this, S) || i(this, S).state === "resolved") && f(this, Q, lt).call(this), a === "paused" ? i(this, v).task = "pause" : i(this, v).task = "play"), i(this, u) !== null && c(this, y, null), f(this, I, V).call(this, !1);
     else if (X) {
-      if (l(this, d, t), k) {
-        if (c !== null && g !== null) {
+      if (c(this, d, t), k) {
+        if (l !== null && m !== null) {
           const { endTime: M = 0 } = ((n = i(this, x)) == null ? void 0 : n.getComputedTiming()) ?? {}, L = h(M, "ms");
-          this.currentTime = g * L;
+          this.currentTime = m * L;
         }
         switch (a) {
           case "paused":
@@ -1040,11 +1040,11 @@ const se = class extends EventTarget {
   }
   set effect(t) {
     if (t !== i(this, x)) {
-      if (this.pending && p(this, q, tt).call(this), i(this, x) && A.delete(i(this, x)), t) {
+      if (this.pending && f(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), p(this, gt, Mt).call(this), p(this, I, V).call(this, !1);
+      c(this, x, t), f(this, gt, Mt).call(this), f(this, I, V).call(this, !1);
     }
   }
   get ready() {
@@ -1104,11 +1104,11 @@ d = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), ht = /* @_
   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 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));
+  s === null || e === null || (s = h(s), c(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 ? c(this, y, s) : c(this, u, e - s / i(this, W)), i(this, d) instanceof E && i(this, d).phase === "inactive" && c(this, u, null), c(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(() => {
+  i(this, S).state !== "pending" && c(this, S, new nt()), cancelAnimationFrame(i(this, ot)), c(this, ot, requestAnimationFrame(() => {
     var s;
-    (((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")));
+    (((s = i(this, d)) == null ? void 0 : s.currentTime) ?? null) !== null && (f(this, Ct, zt).call(this), i(this, v).task === "play" && (i(this, u) !== null || i(this, y) !== null) ? f(this, kt, Kt).call(this) : i(this, v).task === "pause" && f(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(() => c(this, ht, "removed")));
   }));
 }, q = /* @__PURE__ */ new WeakSet(), tt = function() {
   cancelAnimationFrame(i(this, ot)), i(this, v).task = null;
@@ -1119,36 +1119,36 @@ d = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), ht = /* @_
     return;
   const e = i(this, d) instanceof E ? "percent" : "ms";
   if (i(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));
+    f(this, D, $).call(this), this.playbackRate === 0 ? c(this, u, h(t, e)) : (c(this, u, h(t, e) - i(this, y) / this.playbackRate), c(this, y, null));
   else if (i(this, u) !== null && i(this, v).playbackRate !== null) {
     const n = (h(t, e) - i(this, u)) * this.playbackRate;
-    p(this, D, $).call(this);
+    f(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);
+    r === 0 ? (c(this, y, null), c(this, u, h(t, e))) : c(this, u, h(t, e) - n / r);
   }
-  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());
+  i(this, S).state === "pending" && i(this, S).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, 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 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());
+  i(this, u) !== null && i(this, y) === null && c(this, y, (h(n, e) - i(this, u)) * this.playbackRate), f(this, D, $).call(this), c(this, u, null), i(this, S).resolve(this), f(this, I, V).call(this, !1), f(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 E) {
       const s = i(this, v).playbackRate ?? this.playbackRate;
-      l(this, u, s >= 0 ? 0 : 100);
+      c(this, u, s >= 0 ? 0 : 100);
     } else
-      l(this, u, h(i(this, d).currentTime, "ms"));
-    l(this, y, null);
+      c(this, u, h(i(this, d).currentTime, "ms"));
+    c(this, y, null);
   }
 }, B = /* @__PURE__ */ new WeakSet(), G = function() {
   var s;
   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 E ? xe(t, e?.getTiming()) : Et(t);
+  const e = i(this, x), n = i(this, d) instanceof E ? Le(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;
@@ -1165,7 +1165,7 @@ d = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), ht = /* @_
   if (t instanceof Ot)
     for (let n = 0; n < t.children.length; n++) {
       const r = new se(t.children.item(n));
-      if (t instanceof Ue && n > 0) {
+      if (t instanceof $e && n > 0) {
         const { endTime: a = null } = ((s = e[n - 1].effect) == null ? void 0 : s.getComputedTiming()) ?? {};
         r.startTime = h(a, "ms");
       }
@@ -1173,35 +1173,35 @@ d = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), ht = /* @_
     }
   else {
     const n = i(this, d) instanceof E ? document.timeline : i(this, d);
-    e.push(new ke(t, n));
+    e.push(new Me(t, n));
   }
-  l(this, R, e);
+  c(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 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: f = "auto" } = ((e = i(this, x)) == null ? void 0 : e.getTiming()) ?? {};
+    let { delay: o = 0, endDelay: l = 0, iterations: m = 1, duration: p = "auto" } = ((e = i(this, x)) == null ? void 0 : e.getTiming()) ?? {};
     const w = i(this, v).playbackRate ?? this.playbackRate;
-    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")
+    if (p === "auto")
+      p = i(this, d) instanceof E ? It : 0;
+    else if (p instanceof CSSNumericValue)
+      p = p.to("ms").value;
+    else if (typeof p == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    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));
+    const k = o + p * m + l;
+    let T = h(i(this, z), r);
+    w > 0 && a >= k && i(this, z) !== null ? ((T === null || T < k) && (T = k), c(this, y, s ? a : T)) : w < 0 && a <= 0 ? ((T === null || T > 0) && (T = 0), c(this, y, s ? a : T)) : w !== 0 && (s && i(this, y) !== null && (n !== null ? c(this, u, h(n, r) - i(this, y) / w) : c(this, u, null)), c(this, y, null));
   }
-  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());
+  f(this, B, G).call(this), c(this, z, this.currentTime), this.playState === "finished" ? i(this, P).state === "pending" && i(this, yt).call(this) : i(this, P).state === "resolved" && c(this, P, new nt());
 }, D = /* @__PURE__ */ new WeakSet(), $ = function() {
   i(this, v).playbackRate && (this.playbackRate = i(this, v).playbackRate), i(this, v).playbackRate = null;
 }, yt = /* @__PURE__ */ new WeakMap(), Lt = /* @__PURE__ */ new WeakMap(), Pt = /* @__PURE__ */ new WeakMap();
-let We = se;
+let Oe = 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, {
+    super(t), g(this, Dt), g(this, et, void 0), c(this, et, {
       ...ut,
       ...e
     }), t.forEach((n) => n.updateTiming());
@@ -1222,22 +1222,22 @@ class At extends Ot {
       if (!k)
         continue;
       let {
-        delay: b = 0,
+        delay: T = 0,
         endDelay: X = 0,
         duration: C = "auto",
         activeDuration: M = 0,
         endTime: L = 0
       } = 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));
+      t.delay = t.delay ? Math.min(t.delay, T) : T, 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 E ? "percent" : "ms";
-    let { duration: c = 0, iterations: g = 1, endTime: f = 0 } = e;
-    if (c === "auto" && (c = 0), typeof c == "string")
+    let { duration: l = 0, iterations: m = 1, endTime: p = 0 } = e;
+    if (l === "auto" && (l = 0), typeof l == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    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);
+    return e.duration = l, e.activeDuration = Et(l) * m, 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(p, o)), e);
   }
   updateTiming(t) {
-    l(this, et, {
+    c(this, et, {
       ...i(this, et),
       ...t
     });
@@ -1251,7 +1251,7 @@ et = /* @__PURE__ */ new WeakMap(), Dt = /* @__PURE__ */ new WeakSet(), re = fun
   const { playbackRate: s = 1 } = A.get(this) ?? {};
   return s < 0 ? "backwards" : "forwards";
 };
-class Ie extends st {
+class Ve extends st {
   ref = K();
   #t = null;
   #e = null;
@@ -1274,17 +1274,17 @@ class Ie extends st {
     const n = {}, r = window.getComputedStyle(t);
     for (const a of e) {
       let o;
-      a === "offset" ? o = "cssOffset" : a === "float" ? o = "cssFloat" : o = de(a), n[o] = r.getPropertyValue(a);
+      a === "offset" ? o = "cssOffset" : a === "float" ? o = "cssFloat" : o = me(a), n[o] = r.getPropertyValue(a);
     }
     return n;
   }
   copyStyles(t, e, n) {
-    if (!be(t))
+    if (!ke(t))
       return;
     const r = window.getComputedStyle(t);
     for (const a of n) {
-      const o = r.getPropertyValue(a), c = r.getPropertyPriority(a);
-      e.style.setProperty(a, o, c);
+      const o = r.getPropertyValue(a), l = r.getPropertyPriority(a);
+      e.style.setProperty(a, o, l);
     }
   }
   getAnimationEffect(t, e) {
@@ -1292,7 +1292,7 @@ class Ie extends st {
       fill: "both",
       duration: "auto",
       easing: "ease"
-    }, a = e.instance.transitionType, o = `translate(${t.rect.x}px, ${t.rect.y}px)`, c = `translate(${e.rect.x}px, ${e.rect.y}px)`;
+    }, a = e.instance.transitionType, o = `translate(${t.rect.x}px, ${t.rect.y}px)`, l = `translate(${e.rect.x}px, ${e.rect.y}px)`;
     switch (a) {
       case "fade":
         n.push(
@@ -1300,7 +1300,7 @@ class Ie extends st {
             t.clone,
             [
               { transform: o, opacity: 1 },
-              { transform: c, opacity: 0 }
+              { transform: l, opacity: 0 }
             ],
             r
           )
@@ -1309,7 +1309,7 @@ class Ie extends st {
             e.clone,
             [
               { transform: o },
-              { transform: c }
+              { transform: l }
             ],
             r
           )
@@ -1322,7 +1322,7 @@ class Ie extends st {
             [
               { transform: o, opacity: 1 },
               { opacity: 0, offset: 0.5 },
-              { transform: c, opacity: 0 }
+              { transform: l, opacity: 0 }
             ],
             r
           )
@@ -1332,7 +1332,7 @@ class Ie extends st {
             [
               { transform: o, opacity: 0 },
               { opacity: 0, offset: 0.5 },
-              { transform: c, opacity: 1 }
+              { transform: l, opacity: 1 }
             ],
             r
           )
@@ -1344,7 +1344,7 @@ class Ie extends st {
             t.clone,
             [
               { transform: o, opacity: 1 },
-              { transform: c, opacity: 0 }
+              { transform: l, opacity: 0 }
             ],
             r
           )
@@ -1353,14 +1353,14 @@ class Ie extends st {
             e.clone,
             [
               { transform: o },
-              { transform: c }
+              { transform: l }
             ],
             r
           )
         );
         break;
       case "morph": {
-        const g = Array.from(/* @__PURE__ */ new Set([...t.instance.styles, ...e.instance.styles]));
+        const m = Array.from(/* @__PURE__ */ new Set([...t.instance.styles, ...e.instance.styles]));
         n.push(
           new KeyframeEffect(
             e.clone,
@@ -1373,8 +1373,8 @@ class Ie extends st {
               },
               {
                 ...Object.fromEntries((e.instance.ref.current?.firstElementChild).attributeStyleMap),
-                ...this.getKeyframeProperties(e.instance.ref.current?.firstElementChild, g),
-                transform: c,
+                ...this.getKeyframeProperties(e.instance.ref.current?.firstElementChild, m),
+                transform: l,
                 width: `${e.rect.width}px`,
                 height: `${e.rect.height}px`
               }
@@ -1394,26 +1394,26 @@ class Ie extends st {
     t.previousScene = null, e.previousScene = t;
     const n = new Array();
     for (const [r, a] of Array.from(e.nodes.entries())) {
-      const o = a.getBoundingClientRect(), c = t.nodes.get(r);
-      if (!c?.canTransition || !a.canTransition)
+      const o = a.getBoundingClientRect(), l = t.nodes.get(r);
+      if (!l?.canTransition || !a.canTransition)
         continue;
-      const g = c.getBoundingClientRect(), f = a.clone(), w = c.clone();
-      if (!w || !f)
+      const m = l.getBoundingClientRect(), p = a.clone(), w = l.clone();
+      if (!w || !p)
         continue;
-      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();
+      const k = Array.from(/* @__PURE__ */ new Set([...l.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(l.ref.current?.firstElementChild, w, k), this.copyStyles(a.ref.current?.firstElementChild, p, k), w.style.width = `${m.width}px`, w.style.height = `${m.height}px`, p.style.width = `${o.width}px`, p.style.height = `${o.height}px`, this.ref.current?.prepend(w)) : (this.copyStyles(l.ref.current?.firstElementChild, p, k), p.style.width = `${m.width}px`, p.style.height = `${m.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), l.hide(), a.hide();
+      const T = async () => {
+        this.props.direction === "forwards" ? a.unhide() : l.unhide(), p.remove(), w.remove();
       };
-      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: f, rect: o }
+      this.props.navigation.addEventListener("transition-end", T, { once: !0 }), this.props.navigation.addEventListener("transition-cancel", T, { once: !0 }), n.push(this.getAnimationEffect(
+        { instance: l, clone: w, rect: m },
+        { instance: a, clone: p, rect: o }
       ));
     }
     return new At(n);
   }
   render() {
-    return /* @__PURE__ */ T("dialog", { className: "shared-element-layer", ref: this.ref, style: {
+    return /* @__PURE__ */ b("dialog", { className: "shared-element-layer", ref: this.ref, style: {
       maxWidth: "unset",
       maxHeight: "unset",
       width: "100vw",
@@ -1423,16 +1423,16 @@ class Ie extends st {
       border: "none",
       backgroundColor: "transparent",
       isolation: "isolate"
-    }, children: /* @__PURE__ */ T("style", { children: `
+    }, children: /* @__PURE__ */ b("style", { children: `
                     .shared-element-layer::backdrop {display: none}
                     .shared-element-layer[open] {display:grid}
                 ` }) });
   }
 }
 const ae = it(0);
-class $e extends st {
+class je extends st {
   sharedElementTransitionLayer = K();
-  animation = new We();
+  animation = new Oe();
   #t = "normal";
   #e = new Array();
   state = {
@@ -1444,16 +1444,16 @@ class $e extends st {
     t && this.onProgress(t), this.animation.playState === "running" && requestAnimationFrame(this.onAnimationFrame.bind(this));
   }
   onTransitionCancel() {
-    this.props.navigation.dispatchEvent(new fe());
+    this.props.navigation.dispatchEvent(new ye());
   }
   onTransitionStart() {
-    this.props.navigation.dispatchEvent(new pe()), this.onAnimationFrame();
+    this.props.navigation.dispatchEvent(new ge()), this.onAnimationFrame();
   }
   onTransitionEnd() {
-    this.props.navigation.dispatchEvent(new me());
+    this.props.navigation.dispatchEvent(new ve());
   }
   onProgress(t) {
-    this.setState({ progress: t }), this.props.navigation.dispatchEvent(new ge(t));
+    this.setState({ progress: t }), this.props.navigation.dispatchEvent(new we(t));
   }
   get screens() {
     return this.#e;
@@ -1484,15 +1484,15 @@ class $e extends st {
   }
   render() {
     return /* @__PURE__ */ Gt(_t.Provider, { value: this, children: [
-      /* @__PURE__ */ T(
-        Ie,
+      /* @__PURE__ */ b(
+        Ve,
         {
           ref: this.sharedElementTransitionLayer,
           navigation: this.props.navigation,
           direction: this.animation.playbackRate > 0 ? "forwards" : "backwards"
         }
       ),
-      /* @__PURE__ */ T(
+      /* @__PURE__ */ b(
         "div",
         {
           className: "screen-transition-layer",
@@ -1504,7 +1504,7 @@ class $e extends st {
             isolation: "isolate",
             "--motion-progress": this.state.progress
           },
-          children: /* @__PURE__ */ T(ae.Provider, { value: this.state.progress, children: this.props.children })
+          children: /* @__PURE__ */ b(ae.Provider, { value: this.state.progress, children: this.props.children })
         }
       )
     ] });
@@ -1524,7 +1524,7 @@ class Nt extends st {
     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);
+    this.isRoot && window.navigation.addEventListener("navigate", this.handleNavigationDispatch), this.loadDispatched || (window.navigation.dispatchEvent(new Ee()), this.loadDispatched = !0);
   }
   componentWillUnmount() {
     this.isRoot && window.navigation.removeEventListener("navigate", this.handleNavigationDispatch);
@@ -1544,7 +1544,7 @@ class Nt extends st {
   }
   dispatchEvent(t) {
     const e = this.ref.current ?? void 0;
-    return he(t, e);
+    return pe(t, e);
   }
   addEventListener(t, e, n) {
     return this.ref.current?.addEventListener(t, e, n);
@@ -1554,7 +1554,7 @@ class Nt extends st {
   }
   screenChildFromPathname(t) {
     for (const e of jt.toArray(this.props.children)) {
-      if (!Te(e))
+      if (!Re(e))
         continue;
       const n = Yt(
         e.props.path,
@@ -1586,13 +1586,13 @@ class Nt extends st {
   }
   get baseURL() {
     const t = this.isRoot ? window.location.pathname : this.parentScreen?.resolvedPathname, e = this.baseURLPattern.pathname;
-    return bt(e, t);
+    return Tt(e, t);
   }
   get baseURLPattern() {
     let t = window.location.origin + "/", e = this.props.config?.basePath;
     if (e || (this.isRoot ? e = "/" : e = "."), this.parent && this.parentScreen) {
       const { resolvedPathname: n = window.location.pathname, path: r } = this.parentScreen, a = this.parent.baseURL?.href, o = new URLPattern({ baseURL: a, pathname: r });
-      t = bt(
+      t = Tt(
         o.pathname,
         n
       ).href;
@@ -1616,15 +1616,15 @@ class Nt extends st {
   }
   render() {
     if (this.navigation)
-      return /* @__PURE__ */ T(
+      return /* @__PURE__ */ b(
         "div",
         {
           id: this.id,
           className: "react-motion-router",
           style: { width: "100%", height: "100%" },
           ref: this.ref,
-          children: /* @__PURE__ */ T(wt.Provider, { value: this, children: /* @__PURE__ */ T(
-            $e,
+          children: /* @__PURE__ */ b(wt.Provider, { value: this, children: /* @__PURE__ */ b(
+            je,
             {
               ref: this.screenTransitionLayer,
               navigation: this.navigation,
@@ -1636,7 +1636,7 @@ class Nt extends st {
       );
   }
 }
-class Oe {
+class Fe {
   #t = /* @__PURE__ */ new Map();
   mutationObserver;
   constructor() {
@@ -1691,7 +1691,7 @@ class Oe {
         return;
       e.removedNodes.forEach((n) => {
         if (n.nodeName === "META") {
-          const [r] = Array.from(n.attributes).filter((c) => c.nodeName !== "content"), o = [r.nodeName, r.value].join("=");
+          const [r] = Array.from(n.attributes).filter((l) => l.nodeName !== "content"), o = [r.nodeName, r.value].join("=");
           this.#t.has(o) && this.#t.delete(o);
         }
       }), e.addedNodes.forEach((n) => {
@@ -1720,7 +1720,7 @@ class Oe {
 }
 class Ut {
   static rootNavigatorRef = null;
-  metaData = new Oe();
+  metaData = new Fe();
   constructor() {
     const t = Ut.rootNavigatorRef?.deref();
     (!t || !t.isInDocument) && (Ut.rootNavigatorRef = new WeakRef(this));
@@ -1753,73 +1753,76 @@ class Ut {
     return !!document.getElementById(`${this.routerId}`);
   }
 }
-function Qe() {
+function nn() {
   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() {
+function sn() {
   return vt(wt);
 }
-function en() {
+function rn() {
   return ce("Motion"), vt(ae);
 }
-function Ve() {
+function Be() {
   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 = Ve();
-  t = t instanceof Function ? t() : t;
-  const n = (r) => {
-    r instanceof Function && (r = r(e.params[s] ?? t)), e.setParams({ [s]: r });
-  };
-  return [e.params[s] ?? t, n];
+function an(s, t) {
+  const e = Be(), n = t instanceof Function ? t() : t, r = he(e);
+  ue(() => {
+    r.current = e;
+  }, [e]);
+  const a = de((l) => {
+    const { params: m, setParams: p } = r.current;
+    l instanceof Function && (l = l(m[s] ?? n)), p({ [s]: l });
+  }, [n, s]);
+  return [e.params[s] ?? n, a];
 }
-const sn = 2147483647, rn = 100, an = 0, on = 0, ln = 1;
+const on = 2147483647, ln = 100, cn = 0, hn = 0, un = 1;
 export {
-  ye as LoadEvent,
-  ln as MAX_NORM_PROGRESS,
-  rn as MAX_PROGRESS,
-  sn as MAX_Z_INDEX,
-  on as MIN_NORM_PROGRESS,
-  an as MIN_PROGRESS,
+  Ee as LoadEvent,
+  un as MAX_NORM_PROGRESS,
+  ln as MAX_PROGRESS,
+  on as MAX_Z_INDEX,
+  hn as MIN_NORM_PROGRESS,
+  cn as MIN_PROGRESS,
   ae as MotionContext,
-  _e as MotionProgressEndEvent,
-  ge as MotionProgressEvent,
-  Ye as MotionProgressStartEvent,
+  tn as MotionProgressEndEvent,
+  we as MotionProgressEvent,
+  Qe as MotionProgressStartEvent,
   Ut as NavigationBase,
   Jt as NestedRouterContext,
-  ue as PromiseAllDynamic,
+  fe as PromiseAllDynamic,
   Nt as RouterBase,
   wt as RouterContext,
-  Ee as ScreenBase,
-  Be as SharedElement,
-  fe as TransitionCancelEvent,
-  me as TransitionEndEvent,
-  pe as TransitionStartEvent,
-  Ze as cloneAndInject,
-  he as dispatchEvent,
-  Ke as includesRoute,
+  Se as ScreenBase,
+  ze as SharedElement,
+  ye as TransitionCancelEvent,
+  ve as TransitionEndEvent,
+  ge as TransitionStartEvent,
+  Je as cloneAndInject,
+  pe as dispatchEvent,
+  Ge as includesRoute,
   F as isLazyExoticComponent,
   te as isNativeLazyExoticComponent,
-  ze as isNavigationSupported,
-  be as isStylableElement,
-  Ge as isURLPatternSupported,
-  Te as isValidScreenChild,
-  qe as lazy,
+  Xe as isNavigationSupported,
+  ke as isStylableElement,
+  Ze as isURLPatternSupported,
+  Re as isValidScreenChild,
+  He as lazy,
   Yt as matchRoute,
-  Xe as polyfillNavigation,
-  He as polyfillURLPattern,
-  bt as resolveBaseURLFromPattern,
-  de as toCamelCase,
-  en as useMotion,
-  Qe as useNavigationBase,
-  nn as useParamsBase,
-  Ve as useRouteBase,
-  tn as useRouterBase
+  _e as polyfillNavigation,
+  Ye as polyfillURLPattern,
+  Tt as resolveBaseURLFromPattern,
+  me as toCamelCase,
+  rn as useMotion,
+  nn as useNavigationBase,
+  an as useParamsBase,
+  Be as useRouteBase,
+  sn as useRouterBase
 };
 //# sourceMappingURL=index.js.map