@react-motion-router/core 2.0.0-beta.sha-8be3578 → 2.0.0-beta.sha-7188e1e

package/build/index.js

@@ -1,9 +1,9 @@
-import { jsx as T, jsxs as ee, Fragment as ye } from "react/jsx-runtime";
-import Lt, { createContext as gt, Component as at, createRef as z, Suspense as xt, isValidElement as ne, cloneElement as ie, lazy as we, Children as Xt, useContext as ft, useDebugValue as Ee, useSyncExternalStore as re, useRef as Ft, useEffect as se, useCallback as be } from "react";
-const ae = gt(null);
-class Je extends at {
-  ref = z();
-  static contextType = ae;
+import { jsx as S, jsxs as Gt, Fragment as ue } from "react/jsx-runtime";
+import he, { createContext as ht, Component as dt, createRef as nt, useContext as et, useImperativeHandle as zt, Suspense as bt, isValidElement as Xt, cloneElement as Yt, lazy as de, Children as jt, useDebugValue as fe, useSyncExternalStore as _t, useRef as Nt, useEffect as Zt, useCallback as pe } from "react";
+const Jt = ht(null);
+class He extends dt {
+  ref = nt();
+  static contextType = Jt;
   componentDidMount() {
     this.scene.addNode(this);
   }
@@ -32,8 +32,7 @@ class Je extends at {
     return this.ref.current?.firstElementChild?.getBoundingClientRect() ?? new DOMRect();
   }
   clone() {
-    if (!this.ref.current)
-      return null;
+    if (!this.ref.current) return null;
     const t = this.props.config?.deepClone ?? !0;
     return this.ref.current.firstElementChild?.cloneNode(t);
   }
@@ -44,7 +43,7 @@ class Je extends at {
     this.ref.current && (this.ref.current.style.visibility = "visible");
   }
   render() {
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ S(
       "div",
       {
         ref: this.ref,
@@ -55,66 +54,36 @@ class Je extends at {
     );
   }
 }
-const Kt = gt(null), Qe = 2147483647, tn = 100, en = 0, nn = 0, rn = 1, oe = -1, O = 0, J = 1, sn = 0;
-class Te extends at {
-  ref = z();
-  static contextType = Kt;
-  index = O;
-  exiting = !1;
-  state = {
-    zIndex: "unset"
-  };
-  onroutertransitionend() {
-    this.ref.current && (this.ref.current.style.willChange = "auto", this.ref.current.style.pointerEvents = "auto");
-  }
-  onroutertransitionstart() {
-    this.ref.current && (this.ref.current.style.willChange = "transform, opacity", this.ref.current.style.pointerEvents = "none");
-  }
-  componentDidMount() {
-    this.props.navigation.addEventListener("routertransitionstart", this), this.props.navigation.addEventListener("routertransitionend", this), this.props.navigation.addEventListener("routertransitioncancel", this);
-  }
-  componentWillUnmount() {
-    this.props.navigation.removeEventListener("routertransitionstart", this), this.props.navigation.removeEventListener("routertransitionend", this), this.props.navigation.removeEventListener("routertransitioncancel", this);
-  }
-  get animationEffect() {
-    const t = this.props.animation, { animation: e, direction: n, hasUAVisualTransition: r } = this.context, { timeline: a, playbackRate: o } = e, { index: l, exiting: f, ref: d } = this, m = this.context.screens.map((S) => S.current?.name);
-    return t?.({
-      ref: d.current,
-      index: l,
-      screens: m,
-      exiting: f,
-      timeline: a,
-      direction: n,
-      playbackRate: o,
-      hasUAVisualTransition: r
-    }) ?? null;
-  }
-  setZIndex(t) {
-    return new Promise((e) => this.setState({ zIndex: t }, e));
-  }
-  render() {
-    const t = this.props.renderAs, e = this.props.focused ? void 0 : "";
-    return /* @__PURE__ */ T(
-      t,
-      {
-        id: this.props.id,
-        className: "screen-transition-provider",
-        ref: this.ref,
-        inert: e,
-        style: {
-          gridArea: "1 / 1",
-          width: "100%",
-          height: "100%",
-          transformOrigin: "center center",
-          zIndex: this.state.zIndex
-        },
-        children: this.props.children
+const Ut = ht(null), Ge = 2147483647, ze = 100, Xe = 0, Ye = 0, _e = 1, Qt = -1, O = 0, X = 1, Ze = 0;
+function me(i) {
+  const t = et(Ut);
+  return zt(
+    i.ref,
+    () => ({
+      index: O,
+      exiting: !1,
+      get screenElementRef() {
+        return i.screenElementRef;
+      },
+      get animationEffect() {
+        const e = i.animation, { animation: n, direction: r, hasUAVisualTransition: a } = t, { timeline: o, playbackRate: l } = n, { index: f, exiting: d, screenElementRef: g } = this, { viewTransitionName: R } = i, E = t.screens.map((V) => V.current?.name);
+        return e?.({
+          ref: g.current,
+          index: f,
+          screens: E,
+          exiting: d,
+          timeline: o,
+          direction: r,
+          playbackRate: l,
+          viewTransitionName: R,
+          hasUAVisualTransition: a
+        }) ?? null;
       }
-    );
-  }
+    })
+  ), i.children;
 }
-const le = gt(null), vt = gt(null), ce = gt(null);
-class Se {
+const te = ht(null), ft = ht(null), ee = ht(null);
+class ge {
   id;
   nodes = /* @__PURE__ */ new Map();
   getScreenRect = () => new DOMRect();
@@ -149,26 +118,28 @@ class Se {
     return !this.nodes.size;
   }
 }
-class Re extends at {
+class ve extends dt {
   sharedElementScene;
-  #t = z();
-  ref = z();
+  #t = nt();
   nestedRouterData;
-  static contextType = vt;
+  static contextType = ft;
   state = {
     focused: !1,
     config: {},
-    params: {},
-    elementType: "div"
+    params: {}
   };
   constructor(t, e) {
-    super(t), this.sharedElementScene = new Se(
+    super(t), this.sharedElementScene = new ge(
       `${this.name}-shared-element-scene`
     ), this.sharedElementScene.getScreenRect = () => this.ref.current?.getBoundingClientRect() || new DOMRect(), this.nestedRouterData = {
       parentScreen: this,
       parentRouter: e
     };
   }
+  handleEvent(t) {
+    const e = `on${t.type}`;
+    this[e]?.(t);
+  }
   setParams(t) {
     this.setState(({ params: e }) => ({ params: { ...e, ...t } }));
   }
@@ -195,8 +166,8 @@ class Re extends at {
     const e = this.props.component, n = this.props.config?.header?.component, r = this.props.config?.footer?.component;
     let a;
     B(e) ? a = await e.load() : a = { default: e }, B(n) && await n.load(), B(r) && await r.load();
-    const o = this.context.navigation, l = this.routeProp, f = !1;
-    return await this.props.config?.onLoad?.({ navigation: o, route: l, signal: t, preloading: f }), a;
+    const o = this.context.navigation, l = this.routeProp;
+    return await this.props.config?.onLoad?.({ navigation: o, route: l, signal: t, preloading: !1 }), a;
   }
   async onExited(t) {
     await this.routeProp.config.onExited?.({
@@ -238,122 +209,100 @@ class Re extends at {
   }
   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(
-      Te,
+    return /* @__PURE__ */ S(
+      me,
       {
         ref: this.#t,
-        renderAs: this.state.elementType,
-        id: `${this.context.id}-${this.name}-transition-provider`,
+        screenElementRef: this.ref,
+        viewTransitionName: this.viewTransitionName,
         animation: e.config.animation,
-        navigation: t,
-        focused: this.state.focused,
-        children: /* @__PURE__ */ T(
-          "div",
-          {
-            id: `${this.context.id}-${this.name}`,
-            ref: this.ref,
-            className: "screen",
-            style: {
-              height: "100%",
-              width: "100%",
-              display: "flex",
-              flexDirection: "column",
-              pointerEvents: "inherit"
-            },
-            children: /* @__PURE__ */ T(ae.Provider, { value: this.sharedElementScene, children: /* @__PURE__ */ T(ce.Provider, { value: e, children: /* @__PURE__ */ ee(le.Provider, { value: this.nestedRouterData, children: [
-              /* @__PURE__ */ T(xt, { fallback: /* @__PURE__ */ T(
-                _,
-                {
-                  component: e.config.header?.fallback,
-                  route: e,
-                  navigation: t
-                }
-              ), children: /* @__PURE__ */ T(
-                _,
-                {
-                  component: r,
-                  route: e,
-                  navigation: t
-                }
-              ) }),
-              /* @__PURE__ */ T(xt, { fallback: /* @__PURE__ */ T(
-                _,
+        children: /* @__PURE__ */ S(Jt.Provider, { value: this.sharedElementScene, children: /* @__PURE__ */ S(ee.Provider, { value: e, children: /* @__PURE__ */ Gt(te.Provider, { value: this.nestedRouterData, children: [
+          /* @__PURE__ */ S(bt, { fallback: /* @__PURE__ */ S(
+            z,
+            {
+              component: e.config.header?.fallback,
+              route: e,
+              navigation: t
+            }
+          ), children: /* @__PURE__ */ S(
+            z,
+            {
+              component: r,
+              route: e,
+              navigation: t
+            }
+          ) }),
+          /* @__PURE__ */ S(bt, { fallback: /* @__PURE__ */ S(
+            z,
+            {
+              component: this.props.fallback,
+              route: e,
+              navigation: t
+            }
+          ), children: /* @__PURE__ */ S(
+            z,
+            {
+              component: n,
+              route: e,
+              navigation: t
+            }
+          ) }),
+          /* @__PURE__ */ S(
+            bt,
+            {
+              fallback: /* @__PURE__ */ S(
+                z,
                 {
-                  component: this.props.fallback,
+                  component: e.config.footer?.fallback,
                   route: e,
                   navigation: t
                 }
-              ), children: /* @__PURE__ */ T(
-                _,
+              ),
+              children: /* @__PURE__ */ S(
+                z,
                 {
-                  component: n,
+                  component: a,
                   route: e,
                   navigation: t
                 }
-              ) }),
-              /* @__PURE__ */ T(
-                xt,
-                {
-                  fallback: /* @__PURE__ */ T(
-                    _,
-                    {
-                      component: e.config.footer?.fallback,
-                      route: e,
-                      navigation: t
-                    }
-                  ),
-                  children: /* @__PURE__ */ T(
-                    _,
-                    {
-                      component: a,
-                      route: e,
-                      navigation: t
-                    }
-                  )
-                }
               )
-            ] }) }) })
-          }
-        )
+            }
+          )
+        ] }) }) })
       }
     );
   }
 }
-function _({ component: i, route: t, navigation: e }) {
+function z({ component: i, route: t, navigation: e }) {
   B(i) && i.module?.default && (i = i.module.default);
   const n = i ?? null;
-  return typeof n == "function" || he(n) ? /* @__PURE__ */ T(
+  return typeof n == "function" || ne(n) ? /* @__PURE__ */ S(
     n,
     {
       navigation: e,
       route: t
     }
-  ) : ne(n) ? ie(n, {
+  ) : Xt(n) ? Yt(n, {
     navigation: e,
     route: t
-  }) : /* @__PURE__ */ T(ye, { children: n });
+  }) : /* @__PURE__ */ S(ue, { children: n });
 }
-function ke(i) {
-  return ne(i) ? Object.getPrototypeOf(i.type) === Re : !1;
+function ye(i) {
+  return Xt(i) ? Object.getPrototypeOf(i.type) === ve : !1;
 }
-function he(i) {
+function ne(i) {
   return typeof i == "object" && i !== null && i.$$typeof === Symbol.for("react.lazy");
 }
 function B(i) {
-  return he(i) && "load" in i;
+  return ne(i) && "load" in i;
 }
-function xe(i) {
+function we(i) {
   return "style" in i && i.style instanceof CSSStyleDeclaration;
 }
-var Ce = Object.defineProperty, Le = (i, t, e) => t in i ? Ce(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, F = (i, t, e) => (Le(i, typeof t != "symbol" ? t + "" : t, e), e), Bt = (i, t, e) => {
-  if (!t.has(i))
-    throw TypeError("Cannot " + e);
-}, s = (i, t, e) => (Bt(i, t, "read from private field"), e ? e.call(i) : t.get(i)), v = (i, t, e) => {
-  if (t.has(i))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(i) : t.set(i, e);
-}, c = (i, t, e, n) => (Bt(i, t, "write to private field"), n ? n.call(i, e) : t.set(i, e), e), g = (i, t, e) => (Bt(i, t, "access private method"), e);
-const pt = {
+var Ee = Object.defineProperty, ie = (i) => {
+  throw TypeError(i);
+}, be = (i, t, e) => t in i ? Ee(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, F = (i, t, e) => be(i, typeof t != "symbol" ? t + "" : t, e), At = (i, t, e) => t.has(i) || ie("Cannot " + e), s = (i, t, e) => (At(i, t, "read from private field"), e ? e.call(i) : t.get(i)), T = (i, t, e) => t.has(i) ? ie("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), c = (i, t, e, n) => (At(i, t, "write to private field"), t.set(i, e), e), v = (i, t, e) => (At(i, t, "access private method"), e);
+const ct = {
   delay: 0,
   direction: "normal",
   duration: "auto",
@@ -362,19 +311,19 @@ const pt = {
   fill: "auto",
   iterationStart: 0,
   iterations: 1
-}, qt = 1e3, Me = window.Animation, yt = window.KeyframeEffect;
-function Yt(i) {
+}, It = 1e3, Te = window.Animation, pt = window.KeyframeEffect;
+function Ft(i) {
   return Array.isArray(i);
 }
-function Y(i) {
+function G(i) {
   return typeof i == "object" && i === null;
 }
-function h(i, t) {
-  return Y(i) || typeof i == "number" ? i : (t || ([t] = Object.keys(i.type())), i.to(t).value);
+function u(i, t) {
+  return G(i) || typeof i == "number" ? i : (t || ([t] = Object.keys(i.type())), i.to(t).value);
 }
-function Pe(i, t = pt) {
+function Re(i, t = ct) {
   let { duration: e = "auto", iterations: n = 1, playbackRate: r = 1 } = t;
-  if (Y(i))
+  if (G(i))
     return i;
   if (typeof i == "number" || i.type().percent === void 0)
     throw new DOMException(
@@ -382,20 +331,20 @@ function Pe(i, t = pt) {
       "NotSupportedError"
     );
   if (e === "auto")
-    e = qt;
+    e = It;
   else if (e instanceof CSSNumericValue)
     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, l = e / n * n / Math.abs(r), f = a + l + o;
-  return ot(
+  return it(
     i.to("percent").value,
     [0, 100],
     [0, f]
   );
 }
-function kt(i) {
-  if (Y(i) || typeof i == "number")
+function Et(i) {
+  if (G(i) || typeof i == "number")
     return i;
   if (i.type().time !== void 0)
     throw new DOMException(
@@ -404,38 +353,38 @@ function kt(i) {
     );
   return i.to("ms").value;
 }
-function Zt(i, t) {
+function Vt(i, t) {
   const e = t.length - 1, n = Math.floor(i * e), r = t[n], a = t[Math.min(n + 1, e)], o = i * e - n;
   return r + o * (a - r);
 }
-function De(i, t, e) {
+function Se(i, t, e) {
   let n = 0, r = 0;
   for (const [a, o] of Object.entries(i)) {
-    const { min: l, max: f } = t, d = e[a] ?? 1, m = (o - l[a]) / (f[a] - l[a]) * d;
-    n += m, r += d;
+    const { min: l, max: f } = t, d = e[a] ?? 1, g = (o - l[a]) / (f[a] - l[a]) * d;
+    n += g, r += d;
   }
   return n / r;
 }
-function ot(i, t, e, n = {}) {
+function it(i, t, e, n = {}) {
   let r;
-  if (typeof i == "number" && Yt(t)) {
+  if (typeof i == "number" && Ft(t)) {
     const o = { x: t[0] }, l = { x: t[1] };
     t = { min: o, max: l }, i = { x: i };
   } else
     throw new TypeError("Input and input range must have the same dimensions.");
-  if (r = De(i, t, n), r = Ne(r, 0, 1), Yt(e))
-    return Zt(r, e);
+  if (r = Se(i, t, n), r = ke(r, 0, 1), Ft(e))
+    return Vt(r, e);
   const a = {};
   for (const o of Object.keys(e.min)) {
     const l = e.min[o], f = e.max[o], d = [l, f];
-    a[o] = Zt(r, d);
+    a[o] = Vt(r, d);
   }
   return a;
 }
-function Ne(i, t, e) {
+function ke(i, t, e) {
   return i < t ? t : e && i > e ? e : i;
 }
-function zt(i) {
+function Wt(i) {
   let {
     duration: t = "auto",
     iterations: e = 1,
@@ -447,15 +396,15 @@ function zt(i) {
   } = i;
   const f = new CSSUnitValue(100, "percent");
   if (t === "auto")
-    t = qt, r = 0, a = 0;
+    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 d = t / e, m = d * e / Math.abs(n), S = r + m + a;
-  t = new CSSUnitValue(d / S * 100, "percent");
+  const d = t / e, g = d * e / Math.abs(n), R = r + g + a;
+  t = new CSSUnitValue(d / R * 100, "percent");
   const E = CSS.percent(t.to("percent").value * e / Math.abs(n));
-  return o !== null && (l = h(o, "percent") / f.value), {
+  return o !== null && (l = u(o, "percent") / f.value), {
     ...i,
     progress: l,
     activeDuration: E,
@@ -466,16 +415,16 @@ function zt(i) {
     endTime: f
   };
 }
-function ue(i, t) {
+function re(i, t) {
   let { activeDuration: e = 0, localTime: n = null, endTime: r = 1 / 0, delay: a = 0 } = i;
-  if (r = h(r), e = h(e), n = h(n), n == null || n === void 0)
+  if (r = u(r), e = u(e), n = u(n), n == null || n === void 0)
     return "idle";
   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 Ue(i, t) {
+function xe(i, t) {
   let { localTime: e = null, delay: n = 0, activeDuration: r = 0, fill: a } = i;
-  if (r = h(r), e = h(e), e == null || e === void 0)
+  if (r = u(r), e = u(e), e == null || e === void 0)
     return null;
   switch (t) {
     case "before":
@@ -488,38 +437,38 @@ function Ue(i, t) {
       return null;
   }
 }
-function Ae(i, t, e) {
+function Ce(i, t, e) {
   const { duration: n = 0, iterations: r = 1, iterationStart: a = 0 } = i;
   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 / kt(n), o + a;
+  return n === 0 ? t === "before" ? o = 0 : o = r : o = e / Et(n), o + a;
 }
-function Ie(i, t, e, n) {
+function Le(i, t, e, n) {
   const { iterations: r = 1, iterationStart: a = 0, activeDuration: o = 0 } = i;
-  if (Y(e))
+  if (G(e))
     return null;
   let l = 0;
   return e === 1 / 0 && (l = a % 1), l === 0 && (t === "active" || t === "after") && o === n && r !== 0 && (l = 1), l;
 }
-function de(i, t) {
-  const { iterations: e = 1 } = i, n = Ue(i, t);
-  if (Y(n))
+function se(i, t) {
+  const { iterations: e = 1 } = i, n = xe(i, t);
+  if (G(n))
     return null;
   if (t === "after" && e === 1 / 0)
     return 1 / 0;
-  const r = Ae(i, t, n);
-  return Ie(i, t, r, n) === 1 ? Math.floor(r) - 1 : Math.floor(r);
+  const r = Ce(i, t, n);
+  return Le(i, t, r, n) === 1 ? Math.floor(r) - 1 : Math.floor(r);
 }
-class We extends Event {
+class Me extends Event {
   constructor(t) {
     super("update", { bubbles: !1, cancelable: !1, composed: !1 }), F(this, "currentTime"), this.currentTime = t;
   }
 }
-var U, Q;
+var U, Y;
 class b extends EventTarget {
   constructor(t = { type: "swipe", axis: "x", rangeStart: 0, rangeEnd: window.screen.availWidth, source: document.body }) {
-    super(), v(this, U, void 0), v(this, Q, void 0), t.source.addEventListener(t.type, this.onGesture.bind(this)), c(this, Q, CSS.percent(0)), c(this, U, t);
+    super(), T(this, U), T(this, Y), t.source.addEventListener(t.type, this.onGesture.bind(this)), c(this, Y, CSS.percent(0)), c(this, U, t);
   }
   onGesture(t) {
     const e = s(this, U).source.getBoundingClientRect();
@@ -531,20 +480,20 @@ class b extends EventTarget {
     switch (s(this, U).type) {
       case "swipe": {
         const { rangeStart: a, rangeEnd: o } = s(this, U), l = s(this, U).axis;
-        n = ot(
+        n = it(
           r[l],
-          [h(a, "px"), h(o, "px")],
+          [u(a, "px"), u(o, "px")],
           [0, 100]
         );
         break;
       }
       case "pan": {
         const { rangeStart: a, rangeEnd: o } = s(this, U), { x: l, y: f } = r;
-        n = ot(
+        n = it(
           { x: l, y: f },
           {
-            min: { x: h(a.x, "px"), y: h(a.y, "px") },
-            max: { x: h(o.x, "px"), y: h(o.y, "px") }
+            min: { x: u(a.x, "px"), y: u(a.y, "px") },
+            max: { x: u(o.x, "px"), y: u(o.y, "px") }
           },
           [0, 100],
           { x: 1, y: 1 }
@@ -553,9 +502,9 @@ class b extends EventTarget {
       }
       case "pinch": {
         const { rangeStart: a, rangeEnd: o } = s(this, U), { scale: l } = t;
-        n = ot(
+        n = it(
           l,
-          [h(a, ""), h(o, "")],
+          [u(a, ""), u(o, "")],
           // figure out which unit
           [0, 100]
         );
@@ -563,14 +512,14 @@ class b extends EventTarget {
       }
       case "rotate": {
         const { rangeStart: a, rangeEnd: o } = s(this, U), { rotation: l } = t;
-        n = ot(
+        n = it(
           l,
-          [h(a, "deg"), h(o, "deg")],
+          [u(a, "deg"), u(o, "deg")],
           [0, 100]
         );
       }
     }
-    c(this, Q, CSS.percent(n)), this.dispatchEvent(new We(s(this, Q)));
+    c(this, Y, CSS.percent(n)), this.dispatchEvent(new Me(s(this, Y)));
   }
   addEventListener(t, e, n) {
     super.addEventListener(t, e, n);
@@ -579,21 +528,21 @@ class b extends EventTarget {
     super.removeEventListener(t, e, n);
   }
   get currentTime() {
-    return s(this, Q);
+    return s(this, Y);
   }
   get phase() {
     return "active";
   }
 }
-U = /* @__PURE__ */ new WeakMap(), Q = /* @__PURE__ */ new WeakMap();
+U = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
 const N = /* @__PURE__ */ new WeakMap();
-var lt;
-class wt extends yt {
+var rt;
+class mt extends pt {
   constructor(t, e = null) {
-    super(t), v(this, lt, null), c(this, lt, e);
+    super(t), T(this, rt, null), c(this, rt, e);
   }
   get parent() {
-    return s(this, lt);
+    return s(this, rt);
   }
   getTiming() {
     var t;
@@ -614,7 +563,7 @@ class wt extends yt {
         throw TypeError("Effect duration cannot be Infinity for non-monotonic timelines.");
       if (e.iterations === 1 / 0)
         throw TypeError("Effect iterations cannot be Infinity for non-monotonic timelines.");
-      return zt(e);
+      return Wt(e);
     }
     return e;
   }
@@ -626,10 +575,10 @@ class wt extends yt {
       duration: n.duration instanceof CSSNumericValue ? n.duration.to("ms").value : n.duration,
       ...t
     };
-    let r = s(this, lt);
+    let r = s(this, rt);
     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;
+      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 = u(a.duration, "ms")), r = r.parent;
     }
     if (((e = N.get(this)) == null ? void 0 : e.timeline) instanceof b) {
       if (t?.duration === 1 / 0)
@@ -640,14 +589,14 @@ class wt extends yt {
     return super.updateTiming(t);
   }
 }
-lt = /* @__PURE__ */ new WeakMap();
-var A, tt;
-const $e = class Et {
+rt = /* @__PURE__ */ new WeakMap();
+var A, _;
+const Pe = class gt {
   constructor(t) {
-    v(this, A, []), v(this, tt, null), c(this, A, t.map((e) => (e instanceof Et ? c(e, tt, this) : e instanceof yt && (e = new wt(e, this)), e)));
+    T(this, A, []), T(this, _, null), c(this, A, t.map((e) => (e instanceof gt ? c(e, _, this) : e instanceof pt && (e = new mt(e, this)), e)));
   }
   get parent() {
-    return s(this, tt);
+    return s(this, _);
   }
   get children() {
     const t = s(this, A);
@@ -669,18 +618,18 @@ const $e = class Et {
   }
   append(...t) {
     t.forEach((e) => {
-      s(this, A).includes(e) || (e instanceof Et ? c(e, tt, this) : e instanceof yt && (e = new wt(e, this)), s(this, A).push(e));
+      s(this, A).includes(e) || (e instanceof gt ? c(e, _, this) : e instanceof pt && (e = new mt(e, this)), s(this, A).push(e));
     });
   }
   prepend(...t) {
     t.forEach((e) => {
-      s(this, A).includes(e) || (e instanceof Et ? c(e, tt, this) : e instanceof yt && (e = new wt(e, this)), s(this, A).unshift(e));
+      s(this, A).includes(e) || (e instanceof gt ? c(e, _, this) : e instanceof pt && (e = new mt(e, this)), s(this, A).unshift(e));
     });
   }
 };
-A = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap();
-let Ht = $e;
-class st {
+A = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
+let Ot = Pe;
+class tt {
   constructor() {
     F(this, "promise"), F(this, "state"), F(this, "nativeResolve"), F(this, "nativeReject"), this.state = "pending", this.nativeResolve = this.nativeReject = null, this.promise = new Promise((t, e) => {
       this.nativeResolve = t, this.nativeReject = e;
@@ -696,11 +645,11 @@ class st {
     }), (e = this.nativeReject) == null || e.call(this, t);
   }
 }
-var et, Mt, fe;
-class Oe extends Ht {
-  constructor(t, e = pt) {
-    super(t), v(this, Mt), v(this, et, void 0), c(this, et, {
-      ...pt,
+var Z, Rt, ae;
+class De extends Ot {
+  constructor(t, e = ct) {
+    super(t), T(this, Rt), T(this, Z), c(this, Z, {
+      ...ct,
       ...e
     });
   }
@@ -711,31 +660,30 @@ class Oe extends Ht {
     super.append(...t), t.forEach((e) => e.updateTiming());
   }
   getTiming() {
-    return s(this, et);
+    return s(this, Z);
   }
   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: 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 L = this.children.item(C);
-      if (!L)
-        continue;
+    for (let L = 0; L < this.children.length; L++) {
+      const M = this.children.item(L);
+      if (!M) continue;
       let {
-        duration: M = "auto",
-        activeDuration: Gt = 0
-      } = L.getComputedTiming();
-      r.activeDuration = r.activeDuration ? h(r.activeDuration, "ms") + h(Gt, "ms") : Gt, n.duration = n.duration instanceof CSSNumericValue ? n.duration.to("ms").value : n.duration, M = M instanceof CSSNumericValue ? M.to("ms").value : M, typeof M != "string" && (n.duration === "auto" ? n.duration = h(M, "ms") : typeof n.duration != "string" && (n.duration = n.duration ? n.duration + M : M));
+        duration: P = "auto",
+        activeDuration: $t = 0
+      } = M.getComputedTiming();
+      r.activeDuration = r.activeDuration ? u(r.activeDuration, "ms") + u($t, "ms") : $t, n.duration = n.duration instanceof CSSNumericValue ? n.duration.to("ms").value : n.duration, P = P instanceof CSSNumericValue ? P.to("ms").value : P, typeof P != "string" && (n.duration === "auto" ? n.duration = u(P, "ms") : typeof n.duration != "string" && (n.duration = n.duration ? n.duration + P : P));
     }
-    const { timeline: f, startTime: d, currentTime: m } = N.get(this) ?? {}, S = f instanceof b ? "percent" : "ms";
-    let { duration: E = 0, iterations: Z = 1 } = r;
+    const { timeline: f, startTime: d, currentTime: g } = N.get(this) ?? {}, R = f instanceof b ? "percent" : "ms";
+    let { duration: E = 0, iterations: V = 1 } = r;
     if (E === "auto" && (E = 0), typeof E == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    return r.duration = E, r.activeDuration = kt(E) * Z, r.startTime = d ?? void 0, r.localTime = m, r.currentIteration = de(r, ue(r, s(this, Mt, fe))), f instanceof b ? zt(r) : (f instanceof DocumentTimeline && (r.progress = m && h(m, S) / h(l, S)), r);
+    return r.duration = E, r.activeDuration = Et(E) * V, r.startTime = d ?? void 0, r.localTime = g, r.currentIteration = se(r, re(r, s(this, Rt, ae))), f instanceof b ? Wt(r) : (f instanceof DocumentTimeline && (r.progress = g && u(g, R) / u(l, R)), r);
   }
   updateTiming(t) {
-    c(this, et, {
-      ...s(this, et),
+    c(this, Z, {
+      ...s(this, Z),
       ...t
     });
     for (let e = 0; e < this.children.length; e++) {
@@ -744,23 +692,23 @@ class Oe extends Ht {
     }
   }
 }
-et = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakSet(), fe = function() {
+Z = /* @__PURE__ */ new WeakMap(), Rt = /* @__PURE__ */ new WeakSet(), ae = function() {
   const { playbackRate: i = 1 } = N.get(this) ?? {};
   return i < 0 ? "backwards" : "forwards";
 };
-var p, x, dt, w, R, P, u, y, k, G, V, ct, I, bt, Pt, nt, ht, H, it, Dt, _t, Nt, Jt, Ut, Qt, q, X, ut, Tt, At, W, j, D, $, St, It, Wt;
-const pe = class extends EventTarget {
+var p, C, lt, w, k, D, h, y, x, q, $, st, I, m, St, at, J, Kt, Bt, qt, H, ot, kt, j, W, vt, xt, Ct;
+const oe = class extends EventTarget {
   constructor(t, e) {
-    super(), v(this, bt), v(this, nt), v(this, H), v(this, Dt), v(this, Nt), v(this, Ut), v(this, q), v(this, Tt), v(this, W), v(this, D), F(this, "id", ""), F(this, "oncancel", null), F(this, "onfinish", null), F(this, "onremove", null), v(this, p, void 0), v(this, x, void 0), v(this, dt, "active"), v(this, w, {
+    super(), T(this, m), F(this, "id", ""), F(this, "oncancel", null), F(this, "onfinish", null), F(this, "onremove", null), T(this, p), T(this, C), T(this, lt, "active"), T(this, w, {
       task: null,
       playbackRate: null
-    }), v(this, R, new st()), v(this, P, new st()), v(this, u, null), v(this, y, null), v(this, k, []), v(this, G, null), v(this, V, !1), v(this, ct, 0), v(this, I, 1), v(this, ut, () => {
-      g(this, q, X).call(this);
-    }), v(this, St, () => {
+    }), T(this, k, new tt()), T(this, D, new tt()), T(this, h, null), T(this, y, null), T(this, x, []), T(this, q, null), T(this, $, !1), T(this, st, 0), T(this, I, 1), T(this, ot, () => {
+      v(this, m, H).call(this);
+    }), T(this, vt, () => {
       var n;
-      if (s(this, P).state !== "pending" || this.playState !== "finished")
+      if (s(this, D).state !== "pending" || this.playState !== "finished")
         return;
-      s(this, P).resolve(this);
+      s(this, D).resolve(this);
       const r = this.currentTime, a = (n = this.timeline) == null ? void 0 : n.currentTime, o = new AnimationPlaybackEvent(
         "finish",
         {
@@ -776,7 +724,7 @@ const pe = class extends EventTarget {
         var l;
         this.dispatchEvent(o), (l = this.onfinish) == null || l.call(this, o);
       });
-    }), v(this, It, () => {
+    }), T(this, xt, () => {
       var n, r;
       const a = this.currentTime, o = (n = this.timeline) == null ? void 0 : n.currentTime, l = new AnimationPlaybackEvent(
         "cancel",
@@ -790,15 +738,15 @@ const pe = class extends EventTarget {
         }
       );
       this.dispatchEvent(l), (r = this.oncancel) == null || r.call(this, l);
-    }), v(this, Wt, () => {
+    }), T(this, Ct, () => {
       var n;
       const r = new Event("remove");
       this.dispatchEvent(r), (n = this.onremove) == null || n.call(this, r);
-    }), s(this, R).resolve(this), c(this, x, t ?? null), c(this, p, e ?? document.timeline), s(this, x) && N.set(s(this, x), this), g(this, Tt, At).call(this), e instanceof b && e.addEventListener("update", s(this, ut));
+    }), s(this, k).resolve(this), c(this, C, t ?? null), c(this, p, e ?? document.timeline), s(this, C) && N.set(s(this, C), this), v(this, m, kt).call(this), e instanceof b && e.addEventListener("update", s(this, ot));
   }
   reverse() {
     var t;
-    const { endTime: e = 0 } = ((t = s(this, x)) == null ? void 0 : t.getComputedTiming()) ?? {}, n = s(this, w).playbackRate ?? s(this, I), r = h(this.currentTime), a = e === 1 / 0, o = n !== 0 && (n < 0 || r && r > 0 || !a);
+    const { endTime: e = 0 } = ((t = s(this, C)) == null ? void 0 : t.getComputedTiming()) ?? {}, n = s(this, w).playbackRate ?? s(this, I), r = u(this.currentTime), a = e === 1 / 0, o = n !== 0 && (n < 0 || r && r > 0 || !a);
     if (!s(this, p) || !o) {
       o && (s(this, w).playbackRate = -n);
       return;
@@ -812,56 +760,56 @@ const pe = class extends EventTarget {
   }
   play() {
     const t = this.playState === "paused" && this.pending, e = this.currentTime;
-    (s(this, w).playbackRate ?? this.playbackRate) === 0 && e === null && c(this, y, 0), e === null && c(this, V, !0), (this.playState === "finished" || t) && (c(this, u, null), c(this, y, null), c(this, V, !0)), s(this, y) && c(this, u, null), s(this, w).task && (s(this, w).task = null), !(s(this, u) !== null && s(this, y) === null && !t && s(this, w).playbackRate === null) && (g(this, q, X).call(this), g(this, nt, ht).call(this), s(this, w).task = "play", g(this, W, j).call(this, !1));
+    (s(this, w).playbackRate ?? this.playbackRate) === 0 && e === null && c(this, y, 0), e === null && c(this, $, !0), (this.playState === "finished" || t) && (c(this, h, null), c(this, y, null), c(this, $, !0)), s(this, y) && c(this, h, null), s(this, w).task && (s(this, w).task = null), !(s(this, h) !== null && s(this, y) === null && !t && s(this, w).playbackRate === null) && (v(this, m, H).call(this), v(this, m, at).call(this), s(this, w).task = "play", v(this, m, j).call(this, !1));
   }
   pause() {
-    this.playState !== "paused" && (this.currentTime === null && c(this, V, !0), s(this, w).task && (s(this, w).task = null), g(this, nt, ht).call(this), s(this, w).task = "pause");
+    this.playState !== "paused" && (this.currentTime === null && c(this, $, !0), s(this, w).task && (s(this, w).task = null), v(this, m, at).call(this), s(this, w).task = "pause");
   }
   persist() {
-    s(this, k).forEach((t) => t.persist()), c(this, dt, "persisted");
+    s(this, x).forEach((t) => t.persist()), c(this, lt, "persisted");
   }
   finish() {
     var t;
     const { endTime: e = 0 } = ((t = this.effect) == null ? void 0 : t.getComputedTiming()) ?? {}, n = s(this, w).playbackRate ?? s(this, I);
     if (n === 0 || n > 0 && e === 1 / 0)
       throw new DOMException("InvalidStateError");
-    g(this, D, $).call(this);
+    v(this, m, W).call(this);
     let r;
-    if (n > 0 ? r = e : r = 0, g(this, bt, Pt).call(this, r), this.startTime === null && s(this, p) !== null && s(this, p).currentTime !== null && r !== null) {
+    if (n > 0 ? r = e : r = 0, v(this, m, St).call(this, r), this.startTime === null && s(this, p) !== null && s(this, p).currentTime !== null && r !== null) {
       const a = s(this, p) instanceof b ? "percent" : "ms";
-      r = h(r, a);
-      const o = h(s(this, p).currentTime, a);
-      c(this, u, o - r / n);
+      r = u(r, a);
+      const o = u(s(this, p).currentTime, a);
+      c(this, h, o - r / n);
     }
-    s(this, w).task === "pause" && s(this, u) !== null && (c(this, y, null), g(this, H, it).call(this), s(this, R).resolve(this)), s(this, w).task === "play" && s(this, u) !== null && (g(this, H, it).call(this), s(this, R).resolve(this)), g(this, W, j).call(this, !0), s(this, k).forEach((a) => a.finish());
+    s(this, w).task === "pause" && s(this, h) !== null && (c(this, y, null), v(this, m, J).call(this), s(this, k).resolve(this)), s(this, w).task === "play" && s(this, h) !== null && (v(this, m, J).call(this), s(this, k).resolve(this)), v(this, m, j).call(this, !0), s(this, x).forEach((a) => a.finish());
   }
   commitStyles() {
-    s(this, k).forEach((t) => {
-      t.effect instanceof wt && (t.effect.target === null || t.effect.pseudoElement !== null) || t.commitStyles();
+    s(this, x).forEach((t) => {
+      t.effect instanceof mt && (t.effect.target === null || t.effect.pseudoElement !== null) || t.commitStyles();
     });
   }
   cancel() {
-    this.playState !== "idle" && (g(this, D, $).call(this), s(this, R).reject(new DOMException("The user aborted a request", "AbortError")), g(this, H, it).call(this), c(this, R, new st()), s(this, P).state === "pending" && s(this, P).reject(new DOMException("The user aborted a request", "AbortError")), c(this, P, new st()), s(this, k).forEach((t) => t.cancel())), c(this, u, null), c(this, y, null);
+    this.playState !== "idle" && (v(this, m, W).call(this), s(this, k).reject(new DOMException("The user aborted a request", "AbortError")), v(this, m, J).call(this), c(this, k, new tt()), s(this, D).state === "pending" && s(this, D).reject(new DOMException("The user aborted a request", "AbortError")), c(this, D, new tt()), s(this, x).forEach((t) => t.cancel())), c(this, h, null), c(this, y, null);
   }
   updatePlaybackRate(t) {
     var e;
     s(this, w).playbackRate = t;
     const n = this.playState;
-    if (s(this, R).state !== "pending")
+    if (s(this, k).state !== "pending")
       switch (n) {
         case "idle":
         case "paused":
-          g(this, D, $).call(this);
+          v(this, m, W).call(this);
           break;
         case "finished": {
           const r = s(this, p) instanceof b ? "percent" : "ms", a = ((e = s(this, p)) == null ? void 0 : e.currentTime) ?? null;
           if (t === 0)
-            c(this, u, h(a, r));
+            c(this, h, u(a, r));
           else if (a !== null) {
             let o = null;
-            o = (h(a, r) - (s(this, u) ?? 0)) * this.playbackRate, s(this, u) !== null && o !== null && c(this, u, (h(a, r) - o) / t);
+            o = (u(a, r) - (s(this, h) ?? 0)) * this.playbackRate, s(this, h) !== null && o !== null && c(this, h, (u(a, r) - o) / t);
           }
-          g(this, D, $).call(this), g(this, W, j).call(this, !1), g(this, q, X).call(this);
+          v(this, m, W).call(this), v(this, m, j).call(this, !1), v(this, m, H).call(this);
           break;
         }
         default:
@@ -875,76 +823,76 @@ const pe = class extends EventTarget {
     super.removeEventListener(t, e, n);
   }
   set playbackRate(t) {
-    c(this, I, t), s(this, k).forEach((e) => {
+    c(this, I, t), s(this, x).forEach((e) => {
       e.playbackRate *= t;
     });
   }
   set startTime(t) {
-    c(this, u, h(t)), s(this, k).forEach((e) => e.startTime = t);
+    c(this, h, u(t)), s(this, x).forEach((e) => e.startTime = t);
   }
   set currentTime(t) {
     var e;
-    const n = s(this, p) instanceof b ? "percent" : "ms", r = h(((e = s(this, p)) == null ? void 0 : e.currentTime) ?? null, n);
-    if (Y(t) && !Y(r))
+    const n = s(this, p) instanceof b ? "percent" : "ms", r = u(((e = s(this, p)) == null ? void 0 : e.currentTime) ?? null, n);
+    if (G(t) && !G(r))
       throw new TypeError("currentTime may not be changed from resolved to unresolved.");
-    c(this, V, !1), s(this, y) !== null || s(this, u) === null || r === null || this.playbackRate === 0 ? c(this, y, h(t, n)) : c(this, u, r - h(t, n) / this.playbackRate), (s(this, p) === null || r === null) && c(this, u, null), c(this, G, null), g(this, bt, Pt).call(this, t), s(this, w).task === "pause" && (c(this, y, h(t, n)), g(this, D, $).call(this), c(this, u, null), g(this, H, it).call(this), s(this, R).resolve(this)), g(this, W, j).call(this, !0);
+    c(this, $, !1), s(this, y) !== null || s(this, h) === null || r === null || this.playbackRate === 0 ? c(this, y, u(t, n)) : c(this, h, r - u(t, n) / this.playbackRate), (s(this, p) === null || r === null) && c(this, h, null), c(this, q, null), v(this, m, St).call(this, t), s(this, w).task === "pause" && (c(this, y, u(t, n)), v(this, m, W).call(this), c(this, h, null), v(this, m, J).call(this), s(this, k).resolve(this)), v(this, m, j).call(this, !0);
   }
   set timeline(t) {
     var e, n;
     const r = this.timeline;
     if (r === t)
       return;
-    s(this, p) instanceof b && s(this, p).removeEventListener("update", s(this, ut));
-    const a = this.playState, o = r instanceof b ? "percent" : "ms", l = h(this.currentTime, o), { progress: f = null, endTime: d = 0 } = ((e = s(this, x)) == null ? void 0 : e.getComputedTiming()) ?? {}, m = h(d, o), S = r instanceof b, E = t instanceof b, Z = t instanceof DocumentTimeline, C = this.pending;
+    s(this, p) instanceof b && s(this, p).removeEventListener("update", s(this, ot));
+    const a = this.playState, o = r instanceof b ? "percent" : "ms", l = u(this.currentTime, o), { progress: f = null, endTime: d = 0 } = ((e = s(this, C)) == null ? void 0 : e.getComputedTiming()) ?? {}, g = u(d, o), R = r instanceof b, E = t instanceof b, V = t instanceof DocumentTimeline, L = this.pending;
     if (E)
-      c(this, p, t), t.addEventListener("update", s(this, ut)), g(this, D, $).call(this), c(this, V, !0), c(this, u, null), c(this, y, null), (a === "running" || a === "finished") && ((!s(this, R) || s(this, R).state === "resolved") && g(this, nt, ht).call(this), s(this, w).task = "play", s(this, k).forEach((L) => L.pause())), a === "paused" && f !== null && c(this, y, f * m), C && ((!s(this, R) || s(this, R).state === "resolved") && g(this, nt, ht).call(this), a === "paused" ? s(this, w).task = "pause" : s(this, w).task = "play"), s(this, u) !== null && c(this, y, null), g(this, W, j).call(this, !1);
-    else if (Z) {
-      if (c(this, p, t), S) {
+      c(this, p, t), t.addEventListener("update", s(this, ot)), v(this, m, W).call(this), c(this, $, !0), c(this, h, null), c(this, y, null), (a === "running" || a === "finished") && ((!s(this, k) || s(this, k).state === "resolved") && v(this, m, at).call(this), s(this, w).task = "play", s(this, x).forEach((M) => M.pause())), a === "paused" && f !== null && c(this, y, f * g), L && ((!s(this, k) || s(this, k).state === "resolved") && v(this, m, at).call(this), a === "paused" ? s(this, w).task = "pause" : s(this, w).task = "play"), s(this, h) !== null && c(this, y, null), v(this, m, j).call(this, !1);
+    else if (V) {
+      if (c(this, p, t), R) {
         if (l !== null && f !== null) {
-          const { endTime: L = 0 } = ((n = s(this, x)) == null ? void 0 : n.getComputedTiming()) ?? {}, M = h(L, "ms");
-          this.currentTime = f * M;
+          const { endTime: M = 0 } = ((n = s(this, C)) == null ? void 0 : n.getComputedTiming()) ?? {}, P = u(M, "ms");
+          this.currentTime = f * P;
         }
         switch (a) {
           case "paused":
-            s(this, k).forEach((L) => L.pause());
+            s(this, x).forEach((M) => M.pause());
             break;
           case "running":
           case "finished":
-            s(this, k).forEach((L) => L.play());
+            s(this, x).forEach((M) => M.play());
         }
       }
     } else
       throw TypeError("Unsupported timeline: " + t);
   }
   set effect(t) {
-    if (t !== s(this, x)) {
-      if (this.pending && g(this, H, it).call(this), s(this, x) && N.delete(s(this, x)), t) {
+    if (t !== s(this, C)) {
+      if (this.pending && v(this, m, J).call(this), s(this, C) && N.delete(s(this, C)), t) {
         const e = N.get(t);
         e && (e.effect = null), N.set(t, this);
       }
-      c(this, x, t), g(this, Tt, At).call(this), g(this, W, j).call(this, !1);
+      c(this, C, t), v(this, m, kt).call(this), v(this, m, j).call(this, !1);
     }
   }
   get ready() {
-    return s(this, R).promise;
+    return s(this, k).promise;
   }
   get finished() {
-    return s(this, P).promise;
+    return s(this, D).promise;
   }
   get playState() {
     var t;
     let { endTime: e = 0 } = ((t = this.effect) == null ? void 0 : t.getComputedTiming()) ?? {};
-    const n = s(this, p) instanceof b ? "percent" : "ms", r = h(this.startTime, n), a = h(this.currentTime, n);
-    return e = h(e, n), a === null && r === null && s(this, w).task === null ? "idle" : s(this, w).task === "pause" || r === null && s(this, w).task !== "play" ? "paused" : a !== null && (s(this, I) > 0 && a >= e || s(this, I) < 0 && a <= 0) ? "finished" : "running";
+    const n = s(this, p) instanceof b ? "percent" : "ms", r = u(this.startTime, n), a = u(this.currentTime, n);
+    return e = u(e, n), a === null && r === null && s(this, w).task === null ? "idle" : s(this, w).task === "pause" || r === null && s(this, w).task !== "play" ? "paused" : a !== null && (s(this, I) > 0 && a >= e || s(this, I) < 0 && a <= 0) ? "finished" : "running";
   }
   get playbackRate() {
     return s(this, I);
   }
   get replaceState() {
-    return s(this, dt);
+    return s(this, lt);
   }
   get pending() {
-    return s(this, R).state === "pending";
+    return s(this, k).state === "pending";
   }
   get currentTime() {
     var t;
@@ -955,130 +903,130 @@ const pe = class extends EventTarget {
       const a = s(this, p) instanceof b ? "percent" : "ms";
       return new CSSUnitValue(s(this, y), a);
     }
-    if (e === null || s(this, u) === null)
+    if (e === null || s(this, h) === null)
       return null;
     const n = s(this, p) instanceof b ? "percent" : "ms";
-    let r = (h(e, n) - s(this, u)) * this.playbackRate;
+    let r = (u(e, n) - s(this, h)) * this.playbackRate;
     return r === -0 && (r = 0), typeof e == "number" ? r : new CSSUnitValue(r, n);
   }
   get startTime() {
     var t;
-    if (s(this, u) === null)
+    if (s(this, h) === null)
       return null;
     if (typeof (((t = this.timeline) == null ? void 0 : t.currentTime) ?? null) == "number")
-      return s(this, u);
+      return s(this, h);
     const e = s(this, p) instanceof b ? "percent" : "ms";
-    return new CSSUnitValue(s(this, u), e);
+    return new CSSUnitValue(s(this, h), e);
   }
   get timeline() {
     return s(this, p);
   }
   get effect() {
-    return s(this, x);
+    return s(this, C);
   }
 };
-p = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), dt = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), ct = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), bt = /* @__PURE__ */ new WeakSet(), Pt = function(i) {
+p = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), lt = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap(), st = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakSet(), St = function(i) {
   var t;
-  const e = h(((t = s(this, p)) == null ? void 0 : t.currentTime) ?? null);
+  const e = u(((t = s(this, p)) == null ? void 0 : t.currentTime) ?? null);
   if (i === null && e !== null)
     throw new TypeError();
-  i === null || e === null || (i = h(i), c(this, V, !1), s(this, y) !== null || s(this, u) === null || s(this, p) instanceof b && s(this, p).phase === "inactive" || s(this, I) === 0 ? c(this, y, i) : c(this, u, e - i / s(this, I)), s(this, p) instanceof b && s(this, p).phase === "inactive" && c(this, u, null), c(this, G, null));
-}, nt = /* @__PURE__ */ new WeakSet(), ht = function() {
-  s(this, R).state !== "pending" && c(this, R, new st()), cancelAnimationFrame(s(this, ct)), c(this, ct, requestAnimationFrame(() => {
+  i === null || e === null || (i = u(i), c(this, $, !1), s(this, y) !== null || s(this, h) === null || s(this, p) instanceof b && s(this, p).phase === "inactive" || s(this, I) === 0 ? c(this, y, i) : c(this, h, e - i / s(this, I)), s(this, p) instanceof b && s(this, p).phase === "inactive" && c(this, h, null), c(this, q, null));
+}, at = function() {
+  s(this, k).state !== "pending" && c(this, k, new tt()), cancelAnimationFrame(s(this, st)), c(this, st, requestAnimationFrame(() => {
     var i;
-    (((i = s(this, p)) == null ? void 0 : i.currentTime) ?? null) !== null && (g(this, Ut, Qt).call(this), s(this, w).task === "play" && (s(this, u) !== null || s(this, y) !== null) ? g(this, Dt, _t).call(this) : s(this, w).task === "pause" && g(this, Nt, Jt).call(this), Promise.all(s(this, k).map((t) => t.finished)).then(s(this, St)), Promise.all(s(this, k).map((t) => new Promise((e) => t.onremove = e))).then(s(this, Wt)), Promise.all(s(this, k).map((t) => new Promise((e) => t.oncancel = e))).then(s(this, It)).then(() => c(this, dt, "removed")));
+    (((i = s(this, p)) == null ? void 0 : i.currentTime) ?? null) !== null && (v(this, m, qt).call(this), s(this, w).task === "play" && (s(this, h) !== null || s(this, y) !== null) ? v(this, m, Kt).call(this) : s(this, w).task === "pause" && v(this, m, Bt).call(this), Promise.all(s(this, x).map((t) => t.finished)).then(s(this, vt)), Promise.all(s(this, x).map((t) => new Promise((e) => t.onremove = e))).then(s(this, Ct)), Promise.all(s(this, x).map((t) => new Promise((e) => t.oncancel = e))).then(s(this, xt)).then(() => c(this, lt, "removed")));
   }));
-}, H = /* @__PURE__ */ new WeakSet(), it = function() {
-  cancelAnimationFrame(s(this, ct)), s(this, w).task = null;
-}, Dt = /* @__PURE__ */ new WeakSet(), _t = function() {
+}, J = function() {
+  cancelAnimationFrame(s(this, st)), s(this, w).task = null;
+}, Kt = function() {
   var i;
   const t = ((i = this.timeline) == null ? void 0 : i.currentTime) ?? null;
   if (t === null)
     return;
   const e = s(this, p) instanceof b ? "percent" : "ms";
   if (s(this, y) !== null)
-    g(this, D, $).call(this), this.playbackRate === 0 ? c(this, u, h(t, e)) : (c(this, u, h(t, e) - s(this, y) / this.playbackRate), c(this, y, null));
-  else if (s(this, u) !== null && s(this, w).playbackRate !== null) {
-    const n = (h(t, e) - s(this, u)) * this.playbackRate;
-    g(this, D, $).call(this);
+    v(this, m, W).call(this), this.playbackRate === 0 ? c(this, h, u(t, e)) : (c(this, h, u(t, e) - s(this, y) / this.playbackRate), c(this, y, null));
+  else if (s(this, h) !== null && s(this, w).playbackRate !== null) {
+    const n = (u(t, e) - s(this, h)) * this.playbackRate;
+    v(this, m, W).call(this);
     const r = this.playbackRate;
-    r === 0 ? (c(this, y, null), c(this, u, h(t, e))) : c(this, u, h(t, e) - n / r);
+    r === 0 ? (c(this, y, null), c(this, h, u(t, e))) : c(this, h, u(t, e) - n / r);
   }
-  s(this, R).state === "pending" && s(this, R).resolve(this), g(this, W, j).call(this, !1), g(this, q, X).call(this), s(this, w).task = null, this.timeline instanceof DocumentTimeline && s(this, k).forEach((n) => n.play());
-}, Nt = /* @__PURE__ */ new WeakSet(), Jt = function() {
+  s(this, k).state === "pending" && s(this, k).resolve(this), v(this, m, j).call(this, !1), v(this, m, H).call(this), s(this, w).task = null, this.timeline instanceof DocumentTimeline && s(this, x).forEach((n) => n.play());
+}, Bt = function() {
   var i;
   const t = ((i = this.timeline) == null ? void 0 : i.currentTime) ?? null;
   if (t === null)
     return;
   const e = s(this, p) instanceof b ? "percent" : "ms", n = t;
-  s(this, u) !== null && s(this, y) === null && c(this, y, (h(n, e) - s(this, u)) * this.playbackRate), g(this, D, $).call(this), c(this, u, null), s(this, R).resolve(this), g(this, W, j).call(this, !1), g(this, q, X).call(this), s(this, w).task = null, s(this, k).forEach((r) => r.pause());
-}, Ut = /* @__PURE__ */ new WeakSet(), Qt = function() {
-  if (s(this, V) && !(!s(this, p) || !s(this, p).currentTime) && !(this.playState === "idle" || this.playState === "paused" && s(this, y) !== null)) {
+  s(this, h) !== null && s(this, y) === null && c(this, y, (u(n, e) - s(this, h)) * this.playbackRate), v(this, m, W).call(this), c(this, h, null), s(this, k).resolve(this), v(this, m, j).call(this, !1), v(this, m, H).call(this), s(this, w).task = null, s(this, x).forEach((r) => r.pause());
+}, qt = function() {
+  if (s(this, $) && !(!s(this, p) || !s(this, p).currentTime) && !(this.playState === "idle" || this.playState === "paused" && s(this, y) !== null)) {
     if (s(this, p) instanceof b) {
       const i = s(this, w).playbackRate ?? this.playbackRate;
-      c(this, u, i >= 0 ? 0 : 100);
+      c(this, h, i >= 0 ? 0 : 100);
     } else
-      c(this, u, h(s(this, p).currentTime, "ms"));
+      c(this, h, u(s(this, p).currentTime, "ms"));
     c(this, y, null);
   }
-}, q = /* @__PURE__ */ new WeakSet(), X = function() {
+}, H = function() {
   var i;
   const t = ((i = s(this, p)) == null ? void 0 : i.currentTime) ?? null;
   if (t === null)
     return;
-  const e = s(this, x), n = s(this, p) instanceof b ? Pe(t, e?.getTiming()) : kt(t);
+  const e = s(this, C), n = s(this, p) instanceof b ? Re(t, e?.getTiming()) : Et(t);
   let r = null;
-  if (s(this, u) !== null) {
-    const a = h(t, "percent") === (this.playbackRate < 0 ? 0 : 100) ? this.playbackRate < 0 ? 1e-3 : -1e-3 : 0;
-    r = (n - s(this, u)) * this.playbackRate, r += a;
+  if (s(this, h) !== null) {
+    const a = u(t, "percent") === (this.playbackRate < 0 ? 0 : 100) ? this.playbackRate < 0 ? 1e-3 : -1e-3 : 0;
+    r = (n - s(this, h)) * this.playbackRate, r += a;
   } else if (s(this, y) !== null)
     r = s(this, y);
   else
     return;
-  s(this, k).forEach((a) => a.currentTime = r);
-}, ut = /* @__PURE__ */ new WeakMap(), Tt = /* @__PURE__ */ new WeakSet(), At = function() {
+  s(this, x).forEach((a) => a.currentTime = r);
+}, ot = /* @__PURE__ */ new WeakMap(), kt = function() {
   var i;
-  const t = s(this, x), e = [];
-  if (t instanceof Ht)
+  const t = s(this, C), e = [];
+  if (t instanceof Ot)
     for (let n = 0; n < t.children.length; n++) {
-      const r = new pe(t.children.item(n));
-      if (t instanceof Oe && n > 0) {
+      const r = new oe(t.children.item(n));
+      if (t instanceof De && n > 0) {
         const { endTime: a = null } = ((i = e[n - 1].effect) == null ? void 0 : i.getComputedTiming()) ?? {};
-        r.startTime = h(a, "ms");
+        r.startTime = u(a, "ms");
       }
       e.push(r);
     }
   else {
     const n = s(this, p) instanceof b ? document.timeline : s(this, p);
-    e.push(new Me(t, n));
+    e.push(new Te(t, n));
   }
-  c(this, k, e);
-}, W = /* @__PURE__ */ new WeakSet(), j = function(i) {
+  c(this, x, e);
+}, j = function(i) {
   var t, e;
-  const n = ((t = s(this, p)) == null ? void 0 : t.currentTime) ?? null, r = s(this, p) instanceof b ? "percent" : "ms", a = h(this.currentTime, r);
-  if (a && s(this, u) !== null && !this.pending) {
-    let { delay: o = 0, endDelay: l = 0, iterations: f = 1, duration: d = "auto" } = ((e = s(this, x)) == null ? void 0 : e.getTiming()) ?? {};
-    const m = s(this, w).playbackRate ?? this.playbackRate;
+  const n = ((t = s(this, p)) == null ? void 0 : t.currentTime) ?? null, r = s(this, p) instanceof b ? "percent" : "ms", a = u(this.currentTime, r);
+  if (a && s(this, h) !== null && !this.pending) {
+    let { delay: o = 0, endDelay: l = 0, iterations: f = 1, duration: d = "auto" } = ((e = s(this, C)) == null ? void 0 : e.getTiming()) ?? {};
+    const g = s(this, w).playbackRate ?? this.playbackRate;
     if (d === "auto")
-      d = s(this, p) instanceof b ? qt : 0;
+      d = s(this, p) instanceof b ? It : 0;
     else if (d instanceof CSSNumericValue)
       d = d.to("ms").value;
     else if (typeof d == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    const S = o + d * f + l;
-    let E = h(s(this, G), r);
-    m > 0 && a >= S && s(this, G) !== null ? ((E === null || E < S) && (E = S), c(this, y, i ? a : E)) : m < 0 && a <= 0 ? ((E === null || E > 0) && (E = 0), c(this, y, i ? a : E)) : m !== 0 && (i && s(this, y) !== null && (n !== null ? c(this, u, h(n, r) - s(this, y) / m) : c(this, u, null)), c(this, y, null));
+    const R = o + d * f + l;
+    let E = u(s(this, q), r);
+    g > 0 && a >= R && s(this, q) !== null ? ((E === null || E < R) && (E = R), c(this, y, i ? a : E)) : g < 0 && a <= 0 ? ((E === null || E > 0) && (E = 0), c(this, y, i ? a : E)) : g !== 0 && (i && s(this, y) !== null && (n !== null ? c(this, h, u(n, r) - s(this, y) / g) : c(this, h, null)), c(this, y, null));
   }
-  g(this, q, X).call(this), c(this, G, this.currentTime), this.playState === "finished" ? s(this, P).state === "pending" && s(this, St).call(this) : s(this, P).state === "resolved" && c(this, P, new st());
-}, D = /* @__PURE__ */ new WeakSet(), $ = function() {
+  v(this, m, H).call(this), c(this, q, this.currentTime), this.playState === "finished" ? s(this, D).state === "pending" && s(this, vt).call(this) : s(this, D).state === "resolved" && c(this, D, new tt());
+}, W = function() {
   s(this, w).playbackRate && (this.playbackRate = s(this, w).playbackRate), s(this, w).playbackRate = null;
-}, St = /* @__PURE__ */ new WeakMap(), It = /* @__PURE__ */ new WeakMap(), Wt = /* @__PURE__ */ new WeakMap();
-let Ve = pe;
-var rt, $t, me;
-class Ot extends Ht {
-  constructor(t, e = pt) {
-    super(t), v(this, $t), v(this, rt, void 0), c(this, rt, {
-      ...pt,
+}, vt = /* @__PURE__ */ new WeakMap(), xt = /* @__PURE__ */ new WeakMap(), Ct = /* @__PURE__ */ new WeakMap();
+let Ne = oe;
+var Q, Lt, le;
+class Mt extends Ot {
+  constructor(t, e = ct) {
+    super(t), T(this, Lt), T(this, Q), c(this, Q, {
+      ...ct,
       ...e
     }), t.forEach((n) => n.updateTiming());
   }
@@ -1089,32 +1037,31 @@ class Ot extends Ht {
     super.append(...t), t.forEach((e) => e.updateTiming());
   }
   getTiming() {
-    return s(this, rt);
+    return s(this, Q);
   }
   getComputedTiming() {
     const t = this.getTiming(), e = { ...t };
-    for (let m = 0; m < this.children.length; m++) {
-      const S = this.children.item(m);
-      if (!S)
-        continue;
+    for (let g = 0; g < this.children.length; g++) {
+      const R = this.children.item(g);
+      if (!R) continue;
       let {
         delay: E = 0,
-        endDelay: Z = 0,
-        duration: C = "auto",
-        activeDuration: L = 0,
-        endTime: M = 0
-      } = S.getComputedTiming();
-      t.delay = t.delay ? Math.min(t.delay, E) : E, t.endDelay = t.endDelay ? Math.max(t.endDelay, Z) : Z, e.endTime = e.endTime ? Math.max(h(e.endTime, "ms"), h(M, "ms")) : M, e.activeDuration = e.activeDuration ? Math.max(h(e.activeDuration, "ms"), h(L, "ms")) : L, 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));
+        endDelay: V = 0,
+        duration: L = "auto",
+        activeDuration: M = 0,
+        endTime: P = 0
+      } = R.getComputedTiming();
+      t.delay = t.delay ? Math.min(t.delay, E) : E, t.endDelay = t.endDelay ? Math.max(t.endDelay, V) : V, e.endTime = e.endTime ? Math.max(u(e.endTime, "ms"), u(P, "ms")) : P, e.activeDuration = e.activeDuration ? Math.max(u(e.activeDuration, "ms"), u(M, "ms")) : M, t.duration = t.duration instanceof CSSNumericValue ? t.duration.to("ms").value : t.duration, L = L instanceof CSSNumericValue ? L.to("ms").value : L, typeof L != "string" && (t.duration === "auto" ? t.duration = u(L, "ms") : typeof t.duration != "string" && (t.duration = t.duration ? Math.max(t.duration, L) : L));
     }
     const { timeline: n, startTime: r, currentTime: a } = N.get(this) ?? {}, o = n instanceof b ? "percent" : "ms";
     let { duration: l = 0, iterations: f = 1, endTime: d = 0 } = e;
     if (l === "auto" && (l = 0), typeof l == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    return e.duration = l, e.activeDuration = kt(l) * f, e.startTime = r ?? void 0, e.localTime = a, e.currentIteration = de(e, ue(e, s(this, $t, me))), n instanceof b ? zt(e) : (n instanceof DocumentTimeline && (e.progress = a && h(a, o) / h(d, o)), e);
+    return e.duration = l, e.activeDuration = Et(l) * f, e.startTime = r ?? void 0, e.localTime = a, e.currentIteration = se(e, re(e, s(this, Lt, le))), n instanceof b ? Wt(e) : (n instanceof DocumentTimeline && (e.progress = a && u(a, o) / u(d, o)), e);
   }
   updateTiming(t) {
-    c(this, rt, {
-      ...s(this, rt),
+    c(this, Q, {
+      ...s(this, Q),
       ...t
     });
     for (let e = 0; e < this.children.length; e++) {
@@ -1123,26 +1070,24 @@ class Ot extends Ht {
     }
   }
 }
-rt = /* @__PURE__ */ new WeakMap(), $t = /* @__PURE__ */ new WeakSet(), me = function() {
+Q = /* @__PURE__ */ new WeakMap(), Lt = /* @__PURE__ */ new WeakSet(), le = function() {
   const { playbackRate: i = 1 } = N.get(this) ?? {};
   return i < 0 ? "backwards" : "forwards";
 };
-function Vt(i, t) {
+function Pt(i, t) {
   i.endsWith("*") || (i += "**");
   const e = window.location.origin, n = new URLPattern(i, e).exec(t, e);
-  if (!n)
-    return null;
-  const a = Object.keys(n.pathname.groups).filter((o) => !isNaN(Number(o))).map((o) => n.pathname.groups[o]).filter((o) => o !== void 0).at(oe) ?? "";
+  if (!n) return null;
+  const a = Object.keys(n.pathname.groups).filter((o) => !isNaN(Number(o))).map((o) => n.pathname.groups[o]).filter((o) => o !== void 0).at(Qt) ?? "";
   return new URL(
     t.replace(a, ""),
     window.location.origin
   );
 }
-function te(i, t, e = `${window.location.origin}/`, n = !0) {
+function Ht(i, t, e = `${window.location.origin}/`, n = !0) {
   n || (i = i.toLowerCase(), t = t.toLowerCase());
-  const r = Vt(e, t)?.href;
-  if (!r)
-    return null;
+  const r = Pt(e, t)?.href;
+  if (!r) return null;
   const a = new URLPattern({
     baseURL: r,
     pathname: i
@@ -1152,28 +1097,28 @@ function te(i, t, e = `${window.location.origin}/`, n = !0) {
     caseSensitive: n
   } : null;
 }
-function je(i, t = window) {
+function Ue(i, t = window) {
   return new Promise((e) => {
     queueMicrotask(() => e(
       t.dispatchEvent(i)
     ));
   });
 }
-function on(i) {
-  const t = we(i);
+function Qe(i) {
+  const t = de(i);
   return t.load = async () => (t.module ??= await i(), t.module), t;
 }
-function ln() {
+function tn() {
   return !!window.navigation;
 }
-function cn() {
+function en() {
   return !!globalThis.URLPattern;
 }
-async function hn() {
+async function nn() {
   const { URLPattern: i } = await import("urlpattern-polyfill");
   globalThis.URLPattern = i;
 }
-async function un() {
+async function rn() {
   const { applyPolyfill: i } = await import("@virtualstate/navigation");
   i({
     history: !0,
@@ -1183,25 +1128,24 @@ async function un() {
     persistState: !0
   });
 }
-async function Fe(i) {
+async function Ae(i) {
   const t = [];
   for (const e of i)
     t.push(await e);
   return t;
 }
-function Ke(i) {
+function Ie(i) {
   return i.replace(/-([a-z])/g, (t) => t[1].toUpperCase());
 }
-function dn(i, t) {
-  return ie(i, t);
+function sn(i, t) {
+  return Yt(i, t);
 }
-function Be(i, t) {
+function We(i, t) {
   const e = { ...i };
-  for (const n of t)
-    delete e[n];
+  for (const n of t) delete e[n];
   return e;
 }
-function qe(i) {
+function Oe(i, t) {
   return Object.create(
     EventTarget.prototype,
     {
@@ -1224,7 +1168,7 @@ function qe(i) {
         configurable: !1
       },
       index: {
-        value: i.index,
+        value: t ?? i.index,
         enumerable: !0,
         writable: !1,
         configurable: !1
@@ -1250,8 +1194,8 @@ function qe(i) {
     }
   );
 }
-class ze extends at {
-  ref = z();
+class $e extends dt {
+  ref = nt();
   #t = null;
   #e = null;
   state = {
@@ -1273,13 +1217,12 @@ class ze extends at {
     const n = {}, r = window.getComputedStyle(t);
     for (const a of e) {
       let o;
-      a === "offset" ? o = "cssOffset" : a === "float" ? o = "cssFloat" : o = Ke(a), n[o] = r.getPropertyValue(a);
+      a === "offset" ? o = "cssOffset" : a === "float" ? o = "cssFloat" : o = Ie(a), n[o] = r.getPropertyValue(a);
     }
     return n;
   }
   copyStyles(t, e, n) {
-    if (!xe(t))
-      return;
+    if (!we(t)) return;
     const r = window.getComputedStyle(t);
     for (const a of n) {
       const o = r.getPropertyValue(a), l = r.getPropertyPriority(a);
@@ -1384,35 +1327,32 @@ class ze extends at {
         break;
       }
     }
-    return new Ot(n);
+    return new Mt(n);
   }
   get animationEffect() {
     const t = this.outgoingScreen?.current?.sharedElementScene, e = this.incomingScreen?.current?.sharedElementScene;
-    if (!t || !e || t === e)
-      return null;
+    if (!t || !e || t === e) return null;
     t.previousScene = null, e.previousScene = t;
     const n = new Array();
     for (const [r, a] of Array.from(e.nodes.entries())) {
       const o = a.getBoundingClientRect(), l = t.nodes.get(r);
-      if (!l?.canTransition || !a.canTransition)
-        continue;
-      const f = l.getBoundingClientRect(), d = a.clone(), m = l.clone();
-      if (!m || !d)
-        continue;
-      const S = Array.from(/* @__PURE__ */ new Set([...l.styles, ...a.styles]));
-      a.transitionType !== "morph" ? (m.id = `${r}-start`, m.style.position = "absolute", m.style.gridArea = "1 / 1", m.style.margin = "0", this.copyStyles(l.ref.current?.firstElementChild, m, S), this.copyStyles(a.ref.current?.firstElementChild, d, S), m.style.width = `${f.width}px`, m.style.height = `${f.height}px`, d.style.width = `${o.width}px`, d.style.height = `${o.height}px`, this.ref.current?.prepend(m)) : (this.copyStyles(l.ref.current?.firstElementChild, d, S), d.style.width = `${f.width}px`, d.style.height = `${f.height}px`), d.id = `${r}${a.transitionType === "morph" ? "" : "-end"}`, d.style.position = "absolute", d.style.gridArea = "1 / 1", d.style.margin = "0", this.ref.current?.prepend(d), l.hide(), a.hide();
+      if (!l?.canTransition || !a.canTransition) continue;
+      const f = l.getBoundingClientRect(), d = a.clone(), g = l.clone();
+      if (!g || !d) continue;
+      const R = Array.from(/* @__PURE__ */ new Set([...l.styles, ...a.styles]));
+      a.transitionType !== "morph" ? (g.id = `${r}-start`, g.style.position = "absolute", g.style.gridArea = "1 / 1", g.style.margin = "0", this.copyStyles(l.ref.current?.firstElementChild, g, R), this.copyStyles(a.ref.current?.firstElementChild, d, R), g.style.width = `${f.width}px`, g.style.height = `${f.height}px`, d.style.width = `${o.width}px`, d.style.height = `${o.height}px`, this.ref.current?.prepend(g)) : (this.copyStyles(l.ref.current?.firstElementChild, d, R), d.style.width = `${f.width}px`, d.style.height = `${f.height}px`), d.id = `${r}${a.transitionType === "morph" ? "" : "-end"}`, d.style.position = "absolute", d.style.gridArea = "1 / 1", d.style.margin = "0", this.ref.current?.prepend(d), l.hide(), a.hide();
       const E = async () => {
-        this.props.direction === "forwards" ? a.unhide() : l.unhide(), d.remove(), m.remove();
+        this.props.direction === "forwards" ? a.unhide() : l.unhide(), d.remove(), g.remove();
       };
       this.props.navigation.addEventListener("routertransitionend", E, { once: !0 }), this.props.navigation.addEventListener("routertransitioncancel", E, { once: !0 }), n.push(this.getAnimationEffect(
-        { instance: l, clone: m, rect: f },
+        { instance: l, clone: g, rect: f },
         { instance: a, clone: d, rect: o }
       ));
     }
-    return new Ot(n);
+    return new Mt(n);
   }
   render() {
-    return /* @__PURE__ */ T("dialog", { className: "shared-element-layer", ref: this.ref, style: {
+    return /* @__PURE__ */ S("dialog", { className: "shared-element-layer", ref: this.ref, style: {
       maxWidth: "unset",
       maxHeight: "unset",
       width: "100vw",
@@ -1422,15 +1362,15 @@ class ze extends at {
       border: "none",
       backgroundColor: "transparent",
       isolation: "isolate"
-    }, children: /* @__PURE__ */ T("style", { children: `
+    }, children: /* @__PURE__ */ S("style", { children: `
             .shared-element-layer::backdrop {display: none}
             .shared-element-layer[open] {display:grid}
           ` }) });
   }
 }
-class He extends at {
-  sharedElementTransitionLayer = z();
-  animation = new Ve();
+class je extends dt {
+  sharedElementTransitionLayer = nt();
+  animation = new Ne();
   #t = "normal";
   #e = [];
   state = {
@@ -1463,7 +1403,7 @@ class He extends at {
     return this.props.hasUAVisualTransition;
   }
   transition() {
-    const t = new Ot(
+    const t = new Mt(
       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({
@@ -1476,33 +1416,20 @@ class He extends at {
     }), this.animation;
   }
   render() {
-    return /* @__PURE__ */ ee(Kt.Provider, { value: this, children: [
-      /* @__PURE__ */ T(
-        ze,
+    return /* @__PURE__ */ Gt(Ut.Provider, { value: this, children: [
+      /* @__PURE__ */ S(
+        $e,
         {
           ref: this.sharedElementTransitionLayer,
           navigation: this.props.navigation,
           direction: this.animation.playbackRate > 0 ? "forwards" : "backwards"
         }
       ),
-      /* @__PURE__ */ T(
-        "div",
-        {
-          className: this.props.id,
-          style: {
-            width: "100%",
-            height: "100%",
-            display: "grid",
-            contain: "layout",
-            isolation: "isolate"
-          },
-          children: this.props.children
-        }
-      )
+      this.props.children
     ] });
   }
 }
-class Ge {
+class Fe {
   promise;
   state;
   #t;
@@ -1520,29 +1447,28 @@ class Ge {
     }), this.#e?.(t);
   }
 }
-class ge extends Event {
+class wt extends Event {
   #t;
   #e = !1;
   #r = !0;
-  #n = !1;
-  #d = null;
+  #s = !1;
+  #n = null;
   #f = null;
-  #l;
-  #s;
-  #c = new AbortController();
+  #c;
+  #a;
+  #u = new AbortController();
   #h = !1;
   #i = [];
-  #a = null;
-  #u = new Ge();
+  #o = null;
+  #d = new Fe();
   hasUAVisualTransition = !1;
   constructor(t, e) {
     super("navigate", { cancelable: !1, bubbles: !1, composed: !1 }), this.#t = t;
     const {
       destination: n = window.navigation.currentEntry
     } = e ?? {};
-    if (!n)
-      throw new Error("Destination is null");
-    this.#l = {
+    if (!n) throw new Error("Destination is null");
+    this.#c = {
       getState() {
         return n.getState();
       },
@@ -1551,32 +1477,31 @@ class ge extends Event {
       index: n.index,
       id: n.id,
       sameDocument: !0
-    }, this.#s = this.#c.signal, window.navigation.addEventListener(
+    }, this.#a = this.#u.signal, window.navigation.addEventListener(
       "navigate",
-      this.#o,
-      { signal: this.#s }
+      this.#l,
+      { signal: this.#a }
     );
   }
-  #o = (t) => {
-    t !== this ? this.#c.abort() : this.#i.length || window.navigation.removeEventListener("navigate", this.#o);
+  #l = (t) => {
+    t !== this ? this.#u.abort() : this.#i.length || window.navigation.removeEventListener("navigate", this.#l);
   };
   intercept(t) {
-    if (this.#h)
-      throw new DOMException("Failed to execute 'intercept' on 'NavigateEvent': intercept() may only be called while the navigate event is being dispatched.");
+    if (this.#h) throw new DOMException("Failed to execute 'intercept' on 'NavigateEvent': intercept() may only be called while the navigate event is being dispatched.");
     const e = t?.handler?.();
-    e && this.#i.push(e), this.#i.length === J && Fe(this.#i).then(() => {
-      this.#h = !0, window.removeEventListener("navigate", this.#o), this.#u.resolve();
+    e && this.#i.push(e), this.#i.length === X && Ae(this.#i).then(() => {
+      this.#h = !0, window.removeEventListener("navigate", this.#l), this.#d.resolve();
     });
   }
   scroll() {
     throw new Error("Method not implemented.");
   }
   get transition() {
-    return this.#a || (this.#a = {
-      finished: this.#u.promise,
+    return this.#o || (this.#o = {
+      finished: this.#d.promise,
       from: window.navigation.currentEntry,
       navigationType: this.#t
-    }), this.#a;
+    }), this.#o;
   }
   get navigationType() {
     return this.#t;
@@ -1588,31 +1513,30 @@ class ge extends Event {
     return this.#r;
   }
   get hashChange() {
-    return this.#n;
+    return this.#s;
   }
   get formData() {
-    return this.#d;
+    return this.#n;
   }
   get downloadRequest() {
     return this.#f;
   }
   get destination() {
-    return this.#l;
+    return this.#c;
   }
   get signal() {
-    return this.#s;
+    return this.#a;
   }
 }
-class Rt extends at {
-  ref = z();
-  screenTransitionLayer = z();
+class yt extends dt {
+  screenTransitionLayer = nt();
   parent = null;
   #t = null;
   loadDispatched = !1;
-  hasUAVisualTransition = !1;
+  #e = null;
   parentScreen = null;
   static rootRouterRef = null;
-  static contextType = le;
+  static contextType = te;
   constructor(t, e) {
     super(t), this.parentScreen = e?.parentScreen ?? null, this.parent = e?.parentRouter ?? null;
   }
@@ -1623,39 +1547,48 @@ class Rt extends at {
     if (this.parent)
       this.parent.child = this;
     else {
-      const t = Rt.rootRouterRef?.deref();
+      const t = yt.rootRouterRef?.deref();
       if (this !== t && t?.mounted)
         throw new Error("It looks like you have two navigators at the same level. Try simplifying your navigation structure by using a nested router instead.");
-      Rt.rootRouterRef = new WeakRef(this), window.navigation.addEventListener(
+      yt.rootRouterRef = new WeakRef(this), window.navigation.addEventListener(
         "navigate",
         this
       );
     }
-    this.#e(), this.loadDispatched || (window.navigation.dispatchEvent(new ge("load")), this.loadDispatched = !0);
+    if (this.#r(), !this.loadDispatched) {
+      const t = this.parent?.activeEvent?.destination;
+      this.#e = new wt("load", { destination: t }), window.navigation.dispatchEvent(this.#e), this.loadDispatched = !0;
+    }
   }
   componentWillUnmount() {
-    this.#r(), this.isRoot && window.navigation.removeEventListener(
+    this.#s(), this.isRoot && window.navigation.removeEventListener(
       "navigate",
       this
     );
   }
+  interceptHandler = () => {
+    let t;
+    return this.#e instanceof wt ? t = this.#e.transition : t = window.navigation.transition, t?.finished.finally(() => this.#e = null), Promise.resolve();
+  };
   onnavigate(t) {
     const n = [...this.#n()].findLast(
       (r) => r.canIntercept(t)
     );
-    n && (n.intercept(t), this.hasUAVisualTransition = t.hasUAVisualTransition);
+    n && (this.#e = t, n.intercept(t), t.defaultPrevented ? this.#e = null : t.intercept({
+      handler: this.interceptHandler
+    }));
   }
-  #e() {
+  #r() {
     this.constructor.events.forEach((e) => {
       this.ref.current?.addEventListener(e, this);
     });
   }
-  #r() {
+  #s() {
     this.constructor.events.forEach((e) => {
       this.ref.current?.removeEventListener(e, this);
     });
   }
-  *#n(t = Rt.rootRouterRef?.deref() ?? null) {
+  *#n(t = yt.rootRouterRef?.deref() ?? null) {
     let e = t;
     for (; e; )
       yield e, e = e.child;
@@ -1665,7 +1598,7 @@ class Rt extends at {
   }
   dispatchEvent(t) {
     const e = this.ref.current ?? void 0;
-    return je(t, e);
+    return Ue(t, e);
   }
   addEventListener(t, e, n) {
     const r = this.ref.current;
@@ -1680,10 +1613,9 @@ class Rt extends at {
     this[e]?.(t);
   }
   screenChildFromPathname(t) {
-    for (const e of Xt.toArray(this.props.children)) {
-      if (!ke(e))
-        continue;
-      const n = te(
+    for (const e of jt.toArray(this.props.children)) {
+      if (!ye(e)) continue;
+      const n = Ht(
         e.props.path,
         t,
         this.baseURLPattern.pathname,
@@ -1703,11 +1635,16 @@ class Rt extends at {
     });
   }
   includesRoute(t, e = window.location.origin) {
-    return this.pathPatterns.some(({ pattern: n, caseSensitive: r }) => te(n, t, e, r));
+    return this.pathPatterns.some(({ pattern: n, caseSensitive: r }) => Ht(n, t, e, r));
+  }
+  get activeEvent() {
+    return this.#e;
+  }
+  get hasUAVisualTransition() {
+    return !!this.#e?.hasUAVisualTransition;
   }
   get id() {
-    if (this.props.id)
-      return this.props.id;
+    if (this.props.id) return this.props.id;
     const t = this.parent?.id, e = this.parentScreen?.id ?? "root";
     return [t, e].filter(Boolean).join("-");
   }
@@ -1716,7 +1653,7 @@ class Rt extends at {
   }
   get baseURL() {
     const t = this.isRoot ? window.location.pathname : this.parentScreen.resolvedPathname, e = this.baseURLPattern.pathname;
-    return Vt(e, t);
+    return Pt(e, t);
   }
   get baseURLPattern() {
     let t = window.location.origin + "/", e = this.props.config?.basePath;
@@ -1728,7 +1665,7 @@ class Rt extends at {
         baseURL: a,
         pathname: r
       });
-      t = Vt(
+      t = Pt(
         o.pathname,
         n
       ).href;
@@ -1736,7 +1673,7 @@ class Rt extends at {
     return new URLPattern({ baseURL: t, pathname: e });
   }
   get pathPatterns() {
-    return Xt.map(this.props.children, (t) => ({
+    return jt.map(this.props.children, (t) => ({
       pattern: t.props.path,
       caseSensitive: !!t.props.caseSensitive
     }));
@@ -1755,28 +1692,18 @@ class Rt extends at {
   }
   render() {
     if (this.navigation)
-      return /* @__PURE__ */ T(
-        "div",
+      return /* @__PURE__ */ S(ft.Provider, { value: this, children: /* @__PURE__ */ S(
+        je,
         {
-          id: this.id,
-          className: "react-motion-router",
-          style: { width: "100%", height: "100%" },
-          ref: this.ref,
-          children: /* @__PURE__ */ T(vt.Provider, { value: this, children: /* @__PURE__ */ T(
-            He,
-            {
-              id: `${this.id}-transition-layer`,
-              ref: this.screenTransitionLayer,
-              navigation: this.navigation,
-              hasUAVisualTransition: this.hasUAVisualTransition,
-              children: this.screens
-            }
-          ) })
+          ref: this.screenTransitionLayer,
+          navigation: this.navigation,
+          hasUAVisualTransition: this.hasUAVisualTransition,
+          children: this.screens
         }
-      );
+      ) });
   }
 }
-class Xe {
+class Ve {
   #t = /* @__PURE__ */ new Map();
   mutationObserver;
   constructor() {
@@ -1798,8 +1725,7 @@ class Xe {
   }
   get(t) {
     const e = this.formatMetaKey(t), n = this.#t.get(e);
-    if (!n)
-      return;
+    if (!n) return;
     let r;
     return n.includes(",") && n.includes("=") ? r = n.split(/,\s*/).map((a) => a.split("=")) : r = n, r;
   }
@@ -1833,13 +1759,11 @@ class Xe {
         const n = e.target;
         this.metaDataFromNode(n);
       }
-      if (e.type !== "childList")
-        return;
+      if (e.type !== "childList") return;
       e.removedNodes.forEach((n) => {
         if (n.nodeName === "META") {
           const r = Array.from(n.attributes).find((l) => l.nodeName !== "content");
-          if (!r || !r.value)
-            return;
+          if (!r || !r.value) return;
           const a = [r.nodeName, r.value], o = this.formatMetaKey(a);
           this.#t.has(o) && this.#t.delete(o);
         }
@@ -1850,8 +1774,7 @@ class Xe {
   }
   metaDataFromNode(t) {
     const e = Array.from(t.attributes).find((o) => o.nodeName !== "content"), n = Array.from(t.attributes).find((o) => o.nodeName === "content");
-    if (!e || !e.value)
-      return;
+    if (!e || !e.value) return;
     const r = [e.nodeName, e.value], a = this.formatMetaKey(r);
     this.#t.set(a, n?.value);
   }
@@ -1866,8 +1789,7 @@ class Xe {
     return e;
   }
   formatMetaContent(t) {
-    if (!t)
-      return;
+    if (!t) return;
     let e;
     return typeof t == "string" ? e = t : e = t.map((n) => n.join("=")).join(", "), e;
   }
@@ -1876,9 +1798,9 @@ class Xe {
     n.setAttribute(r, a), e ? n.setAttribute("content", e) : n.removeAttribute("content"), n.parentElement || document.head.appendChild(n);
   }
 }
-class jt {
+class Dt {
   static rootNavigatorRef = null;
-  metaData = new Xe();
+  metaData = new Ve();
   addEventListener;
   removeEventListener;
   dispatchEvent;
@@ -1888,22 +1810,22 @@ class jt {
   baseURLPattern;
   getNavigatorById;
   constructor(t) {
-    const e = jt.rootNavigatorRef?.deref();
-    (!e || !e.isInDocument) && (jt.rootNavigatorRef = new WeakRef(this)), this.addEventListener = t.addEventListener, this.removeEventListener = t.removeEventListener, this.dispatchEvent = t.dispatchEvent, this.parent = t.parent, this.routerId = t.routerId, this.baseURL = t.baseURL, this.baseURLPattern = t.baseURLPattern, this.getNavigatorById = t.getNavigatorById;
+    const e = Dt.rootNavigatorRef?.deref();
+    (!e || !e.isInDocument) && (Dt.rootNavigatorRef = new WeakRef(this)), this.addEventListener = t.addEventListener, this.removeEventListener = t.removeEventListener, this.dispatchEvent = t.dispatchEvent, this.parent = t.parent, this.routerId = t.routerId, this.baseURL = t.baseURL, this.baseURLPattern = t.baseURLPattern, this.getNavigatorById = t.getNavigatorById;
   }
   preload(t, e) {
     const n = new URL(t, this.baseURL).href, r = {
       getState() {
         return e;
       },
-      index: oe,
+      index: Qt,
       sameDocument: !0,
       url: n,
       id: null,
       key: null
-    }, a = new ge("preload", { destination: r });
+    }, a = new wt("preload", { destination: r });
     window.navigation.dispatchEvent(a);
-    const o = qe(r);
+    const o = Oe(r);
     return {
       finished: a.transition.finished.then(() => o),
       committed: Promise.resolve(o)
@@ -1913,19 +1835,19 @@ class jt {
     return !!document.getElementById(`${this.routerId}`);
   }
 }
-function fn() {
-  const i = ft(vt);
+function an() {
+  const i = et(ft);
   if (i)
     return i.navigation;
   throw new Error("Router is null. You may be trying to call useNavigation outside a Router.");
 }
-function pn() {
-  return ft(vt);
+function on() {
+  return et(ft);
 }
-function mn() {
-  Ee("Motion");
-  const i = ft(vt), e = ft(Kt).animation, n = 1;
-  return re(
+function ln() {
+  fe("Motion");
+  const i = et(ft), e = et(Ut).animation, n = 1;
+  return _t(
     (r) => {
       const a = async () => {
         do
@@ -1944,49 +1866,49 @@ function mn() {
     }
   );
 }
-function Ye() {
-  const i = ft(ce);
+function Ke() {
+  const i = et(ee);
   if (i)
     return i;
   throw new Error("Router is null. You may be trying to call useRoute outside a Router.");
 }
-function gn(i, t) {
-  const e = Ye(), n = t instanceof Function ? t() : t, r = Ft(e);
-  se(() => {
+function cn(i, t) {
+  const e = Ke(), n = t instanceof Function ? t() : t, r = Nt(e);
+  Zt(() => {
     r.current = e;
   }, [e]);
-  const a = be((l) => {
+  const a = pe((l) => {
     const { params: f, setParams: d } = r.current;
     l instanceof Function && (l = l(f[i] ?? n)), d({ [i]: l });
   }, [n, i]);
   return [e.params[i] ?? n, a];
 }
-const mt = "--rerender";
-function vn() {
-  return re(
+const ut = "--rerender";
+function un() {
+  return _t(
     (i) => (globalThis.addEventListener(
-      mt,
+      ut,
       i,
       { once: !0 }
     ), () => {
-      globalThis.removeEventListener(mt, i);
+      globalThis.removeEventListener(ut, i);
     }),
     () => document.timeline.currentTime
   );
 }
-function yn(i) {
-  const t = Ft(i);
-  t.current = i, se(() => {
+function hn(i) {
+  const t = Nt(i);
+  t.current = i, Zt(() => {
     const e = t.current;
-    return globalThis.addEventListener(mt, e), () => {
-      globalThis.removeEventListener(mt, e);
+    return globalThis.addEventListener(ut, e), () => {
+      globalThis.removeEventListener(ut, e);
     };
   });
 }
-function wn() {
-  globalThis.dispatchEvent(new Event(mt));
+function dn() {
+  globalThis.dispatchEvent(new Event(ut));
 }
-function En(i, t) {
+function fn(i, t) {
   return Object.create(EventTarget.prototype, {
     id: {
       value: crypto.randomUUID(),
@@ -2033,12 +1955,12 @@ function En(i, t) {
     }
   });
 }
-function bn() {
+function pn() {
   if (!window.navigation)
     throw new Error("window.navigation is not available in this environment");
 }
-async function Tn() {
-  await new Promise((i) => {
+function mn() {
+  return new Promise((i) => {
     window.navigation.addEventListener(
       "navigatesuccess",
       i,
@@ -2046,97 +1968,89 @@ async function Tn() {
     );
   });
 }
-async function Ct(i) {
-  await window.navigation.navigate(i).finished;
+async function gn(i) {
+  return new Promise((t) => {
+    window.navigation.addEventListener(
+      "navigate",
+      (e) => {
+        e.intercept({
+          handler: () => (e.navigationType !== i || (e instanceof wt ? e.transition.finished.then(t) : window.navigation.transition?.finished.then(t)), Promise.resolve())
+        });
+      },
+      { once: !0 }
+    );
+  });
+}
+function Tt(i, t) {
+  return window.navigation.navigate(i, { history: t }).finished;
 }
-async function Sn(i) {
+async function vn(i) {
   await window.navigation.traverseTo(i).finished;
 }
-async function Rn() {
+async function yn() {
   const i = window.navigation.entries()[0];
   await window.navigation.traverseTo(i.key).finished;
 }
-async function kn() {
-  await Ct("/one"), await Ct("/two"), await Ct("/three");
+async function wn() {
+  await Tt("/one"), await Tt("/two"), await Tt("/three");
 }
-const ve = (i) => {
+const ce = (i) => {
   i.intercept({
     handler() {
       return Promise.resolve();
     }
   });
 };
-async function xn() {
-  window.navigation.addEventListener("navigate", ve);
+async function En() {
+  window.navigation.addEventListener("navigate", ce);
 }
-async function Cn() {
-  window.navigation.removeEventListener("navigate", ve);
+async function bn() {
+  window.navigation.removeEventListener("navigate", ce);
 }
-class K extends Lt.Component {
+class K extends he.Component {
   constructor(t) {
     super(t), this.state = {
       href: this.href
     };
   }
-  anchorRef = Lt.createRef();
+  anchorRef = nt();
   static directionFromRel(t) {
     return t?.split(" ").findLast((e) => e === "next" || e === "prev") ?? "prev";
   }
   static findClosestEntryByHref(t, e, n, r) {
-    if (!Array.isArray(n) || r < O || r >= n.length || n.length === J)
+    if (!Array.isArray(n) || r < O || r >= n.length || n.length === X)
       return;
-    let a = r - J, o = r + J;
+    let a = r - X, o = r + X;
     const l = K.directionFromRel(e);
     for (l === "next" && (a = O), l === "prev" && (o = n.length); a >= O || o < n.length; ) {
-      if (a >= O && n[a]?.url === t)
-        return n[a];
-      if (o < n.length && n[o]?.url === t)
-        return n[o];
+      if (a >= O && n[a]?.url === t) return n[a];
+      if (o < n.length && n[o]?.url === t) return n[o];
       a--, o++;
     }
   }
   static findClosestEntry(t, e, n) {
     switch (K.directionFromRel(t)) {
       case "prev":
-        return e[n - J];
+        return e[n - X];
       case "next":
-        return e[n + J];
+        return e[n + X];
     }
   }
   componentDidMount() {
-    window.navigation?.addEventListener("navigatesuccess", this.onNavigate);
+    window.navigation?.addEventListener("navigatesuccess", this), this.anchorRef.current?.addEventListener("click", this);
   }
   componentWillUnmount() {
-    window.navigation?.removeEventListener("navigatesuccess", this.onNavigate);
+    window.navigation?.removeEventListener("navigatesuccess", this), this.anchorRef.current?.removeEventListener("click", this);
+  }
+  handleEvent(t) {
+    const e = `on${t.type}`;
+    this[e]?.(t);
   }
-  onNavigate = () => {
+  onnavigatesuccess() {
     const { href: t } = this;
     this.setState({ href: t });
-  };
-  get href() {
-    const { href: t, traverse: e, reload: n, historyEntryKey: r, rel: a } = this.props;
-    if (t === void 0 && e) {
-      let o;
-      return r ? o = window.navigation?.entries().find((l) => l.key === r) : t ? o = K.findClosestEntryByHref(
-        t,
-        a,
-        window.navigation.entries(),
-        window.navigation.currentEntry?.index ?? O
-      ) : o = K.findClosestEntry(
-        a,
-        window.navigation.entries(),
-        window.navigation.currentEntry?.index ?? O
-      ), o?.url;
-    } else if (n)
-      return ".";
-    return t;
   }
-  get search() {
-    return this.props.search ? this.props.search.startsWith("?") ? this.props.search : `?${this.props.search}` : "";
-  }
-  handleClick = (t) => {
-    if (this.props.onClick?.(t), t.defaultPrevented)
-      return;
+  onclick(t) {
     t.preventDefault();
     const e = window.navigation, {
       rel: n,
@@ -2146,43 +2060,64 @@ class K extends Lt.Component {
       traverse: l,
       navigateInfo: f,
       navigateState: d
-    } = this.props, m = this.anchorRef.current?.href;
+    } = this.props, g = this.anchorRef.current?.href;
     if (r) {
       e.traverseTo(r, { info: f });
       return;
     }
     if (l) {
-      const S = e.entries();
+      const R = e.entries();
       let E;
-      if (m ? E = K.findClosestEntryByHref(
-        m,
+      if (g ? E = K.findClosestEntryByHref(
+        g,
         n,
-        S,
+        R,
         e.currentEntry?.index ?? O
       ) : E = K.findClosestEntry(
         n,
-        S,
+        R,
         e.currentEntry?.index ?? O
       ), E) {
         e.traverseTo(E.key, { info: f });
         return;
       }
     }
-    if (o && m) {
-      e.navigate(m, { info: f, state: d, history: "replace" });
+    if (o && g) {
+      e.navigate(g, { info: f, state: d, history: "replace" });
       return;
     }
     if (a) {
       e.reload({ info: f, state: d });
       return;
     }
-    m && e.navigate(m, { info: f, state: d });
-  };
+    g && e.navigate(g, { info: f, state: d });
+  }
+  get href() {
+    const { href: t, traverse: e, reload: n, historyEntryKey: r, rel: a } = this.props;
+    if (t === void 0 && e) {
+      let o;
+      return r ? o = window.navigation?.entries().find((l) => l.key === r) : t ? o = K.findClosestEntryByHref(
+        t,
+        a,
+        window.navigation.entries(),
+        window.navigation.currentEntry?.index ?? O
+      ) : o = K.findClosestEntry(
+        a,
+        window.navigation.entries(),
+        window.navigation.currentEntry?.index ?? O
+      ), o?.url;
+    } else if (n)
+      return ".";
+    return t;
+  }
+  get search() {
+    return this.props.search ? this.props.search.startsWith("?") ? this.props.search : `?${this.props.search}` : "";
+  }
   render() {
     const {
       rel: t,
       children: e
-    } = this.props, { href: n } = this.state, { search: r } = this, a = Be(this.props, [
+    } = this.props, { href: n } = this.state, { search: r } = this, a = We(this.props, [
       "historyEntryKey",
       "navigateInfo",
       "navigateState",
@@ -2190,80 +2125,80 @@ class K extends Lt.Component {
       "replace",
       "traverse"
     ]);
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ S(
       "a",
       {
         ...a,
         ref: this.anchorRef,
         href: n ? `${n}${r}` : void 0,
         rel: t,
-        onClick: this.handleClick,
         children: e
       }
     );
   }
 }
-function Ln({ ref: i, ...t }) {
-  const e = Ft(null);
-  return Lt.useImperativeHandle(
+function Tn({ ref: i, ...t }) {
+  const e = Nt(null);
+  return zt(
     i,
     () => e.current?.anchorRef.current ?? null
-  ), /* @__PURE__ */ T(K, { ref: e, ...t });
+  ), /* @__PURE__ */ S(K, { ref: e, ...t });
 }
 export {
-  Ln as Anchor,
+  Tn as Anchor,
   K as AnchorBase,
-  sn as EMPTY_COLLECTION_LENGTH,
+  Ze as EMPTY_COLLECTION_LENGTH,
   O as FIRST_INDEX,
-  oe as LAST_INDEX,
-  ge as LoadEvent,
-  rn as MAX_NORM_PROGRESS,
-  tn as MAX_PROGRESS,
-  Qe as MAX_Z_INDEX,
-  nn as MIN_NORM_PROGRESS,
-  en as MIN_PROGRESS,
-  jt as NavigationBase,
-  le as NestedRouterContext,
-  Fe as PromiseAllSequential,
-  Ge as PromiseWrapper,
-  ce as RoutePropContext,
-  Rt as RouterBase,
-  vt as RouterContext,
-  J as SINGLE_ELEMENT_LENGTH,
-  Re as ScreenBase,
-  Je as SharedElement,
-  bn as assertNavigationAvailable,
-  dn as cloneAndInject,
-  En as createHistoryEntry,
-  je as dispatchEvent,
-  qe as historyEntryFromDestination,
-  xn as installInterceptor,
+  Qt as LAST_INDEX,
+  wt as LoadEvent,
+  _e as MAX_NORM_PROGRESS,
+  ze as MAX_PROGRESS,
+  Ge as MAX_Z_INDEX,
+  Ye as MIN_NORM_PROGRESS,
+  Xe as MIN_PROGRESS,
+  Dt as NavigationBase,
+  te as NestedRouterContext,
+  Ae as PromiseAllSequential,
+  Fe as PromiseWrapper,
+  ee as RoutePropContext,
+  yt as RouterBase,
+  ft as RouterContext,
+  X as SINGLE_ELEMENT_LENGTH,
+  ve as ScreenBase,
+  He as SharedElement,
+  pn as assertNavigationAvailable,
+  sn as cloneAndInject,
+  fn as createHistoryEntry,
+  Ue as dispatchEvent,
+  Oe as historyEntryFromDestination,
+  En as installInterceptor,
   B as isLazyExoticComponent,
-  he as isNativeLazyExoticComponent,
-  ln as isNavigationSupported,
-  xe as isStylableElement,
-  cn as isURLPatternSupported,
-  ke as isValidScreenChild,
-  on as lazy,
-  te as matchRoute,
-  Ct as navTo,
-  Be as omit,
-  un as polyfillNavigation,
-  hn as polyfillURLPattern,
-  Vt as resolveBaseURLFromPattern,
-  kn as seedHistory,
-  Ke as toCamelCase,
-  Sn as traverseTo,
-  Rn as traverseToStart,
-  wn as triggerRerender,
-  Cn as uninstallInterceptor,
-  mn as useMotion,
-  fn as useNavigationBase,
-  gn as useParamsBase,
-  vn as useRerender,
-  yn as useRerenderCallback,
-  Ye as useRouteBase,
-  pn as useRouterBase,
-  Tn as waitForNavigateSuccess
+  ne as isNativeLazyExoticComponent,
+  tn as isNavigationSupported,
+  we as isStylableElement,
+  en as isURLPatternSupported,
+  ye as isValidScreenChild,
+  Qe as lazy,
+  Ht as matchRoute,
+  Tt as navTo,
+  We as omit,
+  rn as polyfillNavigation,
+  nn as polyfillURLPattern,
+  Pt as resolveBaseURLFromPattern,
+  wn as seedHistory,
+  Ie as toCamelCase,
+  vn as traverseTo,
+  yn as traverseToStart,
+  dn as triggerRerender,
+  bn as uninstallInterceptor,
+  ln as useMotion,
+  an as useNavigationBase,
+  cn as useParamsBase,
+  un as useRerender,
+  hn as useRerenderCallback,
+  Ke as useRouteBase,
+  on as useRouterBase,
+  mn as waitForNavigateSuccess,
+  gn as waitForNavigation
 };
 //# sourceMappingURL=index.js.map