@react-motion-router/core 2.0.0-beta.sha-20ff5ff → 2.0.0-beta.sha-112968d

package/build/index.js

@@ -1,9 +1,9 @@
-import { jsx as b, jsxs as Ht, Fragment as ae } from "react/jsx-runtime";
-import { createContext as dt, Component as it, createRef as K, lazy as oe, cloneElement as Xt, Suspense as Tt, isValidElement as Zt, Children as Bt, useContext as ht, useDebugValue as le, useSyncExternalStore as ce, useRef as he, useEffect as ue, useCallback as de } from "react";
-const Yt = dt(null);
-class qe extends it {
-  ref = K();
-  static contextType = Yt;
+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 qe extends it {
     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 qe extends it {
     );
   }
 }
-function bt(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 _t(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 = bt(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 ze(s, t, e = window.location.origin) {
-  return s.some(({ pattern: n, caseSensitive: r }) => _t(n, t, e, r));
-}
-function pe(s, t = window) {
+function be(s, t = window) {
   return new Promise((e) => {
     queueMicrotask(() => e(
       t.dispatchEvent(s)
     ));
   });
 }
-function Ge(s) {
-  const t = oe(s);
+function on(s) {
+  const t = ve(s);
   return t.load = async () => (t.module ??= await s(), t.module), t;
 }
-function He() {
+function ln() {
   return !!window.navigation;
 }
-function Xe() {
+function cn() {
   return !!globalThis.URLPattern;
 }
-async function Ze() {
-  const { URLPattern: s } = await import(
-    /*webpackIgnore: true*/
-    "urlpattern-polyfill"
-  );
+async function hn() {
+  const { URLPattern: s } = await import("urlpattern-polyfill");
   globalThis.URLPattern = s;
 }
-async function Ye() {
-  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,44 +112,50 @@ async function Ye() {
     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 _e(s, t) {
-  return Xt(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 Je extends Event {
+class fn extends Event {
   constructor() {
     super("motion-progress-start");
   }
 }
-class Qe extends Event {
+class pn extends Event {
   constructor() {
     super("motion-progress-end");
   }
 }
-class we extends Event {
+class Le extends Event {
   #t = "load";
   #e = !1;
   #c = !0;
@@ -179,7 +183,11 @@ class we 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);
@@ -189,12 +197,12 @@ class we 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?.();
     });
   }
@@ -229,11 +237,11 @@ class we extends Event {
     return this.#i;
   }
 }
-const Wt = dt(null);
-class Ee extends it {
-  ref = K();
-  static contextType = Wt;
-  index = 0;
+const Ft = gt(null);
+class Me extends at {
+  ref = q();
+  static contextType = Ft;
+  index = O;
   exiting = !1;
   state = {
     zIndex: "unset"
@@ -251,16 +259,16 @@ class Ee extends it {
     this.props.navigation.removeEventListener("transition-start", this.onAnimationStart), this.props.navigation.removeEventListener("transition-end", this.onAnimationEnd), this.props.navigation.removeEventListener("transition-cancel", this.onAnimationEnd);
   }
   get animationEffect() {
-    const t = this.props.animation, { animation: e, direction: n, hasUAVisualTransition: r } = this.context, { timeline: a, playbackRate: o } = e, { index: 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) {
@@ -268,7 +276,7 @@ class Ee extends it {
   }
   render() {
     const t = this.props.renderAs, e = this.props.focused ? void 0 : "";
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ T(
       t,
       {
         id: this.props.id,
@@ -287,8 +295,8 @@ class Ee extends it {
     );
   }
 }
-const Jt = dt(null), pt = dt(null), Qt = dt(null);
-class Te {
+const oe = gt(null), vt = gt(null), le = gt(null);
+class Pe {
   id;
   nodes = /* @__PURE__ */ new Map();
   getScreenRect = () => new DOMRect();
@@ -323,12 +331,12 @@ class Te {
     return !this.nodes.size;
   }
 }
-class be extends it {
+class De extends at {
   sharedElementScene;
-  #t = K();
-  ref = K();
+  #t = q();
+  ref = q();
   nestedRouterData;
-  static contextType = pt;
+  static contextType = vt;
   state = {
     focused: !1,
     config: {},
@@ -336,7 +344,12 @@ class be extends it {
     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 } }));
@@ -348,20 +361,24 @@ class be extends it {
     return this.state.focused;
   }
   get name() {
-    return this.props.name ? this.props.name.toLowerCase().replace(/[^\w-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "") : B(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;
-    B(e) ? a = await e.load() : a = { default: e }, B(n) && await n.load(), B(r) && await r.load();
-    const o = this.context.navigation, l = this.routeProp, 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?.({
@@ -402,9 +419,9 @@ class be extends it {
     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(
-      Ee,
+    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,
@@ -412,7 +429,7 @@ class be extends it {
         animation: e.config.animation,
         navigation: t,
         focused: this.state.focused,
-        children: /* @__PURE__ */ b(
+        children: /* @__PURE__ */ T(
           "div",
           {
             id: `${this.context.id}-${this.name}`,
@@ -425,10 +442,58 @@ class be extends it {
               flexDirection: "column",
               pointerEvents: "inherit"
             },
-            children: /* @__PURE__ */ b(Yt.Provider, { value: this.sharedElementScene, children: /* @__PURE__ */ b(Qt.Provider, { value: e, children: /* @__PURE__ */ Ht(Jt.Provider, { value: this.nestedRouterData, children: [
-              /* @__PURE__ */ b(Tt, { 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(Tt, { fallback: /* @__PURE__ */ b(Z, { component: this.props.fallback, route: e, navigation: t }), children: /* @__PURE__ */ b(Z, { component: n, route: e, navigation: t }) }),
-              /* @__PURE__ */ b(Tt, { 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
+                    }
+                  )
+                }
+              )
             ] }) }) })
           }
         )
@@ -436,41 +501,41 @@ class be extends it {
     );
   }
 }
-function Z({ component: s, route: t, navigation: e }) {
-  B(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
     }
-  ) : Zt(n) ? Xt(n, {
+  ) : ne(n) ? ee(n, {
     navigation: e,
     route: t
-  }) : /* @__PURE__ */ b(ae, { children: n });
+  }) : /* @__PURE__ */ T(ge, { children: n });
 }
-function Se(s) {
-  return Zt(s) ? Object.getPrototypeOf(s.type) === be : !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 B(s) {
-  return te(s) && "load" in s;
+function j(s) {
+  return ce(s) && "load" in s;
 }
-function Re(s) {
+function Ae(s) {
   return "style" in s && s.style instanceof CSSStyleDeclaration;
 }
-var ke = Object.defineProperty, xe = (s, t, e) => t in s ? ke(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, j = (s, t, e) => (xe(s, typeof t != "symbol" ? t + "" : t, e), e), It = (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) => (It(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) => (It(s, t, "write to private field"), n ? n.call(s, e) : t.set(s, e), e), f = (s, t, e) => (It(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",
@@ -479,19 +544,19 @@ const ut = {
   fill: "auto",
   iterationStart: 0,
   iterations: 1
-}, $t = 1e3, Ce = window.Animation, ft = 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 Me(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(
@@ -499,20 +564,20 @@ function Me(s, t = ut) {
       "NotSupportedError"
     );
   if (e === "auto")
-    e = $t;
+    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 st(
+  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(
@@ -521,78 +586,78 @@ function Et(s) {
     );
   return s.to("ms").value;
 }
-function Kt(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 Le(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 st(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 = Le(s, t, n), r = Pe(r, 0, 1), Ft(e))
-    return Kt(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] = Kt(r, p);
+    const l = e.min[o], f = e.max[o], d = [l, f];
+    a[o] = Zt(i, d);
   }
   return a;
 }
-function Pe(s, t, e) {
+function Ve(s, t, e) {
   return s < t ? t : e && s > e ? e : s;
 }
-function Ot(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 = $t, 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 De(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":
@@ -600,65 +665,65 @@ function De(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 Ae(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 Ne(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 = De(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 = Ae(s, t, n);
-  return Ne(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 Ue 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 = st(
-          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 = st(
-          { 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") }
@@ -669,8 +734,8 @@ class E extends EventTarget {
         break;
       }
       case "pinch": {
-        const { rangeStart: a, rangeEnd: o } = i(this, N), { scale: l } = t;
-        n = st(
+        const { rangeStart: a, rangeEnd: o } = r(this, A), { scale: l } = t;
+        n = ot(
           l,
           [h(a, ""), h(o, "")],
           // figure out which unit
@@ -679,15 +744,15 @@ class E extends EventTarget {
         break;
       }
       case "rotate": {
-        const { rangeStart: a, rangeEnd: o } = i(this, N), { rotation: l } = t;
-        n = st(
+        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 Ue(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);
@@ -696,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 rt;
-class mt extends ft {
+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, rt, null), c(this, rt, e);
+    super(t), v(this, lt, null), c(this, lt, e);
   }
   get parent() {
-    return i(this, rt);
+    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)
@@ -726,12 +791,12 @@ class mt extends ft {
   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 Ot(e);
+      return Bt(e);
     }
     return e;
   }
@@ -743,12 +808,12 @@ class mt extends ft {
       duration: n.duration instanceof CSSNumericValue ? n.duration.to("ms").value : n.duration,
       ...t
     };
-    let r = i(this, rt);
-    for (; r; ) {
-      const a = r.getTiming();
-      t != null && t.delay && (t.delay += a.delay ?? 0), t != null && t.endDelay && (t.endDelay += a.endDelay ?? 0), t != null && t.iterationStart && (t.iterationStart += a.iterationStart ?? 0), t != null && t.iterations && (t.iterations *= a.iterations ?? 1), t != null && t.playbackRate && (t.playbackRate *= a.playbackRate ?? 1), a.duration && typeof a.duration != "string" && t?.duration === "auto" && (t.duration = h(a.duration, "ms")), r = r.parent;
+    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)
@@ -757,17 +822,17 @@ class mt extends ft {
     return super.updateTiming(t);
   }
 }
-rt = /* @__PURE__ */ new WeakMap();
-var U, _;
-const We = class gt {
+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 gt ? c(e, _, this) : e instanceof ft && (e = new mt(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) {
@@ -776,30 +841,30 @@ const We = class gt {
     };
   }
   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 gt ? c(e, _, this) : e instanceof ft && (e = new mt(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 gt ? c(e, _, this) : e instanceof ft && (e = new mt(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 Vt = We;
-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;
     });
   }
@@ -813,11 +878,11 @@ class nt {
     }), (e = this.nativeReject) == null || e.call(this, t);
   }
 }
-var J, St, ie;
-class Ie extends Vt {
-  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
     });
   }
@@ -828,31 +893,31 @@ class Ie extends Vt {
     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: jt = 0
-      } = M.getComputedTiming();
-      r.activeDuration = r.activeDuration ? h(r.activeDuration, "ms") + h(jt, "ms") : jt, 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 ? Ot(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++) {
@@ -861,28 +926,28 @@ class Ie extends Vt {
     }
   }
 }
-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, ct, v, S, P, u, y, k, z, O, at, W, yt, Rt, Q, ot, q, tt, kt, qt, xt, zt, Ct, Gt, F, G, lt, vt, Mt, I, V, D, $, wt, 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, yt), g(this, Q), g(this, q), g(this, kt), g(this, xt), g(this, Ct), g(this, F), g(this, vt), 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, ct, "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, at, 0), g(this, W, 1), g(this, lt, () => {
-      f(this, F, G).call(this);
-    }), g(this, wt, () => {
+    }), 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;
@@ -893,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",
         {
@@ -906,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, vt, Mt).call(this), e instanceof E && e.addEventListener("update", i(this, lt));
+      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"
@@ -928,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, F, G).call(this), f(this, Q, ot).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, ot).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, ct, "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, yt, 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 mt && (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, F, G).call(this);
+          g(this, D, $).call(this), g(this, W, F).call(this, !1), g(this, B, X).call(this);
           break;
         }
         default:
@@ -993,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, yt, 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, lt));
-    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, lt)), 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, ot).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, ot).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, vt, 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, ct);
+    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(), ct = /* @__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(), at = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), yt = /* @__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(), ot = function() {
-  i(this, S).state !== "pending" && c(this, S, new nt()), cancelAnimationFrame(i(this, at)), c(this, at, 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, Gt).call(this), i(this, v).task === "play" && (i(this, u) !== null || i(this, y) !== null) ? f(this, kt, qt).call(this) : i(this, v).task === "pause" && f(this, xt, zt).call(this), Promise.all(i(this, k).map((t) => t.finished)).then(i(this, wt)), 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, ct, "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, at)), i(this, v).task = null;
-}, kt = /* @__PURE__ */ new WeakSet(), qt = 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, F, G).call(this), i(this, v).task = null, this.timeline instanceof DocumentTimeline && i(this, k).forEach((n) => n.play());
-}, xt = /* @__PURE__ */ new WeakSet(), zt = 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, F, G).call(this), i(this, v).task = null, i(this, k).forEach((r) => r.pause());
-}, Ct = /* @__PURE__ */ new WeakSet(), Gt = 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);
   }
-}, F = /* @__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 ? Me(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);
-}, lt = /* @__PURE__ */ new WeakMap(), vt = /* @__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 Vt)
+  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 Ie && 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 Ce(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 ? $t : 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, F, G).call(this), c(this, z, this.currentTime), this.playState === "finished" ? i(this, P).state === "pending" && i(this, wt).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;
-}, wt = /* @__PURE__ */ new WeakMap(), Lt = /* @__PURE__ */ new WeakMap(), Pt = /* @__PURE__ */ new WeakMap();
-let $e = se;
-var et, Dt, re;
-class At extends Vt {
-  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());
   }
@@ -1209,32 +1271,32 @@ class At extends Vt {
     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 ? Ot(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++) {
@@ -1243,12 +1305,12 @@ class At extends Vt {
     }
   }
 }
-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 Oe extends it {
-  ref = K();
+class Ge extends at {
+  ref = q();
   #t = null;
   #e = null;
   state = {
@@ -1267,24 +1329,24 @@ class Oe extends it {
     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 (!Re(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"
@@ -1298,7 +1360,7 @@ class Oe extends it {
               { transform: o, opacity: 1 },
               { transform: l, opacity: 0 }
             ],
-            r
+            i
           )
         ), n.push(
           new KeyframeEffect(
@@ -1307,7 +1369,7 @@ class Oe extends it {
               { transform: o },
               { transform: l }
             ],
-            r
+            i
           )
         );
         break;
@@ -1320,7 +1382,7 @@ class Oe extends it {
               { opacity: 0, offset: 0.5 },
               { transform: l, opacity: 0 }
             ],
-            r
+            i
           )
         ), n.push(
           new KeyframeEffect(
@@ -1330,7 +1392,7 @@ class Oe extends it {
               { opacity: 0, offset: 0.5 },
               { transform: l, opacity: 1 }
             ],
-            r
+            i
           )
         );
         break;
@@ -1342,7 +1404,7 @@ class Oe extends it {
               { transform: o, opacity: 1 },
               { transform: l, opacity: 0 }
             ],
-            r
+            i
           )
         ), n.push(
           new KeyframeEffect(
@@ -1351,12 +1413,12 @@ class Oe extends it {
               { 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,
@@ -1369,19 +1431,19 @@ class Oe extends it {
               },
               {
                 ...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;
@@ -1389,27 +1451,27 @@ class Oe extends it {
       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",
@@ -1419,28 +1481,28 @@ class Oe extends it {
       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}
+          ` }) });
   }
 }
-class Ve extends it {
-  sharedElementTransitionLayer = K();
-  animation = new $e();
+class Xe extends at {
+  sharedElementTransitionLayer = q();
+  animation = new He();
   #t = "normal";
   #e = [];
   state = {
     gestureNavigating: !1
   };
   onTransitionCancel() {
-    this.props.navigation.dispatchEvent(new ye());
+    this.props.navigation.dispatchEvent(new xe());
   }
   onTransitionStart() {
-    this.props.navigation.dispatchEvent(new ge());
+    this.props.navigation.dispatchEvent(new ke());
   }
   onTransitionEnd() {
-    this.props.navigation.dispatchEvent(new ve());
+    this.props.navigation.dispatchEvent(new Ce());
   }
   get screens() {
     return this.#e;
@@ -1458,8 +1520,8 @@ class Ve extends it {
     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
@@ -1471,16 +1533,16 @@ class Ve extends it {
     }), this.animation;
   }
   render() {
-    return /* @__PURE__ */ Ht(Wt.Provider, { value: this, children: [
-      /* @__PURE__ */ b(
-        Oe,
+    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,
@@ -1497,55 +1559,70 @@ class Ve extends it {
     ] });
   }
 }
-class Nt extends it {
-  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 we()), 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) {
-    const r = this.ref.current;
-    return r ? (r.addEventListener(t, e, n), () => r.removeEventListener(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 Bt.toArray(this.props.children)) {
-      if (!Se(e))
+    for (const e of Gt.toArray(this.props.children)) {
+      if (!Ne(e))
         continue;
-      const n = _t(
+      const n = Xt(
         e.props.path,
         t,
         this.baseURLPattern.pathname,
@@ -1561,9 +1638,12 @@ class Nt extends it {
   }
   preloadScreen(t) {
     const e = t.props.config, n = [];
-    return B(t.props.component) && n.push(t.props.component.load()), B(e?.header?.component) && n.push(e?.header?.component.load()), B(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;
@@ -1574,14 +1654,20 @@ class Nt extends it {
     return !this.parent;
   }
   get baseURL() {
-    const t = this.isRoot ? window.location.pathname : this.parentScreen?.resolvedPathname, e = this.baseURLPattern.pathname;
-    return bt(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 = bt(
+      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;
@@ -1589,7 +1675,10 @@ class Nt extends it {
     return new URLPattern({ baseURL: t, pathname: e });
   }
   get pathPatterns() {
-    return Bt.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;
@@ -1599,21 +1688,21 @@ class Nt extends it {
   }
   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(pt.Provider, { value: this, children: /* @__PURE__ */ b(
-            Ve,
+          children: /* @__PURE__ */ T(vt.Provider, { value: this, children: /* @__PURE__ */ T(
+            Xe,
             {
               id: `${this.id}-transition-layer`,
               ref: this.screenTransitionLayer,
@@ -1626,11 +1715,13 @@ class Nt extends it {
       );
   }
 }
-class je {
+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
@@ -1638,25 +1729,29 @@ class je {
       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() {
@@ -1681,7 +1776,10 @@ class je {
         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) => {
@@ -1690,141 +1788,394 @@ class je {
     }
   }
   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 je();
-  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);
-  }
-  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 en() {
-  const s = ht(pt);
+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 nn() {
-  return ht(pt);
-}
-function sn() {
-  le("Motion");
-  const s = ht(pt), e = ht(Wt).animation, n = 1;
-  return ce(
-    (r) => s.addEventListener("transition-start", async () => {
-      do
-        await new Promise((a) => {
-          requestAnimationFrame(a);
-        }), r();
-      while (e.playState === "running");
-    }),
+function vn() {
+  return ft(vt);
+}
+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: r } = e?.effect?.getComputedTiming() ?? {};
-      return r ?? n;
+      const { progress: i } = e?.effect?.getComputedTiming() ?? {};
+      return i ?? n;
     }
   );
 }
-function Be() {
-  const s = ht(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 rn(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 an = 2147483647, on = 100, ln = 0, cn = 0, hn = 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 {
-  we as LoadEvent,
-  hn as MAX_NORM_PROGRESS,
-  on as MAX_PROGRESS,
-  an as MAX_Z_INDEX,
-  cn as MIN_NORM_PROGRESS,
-  ln as MIN_PROGRESS,
-  Qe as MotionProgressEndEvent,
-  Je as MotionProgressStartEvent,
-  Ut as NavigationBase,
-  Jt as NestedRouterContext,
-  fe as PromiseAllDynamic,
-  Nt as RouterBase,
-  pt as RouterContext,
-  be as ScreenBase,
-  qe as SharedElement,
-  ye as TransitionCancelEvent,
-  ve as TransitionEndEvent,
-  ge as TransitionStartEvent,
-  _e as cloneAndInject,
-  pe as dispatchEvent,
-  ze as includesRoute,
-  B as isLazyExoticComponent,
-  te as isNativeLazyExoticComponent,
-  He as isNavigationSupported,
-  Re as isStylableElement,
-  Xe as isURLPatternSupported,
-  Se as isValidScreenChild,
-  Ge as lazy,
-  _t as matchRoute,
-  Ye as polyfillNavigation,
-  Ze as polyfillURLPattern,
-  bt as resolveBaseURLFromPattern,
-  me as toCamelCase,
-  sn as useMotion,
-  en as useNavigationBase,
-  rn as useParamsBase,
-  Be as useRouteBase,
-  nn 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