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

package/build/index.js

@@ -1,8 +1,8 @@
-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";
+import { jsx as T, jsxs as ee, Fragment as ye } from "react/jsx-runtime";
+import Lt, { createContext as gt, Component as at, createRef as z, Suspense as xt, isValidElement as ne, cloneElement as ie, lazy as we, Children as Xt, useContext as ft, useDebugValue as Ee, useSyncExternalStore as re, useRef as Ft, useEffect as se, useCallback as be } from "react";
 const ae = gt(null);
-class Qe extends at {
-  ref = q();
+class Je extends at {
+  ref = z();
   static contextType = ae;
   componentDidMount() {
     this.scene.addNode(this);
@@ -55,211 +55,29 @@ class Qe extends at {
     );
   }
 }
-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(Ee) ?? "";
-  return new URL(
-    t.replace(a, ""),
-    window.location.origin
-  );
-}
-function Xt(s, t, e = `${window.location.origin}/`, n = !0) {
-  n || (s = s.toLowerCase(), t = t.toLowerCase());
-  const i = Lt(e, t)?.href;
-  if (!i)
-    return null;
-  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 be(s, t = window) {
-  return new Promise((e) => {
-    queueMicrotask(() => e(
-      t.dispatchEvent(s)
-    ));
-  });
-}
-function on(s) {
-  const t = ve(s);
-  return t.load = async () => (t.module ??= await s(), t.module), t;
-}
-function ln() {
-  return !!window.navigation;
-}
-function cn() {
-  return !!globalThis.URLPattern;
-}
-async function hn() {
-  const { URLPattern: s } = await import("urlpattern-polyfill");
-  globalThis.URLPattern = s;
-}
-async function un() {
-  const { applyPolyfill: s } = await import("@virtualstate/navigation");
-  s({
-    history: !0,
-    interceptEvents: !0,
-    patch: !0,
-    persist: !0,
-    persistState: !0
-  });
-}
-async function Te(s) {
-  const t = [];
-  for (const e of s)
-    t.push(await e);
-  return t;
-}
-function Se(s) {
-  return s.replace(/-([a-z])/g, (t) => t[1].toUpperCase());
-}
-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 ke extends Event {
-  constructor() {
-    super("transition-start");
-  }
-}
-class xe extends Event {
-  constructor() {
-    super("transition-cancel");
-  }
-}
-class Ce extends Event {
-  constructor() {
-    super("transition-end");
-  }
-}
-class fn extends Event {
-  constructor() {
-    super("motion-progress-start");
-  }
-}
-class pn extends Event {
-  constructor() {
-    super("motion-progress-end");
-  }
-}
-class Le extends Event {
-  #t = "load";
-  #e = !1;
-  #c = !0;
-  #h = !1;
-  #u = null;
-  #d = null;
-  #a;
-  #i;
-  #o = new AbortController();
-  #l = !1;
-  #n = [];
-  #s = null;
-  hasUAVisualTransition = !1;
-  constructor() {
-    super("navigate", { cancelable: !1, bubbles: !1, composed: !1 });
-    const t = window.navigation.currentEntry;
-    if (!t)
-      throw new Error("Current entry is null");
-    this.#a = {
-      getState() {
-        return t.getState();
-      },
-      url: t.url ?? new URL(window.location.href).href,
-      key: t.key,
-      index: t.index,
-      id: t.id,
-      sameDocument: !0
-    }, 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);
-  };
-  intercept(t) {
-    if (this.#l)
-      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((i) => e = i),
-      from: window.navigation.currentEntry,
-      navigationType: "load"
-    });
-    const n = t?.handler?.();
-    n && this.#n.push(n), this.#n.length === J && Te(this.#n).then(() => {
-      this.#l = !0, window.removeEventListener("navigate", this.#r), e?.();
-    });
-  }
-  scroll() {
-    throw new Error("Method not implemented.");
-  }
-  get transition() {
-    return this.#s;
-  }
-  get navigationType() {
-    return this.#t;
-  }
-  get userInitiated() {
-    return this.#e;
-  }
-  get canIntercept() {
-    return this.#c;
-  }
-  get hashChange() {
-    return this.#h;
-  }
-  get formData() {
-    return this.#u;
-  }
-  get downloadRequest() {
-    return this.#d;
-  }
-  get destination() {
-    return this.#a;
-  }
-  get signal() {
-    return this.#i;
-  }
-}
-const Ft = gt(null);
-class Me extends at {
-  ref = q();
-  static contextType = Ft;
+const Kt = gt(null), Qe = 2147483647, tn = 100, en = 0, nn = 0, rn = 1, oe = -1, O = 0, J = 1, sn = 0;
+class Te extends at {
+  ref = z();
+  static contextType = Kt;
   index = O;
   exiting = !1;
   state = {
     zIndex: "unset"
   };
-  onAnimationEnd = () => {
+  onroutertransitionend() {
     this.ref.current && (this.ref.current.style.willChange = "auto", this.ref.current.style.pointerEvents = "auto");
-  };
-  onAnimationStart = () => {
+  }
+  onroutertransitionstart() {
     this.ref.current && (this.ref.current.style.willChange = "transform, opacity", this.ref.current.style.pointerEvents = "none");
-  };
+  }
   componentDidMount() {
-    this.props.navigation.addEventListener("transition-start", this.onAnimationStart), this.props.navigation.addEventListener("transition-end", this.onAnimationEnd), this.props.navigation.addEventListener("transition-cancel", this.onAnimationEnd);
+    this.props.navigation.addEventListener("routertransitionstart", this), this.props.navigation.addEventListener("routertransitionend", this), this.props.navigation.addEventListener("routertransitioncancel", this);
   }
   componentWillUnmount() {
-    this.props.navigation.removeEventListener("transition-start", this.onAnimationStart), this.props.navigation.removeEventListener("transition-end", this.onAnimationEnd), this.props.navigation.removeEventListener("transition-cancel", this.onAnimationEnd);
+    this.props.navigation.removeEventListener("routertransitionstart", this), this.props.navigation.removeEventListener("routertransitionend", this), this.props.navigation.removeEventListener("routertransitioncancel", this);
   }
   get animationEffect() {
-    const t = this.props.animation, { animation: e, direction: n, hasUAVisualTransition: i } = this.context, { timeline: a, playbackRate: o } = e, { index: l, exiting: f, ref: d } = this, m = this.context.screens.map((S) => S.current?.name);
+    const t = this.props.animation, { animation: e, direction: n, hasUAVisualTransition: r } = this.context, { timeline: a, playbackRate: o } = e, { index: l, exiting: f, ref: d } = this, m = this.context.screens.map((S) => S.current?.name);
     return t?.({
       ref: d.current,
       index: l,
@@ -268,7 +86,7 @@ class Me extends at {
       timeline: a,
       direction: n,
       playbackRate: o,
-      hasUAVisualTransition: i
+      hasUAVisualTransition: r
     }) ?? null;
   }
   setZIndex(t) {
@@ -295,8 +113,8 @@ class Me extends at {
     );
   }
 }
-const oe = gt(null), vt = gt(null), le = gt(null);
-class Pe {
+const le = gt(null), vt = gt(null), ce = gt(null);
+class Se {
   id;
   nodes = /* @__PURE__ */ new Map();
   getScreenRect = () => new DOMRect();
@@ -331,10 +149,10 @@ class Pe {
     return !this.nodes.size;
   }
 }
-class De extends at {
+class Re extends at {
   sharedElementScene;
-  #t = q();
-  ref = q();
+  #t = z();
+  ref = z();
   nestedRouterData;
   static contextType = vt;
   state = {
@@ -344,7 +162,7 @@ class De extends at {
     elementType: "div"
   };
   constructor(t, e) {
-    super(t), this.sharedElementScene = new Pe(
+    super(t), this.sharedElementScene = new Se(
       `${this.name}-shared-element-scene`
     ), this.sharedElementScene.getScreenRect = () => this.ref.current?.getBoundingClientRect() || new DOMRect(), this.nestedRouterData = {
       parentScreen: this,
@@ -361,7 +179,7 @@ class De extends at {
     return this.state.focused;
   }
   get name() {
-    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();
+    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();
   }
   blur() {
     return new Promise((t) => {
@@ -374,9 +192,9 @@ class De extends at {
     });
   }
   async load(t) {
-    const e = this.props.component, n = this.props.config?.header?.component, i = this.props.config?.footer?.component;
+    const e = this.props.component, n = this.props.config?.header?.component, r = this.props.config?.footer?.component;
     let a;
-    j(e) ? a = await e.load() : a = { default: e }, j(n) && await n.load(), j(i) && await i.load();
+    B(e) ? a = await e.load() : a = { default: e }, B(n) && await n.load(), B(r) && await r.load();
     const o = this.context.navigation, l = this.routeProp, f = !1;
     return await this.props.config?.onLoad?.({ navigation: o, route: l, signal: t, preloading: f }), a;
   }
@@ -419,9 +237,9 @@ class De extends at {
     return this.#t;
   }
   render() {
-    const t = this.context.navigation, e = this.routeProp, n = this.props.component, i = e.config.header?.component, a = e.config.footer?.component;
+    const t = this.context.navigation, e = this.routeProp, n = this.props.component, r = e.config.header?.component, a = e.config.footer?.component;
     return /* @__PURE__ */ T(
-      Me,
+      Te,
       {
         ref: this.#t,
         renderAs: this.state.elementType,
@@ -442,7 +260,7 @@ class De extends at {
               flexDirection: "column",
               pointerEvents: "inherit"
             },
-            children: /* @__PURE__ */ T(ae.Provider, { value: this.sharedElementScene, children: /* @__PURE__ */ T(le.Provider, { value: e, children: /* @__PURE__ */ te(oe.Provider, { value: this.nestedRouterData, children: [
+            children: /* @__PURE__ */ T(ae.Provider, { value: this.sharedElementScene, children: /* @__PURE__ */ T(ce.Provider, { value: e, children: /* @__PURE__ */ ee(le.Provider, { value: this.nestedRouterData, children: [
               /* @__PURE__ */ T(xt, { fallback: /* @__PURE__ */ T(
                 _,
                 {
@@ -453,7 +271,7 @@ class De extends at {
               ), children: /* @__PURE__ */ T(
                 _,
                 {
-                  component: i,
+                  component: r,
                   route: e,
                   navigation: t
                 }
@@ -501,40 +319,40 @@ class De extends at {
     );
   }
 }
-function _({ component: s, route: t, navigation: e }) {
-  j(s) && s.module?.default && (s = s.module.default);
-  const n = s ?? null;
-  return typeof n == "function" || ce(n) ? /* @__PURE__ */ T(
+function _({ component: i, route: t, navigation: e }) {
+  B(i) && i.module?.default && (i = i.module.default);
+  const n = i ?? null;
+  return typeof n == "function" || he(n) ? /* @__PURE__ */ T(
     n,
     {
       navigation: e,
       route: t
     }
-  ) : ne(n) ? ee(n, {
+  ) : ne(n) ? ie(n, {
     navigation: e,
     route: t
-  }) : /* @__PURE__ */ T(ge, { children: n });
+  }) : /* @__PURE__ */ T(ye, { children: n });
 }
-function Ne(s) {
-  return ne(s) ? Object.getPrototypeOf(s.type) === De : !1;
+function ke(i) {
+  return ne(i) ? Object.getPrototypeOf(i.type) === Re : !1;
 }
-function ce(s) {
-  return typeof s == "object" && s !== null && s.$$typeof === Symbol.for("react.lazy");
+function he(i) {
+  return typeof i == "object" && i !== null && i.$$typeof === Symbol.for("react.lazy");
 }
-function j(s) {
-  return ce(s) && "load" in s;
+function B(i) {
+  return he(i) && "load" in i;
 }
-function Ae(s) {
-  return "style" in s && s.style instanceof CSSStyleDeclaration;
+function xe(i) {
+  return "style" in i && i.style instanceof CSSStyleDeclaration;
 }
-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))
+var Ce = Object.defineProperty, Le = (i, t, e) => t in i ? Ce(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, F = (i, t, e) => (Le(i, typeof t != "symbol" ? t + "" : t, e), e), Bt = (i, t, e) => {
+  if (!t.has(i))
     throw TypeError("Cannot " + e);
-}, 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))
+}, s = (i, t, e) => (Bt(i, t, "read from private field"), e ? e.call(i) : t.get(i)), v = (i, t, e) => {
+  if (t.has(i))
     throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(s) : t.set(s, e);
-}, 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);
+  t instanceof WeakSet ? t.add(i) : t.set(i, e);
+}, c = (i, t, e, n) => (Bt(i, t, "write to private field"), n ? n.call(i, e) : t.set(i, e), e), g = (i, t, e) => (Bt(i, t, "access private method"), e);
 const pt = {
   delay: 0,
   direction: "normal",
@@ -544,120 +362,120 @@ const pt = {
   fill: "auto",
   iterationStart: 0,
   iterations: 1
-}, jt = 1e3, We = window.Animation, yt = window.KeyframeEffect;
-function Yt(s) {
-  return Array.isArray(s);
+}, qt = 1e3, Me = window.Animation, yt = window.KeyframeEffect;
+function Yt(i) {
+  return Array.isArray(i);
 }
-function Y(s) {
-  return typeof s == "object" && s === null;
+function Y(i) {
+  return typeof i == "object" && i === null;
 }
-function h(s, t) {
-  return Y(s) || typeof s == "number" ? s : (t || ([t] = Object.keys(s.type())), s.to(t).value);
+function h(i, t) {
+  return Y(i) || typeof i == "number" ? i : (t || ([t] = Object.keys(i.type())), i.to(t).value);
 }
-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)
+function Pe(i, t = pt) {
+  let { duration: e = "auto", iterations: n = 1, playbackRate: r = 1 } = t;
+  if (Y(i))
+    return i;
+  if (typeof i == "number" || i.type().percent === void 0)
     throw new DOMException(
       "CSSNumericValue must be a percentage for progress based animations.",
       "NotSupportedError"
     );
   if (e === "auto")
-    e = jt;
+    e = qt;
   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(i), f = a + l + o;
+  const { delay: a = 0, endDelay: o = 0 } = t, l = e / n * n / Math.abs(r), f = a + l + o;
   return ot(
-    s.to("percent").value,
+    i.to("percent").value,
     [0, 100],
     [0, f]
   );
 }
-function kt(s) {
-  if (Y(s) || typeof s == "number")
-    return s;
-  if (s.type().time !== void 0)
+function kt(i) {
+  if (Y(i) || typeof i == "number")
+    return i;
+  if (i.type().time !== void 0)
     throw new DOMException(
       "CSSNumericValue must be a time value for time based animations.",
       "NotSupportedError"
     );
-  return s.to("ms").value;
+  return i.to("ms").value;
 }
-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 Zt(i, t) {
+  const e = t.length - 1, n = Math.floor(i * e), r = t[n], a = t[Math.min(n + 1, e)], o = i * e - n;
+  return r + o * (a - r);
 }
-function Oe(s, t, e) {
-  let n = 0, i = 0;
-  for (const [a, o] of Object.entries(s)) {
+function De(i, t, e) {
+  let n = 0, r = 0;
+  for (const [a, o] of Object.entries(i)) {
     const { min: l, max: f } = t, d = e[a] ?? 1, m = (o - l[a]) / (f[a] - l[a]) * d;
-    n += m, i += d;
+    n += m, r += d;
   }
-  return n / i;
+  return n / r;
 }
-function ot(s, t, e, n = {}) {
-  let i;
-  if (typeof s == "number" && Yt(t)) {
+function ot(i, t, e, n = {}) {
+  let r;
+  if (typeof i == "number" && Yt(t)) {
     const o = { x: t[0] }, l = { x: t[1] };
-    t = { min: o, max: l }, s = { x: s };
+    t = { min: o, max: l }, i = { x: i };
   } else
     throw new TypeError("Input and input range must have the same dimensions.");
-  if (i = Oe(s, t, n), i = Ve(i, 0, 1), Yt(e))
-    return Zt(i, e);
+  if (r = De(i, t, n), r = Ne(r, 0, 1), Yt(e))
+    return Zt(r, e);
   const a = {};
   for (const o of Object.keys(e.min)) {
     const l = e.min[o], f = e.max[o], d = [l, f];
-    a[o] = Zt(i, d);
+    a[o] = Zt(r, d);
   }
   return a;
 }
-function Ve(s, t, e) {
-  return s < t ? t : e && s > e ? e : s;
+function Ne(i, t, e) {
+  return i < t ? t : e && i > e ? e : i;
 }
-function Bt(s) {
+function zt(i) {
   let {
     duration: t = "auto",
     iterations: e = 1,
     playbackRate: n = 1,
-    delay: i = 0,
+    delay: r = 0,
     endDelay: a = 0,
     localTime: o = null,
     progress: l = null
-  } = s;
+  } = i;
   const f = new CSSUnitValue(100, "percent");
   if (t === "auto")
-    t = jt, i = 0, a = 0;
+    t = qt, r = 0, a = 0;
   else if (t instanceof CSSNumericValue)
     t = t.to("ms").value;
   else if (typeof t == "string")
     throw TypeError("Unknown effect duration keyword.");
-  const d = t / e, m = d * e / Math.abs(n), S = i + m + a;
+  const d = t / e, m = d * e / Math.abs(n), S = r + 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,
+    ...i,
     progress: l,
     activeDuration: E,
     duration: t,
     iterations: e,
-    delay: i,
+    delay: r,
     endDelay: a,
     endTime: f
   };
 }
-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)
+function ue(i, t) {
+  let { activeDuration: e = 0, localTime: n = null, endTime: r = 1 / 0, delay: a = 0 } = i;
+  if (r = h(r), e = h(e), n = h(n), n == null || n === void 0)
     return "idle";
-  const o = Math.max(Math.min(a, i), 0), l = Math.max(Math.min(a + e, i), 0);
+  const o = Math.max(Math.min(a, r), 0), l = Math.max(Math.min(a + e, r), 0);
   return n < o || t === "backwards" && n === o ? "before" : n > l || t === "forwards" && n === l ? "after" : "active";
 }
-function 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)
+function Ue(i, t) {
+  let { localTime: e = null, delay: n = 0, activeDuration: r = 0, fill: a } = i;
+  if (r = h(r), e = h(e), e == null || e === void 0)
     return null;
   switch (t) {
     case "before":
@@ -665,63 +483,63 @@ function Fe(s, t) {
     case "active":
       return e - n;
     case "after":
-      return a === "forwards" || a === "both" ? Math.max(Math.min(e - n, i), 0) : null;
+      return a === "forwards" || a === "both" ? Math.max(Math.min(e - n, r), 0) : null;
     default:
       return null;
   }
 }
-function Ke(s, t, e) {
-  const { duration: n = 0, iterations: i = 1, iterationStart: a = 0 } = s;
+function Ae(i, t, e) {
+  const { duration: n = 0, iterations: r = 1, iterationStart: a = 0 } = i;
   if (typeof n != "number")
     throw new TypeError("Duration cannot be unresolved");
   let o = 0;
-  return n === 0 ? t === "before" ? o = 0 : o = i : o = e / kt(n), o + a;
+  return n === 0 ? t === "before" ? o = 0 : o = r : o = e / kt(n), o + a;
 }
-function je(s, t, e, n) {
-  const { iterations: i = 1, iterationStart: a = 0, activeDuration: o = 0 } = s;
+function Ie(i, t, e, n) {
+  const { iterations: r = 1, iterationStart: a = 0, activeDuration: o = 0 } = i;
   if (Y(e))
     return null;
   let l = 0;
-  return e === 1 / 0 && (l = a % 1), l === 0 && (t === "active" || t === "after") && o === n && i !== 0 && (l = 1), l;
+  return e === 1 / 0 && (l = a % 1), l === 0 && (t === "active" || t === "after") && o === n && r !== 0 && (l = 1), l;
 }
-function ue(s, t) {
-  const { iterations: e = 1 } = s, n = Fe(s, t);
+function de(i, t) {
+  const { iterations: e = 1 } = i, n = Ue(i, t);
   if (Y(n))
     return null;
   if (t === "after" && e === 1 / 0)
     return 1 / 0;
-  const i = Ke(s, t, n);
-  return je(s, t, i, n) === 1 ? Math.floor(i) - 1 : Math.floor(i);
+  const r = Ae(i, t, n);
+  return Ie(i, t, r, n) === 1 ? Math.floor(r) - 1 : Math.floor(r);
 }
-class Be extends Event {
+class We extends Event {
   constructor(t) {
-    super("update", { bubbles: !1, cancelable: !1, composed: !1 }), K(this, "currentTime"), this.currentTime = t;
+    super("update", { bubbles: !1, cancelable: !1, composed: !1 }), F(this, "currentTime"), this.currentTime = t;
   }
 }
-var A, Q;
+var U, Q;
 class b extends EventTarget {
   constructor(t = { type: "swipe", axis: "x", rangeStart: 0, rangeEnd: window.screen.availWidth, source: document.body }) {
-    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);
+    super(), v(this, U, void 0), v(this, Q, void 0), t.source.addEventListener(t.type, this.onGesture.bind(this)), c(this, Q, CSS.percent(0)), c(this, U, t);
   }
   onGesture(t) {
-    const e = r(this, A).source.getBoundingClientRect();
+    const e = s(this, U).source.getBoundingClientRect();
     let n = 0;
-    const i = {
+    const r = {
       x: t.x - e.left,
       y: t.y - e.top
     };
-    switch (r(this, A).type) {
+    switch (s(this, U).type) {
       case "swipe": {
-        const { rangeStart: a, rangeEnd: o } = r(this, A), l = r(this, A).axis;
+        const { rangeStart: a, rangeEnd: o } = s(this, U), l = s(this, U).axis;
         n = ot(
-          i[l],
+          r[l],
           [h(a, "px"), h(o, "px")],
           [0, 100]
         );
         break;
       }
       case "pan": {
-        const { rangeStart: a, rangeEnd: o } = r(this, A), { x: l, y: f } = i;
+        const { rangeStart: a, rangeEnd: o } = s(this, U), { x: l, y: f } = r;
         n = ot(
           { x: l, y: f },
           {
@@ -734,7 +552,7 @@ class b extends EventTarget {
         break;
       }
       case "pinch": {
-        const { rangeStart: a, rangeEnd: o } = r(this, A), { scale: l } = t;
+        const { rangeStart: a, rangeEnd: o } = s(this, U), { scale: l } = t;
         n = ot(
           l,
           [h(a, ""), h(o, "")],
@@ -744,7 +562,7 @@ class b extends EventTarget {
         break;
       }
       case "rotate": {
-        const { rangeStart: a, rangeEnd: o } = r(this, A), { rotation: l } = t;
+        const { rangeStart: a, rangeEnd: o } = s(this, U), { rotation: l } = t;
         n = ot(
           l,
           [h(a, "deg"), h(o, "deg")],
@@ -752,7 +570,7 @@ class b extends EventTarget {
         );
       }
     }
-    c(this, Q, CSS.percent(n)), this.dispatchEvent(new Be(r(this, Q)));
+    c(this, Q, CSS.percent(n)), this.dispatchEvent(new We(s(this, Q)));
   }
   addEventListener(t, e, n) {
     super.addEventListener(t, e, n);
@@ -761,13 +579,13 @@ class b extends EventTarget {
     super.removeEventListener(t, e, n);
   }
   get currentTime() {
-    return r(this, Q);
+    return s(this, Q);
   }
   get phase() {
     return "active";
   }
 }
-A = /* @__PURE__ */ new WeakMap(), Q = /* @__PURE__ */ new WeakMap();
+U = /* @__PURE__ */ new WeakMap(), Q = /* @__PURE__ */ new WeakMap();
 const N = /* @__PURE__ */ new WeakMap();
 var lt;
 class wt extends yt {
@@ -775,7 +593,7 @@ class wt extends yt {
     super(t), v(this, lt, null), c(this, lt, e);
   }
   get parent() {
-    return r(this, lt);
+    return s(this, lt);
   }
   getTiming() {
     var t;
@@ -796,7 +614,7 @@ class wt extends yt {
         throw TypeError("Effect duration cannot be Infinity for non-monotonic timelines.");
       if (e.iterations === 1 / 0)
         throw TypeError("Effect iterations cannot be Infinity for non-monotonic timelines.");
-      return Bt(e);
+      return zt(e);
     }
     return e;
   }
@@ -808,10 +626,10 @@ class wt extends yt {
       duration: n.duration instanceof CSSNumericValue ? n.duration.to("ms").value : n.duration,
       ...t
     };
-    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;
+    let r = s(this, lt);
+    for (; r; ) {
+      const a = r.getTiming();
+      t != null && t.delay && (t.delay += a.delay ?? 0), t != null && t.endDelay && (t.endDelay += a.endDelay ?? 0), t != null && t.iterationStart && (t.iterationStart += a.iterationStart ?? 0), t != null && t.iterations && (t.iterations *= a.iterations ?? 1), t != null && t.playbackRate && (t.playbackRate *= a.playbackRate ?? 1), a.duration && typeof a.duration != "string" && t?.duration === "auto" && (t.duration = h(a.duration, "ms")), r = r.parent;
     }
     if (((e = N.get(this)) == null ? void 0 : e.timeline) instanceof b) {
       if (t?.duration === 1 / 0)
@@ -823,16 +641,16 @@ class wt extends yt {
   }
 }
 lt = /* @__PURE__ */ new WeakMap();
-var U, tt;
-const qe = class Et {
+var A, tt;
+const $e = class Et {
   constructor(t) {
-    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)));
+    v(this, A, []), v(this, tt, null), c(this, A, t.map((e) => (e instanceof Et ? c(e, tt, this) : e instanceof yt && (e = new wt(e, this)), e)));
   }
   get parent() {
-    return r(this, tt);
+    return s(this, tt);
   }
   get children() {
-    const t = r(this, U);
+    const t = s(this, A);
     return {
       length: t.length,
       item(e) {
@@ -841,30 +659,30 @@ const qe = class Et {
     };
   }
   get firstChild() {
-    return r(this, U).at(0) ?? null;
+    return s(this, A).at(0) ?? null;
   }
   get lastChild() {
-    return r(this, U).at(-1) ?? null;
+    return s(this, A).at(-1) ?? null;
   }
   clone() {
     return structuredClone(this);
   }
   append(...t) {
     t.forEach((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));
+      s(this, A).includes(e) || (e instanceof Et ? c(e, tt, this) : e instanceof yt && (e = new wt(e, this)), s(this, A).push(e));
     });
   }
   prepend(...t) {
     t.forEach((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));
+      s(this, A).includes(e) || (e instanceof Et ? c(e, tt, this) : e instanceof yt && (e = new wt(e, this)), s(this, A).unshift(e));
     });
   }
 };
-U = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap();
-let qt = qe;
-class rt {
+A = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap();
+let Ht = $e;
+class st {
   constructor() {
-    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) => {
+    F(this, "promise"), F(this, "state"), F(this, "nativeResolve"), F(this, "nativeReject"), this.state = "pending", this.nativeResolve = this.nativeReject = null, this.promise = new Promise((t, e) => {
       this.nativeResolve = t, this.nativeReject = e;
     });
   }
@@ -878,8 +696,8 @@ class rt {
     }), (e = this.nativeReject) == null || e.call(this, t);
   }
 }
-var et, Mt, de;
-class ze extends qt {
+var et, Mt, fe;
+class Oe extends Ht {
   constructor(t, e = pt) {
     super(t), v(this, Mt), v(this, et, void 0), c(this, et, {
       ...pt,
@@ -893,31 +711,31 @@ class ze extends qt {
     super.append(...t), t.forEach((e) => e.updateTiming());
   }
   getTiming() {
-    return r(this, et);
+    return s(this, et);
   }
   getComputedTiming() {
     var t, e;
-    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;
+    const n = this.getTiming(), r = { ...n }, { delay: a = 0 } = ((t = this.children.item(0)) == null ? void 0 : t.getComputedTiming()) ?? {}, { endDelay: o = 0, endTime: l = 0 } = ((e = this.children.item(this.children.length - 1)) == null ? void 0 : e.getComputedTiming()) ?? {};
+    n.delay = n.delay ? n.delay + a : a, n.endDelay = n.endDelay ? n.endDelay + o : o, r.endTime = l;
     for (let C = 0; C < this.children.length; C++) {
       const L = this.children.item(C);
       if (!L)
         continue;
       let {
         duration: M = "auto",
-        activeDuration: zt = 0
+        activeDuration: Gt = 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));
+      r.activeDuration = r.activeDuration ? h(r.activeDuration, "ms") + h(Gt, "ms") : Gt, n.duration = n.duration instanceof CSSNumericValue ? n.duration.to("ms").value : n.duration, M = M instanceof CSSNumericValue ? M.to("ms").value : M, typeof M != "string" && (n.duration === "auto" ? n.duration = h(M, "ms") : typeof n.duration != "string" && (n.duration = n.duration ? n.duration + M : M));
     }
     const { timeline: f, startTime: d, currentTime: m } = N.get(this) ?? {}, S = f instanceof b ? "percent" : "ms";
-    let { duration: E = 0, iterations: Z = 1 } = i;
+    let { duration: E = 0, iterations: Z = 1 } = r;
     if (E === "auto" && (E = 0), typeof E == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    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);
+    return r.duration = E, r.activeDuration = kt(E) * Z, r.startTime = d ?? void 0, r.localTime = m, r.currentIteration = de(r, ue(r, s(this, Mt, fe))), f instanceof b ? zt(r) : (f instanceof DocumentTimeline && (r.progress = m && h(m, S) / h(l, S)), r);
   }
   updateTiming(t) {
     c(this, et, {
-      ...r(this, et),
+      ...s(this, et),
       ...t
     });
     for (let e = 0; e < this.children.length; e++) {
@@ -926,28 +744,28 @@ class ze extends qt {
     }
   }
 }
-et = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakSet(), de = function() {
-  const { playbackRate: s = 1 } = N.get(this) ?? {};
-  return s < 0 ? "backwards" : "forwards";
+et = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakSet(), fe = function() {
+  const { playbackRate: i = 1 } = N.get(this) ?? {};
+  return i < 0 ? "backwards" : "forwards";
 };
-var p, x, dt, w, R, P, u, y, k, G, V, ct, I, bt, Pt, nt, ht, z, it, Dt, _t, Nt, Jt, At, Qt, B, X, ut, Tt, Ut, W, F, D, $, St, It, Wt;
-const fe = class extends EventTarget {
+var p, x, dt, w, R, P, u, y, k, G, V, ct, I, bt, Pt, nt, ht, H, it, Dt, _t, Nt, Jt, Ut, Qt, q, X, ut, Tt, At, W, j, D, $, St, It, Wt;
+const pe = class extends EventTarget {
   constructor(t, e) {
-    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, {
+    super(), v(this, bt), v(this, nt), v(this, H), v(this, Dt), v(this, Nt), v(this, Ut), v(this, q), v(this, Tt), v(this, W), v(this, D), F(this, "id", ""), F(this, "oncancel", null), F(this, "onfinish", null), F(this, "onremove", null), v(this, p, void 0), v(this, x, void 0), v(this, dt, "active"), v(this, w, {
       task: null,
       playbackRate: null
-    }), 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, R, new st()), v(this, P, new st()), v(this, u, null), v(this, y, null), v(this, k, []), v(this, G, null), v(this, V, !1), v(this, ct, 0), v(this, I, 1), v(this, ut, () => {
+      g(this, q, X).call(this);
     }), v(this, St, () => {
       var n;
-      if (r(this, P).state !== "pending" || this.playState !== "finished")
+      if (s(this, P).state !== "pending" || this.playState !== "finished")
         return;
-      r(this, P).resolve(this);
-      const i = this.currentTime, a = (n = this.timeline) == null ? void 0 : n.currentTime, o = new AnimationPlaybackEvent(
+      s(this, P).resolve(this);
+      const r = this.currentTime, a = (n = this.timeline) == null ? void 0 : n.currentTime, o = new AnimationPlaybackEvent(
         "finish",
         {
           get currentTime() {
-            return i;
+            return r;
           },
           get timelineTime() {
             return a;
@@ -959,7 +777,7 @@ const fe = class extends EventTarget {
         this.dispatchEvent(o), (l = this.onfinish) == null || l.call(this, o);
       });
     }), v(this, It, () => {
-      var n, i;
+      var n, r;
       const a = this.currentTime, o = (n = this.timeline) == null ? void 0 : n.currentTime, l = new AnimationPlaybackEvent(
         "cancel",
         {
@@ -971,21 +789,21 @@ const fe = class extends EventTarget {
           }
         }
       );
-      this.dispatchEvent(l), (i = this.oncancel) == null || i.call(this, l);
+      this.dispatchEvent(l), (r = this.oncancel) == null || r.call(this, l);
     }), v(this, Wt, () => {
       var n;
-      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));
+      const r = new Event("remove");
+      this.dispatchEvent(r), (n = this.onremove) == null || n.call(this, r);
+    }), s(this, R).resolve(this), c(this, x, t ?? null), c(this, p, e ?? document.timeline), s(this, x) && N.set(s(this, x), this), g(this, Tt, At).call(this), e instanceof b && e.addEventListener("update", s(this, ut));
   }
   reverse() {
     var t;
-    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);
+    const { endTime: e = 0 } = ((t = s(this, x)) == null ? void 0 : t.getComputedTiming()) ?? {}, n = s(this, w).playbackRate ?? s(this, I), r = h(this.currentTime), a = e === 1 / 0, o = n !== 0 && (n < 0 || r && r > 0 || !a);
+    if (!s(this, p) || !o) {
+      o && (s(this, w).playbackRate = -n);
       return;
     }
-    if (r(this, p).currentTime === null)
+    if (s(this, p).currentTime === null)
       throw new DOMException(
         "Cannot reverse an animation with no active timeline",
         "InvalidStateError"
@@ -994,56 +812,56 @@ const fe = class extends EventTarget {
   }
   play() {
     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));
+    (s(this, w).playbackRate ?? this.playbackRate) === 0 && e === null && c(this, y, 0), e === null && c(this, V, !0), (this.playState === "finished" || t) && (c(this, u, null), c(this, y, null), c(this, V, !0)), s(this, y) && c(this, u, null), s(this, w).task && (s(this, w).task = null), !(s(this, u) !== null && s(this, y) === null && !t && s(this, w).playbackRate === null) && (g(this, q, X).call(this), g(this, nt, ht).call(this), s(this, w).task = "play", g(this, W, j).call(this, !1));
   }
   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");
+    this.playState !== "paused" && (this.currentTime === null && c(this, V, !0), s(this, w).task && (s(this, w).task = null), g(this, nt, ht).call(this), s(this, w).task = "pause");
   }
   persist() {
-    r(this, k).forEach((t) => t.persist()), c(this, dt, "persisted");
+    s(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 = r(this, w).playbackRate ?? r(this, I);
+    const { endTime: e = 0 } = ((t = this.effect) == null ? void 0 : t.getComputedTiming()) ?? {}, n = s(this, w).playbackRate ?? s(this, I);
     if (n === 0 || n > 0 && e === 1 / 0)
       throw new DOMException("InvalidStateError");
     g(this, D, $).call(this);
-    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);
+    let r;
+    if (n > 0 ? r = e : r = 0, g(this, bt, Pt).call(this, r), this.startTime === null && s(this, p) !== null && s(this, p).currentTime !== null && r !== null) {
+      const a = s(this, p) instanceof b ? "percent" : "ms";
+      r = h(r, a);
+      const o = h(s(this, p).currentTime, a);
+      c(this, u, o - r / n);
     }
-    r(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());
+    s(this, w).task === "pause" && s(this, u) !== null && (c(this, y, null), g(this, H, it).call(this), s(this, R).resolve(this)), s(this, w).task === "play" && s(this, u) !== null && (g(this, H, it).call(this), s(this, R).resolve(this)), g(this, W, j).call(this, !0), s(this, k).forEach((a) => a.finish());
   }
   commitStyles() {
-    r(this, k).forEach((t) => {
+    s(this, k).forEach((t) => {
       t.effect instanceof wt && (t.effect.target === null || t.effect.pseudoElement !== null) || t.commitStyles();
     });
   }
   cancel() {
-    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);
+    this.playState !== "idle" && (g(this, D, $).call(this), s(this, R).reject(new DOMException("The user aborted a request", "AbortError")), g(this, H, it).call(this), c(this, R, new st()), s(this, P).state === "pending" && s(this, P).reject(new DOMException("The user aborted a request", "AbortError")), c(this, P, new st()), s(this, k).forEach((t) => t.cancel())), c(this, u, null), c(this, y, null);
   }
   updatePlaybackRate(t) {
     var e;
-    r(this, w).playbackRate = t;
+    s(this, w).playbackRate = t;
     const n = this.playState;
-    if (r(this, R).state !== "pending")
+    if (s(this, R).state !== "pending")
       switch (n) {
         case "idle":
         case "paused":
           g(this, D, $).call(this);
           break;
         case "finished": {
-          const i = r(this, p) instanceof b ? "percent" : "ms", a = ((e = r(this, p)) == null ? void 0 : e.currentTime) ?? null;
+          const r = s(this, p) instanceof b ? "percent" : "ms", a = ((e = s(this, p)) == null ? void 0 : e.currentTime) ?? null;
           if (t === 0)
-            c(this, u, h(a, i));
+            c(this, u, h(a, r));
           else if (a !== null) {
             let o = null;
-            o = (h(a, i) - (r(this, u) ?? 0)) * this.playbackRate, r(this, u) !== null && o !== null && c(this, u, (h(a, i) - o) / t);
+            o = (h(a, r) - (s(this, u) ?? 0)) * this.playbackRate, s(this, u) !== null && o !== null && c(this, u, (h(a, r) - o) / t);
           }
-          g(this, D, $).call(this), g(this, W, F).call(this, !1), g(this, B, X).call(this);
+          g(this, D, $).call(this), g(this, W, j).call(this, !1), g(this, q, X).call(this);
           break;
         }
         default:
@@ -1057,209 +875,209 @@ const fe = class extends EventTarget {
     super.removeEventListener(t, e, n);
   }
   set playbackRate(t) {
-    c(this, I, t), r(this, k).forEach((e) => {
+    c(this, I, t), s(this, k).forEach((e) => {
       e.playbackRate *= t;
     });
   }
   set startTime(t) {
-    c(this, u, h(t)), r(this, k).forEach((e) => e.startTime = t);
+    c(this, u, h(t)), s(this, k).forEach((e) => e.startTime = t);
   }
   set currentTime(t) {
     var e;
-    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))
+    const n = s(this, p) instanceof b ? "percent" : "ms", r = h(((e = s(this, p)) == null ? void 0 : e.currentTime) ?? null, n);
+    if (Y(t) && !Y(r))
       throw new TypeError("currentTime may not be changed from resolved to unresolved.");
-    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);
+    c(this, V, !1), s(this, y) !== null || s(this, u) === null || r === null || this.playbackRate === 0 ? c(this, y, h(t, n)) : c(this, u, r - h(t, n) / this.playbackRate), (s(this, p) === null || r === null) && c(this, u, null), c(this, G, null), g(this, bt, Pt).call(this, t), s(this, w).task === "pause" && (c(this, y, h(t, n)), g(this, D, $).call(this), c(this, u, null), g(this, H, it).call(this), s(this, R).resolve(this)), g(this, W, j).call(this, !0);
   }
   set timeline(t) {
     var e, n;
-    const i = this.timeline;
-    if (i === t)
+    const r = this.timeline;
+    if (r === t)
       return;
-    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;
+    s(this, p) instanceof b && s(this, p).removeEventListener("update", s(this, ut));
+    const a = this.playState, o = r instanceof b ? "percent" : "ms", l = h(this.currentTime, o), { progress: f = null, endTime: d = 0 } = ((e = s(this, x)) == null ? void 0 : e.getComputedTiming()) ?? {}, m = h(d, o), S = r instanceof b, E = t instanceof b, Z = t instanceof DocumentTimeline, C = this.pending;
     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);
+      c(this, p, t), t.addEventListener("update", s(this, ut)), g(this, D, $).call(this), c(this, V, !0), c(this, u, null), c(this, y, null), (a === "running" || a === "finished") && ((!s(this, R) || s(this, R).state === "resolved") && g(this, nt, ht).call(this), s(this, w).task = "play", s(this, k).forEach((L) => L.pause())), a === "paused" && f !== null && c(this, y, f * m), C && ((!s(this, R) || s(this, R).state === "resolved") && g(this, nt, ht).call(this), a === "paused" ? s(this, w).task = "pause" : s(this, w).task = "play"), s(this, u) !== null && c(this, y, null), g(this, W, j).call(this, !1);
     else if (Z) {
       if (c(this, p, t), S) {
         if (l !== null && f !== null) {
-          const { endTime: L = 0 } = ((n = r(this, x)) == null ? void 0 : n.getComputedTiming()) ?? {}, M = h(L, "ms");
+          const { endTime: L = 0 } = ((n = s(this, x)) == null ? void 0 : n.getComputedTiming()) ?? {}, M = h(L, "ms");
           this.currentTime = f * M;
         }
         switch (a) {
           case "paused":
-            r(this, k).forEach((L) => L.pause());
+            s(this, k).forEach((L) => L.pause());
             break;
           case "running":
           case "finished":
-            r(this, k).forEach((L) => L.play());
+            s(this, k).forEach((L) => L.play());
         }
       }
     } else
       throw TypeError("Unsupported timeline: " + t);
   }
   set effect(t) {
-    if (t !== r(this, x)) {
-      if (this.pending && g(this, z, it).call(this), r(this, x) && N.delete(r(this, x)), t) {
+    if (t !== s(this, x)) {
+      if (this.pending && g(this, H, it).call(this), s(this, x) && N.delete(s(this, x)), t) {
         const e = N.get(t);
         e && (e.effect = null), N.set(t, this);
       }
-      c(this, x, t), g(this, Tt, Ut).call(this), g(this, W, F).call(this, !1);
+      c(this, x, t), g(this, Tt, At).call(this), g(this, W, j).call(this, !1);
     }
   }
   get ready() {
-    return r(this, R).promise;
+    return s(this, R).promise;
   }
   get finished() {
-    return r(this, P).promise;
+    return s(this, P).promise;
   }
   get playState() {
     var t;
     let { endTime: e = 0 } = ((t = this.effect) == null ? void 0 : t.getComputedTiming()) ?? {};
-    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";
+    const n = s(this, p) instanceof b ? "percent" : "ms", r = h(this.startTime, n), a = h(this.currentTime, n);
+    return e = h(e, n), a === null && r === null && s(this, w).task === null ? "idle" : s(this, w).task === "pause" || r === null && s(this, w).task !== "play" ? "paused" : a !== null && (s(this, I) > 0 && a >= e || s(this, I) < 0 && a <= 0) ? "finished" : "running";
   }
   get playbackRate() {
-    return r(this, I);
+    return s(this, I);
   }
   get replaceState() {
-    return r(this, dt);
+    return s(this, dt);
   }
   get pending() {
-    return r(this, R).state === "pending";
+    return s(this, R).state === "pending";
   }
   get currentTime() {
     var t;
     const e = ((t = this.timeline) == null ? void 0 : t.currentTime) ?? null;
-    if (r(this, y)) {
+    if (s(this, y)) {
       if (typeof e == "number")
-        return r(this, y);
-      const a = r(this, p) instanceof b ? "percent" : "ms";
-      return new CSSUnitValue(r(this, y), a);
+        return s(this, y);
+      const a = s(this, p) instanceof b ? "percent" : "ms";
+      return new CSSUnitValue(s(this, y), a);
     }
-    if (e === null || r(this, u) === null)
+    if (e === null || s(this, u) === null)
       return null;
-    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);
+    const n = s(this, p) instanceof b ? "percent" : "ms";
+    let r = (h(e, n) - s(this, u)) * this.playbackRate;
+    return r === -0 && (r = 0), typeof e == "number" ? r : new CSSUnitValue(r, n);
   }
   get startTime() {
     var t;
-    if (r(this, u) === null)
+    if (s(this, u) === null)
       return null;
     if (typeof (((t = this.timeline) == null ? void 0 : t.currentTime) ?? null) == "number")
-      return r(this, u);
-    const e = r(this, p) instanceof b ? "percent" : "ms";
-    return new CSSUnitValue(r(this, u), e);
+      return s(this, u);
+    const e = s(this, p) instanceof b ? "percent" : "ms";
+    return new CSSUnitValue(s(this, u), e);
   }
   get timeline() {
-    return r(this, p);
+    return s(this, p);
   }
   get effect() {
-    return r(this, x);
+    return s(this, x);
   }
 };
-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) {
+p = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), dt = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), ct = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), bt = /* @__PURE__ */ new WeakSet(), Pt = function(i) {
   var t;
-  const e = h(((t = r(this, p)) == null ? void 0 : t.currentTime) ?? null);
-  if (s === null && e !== null)
+  const e = h(((t = s(this, p)) == null ? void 0 : t.currentTime) ?? null);
+  if (i === null && e !== null)
     throw new TypeError();
-  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));
+  i === null || e === null || (i = h(i), c(this, V, !1), s(this, y) !== null || s(this, u) === null || s(this, p) instanceof b && s(this, p).phase === "inactive" || s(this, I) === 0 ? c(this, y, i) : c(this, u, e - i / s(this, I)), s(this, p) instanceof b && s(this, p).phase === "inactive" && c(this, u, null), c(this, G, null));
 }, nt = /* @__PURE__ */ new WeakSet(), ht = function() {
-  r(this, R).state !== "pending" && c(this, R, new rt()), cancelAnimationFrame(r(this, ct)), c(this, ct, requestAnimationFrame(() => {
-    var s;
-    (((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")));
+  s(this, R).state !== "pending" && c(this, R, new st()), cancelAnimationFrame(s(this, ct)), c(this, ct, requestAnimationFrame(() => {
+    var i;
+    (((i = s(this, p)) == null ? void 0 : i.currentTime) ?? null) !== null && (g(this, Ut, Qt).call(this), s(this, w).task === "play" && (s(this, u) !== null || s(this, y) !== null) ? g(this, Dt, _t).call(this) : s(this, w).task === "pause" && g(this, Nt, Jt).call(this), Promise.all(s(this, k).map((t) => t.finished)).then(s(this, St)), Promise.all(s(this, k).map((t) => new Promise((e) => t.onremove = e))).then(s(this, Wt)), Promise.all(s(this, k).map((t) => new Promise((e) => t.oncancel = e))).then(s(this, It)).then(() => c(this, dt, "removed")));
   }));
-}, z = /* @__PURE__ */ new WeakSet(), it = function() {
-  cancelAnimationFrame(r(this, ct)), r(this, w).task = null;
+}, H = /* @__PURE__ */ new WeakSet(), it = function() {
+  cancelAnimationFrame(s(this, ct)), s(this, w).task = null;
 }, Dt = /* @__PURE__ */ new WeakSet(), _t = function() {
-  var s;
-  const t = ((s = this.timeline) == null ? void 0 : s.currentTime) ?? null;
+  var i;
+  const t = ((i = this.timeline) == null ? void 0 : i.currentTime) ?? null;
   if (t === null)
     return;
-  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;
+  const e = s(this, p) instanceof b ? "percent" : "ms";
+  if (s(this, y) !== null)
+    g(this, D, $).call(this), this.playbackRate === 0 ? c(this, u, h(t, e)) : (c(this, u, h(t, e) - s(this, y) / this.playbackRate), c(this, y, null));
+  else if (s(this, u) !== null && s(this, w).playbackRate !== null) {
+    const n = (h(t, e) - s(this, u)) * this.playbackRate;
     g(this, D, $).call(this);
-    const i = this.playbackRate;
-    i === 0 ? (c(this, y, null), c(this, u, h(t, e))) : c(this, u, h(t, e) - n / i);
+    const r = this.playbackRate;
+    r === 0 ? (c(this, y, null), c(this, u, h(t, e))) : c(this, u, h(t, e) - n / r);
   }
-  r(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());
+  s(this, R).state === "pending" && s(this, R).resolve(this), g(this, W, j).call(this, !1), g(this, q, X).call(this), s(this, w).task = null, this.timeline instanceof DocumentTimeline && s(this, k).forEach((n) => n.play());
 }, Nt = /* @__PURE__ */ new WeakSet(), Jt = function() {
-  var s;
-  const t = ((s = this.timeline) == null ? void 0 : s.currentTime) ?? null;
+  var i;
+  const t = ((i = this.timeline) == null ? void 0 : i.currentTime) ?? null;
   if (t === null)
     return;
-  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);
+  const e = s(this, p) instanceof b ? "percent" : "ms", n = t;
+  s(this, u) !== null && s(this, y) === null && c(this, y, (h(n, e) - s(this, u)) * this.playbackRate), g(this, D, $).call(this), c(this, u, null), s(this, R).resolve(this), g(this, W, j).call(this, !1), g(this, q, X).call(this), s(this, w).task = null, s(this, k).forEach((r) => r.pause());
+}, Ut = /* @__PURE__ */ new WeakSet(), Qt = function() {
+  if (s(this, V) && !(!s(this, p) || !s(this, p).currentTime) && !(this.playState === "idle" || this.playState === "paused" && s(this, y) !== null)) {
+    if (s(this, p) instanceof b) {
+      const i = s(this, w).playbackRate ?? this.playbackRate;
+      c(this, u, i >= 0 ? 0 : 100);
     } else
-      c(this, u, h(r(this, p).currentTime, "ms"));
+      c(this, u, h(s(this, p).currentTime, "ms"));
     c(this, y, null);
   }
-}, B = /* @__PURE__ */ new WeakSet(), X = function() {
-  var s;
-  const t = ((s = r(this, p)) == null ? void 0 : s.currentTime) ?? null;
+}, q = /* @__PURE__ */ new WeakSet(), X = function() {
+  var i;
+  const t = ((i = s(this, p)) == null ? void 0 : i.currentTime) ?? null;
   if (t === null)
     return;
-  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 e = s(this, x), n = s(this, p) instanceof b ? Pe(t, e?.getTiming()) : kt(t);
+  let r = null;
+  if (s(this, u) !== null) {
     const a = h(t, "percent") === (this.playbackRate < 0 ? 0 : 100) ? this.playbackRate < 0 ? 1e-3 : -1e-3 : 0;
-    i = (n - r(this, u)) * this.playbackRate, i += a;
-  } else if (r(this, y) !== null)
-    i = r(this, y);
+    r = (n - s(this, u)) * this.playbackRate, r += a;
+  } else if (s(this, y) !== null)
+    r = s(this, y);
   else
     return;
-  r(this, k).forEach((a) => a.currentTime = i);
-}, ut = /* @__PURE__ */ new WeakMap(), Tt = /* @__PURE__ */ new WeakSet(), Ut = function() {
-  var s;
-  const t = r(this, x), e = [];
-  if (t instanceof qt)
+  s(this, k).forEach((a) => a.currentTime = r);
+}, ut = /* @__PURE__ */ new WeakMap(), Tt = /* @__PURE__ */ new WeakSet(), At = function() {
+  var i;
+  const t = s(this, x), e = [];
+  if (t instanceof Ht)
     for (let n = 0; n < t.children.length; n++) {
-      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()) ?? {};
-        i.startTime = h(a, "ms");
+      const r = new pe(t.children.item(n));
+      if (t instanceof Oe && n > 0) {
+        const { endTime: a = null } = ((i = e[n - 1].effect) == null ? void 0 : i.getComputedTiming()) ?? {};
+        r.startTime = h(a, "ms");
       }
-      e.push(i);
+      e.push(r);
     }
   else {
-    const n = r(this, p) instanceof b ? document.timeline : r(this, p);
-    e.push(new We(t, n));
+    const n = s(this, p) instanceof b ? document.timeline : s(this, p);
+    e.push(new Me(t, n));
   }
   c(this, k, e);
-}, W = /* @__PURE__ */ new WeakSet(), F = function(s) {
+}, W = /* @__PURE__ */ new WeakSet(), j = function(i) {
   var t, e;
-  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;
+  const n = ((t = s(this, p)) == null ? void 0 : t.currentTime) ?? null, r = s(this, p) instanceof b ? "percent" : "ms", a = h(this.currentTime, r);
+  if (a && s(this, u) !== null && !this.pending) {
+    let { delay: o = 0, endDelay: l = 0, iterations: f = 1, duration: d = "auto" } = ((e = s(this, x)) == null ? void 0 : e.getTiming()) ?? {};
+    const m = s(this, w).playbackRate ?? this.playbackRate;
     if (d === "auto")
-      d = r(this, p) instanceof b ? jt : 0;
+      d = s(this, p) instanceof b ? qt : 0;
     else if (d instanceof CSSNumericValue)
       d = d.to("ms").value;
     else if (typeof d == "string")
       throw new TypeError("Unknown effect duration keyword.");
     const S = o + d * f + l;
-    let E = h(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));
+    let E = h(s(this, G), r);
+    m > 0 && a >= S && s(this, G) !== null ? ((E === null || E < S) && (E = S), c(this, y, i ? a : E)) : m < 0 && a <= 0 ? ((E === null || E > 0) && (E = 0), c(this, y, i ? a : E)) : m !== 0 && (i && s(this, y) !== null && (n !== null ? c(this, u, h(n, r) - s(this, y) / m) : c(this, u, null)), c(this, y, null));
   }
-  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());
+  g(this, q, X).call(this), c(this, G, this.currentTime), this.playState === "finished" ? s(this, P).state === "pending" && s(this, St).call(this) : s(this, P).state === "resolved" && c(this, P, new st());
 }, D = /* @__PURE__ */ new WeakSet(), $ = function() {
-  r(this, w).playbackRate && (this.playbackRate = r(this, w).playbackRate), r(this, w).playbackRate = null;
+  s(this, w).playbackRate && (this.playbackRate = s(this, w).playbackRate), s(this, w).playbackRate = null;
 }, St = /* @__PURE__ */ new WeakMap(), It = /* @__PURE__ */ new WeakMap(), Wt = /* @__PURE__ */ new WeakMap();
-let He = fe;
-var st, $t, pe;
-class Ot extends qt {
+let Ve = pe;
+var rt, $t, me;
+class Ot extends Ht {
   constructor(t, e = pt) {
-    super(t), v(this, $t), v(this, st, void 0), c(this, st, {
+    super(t), v(this, $t), v(this, rt, void 0), c(this, rt, {
       ...pt,
       ...e
     }), t.forEach((n) => n.updateTiming());
@@ -1271,7 +1089,7 @@ class Ot extends qt {
     super.append(...t), t.forEach((e) => e.updateTiming());
   }
   getTiming() {
-    return r(this, st);
+    return s(this, rt);
   }
   getComputedTiming() {
     const t = this.getTiming(), e = { ...t };
@@ -1288,15 +1106,15 @@ class Ot extends qt {
       } = 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: i, currentTime: a } = N.get(this) ?? {}, o = n instanceof b ? "percent" : "ms";
+    const { timeline: n, startTime: r, currentTime: a } = N.get(this) ?? {}, o = n instanceof b ? "percent" : "ms";
     let { duration: l = 0, iterations: f = 1, endTime: d = 0 } = e;
     if (l === "auto" && (l = 0), typeof l == "string")
       throw new TypeError("Unknown effect duration keyword.");
-    return e.duration = l, e.activeDuration = kt(l) * f, e.startTime = 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);
+    return e.duration = l, e.activeDuration = kt(l) * f, e.startTime = r ?? void 0, e.localTime = a, e.currentIteration = de(e, ue(e, s(this, $t, me))), n instanceof b ? zt(e) : (n instanceof DocumentTimeline && (e.progress = a && h(a, o) / h(d, o)), e);
   }
   updateTiming(t) {
-    c(this, st, {
-      ...r(this, st),
+    c(this, rt, {
+      ...s(this, rt),
       ...t
     });
     for (let e = 0; e < this.children.length; e++) {
@@ -1305,12 +1123,135 @@ class Ot extends qt {
     }
   }
 }
-st = /* @__PURE__ */ new WeakMap(), $t = /* @__PURE__ */ new WeakSet(), pe = function() {
-  const { playbackRate: s = 1 } = N.get(this) ?? {};
-  return s < 0 ? "backwards" : "forwards";
+rt = /* @__PURE__ */ new WeakMap(), $t = /* @__PURE__ */ new WeakSet(), me = function() {
+  const { playbackRate: i = 1 } = N.get(this) ?? {};
+  return i < 0 ? "backwards" : "forwards";
 };
-class Ge extends at {
-  ref = q();
+function Vt(i, t) {
+  i.endsWith("*") || (i += "**");
+  const e = window.location.origin, n = new URLPattern(i, e).exec(t, e);
+  if (!n)
+    return null;
+  const a = Object.keys(n.pathname.groups).filter((o) => !isNaN(Number(o))).map((o) => n.pathname.groups[o]).filter((o) => o !== void 0).at(oe) ?? "";
+  return new URL(
+    t.replace(a, ""),
+    window.location.origin
+  );
+}
+function te(i, t, e = `${window.location.origin}/`, n = !0) {
+  n || (i = i.toLowerCase(), t = t.toLowerCase());
+  const r = Vt(e, t)?.href;
+  if (!r)
+    return null;
+  const a = new URLPattern({
+    baseURL: r,
+    pathname: i
+  }).exec({ pathname: t, baseURL: r }), o = a?.pathname.groups ?? {};
+  return a ? {
+    params: o,
+    caseSensitive: n
+  } : null;
+}
+function je(i, t = window) {
+  return new Promise((e) => {
+    queueMicrotask(() => e(
+      t.dispatchEvent(i)
+    ));
+  });
+}
+function on(i) {
+  const t = we(i);
+  return t.load = async () => (t.module ??= await i(), t.module), t;
+}
+function ln() {
+  return !!window.navigation;
+}
+function cn() {
+  return !!globalThis.URLPattern;
+}
+async function hn() {
+  const { URLPattern: i } = await import("urlpattern-polyfill");
+  globalThis.URLPattern = i;
+}
+async function un() {
+  const { applyPolyfill: i } = await import("@virtualstate/navigation");
+  i({
+    history: !0,
+    interceptEvents: !0,
+    patch: !0,
+    persist: !0,
+    persistState: !0
+  });
+}
+async function Fe(i) {
+  const t = [];
+  for (const e of i)
+    t.push(await e);
+  return t;
+}
+function Ke(i) {
+  return i.replace(/-([a-z])/g, (t) => t[1].toUpperCase());
+}
+function dn(i, t) {
+  return ie(i, t);
+}
+function Be(i, t) {
+  const e = { ...i };
+  for (const n of t)
+    delete e[n];
+  return e;
+}
+function qe(i) {
+  return Object.create(
+    EventTarget.prototype,
+    {
+      id: {
+        value: i.id,
+        enumerable: !0,
+        writable: !1,
+        configurable: !1
+      },
+      key: {
+        value: i.key,
+        enumerable: !0,
+        writable: !1,
+        configurable: !1
+      },
+      url: {
+        value: i.url,
+        enumerable: !0,
+        writable: !1,
+        configurable: !1
+      },
+      index: {
+        value: i.index,
+        enumerable: !0,
+        writable: !1,
+        configurable: !1
+      },
+      sameDocument: {
+        value: i.sameDocument,
+        enumerable: !0,
+        writable: !1,
+        configurable: !1
+      },
+      getState: {
+        value: () => i.getState(),
+        enumerable: !1,
+        writable: !1,
+        configurable: !1
+      },
+      ondispose: {
+        value: null,
+        enumerable: !0,
+        writable: !0,
+        configurable: !1
+      }
+    }
+  );
+}
+class ze extends at {
+  ref = z();
   #t = null;
   #e = null;
   state = {
@@ -1329,24 +1270,24 @@ class Ge extends at {
     return this.#e;
   }
   getKeyframeProperties(t, e) {
-    const n = {}, i = window.getComputedStyle(t);
+    const n = {}, r = window.getComputedStyle(t);
     for (const a of e) {
       let o;
-      a === "offset" ? o = "cssOffset" : a === "float" ? o = "cssFloat" : o = Se(a), n[o] = i.getPropertyValue(a);
+      a === "offset" ? o = "cssOffset" : a === "float" ? o = "cssFloat" : o = Ke(a), n[o] = r.getPropertyValue(a);
     }
     return n;
   }
   copyStyles(t, e, n) {
-    if (!Ae(t))
+    if (!xe(t))
       return;
-    const i = window.getComputedStyle(t);
+    const r = window.getComputedStyle(t);
     for (const a of n) {
-      const o = i.getPropertyValue(a), l = i.getPropertyPriority(a);
+      const o = r.getPropertyValue(a), l = r.getPropertyPriority(a);
       e.style.setProperty(a, o, l);
     }
   }
   getAnimationEffect(t, e) {
-    const n = new Array(), i = {
+    const n = new Array(), r = {
       fill: "both",
       duration: "auto",
       easing: "ease"
@@ -1360,7 +1301,7 @@ class Ge extends at {
               { transform: o, opacity: 1 },
               { transform: l, opacity: 0 }
             ],
-            i
+            r
           )
         ), n.push(
           new KeyframeEffect(
@@ -1369,7 +1310,7 @@ class Ge extends at {
               { transform: o },
               { transform: l }
             ],
-            i
+            r
           )
         );
         break;
@@ -1382,7 +1323,7 @@ class Ge extends at {
               { opacity: 0, offset: 0.5 },
               { transform: l, opacity: 0 }
             ],
-            i
+            r
           )
         ), n.push(
           new KeyframeEffect(
@@ -1392,7 +1333,7 @@ class Ge extends at {
               { opacity: 0, offset: 0.5 },
               { transform: l, opacity: 1 }
             ],
-            i
+            r
           )
         );
         break;
@@ -1404,7 +1345,7 @@ class Ge extends at {
               { transform: o, opacity: 1 },
               { transform: l, opacity: 0 }
             ],
-            i
+            r
           )
         ), n.push(
           new KeyframeEffect(
@@ -1413,7 +1354,7 @@ class Ge extends at {
               { transform: o },
               { transform: l }
             ],
-            i
+            r
           )
         );
         break;
@@ -1437,7 +1378,7 @@ class Ge extends at {
                 height: `${e.rect.height}px`
               }
             ],
-            i
+            r
           )
         );
         break;
@@ -1451,19 +1392,19 @@ class Ge extends at {
       return null;
     t.previousScene = null, e.previousScene = t;
     const n = new Array();
-    for (const [i, a] of Array.from(e.nodes.entries())) {
-      const o = a.getBoundingClientRect(), l = t.nodes.get(i);
+    for (const [r, a] of Array.from(e.nodes.entries())) {
+      const o = a.getBoundingClientRect(), l = t.nodes.get(r);
       if (!l?.canTransition || !a.canTransition)
         continue;
       const f = l.getBoundingClientRect(), d = a.clone(), m = l.clone();
       if (!m || !d)
         continue;
       const S = Array.from(/* @__PURE__ */ new Set([...l.styles, ...a.styles]));
-      a.transitionType !== "morph" ? (m.id = `${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();
+      a.transitionType !== "morph" ? (m.id = `${r}-start`, m.style.position = "absolute", m.style.gridArea = "1 / 1", m.style.margin = "0", this.copyStyles(l.ref.current?.firstElementChild, m, S), this.copyStyles(a.ref.current?.firstElementChild, d, S), m.style.width = `${f.width}px`, m.style.height = `${f.height}px`, d.style.width = `${o.width}px`, d.style.height = `${o.height}px`, this.ref.current?.prepend(m)) : (this.copyStyles(l.ref.current?.firstElementChild, d, S), d.style.width = `${f.width}px`, d.style.height = `${f.height}px`), d.id = `${r}${a.transitionType === "morph" ? "" : "-end"}`, d.style.position = "absolute", d.style.gridArea = "1 / 1", d.style.margin = "0", this.ref.current?.prepend(d), l.hide(), a.hide();
       const E = async () => {
         this.props.direction === "forwards" ? a.unhide() : l.unhide(), d.remove(), m.remove();
       };
-      this.props.navigation.addEventListener("transition-end", E, { once: !0 }), this.props.navigation.addEventListener("transition-cancel", E, { once: !0 }), n.push(this.getAnimationEffect(
+      this.props.navigation.addEventListener("routertransitionend", E, { once: !0 }), this.props.navigation.addEventListener("routertransitioncancel", E, { once: !0 }), n.push(this.getAnimationEffect(
         { instance: l, clone: m, rect: f },
         { instance: a, clone: d, rect: o }
       ));
@@ -1487,22 +1428,24 @@ class Ge extends at {
           ` }) });
   }
 }
-class Xe extends at {
-  sharedElementTransitionLayer = q();
-  animation = new He();
+class He extends at {
+  sharedElementTransitionLayer = z();
+  animation = new Ve();
   #t = "normal";
   #e = [];
   state = {
     gestureNavigating: !1
   };
   onTransitionCancel() {
-    this.props.navigation.dispatchEvent(new xe());
+    this.props.navigation.dispatchEvent(
+      new TransitionEvent("routertransitioncancel")
+    );
   }
   onTransitionStart() {
-    this.props.navigation.dispatchEvent(new ke());
+    this.props.navigation.dispatchEvent(new TransitionEvent("routertransitionstart"));
   }
   onTransitionEnd() {
-    this.props.navigation.dispatchEvent(new Ce());
+    this.props.navigation.dispatchEvent(new TransitionEvent("routertransitionend"));
   }
   get screens() {
     return this.#e;
@@ -1521,7 +1464,7 @@ class Xe extends at {
   }
   transition() {
     const t = new Ot(
-      this.screens.map((i) => i.current?.transitionProvider?.current?.animationEffect ?? null).filter((i) => i !== null)
+      this.screens.map((r) => r.current?.transitionProvider?.current?.animationEffect ?? null).filter((r) => r !== null)
     ), e = this.sharedElementTransitionLayer.current?.animationEffect, n = t.getComputedTiming().duration;
     return e && (e.updateTiming({
       duration: n instanceof CSSNumericValue ? n.to("ms").value : n
@@ -1533,9 +1476,9 @@ class Xe extends at {
     }), this.animation;
   }
   render() {
-    return /* @__PURE__ */ te(Ft.Provider, { value: this, children: [
+    return /* @__PURE__ */ ee(Kt.Provider, { value: this, children: [
       /* @__PURE__ */ T(
-        Ge,
+        ze,
         {
           ref: this.sharedElementTransitionLayer,
           navigation: this.props.navigation,
@@ -1559,19 +1502,123 @@ class Xe extends at {
     ] });
   }
 }
+class Ge {
+  promise;
+  state;
+  #t;
+  #e;
+  constructor() {
+    this.state = "pending", this.#t = this.#e = null, this.promise = new Promise((t, e) => {
+      this.#t = t, this.#e = e;
+    });
+  }
+  resolve(t) {
+    this.state = "resolved", this.#t?.(t);
+  }
+  reject(t) {
+    this.state = "rejected", this.promise.catch(() => {
+    }), this.#e?.(t);
+  }
+}
+class ge extends Event {
+  #t;
+  #e = !1;
+  #r = !0;
+  #n = !1;
+  #d = null;
+  #f = null;
+  #l;
+  #s;
+  #c = new AbortController();
+  #h = !1;
+  #i = [];
+  #a = null;
+  #u = new Ge();
+  hasUAVisualTransition = !1;
+  constructor(t, e) {
+    super("navigate", { cancelable: !1, bubbles: !1, composed: !1 }), this.#t = t;
+    const {
+      destination: n = window.navigation.currentEntry
+    } = e ?? {};
+    if (!n)
+      throw new Error("Destination is null");
+    this.#l = {
+      getState() {
+        return n.getState();
+      },
+      url: n.url ?? new URL(window.location.href).href,
+      key: n.key,
+      index: n.index,
+      id: n.id,
+      sameDocument: !0
+    }, this.#s = this.#c.signal, window.navigation.addEventListener(
+      "navigate",
+      this.#o,
+      { signal: this.#s }
+    );
+  }
+  #o = (t) => {
+    t !== this ? this.#c.abort() : this.#i.length || window.navigation.removeEventListener("navigate", this.#o);
+  };
+  intercept(t) {
+    if (this.#h)
+      throw new DOMException("Failed to execute 'intercept' on 'NavigateEvent': intercept() may only be called while the navigate event is being dispatched.");
+    const e = t?.handler?.();
+    e && this.#i.push(e), this.#i.length === J && Fe(this.#i).then(() => {
+      this.#h = !0, window.removeEventListener("navigate", this.#o), this.#u.resolve();
+    });
+  }
+  scroll() {
+    throw new Error("Method not implemented.");
+  }
+  get transition() {
+    return this.#a || (this.#a = {
+      finished: this.#u.promise,
+      from: window.navigation.currentEntry,
+      navigationType: this.#t
+    }), this.#a;
+  }
+  get navigationType() {
+    return this.#t;
+  }
+  get userInitiated() {
+    return this.#e;
+  }
+  get canIntercept() {
+    return this.#r;
+  }
+  get hashChange() {
+    return this.#n;
+  }
+  get formData() {
+    return this.#d;
+  }
+  get downloadRequest() {
+    return this.#f;
+  }
+  get destination() {
+    return this.#l;
+  }
+  get signal() {
+    return this.#s;
+  }
+}
 class Rt extends at {
-  ref = q();
-  screenTransitionLayer = q();
+  ref = z();
+  screenTransitionLayer = z();
   parent = null;
   #t = null;
   loadDispatched = !1;
   hasUAVisualTransition = !1;
   parentScreen = null;
   static rootRouterRef = null;
-  static contextType = oe;
+  static contextType = le;
   constructor(t, e) {
     super(t), this.parentScreen = e?.parentScreen ?? null, this.parent = e?.parentRouter ?? null;
   }
+  static get events() {
+    return Object.getOwnPropertyNames(this.prototype).filter((t) => /^on/.test(t)).map((t) => t.replace("on", ""));
+  }
   componentDidMount() {
     if (this.parent)
       this.parent.child = this;
@@ -1581,48 +1628,62 @@ class Rt extends at {
         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
       );
     }
-    this.loadDispatched || (window.navigation.dispatchEvent(new Le()), this.loadDispatched = !0);
+    this.#e(), this.loadDispatched || (window.navigation.dispatchEvent(new ge("load")), this.loadDispatched = !0);
   }
   componentWillUnmount() {
-    this.isRoot && window.navigation.removeEventListener(
+    this.#r(), this.isRoot && window.navigation.removeEventListener(
       "navigate",
-      this.handleNavigationDispatch
+      this
     );
   }
-  handleNavigationDispatch = (t) => {
-    const n = [...this.#e()].findLast(
-      (i) => i.canIntercept(t)
+  onnavigate(t) {
+    const n = [...this.#n()].findLast(
+      (r) => r.canIntercept(t)
     );
     n && (n.intercept(t), this.hasUAVisualTransition = t.hasUAVisualTransition);
-  };
-  *#e(t = Rt.rootRouterRef?.deref() ?? null) {
+  }
+  #e() {
+    this.constructor.events.forEach((e) => {
+      this.ref.current?.addEventListener(e, this);
+    });
+  }
+  #r() {
+    this.constructor.events.forEach((e) => {
+      this.ref.current?.removeEventListener(e, this);
+    });
+  }
+  *#n(t = Rt.rootRouterRef?.deref() ?? null) {
     let e = t;
     for (; e; )
       yield e, e = e.child;
   }
   getRouterById(t, e) {
-    return [...this.#e(e)].find((i) => i.id === t) ?? null;
+    return [...this.#n(e)].find((r) => r.id === t) ?? null;
   }
   dispatchEvent(t) {
     const e = this.ref.current ?? void 0;
-    return be(t, e);
+    return je(t, e);
   }
   addEventListener(t, e, n) {
-    const i = this.ref.current;
-    return i ? (i.addEventListener(t, e, n), () => i.removeEventListener(t, e, n)) : () => {
+    const r = this.ref.current;
+    return r ? (r.addEventListener(t, e, n), () => r.removeEventListener(t, e, n)) : () => {
     };
   }
   removeEventListener(t, e, n) {
     return this.ref.current?.removeEventListener(t, e, n);
   }
+  handleEvent(t) {
+    const e = `on${t.type}`;
+    this[e]?.(t);
+  }
   screenChildFromPathname(t) {
-    for (const e of Gt.toArray(this.props.children)) {
-      if (!Ne(e))
+    for (const e of Xt.toArray(this.props.children)) {
+      if (!ke(e))
         continue;
-      const n = Xt(
+      const n = te(
         e.props.path,
         t,
         this.baseURLPattern.pathname,
@@ -1638,11 +1699,11 @@ class Rt extends at {
   }
   preloadScreen(t) {
     const e = t.props.config, n = [];
-    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(() => {
+    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(() => {
     });
   }
   includesRoute(t, e = window.location.origin) {
-    return this.pathPatterns.some(({ pattern: n, caseSensitive: i }) => Xt(n, t, e, i));
+    return this.pathPatterns.some(({ pattern: n, caseSensitive: r }) => te(n, t, e, r));
   }
   get id() {
     if (this.props.id)
@@ -1655,19 +1716,19 @@ class Rt extends at {
   }
   get baseURL() {
     const t = this.isRoot ? window.location.pathname : this.parentScreen.resolvedPathname, e = this.baseURLPattern.pathname;
-    return Lt(e, t);
+    return Vt(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: i
+        path: r
       } = this.parentScreen, a = this.parent.baseURL?.href, o = new URLPattern({
         baseURL: a,
-        pathname: i
+        pathname: r
       });
-      t = Lt(
+      t = Vt(
         o.pathname,
         n
       ).href;
@@ -1675,7 +1736,7 @@ class Rt extends at {
     return new URLPattern({ baseURL: t, pathname: e });
   }
   get pathPatterns() {
-    return Gt.map(this.props.children, (t) => ({
+    return Xt.map(this.props.children, (t) => ({
       pattern: t.props.path,
       caseSensitive: !!t.props.caseSensitive
     }));
@@ -1702,7 +1763,7 @@ class Rt extends at {
           style: { width: "100%", height: "100%" },
           ref: this.ref,
           children: /* @__PURE__ */ T(vt.Provider, { value: this, children: /* @__PURE__ */ T(
-            Xe,
+            He,
             {
               id: `${this.id}-transition-layer`,
               ref: this.screenTransitionLayer,
@@ -1715,7 +1776,7 @@ class Rt extends at {
       );
   }
 }
-class Ye {
+class Xe {
   #t = /* @__PURE__ */ new Map();
   mutationObserver;
   constructor() {
@@ -1739,12 +1800,12 @@ class Ye {
     const e = this.formatMetaKey(t), n = this.#t.get(e);
     if (!n)
       return;
-    let i;
-    return n.includes(",") && n.includes("=") ? i = n.split(/,\s*/).map((a) => a.split("=")) : i = n, i;
+    let r;
+    return n.includes(",") && n.includes("=") ? r = n.split(/,\s*/).map((a) => a.split("=")) : r = n, r;
   }
   set(t, e) {
-    const n = this.formatMetaKey(t), i = this.formatMetaContent(e);
-    this.#t.set(n, i), typeof t == "string" && (t = ["name", t]), this.updateMetaElement(t, i);
+    const n = this.formatMetaKey(t), r = this.formatMetaContent(e);
+    this.#t.set(n, r), typeof t == "string" && (t = ["name", t]), this.updateMetaElement(t, r);
   }
   has(t) {
     const e = this.formatMetaKey(t);
@@ -1776,10 +1837,10 @@ class Ye {
         return;
       e.removedNodes.forEach((n) => {
         if (n.nodeName === "META") {
-          const i = Array.from(n.attributes).find((l) => l.nodeName !== "content");
-          if (!i || !i.value)
+          const r = Array.from(n.attributes).find((l) => l.nodeName !== "content");
+          if (!r || !r.value)
             return;
-          const a = [i.nodeName, i.value], o = this.formatMetaKey(a);
+          const a = [r.nodeName, r.value], o = this.formatMetaKey(a);
           this.#t.has(o) && this.#t.delete(o);
         }
       }), e.addedNodes.forEach((n) => {
@@ -1791,7 +1852,7 @@ class Ye {
     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);
+    const r = [e.nodeName, e.value], a = this.formatMetaKey(r);
     this.#t.set(a, n?.value);
   }
   formatMetaKey(t) {
@@ -1799,8 +1860,8 @@ class Ye {
     if (typeof t == "string")
       e = `name="${t}"`;
     else {
-      const [n, i] = t;
-      e = `${n}="${i}"`;
+      const [n, r] = t;
+      e = `${n}="${r}"`;
     }
     return e;
   }
@@ -1811,13 +1872,13 @@ class Ye {
     return typeof t == "string" ? e = t : e = t.map((n) => n.join("=")).join(", "), e;
   }
   updateMetaElement(t, e) {
-    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);
+    const n = document.querySelector(`meta[${this.formatMetaKey(t)}]`) || document.createElement("meta"), [r, a] = t;
+    n.setAttribute(r, a), e ? n.setAttribute("content", e) : n.removeAttribute("content"), n.parentElement || document.head.appendChild(n);
   }
 }
-class Vt {
+class jt {
   static rootNavigatorRef = null;
-  metaData = new Ye();
+  metaData = new Xe();
   addEventListener;
   removeEventListener;
   dispatchEvent;
@@ -1827,87 +1888,105 @@ class Vt {
   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;
+    const e = jt.rootNavigatorRef?.deref();
+    (!e || !e.isInDocument) && (jt.rootNavigatorRef = new WeakRef(this)), this.addEventListener = t.addEventListener, this.removeEventListener = t.removeEventListener, this.dispatchEvent = t.dispatchEvent, this.parent = t.parent, this.routerId = t.routerId, this.baseURL = t.baseURL, this.baseURLPattern = t.baseURLPattern, this.getNavigatorById = t.getNavigatorById;
+  }
+  preload(t, e) {
+    const n = new URL(t, this.baseURL).href, r = {
+      getState() {
+        return e;
+      },
+      index: oe,
+      sameDocument: !0,
+      url: n,
+      id: null,
+      key: null
+    }, a = new ge("preload", { destination: r });
+    window.navigation.dispatchEvent(a);
+    const o = qe(r);
+    return {
+      finished: a.transition.finished.then(() => o),
+      committed: Promise.resolve(o)
+    };
   }
   get isInDocument() {
     return !!document.getElementById(`${this.routerId}`);
   }
 }
-function gn() {
-  const s = ft(vt);
-  if (s)
-    return s.navigation;
+function fn() {
+  const i = ft(vt);
+  if (i)
+    return i.navigation;
   throw new Error("Router is null. You may be trying to call useNavigation outside a Router.");
 }
-function vn() {
+function pn() {
   return ft(vt);
 }
-function yn() {
-  ye("Motion");
-  const s = ft(vt), e = ft(Ft).animation, n = 1;
-  return ie(
-    (i) => {
+function mn() {
+  Ee("Motion");
+  const i = ft(vt), e = ft(Kt).animation, n = 1;
+  return re(
+    (r) => {
       const a = async () => {
         do
           await new Promise((o) => {
             requestAnimationFrame(o);
-          }), i();
+          }), r();
         while (e.playState === "running");
       };
-      return s.addEventListener("transition-start", a), () => {
-        s.removeEventListener("transition-start", a);
+      return i.addEventListener("routertransitionstart", a), () => {
+        i.removeEventListener("routertransitionstart", a);
       };
     },
     () => {
-      const { progress: i } = e?.effect?.getComputedTiming() ?? {};
-      return i ?? n;
+      const { progress: r } = e?.effect?.getComputedTiming() ?? {};
+      return r ?? n;
     }
   );
 }
-function Ze() {
-  const s = ft(le);
-  if (s)
-    return s;
+function Ye() {
+  const i = ft(ce);
+  if (i)
+    return i;
   throw new Error("Router is null. You may be trying to call useRoute outside a Router.");
 }
-function wn(s, t) {
-  const e = Ze(), n = t instanceof Function ? t() : t, i = se(e);
-  re(() => {
-    i.current = e;
+function gn(i, t) {
+  const e = Ye(), n = t instanceof Function ? t() : t, r = Ft(e);
+  se(() => {
+    r.current = e;
   }, [e]);
-  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 a = be((l) => {
+    const { params: f, setParams: d } = r.current;
+    l instanceof Function && (l = l(f[i] ?? n)), d({ [i]: l });
+  }, [n, i]);
+  return [e.params[i] ?? n, a];
 }
 const mt = "--rerender";
-function En() {
-  return ie(
-    (s) => (globalThis.addEventListener(
+function vn() {
+  return re(
+    (i) => (globalThis.addEventListener(
       mt,
-      s,
+      i,
       { once: !0 }
     ), () => {
-      globalThis.removeEventListener(mt, s);
+      globalThis.removeEventListener(mt, i);
     }),
     () => document.timeline.currentTime
   );
 }
-function bn(s) {
-  const t = se(s);
-  t.current = s, re(() => {
+function yn(i) {
+  const t = Ft(i);
+  t.current = i, se(() => {
     const e = t.current;
     return globalThis.addEventListener(mt, e), () => {
       globalThis.removeEventListener(mt, e);
     };
   });
 }
-function Tn() {
+function wn() {
   globalThis.dispatchEvent(new Event(mt));
 }
-function Sn(s, t) {
+function En(i, t) {
   return Object.create(EventTarget.prototype, {
     id: {
       value: crypto.randomUUID(),
@@ -1928,7 +2007,7 @@ function Sn(s, t) {
       configurable: !1
     },
     url: {
-      value: s,
+      value: i,
       writable: !1,
       enumerable: !0,
       configurable: !1
@@ -1954,60 +2033,60 @@ function Sn(s, t) {
     }
   });
 }
-function Rn() {
+function bn() {
   if (!window.navigation)
     throw new Error("window.navigation is not available in this environment");
 }
-async function kn() {
-  await new Promise((s) => {
+async function Tn() {
+  await new Promise((i) => {
     window.navigation.addEventListener(
       "navigatesuccess",
-      s,
+      i,
       { once: !0 }
     );
   });
 }
-async function Ct(s) {
-  await window.navigation.navigate(s).finished;
+async function Ct(i) {
+  await window.navigation.navigate(i).finished;
 }
-async function xn(s) {
-  await window.navigation.traverseTo(s).finished;
+async function Sn(i) {
+  await window.navigation.traverseTo(i).finished;
 }
-async function Cn() {
-  const s = window.navigation.entries()[0];
-  await window.navigation.traverseTo(s.key).finished;
+async function Rn() {
+  const i = window.navigation.entries()[0];
+  await window.navigation.traverseTo(i.key).finished;
 }
-async function Ln() {
+async function kn() {
   await Ct("/one"), await Ct("/two"), await Ct("/three");
 }
-const me = (s) => {
-  s.intercept({
+const ve = (i) => {
+  i.intercept({
     handler() {
       return Promise.resolve();
     }
   });
 };
-async function Mn() {
-  window.navigation.addEventListener("navigate", me);
+async function xn() {
+  window.navigation.addEventListener("navigate", ve);
 }
-async function Pn() {
-  window.navigation.removeEventListener("navigate", me);
+async function Cn() {
+  window.navigation.removeEventListener("navigate", ve);
 }
-class H extends Ht.Component {
+class K extends Lt.Component {
   constructor(t) {
     super(t), this.state = {
       href: this.href
     };
   }
-  anchorRef = Ht.createRef();
+  anchorRef = Lt.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)
+  static findClosestEntryByHref(t, e, n, r) {
+    if (!Array.isArray(n) || r < O || r >= n.length || n.length === J)
       return;
-    let a = i - J, o = i + J;
-    const l = H.directionFromRel(e);
+    let a = r - J, o = r + J;
+    const l = K.directionFromRel(e);
     for (l === "next" && (a = O), l === "prev" && (o = n.length); a >= O || o < n.length; ) {
       if (a >= O && n[a]?.url === t)
         return n[a];
@@ -2017,7 +2096,7 @@ class H extends Ht.Component {
     }
   }
   static findClosestEntry(t, e, n) {
-    switch (H.directionFromRel(t)) {
+    switch (K.directionFromRel(t)) {
       case "prev":
         return e[n - J];
       case "next":
@@ -2035,15 +2114,15 @@ class H extends Ht.Component {
     this.setState({ href: t });
   };
   get href() {
-    const { href: t, traverse: e, reload: n, historyEntryKey: i, rel: a } = this.props;
+    const { href: t, traverse: e, reload: n, historyEntryKey: r, 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(
+      return r ? o = window.navigation?.entries().find((l) => l.key === r) : a && (t ? o = K.findClosestEntryByHref(
         t,
         a,
         window.navigation.entries(),
         window.navigation.currentEntry?.index ?? O
-      ) : o = H.findClosestEntry(
+      ) : o = K.findClosestEntry(
         a,
         window.navigation.entries(),
         window.navigation.currentEntry?.index ?? O
@@ -2052,32 +2131,35 @@ class H extends Ht.Component {
       return ".";
     return t;
   }
+  get search() {
+    return this.props.search ? this.props.search.startsWith("?") ? this.props.search : `?${this.props.search}` : "";
+  }
   handleClick = (t) => {
     if (this.props.onClick?.(t), t.defaultPrevented)
       return;
     t.preventDefault();
     const e = window.navigation, {
       rel: n,
-      historyEntryKey: i,
+      historyEntryKey: r,
       reload: a,
       replace: o,
       traverse: l,
       navigateInfo: f,
       navigateState: d
     } = this.props, m = this.anchorRef.current?.href;
-    if (i) {
-      e.traverseTo(i, { info: f });
+    if (r) {
+      e.traverseTo(r, { info: f });
       return;
     }
     if (l) {
       const S = e.entries();
       let E;
-      if (m ? E = H.findClosestEntryByHref(
+      if (m ? E = K.findClosestEntryByHref(
         m,
         n,
         S,
         e.currentEntry?.index ?? O
-      ) : E = H.findClosestEntry(
+      ) : E = K.findClosestEntry(
         n,
         S,
         e.currentEntry?.index ?? O
@@ -2100,7 +2182,7 @@ class H extends Ht.Component {
     const {
       rel: t,
       children: e
-    } = this.props, { href: n } = this.state, i = Re(this.props, [
+    } = this.props, { href: n } = this.state, { search: r } = this, a = Be(this.props, [
       "historyEntryKey",
       "navigateInfo",
       "navigateState",
@@ -2111,9 +2193,9 @@ class H extends Ht.Component {
     return /* @__PURE__ */ T(
       "a",
       {
-        ...i,
+        ...a,
         ref: this.anchorRef,
-        href: n ?? void 0,
+        href: n ? `${n}${r}` : void 0,
         rel: t,
         onClick: this.handleClick,
         children: e
@@ -2121,61 +2203,67 @@ class H extends Ht.Component {
     );
   }
 }
+function Ln({ ref: i, ...t }) {
+  const e = Ft(null);
+  return Lt.useImperativeHandle(
+    i,
+    () => e.current?.anchorRef.current ?? null
+  ), /* @__PURE__ */ T(K, { ref: e, ...t });
+}
 export {
-  H as Anchor,
-  an as EMPTY_COLLECTION_LENGTH,
+  Ln as Anchor,
+  K as AnchorBase,
+  sn as EMPTY_COLLECTION_LENGTH,
   O as FIRST_INDEX,
-  Ee as LAST_INDEX,
-  Le as LoadEvent,
+  oe as LAST_INDEX,
+  ge 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,
+  tn as MAX_PROGRESS,
+  Qe as MAX_Z_INDEX,
+  nn as MIN_NORM_PROGRESS,
+  en as MIN_PROGRESS,
+  jt as NavigationBase,
+  le as NestedRouterContext,
+  Fe as PromiseAllSequential,
+  Ge as PromiseWrapper,
+  ce as RoutePropContext,
   Rt as RouterBase,
   vt as RouterContext,
   J as SINGLE_ELEMENT_LENGTH,
-  De as ScreenBase,
-  Qe as SharedElement,
-  xe as TransitionCancelEvent,
-  Ce as TransitionEndEvent,
-  ke as TransitionStartEvent,
-  Rn as assertNavigationAvailable,
+  Re as ScreenBase,
+  Je as SharedElement,
+  bn as assertNavigationAvailable,
   dn as cloneAndInject,
-  Sn as createHistoryEntry,
-  be as dispatchEvent,
-  Mn as installInterceptor,
-  j as isLazyExoticComponent,
-  ce as isNativeLazyExoticComponent,
+  En as createHistoryEntry,
+  je as dispatchEvent,
+  qe as historyEntryFromDestination,
+  xn as installInterceptor,
+  B as isLazyExoticComponent,
+  he as isNativeLazyExoticComponent,
   ln as isNavigationSupported,
-  Ae as isStylableElement,
+  xe as isStylableElement,
   cn as isURLPatternSupported,
-  Ne as isValidScreenChild,
+  ke as isValidScreenChild,
   on as lazy,
-  Xt as matchRoute,
+  te as matchRoute,
   Ct as navTo,
-  Re as omit,
+  Be 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
+  Vt as resolveBaseURLFromPattern,
+  kn as seedHistory,
+  Ke as toCamelCase,
+  Sn as traverseTo,
+  Rn as traverseToStart,
+  wn as triggerRerender,
+  Cn as uninstallInterceptor,
+  mn as useMotion,
+  fn as useNavigationBase,
+  gn as useParamsBase,
+  vn as useRerender,
+  yn as useRerenderCallback,
+  Ye as useRouteBase,
+  pn as useRouterBase,
+  Tn as waitForNavigateSuccess
 };
 //# sourceMappingURL=index.js.map