@ssgoi/core 6.4.0 → 6.5.0-beta.0

package/dist/index.js

@@ -1,23 +1,23 @@
-var Lt = Object.defineProperty;
-var Ht = (e, t, n) => t in e ? Lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var b = (e, t, n) => Ht(e, typeof t != "symbol" ? t + "" : t, n);
-import { P as G, V as _t, W as g, M as E, S as Mt } from "./multi-animation-CnxqLEka.js";
+var Ht = Object.defineProperty;
+var Mt = (e, t, n) => t in e ? Ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var $ = (e, t, n) => Mt(e, typeof t != "symbol" ? t + "" : t, n);
+import { P as G, V as _t, W as g, M as E, S as Ut } from "./multi-animation-CnxqLEka.js";
 import { A as As } from "./multi-animation-CnxqLEka.js";
-function T(e, t) {
+function v(e, t) {
   const n = [];
   for (let s = 0; s < e.length; s++)
     for (let o = s + 1; o < e.length; o++) {
-      const r = e[s], i = e[o];
-      !r || !i || n.push({
-        from: r,
-        to: i,
+      const i = e[s], r = e[o];
+      !i || !r || n.push({
+        from: i,
+        to: r,
         transition: t(),
         symmetric: !0
       });
     }
   return n;
 }
-function Tt(e, t) {
+function Dt(e, t) {
   return [
     {
       from: e.exit,
@@ -34,39 +34,39 @@ function Tt(e, t) {
 function J(e, t, n) {
   const s = [];
   for (let o = 0; o < e.length; o++)
-    for (let r = o + 1; r < e.length; r++) {
-      const i = e[o], l = e[r];
-      !i || !l || s.push(
+    for (let i = o + 1; i < e.length; i++) {
+      const r = e[o], l = e[i];
+      !r || !l || s.push(
         {
-          from: i,
+          from: r,
           to: l,
           transition: n(t.forward)
         },
         {
           from: l,
-          to: i,
+          to: r,
           transition: n(t.backward)
         }
       );
     }
   return s;
 }
-class k {
+class Y {
   constructor(t) {
-    b(this, "omega");
+    $(this, "omega");
     // Angular frequency
-    b(this, "zeta");
+    $(this, "zeta");
     // Damping ratio
-    b(this, "restDelta");
-    b(this, "restSpeed");
+    $(this, "restDelta");
+    $(this, "restSpeed");
     const { stiffness: n, damping: s } = t, o = 1;
     this.omega = Math.sqrt(n / o), this.zeta = s / (2 * Math.sqrt(n * o)), this.restDelta = t.restDelta ?? G, this.restSpeed = t.restSpeed ?? _t;
   }
   step(t, n, s) {
-    const o = Math.min(s, 0.033), { omega: r, zeta: i } = this, { position: l, velocity: c } = t, a = -2 * o * i * r * c, p = o * r * r * (n - l), f = c + a + p;
+    const o = Math.min(s, 0.033), { omega: i, zeta: r } = this, { position: l, velocity: c } = t, a = -2 * o * r * i * c, p = o * i * i * (n - l), d = c + a + p;
     return {
-      position: l + o * f,
-      velocity: f
+      position: l + o * d,
+      velocity: d
     };
   }
   isSettled(t, n) {
@@ -74,39 +74,39 @@ class k {
     return s < this.restDelta && o < this.restSpeed;
   }
 }
-class Ut {
+class Vt {
   constructor(t) {
-    b(this, "leader");
-    b(this, "follower");
-    b(this, "restDelta");
-    b(this, "restSpeed");
-    this.restDelta = t.restDelta ?? G, this.restSpeed = t.restSpeed ?? _t, this.leader = new k({
+    $(this, "leader");
+    $(this, "follower");
+    $(this, "restDelta");
+    $(this, "restSpeed");
+    this.restDelta = t.restDelta ?? G, this.restSpeed = t.restSpeed ?? _t, this.leader = new Y({
       stiffness: t.stiffness,
       damping: t.damping,
       restDelta: this.restDelta,
       restSpeed: this.restSpeed
     });
-    let n, s, o, r;
-    typeof t.follower == "number" ? (n = t.stiffness * t.follower, s = t.damping) : t.follower ? (n = t.follower.stiffness, s = t.follower.damping, o = t.follower.restDelta, r = t.follower.restSpeed) : (n = t.stiffness, s = t.damping), this.follower = new k({
+    let n, s, o, i;
+    typeof t.follower == "number" ? (n = t.stiffness * t.follower, s = t.damping) : t.follower ? (n = t.follower.stiffness, s = t.follower.damping, o = t.follower.restDelta, i = t.follower.restSpeed) : (n = t.stiffness, s = t.damping), this.follower = new Y({
       stiffness: n,
       damping: s,
       restDelta: o ?? this.restDelta,
-      restSpeed: r ?? this.restSpeed
+      restSpeed: i ?? this.restSpeed
     });
   }
   step(t, n, s) {
-    const r = t._leader ?? {
+    const i = t._leader ?? {
       position: t.position,
       velocity: t.velocity
-    }, i = this.leader.step(r, n, s), l = this.follower.step(
+    }, r = this.leader.step(i, n, s), l = this.follower.step(
       t,
-      i.position,
+      r.position,
       s
     );
     return {
       position: l.position,
       velocity: l.velocity,
-      _leader: i
+      _leader: r
     };
   }
   isSettled(t, n) {
@@ -114,46 +114,46 @@ class Ut {
     return s._leader ? Math.abs(n - s._leader.position) < this.restDelta && Math.abs(s._leader.velocity) < this.restSpeed && o : o;
   }
 }
-const Nt = 0.01, zt = 500, Xt = 10;
+const zt = 0.01, Nt = 500, Xt = 10;
 class Rt {
   constructor(t) {
-    b(this, "acceleration");
-    b(this, "resistance");
-    b(this, "resistanceType");
-    b(this, "min");
-    b(this, "max");
-    b(this, "bounceStiffness");
-    b(this, "bounceDamping");
-    b(this, "restDelta");
-    this.acceleration = t.acceleration, this.resistance = t.resistance, this.resistanceType = t.resistanceType ?? "quadratic", this.min = t.min, this.max = t.max, this.bounceStiffness = t.bounceStiffness ?? zt, this.bounceDamping = t.bounceDamping ?? Xt, this.restDelta = t.restDelta ?? Nt;
+    $(this, "acceleration");
+    $(this, "resistance");
+    $(this, "resistanceType");
+    $(this, "min");
+    $(this, "max");
+    $(this, "bounceStiffness");
+    $(this, "bounceDamping");
+    $(this, "restDelta");
+    this.acceleration = t.acceleration, this.resistance = t.resistance, this.resistanceType = t.resistanceType ?? "quadratic", this.min = t.min, this.max = t.max, this.bounceStiffness = t.bounceStiffness ?? Nt, this.bounceDamping = t.bounceDamping ?? Xt, this.restDelta = t.restDelta ?? zt;
   }
   step(t, n, s) {
-    const o = Math.min(s, 0.033), { acceleration: r, resistance: i, resistanceType: l, min: c, max: a } = this, { position: p, velocity: f } = t, d = c !== void 0 && p < c, m = a !== void 0 && p > a;
-    let h;
-    if (d || m) {
-      const S = p - (d ? c : a), x = -this.bounceStiffness * S, C = -this.bounceDamping * f;
-      h = x + C;
+    const o = Math.min(s, 0.033), { acceleration: i, resistance: r, resistanceType: l, min: c, max: a } = this, { position: p, velocity: d } = t, f = c !== void 0 && p < c, u = a !== void 0 && p > a;
+    let y;
+    if (f || u) {
+      const b = p - (f ? c : a), x = -this.bounceStiffness * b, C = -this.bounceDamping * d;
+      y = x + C;
     } else {
-      const $ = n > p ? 1 : -1;
-      let S;
-      l === "linear" ? S = i * f : S = i * f * Math.abs(f), h = $ * r - S;
+      const S = n > p ? 1 : -1;
+      let b;
+      l === "linear" ? b = r * d : b = r * d * Math.abs(d), y = S * i - b;
     }
-    const u = f + h * o;
-    let w = p + u * o;
-    if (!d && !m) {
-      const $ = n > p ? 1 : -1;
-      ($ > 0 && w > n || $ < 0 && w < n) && (w = n);
+    const h = d + y * o;
+    let w = p + h * o;
+    if (!f && !u) {
+      const S = n > p ? 1 : -1;
+      (S > 0 && w > n || S < 0 && w < n) && (w = n);
     }
     return {
       position: w,
-      velocity: w === n ? 0 : u
+      velocity: w === n ? 0 : h
     };
   }
   isSettled(t, n) {
     return Math.abs(n - t.position) < this.restDelta;
   }
 }
-class y {
+class m {
   /**
    * Create an Integrator from physics config
    *
@@ -184,7 +184,7 @@ class y {
       return typeof s == "number" ? o = s : typeof s == "object" && (o = {
         stiffness: s.stiffness,
         damping: s.damping
-      }), new Ut({
+      }), new Vt({
         stiffness: n.stiffness,
         damping: n.damping,
         follower: o,
@@ -192,7 +192,7 @@ class y {
         restSpeed: n.restSpeed
       });
     }
-    return new k({
+    return new Y({
       stiffness: n.stiffness,
       damping: n.damping,
       restDelta: n.restDelta,
@@ -204,32 +204,32 @@ class y {
    * @deprecated Use from({ spring: config }) instead
    */
   static fromSpring(t) {
-    return y.from({ spring: t });
+    return m.from({ spring: t });
   }
 }
-class Vt {
+class Bt {
   constructor(t) {
-    b(this, "durationSec");
+    $(this, "durationSec");
     this.durationSec = Math.max(1 / 60, t.durationSec);
   }
   step(t, n, s) {
     const o = n - t.position;
     if (o === 0) return t;
-    const r = Math.sign(o), i = Math.abs(o) / this.durationSec, l = r * i * s, c = t.position + l;
-    return (r > 0 ? c >= n : c <= n) ? { position: n, velocity: 0 } : { position: c, velocity: r * i };
+    const i = Math.sign(o), r = Math.abs(o) / this.durationSec, l = i * r * s, c = t.position + l;
+    return (i > 0 ? c >= n : c <= n) ? { position: n, velocity: 0 } : { position: c, velocity: i * r };
   }
   isSettled(t, n) {
     return Math.abs(t.position - n) < G;
   }
 }
-function O(e, t) {
-  function n(r) {
-    let i = 0, l = 0;
-    const c = r.offsetWidth, a = r.offsetHeight;
-    let p = r;
+function A(e, t) {
+  function n(i) {
+    let r = 0, l = 0;
+    const c = i.offsetWidth, a = i.offsetHeight;
+    let p = i;
     for (; p; )
-      i += p.offsetTop, l += p.offsetLeft, p = p.offsetParent;
-    return i -= window.scrollY, l -= window.scrollX, { top: i, left: l, width: c, height: a };
+      r += p.offsetTop, l += p.offsetLeft, p = p.offsetParent;
+    return r -= window.scrollY, l -= window.scrollX, { top: r, left: l, width: c, height: a };
   }
   const s = n(e), o = n(t);
   return new DOMRect(
@@ -239,8 +239,8 @@ function O(e, t) {
     o.height
   );
 }
-function D(e, t) {
-  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? O(n, s).top : 0;
+function I(e, t) {
+  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? A(n, s).top : 0;
   return {
     top: e[t].scroll.y,
     left: 0,
@@ -249,9 +249,15 @@ function D(e, t) {
   };
 }
 const tt = 8, et = {
-  spring: { stiffness: 1e3, damping: 40, doubleSpring: 1.2 }
+  spring: {
+    stiffness: 1e3,
+    damping: 40,
+    doubleSpring: 1.2,
+    restDelta: 0.1,
+    restSpeed: 0.1
+  }
 };
-function Bt({
+function Wt({
   direction: e
 }) {
   const t = e === "forward" ? tt : -tt;
@@ -276,22 +282,22 @@ function Bt({
     }
   };
 }
-function Wt() {
+function Zt() {
   return {
     outPhysics: et,
     inPhysics: et,
     // Both sides run together — the cross-fade is the whole point of the
     // snappy feel. (fluid's sibling uses staggered fade-through.)
     composition: { mode: "parallel", startAt: [0, 0] },
-    build: Bt
+    build: Wt
   };
 }
-const nt = 30, Zt = {
-  inertia: { acceleration: 150, resistance: 1.5 }
-}, qt = {
-  spring: { stiffness: 180, damping: 34 }
+const nt = 30, qt = {
+  inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
+}, jt = {
+  spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function jt({
+function Kt({
   direction: e
 }) {
   const t = e === "forward" ? 1 : -1, n = -nt * t, s = nt * t;
@@ -317,26 +323,26 @@ function jt({
     }
   };
 }
-function Kt() {
+function Gt() {
   return {
-    outPhysics: Zt,
-    inPhysics: qt,
+    outPhysics: qt,
+    inPhysics: jt,
     // Phased motion: outgoing falls away first under inertia, then incoming
     // springs in. The fade-through shape comes from the integrator curves
     // plus the sequence handoff, not from FADE_SPLIT inside animate(t).
     composition: { mode: "sequence" },
-    build: jt
+    build: Kt
   };
 }
-const Gt = {
-  snappy: Wt(),
-  fluid: Kt()
-}, st = 8, Jt = {
-  inertia: { acceleration: 150, resistance: 1.5 }
-}, Qt = {
-  spring: { stiffness: 180, damping: 34 }
+const Jt = {
+  snappy: Zt(),
+  fluid: Gt()
+}, st = 8, Qt = {
+  inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
+}, te = {
+  spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function te({
+function ee({
   direction: e
 }) {
   const t = e === "forward" ? 1 : -1, n = -st * t, s = st * t;
@@ -362,21 +368,21 @@ function te({
     }
   };
 }
-function ee() {
+function ne() {
   return {
-    outPhysics: Jt,
-    inPhysics: Qt,
+    outPhysics: Qt,
+    inPhysics: te,
     composition: { mode: "sequence" },
-    build: te
+    build: ee
   };
 }
-const ne = 8, se = {
-  inertia: { acceleration: 150, resistance: 1.5 }
-}, oe = {
-  spring: { stiffness: 180, damping: 34 }
+const se = 8, oe = {
+  inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
+}, ie = {
+  spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
 function re(e) {
-  const t = ne;
+  const t = se;
   return {
     out: {
       willChange: "opacity",
@@ -398,22 +404,22 @@ function re(e) {
     }
   };
 }
-function ie() {
+function ae() {
   return {
-    outPhysics: se,
-    inPhysics: oe,
+    outPhysics: oe,
+    inPhysics: ie,
     composition: { mode: "sequence" },
     build: re
   };
 }
-const ot = ee(), ae = {
+const ot = ne(), le = {
   snappy: ot,
   directional: ot,
-  "non-directional": ie()
-}, rt = {
-  spring: { stiffness: 280, damping: 30 }
-}, U = 0.1, N = 1 / 3, it = (e) => Math.max(0, Math.min(1, e));
-function le({
+  "non-directional": ae()
+}, it = {
+  spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
+}, U = 0.1, V = 1 / 3, rt = (e) => Math.max(0, Math.min(1, e));
+function ce({
   direction: e
 }) {
   const t = e === "forward" ? 1 : -1, n = 1 - t * U;
@@ -423,7 +429,7 @@ function le({
       startStyle: {},
       animate: (s) => ({
         transform: `scale(${1 + t * s * U})`,
-        opacity: `${it(1 - s / N)}`
+        opacity: `${rt(1 - s / V)}`
       })
     },
     in: {
@@ -434,31 +440,31 @@ function le({
       },
       animate: (s) => ({
         transform: `scale(${n + t * s * U})`,
-        opacity: `${it((s - N) / (1 - N))}`
+        opacity: `${rt((s - V) / (1 - V))}`
       })
     }
   };
 }
-function ce() {
+function pe() {
   return {
-    outPhysics: rt,
-    inPhysics: rt,
+    outPhysics: it,
+    inPhysics: it,
     // Scale must move together on both sides; fade-through is encoded inside
     // each tick (piecewise), not via composition staggering — so parallel.
     composition: { mode: "parallel" },
-    build: le
+    build: ce
   };
 }
 const at = {
-  spring: { stiffness: 280, damping: 30 }
-}, z = 0.1, X = 1 / 3, lt = (e) => Math.max(0, Math.min(1, e));
-function pe() {
+  spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
+}, z = 0.1, N = 1 / 3, lt = (e) => Math.max(0, Math.min(1, e));
+function de() {
   return {
     out: {
       willChange: "opacity",
       startStyle: {},
       animate: (e) => ({
-        opacity: `${lt(1 - e / X)}`
+        opacity: `${lt(1 - e / N)}`
       })
     },
     in: {
@@ -469,7 +475,7 @@ function pe() {
       },
       animate: (e) => ({
         transform: `scale(${1 - z + e * z})`,
-        opacity: `${lt((e - X) / (1 - X))}`
+        opacity: `${lt((e - N) / (1 - N))}`
       })
     }
   };
@@ -479,76 +485,81 @@ function fe() {
     outPhysics: at,
     inPhysics: at,
     composition: { mode: "parallel" },
-    build: pe
+    build: de
   };
 }
-const ct = ce(), de = {
+const ct = pe(), ye = {
   snappy: ct,
   directional: ct,
   "non-directional": fe()
 }, he = {
-  x: Gt,
-  y: ae,
-  z: de
+  x: Jt,
+  y: le,
+  z: ye
 };
 function ue(e, t) {
   const n = he[e];
   return n[t] ?? n.snappy;
 }
-const me = "x", ye = "snappy";
+const me = "x", ge = "snappy";
 function pt(e, t) {
   e.style.willChange = t.willChange, e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
   for (const [n, s] of Object.entries(t.startStyle))
     e.style[n] = s;
 }
-function ge(e) {
+function vt(e) {
   e.style.willChange = "auto", e.style.backfaceVisibility = "", e.style.contain = "", e.style.transform = "", e.style.opacity = "", e.style.clipPath = "";
 }
-const we = (e = {}) => {
-  const t = e.direction ?? "forward", n = e.type ?? me, s = e.feel ?? ye, o = ue(n, s), r = o.build({ direction: t });
+function we(e) {
+  vt(e), e.style.pointerEvents = "";
+}
+const Se = (e = {}) => {
+  const t = e.direction ?? "forward", n = e.type ?? me, s = e.feel ?? ge, o = ue(n, s), i = o.build({ direction: t });
   return {
-    prepare: ({ from: i, to: l }) => (i.then((c) => {
-      pt(c, r.out), c.style.pointerEvents = "none";
+    prepare: ({ from: r, to: l }) => (r.then((c) => {
+      pt(c, i.out), c.style.pointerEvents = "none";
     }), l.then((c) => {
-      pt(c, r.in);
+      pt(c, i.in);
     }), {}),
-    animation: ({ from: i, to: l, context: c }) => {
+    animation: ({ from: r, to: l, context: c }) => {
       if (n === "z") {
-        const f = D(c, "from"), d = D(c, "to");
-        i.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`, l.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`;
+        const d = I(c, "from"), f = I(c, "to");
+        r.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`, l.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`;
       }
       const a = new g({
-        element: i,
-        integrator: y.from(o.outPhysics),
-        style: (f) => r.out.animate(f),
-        onComplete: n === "z" ? () => {
-          i.style.clipPath = "";
-        } : void 0
+        element: r,
+        integrator: m.from(o.outPhysics),
+        style: (d) => i.out.animate(d),
+        // Restore the reused from node's inline styles on complete. This
+        // covers willChange/backfaceVisibility/contain/transform/opacity (from
+        // applyStartStyle + the WAAPI final frame), pointerEvents (set in
+        // prepare), and clipPath (set above for z; harmless no-op otherwise).
+        onComplete: () => we(r)
       }), p = new g({
         element: l,
-        integrator: y.from(o.inPhysics),
-        style: (f) => r.in.animate(f),
-        onComplete: () => ge(l)
+        integrator: m.from(o.inPhysics),
+        style: (d) => i.in.animate(d),
+        onComplete: () => vt(l)
       });
       return new E([a, p], o.composition);
     }
   };
 };
-function Se(e, t, n) {
+function be(e, t, n) {
   return e === "y" ? t === "non-directional" ? "non-directional" : "directional" : e !== "x" || t === "snappy" || n === "snappy" ? "snappy" : "fluid";
 }
-function ys(e) {
-  const { paths: t } = e, n = e.type ?? "x", s = e.variant, o = e.feel, r = Se(n, s, o);
+function gs(e) {
+  const { paths: t } = e, n = e.type ?? "x", s = e.variant, o = e.feel, i = be(n, s, o);
   return J(
     t,
     { forward: "forward", backward: "backward" },
-    (i) => we({ type: n, direction: i, feel: r })
+    (r) => Se({ type: n, direction: r, feel: i })
   );
 }
-const be = {
+const $e = {
   spring: { stiffness: 200, damping: 22 }
-}, $e = 10, Ee = "horizontal", xe = "#000000";
-function ft(e, t, n, s, o, r) {
+}, Ee = 10, Ce = "horizontal", xe = "#000000";
+function dt(e, t, n, s, o, i) {
   window.getComputedStyle(e).position === "static" && (e.style.position = "relative");
   const l = document.createElement("div");
   l.style.cssText = `
@@ -565,29 +576,29 @@ function ft(e, t, n, s, o, r) {
   for (let a = 0; a < t; a++) {
     const p = document.createElement("div");
     if (n === "horizontal") {
-      const f = 100 / t;
+      const d = 100 / t;
       p.style.cssText = `
         position: absolute;
-        top: ${f * a}%;
+        top: ${d * a}%;
         left: 0;
         width: 100%;
-        height: calc(${f}% + 1px);
+        height: calc(${d}% + 1px);
         background: ${s};
         transform: scaleX(${o === "hidden" ? 0 : 1});
-        transform-origin: ${r} center;
+        transform-origin: ${i} center;
         will-change: transform;
       `;
     } else {
-      const f = 100 / t;
+      const d = 100 / t;
       p.style.cssText = `
         position: absolute;
         top: 0;
-        left: ${f * a}%;
-        width: calc(${f}% + 1px);
+        left: ${d * a}%;
+        width: calc(${d}% + 1px);
         height: 100%;
         background: ${s};
         transform: scaleY(${o === "hidden" ? 0 : 1});
-        transform-origin: ${r === "left" ? "top" : "bottom"} center;
+        transform-origin: ${i === "left" ? "top" : "bottom"} center;
         will-change: transform;
       `;
     }
@@ -595,13 +606,13 @@ function ft(e, t, n, s, o, r) {
   }
   return e.appendChild(l), { container: l, blinds: c };
 }
-const Ce = (e = {}) => {
-  const t = e.blindCount ?? $e, n = e.direction ?? Ee, s = e.blindColor ?? xe, o = e.physics ?? be;
+const Pe = (e = {}) => {
+  const t = e.blindCount ?? Ee, n = e.direction ?? Ce, s = e.blindColor ?? xe, o = e.physics ?? $e;
   return {
-    prepare: async ({ from: r, to: i }) => {
-      const l = await r, c = await i;
+    prepare: async ({ from: i, to: r }) => {
+      const l = await i, c = await r;
       l.style.zIndex = "1000";
-      const a = ft(
+      const a = dt(
         l,
         t,
         n,
@@ -610,7 +621,7 @@ const Ce = (e = {}) => {
         "left"
       );
       c.style.position = "relative", c.style.zIndex = "0";
-      const p = ft(
+      const p = dt(
         c,
         t,
         n,
@@ -619,48 +630,55 @@ const Ce = (e = {}) => {
         "right"
       );
       return {
+        fromEl: l,
         fromBlinds: a.blinds,
         fromContainer: a.container,
         toBlinds: p.blinds,
         toContainer: p.container
       };
     },
-    animation: ({ fromBlinds: r, fromContainer: i, toBlinds: l, toContainer: c }) => {
-      const a = r.map(
-        (m) => new g({
-          element: m,
-          integrator: y.from(o),
+    animation: ({
+      fromEl: i,
+      fromBlinds: r,
+      fromContainer: l,
+      toBlinds: c,
+      toContainer: a
+    }) => {
+      const p = r.map(
+        (y) => new g({
+          element: y,
+          integrator: m.from(o),
           style: (h) => ({
             transform: n === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
           })
         })
-      ), p = l.map(
-        (m, h) => new g({
-          element: m,
-          integrator: y.from(o),
-          style: (u, w) => ({
-            transform: n === "horizontal" ? `scaleX(${w})` : `scaleY(${w})`
+      ), d = c.map(
+        (y, h) => new g({
+          element: y,
+          integrator: m.from(o),
+          style: (w, S) => ({
+            transform: n === "horizontal" ? `scaleX(${S})` : `scaleY(${S})`
           }),
-          onComplete: h === l.length - 1 ? () => {
-            c.remove(), i.remove();
+          onComplete: h === c.length - 1 ? () => {
+            a.remove(), l.remove(), i.style.zIndex = "", i.style.position = "";
           } : void 0
         })
-      ), f = new E(a, { mode: "parallel" }), d = new E(p, { mode: "parallel" });
-      return new E([f, d], { mode: "sequence" });
+      ), f = new E(p, { mode: "parallel" }), u = new E(d, { mode: "parallel" });
+      return new E([f, u], { mode: "sequence" });
     }
   };
 };
-function gs(e) {
+function ws(e) {
   const { paths: t, type: n = "horizontal" } = e;
-  return T(
+  return v(
     t,
-    () => Ce({ direction: n })
+    () => Pe({ direction: n })
   );
 }
-const Pe = {
+const _e = {
   spring: { stiffness: 200, damping: 20, doubleSpring: 0.7 }
-}, A = 0.5;
-function _e(e) {
+}, O = 0.5;
+function De(e) {
   const t = e === "enter" ? -100 : 100, n = e === "enter" ? 100 : -100;
   return {
     out: {
@@ -668,32 +686,32 @@ function _e(e) {
       startStyle: {},
       animate: (s) => ({
         transform: `translate3d(${t * s}%, 0, 0)`,
-        opacity: `${A + (1 - A) * (1 - s)}`
+        opacity: `${O + (1 - O) * (1 - s)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
         transform: `translate3d(${n}%, 0, 0)`,
-        opacity: `${A}`
+        opacity: `${O}`
       },
       animate: (s) => ({
         transform: `translate3d(${n * (1 - s)}%, 0, 0)`,
-        opacity: `${A + (1 - A) * s}`
+        opacity: `${O + (1 - O) * s}`
       })
     }
   };
 }
-function Te() {
+function ve() {
   return {
-    physics: Pe,
-    build: _e
+    physics: _e,
+    build: De
   };
 }
-const De = {
+const Ie = {
   spring: { stiffness: 170, damping: 22 }
 };
-function ve(e) {
+function Te(e) {
   const t = e === "enter" ? -20 : 100, n = e === "enter" ? 100 : -20;
   return {
     out: {
@@ -714,40 +732,46 @@ function ve(e) {
     }
   };
 }
-function Ie() {
+function Oe() {
   return {
-    physics: De,
-    build: ve
+    physics: Ie,
+    build: Te
   };
 }
 const Ae = {
-  parallax: Ie(),
-  crossfade: Te()
-}, Oe = "parallax";
-function dt(e, t) {
+  parallax: Oe(),
+  crossfade: ve()
+}, Fe = "parallax";
+function ft(e, t) {
   e.style.willChange = t.willChange, e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
   for (const [n, s] of Object.entries(t.startStyle))
     e.style[n] = s;
 }
-const Fe = (e = {}) => {
-  const t = e.direction ?? "enter", n = Ae[e.type ?? Oe], s = n.physics, o = n.build(t);
+const ke = (e = {}) => {
+  const t = e.direction ?? "enter", n = Ae[e.type ?? Fe], s = n.physics, o = n.build(t);
   return {
-    prepare: ({ from: r, to: i }) => (r.then((l) => {
-      dt(l, o.out), l.style.pointerEvents = "none", l.style.zIndex = t === "enter" ? "-1" : "100";
-    }), i.then((l) => {
-      dt(l, o.in);
+    prepare: ({ from: i, to: r }) => (i.then((l) => {
+      ft(l, o.out), l.style.pointerEvents = "none", l.style.zIndex = t === "enter" ? "-1" : "100";
+    }), r.then((l) => {
+      ft(l, o.in);
     }), {}),
-    animation: ({ from: r, to: i }) => {
+    animation: ({ from: i, to: r }) => {
       const l = new g({
-        element: r,
-        integrator: y.from(s),
-        style: (a) => o.out.animate(a)
-      }), c = new g({
         element: i,
-        integrator: y.from(s),
+        integrator: m.from(s),
+        style: (a) => o.out.animate(a),
+        // The outgoing node is the real, reused element (re-hidden on navigate),
+        // so clear every inline style we set on it — mirroring the `to` cleanup,
+        // plus the out-only `pointerEvents` / `zIndex`.
+        onComplete: () => {
+          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "", i.style.opacity = "", i.style.pointerEvents = "", i.style.zIndex = "";
+        }
+      }), c = new g({
+        element: r,
+        integrator: m.from(s),
         style: (a) => o.in.animate(a),
         onComplete: () => {
-          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "", i.style.opacity = "";
+          r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "", r.style.opacity = "";
         }
       });
       return new E([l, c], { mode: "parallel" });
@@ -757,62 +781,62 @@ const Fe = (e = {}) => {
 function Ye(e) {
   return e === "slide" || e === "crossfade" ? "crossfade" : "parallax";
 }
-function ws(e) {
+function Ss(e) {
   const { enter: t, exit: n } = e, s = e.type, o = Ye(s);
-  return Tt(
+  return Dt(
     { enter: t, exit: n },
-    (r) => Fe({ direction: r, type: o })
+    (i) => ke({ direction: i, type: o })
   );
 }
-const ke = {
+const Le = {
   spring: { stiffness: 180, damping: 20, doubleSpring: !0 }
-}, Le = {
+}, He = {
   spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
-}, He = (e = {}) => {
-  const t = e.physics ?? Le, n = e.physics ?? ke;
+}, Me = (e = {}) => {
+  const t = e.physics ?? He, n = e.physics ?? Le;
   return {
     prepare: ({ to: s }) => (s.then((o) => {
       o.style.opacity = "0", o.style.willChange = "opacity";
     }), {}),
     animation: ({ from: s, to: o }) => {
-      const r = new g({
+      const i = new g({
         element: s,
-        integrator: y.from(n),
+        integrator: m.from(n),
         // Default bounds (0, 1). `u` runs 1→0 as the animation moves
         // forward, mapping opacity from fully visible to invisible.
         style: (l, c) => ({ opacity: c }),
         onComplete: () => {
-          s.style.willChange = "auto";
+          s.style.willChange = "auto", s.style.opacity = "";
         }
-      }), i = new g({
+      }), r = new g({
         element: o,
-        integrator: y.from(t),
+        integrator: m.from(t),
         style: (l) => ({ opacity: l }),
         onComplete: () => {
           o.style.willChange = "auto", o.style.opacity = "";
         }
       });
-      return new E([r, i], { mode: "sequence" });
+      return new E([i, r], { mode: "sequence" });
     }
   };
 };
-function Ss(e) {
+function bs(e) {
   const { paths: t } = e;
-  return T(t, () => He());
+  return v(t, () => Me());
 }
-const R = {
+const X = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
-}, I = {
+}, T = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, Me = 0.8, Ue = "white", ht = 1e3 / 60, Ne = 600;
-function ze(e) {
-  const { items: t, from: n, to: s, recordFrame: o } = e, r = ht / 1e3, i = Math.abs(s - n), l = t.map((a) => ({
+}, Ue = 0.8, Ve = "white", yt = 1e3 / 60, ze = 600;
+function Ne(e) {
+  const { items: t, from: n, to: s, recordFrame: o } = e, i = yt / 1e3, r = Math.abs(s - n), l = t.map((a) => ({
     item: a,
-    integrator: new k({
+    integrator: new Y({
       stiffness: a.spring.stiffness,
       damping: a.spring.damping
     }),
@@ -825,87 +849,87 @@ function ze(e) {
     (a === 0 || l[a].item.offset === 0) && (l[a].started = !0);
   o(0);
   let c = 0;
-  for (let a = 1; a <= Ne; a++) {
-    const p = a * ht;
+  for (let a = 1; a <= ze; a++) {
+    const p = a * yt;
     c = p;
-    for (const f of l)
-      !f.started || f.settled || (f.state = f.integrator.step(f.state, s, r), f.integrator.isSettled(f.state, s) ? (f.settleTime += r, f.settleTime >= Mt && (f.state = { position: s, velocity: 0 }, f.settled = !0)) : f.settleTime = 0, f.item.tick(f.state.position));
-    for (let f = 1; f < l.length; f++) {
-      const d = l[f];
-      if (d.started) continue;
-      const m = l[f - 1];
-      if (!m.started) continue;
-      (i === 0 ? 1 : Math.abs(m.state.position - n) / i) >= d.item.offset && (d.started = !0);
+    for (const d of l)
+      !d.started || d.settled || (d.state = d.integrator.step(d.state, s, i), d.integrator.isSettled(d.state, s) ? (d.settleTime += i, d.settleTime >= Ut && (d.state = { position: s, velocity: 0 }, d.settled = !0)) : d.settleTime = 0, d.item.tick(d.state.position));
+    for (let d = 1; d < l.length; d++) {
+      const f = l[d];
+      if (f.started) continue;
+      const u = l[d - 1];
+      if (!u.started) continue;
+      (r === 0 ? 1 : Math.abs(u.state.position - n) / r) >= f.item.offset && (f.started = !0);
     }
-    if (o(p), l.every((f) => f.settled)) return p;
+    if (o(p), l.every((d) => d.settled)) return p;
   }
   return c;
 }
-function V(e, t) {
+function R(e, t) {
   return e != null && e.spring ? {
     stiffness: e.spring.stiffness,
     damping: e.spring.damping
   } : t;
 }
-function ut(e) {
-  const { rect: t, scale: n, direction: s, override: o } = e, r = s === "out" ? { scale: 1, translateY: -t.top } : { scale: n, translateY: -t.top + t.height }, i = V(o, R.scaleDown), l = V(o, R.translate), c = V(o, R.scaleUp), a = s === "out" ? 1 : 0, p = s === "out" ? 0 : 1, f = s === "out" ? [
+function ht(e) {
+  const { rect: t, scale: n, direction: s, override: o } = e, i = s === "out" ? { scale: 1, translateY: -t.top } : { scale: n, translateY: -t.top + t.height }, r = R(o, X.scaleDown), l = R(o, X.translate), c = R(o, X.scaleUp), a = s === "out" ? 1 : 0, p = s === "out" ? 0 : 1, d = s === "out" ? [
     {
-      spring: i,
-      offset: I.scaleDown,
-      tick: (h) => {
-        const u = 1 - h;
-        r.scale = 1 - (1 - n) * u;
+      spring: r,
+      offset: T.scaleDown,
+      tick: (y) => {
+        const h = 1 - y;
+        i.scale = 1 - (1 - n) * h;
       }
     },
     {
       spring: l,
-      offset: I.translate,
-      tick: (h) => {
-        const u = 1 - h;
-        r.translateY = -t.top - t.height * u;
+      offset: T.translate,
+      tick: (y) => {
+        const h = 1 - y;
+        i.translateY = -t.top - t.height * h;
       }
     },
     {
       spring: c,
-      offset: I.scaleUp,
-      tick: (h) => {
-        const u = 1 - h;
-        r.scale = n + (1 - n) * u;
+      offset: T.scaleUp,
+      tick: (y) => {
+        const h = 1 - y;
+        i.scale = n + (1 - n) * h;
       }
     }
   ] : [
     {
-      spring: i,
-      offset: I.scaleDown,
-      tick: (h) => {
-        r.scale = 1 - (1 - n) * h;
+      spring: r,
+      offset: T.scaleDown,
+      tick: (y) => {
+        i.scale = 1 - (1 - n) * y;
       }
     },
     {
       spring: l,
-      offset: I.translate,
-      tick: (h) => {
-        r.translateY = -t.top + t.height * (1 - h);
+      offset: T.translate,
+      tick: (y) => {
+        i.translateY = -t.top + t.height * (1 - y);
       }
     },
     {
       spring: c,
-      offset: I.scaleUp,
-      tick: (h) => {
-        r.scale = n + (1 - n) * h;
+      offset: T.scaleUp,
+      tick: (y) => {
+        i.scale = n + (1 - n) * y;
       }
     }
-  ], d = [], m = ze({
-    items: f,
+  ], f = [], u = Ne({
+    items: d,
     from: a,
     to: p,
-    recordFrame: (h) => d.push({
-      time: h,
-      scale: r.scale,
-      translateY: r.translateY
+    recordFrame: (y) => f.push({
+      time: y,
+      scale: i.scale,
+      translateY: i.translateY
     })
   });
-  return { snapshots: d, totalDuration: m };
+  return { snapshots: f, totalDuration: u };
 }
 function Xe(e, t) {
   if (e.length === 0) return { time: 0, scale: 1, translateY: 0 };
@@ -913,11 +937,11 @@ function Xe(e, t) {
   if (t >= 1) return e[e.length - 1];
   const n = t * (e.length - 1), s = Math.floor(n), o = Math.ceil(n);
   if (s === o) return e[s];
-  const r = e[s], i = e[o], l = n - s;
+  const i = e[s], r = e[o], l = n - s;
   return {
-    time: r.time + (i.time - r.time) * l,
-    scale: r.scale + (i.scale - r.scale) * l,
-    translateY: r.translateY + (i.translateY - r.translateY) * l
+    time: i.time + (r.time - i.time) * l,
+    scale: i.scale + (r.scale - i.scale) * l,
+    translateY: i.translateY + (r.translateY - i.translateY) * l
   };
 }
 const Re = [
@@ -926,8 +950,8 @@ const Re = [
   [1, -1],
   [-1, -1]
 ];
-function Ve(e, t) {
-  const o = (r, i, l) => {
+function Be(e, t) {
+  const o = (i, r, l) => {
     const c = document.createElement("div");
     Object.assign(c.style, {
       position: "fixed",
@@ -935,7 +959,7 @@ function Ve(e, t) {
       zIndex: "9999",
       width: "15px",
       height: "15px",
-      ...r
+      ...i
     });
     const a = document.createElement("div");
     Object.assign(a.style, {
@@ -944,7 +968,7 @@ function Ve(e, t) {
       height: "1px",
       backgroundColor: e,
       [l]: "0",
-      [i]: "0"
+      [r]: "0"
     });
     const p = document.createElement("div");
     return Object.assign(p.style, {
@@ -953,7 +977,7 @@ function Ve(e, t) {
       height: "15px",
       backgroundColor: e,
       [l]: "0",
-      [i]: "0"
+      [r]: "0"
     }), c.appendChild(a), c.appendChild(p), c;
   };
   return {
@@ -991,11 +1015,11 @@ function Ve(e, t) {
     )
   };
 }
-function mt(e, t) {
+function ut(e, t) {
   const n = t.left + t.width / 2, s = t.top + t.height / 2;
   e.style.transformOrigin = `${n}px ${s}px`;
 }
-function yt(e, t) {
+function mt(e, t) {
   e.style.clipPath = `polygon(
     ${t.left}px ${t.top}px,
     ${t.left + t.width}px ${t.top}px,
@@ -1004,86 +1028,86 @@ function yt(e, t) {
   )`;
 }
 function B(e, t, n, s, o) {
-  const r = n / 1e3;
+  const i = n / 1e3;
   return new g({
     element: e,
-    integrator: new Vt({ durationSec: r }),
+    integrator: new Bt({ durationSec: i }),
     lowerBound: 0,
     upperBound: 1,
-    style: (i) => s(Xe(t, i)),
+    style: (r) => s(Xe(t, r)),
     onComplete: o
   });
 }
-const Be = (e = {}) => {
+const We = (e = {}) => {
   var o;
-  const t = ((o = e.border) == null ? void 0 : o.color) ?? Ue, n = Me, s = e.physics;
+  const t = ((o = e.border) == null ? void 0 : o.color) ?? Ve, n = Ue, s = e.physics;
   return {
-    prepare: ({ from: r, to: i, context: l }) => {
-      const c = D(l, "from"), a = D(l, "to"), p = O(document.body, l.positionedParent), f = Ve(t, {
+    prepare: ({ from: i, to: r, context: l }) => {
+      const c = I(l, "from"), a = I(l, "to"), p = A(document.body, l.positionedParent), d = Be(t, {
         ...c,
         top: p.top
       });
-      for (const d of [
+      for (const f of [
         "topLeft",
         "topRight",
         "bottomLeft",
         "bottomRight"
       ])
-        l.positionedParent.appendChild(f[d]);
-      return r.then((d) => {
-        mt(d, c), yt(d, c), d.style.transform = `translateY(${-c.top}px)`;
-      }), i.then((d) => {
-        mt(d, a), yt(d, a), d.style.transform = `translateY(${-a.top + a.height}px) scale(${n})`;
-      }), { borders: f, fromRect: c, toRect: a };
+        l.positionedParent.appendChild(d[f]);
+      return i.then((f) => {
+        ut(f, c), mt(f, c), f.style.transform = `translateY(${-c.top}px)`;
+      }), r.then((f) => {
+        ut(f, a), mt(f, a), f.style.transform = `translateY(${-a.top + a.height}px) scale(${n})`;
+      }), { borders: d, fromRect: c, toRect: a };
     },
-    animation: ({ from: r, to: i, context: l, borders: c, fromRect: a, toRect: p }) => {
-      const f = ut({
+    animation: ({ from: i, to: r, context: l, borders: c, fromRect: a, toRect: p }) => {
+      const d = ht({
         rect: a,
         scale: n,
         direction: "out",
         override: s
-      }), d = ut({
+      }), f = ht({
         rect: p,
         scale: n,
         direction: "in",
         override: s
-      }), m = B(
-        r,
-        f.snapshots,
-        f.totalDuration,
-        (S) => ({
-          transform: `translateY(${S.translateY}px) scale(${S.scale})`
-        }),
-        () => {
-          r.style.clipPath = "", r.style.transformOrigin = "";
-        }
-      ), h = B(
+      }), u = B(
         i,
         d.snapshots,
         d.totalDuration,
-        (S) => ({
-          transform: `translateY(${S.translateY}px) scale(${S.scale})`
+        (b) => ({
+          transform: `translateY(${b.translateY}px) scale(${b.scale})`
         }),
         () => {
           i.style.clipPath = "", i.style.transformOrigin = "", i.style.transform = "";
         }
-      ), u = Re.map(([S, x], C) => {
-        const v = ["topLeft", "topRight", "bottomLeft", "bottomRight"][C];
+      ), y = B(
+        r,
+        f.snapshots,
+        f.totalDuration,
+        (b) => ({
+          transform: `translateY(${b.translateY}px) scale(${b.scale})`
+        }),
+        () => {
+          r.style.clipPath = "", r.style.transformOrigin = "", r.style.transform = "";
+        }
+      ), h = Re.map(([b, x], C) => {
+        const P = ["topLeft", "topRight", "bottomLeft", "bottomRight"][C];
         return B(
-          c[v],
-          f.snapshots,
-          f.totalDuration,
-          (_) => {
-            const P = (a.width - a.width * _.scale) / 2 * 0.7 * S, M = (a.height - a.height * _.scale) / 2 * 0.7 * x;
-            return { transform: `translate(${P}px, ${M}px)` };
+          c[P],
+          d.snapshots,
+          d.totalDuration,
+          (D) => {
+            const _ = (a.width - a.width * D.scale) / 2 * 0.7 * b, M = (a.height - a.height * D.scale) / 2 * 0.7 * x;
+            return { transform: `translate(${_}px, ${M}px)` };
           }
         );
-      }), w = new E([m, h, ...u], {
+      }), w = new E([u, y, ...h], {
         mode: "parallel"
-      }), $ = w.onComplete;
+      }), S = w.onComplete;
       return w.onComplete = () => {
-        $ == null || $();
-        const S = l.positionedParent;
+        S == null || S();
+        const b = l.positionedParent;
         for (const x of [
           "topLeft",
           "topRight",
@@ -1091,66 +1115,74 @@ const Be = (e = {}) => {
           "bottomRight"
         ]) {
           const C = c[x];
-          C.parentElement === S && S.removeChild(C);
+          C.parentElement === b && b.removeChild(C);
         }
       }, w;
     }
   };
 };
-function bs(e) {
+function $s(e) {
   const { paths: t, options: n } = e, s = (n == null ? void 0 : n.borderColor) !== void 0 ? { border: { color: n.borderColor } } : void 0;
-  return T(t, () => Be(s));
+  return v(t, () => We(s));
 }
 const gt = "data-hero-enter-key", wt = "data-hero-exit-key", W = "data-hero-key";
-class We {
+class Ze {
+  constructor() {
+    $(this, "previousFromOpacity", "");
+  }
   prepare(t) {
     t.from.then((n) => {
-      n.style.opacity = "0";
+      this.previousFromOpacity = n.style.opacity, n.style.opacity = "0";
     });
   }
+  contribute(t) {
+    return t.onComplete(() => {
+      t.from.style.opacity = this.previousFromOpacity;
+    }), [];
+  }
 }
-const Ze = () => new We();
-class qe {
+const qe = () => new Ze();
+class je {
   contribute(t) {
-    const { from: n, to: s, physics: o, onComplete: r } = t, i = n.style.opacity, l = s.style.opacity, c = n.style.willChange, a = s.style.willChange;
-    return s.style.opacity = "0", n.style.willChange = "opacity", s.style.willChange = "opacity", r(() => {
-      n.style.opacity = i, s.style.opacity = l, n.style.willChange = c, s.style.willChange = a;
+    const { from: n, to: s, physics: o, onComplete: i } = t, r = n.style.opacity, l = s.style.opacity, c = n.style.willChange, a = s.style.willChange;
+    return s.style.opacity = "0", n.style.willChange = "opacity", s.style.willChange = "opacity", i(() => {
+      n.style.opacity = r, s.style.opacity = l, n.style.willChange = c, s.style.willChange = a;
     }), [
       new g({
         element: n,
-        integrator: y.from(o),
-        style: (p, f) => ({ opacity: f })
+        integrator: m.from(o),
+        style: (p, d) => ({ opacity: d })
       }),
       new g({
         element: s,
-        integrator: y.from(o),
+        integrator: m.from(o),
         style: (p) => ({ opacity: p })
       })
     ];
   }
 }
-const je = () => new qe(), Ke = {
-  static: Ze,
-  fade: je
-}, Ge = {
+const Ke = () => new je(), Ge = {
+  static: qe,
+  fade: Ke
+}, Je = {
   spring: { stiffness: 320, damping: 30 }
-}, Je = () => Ge, Qe = {
+}, Qe = () => Je, tn = {
   spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
-}, tn = () => Qe, en = {
-  default: Je,
-  smooth: tn
-}, nn = 700, sn = "data-hero-aspect-ratio", on = "data-hero-radius";
-function rn(e) {
+}, en = () => tn, nn = {
+  default: Qe,
+  smooth: en
+}, sn = 700, on = "data-hero-aspect-ratio", rn = "data-hero-radius";
+function an(e) {
   if (!e) return null;
   if (e.includes("/")) {
-    const [n, s] = e.split("/"), o = parseFloat(n ?? ""), r = parseFloat(s ?? "");
-    return !Number.isFinite(o) || !Number.isFinite(r) || o <= 0 || r <= 0 ? null : o / r;
+    const [n, s] = e.split("/"), o = parseFloat(n ?? ""), i = parseFloat(s ?? "");
+    return !Number.isFinite(o) || !Number.isFinite(i) || o <= 0 || i <= 0 ? null : o / i;
   }
   const t = parseFloat(e);
   return Number.isFinite(t) && t > 0 ? t : null;
 }
 function St(e) {
-  const t = e.getAttribute(on);
+  const t = e.getAttribute(rn);
   if (!t) return 0;
   const n = parseFloat(t);
   return Number.isFinite(n) && n > 0 ? n : 0;
@@ -1161,7 +1193,7 @@ function L(e) {
 function H(e) {
   return e.top + e.height / 2;
 }
-function an(e, t) {
+function ln(e, t) {
   return {
     top: Math.max(0, t.top - e.top),
     right: Math.max(0, e.left + e.width - (t.left + t.width)),
@@ -1169,18 +1201,18 @@ function an(e, t) {
     left: Math.max(0, t.left - e.left)
   };
 }
-function ln(e, t, n) {
+function cn(e, t, n) {
   const s = e.width / e.height;
-  let o, r;
-  return n === "contain" ? s > t ? (r = e.height, o = r * t) : (o = e.width, r = o / t) : s > t ? (o = e.width, r = o / t) : (r = e.height, o = r * t), {
+  let o, i;
+  return n === "contain" ? s > t ? (i = e.height, o = i * t) : (o = e.width, i = o / t) : s > t ? (o = e.width, i = o / t) : (i = e.height, o = i * t), {
     left: e.left + (e.width - o) / 2,
-    top: e.top + (e.height - r) / 2,
+    top: e.top + (e.height - i) / 2,
     width: o,
-    height: r
+    height: i
   };
 }
 function bt(e, t, n) {
-  const s = O(e, t), o = rn(t.getAttribute(sn));
+  const s = A(e, t), o = an(t.getAttribute(on));
   if (o === null)
     return {
       bbox: s,
@@ -1188,32 +1220,32 @@ function bt(e, t, n) {
       window: s,
       clipInset: { top: 0, right: 0, bottom: 0, left: 0 }
     };
-  const r = ln(s, o, n), i = n === "cover" ? s : r;
+  const i = cn(s, o, n), r = n === "cover" ? s : i;
   return {
     bbox: s,
-    content: r,
-    window: i,
-    clipInset: an(r, i)
+    content: i,
+    window: r,
+    clipInset: ln(i, r)
   };
 }
-function cn(e, t, n, s) {
-  const o = n.width / s, r = n.height / s, i = e.width / 2 + (L(n) - L(t)) / s - o / 2, l = e.height / 2 + (H(n) - H(t)) / s - r / 2;
+function pn(e, t, n, s) {
+  const o = n.width / s, i = n.height / s, r = e.width / 2 + (L(n) - L(t)) / s - o / 2, l = e.height / 2 + (H(n) - H(t)) / s - i / 2;
   return {
     top: Math.max(0, l),
-    right: Math.max(0, e.width - i - o),
-    bottom: Math.max(0, e.height - l - r),
-    left: Math.max(0, i)
+    right: Math.max(0, e.width - r - o),
+    bottom: Math.max(0, e.height - l - i),
+    left: Math.max(0, r)
   };
 }
 function F(e, t) {
   const n = /* @__PURE__ */ new Map(), s = e.querySelectorAll(`[${t}]`);
   for (const o of Array.from(s)) {
-    const r = o.getAttribute(t);
-    r && (n.has(r) || n.set(r, o));
+    const i = o.getAttribute(t);
+    i && (n.has(i) || n.set(i, o));
   }
   return n;
 }
-function pn(e, t) {
+function dn(e, t) {
   const n = [], s = F(t, gt), o = F(e, wt);
   for (const [l, c] of s) {
     const a = o.get(l);
@@ -1225,9 +1257,9 @@ function pn(e, t) {
       toFit: "contain"
     });
   }
-  const r = F(e, gt), i = F(t, wt);
-  for (const [l, c] of r) {
-    const a = i.get(l);
+  const i = F(e, gt), r = F(t, wt);
+  for (const [l, c] of i) {
+    const a = r.get(l);
     a && n.push({
       key: l,
       fromEl: c,
@@ -1243,14 +1275,14 @@ function fn(e, t) {
     t.querySelectorAll(`[${W}]`)
   );
   for (const o of s) {
-    const r = o.getAttribute(W);
-    if (!r) continue;
-    const i = e.querySelector(
-      `[${W}="${r}"]`
+    const i = o.getAttribute(W);
+    if (!i) continue;
+    const r = e.querySelector(
+      `[${W}="${i}"]`
     );
-    i && n.push({
-      key: r,
-      fromEl: i,
+    r && n.push({
+      key: i,
+      fromEl: r,
       toEl: o,
       fromFit: "contain",
       toFit: "contain"
@@ -1258,33 +1290,33 @@ function fn(e, t) {
   }
   return n;
 }
-function dn(e, t) {
-  const n = pn(e, t);
+function yn(e, t) {
+  const n = dn(e, t);
   return n.length > 0 ? n : fn(e, t);
 }
 function hn(e, t, n) {
-  const { fromEl: s, toEl: o } = t, r = bt(e, s, t.fromFit), i = bt(e, o, t.toFit), l = r.content, c = r.window, a = i.content, p = i.window, f = i.clipInset, d = St(s), m = St(o);
+  const { fromEl: s, toEl: o } = t, i = bt(e, s, t.fromFit), r = bt(e, o, t.toFit), l = i.content, c = i.window, a = r.content, p = r.window, d = r.clipInset, f = St(s), u = St(o);
   if (l.width === 0 || l.height === 0 || c.width === 0 || c.height === 0 || a.width === 0 || a.height === 0 || p.width === 0 || p.height === 0)
     return null;
-  const h = Math.max(
+  const y = Math.max(
     l.width / a.width,
     l.height / a.height
-  ), u = L(l), w = H(l), $ = L(a), S = H(a), x = u - $, C = w - S;
+  ), h = L(l), w = H(l), S = L(a), b = H(a), x = h - S, C = w - b;
   if (Math.abs(C) > n) return null;
-  const v = cn(
+  const P = pn(
     a,
     l,
     c,
-    h
+    y
   );
   return {
     toContent: a,
-    hasRadius: d > 0 || m > 0,
-    styleFor: (_, P) => {
-      const M = P * x, It = P * C, Q = _ + P * h, At = (d * P + m * _) / Q, Ot = v.top * P + f.top * _, Ft = v.right * P + f.right * _, Yt = v.bottom * P + f.bottom * _, kt = v.left * P + f.left * _;
+    hasRadius: f > 0 || u > 0,
+    styleFor: (D, _) => {
+      const M = _ * x, Ot = _ * C, Q = D + _ * y, At = (f * _ + u * D) / Q, Ft = P.top * _ + d.top * D, kt = P.right * _ + d.right * D, Yt = P.bottom * _ + d.bottom * D, Lt = P.left * _ + d.left * D;
       return {
-        transform: `translate(${M}px, ${It}px) scale(${Q})`,
-        clipPath: `inset(${Ot}px ${Ft}px ${Yt}px ${kt}px round ${At}px)`
+        transform: `translate(${M}px, ${Ot}px) scale(${Q})`,
+        clipPath: `inset(${Ft}px ${kt}px ${Yt}px ${Lt}px round ${At}px)`
       };
     }
   };
@@ -1294,154 +1326,161 @@ function un(e, t) {
 }
 class mn {
   contribute(t) {
-    const { resolved: n, physics: s, positionedParent: o, maxDistance: r, onComplete: i } = t, l = [];
+    const { resolved: n, physics: s, positionedParent: o, maxDistance: i, onComplete: r } = t, l = [];
     for (const c of n.pairs) {
-      const { fromEl: a, toEl: p } = c, f = hn(o, c, r);
-      if (!f) continue;
-      const d = p.cloneNode(!0);
-      d.style.position = "absolute", d.style.left = `${f.toContent.left}px`, d.style.top = `${f.toContent.top}px`, d.style.width = `${f.toContent.width}px`, d.style.height = `${f.toContent.height}px`, d.style.margin = "0", d.style.transformOrigin = "center center", d.style.zIndex = "1000", d.style.willChange = "transform, clip-path", d.style.pointerEvents = "none", d.style.maxWidth = "none", d.style.maxHeight = "none", f.hasRadius && (d.style.borderRadius = "0"), un(d, f.styleFor(0, 1)), o.appendChild(d);
-      const m = a.style.opacity, h = p.style.opacity;
-      a.style.opacity = "0", p.style.opacity = "0", i(() => {
-        a.style.opacity = m, p.style.opacity = h, d.parentElement && d.parentElement.removeChild(d);
+      const { fromEl: a, toEl: p } = c, d = hn(o, c, i);
+      if (!d) continue;
+      const f = p.cloneNode(!0);
+      f.style.position = "absolute", f.style.left = `${d.toContent.left}px`, f.style.top = `${d.toContent.top}px`, f.style.width = `${d.toContent.width}px`, f.style.height = `${d.toContent.height}px`, f.style.margin = "0", f.style.transformOrigin = "center center", f.style.zIndex = "1000", f.style.willChange = "transform, clip-path", f.style.pointerEvents = "none", f.style.maxWidth = "none", f.style.maxHeight = "none", d.hasRadius && (f.style.borderRadius = "0"), un(f, d.styleFor(0, 1)), o.appendChild(f);
+      const u = a.style.opacity, y = p.style.opacity;
+      a.style.opacity = "0", p.style.opacity = "0", r(() => {
+        a.style.opacity = u, p.style.opacity = y, f.parentElement && f.parentElement.removeChild(f);
       }), l.push(
         new g({
-          element: d,
-          integrator: y.from(s),
-          style: f.styleFor
+          element: f,
+          integrator: m.from(s),
+          style: d.styleFor
         })
       );
     }
     return l;
   }
 }
-function yn(e) {
-  return [new mn(), Ke[e.type]()];
+function gn(e) {
+  return [new mn(), Ge[e.type]()];
 }
-const gn = (e) => {
-  const t = yn(e), n = en[e.variant](), s = nn;
+const wn = (e) => {
+  const t = gn(e), n = nn[e.variant](), s = sn;
   return {
     prepare: (o) => {
       var l;
-      const r = Promise.all([
+      const i = Promise.all([
         o.from,
         o.to
-      ]).then(([c, a]) => ({ pairs: dn(c, a) })), i = {
+      ]).then(([c, a]) => ({ pairs: yn(c, a) })), r = {
         from: o.from,
         to: o.to,
-        resolved: r
+        resolved: i
       };
       for (const c of t)
-        (l = c.prepare) == null || l.call(c, i);
-      return r.then((c) => ({ resolved: c }));
+        (l = c.prepare) == null || l.call(c, r);
+      return i.then((c) => ({ resolved: c }));
     },
-    animation: ({ from: o, to: r, context: i, resolved: l }) => {
+    animation: ({ from: o, to: i, context: r, resolved: l }) => {
       if (l.pairs.length === 0)
         return new E([], { mode: "parallel" });
-      const c = [], a = (h) => {
-        c.push(h);
+      const c = [], a = (y) => {
+        c.push(y);
       }, p = {
         from: o,
-        to: r,
+        to: i,
         resolved: l,
         physics: n,
-        positionedParent: i.positionedParent,
+        positionedParent: r.positionedParent,
         maxDistance: s,
         onComplete: a
-      }, f = [];
-      for (const h of t)
-        h.contribute && f.push(...h.contribute(p));
-      if (f.length === 0)
+      }, d = [];
+      for (const y of t)
+        y.contribute && d.push(...y.contribute(p));
+      if (d.length === 0)
         return new E([], { mode: "parallel" });
-      const d = new E(f, { mode: "parallel" }), m = d.onComplete;
-      return d.onComplete = () => {
-        m == null || m();
-        for (const h of c)
+      const f = new E(d, { mode: "parallel" }), u = f.onComplete;
+      return f.onComplete = () => {
+        u == null || u();
+        for (const y of c)
           try {
-            h();
-          } catch (u) {
-            console.error("[hero] cleanup error", u);
+            y();
+          } catch (h) {
+            console.error("[hero] cleanup error", h);
           }
-      }, d;
+      }, f;
     }
   };
 };
-function $s(e) {
+function Es(e) {
   const { paths: t } = e, n = e.type ?? "static", s = e.variant ?? "default";
-  return T(
+  return v(
     t,
-    () => gn({ type: n, variant: s })
+    () => wn({ type: n, variant: s })
   );
 }
-const wn = {
+const Sn = {
   spring: { stiffness: 50, damping: 30 }
-}, Sn = {
+}, bn = {
   spring: { stiffness: 80, damping: 25 }
-}, bn = (e = {}) => {
-  const t = e.physics ?? wn, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
+}, $n = (e = {}) => {
+  const t = e.physics ?? Sn, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
   return {
-    prepare: ({ from: r, to: i, context: l }) => (r.then((c) => {
+    prepare: ({ from: i, to: r, context: l }) => (i.then((c) => {
       c.style.opacity = "1";
-    }), i.then((c) => {
-      const a = D(l, "to"), p = Math.min(a.width, a.height) * 0.4;
+    }), r.then((c) => {
+      const a = I(l, "to"), p = Math.min(a.width, a.height) * 0.4;
       c.style.setProperty("--max-border-radius", `${p}px`), c.style.setProperty("--border-radius-scale", "1"), c.style.willChange = "transform", c.style.backfaceVisibility = "hidden";
-      const f = a.left + a.width / 2, d = a.top + a.height / 2;
-      c.style.transformOrigin = `${f}px ${d}px`, c.style.position = "fixed", c.style.top = `${a.top}px`, c.style.left = `${a.left}px`, c.style.width = `${a.width}px`, c.style.height = `${a.height}px`, c.style.zIndex = "1000", c.style.overflow = "hidden", c.style.transform = `rotate(${n}deg) scale(${s}) translateZ(0)`, c.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", c.style.opacity = "1";
+      const d = a.left + a.width / 2, f = a.top + a.height / 2;
+      c.style.transformOrigin = `${d}px ${f}px`, c.style.position = "fixed", c.style.top = `${a.top}px`, c.style.left = `${a.left}px`, c.style.width = `${a.width}px`, c.style.height = `${a.height}px`, c.style.zIndex = "1000", c.style.overflow = "hidden", c.style.transform = `rotate(${n}deg) scale(${s}) translateZ(0)`, c.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", c.style.opacity = "1";
     }), {}),
-    animation: ({ from: r, to: i }) => {
+    animation: ({ from: i, to: r }) => {
       const l = new g({
-        element: r,
-        integrator: y.from(Sn),
-        style: (a, p) => ({ opacity: p })
-      }), c = new g({
         element: i,
-        integrator: y.from(t),
+        integrator: m.from(bn),
+        style: (a, p) => ({ opacity: p }),
+        // The outgoing node is reused (re-hidden, shown again on the next
+        // navigation), so reset every inline style we wrote to it — mirroring
+        // the "to" cleanup below. prepare sets opacity and the out style fades
+        // it toward 0, so clear opacity or the reused node stays invisible.
+        onComplete: () => {
+          i.style.opacity = "";
+        }
+      }), c = new g({
+        element: r,
+        integrator: m.from(t),
         style: (a) => {
           let p;
           if (a <= 0.05)
             p = s;
           else if (a <= o) {
-            const h = (a - 0.05) / (o - 0.05), u = Math.pow(h, 9);
-            p = s + (0.8 - s) * u;
+            const y = (a - 0.05) / (o - 0.05), h = Math.pow(y, 9);
+            p = s + (0.8 - s) * h;
           } else {
-            const h = (a - o) / (1 - o);
-            p = 0.8 + 0.2 * (1 - Math.pow(1 - h, 3));
+            const y = (a - o) / (1 - o);
+            p = 0.8 + 0.2 * (1 - Math.pow(1 - y, 3));
           }
-          const f = 0.7;
-          let d;
-          if (a <= f)
-            d = n;
+          const d = 0.7;
+          let f;
+          if (a <= d)
+            f = n;
           else {
-            const h = (a - f) / (1 - f), u = 1 - Math.pow(1 - h, 2);
-            d = n * (1 - u);
+            const y = (a - d) / (1 - d), h = 1 - Math.pow(1 - y, 2);
+            f = n * (1 - h);
           }
-          let m;
-          if (a <= f)
-            m = 1;
+          let u;
+          if (a <= d)
+            u = 1;
           else {
-            const h = (a - f) / (1 - f);
-            m = 1 - Math.pow(h, 0.5);
+            const y = (a - d) / (1 - d);
+            u = 1 - Math.pow(y, 0.5);
           }
           return {
-            transform: `rotate(${d.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
-            "--border-radius-scale": m.toFixed(4)
+            transform: `rotate(${f.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
+            "--border-radius-scale": u.toFixed(4)
           };
         },
         onComplete: () => {
-          i.style.willChange = "", i.style.backfaceVisibility = "", i.style.removeProperty("--max-border-radius"), i.style.removeProperty("--border-radius-scale"), i.style.transform = "", i.style.transformOrigin = "", i.style.position = "", i.style.zIndex = "", i.style.top = "", i.style.left = "", i.style.width = "", i.style.height = "", i.style.overflow = "", i.style.borderRadius = "";
+          r.style.willChange = "", r.style.backfaceVisibility = "", r.style.removeProperty("--max-border-radius"), r.style.removeProperty("--border-radius-scale"), r.style.transform = "", r.style.transformOrigin = "", r.style.position = "", r.style.zIndex = "", r.style.top = "", r.style.left = "", r.style.width = "", r.style.height = "", r.style.overflow = "", r.style.borderRadius = "";
         }
       });
       return new E([l, c], { mode: "parallel" });
     }
   };
 };
-function Es(e) {
+function Cs(e) {
   const { paths: t } = e;
-  return T(t, () => bn());
+  return v(t, () => $n());
 }
-const $n = {
+const En = {
   spring: { stiffness: 100, damping: 30 }
-}, En = (e = {}) => {
-  const t = e.physics ?? $n;
+}, Cn = (e = {}) => {
+  const t = e.physics ?? En;
   return {
     prepare: ({ from: n, to: s }) => (n.then((o) => {
       o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
@@ -1451,30 +1490,36 @@ const $n = {
     animation: ({ from: n, to: s }) => {
       const o = new g({
         element: n,
-        integrator: y.from(t),
-        style: (i) => ({
-          transform: `rotate(${i * 180}deg)`,
-          opacity: i < 0.5 ? 1 : 0
-        })
-      }), r = new g({
+        integrator: m.from(t),
+        style: (r) => ({
+          transform: `rotate(${r * 180}deg)`,
+          opacity: r < 0.5 ? 1 : 0
+        }),
+        // The outgoing node is reused (re-hidden, shown again on the next
+        // navigation), so clear every inline style we wrote to `from`
+        // (prepare + the final WAAPI frame), mirroring the `to` cleanup.
+        onComplete: () => {
+          n.style.willChange = "auto", n.style.transform = "", n.style.transformOrigin = "", n.style.opacity = "";
+        }
+      }), i = new g({
         element: s,
-        integrator: y.from(t),
+        integrator: m.from(t),
         // u runs 1→0, so -u*180 unwinds -180→0.
-        style: (i, l) => ({
+        style: (r, l) => ({
           transform: `rotate(${-l * 180}deg)`,
-          opacity: i > 0.5 ? 1 : 0
+          opacity: r > 0.5 ? 1 : 0
         }),
         onComplete: () => {
           s.style.willChange = "auto", s.style.transform = "", s.style.transformOrigin = "", s.style.opacity = "";
         }
       });
-      return new E([o, r], { mode: "parallel" });
+      return new E([o, i], { mode: "parallel" });
     }
   };
 };
 function xs(e) {
   const { paths: t } = e;
-  return T(t, () => En());
+  return v(t, () => Cn());
 }
 const xn = {
   spring: {
@@ -1487,31 +1532,39 @@ const xn = {
 }, $t = (e = {}) => {
   const t = e.direction ?? "up", n = e.physics ?? xn, s = t === "up";
   return {
-    prepare: ({ from: o, to: r }) => (o.then((i) => {
-      i.style.zIndex = s ? "-1" : "1", i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none";
-    }), r.then((i) => {
-      i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
+    prepare: ({ from: o, to: i }) => (o.then((r) => {
+      r.style.zIndex = s ? "-1" : "1", r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
+    }), i.then((r) => {
+      r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint";
     }), {}),
-    animation: ({ from: o, to: r }) => {
-      const i = o.offsetHeight, l = r.offsetHeight, c = window.innerHeight, a = Math.max(Math.min(i, l), c), p = new g({
+    animation: ({ from: o, to: i }) => {
+      const r = o.offsetHeight, l = i.offsetHeight, c = window.innerHeight, a = Math.max(Math.min(r, l), c), p = new g({
         element: o,
-        integrator: y.from(n),
-        style: (d) => ({ transform: `translate3d(0, ${s ? -a * d : a * d}px, 0)` })
-      }), f = new g({
-        element: r,
-        integrator: y.from(n),
-        style: (d, m) => ({ transform: `translate3d(0, ${s ? m * a : m * -a}px, 0)` }),
+        integrator: m.from(n),
+        style: (f) => ({ transform: `translate3d(0, ${s ? -a * f : a * f}px, 0)` }),
+        // The outgoing node is the real, reused element (re-hidden then shown
+        // again on the next navigation), so mirror the incoming cleanup and
+        // also reset the out-only props applied in prepare (zIndex,
+        // pointerEvents) — otherwise the leftover inline styles corrupt the
+        // page the next time it appears.
+        onComplete: () => {
+          o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.pointerEvents = "", o.style.zIndex = "";
+        }
+      }), d = new g({
+        element: i,
+        integrator: m.from(n),
+        style: (f, u) => ({ transform: `translate3d(0, ${s ? u * a : u * -a}px, 0)` }),
         onComplete: () => {
-          r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "";
+          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
         }
       });
-      return new E([p, f], { mode: "parallel" });
+      return new E([p, d], { mode: "parallel" });
     }
   };
 };
-function Cs(e) {
+function Ps(e) {
   const { paths: t, type: n = "directional" } = e;
-  return n === "non-directional" ? T(
+  return n === "non-directional" ? v(
     t,
     () => $t({ direction: "up" })
   ) : J(
@@ -1520,15 +1573,15 @@ function Cs(e) {
     (s) => $t({ direction: s })
   );
 }
-const Cn = {
+const Pn = {
   spring: { stiffness: 200, damping: 24 }
-}, Pn = {
+}, _n = {
   inertia: { acceleration: 25, resistance: 1.2 }
 }, Z = 0.2;
-function _n() {
+function Dn() {
   return {
-    enterPhysics: Cn,
-    exitPhysics: Pn,
+    enterPhysics: Pn,
+    exitPhysics: _n,
     background: {
       willChange: "transform, opacity",
       enterStyle: (e, t) => ({
@@ -1542,15 +1595,15 @@ function _n() {
     }
   };
 }
-const Tn = {
+const vn = {
   spring: { stiffness: 300, damping: 30 }
-}, Dn = {
+}, In = {
   inertia: { acceleration: 30, resistance: 1 }
 };
-function vn() {
+function Tn() {
   return {
-    enterPhysics: Tn,
-    exitPhysics: Dn,
+    enterPhysics: vn,
+    exitPhysics: In,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -1558,209 +1611,231 @@ function vn() {
     }
   };
 }
-const In = {
-  static: vn(),
-  "background-scale": _n()
-}, An = "static", On = "transform", Fn = (e = {}) => {
-  const t = e.direction ?? "enter", n = In[e.type ?? An], s = t === "enter" ? n.enterPhysics : n.exitPhysics, o = n.background, r = o.willChange !== "";
+const On = {
+  static: Tn(),
+  "background-scale": Dn()
+}, An = "static", Fn = "transform", kn = (e = {}) => {
+  const t = e.direction ?? "enter", n = On[e.type ?? An], s = t === "enter" ? n.enterPhysics : n.exitPhysics, o = n.background, i = o.willChange !== "";
   return {
-    prepare: ({ from: i, to: l }) => {
-      const c = t === "enter" ? l : i, a = t === "enter" ? i : l;
+    prepare: ({ from: r, to: l }) => {
+      const c = t === "enter" ? l : r, a = t === "enter" ? r : l;
       return c.then((p) => {
-        p.style.willChange = On, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", t === "exit" && (p.style.pointerEvents = "none", p.style.zIndex = "100");
+        p.style.willChange = Fn, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", t === "exit" && (p.style.pointerEvents = "none", p.style.zIndex = "100");
       }), a.then((p) => {
-        r && (p.style.willChange = o.willChange, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint"), t === "enter" && (p.style.pointerEvents = "none", p.style.zIndex = "-1");
+        i && (p.style.willChange = o.willChange, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint"), t === "enter" && (p.style.pointerEvents = "none", p.style.zIndex = "-1");
       }), {};
     },
-    animation: ({ from: i, to: l, context: c }) => {
-      const a = t === "enter" ? l : i, p = t === "enter" ? i : l, f = D(
+    animation: ({ from: r, to: l, context: c }) => {
+      const a = t === "enter" ? l : r, p = t === "enter" ? r : l, d = I(
         c,
         t === "enter" ? "to" : "from"
-      );
-      a.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`;
-      const d = t === "enter" ? (x, C) => ({
-        transform: `translate3d(0, ${C * f.height}px, 0)`
-      }) : (x) => ({
-        transform: `translate3d(0, ${x * f.height}px, 0)`
-      }), m = new g({
+      ), f = () => {
+        r.style.pointerEvents = "", r.style.zIndex = "";
+      };
+      a.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`;
+      const u = t === "enter" ? (C, P) => ({
+        transform: `translate3d(0, ${P * d.height}px, 0)`
+      }) : (C) => ({
+        transform: `translate3d(0, ${C * d.height}px, 0)`
+      }), y = new g({
         element: a,
-        integrator: y.from(s),
-        style: d,
+        integrator: m.from(s),
+        style: u,
         onComplete: () => {
-          a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.clipPath = "", a.style.transform = "";
+          a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.clipPath = "", a.style.transform = "", f();
         }
       });
-      if (!r)
-        return new E([m], { mode: "parallel" });
-      const h = D(
+      if (!i)
+        return new E([y], { mode: "parallel" });
+      const h = I(
         c,
         t === "enter" ? "from" : "to"
-      ), u = h.left + h.width / 2, w = h.top + h.height / 2;
-      p.style.clipPath = `inset(${h.top}px 0 calc(100% - ${h.top + h.height}px) 0)`, p.style.transformOrigin = `${u}px ${w}px`;
-      const $ = t === "enter" ? (x, C) => o.enterStyle(x, C) : (x) => o.exitStyle(x), S = new g({
+      ), w = h.left + h.width / 2, S = h.top + h.height / 2;
+      p.style.clipPath = `inset(${h.top}px 0 calc(100% - ${h.top + h.height}px) 0)`, p.style.transformOrigin = `${w}px ${S}px`;
+      const b = t === "enter" ? (C, P) => o.enterStyle(C, P) : (C) => o.exitStyle(C), x = new g({
         element: p,
-        integrator: y.from(s),
-        style: $,
+        integrator: m.from(s),
+        style: b,
+        // On `exit` the background is the incoming (`to`) node; on `enter` it is
+        // the reused outgoing (`from`) node — in both cases its inline styles
+        // must be restored when the animation settles, so the reused node is
+        // not left scaled/faded/clipped the next time it is shown. The `enter`
+        // branch mirrors the `exit` cleanup and additionally clears the
+        // transform/opacity final frame WAAPI leaves behind.
         onComplete: t === "exit" ? () => {
           p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.clipPath = "", p.style.transformOrigin = "";
-        } : void 0
+        } : () => {
+          p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.clipPath = "", p.style.transformOrigin = "", p.style.transform = "", p.style.opacity = "";
+        }
       });
-      return new E([m, S], { mode: "parallel" });
+      return new E([y, x], { mode: "parallel" });
     }
   };
 };
 function Yn(e) {
   return e === "scale" || e === "background-scale" ? "background-scale" : "static";
 }
-function Ps(e) {
+function _s(e) {
   const { enter: t, exit: n } = e, s = e.type, o = Yn(s);
-  return Tt(
+  return Dt(
     { enter: t, exit: n },
-    (r) => Fn({ direction: r, type: o })
+    (i) => kn({ direction: i, type: o })
   );
 }
-const kn = {
+const Ln = {
   spring: { stiffness: 170, damping: 22, doubleSpring: 0.8 }
-}, Ln = (e = {}) => {
-  const t = e.direction ?? "left", n = e.physics ?? kn, s = t === "left";
+}, Hn = (e = {}) => {
+  const t = e.direction ?? "left", n = e.physics ?? Ln, s = t === "left";
   return {
-    prepare: ({ from: o, to: r }) => (o.then((i) => {
-      i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none";
-    }), r.then((i) => {
+    prepare: ({ from: o, to: i }) => (o.then((r) => {
+      r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
+    }), i.then((r) => {
       const l = s ? 100 : -100;
-      i.style.transform = `translate3d(${l}%, 0, 0)`, i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
+      r.style.transform = `translate3d(${l}%, 0, 0)`, r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint";
     }), {}),
-    animation: ({ from: o, to: r }) => {
-      const i = new g({
+    animation: ({ from: o, to: i }) => {
+      const r = new g({
         element: o,
-        integrator: y.from(n),
-        style: (c) => ({ transform: `translate3d(${s ? -100 * c : 100 * c}%, 0, 0)` })
+        integrator: m.from(n),
+        style: (c) => ({ transform: `translate3d(${s ? -100 * c : 100 * c}%, 0, 0)` }),
+        // The outgoing node is the real Activity page and gets reused on the
+        // next navigation, so reset every inline style we wrote to it (mirror
+        // the incoming cleanup, plus the out-only pointerEvents).
+        onComplete: () => {
+          o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.pointerEvents = "";
+        }
       }), l = new g({
-        element: r,
-        integrator: y.from(n),
+        element: i,
+        integrator: m.from(n),
         style: (c, a) => ({ transform: `translate3d(${s ? a * 100 : a * -100}%, 0, 0)` }),
         onComplete: () => {
-          r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "";
+          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
         }
       });
-      return new E([i, l], { mode: "parallel" });
+      return new E([r, l], { mode: "parallel" });
     }
   };
 };
-function _s(e) {
+function Ds(e) {
   const { paths: t } = e;
   return J(
     t,
     { forward: "left", backward: "right" },
-    (n) => Ln({ direction: n })
+    (n) => Hn({ direction: n })
   );
 }
-const Hn = {
+const Mn = {
   spring: { stiffness: 17, damping: 6 }
-}, q = 20, Y = 800, Mn = (e = {}) => {
-  const t = e.physics ?? Hn;
+}, q = 20, k = 800, Un = (e = {}) => {
+  const t = e.physics ?? Mn;
   return {
     prepare: ({ from: n, to: s }) => (n.then((o) => {
-      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.pointerEvents = "none", o.style.transform = `perspective(${Y}px) rotateY(0deg) translate3d(0%, 0, 0)`;
+      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.pointerEvents = "none", o.style.transform = `perspective(${k}px) rotateY(0deg) translate3d(0%, 0, 0)`;
     }), s.then((o) => {
-      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.transform = `perspective(${Y}px) rotateY(${q}deg) translate3d(-100%, 0, 0)`;
+      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.transform = `perspective(${k}px) rotateY(${q}deg) translate3d(-100%, 0, 0)`;
     }), {}),
     animation: ({ from: n, to: s }) => {
       const o = new g({
         element: n,
-        integrator: y.from(t),
-        style: (i) => {
-          const l = -i * q, c = i * 100;
+        integrator: m.from(t),
+        style: (r) => {
+          const l = -r * q, c = r * 100;
           return {
-            transform: `perspective(${Y}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
+            transform: `perspective(${k}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
           };
+        },
+        // The outgoing node is reused (Activity/cacheComponents re-hide it),
+        // so restore every inline style we wrote to `from` — mirroring the
+        // incoming cleanup below, plus the out-only `pointerEvents`.
+        onComplete: () => {
+          n.style.transform = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "", n.style.pointerEvents = "";
         }
-      }), r = new g({
+      }), i = new g({
         element: s,
-        integrator: y.from(t),
-        style: (i, l) => {
+        integrator: m.from(t),
+        style: (r, l) => {
           const c = l * q, a = -l * 100;
           return {
-            transform: `perspective(${Y}px) rotateY(${c}deg) translate3d(${a}%, 0, 0)`
+            transform: `perspective(${k}px) rotateY(${c}deg) translate3d(${a}%, 0, 0)`
           };
         },
         onComplete: () => {
           s.style.transform = "", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
         }
       });
-      return new E([o, r], { mode: "sequence" });
+      return new E([o, i], { mode: "sequence" });
     }
   };
 };
-function Ts(e) {
+function vs(e) {
   const { paths: t } = e;
-  return T(t, () => Mn());
+  return v(t, () => Un());
 }
-function Un({
+function Vn({
   enterRect: e,
   exitRect: t,
   pageRect: n,
   scrollOffset: s,
   enterRadius: o,
-  exitRadius: r
+  exitRadius: i
 }) {
-  const i = t.left - e.left + (t.width - e.width) / 2 - s.x, l = t.top - e.top + (t.height - e.height) / 2 - s.y, c = t.width / e.width, a = t.height / e.height, p = e.top / n.height * 100, f = (n.width - (e.left + e.width)) / n.width * 100, d = (n.height - (e.top + e.height)) / n.height * 100, m = e.left / n.width * 100;
+  const r = t.left - e.left + (t.width - e.width) / 2 - s.x, l = t.top - e.top + (t.height - e.height) / 2 - s.y, c = t.width / e.width, a = t.height / e.height, p = e.top / n.height * 100, d = (n.width - (e.left + e.width)) / n.width * 100, f = (n.height - (e.top + e.height)) / n.height * 100, u = e.left / n.width * 100;
   return {
     transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
-    animate: (h) => {
-      const u = 1 - h, w = 1 + (c - 1) * u, $ = 1 + (a - 1) * u, x = (r * u + o * (1 - u)) / ((w + $) / 2);
+    animate: (y) => {
+      const h = 1 - y, w = 1 + (c - 1) * h, S = 1 + (a - 1) * h, x = (i * h + o * (1 - h)) / ((w + S) / 2);
       return {
-        clipPath: `inset(${p * u}% ${f * u}% ${d * u}% ${m * u}% round ${x}px)`,
-        transform: `translate(${i * u}px, ${l * u}px) scale(${w}, ${$})`
+        clipPath: `inset(${p * h}% ${d * h}% ${f * h}% ${u * h}% round ${x}px)`,
+        transform: `translate(${r * h}px, ${l * h}px) scale(${w}, ${S})`
       };
     }
   };
 }
-function Nn({
+function zn({
   enterRect: e,
   exitRect: t,
   pageRect: n,
   scrollOffset: s,
   enterRadius: o,
-  exitRadius: r
+  exitRadius: i
 }) {
-  const i = t.left - e.left + (t.width - e.width) / 2 + s.x, l = t.top - e.top + (t.height - e.height) / 2 + s.y, c = t.width / e.width, a = t.height / e.height, p = e.top / n.height * 100, f = (n.width - (e.left + e.width)) / n.width * 100, d = (n.height - (e.top + e.height)) / n.height * 100, m = e.left / n.width * 100;
+  const r = t.left - e.left + (t.width - e.width) / 2 + s.x, l = t.top - e.top + (t.height - e.height) / 2 + s.y, c = t.width / e.width, a = t.height / e.height, p = e.top / n.height * 100, d = (n.width - (e.left + e.width)) / n.width * 100, f = (n.height - (e.top + e.height)) / n.height * 100, u = e.left / n.width * 100;
   return {
     transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
-    animate: (h) => {
-      const u = 1 - h, w = 1 + (c - 1) * u, $ = 1 + (a - 1) * u, x = (o * (1 - u) + r * u) / ((w + $) / 2);
+    animate: (y) => {
+      const h = 1 - y, w = 1 + (c - 1) * h, S = 1 + (a - 1) * h, x = (o * (1 - h) + i * h) / ((w + S) / 2);
       return {
-        clipPath: `inset(${p * u}% ${f * u}% ${d * u}% ${m * u}% round ${x}px)`,
-        transform: `translate(${i * u - s.x}px, ${l * u}px) scale(${w}, ${$})`
+        clipPath: `inset(${p * h}% ${d * h}% ${f * h}% ${u * h}% round ${x}px)`,
+        transform: `translate(${r * h - s.x}px, ${l * h}px) scale(${w}, ${S})`
       };
     }
   };
 }
-const zn = {
+const Nn = {
   spring: {
     stiffness: 430,
     damping: 33,
     doubleSpring: 1
   }
-}, Dt = 0.12, Xn = 18;
+}, It = 0.12, Xn = 18;
 function Rn() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - Dt * t})`
+        transform: `scale(${1 - It * t})`
       };
     }
   };
 }
-function Vn() {
+function Bn() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - Dt * t})`
+        transform: `scale(${1 - It * t})`
       };
     }
   };
@@ -1789,22 +1864,22 @@ const j = {
     };
   }
 };
-class Bn {
+class Wn {
   constructor() {
-    b(this, "physics", zn);
+    $(this, "physics", Nn);
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, physics: r } = t, i = o.mode === "enter", l = i ? n : s, c = i ? Rn() : Vn();
+    const { from: n, to: s, resolved: o, physics: i } = t, r = o.mode === "enter", l = r ? n : s, c = r ? Rn() : Bn();
     return c && (l.style.transformOrigin = c.transformOrigin), [
       new g({
         element: l,
-        integrator: y.from(r),
-        style: i ? (a, p) => c.animate(p) : (a) => c.animate(a)
+        integrator: m.from(i),
+        style: r ? (a, p) => c.animate(p) : (a) => c.animate(a)
       })
     ];
   }
 }
-class Wn {
+class Zn {
   prepare(t) {
     const n = t.createElement("zoom-overlay");
     return Object.assign(n.style, j.initialStyle), n.style.willChange = j.willChange, t.context.positionedParent.appendChild(n), { overlay: n };
@@ -1814,25 +1889,25 @@ class Wn {
     return n ? (n.style.zIndex = t.resolved.mode === "enter" ? "-1" : "1", [
       new g({
         element: n,
-        integrator: y.from(t.physics),
+        integrator: m.from(t.physics),
         style: (s) => j.style(t.resolved.mode, s)
       })
     ]) : [];
   }
 }
-const Zn = {
+const qn = {
   spring: {
     stiffness: 430,
     damping: 33,
     doubleSpring: 1
   }
 };
-function qn({
+function jn({
   enterRect: e,
   exitRect: t,
   scrollOffset: n
 }) {
-  const s = e.left - t.left + (e.width - t.width) / 2 + n.x, o = e.top - t.top + (e.height - t.height) / 2 + n.y, r = e.width / t.width, i = e.height / t.height, l = Math.max(r, i);
+  const s = e.left - t.left + (e.width - t.width) / 2 + n.x, o = e.top - t.top + (e.height - t.height) / 2 + n.y, i = e.width / t.width, r = e.height / t.height, l = Math.max(i, r);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (c) => {
@@ -1843,12 +1918,12 @@ function qn({
     }
   };
 }
-function jn({
+function Kn({
   enterRect: e,
   exitRect: t,
   scrollOffset: n
 }) {
-  const s = e.left - t.left + (e.width - t.width) / 2 - n.x, o = e.top - t.top + (e.height - t.height) / 2 - n.y, r = e.width / t.width, i = e.height / t.height, l = Math.max(r, i);
+  const s = e.left - t.left + (e.width - t.width) / 2 - n.x, o = e.top - t.top + (e.height - t.height) / 2 - n.y, i = e.width / t.width, r = e.height / t.height, l = Math.max(i, r);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (c) => {
@@ -1859,64 +1934,64 @@ function jn({
     }
   };
 }
-class Kn {
+class Gn {
   constructor() {
-    b(this, "physics", Zn);
+    $(this, "physics", qn);
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, input: r, physics: i } = t, l = o.mode === "enter", c = l ? n : s, a = l ? qn(r) : jn(r);
+    const { from: n, to: s, resolved: o, input: i, physics: r } = t, l = o.mode === "enter", c = l ? n : s, a = l ? jn(i) : Kn(i);
     return a && (c.style.transformOrigin = a.transformOrigin), [
       new g({
         element: c,
-        integrator: y.from(i),
-        style: l ? (p, f) => a.animate(f) : (p) => a.animate(p)
+        integrator: m.from(r),
+        style: l ? (p, d) => a.animate(d) : (p) => a.animate(p)
       })
     ];
   }
 }
-const Gn = {
+const Jn = {
   spring: {
     stiffness: 530,
     damping: 34,
     doubleSpring: 1
   }
 };
-class Jn {
+class Qn {
   constructor() {
-    b(this, "physics", Gn);
+    $(this, "physics", Jn);
   }
   contribute(t) {
     return [];
   }
 }
-const Qn = {
-  expand: () => new Kn(),
-  static: () => new Jn(),
-  blur: () => new Bn()
+const ts = {
+  expand: () => new Gn(),
+  static: () => new Qn(),
+  blur: () => new Wn()
 };
-function ts(e) {
-  return Qn[e]();
+function es(e) {
+  return ts[e]();
 }
-const K = "data-zoom-enter-key", Et = "data-zoom-exit-key", es = "data-zoom-radius";
-function xt(e) {
-  const t = e.getAttribute(es);
+const K = "data-zoom-enter-key", Et = "data-zoom-exit-key", ns = "data-zoom-radius";
+function Ct(e) {
+  const t = e.getAttribute(ns);
   if (!t) return 0;
   const n = parseFloat(t);
   return Number.isFinite(n) && n > 0 ? n : 0;
 }
-function ns(e, t) {
+function ss(e, t) {
   const n = [];
   let s = t;
   for (; s && s !== e; ) {
     const o = s.parentElement;
     if (!o) break;
-    for (const r of Array.from(o.children))
-      r !== s && r instanceof HTMLElement && n.push(r);
+    for (const i of Array.from(o.children))
+      i !== s && i instanceof HTMLElement && n.push(i);
     s = o;
   }
   return n;
 }
-function Ct(e) {
+function xt(e) {
   const t = e.querySelectorAll(`[${K}]`);
   return t.length !== 1 ? null : t[0];
 }
@@ -1927,36 +2002,36 @@ function Pt(e, t) {
       return s;
   return null;
 }
-function ss(e, t) {
-  const n = Ct(e), s = Ct(t);
+function os(e, t) {
+  const n = xt(e), s = xt(t);
   if (!n && s) {
     const o = s.getAttribute(K);
     if (!o) return null;
-    const r = Pt(e, o);
-    return r ? { mode: "enter", enterEl: s, exitEl: r } : null;
+    const i = Pt(e, o);
+    return i ? { mode: "enter", enterEl: s, exitEl: i } : null;
   }
   if (n && !s) {
     const o = n.getAttribute(K);
     if (!o) return null;
-    const r = Pt(t, o);
-    return r ? { mode: "exit", enterEl: n, exitEl: r } : null;
+    const i = Pt(t, o);
+    return i ? { mode: "exit", enterEl: n, exitEl: i } : null;
   }
   return null;
 }
-function os(e, t, n, s) {
+function is(e, t, n, s) {
   return {
-    enterRect: O(
+    enterRect: A(
       e.mode === "enter" ? n : t,
       e.enterEl
     ),
-    exitRect: O(
+    exitRect: A(
       e.mode === "enter" ? t : n,
       e.exitEl
     ),
     pageRect: e.mode === "enter" ? n.getBoundingClientRect() : t.getBoundingClientRect(),
     scrollOffset: s,
-    enterRadius: xt(e.enterEl),
-    exitRadius: xt(e.exitEl)
+    enterRadius: Ct(e.enterEl),
+    exitRadius: Ct(e.exitEl)
   };
 }
 class rs {
@@ -1966,75 +2041,75 @@ class rs {
     });
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, input: r, physics: i, onComplete: l } = t, c = o.mode === "enter", a = c ? Un(r) : Nn(r), p = c ? s : n, f = c ? "t" : "u";
+    const { from: n, to: s, resolved: o, input: i, physics: r, onComplete: l } = t, c = o.mode === "enter", a = c ? Vn(i) : zn(i), p = c ? s : n, d = c ? "t" : "u";
     a && (p.style.transformOrigin = a.transformOrigin);
-    const d = c ? "-2" : "2", m = n.style.zIndex;
-    return n.style.zIndex = d, l(() => {
-      p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", n.style.zIndex = m;
+    const f = c ? "-2" : "2", u = n.style.zIndex;
+    return n.style.zIndex = f, l(() => {
+      p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", n.style.zIndex = u, n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
     }), [
       new g({
         element: p,
-        integrator: y.from(i),
+        integrator: m.from(r),
         // Enter: tile expands as `t` (0 → 1). Exit: tile shrinks as `u` —
         // the legacy convention from v5's outAnim path. Either way, feed
         // the progress that matches the tileConfig's authored direction.
-        style: f === "t" ? (h) => a.animate(h) : (h, u) => a.animate(u)
+        style: d === "t" ? (y) => a.animate(y) : (y, h) => a.animate(h)
       })
     ];
   }
 }
-class is {
+class as {
   contribute(t) {
-    const { resolved: n, physics: s, from: o, to: r, onComplete: i } = t, l = n.mode === "enter" ? r : o, c = ns(l, n.enterEl);
+    const { resolved: n, physics: s, from: o, to: i, onComplete: r } = t, l = n.mode === "enter" ? i : o, c = ss(l, n.enterEl);
     if (c.length === 0) return [];
     const a = c.map((p) => p.style.opacity);
     if (n.mode === "enter")
       for (const p of c) p.style.opacity = "0";
-    return i(() => {
+    return r(() => {
       for (let p = 0; p < c.length; p++) {
-        const f = c[p];
-        f && (f.style.opacity = a[p] ?? "");
+        const d = c[p];
+        d && (d.style.opacity = a[p] ?? "");
       }
     }), c.map(
       (p) => new g({
         element: p,
-        integrator: y.from(s),
-        style: (f, d) => ({
-          opacity: n.mode === "enter" ? f : d
+        integrator: m.from(s),
+        style: (d, f) => ({
+          opacity: n.mode === "enter" ? d : f
         })
       })
     );
   }
 }
-class vt {
+class Tt {
   contribute() {
     return [];
   }
 }
-const as = {
-  default: () => new vt(),
-  fade: () => new is()
+const ls = {
+  default: () => new Tt(),
+  fade: () => new as()
 };
-function ls(e) {
-  return as[e]();
+function cs(e) {
+  return ls[e]();
 }
-class cs extends vt {
+class ps extends Tt {
 }
-function ps(e) {
-  const t = ts(e.type);
+function ds(e) {
+  const t = es(e.type);
   return { strategies: [
     new rs(),
     t,
-    ls(e.variant),
-    new cs(),
+    cs(e.variant),
+    new ps(),
     // Overlay is intrinsically tied to backdrop-filter-driven types. Today
     // that's only `blur`; the table-driven factory above owns the mapping
     // so this conditional is the single line that knows the relationship.
-    ...e.type === "blur" ? [new Wn()] : []
+    ...e.type === "blur" ? [new Zn()] : []
   ], physics: t.physics };
 }
 const fs = (e) => {
-  const { strategies: t, physics: n } = ps(e);
+  const { strategies: t, physics: n } = ds(e);
   return {
     prepare: (s) => {
       const o = {
@@ -2045,55 +2120,55 @@ const fs = (e) => {
         // strategy interface narrows the cast to keep both signatures
         // compatible.
         createElement: s.createElement
-      }, r = {};
-      for (const i of t) {
-        if (!i.prepare) continue;
-        const l = i.prepare(o);
-        l && Object.assign(r, l);
+      }, i = {};
+      for (const r of t) {
+        if (!r.prepare) continue;
+        const l = r.prepare(o);
+        l && Object.assign(i, l);
       }
-      return r;
+      return i;
     },
-    animation: ({ from: s, to: o, context: r, ...i }) => {
-      const l = ss(s, o);
+    animation: ({ from: s, to: o, context: i, ...r }) => {
+      const l = os(s, o);
       if (!l)
         return new E([], { mode: "parallel" });
-      const c = os(l, s, o, r.scrollOffset), a = [], f = {
+      const c = is(l, s, o, i.scrollOffset), a = [], d = {
         from: s,
         to: o,
         resolved: l,
         input: c,
         physics: n,
-        extras: i,
-        onComplete: (h) => {
-          a.push(h);
+        extras: r,
+        onComplete: (y) => {
+          a.push(y);
         }
-      }, d = [];
-      for (const h of t)
-        h.contribute && d.push(...h.contribute(f));
-      const m = d[0];
-      if (m) {
-        const h = m.onComplete;
-        m.onComplete = () => {
-          h == null || h();
-          for (const u of a)
+      }, f = [];
+      for (const y of t)
+        y.contribute && f.push(...y.contribute(d));
+      const u = f[0];
+      if (u) {
+        const y = u.onComplete;
+        u.onComplete = () => {
+          y == null || y();
+          for (const h of a)
             try {
-              u();
+              h();
             } catch (w) {
               console.error("[zoom] cleanup error", w);
             }
         };
       }
-      return new E(d, { mode: "parallel" });
+      return new E(f, { mode: "parallel" });
     }
   };
 };
-function ds(e) {
+function ys(e) {
   const t = e.type ?? "static", n = e.variant ?? (e.fade ? "fade" : "default");
   return { type: t, variant: n };
 }
-function Ds(e) {
-  const t = ds(e);
-  return T(
+function Is(e) {
+  const t = ys(e);
+  return v(
     e.paths,
     () => fs(t)
   );
@@ -2102,17 +2177,17 @@ export {
   As as Animation,
   E as MultiAnimation,
   g as WebAnimation,
-  ys as axis,
-  gs as blind,
-  ws as drill,
-  Ss as fade,
-  bs as film,
-  $s as hero,
-  Es as jaemin,
+  gs as axis,
+  ws as blind,
+  Ss as drill,
+  bs as fade,
+  $s as film,
+  Es as hero,
+  Cs as jaemin,
   xs as rotate,
-  Cs as scroll,
-  Ps as sheet,
-  _s as slide,
-  Ts as strip,
-  Ds as zoom
+  Ps as scroll,
+  _s as sheet,
+  Ds as slide,
+  vs as strip,
+  Is as zoom
 };