@react-motion-router/stack 2.0.0-beta.sha-c19f37e → 2.0.0-beta.sha-9a4805f

package/build/index.js

@@ -1,14 +1,14 @@
-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 { 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;
+import { NavigationBase as wt, resolveBaseURLFromPattern as Et, matchRoute as j, SINGLE_ELEMENT_LENGTH as P, historyEntryFromDestination as Y, LAST_INDEX as L, FIRST_INDEX as D, ScreenBase as Pt, RoutePropContext as St, RouterBase as bt, PromiseWrapper as _t, cloneAndInject as Tt, LoadEvent as Lt, AnchorBase as It, useNavigationBase as Rt, useRouterBase as xt, useRouteBase as kt, useParamsBase as Ft, Anchor as Dt } from "@react-motion-router/core";
+import { jsx as U } from "react/jsx-runtime";
+import W, { createRef as vt, useContext as Ot, startTransition as G, useDebugValue as N, useRef as Mt, useEffect as A, useImperativeHandle as Bt, useCallback as q } from "react";
+import { GestureTimeline as Kt, springToLinear as Yt, easingToLinear as z } from "web-animations-extension";
+var m = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Xt = {}, T = {};
+Object.defineProperty(T, "__esModule", { value: !0 });
+var ut;
 (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 {
+})(ut || (ut = {}));
+class Ct extends TouchEvent {
   constructor(t, e) {
     if (super(t, {
       touches: Array.from(e.touches),
@@ -27,51 +27,51 @@ class Xt extends TouchEvent {
     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) {
+T.default = Ct;
+var Z = {}, Ht = m && m.__importDefault || function(n) {
   return n && n.__esModule ? n : { default: n };
 };
-Object.defineProperty(z, "__esModule", { value: !0 });
-const Ut = Ct(_);
-class Ht extends Ut.default {
+Object.defineProperty(Z, "__esModule", { value: !0 });
+const jt = Ht(T);
+class At extends jt.default {
   constructor(t, e) {
     super("longpress", t), this.duration = 0, this.duration = e;
   }
 }
-z.default = Ht;
-var Z = {}, At = y && y.__importDefault || function(n) {
+Z.default = At;
+var J = {}, Ut = m && m.__importDefault || function(n) {
   return n && n.__esModule ? n : { default: n };
 };
-Object.defineProperty(Z, "__esModule", { value: !0 });
-const jt = At(_);
-class Nt extends jt.default {
+Object.defineProperty(J, "__esModule", { value: !0 });
+const Nt = Ut(T);
+class $t extends Nt.default {
   constructor(t) {
     super("tap", t), this.duration = 0;
   }
 }
-Z.default = Nt;
-var J = {}, $t = y && y.__importDefault || function(n) {
+J.default = $t;
+var Q = {}, Vt = m && m.__importDefault || function(n) {
   return n && n.__esModule ? n : { default: n };
 };
-Object.defineProperty(J, "__esModule", { value: !0 });
-const Vt = $t(_);
-class Wt extends Vt.default {
+Object.defineProperty(Q, "__esModule", { value: !0 });
+const Wt = Vt(T);
+class Gt extends Wt.default {
   constructor(t) {
     super("doubletap", t);
   }
 }
-J.default = Wt;
-var x = {}, Gt = y && y.__importDefault || function(n) {
+Q.default = Gt;
+var O = {}, qt = m && m.__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;
+Object.defineProperty(O, "__esModule", { value: !0 });
+O.SwipeEndEvent = O.SwipeStartEvent = void 0;
+const zt = qt(T);
+var ht;
 (function(n) {
   n[n.start = 0] = "start", n[n.end = 1] = "end";
-})(ut || (ut = {}));
-class Q extends qt.default {
+})(ht || (ht = {}));
+class tt extends zt.default {
   constructor(t, e, r) {
     let s;
     switch (r) {
@@ -87,35 +87,35 @@ class Q extends qt.default {
     super(s, t), this.velocity = e.velocity, this.direction = e.direction;
   }
 }
-class zt extends Q {
+class Zt extends tt {
   constructor(t, e) {
     super(t, e);
   }
 }
-x.default = zt;
-class Zt extends Q {
+O.default = Zt;
+class Jt extends tt {
   constructor(t, e) {
     super(t, e, "start");
   }
 }
-x.SwipeStartEvent = Zt;
-class Jt extends Q {
+O.SwipeStartEvent = Jt;
+class Qt extends tt {
   constructor(t, e) {
     super(t, e, "end");
   }
 }
-x.SwipeEndEvent = Jt;
-var D = {}, Qt = y && y.__importDefault || function(n) {
+O.SwipeEndEvent = Qt;
+var M = {}, te = m && m.__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;
+Object.defineProperty(M, "__esModule", { value: !0 });
+M.PanEndEvent = M.PanStartEvent = void 0;
+const ee = te(T);
+var lt;
 (function(n) {
   n[n.start = 0] = "start", n[n.end = 1] = "end";
-})(ht || (ht = {}));
-class tt extends te.default {
+})(lt || (lt = {}));
+class et extends ee.default {
   constructor(t, e, r) {
     let s;
     switch (r) {
@@ -138,35 +138,35 @@ class tt extends te.default {
     };
   }
 }
-class ee extends tt {
+class ne extends et {
   constructor(t, e) {
     super(t, e);
   }
 }
-D.default = ee;
-class ne extends tt {
+M.default = ne;
+class re extends et {
   constructor(t, e) {
     super(t, e, "start");
   }
 }
-D.PanStartEvent = ne;
-class re extends tt {
+M.PanStartEvent = re;
+class se extends et {
   constructor(t, e) {
     super(t, e, "end");
   }
 }
-D.PanEndEvent = re;
-var O = {}, se = y && y.__importDefault || function(n) {
+M.PanEndEvent = se;
+var B = {}, ie = m && m.__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;
+Object.defineProperty(B, "__esModule", { value: !0 });
+B.PinchEndEvent = B.PinchStartEvent = void 0;
+const ae = ie(T);
+var dt;
 (function(n) {
   n[n.start = 0] = "start", n[n.end = 1] = "end";
-})(lt || (lt = {}));
-class et extends ie.default {
+})(dt || (dt = {}));
+class nt extends ae.default {
   constructor(t, e, r) {
     let s;
     switch (r) {
@@ -185,35 +185,35 @@ class et extends ie.default {
     });
   }
 }
-class ae extends et {
+class oe extends nt {
   constructor(t, e) {
     super(t, e);
   }
 }
-O.default = ae;
-class oe extends et {
+B.default = oe;
+class ce extends nt {
   constructor(t, e) {
     super(t, e, "start");
   }
 }
-O.PinchStartEvent = oe;
-class ce extends et {
+B.PinchStartEvent = ce;
+class ue extends nt {
   constructor(t, e) {
     super(t, e, "end");
   }
 }
-O.PinchEndEvent = ce;
-var M = {}, ue = y && y.__importDefault || function(n) {
+B.PinchEndEvent = ue;
+var K = {}, he = m && m.__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;
+Object.defineProperty(K, "__esModule", { value: !0 });
+K.RotateEndEvent = K.RotateStartEvent = void 0;
+const le = he(T);
+var ft;
 (function(n) {
   n[n.start = 0] = "start", n[n.end = 1] = "end";
-})(dt || (dt = {}));
-class nt extends he.default {
+})(ft || (ft = {}));
+class rt extends le.default {
   constructor(t, e, r) {
     let s;
     switch (r) {
@@ -237,33 +237,33 @@ class nt extends he.default {
     }), this.rotationDeg = e.rotationDeg;
   }
 }
-class le extends nt {
+class de extends rt {
   constructor(t, e) {
     super(t, e);
   }
 }
-M.default = le;
-class de extends nt {
+K.default = de;
+class fe extends rt {
   constructor(t, e) {
     super(t, e, "start");
   }
 }
-M.RotateStartEvent = de;
-class fe extends nt {
+K.RotateStartEvent = fe;
+class ge extends rt {
   constructor(t, e) {
     super(t, e, "end");
   }
 }
-M.RotateEndEvent = fe;
-var k = {};
-Object.defineProperty(k, "__esModule", { value: !0 });
-k.closest = k.Vec2 = k.assert = void 0;
+K.RotateEndEvent = ge;
+var x = {};
+Object.defineProperty(x, "__esModule", { value: !0 });
+x.closest = x.Vec2 = x.assert = void 0;
 function ve(n, t) {
   if (!n)
     throw new Error(t);
 }
-k.assert = ve;
-class ge {
+x.assert = ve;
+class pe {
   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);
   }
@@ -307,74 +307,74 @@ class ge {
     return Math.sqrt(Math.pow(this._clientX, 2) + Math.pow(this._clientY, 2));
   }
 }
-k.Vec2 = ge;
-function pe(n, t) {
+x.Vec2 = pe;
+function me(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;
+x.closest = me;
 (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];
+  var t = m && m.__createBinding || (Object.create ? function(d, o, p, S) {
+    S === void 0 && (S = p), Object.defineProperty(d, S, { enumerable: !0, get: function() {
+      return o[p];
     } });
-  } : 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;
+  } : function(d, o, p, S) {
+    S === void 0 && (S = p), d[S] = o[p];
+  }), e = m && m.__setModuleDefault || (Object.create ? function(d, o) {
+    Object.defineProperty(d, "default", { enumerable: !0, value: o });
+  } : function(d, o) {
+    d.default = o;
+  }), r = m && m.__importStar || function(d) {
+    if (d && d.__esModule)
+      return d;
     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 };
+    if (d != null)
+      for (var p in d)
+        p !== "default" && Object.prototype.hasOwnProperty.call(d, p) && t(o, d, p);
+    return e(o, d), o;
+  }, s = m && m.__importDefault || function(d) {
+    return d && d.__esModule ? d : { default: d };
   };
   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(_);
+  const i = s(T);
   n.GestureEvent = i.default;
-  const a = s(z);
+  const a = s(Z);
   n.LongPressEvent = a.default;
-  const c = s(Z);
+  const c = s(J);
   n.TapEvent = c.default;
-  const u = s(J);
+  const u = s(Q);
   n.DoubleTapEvent = u.default;
-  const l = r(x);
+  const l = r(O);
   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;
+  const f = r(M);
+  n.PanEvent = f.default, Object.defineProperty(n, "PanEndEvent", { enumerable: !0, get: function() {
+    return f.PanEndEvent;
   } }), Object.defineProperty(n, "PanStartEvent", { enumerable: !0, get: function() {
-    return v.PanStartEvent;
+    return f.PanStartEvent;
   } });
-  const d = r(O);
-  n.PinchEvent = d.default, Object.defineProperty(n, "PinchEndEvent", { enumerable: !0, get: function() {
-    return d.PinchEndEvent;
+  const v = r(B);
+  n.PinchEvent = v.default, Object.defineProperty(n, "PinchEndEvent", { enumerable: !0, get: function() {
+    return v.PinchEndEvent;
   } }), Object.defineProperty(n, "PinchStartEvent", { enumerable: !0, get: function() {
-    return d.PinchStartEvent;
+    return v.PinchStartEvent;
   } });
-  const m = r(M);
-  n.RotateEvent = m.default, Object.defineProperty(n, "RotateEndEvent", { enumerable: !0, get: function() {
-    return m.RotateEndEvent;
+  const h = r(K);
+  n.RotateEvent = h.default, Object.defineProperty(n, "RotateEndEvent", { enumerable: !0, get: function() {
+    return h.RotateEndEvent;
   } }), Object.defineProperty(n, "RotateStartEvent", { enumerable: !0, get: function() {
-    return m.RotateStartEvent;
+    return h.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 = {}));
+  const g = x;
+  var y;
+  (function(d) {
+    d[d.right = 0] = "right", d[d.up = 1] = "up", d[d.left = 2] = "left", d[d.down = 3] = "down";
+  })(y || (y = {}));
   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 = {
@@ -396,34 +396,34 @@ k.closest = pe;
     onPointerLeave(o) {
       if (!o.touches.length) {
         if (this.isSwiping) {
-          const f = new l.SwipeEndEvent(o, {
+          const p = new l.SwipeEndEvent(o, {
             velocity: this.velocity,
-            direction: p[(0, g.closest)(this.octant, [0, 1, 2, 3])]
+            direction: y[(0, g.closest)(this.octant, [0, 1, 2, 3])]
           });
-          this.dispatchEvent(f), this.isSwiping = !1;
+          this.dispatchEvent(p), this.isSwiping = !1;
         }
         if (this.isPanning) {
-          const f = new v.PanEndEvent(o, {
+          const p = new f.PanEndEvent(o, {
             translation: this.dxDy,
             velocity: this.velocity
           });
-          this.dispatchEvent(f), this.isPanning = !1;
+          this.dispatchEvent(p), this.isPanning = !1;
         }
       }
       if (o.touches.length === 1) {
         if (this.scaleBase = 0, this.isPinching) {
-          const f = new d.PinchEndEvent(o, {
+          const p = new v.PinchEndEvent(o, {
             scale: this.scale
           });
-          this.dispatchEvent(f), this.isPinching = !1;
+          this.dispatchEvent(p), this.isPinching = !1;
         }
         if (this.isRotating) {
-          const f = new m.RotateEndEvent(o, {
+          const p = new h.RotateEndEvent(o, {
             rotation: this.rotation,
             rotationDeg: this.rotationDeg,
             anchor: this.anchor
           });
-          this.dispatchEvent(f), this.isRotating = !1;
+          this.dispatchEvent(p), this.isRotating = !1;
         }
       }
     }
@@ -434,21 +434,21 @@ k.closest = pe;
     }
     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) {
+      const p = parseInt(o.touches[0].target.dataset.minpointers || "0") || this.config.minPointers;
+      if (this.touchStart.touches.length < p) {
         this.shouldFire = !1;
         return;
       }
       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;
+      const S = 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;
+          const E = Date.now() - this.touchStartTime, I = new a.default(this.touchStart, E);
+          this.dispatchEvent(I), this.isLongPress = !0, this.longPressTimeout = 0;
         }
-      }, 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;
+      }, S)), this.touchStart.touches.length > 1) {
+        const E = new g.Vec2(this.touchStart.touches[0].clientX, this.touchStart.touches[0].clientY), I = new g.Vec2(this.touchStart.touches[1].clientX, this.touchStart.touches[1].clientY);
+        this.scaleBase = E.substract(I).magnitude;
       } else
         this.scaleBase = 0;
     }
@@ -456,82 +456,82 @@ k.closest = pe;
       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
+        const b = new g.Vec2(this.touchMove.touches[0].clientX, this.touchMove.touches[0].clientY), $ = new g.Vec2(this.touchMove.touches[1].clientX, this.touchMove.touches[1].clientY), ot = new g.Vec2(this.touchStart.touches[0].clientX, this.touchStart.touches[0].clientY), ct = b.substract($);
+        if (this.scaleBase && Math.abs(this.scaleBase - ct.magnitude) > 10) {
+          const k = ct.magnitude / this.scaleBase;
+          if (this.scale = k, this.isPinching) {
+            const V = new v.default(o, {
+              scale: k
             });
-            this.dispatchEvent(j);
+            this.dispatchEvent(V);
           } else {
-            const j = new d.PinchStartEvent(o, {
-              scale: I
+            const V = new v.PinchStartEvent(o, {
+              scale: k
             });
-            this.dispatchEvent(j), this.isPinching = !0;
+            this.dispatchEvent(V), this.isPinching = !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, {
+        let C = Math.atan2(ot.clientY - $.clientY, ot.clientX - $.clientX);
+        if (C < 0 ? C += 1.5708 : C -= 1.5708, this.rotation = C, this.rotationDeg = C * 180 / Math.PI, this.anchor = this.anchor, this.isRotating) {
+          const k = new h.default(o, {
             anchor: this.anchor,
             rotation: this.rotation,
             rotationDeg: this.rotationDeg
           });
-          this.dispatchEvent(I);
+          this.dispatchEvent(k);
         } else {
-          const I = new m.RotateStartEvent(o, {
+          const k = new h.RotateStartEvent(o, {
             anchor: this.anchor,
             rotation: this.rotation,
             rotationDeg: this.rotationDeg
           });
-          this.dispatchEvent(I), this.isRotating = !0;
+          this.dispatchEvent(k), this.isRotating = !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;
+      const p = 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(p), I = E.magnitude, at = {
+        x: E.x / I,
+        y: E.y / I
+      }, mt = Math.atan2(at.y, at.x);
+      this.octant = Math.round(4 * mt / (2 * Math.PI) + 4) % 4;
+      const yt = (o.timeStamp - this.touchStart.timeStamp) / 1e3, X = E.magnitude / yt;
       if (this.isSwiping) {
         const b = new l.default(o, {
-          direction: p[(0, g.closest)(this.octant, [0, 1, 2, 3])],
-          velocity: K
+          direction: y[(0, g.closest)(this.octant, [0, 1, 2, 3])],
+          velocity: X
         });
         this.dispatchEvent(b);
       } else {
         const b = new l.SwipeStartEvent(o, {
-          direction: p[(0, g.closest)(this.octant, [0, 1, 2, 3])],
-          velocity: K
+          direction: y[(0, g.closest)(this.octant, [0, 1, 2, 3])],
+          velocity: X
         });
         this.dispatchEvent(b), this.isSwiping = !0;
       }
-      if (this.dxDy = E, this.velocity = K, this.isPanning) {
-        const b = new v.default(o, {
+      if (this.dxDy = E, this.velocity = X, this.isPanning) {
+        const b = new f.default(o, {
           translation: E,
-          velocity: K
+          velocity: X
         });
         this.dispatchEvent(b);
       } else {
-        const b = new v.PanStartEvent(o, {
+        const b = new f.PanStartEvent(o, {
           translation: E,
-          velocity: K
+          velocity: X
         });
         this.dispatchEvent(b), this.isPanning = !0;
       }
     }
     onTouchEnd(o) {
-      const f = parseInt(this.currentTarget.dataset.numberoftaps || "0") || this.config.numberOfTaps;
-      if (this.taps++, this.shouldFire = this.taps > f, this.shouldFire) {
+      const p = parseInt(this.currentTarget.dataset.numberoftaps || "0") || this.config.numberOfTaps;
+      if (this.taps++, this.shouldFire = this.taps > p, this.shouldFire) {
         this.touchEnd = o, this.touchEndTime = o.timeStamp;
-        const P = parseFloat(this.currentTarget.dataset.tapdelay || "0") || this.config.tapDelay;
+        const S = 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;
+          if (this.taps === 1 || this.touchEndTime - this.lastTouchTime < S) {
+            if (this.taps % 2 === p) {
+              const I = new u.default(o);
+              this.dispatchEvent(I), this.taps = 0;
             }
             const E = new c.default(o);
             this.dispatchEvent(E);
@@ -545,8 +545,8 @@ k.closest = pe;
     }
   }
   n.default = w, w.listening = !1, TouchEvent && (window.gestureProvider = new w());
-})(Yt);
-class me extends Event {
+})(Xt);
+class ye extends Event {
   routerId;
   route;
   props;
@@ -558,7 +558,7 @@ class me extends Event {
     super("navigate"), this.routerId = t, this.route = e, this.props = r, this.navigationType = s ?? "push", this.signal = i, this.committed = a, this.transition = c;
   }
 }
-class ye extends Event {
+class we extends Event {
   routerId;
   signal;
   committed;
@@ -567,7 +567,7 @@ class ye extends Event {
     super("back"), this.routerId = t, this.signal = e, this.committed = r, this.transition = s;
   }
 }
-class we extends Event {
+class Ee extends Event {
   routerId;
   signal;
   committed;
@@ -576,13 +576,13 @@ class we extends Event {
     super("forward"), this.routerId = t, this.signal = e, this.committed = r, this.transition = s;
   }
 }
-class Ee extends Event {
+class Pe extends Event {
   source;
   constructor(t) {
     super("gesture-start"), this.source = t;
   }
 }
-class Pe extends Event {
+class Se extends Event {
   source;
   constructor(t) {
     super("gesture-end"), this.source = t;
@@ -593,7 +593,7 @@ class be extends Event {
     super("gesture-cancel");
   }
 }
-class vt {
+class F {
   routerId;
   #t;
   index;
@@ -606,6 +606,9 @@ class vt {
   get ondispose() {
     return this.#t.ondispose;
   }
+  get nativeEntry() {
+    return this.#t;
+  }
   get id() {
     return this.#t.id;
   }
@@ -634,7 +637,7 @@ class vt {
     return this.#t.getState();
   }
 }
-class Se extends yt {
+class _e extends wt {
   config;
   constructor(t) {
     super(t), this.config = t;
@@ -709,17 +712,17 @@ class Se extends yt {
   createBackEvent(t, e, r) {
     if (!this.routerId)
       throw new Error("Router ID is not set");
-    return new ye(this.routerId, t, e, r);
+    return new we(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);
+    return new Ee(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(
+    return new ye(
       this.routerId,
       t,
       e,
@@ -817,39 +820,77 @@ class Se extends yt {
    * without requiring global history rewriting or fragile index arithmetic.
    */
   get entries() {
-    const t = this.config.getPathPatterns().filter(({ pattern: i }) => i.endsWith("**"));
+    const t = this.config.getPathPatterns().filter(({ pattern: c }) => c.endsWith("**"));
     let e = null, r = L, s = !1;
-    return this.globalEntries.filter((i, a) => {
-      if (!i.url || s)
+    const i = this.globalEntries.filter((c, u) => {
+      if (!c.url || s)
         return !1;
-      const c = new URL(i.url), u = wt(
+      const l = new URL(c.url), f = Et(
         this.baseURLPattern.pathname,
-        c.pathname
+        l.pathname
       );
-      if (!u)
+      if (!f)
         return r !== L && (s = !0), !1;
       if (e) {
-        const l = new URLPattern(
+        const v = new URLPattern(
           e.pattern,
-          u.href
+          f.href
         );
-        if (X(
-          c.pathname,
-          c.pathname,
+        if (j(
+          l.pathname,
           l.pathname,
+          v.pathname,
           e.caseSensitive
         ))
           return !1;
       }
       return e = t.find(
-        ({ pattern: l, caseSensitive: v }) => X(
-          l,
-          c.pathname,
+        ({ pattern: v, caseSensitive: h }) => j(
+          v,
+          l.pathname,
           this.baseURLPattern.pathname,
-          v
+          h
         )
-      ) ?? null, r = a, !0;
-    }).map((i, a) => new vt(i, this.routerId, a));
+      ) ?? null, r = u, !0;
+    }).map((c, u) => new F(c, this.routerId, u)), a = this.config.getDestination();
+    if (a) {
+      const { transition: c } = this;
+      switch (c?.navigationType) {
+        case "replace":
+          i.splice(
+            a.index,
+            P,
+            new F(
+              Y(
+                a
+              ),
+              this.routerId,
+              a.index
+            )
+          );
+          break;
+        case "push": {
+          const u = c.from.index + P, l = i.findIndex((f) => f.key === c.from.key);
+          i.splice(
+            u,
+            1 / 0,
+            new F(
+              Y({
+                ...a,
+                getState() {
+                  return a.getState();
+                },
+                index: u
+              }),
+              this.routerId,
+              l + P
+            )
+          );
+          break;
+        }
+      }
+    }
+    return i;
   }
   /**
    * Returns the **local history index** for this router, derived from the
@@ -949,26 +990,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, r = (t?.navigationType === "push" ? t.from.index + P : this.config.getDestination()?.index) ?? window.navigation.currentEntry?.index ?? L, s = this.entries.at(D)?.globalIndex ?? L, i = this.entries.at(L)?.globalIndex ?? L;
+    if (r <= s)
+      return D;
+    if (r >= i)
+      return this.entries.length - P;
     {
-      const s = this.globalEntries.slice(
-        e,
-        t + T
+      const a = this.globalEntries.slice(
+        s,
+        r + P
       );
-      return this.entries.findLastIndex((i) => s.findLastIndex(
-        (a) => i.key === a.key
+      return this.entries.findLastIndex((c) => a.findLastIndex(
+        (u) => c.key === u.key
       ) > L);
     }
   }
   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,32 +1021,16 @@ class Se extends yt {
     return this.next?.url?.origin === globalThis.location.origin;
   }
 }
-function _e(n) {
+function Te(n) {
   return Object.fromEntries(n.entries());
 }
 function Le(n) {
   return new URLSearchParams(n).toString();
 }
-function Te(n) {
+function Ie(n) {
   return n && typeof n == "object" && "gesture" in n ? !!n.gesture : !1;
 }
-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) {
+function H(n, { x: t, y: e }, r, s) {
   switch (n) {
     case "right":
       return Math.abs(t - r.left) < s;
@@ -1017,21 +1042,23 @@ function Y(n, { x: t, y: e }, r, s) {
       return Math.abs(e - r.bottom) < s;
   }
 }
-class rt extends Et {
+class st extends Pt {
   #t;
+  ref = vt();
   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;
+    super(t, e), this.#t = this.internalProps.entry;
+    let r;
+    t.config?.presentation === "default" ? r = "div" : r = "dialog", this.state = {
+      ...this.state,
+      elementType: r
+    };
   }
   static getDerivedStateFromProps(t) {
     return t.config?.presentation === "dialog" || t.config?.presentation === "modal" ? { elementType: "dialog" } : { elementType: "div" };
   }
   static historyEntryStateFromEntry(t, e) {
     if (t?.url) {
-      const r = t.getState() ?? {}, s = _e(t.url.searchParams), { params: i = {} } = e ?? {};
+      const r = t.getState() ?? {}, s = Te(t.url.searchParams), { params: i = {} } = e ?? {};
       return r.params = {
         ...r.params,
         ...s,
@@ -1080,17 +1107,24 @@ class rt extends Et {
     const t = this.#t;
     if (!t.url)
       return {};
-    const e = X(
+    const e = j(
       this.props.path,
       t.url.pathname,
-      this.context.baseURLPattern.pathname,
+      this.router.baseURLPattern.pathname,
       this.props.caseSensitive
     );
-    return rt.historyEntryStateFromEntry(t, e);
+    return st.historyEntryStateFromEntry(t, e);
+  }
+  get inert() {
+    if (!this.state.focused)
+      return !0;
   }
   get id() {
     return this.internalProps.id.toString();
   }
+  get viewTransitionName() {
+    return `${this.router.id}-${this.name}`;
+  }
   get params() {
     return {
       ...this.props.defaultParams,
@@ -1128,33 +1162,50 @@ class rt extends Et {
     };
     window.navigation.updateCurrentEntry({ state: r });
   }
-  onClickOutside(t) {
-    if (!this.transitionProvider.current?.ref.current)
+  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();
   }
   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", function() {
+        this.returnValue !== "screen-exit" && (this.style.display = "block", e.goBack());
+      }, { once: !0 }), e.addEventListener("click", this);
     }
     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.close("screen-exit"), this.router.navigation.removeEventListener("click", this)), super.onExited(t);
+  }
+  render() {
+    const t = this.state.elementType;
+    return /* @__PURE__ */ U(
+      t,
+      {
+        id: this.viewTransitionName,
+        ref: this.ref,
+        className: "screen",
+        inert: this.inert,
+        style: {
+          gridArea: "1 / 1",
+          height: "100%",
+          width: "100%",
+          display: "flex",
+          flexDirection: "column",
+          viewTransitionName: this.viewTransitionName
+        },
+        children: super.render()
+      }
+    );
   }
 }
-function F(n) {
+function R(n) {
   return !!(n !== null && typeof n == "object" && Object.hasOwn(n, "current"));
 }
-const ke = {
+const Re = {
   horizontal: ["left", "right"],
   vertical: ["up", "down"],
   up: ["up"],
@@ -1162,21 +1213,21 @@ const ke = {
   left: ["left"],
   right: ["right"]
 };
-function Ie(n, t) {
-  return ke[t].includes(n);
+function xe(n, t) {
+  return Re[t].includes(n);
 }
-function Fe(n) {
+function ke(n) {
   return n === "left" || n === "right" || n === "horizontal";
 }
-const S = {
+const _ = {
   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);
+}, Fe = 0.5, De = 1, Oe = 24;
+function gt({ clientX: n, clientY: t }, e, r) {
+  return H("left", { x: n, y: t }, e, r) && H("right", { x: n, y: t }, e, r) && H("down", { x: n, y: t }, e, r) && H("up", { x: n, y: t }, e, r);
 }
 const Me = (n) => function({
   ref: e,
@@ -1184,29 +1235,29 @@ const Me = (n) => function({
   uaGestureAreaWidth: s = Oe,
   ...i
 }) {
-  const a = N.useRef(null), c = Dt(
-    Pt
+  const a = W.useRef(null), c = Ot(
+    St
   ) ?? null, { gestureAreaWidth: u = 0 } = c?.config ?? {};
-  return N.useImperativeHandle(
+  return W.useImperativeHandle(
     e,
     () => a.current
-  ), N.useEffect(() => {
+  ), W.useEffect(() => {
     if (!a.current)
       return;
-    const v = a.current, d = (m) => {
-      if (!(m instanceof TouchEvent) || r === "none")
+    const f = a.current, v = (h) => {
+      if (!(h 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();
+      const g = f.getBoundingClientRect();
+      Array.from(h.touches).map((d) => gt(d, g, u)).some(Boolean) && h.stopPropagation(), Array.from(h.touches).map((d) => gt(d, g, s)).some(Boolean) && h.preventDefault();
     };
-    return v.addEventListener("touchstart", d), () => {
-      v.removeEventListener(
+    return f.addEventListener("touchstart", v), () => {
+      f.removeEventListener(
         "touchstart",
-        d
+        v
       );
     };
-  }, [s, u, r]), /* @__PURE__ */ G(n, { ref: a, ...i });
-}, Ke = new Proxy(
+  }, [s, u, r]), /* @__PURE__ */ U(n, { ref: a, ...i });
+}, Be = new Proxy(
   {},
   {
     get(n, t) {
@@ -1218,7 +1269,7 @@ class hn extends bt {
   navigation;
   #t = null;
   constructor(t, e) {
-    super(t, e), this.navigation = new Se({
+    super(t, e), this.navigation = new _e({
       addEventListener: this.addEventListener.bind(this),
       removeEventListener: this.removeEventListener.bind(this),
       dispatchEvent: this.dispatchEvent.bind(this),
@@ -1228,15 +1279,16 @@ class hn extends bt {
       baseURLPattern: this.baseURLPattern,
       getCommitted: () => this.committed,
       getTransition: () => this.state.transition,
+      getDestination: () => this.state.destination,
       getPathPatterns: () => this.pathPatterns,
       getNavigatorById: (u) => this.getRouterById(u)?.navigation ?? null
     });
     const {
-      gestureAreaWidth: r = S.gestureAreaWidth,
-      gestureDirection: s = S.gestureDirection,
-      gestureDisabled: i = S.gestureDisabled,
-      gestureHysteresis: a = S.gestureHysteresis,
-      gestureMinFlingVelocity: c = S.gestureMinFlingVelocity
+      gestureAreaWidth: r = _.gestureAreaWidth,
+      gestureDirection: s = _.gestureDirection,
+      gestureDisabled: i = _.gestureDisabled,
+      gestureHysteresis: a = _.gestureHysteresis,
+      gestureMinFlingVelocity: c = _.gestureMinFlingVelocity
     } = t.config?.screenConfig ?? {};
     this.state = {
       screenStack: [],
@@ -1246,6 +1298,7 @@ class hn extends bt {
       gestureDisabled: i,
       gestureMinFlingVelocity: c,
       transition: null,
+      destination: null,
       documentTitle: document.title,
       fromKey: null,
       destinationKey: null,
@@ -1254,40 +1307,34 @@ class hn extends bt {
   }
   static getDerivedStateFromProps(t, e) {
     const r = e.screenStack.find(
-      (s) => F(s.ref) && s.ref.current?.focused
+      (s) => R(s.props.ref) && s.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,
+      gestureDirection: r?.gestureDirection ?? _.gestureDirection,
+      gestureAreaWidth: r?.gestureAreaWidth ?? _.gestureAreaWidth,
+      gestureMinFlingVelocity: r?.gestureMinFlingVelocity ?? _.gestureMinFlingVelocity,
+      gestureHysteresis: r?.gestureHysteresis ?? _.gestureHysteresis,
+      gestureDisabled: r?.gestureDisabled ?? _.gestureDisabled,
       documentTitle: r?.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();
+    super.onnavigate(t), this.#t = new _t();
   }
   oncurrententrychange() {
-    this.#t?.resolve?.(window.navigation.currentEntry);
-  }
-  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");
@@ -1299,17 +1346,17 @@ class hn extends bt {
     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(
+    return (r === "down" || r === "right") && !this.navigation.canGoBack() || (r === "up" || r === "left") && !this.navigation.canGoForward() || H(
       r,
       t,
       e,
       this.state.gestureAreaWidth
-    ) ? !1 : Ie(r, this.state.gestureDirection);
+    ) ? !1 : xe(r, 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";
+    const { direction: e } = t, r = ke(e) ? "x" : "y";
     let s, i;
     switch (e) {
       case "right":
@@ -1339,7 +1386,7 @@ class hn extends bt {
       info: { gesture: a }
     }) : window.navigation.traverseTo(this.navigation.next.key, {
       info: { gesture: a }
-    }), this.dispatchEvent(new Ee(t));
+    }), this.dispatchEvent(new Pe(t));
   }
   onswipeend(t) {
     if (!this.screenTransitionLayer.current)
@@ -1348,7 +1395,7 @@ class hn extends bt {
     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(() => {
+    t.velocity < this.state.gestureMinFlingVelocity && !s ? (i = !0, this.screenTransitionLayer.current.animation.reverse(), this.dispatchEvent(new be())) : this.dispatchEvent(new Se(t)), i && this.screenTransitionLayer.current.animation.finished.then(() => {
       this.state.controller?.abort("gesture-cancel");
     });
   }
@@ -1361,34 +1408,37 @@ class hn extends bt {
     ), e = this.state.screenStack.findIndex(
       (r) => r.key === this.state.destinationKey
     );
-    return e >= C && e < t;
+    return e >= D && 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;
+      const s = e.props.ref ?? null, i = t.at(
+        r + P
+      )?.props.ref;
+      return R(s) && s.current?.focused || R(s) && s.current?.config.keepAlive || R(i) && i.current?.config.presentation === "modal" || R(i) && i.current?.config.presentation === "dialog" || e.key === this.navigation.current?.key || e.key === this.state.fromKey || e.key === this.state.destinationKey;
     });
   }
-  cloneScreenChildFromPathname(t, e) {
-    const { child: r } = this.screenChildFromPathname(t) ?? {};
-    return r ? (e ??= crypto.randomUUID(), _t(r, {
+  cloneScreenChildFromPathname(t, e, r) {
+    const { child: s } = this.screenChildFromPathname(t) ?? {};
+    return s ? (e ??= crypto.randomUUID(), Tt(s, {
       config: {
         title: document.title,
         ...this.props.config?.screenConfig,
-        ...r.props.config
+        ...s.props.config
       },
       id: e,
       resolvedPathname: t,
+      entry: r,
       key: e,
-      ref: Ot()
+      ref: vt()
     })) : null;
   }
   getScreenRefByKey(t) {
     const e = this.state.screenStack.find(
       (r) => r.key === t
-    )?.ref;
-    return F(e) ? e : null;
+    )?.props.ref;
+    return R(e) ? e : null;
   }
   canIntercept(t) {
     const e = new URL(t.destination.url).pathname, r = this.baseURLPattern.pathname;
@@ -1416,19 +1466,20 @@ class hn extends bt {
       }
   }
   handlePreload(t) {
-    const e = () => {
+    const e = async () => {
+      await this.state.transition?.finished;
       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) => {
+        return;
+      const { navigation: a } = this, { signal: c } = t, { path: u } = s.props, l = t.transition;
+      return new Promise((f) => {
         this.setState({ transition: l }, async () => {
-          const d = rt.historyEntryStateFromEntry(
-            new vt(
-              Tt(t.destination),
+          const v = st.historyEntryStateFromEntry(
+            new F(
+              Y(t.destination),
               this.id,
               L
             ),
@@ -1447,16 +1498,16 @@ class hn extends bt {
                 config: {
                   ...this.props.config?.screenConfig,
                   ...s.props.config,
-                  ...d.config
+                  ...v.config
                 },
                 params: {
                   ...s.props.defaultParams,
                   ...i?.params,
-                  ...d.params
+                  ...v.params
                 }
               }
             })
-          ]), this.setState({ transition: null }, v);
+          ]), this.setState({ transition: null }, f);
         });
       });
     };
@@ -1464,46 +1515,59 @@ 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)
+      const r = t.transition?.from?.key ?? null, s = t.destination.key, { destination: i, transition: a } = t, c = [], u = this.navigation.entries;
+      return u.length || u.push(
+        new F(
+          Y(
+            i,
+            D
+          ),
+          this.id,
+          D
+        )
+      ), u.forEach((l) => {
+        if (!l.url)
           return null;
-        const l = this.cloneScreenChildFromPathname(
-          u.url.pathname,
-          u.key
+        const f = this.cloneScreenChildFromPathname(
+          l.url.pathname,
+          l.key,
+          l
         );
-        if (!l)
+        if (!f)
           return null;
-        a.push(l);
+        c.push(f);
       }), new Promise(
-        (u, l) => $(() => {
+        (l, f) => G(() => {
           this.setState(
-            { screenStack: a, fromKey: r, transition: i, destinationKey: s },
+            { screenStack: c, fromKey: r, transition: a, destination: i, destinationKey: s },
             async () => {
-              const { initialPathname: v } = this.props.config ?? {}, [d] = c;
-              if (v && c.length === T && d.url && !X(
+              const { initialPathname: v } = this.props.config ?? {}, [h] = u;
+              if (v && u.length === P && h.url && !j(
                 v,
-                d.url.pathname,
+                h.url.pathname,
                 this.baseURLPattern.pathname
               ))
                 return (window.navigation.transition?.finished ?? Promise.resolve()).then(() => {
                   this.navigation.replace(v).finished.then(() => {
-                    const w = t.destination.getState() ?? {};
-                    this.navigation.push(t.destination.url, w);
+                    const d = t.destination.getState() ?? {};
+                    this.navigation.push(t.destination.url, d);
                   });
-                }), 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
+                }), l();
+              const g = t.signal, y = this.getScreenRefByKey(
+                String(s)
               );
               await this.dispatchLifecycleHandlers(
-                g,
+                y,
                 null,
-                m
-              ).catch(l), this.setState(
-                { destinationKey: null, fromKey: null, transition: null },
-                u
+                g
+              ).catch(f), this.setState(
+                {
+                  destinationKey: null,
+                  fromKey: null,
+                  transition: null,
+                  destination: null
+                },
+                l
               );
             }
           );
@@ -1513,114 +1577,145 @@ class hn extends bt {
     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(
-        (d) => d.key === this.navigation.current?.key
-      );
-      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
-              );
-            }
-          );
-        })
+    const e = async () => {
+      const r = this.state.screenStack, s = t.destination, i = window.navigation.transition, a = new URL(s.url).pathname, c = window.navigation.currentEntry?.key ?? null, u = i?.from?.key ?? null, l = r.findIndex(
+        (h) => h.key === this.navigation.current?.key
+      ), f = new F(
+        Y(
+          s,
+          l
+        ),
+        this.id,
+        s.index
+      ), v = this.cloneScreenChildFromPathname(
+        a,
+        c,
+        f
       );
+      if (v)
+        return await this.preloadScreen(v), r.splice(
+          l,
+          P,
+          v
+        ), new Promise(
+          (h, g) => G(() => {
+            this.setState(
+              { destinationKey: c, fromKey: u, transition: i, destination: s, screenStack: r },
+              async () => {
+                const y = t.signal, w = this.getScreenRefByKey(
+                  String(c)
+                );
+                await this.dispatchLifecycleHandlers(
+                  w,
+                  null,
+                  y
+                ).catch(g), h();
+              }
+            );
+          })
+        ).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 s = this.state.screenStack, i = t.destination, a = window.navigation.transition;
+      let c = this.navigation.entries.findIndex(
+        (h) => h.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" && c === L && a?.from.url) {
+        const h = It.findClosestEntryByHref(
+          a.from.url,
+          void 0,
+          this.navigation.entries.map((g) => g.nativeEntry),
+          this.navigation.current.index
+        );
+        c = this.navigation.entries.findIndex(
+          (g) => g.globalIndex === h?.index
+        );
+      }
+      const u = s[c]?.key ?? null;
+      let l = this.navigation.entries.findIndex(
+        (h) => h.globalIndex === i.index
+      ), f = s[l]?.key ?? null;
       if (t.navigationType === "push") {
-        const p = new URL(r.url).pathname, w = this.cloneScreenChildFromPathname(
-          p,
-          m
+        l = c + P;
+        const h = new URL(i.url).pathname, g = new F(
+          Y(
+            i,
+            l
+          ),
+          this.id,
+          i.index
+        ), y = this.cloneScreenChildFromPathname(
+          h,
+          f,
+          g
         );
-        if (!w)
-          return Promise.resolve();
-        e.splice(
-          l + T,
+        if (!y)
+          return;
+        await this.preloadScreen(y), f = y.key, s.splice(
+          l,
           1 / 0,
           // Remove all screens after current
-          w
+          y
         );
+      } else {
+        const h = this.state.screenStack[l];
+        await this.preloadScreen(h);
       }
-      const g = new AbortController();
+      const v = new AbortController();
       return new Promise(
-        (p, w) => $(() => {
+        (h, g) => G(() => {
           this.setState(
-            { controller: g, destinationKey: m, fromKey: v, transition: u, screenStack: e },
+            {
+              controller: v,
+              destinationKey: f,
+              fromKey: u,
+              transition: a,
+              destination: i,
+              screenStack: s
+            },
             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
-              );
-              E?.updatePlaybackRate(De), E?.finished.catch(w), await P, this.setState(
-                {
-                  destinationKey: null,
-                  fromKey: null,
-                  transition: null,
-                  controller: null
-                },
-                p
+              v.signal.onabort = g;
+              const y = t.signal, w = this.getScreenRefByKey(String(u)), d = this.getScreenRefByKey(
+                String(f)
+              ), o = this.dispatchLifecycleHandlers(
+                d,
+                w,
+                y
+              ).catch(g), p = this.screenTransition(
+                d,
+                w
               );
+              p?.updatePlaybackRate(De), p?.finished.catch(g), await o, h();
             }
           );
         })
-      );
+      ).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, {
+    Ie(t.info) && this.addEventListener("gesture-cancel", this.onGestureCancel, {
       once: !0
-    })) : a = "immediate";
-    const c = { handler: i, commit: a };
-    t.intercept(c);
+    });
+    const r = { precommitHandler: e };
+    t.intercept(r);
   }
   async dispatchLifecycleHandlers(t, e, r) {
     let s = !1;
@@ -1646,29 +1741,47 @@ class hn extends bt {
       const i = s.sharedElementTransitionLayer.current;
       i && (i.outgoingScreen = e, i.incomingScreen = t);
       const a = this.screens.findIndex(
-        (c) => c.ref === (r ? e : t)
+        (c) => c.props.ref === (r ? 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 s.screens = this.screens.map((c, u) => (u = u - a + P, R(c.props.ref) && c.props.ref.current?.transitionProvider.current ? (c.props.ref.current.transitionProvider.current.index = u, c.props.ref) : null)).filter(R), s.transition();
     }
   }
   render() {
-    return /* @__PURE__ */ G(Ke.div, { style: { display: "contents" }, children: super.render() });
+    const t = this.state.gestureDisabled ? "none" : "contain", e = this.state.fromKey ? "none" : void 0;
+    return /* @__PURE__ */ U(
+      Be.div,
+      {
+        id: this.id,
+        ref: this.ref,
+        className: "stack",
+        style: {
+          width: "100%",
+          height: "100%",
+          display: "grid",
+          contain: "layout",
+          isolation: "isolate",
+          pointerEvents: e
+        },
+        gestureBehaviour: t,
+        children: super.render()
+      }
+    );
   }
 }
-function Be() {
-  return H("Stack.Navigation"), Rt();
+function Ke() {
+  return N("Stack.Navigation"), Rt();
 }
 function ln() {
-  return H("Stack.Router"), kt();
+  return N("Stack.Router"), xt();
 }
 function dn() {
-  return H("Stack.Route"), It();
+  return N("Stack.Route"), kt();
 }
 function fn(n, t) {
-  return H("Stack.Params"), Ft(n, t);
+  return N("Stack.Params"), Ft(n, t);
 }
 function Ye(n, t, e = {}) {
-  const r = V(
+  const r = q(
     (s) => {
       s.forEach((i) => {
         i.isIntersecting && t(i);
@@ -1676,70 +1789,74 @@ function Ye(n, t, e = {}) {
     },
     [t]
   );
-  return U(() => {
+  return A(() => {
     const s = new IntersectionObserver(r, e), i = n.current;
     return i && s.observe(i), () => {
       i && s.unobserve(i);
     };
   }, [r, n, e]), n;
 }
-function Xe(n, t, { forceThreshold: e = xe } = {}) {
-  const r = V(() => t(), [t]), s = V((i) => {
+function Xe(n, t, { forceThreshold: e = Fe } = {}) {
+  const r = q(() => t(), [t]), s = q((i) => {
     const a = i.touches[0];
     a && a.force >= e && t();
   }, [e, t]);
-  return U(() => {
+  return A(() => {
     const i = n.current;
     return i?.addEventListener("mouseenter", r), () => i?.removeEventListener("mouseenter", r);
-  }), U(() => {
+  }), A(() => {
     const i = n.current;
     return i?.addEventListener("touchstart", s), () => i?.removeEventListener("touchstart", s);
   }), n;
 }
-function vn({
-  preload: n,
-  params: t,
-  searchParams: e = t,
-  config: r,
-  preloadBehaviour: s = {
+function gn({
+  ref: n,
+  preload: t,
+  params: e,
+  searchParams: r = e,
+  config: s,
+  preloadBehaviour: i = {
     type: "onsight"
   },
-  children: i,
-  ...a
+  children: a,
+  ...c
 }) {
-  const c = Be(), u = s?.type === "onsight" && n, l = s?.type === "onhover" && n, v = s?.type === "force" && n, d = Mt(null);
-  Ye(
-    d,
-    (p) => {
-      !u || !p.isIntersecting || !(p.target instanceof HTMLAnchorElement) || c.preload(p.target.href, { params: t, config: r });
+  const u = Ke(), l = i?.type === "onsight" && t, f = i?.type === "onhover" && t, v = i?.type === "force" && t, h = Mt(null);
+  e ??= void 0, Ye(
+    h,
+    (w) => {
+      !l || !w.isIntersecting || !(w.target instanceof HTMLAnchorElement) || u.preload(w.target.href, { params: e, config: s });
     },
-    u ? s : {}
+    l ? i : {}
   ), Xe(
-    d,
+    h,
     () => {
-      !l || !d.current || c.preload(d.current.href, { params: t, config: r });
+      !f || !h.current || u.preload(h.current.href, { params: e, config: s });
     },
-    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 ? i : {}
+  ), A(() => {
+    !v || !h.current || u.preload(h.current.href, { params: e, config: s });
+  }, [t, u, s, v, e]);
+  const g = u?.routerId, y = r ? Le(r) : void 0;
+  return Bt(
+    n,
+    () => h.current
+  ), /* @__PURE__ */ U(
+    Dt,
     {
-      ...a,
-      "data-router-id": m,
-      ref: d,
-      search: g,
+      ...c,
+      "data-router-id": g,
+      ref: h,
+      search: y,
       navigateState: {
-        config: r,
-        params: t
+        config: s,
+        params: e
       },
-      children: i
+      children: a
     }
   );
 }
-const gn = [
+const vn = [
   {
     transform: "translateX(100vw)"
   },
@@ -1760,7 +1877,7 @@ const gn = [
   {
     transform: "translateX(-50vw)"
   }
-], Ue = [
+], He = [
   {
     transform: "translateX(0vw)"
   },
@@ -1774,7 +1891,7 @@ const gn = [
   {
     transform: "translateX(0vw)"
   }
-], He = [
+], je = [
   {
     transform: "translateX(-100vw)"
   },
@@ -1802,7 +1919,7 @@ const gn = [
   {
     transform: "translateY(0vh)"
   }
-], je = [
+], Ue = [
   {
     transform: "translateY(100vh)"
   },
@@ -1823,14 +1940,14 @@ const gn = [
   {
     transform: "translateY(0vh)"
   }
-], bn = [
+], Sn = [
   {
     transform: "translateY(0vh)"
   },
   {
     transform: "translateY(50vh)"
   }
-], Sn = [
+], bn = [
   {
     transform: "scale(0.85)",
     opacity: 0
@@ -1848,14 +1965,14 @@ const gn = [
     transform: "scale(1.15)",
     opacity: 0
   }
-], Ln = [
+], Tn = [
   {
     opacity: 0
   },
   {
     opacity: 1
   }
-], Tn = [
+], Ln = [
   {
     opacity: 1
   },
@@ -1961,17 +2078,17 @@ function Je(n) {
 function Qe(n) {
   return (t) => Math.pow(t, n);
 }
-const st = {
-  ...Bt({
+const it = {
+  ...Yt({
     mass: 3,
     stiffness: 1e3,
     damping: 500,
     velocity: 0,
     steps: 200
   })
-}, gt = {
+}, pt = {
   duration: 350,
-  easing: q(Je(Qe(5)))
+  easing: z(Je(Qe(5)))
 }, tn = {
   duration: 150,
   easing: "linear"
@@ -1983,56 +2100,56 @@ const st = {
   easing: "cubic-bezier(0.35, 0.45, 0, 1)"
 }, rn = {
   duration: 250,
-  easing: q((n) => Math.cos((n + 1) * Math.PI) / 2 + 0.5)
+  easing: z((n) => Math.cos((n + 1) * Math.PI) / 2 + 0.5)
 }, sn = {
   duration: 200,
-  easing: q((n) => n === 1 ? 1 : Math.pow(n, 2))
+  easing: z((n) => n === 1 ? 1 : Math.pow(n, 2))
 };
-function Rn({ ref: n, direction: t, playbackRate: e, index: r }) {
+function In({ ref: n, direction: t, playbackRate: e, index: r }) {
   let i = [
-    Ue,
+    He,
     Ce
   ][r];
   const a = {
     playbackRate: e,
     fill: "forwards",
-    ...st
+    ...it
   };
   return t === "reverse" && (i = i.toReversed()), new KeyframeEffect(n, i, a);
 }
-function kn({ ref: n, direction: t, playbackRate: e, index: r }) {
+function Rn({ ref: n, direction: t, playbackRate: e, index: r }) {
   let i = [
     Ae,
-    He
+    je
   ][r];
   const a = {
     playbackRate: e,
     fill: "forwards",
-    ...st
+    ...it
   };
   return t === "reverse" && (i = i.toReversed()), new KeyframeEffect(n, i, a);
 }
-function In({ ref: n, direction: t, playbackRate: e }) {
-  let r = je;
+function xn({ ref: n, direction: t, playbackRate: e }) {
+  let r = Ue;
   const s = {
     playbackRate: e,
     fill: "forwards",
-    ...st
+    ...it
   };
   return t === "reverse" && (r = r.toReversed()), new KeyframeEffect(n, r, s);
 }
-function Fn({ ref: n, direction: t, playbackRate: e }) {
+function kn({ ref: n, direction: t, playbackRate: e }) {
   let r = Ne;
   const s = {
     playbackRate: e,
     fill: "forwards",
-    ...gt
+    ...pt
   };
   return t === "reverse" && (r = r.toReversed()), new KeyframeEffect(n, r, s);
 }
-function xn({ ref: n, direction: t, index: e, playbackRate: r }) {
+function Fn({ ref: n, direction: t, index: e, playbackRate: r }) {
   let s = Ze, i;
-  e === C ? i = sn : i = rn;
+  e === D ? i = sn : i = rn;
   const a = {
     playbackRate: r,
     fill: "forwards",
@@ -2058,7 +2175,7 @@ function On({ ref: n, direction: t, index: e, playbackRate: r }) {
     $e
   ];
   let i;
-  e === C ? i = tn : i = gt;
+  e === D ? i = tn : i = pt;
   let a = s[e];
   const c = {
     playbackRate: r,
@@ -2080,31 +2197,31 @@ function Mn({ ref: n, direction: t, index: e, playbackRate: r }) {
   return new KeyframeEffect(n, i, a);
 }
 export {
-  vn as Anchor,
-  Ln as FadeInKeyframes,
-  Tn as FadeOutKeyframes,
-  Ke as GestureRegion,
-  vt as HistoryEntry,
-  Se as Navigation,
+  gn as Anchor,
+  Tn as FadeInKeyframes,
+  Ln as FadeOutKeyframes,
+  Be as GestureRegion,
+  F as HistoryEntry,
+  _e as Navigation,
   hn as Router,
-  rt as Screen,
+  st as Screen,
   wn as SlideInFromBottomKeyframes,
   mn as SlideInFromLeftKeyframes,
-  gn as SlideInFromRightKeyframes,
+  vn as SlideInFromRightKeyframes,
   Pn as SlideInFromTopKeyframes,
-  bn as SlideOutToBottomKeyframes,
+  Sn as SlideOutToBottomKeyframes,
   pn as SlideOutToLeftKeyframes,
   yn as SlideOutToRightKeyframes,
   En as SlideOutToTopKeyframes,
-  Sn as ZoomInKeyframes,
+  bn as ZoomInKeyframes,
   _n as ZoomOutKeyframes,
   rn as androidBottomSheetSlideInOptions,
   sn as androidBottomSheetSlideOutOptions,
   Ge as androidConcealToBottomKeyframes,
-  Fn as androidFadeInFromBottom,
+  kn as androidFadeInFromBottom,
   Ne as androidFadeInFromBottomKeyframes,
-  gt as androidFadeInFromBottomOptions,
-  xn as androidFadeInFromBottomSheet,
+  pt as androidFadeInFromBottomOptions,
+  Fn as androidFadeInFromBottomSheet,
   Ze as androidFadeInFromBottomSheetKeyframes,
   On as androidFadeInFromRight,
   $e as androidFadeInFromRightKeyframes,
@@ -2118,19 +2235,19 @@ export {
   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,
+  it as iOSKeyframeOptions,
+  xn as iOSSlideInFromBottom,
+  Ue as iOSSlideInFromBottomKeyframes,
+  Rn as iOSSlideInFromLeft,
+  je as iOSSlideInFromLeftKeyframes,
+  In as iOSSlideInFromRight,
   Ce as iOSSlideInFromRightKeyframes,
-  Ue as iOSSlideOutToLeftKeyframes,
+  He as iOSSlideOutToLeftKeyframes,
   Ae as iOSSlideOutToRightKeyframes,
-  Fe as isHorizontalDirection,
-  F as isRefObject,
-  Ie as isSupportedDirection,
-  Be as useNavigation,
+  ke as isHorizontalDirection,
+  R as isRefObject,
+  xe as isSupportedDirection,
+  Ke as useNavigation,
   fn as useParams,
   dn as useRoute,
   ln as useRouter