@react-motion-router/stack 2.0.0-beta.sha-c19f37e → 2.0.0-beta.sha-7188e1e

package/build/index.js

@@ -1,604 +1,670 @@
-import { NavigationBase as yt, resolveBaseURLFromPattern as wt, matchRoute as X, LAST_INDEX as L, FIRST_INDEX as C, SINGLE_ELEMENT_LENGTH as T, ScreenBase as Et, RoutePropContext as Pt, RouterBase as bt, PromiseWrapper as St, cloneAndInject as _t, LoadEvent as Lt, historyEntryFromDestination as Tt, useNavigationBase as Rt, useRouterBase as kt, useRouteBase as It, useParamsBase as Ft, Anchor as xt } from "@react-motion-router/core";
+import { NavigationBase as bt, resolveBaseURLFromPattern as _t, matchRoute as V, SINGLE_ELEMENT_LENGTH as P, historyEntryFromDestination as U, LAST_INDEX as D, FIRST_INDEX as Y, ScreenBase as Lt, RoutePropContext as Tt, RouterBase as Rt, PromiseWrapper as It, cloneAndInject as xt, LoadEvent as kt, AnchorBase as Dt, useNavigationBase as Ft, useParamsBase as Ot, useRouteBase as Bt, useRouterBase as Kt, Anchor as Mt } from "@react-motion-router/core";
 import { jsx as G } from "react/jsx-runtime";
-import N, { useContext as Dt, createRef as Ot, startTransition as $, useDebugValue as H, useRef as Mt, useEffect as U, useCallback as V } from "react";
-import { GestureTimeline as Kt, springToLinear as Bt, easingToLinear as q } from "web-animations-extension";
-var y = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Yt = {}, _ = {};
-Object.defineProperty(_, "__esModule", { value: !0 });
-var ct;
-(function(n) {
-  n[n.tap = 0] = "tap", n[n.longpress = 1] = "longpress", n[n.pinchstart = 2] = "pinchstart", n[n.pinch = 3] = "pinch", n[n.pinchend = 4] = "pinchend", n[n.rotatestart = 5] = "rotatestart", n[n.rotate = 6] = "rotate", n[n.rotateend = 7] = "rotateend", n[n.swipestart = 8] = "swipestart", n[n.swipe = 9] = "swipe", n[n.swipeend = 10] = "swipeend", n[n.panstart = 11] = "panstart", n[n.pan = 12] = "pan", n[n.panend = 13] = "panend", n[n.doubletap = 14] = "doubletap";
-})(ct || (ct = {}));
-class Xt extends TouchEvent {
-  constructor(t, e) {
-    if (super(t, {
-      touches: Array.from(e.touches),
-      targetTouches: Array.from(e.targetTouches),
-      changedTouches: Array.from(e.changedTouches),
-      ctrlKey: e.ctrlKey,
-      shiftKey: e.shiftKey,
-      altKey: e.altKey,
-      metaKey: e.metaKey,
-      bubbles: !0,
-      cancelable: !0
-    }), t.includes("end") || e.type.includes("end")) {
-      this.gestureTarget = e.changedTouches[0].target, this.x = e.changedTouches[0].clientX, this.y = e.changedTouches[0].clientY;
-      return;
+import J, { createRef as $, useContext as Yt, startTransition as Q, useDebugValue as W, useRef as Xt, useEffect as tt, useImperativeHandle as Ct, useCallback as yt } from "react";
+import { GestureTimeline as At, springToLinear as Ut, easingToLinear as et } from "web-animations-extension";
+var b = {}, q = {}, ot;
+function B() {
+  if (ot) return q;
+  ot = 1, Object.defineProperty(q, "__esModule", { value: !0 });
+  var s;
+  (function(e) {
+    e[e.tap = 0] = "tap", e[e.longpress = 1] = "longpress", e[e.pinchstart = 2] = "pinchstart", e[e.pinch = 3] = "pinch", e[e.pinchend = 4] = "pinchend", e[e.rotatestart = 5] = "rotatestart", e[e.rotate = 6] = "rotate", e[e.rotateend = 7] = "rotateend", e[e.swipestart = 8] = "swipestart", e[e.swipe = 9] = "swipe", e[e.swipeend = 10] = "swipeend", e[e.panstart = 11] = "panstart", e[e.pan = 12] = "pan", e[e.panend = 13] = "panend", e[e.doubletap = 14] = "doubletap";
+  })(s || (s = {})), window.TouchEvent === void 0 && (window.TouchEvent = PointerEvent);
+  let t = class extends TouchEvent {
+    constructor(n, r) {
+      if (super(n, {
+        touches: Array.from(r.touches),
+        targetTouches: Array.from(r.targetTouches),
+        changedTouches: Array.from(r.changedTouches),
+        ctrlKey: r.ctrlKey,
+        shiftKey: r.shiftKey,
+        altKey: r.altKey,
+        metaKey: r.metaKey,
+        bubbles: !0,
+        cancelable: !0
+      }), n.includes("end") || r.type.includes("end")) {
+        this.gestureTarget = r.changedTouches[0].target, this.x = r.changedTouches[0].clientX, this.y = r.changedTouches[0].clientY;
+        return;
+      }
+      this.gestureTarget = r.touches[0].target, this.x = r.touches[0].clientX, this.y = r.touches[0].clientY;
     }
-    this.gestureTarget = e.touches[0].target, this.x = e.touches[0].clientX, this.y = e.touches[0].clientY;
-  }
-}
-_.default = Xt;
-var z = {}, Ct = y && y.__importDefault || function(n) {
-  return n && n.__esModule ? n : { default: n };
-};
-Object.defineProperty(z, "__esModule", { value: !0 });
-const Ut = Ct(_);
-class Ht extends Ut.default {
-  constructor(t, e) {
-    super("longpress", t), this.duration = 0, this.duration = e;
-  }
-}
-z.default = Ht;
-var Z = {}, At = y && y.__importDefault || function(n) {
-  return n && n.__esModule ? n : { default: n };
-};
-Object.defineProperty(Z, "__esModule", { value: !0 });
-const jt = At(_);
-class Nt extends jt.default {
-  constructor(t) {
-    super("tap", t), this.duration = 0;
-  }
-}
-Z.default = Nt;
-var J = {}, $t = y && y.__importDefault || function(n) {
-  return n && n.__esModule ? n : { default: n };
-};
-Object.defineProperty(J, "__esModule", { value: !0 });
-const Vt = $t(_);
-class Wt extends Vt.default {
-  constructor(t) {
-    super("doubletap", t);
-  }
+  };
+  return q.default = t, q;
 }
-J.default = Wt;
-var x = {}, Gt = y && y.__importDefault || function(n) {
-  return n && n.__esModule ? n : { default: n };
-};
-Object.defineProperty(x, "__esModule", { value: !0 });
-x.SwipeEndEvent = x.SwipeStartEvent = void 0;
-const qt = Gt(_);
-var ut;
-(function(n) {
-  n[n.start = 0] = "start", n[n.end = 1] = "end";
-})(ut || (ut = {}));
-class Q extends qt.default {
-  constructor(t, e, r) {
-    let s;
-    switch (r) {
-      case "start":
-        s = "swipestart";
-        break;
-      case "end":
-        s = "swipeend";
-        break;
-      default:
-        s = "swipe";
+var X = {}, ct;
+function Ht() {
+  if (ct) return X;
+  ct = 1;
+  var s = X && X.__importDefault || function(n) {
+    return n && n.__esModule ? n : { default: n };
+  };
+  Object.defineProperty(X, "__esModule", { value: !0 });
+  const t = s(B());
+  let e = class extends t.default {
+    constructor(r, a) {
+      super("longpress", r), this.duration = 0, this.duration = a;
     }
-    super(s, t), this.velocity = e.velocity, this.direction = e.direction;
-  }
-}
-class zt extends Q {
-  constructor(t, e) {
-    super(t, e);
-  }
-}
-x.default = zt;
-class Zt extends Q {
-  constructor(t, e) {
-    super(t, e, "start");
-  }
-}
-x.SwipeStartEvent = Zt;
-class Jt extends Q {
-  constructor(t, e) {
-    super(t, e, "end");
-  }
+  };
+  return X.default = e, X;
 }
-x.SwipeEndEvent = Jt;
-var D = {}, Qt = y && y.__importDefault || function(n) {
-  return n && n.__esModule ? n : { default: n };
-};
-Object.defineProperty(D, "__esModule", { value: !0 });
-D.PanEndEvent = D.PanStartEvent = void 0;
-const te = Qt(_);
-var ht;
-(function(n) {
-  n[n.start = 0] = "start", n[n.end = 1] = "end";
-})(ht || (ht = {}));
-class tt extends te.default {
-  constructor(t, e, r) {
-    let s;
-    switch (r) {
-      case "start":
-        s = "panstart";
-        break;
-      case "end":
-        s = "panend";
-        break;
-      default:
-        s = "pan";
+var C = {}, ut;
+function Nt() {
+  if (ut) return C;
+  ut = 1;
+  var s = C && C.__importDefault || function(n) {
+    return n && n.__esModule ? n : { default: n };
+  };
+  Object.defineProperty(C, "__esModule", { value: !0 });
+  const t = s(B());
+  let e = class extends t.default {
+    constructor(r) {
+      super("tap", r);
     }
-    super(s, t), this.velocity = e.velocity, this.translation = {
-      x: e.translation.x,
-      y: e.translation.y,
-      magnitude: e.translation.magnitude,
-      clientX: e.translation.clientX,
-      clientY: e.translation.clientY,
-      clientMagnitude: e.translation.clientMagnitude
-    };
-  }
-}
-class ee extends tt {
-  constructor(t, e) {
-    super(t, e);
-  }
+  };
+  return C.default = e, C;
 }
-D.default = ee;
-class ne extends tt {
-  constructor(t, e) {
-    super(t, e, "start");
-  }
+var A = {}, ht;
+function jt() {
+  if (ht) return A;
+  ht = 1;
+  var s = A && A.__importDefault || function(n) {
+    return n && n.__esModule ? n : { default: n };
+  };
+  Object.defineProperty(A, "__esModule", { value: !0 });
+  const t = s(B());
+  let e = class extends t.default {
+    constructor(r) {
+      super("doubletap", r);
+    }
+  };
+  return A.default = e, A;
 }
-D.PanStartEvent = ne;
-class re extends tt {
-  constructor(t, e) {
-    super(t, e, "end");
+var L = {}, lt;
+function qt() {
+  if (lt) return L;
+  lt = 1;
+  var s = L && L.__importDefault || function(i) {
+    return i && i.__esModule ? i : { default: i };
+  };
+  Object.defineProperty(L, "__esModule", { value: !0 }), L.SwipeEndEvent = L.SwipeStartEvent = void 0;
+  const t = s(B());
+  var e;
+  (function(i) {
+    i[i.start = 0] = "start", i[i.end = 1] = "end";
+  })(e || (e = {}));
+  class n extends t.default {
+    constructor(c, o, f) {
+      let l;
+      switch (f) {
+        case "start":
+          l = "swipestart";
+          break;
+        case "end":
+          l = "swipeend";
+          break;
+        default:
+          l = "swipe";
+      }
+      super(l, c), this.velocity = o.velocity, this.direction = o.direction;
+    }
   }
-}
-D.PanEndEvent = re;
-var O = {}, se = y && y.__importDefault || function(n) {
-  return n && n.__esModule ? n : { default: n };
-};
-Object.defineProperty(O, "__esModule", { value: !0 });
-O.PinchEndEvent = O.PinchStartEvent = void 0;
-const ie = se(_);
-var lt;
-(function(n) {
-  n[n.start = 0] = "start", n[n.end = 1] = "end";
-})(lt || (lt = {}));
-class et extends ie.default {
-  constructor(t, e, r) {
-    let s;
-    switch (r) {
-      case "start":
-        s = "pinchstart";
-        break;
-      case "end":
-        s = "pinchend";
-        break;
-      default:
-        s = "pinch";
+  let r = class extends n {
+    constructor(c, o) {
+      super(c, o);
+    }
+  };
+  L.default = r;
+  class a extends n {
+    constructor(c, o) {
+      super(c, o, "start");
     }
-    super(s, t), Object.defineProperty(this, "scale", {
-      value: e.scale,
-      writable: !1
-    });
   }
-}
-class ae extends et {
-  constructor(t, e) {
-    super(t, e);
+  L.SwipeStartEvent = a;
+  class u extends n {
+    constructor(c, o) {
+      super(c, o, "end");
+    }
   }
+  return L.SwipeEndEvent = u, L;
 }
-O.default = ae;
-class oe extends et {
-  constructor(t, e) {
-    super(t, e, "start");
+var T = {}, dt;
+function Vt() {
+  if (dt) return T;
+  dt = 1;
+  var s = T && T.__importDefault || function(i) {
+    return i && i.__esModule ? i : { default: i };
+  };
+  Object.defineProperty(T, "__esModule", { value: !0 }), T.PanEndEvent = T.PanStartEvent = void 0;
+  const t = s(B());
+  var e;
+  (function(i) {
+    i[i.start = 0] = "start", i[i.end = 1] = "end";
+  })(e || (e = {}));
+  class n extends t.default {
+    constructor(c, o, f) {
+      let l;
+      switch (f) {
+        case "start":
+          l = "panstart";
+          break;
+        case "end":
+          l = "panend";
+          break;
+        default:
+          l = "pan";
+      }
+      super(l, c), this.velocity = o.velocity, this.translation = {
+        x: o.translation.x,
+        y: o.translation.y,
+        magnitude: o.translation.magnitude,
+        clientX: o.translation.clientX,
+        clientY: o.translation.clientY,
+        clientMagnitude: o.translation.clientMagnitude
+      };
+    }
   }
-}
-O.PinchStartEvent = oe;
-class ce extends et {
-  constructor(t, e) {
-    super(t, e, "end");
+  let r = class extends n {
+    constructor(c, o) {
+      super(c, o);
+    }
+  };
+  T.default = r;
+  class a extends n {
+    constructor(c, o) {
+      super(c, o, "start");
+    }
   }
-}
-O.PinchEndEvent = ce;
-var M = {}, ue = y && y.__importDefault || function(n) {
-  return n && n.__esModule ? n : { default: n };
-};
-Object.defineProperty(M, "__esModule", { value: !0 });
-M.RotateEndEvent = M.RotateStartEvent = void 0;
-const he = ue(_);
-var dt;
-(function(n) {
-  n[n.start = 0] = "start", n[n.end = 1] = "end";
-})(dt || (dt = {}));
-class nt extends he.default {
-  constructor(t, e, r) {
-    let s;
-    switch (r) {
-      case "start":
-        s = "rotatestart";
-        break;
-      case "end":
-        s = "rotateend";
-        break;
-      default:
-        s = "rotate";
+  T.PanStartEvent = a;
+  class u extends n {
+    constructor(c, o) {
+      super(c, o, "end");
     }
-    super(s, t), this.anchor = {
-      x: e.anchor.x,
-      y: e.anchor.y,
-      clientX: e.anchor.clientX,
-      clientY: e.anchor.clientY
-    }, Object.defineProperty(this, "rotation", {
-      value: e.rotation,
-      writable: !1
-    }), this.rotationDeg = e.rotationDeg;
   }
+  return T.PanEndEvent = u, T;
 }
-class le extends nt {
-  constructor(t, e) {
-    super(t, e);
+var R = {}, ft;
+function Gt() {
+  if (ft) return R;
+  ft = 1;
+  var s = R && R.__importDefault || function(i) {
+    return i && i.__esModule ? i : { default: i };
+  };
+  Object.defineProperty(R, "__esModule", { value: !0 }), R.PinchEndEvent = R.PinchStartEvent = void 0;
+  const t = s(B());
+  var e;
+  (function(i) {
+    i[i.start = 0] = "start", i[i.end = 1] = "end";
+  })(e || (e = {}));
+  class n extends t.default {
+    constructor(c, o, f) {
+      let l;
+      switch (f) {
+        case "start":
+          l = "pinchstart";
+          break;
+        case "end":
+          l = "pinchend";
+          break;
+        default:
+          l = "pinch";
+      }
+      super(l, c), Object.defineProperty(this, "scale", {
+        value: o.scale,
+        writable: !1
+      });
+    }
   }
-}
-M.default = le;
-class de extends nt {
-  constructor(t, e) {
-    super(t, e, "start");
+  let r = class extends n {
+    constructor(c, o) {
+      super(c, o);
+    }
+  };
+  R.default = r;
+  class a extends n {
+    constructor(c, o) {
+      super(c, o, "start");
+    }
   }
-}
-M.RotateStartEvent = de;
-class fe extends nt {
-  constructor(t, e) {
-    super(t, e, "end");
+  R.PinchStartEvent = a;
+  class u extends n {
+    constructor(c, o) {
+      super(c, o, "end");
+    }
   }
+  return R.PinchEndEvent = u, R;
 }
-M.RotateEndEvent = fe;
-var k = {};
-Object.defineProperty(k, "__esModule", { value: !0 });
-k.closest = k.Vec2 = k.assert = void 0;
-function ve(n, t) {
-  if (!n)
-    throw new Error(t);
-}
-k.assert = ve;
-class ge {
-  constructor(t, e) {
-    this._x = 0, this._y = 0, this._clientX = 0, this._clientY = 0, this._clientX = t, this._clientY = e, this._x = this.translateX(t), this._y = this.translateY(e);
-  }
-  translateY(t) {
-    return -(t - window.innerHeight / 2);
-  }
-  translateX(t) {
-    return t - window.innerWidth / 2;
-  }
-  get x() {
-    return this._x;
-  }
-  get y() {
-    return this._y;
-  }
-  get clientX() {
-    return this._clientX;
-  }
-  get clientY() {
-    return this._clientY;
-  }
-  set x(t) {
-    this._clientX = t, this._x = this.translateX(t);
-  }
-  set y(t) {
-    this._clientY = t, this._y = this.translateY(t);
-  }
-  add(t) {
-    return this._x += t.x, this._y += t.y, this._clientX += t.clientX, this._clientY += t.clientY, this;
-  }
-  substract(t) {
-    return this._x -= t.x, this._y -= t.y, this._clientX -= t.clientX, this._clientY -= t.clientY, this;
-  }
-  dot(t) {
-    return this._x * t.x + this._y * t.y;
+var I = {}, vt;
+function Wt() {
+  if (vt) return I;
+  vt = 1;
+  var s = I && I.__importDefault || function(i) {
+    return i && i.__esModule ? i : { default: i };
+  };
+  Object.defineProperty(I, "__esModule", { value: !0 }), I.RotateEndEvent = I.RotateStartEvent = void 0;
+  const t = s(B());
+  var e;
+  (function(i) {
+    i[i.start = 0] = "start", i[i.end = 1] = "end";
+  })(e || (e = {}));
+  class n extends t.default {
+    constructor(c, o, f) {
+      let l;
+      switch (f) {
+        case "start":
+          l = "rotatestart";
+          break;
+        case "end":
+          l = "rotateend";
+          break;
+        default:
+          l = "rotate";
+      }
+      super(l, c), this.anchor = {
+        x: o.anchor.x,
+        y: o.anchor.y,
+        clientX: o.anchor.clientX,
+        clientY: o.anchor.clientY
+      }, Object.defineProperty(this, "rotation", {
+        value: o.rotation,
+        writable: !1
+      }), this.rotationDeg = o.rotationDeg;
+    }
   }
-  get magnitude() {
-    return Math.sqrt(Math.pow(this._x, 2) + Math.pow(this._y, 2));
+  let r = class extends n {
+    constructor(c, o) {
+      super(c, o);
+    }
+  };
+  I.default = r;
+  class a extends n {
+    constructor(c, o) {
+      super(c, o, "start");
+    }
   }
-  get clientMagnitude() {
-    return Math.sqrt(Math.pow(this._clientX, 2) + Math.pow(this._clientY, 2));
+  I.RotateStartEvent = a;
+  class u extends n {
+    constructor(c, o) {
+      super(c, o, "end");
+    }
   }
+  return I.RotateEndEvent = u, I;
 }
-k.Vec2 = ge;
-function pe(n, t) {
-  return t.reduce((e, r) => {
-    let s = Math.abs(e - n), i = Math.abs(r - n);
-    return s === i ? e > r ? e : r : i < s ? r : e;
-  });
-}
-k.closest = pe;
-(function(n) {
-  var t = y && y.__createBinding || (Object.create ? function(h, o, f, P) {
-    P === void 0 && (P = f), Object.defineProperty(h, P, { enumerable: !0, get: function() {
-      return o[f];
-    } });
-  } : function(h, o, f, P) {
-    P === void 0 && (P = f), h[P] = o[f];
-  }), e = y && y.__setModuleDefault || (Object.create ? function(h, o) {
-    Object.defineProperty(h, "default", { enumerable: !0, value: o });
-  } : function(h, o) {
-    h.default = o;
-  }), r = y && y.__importStar || function(h) {
-    if (h && h.__esModule)
-      return h;
-    var o = {};
-    if (h != null)
-      for (var f in h)
-        f !== "default" && Object.prototype.hasOwnProperty.call(h, f) && t(o, h, f);
-    return e(o, h), o;
-  }, s = y && y.__importDefault || function(h) {
-    return h && h.__esModule ? h : { default: h };
-  };
-  Object.defineProperty(n, "__esModule", { value: !0 }), n.RotateEndEvent = n.RotateEvent = n.RotateStartEvent = n.PinchEndEvent = n.PinchEvent = n.PinchStartEvent = n.PanEndEvent = n.PanEvent = n.PanStartEvent = n.SwipeEndEvent = n.SwipeEvent = n.SwipeStartEvent = n.DoubleTapEvent = n.LongPressEvent = n.GestureEvent = n.TapEvent = void 0;
-  const i = s(_);
-  n.GestureEvent = i.default;
-  const a = s(z);
-  n.LongPressEvent = a.default;
-  const c = s(Z);
-  n.TapEvent = c.default;
-  const u = s(J);
-  n.DoubleTapEvent = u.default;
-  const l = r(x);
-  n.SwipeEvent = l.default, Object.defineProperty(n, "SwipeEndEvent", { enumerable: !0, get: function() {
-    return l.SwipeEndEvent;
-  } }), Object.defineProperty(n, "SwipeStartEvent", { enumerable: !0, get: function() {
-    return l.SwipeStartEvent;
-  } });
-  const v = r(D);
-  n.PanEvent = v.default, Object.defineProperty(n, "PanEndEvent", { enumerable: !0, get: function() {
-    return v.PanEndEvent;
-  } }), Object.defineProperty(n, "PanStartEvent", { enumerable: !0, get: function() {
-    return v.PanStartEvent;
-  } });
-  const d = r(O);
-  n.PinchEvent = d.default, Object.defineProperty(n, "PinchEndEvent", { enumerable: !0, get: function() {
-    return d.PinchEndEvent;
-  } }), Object.defineProperty(n, "PinchStartEvent", { enumerable: !0, get: function() {
-    return d.PinchStartEvent;
-  } });
-  const m = r(M);
-  n.RotateEvent = m.default, Object.defineProperty(n, "RotateEndEvent", { enumerable: !0, get: function() {
-    return m.RotateEndEvent;
-  } }), Object.defineProperty(n, "RotateStartEvent", { enumerable: !0, get: function() {
-    return m.RotateStartEvent;
-  } });
-  const g = k;
-  var p;
-  (function(h) {
-    h[h.right = 0] = "right", h[h.up = 1] = "up", h[h.left = 2] = "left", h[h.down = 3] = "down";
-  })(p || (p = {}));
-  class w {
-    constructor() {
-      this.touchStart = new TouchEvent("touchstart") || {}, this.touchMove = new TouchEvent("touchmove") || {}, this.touchEnd = new TouchEvent("touchend") || {}, this.touchCancel = new TouchEvent("touchcancel") || {}, this.velocity = 0, this.dxDy = new g.Vec2(0, 0), this.scale = 1, this.rotation = 0, this.rotationDeg = 0, this.anchor = new g.Vec2(0, 0), this.octant = 0, this.isPanning = !1, this.isPinching = !1, this.isSwiping = !1, this.isRotating = !1, this.touchStartTime = 0, this.touchEndTime = 0, this.lastTouchTime = 0, this.taps = 0, this.scaleBase = 0, this.touchMoved = !1, this.touchDown = !1, this.shouldFire = !1, this.pointers = 0, this.isLongPress = !1, this.longPressTimeout = 0, this.touchStartListener = this.onTouchStart.bind(this), this.touchMoveListener = this.onTouchMove.bind(this), this.touchEndListener = this.onTouchEnd.bind(this), this.touchCancelListener = this.onTouchCancel.bind(this), this.currentTarget = window, this.config = {
-        longPressDuration: 500,
-        tapDelay: 500,
-        minPointers: 1,
-        numberOfTaps: 0
-      }, w.listening || (TouchEvent && window.addEventListener("touchstart", this.touchStartListener, !0), w.listening = !0);
+var k = {}, pt;
+function zt() {
+  if (pt) return k;
+  pt = 1, Object.defineProperty(k, "__esModule", { value: !0 }), k.closest = k.Vec2 = k.assert = void 0;
+  function s(n, r) {
+    if (!n)
+      throw new Error(r);
+  }
+  k.assert = s;
+  class t {
+    constructor(r, a) {
+      this._x = 0, this._y = 0, this._clientX = 0, this._clientY = 0, this._clientX = r, this._clientY = a, this._x = this.translateX(r), this._y = this.translateY(a);
     }
-    bind(o) {
-      this.unbind(this.currentTarget), o.addEventListener("touchmove", this.touchMoveListener, !0), o.addEventListener("touchend", this.touchEndListener, !0), o.addEventListener("touchcancel", this.touchCancelListener, !0), this.currentTarget = o;
+    translateY(r) {
+      return -(r - window.innerHeight / 2);
     }
-    unbind(o) {
-      o.removeEventListener("touchmove", this.touchMoveListener), o.removeEventListener("touchend", this.touchEndListener), o.removeEventListener("touchcancel", this.touchCancelListener);
+    translateX(r) {
+      return r - window.innerWidth / 2;
     }
-    clean() {
-      this.touchMoved = !1, this.touchStartTime = 0, this.touchDown = !1, this.scaleBase = 0, this.longPressTimeout && !this.isLongPress && (clearTimeout(this.longPressTimeout), this.longPressTimeout = 0), this.isLongPress = !1;
+    get x() {
+      return this._x;
     }
-    onPointerLeave(o) {
-      if (!o.touches.length) {
-        if (this.isSwiping) {
-          const f = new l.SwipeEndEvent(o, {
-            velocity: this.velocity,
-            direction: p[(0, g.closest)(this.octant, [0, 1, 2, 3])]
-          });
-          this.dispatchEvent(f), this.isSwiping = !1;
-        }
-        if (this.isPanning) {
-          const f = new v.PanEndEvent(o, {
-            translation: this.dxDy,
-            velocity: this.velocity
-          });
-          this.dispatchEvent(f), this.isPanning = !1;
-        }
+    get y() {
+      return this._y;
+    }
+    get clientX() {
+      return this._clientX;
+    }
+    get clientY() {
+      return this._clientY;
+    }
+    set x(r) {
+      this._clientX = r, this._x = this.translateX(r);
+    }
+    set y(r) {
+      this._clientY = r, this._y = this.translateY(r);
+    }
+    add(r) {
+      return this._x += r.x, this._y += r.y, this._clientX += r.clientX, this._clientY += r.clientY, this;
+    }
+    substract(r) {
+      return this._x -= r.x, this._y -= r.y, this._clientX -= r.clientX, this._clientY -= r.clientY, this;
+    }
+    dot(r) {
+      return this._x * r.x + this._y * r.y;
+    }
+    get magnitude() {
+      return Math.sqrt(Math.pow(this._x, 2) + Math.pow(this._y, 2));
+    }
+    get clientMagnitude() {
+      return Math.sqrt(Math.pow(this._clientX, 2) + Math.pow(this._clientY, 2));
+    }
+  }
+  k.Vec2 = t;
+  function e(n, r) {
+    return r.reduce((a, u) => {
+      let i = Math.abs(a - n), c = Math.abs(u - n);
+      return i === c ? a > u ? a : u : c < i ? u : a;
+    });
+  }
+  return k.closest = e, k;
+}
+var gt;
+function Zt() {
+  return gt || (gt = 1, (function(s) {
+    var t = b && b.__createBinding || (Object.create ? (function(v, h, g, E) {
+      E === void 0 && (E = g);
+      var y = Object.getOwnPropertyDescriptor(h, g);
+      (!y || ("get" in y ? !h.__esModule : y.writable || y.configurable)) && (y = { enumerable: !0, get: function() {
+        return h[g];
+      } }), Object.defineProperty(v, E, y);
+    }) : (function(v, h, g, E) {
+      E === void 0 && (E = g), v[E] = h[g];
+    })), e = b && b.__setModuleDefault || (Object.create ? (function(v, h) {
+      Object.defineProperty(v, "default", { enumerable: !0, value: h });
+    }) : function(v, h) {
+      v.default = h;
+    }), n = b && b.__importStar || function(v) {
+      if (v && v.__esModule) return v;
+      var h = {};
+      if (v != null) for (var g in v) g !== "default" && Object.prototype.hasOwnProperty.call(v, g) && t(h, v, g);
+      return e(h, v), h;
+    }, r = b && b.__importDefault || function(v) {
+      return v && v.__esModule ? v : { default: v };
+    };
+    Object.defineProperty(s, "__esModule", { value: !0 }), s.RotateEndEvent = s.RotateEvent = s.RotateStartEvent = s.PinchEndEvent = s.PinchEvent = s.PinchStartEvent = s.PanEndEvent = s.PanEvent = s.PanStartEvent = s.SwipeEndEvent = s.SwipeEvent = s.SwipeStartEvent = s.DoubleTapEvent = s.LongPressEvent = s.GestureEvent = s.TapEvent = void 0;
+    const a = r(B());
+    s.GestureEvent = a.default;
+    const u = r(Ht());
+    s.LongPressEvent = u.default;
+    const i = r(Nt());
+    s.TapEvent = i.default;
+    const c = r(jt());
+    s.DoubleTapEvent = c.default;
+    const o = n(qt());
+    s.SwipeEvent = o.default, Object.defineProperty(s, "SwipeEndEvent", { enumerable: !0, get: function() {
+      return o.SwipeEndEvent;
+    } }), Object.defineProperty(s, "SwipeStartEvent", { enumerable: !0, get: function() {
+      return o.SwipeStartEvent;
+    } });
+    const f = n(Vt());
+    s.PanEvent = f.default, Object.defineProperty(s, "PanEndEvent", { enumerable: !0, get: function() {
+      return f.PanEndEvent;
+    } }), Object.defineProperty(s, "PanStartEvent", { enumerable: !0, get: function() {
+      return f.PanStartEvent;
+    } });
+    const l = n(Gt());
+    s.PinchEvent = l.default, Object.defineProperty(s, "PinchEndEvent", { enumerable: !0, get: function() {
+      return l.PinchEndEvent;
+    } }), Object.defineProperty(s, "PinchStartEvent", { enumerable: !0, get: function() {
+      return l.PinchStartEvent;
+    } });
+    const d = n(Wt());
+    s.RotateEvent = d.default, Object.defineProperty(s, "RotateEndEvent", { enumerable: !0, get: function() {
+      return d.RotateEndEvent;
+    } }), Object.defineProperty(s, "RotateStartEvent", { enumerable: !0, get: function() {
+      return d.RotateStartEvent;
+    } });
+    const p = zt();
+    var w;
+    (function(v) {
+      v[v.right = 0] = "right", v[v.up = 1] = "up", v[v.left = 2] = "left", v[v.down = 3] = "down";
+    })(w || (w = {}));
+    class S {
+      constructor() {
+        this.touchStart = new TouchEvent("touchstart") || {}, this.touchMove = new TouchEvent("touchmove") || {}, this.touchEnd = new TouchEvent("touchend") || {}, this.touchCancel = new TouchEvent("touchcancel") || {}, this.velocity = 0, this.dxDy = new p.Vec2(0, 0), this.scale = 1, this.rotation = 0, this.rotationDeg = 0, this.anchor = new p.Vec2(0, 0), this.octant = 0, this.isPanning = !1, this.isPinching = !1, this.isSwiping = !1, this.isRotating = !1, this.touchStartTime = 0, this.touchEndTime = 0, this.lastTouchTime = 0, this.taps = 0, this.scaleBase = 0, this.touchMoved = !1, this.touchDown = !1, this.shouldFire = !1, this.pointers = 0, this.isLongPress = !1, this.longPressTimeout = 0, this.touchStartListener = this.onTouchStart.bind(this), this.touchMoveListener = this.onTouchMove.bind(this), this.touchEndListener = this.onTouchEnd.bind(this), this.touchCancelListener = this.onTouchCancel.bind(this), this.currentTarget = window, this.config = {
+          longPressDuration: 500,
+          tapDelay: 500,
+          minPointers: 1,
+          numberOfTaps: 0
+        }, S.listening || (TouchEvent && window.addEventListener("touchstart", this.touchStartListener, !0), S.listening = !0);
       }
-      if (o.touches.length === 1) {
-        if (this.scaleBase = 0, this.isPinching) {
-          const f = new d.PinchEndEvent(o, {
-            scale: this.scale
-          });
-          this.dispatchEvent(f), this.isPinching = !1;
+      bind(h) {
+        this.unbind(this.currentTarget), h.addEventListener("touchmove", this.touchMoveListener, !0), h.addEventListener("touchend", this.touchEndListener, !0), h.addEventListener("touchcancel", this.touchCancelListener, !0), this.currentTarget = h;
+      }
+      unbind(h) {
+        h.removeEventListener("touchmove", this.touchMoveListener), h.removeEventListener("touchend", this.touchEndListener), h.removeEventListener("touchcancel", this.touchCancelListener);
+      }
+      clean() {
+        this.touchMoved = !1, this.touchStartTime = 0, this.touchDown = !1, this.scaleBase = 0, this.longPressTimeout && !this.isLongPress && (clearTimeout(this.longPressTimeout), this.longPressTimeout = 0), this.isLongPress = !1;
+      }
+      onPointerLeave(h) {
+        if (!h.touches.length) {
+          if (this.isSwiping) {
+            const g = new o.SwipeEndEvent(h, {
+              velocity: this.velocity,
+              direction: w[(0, p.closest)(this.octant, [0, 1, 2, 3])]
+            });
+            this.dispatchEvent(g), this.isSwiping = !1;
+          }
+          if (this.isPanning) {
+            const g = new f.PanEndEvent(h, {
+              translation: this.dxDy,
+              velocity: this.velocity
+            });
+            this.dispatchEvent(g), this.isPanning = !1;
+          }
         }
-        if (this.isRotating) {
-          const f = new m.RotateEndEvent(o, {
-            rotation: this.rotation,
-            rotationDeg: this.rotationDeg,
-            anchor: this.anchor
-          });
-          this.dispatchEvent(f), this.isRotating = !1;
+        if (h.touches.length === 1) {
+          if (this.scaleBase = 0, this.isPinching) {
+            const g = new l.PinchEndEvent(h, {
+              scale: this.scale
+            });
+            this.dispatchEvent(g), this.isPinching = !1;
+          }
+          if (this.isRotating) {
+            const g = new d.RotateEndEvent(h, {
+              rotation: this.rotation,
+              rotationDeg: this.rotationDeg,
+              anchor: this.anchor
+            });
+            this.dispatchEvent(g), this.isRotating = !1;
+          }
         }
       }
-    }
-    dispatchEvent(o) {
-      queueMicrotask(() => {
-        this.currentTarget.dispatchEvent(o);
-      });
-    }
-    onTouchStart(o) {
-      this.currentTarget !== o.touches[0].target && (this.clean(), this.unbind(this.currentTarget), this.pointers = this.touchEnd.touches.length, this.taps = 0), this.touchStart = o;
-      const f = parseInt(o.touches[0].target.dataset.minpointers || "0") || this.config.minPointers;
-      if (this.touchStart.touches.length < f) {
-        this.shouldFire = !1;
-        return;
+      dispatchEvent(h) {
+        queueMicrotask(() => {
+          this.currentTarget.dispatchEvent(h);
+        });
       }
-      this.shouldFire = !0, this.touchStartTime = o.timeStamp, this.touchDown = !0, this.pointers || this.bind(o.touches[0].target), this.pointers = this.touchStart.touches.length;
-      const P = parseFloat(this.currentTarget.dataset.longpressduration || "0") || this.config.longPressDuration;
-      if (this.longPressTimeout || (this.longPressTimeout = setTimeout(() => {
-        if (!this.touchMoved && this.touchDown) {
-          const E = Date.now() - this.touchStartTime, R = new a.default(this.touchStart, E);
-          this.dispatchEvent(R), this.isLongPress = !0, this.longPressTimeout = 0;
+      onTouchStart(h) {
+        this.currentTarget !== h.touches[0].target && (this.clean(), this.unbind(this.currentTarget), this.pointers = this.touchEnd.touches.length, this.taps = 0), this.touchStart = h;
+        const g = parseInt(h.touches[0].target.dataset.minpointers || "0") || this.config.minPointers;
+        if (this.touchStart.touches.length < g) {
+          this.shouldFire = !1;
+          return;
         }
-      }, P)), this.touchStart.touches.length > 1) {
-        const E = new g.Vec2(this.touchStart.touches[0].clientX, this.touchStart.touches[0].clientY), R = new g.Vec2(this.touchStart.touches[1].clientX, this.touchStart.touches[1].clientY);
-        this.scaleBase = E.substract(R).magnitude;
-      } else
-        this.scaleBase = 0;
-    }
-    onTouchMove(o) {
-      if (!this.shouldFire)
-        return;
-      if (this.touchMoved = !0, this.touchMove = o, o.touches.length > 1 && this.touchStart.touches.length > 1 && (o.touches[1].clientX !== this.touchStart.touches[1].clientX || o.touches[1].clientY !== this.touchStart.touches[1].clientY)) {
-        const b = new g.Vec2(this.touchMove.touches[0].clientX, this.touchMove.touches[0].clientY), A = new g.Vec2(this.touchMove.touches[1].clientX, this.touchMove.touches[1].clientY), at = new g.Vec2(this.touchStart.touches[0].clientX, this.touchStart.touches[0].clientY), ot = b.substract(A);
-        if (this.scaleBase && Math.abs(this.scaleBase - ot.magnitude) > 10) {
-          const I = ot.magnitude / this.scaleBase;
-          if (this.scale = I, this.isPinching) {
-            const j = new d.default(o, {
-              scale: I
+        this.shouldFire = !0, this.touchStartTime = h.timeStamp, this.touchDown = !0, this.pointers || this.bind(h.touches[0].target), this.pointers = this.touchStart.touches.length;
+        const E = parseFloat(this.currentTarget.dataset.longpressduration || "0") || this.config.longPressDuration;
+        if (this.longPressTimeout || (this.longPressTimeout = setTimeout(() => {
+          if (!this.touchMoved && this.touchDown) {
+            const y = Date.now() - this.touchStartTime, F = new u.default(this.touchStart, y);
+            this.dispatchEvent(F), this.isLongPress = !0, this.longPressTimeout = 0;
+          }
+        }, E)), this.touchStart.touches.length > 1) {
+          const y = new p.Vec2(this.touchStart.touches[0].clientX, this.touchStart.touches[0].clientY), F = new p.Vec2(this.touchStart.touches[1].clientX, this.touchStart.touches[1].clientY);
+          this.scaleBase = y.substract(F).magnitude;
+        } else
+          this.scaleBase = 0;
+      }
+      onTouchMove(h) {
+        if (!this.shouldFire)
+          return;
+        if (this.touchMoved = !0, this.touchMove = h, h.touches.length > 1 && this.touchStart.touches.length > 1 && (h.touches[1].clientX !== this.touchStart.touches[1].clientX || h.touches[1].clientY !== this.touchStart.touches[1].clientY)) {
+          const _ = new p.Vec2(this.touchMove.touches[0].clientX, this.touchMove.touches[0].clientY), z = new p.Vec2(this.touchMove.touches[1].clientX, this.touchMove.touches[1].clientY), it = new p.Vec2(this.touchStart.touches[0].clientX, this.touchStart.touches[0].clientY), at = _.substract(z);
+          if (this.scaleBase && Math.abs(this.scaleBase - at.magnitude) > 10) {
+            const K = at.magnitude / this.scaleBase;
+            if (this.scale = K, this.isPinching) {
+              const Z = new l.default(h, {
+                scale: K
+              });
+              this.dispatchEvent(Z);
+            } else {
+              const Z = new l.PinchStartEvent(h, {
+                scale: K
+              });
+              this.dispatchEvent(Z), this.isPinching = !0;
+            }
+          }
+          this.anchor = _;
+          let N = Math.atan2(it.clientY - z.clientY, it.clientX - z.clientX);
+          if (N < 0 ? N += 1.5708 : N -= 1.5708, this.rotation = N, this.rotationDeg = N * 180 / Math.PI, this.anchor = this.anchor, this.isRotating) {
+            const K = new d.default(h, {
+              anchor: this.anchor,
+              rotation: this.rotation,
+              rotationDeg: this.rotationDeg
             });
-            this.dispatchEvent(j);
+            this.dispatchEvent(K);
           } else {
-            const j = new d.PinchStartEvent(o, {
-              scale: I
+            const K = new d.RotateStartEvent(h, {
+              anchor: this.anchor,
+              rotation: this.rotation,
+              rotationDeg: this.rotationDeg
             });
-            this.dispatchEvent(j), this.isPinching = !0;
+            this.dispatchEvent(K), this.isRotating = !0;
           }
         }
-        this.anchor = b;
-        let B = Math.atan2(at.clientY - A.clientY, at.clientX - A.clientX);
-        if (B < 0 ? B += 1.5708 : B -= 1.5708, this.rotation = B, this.rotationDeg = B * 180 / Math.PI, this.anchor = this.anchor, this.isRotating) {
-          const I = new m.default(o, {
-            anchor: this.anchor,
-            rotation: this.rotation,
-            rotationDeg: this.rotationDeg
+        const g = new p.Vec2(this.touchStart.touches[0].clientX, this.touchStart.touches[0].clientY), y = new p.Vec2(this.touchMove.touches[0].clientX, this.touchMove.touches[0].clientY).substract(g), F = y.magnitude, st = {
+          x: y.x / F,
+          y: y.y / F
+        }, St = Math.atan2(st.y, st.x);
+        this.octant = Math.round(4 * St / (2 * Math.PI) + 4) % 4;
+        const Pt = (h.timeStamp - this.touchStart.timeStamp) / 1e3, H = y.magnitude / Pt;
+        if (this.isSwiping) {
+          const _ = new o.default(h, {
+            direction: w[(0, p.closest)(this.octant, [0, 1, 2, 3])],
+            velocity: H
           });
-          this.dispatchEvent(I);
+          this.dispatchEvent(_);
         } else {
-          const I = new m.RotateStartEvent(o, {
-            anchor: this.anchor,
-            rotation: this.rotation,
-            rotationDeg: this.rotationDeg
+          const _ = new o.SwipeStartEvent(h, {
+            direction: w[(0, p.closest)(this.octant, [0, 1, 2, 3])],
+            velocity: H
           });
-          this.dispatchEvent(I), this.isRotating = !0;
+          this.dispatchEvent(_), this.isSwiping = !0;
+        }
+        if (this.dxDy = y, this.velocity = H, this.isPanning) {
+          const _ = new f.default(h, {
+            translation: y,
+            velocity: H
+          });
+          this.dispatchEvent(_);
+        } else {
+          const _ = new f.PanStartEvent(h, {
+            translation: y,
+            velocity: H
+          });
+          this.dispatchEvent(_), this.isPanning = !0;
         }
       }
-      const f = new g.Vec2(this.touchStart.touches[0].clientX, this.touchStart.touches[0].clientY), E = new g.Vec2(this.touchMove.touches[0].clientX, this.touchMove.touches[0].clientY).substract(f), R = E.magnitude, it = {
-        x: E.x / R,
-        y: E.y / R
-      }, pt = Math.atan2(it.y, it.x);
-      this.octant = Math.round(4 * pt / (2 * Math.PI) + 4) % 4;
-      const mt = (o.timeStamp - this.touchStart.timeStamp) / 1e3, K = E.magnitude / mt;
-      if (this.isSwiping) {
-        const b = new l.default(o, {
-          direction: p[(0, g.closest)(this.octant, [0, 1, 2, 3])],
-          velocity: K
-        });
-        this.dispatchEvent(b);
-      } else {
-        const b = new l.SwipeStartEvent(o, {
-          direction: p[(0, g.closest)(this.octant, [0, 1, 2, 3])],
-          velocity: K
-        });
-        this.dispatchEvent(b), this.isSwiping = !0;
-      }
-      if (this.dxDy = E, this.velocity = K, this.isPanning) {
-        const b = new v.default(o, {
-          translation: E,
-          velocity: K
-        });
-        this.dispatchEvent(b);
-      } else {
-        const b = new v.PanStartEvent(o, {
-          translation: E,
-          velocity: K
-        });
-        this.dispatchEvent(b), this.isPanning = !0;
+      onTouchEnd(h) {
+        const g = parseInt(this.currentTarget.dataset.numberoftaps || "0") || this.config.numberOfTaps;
+        if (this.taps++, this.shouldFire = this.taps > g, this.shouldFire) {
+          this.touchEnd = h, this.touchEndTime = h.timeStamp;
+          const E = parseFloat(this.currentTarget.dataset.tapdelay || "0") || this.config.tapDelay;
+          if (!this.touchMoved && !this.isLongPress)
+            if (this.taps === 1 || this.touchEndTime - this.lastTouchTime < E) {
+              if (this.taps % 2 === g) {
+                const F = new c.default(h);
+                this.dispatchEvent(F), this.taps = 0;
+              }
+              const y = new i.default(h);
+              this.dispatchEvent(y);
+            } else
+              this.taps = 0;
+        }
+        this.pointers = this.touchEnd.touches.length, this.lastTouchTime = this.touchEndTime, this.onPointerLeave(h), this.unbind(this.currentTarget), this.clean();
       }
-    }
-    onTouchEnd(o) {
-      const f = parseInt(this.currentTarget.dataset.numberoftaps || "0") || this.config.numberOfTaps;
-      if (this.taps++, this.shouldFire = this.taps > f, this.shouldFire) {
-        this.touchEnd = o, this.touchEndTime = o.timeStamp;
-        const P = parseFloat(this.currentTarget.dataset.tapdelay || "0") || this.config.tapDelay;
-        if (!this.touchMoved && !this.isLongPress)
-          if (this.taps === 1 || this.touchEndTime - this.lastTouchTime < P) {
-            if (this.taps % 2 === f) {
-              const R = new u.default(o);
-              this.dispatchEvent(R), this.taps = 0;
-            }
-            const E = new c.default(o);
-            this.dispatchEvent(E);
-          } else
-            this.taps = 0;
+      onTouchCancel(h) {
+        this.shouldFire && (this.touchCancel = h, this.unbind(this.currentTarget), this.clean());
       }
-      this.pointers = this.touchEnd.touches.length, this.lastTouchTime = this.touchEndTime, this.onPointerLeave(o), this.unbind(this.currentTarget), this.clean();
     }
-    onTouchCancel(o) {
-      this.shouldFire && (this.touchCancel = o, this.unbind(this.currentTarget), this.clean());
+    S.listening = !1, s.default = S;
+    function m(v) {
+      const h = v.type;
+      v.composedPath().forEach((E) => {
+        if (E instanceof HTMLElement) {
+          const y = E[wt[h]];
+          if (typeof y != "function")
+            return;
+          y.apply(E, [v]);
+        }
+      });
     }
-  }
-  n.default = w, w.listening = !1, TouchEvent && (window.gestureProvider = new w());
-})(Yt);
-class me extends Event {
+    window.GLOBAL_EVENT_DISPATCHER || (window.addEventListener("tap", m, { passive: !0 }), window.addEventListener("longpress", m, { passive: !0 }), window.addEventListener("doubletap", m, { passive: !0 }), window.addEventListener("swipestart", m, { passive: !0 }), window.addEventListener("swipe", m, { passive: !0 }), window.addEventListener("swipeend", m, { passive: !0 }), window.addEventListener("panstart", m, { passive: !0 }), window.addEventListener("pan", m, { passive: !0 }), window.addEventListener("panend", m, { passive: !0 }), window.addEventListener("pinchstart", m, { passive: !0 }), window.addEventListener("pinch", m, { passive: !0 }), window.addEventListener("pinchend", m, { passive: !0 }), window.addEventListener("rotatestart", m, { passive: !0 }), window.addEventListener("rotate", m, { passive: !0 }), window.addEventListener("rotateend", m, { passive: !0 }));
+    const wt = {
+      tap: "ontap",
+      doubletap: "ondoubletap",
+      longpress: "onlongpress",
+      swipestart: "onswipestart",
+      swipe: "onswipe",
+      swipeend: "onswipeend",
+      panstart: "onpanstart",
+      pan: "onpan",
+      panend: "onpanend",
+      pinchstart: "onpinchstart",
+      pinch: "onpinch",
+      pinchend: "onpinchend",
+      rotatestart: "onrotatestart",
+      rotate: "onrotate",
+      rotateend: "onrotateend"
+    };
+    TouchEvent && (window.gestureProvider = new S()), window.GLOBAL_EVENT_DISPATCHER || (window.GLOBAL_EVENT_DISPATCHER = m);
+  })(b)), b;
+}
+Zt();
+class Jt extends Event {
   routerId;
   route;
   props;
   navigationType;
   signal;
-  committed;
-  transition;
-  constructor(t, e, r, s, i, a, c) {
-    super("navigate"), this.routerId = t, this.route = e, this.props = r, this.navigationType = s ?? "push", this.signal = i, this.committed = a, this.transition = c;
+  result;
+  constructor(t, e, n, r, a, u) {
+    super("navigate"), this.routerId = t, this.route = e, this.props = n, this.navigationType = r ?? "push", this.signal = a, this.result = u;
   }
 }
-class ye extends Event {
+class Qt extends Event {
   routerId;
   signal;
-  committed;
-  transition;
-  constructor(t, e, r, s) {
-    super("back"), this.routerId = t, this.signal = e, this.committed = r, this.transition = s;
+  result;
+  constructor(t, e, n) {
+    super("back"), this.routerId = t, this.signal = e, this.result = n;
   }
 }
-class we extends Event {
+class $t extends Event {
   routerId;
   signal;
-  committed;
-  transition;
-  constructor(t, e, r, s) {
-    super("forward"), this.routerId = t, this.signal = e, this.committed = r, this.transition = s;
+  result;
+  constructor(t, e, n) {
+    super("forward"), this.routerId = t, this.signal = e, this.result = n;
   }
 }
-class Ee extends Event {
+class te extends Event {
   source;
   constructor(t) {
     super("gesture-start"), this.source = t;
   }
 }
-class Pe extends Event {
+class ee extends Event {
   source;
   constructor(t) {
     super("gesture-end"), this.source = t;
   }
 }
-class be extends Event {
+class ne extends Event {
   constructor() {
     super("gesture-cancel");
   }
 }
-class vt {
+class M {
   routerId;
   #t;
   index;
-  constructor(t, e, r) {
-    this.#t = t, this.routerId = e, this.index = r;
+  constructor(t, e, n) {
+    this.#t = t, this.routerId = e, this.index = n;
   }
   set ondispose(t) {
     this.#t.ondispose = t;
@@ -606,6 +672,9 @@ class vt {
   get ondispose() {
     return this.#t.ondispose;
   }
+  get nativeEntry() {
+    return this.#t;
+  }
   get id() {
     return this.#t.id;
   }
@@ -621,11 +690,11 @@ class vt {
   get sameDocument() {
     return this.#t.sameDocument;
   }
-  addEventListener(t, e, r) {
-    return this.#t.addEventListener(t, e, r), () => this.#t.removeEventListener(t, e, r);
+  addEventListener(t, e, n) {
+    return this.#t.addEventListener(t, e, n), () => this.#t.removeEventListener(t, e, n);
   }
-  removeEventListener(t, e, r) {
-    this.#t.addEventListener(t, e, r);
+  removeEventListener(t, e, n) {
+    this.#t.addEventListener(t, e, n);
   }
   dispatchEvent(t) {
     return this.#t.dispatchEvent(t);
@@ -634,7 +703,7 @@ class vt {
     return this.#t.getState();
   }
 }
-class Se extends yt {
+class re extends bt {
   config;
   constructor(t) {
     super(t), this.config = t;
@@ -642,93 +711,90 @@ class Se extends yt {
   preload(t, e = {}) {
     return super.preload(t, e);
   }
-  replace(t, e = {}, r = {}) {
-    return this.navigate(t, e, { ...r, type: "replace" });
+  replace(t, e = {}, n = {}) {
+    return this.navigate(t, e, { ...n, type: "replace" });
   }
-  push(t, e = {}, r = {}) {
-    return this.navigate(t, e, { ...r, type: "push" });
+  push(t, e = {}, n = {}) {
+    return this.navigate(t, e, { ...n, type: "push" });
   }
   reload(t = {}) {
     return window.navigation.reload({ state: t });
   }
   traverseTo(t, e = {}) {
-    const r = window.navigation.traverseTo(t), s = window.navigation.transition, i = s.from.index, a = window.navigation.entries().findIndex((l) => l.key === t), c = new AbortController();
-    c.signal.addEventListener(
+    const n = window.navigation.traverseTo(t), a = window.navigation.transition.from.index, u = window.navigation.entries().findIndex((c) => c.key === t);
+    e.signal?.addEventListener(
+      "abort",
+      () => this.controller?.abort,
+      { once: !0 }
+    );
+    let i;
+    return a > u ? i = this.createBackEvent(n) : i = this.createForwardEvent(n), this.dispatchEvent?.(i), n;
+  }
+  navigate(t, e = {}, n = {}) {
+    const { type: r = "push" } = n, a = new URL(t, this.baseURL), u = window.navigation.navigate(a.href, { history: r, state: e });
+    n.signal?.addEventListener(
       "abort",
-      () => this.traverseTo(s.from.key),
+      () => this.controller?.abort,
       { once: !0 }
-    ), e.signal?.addEventListener("abort", c.abort, { once: !0 });
-    let u;
-    return i > a ? u = this.createBackEvent(
-      c.signal,
-      r.committed,
-      s
-    ) : u = this.createForwardEvent(
-      c.signal,
-      r.committed,
-      s
-    ), this.dispatchEvent?.(u), r;
-  }
-  navigate(t, e = {}, r = {}) {
-    const { type: s = "push" } = r, i = new URL(t, this.baseURL), a = window.navigation.navigate(i.href, { history: s, state: e }), c = window.navigation.transition, u = new AbortController();
-    u.signal.addEventListener("abort", () => this.goBack(), { once: !0 }), r.signal?.addEventListener("abort", u.abort, { once: !0 });
-    const l = this.createNavigateEvent(
+    );
+    const i = this.createNavigateEvent(
       t,
       e,
-      s,
-      u.signal,
-      a.committed,
-      c
+      r,
+      u
     );
-    return this.dispatchEvent?.(l), a;
+    return this.dispatchEvent?.(i), u;
   }
   goBack(t = {}) {
-    if (!this.canGoBack())
-      return;
-    const e = window.navigation.traverseTo(this.previous.key), r = window.navigation.transition, s = new AbortController();
-    s.signal.addEventListener("abort", () => this.goForward(), { once: !0 }), t.signal?.addEventListener("abort", s.abort, { once: !0 });
-    const i = this.createBackEvent(
-      s.signal,
-      e.committed,
-      r
+    if (!this.canGoBack()) return;
+    const e = window.navigation.traverseTo(this.previous.key);
+    t.signal?.addEventListener(
+      "abort",
+      () => this.controller?.abort,
+      { once: !0 }
     );
-    return this.dispatchEvent?.(i), e;
+    const n = this.createBackEvent(e);
+    return this.dispatchEvent?.(n), e;
   }
   goForward(t = {}) {
-    if (!this.canGoForward())
-      return;
-    const e = window.navigation.traverseTo(this.next.key), r = window.navigation.transition, s = new AbortController();
-    s.signal.addEventListener("abort", () => this.goBack(), { once: !0 }), t.signal?.addEventListener("abort", s.abort, { once: !0 });
-    const i = this.createForwardEvent(
-      s.signal,
-      e.committed,
-      r
+    if (!this.canGoForward()) return;
+    const e = window.navigation.traverseTo(this.next.key);
+    t.signal?.addEventListener(
+      "abort",
+      () => this.controller?.abort,
+      { once: !0 }
     );
-    return this.dispatchEvent?.(i), e;
-  }
-  createBackEvent(t, e, r) {
-    if (!this.routerId)
-      throw new Error("Router ID is not set");
-    return new ye(this.routerId, t, e, r);
-  }
-  createForwardEvent(t, e, r) {
-    if (!this.routerId)
-      throw new Error("Router ID is not set");
-    return new we(this.routerId, t, e, r);
-  }
-  createNavigateEvent(t, e, r, s, i, a) {
-    if (!this.routerId)
-      throw new Error("Router ID is not set");
-    return new me(
+    const n = this.createForwardEvent(e);
+    return this.dispatchEvent?.(n), e;
+  }
+  createBackEvent(t) {
+    const e = new AbortController();
+    t.finished.catch(() => e.abort());
+    const n = e.signal;
+    return new Qt(this.routerId, n, t);
+  }
+  createForwardEvent(t) {
+    const e = new AbortController();
+    t.finished.catch(() => e.abort());
+    const n = e.signal;
+    return new $t(this.routerId, n, t);
+  }
+  createNavigateEvent(t, e, n, r) {
+    const a = new AbortController();
+    r.finished.catch(() => a.abort());
+    const u = a.signal;
+    return new Jt(
       this.routerId,
       t,
       e,
-      r,
-      s,
-      i,
-      a
+      n,
+      u,
+      r
     );
   }
+  get controller() {
+    return this.config.getController();
+  }
   get committed() {
     return this.config.getCommitted();
   }
@@ -818,38 +884,75 @@ class Se extends yt {
    */
   get entries() {
     const t = this.config.getPathPatterns().filter(({ pattern: i }) => i.endsWith("**"));
-    let e = null, r = L, s = !1;
-    return this.globalEntries.filter((i, a) => {
-      if (!i.url || s)
-        return !1;
-      const c = new URL(i.url), u = wt(
+    let e = null, n = D, r = !1;
+    const a = this.globalEntries.filter((i, c) => {
+      if (!i.url || r) return !1;
+      const o = new URL(i.url), f = _t(
         this.baseURLPattern.pathname,
-        c.pathname
+        o.pathname
       );
-      if (!u)
-        return r !== L && (s = !0), !1;
+      if (!f)
+        return n !== D && (r = !0), !1;
       if (e) {
         const l = new URLPattern(
           e.pattern,
-          u.href
+          f.href
         );
-        if (X(
-          c.pathname,
-          c.pathname,
+        if (V(
+          o.pathname,
+          o.pathname,
           l.pathname,
           e.caseSensitive
         ))
           return !1;
       }
       return e = t.find(
-        ({ pattern: l, caseSensitive: v }) => X(
+        ({ pattern: l, caseSensitive: d }) => V(
           l,
-          c.pathname,
+          o.pathname,
           this.baseURLPattern.pathname,
-          v
+          d
         )
-      ) ?? null, r = a, !0;
-    }).map((i, a) => new vt(i, this.routerId, a));
+      ) ?? null, n = c, !0;
+    }).map((i, c) => new M(i, this.routerId, c)), u = this.config.getDestination();
+    if (u) {
+      const { transition: i } = this;
+      switch (i?.navigationType) {
+        case "replace":
+          a.splice(
+            u.index,
+            P,
+            new M(
+              U(
+                u
+              ),
+              this.routerId,
+              u.index
+            )
+          );
+          break;
+        case "push": {
+          const c = i.from.index + P, o = a.findIndex((f) => f.key === i.from.key);
+          a.splice(
+            c,
+            1 / 0,
+            new M(
+              U({
+                ...u,
+                getState() {
+                  return u.getState();
+                },
+                index: c
+              }),
+              this.routerId,
+              o + P
+            )
+          );
+          break;
+        }
+      }
+    }
+    return a;
   }
   /**
    * Returns the **local history index** for this router, derived from the
@@ -949,26 +1052,26 @@ class Se extends yt {
    * ```
    */
   get index() {
-    const t = window.navigation.currentEntry?.index ?? L, e = this.entries.at(C)?.globalIndex ?? L, r = this.entries.at(L)?.globalIndex ?? L;
-    if (t <= e)
-      return C;
-    if (t >= r)
-      return this.entries.length - T;
+    const { transition: t } = this, n = (t?.navigationType === "push" ? t.from.index + P : this.config.getDestination()?.index) ?? window.navigation.currentEntry?.index ?? D, r = this.entries.at(Y)?.globalIndex ?? D, a = this.entries.at(D)?.globalIndex ?? D;
+    if (n <= r)
+      return Y;
+    if (n >= a)
+      return this.entries.length - P;
     {
-      const s = this.globalEntries.slice(
-        e,
-        t + T
+      const u = this.globalEntries.slice(
+        r,
+        n + P
       );
-      return this.entries.findLastIndex((i) => s.findLastIndex(
-        (a) => i.key === a.key
-      ) > L);
+      return this.entries.findLastIndex((i) => u.findLastIndex(
+        (c) => i.key === c.key
+      ) > D);
     }
   }
   get previous() {
-    return this.entries[this.index - T] ?? null;
+    return this.entries[this.index - P] ?? null;
   }
   get next() {
-    return this.entries[this.index + T] ?? null;
+    return this.entries[this.index + P] ?? null;
   }
   get current() {
     return this.entries[this.index];
@@ -980,63 +1083,38 @@ class Se extends yt {
     return this.next?.url?.origin === globalThis.location.origin;
   }
 }
-function _e(n) {
-  return Object.fromEntries(n.entries());
-}
-function Le(n) {
-  return new URLSearchParams(n).toString();
+function se(s) {
+  return Object.fromEntries(s.entries());
 }
-function Te(n) {
-  return n && typeof n == "object" && "gesture" in n ? !!n.gesture : !1;
+function ie(s) {
+  return new URLSearchParams(s).toString();
 }
-function Re(n) {
-  return n && typeof n == "object" && "rollback" in n ? !!n.rollback : !1;
-}
-function W(n, t) {
-  if (n === t)
-    return !0;
-  if (n === null || t === null || typeof n != "object" || typeof t != "object")
-    return !1;
-  const e = Object.keys(n), r = Object.keys(t);
-  if (e.length !== r.length)
-    return !1;
-  for (const s of e)
-    if (!r.includes(s) || !W(n[s], t[s]))
-      return !1;
-  return !0;
-}
-function Y(n, { x: t, y: e }, r, s) {
-  switch (n) {
+function j(s, { x: t, y: e }, n, r) {
+  switch (s) {
     case "right":
-      return Math.abs(t - r.left) < s;
+      return Math.abs(t - n.left) < r;
     case "left":
-      return Math.abs(t - r.right) < s;
+      return Math.abs(t - n.right) < r;
     case "down":
-      return Math.abs(e - r.top) < s;
+      return Math.abs(e - n.top) < r;
     case "up":
-      return Math.abs(e - r.bottom) < s;
+      return Math.abs(e - n.bottom) < r;
   }
 }
-class rt extends Et {
+class nt extends Lt {
   #t;
+  ref = $();
   constructor(t, e) {
-    super(t, e);
-    const r = this.internalProps.id, s = e.navigation.entries.find((i) => i.key === r);
-    if (!s)
-      throw new Error(`No history entry found for: ${r}`);
-    this.#t = s;
-  }
-  static getDerivedStateFromProps(t) {
-    return t.config?.presentation === "dialog" || t.config?.presentation === "modal" ? { elementType: "dialog" } : { elementType: "div" };
+    super(t, e), this.#t = this.internalProps.entry;
   }
   static historyEntryStateFromEntry(t, e) {
     if (t?.url) {
-      const r = t.getState() ?? {}, s = _e(t.url.searchParams), { params: i = {} } = e ?? {};
-      return r.params = {
-        ...r.params,
-        ...s,
-        ...i
-      }, r;
+      const n = t.getState() ?? {}, r = se(t.url.searchParams), { params: a = {} } = e ?? {};
+      return n.params = {
+        ...n.params,
+        ...r,
+        ...a
+      }, n;
     }
     return {};
   }
@@ -1047,7 +1125,7 @@ class rt extends Et {
   }
   setConfig(t) {
     super.setConfig(t), this.setHistoryState(({ config: e }) => {
-      const r = /* @__PURE__ */ new Set([
+      const n = /* @__PURE__ */ new Set([
         "footer",
         "header",
         "onEnter",
@@ -1061,7 +1139,7 @@ class rt extends Et {
         config: {
           ...e,
           ...Object.fromEntries(
-            Object.entries(t).filter(([s]) => !r.has(s))
+            Object.entries(t).filter(([r]) => !n.has(r))
           )
         }
       };
@@ -1078,19 +1156,29 @@ class rt extends Et {
   }
   get historyEntryState() {
     const t = this.#t;
-    if (!t.url)
-      return {};
-    const e = X(
+    if (!t.url) return {};
+    const e = V(
       this.props.path,
       t.url.pathname,
-      this.context.baseURLPattern.pathname,
+      this.router.baseURLPattern.pathname,
       this.props.caseSensitive
     );
-    return rt.historyEntryStateFromEntry(t, e);
+    return nt.historyEntryStateFromEntry(t, e);
+  }
+  get inert() {
+    if (!this.state.focused)
+      return !0;
+  }
+  get elementType() {
+    const t = this.props.config?.presentation;
+    return t === "dialog" || t === "modal" ? "dialog" : "div";
   }
   get id() {
     return this.internalProps.id.toString();
   }
+  get viewTransitionName() {
+    return `${this.router.id}-${this.name}`;
+  }
   get params() {
     return {
       ...this.props.defaultParams,
@@ -1106,55 +1194,67 @@ class rt extends Et {
     };
   }
   get routeProp() {
-    const t = this.setParams.bind(this), e = this.setConfig.bind(this), { path: r } = this.props, { focused: s } = this.state, { params: i, config: a, resolvedPathname: c } = this;
+    const t = this.setParams.bind(this), e = this.setConfig.bind(this), { path: n } = this.props, { focused: r } = this.state, { params: a, config: u, resolvedPathname: i } = this;
     return {
       setParams: t,
       setConfig: e,
-      path: r,
-      resolvedPathname: c,
-      focused: s,
-      params: i,
-      config: a
+      path: n,
+      resolvedPathname: i,
+      focused: r,
+      params: a,
+      config: u
     };
   }
   setHistoryState(t) {
-    if (!this.state.focused)
-      return;
+    if (!this.state.focused) return;
     const e = this.#t.getState() ?? {};
     t instanceof Function && (t = t(e));
-    const r = {
+    const n = {
       ...e ?? {},
       ...t
     };
-    window.navigation.updateCurrentEntry({ state: r });
+    window.navigation.updateCurrentEntry({ state: n });
   }
-  onClickOutside(t) {
-    if (!this.transitionProvider.current?.ref.current)
-      return;
+  onclick(t) {
+    if (!this.ref.current) return;
     const e = this.context?.navigation;
-    t.composedPath().includes(this.transitionProvider.current.ref.current) || e?.goBack();
+    t.composedPath().includes(this.ref.current) || e?.goBack();
+  }
+  onclose() {
+    this.router.navigation.goBack();
   }
   onEnter(t) {
-    const e = this.transitionProvider.current?.ref;
-    if (e?.current instanceof HTMLDialogElement && e.current.open === !1) {
-      const r = this.context?.navigation;
-      this.props.config?.presentation === "modal" ? e.current.showModal() : e.current.show(), e.current.style.maxHeight = "unset", e.current.style.maxWidth = "unset", e.current.style.width = "max-content", e.current.style.height = "max-content";
-      const s = this.onClickOutside.bind(this);
-      e.current.addEventListener("close", function() {
-        this.returnValue !== "screen-exit" && (this.style.display = "block", r?.goBack()), r?.removeEventListener("click", s);
-      }, { once: !0 }), r?.addEventListener("click", s);
+    if (this.ref?.current instanceof HTMLDialogElement && this.ref.current.open === !1) {
+      const e = this.router.navigation;
+      this.props.config?.presentation === "modal" ? this.ref.current.showModal() : this.ref.current.show(), this.ref.current.style.maxHeight = "unset", this.ref.current.style.maxWidth = "unset", this.ref.current.style.width = "max-content", this.ref.current.style.height = "max-content", this.ref.current.addEventListener("close", this, { once: !0 }), e.addEventListener("click", this, { once: !0 });
     }
     return super.onEnter(t);
   }
   onExited(t) {
-    const e = this.transitionProvider.current?.ref;
-    return e?.current instanceof HTMLDialogElement && e.current.close("screen-exit"), super.onExited(t);
+    return this.ref.current instanceof HTMLDialogElement && (this.ref.current.removeEventListener("close", this), this.router.navigation.removeEventListener("click", this), this.ref.current.close()), super.onExited(t);
+  }
+  render() {
+    const t = this.elementType;
+    return /* @__PURE__ */ G(
+      t,
+      {
+        id: this.viewTransitionName,
+        ref: this.ref,
+        className: "screen",
+        inert: this.inert,
+        style: {
+          gridArea: "1 / 1",
+          viewTransitionName: this.viewTransitionName
+        },
+        children: super.render()
+      }
+    );
   }
 }
-function F(n) {
-  return !!(n !== null && typeof n == "object" && Object.hasOwn(n, "current"));
+function O(s) {
+  return !!(s !== null && typeof s == "object" && Object.hasOwn(s, "current"));
 }
-const ke = {
+const ae = {
   horizontal: ["left", "right"],
   vertical: ["up", "down"],
   up: ["up"],
@@ -1162,63 +1262,62 @@ const ke = {
   left: ["left"],
   right: ["right"]
 };
-function Ie(n, t) {
-  return ke[t].includes(n);
+function oe(s, t) {
+  return ae[t].includes(s);
 }
-function Fe(n) {
-  return n === "left" || n === "right" || n === "horizontal";
+function ce(s) {
+  return s === "left" || s === "right" || s === "horizontal";
 }
-const S = {
+const x = {
   gestureHysteresis: 0.5,
   gestureMinFlingVelocity: 400,
   gestureAreaWidth: 100,
   gestureDirection: "right",
   gestureDisabled: !1
-}, xe = 0.5, De = 1, Oe = 24;
-function ft({ clientX: n, clientY: t }, e, r) {
-  return Y("left", { x: n, y: t }, e, r) && Y("right", { x: n, y: t }, e, r) && Y("down", { x: n, y: t }, e, r) && Y("up", { x: n, y: t }, e, r);
+}, ue = 0, he = 1, le = 24;
+function mt({ clientX: s, clientY: t }, e, n) {
+  return j("left", { x: s, y: t }, e, n) && j("right", { x: s, y: t }, e, n) && j("down", { x: s, y: t }, e, n) && j("up", { x: s, y: t }, e, n);
 }
-const Me = (n) => function({
+const de = ((s) => function({
   ref: e,
-  gestureBehaviour: r = "contain",
-  uaGestureAreaWidth: s = Oe,
-  ...i
+  gestureBehaviour: n = "contain",
+  uaGestureAreaWidth: r = le,
+  ...a
 }) {
-  const a = N.useRef(null), c = Dt(
-    Pt
-  ) ?? null, { gestureAreaWidth: u = 0 } = c?.config ?? {};
-  return N.useImperativeHandle(
+  const u = J.useRef(null), i = Yt(
+    Tt
+  ) ?? null, { gestureAreaWidth: c = 0 } = i?.config ?? {};
+  return J.useImperativeHandle(
     e,
-    () => a.current
-  ), N.useEffect(() => {
-    if (!a.current)
-      return;
-    const v = a.current, d = (m) => {
-      if (!(m instanceof TouchEvent) || r === "none")
-        return;
-      const g = v.getBoundingClientRect();
-      Array.from(m.touches).map((h) => ft(h, g, u)).some(Boolean) && m.stopPropagation(), Array.from(m.touches).map((h) => ft(h, g, s)).some(Boolean) && m.preventDefault();
+    () => u.current
+  ), J.useEffect(() => {
+    if (!u.current) return;
+    const f = u.current, l = (d) => {
+      if (!(d instanceof TouchEvent) || n === "none") return;
+      const p = f.getBoundingClientRect();
+      Array.from(d.touches).map((m) => mt(m, p, c)).some(Boolean) && d.stopPropagation(), Array.from(d.touches).map((m) => mt(m, p, r)).some(Boolean) && d.preventDefault();
     };
-    return v.addEventListener("touchstart", d), () => {
-      v.removeEventListener(
+    return f.addEventListener("touchstart", l), () => {
+      f.removeEventListener(
         "touchstart",
-        d
+        l
       );
     };
-  }, [s, u, r]), /* @__PURE__ */ G(n, { ref: a, ...i });
-}, Ke = new Proxy(
+  }, [r, c, n]), /* @__PURE__ */ G(s, { ref: u, ...a });
+}), fe = new Proxy(
   {},
   {
-    get(n, t) {
-      return n[t] ??= Me(t), n[t];
+    get(s, t) {
+      return s[t] ??= de(t), s[t];
     }
   }
 );
-class hn extends bt {
+class ze extends Rt {
+  ref = $();
   navigation;
   #t = null;
   constructor(t, e) {
-    super(t, e), this.navigation = new Se({
+    super(t, e), this.navigation = new re({
       addEventListener: this.addEventListener.bind(this),
       removeEventListener: this.removeEventListener.bind(this),
       dispatchEvent: this.dispatchEvent.bind(this),
@@ -1228,24 +1327,27 @@ class hn extends bt {
       baseURLPattern: this.baseURLPattern,
       getCommitted: () => this.committed,
       getTransition: () => this.state.transition,
+      getDestination: () => this.state.destination,
+      getController: () => this.state.controller,
       getPathPatterns: () => this.pathPatterns,
-      getNavigatorById: (u) => this.getRouterById(u)?.navigation ?? null
+      getNavigatorById: (c) => this.getRouterById(c)?.navigation ?? null
     });
     const {
-      gestureAreaWidth: r = S.gestureAreaWidth,
-      gestureDirection: s = S.gestureDirection,
-      gestureDisabled: i = S.gestureDisabled,
-      gestureHysteresis: a = S.gestureHysteresis,
-      gestureMinFlingVelocity: c = S.gestureMinFlingVelocity
+      gestureAreaWidth: n = x.gestureAreaWidth,
+      gestureDirection: r = x.gestureDirection,
+      gestureDisabled: a = x.gestureDisabled,
+      gestureHysteresis: u = x.gestureHysteresis,
+      gestureMinFlingVelocity: i = x.gestureMinFlingVelocity
     } = t.config?.screenConfig ?? {};
     this.state = {
       screenStack: [],
-      gestureDirection: s,
-      gestureAreaWidth: r,
-      gestureHysteresis: a,
-      gestureDisabled: i,
-      gestureMinFlingVelocity: c,
+      gestureDirection: r,
+      gestureAreaWidth: n,
+      gestureHysteresis: u,
+      gestureDisabled: a,
+      gestureMinFlingVelocity: i,
       transition: null,
+      destination: null,
       documentTitle: document.title,
       fromKey: null,
       destinationKey: null,
@@ -1253,102 +1355,91 @@ class hn extends bt {
     };
   }
   static getDerivedStateFromProps(t, e) {
-    const r = e.screenStack.find(
-      (s) => F(s.ref) && s.ref.current?.focused
+    const n = e.screenStack.find(
+      (r) => O(r.props.ref) && r.props.ref.current?.focused
     )?.props.config;
-    return document.title = r?.title ?? document.title, {
-      gestureDirection: r?.gestureDirection ?? S.gestureDirection,
-      gestureAreaWidth: r?.gestureAreaWidth ?? S.gestureAreaWidth,
-      gestureMinFlingVelocity: r?.gestureMinFlingVelocity ?? S.gestureMinFlingVelocity,
-      gestureHysteresis: r?.gestureHysteresis ?? S.gestureHysteresis,
-      gestureDisabled: r?.gestureDisabled ?? S.gestureDisabled,
-      documentTitle: r?.title
+    return document.title = n?.title ?? document.title, {
+      gestureDirection: n?.gestureDirection ?? x.gestureDirection,
+      gestureAreaWidth: n?.gestureAreaWidth ?? x.gestureAreaWidth,
+      gestureMinFlingVelocity: n?.gestureMinFlingVelocity ?? x.gestureMinFlingVelocity,
+      gestureHysteresis: n?.gestureHysteresis ?? x.gestureHysteresis,
+      gestureDisabled: n?.gestureDisabled ?? x.gestureDisabled,
+      documentTitle: n?.title
     };
   }
   componentDidMount() {
     super.componentDidMount(), window.navigation.addEventListener("currententrychange", this), window.navigation.addEventListener("navigate", this), window.navigation.addEventListener("navigatesuccess", this), window.navigation.addEventListener("navigateerror", this);
   }
-  // TODO: figure out how to remove this
-  shouldComponentUpdate(t, e) {
-    return !W(this.props.config, t.config) || !W(this.state, e) || this.props.id !== t.id;
-  }
   componentWillUnmount() {
     window.navigation.removeEventListener("currententrychange", this), window.navigation.removeEventListener("navigate", this), window.navigation.removeEventListener("navigatesuccess", this), window.navigation.removeEventListener("navigateerror", this);
   }
   onnavigate(t) {
-    super.onnavigate(t), this.#t = new St();
-  }
-  oncurrententrychange() {
-    this.#t?.resolve?.(window.navigation.currentEntry);
+    super.onnavigate(t), this.#t = new It();
   }
   onnavigatesuccess() {
-    this.#t = null;
+    this.#t?.resolve?.(window.navigation.currentEntry), this.#t = null;
   }
   onnavigateerror({ error: t }) {
-    this.#t?.state === "pending" && this.#t.reject?.(t), this.#t = null;
+    this.#t?.state === "pending" && this.#t.reject?.(t), this.#t = null, this.screenTransitionLayer.current?.animation.playState === "running" && this.screenTransitionLayer.current.animation.cancel();
   }
   // TODO: change to use handleEvent paradigm
+  // TODO: refactor this to just cancel the current navigation.
   onGestureCancel = () => {
     if (!this.state.transition)
       throw new Error("Rollback failed, transition is null");
-    window.navigation.traverseTo(this.state.transition.from.key, {
-      info: { rollback: !0 }
-    });
+    this.state.controller?.abort();
   };
   canGestureNavigate(t) {
-    if (!this.ref.current || this.state.gestureDisabled)
-      return !1;
-    const e = this.ref.current.getBoundingClientRect(), { direction: r } = t;
-    return (r === "down" || r === "right") && !this.navigation.canGoBack() || (r === "up" || r === "left") && !this.navigation.canGoForward() || Y(
-      r,
+    if (!this.ref.current || this.state.gestureDisabled) return !1;
+    const e = this.ref.current.getBoundingClientRect(), { direction: n } = t;
+    return (n === "down" || n === "right") && !this.navigation.canGoBack() || (n === "up" || n === "left") && !this.navigation.canGoForward() || j(
+      n,
       t,
       e,
       this.state.gestureAreaWidth
-    ) ? !1 : Ie(r, this.state.gestureDirection);
+    ) ? !1 : oe(n, this.state.gestureDirection);
   }
   onswipestart(t) {
-    if (!this.canGestureNavigate(t) || !this.ref.current || !this.screenTransitionLayer.current)
-      return;
-    const { direction: e } = t, r = Fe(e) ? "x" : "y";
-    let s, i;
+    if (!this.canGestureNavigate(t) || !this.ref.current || !this.screenTransitionLayer.current) return;
+    const { direction: e } = t, n = ce(e) ? "x" : "y";
+    let r, a;
     switch (e) {
       case "right":
-        s = 0, i = this.ref.current.clientWidth;
+        r = 0, a = this.ref.current.clientWidth;
         break;
       case "left":
-        s = this.ref.current.clientWidth, i = 0;
+        r = this.ref.current.clientWidth, a = 0;
         break;
       case "down":
-        s = 0, i = this.ref.current.clientHeight;
+        r = 0, a = this.ref.current.clientHeight;
         break;
       case "up":
-        s = this.ref.current.clientHeight, i = 0;
+        r = this.ref.current.clientHeight, a = 0;
         break;
     }
-    this.screenTransitionLayer.current.animation.timeline = new Kt(
+    this.screenTransitionLayer.current.animation.timeline = new At(
       {
         source: this.ref.current,
         type: "swipe",
-        axis: r,
-        rangeStart: s,
-        rangeEnd: i
+        axis: n,
+        rangeStart: r,
+        rangeEnd: a
       }
     );
-    const a = !0;
+    const u = !0;
     e === "down" || e === "right" ? window.navigation.traverseTo(this.navigation.previous.key, {
-      info: { gesture: a }
+      info: { gesture: u }
     }) : window.navigation.traverseTo(this.navigation.next.key, {
-      info: { gesture: a }
-    }), this.dispatchEvent(new Ee(t));
+      info: { gesture: u }
+    }), this.dispatchEvent(new te(t));
   }
   onswipeend(t) {
-    if (!this.screenTransitionLayer.current)
-      return;
-    const e = this.screenTransitionLayer.current.animation.effect?.getComputedTiming().progress ?? 0, r = this.screenTransitionLayer.current.animation.playbackRate;
+    if (!this.screenTransitionLayer.current) return;
+    const e = this.screenTransitionLayer.current.animation.effect?.getComputedTiming().progress ?? 0, n = this.screenTransitionLayer.current.animation.playbackRate;
     this.screenTransitionLayer.current.animation.timeline = document.timeline;
-    const s = r > 0 ? e > this.state.gestureHysteresis : e < this.state.gestureHysteresis;
-    let i = !1;
-    t.velocity < this.state.gestureMinFlingVelocity && !s ? (i = !0, this.screenTransitionLayer.current.animation.reverse(), this.dispatchEvent(new be())) : this.dispatchEvent(new Pe(t)), i && this.screenTransitionLayer.current.animation.finished.then(() => {
+    const r = n > 0 ? e > this.state.gestureHysteresis : e < this.state.gestureHysteresis;
+    let a = !1;
+    t.velocity < this.state.gestureMinFlingVelocity && !r ? (a = !0, this.screenTransitionLayer.current.animation.reverse(), this.onGestureCancel(), this.dispatchEvent(new ne())) : this.dispatchEvent(new ee(t)), a && this.screenTransitionLayer.current.animation.finished.then(() => {
       this.state.controller?.abort("gesture-cancel");
     });
   }
@@ -1357,22 +1448,24 @@ class hn extends bt {
   }
   get backNavigating() {
     const t = this.state.screenStack.findIndex(
-      (r) => r.key === this.state.fromKey
+      (n) => n.key === this.state.fromKey
     ), e = this.state.screenStack.findIndex(
-      (r) => r.key === this.state.destinationKey
+      (n) => n.key === this.state.destinationKey
     );
-    return e >= C && e < t;
+    return e >= Y && e < t;
   }
   get screens() {
     const t = this.state.screenStack;
-    return t.filter((e, r) => {
-      const s = e.ref ?? null, i = t.at(r + T)?.ref;
-      return F(s) && s.current?.config.keepAlive || F(i) && i.current?.config.presentation === "modal" || F(i) && i.current?.config.presentation === "dialog" || e.key === this.navigation.current?.key || e.key === this.state.fromKey || e.key === this.state.destinationKey;
+    return t.filter((e, n) => {
+      const r = e.props.ref ?? null, a = t.at(
+        n + P
+      )?.props.ref;
+      return O(r) && r.current?.focused || O(r) && r.current?.config.keepAlive || O(a) && a.current?.config.presentation === "modal" || O(a) && a.current?.config.presentation === "dialog" || e.key === this.navigation.current?.key || e.key === this.state.fromKey || e.key === this.state.destinationKey;
     });
   }
-  cloneScreenChildFromPathname(t, e) {
+  cloneScreenChildFromPathname(t, e, n) {
     const { child: r } = this.screenChildFromPathname(t) ?? {};
-    return r ? (e ??= crypto.randomUUID(), _t(r, {
+    return r ? (e ??= crypto.randomUUID(), xt(r, {
       config: {
         title: document.title,
         ...this.props.config?.screenConfig,
@@ -1380,25 +1473,26 @@ class hn extends bt {
       },
       id: e,
       resolvedPathname: t,
+      entry: n,
       key: e,
-      ref: Ot()
+      ref: $()
     })) : null;
   }
   getScreenRefByKey(t) {
     const e = this.state.screenStack.find(
-      (r) => r.key === t
-    )?.ref;
-    return F(e) ? e : null;
+      (n) => n.key === t
+    )?.props.ref;
+    return O(e) ? e : null;
   }
   canIntercept(t) {
-    const e = new URL(t.destination.url).pathname, r = this.baseURLPattern.pathname;
-    return this.mounted && this.shouldIntercept(t) && this.includesRoute(e, r);
+    const e = new URL(t.destination.url).pathname, n = this.baseURLPattern.pathname;
+    return this.mounted && this.shouldIntercept(t) && this.includesRoute(e, n);
   }
   shouldIntercept(t) {
     return t.canIntercept && !t.formData && !t.hashChange && !t.downloadRequest || !!this.props.config?.shouldIntercept?.(t);
   }
   intercept(t) {
-    if (t instanceof Lt || this.props.config?.onIntercept?.(t), !t.defaultPrevented)
+    if (t instanceof kt || this.props.config?.onIntercept?.(t), !t.defaultPrevented)
       switch (t.navigationType) {
         case "preload":
           this.handlePreload(t);
@@ -1416,47 +1510,47 @@ class hn extends bt {
       }
   }
   handlePreload(t) {
-    const e = () => {
-      const { pathname: r } = new URL(t.destination.url), {
-        child: s,
-        matchInfo: i = null
-      } = this.screenChildFromPathname(r) ?? {};
-      if (!s)
-        return Promise.resolve();
-      const { navigation: a } = this, { signal: c } = t, { path: u } = s.props, { transition: l } = t;
-      return new Promise((v) => {
-        this.setState({ transition: l }, async () => {
-          const d = rt.historyEntryStateFromEntry(
-            new vt(
-              Tt(t.destination),
+    const e = async () => {
+      await this.state.transition?.finished;
+      const { pathname: n } = new URL(t.destination.url), {
+        child: r,
+        matchInfo: a = null
+      } = this.screenChildFromPathname(n) ?? {};
+      if (!r) return;
+      const { navigation: u } = this, { signal: i } = t, { path: c } = r.props, o = t.transition;
+      return new Promise((f) => {
+        this.setState({ transition: o }, async () => {
+          const l = nt.historyEntryStateFromEntry(
+            new M(
+              U(t.destination),
               this.id,
-              L
+              D
             ),
-            i
+            a
           );
           await Promise.all([
-            this.preloadScreen(s),
-            s.props.config?.onLoad?.({
-              navigation: a,
-              signal: c,
+            this.preloadScreen(r),
+            r.props.config?.onLoad?.({
+              navigation: u,
+              signal: i,
               preloading: !0,
               route: {
                 focused: !1,
-                path: u,
-                resolvedPathname: r,
+                path: c,
+                resolvedPathname: n,
                 config: {
                   ...this.props.config?.screenConfig,
-                  ...s.props.config,
-                  ...d.config
+                  ...r.props.config,
+                  ...l.config
                 },
                 params: {
-                  ...s.props.defaultParams,
-                  ...i?.params,
-                  ...d.params
+                  ...r.props.defaultParams,
+                  ...a?.params,
+                  ...l.params
                 }
               }
             })
-          ]), this.setState({ transition: null }, v);
+          ]), this.setState({ transition: null }, f);
         });
       });
     };
@@ -1464,373 +1558,435 @@ class hn extends bt {
   }
   handleLoad(t) {
     const e = () => {
-      const r = t.transition?.from?.key ?? null, s = t.destination.key, i = t.transition, a = [], c = this.navigation.entries;
-      return c.forEach((u) => {
-        if (!u.url)
-          return null;
-        const l = this.cloneScreenChildFromPathname(
-          u.url.pathname,
-          u.key
+      const n = t.transition?.from?.key ?? null, r = t.destination.key, { destination: a, transition: u } = t, i = [], c = this.navigation.entries;
+      return c.length || c.push(
+        new M(
+          U(
+            a,
+            Y
+          ),
+          this.id,
+          Y
+        )
+      ), c.forEach((o) => {
+        if (!o.url) return null;
+        const f = this.cloneScreenChildFromPathname(
+          o.url.pathname,
+          o.key,
+          o
         );
-        if (!l)
-          return null;
-        a.push(l);
+        if (!f) return null;
+        i.push(f);
       }), new Promise(
-        (u, l) => $(() => {
+        (o) => Q(() => {
           this.setState(
-            { screenStack: a, fromKey: r, transition: i, destinationKey: s },
+            { screenStack: i, fromKey: n, transition: u, destination: a, destinationKey: r },
             async () => {
-              const { initialPathname: v } = this.props.config ?? {}, [d] = c;
-              if (v && c.length === T && d.url && !X(
-                v,
-                d.url.pathname,
+              const { initialPathname: f } = this.props.config ?? {}, [l] = c;
+              if (f && c.length === P && l.url && !V(
+                f,
+                l.url.pathname,
                 this.baseURLPattern.pathname
               ))
                 return (window.navigation.transition?.finished ?? Promise.resolve()).then(() => {
-                  this.navigation.replace(v).finished.then(() => {
+                  this.navigation.replace(f).finished.then(() => {
                     const w = t.destination.getState() ?? {};
                     this.navigation.push(t.destination.url, w);
                   });
-                }), u();
-              const m = t.signal;
-              this.navigation.current?.key === void 0 && l(new Error("Current key is undefined"));
-              const g = this.getScreenRefByKey(
-                this.navigation.current.key
-              );
-              await this.dispatchLifecycleHandlers(
-                g,
-                null,
-                m
-              ).catch(l), this.setState(
-                { destinationKey: null, fromKey: null, transition: null },
-                u
+                }), o();
+              const d = this.getScreenRefByKey(
+                String(r)
               );
+              await this.prepareScreens(d, null, t.signal), o();
             }
           );
         })
-      );
+      ).then(() => {
+        const o = this.getScreenRefByKey(
+          String(r)
+        );
+        return this.commitScreens(o, null, t.signal);
+      }).finally(() => {
+        this.setState(
+          {
+            destinationKey: null,
+            fromKey: null,
+            transition: null,
+            destination: null
+          }
+        );
+      });
     };
     t.intercept({ handler: e });
   }
   handleReplace(t) {
-    const e = this.state.screenStack, r = t.destination, s = new URL(r.url).pathname, i = window.navigation.currentEntry?.key ?? r.key, a = this.cloneScreenChildFromPathname(
-      s,
-      i
-    );
-    if (!a)
-      return t.preventDefault();
-    const c = () => {
-      const u = this.state.transition ?? window.navigation.transition, l = u?.from?.key ?? null, v = e.findIndex(
+    const e = async () => {
+      const n = this.state.screenStack, r = t.destination, a = window.navigation.transition, u = new URL(r.url).pathname, i = window.navigation.currentEntry?.key ?? null, c = a?.from?.key ?? null, o = n.findIndex(
         (d) => d.key === this.navigation.current?.key
+      ), f = new M(
+        U(
+          r,
+          o
+        ),
+        this.id,
+        r.index
+      ), l = this.cloneScreenChildFromPathname(
+        u,
+        i,
+        f
       );
-      return e.splice(
-        v,
-        T,
-        a
-      ), new Promise(
-        (d, m) => $(() => {
-          this.setState(
-            { destinationKey: i, fromKey: l, transition: u, screenStack: e },
-            async () => {
-              const g = t.signal, p = this.getScreenRefByKey(
-                String(i)
-              );
-              await this.dispatchLifecycleHandlers(
-                p,
-                null,
-                g
-              ).catch(m), this.setState(
-                { destinationKey: null, fromKey: null, transition: null },
-                d
-              );
-            }
+      if (l)
+        return await this.preloadScreen(l), n.splice(
+          o,
+          P,
+          l
+        ), new Promise(
+          (d, p) => Q(() => {
+            this.setState(
+              { destinationKey: i, fromKey: c, transition: a, destination: r, screenStack: n },
+              async () => {
+                const w = t.signal, S = this.getScreenRefByKey(String(c)), m = this.getScreenRefByKey(
+                  String(i)
+                );
+                await this.prepareScreens(
+                  m,
+                  S,
+                  w
+                ).catch(p), d();
+              }
+            );
+          })
+        ).then(() => {
+          const d = this.getScreenRefByKey(String(c)), p = this.getScreenRefByKey(
+            String(i)
           );
-        })
-      );
+          return this.commitScreens(p, d, t.signal);
+        }).finally(() => {
+          this.setState({
+            destinationKey: null,
+            fromKey: null,
+            transition: null,
+            destination: null
+          });
+        });
     };
-    t.intercept({ handler: c });
+    t.intercept({ precommitHandler: e });
   }
   handleDefault(t) {
-    const e = this.state.screenStack, r = t.destination, s = new URL(r.url).pathname;
-    if (!this.screenChildFromPathname(s))
-      return t.preventDefault();
-    const i = () => {
-      if (Re(t.info))
-        return Promise.resolve();
-      const u = window.navigation.transition;
-      let l = e.findIndex(
-        (p) => p.key === u?.from.key
+    const e = async () => {
+      const n = this.state.screenStack, r = t.destination, a = window.navigation.transition;
+      let u = this.navigation.entries.findIndex(
+        (l) => l.globalIndex === a?.from.index
       );
-      l === L && t.navigationType === "traverse" && (l = e.findIndex((p) => u?.from.url ? X(
-        p.props.path,
-        new URL(u.from.url).pathname,
-        this.baseURLPattern.pathname,
-        p.props.caseSensitive
-      ) : !1));
-      const v = (e[l]?.key || u?.from.key) ?? null, d = e.findIndex(
-        (p) => p.key === t.destination.key
-      ), m = (e[d]?.key || window.navigation.currentEntry?.key) ?? null;
+      if (t.navigationType === "traverse" && u === D && a?.from.url) {
+        const l = Dt.findClosestEntryByHref(
+          a.from.url,
+          void 0,
+          this.navigation.entries.map((d) => d.nativeEntry),
+          this.navigation.current.index
+        );
+        u = this.navigation.entries.findIndex(
+          (d) => d.globalIndex === l?.index
+        );
+      }
+      const i = n[u]?.key ?? null;
+      let c = this.navigation.entries.findIndex(
+        (l) => l.globalIndex === r.index
+      ), o = n[c]?.key ?? null;
       if (t.navigationType === "push") {
-        const p = new URL(r.url).pathname, w = this.cloneScreenChildFromPathname(
-          p,
-          m
+        c = u + P;
+        const l = new URL(r.url).pathname, d = new M(
+          U(
+            r,
+            c
+          ),
+          this.id,
+          r.index
+        ), p = this.cloneScreenChildFromPathname(
+          l,
+          o,
+          d
         );
-        if (!w)
-          return Promise.resolve();
-        e.splice(
-          l + T,
+        if (!p) return;
+        await this.preloadScreen(p), o = p.key, n.splice(
+          c,
           1 / 0,
           // Remove all screens after current
-          w
+          p
         );
+      } else {
+        const l = this.state.screenStack[c];
+        await this.preloadScreen(l);
       }
-      const g = new AbortController();
+      const f = new AbortController();
       return new Promise(
-        (p, w) => $(() => {
+        (l, d) => Q(() => {
           this.setState(
-            { controller: g, destinationKey: m, fromKey: v, transition: u, screenStack: e },
+            {
+              controller: f,
+              destinationKey: o,
+              fromKey: i,
+              transition: a,
+              destination: r,
+              screenStack: n
+            },
             async () => {
-              g.signal.onabort = w;
-              const h = t.signal, o = this.getScreenRefByKey(String(v)), f = this.getScreenRefByKey(
-                String(m)
-              ), P = this.dispatchLifecycleHandlers(
-                f,
-                o,
-                h
-              ).catch(w), E = this.screenTransition(
-                f,
-                o
+              f.signal.onabort = d;
+              const p = t.signal, w = this.getScreenRefByKey(String(i)), S = this.getScreenRefByKey(
+                String(o)
               );
-              E?.updatePlaybackRate(De), E?.finished.catch(w), await P, this.setState(
-                {
-                  destinationKey: null,
-                  fromKey: null,
-                  transition: null,
-                  controller: null
-                },
+              await this.prepareScreens(
+                S,
+                w,
                 p
+              ).catch(d);
+              const m = this.screenTransition(
+                S,
+                w
               );
+              await m?.finished.catch(d), m?.updatePlaybackRate(he), l();
             }
           );
         })
-      );
+      ).then(() => {
+        const l = this.getScreenRefByKey(String(i)), d = this.getScreenRefByKey(
+          String(o)
+        );
+        return this.commitScreens(d, l, t.signal);
+      }).finally(() => {
+        this.setState(
+          {
+            destinationKey: null,
+            fromKey: null,
+            transition: null,
+            destination: null,
+            controller: null
+          }
+        );
+      });
     };
-    let a;
-    Te(t.info) ? (a = "after-transition", this.addEventListener("gesture-end", () => t.commit?.(), { once: !0 }), this.addEventListener("gesture-cancel", this.onGestureCancel, {
-      once: !0
-    })) : a = "immediate";
-    const c = { handler: i, commit: a };
-    t.intercept(c);
-  }
-  async dispatchLifecycleHandlers(t, e, r) {
-    let s = !1;
-    this.addEventListener(
-      "routertransitionstart",
-      () => s = !0,
-      { once: !0 }
-    ), await Promise.all([
-      e?.current?.onExit(r),
-      t?.current?.onEnter(r),
-      t?.current?.load(r)
-    ]), s && await new Promise(
-      (i) => this.addEventListener("routertransitionend", i, { once: !0 })
-    ), !this.state.controller?.signal.aborted && await Promise.all([
-      e?.current?.onExited(r).then(() => e.current?.blur()),
-      t?.current?.onEntered(r).then(() => t.current?.focus())
+    t.cancelable ? t.intercept({ precommitHandler: e }) : t.intercept({ handler: e });
+  }
+  async prepareScreens(t, e, n) {
+    await Promise.all([
+      e?.current?.onExit(n),
+      t?.current?.onEnter(n),
+      t?.current?.load(n)
+    ]);
+  }
+  async commitScreens(t, e, n) {
+    await Promise.all([
+      e?.current?.onExited(n).then(() => e.current?.blur()),
+      t?.current?.onEntered(n).then(() => t.current?.focus())
     ]);
   }
   screenTransition(t, e) {
-    const { backNavigating: r } = this, s = this.screenTransitionLayer.current;
-    if (s && t && e) {
-      s.direction = r ? "reverse" : "normal", t.current?.transitionProvider.current && (t.current.transitionProvider.current.exiting = !1), e.current?.transitionProvider.current && (e.current.transitionProvider.current.exiting = !0);
-      const i = s.sharedElementTransitionLayer.current;
-      i && (i.outgoingScreen = e, i.incomingScreen = t);
-      const a = this.screens.findIndex(
-        (c) => c.ref === (r ? e : t)
+    const { backNavigating: n } = this, r = this.screenTransitionLayer.current;
+    if (r && t && e) {
+      r.direction = n ? "reverse" : "normal", t.current?.transitionProvider.current && (t.current.transitionProvider.current.exiting = !1), e.current?.transitionProvider.current && (e.current.transitionProvider.current.exiting = !0);
+      const a = r.sharedElementTransitionLayer.current;
+      a && (a.outgoingScreen = e, a.incomingScreen = t);
+      const u = this.screens.findIndex(
+        (i) => i.props.ref === (n ? e : t)
       );
-      return s.screens = this.screens.map((c, u) => (u = u - a + T, F(c.ref) && c.ref.current?.transitionProvider.current ? (c.ref.current.transitionProvider.current.index = u, c.ref) : null)).filter(F), s.transition();
+      return r.screens = this.screens.map((i, c) => (c = c - u + P, O(i.props.ref) && i.props.ref.current?.transitionProvider.current ? (i.props.ref.current.transitionProvider.current.index = c, i.props.ref) : null)).filter(O), r.transition();
     }
   }
   render() {
-    return /* @__PURE__ */ G(Ke.div, { style: { display: "contents" }, children: super.render() });
+    const t = this.state.gestureDisabled ? "none" : "contain";
+    return /* @__PURE__ */ G(
+      fe.div,
+      {
+        id: this.id,
+        ref: this.ref,
+        className: "stack",
+        style: {
+          display: "grid",
+          contain: "layout",
+          isolation: "isolate"
+        },
+        gestureBehaviour: t,
+        children: super.render()
+      }
+    );
   }
 }
-function Be() {
-  return H("Stack.Navigation"), Rt();
+function ve() {
+  return W("Stack.Navigation"), Ft();
 }
-function ln() {
-  return H("Stack.Router"), kt();
+function Ze() {
+  return W("Stack.Router"), Kt();
 }
-function dn() {
-  return H("Stack.Route"), It();
+function Je() {
+  return W("Stack.Route"), Bt();
 }
-function fn(n, t) {
-  return H("Stack.Params"), Ft(n, t);
+function Qe(s, t) {
+  return W("Stack.Params"), Ot(s, t);
 }
-function Ye(n, t, e = {}) {
-  const r = V(
-    (s) => {
-      s.forEach((i) => {
-        i.isIntersecting && t(i);
+function pe(s, t, e = {}) {
+  const n = yt(
+    (r) => {
+      r.forEach((a) => {
+        a.isIntersecting && t(a);
       });
     },
     [t]
   );
-  return U(() => {
-    const s = new IntersectionObserver(r, e), i = n.current;
-    return i && s.observe(i), () => {
-      i && s.unobserve(i);
+  return tt(() => {
+    const r = new IntersectionObserver(n, e), a = s.current;
+    return a && r.observe(a), () => {
+      a && r.unobserve(a);
     };
-  }, [r, n, e]), n;
+  }, [n, s, e]), s;
 }
-function Xe(n, t, { forceThreshold: e = xe } = {}) {
-  const r = V(() => t(), [t]), s = V((i) => {
-    const a = i.touches[0];
-    a && a.force >= e && t();
+function ge(s, t, { pressureThreshold: e = ue } = {}) {
+  const n = yt((r) => {
+    r.pressure >= e && t();
   }, [e, t]);
-  return U(() => {
-    const i = n.current;
-    return i?.addEventListener("mouseenter", r), () => i?.removeEventListener("mouseenter", r);
-  }), U(() => {
-    const i = n.current;
-    return i?.addEventListener("touchstart", s), () => i?.removeEventListener("touchstart", s);
-  }), n;
+  return tt(() => {
+    const r = s.current;
+    return r?.addEventListener("pointerenter", n), () => r?.removeEventListener("pointerenter", n);
+  }), s;
 }
-function vn({
-  preload: n,
-  params: t,
-  searchParams: e = t,
+function $e({
+  ref: s,
+  preload: t,
+  params: e,
+  searchParams: n = e,
   config: r,
-  preloadBehaviour: s = {
+  preloadBehaviour: a = {
     type: "onsight"
   },
-  children: i,
-  ...a
+  children: u,
+  ...i
 }) {
-  const c = Be(), u = s?.type === "onsight" && n, l = s?.type === "onhover" && n, v = s?.type === "force" && n, d = Mt(null);
-  Ye(
+  const c = ve(), o = a?.type === "onsight" && t, f = a?.type === "onhover" && t, l = a?.type === "force" && t, d = Xt(null);
+  e ??= void 0, pe(
     d,
-    (p) => {
-      !u || !p.isIntersecting || !(p.target instanceof HTMLAnchorElement) || c.preload(p.target.href, { params: t, config: r });
+    (S) => {
+      !o || !(S.target instanceof HTMLAnchorElement) || c.preload(S.target.href, { params: e, config: r });
     },
-    u ? s : {}
-  ), Xe(
+    o ? a : {}
+  ), ge(
     d,
     () => {
-      !l || !d.current || c.preload(d.current.href, { params: t, config: r });
+      !f || !d.current || c.preload(d.current.href, { params: e, config: r });
     },
-    l ? s : {}
-  ), U(() => {
-    !v || !d.current || c.preload(d.current.href, { params: t, config: r });
-  }, [n, c, r, v, t]);
-  const m = c?.routerId, g = e ? Le(e) : void 0;
-  return /* @__PURE__ */ G(
-    xt,
+    f ? a : {}
+  ), tt(() => {
+    !l || !d.current || c.preload(d.current.href, { params: e, config: r });
+  }, [t, c, r, l, e]);
+  const p = c?.routerId, w = n ? ie(n) : void 0;
+  return Ct(
+    s,
+    () => d.current
+  ), /* @__PURE__ */ G(
+    Mt,
     {
-      ...a,
-      "data-router-id": m,
+      ...i,
+      "data-router-id": p,
       ref: d,
-      search: g,
+      search: w,
       navigateState: {
         config: r,
-        params: t
+        params: e
       },
-      children: i
+      children: u
     }
   );
 }
-const gn = [
+const tn = [
   {
     transform: "translateX(100vw)"
   },
   {
     transform: "translateX(0vw)"
   }
-], Ce = [
+], me = [
   {
     transform: "translateX(100vw)"
   },
   {
     transform: "translateX(0vw)"
   }
-], pn = [
+], en = [
   {
     transform: "translateX(0vw)"
   },
   {
     transform: "translateX(-50vw)"
   }
-], Ue = [
+], ye = [
   {
     transform: "translateX(0vw)"
   },
   {
     transform: "translateX(calc(100vw * -0.3))"
   }
-], mn = [
+], nn = [
   {
     transform: "translateX(-100vw)"
   },
   {
     transform: "translateX(0vw)"
   }
-], He = [
+], Ee = [
   {
     transform: "translateX(-100vw)"
   },
   {
     transform: "translateX(0vw)"
   }
-], yn = [
+], rn = [
   {
     transform: "translateX(0vw)"
   },
   {
     transform: "translateX(50vw)"
   }
-], Ae = [
+], we = [
   {
     transform: "translateX(0vw)"
   },
   {
     transform: "translateX(calc(100vw * 0.3))"
   }
-], wn = [
+], sn = [
   {
     transform: "translateY(100vh)"
   },
   {
     transform: "translateY(0vh)"
   }
-], je = [
+], Se = [
   {
     transform: "translateY(100vh)"
   },
   {
     transform: "translateY(0vh)"
   }
-], En = [
+], an = [
   {
     transform: "translateY(0vh)"
   },
   {
     transform: "translateY(-50vh)"
   }
-], Pn = [
+], on = [
   {
     transform: "translateY(-100vh)"
   },
   {
     transform: "translateY(0vh)"
   }
-], bn = [
+], cn = [
   {
     transform: "translateY(0vh)"
   },
   {
     transform: "translateY(50vh)"
   }
-], Sn = [
+], un = [
   {
     transform: "scale(0.85)",
     opacity: 0
@@ -1839,7 +1995,7 @@ const gn = [
     transform: "scale(1)",
     opacity: 1
   }
-], _n = [
+], hn = [
   {
     transform: "scale(1)",
     opacity: 1
@@ -1848,21 +2004,21 @@ const gn = [
     transform: "scale(1.15)",
     opacity: 0
   }
-], Ln = [
+], ln = [
   {
     opacity: 0
   },
   {
     opacity: 1
   }
-], Tn = [
+], dn = [
   {
     opacity: 1
   },
   {
     opacity: 0
   }
-], Ne = [
+], Pe = [
   {
     opacity: 0,
     transform: "translateY(calc(100vh * 0.08))"
@@ -1879,7 +2035,7 @@ const gn = [
     opacity: 1,
     transform: "translateY(0vh)"
   }
-], $e = [
+], be = [
   {
     opacity: 0,
     transform: "translateY(96vw)"
@@ -1888,7 +2044,7 @@ const gn = [
     opacity: 1,
     transform: "translateY(0vw)"
   }
-], Ve = [
+], _e = [
   {
     opacity: 0,
     transform: "translateY(0vw)"
@@ -1897,21 +2053,21 @@ const gn = [
     opacity: 1,
     transform: "translateY(-96vw)"
   }
-], We = [
+], Le = [
   {
     transform: "translateY(100vh)"
   },
   {
     transform: "translateY(0vh)"
   }
-], Ge = [
+], Te = [
   {
     transform: "translateY(0vh)"
   },
   {
     transform: "translateY(-2vh)"
   }
-], qe = [
+], Re = [
   {
     transform: "scale(0.85)",
     opacity: 0
@@ -1928,7 +2084,7 @@ const gn = [
     transform: "scale(1)",
     opacity: 1
   }
-], ze = [
+], Ie = [
   {
     transform: "scale(1)",
     opacity: 1
@@ -1945,7 +2101,7 @@ const gn = [
     transform: "scale(1.075)",
     opacity: 0
   }
-], Ze = [
+], xe = [
   {
     transform: "translateY(calc(100vh * 0.8))",
     opacity: 0
@@ -1955,184 +2111,184 @@ const gn = [
     opacity: 1
   }
 ];
-function Je(n) {
-  return (t) => 1 - n(1 - t);
+function ke(s) {
+  return (t) => 1 - s(1 - t);
 }
-function Qe(n) {
-  return (t) => Math.pow(t, n);
+function De(s) {
+  return (t) => Math.pow(t, s);
 }
-const st = {
-  ...Bt({
+const rt = {
+  ...Ut({
     mass: 3,
     stiffness: 1e3,
     damping: 500,
     velocity: 0,
     steps: 200
   })
-}, gt = {
+}, Et = {
   duration: 350,
-  easing: q(Je(Qe(5)))
-}, tn = {
+  easing: et(ke(De(5)))
+}, Fe = {
   duration: 150,
   easing: "linear"
-}, en = {
+}, Oe = {
   duration: 425,
   easing: "cubic-bezier(0.35, 0.45, 0, 1)"
-}, nn = {
+}, Be = {
   duration: 400,
   easing: "cubic-bezier(0.35, 0.45, 0, 1)"
-}, rn = {
+}, Ke = {
   duration: 250,
-  easing: q((n) => Math.cos((n + 1) * Math.PI) / 2 + 0.5)
-}, sn = {
+  easing: et((s) => Math.cos((s + 1) * Math.PI) / 2 + 0.5)
+}, Me = {
   duration: 200,
-  easing: q((n) => n === 1 ? 1 : Math.pow(n, 2))
+  easing: et((s) => s === 1 ? 1 : Math.pow(s, 2))
 };
-function Rn({ ref: n, direction: t, playbackRate: e, index: r }) {
-  let i = [
-    Ue,
-    Ce
-  ][r];
-  const a = {
+function fn({ ref: s, direction: t, playbackRate: e, index: n }) {
+  let a = [
+    ye,
+    me
+  ][n];
+  const u = {
     playbackRate: e,
     fill: "forwards",
-    ...st
+    ...rt
   };
-  return t === "reverse" && (i = i.toReversed()), new KeyframeEffect(n, i, a);
+  return t === "reverse" && (a = a.toReversed()), new KeyframeEffect(s, a, u);
 }
-function kn({ ref: n, direction: t, playbackRate: e, index: r }) {
-  let i = [
-    Ae,
-    He
-  ][r];
-  const a = {
+function vn({ ref: s, direction: t, playbackRate: e, index: n }) {
+  let a = [
+    we,
+    Ee
+  ][n];
+  const u = {
     playbackRate: e,
     fill: "forwards",
-    ...st
+    ...rt
   };
-  return t === "reverse" && (i = i.toReversed()), new KeyframeEffect(n, i, a);
+  return t === "reverse" && (a = a.toReversed()), new KeyframeEffect(s, a, u);
 }
-function In({ ref: n, direction: t, playbackRate: e }) {
-  let r = je;
-  const s = {
+function pn({ ref: s, direction: t, playbackRate: e }) {
+  let n = Se;
+  const r = {
     playbackRate: e,
     fill: "forwards",
-    ...st
+    ...rt
   };
-  return t === "reverse" && (r = r.toReversed()), new KeyframeEffect(n, r, s);
+  return t === "reverse" && (n = n.toReversed()), new KeyframeEffect(s, n, r);
 }
-function Fn({ ref: n, direction: t, playbackRate: e }) {
-  let r = Ne;
-  const s = {
+function gn({ ref: s, direction: t, playbackRate: e }) {
+  let n = Pe;
+  const r = {
     playbackRate: e,
     fill: "forwards",
-    ...gt
+    ...Et
   };
-  return t === "reverse" && (r = r.toReversed()), new KeyframeEffect(n, r, s);
+  return t === "reverse" && (n = n.toReversed()), new KeyframeEffect(s, n, r);
 }
-function xn({ ref: n, direction: t, index: e, playbackRate: r }) {
-  let s = Ze, i;
-  e === C ? i = sn : i = rn;
-  const a = {
-    playbackRate: r,
+function mn({ ref: s, direction: t, index: e, playbackRate: n }) {
+  let r = xe, a;
+  e === Y ? a = Me : a = Ke;
+  const u = {
+    playbackRate: n,
     fill: "forwards",
-    ...i
+    ...a
   };
-  return t === "reverse" && (s = s.toReversed()), new KeyframeEffect(n, s, a);
+  return t === "reverse" && (r = r.toReversed()), new KeyframeEffect(s, r, u);
 }
-function Dn({ ref: n, direction: t, index: e, playbackRate: r }) {
-  const i = [
-    Ge,
-    We
-  ][e], a = {
+function yn({ ref: s, direction: t, index: e, playbackRate: n }) {
+  const a = [
+    Te,
+    Le
+  ][e], u = {
     direction: t,
-    playbackRate: r,
+    playbackRate: n,
     fill: "forwards",
-    ...en
+    ...Oe
   };
-  return new KeyframeEffect(n, i, a);
+  return new KeyframeEffect(s, a, u);
 }
-function On({ ref: n, direction: t, index: e, playbackRate: r }) {
-  const s = [
-    Ve,
-    $e
+function En({ ref: s, direction: t, index: e, playbackRate: n }) {
+  const r = [
+    _e,
+    be
   ];
-  let i;
-  e === C ? i = tn : i = gt;
-  let a = s[e];
-  const c = {
-    playbackRate: r,
+  let a;
+  e === Y ? a = Fe : a = Et;
+  let u = r[e];
+  const i = {
+    playbackRate: n,
     fill: "forwards",
-    ...i
+    ...a
   };
-  return t === "reverse" && (a = a.toReversed()), new KeyframeEffect(n, a, c);
+  return t === "reverse" && (u = u.toReversed()), new KeyframeEffect(s, u, i);
 }
-function Mn({ ref: n, direction: t, index: e, playbackRate: r }) {
-  const i = [
-    ze,
-    qe
-  ][e], a = {
+function wn({ ref: s, direction: t, index: e, playbackRate: n }) {
+  const a = [
+    Ie,
+    Re
+  ][e], u = {
     direction: t,
-    playbackRate: r,
+    playbackRate: n,
     fill: "forwards",
-    ...nn
+    ...Be
   };
-  return new KeyframeEffect(n, i, a);
+  return new KeyframeEffect(s, a, u);
 }
 export {
-  vn as Anchor,
-  Ln as FadeInKeyframes,
-  Tn as FadeOutKeyframes,
-  Ke as GestureRegion,
-  vt as HistoryEntry,
-  Se as Navigation,
-  hn as Router,
-  rt as Screen,
-  wn as SlideInFromBottomKeyframes,
-  mn as SlideInFromLeftKeyframes,
-  gn as SlideInFromRightKeyframes,
-  Pn as SlideInFromTopKeyframes,
-  bn as SlideOutToBottomKeyframes,
-  pn as SlideOutToLeftKeyframes,
-  yn as SlideOutToRightKeyframes,
-  En as SlideOutToTopKeyframes,
-  Sn as ZoomInKeyframes,
-  _n as ZoomOutKeyframes,
-  rn as androidBottomSheetSlideInOptions,
-  sn as androidBottomSheetSlideOutOptions,
-  Ge as androidConcealToBottomKeyframes,
-  Fn as androidFadeInFromBottom,
-  Ne as androidFadeInFromBottomKeyframes,
-  gt as androidFadeInFromBottomOptions,
-  xn as androidFadeInFromBottomSheet,
-  Ze as androidFadeInFromBottomSheetKeyframes,
-  On as androidFadeInFromRight,
-  $e as androidFadeInFromRightKeyframes,
-  tn as androidFadeOutToBottomOptions,
-  Ve as androidFadeOutToLeftKeyframes,
-  Dn as androidRevealFromBottom,
-  We as androidRevealFromBottomKeyframes,
-  en as androidRevealFromBottomOptions,
-  Mn as androidScaleFromCentre,
-  qe as androidScaleFromCentreKeyframes,
-  nn as androidScaleFromCentreOptions,
-  ze as androidScaleToCentreKeyframes,
-  Me as createGestureRegion,
-  st as iOSKeyframeOptions,
-  In as iOSSlideInFromBottom,
-  je as iOSSlideInFromBottomKeyframes,
-  kn as iOSSlideInFromLeft,
-  He as iOSSlideInFromLeftKeyframes,
-  Rn as iOSSlideInFromRight,
-  Ce as iOSSlideInFromRightKeyframes,
-  Ue as iOSSlideOutToLeftKeyframes,
-  Ae as iOSSlideOutToRightKeyframes,
-  Fe as isHorizontalDirection,
-  F as isRefObject,
-  Ie as isSupportedDirection,
-  Be as useNavigation,
-  fn as useParams,
-  dn as useRoute,
-  ln as useRouter
+  $e as Anchor,
+  ln as FadeInKeyframes,
+  dn as FadeOutKeyframes,
+  fe as GestureRegion,
+  M as HistoryEntry,
+  re as Navigation,
+  ze as Router,
+  nt as Screen,
+  sn as SlideInFromBottomKeyframes,
+  nn as SlideInFromLeftKeyframes,
+  tn as SlideInFromRightKeyframes,
+  on as SlideInFromTopKeyframes,
+  cn as SlideOutToBottomKeyframes,
+  en as SlideOutToLeftKeyframes,
+  rn as SlideOutToRightKeyframes,
+  an as SlideOutToTopKeyframes,
+  un as ZoomInKeyframes,
+  hn as ZoomOutKeyframes,
+  Ke as androidBottomSheetSlideInOptions,
+  Me as androidBottomSheetSlideOutOptions,
+  Te as androidConcealToBottomKeyframes,
+  gn as androidFadeInFromBottom,
+  Pe as androidFadeInFromBottomKeyframes,
+  Et as androidFadeInFromBottomOptions,
+  mn as androidFadeInFromBottomSheet,
+  xe as androidFadeInFromBottomSheetKeyframes,
+  En as androidFadeInFromRight,
+  be as androidFadeInFromRightKeyframes,
+  Fe as androidFadeOutToBottomOptions,
+  _e as androidFadeOutToLeftKeyframes,
+  yn as androidRevealFromBottom,
+  Le as androidRevealFromBottomKeyframes,
+  Oe as androidRevealFromBottomOptions,
+  wn as androidScaleFromCentre,
+  Re as androidScaleFromCentreKeyframes,
+  Be as androidScaleFromCentreOptions,
+  Ie as androidScaleToCentreKeyframes,
+  de as createGestureRegion,
+  rt as iOSKeyframeOptions,
+  pn as iOSSlideInFromBottom,
+  Se as iOSSlideInFromBottomKeyframes,
+  vn as iOSSlideInFromLeft,
+  Ee as iOSSlideInFromLeftKeyframes,
+  fn as iOSSlideInFromRight,
+  me as iOSSlideInFromRightKeyframes,
+  ye as iOSSlideOutToLeftKeyframes,
+  we as iOSSlideOutToRightKeyframes,
+  ce as isHorizontalDirection,
+  O as isRefObject,
+  oe as isSupportedDirection,
+  ve as useNavigation,
+  Qe as useParams,
+  Je as useRoute,
+  Ze as useRouter
 };
 //# sourceMappingURL=index.js.map