@react-motion-router/core 2.0.0-beta.sha-4819f7b → 2.0.0-beta.sha-112968d

package/build/index.js

@@ -1,9 +1,9 @@
-import { jsx as b, jsxs as Gt, Fragment as oe } from "react/jsx-runtime";
-import { createContext as it, Component as st, createRef as K, lazy as le, cloneElement as Ht, Suspense as bt, isValidElement as Xt, Children as jt, useContext as vt, useDebugValue as ce, useRef as he, useEffect as ue, useCallback as de } from "react";
-const Zt = it(null);
-class ze extends st {
-  ref = K();
-  static contextType = Zt;
+import { jsx as T, jsxs as te, Fragment as ge } from "react/jsx-runtime";
+import Ht, { createContext as gt, Component as at, createRef as q, lazy as ve, cloneElement as ee, Suspense as xt, isValidElement as ne, Children as Gt, useContext as ft, useDebugValue as ye, useSyncExternalStore as ie, useRef as se, useEffect as re, useCallback as we } from "react";
+const ae = gt(null);
+class Qe extends at {
+  ref = q();
+  static contextType = ae;
   componentDidMount() {
     this.scene.addNode(this);
   }
@@ -44,7 +44,7 @@ class ze extends st {
     this.ref.current && (this.ref.current.style.visibility = "visible");
   }
   render() {
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ T(
       "div",
       {
         ref: this.ref,
@@ -55,57 +55,55 @@ class ze extends st {
     );
   }
 }
-function Tt(s, t) {
+const tn = 2147483647, en = 100, nn = 0, sn = 0, rn = 1, Ee = -1, O = 0, J = 1, an = 0;
+function Lt(s, t) {
   s.endsWith("*") || (s += "**");
   const e = window.location.origin, n = new URLPattern(s, 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(-1) ?? "";
-  return new URL(t.replace(a, ""), window.location.origin);
+  const a = Object.keys(n.pathname.groups).filter((o) => !isNaN(Number(o))).map((o) => n.pathname.groups[o]).filter((o) => o !== void 0).at(Ee) ?? "";
+  return new URL(
+    t.replace(a, ""),
+    window.location.origin
+  );
 }
-function Yt(s, t, e = `${window.location.origin}/`, n = !0) {
+function Xt(s, t, e = `${window.location.origin}/`, n = !0) {
   n || (s = s.toLowerCase(), t = t.toLowerCase());
-  const r = Tt(e, t)?.href;
-  if (!r)
+  const i = Lt(e, t)?.href;
+  if (!i)
     return null;
-  const a = new URLPattern({ baseURL: r, pathname: s }).exec({ pathname: t, baseURL: r }), o = a?.pathname.groups ?? {};
+  const a = new URLPattern({
+    baseURL: i,
+    pathname: s
+  }).exec({ pathname: t, baseURL: i }), o = a?.pathname.groups ?? {};
   return a ? {
     params: o,
     caseSensitive: n
   } : null;
 }
-function Ge(s, t, e = window.location.origin) {
-  return s.some(({ pattern: n, caseSensitive: r }) => Yt(n, t, e, r));
-}
-function pe(s, t = window) {
+function be(s, t = window) {
   return new Promise((e) => {
     queueMicrotask(() => e(
       t.dispatchEvent(s)
     ));
   });
 }
-function He(s) {
-  const t = le(s);
+function on(s) {
+  const t = ve(s);
   return t.load = async () => (t.module ??= await s(), t.module), t;
 }
-function Xe() {
+function ln() {
   return !!window.navigation;
 }
-function Ze() {
+function cn() {
   return !!globalThis.URLPattern;
 }
-async function Ye() {
-  const { URLPattern: s } = await import(
-    /*webpackIgnore: true*/
-    "urlpattern-polyfill"
-  );
+async function hn() {
+  const { URLPattern: s } = await import("urlpattern-polyfill");
   globalThis.URLPattern = s;
 }
-async function _e() {
-  const { applyPolyfill: s } = await import(
-    /*webpackIgnore: true*/
-    "@virtualstate/navigation"
-  );
+async function un() {
+  const { applyPolyfill: s } = await import("@virtualstate/navigation");
   s({
     history: !0,
     interceptEvents: !0,
@@ -114,50 +112,50 @@ async function _e() {
     persistState: !0
   });
 }
-async function fe(s) {
+async function Te(s) {
   const t = [];
   for (const e of s)
     t.push(await e);
   return t;
 }
-function me(s) {
+function Se(s) {
   return s.replace(/-([a-z])/g, (t) => t[1].toUpperCase());
 }
-function Je(s, t) {
-  return Ht(s, t);
+function dn(s, t) {
+  return ee(s, t);
+}
+function Re(s, t) {
+  const e = { ...s };
+  for (const n of t)
+    delete e[n];
+  return e;
 }
-class ge extends Event {
+class ke extends Event {
   constructor() {
     super("transition-start");
   }
 }
-class ye extends Event {
+class xe extends Event {
   constructor() {
     super("transition-cancel");
   }
 }
-class ve extends Event {
+class Ce extends Event {
   constructor() {
     super("transition-end");
   }
 }
-class Qe extends Event {
+class fn extends Event {
   constructor() {
     super("motion-progress-start");
   }
 }
-class we extends Event {
-  progress;
-  constructor(t) {
-    super("motion-progress"), this.progress = t;
-  }
-}
-class tn extends Event {
+class pn extends Event {
   constructor() {
     super("motion-progress-end");
   }
 }
-class Ee extends Event {
+class Le extends Event {
   #t = "load";
   #e = !1;
   #c = !0;
@@ -185,7 +183,11 @@ class Ee extends Event {
       index: t.index,
       id: t.id,
       sameDocument: !0
-    }, this.#i = this.#o.signal, window.navigation.addEventListener("navigate", this.#r, { signal: this.#i });
+    }, this.#i = this.#o.signal, window.navigation.addEventListener(
+      "navigate",
+      this.#r,
+      { signal: this.#i }
+    );
   }
   #r = (t) => {
     t !== this ? this.#o.abort() : this.#n.length || window.navigation.removeEventListener("navigate", this.#r);
@@ -195,12 +197,12 @@ class Ee extends Event {
       throw new DOMException("Failed to execute 'intercept' on 'NavigateEvent': intercept() may only be called while the navigate event is being dispatched.");
     let e = null;
     this.#s || (this.#s = {
-      finished: new Promise((r) => e = r),
+      finished: new Promise((i) => e = i),
       from: window.navigation.currentEntry,
       navigationType: "load"
     });
     const n = t?.handler?.();
-    n && this.#n.push(n), this.#n.length === 1 && fe(this.#n).then(() => {
+    n && this.#n.push(n), this.#n.length === J && Te(this.#n).then(() => {
       this.#l = !0, window.removeEventListener("navigate", this.#r), e?.();
     });
   }
@@ -235,11 +237,11 @@ class Ee extends Event {
     return this.#i;
   }
 }
-const _t = it(null);
-class be extends st {
-  ref = K();
-  static contextType = _t;
-  index = 0;
+const Ft = gt(null);
+class Me extends at {
+  ref = q();
+  static contextType = Ft;
+  index = O;
   exiting = !1;
   state = {
     zIndex: "unset"
@@ -257,16 +259,16 @@ class be extends st {
     this.props.navigation.removeEventListener("transition-start", this.onAnimationStart), this.props.navigation.removeEventListener("transition-end", this.onAnimationEnd), this.props.navigation.removeEventListener("transition-cancel", this.onAnimationEnd);
   }
   get animationEffect() {
-    const t = this.props.animation, { animation: e, direction: n, hasUAVisualTransition: r } = this.context, { timeline: a, playbackRate: o } = e, { index: l, exiting: m, ref: p } = this, w = this.context.screens.map((R) => R.current?.name);
+    const t = this.props.animation, { animation: e, direction: n, hasUAVisualTransition: i } = 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: p.current,
+      ref: d.current,
       index: l,
-      screens: w,
-      exiting: m,
+      screens: m,
+      exiting: f,
       timeline: a,
       direction: n,
       playbackRate: o,
-      hasUAVisualTransition: r
+      hasUAVisualTransition: i
     }) ?? null;
   }
   setZIndex(t) {
@@ -274,7 +276,7 @@ class be extends st {
   }
   render() {
     const t = this.props.renderAs, e = this.props.focused ? void 0 : "";
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ T(
       t,
       {
         id: this.props.id,
@@ -293,8 +295,8 @@ class be extends st {
     );
   }
 }
-const Jt = it(null), wt = it(null), Qt = it(null);
-class Te {
+const oe = gt(null), vt = gt(null), le = gt(null);
+class Pe {
   id;
   nodes = /* @__PURE__ */ new Map();
   getScreenRect = () => new DOMRect();
@@ -329,12 +331,12 @@ class Te {
     return !this.nodes.size;
   }
 }
-class Se extends st {
+class De extends at {
   sharedElementScene;
-  #t = K();
-  ref = K();
+  #t = q();
+  ref = q();
   nestedRouterData;
-  static contextType = wt;
+  static contextType = vt;
   state = {
     focused: !1,
     config: {},
@@ -342,7 +344,12 @@ class Se extends st {
     elementType: "div"
   };
   constructor(t, e) {
-    super(t), this.sharedElementScene = new Te(`${this.name}-shared-element-scene`), this.sharedElementScene.getScreenRect = () => this.ref.current?.getBoundingClientRect() || new DOMRect(), this.nestedRouterData = { parentScreen: this, parentRouter: e };
+    super(t), this.sharedElementScene = new Pe(
+      `${this.name}-shared-element-scene`
+    ), this.sharedElementScene.getScreenRect = () => this.ref.current?.getBoundingClientRect() || new DOMRect(), this.nestedRouterData = {
+      parentScreen: this,
+      parentRouter: e
+    };
   }
   setParams(t) {
     this.setState(({ params: e }) => ({ params: { ...e, ...t } }));
@@ -354,20 +361,24 @@ class Se extends st {
     return this.state.focused;
   }
   get name() {
-    return this.props.name ? this.props.name.toLowerCase().replace(/[^\w-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "") : F(this.props.component) ? this.props.component.module?.default.name.toLowerCase() : this.props.component.name.toLowerCase();
+    return this.props.name ? this.props.name.toLowerCase().replace(/[^\w-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "") : j(this.props.component) ? this.props.component.module?.default.name.toLowerCase() : this.props.component.name.toLowerCase();
   }
   blur() {
-    return new Promise((t) => this.setState({ focused: !1 }, t));
+    return new Promise((t) => {
+      this.setState({ focused: !1 }, t);
+    });
   }
   focus() {
-    return new Promise((t) => this.setState({ focused: !0 }, t));
+    return new Promise((t) => {
+      this.setState({ focused: !0 }, t);
+    });
   }
   async load(t) {
-    const e = this.props.component, n = this.props.config?.header?.component, r = this.props.config?.footer?.component;
+    const e = this.props.component, n = this.props.config?.header?.component, i = this.props.config?.footer?.component;
     let a;
-    F(e) ? a = await e.load() : a = { default: e }, F(n) && await n.load(), F(r) && await r.load();
-    const o = this.context.navigation, l = this.routeProp, m = !1;
-    return await this.props.config?.onLoad?.({ navigation: o, route: l, signal: t, preloading: m }), a;
+    j(e) ? a = await e.load() : a = { default: e }, j(n) && await n.load(), j(i) && await i.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;
   }
   async onExited(t) {
     await this.routeProp.config.onExited?.({
@@ -408,9 +419,9 @@ class Se extends st {
     return this.#t;
   }
   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__ */ b(
-      be,
+    const t = this.context.navigation, e = this.routeProp, n = this.props.component, i = e.config.header?.component, a = e.config.footer?.component;
+    return /* @__PURE__ */ T(
+      Me,
       {
         ref: this.#t,
         renderAs: this.state.elementType,
@@ -418,7 +429,7 @@ class Se extends st {
         animation: e.config.animation,
         navigation: t,
         focused: this.state.focused,
-        children: /* @__PURE__ */ b(
+        children: /* @__PURE__ */ T(
           "div",
           {
             id: `${this.context.id}-${this.name}`,
@@ -431,10 +442,58 @@ class Se extends st {
               flexDirection: "column",
               pointerEvents: "inherit"
             },
-            children: /* @__PURE__ */ b(Zt.Provider, { value: this.sharedElementScene, children: /* @__PURE__ */ b(Qt.Provider, { value: e, children: /* @__PURE__ */ Gt(Jt.Provider, { value: this.nestedRouterData, children: [
-              /* @__PURE__ */ b(bt, { fallback: /* @__PURE__ */ b(Z, { component: e.config.header?.fallback, route: e, navigation: t }), children: /* @__PURE__ */ b(Z, { component: r, route: e, navigation: t }) }),
-              /* @__PURE__ */ b(bt, { fallback: /* @__PURE__ */ b(Z, { component: this.props.fallback, route: e, navigation: t }), children: /* @__PURE__ */ b(Z, { component: n, route: e, navigation: t }) }),
-              /* @__PURE__ */ b(bt, { fallback: /* @__PURE__ */ b(Z, { component: e.config.footer?.fallback, route: e, navigation: t }), children: /* @__PURE__ */ b(Z, { component: a, route: e, navigation: t }) })
+            children: /* @__PURE__ */ T(ae.Provider, { value: this.sharedElementScene, children: /* @__PURE__ */ T(le.Provider, { value: e, children: /* @__PURE__ */ te(oe.Provider, { value: this.nestedRouterData, children: [
+              /* @__PURE__ */ T(xt, { fallback: /* @__PURE__ */ T(
+                _,
+                {
+                  component: e.config.header?.fallback,
+                  route: e,
+                  navigation: t
+                }
+              ), children: /* @__PURE__ */ T(
+                _,
+                {
+                  component: i,
+                  route: e,
+                  navigation: t
+                }
+              ) }),
+              /* @__PURE__ */ T(xt, { fallback: /* @__PURE__ */ T(
+                _,
+                {
+                  component: this.props.fallback,
+                  route: e,
+                  navigation: t
+                }
+              ), children: /* @__PURE__ */ T(
+                _,
+                {
+                  component: n,
+                  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
+                    }
+                  )
+                }
+              )
             ] }) }) })
           }
         )
@@ -442,41 +501,41 @@ class Se extends st {
     );
   }
 }
-function Z({ component: s, route: t, navigation: e }) {
-  F(s) && s.module?.default && (s = s.module.default);
+function _({ component: s, route: t, navigation: e }) {
+  j(s) && s.module?.default && (s = s.module.default);
   const n = s ?? null;
-  return typeof n == "function" || te(n) ? /* @__PURE__ */ b(
+  return typeof n == "function" || ce(n) ? /* @__PURE__ */ T(
     n,
     {
       navigation: e,
       route: t
     }
-  ) : Xt(n) ? Ht(n, {
+  ) : ne(n) ? ee(n, {
     navigation: e,
     route: t
-  }) : /* @__PURE__ */ b(oe, { children: n });
+  }) : /* @__PURE__ */ T(ge, { children: n });
 }
-function Re(s) {
-  return Xt(s) ? Object.getPrototypeOf(s.type) === Se : !1;
+function Ne(s) {
+  return ne(s) ? Object.getPrototypeOf(s.type) === De : !1;
 }
-function te(s) {
+function ce(s) {
   return typeof s == "object" && s !== null && s.$$typeof === Symbol.for("react.lazy");
 }
-function F(s) {
-  return te(s) && "load" in s;
+function j(s) {
+  return ce(s) && "load" in s;
 }
-function ke(s) {
+function Ae(s) {
   return "style" in s && s.style instanceof CSSStyleDeclaration;
 }
-var xe = Object.defineProperty, Ce = (s, t, e) => t in s ? xe(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, j = (s, t, e) => (Ce(s, typeof t != "symbol" ? t + "" : t, e), e), Wt = (s, t, e) => {
+var Ue = Object.defineProperty, Ie = (s, t, e) => t in s ? Ue(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, K = (s, t, e) => (Ie(s, typeof t != "symbol" ? t + "" : t, e), e), Kt = (s, t, e) => {
   if (!t.has(s))
     throw TypeError("Cannot " + e);
-}, i = (s, t, e) => (Wt(s, t, "read from private field"), e ? e.call(s) : t.get(s)), g = (s, t, e) => {
+}, r = (s, t, e) => (Kt(s, t, "read from private field"), e ? e.call(s) : t.get(s)), v = (s, t, e) => {
   if (t.has(s))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(s) : t.set(s, e);
-}, c = (s, t, e, n) => (Wt(s, t, "write to private field"), n ? n.call(s, e) : t.set(s, e), e), f = (s, t, e) => (Wt(s, t, "access private method"), e);
-const ut = {
+}, c = (s, t, e, n) => (Kt(s, t, "write to private field"), n ? n.call(s, e) : t.set(s, e), e), g = (s, t, e) => (Kt(s, t, "access private method"), e);
+const pt = {
   delay: 0,
   direction: "normal",
   duration: "auto",
@@ -485,19 +544,19 @@ const ut = {
   fill: "auto",
   iterationStart: 0,
   iterations: 1
-}, It = 1e3, Me = window.Animation, dt = window.KeyframeEffect;
-function Ft(s) {
+}, jt = 1e3, We = window.Animation, yt = window.KeyframeEffect;
+function Yt(s) {
   return Array.isArray(s);
 }
-function H(s) {
+function Y(s) {
   return typeof s == "object" && s === null;
 }
 function h(s, t) {
-  return H(s) || typeof s == "number" ? s : (t || ([t] = Object.keys(s.type())), s.to(t).value);
+  return Y(s) || typeof s == "number" ? s : (t || ([t] = Object.keys(s.type())), s.to(t).value);
 }
-function Le(s, t = ut) {
-  let { duration: e = "auto", iterations: n = 1, playbackRate: r = 1 } = t;
-  if (H(s))
+function $e(s, t = pt) {
+  let { duration: e = "auto", iterations: n = 1, playbackRate: i = 1 } = t;
+  if (Y(s))
     return s;
   if (typeof s == "number" || s.type().percent === void 0)
     throw new DOMException(
@@ -505,20 +564,20 @@ function Le(s, t = ut) {
       "NotSupportedError"
     );
   if (e === "auto")
-    e = It;
+    e = jt;
   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), m = a + l + o;
-  return rt(
+  const { delay: a = 0, endDelay: o = 0 } = t, l = e / n * n / Math.abs(i), f = a + l + o;
+  return ot(
     s.to("percent").value,
     [0, 100],
-    [0, m]
+    [0, f]
   );
 }
-function Et(s) {
-  if (H(s) || typeof s == "number")
+function kt(s) {
+  if (Y(s) || typeof s == "number")
     return s;
   if (s.type().time !== void 0)
     throw new DOMException(
@@ -527,78 +586,78 @@ function Et(s) {
     );
   return s.to("ms").value;
 }
-function Bt(s, t) {
-  const e = t.length - 1, n = Math.floor(s * e), r = t[n], a = t[Math.min(n + 1, e)], o = s * e - n;
-  return r + o * (a - r);
+function Zt(s, t) {
+  const e = t.length - 1, n = Math.floor(s * e), i = t[n], a = t[Math.min(n + 1, e)], o = s * e - n;
+  return i + o * (a - i);
 }
-function Pe(s, t, e) {
-  let n = 0, r = 0;
+function Oe(s, t, e) {
+  let n = 0, i = 0;
   for (const [a, o] of Object.entries(s)) {
-    const { min: l, max: m } = t, p = e[a] ?? 1, w = (o - l[a]) / (m[a] - l[a]) * p;
-    n += w, r += p;
+    const { min: l, max: f } = t, d = e[a] ?? 1, m = (o - l[a]) / (f[a] - l[a]) * d;
+    n += m, i += d;
   }
-  return n / r;
+  return n / i;
 }
-function rt(s, t, e, n = {}) {
-  let r;
-  if (typeof s == "number" && Ft(t)) {
+function ot(s, t, e, n = {}) {
+  let i;
+  if (typeof s == "number" && Yt(t)) {
     const o = { x: t[0] }, l = { x: t[1] };
     t = { min: o, max: l }, s = { x: s };
   } else
     throw new TypeError("Input and input range must have the same dimensions.");
-  if (r = Pe(s, t, n), r = De(r, 0, 1), Ft(e))
-    return Bt(r, e);
+  if (i = Oe(s, t, n), i = Ve(i, 0, 1), Yt(e))
+    return Zt(i, e);
   const a = {};
   for (const o of Object.keys(e.min)) {
-    const l = e.min[o], m = e.max[o], p = [l, m];
-    a[o] = Bt(r, p);
+    const l = e.min[o], f = e.max[o], d = [l, f];
+    a[o] = Zt(i, d);
   }
   return a;
 }
-function De(s, t, e) {
+function Ve(s, t, e) {
   return s < t ? t : e && s > e ? e : s;
 }
-function $t(s) {
+function Bt(s) {
   let {
     duration: t = "auto",
     iterations: e = 1,
     playbackRate: n = 1,
-    delay: r = 0,
+    delay: i = 0,
     endDelay: a = 0,
     localTime: o = null,
     progress: l = null
   } = s;
-  const m = new CSSUnitValue(100, "percent");
+  const f = new CSSUnitValue(100, "percent");
   if (t === "auto")
-    t = It, r = 0, a = 0;
+    t = jt, i = 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 p = t / e, w = p * e / Math.abs(n), R = r + w + a;
-  t = new CSSUnitValue(p / R * 100, "percent");
-  const T = CSS.percent(t.to("percent").value * e / Math.abs(n));
-  return o !== null && (l = h(o, "percent") / m.value), {
+  const d = t / e, m = d * e / Math.abs(n), S = i + m + a;
+  t = new CSSUnitValue(d / S * 100, "percent");
+  const E = CSS.percent(t.to("percent").value * e / Math.abs(n));
+  return o !== null && (l = h(o, "percent") / f.value), {
     ...s,
     progress: l,
-    activeDuration: T,
+    activeDuration: E,
     duration: t,
     iterations: e,
-    delay: r,
+    delay: i,
     endDelay: a,
-    endTime: m
+    endTime: f
   };
 }
-function ee(s, t) {
-  let { activeDuration: e = 0, localTime: n = null, endTime: r = 1 / 0, delay: a = 0 } = s;
-  if (r = h(r), e = h(e), n = h(n), n == null || n === void 0)
+function he(s, t) {
+  let { activeDuration: e = 0, localTime: n = null, endTime: i = 1 / 0, delay: a = 0 } = s;
+  if (i = h(i), e = h(e), n = h(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);
+  const o = Math.max(Math.min(a, i), 0), l = Math.max(Math.min(a + e, i), 0);
   return n < o || t === "backwards" && n === o ? "before" : n > l || t === "forwards" && n === l ? "after" : "active";
 }
-function Ae(s, t) {
-  let { localTime: e = null, delay: n = 0, activeDuration: r = 0, fill: a } = s;
-  if (r = h(r), e = h(e), e == null || e === void 0)
+function Fe(s, t) {
+  let { localTime: e = null, delay: n = 0, activeDuration: i = 0, fill: a } = s;
+  if (i = h(i), e = h(e), e == null || e === void 0)
     return null;
   switch (t) {
     case "before":
@@ -606,65 +665,65 @@ function Ae(s, t) {
     case "active":
       return e - n;
     case "after":
-      return a === "forwards" || a === "both" ? Math.max(Math.min(e - n, r), 0) : null;
+      return a === "forwards" || a === "both" ? Math.max(Math.min(e - n, i), 0) : null;
     default:
       return null;
   }
 }
-function Ne(s, t, e) {
-  const { duration: n = 0, iterations: r = 1, iterationStart: a = 0 } = s;
+function Ke(s, t, e) {
+  const { duration: n = 0, iterations: i = 1, iterationStart: a = 0 } = s;
   if (typeof n != "number")
     throw new TypeError("Duration cannot be unresolved");
   let o = 0;
-  return n === 0 ? t === "before" ? o = 0 : o = r : o = e / Et(n), o + a;
+  return n === 0 ? t === "before" ? o = 0 : o = i : o = e / kt(n), o + a;
 }
-function Ue(s, t, e, n) {
-  const { iterations: r = 1, iterationStart: a = 0, activeDuration: o = 0 } = s;
-  if (H(e))
+function je(s, t, e, n) {
+  const { iterations: i = 1, iterationStart: a = 0, activeDuration: o = 0 } = s;
+  if (Y(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;
+  return e === 1 / 0 && (l = a % 1), l === 0 && (t === "active" || t === "after") && o === n && i !== 0 && (l = 1), l;
 }
-function ne(s, t) {
-  const { iterations: e = 1 } = s, n = Ae(s, t);
-  if (H(n))
+function ue(s, t) {
+  const { iterations: e = 1 } = s, n = Fe(s, t);
+  if (Y(n))
     return null;
   if (t === "after" && e === 1 / 0)
     return 1 / 0;
-  const r = Ne(s, t, n);
-  return Ue(s, t, r, n) === 1 ? Math.floor(r) - 1 : Math.floor(r);
+  const i = Ke(s, t, n);
+  return je(s, t, i, n) === 1 ? Math.floor(i) - 1 : Math.floor(i);
 }
-class We extends Event {
+class Be extends Event {
   constructor(t) {
-    super("update", { bubbles: !1, cancelable: !1, composed: !1 }), j(this, "currentTime"), this.currentTime = t;
+    super("update", { bubbles: !1, cancelable: !1, composed: !1 }), K(this, "currentTime"), this.currentTime = t;
   }
 }
-var N, Y;
-class E extends EventTarget {
+var A, Q;
+class b extends EventTarget {
   constructor(t = { type: "swipe", axis: "x", rangeStart: 0, rangeEnd: window.screen.availWidth, source: document.body }) {
-    super(), g(this, N, void 0), g(this, Y, void 0), t.source.addEventListener(t.type, this.onGesture.bind(this)), c(this, Y, CSS.percent(0)), c(this, N, t);
+    super(), v(this, A, void 0), v(this, Q, void 0), t.source.addEventListener(t.type, this.onGesture.bind(this)), c(this, Q, CSS.percent(0)), c(this, A, t);
   }
   onGesture(t) {
-    const e = i(this, N).source.getBoundingClientRect();
+    const e = r(this, A).source.getBoundingClientRect();
     let n = 0;
-    const r = {
+    const i = {
       x: t.x - e.left,
       y: t.y - e.top
     };
-    switch (i(this, N).type) {
+    switch (r(this, A).type) {
       case "swipe": {
-        const { rangeStart: a, rangeEnd: o } = i(this, N), l = i(this, N).axis;
-        n = rt(
-          r[l],
+        const { rangeStart: a, rangeEnd: o } = r(this, A), l = r(this, A).axis;
+        n = ot(
+          i[l],
           [h(a, "px"), h(o, "px")],
           [0, 100]
         );
         break;
       }
       case "pan": {
-        const { rangeStart: a, rangeEnd: o } = i(this, N), { x: l, y: m } = r;
-        n = rt(
-          { x: l, y: m },
+        const { rangeStart: a, rangeEnd: o } = r(this, A), { x: l, y: f } = i;
+        n = ot(
+          { 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") }
@@ -675,8 +734,8 @@ class E extends EventTarget {
         break;
       }
       case "pinch": {
-        const { rangeStart: a, rangeEnd: o } = i(this, N), { scale: l } = t;
-        n = rt(
+        const { rangeStart: a, rangeEnd: o } = r(this, A), { scale: l } = t;
+        n = ot(
           l,
           [h(a, ""), h(o, "")],
           // figure out which unit
@@ -685,15 +744,15 @@ class E extends EventTarget {
         break;
       }
       case "rotate": {
-        const { rangeStart: a, rangeEnd: o } = i(this, N), { rotation: l } = t;
-        n = rt(
+        const { rangeStart: a, rangeEnd: o } = r(this, A), { rotation: l } = t;
+        n = ot(
           l,
           [h(a, "deg"), h(o, "deg")],
           [0, 100]
         );
       }
     }
-    c(this, Y, CSS.percent(n)), this.dispatchEvent(new We(i(this, Y)));
+    c(this, Q, CSS.percent(n)), this.dispatchEvent(new Be(r(this, Q)));
   }
   addEventListener(t, e, n) {
     super.addEventListener(t, e, n);
@@ -702,26 +761,26 @@ class E extends EventTarget {
     super.removeEventListener(t, e, n);
   }
   get currentTime() {
-    return i(this, Y);
+    return r(this, Q);
   }
   get phase() {
     return "active";
   }
 }
-N = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
-const A = /* @__PURE__ */ new WeakMap();
-var at;
-class pt extends dt {
+A = /* @__PURE__ */ new WeakMap(), Q = /* @__PURE__ */ new WeakMap();
+const N = /* @__PURE__ */ new WeakMap();
+var lt;
+class wt extends yt {
   constructor(t, e = null) {
-    super(t), g(this, at, null), c(this, at, e);
+    super(t), v(this, lt, null), c(this, lt, e);
   }
   get parent() {
-    return i(this, at);
+    return r(this, lt);
   }
   getTiming() {
     var t;
     const e = super.getTiming();
-    if (((t = A.get(this)) == null ? void 0 : t.timeline) instanceof E) {
+    if (((t = N.get(this)) == null ? void 0 : t.timeline) instanceof b) {
       if (e.duration === 1 / 0)
         throw TypeError("Effect duration cannot be Infinity for non-monotonic timelines.");
       if (e.iterations === 1 / 0)
@@ -732,12 +791,12 @@ class pt extends dt {
   getComputedTiming() {
     var t;
     const e = super.getComputedTiming();
-    if (((t = A.get(this)) == null ? void 0 : t.timeline) instanceof E) {
+    if (((t = N.get(this)) == null ? void 0 : t.timeline) instanceof b) {
       if (e.duration === 1 / 0)
         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 $t(e);
+      return Bt(e);
     }
     return e;
   }
@@ -749,12 +808,12 @@ class pt extends dt {
       duration: n.duration instanceof CSSNumericValue ? n.duration.to("ms").value : n.duration,
       ...t
     };
-    let r = i(this, at);
-    for (; r; ) {
-      const a = r.getTiming();
-      t != null && t.delay && (t.delay += a.delay ?? 0), t != null && t.endDelay && (t.endDelay += a.endDelay ?? 0), t != null && t.iterationStart && (t.iterationStart += a.iterationStart ?? 0), t != null && t.iterations && (t.iterations *= a.iterations ?? 1), t != null && t.playbackRate && (t.playbackRate *= a.playbackRate ?? 1), a.duration && typeof a.duration != "string" && t?.duration === "auto" && (t.duration = h(a.duration, "ms")), r = r.parent;
+    let i = r(this, lt);
+    for (; i; ) {
+      const a = i.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")), i = i.parent;
     }
-    if (((e = A.get(this)) == null ? void 0 : e.timeline) instanceof E) {
+    if (((e = N.get(this)) == null ? void 0 : e.timeline) instanceof b) {
       if (t?.duration === 1 / 0)
         throw TypeError("Effect duration cannot be Infinity for non-monotonic timelines.");
       if (t != null && t.iterations)
@@ -763,17 +822,17 @@ class pt extends dt {
     return super.updateTiming(t);
   }
 }
-at = /* @__PURE__ */ new WeakMap();
-var U, _;
-const Ie = class ft {
+lt = /* @__PURE__ */ new WeakMap();
+var U, tt;
+const qe = class Et {
   constructor(t) {
-    g(this, U, []), g(this, _, null), c(this, U, t.map((e) => (e instanceof ft ? c(e, _, this) : e instanceof dt && (e = new pt(e, this)), e)));
+    v(this, U, []), v(this, tt, null), c(this, U, t.map((e) => (e instanceof Et ? c(e, tt, this) : e instanceof yt && (e = new wt(e, this)), e)));
   }
   get parent() {
-    return i(this, _);
+    return r(this, tt);
   }
   get children() {
-    const t = i(this, U);
+    const t = r(this, U);
     return {
       length: t.length,
       item(e) {
@@ -782,30 +841,30 @@ const Ie = class ft {
     };
   }
   get firstChild() {
-    return i(this, U).at(0) ?? null;
+    return r(this, U).at(0) ?? null;
   }
   get lastChild() {
-    return i(this, U).at(-1) ?? null;
+    return r(this, U).at(-1) ?? null;
   }
   clone() {
     return structuredClone(this);
   }
   append(...t) {
     t.forEach((e) => {
-      i(this, U).includes(e) || (e instanceof ft ? c(e, _, this) : e instanceof dt && (e = new pt(e, this)), i(this, U).push(e));
+      r(this, U).includes(e) || (e instanceof Et ? c(e, tt, this) : e instanceof yt && (e = new wt(e, this)), r(this, U).push(e));
     });
   }
   prepend(...t) {
     t.forEach((e) => {
-      i(this, U).includes(e) || (e instanceof ft ? c(e, _, this) : e instanceof dt && (e = new pt(e, this)), i(this, U).unshift(e));
+      r(this, U).includes(e) || (e instanceof Et ? c(e, tt, this) : e instanceof yt && (e = new wt(e, this)), r(this, U).unshift(e));
     });
   }
 };
-U = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
-let Ot = Ie;
-class nt {
+U = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap();
+let qt = qe;
+class rt {
   constructor() {
-    j(this, "promise"), j(this, "state"), j(this, "nativeResolve"), j(this, "nativeReject"), this.state = "pending", this.nativeResolve = this.nativeReject = null, this.promise = new Promise((t, e) => {
+    K(this, "promise"), K(this, "state"), K(this, "nativeResolve"), K(this, "nativeReject"), this.state = "pending", this.nativeResolve = this.nativeReject = null, this.promise = new Promise((t, e) => {
       this.nativeResolve = t, this.nativeReject = e;
     });
   }
@@ -819,11 +878,11 @@ class nt {
     }), (e = this.nativeReject) == null || e.call(this, t);
   }
 }
-var J, St, ie;
-class $e extends Ot {
-  constructor(t, e = ut) {
-    super(t), g(this, St), g(this, J, void 0), c(this, J, {
-      ...ut,
+var et, Mt, de;
+class ze extends qt {
+  constructor(t, e = pt) {
+    super(t), v(this, Mt), v(this, et, void 0), c(this, et, {
+      ...pt,
       ...e
     });
   }
@@ -834,31 +893,31 @@ class $e extends Ot {
     super.append(...t), t.forEach((e) => e.updateTiming());
   }
   getTiming() {
-    return i(this, J);
+    return r(this, et);
   }
   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;
+    const n = this.getTiming(), i = { ...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, i.endTime = l;
     for (let C = 0; C < this.children.length; C++) {
-      const M = this.children.item(C);
-      if (!M)
+      const L = this.children.item(C);
+      if (!L)
         continue;
       let {
-        duration: L = "auto",
-        activeDuration: Vt = 0
-      } = M.getComputedTiming();
-      r.activeDuration = r.activeDuration ? h(r.activeDuration, "ms") + h(Vt, "ms") : Vt, n.duration = n.duration instanceof CSSNumericValue ? n.duration.to("ms").value : n.duration, L = L instanceof CSSNumericValue ? L.to("ms").value : L, typeof L != "string" && (n.duration === "auto" ? n.duration = h(L, "ms") : typeof n.duration != "string" && (n.duration = n.duration ? n.duration + L : L));
+        duration: M = "auto",
+        activeDuration: zt = 0
+      } = L.getComputedTiming();
+      i.activeDuration = i.activeDuration ? h(i.activeDuration, "ms") + h(zt, "ms") : zt, 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));
     }
-    const { timeline: m, startTime: p, currentTime: w } = A.get(this) ?? {}, R = m instanceof E ? "percent" : "ms";
-    let { duration: T = 0, iterations: X = 1 } = r;
-    if (T === "auto" && (T = 0), typeof T == "string")
+    const { timeline: f, startTime: d, currentTime: m } = N.get(this) ?? {}, S = f instanceof b ? "percent" : "ms";
+    let { duration: E = 0, iterations: Z = 1 } = i;
+    if (E === "auto" && (E = 0), typeof E == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    return r.duration = T, r.activeDuration = Et(T) * X, r.startTime = p ?? void 0, r.localTime = w, r.currentIteration = ne(r, ee(r, i(this, St, ie))), m instanceof E ? $t(r) : (m instanceof DocumentTimeline && (r.progress = w && h(w, R) / h(l, R)), r);
+    return i.duration = E, i.activeDuration = kt(E) * Z, i.startTime = d ?? void 0, i.localTime = m, i.currentIteration = ue(i, he(i, r(this, Mt, de))), f instanceof b ? Bt(i) : (f instanceof DocumentTimeline && (i.progress = m && h(m, S) / h(l, S)), i);
   }
   updateTiming(t) {
-    c(this, J, {
-      ...i(this, J),
+    c(this, et, {
+      ...r(this, et),
       ...t
     });
     for (let e = 0; e < this.children.length; e++) {
@@ -867,28 +926,28 @@ class $e extends Ot {
     }
   }
 }
-J = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakSet(), ie = function() {
-  const { playbackRate: s = 1 } = A.get(this) ?? {};
+et = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakSet(), de = function() {
+  const { playbackRate: s = 1 } = N.get(this) ?? {};
   return s < 0 ? "backwards" : "forwards";
 };
-var d, x, ht, v, S, P, u, y, k, z, O, ot, W, mt, Rt, Q, lt, q, tt, kt, Kt, xt, qt, Ct, zt, B, G, ct, gt, Mt, I, V, D, $, yt, Lt, Pt;
-const se = class extends EventTarget {
+var p, x, dt, w, R, P, u, y, k, G, V, ct, I, bt, Pt, nt, ht, z, it, Dt, _t, Nt, Jt, At, Qt, B, X, ut, Tt, Ut, W, F, D, $, St, It, Wt;
+const fe = class extends EventTarget {
   constructor(t, e) {
-    super(), g(this, mt), g(this, Q), g(this, q), g(this, kt), g(this, xt), g(this, Ct), g(this, B), g(this, gt), g(this, I), g(this, D), j(this, "id", ""), j(this, "oncancel", null), j(this, "onfinish", null), j(this, "onremove", null), g(this, d, void 0), g(this, x, void 0), g(this, ht, "active"), g(this, v, {
+    super(), v(this, bt), v(this, nt), v(this, z), v(this, Dt), v(this, Nt), v(this, At), v(this, B), v(this, Tt), v(this, W), v(this, D), K(this, "id", ""), K(this, "oncancel", null), K(this, "onfinish", null), K(this, "onremove", null), v(this, p, void 0), v(this, x, void 0), v(this, dt, "active"), v(this, w, {
       task: null,
       playbackRate: null
-    }), g(this, S, new nt()), g(this, P, new nt()), g(this, u, null), g(this, y, null), g(this, k, []), g(this, z, null), g(this, O, !1), g(this, ot, 0), g(this, W, 1), g(this, ct, () => {
-      f(this, B, G).call(this);
-    }), g(this, yt, () => {
+    }), v(this, R, new rt()), v(this, P, new rt()), 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, B, X).call(this);
+    }), v(this, St, () => {
       var n;
-      if (i(this, P).state !== "pending" || this.playState !== "finished")
+      if (r(this, P).state !== "pending" || this.playState !== "finished")
         return;
-      i(this, P).resolve(this);
-      const r = this.currentTime, a = (n = this.timeline) == null ? void 0 : n.currentTime, o = new AnimationPlaybackEvent(
+      r(this, P).resolve(this);
+      const i = this.currentTime, a = (n = this.timeline) == null ? void 0 : n.currentTime, o = new AnimationPlaybackEvent(
         "finish",
         {
           get currentTime() {
-            return r;
+            return i;
           },
           get timelineTime() {
             return a;
@@ -899,8 +958,8 @@ const se = class extends EventTarget {
         var l;
         this.dispatchEvent(o), (l = this.onfinish) == null || l.call(this, o);
       });
-    }), g(this, Lt, () => {
-      var n, r;
+    }), v(this, It, () => {
+      var n, i;
       const a = this.currentTime, o = (n = this.timeline) == null ? void 0 : n.currentTime, l = new AnimationPlaybackEvent(
         "cancel",
         {
@@ -912,21 +971,21 @@ const se = class extends EventTarget {
           }
         }
       );
-      this.dispatchEvent(l), (r = this.oncancel) == null || r.call(this, l);
-    }), g(this, Pt, () => {
+      this.dispatchEvent(l), (i = this.oncancel) == null || i.call(this, l);
+    }), v(this, Wt, () => {
       var n;
-      const r = new Event("remove");
-      this.dispatchEvent(r), (n = this.onremove) == null || n.call(this, r);
-    }), i(this, S).resolve(this), c(this, x, t ?? null), c(this, d, e ?? document.timeline), i(this, x) && A.set(i(this, x), this), f(this, gt, Mt).call(this), e instanceof E && e.addEventListener("update", i(this, ct));
+      const i = new Event("remove");
+      this.dispatchEvent(i), (n = this.onremove) == null || n.call(this, i);
+    }), r(this, R).resolve(this), c(this, x, t ?? null), c(this, p, e ?? document.timeline), r(this, x) && N.set(r(this, x), this), g(this, Tt, Ut).call(this), e instanceof b && e.addEventListener("update", r(this, ut));
   }
   reverse() {
     var t;
-    const { endTime: e = 0 } = ((t = i(this, x)) == null ? void 0 : t.getComputedTiming()) ?? {}, n = i(this, v).playbackRate ?? i(this, W), r = h(this.currentTime), a = e === 1 / 0, o = n !== 0 && (n < 0 || r && r > 0 || !a);
-    if (!i(this, d) || !o) {
-      o && (i(this, v).playbackRate = -n);
+    const { endTime: e = 0 } = ((t = r(this, x)) == null ? void 0 : t.getComputedTiming()) ?? {}, n = r(this, w).playbackRate ?? r(this, I), i = h(this.currentTime), a = e === 1 / 0, o = n !== 0 && (n < 0 || i && i > 0 || !a);
+    if (!r(this, p) || !o) {
+      o && (r(this, w).playbackRate = -n);
       return;
     }
-    if (i(this, d).currentTime === null)
+    if (r(this, p).currentTime === null)
       throw new DOMException(
         "Cannot reverse an animation with no active timeline",
         "InvalidStateError"
@@ -934,58 +993,57 @@ const se = class extends EventTarget {
     this.updatePlaybackRate(-n), this.play();
   }
   play() {
-    const t = this.playState === "paused" && this.pending;
-    let e = this.currentTime;
-    (i(this, v).playbackRate ?? this.playbackRate) === 0 && e === null && c(this, y, 0), e === null && c(this, O, !0), (this.playState === "finished" || t) && (c(this, u, null), c(this, y, null), c(this, O, !0)), i(this, y) && c(this, u, null), i(this, v).task && (i(this, v).task = null), !(i(this, u) !== null && i(this, y) === null && !t && i(this, v).playbackRate === null) && (f(this, B, G).call(this), f(this, Q, lt).call(this), i(this, v).task = "play", f(this, I, V).call(this, !1));
+    const t = this.playState === "paused" && this.pending, e = this.currentTime;
+    (r(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)), r(this, y) && c(this, u, null), r(this, w).task && (r(this, w).task = null), !(r(this, u) !== null && r(this, y) === null && !t && r(this, w).playbackRate === null) && (g(this, B, X).call(this), g(this, nt, ht).call(this), r(this, w).task = "play", g(this, W, F).call(this, !1));
   }
   pause() {
-    this.playState !== "paused" && (this.currentTime === null && c(this, O, !0), i(this, v).task && (i(this, v).task = null), f(this, Q, lt).call(this), i(this, v).task = "pause");
+    this.playState !== "paused" && (this.currentTime === null && c(this, V, !0), r(this, w).task && (r(this, w).task = null), g(this, nt, ht).call(this), r(this, w).task = "pause");
   }
   persist() {
-    i(this, k).forEach((t) => t.persist()), c(this, ht, "persisted");
+    r(this, k).forEach((t) => t.persist()), c(this, dt, "persisted");
   }
   finish() {
     var t;
-    const { endTime: e = 0 } = ((t = this.effect) == null ? void 0 : t.getComputedTiming()) ?? {}, n = i(this, v).playbackRate ?? i(this, W);
+    const { endTime: e = 0 } = ((t = this.effect) == null ? void 0 : t.getComputedTiming()) ?? {}, n = r(this, w).playbackRate ?? r(this, I);
     if (n === 0 || n > 0 && e === 1 / 0)
       throw new DOMException("InvalidStateError");
-    f(this, D, $).call(this);
-    let r;
-    if (n > 0 ? r = e : r = 0, f(this, mt, Rt).call(this, r), this.startTime === null && i(this, d) !== null && i(this, d).currentTime !== null && r !== null) {
-      const a = i(this, d) instanceof E ? "percent" : "ms";
-      r = h(r, a);
-      const o = h(i(this, d).currentTime, a);
-      c(this, u, o - r / n);
+    g(this, D, $).call(this);
+    let i;
+    if (n > 0 ? i = e : i = 0, g(this, bt, Pt).call(this, i), this.startTime === null && r(this, p) !== null && r(this, p).currentTime !== null && i !== null) {
+      const a = r(this, p) instanceof b ? "percent" : "ms";
+      i = h(i, a);
+      const o = h(r(this, p).currentTime, a);
+      c(this, u, o - i / n);
     }
-    i(this, v).task === "pause" && i(this, u) !== null && (c(this, y, null), f(this, q, tt).call(this), i(this, S).resolve(this)), i(this, v).task === "play" && i(this, u) !== null && (f(this, q, tt).call(this), i(this, S).resolve(this)), f(this, I, V).call(this, !0), i(this, k).forEach((a) => a.finish());
+    r(this, w).task === "pause" && r(this, u) !== null && (c(this, y, null), g(this, z, it).call(this), r(this, R).resolve(this)), r(this, w).task === "play" && r(this, u) !== null && (g(this, z, it).call(this), r(this, R).resolve(this)), g(this, W, F).call(this, !0), r(this, k).forEach((a) => a.finish());
   }
   commitStyles() {
-    i(this, k).forEach((t) => {
-      t.effect instanceof pt && (t.effect.target === null || t.effect.pseudoElement !== null) || t.commitStyles();
+    r(this, k).forEach((t) => {
+      t.effect instanceof wt && (t.effect.target === null || t.effect.pseudoElement !== null) || t.commitStyles();
     });
   }
   cancel() {
-    this.playState !== "idle" && (f(this, D, $).call(this), i(this, S).reject(new DOMException("The user aborted a request", "AbortError")), f(this, q, tt).call(this), c(this, S, new nt()), i(this, P).state === "pending" && i(this, P).reject(new DOMException("The user aborted a request", "AbortError")), c(this, P, new nt()), i(this, k).forEach((t) => t.cancel())), c(this, u, null), c(this, y, null);
+    this.playState !== "idle" && (g(this, D, $).call(this), r(this, R).reject(new DOMException("The user aborted a request", "AbortError")), g(this, z, it).call(this), c(this, R, new rt()), r(this, P).state === "pending" && r(this, P).reject(new DOMException("The user aborted a request", "AbortError")), c(this, P, new rt()), r(this, k).forEach((t) => t.cancel())), c(this, u, null), c(this, y, null);
   }
   updatePlaybackRate(t) {
     var e;
-    i(this, v).playbackRate = t;
+    r(this, w).playbackRate = t;
     const n = this.playState;
-    if (i(this, S).state !== "pending")
+    if (r(this, R).state !== "pending")
       switch (n) {
         case "idle":
         case "paused":
-          f(this, D, $).call(this);
+          g(this, D, $).call(this);
           break;
         case "finished": {
-          const r = i(this, d) instanceof E ? "percent" : "ms", a = ((e = i(this, d)) == null ? void 0 : e.currentTime) ?? null;
+          const i = r(this, p) instanceof b ? "percent" : "ms", a = ((e = r(this, p)) == null ? void 0 : e.currentTime) ?? null;
           if (t === 0)
-            c(this, u, h(a, r));
+            c(this, u, h(a, i));
           else if (a !== null) {
             let o = null;
-            o = (h(a, r) - (i(this, u) ?? 0)) * this.playbackRate, i(this, u) !== null && o !== null && c(this, u, (h(a, r) - o) / t);
+            o = (h(a, i) - (r(this, u) ?? 0)) * this.playbackRate, r(this, u) !== null && o !== null && c(this, u, (h(a, i) - o) / t);
           }
-          f(this, D, $).call(this), f(this, I, V).call(this, !1), f(this, B, G).call(this);
+          g(this, D, $).call(this), g(this, W, F).call(this, !1), g(this, B, X).call(this);
           break;
         }
         default:
@@ -999,212 +1057,210 @@ const se = class extends EventTarget {
     super.removeEventListener(t, e, n);
   }
   set playbackRate(t) {
-    c(this, W, t), i(this, k).forEach((e) => {
+    c(this, I, t), r(this, k).forEach((e) => {
       e.playbackRate *= t;
     });
   }
   set startTime(t) {
-    c(this, u, h(t)), i(this, k).forEach((e) => e.startTime = t);
+    c(this, u, h(t)), r(this, k).forEach((e) => e.startTime = t);
   }
   set currentTime(t) {
     var e;
-    const n = i(this, d) instanceof E ? "percent" : "ms", r = h(((e = i(this, d)) == null ? void 0 : e.currentTime) ?? null, n);
-    if (H(t) && !H(r))
+    const n = r(this, p) instanceof b ? "percent" : "ms", i = h(((e = r(this, p)) == null ? void 0 : e.currentTime) ?? null, n);
+    if (Y(t) && !Y(i))
       throw new TypeError("currentTime may not be changed from resolved to unresolved.");
-    c(this, O, !1), i(this, y) !== null || i(this, u) === null || r === null || this.playbackRate === 0 ? c(this, y, h(t, n)) : c(this, u, r - h(t, n) / this.playbackRate), (i(this, d) === null || r === null) && c(this, u, null), c(this, z, null), f(this, mt, Rt).call(this, t), i(this, v).task === "pause" && (c(this, y, h(t, n)), f(this, D, $).call(this), c(this, u, null), f(this, q, tt).call(this), i(this, S).resolve(this)), f(this, I, V).call(this, !0);
+    c(this, V, !1), r(this, y) !== null || r(this, u) === null || i === null || this.playbackRate === 0 ? c(this, y, h(t, n)) : c(this, u, i - h(t, n) / this.playbackRate), (r(this, p) === null || i === null) && c(this, u, null), c(this, G, null), g(this, bt, Pt).call(this, t), r(this, w).task === "pause" && (c(this, y, h(t, n)), g(this, D, $).call(this), c(this, u, null), g(this, z, it).call(this), r(this, R).resolve(this)), g(this, W, F).call(this, !0);
   }
   set timeline(t) {
     var e, n;
-    const r = this.timeline;
-    if (r === t)
+    const i = this.timeline;
+    if (i === t)
       return;
-    i(this, d) instanceof E && i(this, d).removeEventListener("update", i(this, ct));
-    const a = this.playState, o = r instanceof E ? "percent" : "ms", l = h(this.currentTime, o), { progress: m = null, endTime: p = 0 } = ((e = i(this, x)) == null ? void 0 : e.getComputedTiming()) ?? {}, w = h(p, o), R = r instanceof E, T = t instanceof E, X = t instanceof DocumentTimeline, C = this.pending;
-    if (T)
-      c(this, d, t), t.addEventListener("update", i(this, ct)), f(this, D, $).call(this), c(this, O, !0), c(this, u, null), c(this, y, null), (a === "running" || a === "finished") && ((!i(this, S) || i(this, S).state === "resolved") && f(this, Q, lt).call(this), i(this, v).task = "play", i(this, k).forEach((M) => M.pause())), a === "paused" && m !== null && c(this, y, m * w), C && ((!i(this, S) || i(this, S).state === "resolved") && f(this, Q, lt).call(this), a === "paused" ? i(this, v).task = "pause" : i(this, v).task = "play"), i(this, u) !== null && c(this, y, null), f(this, I, V).call(this, !1);
-    else if (X) {
-      if (c(this, d, t), R) {
-        if (l !== null && m !== null) {
-          const { endTime: M = 0 } = ((n = i(this, x)) == null ? void 0 : n.getComputedTiming()) ?? {}, L = h(M, "ms");
-          this.currentTime = m * L;
+    r(this, p) instanceof b && r(this, p).removeEventListener("update", r(this, ut));
+    const a = this.playState, o = i instanceof b ? "percent" : "ms", l = h(this.currentTime, o), { progress: f = null, endTime: d = 0 } = ((e = r(this, x)) == null ? void 0 : e.getComputedTiming()) ?? {}, m = h(d, o), S = i instanceof b, E = t instanceof b, Z = t instanceof DocumentTimeline, C = this.pending;
+    if (E)
+      c(this, p, t), t.addEventListener("update", r(this, ut)), g(this, D, $).call(this), c(this, V, !0), c(this, u, null), c(this, y, null), (a === "running" || a === "finished") && ((!r(this, R) || r(this, R).state === "resolved") && g(this, nt, ht).call(this), r(this, w).task = "play", r(this, k).forEach((L) => L.pause())), a === "paused" && f !== null && c(this, y, f * m), C && ((!r(this, R) || r(this, R).state === "resolved") && g(this, nt, ht).call(this), a === "paused" ? r(this, w).task = "pause" : r(this, w).task = "play"), r(this, u) !== null && c(this, y, null), g(this, W, F).call(this, !1);
+    else if (Z) {
+      if (c(this, p, t), S) {
+        if (l !== null && f !== null) {
+          const { endTime: L = 0 } = ((n = r(this, x)) == null ? void 0 : n.getComputedTiming()) ?? {}, M = h(L, "ms");
+          this.currentTime = f * M;
         }
         switch (a) {
           case "paused":
-            i(this, k).forEach((M) => M.pause());
+            r(this, k).forEach((L) => L.pause());
             break;
           case "running":
           case "finished":
-            i(this, k).forEach((M) => M.play());
+            r(this, k).forEach((L) => L.play());
         }
       }
     } else
       throw TypeError("Unsupported timeline: " + t);
   }
   set effect(t) {
-    if (t !== i(this, x)) {
-      if (this.pending && f(this, q, tt).call(this), i(this, x) && A.delete(i(this, x)), t) {
-        const e = A.get(t);
-        e && (e.effect = null), A.set(t, this);
+    if (t !== r(this, x)) {
+      if (this.pending && g(this, z, it).call(this), r(this, x) && N.delete(r(this, x)), t) {
+        const e = N.get(t);
+        e && (e.effect = null), N.set(t, this);
       }
-      c(this, x, t), f(this, gt, Mt).call(this), f(this, I, V).call(this, !1);
+      c(this, x, t), g(this, Tt, Ut).call(this), g(this, W, F).call(this, !1);
     }
   }
   get ready() {
-    return i(this, S).promise;
+    return r(this, R).promise;
   }
   get finished() {
-    return i(this, P).promise;
+    return r(this, P).promise;
   }
   get playState() {
     var t;
     let { endTime: e = 0 } = ((t = this.effect) == null ? void 0 : t.getComputedTiming()) ?? {};
-    const n = i(this, d) instanceof E ? "percent" : "ms", r = h(this.startTime, n), a = h(this.currentTime, n);
-    return e = h(e, n), a === null && r === null && i(this, v).task === null ? "idle" : i(this, v).task === "pause" || r === null && i(this, v).task !== "play" ? "paused" : a !== null && (i(this, W) > 0 && a >= e || i(this, W) < 0 && a <= 0) ? "finished" : "running";
+    const n = r(this, p) instanceof b ? "percent" : "ms", i = h(this.startTime, n), a = h(this.currentTime, n);
+    return e = h(e, n), a === null && i === null && r(this, w).task === null ? "idle" : r(this, w).task === "pause" || i === null && r(this, w).task !== "play" ? "paused" : a !== null && (r(this, I) > 0 && a >= e || r(this, I) < 0 && a <= 0) ? "finished" : "running";
   }
   get playbackRate() {
-    return i(this, W);
+    return r(this, I);
   }
   get replaceState() {
-    return i(this, ht);
+    return r(this, dt);
   }
   get pending() {
-    return i(this, S).state === "pending";
+    return r(this, R).state === "pending";
   }
   get currentTime() {
     var t;
     const e = ((t = this.timeline) == null ? void 0 : t.currentTime) ?? null;
-    if (i(this, y)) {
+    if (r(this, y)) {
       if (typeof e == "number")
-        return i(this, y);
-      const a = i(this, d) instanceof E ? "percent" : "ms";
-      return new CSSUnitValue(i(this, y), a);
+        return r(this, y);
+      const a = r(this, p) instanceof b ? "percent" : "ms";
+      return new CSSUnitValue(r(this, y), a);
     }
-    if (e === null || i(this, u) === null)
+    if (e === null || r(this, u) === null)
       return null;
-    const n = i(this, d) instanceof E ? "percent" : "ms";
-    let r = (h(e, n) - i(this, u)) * this.playbackRate;
-    return r === -0 && (r = 0), typeof e == "number" ? r : new CSSUnitValue(r, n);
+    const n = r(this, p) instanceof b ? "percent" : "ms";
+    let i = (h(e, n) - r(this, u)) * this.playbackRate;
+    return i === -0 && (i = 0), typeof e == "number" ? i : new CSSUnitValue(i, n);
   }
   get startTime() {
     var t;
-    if (i(this, u) === null)
+    if (r(this, u) === null)
       return null;
     if (typeof (((t = this.timeline) == null ? void 0 : t.currentTime) ?? null) == "number")
-      return i(this, u);
-    const e = i(this, d) instanceof E ? "percent" : "ms";
-    return new CSSUnitValue(i(this, u), e);
+      return r(this, u);
+    const e = r(this, p) instanceof b ? "percent" : "ms";
+    return new CSSUnitValue(r(this, u), e);
   }
   get timeline() {
-    return i(this, d);
+    return r(this, p);
   }
   get effect() {
-    return i(this, x);
+    return r(this, x);
   }
 };
-d = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), ht = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), ot = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), mt = /* @__PURE__ */ new WeakSet(), Rt = function(s) {
+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(s) {
   var t;
-  const e = h(((t = i(this, d)) == null ? void 0 : t.currentTime) ?? null);
+  const e = h(((t = r(this, p)) == null ? void 0 : t.currentTime) ?? null);
   if (s === null && e !== null)
     throw new TypeError();
-  s === null || e === null || (s = h(s), c(this, O, !1), i(this, y) !== null || i(this, u) === null || i(this, d) instanceof E && i(this, d).phase === "inactive" || i(this, W) === 0 ? c(this, y, s) : c(this, u, e - s / i(this, W)), i(this, d) instanceof E && i(this, d).phase === "inactive" && c(this, u, null), c(this, z, null));
-}, Q = /* @__PURE__ */ new WeakSet(), lt = function() {
-  i(this, S).state !== "pending" && c(this, S, new nt()), cancelAnimationFrame(i(this, ot)), c(this, ot, requestAnimationFrame(() => {
+  s === null || e === null || (s = h(s), c(this, V, !1), r(this, y) !== null || r(this, u) === null || r(this, p) instanceof b && r(this, p).phase === "inactive" || r(this, I) === 0 ? c(this, y, s) : c(this, u, e - s / r(this, I)), r(this, p) instanceof b && r(this, p).phase === "inactive" && c(this, u, null), c(this, G, null));
+}, nt = /* @__PURE__ */ new WeakSet(), ht = function() {
+  r(this, R).state !== "pending" && c(this, R, new rt()), cancelAnimationFrame(r(this, ct)), c(this, ct, requestAnimationFrame(() => {
     var s;
-    (((s = i(this, d)) == null ? void 0 : s.currentTime) ?? null) !== null && (f(this, Ct, zt).call(this), i(this, v).task === "play" && (i(this, u) !== null || i(this, y) !== null) ? f(this, kt, Kt).call(this) : i(this, v).task === "pause" && f(this, xt, qt).call(this), Promise.all(i(this, k).map((t) => t.finished)).then(i(this, yt)), Promise.all(i(this, k).map((t) => new Promise((e) => t.onremove = e))).then(i(this, Pt)), Promise.all(i(this, k).map((t) => new Promise((e) => t.oncancel = e))).then(i(this, Lt)).then(() => c(this, ht, "removed")));
+    (((s = r(this, p)) == null ? void 0 : s.currentTime) ?? null) !== null && (g(this, At, Qt).call(this), r(this, w).task === "play" && (r(this, u) !== null || r(this, y) !== null) ? g(this, Dt, _t).call(this) : r(this, w).task === "pause" && g(this, Nt, Jt).call(this), Promise.all(r(this, k).map((t) => t.finished)).then(r(this, St)), Promise.all(r(this, k).map((t) => new Promise((e) => t.onremove = e))).then(r(this, Wt)), Promise.all(r(this, k).map((t) => new Promise((e) => t.oncancel = e))).then(r(this, It)).then(() => c(this, dt, "removed")));
   }));
-}, q = /* @__PURE__ */ new WeakSet(), tt = function() {
-  cancelAnimationFrame(i(this, ot)), i(this, v).task = null;
-}, kt = /* @__PURE__ */ new WeakSet(), Kt = function() {
+}, z = /* @__PURE__ */ new WeakSet(), it = function() {
+  cancelAnimationFrame(r(this, ct)), r(this, w).task = null;
+}, Dt = /* @__PURE__ */ new WeakSet(), _t = function() {
   var s;
   const t = ((s = this.timeline) == null ? void 0 : s.currentTime) ?? null;
   if (t === null)
     return;
-  const e = i(this, d) instanceof E ? "percent" : "ms";
-  if (i(this, y) !== null)
-    f(this, D, $).call(this), this.playbackRate === 0 ? c(this, u, h(t, e)) : (c(this, u, h(t, e) - i(this, y) / this.playbackRate), c(this, y, null));
-  else if (i(this, u) !== null && i(this, v).playbackRate !== null) {
-    const n = (h(t, e) - i(this, u)) * this.playbackRate;
-    f(this, D, $).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);
-  }
-  i(this, S).state === "pending" && i(this, S).resolve(this), f(this, I, V).call(this, !1), f(this, B, G).call(this), i(this, v).task = null, this.timeline instanceof DocumentTimeline && i(this, k).forEach((n) => n.play());
-}, xt = /* @__PURE__ */ new WeakSet(), qt = function() {
+  const e = r(this, p) instanceof b ? "percent" : "ms";
+  if (r(this, y) !== null)
+    g(this, D, $).call(this), this.playbackRate === 0 ? c(this, u, h(t, e)) : (c(this, u, h(t, e) - r(this, y) / this.playbackRate), c(this, y, null));
+  else if (r(this, u) !== null && r(this, w).playbackRate !== null) {
+    const n = (h(t, e) - r(this, u)) * this.playbackRate;
+    g(this, D, $).call(this);
+    const i = this.playbackRate;
+    i === 0 ? (c(this, y, null), c(this, u, h(t, e))) : c(this, u, h(t, e) - n / i);
+  }
+  r(this, R).state === "pending" && r(this, R).resolve(this), g(this, W, F).call(this, !1), g(this, B, X).call(this), r(this, w).task = null, this.timeline instanceof DocumentTimeline && r(this, k).forEach((n) => n.play());
+}, Nt = /* @__PURE__ */ new WeakSet(), Jt = function() {
   var s;
   const t = ((s = this.timeline) == null ? void 0 : s.currentTime) ?? null;
   if (t === null)
     return;
-  const e = i(this, d) instanceof E ? "percent" : "ms", n = t;
-  i(this, u) !== null && i(this, y) === null && c(this, y, (h(n, e) - i(this, u)) * this.playbackRate), f(this, D, $).call(this), c(this, u, null), i(this, S).resolve(this), f(this, I, V).call(this, !1), f(this, B, G).call(this), i(this, v).task = null, i(this, k).forEach((r) => r.pause());
-}, Ct = /* @__PURE__ */ new WeakSet(), zt = function() {
-  if (i(this, O) && !(!i(this, d) || !i(this, d).currentTime) && !(this.playState === "idle" || this.playState === "paused" && i(this, y) !== null)) {
-    if (i(this, d) instanceof E) {
-      const s = i(this, v).playbackRate ?? this.playbackRate;
+  const e = r(this, p) instanceof b ? "percent" : "ms", n = t;
+  r(this, u) !== null && r(this, y) === null && c(this, y, (h(n, e) - r(this, u)) * this.playbackRate), g(this, D, $).call(this), c(this, u, null), r(this, R).resolve(this), g(this, W, F).call(this, !1), g(this, B, X).call(this), r(this, w).task = null, r(this, k).forEach((i) => i.pause());
+}, At = /* @__PURE__ */ new WeakSet(), Qt = function() {
+  if (r(this, V) && !(!r(this, p) || !r(this, p).currentTime) && !(this.playState === "idle" || this.playState === "paused" && r(this, y) !== null)) {
+    if (r(this, p) instanceof b) {
+      const s = r(this, w).playbackRate ?? this.playbackRate;
       c(this, u, s >= 0 ? 0 : 100);
     } else
-      c(this, u, h(i(this, d).currentTime, "ms"));
+      c(this, u, h(r(this, p).currentTime, "ms"));
     c(this, y, null);
   }
-}, B = /* @__PURE__ */ new WeakSet(), G = function() {
+}, B = /* @__PURE__ */ new WeakSet(), X = function() {
   var s;
-  const t = ((s = i(this, d)) == null ? void 0 : s.currentTime) ?? null;
+  const t = ((s = r(this, p)) == null ? void 0 : s.currentTime) ?? null;
   if (t === null)
     return;
-  const e = i(this, x), n = i(this, d) instanceof E ? Le(t, e?.getTiming()) : Et(t);
-  let r = null;
-  if (i(this, u) !== null) {
+  const e = r(this, x), n = r(this, p) instanceof b ? $e(t, e?.getTiming()) : kt(t);
+  let i = null;
+  if (r(this, u) !== null) {
     const a = h(t, "percent") === (this.playbackRate < 0 ? 0 : 100) ? this.playbackRate < 0 ? 1e-3 : -1e-3 : 0;
-    r = (n - i(this, u)) * this.playbackRate, r += a;
-  } else if (i(this, y) !== null)
-    r = i(this, y);
+    i = (n - r(this, u)) * this.playbackRate, i += a;
+  } else if (r(this, y) !== null)
+    i = r(this, y);
   else
     return;
-  i(this, k).forEach((a) => a.currentTime = r);
-}, ct = /* @__PURE__ */ new WeakMap(), gt = /* @__PURE__ */ new WeakSet(), Mt = function() {
+  r(this, k).forEach((a) => a.currentTime = i);
+}, ut = /* @__PURE__ */ new WeakMap(), Tt = /* @__PURE__ */ new WeakSet(), Ut = function() {
   var s;
-  let t = i(this, x);
-  const e = [];
-  if (t instanceof Ot)
+  const t = r(this, x), e = [];
+  if (t instanceof qt)
     for (let n = 0; n < t.children.length; n++) {
-      const r = new se(t.children.item(n));
-      if (t instanceof $e && n > 0) {
+      const i = new fe(t.children.item(n));
+      if (t instanceof ze && n > 0) {
         const { endTime: a = null } = ((s = e[n - 1].effect) == null ? void 0 : s.getComputedTiming()) ?? {};
-        r.startTime = h(a, "ms");
+        i.startTime = h(a, "ms");
       }
-      e.push(r);
+      e.push(i);
     }
   else {
-    const n = i(this, d) instanceof E ? document.timeline : i(this, d);
-    e.push(new Me(t, n));
+    const n = r(this, p) instanceof b ? document.timeline : r(this, p);
+    e.push(new We(t, n));
   }
   c(this, k, e);
-}, I = /* @__PURE__ */ new WeakSet(), V = function(s) {
+}, W = /* @__PURE__ */ new WeakSet(), F = function(s) {
   var t, e;
-  const n = ((t = i(this, d)) == null ? void 0 : t.currentTime) ?? null, r = i(this, d) instanceof E ? "percent" : "ms";
-  let a = h(this.currentTime, r);
-  if (a && i(this, u) !== null && !this.pending) {
-    let { delay: o = 0, endDelay: l = 0, iterations: m = 1, duration: p = "auto" } = ((e = i(this, x)) == null ? void 0 : e.getTiming()) ?? {};
-    const w = i(this, v).playbackRate ?? this.playbackRate;
-    if (p === "auto")
-      p = i(this, d) instanceof E ? It : 0;
-    else if (p instanceof CSSNumericValue)
-      p = p.to("ms").value;
-    else if (typeof p == "string")
+  const n = ((t = r(this, p)) == null ? void 0 : t.currentTime) ?? null, i = r(this, p) instanceof b ? "percent" : "ms", a = h(this.currentTime, i);
+  if (a && r(this, u) !== null && !this.pending) {
+    let { delay: o = 0, endDelay: l = 0, iterations: f = 1, duration: d = "auto" } = ((e = r(this, x)) == null ? void 0 : e.getTiming()) ?? {};
+    const m = r(this, w).playbackRate ?? this.playbackRate;
+    if (d === "auto")
+      d = r(this, p) instanceof b ? jt : 0;
+    else if (d instanceof CSSNumericValue)
+      d = d.to("ms").value;
+    else if (typeof d == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    const R = o + p * m + l;
-    let T = h(i(this, z), r);
-    w > 0 && a >= R && i(this, z) !== null ? ((T === null || T < R) && (T = R), c(this, y, s ? a : T)) : w < 0 && a <= 0 ? ((T === null || T > 0) && (T = 0), c(this, y, s ? a : T)) : w !== 0 && (s && i(this, y) !== null && (n !== null ? c(this, u, h(n, r) - i(this, y) / w) : c(this, u, null)), c(this, y, null));
+    const S = o + d * f + l;
+    let E = h(r(this, G), i);
+    m > 0 && a >= S && r(this, G) !== null ? ((E === null || E < S) && (E = S), c(this, y, s ? a : E)) : m < 0 && a <= 0 ? ((E === null || E > 0) && (E = 0), c(this, y, s ? a : E)) : m !== 0 && (s && r(this, y) !== null && (n !== null ? c(this, u, h(n, i) - r(this, y) / m) : c(this, u, null)), c(this, y, null));
   }
-  f(this, B, G).call(this), c(this, z, this.currentTime), this.playState === "finished" ? i(this, P).state === "pending" && i(this, yt).call(this) : i(this, P).state === "resolved" && c(this, P, new nt());
+  g(this, B, X).call(this), c(this, G, this.currentTime), this.playState === "finished" ? r(this, P).state === "pending" && r(this, St).call(this) : r(this, P).state === "resolved" && c(this, P, new rt());
 }, D = /* @__PURE__ */ new WeakSet(), $ = function() {
-  i(this, v).playbackRate && (this.playbackRate = i(this, v).playbackRate), i(this, v).playbackRate = null;
-}, yt = /* @__PURE__ */ new WeakMap(), Lt = /* @__PURE__ */ new WeakMap(), Pt = /* @__PURE__ */ new WeakMap();
-let Oe = se;
-var et, Dt, re;
-class At extends Ot {
-  constructor(t, e = ut) {
-    super(t), g(this, Dt), g(this, et, void 0), c(this, et, {
-      ...ut,
+  r(this, w).playbackRate && (this.playbackRate = r(this, w).playbackRate), r(this, w).playbackRate = null;
+}, St = /* @__PURE__ */ new WeakMap(), It = /* @__PURE__ */ new WeakMap(), Wt = /* @__PURE__ */ new WeakMap();
+let He = fe;
+var st, $t, pe;
+class Ot extends qt {
+  constructor(t, e = pt) {
+    super(t), v(this, $t), v(this, st, void 0), c(this, st, {
+      ...pt,
       ...e
     }), t.forEach((n) => n.updateTiming());
   }
@@ -1215,32 +1271,32 @@ class At extends Ot {
     super.append(...t), t.forEach((e) => e.updateTiming());
   }
   getTiming() {
-    return i(this, et);
+    return r(this, st);
   }
   getComputedTiming() {
     const t = this.getTiming(), e = { ...t };
-    for (let w = 0; w < this.children.length; w++) {
-      const R = this.children.item(w);
-      if (!R)
+    for (let m = 0; m < this.children.length; m++) {
+      const S = this.children.item(m);
+      if (!S)
         continue;
       let {
-        delay: T = 0,
-        endDelay: X = 0,
+        delay: E = 0,
+        endDelay: Z = 0,
         duration: C = "auto",
-        activeDuration: M = 0,
-        endTime: L = 0
-      } = R.getComputedTiming();
-      t.delay = t.delay ? Math.min(t.delay, T) : T, t.endDelay = t.endDelay ? Math.max(t.endDelay, X) : X, e.endTime = e.endTime ? Math.max(h(e.endTime, "ms"), h(L, "ms")) : L, e.activeDuration = e.activeDuration ? Math.max(h(e.activeDuration, "ms"), h(M, "ms")) : M, t.duration = t.duration instanceof CSSNumericValue ? t.duration.to("ms").value : t.duration, C = C instanceof CSSNumericValue ? C.to("ms").value : C, typeof C != "string" && (t.duration === "auto" ? t.duration = h(C, "ms") : typeof t.duration != "string" && (t.duration = t.duration ? Math.max(t.duration, C) : C));
+        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));
     }
-    const { timeline: n, startTime: r, currentTime: a } = A.get(this) ?? {}, o = n instanceof E ? "percent" : "ms";
-    let { duration: l = 0, iterations: m = 1, endTime: p = 0 } = e;
+    const { timeline: n, startTime: i, 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 = Et(l) * m, e.startTime = r ?? void 0, e.localTime = a, e.currentIteration = ne(e, ee(e, i(this, Dt, re))), n instanceof E ? $t(e) : (n instanceof DocumentTimeline && (e.progress = a && h(a, o) / h(p, o)), e);
+    return e.duration = l, e.activeDuration = kt(l) * f, e.startTime = i ?? void 0, e.localTime = a, e.currentIteration = ue(e, he(e, r(this, $t, pe))), n instanceof b ? Bt(e) : (n instanceof DocumentTimeline && (e.progress = a && h(a, o) / h(d, o)), e);
   }
   updateTiming(t) {
-    c(this, et, {
-      ...i(this, et),
+    c(this, st, {
+      ...r(this, st),
       ...t
     });
     for (let e = 0; e < this.children.length; e++) {
@@ -1249,12 +1305,12 @@ class At extends Ot {
     }
   }
 }
-et = /* @__PURE__ */ new WeakMap(), Dt = /* @__PURE__ */ new WeakSet(), re = function() {
-  const { playbackRate: s = 1 } = A.get(this) ?? {};
+st = /* @__PURE__ */ new WeakMap(), $t = /* @__PURE__ */ new WeakSet(), pe = function() {
+  const { playbackRate: s = 1 } = N.get(this) ?? {};
   return s < 0 ? "backwards" : "forwards";
 };
-class Ve extends st {
-  ref = K();
+class Ge extends at {
+  ref = q();
   #t = null;
   #e = null;
   state = {
@@ -1273,24 +1329,24 @@ class Ve extends st {
     return this.#e;
   }
   getKeyframeProperties(t, e) {
-    const n = {}, r = window.getComputedStyle(t);
+    const n = {}, i = window.getComputedStyle(t);
     for (const a of e) {
       let o;
-      a === "offset" ? o = "cssOffset" : a === "float" ? o = "cssFloat" : o = me(a), n[o] = r.getPropertyValue(a);
+      a === "offset" ? o = "cssOffset" : a === "float" ? o = "cssFloat" : o = Se(a), n[o] = i.getPropertyValue(a);
     }
     return n;
   }
   copyStyles(t, e, n) {
-    if (!ke(t))
+    if (!Ae(t))
       return;
-    const r = window.getComputedStyle(t);
+    const i = window.getComputedStyle(t);
     for (const a of n) {
-      const o = r.getPropertyValue(a), l = r.getPropertyPriority(a);
+      const o = i.getPropertyValue(a), l = i.getPropertyPriority(a);
       e.style.setProperty(a, o, l);
     }
   }
   getAnimationEffect(t, e) {
-    const n = new Array(), r = {
+    const n = new Array(), i = {
       fill: "both",
       duration: "auto",
       easing: "ease"
@@ -1304,7 +1360,7 @@ class Ve extends st {
               { transform: o, opacity: 1 },
               { transform: l, opacity: 0 }
             ],
-            r
+            i
           )
         ), n.push(
           new KeyframeEffect(
@@ -1313,7 +1369,7 @@ class Ve extends st {
               { transform: o },
               { transform: l }
             ],
-            r
+            i
           )
         );
         break;
@@ -1326,7 +1382,7 @@ class Ve extends st {
               { opacity: 0, offset: 0.5 },
               { transform: l, opacity: 0 }
             ],
-            r
+            i
           )
         ), n.push(
           new KeyframeEffect(
@@ -1336,7 +1392,7 @@ class Ve extends st {
               { opacity: 0, offset: 0.5 },
               { transform: l, opacity: 1 }
             ],
-            r
+            i
           )
         );
         break;
@@ -1348,7 +1404,7 @@ class Ve extends st {
               { transform: o, opacity: 1 },
               { transform: l, opacity: 0 }
             ],
-            r
+            i
           )
         ), n.push(
           new KeyframeEffect(
@@ -1357,12 +1413,12 @@ class Ve extends st {
               { transform: o },
               { transform: l }
             ],
-            r
+            i
           )
         );
         break;
       case "morph": {
-        const m = Array.from(/* @__PURE__ */ new Set([...t.instance.styles, ...e.instance.styles]));
+        const f = Array.from(/* @__PURE__ */ new Set([...t.instance.styles, ...e.instance.styles]));
         n.push(
           new KeyframeEffect(
             e.clone,
@@ -1375,19 +1431,19 @@ class Ve extends st {
               },
               {
                 ...Object.fromEntries((e.instance.ref.current?.firstElementChild).attributeStyleMap),
-                ...this.getKeyframeProperties(e.instance.ref.current?.firstElementChild, m),
+                ...this.getKeyframeProperties(e.instance.ref.current?.firstElementChild, f),
                 transform: l,
                 width: `${e.rect.width}px`,
                 height: `${e.rect.height}px`
               }
             ],
-            r
+            i
           )
         );
         break;
       }
     }
-    return new At(n);
+    return new Ot(n);
   }
   get animationEffect() {
     const t = this.outgoingScreen?.current?.sharedElementScene, e = this.incomingScreen?.current?.sharedElementScene;
@@ -1395,27 +1451,27 @@ class Ve extends st {
       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);
+    for (const [i, a] of Array.from(e.nodes.entries())) {
+      const o = a.getBoundingClientRect(), l = t.nodes.get(i);
       if (!l?.canTransition || !a.canTransition)
         continue;
-      const m = l.getBoundingClientRect(), p = a.clone(), w = l.clone();
-      if (!w || !p)
+      const f = l.getBoundingClientRect(), d = a.clone(), m = l.clone();
+      if (!m || !d)
         continue;
-      const R = Array.from(/* @__PURE__ */ new Set([...l.styles, ...a.styles]));
-      a.transitionType !== "morph" ? (w.id = `${r}-start`, w.style.position = "absolute", w.style.gridArea = "1 / 1", w.style.margin = "0", this.copyStyles(l.ref.current?.firstElementChild, w, R), this.copyStyles(a.ref.current?.firstElementChild, p, R), w.style.width = `${m.width}px`, w.style.height = `${m.height}px`, p.style.width = `${o.width}px`, p.style.height = `${o.height}px`, this.ref.current?.prepend(w)) : (this.copyStyles(l.ref.current?.firstElementChild, p, R), p.style.width = `${m.width}px`, p.style.height = `${m.height}px`), p.id = `${r}${a.transitionType === "morph" ? "" : "-end"}`, p.style.position = "absolute", p.style.gridArea = "1 / 1", p.style.margin = "0", this.ref.current?.prepend(p), l.hide(), a.hide();
-      const T = async () => {
-        this.props.direction === "forwards" ? a.unhide() : l.unhide(), p.remove(), w.remove();
+      const S = Array.from(/* @__PURE__ */ new Set([...l.styles, ...a.styles]));
+      a.transitionType !== "morph" ? (m.id = `${i}-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 = `${i}${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.navigation.addEventListener("transition-end", T, { once: !0 }), this.props.navigation.addEventListener("transition-cancel", T, { once: !0 }), n.push(this.getAnimationEffect(
-        { instance: l, clone: w, rect: m },
-        { instance: a, clone: p, rect: o }
+      this.props.navigation.addEventListener("transition-end", E, { once: !0 }), this.props.navigation.addEventListener("transition-cancel", E, { once: !0 }), n.push(this.getAnimationEffect(
+        { instance: l, clone: m, rect: f },
+        { instance: a, clone: d, rect: o }
       ));
     }
-    return new At(n);
+    return new Ot(n);
   }
   render() {
-    return /* @__PURE__ */ b("dialog", { className: "shared-element-layer", ref: this.ref, style: {
+    return /* @__PURE__ */ T("dialog", { className: "shared-element-layer", ref: this.ref, style: {
       maxWidth: "unset",
       maxHeight: "unset",
       width: "100vw",
@@ -1425,37 +1481,28 @@ class Ve extends st {
       border: "none",
       backgroundColor: "transparent",
       isolation: "isolate"
-    }, children: /* @__PURE__ */ b("style", { children: `
-                    .shared-element-layer::backdrop {display: none}
-                    .shared-element-layer[open] {display:grid}
-                ` }) });
+    }, children: /* @__PURE__ */ T("style", { children: `
+            .shared-element-layer::backdrop {display: none}
+            .shared-element-layer[open] {display:grid}
+          ` }) });
   }
 }
-const ae = it(0);
-class je extends st {
-  sharedElementTransitionLayer = K();
-  animation = new Oe();
+class Xe extends at {
+  sharedElementTransitionLayer = q();
+  animation = new He();
   #t = "normal";
   #e = [];
   state = {
-    gestureNavigating: !1,
-    progress: 1
+    gestureNavigating: !1
   };
-  onAnimationFrame() {
-    const t = this.animation.effect?.getComputedTiming().progress;
-    t && this.onProgress(t), this.animation.playState === "running" && requestAnimationFrame(this.onAnimationFrame.bind(this));
-  }
   onTransitionCancel() {
-    this.props.navigation.dispatchEvent(new ye());
+    this.props.navigation.dispatchEvent(new xe());
   }
   onTransitionStart() {
-    this.props.navigation.dispatchEvent(new ge()), this.onAnimationFrame();
+    this.props.navigation.dispatchEvent(new ke());
   }
   onTransitionEnd() {
-    this.props.navigation.dispatchEvent(new ve());
-  }
-  onProgress(t) {
-    this.setState({ progress: t }), this.props.navigation.dispatchEvent(new we(t));
+    this.props.navigation.dispatchEvent(new Ce());
   }
   get screens() {
     return this.#e;
@@ -1473,8 +1520,8 @@ class je extends st {
     return this.props.hasUAVisualTransition;
   }
   transition() {
-    const t = new At(
-      this.screens.map((r) => r.current?.transitionProvider?.current?.animationEffect ?? null).filter((r) => r !== null)
+    const t = new Ot(
+      this.screens.map((i) => i.current?.transitionProvider?.current?.animationEffect ?? null).filter((i) => i !== null)
     ), e = this.sharedElementTransitionLayer.current?.animationEffect, n = t.getComputedTiming().duration;
     return e && (e.updateTiming({
       duration: n instanceof CSSNumericValue ? n.to("ms").value : n
@@ -1482,19 +1529,20 @@ class je extends st {
       this.sharedElementTransitionLayer.current?.ref.current?.close(), this.onTransitionCancel(), this.animation.effect = null;
     }, this.animation.finished.then(() => {
       this.animation.commitStyles(), this.onTransitionEnd(), this.sharedElementTransitionLayer.current?.ref.current?.close(), this.animation.effect = null;
+    }).catch(() => {
     }), this.animation;
   }
   render() {
-    return /* @__PURE__ */ Gt(_t.Provider, { value: this, children: [
-      /* @__PURE__ */ b(
-        Ve,
+    return /* @__PURE__ */ te(Ft.Provider, { value: this, children: [
+      /* @__PURE__ */ T(
+        Ge,
         {
           ref: this.sharedElementTransitionLayer,
           navigation: this.props.navigation,
           direction: this.animation.playbackRate > 0 ? "forwards" : "backwards"
         }
       ),
-      /* @__PURE__ */ b(
+      /* @__PURE__ */ T(
         "div",
         {
           className: this.props.id,
@@ -1503,62 +1551,78 @@ class je extends st {
             height: "100%",
             display: "grid",
             contain: "layout",
-            isolation: "isolate",
-            "--motion-progress": this.state.progress
+            isolation: "isolate"
           },
-          children: /* @__PURE__ */ b(ae.Provider, { value: this.state.progress, children: this.props.children })
+          children: this.props.children
         }
       )
     ] });
   }
 }
-class Nt extends st {
-  ref = K();
-  screenTransitionLayer = K();
+class Rt extends at {
+  ref = q();
+  screenTransitionLayer = q();
   parent = null;
   #t = null;
   loadDispatched = !1;
   hasUAVisualTransition = !1;
   parentScreen = null;
   static rootRouterRef = null;
-  static contextType = Jt;
+  static contextType = oe;
   constructor(t, e) {
-    super(t), this.parentScreen = e?.parentScreen ?? null, this.parent = e?.parentRouter ?? null, this.parent && (this.parent.child = this), this.isRoot && (Nt.rootRouterRef = new WeakRef(this));
+    super(t), this.parentScreen = e?.parentScreen ?? null, this.parent = e?.parentRouter ?? null;
   }
   componentDidMount() {
-    this.isRoot && window.navigation.addEventListener("navigate", this.handleNavigationDispatch), this.loadDispatched || (window.navigation.dispatchEvent(new Ee()), this.loadDispatched = !0);
+    if (this.parent)
+      this.parent.child = this;
+    else {
+      const t = Rt.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(
+        "navigate",
+        this.handleNavigationDispatch
+      );
+    }
+    this.loadDispatched || (window.navigation.dispatchEvent(new Le()), this.loadDispatched = !0);
   }
   componentWillUnmount() {
-    this.isRoot && window.navigation.removeEventListener("navigate", this.handleNavigationDispatch);
+    this.isRoot && window.navigation.removeEventListener(
+      "navigate",
+      this.handleNavigationDispatch
+    );
   }
   handleNavigationDispatch = (t) => {
-    const n = [...this.#e()].findLast((r) => r.canIntercept(t));
+    const n = [...this.#e()].findLast(
+      (i) => i.canIntercept(t)
+    );
     n && (n.intercept(t), this.hasUAVisualTransition = t.hasUAVisualTransition);
   };
-  *#e() {
-    let t = this;
-    for (; t; )
-      yield t, t = t.child;
+  *#e(t = Rt.rootRouterRef?.deref() ?? null) {
+    let e = t;
+    for (; e; )
+      yield e, e = e.child;
   }
   getRouterById(t, e) {
-    const n = e ?? Nt.rootRouterRef?.deref();
-    return n.id === t ? n ?? null : n?.child ? this.getRouterById(t, n.child) : null;
+    return [...this.#e(e)].find((i) => i.id === t) ?? null;
   }
   dispatchEvent(t) {
     const e = this.ref.current ?? void 0;
-    return pe(t, e);
+    return be(t, e);
   }
   addEventListener(t, e, n) {
-    return this.ref.current?.addEventListener(t, e, n);
+    const i = this.ref.current;
+    return i ? (i.addEventListener(t, e, n), () => i.removeEventListener(t, e, n)) : () => {
+    };
   }
   removeEventListener(t, e, n) {
     return this.ref.current?.removeEventListener(t, e, n);
   }
   screenChildFromPathname(t) {
-    for (const e of jt.toArray(this.props.children)) {
-      if (!Re(e))
+    for (const e of Gt.toArray(this.props.children)) {
+      if (!Ne(e))
         continue;
-      const n = Yt(
+      const n = Xt(
         e.props.path,
         t,
         this.baseURLPattern.pathname,
@@ -1574,9 +1638,12 @@ class Nt extends st {
   }
   preloadScreen(t) {
     const e = t.props.config, n = [];
-    return F(t.props.component) && n.push(t.props.component.load()), F(e?.header?.component) && n.push(e?.header?.component.load()), F(e?.footer?.component) && n.push(e?.footer?.component.load()), Promise.all(n).then(() => {
+    return j(t.props.component) && n.push(t.props.component.load()), j(e?.header?.component) && n.push(e?.header?.component.load()), j(e?.footer?.component) && n.push(e?.footer?.component.load()), Promise.all(n).then(() => {
     });
   }
+  includesRoute(t, e = window.location.origin) {
+    return this.pathPatterns.some(({ pattern: n, caseSensitive: i }) => Xt(n, t, e, i));
+  }
   get id() {
     if (this.props.id)
       return this.props.id;
@@ -1587,14 +1654,20 @@ class Nt extends st {
     return !this.parent;
   }
   get baseURL() {
-    const t = this.isRoot ? window.location.pathname : this.parentScreen?.resolvedPathname, e = this.baseURLPattern.pathname;
-    return Tt(e, t);
+    const t = this.isRoot ? window.location.pathname : this.parentScreen.resolvedPathname, e = this.baseURLPattern.pathname;
+    return Lt(e, t);
   }
   get baseURLPattern() {
     let t = window.location.origin + "/", e = this.props.config?.basePath;
     if (e || (this.isRoot ? e = "/" : e = "."), this.parent && this.parentScreen) {
-      const { resolvedPathname: n = window.location.pathname, path: r } = this.parentScreen, a = this.parent.baseURL?.href, o = new URLPattern({ baseURL: a, pathname: r });
-      t = Tt(
+      const {
+        resolvedPathname: n = window.location.pathname,
+        path: i
+      } = this.parentScreen, a = this.parent.baseURL?.href, o = new URLPattern({
+        baseURL: a,
+        pathname: i
+      });
+      t = Lt(
         o.pathname,
         n
       ).href;
@@ -1602,7 +1675,10 @@ class Nt extends st {
     return new URLPattern({ baseURL: t, pathname: e });
   }
   get pathPatterns() {
-    return jt.map(this.props.children, (t) => ({ pattern: t.props.path, caseSensitive: !!t.props.caseSensitive }));
+    return Gt.map(this.props.children, (t) => ({
+      pattern: t.props.path,
+      caseSensitive: !!t.props.caseSensitive
+    }));
   }
   get mounted() {
     return !!this.ref.current;
@@ -1612,21 +1688,21 @@ class Nt extends st {
   }
   set child(t) {
     const e = this.#t?.deref();
-    if (e && t?.id !== e.id && t?.parentScreen?.id === e.parentScreen?.id && e.mounted)
+    if (e && t !== e && t?.parentScreen?.id === e.parentScreen?.id && e.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.");
     t ? this.#t = new WeakRef(t) : this.#t = null;
   }
   render() {
     if (this.navigation)
-      return /* @__PURE__ */ b(
+      return /* @__PURE__ */ T(
         "div",
         {
           id: this.id,
           className: "react-motion-router",
           style: { width: "100%", height: "100%" },
           ref: this.ref,
-          children: /* @__PURE__ */ b(wt.Provider, { value: this, children: /* @__PURE__ */ b(
-            je,
+          children: /* @__PURE__ */ T(vt.Provider, { value: this, children: /* @__PURE__ */ T(
+            Xe,
             {
               id: `${this.id}-transition-layer`,
               ref: this.screenTransitionLayer,
@@ -1639,11 +1715,13 @@ class Nt extends st {
       );
   }
 }
-class Fe {
+class Ye {
   #t = /* @__PURE__ */ new Map();
   mutationObserver;
   constructor() {
-    this.mutationObserver = new MutationObserver(this.observeMutations.bind(this));
+    this.mutationObserver = new MutationObserver(
+      this.observeMutations.bind(this)
+    );
     const { head: t } = document;
     this.mutationObserver.observe(t, {
       childList: !0
@@ -1651,25 +1729,29 @@ class Fe {
       this.mutationObserver.observe(e, {
         attributes: !0
       });
-    }), Array.from(t.querySelectorAll("meta")).forEach(this.metaDataFromNode.bind(this));
+    }), Array.from(
+      t.querySelectorAll("meta")
+    ).forEach(
+      this.metaDataFromNode.bind(this)
+    );
   }
   get(t) {
-    const e = this.getMetaKey(t), n = this.#t.get(e);
+    const e = this.formatMetaKey(t), n = this.#t.get(e);
     if (!n)
       return;
-    let r;
-    return n.includes(",") && n.includes("=") ? r = n.split(/,\s*/).map((a) => a.split("=")) : r = n, r;
+    let i;
+    return n.includes(",") && n.includes("=") ? i = n.split(/,\s*/).map((a) => a.split("=")) : i = n, i;
   }
   set(t, e) {
-    const n = this.getMetaKey(t), r = this.getMetaContent(e);
-    this.#t.set(n, r), this.updateMetaElement(n, r);
+    const n = this.formatMetaKey(t), i = this.formatMetaContent(e);
+    this.#t.set(n, i), typeof t == "string" && (t = ["name", t]), this.updateMetaElement(t, i);
   }
   has(t) {
-    const e = this.getMetaKey(t);
+    const e = this.formatMetaKey(t);
     return this.#t.has(e);
   }
   delete(t) {
-    const e = this.getMetaKey(t);
+    const e = this.formatMetaKey(t);
     this.#t.delete(e), document.head.querySelector(`meta[${e}]`)?.remove();
   }
   clear() {
@@ -1694,7 +1776,10 @@ class Fe {
         return;
       e.removedNodes.forEach((n) => {
         if (n.nodeName === "META") {
-          const [r] = Array.from(n.attributes).filter((l) => l.nodeName !== "content"), o = [r.nodeName, r.value].join("=");
+          const i = Array.from(n.attributes).find((l) => l.nodeName !== "content");
+          if (!i || !i.value)
+            return;
+          const a = [i.nodeName, i.value], o = this.formatMetaKey(a);
           this.#t.has(o) && this.#t.delete(o);
         }
       }), e.addedNodes.forEach((n) => {
@@ -1703,129 +1788,394 @@ class Fe {
     }
   }
   metaDataFromNode(t) {
-    const [e] = Array.from(t.attributes).filter((o) => o.nodeName !== "content"), [n] = Array.from(t.attributes).filter((o) => o.nodeName === "content"), a = [e.nodeName, e.value].join("=");
+    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;
+    const i = [e.nodeName, e.value], a = this.formatMetaKey(i);
     this.#t.set(a, n?.value);
   }
-  getMetaKey(t) {
+  formatMetaKey(t) {
     let e;
-    return typeof t == "string" ? e = `name=${t}` : e = t.join("="), e;
+    if (typeof t == "string")
+      e = `name="${t}"`;
+    else {
+      const [n, i] = t;
+      e = `${n}="${i}"`;
+    }
+    return e;
   }
-  getMetaContent(t) {
+  formatMetaContent(t) {
     if (!t)
       return;
     let e;
     return typeof t == "string" ? e = t : e = t.map((n) => n.join("=")).join(", "), e;
   }
   updateMetaElement(t, e) {
-    const n = document.querySelector(`meta[${t}]`) || document.createElement("meta"), r = t.split("=");
-    n.setAttribute(...r), e ? n.setAttribute("content", e) : n.removeAttribute("content"), n.parentElement || document.head.appendChild(n);
+    const n = document.querySelector(`meta[${this.formatMetaKey(t)}]`) || document.createElement("meta"), [i, a] = t;
+    n.setAttribute(i, a), e ? n.setAttribute("content", e) : n.removeAttribute("content"), n.parentElement || document.head.appendChild(n);
   }
 }
-class Ut {
+class Vt {
   static rootNavigatorRef = null;
-  metaData = new Fe();
-  constructor() {
-    const t = Ut.rootNavigatorRef?.deref();
-    (!t || !t.isInDocument) && (Ut.rootNavigatorRef = new WeakRef(this));
-  }
-  addEventListener(t, e, n) {
-    return this.router.addEventListener(t, e, n), () => this.router.removeEventListener(t, e, n);
-  }
-  removeEventListener(t, e, n) {
-    return this.router.removeEventListener(t, e, n);
-  }
-  dispatchEvent(t) {
-    return this.router.dispatchEvent?.(t);
-  }
-  get parent() {
-    return this.router.parent?.navigation ?? null;
-  }
-  get routerId() {
-    return this.router.id;
-  }
-  get baseURL() {
-    return this.router.baseURL;
-  }
-  get baseURLPattern() {
-    return this.router.baseURLPattern;
-  }
-  getNavigatorById(t) {
-    return this.router.getRouterById(t)?.navigation ?? null;
+  metaData = new Ye();
+  addEventListener;
+  removeEventListener;
+  dispatchEvent;
+  parent;
+  routerId;
+  baseURL;
+  baseURLPattern;
+  getNavigatorById;
+  constructor(t) {
+    const e = Vt.rootNavigatorRef?.deref();
+    (!e || !e.isInDocument) && (Vt.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;
   }
   get isInDocument() {
     return !!document.getElementById(`${this.routerId}`);
   }
 }
-function nn() {
-  const s = vt(wt);
+function gn() {
+  const s = ft(vt);
   if (s)
     return s.navigation;
   throw new Error("Router is null. You may be trying to call useNavigation outside a Router.");
 }
-function sn() {
-  return vt(wt);
+function vn() {
+  return ft(vt);
 }
-function rn() {
-  return ce("Motion"), vt(ae);
+function yn() {
+  ye("Motion");
+  const s = ft(vt), e = ft(Ft).animation, n = 1;
+  return ie(
+    (i) => {
+      const a = async () => {
+        do
+          await new Promise((o) => {
+            requestAnimationFrame(o);
+          }), i();
+        while (e.playState === "running");
+      };
+      return s.addEventListener("transition-start", a), () => {
+        s.removeEventListener("transition-start", a);
+      };
+    },
+    () => {
+      const { progress: i } = e?.effect?.getComputedTiming() ?? {};
+      return i ?? n;
+    }
+  );
 }
-function Be() {
-  const s = vt(Qt);
+function Ze() {
+  const s = ft(le);
   if (s)
     return s;
   throw new Error("Router is null. You may be trying to call useRoute outside a Router.");
 }
-function an(s, t) {
-  const e = Be(), n = t instanceof Function ? t() : t, r = he(e);
-  ue(() => {
-    r.current = e;
+function wn(s, t) {
+  const e = Ze(), n = t instanceof Function ? t() : t, i = se(e);
+  re(() => {
+    i.current = e;
   }, [e]);
-  const a = de((l) => {
-    const { params: m, setParams: p } = r.current;
-    l instanceof Function && (l = l(m[s] ?? n)), p({ [s]: l });
+  const a = we((l) => {
+    const { params: f, setParams: d } = i.current;
+    l instanceof Function && (l = l(f[s] ?? n)), d({ [s]: l });
   }, [n, s]);
   return [e.params[s] ?? n, a];
 }
-const on = 2147483647, ln = 100, cn = 0, hn = 0, un = 1;
+const mt = "--rerender";
+function En() {
+  return ie(
+    (s) => (globalThis.addEventListener(
+      mt,
+      s,
+      { once: !0 }
+    ), () => {
+      globalThis.removeEventListener(mt, s);
+    }),
+    () => document.timeline.currentTime
+  );
+}
+function bn(s) {
+  const t = se(s);
+  t.current = s, re(() => {
+    const e = t.current;
+    return globalThis.addEventListener(mt, e), () => {
+      globalThis.removeEventListener(mt, e);
+    };
+  });
+}
+function Tn() {
+  globalThis.dispatchEvent(new Event(mt));
+}
+function Sn(s, t) {
+  return Object.create(EventTarget.prototype, {
+    id: {
+      value: crypto.randomUUID(),
+      writable: !1,
+      enumerable: !0,
+      configurable: !1
+    },
+    key: {
+      value: crypto.randomUUID(),
+      writable: !1,
+      enumerable: !0,
+      configurable: !1
+    },
+    index: {
+      value: t,
+      writable: !1,
+      enumerable: !0,
+      configurable: !1
+    },
+    url: {
+      value: s,
+      writable: !1,
+      enumerable: !0,
+      configurable: !1
+    },
+    sameDocument: {
+      value: !0,
+      writable: !1,
+      enumerable: !0,
+      configurable: !1
+    },
+    ondispose: {
+      value: null,
+      writable: !0,
+      enumerable: !0,
+      configurable: !0
+    },
+    getState: {
+      value() {
+      },
+      writable: !1,
+      enumerable: !0,
+      configurable: !1
+    }
+  });
+}
+function Rn() {
+  if (!window.navigation)
+    throw new Error("window.navigation is not available in this environment");
+}
+async function kn() {
+  await new Promise((s) => {
+    window.navigation.addEventListener(
+      "navigatesuccess",
+      s,
+      { once: !0 }
+    );
+  });
+}
+async function Ct(s) {
+  await window.navigation.navigate(s).finished;
+}
+async function xn(s) {
+  await window.navigation.traverseTo(s).finished;
+}
+async function Cn() {
+  const s = window.navigation.entries()[0];
+  await window.navigation.traverseTo(s.key).finished;
+}
+async function Ln() {
+  await Ct("/one"), await Ct("/two"), await Ct("/three");
+}
+const me = (s) => {
+  s.intercept({
+    handler() {
+      return Promise.resolve();
+    }
+  });
+};
+async function Mn() {
+  window.navigation.addEventListener("navigate", me);
+}
+async function Pn() {
+  window.navigation.removeEventListener("navigate", me);
+}
+class H extends Ht.Component {
+  constructor(t) {
+    super(t), this.state = {
+      href: this.href
+    };
+  }
+  anchorRef = Ht.createRef();
+  static directionFromRel(t) {
+    return t?.split(" ").findLast((e) => e === "next" || e === "prev") ?? "prev";
+  }
+  static findClosestEntryByHref(t, e, n, i) {
+    if (!Array.isArray(n) || i < O || i >= n.length || n.length === J)
+      return;
+    let a = i - J, o = i + J;
+    const l = H.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];
+      a--, o++;
+    }
+  }
+  static findClosestEntry(t, e, n) {
+    switch (H.directionFromRel(t)) {
+      case "prev":
+        return e[n - J];
+      case "next":
+        return e[n + J];
+    }
+  }
+  componentDidMount() {
+    window.navigation?.addEventListener("navigatesuccess", this.onNavigate);
+  }
+  componentWillUnmount() {
+    window.navigation?.removeEventListener("navigatesuccess", this.onNavigate);
+  }
+  onNavigate = () => {
+    const { href: t } = this;
+    this.setState({ href: t });
+  };
+  get href() {
+    const { href: t, traverse: e, reload: n, historyEntryKey: i, rel: a } = this.props;
+    if (t === void 0 && e) {
+      let o;
+      return i ? o = window.navigation?.entries().find((l) => l.key === i) : a && (t ? o = H.findClosestEntryByHref(
+        t,
+        a,
+        window.navigation.entries(),
+        window.navigation.currentEntry?.index ?? O
+      ) : o = H.findClosestEntry(
+        a,
+        window.navigation.entries(),
+        window.navigation.currentEntry?.index ?? O
+      )), o?.url;
+    } else if (n)
+      return ".";
+    return t;
+  }
+  handleClick = (t) => {
+    if (this.props.onClick?.(t), t.defaultPrevented)
+      return;
+    t.preventDefault();
+    const e = window.navigation, {
+      rel: n,
+      historyEntryKey: i,
+      reload: a,
+      replace: o,
+      traverse: l,
+      navigateInfo: f,
+      navigateState: d
+    } = this.props, m = this.anchorRef.current?.href;
+    if (i) {
+      e.traverseTo(i, { info: f });
+      return;
+    }
+    if (l) {
+      const S = e.entries();
+      let E;
+      if (m ? E = H.findClosestEntryByHref(
+        m,
+        n,
+        S,
+        e.currentEntry?.index ?? O
+      ) : E = H.findClosestEntry(
+        n,
+        S,
+        e.currentEntry?.index ?? O
+      ), E) {
+        e.traverseTo(E.key, { info: f });
+        return;
+      }
+    }
+    if (o && m) {
+      e.navigate(m, { info: f, state: d, history: "replace" });
+      return;
+    }
+    if (a) {
+      e.reload({ info: f, state: d });
+      return;
+    }
+    m && e.navigate(m, { info: f, state: d });
+  };
+  render() {
+    const {
+      rel: t,
+      children: e
+    } = this.props, { href: n } = this.state, i = Re(this.props, [
+      "historyEntryKey",
+      "navigateInfo",
+      "navigateState",
+      "reload",
+      "replace",
+      "traverse"
+    ]);
+    return /* @__PURE__ */ T(
+      "a",
+      {
+        ...i,
+        ref: this.anchorRef,
+        href: n ?? void 0,
+        rel: t,
+        onClick: this.handleClick,
+        children: e
+      }
+    );
+  }
+}
 export {
-  Ee as LoadEvent,
-  un as MAX_NORM_PROGRESS,
-  ln as MAX_PROGRESS,
-  on as MAX_Z_INDEX,
-  hn as MIN_NORM_PROGRESS,
-  cn as MIN_PROGRESS,
-  ae as MotionContext,
-  tn as MotionProgressEndEvent,
-  we as MotionProgressEvent,
-  Qe as MotionProgressStartEvent,
-  Ut as NavigationBase,
-  Jt as NestedRouterContext,
-  fe as PromiseAllDynamic,
-  Nt as RouterBase,
-  wt as RouterContext,
-  Se as ScreenBase,
-  ze as SharedElement,
-  ye as TransitionCancelEvent,
-  ve as TransitionEndEvent,
-  ge as TransitionStartEvent,
-  Je as cloneAndInject,
-  pe as dispatchEvent,
-  Ge as includesRoute,
-  F as isLazyExoticComponent,
-  te as isNativeLazyExoticComponent,
-  Xe as isNavigationSupported,
-  ke as isStylableElement,
-  Ze as isURLPatternSupported,
-  Re as isValidScreenChild,
-  He as lazy,
-  Yt as matchRoute,
-  _e as polyfillNavigation,
-  Ye as polyfillURLPattern,
-  Tt as resolveBaseURLFromPattern,
-  me as toCamelCase,
-  rn as useMotion,
-  nn as useNavigationBase,
-  an as useParamsBase,
-  Be as useRouteBase,
-  sn as useRouterBase
+  H as Anchor,
+  an as EMPTY_COLLECTION_LENGTH,
+  O as FIRST_INDEX,
+  Ee as LAST_INDEX,
+  Le as LoadEvent,
+  rn as MAX_NORM_PROGRESS,
+  en as MAX_PROGRESS,
+  tn as MAX_Z_INDEX,
+  sn as MIN_NORM_PROGRESS,
+  nn as MIN_PROGRESS,
+  pn as MotionProgressEndEvent,
+  fn as MotionProgressStartEvent,
+  Vt as NavigationBase,
+  oe as NestedRouterContext,
+  Te as PromiseAllSequential,
+  Rt as RouterBase,
+  vt as RouterContext,
+  J as SINGLE_ELEMENT_LENGTH,
+  De as ScreenBase,
+  Qe as SharedElement,
+  xe as TransitionCancelEvent,
+  Ce as TransitionEndEvent,
+  ke as TransitionStartEvent,
+  Rn as assertNavigationAvailable,
+  dn as cloneAndInject,
+  Sn as createHistoryEntry,
+  be as dispatchEvent,
+  Mn as installInterceptor,
+  j as isLazyExoticComponent,
+  ce as isNativeLazyExoticComponent,
+  ln as isNavigationSupported,
+  Ae as isStylableElement,
+  cn as isURLPatternSupported,
+  Ne as isValidScreenChild,
+  on as lazy,
+  Xt as matchRoute,
+  Ct as navTo,
+  Re as omit,
+  un as polyfillNavigation,
+  hn as polyfillURLPattern,
+  Lt as resolveBaseURLFromPattern,
+  Ln as seedHistory,
+  Se as toCamelCase,
+  xn as traverseTo,
+  Cn as traverseToStart,
+  Tn as triggerRerender,
+  Pn as uninstallInterceptor,
+  yn as useMotion,
+  gn as useNavigationBase,
+  wn as useParamsBase,
+  En as useRerender,
+  bn as useRerenderCallback,
+  Ze as useRouteBase,
+  vn as useRouterBase,
+  kn as waitForNavigateSuccess
 };
 //# sourceMappingURL=index.js.map