@ssgoi/core 7.3.0-beta.4 → 7.3.1

package/dist/index.js

@@ -1,14 +1,14 @@
-var ke = Object.defineProperty;
-var De = (t, e, n) => e in t ? ke(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var _ = (t, e, n) => De(t, typeof e != "symbol" ? e + "" : e, n);
+var De = Object.defineProperty;
+var Fe = (t, e, n) => e in t ? De(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var O = (t, e, n) => Fe(t, typeof e != "symbol" ? e + "" : e, n);
 import { d as k, w as D } from "./index-B_K3Vnj-.js";
-import { W as w, M as I, r as ot } from "./retain-opacity-BVcRlLr1.js";
-import { A as ur } from "./retain-opacity-BVcRlLr1.js";
-import { P as Fe, I as x, S as vt, b as Me, d as Pt, a as Te, D as Ye } from "./provider-BLf6XeXT.js";
-import { F as Le, a as He, p as it, S as ze } from "./page-motion-CoPTk-Gd.js";
-class Ne {
+import { W as S, M as I, r as ot } from "./retain-opacity-BVcRlLr1.js";
+import { A as hr } from "./retain-opacity-BVcRlLr1.js";
+import { P as Me, I as E, S as Pt, b as Te, d as vt, a as Ye, D as Le } from "./provider-BLf6XeXT.js";
+import { F as He, a as ze, p as it, S as Ne } from "./page-motion-CoPTk-Gd.js";
+class We {
   constructor(e) {
-    _(this, "durationSec");
+    O(this, "durationSec");
     this.durationSec = Math.max(1 / 60, e.durationSec);
   }
   step(e, n, o) {
@@ -18,7 +18,7 @@ class Ne {
     return (r > 0 ? l >= n : l <= n) ? { position: n, velocity: 0 } : { position: l, velocity: r * c };
   }
   isSettled(e, n) {
-    return Math.abs(e.position - n) < Fe;
+    return Math.abs(e.position - n) < Me;
   }
 }
 function Ft(t, e) {
@@ -47,7 +47,7 @@ function z(t, e) {
     o.height / c
   );
 }
-function V(t, e) {
+function X(t, e) {
   const { scrollingElement: n, positionedParent: o } = t, i = n !== o && n.contains(o) ? Ft(n, o).top : 0;
   return {
     top: t[e].scroll.y,
@@ -56,7 +56,7 @@ function V(t, e) {
     height: n.clientHeight - i
   };
 }
-function ue(t, e) {
+function pe(t, e) {
   const { scrollingElement: n, positionedParent: o } = t, i = n !== o && n.contains(o) ? Ft(n, o).top : 0;
   return {
     top: t[e].scroll.y - i,
@@ -70,7 +70,7 @@ const Ht = 8, zt = {
     doubleSpring: 1.2
   }
 };
-function We({
+function Xe({
   direction: t
 }) {
   const e = t === "forward" ? Ht : -Ht;
@@ -102,15 +102,15 @@ function Ve() {
     // 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: We
+    build: Xe
   };
 }
-const Nt = 30, Xe = {
+const Nt = 30, Be = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, Be = {
+}, Ue = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function Ue({
+function je({
   direction: t
 }) {
   const e = t === "forward" ? 1 : -1, n = -Nt * e, o = Nt * e;
@@ -136,26 +136,26 @@ function Ue({
     }
   };
 }
-function je() {
+function Ze() {
   return {
-    outPhysics: Xe,
-    inPhysics: Be,
+    outPhysics: Be,
+    inPhysics: Ue,
     // 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: Ue
+    build: je
   };
 }
-const Ze = {
+const Ge = {
   snappy: Ve(),
-  fluid: je()
-}, Wt = 8, Ge = {
+  fluid: Ze()
+}, Wt = 8, qe = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, qe = {
+}, Ke = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function Ke({
+function Je({
   direction: t
 }) {
   const e = t === "forward" ? 1 : -1, n = -Wt * e, o = Wt * e;
@@ -181,17 +181,17 @@ function Ke({
     }
   };
 }
-function Je() {
+function Qe() {
   return {
-    outPhysics: Ge,
-    inPhysics: qe,
+    outPhysics: qe,
+    inPhysics: Ke,
     composition: { mode: "sequence" },
-    build: Ke
+    build: Je
   };
 }
-const Qe = 40, tn = {
+const tn = 40, en = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, en = {
+}, nn = {
   spring: {
     stiffness: 400,
     damping: 30,
@@ -200,8 +200,8 @@ const Qe = 40, tn = {
     restSpeed: 0.1
   }
 };
-function nn(t) {
-  const e = Qe;
+function on(t) {
+  const e = tn;
   return {
     out: {
       willChange: "opacity",
@@ -223,31 +223,31 @@ function nn(t) {
     }
   };
 }
-function on() {
+function rn() {
   return {
-    outPhysics: tn,
-    inPhysics: en,
+    outPhysics: en,
+    inPhysics: nn,
     composition: { mode: "parallel", startAt: [0, 0] },
-    build: nn
+    build: on
   };
 }
-const Vt = Je(), rn = {
-  snappy: Vt,
-  directional: Vt,
-  "non-directional": on()
-}, Xt = {
+const Xt = Qe(), sn = {
+  snappy: Xt,
+  directional: Xt,
+  "non-directional": rn()
+}, Vt = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, pt = 0.1, ft = 1 / 3, Bt = (t) => Math.max(0, Math.min(1, t));
-function sn({
+}, ut = 0.1, ft = 1 / 3, Bt = (t) => Math.max(0, Math.min(1, t));
+function an({
   direction: t
 }) {
-  const e = t === "forward" ? 1 : -1, n = 1 - e * pt;
+  const e = t === "forward" ? 1 : -1, n = 1 - e * ut;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
       animate: (o) => ({
-        transform: `scale(${1 + e * o * pt})`,
+        transform: `scale(${1 + e * o * ut})`,
         opacity: `${Bt(1 - o / ft)}`
       })
     },
@@ -258,26 +258,26 @@ function sn({
         opacity: "0"
       },
       animate: (o) => ({
-        transform: `scale(${n + e * o * pt})`,
+        transform: `scale(${n + e * o * ut})`,
         opacity: `${Bt((o - ft) / (1 - ft))}`
       })
     }
   };
 }
-function an() {
+function cn() {
   return {
-    outPhysics: Xt,
-    inPhysics: Xt,
+    outPhysics: Vt,
+    inPhysics: Vt,
     // 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: sn
+    build: an
   };
 }
 const Ut = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
 }, ht = 0.1, yt = 1 / 3, jt = (t) => Math.max(0, Math.min(1, t));
-function cn() {
+function ln() {
   return {
     out: {
       willChange: "opacity",
@@ -299,41 +299,41 @@ function cn() {
     }
   };
 }
-function ln() {
+function dn() {
   return {
     outPhysics: Ut,
     inPhysics: Ut,
     composition: { mode: "parallel" },
-    build: cn
+    build: ln
   };
 }
-const Zt = an(), dn = {
+const Zt = cn(), pn = {
   snappy: Zt,
   directional: Zt,
-  "non-directional": ln()
+  "non-directional": dn()
 }, un = {
-  x: Ze,
-  y: rn,
-  z: dn
+  x: Ge,
+  y: sn,
+  z: pn
 };
-function pn(t, e) {
+function fn(t, e) {
   const n = un[t];
   return n[e] ?? n.snappy;
 }
-const fn = "x", hn = "snappy";
+const hn = "x", yn = "snappy";
 function Gt(t, e) {
   t.style.willChange = e.willChange, t.style.backfaceVisibility = "hidden", t.style.contain = "layout paint";
   for (const [n, o] of Object.entries(e.startStyle))
     t.style[n] = o;
 }
-function pe(t) {
+function ue(t) {
   t.style.willChange = "auto", t.style.backfaceVisibility = "", t.style.contain = "", t.style.transform = "", t.style.opacity = "", t.style.clipPath = "";
 }
-function yn(t) {
-  pe(t), t.style.pointerEvents = "";
+function mn(t) {
+  ue(t), t.style.pointerEvents = "";
 }
-const mn = (t = {}) => {
-  const e = t.type ?? fn, n = t.feel ?? hn, o = pn(e, n), i = (r) => {
+const gn = (t = {}) => {
+  const e = t.type ?? hn, n = t.feel ?? yn, o = fn(e, n), i = (r) => {
     const c = o.build({ direction: r });
     return {
       prepare: ({ from: s, to: l }) => (s.then((a) => {
@@ -343,26 +343,26 @@ const mn = (t = {}) => {
       }), {}),
       animation: ({ from: s, to: l, context: a }) => {
         if (e === "z") {
-          const y = V(a, "from"), p = V(a, "to");
-          s.style.clipPath = `inset(${y.top}px 0 calc(100% - ${y.top + y.height}px) 0)`, l.style.clipPath = `inset(${p.top}px 0 calc(100% - ${p.top + p.height}px) 0)`;
+          const y = X(a, "from"), u = X(a, "to");
+          s.style.clipPath = `inset(${y.top}px 0 calc(100% - ${y.top + y.height}px) 0)`, l.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`;
         }
-        const d = new w({
+        const d = new S({
           element: s,
-          integrator: x.from(o.outPhysics),
+          integrator: E.from(o.outPhysics),
           style: (y) => c.out.animate(y),
           // 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).
-          onDispose: () => yn(s)
-        }), u = new w({
+          onDispose: () => mn(s)
+        }), p = new S({
           element: l,
-          integrator: x.from(o.inPhysics),
+          integrator: E.from(o.inPhysics),
           style: (y) => c.in.animate(y),
-          onDispose: () => pe(l)
+          onDispose: () => ue(l)
         });
         return new I(
-          { out: d, in: u },
+          { out: d, in: p },
           o.composition
         );
       }
@@ -373,19 +373,19 @@ const mn = (t = {}) => {
     backward: i("backward")
   });
 };
-function gn(t, e, n) {
+function bn(t, e, n) {
   return t === "y" ? e === "non-directional" ? "non-directional" : "directional" : t !== "x" || e === "snappy" || n === "snappy" ? "snappy" : "fluid";
 }
-function Vi(t = {}, e = {}) {
-  const n = t.type ?? "x", o = t.variant, i = t.feel, r = gn(n, o, i);
+function Ui(t = {}, e = {}) {
+  const n = t.type ?? "x", o = t.variant, i = t.feel, r = bn(n, o, i);
   return D(
-    mn({ type: n, feel: r }),
+    gn({ type: n, feel: r }),
     e.override
   );
 }
-const bn = {
+const wn = {
   spring: { stiffness: 200, damping: 22 }
-}, wn = 10, Sn = "horizontal", xn = "#000000";
+}, xn = 10, Sn = "horizontal", En = "#000000";
 function qt(t, e, n, o, i, r) {
   window.getComputedStyle(t).position === "static" && (t.style.position = "relative");
   const s = document.createElement("div");
@@ -403,25 +403,25 @@ function qt(t, e, n, o, i, r) {
   for (let a = 0; a < e; a++) {
     const d = document.createElement("div");
     if (n === "horizontal") {
-      const u = 100 / e;
+      const p = 100 / e;
       d.style.cssText = `
         position: absolute;
-        top: ${u * a}%;
+        top: ${p * a}%;
         left: 0;
         width: 100%;
-        height: calc(${u}% + 1px);
+        height: calc(${p}% + 1px);
         background: ${o};
         transform: scaleX(${i === "hidden" ? 0 : 1});
         transform-origin: ${r} center;
         will-change: transform;
       `;
     } else {
-      const u = 100 / e;
+      const p = 100 / e;
       d.style.cssText = `
         position: absolute;
         top: 0;
-        left: ${u * a}%;
-        width: calc(${u}% + 1px);
+        left: ${p * a}%;
+        width: calc(${p}% + 1px);
         height: 100%;
         background: ${o};
         transform: scaleY(${i === "hidden" ? 0 : 1});
@@ -433,10 +433,10 @@ function qt(t, e, n, o, i, r) {
   }
   return t.appendChild(s), { container: s, blinds: l };
 }
-const En = (t = {}) => {
-  const e = t.blindCount ?? wn, n = t.direction ?? Sn, o = t.blindColor ?? xn, i = t.physics ?? bn, r = {
+const $n = (t = {}) => {
+  const e = t.blindCount ?? xn, n = t.direction ?? Sn, o = t.blindColor ?? En, i = t.physics ?? wn, r = {
     prepare: async ({ from: c, to: s, signal: l, onCleanup: a }) => {
-      const d = await c, u = await s;
+      const d = await c, p = await s;
       if (l != null && l.aborted) throw new Error("Blind preparation superseded");
       d.style.zIndex = "1000";
       const y = qt(
@@ -447,9 +447,9 @@ const En = (t = {}) => {
         "hidden",
         "left"
       );
-      u.style.position = "relative", u.style.zIndex = "0";
-      const p = qt(
-        u,
+      p.style.position = "relative", p.style.zIndex = "0";
+      const u = qt(
+        p,
         e,
         n,
         o,
@@ -457,13 +457,13 @@ const En = (t = {}) => {
         "right"
       );
       return a == null || a(() => {
-        y.container.remove(), p.container.remove();
+        y.container.remove(), u.container.remove();
       }), {
         fromEl: d,
         fromBlinds: y.blinds,
         fromContainer: y.container,
-        toBlinds: p.blinds,
-        toContainer: p.container
+        toBlinds: u.blinds,
+        toContainer: u.container
       };
     },
     animation: ({
@@ -472,10 +472,10 @@ const En = (t = {}) => {
       fromBlinds: l,
       fromContainer: a,
       toBlinds: d,
-      toContainer: u
+      toContainer: p
     }) => {
       const y = l.map(
-        (b, g) => new w({
+        (b, g) => new S({
           element: b,
           motion: {
             lifetime: "temporary",
@@ -483,13 +483,13 @@ const En = (t = {}) => {
             key: `blind:${n}:${e}:${g}`,
             space: c
           },
-          integrator: x.from(i),
-          style: (E) => ({
-            transform: n === "horizontal" ? `scaleX(${E})` : `scaleY(${E})`
+          integrator: E.from(i),
+          style: (w) => ({
+            transform: n === "horizontal" ? `scaleX(${w})` : `scaleY(${w})`
           })
         })
-      ), p = d.map(
-        (b, g) => new w({
+      ), u = d.map(
+        (b, g) => new S({
           element: b,
           motion: {
             lifetime: "temporary",
@@ -497,25 +497,25 @@ const En = (t = {}) => {
             key: `blind:${n}:${e}:${g}`,
             space: s
           },
-          integrator: x.from(i),
-          style: (E, C) => ({
+          integrator: E.from(i),
+          style: (w, C) => ({
             transform: n === "horizontal" ? `scaleX(${C})` : `scaleY(${C})`
           })
         })
-      ), f = new I(y, { mode: "parallel" }), h = new I(p, { mode: "parallel" }), m = new I(
+      ), f = new I(y, { mode: "parallel" }), h = new I(u, { mode: "parallel" }), m = new I(
         { out: f, in: h },
         { mode: "sequence" }
       );
       return m.onDispose = (b) => {
-        u.remove(), a.remove(), b.owns(c) && (c.style.zIndex = "", c.style.position = "");
+        p.remove(), a.remove(), b.owns(c) && (c.style.zIndex = "", c.style.position = "");
       }, m;
     }
   };
   return k({ forward: r, backward: r });
 };
-function Xi(t = {}, e = {}) {
+function ji(t = {}, e = {}) {
   const { type: n = "horizontal" } = t;
-  return D(En({ direction: n }), e.override);
+  return D($n({ direction: n }), e.override);
 }
 function K(t, e = {}) {
   const n = Object.fromEntries(
@@ -535,14 +535,14 @@ function J(t) {
     e == null || e(), t.releaseFill();
   };
 }
-const $n = {
+const Cn = {
   spring: {
     stiffness: 250,
     damping: 23,
     doubleSpring: 0.7
   }
-}, Z = 0.5;
-function Cn(t) {
+}, j = 0.5;
+function An(t) {
   const e = t === "enter" ? -100 : 100, n = t === "enter" ? 100 : -100;
   return {
     out: {
@@ -550,26 +550,26 @@ function Cn(t) {
       startStyle: {},
       animate: (o) => ({
         transform: `translate3d(${e * o}%, 0, 0)`,
-        opacity: `${Z + (1 - Z) * (1 - o)}`
+        opacity: `${j + (1 - j) * (1 - o)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
         transform: `translate3d(${n}%, 0, 0)`,
-        opacity: `${Z}`
+        opacity: `${j}`
       },
       animate: (o) => ({
         transform: `translate3d(${n * (1 - o)}%, 0, 0)`,
-        opacity: `${Z + (1 - Z) * o}`
+        opacity: `${j + (1 - j) * o}`
       })
     }
   };
 }
-function An() {
+function Pn() {
   return {
-    physics: $n,
-    build: Cn
+    physics: Cn,
+    build: An
   };
 }
 const vn = {
@@ -582,7 +582,7 @@ const vn = {
     }
   }
 };
-function Pn(t) {
+function Rn(t) {
   const e = t === "enter" ? -20 : 100, n = t === "enter" ? 100 : -20;
   return {
     out: {
@@ -603,51 +603,51 @@ function Pn(t) {
     }
   };
 }
-function Rn() {
+function In() {
   return {
     physics: vn,
-    build: Pn
+    build: Rn
   };
 }
-const In = {
-  parallax: Rn(),
-  crossfade: An()
-}, L = "0", fe = "1", M = "2", On = "parallax";
+const On = {
+  parallax: In(),
+  crossfade: Pn()
+}, L = "0", fe = "1", M = "2", _n = "parallax";
 function Kt(t, e) {
   t.style.willChange = e.willChange, t.style.backfaceVisibility = "hidden", t.style.contain = "layout paint";
   for (const [n, o] of Object.entries(e.startStyle))
     t.style[n] = o;
 }
-const _n = (t = {}) => {
-  const e = In[t.type ?? On], n = e.physics, o = (i) => {
+const kn = (t = {}) => {
+  const e = On[t.type ?? _n], n = e.physics, o = (i) => {
     const r = i === "forward" ? "enter" : "exit", c = e.build(r), s = r === "enter" ? L : M, l = r === "enter" ? M : L;
     return {
-      prepare: ({ from: a, to: d }) => (a.then((u) => {
-        Kt(u, c.out), u.style.pointerEvents = "none", u.style.zIndex = s;
-      }), d.then((u) => {
-        Kt(u, c.in), u.style.position = "relative", u.style.zIndex = l;
+      prepare: ({ from: a, to: d }) => (a.then((p) => {
+        Kt(p, c.out), p.style.pointerEvents = "none", p.style.zIndex = s;
+      }), d.then((p) => {
+        Kt(p, c.in), p.style.position = "relative", p.style.zIndex = l;
       }), {}),
       animation: ({ from: a, to: d }) => {
-        const u = new w({
+        const p = new S({
           element: a,
-          integrator: x.from(n),
-          style: (p) => c.out.animate(p),
+          integrator: E.from(n),
+          style: (u) => c.out.animate(u),
           // 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`.
           onDispose: () => {
             a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.opacity = "", a.style.pointerEvents = "", a.style.zIndex = "";
           }
-        }), y = new w({
+        }), y = new S({
           element: d,
-          integrator: x.from(n),
-          style: (p) => c.in.animate(p),
+          integrator: E.from(n),
+          style: (u) => c.in.animate(u),
           onDispose: () => {
             d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.contain = "", d.style.transform = "", d.style.opacity = "", d.style.position === "relative" && (d.style.position = ""), d.style.zIndex === l && (d.style.zIndex = "");
           }
         });
-        return [u, y].forEach(J), new I(
-          { out: u, in: y },
+        return [p, y].forEach(J), new I(
+          { out: p, in: y },
           { mode: "parallel" }
         );
       }
@@ -658,22 +658,22 @@ const _n = (t = {}) => {
     backward: o("backward")
   });
 };
-function kn(t) {
+function Dn(t) {
   return t === "slide" || t === "crossfade" ? "crossfade" : "parallax";
 }
-function Bi(t = {}, e = {}) {
-  const n = t.type, o = kn(n);
-  return D(_n({ type: o }), e.override);
+function Zi(t = {}, e = {}) {
+  const n = t.type, o = Dn(n);
+  return D(kn({ type: o }), e.override);
 }
-const Dn = (t = {}) => {
-  const e = t.physics ?? Le, n = t.physics ?? He, o = {
+const Fn = (t = {}) => {
+  const e = t.physics ?? He, n = t.physics ?? ze, o = {
     prepare: ({ to: i }) => (i.then((r) => {
       r.style.opacity = "0", r.style.willChange = "opacity";
     }), {}),
     animation: ({ from: i, to: r }) => {
-      const c = new w({
+      const c = new S({
         element: i,
-        integrator: x.from(n),
+        integrator: E.from(n),
         // Default bounds (0, 1). `u` runs 1→0 as the animation moves
         // forward, mapping opacity from fully visible to invisible.
         style: (l) => ({
@@ -682,9 +682,9 @@ const Dn = (t = {}) => {
         onDispose: () => {
           i.style.willChange = "auto", i.style.opacity = "";
         }
-      }), s = new w({
+      }), s = new S({
         element: r,
-        integrator: x.from(e),
+        integrator: E.from(e),
         style: (l) => ({
           opacity: it("fade", "in", "forward", l).opacity
         }),
@@ -700,22 +700,22 @@ const Dn = (t = {}) => {
   };
   return k({ forward: o, backward: o });
 };
-function Ui(t = {}, e = {}) {
-  return D(Dn(), e.override);
+function Gi(t = {}, e = {}) {
+  return D(Fn(), e.override);
 }
 const mt = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
-}, X = {
+}, V = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, Fn = 0.8, Mn = "white", Jt = 1e3 / 60, Tn = 600;
-function Yn(t) {
+}, Mn = 0.8, Tn = "white", Jt = 1e3 / 60, Yn = 600;
+function Ln(t) {
   const { items: e, from: n, to: o, recordFrame: i } = t, r = Jt / 1e3, c = Math.abs(o - n), s = e.map((a) => ({
     item: a,
-    integrator: new vt({
+    integrator: new Pt({
       stiffness: a.spring.stiffness,
       damping: a.spring.damping
     }),
@@ -728,19 +728,19 @@ function Yn(t) {
     (a === 0 || s[a].item.offset === 0) && (s[a].started = !0);
   i(0);
   let l = 0;
-  for (let a = 1; a <= Tn; a++) {
+  for (let a = 1; a <= Yn; a++) {
     const d = a * Jt;
     l = d;
-    for (const u of s)
-      !u.started || u.settled || (u.state = u.integrator.step(u.state, o, r), u.integrator.isSettled(u.state, o) ? (u.settleTime += r, u.settleTime >= Me && (u.state = { position: o, velocity: 0 }, u.settled = !0)) : u.settleTime = 0, u.item.tick(u.state.position));
-    for (let u = 1; u < s.length; u++) {
-      const y = s[u];
+    for (const p of s)
+      !p.started || p.settled || (p.state = p.integrator.step(p.state, o, r), p.integrator.isSettled(p.state, o) ? (p.settleTime += r, p.settleTime >= Te && (p.state = { position: o, velocity: 0 }, p.settled = !0)) : p.settleTime = 0, p.item.tick(p.state.position));
+    for (let p = 1; p < s.length; p++) {
+      const y = s[p];
       if (y.started) continue;
-      const p = s[u - 1];
-      if (!p.started) continue;
-      (c === 0 ? 1 : Math.abs(p.state.position - n) / c) >= y.item.offset && (y.started = !0);
+      const u = s[p - 1];
+      if (!u.started) continue;
+      (c === 0 ? 1 : Math.abs(u.state.position - n) / c) >= y.item.offset && (y.started = !0);
     }
-    if (i(d), s.every((u) => u.settled)) return d;
+    if (i(d), s.every((p) => p.settled)) return d;
   }
   return l;
 }
@@ -751,10 +751,10 @@ function gt(t, e) {
   } : e;
 }
 function Qt(t) {
-  const { rect: e, scale: n, direction: o, override: i } = t, r = o === "out" ? { scale: 1, translateY: -e.top } : { scale: n, translateY: -e.top + e.height }, c = gt(i, mt.scaleDown), s = gt(i, mt.translate), l = gt(i, mt.scaleUp), a = o === "out" ? 1 : 0, d = o === "out" ? 0 : 1, u = o === "out" ? [
+  const { rect: e, scale: n, direction: o, override: i } = t, r = o === "out" ? { scale: 1, translateY: -e.top } : { scale: n, translateY: -e.top + e.height }, c = gt(i, mt.scaleDown), s = gt(i, mt.translate), l = gt(i, mt.scaleUp), a = o === "out" ? 1 : 0, d = o === "out" ? 0 : 1, p = o === "out" ? [
     {
       spring: c,
-      offset: X.scaleDown,
+      offset: V.scaleDown,
       tick: (f) => {
         const h = 1 - f;
         r.scale = 1 - (1 - n) * h;
@@ -762,7 +762,7 @@ function Qt(t) {
     },
     {
       spring: s,
-      offset: X.translate,
+      offset: V.translate,
       tick: (f) => {
         const h = 1 - f;
         r.translateY = -e.top - e.height * h;
@@ -770,7 +770,7 @@ function Qt(t) {
     },
     {
       spring: l,
-      offset: X.scaleUp,
+      offset: V.scaleUp,
       tick: (f) => {
         const h = 1 - f;
         r.scale = n + (1 - n) * h;
@@ -779,27 +779,27 @@ function Qt(t) {
   ] : [
     {
       spring: c,
-      offset: X.scaleDown,
+      offset: V.scaleDown,
       tick: (f) => {
         r.scale = 1 - (1 - n) * f;
       }
     },
     {
       spring: s,
-      offset: X.translate,
+      offset: V.translate,
       tick: (f) => {
         r.translateY = -e.top + e.height * (1 - f);
       }
     },
     {
       spring: l,
-      offset: X.scaleUp,
+      offset: V.scaleUp,
       tick: (f) => {
         r.scale = n + (1 - n) * f;
       }
     }
-  ], y = [], p = Yn({
-    items: u,
+  ], y = [], u = Ln({
+    items: p,
     from: a,
     to: d,
     recordFrame: (f) => y.push({
@@ -808,9 +808,9 @@ function Qt(t) {
       translateY: r.translateY
     })
   });
-  return { snapshots: y, totalDuration: p };
+  return { snapshots: y, totalDuration: u };
 }
-function Ln(t, e) {
+function Hn(t, e) {
   if (t.length === 0) return { time: 0, scale: 1, translateY: 0 };
   if (t.length === 1 || e <= 0) return t[0];
   if (e >= 1) return t[t.length - 1];
@@ -823,13 +823,13 @@ function Ln(t, e) {
     translateY: r.translateY + (c.translateY - r.translateY) * s
   };
 }
-const Hn = [
+const zn = [
   [1, 1],
   [-1, 1],
   [1, -1],
   [-1, -1]
 ];
-function zn(t, e) {
+function Nn(t, e) {
   const i = (r, c, s) => {
     const l = document.createElement("div");
     Object.assign(l.style, {
@@ -908,25 +908,25 @@ function ee(t, e) {
 }
 function bt(t, e, n, o, i) {
   const r = n / 1e3;
-  return new w({
+  return new S({
     element: t,
-    integrator: new Ne({ durationSec: r }),
+    integrator: new We({ durationSec: r }),
     lowerBound: 0,
     upperBound: 1,
-    style: (c) => o(Ln(e, c)),
+    style: (c) => o(Hn(e, c)),
     onDispose: i
   });
 }
-const Nn = (t = {}) => {
+const Wn = (t = {}) => {
   var r;
-  const e = ((r = t.border) == null ? void 0 : r.color) ?? Mn, n = Fn, o = t.physics, i = {
+  const e = ((r = t.border) == null ? void 0 : r.color) ?? Tn, n = Mn, o = t.physics, i = {
     prepare: ({ from: c, to: s, context: l, onCleanup: a }) => {
-      const d = V(l, "from"), u = V(l, "to"), y = Ft(document.body, l.positionedParent), p = zn(e, {
+      const d = X(l, "from"), p = X(l, "to"), y = Ft(document.body, l.positionedParent), u = Nn(e, {
         ...d,
         top: y.top
       });
       a == null || a(() => {
-        for (const f of Object.values(p)) f.remove();
+        for (const f of Object.values(u)) f.remove();
       });
       for (const f of [
         "topLeft",
@@ -934,21 +934,21 @@ const Nn = (t = {}) => {
         "bottomLeft",
         "bottomRight"
       ])
-        l.positionedParent.appendChild(p[f]);
+        l.positionedParent.appendChild(u[f]);
       return c.then((f) => {
         te(f, d), ee(f, d), f.style.transform = `translateY(${-d.top}px)`;
       }), s.then((f) => {
-        te(f, u), ee(f, u), f.style.transform = `translateY(${-u.top + u.height}px) scale(${n})`;
-      }), { borders: p, fromRect: d, toRect: u };
+        te(f, p), ee(f, p), f.style.transform = `translateY(${-p.top + p.height}px) scale(${n})`;
+      }), { borders: u, fromRect: d, toRect: p };
     },
-    animation: ({ from: c, to: s, context: l, borders: a, fromRect: d, toRect: u }) => {
+    animation: ({ from: c, to: s, context: l, borders: a, fromRect: d, toRect: p }) => {
       const y = Qt({
         rect: d,
         scale: n,
         direction: "out",
         override: o
-      }), p = Qt({
-        rect: u,
+      }), u = Qt({
+        rect: p,
         scale: n,
         direction: "in",
         override: o
@@ -964,28 +964,28 @@ const Nn = (t = {}) => {
         }
       ), h = bt(
         s,
-        p.snapshots,
-        p.totalDuration,
+        u.snapshots,
+        u.totalDuration,
         (g) => ({
           transform: `translateY(${g.translateY}px) scale(${g.scale})`
         }),
         () => {
           s.style.clipPath = "", s.style.transformOrigin = "", s.style.transform = "";
         }
-      ), m = Hn.map(([g, E], C) => {
-        const v = ["topLeft", "topRight", "bottomLeft", "bottomRight"][C];
+      ), m = zn.map(([g, w], C) => {
+        const A = ["topLeft", "topRight", "bottomLeft", "bottomRight"][C];
         return bt(
-          a[v],
+          a[A],
           y.snapshots,
           y.totalDuration,
-          (A) => {
-            const S = (d.width - d.width * A.scale) / 2 * 0.7 * g, $ = (d.height - d.height * A.scale) / 2 * 0.7 * E;
-            return { transform: `translate(${S}px, ${$}px)` };
+          (P) => {
+            const x = (d.width - d.width * P.scale) / 2 * 0.7 * g, $ = (d.height - d.height * P.scale) / 2 * 0.7 * w;
+            return { transform: `translate(${x}px, ${$}px)` };
           }
         );
       });
       for (const g of m)
-        g instanceof w && (g.motion.lifetime = "temporary");
+        g instanceof S && (g.motion.lifetime = "temporary");
       const b = K({
         out: f,
         in: h,
@@ -993,13 +993,13 @@ const Nn = (t = {}) => {
       });
       return b.onDispose = () => {
         const g = l.positionedParent;
-        for (const E of [
+        for (const w of [
           "topLeft",
           "topRight",
           "bottomLeft",
           "bottomRight"
         ]) {
-          const C = a[E];
+          const C = a[w];
           C.parentElement === g && g.removeChild(C);
         }
       }, b;
@@ -1007,11 +1007,11 @@ const Nn = (t = {}) => {
   };
   return k({ forward: i, backward: i });
 };
-function ji(t = {}, e = {}) {
+function qi(t = {}, e = {}) {
   const { options: n } = t, o = (n == null ? void 0 : n.borderColor) !== void 0 ? { border: { color: n.borderColor } } : void 0;
-  return D(Nn(o), e.override);
+  return D(Wn(o), e.override);
 }
-function Wn(t) {
+function Xn(t) {
   if (!t) return null;
   if (t.includes("/")) {
     const n = t.split("/");
@@ -1040,7 +1040,7 @@ function he(t) {
   }
   return e.length === 1 ? e[0] ?? null : null;
 }
-function Xn(t) {
+function Bn(t) {
   var l, a;
   if (!Rt(t)) return null;
   const e = t, n = e.naturalWidth, o = e.naturalHeight;
@@ -1049,7 +1049,7 @@ function Xn(t) {
   const i = ((l = t.getAttribute("width")) == null ? void 0 : l.trim()) ?? "", r = ((a = t.getAttribute("height")) == null ? void 0 : a.trim()) ?? "", c = i === "" ? Number.NaN : Number(i), s = r === "" ? Number.NaN : Number(r);
   return Number.isFinite(c) && Number.isFinite(s) && c > 0 && s > 0 ? c / s : null;
 }
-function Bn(t) {
+function Un(t) {
   const e = t.trim().toLowerCase().replace(/\s+/g, " ");
   return e === "" || e === "center" || e === "center center" || e === "50% 50%";
 }
@@ -1061,8 +1061,8 @@ function Q(t) {
     }
   return t.style;
 }
-function Un(t) {
-  const e = Q(t), n = Bn(e.objectPosition ?? "");
+function jn(t) {
+  const e = Q(t), n = Un(e.objectPosition ?? "");
   return {
     fit: n ? Vn(e.objectFit ?? null) : null,
     centered: n
@@ -1089,7 +1089,7 @@ function It(t) {
   );
   return { radius: i ? o : 0, supported: i };
 }
-function jn(t, e) {
+function Zn(t, e) {
   var i;
   if (!e) return null;
   const n = (i = t.getAttribute(e)) == null ? void 0 : i.trim();
@@ -1097,7 +1097,7 @@ function jn(t, e) {
   const o = Number.parseFloat(n);
   return Number.isFinite(o) && o >= 0 ? o : null;
 }
-function Zn(t) {
+function Gn(t) {
   const e = Q(t);
   return [
     e.paddingTop,
@@ -1110,7 +1110,7 @@ function Zn(t) {
     e.borderLeftWidth
   ].every((o) => o ? Mt(o) === 0 : !0);
 }
-function Gn(t) {
+function qn(t) {
   const e = Q(t), n = (o) => o === "hidden" || o === "clip";
   return n(e.overflowX) && n(e.overflowY);
 }
@@ -1120,7 +1120,7 @@ function N(t) {
 function W(t) {
   return t.top + t.height / 2;
 }
-function j(t, e) {
+function U(t, e) {
   return {
     top: Math.max(0, e.top - t.top),
     right: Math.max(0, t.left + t.width - (e.left + e.width)),
@@ -1132,10 +1132,10 @@ function Ot(t, e) {
   const n = Math.max(t.left, e.left), o = Math.max(t.top, e.top), i = Math.min(t.left + t.width, e.left + e.width), r = Math.min(t.top + t.height, e.top + e.height);
   return i > n && r > o ? { left: n, top: o, width: i - n, height: r - o } : null;
 }
-function G(t, e) {
+function Z(t, e) {
   return Math.abs(t.left - e.left) < 0.01 && Math.abs(t.top - e.top) < 0.01 && Math.abs(t.width - e.width) < 0.01 && Math.abs(t.height - e.height) < 0.01;
 }
-function qn(t, e, n) {
+function Kn(t, e, n) {
   const o = t.width / t.height;
   let i, r;
   return n === "contain" ? o > e ? (r = t.height, i = r * e) : (i = t.width, r = i / e) : o > e ? (i = t.width, r = i / e) : (r = t.height, i = r * e), {
@@ -1146,12 +1146,12 @@ function qn(t, e, n) {
   };
 }
 function ye(t, e, n) {
-  const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? qn(t, e, n) : t, i = n === "contain" ? o : t;
+  const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? Kn(t, e, n) : t, i = n === "contain" ? o : t;
   return {
     bbox: t,
     content: o,
     window: i,
-    clipInset: j(o, i),
+    clipInset: U(o, i),
     aspectRatio: e,
     fit: n,
     radius: 0,
@@ -1185,29 +1185,29 @@ function ne(t) {
 function ge(t, e) {
   return me(t, e) ? [t, e] : [ne(t), ne(e)];
 }
-function Kn(t, e, n, o) {
-  const i = he(t), r = i ? n(i) : e, c = o.legacyAspectRatioAttribute ? Wn(
+function Jn(t, e, n, o) {
+  const i = he(t), r = i ? n(i) : e, c = o.legacyAspectRatioAttribute ? Xn(
     t.getAttribute(o.legacyAspectRatioAttribute) ?? (i == null ? void 0 : i.getAttribute(o.legacyAspectRatioAttribute)) ?? null
-  ) : null, s = c ?? (i ? Xn(i) : null), l = i ? Un(i) : { fit: null, centered: !0 }, a = l.centered && (i === null || Zn(i)) ? l.fit ?? (c !== null ? o.fallbackFit ?? null : null) : null, d = ye(r, s, a), u = Gn(t), p = i !== null && i !== t && u ? Ot(d.window, e) : d.window, f = jn(t, o.legacyRadiusAttribute), h = i === t || u, m = h ? It(t) : { radius: 0, supported: !0 }, b = f ?? m.radius, g = f !== null ? "legacy" : m.supported ? m.radius > 0 ? "computed" : "none" : "unsupported", E = [];
-  p && h && G(p, e) && E.push(m), p && i && G(p, r) && E.push(It(i));
-  const C = E.every(($) => $.supported), v = Math.max(
+  ) : null, s = c ?? (i ? Bn(i) : null), l = i ? jn(i) : { fit: null, centered: !0 }, a = l.centered && (i === null || Gn(i)) ? l.fit ?? (c !== null ? o.fallbackFit ?? null : null) : null, d = ye(r, s, a), p = qn(t), u = i !== null && i !== t && p ? Ot(d.window, e) : d.window, f = Zn(t, o.legacyRadiusAttribute), h = i === t || p, m = h ? It(t) : { radius: 0, supported: !0 }, b = f ?? m.radius, g = f !== null ? "legacy" : m.supported ? m.radius > 0 ? "computed" : "none" : "unsupported", w = [];
+  u && h && Z(u, e) && w.push(m), u && i && Z(u, r) && w.push(It(i));
+  const C = w.every(($) => $.supported), A = Math.max(
     0,
-    ...E.map(($) => $.radius)
-  ), A = f ?? v, S = f !== null ? "legacy" : C ? v > 0 ? "computed" : "none" : "unsupported";
-  return !p || S === "unsupported" ? _t(e, b, g) : {
+    ...w.map(($) => $.radius)
+  ), P = f ?? A, x = f !== null ? "legacy" : C ? A > 0 ? "computed" : "none" : "unsupported";
+  return !u || x === "unsupported" ? _t(e, b, g) : {
     ...d,
     bbox: e,
-    window: p,
-    clipInset: j(d.content, p),
-    radius: A,
-    radiusSource: S,
+    window: u,
+    clipInset: U(d.content, u),
+    radius: P,
+    radiusSource: x,
     bboxRadius: b,
     bboxRadiusSource: g,
     mediaElement: d.contentAware ? i : null
   };
 }
 function rt(t, e, n, o) {
-  const i = Kn(
+  const i = Jn(
     t,
     e,
     n,
@@ -1217,64 +1217,64 @@ function rt(t, e, n, o) {
     return i;
   let r = i.window, c = i.radius, s = [c, c, c, c], l = i.radiusSource, a = t.parentElement;
   for (; a && a !== o.clipRoot; ) {
-    const u = Q(a), y = (h) => h === "hidden" || h === "clip" || h === "auto" || h === "scroll", p = y(u.overflowX), f = y(u.overflowY);
-    if (p || f) {
+    const p = Q(a), y = (h) => h === "hidden" || h === "clip" || h === "auto" || h === "scroll", u = y(p.overflowX), f = y(p.overflowY);
+    if (u || f) {
       if (![
-        u.borderTopWidth,
-        u.borderRightWidth,
-        u.borderBottomWidth,
-        u.borderLeftWidth
-      ].every((S) => Mt(S) === 0) || a.offsetWidth && a.clientWidth && a.offsetWidth - a.clientWidth > 1 || a.offsetHeight && a.clientHeight && a.offsetHeight - a.clientHeight > 1)
+        p.borderTopWidth,
+        p.borderRightWidth,
+        p.borderBottomWidth,
+        p.borderLeftWidth
+      ].every((x) => Mt(x) === 0) || a.offsetWidth && a.clientWidth && a.offsetWidth - a.clientWidth > 1 || a.offsetHeight && a.clientHeight && a.offsetHeight - a.clientHeight > 1)
         return i;
       const m = n(a), b = {
-        left: p ? m.left : r.left,
+        left: u ? m.left : r.left,
         top: f ? m.top : r.top,
-        width: p ? m.width : r.width,
+        width: u ? m.width : r.width,
         height: f ? m.height : r.height
       }, g = Ot(r, b);
       if (!g) return i;
-      const E = It(a);
-      if (!E.supported) return i;
-      if (p && f && G(r, m))
-        l !== "legacy" && (c = Math.max(c, E.radius), s = s.map(
-          (S) => Math.max(S, E.radius)
+      const w = It(a);
+      if (!w.supported) return i;
+      if (u && f && Z(r, m))
+        l !== "legacy" && (c = Math.max(c, w.radius), s = s.map(
+          (x) => Math.max(x, w.radius)
         ), c > 0 && (l = "computed"));
-      else if (E.radius > 0) {
-        const S = {
-          left: m.left + E.radius,
-          top: m.top + E.radius,
-          width: m.width - 2 * E.radius,
-          height: m.height - 2 * E.radius
+      else if (w.radius > 0) {
+        const x = {
+          left: m.left + w.radius,
+          top: m.top + w.radius,
+          width: m.width - 2 * w.radius,
+          height: m.height - 2 * w.radius
         };
-        if (!G(Ot(r, S) ?? m, r))
+        if (!Z(Ot(r, x) ?? m, r))
           return i;
       }
-      const C = j(r, g), v = [
+      const C = U(r, g), A = [
         [C.top, C.left],
         [C.top, C.right],
         [C.bottom, C.right],
         [C.bottom, C.left]
       ];
-      for (let S = 0; S < 4; S++) {
-        const $ = Math.max(...v[S]), R = s[S];
+      for (let x = 0; x < 4; x++) {
+        const $ = Math.max(...A[x]), R = s[x];
         if ($ > 0.01 && $ < R) return i;
-        $ > 0.01 && (s[S] = 0);
+        $ > 0.01 && (s[x] = 0);
       }
-      const A = Math.max(...s);
-      if (g.width < A || g.height < A)
+      const P = Math.max(...s);
+      if (g.width < P || g.height < P)
         return i;
       r = g;
     }
     a = a.parentElement;
   }
-  const d = G(i.bbox, r);
+  const d = Z(i.bbox, r);
   return {
     ...i,
     window: r,
-    clipInset: j(i.content, r),
+    clipInset: U(i.content, r),
     radius: c,
     radiusSource: l,
-    ...s.some((u) => u !== c) ? { cornerRadii: s } : {},
+    ...s.some((p) => p !== c) ? { cornerRadii: s } : {},
     ...d ? { bboxRadius: c, bboxRadiusSource: l } : {}
   };
 }
@@ -1287,15 +1287,19 @@ function be(t, e, n, o, i) {
     height: c
   };
 }
-const Jn = {
+const Qn = {
   enter: "contain",
   exit: "cover",
   legacy: "contain"
 };
 function B(t) {
-  return Jn[t];
+  return Qn[t];
+}
+const st = "data-ssgoi-crossfade", G = (t) => Math.min(1, Math.max(0, t));
+function we(t, e, n) {
+  const o = G(t), i = o + (1 - o) * (1 - n);
+  return i > 0 ? o / i * e : e;
 }
-const st = "data-ssgoi-crossfade", U = (t) => Math.min(1, Math.max(0, t));
 function Tt(t) {
   const e = t.cloneNode(!0), n = (o, i) => {
     const r = getComputedStyle(o), c = i.style;
@@ -1348,15 +1352,15 @@ function kt(t, e) {
     scaleY: e.offsetHeight && Math.abs(n.height - e.offsetHeight) > 0.5 ? n.height / e.offsetHeight : 1
   };
 }
-function Qn(t, e) {
+function to(t, e) {
   const { box: n, scaleX: o, scaleY: i } = e, r = (t.left + t.width / 2 - n.left - n.width / 2) / o, c = (t.top + t.height / 2 - n.top - n.height / 2) / i;
   return `translate(${r}px, ${c}px) scale(${t.width / n.width}, ${t.height / n.height})`;
 }
 const at = "data-hero-enter-key", ct = "data-hero-exit-key", q = "data-hero-key";
-function to(t, e) {
+function eo(t, e) {
   return t.fromEl.getAttribute(at) === t.key && t.toEl.getAttribute(ct) === t.key ? !0 : t.fromEl.getAttribute(ct) === t.key && t.toEl.getAttribute(at) === t.key ? !1 : e === "backward" && t.fromEl.getAttribute(q) === t.key && t.toEl.getAttribute(q) === t.key;
 }
-function eo(t, e, n, o, i) {
+function no(t, e, n, o, i) {
   const r = document.createElement("div");
   r.setAttribute("data-hero-layer", ""), r.setAttribute("aria-hidden", "true"), r.setAttribute("inert", ""), Object.assign(r.style, {
     position: "absolute",
@@ -1369,8 +1373,8 @@ function eo(t, e, n, o, i) {
     zIndex: String(Number(M) + 1)
   });
   const c = (a, d) => {
-    const u = Tt(a);
-    return Object.assign(u.style, {
+    const p = Tt(a);
+    return Object.assign(p.style, {
       left: `${d.left}px`,
       top: `${d.top}px`,
       width: `${d.width}px`,
@@ -1379,7 +1383,7 @@ function eo(t, e, n, o, i) {
       // Add the two weighted images inside the isolated layer so opaque
       // images stay opaque at the midpoint instead of exposing list chrome.
       mixBlendMode: "plus-lighter"
-    }), i && (u.style.borderRadius = "0"), u;
+    }), i && (p.style.borderRadius = "0"), p;
   }, s = c(t, n), l = c(e, o);
   return s.setAttribute("data-hero-layer-source", ""), l.setAttribute("data-hero-layer-destination", ""), r.append(l, s), { layer: r, source: s, destination: l };
 }
@@ -1394,19 +1398,19 @@ function lt(t, e) {
       i ? t.style.setProperty(o, i, r) : t.style.removeProperty(o);
   };
 }
-function no(t) {
+function oo(t) {
   const e = t.getAttribute("data-hero-transitioning");
   return t.setAttribute("data-hero-transitioning", ""), () => {
     e === null ? t.removeAttribute("data-hero-transitioning") : t.setAttribute("data-hero-transitioning", e);
   };
 }
-function oo(t, e) {
+function io(t, e) {
   const n = lt(t, ["z-index"]), o = lt(e, ["z-index", "position"]);
   return t.style.zIndex = L, e.style.zIndex = M, getComputedStyle(e).position === "static" && (e.style.position = "relative"), (i = () => !0) => {
     i(t) && n(), i(e) && o();
   };
 }
-function io(t, e, n) {
+function ro(t, e, n) {
   if (t.tagName !== "IMG") return () => {
   };
   const o = getComputedStyle(t), i = (y) => Number.parseFloat(y) || 0, r = o.boxSizing === "border-box", c = i(o.width) + (r ? 0 : i(o.paddingLeft) + i(o.paddingRight) + i(o.borderLeftWidth) + i(o.borderRightWidth)), s = i(o.height) + (r ? 0 : i(o.paddingTop) + i(o.paddingBottom) + i(o.borderTopWidth) + i(o.borderBottomWidth)), l = e.width * c / n.width, a = e.height * s / n.height;
@@ -1425,7 +1429,7 @@ function io(t, e, n) {
     visibility: "hidden",
     pointerEvents: "none"
   }), t.before(d));
-  const u = lt(t, [
+  const p = lt(t, [
     "position",
     "left",
     "top",
@@ -1460,7 +1464,7 @@ function io(t, e, n) {
     margin: "0",
     flex: "none"
   }), () => {
-    u(), d == null || d.remove();
+    p(), d == null || d.remove();
   };
 }
 function dt(t, e, n) {
@@ -1472,9 +1476,9 @@ function dt(t, e, n) {
   ].join(" "), r = n.map((s) => o(s.x, t.width)).join(" "), c = n.map((s) => o(s.y, t.height)).join(" ");
   return `inset(${i} round ${r} / ${c})`;
 }
-class ro {
+class so {
   constructor() {
-    _(this, "previousFromOpacity", "");
+    O(this, "previousFromOpacity", "");
   }
   prepare(e) {
     e.from.then((n) => {
@@ -1487,8 +1491,8 @@ class ro {
     }), {};
   }
 }
-const so = () => new ro();
-function ao(t, e) {
+const ao = () => new so();
+function co(t, e) {
   const n = new Set(e), o = /* @__PURE__ */ new Set();
   for (const c of n) {
     let s = c.parentElement;
@@ -1508,59 +1512,59 @@ function ao(t, e) {
   };
   return r(t), i;
 }
-class co {
+class lo {
   contribute(e) {
     const { from: n, to: o, resolved: i, physics: r, onDispose: c } = e, s = i.pairs.map(
-      (p) => he(p.toEl) ?? p.toEl
-    ), l = (s.length ? ao(o, s) : [o]).map((p) => ({
-      element: p,
-      opacity: p.style.opacity,
-      willChange: p.style.willChange,
-      targetOpacity: Number.parseFloat(getComputedStyle(p).opacity) || 0
+      (u) => he(u.toEl) ?? u.toEl
+    ), l = (s.length ? co(o, s) : [o]).map((u) => ({
+      element: u,
+      opacity: u.style.opacity,
+      willChange: u.style.willChange,
+      targetOpacity: Number.parseFloat(getComputedStyle(u).opacity) || 0
     })), a = /* @__PURE__ */ new Set();
-    for (const p of s)
-      for (let f = p.parentElement; f && (a.add(f), f !== o); f = f.parentElement)
+    for (const u of s)
+      for (let f = u.parentElement; f && (a.add(f), f !== o); f = f.parentElement)
         ;
-    const d = Array.from(a).map((p) => ({
-      element: p,
-      color: getComputedStyle(p).backgroundColor,
-      previousColor: p.style.backgroundColor
+    const d = Array.from(a).map((u) => ({
+      element: u,
+      color: getComputedStyle(u).backgroundColor,
+      previousColor: u.style.backgroundColor
     })).filter(
-      ({ color: p }) => p && p !== "transparent" && p !== "rgba(0, 0, 0, 0)"
-    ), u = n.style.opacity, y = n.style.willChange;
+      ({ color: u }) => u && u !== "transparent" && u !== "rgba(0, 0, 0, 0)"
+    ), p = n.style.opacity, y = n.style.willChange;
     n.style.willChange = "opacity";
-    for (const { element: p } of l)
-      p.style.opacity = "0", p.style.willChange = "opacity";
-    for (const { element: p } of d)
-      p.style.backgroundColor = "transparent";
-    return c((p) => {
-      p.owns(n) && (n.style.opacity = u, n.style.willChange = y);
+    for (const { element: u } of l)
+      u.style.opacity = "0", u.style.willChange = "opacity";
+    for (const { element: u } of d)
+      u.style.backgroundColor = "transparent";
+    return c((u) => {
+      u.owns(n) && (n.style.opacity = p, n.style.willChange = y);
       for (const { element: f, opacity: h, willChange: m } of l)
-        p.owns(f) && (f.style.opacity = h, f.style.willChange = m);
+        u.owns(f) && (f.style.opacity = h, f.style.willChange = m);
       for (const { element: f, previousColor: h } of d)
-        p.owns(f) && (f.style.backgroundColor = h);
+        u.owns(f) && (f.style.backgroundColor = h);
     }), {
       out: [
-        new w({
+        new S({
           element: n,
-          integrator: x.from(r),
-          style: (p, f) => ({ opacity: f })
+          integrator: E.from(r),
+          style: (u, f) => ({ opacity: f })
         })
       ],
       in: [
         ...l.map(
-          ({ element: p, targetOpacity: f }) => new w({
-            element: p,
-            integrator: x.from(r),
+          ({ element: u, targetOpacity: f }) => new S({
+            element: u,
+            integrator: E.from(r),
             style: (h) => ({
               opacity: Math.min(1, Math.max(0, h)) * f
             })
           })
         ),
         ...d.map(
-          ({ element: p, color: f }) => new w({
-            element: p,
-            integrator: x.from(r),
+          ({ element: u, color: f }) => new S({
+            element: u,
+            integrator: E.from(r),
             style: (h) => ({
               backgroundColor: `color-mix(in srgb, ${f} ${Math.min(1, Math.max(0, h)) * 100}%, transparent)`
             })
@@ -1570,17 +1574,17 @@ class co {
     };
   }
 }
-const lo = () => new co(), uo = {
-  static: so,
-  fade: lo
-}, po = {
+const po = () => new lo(), uo = {
+  static: ao,
+  fade: po
+}, fo = {
   spring: { stiffness: 320, damping: 30 }
-}, fo = () => po, ho = {
+}, ho = () => fo, yo = {
   spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
-}, yo = () => ho, mo = {
-  default: fo,
-  smooth: yo
-}, go = 700, bo = "data-hero-aspect-ratio", wo = "data-hero-radius";
+}, mo = () => yo, go = {
+  default: ho,
+  smooth: mo
+}, bo = 700, wo = "data-hero-aspect-ratio", xo = "data-hero-radius";
 function oe(t, e, n, o) {
   const i = (c) => {
     const s = z(t, c);
@@ -1594,8 +1598,8 @@ function oe(t, e, n, o) {
   return rt(e, r, i, {
     clipRoot: o,
     fallbackFit: n,
-    legacyAspectRatioAttribute: bo,
-    legacyRadiusAttribute: wo
+    legacyAspectRatioAttribute: wo,
+    legacyRadiusAttribute: xo
   });
 }
 function et(t, e) {
@@ -1631,7 +1635,7 @@ function So(t, e) {
   }
   return n;
 }
-function xo(t, e) {
+function Eo(t, e) {
   const n = [], o = Array.from(
     e.querySelectorAll(`[${q}]`)
   );
@@ -1651,64 +1655,64 @@ function xo(t, e) {
   }
   return n;
 }
-function Eo(t, e) {
+function $o(t, e) {
   const n = So(t, e);
-  return n.length > 0 ? n : xo(t, e);
+  return n.length > 0 ? n : Eo(t, e);
 }
-function $o(t, e) {
+function Co(t, e) {
   return ge(t, e);
 }
-function Co(t, e) {
+function Ao(t, e) {
   return t.radiusSource === "unsupported" || e.radiusSource === "unsupported" ? !1 : t.mediaElement !== null || e.mediaElement !== null || t.radiusSource === "computed" || t.radiusSource === "legacy" || e.radiusSource === "computed" || e.radiusSource === "legacy";
 }
-function Ao(t, e, n, o, i) {
-  const { fromEl: r, toEl: c } = e, [s, l] = $o(
+function Po(t, e, n, o, i) {
+  const { fromEl: r, toEl: c } = e, [s, l] = Co(
     oe(t, r, e.fromFit, o),
     oe(t, c, e.toFit, i)
-  ), a = s.content, d = s.window, u = l.content, y = l.window, p = l.clipInset, f = s.radiusSource === "unsupported" || l.radiusSource === "unsupported", h = f ? 0 : s.radius, m = f ? 0 : l.radius;
-  if (a.width === 0 || a.height === 0 || d.width === 0 || d.height === 0 || u.width === 0 || u.height === 0 || y.width === 0 || y.height === 0)
+  ), a = s.content, d = s.window, p = l.content, y = l.window, u = l.clipInset, f = s.radiusSource === "unsupported" || l.radiusSource === "unsupported", h = f ? 0 : s.radius, m = f ? 0 : l.radius;
+  if (a.width === 0 || a.height === 0 || d.width === 0 || d.height === 0 || p.width === 0 || p.height === 0 || y.width === 0 || y.height === 0)
     return null;
-  const b = a.width / u.width, g = a.height / u.height, E = N(a), C = W(a), v = N(u), A = W(u), S = E - v, $ = C - A;
+  const b = a.width / p.width, g = a.height / p.height, w = N(a), C = W(a), A = N(p), P = W(p), x = w - A, $ = C - P;
   if (Math.abs($) > n) return null;
-  const R = j(
-    u,
-    be(u, a, d, b, g)
+  const R = U(
+    p,
+    be(p, a, d, b, g)
   );
   return {
     fromContent: a,
-    toContent: u,
+    toContent: p,
     fromVisualEl: s.mediaElement ?? r,
     toVisualEl: l.mediaElement ?? c,
-    resetRadius: Co(s, l),
-    styleFor: (F, O, P) => {
-      const T = (O * S + (P ? v - N(P.box) : 0)) / ((P == null ? void 0 : P.scaleX) ?? 1), Y = (O * $ + (P ? A - W(P.box) : 0)) / ((P == null ? void 0 : P.scaleY) ?? 1), H = F + O * b, ut = F + O * g, $e = s.cornerRadii ?? [
+    resetRadius: Ao(s, l),
+    styleFor: (F, _, v) => {
+      const T = (_ * x + (v ? A - N(v.box) : 0)) / ((v == null ? void 0 : v.scaleX) ?? 1), Y = (_ * $ + (v ? P - W(v.box) : 0)) / ((v == null ? void 0 : v.scaleY) ?? 1), H = F + _ * b, pt = F + _ * g, Ce = s.cornerRadii ?? [
         h,
         h,
         h,
         h
-      ], Ce = l.cornerRadii ?? [
+      ], Ae = l.cornerRadii ?? [
         m,
         m,
         m,
         m
-      ], Ae = $e.map((Oe, _e) => {
-        const Lt = Math.max(0, Oe * O + Ce[_e] * F);
+      ], Pe = Ce.map((_e, ke) => {
+        const Lt = Math.max(0, _e * _ + Ae[ke] * F);
         return {
           x: Lt / Math.max(Math.abs(H), 1e-6),
-          y: Lt / Math.max(Math.abs(ut), 1e-6)
+          y: Lt / Math.max(Math.abs(pt), 1e-6)
         };
-      }), ve = R.top * O + p.top * F, Pe = R.right * O + p.right * F, Re = R.bottom * O + p.bottom * F, Ie = R.left * O + p.left * F;
+      }), ve = R.top * _ + u.top * F, Re = R.right * _ + u.right * F, Ie = R.bottom * _ + u.bottom * F, Oe = R.left * _ + u.left * F;
       return {
-        transform: P ? `translate(${T}px, ${Y}px) scale(${H * u.width / P.box.width}, ${ut * u.height / P.box.height})` : `translate(${T}px, ${Y}px) scale(${H}, ${ut})`,
+        transform: v ? `translate(${T}px, ${Y}px) scale(${H * p.width / v.box.width}, ${pt * p.height / v.box.height})` : `translate(${T}px, ${Y}px) scale(${H}, ${pt})`,
         clipPath: dt(
-          u,
+          p,
           {
             top: ve,
-            right: Pe,
-            bottom: Re,
-            left: Ie
+            right: Re,
+            bottom: Ie,
+            left: Oe
           },
-          Ae
+          Pe
         )
       };
     }
@@ -1732,61 +1736,61 @@ function re(t) {
 function vo(t, e) {
   t.style.transform = e.transform, t.style.clipPath = e.clipPath;
 }
-class Po {
+class Ro {
   contribute(e) {
-    const { resolved: n, physics: o, positionedParent: i, maxDistance: r, onDispose: c } = e, s = oo(e.from, e.to);
+    const { resolved: n, physics: o, positionedParent: i, maxDistance: r, onDispose: c } = e, s = io(e.from, e.to);
     c((d) => s(d.owns));
     const l = n.pairs.flatMap((d) => {
-      const u = Ao(
+      const p = Po(
         i,
         d,
         r,
         e.from,
         e.to
       );
-      return u ? [{ pair: d, plan: u }] : [];
+      return p ? [{ pair: d, plan: p }] : [];
     });
     e.resolved = { pairs: l.map(({ pair: d }) => d) };
     const a = [];
-    for (const { pair: d, plan: u } of l) {
-      const { fromVisualEl: y, toVisualEl: p } = u, f = ot(y), h = ot(p);
-      if (to(d, e.direction)) {
-        const { layer: $, source: R, destination: F } = eo(
+    for (const { pair: d, plan: p } of l) {
+      const { fromVisualEl: y, toVisualEl: u } = p, f = ot(y), h = ot(u);
+      if (eo(d, e.direction)) {
+        const { layer: $, source: R, destination: F } = no(
           y,
-          p,
-          u.fromContent,
-          u.toContent,
-          u.resetRadius
-        ), O = {
-          box: u.fromContent,
+          u,
+          p.fromContent,
+          p.toContent,
+          p.resetRadius
+        ), _ = {
+          box: p.fromContent,
           scaleX: 1,
           scaleY: 1
-        }, P = (Y, H) => ({
-          ...u.styleFor(Y, H, O),
-          opacity: U(H) * f.opacity
+        }, v = (Y, H) => ({
+          ...p.styleFor(Y, H, _),
+          opacity: G(H) * f.opacity
         }), T = (Y, H) => ({
-          ...u.styleFor(Y, H),
-          opacity: U(Y) * h.opacity
+          ...p.styleFor(Y, H),
+          opacity: G(Y) * h.opacity
         });
-        Object.assign(R.style, P(0, 1)), Object.assign(F.style, T(0, 1)), i.appendChild($), f.set(0), h.set(0), c(() => {
+        Object.assign(R.style, v(0, 1)), Object.assign(F.style, T(0, 1)), i.appendChild($), f.set(0), h.set(0), c(() => {
           $.remove(), f.restore(), h.restore();
         }), a.push(
-          new w({
+          new S({
             element: R,
             motion: re(i),
-            integrator: x.from(o),
-            style: P
+            integrator: E.from(o),
+            style: v
           }),
-          new w({
+          new S({
             element: F,
             motion: ie(d.key, i, !0),
-            integrator: x.from(o),
+            integrator: E.from(o),
             style: T
           })
         );
         continue;
       }
-      const m = Tt(y), b = no(p), g = lt(p, [
+      const m = Tt(y), b = oo(u), g = lt(u, [
         "transform",
         "transform-origin",
         "clip-path",
@@ -1794,51 +1798,55 @@ class Po {
         "border-radius",
         "will-change"
       ]);
-      p.style.transform = "none", p.style.transformOrigin = "center center", p.style.willChange = "transform, clip-path, opacity", u.resetRadius && (p.style.borderRadius = "0");
-      const E = io(
-        p,
-        u.toContent,
-        z(i, p)
-      ), C = kt(i, p);
-      m.style.width = `${u.fromContent.width / C.scaleX}px`, m.style.height = `${u.fromContent.height / C.scaleY}px`, m.style.zIndex = getComputedStyle(p).zIndex, u.resetRadius && (m.style.borderRadius = "0"), p.after(m);
-      const v = kt(i, m), A = ($, R) => ({
-        ...u.styleFor($, R, v),
-        opacity: U(R) * f.opacity
-      }), S = ($, R) => ({
-        ...u.styleFor($, R, C),
-        opacity: U($) * h.opacity
+      u.style.transform = "none", u.style.transformOrigin = "center center", u.style.willChange = "transform, clip-path, opacity", p.resetRadius && (u.style.borderRadius = "0");
+      const w = ro(
+        u,
+        p.toContent,
+        z(i, u)
+      ), C = kt(i, u);
+      m.style.width = `${p.fromContent.width / C.scaleX}px`, m.style.height = `${p.fromContent.height / C.scaleY}px`, m.style.zIndex = getComputedStyle(u).zIndex, p.resetRadius && (m.style.borderRadius = "0"), u.after(m);
+      const A = kt(i, m), P = ($, R) => ({
+        ...p.styleFor($, R, A),
+        opacity: G(R) * f.opacity
+      }), x = ($, R) => ({
+        ...p.styleFor($, R, C),
+        opacity: we(
+          $,
+          h.opacity,
+          f.opacity
+        )
       });
-      vo(p, S(0, 1)), Object.assign(m.style, A(0, 1)), h.set(0), f.set(0), c(() => {
-        E(), g(), f.restore(), h.restore(), b(), m.remove();
+      vo(u, x(0, 1)), Object.assign(m.style, P(0, 1)), h.set(x(0, 1).opacity), f.set(0), c(() => {
+        w(), g(), f.restore(), h.restore(), b(), m.remove();
       }), a.push(
-        new w({
+        new S({
           element: m,
           motion: re(i),
-          integrator: x.from(o),
-          style: A
+          integrator: E.from(o),
+          style: P
         }),
-        new w({
-          element: p,
+        new S({
+          element: u,
           motion: ie(d.key, i, !1),
-          integrator: x.from(o),
-          style: S
+          integrator: E.from(o),
+          style: x
         })
       );
     }
     return { shared: a };
   }
 }
-function Ro(t) {
-  return [new Po(), uo[t.type]()];
+function Io(t) {
+  return [new Ro(), uo[t.type]()];
 }
-const Io = (t) => {
-  const e = mo[t.variant](), n = go, o = {
+const Oo = (t) => {
+  const e = go[t.variant](), n = bo, o = {
     prepare: (i) => {
       var l;
-      const r = Ro(t), c = Promise.all([
+      const r = Io(t), c = Promise.all([
         i.from,
         i.to
-      ]).then(([a, d]) => ({ pairs: Eo(a, d) })), s = {
+      ]).then(([a, d]) => ({ pairs: $o(a, d) })), s = {
         from: i.from,
         to: i.to,
         resolved: c
@@ -1853,7 +1861,7 @@ const Io = (t) => {
         return K({ shared: [], out: [], in: [] });
       const a = [], d = (m) => {
         a.push(m);
-      }, u = {
+      }, p = {
         direction: c.direction,
         from: i,
         to: r,
@@ -1868,23 +1876,23 @@ const Io = (t) => {
         in: []
       };
       for (const m of l) {
-        const b = (h = m.contribute) == null ? void 0 : h.call(m, u);
+        const b = (h = m.contribute) == null ? void 0 : h.call(m, p);
         if (b)
           for (const g of Object.keys(y))
             y[g].push(...b[g] ?? []);
       }
-      const p = K(y), f = p.onDispose;
-      return p.onDispose = (m) => {
+      const u = K(y), f = u.onDispose;
+      return u.onDispose = (m) => {
         f == null || f(m);
         for (const b of Object.values(y).flat())
-          b instanceof w && b.releaseFill();
+          b instanceof S && b.releaseFill();
         for (const b of a)
           try {
             b(m);
           } catch (g) {
             console.error("[hero] cleanup error", g);
           }
-      }, p;
+      }, u;
     }
   };
   return k({
@@ -1892,29 +1900,29 @@ const Io = (t) => {
     backward: o
   });
 };
-function Zi(t = {}, e = {}) {
+function Ki(t = {}, e = {}) {
   const n = t.type ?? "static", o = t.variant ?? "default";
-  return D(Io({ type: n, variant: o }), e.override);
+  return D(Oo({ type: n, variant: o }), e.override);
 }
-const Oo = {
+const _o = {
   spring: { stiffness: 50, damping: 30 }
-}, _o = {
+}, ko = {
   spring: { stiffness: 80, damping: 25 }
-}, ko = (t = {}) => {
-  const e = t.physics ?? Oo, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, i = t.rotationTriggerPoint ?? 0.8, r = {
+}, Do = (t = {}) => {
+  const e = t.physics ?? _o, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, i = t.rotationTriggerPoint ?? 0.8, r = {
     prepare: ({ from: c, to: s, context: l }) => (c.then((a) => {
       a.style.opacity = "1";
     }), s.then((a) => {
-      const d = V(l, "to"), u = Math.min(d.width, d.height) * 0.4;
-      a.style.setProperty("--max-border-radius", `${u}px`), a.style.setProperty("--border-radius-scale", "1"), a.style.willChange = "transform", a.style.backfaceVisibility = "hidden";
-      const y = d.left + d.width / 2, p = d.top + d.height / 2;
-      a.style.transformOrigin = `${y}px ${p}px`, a.style.position = "fixed", a.style.top = `${d.top}px`, a.style.left = `${d.left}px`, a.style.width = `${d.width}px`, a.style.height = `${d.height}px`, a.style.zIndex = "1000", a.style.overflow = "hidden", a.style.transform = `rotate(${n}deg) scale(${o}) translateZ(0)`, a.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", a.style.opacity = "1";
+      const d = X(l, "to"), p = Math.min(d.width, d.height) * 0.4;
+      a.style.setProperty("--max-border-radius", `${p}px`), a.style.setProperty("--border-radius-scale", "1"), a.style.willChange = "transform", a.style.backfaceVisibility = "hidden";
+      const y = d.left + d.width / 2, u = d.top + d.height / 2;
+      a.style.transformOrigin = `${y}px ${u}px`, a.style.position = "fixed", a.style.top = `${d.top}px`, a.style.left = `${d.left}px`, a.style.width = `${d.width}px`, a.style.height = `${d.height}px`, a.style.zIndex = "1000", a.style.overflow = "hidden", a.style.transform = `rotate(${n}deg) scale(${o}) translateZ(0)`, a.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", a.style.opacity = "1";
     }), {}),
     animation: ({ from: c, to: s }) => {
-      const l = new w({
+      const l = new S({
         element: c,
-        integrator: x.from(_o),
-        style: (d, u) => ({ opacity: u }),
+        integrator: E.from(ko),
+        style: (d, 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
@@ -1922,27 +1930,27 @@ const Oo = {
         onDispose: () => {
           c.style.opacity = "";
         }
-      }), a = new w({
+      }), a = new S({
         element: s,
-        integrator: x.from(e),
+        integrator: E.from(e),
         style: (d) => {
-          let u;
+          let p;
           if (d <= 0.05)
-            u = o;
+            p = o;
           else if (d <= i) {
             const h = (d - 0.05) / (i - 0.05), m = Math.pow(h, 9);
-            u = o + (0.8 - o) * m;
+            p = o + (0.8 - o) * m;
           } else {
             const h = (d - i) / (1 - i);
-            u = 0.8 + 0.2 * (1 - Math.pow(1 - h, 3));
+            p = 0.8 + 0.2 * (1 - Math.pow(1 - h, 3));
           }
           const y = 0.7;
-          let p;
+          let u;
           if (d <= y)
-            p = n;
+            u = n;
           else {
             const h = (d - y) / (1 - y), m = 1 - Math.pow(1 - h, 2);
-            p = n * (1 - m);
+            u = n * (1 - m);
           }
           let f;
           if (d <= y)
@@ -1952,7 +1960,7 @@ const Oo = {
             f = 1 - Math.pow(h, 0.5);
           }
           return {
-            transform: `rotate(${p.toFixed(2)}deg) scale(${u.toFixed(4)}) translateZ(0)`,
+            transform: `rotate(${u.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
             "--border-radius-scale": f.toFixed(4)
           };
         },
@@ -1968,22 +1976,22 @@ const Oo = {
   };
   return k({ forward: r, backward: r });
 };
-function Gi(t = {}, e = {}) {
-  return D(ko(), e.override);
+function Ji(t = {}, e = {}) {
+  return D(Do(), e.override);
 }
-const Do = {
+const Fo = {
   spring: { stiffness: 100, damping: 30 }
-}, Fo = (t = {}) => {
-  const e = t.physics ?? Do, n = {
+}, Mo = (t = {}) => {
+  const e = t.physics ?? Fo, n = {
     prepare: ({ from: o, to: i }) => (o.then((r) => {
       r.style.transformOrigin = "center center", r.style.willChange = "transform, opacity";
     }), i.then((r) => {
       r.style.opacity = "0", r.style.transform = "rotate(-180deg)", r.style.transformOrigin = "center center", r.style.willChange = "transform, opacity";
     }), {}),
     animation: ({ from: o, to: i }) => {
-      const r = new w({
+      const r = new S({
         element: o,
-        integrator: x.from(e),
+        integrator: E.from(e),
         style: (s) => ({
           transform: `rotate(${s * 180}deg)`,
           opacity: s < 0.5 ? 1 : 0
@@ -1994,9 +2002,9 @@ const Do = {
         onDispose: () => {
           o.style.willChange = "auto", o.style.transform = "", o.style.transformOrigin = "", o.style.opacity = "";
         }
-      }), c = new w({
+      }), c = new S({
         element: i,
-        integrator: x.from(e),
+        integrator: E.from(e),
         // u runs 1→0, so -u*180 unwinds -180→0.
         style: (s, l) => ({
           transform: `rotate(${-l * 180}deg)`,
@@ -2014,10 +2022,10 @@ const Do = {
   };
   return k({ forward: n, backward: n });
 };
-function qi(t = {}, e = {}) {
-  return D(Fo(), e.override);
+function Qi(t = {}, e = {}) {
+  return D(Mo(), e.override);
 }
-const Mo = {
+const To = {
   spring: {
     stiffness: 20,
     damping: 8,
@@ -2025,8 +2033,8 @@ const Mo = {
     restDelta: 1e-3,
     restSpeed: 1e-3
   }
-}, To = (t = {}) => {
-  const e = t.physics ?? Mo, n = t.directional ?? !0, o = (i) => {
+}, Yo = (t = {}) => {
+  const e = t.physics ?? To, n = t.directional ?? !0, o = (i) => {
     const r = !n || i === "forward", c = r ? L : M, s = r ? M : L;
     return {
       prepare: ({ from: l, to: a }) => (l.then((d) => {
@@ -2035,10 +2043,10 @@ const Mo = {
         d.style.willChange = "transform", d.style.backfaceVisibility = "hidden", d.style.contain = "layout paint", d.style.position = "relative", d.style.zIndex = s;
       }), {}),
       animation: ({ from: l, to: a }) => {
-        const d = l.offsetHeight, u = a.offsetHeight, y = window.innerHeight, p = Math.max(Math.min(d, u), y), f = new w({
+        const d = l.offsetHeight, p = a.offsetHeight, y = window.innerHeight, u = Math.max(Math.min(d, p), y), f = new S({
           element: l,
-          integrator: x.from(e),
-          style: (m) => ({ transform: `translate3d(0, ${r ? -p * m : p * m}px, 0)` }),
+          integrator: E.from(e),
+          style: (m) => ({ transform: `translate3d(0, ${r ? -u * m : u * m}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,
@@ -2047,10 +2055,10 @@ const Mo = {
           onDispose: () => {
             l.style.willChange = "auto", l.style.backfaceVisibility = "", l.style.contain = "", l.style.transform = "", l.style.pointerEvents = "", l.style.zIndex = "";
           }
-        }), h = new w({
+        }), h = new S({
           element: a,
-          integrator: x.from(e),
-          style: (m, b) => ({ transform: `translate3d(0, ${r ? b * p : b * -p}px, 0)` }),
+          integrator: E.from(e),
+          style: (m, b) => ({ transform: `translate3d(0, ${r ? b * u : b * -u}px, 0)` }),
           onDispose: () => {
             a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.position === "relative" && (a.style.position = ""), a.style.zIndex === s && (a.style.zIndex = "");
           }
@@ -2067,22 +2075,22 @@ const Mo = {
     backward: o("backward")
   });
 };
-function Ki(t = {}, e = {}) {
+function tr(t = {}, e = {}) {
   const { type: n = "directional" } = t;
   return D(
-    To({ directional: n === "directional" }),
+    Yo({ directional: n === "directional" }),
     e.override
   );
 }
-const Yo = {
+const Lo = {
   spring: { stiffness: 200, damping: 24 }
-}, Lo = {
+}, Ho = {
   inertia: { acceleration: 25, resistance: 1.2 }
 }, wt = 0.2;
-function Ho() {
+function zo() {
   return {
-    enterPhysics: Yo,
-    exitPhysics: Lo,
+    enterPhysics: Lo,
+    exitPhysics: Ho,
     background: {
       willChange: "transform, opacity",
       enterStyle: (t, e) => ({
@@ -2096,28 +2104,28 @@ function Ho() {
     }
   };
 }
-const zo = {
+const No = {
   spring: { stiffness: 200, damping: 24 }
-}, No = {
+}, Wo = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, St = 0.08, Wo = 16, xt = 0.6, Vo = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
-function Xo() {
+}, xt = 0.08, Xo = 16, St = 0.6, Vo = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
+function Bo() {
   return {
-    enterPhysics: zo,
-    exitPhysics: No,
+    enterPhysics: No,
+    exitPhysics: Wo,
     background: {
       willChange: "transform, opacity",
       // enter: t 0 → 1 as the sheet rises. At rest (t = 0) the page is
       // untouched; at peak it is shrunk and dimmed.
       enterStyle: (t) => ({
-        transform: `scale(${1 - St * t})`,
-        opacity: 1 - (1 - xt) * t
+        transform: `scale(${1 - xt * t})`,
+        opacity: 1 - (1 - St) * t
       }),
       // exit: t 0 → 1 as the sheet falls away and the page returns to rest —
       // the inverse ramp of enter.
       exitStyle: (t) => ({
-        transform: `scale(${1 - St + St * t})`,
-        opacity: xt + (1 - xt) * t
+        transform: `scale(${1 - xt + xt * t})`,
+        opacity: St + (1 - St) * t
       })
     },
     overlay: {
@@ -2135,27 +2143,27 @@ function Xo() {
       // enter: 0 → MAX as the sheet rises (progress 0 → 1).
       // exit: MAX → 0 as it falls (progress 0 → 1, so the visual is inverted).
       style: (t, e) => {
-        const n = t === "enter" ? e : 1 - e, o = Vo(Wo * n);
+        const n = t === "enter" ? e : 1 - e, o = Vo(Xo * n);
         return { backdropFilter: o, WebkitBackdropFilter: o };
       }
     }
   };
 }
-const Bo = {
+const Uo = {
   spring: {
     stiffness: 190,
     damping: 25
   }
-}, Uo = {
+}, jo = {
   spring: {
     stiffness: 190,
     damping: 25
   }
 };
-function jo() {
+function Zo() {
   return {
-    enterPhysics: Bo,
-    exitPhysics: Uo,
+    enterPhysics: Uo,
+    exitPhysics: jo,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -2163,59 +2171,59 @@ function jo() {
     }
   };
 }
-const Zo = {
-  static: jo(),
-  "background-scale": Ho(),
-  blur: Xo()
-}, Go = "static", qo = "transform", Ko = (t = {}) => {
-  const e = Zo[t.type ?? Go], n = e.background, o = e.overlay, i = n.willChange !== "", r = (c) => {
+const Go = {
+  static: Zo(),
+  "background-scale": zo(),
+  blur: Bo()
+}, qo = "static", Ko = "transform", Jo = (t = {}) => {
+  const e = Go[t.type ?? qo], n = e.background, o = e.overlay, i = n.willChange !== "", r = (c) => {
     const s = c === "forward" ? "enter" : "exit", l = s === "enter" ? "to" : "from", a = s === "enter" ? "from" : "to", d = s === "enter" ? e.enterPhysics : e.exitPhysics;
     return {
-      prepare: ({ from: u, to: y, context: p, createElement: f }) => {
-        const h = { from: u, to: y }[l], m = { from: u, to: y }[a];
+      prepare: ({ from: p, to: y, context: u, createElement: f }) => {
+        const h = { from: p, to: y }[l], m = { from: p, to: y }[a];
         h.then((g) => {
-          g.style.willChange = qo, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint", g.style.zIndex = M, s === "enter" ? g.style.position = "relative" : g.style.pointerEvents = "none";
+          g.style.willChange = Ko, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint", g.style.zIndex = M, s === "enter" ? g.style.position = "relative" : g.style.pointerEvents = "none";
         }), m.then((g) => {
           i && (g.style.willChange = n.willChange, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint"), g.style.zIndex = L, s === "enter" ? g.style.pointerEvents = "none" : g.style.position = "relative";
         });
         let b;
-        return o && (b = f("sheet-overlay"), Object.assign(b.style, o.initialStyle), b.style.willChange = o.willChange, p.positionedParent.appendChild(b)), { overlay: b };
+        return o && (b = f("sheet-overlay"), Object.assign(b.style, o.initialStyle), b.style.willChange = o.willChange, u.positionedParent.appendChild(b)), { overlay: b };
       },
-      animation: ({ from: u, to: y, context: p, overlay: f }) => {
-        const h = { from: u, to: y }[l], m = { from: u, to: y }[a], b = V(p, l), g = () => {
-          u.style.pointerEvents = "", u.style.zIndex = "";
-        }, E = () => {
-          const S = s === "enter" ? M : L;
-          y.style.position === "relative" && (y.style.position = ""), y.style.zIndex === S && (y.style.zIndex = "");
+      animation: ({ from: p, to: y, context: u, overlay: f }) => {
+        const h = { from: p, to: y }[l], m = { from: p, to: y }[a], b = X(u, l), g = () => {
+          p.style.pointerEvents = "", p.style.zIndex = "";
+        }, w = () => {
+          const x = s === "enter" ? M : L;
+          y.style.position === "relative" && (y.style.position = ""), y.style.zIndex === x && (y.style.zIndex = "");
         };
         h.style.clipPath = `inset(${b.top}px 0 calc(100% - ${b.top + b.height}px) 0)`;
-        const C = s === "enter" ? (S, $) => ({
+        const C = s === "enter" ? (x, $) => ({
           transform: `translate3d(0, ${$ * b.height}px, 0)`
-        }) : (S) => ({
-          transform: `translate3d(0, ${S * b.height}px, 0)`
-        }), v = new w({
+        }) : (x) => ({
+          transform: `translate3d(0, ${x * b.height}px, 0)`
+        }), A = new S({
           element: h,
-          integrator: x.from(d),
+          integrator: E.from(d),
           style: C,
-          onDispose: (S) => {
-            h.style.willChange = "auto", h.style.backfaceVisibility = "", h.style.contain = "", h.style.clipPath = "", h.style.transform = "", S.owns(u) && g(), S.owns(y) && E();
+          onDispose: (x) => {
+            h.style.willChange = "auto", h.style.backfaceVisibility = "", h.style.contain = "", h.style.clipPath = "", h.style.transform = "", x.owns(p) && g(), x.owns(y) && w();
           }
         });
-        J(v);
-        const A = {
-          sheet: v,
+        J(A);
+        const P = {
+          sheet: A,
           background: new I([]),
           overlay: new I([])
         };
         if (i) {
-          const S = m.scrollHeight;
-          S > 0 && (m.style.height = `${S}px`);
-          const $ = V(p, a), R = $.left + $.width / 2, F = $.top + $.height / 2;
+          const x = m.scrollHeight;
+          x > 0 && (m.style.height = `${x}px`);
+          const $ = X(u, a), R = $.left + $.width / 2, F = $.top + $.height / 2;
           m.style.clipPath = `inset(${$.top}px 0 calc(100% - ${$.top + $.height}px) 0)`, m.style.transformOrigin = `${R}px ${F}px`;
-          const O = s === "enter" ? (T, Y) => n.enterStyle(T, Y) : (T) => n.exitStyle(T), P = new w({
+          const _ = s === "enter" ? (T, Y) => n.enterStyle(T, Y) : (T) => n.exitStyle(T), v = new S({
             element: m,
-            integrator: x.from(d),
-            style: O,
+            integrator: E.from(d),
+            style: _,
             // The background is the reused outgoing (`from`) node on `enter` and
             // the surviving incoming (`to`) node on `exit` — in both cases its
             // inline styles must be cleared on settle so the reused node is not
@@ -2225,19 +2233,19 @@ const Zo = {
               m.style.willChange = "auto", m.style.backfaceVisibility = "", m.style.contain = "", m.style.clipPath = "", m.style.transformOrigin = "", m.style.transform = "", m.style.opacity = "", m.style.height = "";
             }
           });
-          J(P), A.background = P;
+          J(v), P.background = v;
         }
         if (f && o) {
           f.style.zIndex = fe;
-          const S = ue(p, "to");
-          f.style.top = `${S.top}px`, f.style.height = `${S.height}px`, A.overlay = new w({
+          const x = pe(u, "to");
+          f.style.top = `${x.top}px`, f.style.height = `${x.height}px`, P.overlay = new S({
             element: f,
             motion: { lifetime: "temporary", role: "overlay" },
-            integrator: x.from(d),
+            integrator: E.from(d),
             style: ($) => o.style(s, $)
           });
         }
-        return new I(A, { mode: "parallel" });
+        return new I(P, { mode: "parallel" });
       }
     };
   };
@@ -2246,15 +2254,15 @@ const Zo = {
     backward: r("backward")
   });
 };
-function Jo(t) {
+function Qo(t) {
   return t === "scale" || t === "background-scale" ? "background-scale" : t === "blur" ? "blur" : "static";
 }
-function Ji(t = {}, e = {}) {
-  const n = t.type, o = Jo(n);
-  return D(Ko({ type: o }), e.override);
+function er(t = {}, e = {}) {
+  const n = t.type, o = Qo(n);
+  return D(Jo({ type: o }), e.override);
 }
-const Qo = (t = {}) => {
-  const e = t.physics ?? ze, n = (o) => {
+const ti = (t = {}) => {
+  const e = t.physics ?? Ne, n = (o) => {
     const i = o === "forward" ? 100 : -100;
     return {
       prepare: ({ from: r, to: c }) => (r.then((s) => {
@@ -2263,9 +2271,9 @@ const Qo = (t = {}) => {
         s.style.transform = `translate3d(${i}%, 0, 0)`, s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
       }), {}),
       animation: ({ from: r, to: c }) => {
-        const s = new w({
+        const s = new S({
           element: r,
-          integrator: x.from(e),
+          integrator: E.from(e),
           style: (a) => ({ transform: `translate3d(${100 * it("slide", "out", o, a).x}%, 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
@@ -2273,9 +2281,9 @@ const Qo = (t = {}) => {
           onDispose: () => {
             r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "", r.style.pointerEvents = "";
           }
-        }), l = new w({
+        }), l = new S({
           element: c,
-          integrator: x.from(e),
+          integrator: E.from(e),
           style: (a) => ({ transform: `translate3d(${100 * it("slide", "in", o, a).x}%, 0, 0)` }),
           onDispose: () => {
             c.style.willChange = "auto", c.style.backfaceVisibility = "", c.style.contain = "", c.style.transform = "";
@@ -2293,22 +2301,22 @@ const Qo = (t = {}) => {
     backward: n("backward")
   });
 };
-function Qi(t = {}, e = {}) {
-  return D(Qo(), e.override);
+function nr(t = {}, e = {}) {
+  return D(ti(), e.override);
 }
-const ti = {
+const ei = {
   spring: { stiffness: 17, damping: 6 }
-}, Et = 20, nt = 800, ei = (t = {}) => {
-  const e = t.physics ?? ti, n = {
+}, Et = 20, nt = 800, ni = (t = {}) => {
+  const e = t.physics ?? ei, n = {
     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", r.style.transform = `perspective(${nt}px) rotateY(0deg) translate3d(0%, 0, 0)`;
     }), i.then((r) => {
       r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.transform = `perspective(${nt}px) rotateY(${Et}deg) translate3d(-100%, 0, 0)`;
     }), {}),
     animation: ({ from: o, to: i }) => {
-      const r = new w({
+      const r = new S({
         element: o,
-        integrator: x.from(e),
+        integrator: E.from(e),
         style: (s) => {
           const l = -s * Et, a = s * 100;
           return {
@@ -2321,9 +2329,9 @@ const ti = {
         onDispose: () => {
           o.style.transform = "", o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.pointerEvents = "";
         }
-      }), c = new w({
+      }), c = new S({
         element: i,
-        integrator: x.from(e),
+        integrator: E.from(e),
         style: (s, l) => {
           const a = l * Et, d = -l * 100;
           return {
@@ -2342,11 +2350,11 @@ const ti = {
   };
   return k({ forward: n, backward: n });
 };
-function tr(t = {}, e = {}) {
-  return D(ei(), e.override);
+function or(t = {}, e = {}) {
+  return D(ni(), e.override);
 }
 const $t = /* @__PURE__ */ new WeakMap();
-function ni(t) {
+function oi(t) {
   const e = $t.get(t) ?? {
     opacity: t.style.opacity,
     users: 0
@@ -2357,7 +2365,7 @@ function ni(t) {
     n || (n = !0, !(--e.users > 0) && (t.style.opacity === "0" && (t.style.opacity = e.opacity), $t.delete(t)));
   };
 }
-function oi(t, e) {
+function ii(t, e) {
   return e.left >= t.left - 0.01 && e.top >= t.top - 0.01 && e.left + e.width <= t.left + t.width + 0.01 && e.top + e.height <= t.top + t.height + 0.01;
 }
 function Yt(t) {
@@ -2380,7 +2388,7 @@ function Yt(t) {
     c,
     s
   );
-  return oi(n.window, l) ? {
+  return ii(n.window, l) ? {
     contentAware: !0,
     enterContent: i,
     exitContent: r,
@@ -2390,7 +2398,7 @@ function Yt(t) {
     exitCornerRadii: o.cornerRadii
   } : e();
 }
-function we(t, e) {
+function xe(t, e) {
   return {
     top: t.top,
     right: e.width - (t.left + t.width),
@@ -2398,7 +2406,7 @@ function we(t, e) {
     left: t.left
   };
 }
-function ii(t, e, n) {
+function ri(t, e, n) {
   return {
     x: t / Math.max(Math.abs(e), 1e-6),
     y: t / Math.max(Math.abs(n), 1e-6)
@@ -2406,15 +2414,15 @@ function ii(t, e, n) {
 }
 function Se(t, e, n, o, i, r) {
   return (n ?? [t]).map(
-    (c) => ii(
+    (c) => ri(
       Math.max(0, c * o + e * (1 - o)),
       i,
       r
     )
   );
 }
-function ri(t) {
-  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = Yt(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = r, u = s.left - c.left + (s.width - c.width) / 2 - n.x, y = s.top - c.top + (s.height - c.height) / 2 - n.y, p = we(l, e);
+function si(t) {
+  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = Yt(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = r, p = s.left - c.left + (s.width - c.width) / 2 - n.x, y = s.top - c.top + (s.height - c.height) / 2 - n.y, u = xe(l, e);
   return {
     transformOrigin: `${N(c)}px ${W(c)}px`,
     animate: (f) => {
@@ -2430,20 +2438,20 @@ function ri(t) {
         clipPath: dt(
           e,
           {
-            top: p.top * h,
-            right: p.right * h,
-            bottom: p.bottom * h,
-            left: p.left * h
+            top: u.top * h,
+            right: u.right * h,
+            bottom: u.bottom * h,
+            left: u.left * h
           },
           g
         ),
-        transform: `translate(${u * h}px, ${y * h}px) scale(${m}, ${b})`
+        transform: `translate(${p * h}px, ${y * h}px) scale(${m}, ${b})`
       };
     }
   };
 }
-function si(t) {
-  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = Yt(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = r, u = s.left - c.left + (s.width - c.width) / 2 + n.x, y = s.top - c.top + (s.height - c.height) / 2 + n.y, p = we(l, e);
+function ai(t) {
+  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, r = Yt(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = r, p = s.left - c.left + (s.width - c.width) / 2 + n.x, y = s.top - c.top + (s.height - c.height) / 2 + n.y, u = xe(l, e);
   return {
     transformOrigin: `${N(c)}px ${W(c)}px`,
     animate: (f) => {
@@ -2459,48 +2467,55 @@ function si(t) {
         clipPath: dt(
           e,
           {
-            top: p.top * h,
-            right: p.right * h,
-            bottom: p.bottom * h,
-            left: p.left * h
+            top: u.top * h,
+            right: u.right * h,
+            bottom: u.bottom * h,
+            left: u.left * h
           },
           g
         ),
-        transform: `translate(${u * h - n.x}px, ${y * h}px) scale(${m}, ${b})`
+        transform: `translate(${p * h - n.x}px, ${y * h}px) scale(${m}, ${b})`
       };
     }
   };
 }
-const ai = {
+const ci = {
   spring: {
-    stiffness: 380,
-    damping: 30,
+    stiffness: 500,
+    damping: 49,
+    // Follower at 2× the leader: same 50 % / 90 % / end as a single 280/33.5
+    // spring, but the first ~50 ms ramp in gently so low-end phones get a
+    // couple of cheap frames before the tile, blur and fade all move at once.
+    doubleSpring: 2,
+    restDelta: 0.05,
+    restSpeed: 0.05
+  }
+}, li = {
+  spring: {
+    stiffness: 280,
+    damping: 33.5,
     restDelta: 0.1,
-    restSpeed: 0.1,
-    doubleSpring: {
-      stiffness: 260,
-      damping: 30
-    }
+    restSpeed: 0.1
   }
-}, xe = 0.12, ci = 18;
-function li() {
+}, Ee = 0.12, di = 18;
+function pi() {
   return {
     transformOrigin: "50% 50%",
     animate: (t) => {
       const e = 1 - t;
       return {
-        transform: `scale(${1 - xe * e})`
+        transform: `scale(${1 - Ee * e})`
       };
     }
   };
 }
-function di() {
+function ui() {
   return {
     transformOrigin: "50% 50%",
     animate: (t) => {
       const e = 1 - t;
       return {
-        transform: `scale(${1 - xe * e})`
+        transform: `scale(${1 - Ee * e})`
       };
     }
   };
@@ -2521,32 +2536,33 @@ const Ct = {
     WebkitBackdropFilter: "blur(0px)"
   },
   style: (t, e) => {
-    const n = t === "enter" ? e : 1 - e, o = `blur(${ci * n}px)`;
+    const n = t === "enter" ? e : 1 - e, o = `blur(${di * n}px)`;
     return {
       backdropFilter: o,
       WebkitBackdropFilter: o
     };
   }
 };
-class ui {
+class fi {
   constructor() {
-    _(this, "name", "background");
-    _(this, "physics", ai);
+    O(this, "name", "background");
+    O(this, "physics", ci);
+    O(this, "exitPhysics", li);
   }
   contribute(e) {
-    const { from: n, to: o, resolved: i, physics: r } = e, c = i.mode === "enter", s = c ? n : o, l = c ? li() : di();
+    const { from: n, to: o, resolved: i, physics: r } = e, c = i.mode === "enter", s = c ? n : o, l = c ? pi() : ui();
     return l && (s.style.transformOrigin = l.transformOrigin), [
-      new w({
+      new S({
         element: s,
-        integrator: x.from(r),
+        integrator: E.from(r),
         style: c ? (a, d) => l.animate(d) : (a) => l.animate(a)
       })
     ];
   }
 }
-class pi {
+class hi {
   constructor() {
-    _(this, "name", "overlay");
+    O(this, "name", "overlay");
   }
   prepare(e) {
     const n = e.createElement("zoom-overlay");
@@ -2556,18 +2572,18 @@ class pi {
     const n = e.extras.overlay;
     if (!n) return [];
     n.style.zIndex = fe;
-    const o = ue(e.context, "to");
+    const o = pe(e.context, "to");
     return n.style.top = `${o.top}px`, n.style.height = `${o.height}px`, [
-      new w({
+      new S({
         element: n,
         motion: { lifetime: "temporary", role: "overlay" },
-        integrator: x.from(e.physics),
+        integrator: E.from(e.physics),
         style: (i) => Ct.style(e.resolved.mode, i)
       })
     ];
   }
 }
-const fi = {
+const yi = {
   spring: {
     stiffness: 380,
     damping: 30,
@@ -2577,7 +2593,7 @@ const fi = {
     }
   }
 };
-function hi({
+function mi({
   enterRect: t,
   exitRect: e,
   scrollOffset: n
@@ -2593,7 +2609,7 @@ function hi({
     }
   };
 }
-function yi({
+function gi({
   enterRect: t,
   exitRect: e,
   scrollOffset: n
@@ -2609,50 +2625,50 @@ function yi({
     }
   };
 }
-class mi {
+class bi {
   constructor() {
-    _(this, "name", "background");
-    _(this, "physics", fi);
+    O(this, "name", "background");
+    O(this, "physics", yi);
   }
   contribute(e) {
-    const { from: n, to: o, resolved: i, input: r, physics: c } = e, s = i.mode === "enter", l = s ? n : o, a = s ? hi(r) : yi(r);
+    const { from: n, to: o, resolved: i, input: r, physics: c } = e, s = i.mode === "enter", l = s ? n : o, a = s ? mi(r) : gi(r);
     return a && (l.style.transformOrigin = a.transformOrigin), [
-      new w({
+      new S({
         element: l,
-        integrator: x.from(c),
-        style: s ? (d, u) => a.animate(u) : (d) => a.animate(d)
+        integrator: E.from(c),
+        style: s ? (d, p) => a.animate(p) : (d) => a.animate(d)
       })
     ];
   }
 }
-const gi = {
+const wi = {
   spring: {
     stiffness: 530,
     damping: 34,
     doubleSpring: 1
   }
 };
-class bi {
+class xi {
   constructor() {
-    _(this, "name", "background");
-    _(this, "physics", gi);
+    O(this, "name", "background");
+    O(this, "physics", wi);
   }
   contribute(e) {
     return [];
   }
 }
-const wi = {
-  expand: () => new mi(),
-  static: () => new bi(),
-  blur: () => new ui()
+const Si = {
+  expand: () => new bi(),
+  static: () => new xi(),
+  blur: () => new fi()
 };
-function Si(t) {
-  return wi[t]();
+function Ei(t) {
+  return Si[t]();
 }
-function xi(t) {
-  var E, C;
-  const { resolved: e, input: n, from: o, to: i, physics: r, onDispose: c } = t, s = e.mode === "enter", l = s ? i : o, a = Yt(n), d = a.contentAware ? ((E = n.exitMedia) == null ? void 0 : E.mediaElement) ?? e.exitEl : e.exitEl, u = a.contentAware ? ((C = n.enterMedia) == null ? void 0 : C.mediaElement) ?? e.enterEl : e.enterEl, y = ot(d), p = ot(u), f = Tt(d);
-  a.contentAware && (f.style.width = `${a.exitContent.width}px`, f.style.height = `${a.exitContent.height}px`, f.style.borderRadius = "0"), f.style.zIndex = getComputedStyle(u).zIndex, u.after(f), f.style.transform = Qn(
+function $i(t) {
+  var w, C;
+  const { resolved: e, input: n, from: o, to: i, physics: r, onDispose: c } = t, s = e.mode === "enter", l = s ? i : o, a = Yt(n), d = a.contentAware ? ((w = n.exitMedia) == null ? void 0 : w.mediaElement) ?? e.exitEl : e.exitEl, p = a.contentAware ? ((C = n.enterMedia) == null ? void 0 : C.mediaElement) ?? e.enterEl : e.enterEl, y = ot(d), u = ot(p), f = Tt(d);
+  a.contentAware && (f.style.width = `${a.exitContent.width}px`, f.style.height = `${a.exitContent.height}px`, f.style.borderRadius = "0"), f.style.zIndex = getComputedStyle(p).zIndex, p.after(f), f.style.transform = to(
     {
       width: a.enterContent.width,
       height: a.enterContent.height,
@@ -2664,43 +2680,47 @@ function xi(t) {
   const h = n.enterMedia ?? rt(
     e.enterEl,
     n.enterRect,
-    (v) => z(l, v),
+    (A) => z(l, A),
     { clipRoot: l, legacyRadiusAttribute: "data-zoom-radius" }
   );
   if ((a.contentAware ? h.radiusSource : h.bboxRadiusSource) !== "unsupported") {
-    const v = a.contentAware ? h.window : n.enterRect, A = a.contentAware ? h.cornerRadii ?? [h.radius] : [h.bboxRadius];
+    const A = a.contentAware ? h.window : n.enterRect, P = a.contentAware ? h.cornerRadii ?? [h.radius] : [h.bboxRadius];
     f.style.borderRadius = "0", f.style.clipPath = dt(
       a.enterContent,
-      j(a.enterContent, v),
-      A.map((S) => ({ x: S, y: S }))
+      U(a.enterContent, A),
+      P.map((x) => ({ x, y: x }))
     );
   }
-  const b = (v, A) => ({
-    opacity: U(s ? A : v) * y.opacity
-  }), g = (v, A) => ({
-    opacity: U(s ? v : A) * p.opacity
+  const b = (A, P) => ({
+    opacity: G(s ? P : A) * y.opacity
+  }), g = (A, P) => ({
+    opacity: we(
+      s ? A : P,
+      u.opacity,
+      y.opacity
+    )
   });
-  return f.style.opacity = String(b(0, 1).opacity), y.set(0), p.set(g(0, 1).opacity), c(() => {
-    f.remove(), y.restore(), p.restore();
+  return f.style.opacity = String(b(0, 1).opacity), y.set(0), u.set(g(0, 1).opacity), c(() => {
+    f.remove(), y.restore(), u.restore();
   }), [
-    new w({
+    new S({
       element: f,
       motion: { lifetime: "temporary", role: "shared-media-source" },
-      integrator: x.from(r),
+      integrator: E.from(r),
       style: b
     }),
-    new w({
-      element: u,
-      integrator: x.from(r),
+    new S({
+      element: p,
+      integrator: E.from(r),
       style: g
     })
   ];
 }
 const Dt = "data-zoom-enter-key", se = "data-zoom-exit-key", ae = "data-zoom-radius";
-function Ei(t, e) {
+function Ci(t, e) {
   return Math.abs(t.left - e.left) < 0.01 && Math.abs(t.top - e.top) < 0.01 && Math.abs(t.width - e.width) < 0.01 && Math.abs(t.height - e.height) < 0.01;
 }
-function $i(t, e) {
+function Ai(t, e) {
   const n = [];
   let o = e;
   for (; o && o !== t; ) {
@@ -2723,7 +2743,7 @@ function le(t, e) {
       return o;
   return null;
 }
-function Ci(t, e, n) {
+function Pi(t, e, n) {
   if (n === "forward") {
     const c = ce(e);
     if (!c) return null;
@@ -2739,7 +2759,7 @@ function Ci(t, e, n) {
   const r = le(e, i);
   return r ? { mode: "exit", enterEl: o, exitEl: r } : null;
 }
-function Ai(t, e, n, o) {
+function vi(t, e, n, o) {
   const i = t.mode === "enter" ? n : e, r = t.mode === "enter" ? e : n, c = z(i, t.enterEl), s = z(r, t.exitEl), l = rt(
     t.enterEl,
     c,
@@ -2756,28 +2776,28 @@ function Ai(t, e, n, o) {
       clipRoot: r,
       legacyRadiusAttribute: ae
     }
-  ), [d, u] = ge(l, a), y = d.contentAware && u.contentAware, p = t.mode === "enter" ? n.getBoundingClientRect() : e.getBoundingClientRect(), f = {
+  ), [d, p] = ge(l, a), y = d.contentAware && p.contentAware, u = t.mode === "enter" ? n.getBoundingClientRect() : e.getBoundingClientRect(), f = {
     left: 0,
     top: 0,
-    width: p.width,
-    height: p.height
-  }, h = d.radiusSource === "legacy" || Ei(d.window, f) ? d.radius : 0;
+    width: u.width,
+    height: u.height
+  }, h = d.radiusSource === "legacy" || Ci(d.window, f) ? d.radius : 0;
   return {
     enterRect: c,
     exitRect: s,
     ...y ? {
       enterMedia: d,
-      exitMedia: u
+      exitMedia: p
     } : {},
-    pageRect: p,
+    pageRect: u,
     scrollOffset: o,
     enterRadius: h,
-    exitRadius: u.radius
+    exitRadius: p.radius
   };
 }
-class vi {
+class Ri {
   constructor() {
-    _(this, "name", "tile");
+    O(this, "name", "tile");
   }
   prepare(e) {
     e.from.then((n) => {
@@ -2785,162 +2805,169 @@ class vi {
     });
   }
   contribute(e) {
-    const { from: n, to: o, resolved: i, input: r, physics: c, onDispose: s } = e, l = i.mode === "enter", a = l ? ri(r) : si(r), d = l ? o : n, u = l ? "t" : "u", y = xi(e);
-    s(ni(i.exitEl)), a && (d.style.transformOrigin = a.transformOrigin);
-    const p = l ? L : M, f = l ? M : L, h = n.style.zIndex;
-    n.style.zIndex = p;
+    const { from: n, to: o, resolved: i, input: r, physics: c, onDispose: s } = e, l = i.mode === "enter", a = l ? si(r) : ai(r), d = l ? o : n, p = l ? "t" : "u", y = $i(e);
+    s(oi(i.exitEl)), a && (d.style.transformOrigin = a.transformOrigin);
+    const u = l ? L : M, f = l ? M : L, h = n.style.zIndex;
+    n.style.zIndex = u;
     const m = o.style.zIndex, b = o.style.position;
     return o.style.zIndex = f, o.style.position = "relative", s((g) => {
       g.owns(d) && (d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.transformOrigin = "", d.style.contain = ""), g.owns(n) && (n.style.zIndex = h, n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = ""), g.owns(o) && (o.style.zIndex = m, o.style.position = b, o.style.transformOrigin = "");
     }), [
       ...y,
-      new w({
+      new S({
         element: d,
-        integrator: x.from(c),
+        integrator: E.from(c),
         // 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: u === "t" ? (g) => a.animate(g) : (g, E) => a.animate(E)
+        style: p === "t" ? (g) => a.animate(g) : (g, w) => a.animate(w)
       })
     ];
   }
 }
-class Pi {
+class Ii {
   constructor() {
-    _(this, "name", "content");
+    O(this, "name", "content");
   }
   contribute(e) {
-    const { resolved: n, physics: o, from: i, to: r, onDispose: c } = e, s = n.mode === "enter" ? r : i, l = $i(s, n.enterEl);
+    const { resolved: n, physics: o, from: i, to: r, onDispose: c } = e, s = n.mode === "enter" ? r : i, l = Ai(s, n.enterEl);
     if (l.length === 0) return [];
     const a = l.map((d) => d.style.opacity);
     if (n.mode === "enter")
       for (const d of l) d.style.opacity = "0";
     return c((d) => {
-      for (let u = 0; u < l.length; u++) {
-        const y = l[u];
-        y && d.owns(y) && (y.style.opacity = a[u] ?? "");
+      for (let p = 0; p < l.length; p++) {
+        const y = l[p];
+        y && d.owns(y) && (y.style.opacity = a[p] ?? "");
       }
     }), l.map(
-      (d) => new w({
+      (d) => new S({
         element: d,
-        integrator: x.from(o),
-        style: (u, y) => ({
-          opacity: n.mode === "enter" ? u : y
+        integrator: E.from(o),
+        style: (p, y) => ({
+          opacity: n.mode === "enter" ? p : y
         })
       })
     );
   }
 }
-class Ri {
+class Oi {
   constructor() {
-    _(this, "name", "content");
+    O(this, "name", "content");
   }
   contribute() {
     return [];
   }
 }
-const Ii = {
-  default: () => new Ri(),
-  fade: () => new Pi()
+const _i = {
+  default: () => new Oi(),
+  fade: () => new Ii()
 };
-function Oi(t) {
-  return Ii[t]();
+function ki(t) {
+  return _i[t]();
 }
 function At(t) {
-  const e = Si(t.type);
-  return { strategies: [
-    new vi(),
-    e,
-    Oi(t.variant),
-    // 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.
-    ...t.type === "blur" ? [new pi()] : []
-  ], physics: e.physics };
-}
-const _i = (t) => {
-  const { physics: e } = At(t), n = (o) => ({
-    prepare: (i) => {
-      const { strategies: r } = At(t), c = {
-        from: i.from,
-        to: i.to,
-        context: { positionedParent: i.context.positionedParent },
+  const e = Ei(t.type);
+  return {
+    strategies: [
+      new Ri(),
+      e,
+      ki(t.variant),
+      // 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.
+      ...t.type === "blur" ? [new hi()] : []
+    ],
+    physics: e.physics,
+    exitPhysics: e.exitPhysics
+  };
+}
+function Di(t, e) {
+  return e === "exit" ? t.exitPhysics ?? t.physics : t.physics;
+}
+const Fi = (t) => {
+  const { physics: e, exitPhysics: n } = At(t), o = (i) => ({
+    prepare: (r) => {
+      const { strategies: c } = At(t), s = {
+        from: r.from,
+        to: r.to,
+        context: { positionedParent: r.context.positionedParent },
         // `createElement` from the dispatcher is generic over tag; the
         // strategy interface narrows the cast to keep both signatures
         // compatible.
-        createElement: i.createElement
-      }, s = {};
-      for (const l of r) {
-        if (!l.prepare) continue;
-        const a = l.prepare(c);
-        a && Object.assign(s, a);
+        createElement: r.createElement
+      }, l = {};
+      for (const a of c) {
+        if (!a.prepare) continue;
+        const d = a.prepare(s);
+        d && Object.assign(l, d);
       }
-      return { ...s, strategies: r };
+      return { ...l, strategies: c };
     },
     animation: ({
-      from: i,
-      to: r,
-      context: c,
-      strategies: s = At(t).strategies,
-      ...l
+      from: r,
+      to: c,
+      context: s,
+      strategies: l = At(t).strategies,
+      ...a
     }) => {
-      var b;
-      const a = Ci(i, r, o);
-      if (!a)
+      var g;
+      const d = Pi(r, c, i);
+      if (!d)
         return K({
           tile: [],
           background: [],
           content: [],
           overlay: []
         });
-      const d = Ai(a, i, r, c.scrollOffset), u = [], p = {
-        from: i,
-        to: r,
-        resolved: a,
-        input: d,
-        physics: e,
-        context: c,
-        extras: l,
-        onDispose: (g) => {
-          u.push(g);
-        }
+      const p = vi(d, r, c, s.scrollOffset), y = [], u = (w) => {
+        y.push(w);
       }, f = {
+        from: r,
+        to: c,
+        resolved: d,
+        input: p,
+        physics: Di({ physics: e, exitPhysics: n }, d.mode),
+        context: s,
+        extras: a,
+        onDispose: u
+      }, h = {
         tile: [],
         background: [],
         content: [],
         overlay: []
       };
-      for (const g of s)
-        f[g.name].push(...((b = g.contribute) == null ? void 0 : b.call(g, p)) ?? []);
-      const h = Object.values(f).flat(), m = K(f);
-      m.onDispose = (g) => {
-        for (const E of u)
+      for (const w of l)
+        h[w.name].push(...((g = w.contribute) == null ? void 0 : g.call(w, f)) ?? []);
+      const m = Object.values(h).flat(), b = K(h);
+      b.onDispose = (w) => {
+        for (const C of y)
           try {
-            E(g);
-          } catch (C) {
-            console.error("[zoom] cleanup error", C);
+            C(w);
+          } catch (A) {
+            console.error("[zoom] cleanup error", A);
           }
       };
-      for (const g of h)
-        g instanceof w && J(g);
-      return m;
+      for (const w of m)
+        w instanceof S && J(w);
+      return b;
     }
   });
   return k({
-    forward: n("forward"),
-    backward: n("backward")
+    forward: o("forward"),
+    backward: o("backward")
   });
 };
-function ki(t) {
+function Mi(t) {
   const e = t.type ?? "static", n = t.variant ?? (t.fade ? "fade" : "default");
   return { type: e, variant: n };
 }
-function er(t = {}, e = {}) {
-  const n = ki(t);
-  return D(_i(n), e.override);
+function ir(t = {}, e = {}) {
+  const n = Mi(t);
+  return D(Fi(n), e.override);
 }
-const de = 1 / 60, Di = 600;
-function Fi(t, e) {
+const de = 1 / 60, Ti = 600;
+function Yi(t, e) {
   const n = Math.sqrt(t), o = e / (2 * n), i = 2 * Math.PI / n, r = o <= 1 ? 1 - o : 1 / o - 1;
   return { duration: i, bounce: r, zeta: o };
 }
@@ -2955,31 +2982,31 @@ function tt(t) {
   ])
     if (n !== void 0 && (!Number.isFinite(n) || n <= 0))
       throw new Error(`spring(): ${e} must be finite and > 0`);
-  return x.from({ spring: t });
+  return E.from({ spring: t });
 }
-function Mi(t) {
+function Li(t) {
   let e = { position: 0, velocity: 0 };
-  for (let n = 1; n <= Di; n++)
+  for (let n = 1; n <= Ti; n++)
     if (e = t.step(e, 1, de), e.position >= 1) return n * de * 1e3;
   return 1 / 0;
 }
-function Ti(t) {
+function Hi(t) {
   const { duration: e, resistance: n = 1.5, restDelta: o } = t;
   if (!Number.isFinite(e) || !(e > 0))
     throw new Error("easeIn(): duration must be finite and > 0");
   const i = e * 1e3;
   let r = 0.01, c = 1e6;
   for (let s = 0; s < 60; s++) {
-    const l = Math.sqrt(r * c), a = new Pt({
+    const l = Math.sqrt(r * c), a = new vt({
       acceleration: l,
       resistance: n,
       restDelta: o
     });
-    Mi(a) > i ? r = l : c = l;
+    Li(a) > i ? r = l : c = l;
   }
-  return new Pt({ acceleration: c, resistance: n, restDelta: o });
+  return new vt({ acceleration: c, resistance: n, restDelta: o });
 }
-class Ee {
+class $e {
   constructor(e, n) {
     if (this.inner = e, this.factor = n, !Number.isFinite(n) || !(n > 0))
       throw new Error("scale(): factor must be finite and > 0");
@@ -3000,13 +3027,13 @@ class Ee {
     );
   }
 }
-function nr(t, e) {
-  return new Ee(t, e);
+function rr(t, e) {
+  return new $e(t, e);
 }
-function Yi(t) {
-  const e = Te(t, 0, 1, 0), n = e.length ? e[e.length - 1].time : 0;
-  if (t instanceof Ee) {
-    const o = Yi(t.inner);
+function zi(t) {
+  const e = Ye(t, 0, 1, 0), n = e.length ? e[e.length - 1].time : 0;
+  if (t instanceof $e) {
+    const o = zi(t.inner);
     return {
       ...o,
       kind: "scaled",
@@ -3014,61 +3041,61 @@ function Yi(t) {
       settleMs: n
     };
   }
-  return t instanceof vt || t instanceof Ye ? {
-    kind: t instanceof vt ? "spring" : "double-spring",
-    ...Fi(t.stiffness, t.damping),
+  return t instanceof Pt || t instanceof Le ? {
+    kind: t instanceof Pt ? "spring" : "double-spring",
+    ...Yi(t.stiffness, t.damping),
     settleMs: n
-  } : t instanceof Pt ? { kind: "inertia", settleMs: n } : { kind: "custom", settleMs: n };
+  } : t instanceof vt ? { kind: "inertia", settleMs: n } : { kind: "custom", settleMs: n };
 }
-const or = tt({
+const sr = tt({
   stiffness: 246.74011002723395,
   damping: 31.41592653589793
-}), ir = tt({
+}), ar = tt({
   stiffness: 438.6490844928604,
   damping: 35.604716740684324
-}), rr = tt({
+}), cr = tt({
   stiffness: 194.9551486634935,
   damping: 19.54768762233649
-}), sr = tt({
+}), lr = tt({
   stiffness: 130.5071656342394,
   damping: 22.84794657156213
-}), ar = tt({
+}), dr = tt({
   stiffness: 986.9604401089358,
   damping: 62.83185307179586
-}), cr = Ti({ duration: 0.2 });
+}), pr = Hi({ duration: 0.2 });
 export {
-  ur as Animation,
-  Ye as DoubleSpringIntegrator,
-  Pt as InertiaIntegrator,
-  x as IntegratorProvider,
-  Ne as LinearIntegrator,
+  hr as Animation,
+  Le as DoubleSpringIntegrator,
+  vt as InertiaIntegrator,
+  E as IntegratorProvider,
+  We as LinearIntegrator,
   I as MultiAnimation,
-  Ee as ScaledIntegrator,
-  vt as SpringIntegrator,
-  w as WebAnimation,
-  cr as accelerate,
-  Vi as axis,
-  Xi as blind,
-  rr as bouncy,
+  $e as ScaledIntegrator,
+  Pt as SpringIntegrator,
+  S as WebAnimation,
+  pr as accelerate,
+  Ui as axis,
+  ji as blind,
+  cr as bouncy,
   k as defineTransition,
-  Yi as describeIntegrator,
-  Bi as drill,
-  Ti as easeIn,
-  Ui as fade,
-  ji as film,
-  sr as gentle,
-  Zi as hero,
-  Gi as jaemin,
-  qi as rotate,
-  nr as scale,
-  Ki as scroll,
-  Ji as sheet,
-  Qi as slide,
-  or as smooth,
-  ir as snappy,
+  zi as describeIntegrator,
+  Zi as drill,
+  Hi as easeIn,
+  Gi as fade,
+  qi as film,
+  lr as gentle,
+  Ki as hero,
+  Ji as jaemin,
+  Qi as rotate,
+  rr as scale,
+  tr as scroll,
+  er as sheet,
+  nr as slide,
+  sr as smooth,
+  ar as snappy,
   tt as spring,
-  tr as strip,
-  ar as swift,
+  or as strip,
+  dr as swift,
   D as withOverride,
-  er as zoom
+  ir as zoom
 };