@ssgoi/core 6.6.3 → 6.7.0-beta.0

package/dist/index.js

@@ -1,9 +1,9 @@
-var Rt = Object.defineProperty;
-var Ut = (e, t, n) => t in e ? Rt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var C = (e, t, n) => Ut(e, typeof t != "symbol" ? t + "" : t, n);
-import { P as J, V as vt, W as g, M as x, S as Vt } from "./multi-animation-Ch5rI3rB.js";
-import { A as Ls } from "./multi-animation-Ch5rI3rB.js";
-function D(e, t) {
+var Bt = Object.defineProperty;
+var Zt = (e, t, n) => t in e ? Bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var x = (e, t, n) => Zt(e, typeof t != "symbol" ? t + "" : t, n);
+import { P as st, V as At, W as m, M as E, S as Wt } from "./multi-animation-1FueEz2Q.js";
+import { A as Xs } from "./multi-animation-1FueEz2Q.js";
+function v(e, t) {
   const n = [];
   for (let s = 0; s < e.length; s++)
     for (let o = s + 1; o < e.length; o++) {
@@ -17,7 +17,7 @@ function D(e, t) {
     }
   return n;
 }
-function Ot(e, t) {
+function kt(e, t) {
   return [
     {
       from: e.exit,
@@ -31,7 +31,7 @@ function Ot(e, t) {
     }
   ];
 }
-function Q(e, t, n) {
+function ot(e, t, n) {
   const s = [];
   for (let o = 0; o < e.length; o++)
     for (let i = o + 1; i < e.length; i++) {
@@ -51,22 +51,22 @@ function Q(e, t, n) {
     }
   return s;
 }
-class L {
+class z {
   constructor(t) {
-    C(this, "omega");
+    x(this, "omega");
     // Angular frequency
-    C(this, "zeta");
+    x(this, "zeta");
     // Damping ratio
-    C(this, "restDelta");
-    C(this, "restSpeed");
+    x(this, "restDelta");
+    x(this, "restSpeed");
     const { stiffness: n, damping: s } = t, o = 1;
-    this.omega = Math.sqrt(n / o), this.zeta = s / (2 * Math.sqrt(n * o)), this.restDelta = t.restDelta ?? J, this.restSpeed = t.restSpeed ?? vt;
+    this.omega = Math.sqrt(n / o), this.zeta = s / (2 * Math.sqrt(n * o)), this.restDelta = t.restDelta ?? st, this.restSpeed = t.restSpeed ?? At;
   }
   step(t, n, s) {
-    const o = Math.min(s, 0.033), { omega: i, zeta: l } = this, { position: a, velocity: r } = t, c = -2 * o * l * i * r, p = o * i * i * (n - a), d = r + c + p;
+    const o = Math.min(s, 0.033), { omega: i, zeta: l } = this, { position: a, velocity: r } = t, c = -2 * o * l * i * r, f = o * i * i * (n - a), p = r + c + f;
     return {
-      position: a + o * d,
-      velocity: d
+      position: a + o * p,
+      velocity: p
     };
   }
   isSettled(t, n) {
@@ -74,20 +74,20 @@ class L {
     return s < this.restDelta && o < this.restSpeed;
   }
 }
-class Nt {
+class qt {
   constructor(t) {
-    C(this, "leader");
-    C(this, "follower");
-    C(this, "restDelta");
-    C(this, "restSpeed");
-    this.restDelta = t.restDelta ?? J, this.restSpeed = t.restSpeed ?? vt, this.leader = new L({
+    x(this, "leader");
+    x(this, "follower");
+    x(this, "restDelta");
+    x(this, "restSpeed");
+    this.restDelta = t.restDelta ?? st, this.restSpeed = t.restSpeed ?? At, this.leader = new z({
       stiffness: t.stiffness,
       damping: t.damping,
       restDelta: this.restDelta,
       restSpeed: this.restSpeed
     });
     let n, s, o, i;
-    typeof t.follower == "number" ? (n = t.stiffness * t.follower, s = t.damping) : t.follower ? (n = t.follower.stiffness, s = t.follower.damping, o = t.follower.restDelta, i = t.follower.restSpeed) : (n = t.stiffness, s = t.damping), this.follower = new L({
+    typeof t.follower == "number" ? (n = t.stiffness * t.follower, s = t.damping) : t.follower ? (n = t.follower.stiffness, s = t.follower.damping, o = t.follower.restDelta, i = t.follower.restSpeed) : (n = t.stiffness, s = t.damping), this.follower = new z({
       stiffness: n,
       damping: s,
       restDelta: o ?? this.restDelta,
@@ -114,46 +114,46 @@ class Nt {
     return s._leader ? Math.abs(n - s._leader.position) < this.restDelta && Math.abs(s._leader.velocity) < this.restSpeed && o : o;
   }
 }
-const Xt = 0.01, Bt = 500, Zt = 10;
-class Wt {
+const jt = 0.01, Kt = 500, Gt = 10;
+class Jt {
   constructor(t) {
-    C(this, "acceleration");
-    C(this, "resistance");
-    C(this, "resistanceType");
-    C(this, "min");
-    C(this, "max");
-    C(this, "bounceStiffness");
-    C(this, "bounceDamping");
-    C(this, "restDelta");
-    this.acceleration = t.acceleration, this.resistance = t.resistance, this.resistanceType = t.resistanceType ?? "quadratic", this.min = t.min, this.max = t.max, this.bounceStiffness = t.bounceStiffness ?? Bt, this.bounceDamping = t.bounceDamping ?? Zt, this.restDelta = t.restDelta ?? Xt;
+    x(this, "acceleration");
+    x(this, "resistance");
+    x(this, "resistanceType");
+    x(this, "min");
+    x(this, "max");
+    x(this, "bounceStiffness");
+    x(this, "bounceDamping");
+    x(this, "restDelta");
+    this.acceleration = t.acceleration, this.resistance = t.resistance, this.resistanceType = t.resistanceType ?? "quadratic", this.min = t.min, this.max = t.max, this.bounceStiffness = t.bounceStiffness ?? Kt, this.bounceDamping = t.bounceDamping ?? Gt, this.restDelta = t.restDelta ?? jt;
   }
   step(t, n, s) {
-    const o = Math.min(s, 0.033), { acceleration: i, resistance: l, resistanceType: a, min: r, max: c } = this, { position: p, velocity: d } = t, f = r !== void 0 && p < r, u = c !== void 0 && p > c;
+    const o = Math.min(s, 0.033), { acceleration: i, resistance: l, resistanceType: a, min: r, max: c } = this, { position: f, velocity: p } = t, d = r !== void 0 && f < r, u = c !== void 0 && f > c;
     let y;
-    if (f || u) {
-      const b = p - (f ? r : c), P = -this.bounceStiffness * b, _ = -this.bounceDamping * d;
-      y = P + _;
+    if (d || u) {
+      const b = f - (d ? r : c), P = -this.bounceStiffness * b, $ = -this.bounceDamping * p;
+      y = P + $;
     } else {
-      const m = n > p ? 1 : -1;
+      const S = n > f ? 1 : -1;
       let b;
-      a === "linear" ? b = l * d : b = l * d * Math.abs(d), y = m * i - b;
+      a === "linear" ? b = l * p : b = l * p * Math.abs(p), y = S * i - b;
     }
-    const h = d + y * o;
-    let S = p + h * o;
-    if (!f && !u) {
-      const m = n > p ? 1 : -1;
-      (m > 0 && S > n || m < 0 && S < n) && (S = n);
+    const h = p + y * o;
+    let w = f + h * o;
+    if (!d && !u) {
+      const S = n > f ? 1 : -1;
+      (S > 0 && w > n || S < 0 && w < n) && (w = n);
     }
     return {
-      position: S,
-      velocity: S === n ? 0 : h
+      position: w,
+      velocity: w === n ? 0 : h
     };
   }
   isSettled(t, n) {
     return Math.abs(n - t.position) < this.restDelta;
   }
 }
-class w {
+class g {
   /**
    * Create an Integrator from physics config
    *
@@ -167,7 +167,7 @@ class w {
         "Cannot use both 'spring' and 'inertia' together. Choose one physics type."
       );
     if (t.inertia)
-      return new Wt({
+      return new Jt({
         acceleration: t.inertia.acceleration,
         resistance: t.inertia.resistance,
         resistanceType: t.inertia.resistanceType,
@@ -184,7 +184,7 @@ class w {
       return typeof s == "number" ? o = s : typeof s == "object" && (o = {
         stiffness: s.stiffness,
         damping: s.damping
-      }), new Nt({
+      }), new qt({
         stiffness: n.stiffness,
         damping: n.damping,
         follower: o,
@@ -192,7 +192,7 @@ class w {
         restSpeed: n.restSpeed
       });
     }
-    return new L({
+    return new z({
       stiffness: n.stiffness,
       damping: n.damping,
       restDelta: n.restDelta,
@@ -204,12 +204,12 @@ class w {
    * @deprecated Use from({ spring: config }) instead
    */
   static fromSpring(t) {
-    return w.from({ spring: t });
+    return g.from({ spring: t });
   }
 }
-class qt {
+class Qt {
   constructor(t) {
-    C(this, "durationSec");
+    x(this, "durationSec");
     this.durationSec = Math.max(1 / 60, t.durationSec);
   }
   step(t, n, s) {
@@ -219,16 +219,16 @@ class qt {
     return (i > 0 ? r >= n : r <= n) ? { position: n, velocity: 0 } : { position: r, velocity: i * l };
   }
   isSettled(t, n) {
-    return Math.abs(t.position - n) < J;
+    return Math.abs(t.position - n) < st;
   }
 }
-function tt(e, t) {
+function N(e, t) {
   function n(i) {
     let l = 0, a = 0;
     const r = i.offsetWidth, c = i.offsetHeight;
-    let p = i;
-    for (; p; )
-      l += p.offsetTop, a += p.offsetLeft, p = p.offsetParent;
+    let f = i;
+    for (; f; )
+      l += f.offsetTop, a += f.offsetLeft, f = f.offsetParent;
     return l -= window.scrollY, a -= window.scrollX, { top: l, left: a, width: r, height: c };
   }
   const s = n(e), o = n(t);
@@ -239,7 +239,7 @@ function tt(e, t) {
     o.height
   );
 }
-function nt(e, t) {
+function rt(e, t) {
   const n = e.getBoundingClientRect(), s = t.getBoundingClientRect(), o = e.offsetWidth > 0 ? n.width / e.offsetWidth : 1, i = e.offsetHeight > 0 ? n.height / e.offsetHeight : 1;
   return new DOMRect(
     (s.left - n.left) / o,
@@ -249,7 +249,7 @@ function nt(e, t) {
   );
 }
 function T(e, t) {
-  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? tt(n, s).top : 0;
+  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? N(n, s).top : 0;
   return {
     top: e[t].scroll.y,
     left: 0,
@@ -257,7 +257,14 @@ function T(e, t) {
     height: n.clientHeight - o
   };
 }
-const st = 8, ot = {
+function Yt(e, t) {
+  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? N(n, s).top : 0;
+  return {
+    top: e[t].scroll.y - o,
+    height: n.clientHeight
+  };
+}
+const at = 8, lt = {
   spring: {
     stiffness: 1e3,
     damping: 40,
@@ -266,10 +273,10 @@ const st = 8, ot = {
     restSpeed: 0.1
   }
 };
-function Kt({
+function te({
   direction: e
 }) {
-  const t = e === "forward" ? st : -st;
+  const t = e === "forward" ? at : -at;
   return {
     out: {
       willChange: "transform, opacity",
@@ -291,25 +298,25 @@ function Kt({
     }
   };
 }
-function jt() {
+function ee() {
   return {
-    outPhysics: ot,
-    inPhysics: ot,
+    outPhysics: lt,
+    inPhysics: lt,
     // 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: Kt
+    build: te
   };
 }
-const it = 30, Gt = {
+const ct = 30, ne = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, Jt = {
+}, se = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function Qt({
+function oe({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = -it * t, s = it * t;
+  const t = e === "forward" ? 1 : -1, n = -ct * t, s = ct * t;
   return {
     out: {
       willChange: "transform, opacity",
@@ -332,29 +339,29 @@ function Qt({
     }
   };
 }
-function te() {
+function ie() {
   return {
-    outPhysics: Gt,
-    inPhysics: Jt,
+    outPhysics: ne,
+    inPhysics: se,
     // 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: Qt
+    build: oe
   };
 }
-const ee = {
-  snappy: jt(),
-  fluid: te()
-}, rt = 8, ne = {
+const re = {
+  snappy: ee(),
+  fluid: ie()
+}, pt = 8, ae = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, se = {
+}, le = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function oe({
+function ce({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = -rt * t, s = rt * t;
+  const t = e === "forward" ? 1 : -1, n = -pt * t, s = pt * t;
   return {
     out: {
       willChange: "transform, opacity",
@@ -377,21 +384,21 @@ function oe({
     }
   };
 }
-function ie() {
+function pe() {
   return {
-    outPhysics: ne,
-    inPhysics: se,
+    outPhysics: ae,
+    inPhysics: le,
     composition: { mode: "sequence" },
-    build: oe
+    build: ce
   };
 }
-const re = 8, ae = {
+const fe = 8, de = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, le = {
+}, ye = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function ce(e) {
-  const t = re;
+function he(e) {
+  const t = fe;
   return {
     out: {
       willChange: "opacity",
@@ -413,32 +420,32 @@ function ce(e) {
     }
   };
 }
-function pe() {
+function ue() {
   return {
-    outPhysics: ae,
-    inPhysics: le,
+    outPhysics: de,
+    inPhysics: ye,
     composition: { mode: "sequence" },
-    build: ce
+    build: he
   };
 }
-const at = ie(), de = {
-  snappy: at,
-  directional: at,
-  "non-directional": pe()
-}, lt = {
+const ft = pe(), me = {
+  snappy: ft,
+  directional: ft,
+  "non-directional": ue()
+}, dt = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, R = 0.1, U = 1 / 3, ct = (e) => Math.max(0, Math.min(1, e));
-function fe({
+}, V = 0.1, X = 1 / 3, yt = (e) => Math.max(0, Math.min(1, e));
+function ge({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = 1 - t * R;
+  const t = e === "forward" ? 1 : -1, n = 1 - t * V;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
       animate: (s) => ({
-        transform: `scale(${1 + t * s * R})`,
-        opacity: `${ct(1 - s / U)}`
+        transform: `scale(${1 + t * s * V})`,
+        opacity: `${yt(1 - s / X)}`
       })
     },
     in: {
@@ -448,127 +455,127 @@ function fe({
         opacity: "0"
       },
       animate: (s) => ({
-        transform: `scale(${n + t * s * R})`,
-        opacity: `${ct((s - U) / (1 - U))}`
+        transform: `scale(${n + t * s * V})`,
+        opacity: `${yt((s - X) / (1 - X))}`
       })
     }
   };
 }
-function ye() {
+function we() {
   return {
-    outPhysics: lt,
-    inPhysics: lt,
+    outPhysics: dt,
+    inPhysics: dt,
     // 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: fe
+    build: ge
   };
 }
-const pt = {
+const ht = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, V = 0.1, N = 1 / 3, dt = (e) => Math.max(0, Math.min(1, e));
-function he() {
+}, B = 0.1, Z = 1 / 3, ut = (e) => Math.max(0, Math.min(1, e));
+function Se() {
   return {
     out: {
       willChange: "opacity",
       startStyle: {},
       animate: (e) => ({
-        opacity: `${dt(1 - e / N)}`
+        opacity: `${ut(1 - e / Z)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `scale(${1 - V})`,
+        transform: `scale(${1 - B})`,
         opacity: "0"
       },
       animate: (e) => ({
-        transform: `scale(${1 - V + e * V})`,
-        opacity: `${dt((e - N) / (1 - N))}`
+        transform: `scale(${1 - B + e * B})`,
+        opacity: `${ut((e - Z) / (1 - Z))}`
       })
     }
   };
 }
-function ue() {
+function be() {
   return {
-    outPhysics: pt,
-    inPhysics: pt,
+    outPhysics: ht,
+    inPhysics: ht,
     composition: { mode: "parallel" },
-    build: he
+    build: Se
   };
 }
-const ft = ye(), me = {
-  snappy: ft,
-  directional: ft,
-  "non-directional": ue()
-}, ge = {
-  x: ee,
-  y: de,
-  z: me
+const mt = we(), $e = {
+  snappy: mt,
+  directional: mt,
+  "non-directional": be()
+}, Ce = {
+  x: re,
+  y: me,
+  z: $e
 };
-function we(e, t) {
-  const n = ge[e];
+function xe(e, t) {
+  const n = Ce[e];
   return n[t] ?? n.snappy;
 }
-const Se = "x", be = "snappy";
-function yt(e, t) {
+const Ee = "x", Pe = "snappy";
+function gt(e, t) {
   e.style.willChange = t.willChange, e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
   for (const [n, s] of Object.entries(t.startStyle))
     e.style[n] = s;
 }
-function Tt(e) {
+function Lt(e) {
   e.style.willChange = "auto", e.style.backfaceVisibility = "", e.style.contain = "", e.style.transform = "", e.style.opacity = "", e.style.clipPath = "";
 }
-function $e(e) {
-  Tt(e), e.style.pointerEvents = "";
+function _e(e) {
+  Lt(e), e.style.pointerEvents = "";
 }
-const Ce = (e = {}) => {
-  const t = e.direction ?? "forward", n = e.type ?? Se, s = e.feel ?? be, o = we(n, s), i = o.build({ direction: t });
+const Ie = (e = {}) => {
+  const t = e.direction ?? "forward", n = e.type ?? Ee, s = e.feel ?? Pe, o = xe(n, s), i = o.build({ direction: t });
   return {
     prepare: ({ from: l, to: a }) => (l.then((r) => {
-      yt(r, i.out), r.style.pointerEvents = "none";
+      gt(r, i.out), r.style.pointerEvents = "none";
     }), a.then((r) => {
-      yt(r, i.in);
+      gt(r, i.in);
     }), {}),
     animation: ({ from: l, to: a, context: r }) => {
       if (n === "z") {
-        const d = T(r, "from"), f = T(r, "to");
-        l.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`, a.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`;
+        const p = T(r, "from"), d = T(r, "to");
+        l.style.clipPath = `inset(${p.top}px 0 calc(100% - ${p.top + p.height}px) 0)`, a.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`;
       }
-      const c = new g({
+      const c = new m({
         element: l,
-        integrator: w.from(o.outPhysics),
-        style: (d) => i.out.animate(d),
+        integrator: g.from(o.outPhysics),
+        style: (p) => i.out.animate(p),
         // Restore the reused from node's inline styles on complete. This
         // covers willChange/backfaceVisibility/contain/transform/opacity (from
         // applyStartStyle + the WAAPI final frame), pointerEvents (set in
         // prepare), and clipPath (set above for z; harmless no-op otherwise).
-        onComplete: () => $e(l)
-      }), p = new g({
+        onComplete: () => _e(l)
+      }), f = new m({
         element: a,
-        integrator: w.from(o.inPhysics),
-        style: (d) => i.in.animate(d),
-        onComplete: () => Tt(a)
+        integrator: g.from(o.inPhysics),
+        style: (p) => i.in.animate(p),
+        onComplete: () => Lt(a)
       });
-      return new x([c, p], o.composition);
+      return new E([c, f], o.composition);
     }
   };
 };
-function xe(e, t, n) {
+function ve(e, t, n) {
   return e === "y" ? t === "non-directional" ? "non-directional" : "directional" : e !== "x" || t === "snappy" || n === "snappy" ? "snappy" : "fluid";
 }
-function $s(e) {
-  const { paths: t } = e, n = e.type ?? "x", s = e.variant, o = e.feel, i = xe(n, s, o);
-  return Q(
+function Ds(e) {
+  const { paths: t } = e, n = e.type ?? "x", s = e.variant, o = e.feel, i = ve(n, s, o);
+  return ot(
     t,
     { forward: "forward", backward: "backward" },
-    (l) => Ce({ type: n, direction: l, feel: i })
+    (l) => Ie({ type: n, direction: l, feel: i })
   );
 }
-const Ee = {
+const De = {
   spring: { stiffness: 200, damping: 22 }
-}, Pe = 10, _e = "horizontal", Ie = "#000000";
-function ht(e, t, n, s, o, i) {
+}, Oe = 10, Te = "horizontal", Fe = "#000000";
+function wt(e, t, n, s, o, i) {
   window.getComputedStyle(e).position === "static" && (e.style.position = "relative");
   const a = document.createElement("div");
   a.style.cssText = `
@@ -583,27 +590,27 @@ function ht(e, t, n, s, o, i) {
   `;
   const r = [];
   for (let c = 0; c < t; c++) {
-    const p = document.createElement("div");
+    const f = document.createElement("div");
     if (n === "horizontal") {
-      const d = 100 / t;
-      p.style.cssText = `
+      const p = 100 / t;
+      f.style.cssText = `
         position: absolute;
-        top: ${d * c}%;
+        top: ${p * c}%;
         left: 0;
         width: 100%;
-        height: calc(${d}% + 1px);
+        height: calc(${p}% + 1px);
         background: ${s};
         transform: scaleX(${o === "hidden" ? 0 : 1});
         transform-origin: ${i} center;
         will-change: transform;
       `;
     } else {
-      const d = 100 / t;
-      p.style.cssText = `
+      const p = 100 / t;
+      f.style.cssText = `
         position: absolute;
         top: 0;
-        left: ${d * c}%;
-        width: calc(${d}% + 1px);
+        left: ${p * c}%;
+        width: calc(${p}% + 1px);
         height: 100%;
         background: ${s};
         transform: scaleY(${o === "hidden" ? 0 : 1});
@@ -611,17 +618,17 @@ function ht(e, t, n, s, o, i) {
         will-change: transform;
       `;
     }
-    r.push(p), a.appendChild(p);
+    r.push(f), a.appendChild(f);
   }
   return e.appendChild(a), { container: a, blinds: r };
 }
-const De = (e = {}) => {
-  const t = e.blindCount ?? Pe, n = e.direction ?? _e, s = e.blindColor ?? Ie, o = e.physics ?? Ee;
+const Ae = (e = {}) => {
+  const t = e.blindCount ?? Oe, n = e.direction ?? Te, s = e.blindColor ?? Fe, o = e.physics ?? De;
   return {
     prepare: async ({ from: i, to: l }) => {
       const a = await i, r = await l;
       a.style.zIndex = "1000";
-      const c = ht(
+      const c = wt(
         a,
         t,
         n,
@@ -630,7 +637,7 @@ const De = (e = {}) => {
         "left"
       );
       r.style.position = "relative", r.style.zIndex = "0";
-      const p = ht(
+      const f = wt(
         r,
         t,
         n,
@@ -642,8 +649,8 @@ const De = (e = {}) => {
         fromEl: a,
         fromBlinds: c.blinds,
         fromContainer: c.container,
-        toBlinds: p.blinds,
-        toContainer: p.container
+        toBlinds: f.blinds,
+        toContainer: f.container
       };
     },
     animation: ({
@@ -653,41 +660,41 @@ const De = (e = {}) => {
       toBlinds: r,
       toContainer: c
     }) => {
-      const p = l.map(
-        (y) => new g({
+      const f = l.map(
+        (y) => new m({
           element: y,
-          integrator: w.from(o),
+          integrator: g.from(o),
           style: (h) => ({
             transform: n === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
           })
         })
-      ), d = r.map(
-        (y, h) => new g({
+      ), p = r.map(
+        (y, h) => new m({
           element: y,
-          integrator: w.from(o),
-          style: (S, m) => ({
-            transform: n === "horizontal" ? `scaleX(${m})` : `scaleY(${m})`
+          integrator: g.from(o),
+          style: (w, S) => ({
+            transform: n === "horizontal" ? `scaleX(${S})` : `scaleY(${S})`
           }),
           onComplete: h === r.length - 1 ? () => {
             c.remove(), a.remove(), i.style.zIndex = "", i.style.position = "";
           } : void 0
         })
-      ), f = new x(p, { mode: "parallel" }), u = new x(d, { mode: "parallel" });
-      return new x([f, u], { mode: "sequence" });
+      ), d = new E(f, { mode: "parallel" }), u = new E(p, { mode: "parallel" });
+      return new E([d, u], { mode: "sequence" });
     }
   };
 };
-function Cs(e) {
+function Os(e) {
   const { paths: t, type: n = "horizontal" } = e;
-  return D(
+  return v(
     t,
-    () => De({ direction: n })
+    () => Ae({ direction: n })
   );
 }
-const ve = {
+const ke = {
   spring: { stiffness: 200, damping: 20, doubleSpring: 0.7 }
-}, F = 0.5;
-function Oe(e) {
+}, Y = 0.5;
+function Ye(e) {
   const t = e === "enter" ? -100 : 100, n = e === "enter" ? 100 : -100;
   return {
     out: {
@@ -695,32 +702,32 @@ function Oe(e) {
       startStyle: {},
       animate: (s) => ({
         transform: `translate3d(${t * s}%, 0, 0)`,
-        opacity: `${F + (1 - F) * (1 - s)}`
+        opacity: `${Y + (1 - Y) * (1 - s)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
         transform: `translate3d(${n}%, 0, 0)`,
-        opacity: `${F}`
+        opacity: `${Y}`
       },
       animate: (s) => ({
         transform: `translate3d(${n * (1 - s)}%, 0, 0)`,
-        opacity: `${F + (1 - F) * s}`
+        opacity: `${Y + (1 - Y) * s}`
       })
     }
   };
 }
-function Te() {
+function Le() {
   return {
-    physics: ve,
-    build: Oe
+    physics: ke,
+    build: Ye
   };
 }
-const Ae = {
+const He = {
   spring: { stiffness: 170, damping: 22 }
 };
-function Fe(e) {
+function Me(e) {
   const t = e === "enter" ? -20 : 100, n = e === "enter" ? 100 : -20;
   return {
     out: {
@@ -741,105 +748,105 @@ function Fe(e) {
     }
   };
 }
-function ke() {
+function ze() {
   return {
-    physics: Ae,
-    build: Fe
+    physics: He,
+    build: Me
   };
 }
-const Ye = {
-  parallax: ke(),
-  crossfade: Te()
-}, v = "0", Le = "1", O = "2", He = "parallax";
-function ut(e, t) {
+const Re = {
+  parallax: ze(),
+  crossfade: Le()
+}, D = "0", Ht = "1", O = "2", Ue = "parallax";
+function St(e, t) {
   e.style.willChange = t.willChange, e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
   for (const [n, s] of Object.entries(t.startStyle))
     e.style[n] = s;
 }
-const Me = (e = {}) => {
-  const t = e.direction ?? "enter", n = Ye[e.type ?? He], s = n.physics, o = n.build(t), i = t === "enter" ? v : O, l = t === "enter" ? O : v;
+const Ne = (e = {}) => {
+  const t = e.direction ?? "enter", n = Re[e.type ?? Ue], s = n.physics, o = n.build(t), i = t === "enter" ? D : O, l = t === "enter" ? O : D;
   return {
     prepare: ({ from: a, to: r }) => (a.then((c) => {
-      ut(c, o.out), c.style.pointerEvents = "none", c.style.zIndex = i;
+      St(c, o.out), c.style.pointerEvents = "none", c.style.zIndex = i;
     }), r.then((c) => {
-      ut(c, o.in), c.style.position = "relative", c.style.zIndex = l;
+      St(c, o.in), c.style.position = "relative", c.style.zIndex = l;
     }), {}),
     animation: ({ from: a, to: r }) => {
-      const c = new g({
+      const c = new m({
         element: a,
-        integrator: w.from(s),
-        style: (d) => o.out.animate(d),
+        integrator: g.from(s),
+        style: (p) => o.out.animate(p),
         // The outgoing node is the real, reused element (re-hidden on navigate),
         // so clear every inline style we set on it — mirroring the `to` cleanup,
         // plus the out-only `pointerEvents` / `zIndex`.
         onComplete: () => {
           a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.opacity = "", a.style.pointerEvents = "", a.style.zIndex = "";
         }
-      }), p = new g({
+      }), f = new m({
         element: r,
-        integrator: w.from(s),
-        style: (d) => o.in.animate(d),
+        integrator: g.from(s),
+        style: (p) => o.in.animate(p),
         onComplete: () => {
           r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "", r.style.opacity = "", r.style.position === "relative" && (r.style.position = ""), r.style.zIndex === l && (r.style.zIndex = "");
         }
       });
-      for (const d of [c, p]) {
-        const f = d.onComplete;
-        d.onComplete = () => {
-          f == null || f(), d.releaseFill();
+      for (const p of [c, f]) {
+        const d = p.onComplete;
+        p.onComplete = () => {
+          d == null || d(), p.releaseFill();
         };
       }
-      return new x([c, p], { mode: "parallel" });
+      return new E([c, f], { mode: "parallel" });
     }
   };
 };
-function ze(e) {
+function Ve(e) {
   return e === "slide" || e === "crossfade" ? "crossfade" : "parallax";
 }
-function xs(e) {
-  const { enter: t, exit: n } = e, s = e.type, o = ze(s);
-  return Ot(
+function Ts(e) {
+  const { enter: t, exit: n } = e, s = e.type, o = Ve(s);
+  return kt(
     { enter: t, exit: n },
-    (i) => Me({ direction: i, type: o })
+    (i) => Ne({ direction: i, type: o })
   );
 }
-const Re = {
+const Xe = {
   spring: { stiffness: 180, damping: 20, doubleSpring: !0 }
-}, Ue = {
+}, Be = {
   spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
-}, Ve = (e = {}) => {
-  const t = e.physics ?? Ue, n = e.physics ?? Re;
+}, Ze = (e = {}) => {
+  const t = e.physics ?? Be, n = e.physics ?? Xe;
   return {
     prepare: ({ to: s }) => (s.then((o) => {
       o.style.opacity = "0", o.style.willChange = "opacity";
     }), {}),
     animation: ({ from: s, to: o }) => {
-      const i = new g({
+      const i = new m({
         element: s,
-        integrator: w.from(n),
+        integrator: g.from(n),
         // Default bounds (0, 1). `u` runs 1→0 as the animation moves
         // forward, mapping opacity from fully visible to invisible.
         style: (a, r) => ({ opacity: r }),
         onComplete: () => {
           s.style.willChange = "auto", s.style.opacity = "";
         }
-      }), l = new g({
+      }), l = new m({
         element: o,
-        integrator: w.from(t),
+        integrator: g.from(t),
         style: (a) => ({ opacity: a }),
         onComplete: () => {
           o.style.willChange = "auto", o.style.opacity = "";
         }
       });
-      return new x([i, l], { mode: "sequence" });
+      return new E([i, l], { mode: "sequence" });
     }
   };
 };
-function Es(e) {
+function Fs(e) {
   const { paths: t } = e;
-  return D(t, () => Ve());
+  return v(t, () => Ze());
 }
-const X = {
+const W = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
@@ -847,11 +854,11 @@ const X = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, Ne = 0.8, Xe = "white", mt = 1e3 / 60, Be = 600;
-function Ze(e) {
-  const { items: t, from: n, to: s, recordFrame: o } = e, i = mt / 1e3, l = Math.abs(s - n), a = t.map((c) => ({
+}, We = 0.8, qe = "white", bt = 1e3 / 60, je = 600;
+function Ke(e) {
+  const { items: t, from: n, to: s, recordFrame: o } = e, i = bt / 1e3, l = Math.abs(s - n), a = t.map((c) => ({
     item: c,
-    integrator: new L({
+    integrator: new z({
       stiffness: c.spring.stiffness,
       damping: c.spring.damping
     }),
@@ -864,30 +871,30 @@ function Ze(e) {
     (c === 0 || a[c].item.offset === 0) && (a[c].started = !0);
   o(0);
   let r = 0;
-  for (let c = 1; c <= Be; c++) {
-    const p = c * mt;
-    r = p;
-    for (const d of a)
-      !d.started || d.settled || (d.state = d.integrator.step(d.state, s, i), d.integrator.isSettled(d.state, s) ? (d.settleTime += i, d.settleTime >= Vt && (d.state = { position: s, velocity: 0 }, d.settled = !0)) : d.settleTime = 0, d.item.tick(d.state.position));
-    for (let d = 1; d < a.length; d++) {
-      const f = a[d];
-      if (f.started) continue;
-      const u = a[d - 1];
+  for (let c = 1; c <= je; c++) {
+    const f = c * bt;
+    r = f;
+    for (const p of a)
+      !p.started || p.settled || (p.state = p.integrator.step(p.state, s, i), p.integrator.isSettled(p.state, s) ? (p.settleTime += i, p.settleTime >= Wt && (p.state = { position: s, velocity: 0 }, p.settled = !0)) : p.settleTime = 0, p.item.tick(p.state.position));
+    for (let p = 1; p < a.length; p++) {
+      const d = a[p];
+      if (d.started) continue;
+      const u = a[p - 1];
       if (!u.started) continue;
-      (l === 0 ? 1 : Math.abs(u.state.position - n) / l) >= f.item.offset && (f.started = !0);
+      (l === 0 ? 1 : Math.abs(u.state.position - n) / l) >= d.item.offset && (d.started = !0);
     }
-    if (o(p), a.every((d) => d.settled)) return p;
+    if (o(f), a.every((p) => p.settled)) return f;
   }
   return r;
 }
-function B(e, t) {
+function q(e, t) {
   return e != null && e.spring ? {
     stiffness: e.spring.stiffness,
     damping: e.spring.damping
   } : t;
 }
-function gt(e) {
-  const { rect: t, scale: n, direction: s, override: o } = e, i = s === "out" ? { scale: 1, translateY: -t.top } : { scale: n, translateY: -t.top + t.height }, l = B(o, X.scaleDown), a = B(o, X.translate), r = B(o, X.scaleUp), c = s === "out" ? 1 : 0, p = s === "out" ? 0 : 1, d = s === "out" ? [
+function $t(e) {
+  const { rect: t, scale: n, direction: s, override: o } = e, i = s === "out" ? { scale: 1, translateY: -t.top } : { scale: n, translateY: -t.top + t.height }, l = q(o, W.scaleDown), a = q(o, W.translate), r = q(o, W.scaleUp), c = s === "out" ? 1 : 0, f = s === "out" ? 0 : 1, p = s === "out" ? [
     {
       spring: l,
       offset: A.scaleDown,
@@ -934,19 +941,19 @@ function gt(e) {
         i.scale = n + (1 - n) * y;
       }
     }
-  ], f = [], u = Ze({
-    items: d,
+  ], d = [], u = Ke({
+    items: p,
     from: c,
-    to: p,
-    recordFrame: (y) => f.push({
+    to: f,
+    recordFrame: (y) => d.push({
       time: y,
       scale: i.scale,
       translateY: i.translateY
     })
   });
-  return { snapshots: f, totalDuration: u };
+  return { snapshots: d, totalDuration: u };
 }
-function We(e, t) {
+function Ge(e, t) {
   if (e.length === 0) return { time: 0, scale: 1, translateY: 0 };
   if (e.length === 1 || t <= 0) return e[0];
   if (t >= 1) return e[e.length - 1];
@@ -959,13 +966,13 @@ function We(e, t) {
     translateY: i.translateY + (l.translateY - i.translateY) * a
   };
 }
-const qe = [
+const Je = [
   [1, 1],
   [-1, 1],
   [1, -1],
   [-1, -1]
 ];
-function Ke(e, t) {
+function Qe(e, t) {
   const o = (i, l, a) => {
     const r = document.createElement("div");
     Object.assign(r.style, {
@@ -985,15 +992,15 @@ function Ke(e, t) {
       [a]: "0",
       [l]: "0"
     });
-    const p = document.createElement("div");
-    return Object.assign(p.style, {
+    const f = document.createElement("div");
+    return Object.assign(f.style, {
       position: "absolute",
       width: "1px",
       height: "15px",
       backgroundColor: e,
       [a]: "0",
       [l]: "0"
-    }), r.appendChild(c), r.appendChild(p), r;
+    }), r.appendChild(c), r.appendChild(f), r;
   };
   return {
     topLeft: o(
@@ -1030,11 +1037,11 @@ function Ke(e, t) {
     )
   };
 }
-function wt(e, t) {
+function Ct(e, t) {
   const n = t.left + t.width / 2, s = t.top + t.height / 2;
   e.style.transformOrigin = `${n}px ${s}px`;
 }
-function St(e, t) {
+function xt(e, t) {
   e.style.clipPath = `polygon(
     ${t.left}px ${t.top}px,
     ${t.left + t.width}px ${t.top}px,
@@ -1042,86 +1049,86 @@ function St(e, t) {
     ${t.left}px ${t.top + t.height}px
   )`;
 }
-function Z(e, t, n, s, o) {
+function j(e, t, n, s, o) {
   const i = n / 1e3;
-  return new g({
+  return new m({
     element: e,
-    integrator: new qt({ durationSec: i }),
+    integrator: new Qt({ durationSec: i }),
     lowerBound: 0,
     upperBound: 1,
-    style: (l) => s(We(t, l)),
+    style: (l) => s(Ge(t, l)),
     onComplete: o
   });
 }
-const je = (e = {}) => {
+const tn = (e = {}) => {
   var o;
-  const t = ((o = e.border) == null ? void 0 : o.color) ?? Xe, n = Ne, s = e.physics;
+  const t = ((o = e.border) == null ? void 0 : o.color) ?? qe, n = We, s = e.physics;
   return {
     prepare: ({ from: i, to: l, context: a }) => {
-      const r = T(a, "from"), c = T(a, "to"), p = tt(document.body, a.positionedParent), d = Ke(t, {
+      const r = T(a, "from"), c = T(a, "to"), f = N(document.body, a.positionedParent), p = Qe(t, {
         ...r,
-        top: p.top
+        top: f.top
       });
-      for (const f of [
+      for (const d of [
         "topLeft",
         "topRight",
         "bottomLeft",
         "bottomRight"
       ])
-        a.positionedParent.appendChild(d[f]);
-      return i.then((f) => {
-        wt(f, r), St(f, r), f.style.transform = `translateY(${-r.top}px)`;
-      }), l.then((f) => {
-        wt(f, c), St(f, c), f.style.transform = `translateY(${-c.top + c.height}px) scale(${n})`;
-      }), { borders: d, fromRect: r, toRect: c };
+        a.positionedParent.appendChild(p[d]);
+      return i.then((d) => {
+        Ct(d, r), xt(d, r), d.style.transform = `translateY(${-r.top}px)`;
+      }), l.then((d) => {
+        Ct(d, c), xt(d, c), d.style.transform = `translateY(${-c.top + c.height}px) scale(${n})`;
+      }), { borders: p, fromRect: r, toRect: c };
     },
-    animation: ({ from: i, to: l, context: a, borders: r, fromRect: c, toRect: p }) => {
-      const d = gt({
+    animation: ({ from: i, to: l, context: a, borders: r, fromRect: c, toRect: f }) => {
+      const p = $t({
         rect: c,
         scale: n,
         direction: "out",
         override: s
-      }), f = gt({
-        rect: p,
+      }), d = $t({
+        rect: f,
         scale: n,
         direction: "in",
         override: s
-      }), u = Z(
+      }), u = j(
         i,
-        d.snapshots,
-        d.totalDuration,
+        p.snapshots,
+        p.totalDuration,
         (b) => ({
           transform: `translateY(${b.translateY}px) scale(${b.scale})`
         }),
         () => {
           i.style.clipPath = "", i.style.transformOrigin = "", i.style.transform = "";
         }
-      ), y = Z(
+      ), y = j(
         l,
-        f.snapshots,
-        f.totalDuration,
+        d.snapshots,
+        d.totalDuration,
         (b) => ({
           transform: `translateY(${b.translateY}px) scale(${b.scale})`
         }),
         () => {
           l.style.clipPath = "", l.style.transformOrigin = "", l.style.transform = "";
         }
-      ), h = qe.map(([b, P], _) => {
-        const I = ["topLeft", "topRight", "bottomLeft", "bottomRight"][_];
-        return Z(
-          r[I],
-          d.snapshots,
-          d.totalDuration,
-          ($) => {
-            const E = (c.width - c.width * $.scale) / 2 * 0.7 * b, z = (c.height - c.height * $.scale) / 2 * 0.7 * P;
-            return { transform: `translate(${E}px, ${z}px)` };
+      ), h = Je.map(([b, P], $) => {
+        const C = ["topLeft", "topRight", "bottomLeft", "bottomRight"][$];
+        return j(
+          r[C],
+          p.snapshots,
+          p.totalDuration,
+          (I) => {
+            const _ = (c.width - c.width * I.scale) / 2 * 0.7 * b, k = (c.height - c.height * I.scale) / 2 * 0.7 * P;
+            return { transform: `translate(${_}px, ${k}px)` };
           }
         );
-      }), S = new x([u, y, ...h], {
+      }), w = new E([u, y, ...h], {
         mode: "parallel"
-      }), m = S.onComplete;
-      return S.onComplete = () => {
-        m == null || m();
+      }), S = w.onComplete;
+      return w.onComplete = () => {
+        S == null || S();
         const b = a.positionedParent;
         for (const P of [
           "topLeft",
@@ -1129,21 +1136,21 @@ const je = (e = {}) => {
           "bottomLeft",
           "bottomRight"
         ]) {
-          const _ = r[P];
-          _.parentElement === b && b.removeChild(_);
+          const $ = r[P];
+          $.parentElement === b && b.removeChild($);
         }
-      }, S;
+      }, w;
     }
   };
 };
-function Ps(e) {
+function As(e) {
   const { paths: t, options: n } = e, s = (n == null ? void 0 : n.borderColor) !== void 0 ? { border: { color: n.borderColor } } : void 0;
-  return D(t, () => je(s));
+  return v(t, () => tn(s));
 }
-const bt = "data-hero-enter-key", $t = "data-hero-exit-key", W = "data-hero-key";
-class Ge {
+const Et = "data-hero-enter-key", Pt = "data-hero-exit-key", K = "data-hero-key";
+class en {
   constructor() {
-    C(this, "previousFromOpacity", "");
+    x(this, "previousFromOpacity", "");
   }
   prepare(t) {
     t.from.then((n) => {
@@ -1156,38 +1163,38 @@ class Ge {
     }), [];
   }
 }
-const Je = () => new Ge();
-class Qe {
+const nn = () => new en();
+class sn {
   contribute(t) {
     const { from: n, to: s, physics: o, onComplete: i } = t, l = n.style.opacity, a = s.style.opacity, r = n.style.willChange, c = s.style.willChange;
     return s.style.opacity = "0", n.style.willChange = "opacity", s.style.willChange = "opacity", i(() => {
       n.style.opacity = l, s.style.opacity = a, n.style.willChange = r, s.style.willChange = c;
     }), [
-      new g({
+      new m({
         element: n,
-        integrator: w.from(o),
-        style: (p, d) => ({ opacity: d })
+        integrator: g.from(o),
+        style: (f, p) => ({ opacity: p })
       }),
-      new g({
+      new m({
         element: s,
-        integrator: w.from(o),
-        style: (p) => ({ opacity: p })
+        integrator: g.from(o),
+        style: (f) => ({ opacity: f })
       })
     ];
   }
 }
-const tn = () => new Qe(), en = {
-  static: Je,
-  fade: tn
-}, nn = {
+const on = () => new sn(), rn = {
+  static: nn,
+  fade: on
+}, an = {
   spring: { stiffness: 320, damping: 30 }
-}, sn = () => nn, on = {
+}, ln = () => an, cn = {
   spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
-}, rn = () => on, an = {
-  default: sn,
-  smooth: rn
-}, ln = 700, cn = "data-hero-aspect-ratio", pn = "data-hero-radius";
-function dn(e) {
+}, pn = () => cn, fn = {
+  default: ln,
+  smooth: pn
+}, dn = 700, yn = "data-hero-aspect-ratio", hn = "data-hero-radius";
+function un(e) {
   if (!e) return null;
   if (e.includes("/")) {
     const [n, s] = e.split("/"), o = parseFloat(n ?? ""), i = parseFloat(s ?? "");
@@ -1196,19 +1203,19 @@ function dn(e) {
   const t = parseFloat(e);
   return Number.isFinite(t) && t > 0 ? t : null;
 }
-function Ct(e) {
-  const t = e.getAttribute(pn);
+function _t(e) {
+  const t = e.getAttribute(hn);
   if (!t) return 0;
   const n = parseFloat(t);
   return Number.isFinite(n) && n > 0 ? n : 0;
 }
-function H(e) {
+function R(e) {
   return e.left + e.width / 2;
 }
-function M(e) {
+function U(e) {
   return e.top + e.height / 2;
 }
-function fn(e, t) {
+function mn(e, t) {
   return {
     top: Math.max(0, t.top - e.top),
     right: Math.max(0, e.left + e.width - (t.left + t.width)),
@@ -1216,7 +1223,7 @@ function fn(e, t) {
     left: Math.max(0, t.left - e.left)
   };
 }
-function yn(e, t, n) {
+function gn(e, t, n) {
   const s = e.width / e.height;
   let o, i;
   return n === "contain" ? s > t ? (i = e.height, o = i * t) : (o = e.width, i = o / t) : s > t ? (o = e.width, i = o / t) : (i = e.height, o = i * t), {
@@ -1226,8 +1233,8 @@ function yn(e, t, n) {
     height: i
   };
 }
-function xt(e, t, n) {
-  const s = tt(e, t), o = dn(t.getAttribute(cn));
+function It(e, t, n) {
+  const s = N(e, t), o = un(t.getAttribute(yn));
   if (o === null)
     return {
       bbox: s,
@@ -1235,16 +1242,16 @@ function xt(e, t, n) {
       window: s,
       clipInset: { top: 0, right: 0, bottom: 0, left: 0 }
     };
-  const i = yn(s, o, n), l = n === "cover" ? s : i;
+  const i = gn(s, o, n), l = n === "cover" ? s : i;
   return {
     bbox: s,
     content: i,
     window: l,
-    clipInset: fn(i, l)
+    clipInset: mn(i, l)
   };
 }
-function hn(e, t, n, s) {
-  const o = n.width / s, i = n.height / s, l = e.width / 2 + (H(n) - H(t)) / s - o / 2, a = e.height / 2 + (M(n) - M(t)) / s - i / 2;
+function wn(e, t, n, s) {
+  const o = n.width / s, i = n.height / s, l = e.width / 2 + (R(n) - R(t)) / s - o / 2, a = e.height / 2 + (U(n) - U(t)) / s - i / 2;
   return {
     top: Math.max(0, a),
     right: Math.max(0, e.width - l - o),
@@ -1252,7 +1259,7 @@ function hn(e, t, n, s) {
     left: Math.max(0, l)
   };
 }
-function k(e, t) {
+function H(e, t) {
   const n = /* @__PURE__ */ new Map(), s = e.querySelectorAll(`[${t}]`);
   for (const o of Array.from(s)) {
     const i = o.getAttribute(t);
@@ -1260,8 +1267,8 @@ function k(e, t) {
   }
   return n;
 }
-function un(e, t) {
-  const n = [], s = k(t, bt), o = k(e, $t);
+function Sn(e, t) {
+  const n = [], s = H(t, Et), o = H(e, Pt);
   for (const [a, r] of s) {
     const c = o.get(a);
     c && n.push({
@@ -1272,7 +1279,7 @@ function un(e, t) {
       toFit: "contain"
     });
   }
-  const i = k(e, bt), l = k(t, $t);
+  const i = H(e, Et), l = H(t, Pt);
   for (const [a, r] of i) {
     const c = l.get(a);
     c && n.push({
@@ -1285,15 +1292,15 @@ function un(e, t) {
   }
   return n;
 }
-function mn(e, t) {
+function bn(e, t) {
   const n = [], s = Array.from(
-    t.querySelectorAll(`[${W}]`)
+    t.querySelectorAll(`[${K}]`)
   );
   for (const o of s) {
-    const i = o.getAttribute(W);
+    const i = o.getAttribute(K);
     if (!i) continue;
     const l = e.querySelector(
-      `[${W}="${i}"]`
+      `[${K}="${i}"]`
     );
     l && n.push({
       key: i,
@@ -1305,20 +1312,20 @@ function mn(e, t) {
   }
   return n;
 }
-function gn(e, t) {
-  const n = un(e, t);
-  return n.length > 0 ? n : mn(e, t);
+function $n(e, t) {
+  const n = Sn(e, t);
+  return n.length > 0 ? n : bn(e, t);
 }
-function wn(e, t, n) {
-  const { fromEl: s, toEl: o } = t, i = xt(e, s, t.fromFit), l = xt(e, o, t.toFit), a = i.content, r = i.window, c = l.content, p = l.window, d = l.clipInset, f = Ct(s), u = Ct(o);
-  if (a.width === 0 || a.height === 0 || r.width === 0 || r.height === 0 || c.width === 0 || c.height === 0 || p.width === 0 || p.height === 0)
+function Cn(e, t, n) {
+  const { fromEl: s, toEl: o } = t, i = It(e, s, t.fromFit), l = It(e, o, t.toFit), a = i.content, r = i.window, c = l.content, f = l.window, p = l.clipInset, d = _t(s), u = _t(o);
+  if (a.width === 0 || a.height === 0 || r.width === 0 || r.height === 0 || c.width === 0 || c.height === 0 || f.width === 0 || f.height === 0)
     return null;
   const y = Math.max(
     a.width / c.width,
     a.height / c.height
-  ), h = H(a), S = M(a), m = H(c), b = M(c), P = h - m, _ = S - b;
-  if (Math.abs(_) > n) return null;
-  const I = hn(
+  ), h = R(a), w = U(a), S = R(c), b = U(c), P = h - S, $ = w - b;
+  if (Math.abs($) > n) return null;
+  const C = wn(
     c,
     a,
     r,
@@ -1326,53 +1333,53 @@ function wn(e, t, n) {
   );
   return {
     toContent: c,
-    hasRadius: f > 0 || u > 0,
-    styleFor: ($, E) => {
-      const z = E * P, kt = E * _, et = $ + E * y, Yt = (f * E + u * $) / et, Lt = I.top * E + d.top * $, Ht = I.right * E + d.right * $, Mt = I.bottom * E + d.bottom * $, zt = I.left * E + d.left * $;
+    hasRadius: d > 0 || u > 0,
+    styleFor: (I, _) => {
+      const k = _ * P, L = _ * $, F = I + _ * y, Rt = (d * _ + u * I) / F, Ut = C.top * _ + p.top * I, Nt = C.right * _ + p.right * I, Vt = C.bottom * _ + p.bottom * I, Xt = C.left * _ + p.left * I;
       return {
-        transform: `translate(${z}px, ${kt}px) scale(${et})`,
-        clipPath: `inset(${Lt}px ${Ht}px ${Mt}px ${zt}px round ${Yt}px)`
+        transform: `translate(${k}px, ${L}px) scale(${F})`,
+        clipPath: `inset(${Ut}px ${Nt}px ${Vt}px ${Xt}px round ${Rt}px)`
       };
     }
   };
 }
-function Sn(e, t) {
+function xn(e, t) {
   e.style.transform = t.transform, e.style.clipPath = t.clipPath;
 }
-class bn {
+class En {
   contribute(t) {
     const { resolved: n, physics: s, positionedParent: o, maxDistance: i, onComplete: l } = t, a = [];
     for (const r of n.pairs) {
-      const { fromEl: c, toEl: p } = r, d = wn(o, r, i);
-      if (!d) continue;
-      const f = p.cloneNode(!0);
-      f.style.position = "absolute", f.style.left = `${d.toContent.left}px`, f.style.top = `${d.toContent.top}px`, f.style.width = `${d.toContent.width}px`, f.style.height = `${d.toContent.height}px`, f.style.margin = "0", f.style.transformOrigin = "center center", f.style.zIndex = "1000", f.style.willChange = "transform, clip-path", f.style.pointerEvents = "none", f.style.maxWidth = "none", f.style.maxHeight = "none", d.hasRadius && (f.style.borderRadius = "0"), Sn(f, d.styleFor(0, 1)), o.appendChild(f);
-      const u = c.style.opacity, y = p.style.opacity;
-      c.style.opacity = "0", p.style.opacity = "0", l(() => {
-        c.style.opacity = u, p.style.opacity = y, f.parentElement && f.parentElement.removeChild(f);
+      const { fromEl: c, toEl: f } = r, p = Cn(o, r, i);
+      if (!p) continue;
+      const d = f.cloneNode(!0);
+      d.style.position = "absolute", d.style.left = `${p.toContent.left}px`, d.style.top = `${p.toContent.top}px`, d.style.width = `${p.toContent.width}px`, d.style.height = `${p.toContent.height}px`, d.style.margin = "0", d.style.transformOrigin = "center center", d.style.zIndex = "1000", d.style.willChange = "transform, clip-path", d.style.pointerEvents = "none", d.style.maxWidth = "none", d.style.maxHeight = "none", p.hasRadius && (d.style.borderRadius = "0"), xn(d, p.styleFor(0, 1)), o.appendChild(d);
+      const u = c.style.opacity, y = f.style.opacity;
+      c.style.opacity = "0", f.style.opacity = "0", l(() => {
+        c.style.opacity = u, f.style.opacity = y, d.parentElement && d.parentElement.removeChild(d);
       }), a.push(
-        new g({
-          element: f,
-          integrator: w.from(s),
-          style: d.styleFor
+        new m({
+          element: d,
+          integrator: g.from(s),
+          style: p.styleFor
         })
       );
     }
     return a;
   }
 }
-function $n(e) {
-  return [new bn(), en[e.type]()];
+function Pn(e) {
+  return [new En(), rn[e.type]()];
 }
-const Cn = (e) => {
-  const t = $n(e), n = an[e.variant](), s = ln;
+const _n = (e) => {
+  const t = Pn(e), n = fn[e.variant](), s = dn;
   return {
     prepare: (o) => {
       var a;
       const i = Promise.all([
         o.from,
         o.to
-      ]).then(([r, c]) => ({ pairs: gn(r, c) })), l = {
+      ]).then(([r, c]) => ({ pairs: $n(r, c) })), l = {
         from: o.from,
         to: o.to,
         resolved: i
@@ -1383,10 +1390,10 @@ const Cn = (e) => {
     },
     animation: ({ from: o, to: i, context: l, resolved: a }) => {
       if (a.pairs.length === 0)
-        return new x([], { mode: "parallel" });
+        return new E([], { mode: "parallel" });
       const r = [], c = (y) => {
         r.push(y);
-      }, p = {
+      }, f = {
         from: o,
         to: i,
         resolved: a,
@@ -1394,13 +1401,13 @@ const Cn = (e) => {
         positionedParent: l.positionedParent,
         maxDistance: s,
         onComplete: c
-      }, d = [];
+      }, p = [];
       for (const y of t)
-        y.contribute && d.push(...y.contribute(p));
-      if (d.length === 0)
-        return new x([], { mode: "parallel" });
-      const f = new x(d, { mode: "parallel" }), u = f.onComplete;
-      return f.onComplete = () => {
+        y.contribute && p.push(...y.contribute(f));
+      if (p.length === 0)
+        return new E([], { mode: "parallel" });
+      const d = new E(p, { mode: "parallel" }), u = d.onComplete;
+      return d.onComplete = () => {
         u == null || u();
         for (const y of r)
           try {
@@ -1408,37 +1415,37 @@ const Cn = (e) => {
           } catch (h) {
             console.error("[hero] cleanup error", h);
           }
-      }, f;
+      }, d;
     }
   };
 };
-function _s(e) {
+function ks(e) {
   const { paths: t } = e, n = e.type ?? "static", s = e.variant ?? "default";
-  return D(
+  return v(
     t,
-    () => Cn({ type: n, variant: s })
+    () => _n({ type: n, variant: s })
   );
 }
-const xn = {
+const In = {
   spring: { stiffness: 50, damping: 30 }
-}, En = {
+}, vn = {
   spring: { stiffness: 80, damping: 25 }
-}, Pn = (e = {}) => {
-  const t = e.physics ?? xn, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
+}, Dn = (e = {}) => {
+  const t = e.physics ?? In, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
   return {
     prepare: ({ from: i, to: l, context: a }) => (i.then((r) => {
       r.style.opacity = "1";
     }), l.then((r) => {
-      const c = T(a, "to"), p = Math.min(c.width, c.height) * 0.4;
-      r.style.setProperty("--max-border-radius", `${p}px`), r.style.setProperty("--border-radius-scale", "1"), r.style.willChange = "transform", r.style.backfaceVisibility = "hidden";
-      const d = c.left + c.width / 2, f = c.top + c.height / 2;
-      r.style.transformOrigin = `${d}px ${f}px`, r.style.position = "fixed", r.style.top = `${c.top}px`, r.style.left = `${c.left}px`, r.style.width = `${c.width}px`, r.style.height = `${c.height}px`, r.style.zIndex = "1000", r.style.overflow = "hidden", r.style.transform = `rotate(${n}deg) scale(${s}) translateZ(0)`, r.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", r.style.opacity = "1";
+      const c = T(a, "to"), f = Math.min(c.width, c.height) * 0.4;
+      r.style.setProperty("--max-border-radius", `${f}px`), r.style.setProperty("--border-radius-scale", "1"), r.style.willChange = "transform", r.style.backfaceVisibility = "hidden";
+      const p = c.left + c.width / 2, d = c.top + c.height / 2;
+      r.style.transformOrigin = `${p}px ${d}px`, r.style.position = "fixed", r.style.top = `${c.top}px`, r.style.left = `${c.left}px`, r.style.width = `${c.width}px`, r.style.height = `${c.height}px`, r.style.zIndex = "1000", r.style.overflow = "hidden", r.style.transform = `rotate(${n}deg) scale(${s}) translateZ(0)`, r.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", r.style.opacity = "1";
     }), {}),
     animation: ({ from: i, to: l }) => {
-      const a = new g({
+      const a = new m({
         element: i,
-        integrator: w.from(En),
-        style: (c, p) => ({ opacity: p }),
+        integrator: g.from(vn),
+        style: (c, f) => ({ opacity: f }),
         // 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
@@ -1446,37 +1453,37 @@ const xn = {
         onComplete: () => {
           i.style.opacity = "";
         }
-      }), r = new g({
+      }), r = new m({
         element: l,
-        integrator: w.from(t),
+        integrator: g.from(t),
         style: (c) => {
-          let p;
+          let f;
           if (c <= 0.05)
-            p = s;
+            f = s;
           else if (c <= o) {
             const y = (c - 0.05) / (o - 0.05), h = Math.pow(y, 9);
-            p = s + (0.8 - s) * h;
+            f = s + (0.8 - s) * h;
           } else {
             const y = (c - o) / (1 - o);
-            p = 0.8 + 0.2 * (1 - Math.pow(1 - y, 3));
+            f = 0.8 + 0.2 * (1 - Math.pow(1 - y, 3));
           }
-          const d = 0.7;
-          let f;
-          if (c <= d)
-            f = n;
+          const p = 0.7;
+          let d;
+          if (c <= p)
+            d = n;
           else {
-            const y = (c - d) / (1 - d), h = 1 - Math.pow(1 - y, 2);
-            f = n * (1 - h);
+            const y = (c - p) / (1 - p), h = 1 - Math.pow(1 - y, 2);
+            d = n * (1 - h);
           }
           let u;
-          if (c <= d)
+          if (c <= p)
             u = 1;
           else {
-            const y = (c - d) / (1 - d);
+            const y = (c - p) / (1 - p);
             u = 1 - Math.pow(y, 0.5);
           }
           return {
-            transform: `rotate(${f.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
+            transform: `rotate(${d.toFixed(2)}deg) scale(${f.toFixed(4)}) translateZ(0)`,
             "--border-radius-scale": u.toFixed(4)
           };
         },
@@ -1484,18 +1491,18 @@ const xn = {
           l.style.willChange = "", l.style.backfaceVisibility = "", l.style.removeProperty("--max-border-radius"), l.style.removeProperty("--border-radius-scale"), l.style.transform = "", l.style.transformOrigin = "", l.style.position = "", l.style.zIndex = "", l.style.top = "", l.style.left = "", l.style.width = "", l.style.height = "", l.style.overflow = "", l.style.borderRadius = "";
         }
       });
-      return new x([a, r], { mode: "parallel" });
+      return new E([a, r], { mode: "parallel" });
     }
   };
 };
-function Is(e) {
+function Ys(e) {
   const { paths: t } = e;
-  return D(t, () => Pn());
+  return v(t, () => Dn());
 }
-const _n = {
+const On = {
   spring: { stiffness: 100, damping: 30 }
-}, In = (e = {}) => {
-  const t = e.physics ?? _n;
+}, Tn = (e = {}) => {
+  const t = e.physics ?? On;
   return {
     prepare: ({ from: n, to: s }) => (n.then((o) => {
       o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
@@ -1503,9 +1510,9 @@ const _n = {
       o.style.opacity = "0", o.style.transform = "rotate(-180deg)", o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
     }), {}),
     animation: ({ from: n, to: s }) => {
-      const o = new g({
+      const o = new m({
         element: n,
-        integrator: w.from(t),
+        integrator: g.from(t),
         style: (l) => ({
           transform: `rotate(${l * 180}deg)`,
           opacity: l < 0.5 ? 1 : 0
@@ -1516,9 +1523,9 @@ const _n = {
         onComplete: () => {
           n.style.willChange = "auto", n.style.transform = "", n.style.transformOrigin = "", n.style.opacity = "";
         }
-      }), i = new g({
+      }), i = new m({
         element: s,
-        integrator: w.from(t),
+        integrator: g.from(t),
         // u runs 1→0, so -u*180 unwinds -180→0.
         style: (l, a) => ({
           transform: `rotate(${-a * 180}deg)`,
@@ -1528,15 +1535,15 @@ const _n = {
           s.style.willChange = "auto", s.style.transform = "", s.style.transformOrigin = "", s.style.opacity = "";
         }
       });
-      return new x([o, i], { mode: "parallel" });
+      return new E([o, i], { mode: "parallel" });
     }
   };
 };
-function Ds(e) {
+function Ls(e) {
   const { paths: t } = e;
-  return D(t, () => In());
+  return v(t, () => Tn());
 }
-const Dn = {
+const Fn = {
   spring: {
     stiffness: 20,
     damping: 8,
@@ -1544,8 +1551,8 @@ const Dn = {
     restDelta: 1e-3,
     restSpeed: 1e-3
   }
-}, Et = (e = {}) => {
-  const t = e.direction ?? "up", n = e.physics ?? Dn, s = t === "up", o = s ? v : O, i = s ? O : v;
+}, vt = (e = {}) => {
+  const t = e.direction ?? "up", n = e.physics ?? Fn, s = t === "up", o = s ? D : O, i = s ? O : D;
   return {
     prepare: ({ from: l, to: a }) => (l.then((r) => {
       r.style.zIndex = o, r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
@@ -1553,10 +1560,10 @@ const Dn = {
       r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.position = "relative", r.style.zIndex = i;
     }), {}),
     animation: ({ from: l, to: a }) => {
-      const r = l.offsetHeight, c = a.offsetHeight, p = window.innerHeight, d = Math.max(Math.min(r, c), p), f = new g({
+      const r = l.offsetHeight, c = a.offsetHeight, f = window.innerHeight, p = Math.max(Math.min(r, c), f), d = new m({
         element: l,
-        integrator: w.from(n),
-        style: (y) => ({ transform: `translate3d(0, ${s ? -d * y : d * y}px, 0)` }),
+        integrator: g.from(n),
+        style: (y) => ({ transform: `translate3d(0, ${s ? -p * y : p * y}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,
@@ -1565,66 +1572,111 @@ const Dn = {
         onComplete: () => {
           l.style.willChange = "auto", l.style.backfaceVisibility = "", l.style.contain = "", l.style.transform = "", l.style.pointerEvents = "", l.style.zIndex = "";
         }
-      }), u = new g({
+      }), u = new m({
         element: a,
-        integrator: w.from(n),
-        style: (y, h) => ({ transform: `translate3d(0, ${s ? h * d : h * -d}px, 0)` }),
+        integrator: g.from(n),
+        style: (y, h) => ({ transform: `translate3d(0, ${s ? h * p : h * -p}px, 0)` }),
         onComplete: () => {
           a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.position === "relative" && (a.style.position = ""), a.style.zIndex === i && (a.style.zIndex = "");
         }
       });
-      for (const y of [f, u]) {
+      for (const y of [d, u]) {
         const h = y.onComplete;
         y.onComplete = () => {
           h == null || h(), y.releaseFill();
         };
       }
-      return new x([f, u], { mode: "parallel" });
+      return new E([d, u], { mode: "parallel" });
     }
   };
 };
-function vs(e) {
+function Hs(e) {
   const { paths: t, type: n = "directional" } = e;
-  return n === "non-directional" ? D(
+  return n === "non-directional" ? v(
     t,
-    () => Et({ direction: "up" })
-  ) : Q(
+    () => vt({ direction: "up" })
+  ) : ot(
     t,
     { forward: "up", backward: "down" },
-    (s) => Et({ direction: s })
+    (s) => vt({ direction: s })
   );
 }
-const vn = {
+const An = {
   spring: { stiffness: 200, damping: 24 }
-}, On = {
+}, kn = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, q = 0.2;
-function Tn() {
+}, G = 0.2;
+function Yn() {
   return {
-    enterPhysics: vn,
-    exitPhysics: On,
+    enterPhysics: An,
+    exitPhysics: kn,
     background: {
       willChange: "transform, opacity",
       enterStyle: (e, t) => ({
-        transform: `scale(${1 - q * e})`,
+        transform: `scale(${1 - G * e})`,
         opacity: t
       }),
       exitStyle: (e) => ({
-        transform: `scale(${1 - q + q * e})`,
+        transform: `scale(${1 - G + G * e})`,
         opacity: e
       })
     }
   };
 }
-const An = {
+const Ln = {
+  spring: { stiffness: 200, damping: 24 }
+}, Hn = {
+  inertia: { acceleration: 25, resistance: 1.2 }
+}, J = 0.08, Mn = 16, Q = 0.6, zn = (e) => `blur(${Math.max(0, e).toFixed(2)}px)`;
+function Rn() {
+  return {
+    enterPhysics: Ln,
+    exitPhysics: Hn,
+    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: (e) => ({
+        transform: `scale(${1 - J * e})`,
+        opacity: 1 - (1 - Q) * e
+      }),
+      // exit: t 0 → 1 as the sheet falls away and the page returns to rest —
+      // the inverse ramp of enter.
+      exitStyle: (e) => ({
+        transform: `scale(${1 - J + J * e})`,
+        opacity: Q + (1 - Q) * e
+      })
+    },
+    overlay: {
+      willChange: "backdrop-filter",
+      // `top` + `height` are set per-transition in transition.ts (they depend on
+      // the live scroll position), so they are intentionally omitted here.
+      initialStyle: {
+        position: "absolute",
+        left: "0",
+        width: "100%",
+        pointerEvents: "none",
+        backdropFilter: "blur(0px)",
+        WebkitBackdropFilter: "blur(0px)"
+      },
+      // 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: (e, t) => {
+        const n = e === "enter" ? t : 1 - t, s = zn(Mn * n);
+        return { backdropFilter: s, WebkitBackdropFilter: s };
+      }
+    }
+  };
+}
+const Un = {
   spring: { stiffness: 300, damping: 30 }
-}, Fn = {
+}, Nn = {
   inertia: { acceleration: 30, resistance: 1 }
 };
-function kn() {
+function Vn() {
   return {
-    enterPhysics: An,
-    exitPhysics: Fn,
+    enterPhysics: Un,
+    exitPhysics: Nn,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -1632,86 +1684,105 @@ function kn() {
     }
   };
 }
-const Yn = {
-  static: kn(),
-  "background-scale": Tn()
-}, Ln = "static", Hn = "transform", Mn = (e = {}) => {
-  const t = e.direction ?? "enter", n = Yn[e.type ?? Ln], s = t === "enter" ? n.enterPhysics : n.exitPhysics, o = n.background, i = o.willChange !== "";
+const Xn = {
+  static: Vn(),
+  "background-scale": Yn(),
+  blur: Rn()
+}, Bn = "static", Zn = "transform", Wn = (e = {}) => {
+  const t = e.direction ?? "enter", n = Xn[e.type ?? Bn], s = t === "enter" ? n.enterPhysics : n.exitPhysics, o = n.background, i = n.overlay, l = o.willChange !== "";
   return {
-    prepare: ({ from: l, to: a }) => {
-      const r = t === "enter" ? a : l, c = t === "enter" ? l : a;
-      return r.then((p) => {
-        p.style.willChange = Hn, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", p.style.zIndex = O, t === "enter" ? p.style.position = "relative" : p.style.pointerEvents = "none";
-      }), c.then((p) => {
-        i && (p.style.willChange = o.willChange, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint"), p.style.zIndex = v, t === "enter" ? p.style.pointerEvents = "none" : p.style.position = "relative";
-      }), {};
+    prepare: ({ from: a, to: r, context: c, createElement: f }) => {
+      const p = t === "enter" ? r : a, d = t === "enter" ? a : r;
+      p.then((y) => {
+        y.style.willChange = Zn, y.style.backfaceVisibility = "hidden", y.style.contain = "layout paint", y.style.zIndex = O, t === "enter" ? y.style.position = "relative" : y.style.pointerEvents = "none";
+      }), d.then((y) => {
+        l && (y.style.willChange = o.willChange, y.style.backfaceVisibility = "hidden", y.style.contain = "layout paint"), y.style.zIndex = D, t === "enter" ? y.style.pointerEvents = "none" : y.style.position = "relative";
+      });
+      let u;
+      return i && (u = f("sheet-overlay"), Object.assign(u.style, i.initialStyle), u.style.willChange = i.willChange, c.positionedParent.appendChild(u)), { overlay: u };
     },
-    animation: ({ from: l, to: a, context: r }) => {
-      const c = t === "enter" ? a : l, p = t === "enter" ? l : a, d = T(
-        r,
+    animation: ({ from: a, to: r, context: c, overlay: f }) => {
+      const p = t === "enter" ? r : a, d = t === "enter" ? a : r, u = T(
+        c,
         t === "enter" ? "to" : "from"
-      ), f = () => {
-        l.style.pointerEvents = "", l.style.zIndex = "";
-      }, u = () => {
-        const $ = t === "enter" ? O : v;
-        a.style.position === "relative" && (a.style.position = ""), a.style.zIndex === $ && (a.style.zIndex = "");
-      }, y = ($) => {
-        const E = $.onComplete;
+      ), y = () => {
+        a.style.pointerEvents = "", a.style.zIndex = "";
+      }, h = () => {
+        const $ = t === "enter" ? O : D;
+        r.style.position === "relative" && (r.style.position = ""), r.style.zIndex === $ && (r.style.zIndex = "");
+      }, w = ($) => {
+        const C = $.onComplete;
         $.onComplete = () => {
-          E == null || E(), $.releaseFill();
+          C == null || C(), $.releaseFill();
         };
       };
-      c.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`;
-      const h = t === "enter" ? ($, E) => ({
-        transform: `translate3d(0, ${E * d.height}px, 0)`
+      p.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`;
+      const S = t === "enter" ? ($, C) => ({
+        transform: `translate3d(0, ${C * u.height}px, 0)`
       }) : ($) => ({
-        transform: `translate3d(0, ${$ * d.height}px, 0)`
-      }), S = new g({
-        element: c,
-        integrator: w.from(s),
-        style: h,
-        onComplete: () => {
-          c.style.willChange = "auto", c.style.backfaceVisibility = "", c.style.contain = "", c.style.clipPath = "", c.style.transform = "", f(), u();
-        }
-      });
-      if (y(S), !i)
-        return new x([S], { mode: "parallel" });
-      const m = T(
-        r,
-        t === "enter" ? "from" : "to"
-      ), b = m.left + m.width / 2, P = m.top + m.height / 2;
-      p.style.clipPath = `inset(${m.top}px 0 calc(100% - ${m.top + m.height}px) 0)`, p.style.transformOrigin = `${b}px ${P}px`;
-      const _ = t === "enter" ? ($, E) => o.enterStyle($, E) : ($) => o.exitStyle($), I = new g({
+        transform: `translate3d(0, ${$ * u.height}px, 0)`
+      }), b = new m({
         element: p,
-        integrator: w.from(s),
-        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 left
-        // scaled/faded/clipped the next time it is shown. releaseFill below
-        // drops the WAAPI fill so these resets actually take effect.
+        integrator: g.from(s),
+        style: S,
         onComplete: () => {
-          p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.clipPath = "", p.style.transformOrigin = "", p.style.transform = "", p.style.opacity = "";
+          p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.clipPath = "", p.style.transform = "", y(), h();
         }
       });
-      return y(I), new x([S, I], { mode: "parallel" });
+      w(b);
+      const P = [b];
+      if (l) {
+        const $ = d.scrollHeight;
+        $ > 0 && (d.style.height = `${$}px`);
+        const C = T(
+          c,
+          t === "enter" ? "from" : "to"
+        ), I = C.left + C.width / 2, _ = C.top + C.height / 2;
+        d.style.clipPath = `inset(${C.top}px 0 calc(100% - ${C.top + C.height}px) 0)`, d.style.transformOrigin = `${I}px ${_}px`;
+        const k = t === "enter" ? (F, it) => o.enterStyle(F, it) : (F) => o.exitStyle(F), L = new m({
+          element: d,
+          integrator: g.from(s),
+          style: k,
+          // 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
+          // left scaled/faded/clipped the next time it is shown. releaseFill
+          // below drops the WAAPI fill so these resets actually take effect.
+          onComplete: () => {
+            d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.contain = "", d.style.clipPath = "", d.style.transformOrigin = "", d.style.transform = "", d.style.opacity = "", d.style.height = "";
+          }
+        });
+        w(L), P.push(L);
+      }
+      if (f && i) {
+        f.style.zIndex = Ht;
+        const $ = Yt(c, "to");
+        f.style.top = `${$.top}px`, f.style.height = `${$.height}px`, P.push(
+          new m({
+            element: f,
+            integrator: g.from(s),
+            style: (C) => i.style(t, C)
+          })
+        );
+      }
+      return new E(P, { mode: "parallel" });
     }
   };
 };
-function zn(e) {
-  return e === "scale" || e === "background-scale" ? "background-scale" : "static";
+function qn(e) {
+  return e === "scale" || e === "background-scale" ? "background-scale" : e === "blur" ? "blur" : "static";
 }
-function Os(e) {
-  const { enter: t, exit: n } = e, s = e.type, o = zn(s);
-  return Ot(
+function Ms(e) {
+  const { enter: t, exit: n } = e, s = e.type, o = qn(s);
+  return kt(
     { enter: t, exit: n },
-    (i) => Mn({ direction: i, type: o })
+    (i) => Wn({ direction: i, type: o })
   );
 }
-const Rn = {
+const jn = {
   spring: { stiffness: 170, damping: 22, doubleSpring: 0.8 }
-}, Un = (e = {}) => {
-  const t = e.direction ?? "left", n = e.physics ?? Rn, s = t === "left";
+}, Kn = (e = {}) => {
+  const t = e.direction ?? "left", n = e.physics ?? jn, s = t === "left";
   return {
     prepare: ({ from: o, to: i }) => (o.then((l) => {
       l.style.willChange = "transform", l.style.backfaceVisibility = "hidden", l.style.contain = "layout paint", l.style.pointerEvents = "none";
@@ -1720,9 +1791,9 @@ const Rn = {
       l.style.transform = `translate3d(${a}%, 0, 0)`, l.style.willChange = "transform", l.style.backfaceVisibility = "hidden", l.style.contain = "layout paint";
     }), {}),
     animation: ({ from: o, to: i }) => {
-      const l = new g({
+      const l = new m({
         element: o,
-        integrator: w.from(n),
+        integrator: g.from(n),
         style: (r) => ({ transform: `translate3d(${s ? -100 * r : 100 * r}%, 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
@@ -1730,44 +1801,44 @@ const Rn = {
         onComplete: () => {
           o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.pointerEvents = "";
         }
-      }), a = new g({
+      }), a = new m({
         element: i,
-        integrator: w.from(n),
+        integrator: g.from(n),
         style: (r, c) => ({ transform: `translate3d(${s ? c * 100 : c * -100}%, 0, 0)` }),
         onComplete: () => {
           i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
         }
       });
-      return new x([l, a], { mode: "parallel" });
+      return new E([l, a], { mode: "parallel" });
     }
   };
 };
-function Ts(e) {
+function zs(e) {
   const { paths: t } = e;
-  return Q(
+  return ot(
     t,
     { forward: "left", backward: "right" },
-    (n) => Un({ direction: n })
+    (n) => Kn({ direction: n })
   );
 }
-const Vn = {
+const Gn = {
   spring: { stiffness: 17, damping: 6 }
-}, K = 20, Y = 800, Nn = (e = {}) => {
-  const t = e.physics ?? Vn;
+}, tt = 20, M = 800, Jn = (e = {}) => {
+  const t = e.physics ?? Gn;
   return {
     prepare: ({ from: n, to: s }) => (n.then((o) => {
-      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.pointerEvents = "none", o.style.transform = `perspective(${Y}px) rotateY(0deg) translate3d(0%, 0, 0)`;
+      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.pointerEvents = "none", o.style.transform = `perspective(${M}px) rotateY(0deg) translate3d(0%, 0, 0)`;
     }), s.then((o) => {
-      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.transform = `perspective(${Y}px) rotateY(${K}deg) translate3d(-100%, 0, 0)`;
+      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.transform = `perspective(${M}px) rotateY(${tt}deg) translate3d(-100%, 0, 0)`;
     }), {}),
     animation: ({ from: n, to: s }) => {
-      const o = new g({
+      const o = new m({
         element: n,
-        integrator: w.from(t),
+        integrator: g.from(t),
         style: (l) => {
-          const a = -l * K, r = l * 100;
+          const a = -l * tt, r = l * 100;
           return {
-            transform: `perspective(${Y}px) rotateY(${a}deg) translate3d(${r}%, 0, 0)`
+            transform: `perspective(${M}px) rotateY(${a}deg) translate3d(${r}%, 0, 0)`
           };
         },
         // The outgoing node is reused (Activity/cacheComponents re-hide it),
@@ -1776,28 +1847,28 @@ const Vn = {
         onComplete: () => {
           n.style.transform = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "", n.style.pointerEvents = "";
         }
-      }), i = new g({
+      }), i = new m({
         element: s,
-        integrator: w.from(t),
+        integrator: g.from(t),
         style: (l, a) => {
-          const r = a * K, c = -a * 100;
+          const r = a * tt, c = -a * 100;
           return {
-            transform: `perspective(${Y}px) rotateY(${r}deg) translate3d(${c}%, 0, 0)`
+            transform: `perspective(${M}px) rotateY(${r}deg) translate3d(${c}%, 0, 0)`
           };
         },
         onComplete: () => {
           s.style.transform = "", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
         }
       });
-      return new x([o, i], { mode: "sequence" });
+      return new E([o, i], { mode: "sequence" });
     }
   };
 };
-function As(e) {
+function Rs(e) {
   const { paths: t } = e;
-  return D(t, () => Nn());
+  return v(t, () => Jn());
 }
-function Xn({
+function Qn({
   enterRect: e,
   exitRect: t,
   pageRect: n,
@@ -1805,19 +1876,19 @@ function Xn({
   enterRadius: o,
   exitRadius: i
 }) {
-  const l = t.left - e.left + (t.width - e.width) / 2 - s.x, a = t.top - e.top + (t.height - e.height) / 2 - s.y, r = t.width / e.width, c = t.height / e.height, p = e.top / n.height * 100, d = (n.width - (e.left + e.width)) / n.width * 100, f = (n.height - (e.top + e.height)) / n.height * 100, u = e.left / n.width * 100;
+  const l = t.left - e.left + (t.width - e.width) / 2 - s.x, a = t.top - e.top + (t.height - e.height) / 2 - s.y, r = t.width / e.width, c = t.height / e.height, f = e.top / n.height * 100, p = (n.width - (e.left + e.width)) / n.width * 100, d = (n.height - (e.top + e.height)) / n.height * 100, u = e.left / n.width * 100;
   return {
     transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
     animate: (y) => {
-      const h = 1 - y, S = 1 + (r - 1) * h, m = 1 + (c - 1) * h, P = (i * h + o * (1 - h)) / ((S + m) / 2);
+      const h = 1 - y, w = 1 + (r - 1) * h, S = 1 + (c - 1) * h, P = (i * h + o * (1 - h)) / ((w + S) / 2);
       return {
-        clipPath: `inset(${p * h}% ${d * h}% ${f * h}% ${u * h}% round ${P}px)`,
-        transform: `translate(${l * h}px, ${a * h}px) scale(${S}, ${m})`
+        clipPath: `inset(${f * h}% ${p * h}% ${d * h}% ${u * h}% round ${P}px)`,
+        transform: `translate(${l * h}px, ${a * h}px) scale(${w}, ${S})`
       };
     }
   };
 }
-function Bn({
+function ts({
   enterRect: e,
   exitRect: t,
   pageRect: n,
@@ -1825,52 +1896,55 @@ function Bn({
   enterRadius: o,
   exitRadius: i
 }) {
-  const l = t.left - e.left + (t.width - e.width) / 2 + s.x, a = t.top - e.top + (t.height - e.height) / 2 + s.y, r = t.width / e.width, c = t.height / e.height, p = e.top / n.height * 100, d = (n.width - (e.left + e.width)) / n.width * 100, f = (n.height - (e.top + e.height)) / n.height * 100, u = e.left / n.width * 100;
+  const l = t.left - e.left + (t.width - e.width) / 2 + s.x, a = t.top - e.top + (t.height - e.height) / 2 + s.y, r = t.width / e.width, c = t.height / e.height, f = e.top / n.height * 100, p = (n.width - (e.left + e.width)) / n.width * 100, d = (n.height - (e.top + e.height)) / n.height * 100, u = e.left / n.width * 100;
   return {
     transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
     animate: (y) => {
-      const h = 1 - y, S = 1 + (r - 1) * h, m = 1 + (c - 1) * h, P = (o * (1 - h) + i * h) / ((S + m) / 2);
+      const h = 1 - y, w = 1 + (r - 1) * h, S = 1 + (c - 1) * h, P = (o * (1 - h) + i * h) / ((w + S) / 2);
       return {
-        clipPath: `inset(${p * h}% ${d * h}% ${f * h}% ${u * h}% round ${P}px)`,
-        transform: `translate(${l * h - s.x}px, ${a * h}px) scale(${S}, ${m})`
+        clipPath: `inset(${f * h}% ${p * h}% ${d * h}% ${u * h}% round ${P}px)`,
+        transform: `translate(${l * h - s.x}px, ${a * h}px) scale(${w}, ${S})`
       };
     }
   };
 }
-const Zn = {
+const es = {
   spring: {
     stiffness: 430,
     damping: 33,
     doubleSpring: 1
   }
-}, At = 0.12, Wn = 18;
-function qn() {
+}, Mt = 0.12, ns = 18;
+function ss() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - At * t})`
+        transform: `scale(${1 - Mt * t})`
       };
     }
   };
 }
-function Kn() {
+function os() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - At * t})`
+        transform: `scale(${1 - Mt * t})`
       };
     }
   };
 }
-const j = {
+const et = {
   willChange: "backdrop-filter",
+  // `top` + `height` are set per-transition in OverlayStrategy.contribute (they
+  // track the live scroll position), so they are intentionally omitted here.
   initialStyle: {
     position: "absolute",
-    inset: "0",
+    left: "0",
+    width: "100%",
     pointerEvents: "none",
     // z-index is applied in OverlayStrategy.contribute. The overlay always
     // sits at Z_OVERLAY, between the background page (Z_BACKGROUND) and the
@@ -1879,52 +1953,55 @@ const j = {
     WebkitBackdropFilter: "blur(0px)"
   },
   style: (e, t) => {
-    const n = e === "enter" ? t : 1 - t, s = `blur(${Wn * n}px)`;
+    const n = e === "enter" ? t : 1 - t, s = `blur(${ns * n}px)`;
     return {
       backdropFilter: s,
       WebkitBackdropFilter: s
     };
   }
 };
-class jn {
+class is {
   constructor() {
-    C(this, "physics", Zn);
+    x(this, "physics", es);
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, physics: i } = t, l = o.mode === "enter", a = l ? n : s, r = l ? qn() : Kn();
+    const { from: n, to: s, resolved: o, physics: i } = t, l = o.mode === "enter", a = l ? n : s, r = l ? ss() : os();
     return r && (a.style.transformOrigin = r.transformOrigin), [
-      new g({
+      new m({
         element: a,
-        integrator: w.from(i),
-        style: l ? (c, p) => r.animate(p) : (c) => r.animate(c)
+        integrator: g.from(i),
+        style: l ? (c, f) => r.animate(f) : (c) => r.animate(c)
       })
     ];
   }
 }
-class Gn {
+class rs {
   prepare(t) {
     const n = t.createElement("zoom-overlay");
-    return Object.assign(n.style, j.initialStyle), n.style.willChange = j.willChange, t.context.positionedParent.appendChild(n), { overlay: n };
+    return Object.assign(n.style, et.initialStyle), n.style.willChange = et.willChange, t.context.positionedParent.appendChild(n), { overlay: n };
   }
   contribute(t) {
     const n = t.extras.overlay;
-    return n ? (n.style.zIndex = Le, [
-      new g({
+    if (!n) return [];
+    n.style.zIndex = Ht;
+    const s = Yt(t.context, "to");
+    return n.style.top = `${s.top}px`, n.style.height = `${s.height}px`, [
+      new m({
         element: n,
-        integrator: w.from(t.physics),
-        style: (s) => j.style(t.resolved.mode, s)
+        integrator: g.from(t.physics),
+        style: (o) => et.style(t.resolved.mode, o)
       })
-    ]) : [];
+    ];
   }
 }
-const Jn = {
+const as = {
   spring: {
     stiffness: 430,
     damping: 33,
     doubleSpring: 1
   }
 };
-function Qn({
+function ls({
   enterRect: e,
   exitRect: t,
   scrollOffset: n
@@ -1940,7 +2017,7 @@ function Qn({
     }
   };
 }
-function ts({
+function cs({
   enterRect: e,
   exitRect: t,
   scrollOffset: n
@@ -1956,52 +2033,52 @@ function ts({
     }
   };
 }
-class es {
+class ps {
   constructor() {
-    C(this, "physics", Jn);
+    x(this, "physics", as);
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, input: i, physics: l } = t, a = o.mode === "enter", r = a ? n : s, c = a ? Qn(i) : ts(i);
+    const { from: n, to: s, resolved: o, input: i, physics: l } = t, a = o.mode === "enter", r = a ? n : s, c = a ? ls(i) : cs(i);
     return c && (r.style.transformOrigin = c.transformOrigin), [
-      new g({
+      new m({
         element: r,
-        integrator: w.from(l),
-        style: a ? (p, d) => c.animate(d) : (p) => c.animate(p)
+        integrator: g.from(l),
+        style: a ? (f, p) => c.animate(p) : (f) => c.animate(f)
       })
     ];
   }
 }
-const ns = {
+const fs = {
   spring: {
     stiffness: 530,
     damping: 34,
     doubleSpring: 1
   }
 };
-class ss {
+class ds {
   constructor() {
-    C(this, "physics", ns);
+    x(this, "physics", fs);
   }
   contribute(t) {
     return [];
   }
 }
-const os = {
-  expand: () => new es(),
-  static: () => new ss(),
-  blur: () => new jn()
+const ys = {
+  expand: () => new ps(),
+  static: () => new ds(),
+  blur: () => new is()
 };
-function is(e) {
-  return os[e]();
+function hs(e) {
+  return ys[e]();
 }
-const G = "data-zoom-enter-key", Pt = "data-zoom-exit-key", rs = "data-zoom-radius";
-function _t(e) {
-  const t = e.getAttribute(rs);
+const nt = "data-zoom-enter-key", Dt = "data-zoom-exit-key", us = "data-zoom-radius";
+function Ot(e) {
+  const t = e.getAttribute(us);
   if (!t) return 0;
   const n = parseFloat(t);
   return Number.isFinite(n) && n > 0 ? n : 0;
 }
-function as(e, t) {
+function ms(e, t) {
   const n = [];
   let s = t;
   for (; s && s !== e; ) {
@@ -2013,127 +2090,127 @@ function as(e, t) {
   }
   return n;
 }
-function It(e) {
-  const t = e.querySelectorAll(`[${G}]`);
+function Tt(e) {
+  const t = e.querySelectorAll(`[${nt}]`);
   return t.length !== 1 ? null : t[0];
 }
-function Dt(e, t) {
-  const n = e.querySelectorAll(`[${Pt}]`);
+function Ft(e, t) {
+  const n = e.querySelectorAll(`[${Dt}]`);
   for (const s of n)
-    if (s.getAttribute(Pt) === t)
+    if (s.getAttribute(Dt) === t)
       return s;
   return null;
 }
-function ls(e, t) {
-  const n = It(e), s = It(t);
+function gs(e, t) {
+  const n = Tt(e), s = Tt(t);
   if (!n && s) {
-    const o = s.getAttribute(G);
+    const o = s.getAttribute(nt);
     if (!o) return null;
-    const i = Dt(e, o);
+    const i = Ft(e, o);
     return i ? { mode: "enter", enterEl: s, exitEl: i } : null;
   }
   if (n && !s) {
-    const o = n.getAttribute(G);
+    const o = n.getAttribute(nt);
     if (!o) return null;
-    const i = Dt(t, o);
+    const i = Ft(t, o);
     return i ? { mode: "exit", enterEl: n, exitEl: i } : null;
   }
   return null;
 }
-function cs(e, t, n, s) {
+function ws(e, t, n, s) {
   return {
-    enterRect: nt(
+    enterRect: rt(
       e.mode === "enter" ? n : t,
       e.enterEl
     ),
-    exitRect: nt(
+    exitRect: rt(
       e.mode === "enter" ? t : n,
       e.exitEl
     ),
     pageRect: e.mode === "enter" ? n.getBoundingClientRect() : t.getBoundingClientRect(),
     scrollOffset: s,
-    enterRadius: _t(e.enterEl),
-    exitRadius: _t(e.exitEl)
+    enterRadius: Ot(e.enterEl),
+    exitRadius: Ot(e.exitEl)
   };
 }
-class ps {
+class Ss {
   prepare(t) {
     t.from.then((n) => {
       n.style.willChange = "transform, clip-path, opacity", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
     });
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, input: i, physics: l, onComplete: a } = t, r = o.mode === "enter", c = r ? Xn(i) : Bn(i), p = r ? s : n, d = r ? "t" : "u";
-    c && (p.style.transformOrigin = c.transformOrigin);
-    const f = r ? v : O, u = r ? O : v, y = n.style.zIndex;
-    n.style.zIndex = f;
-    const h = s.style.zIndex, S = s.style.position;
+    const { from: n, to: s, resolved: o, input: i, physics: l, onComplete: a } = t, r = o.mode === "enter", c = r ? Qn(i) : ts(i), f = r ? s : n, p = r ? "t" : "u";
+    c && (f.style.transformOrigin = c.transformOrigin);
+    const d = r ? D : O, u = r ? O : D, y = n.style.zIndex;
+    n.style.zIndex = d;
+    const h = s.style.zIndex, w = s.style.position;
     return s.style.zIndex = u, s.style.position = "relative", a(() => {
-      p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", n.style.zIndex = y, s.style.zIndex === u && (s.style.zIndex = h), s.style.position === "relative" && (s.style.position = S), s.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
+      f.style.willChange = "auto", f.style.backfaceVisibility = "", f.style.transformOrigin = "", f.style.contain = "", n.style.zIndex = y, s.style.zIndex === u && (s.style.zIndex = h), s.style.position === "relative" && (s.style.position = w), s.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
     }), [
-      new g({
-        element: p,
-        integrator: w.from(l),
+      new m({
+        element: f,
+        integrator: g.from(l),
         // 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: d === "t" ? (m) => c.animate(m) : (m, b) => c.animate(b)
+        style: p === "t" ? (S) => c.animate(S) : (S, b) => c.animate(b)
       })
     ];
   }
 }
-class ds {
+class bs {
   contribute(t) {
-    const { resolved: n, physics: s, from: o, to: i, onComplete: l } = t, a = n.mode === "enter" ? i : o, r = as(a, n.enterEl);
+    const { resolved: n, physics: s, from: o, to: i, onComplete: l } = t, a = n.mode === "enter" ? i : o, r = ms(a, n.enterEl);
     if (r.length === 0) return [];
-    const c = r.map((p) => p.style.opacity);
+    const c = r.map((f) => f.style.opacity);
     if (n.mode === "enter")
-      for (const p of r) p.style.opacity = "0";
+      for (const f of r) f.style.opacity = "0";
     return l(() => {
-      for (let p = 0; p < r.length; p++) {
-        const d = r[p];
-        d && (d.style.opacity = c[p] ?? "");
+      for (let f = 0; f < r.length; f++) {
+        const p = r[f];
+        p && (p.style.opacity = c[f] ?? "");
       }
     }), r.map(
-      (p) => new g({
-        element: p,
-        integrator: w.from(s),
-        style: (d, f) => ({
-          opacity: n.mode === "enter" ? d : f
+      (f) => new m({
+        element: f,
+        integrator: g.from(s),
+        style: (p, d) => ({
+          opacity: n.mode === "enter" ? p : d
         })
       })
     );
   }
 }
-class Ft {
+class zt {
   contribute() {
     return [];
   }
 }
-const fs = {
-  default: () => new Ft(),
-  fade: () => new ds()
+const $s = {
+  default: () => new zt(),
+  fade: () => new bs()
 };
-function ys(e) {
-  return fs[e]();
+function Cs(e) {
+  return $s[e]();
 }
-class hs extends Ft {
+class xs extends zt {
 }
-function us(e) {
-  const t = is(e.type);
+function Es(e) {
+  const t = hs(e.type);
   return { strategies: [
-    new ps(),
+    new Ss(),
     t,
-    ys(e.variant),
-    new hs(),
+    Cs(e.variant),
+    new xs(),
     // Overlay is intrinsically tied to backdrop-filter-driven types. Today
     // that's only `blur`; the table-driven factory above owns the mapping
     // so this conditional is the single line that knows the relationship.
-    ...e.type === "blur" ? [new Gn()] : []
+    ...e.type === "blur" ? [new rs()] : []
   ], physics: t.physics };
 }
-const ms = (e) => {
-  const { strategies: t, physics: n } = us(e);
+const Ps = (e) => {
+  const { strategies: t, physics: n } = Es(e);
   return {
     prepare: (s) => {
       const o = {
@@ -2153,23 +2230,24 @@ const ms = (e) => {
       return i;
     },
     animation: ({ from: s, to: o, context: i, ...l }) => {
-      const a = ls(s, o);
+      const a = gs(s, o);
       if (!a)
-        return new x([], { mode: "parallel" });
-      const r = cs(a, s, o, i.scrollOffset), c = [], d = {
+        return new E([], { mode: "parallel" });
+      const r = ws(a, s, o, i.scrollOffset), c = [], p = {
         from: s,
         to: o,
         resolved: a,
         input: r,
         physics: n,
+        context: i,
         extras: l,
         onComplete: (y) => {
           c.push(y);
         }
-      }, f = [];
+      }, d = [];
       for (const y of t)
-        y.contribute && f.push(...y.contribute(d));
-      const u = f[0];
+        y.contribute && d.push(...y.contribute(p));
+      const u = d[0];
       if (u) {
         const y = u.onComplete;
         u.onComplete = () => {
@@ -2177,48 +2255,48 @@ const ms = (e) => {
           for (const h of c)
             try {
               h();
-            } catch (S) {
-              console.error("[zoom] cleanup error", S);
+            } catch (w) {
+              console.error("[zoom] cleanup error", w);
             }
         };
       }
-      for (const y of f) {
-        if (!(y instanceof g)) continue;
+      for (const y of d) {
+        if (!(y instanceof m)) continue;
         const h = y.onComplete;
         y.onComplete = () => {
           h == null || h(), y.releaseFill();
         };
       }
-      return new x(f, { mode: "parallel" });
+      return new E(d, { mode: "parallel" });
     }
   };
 };
-function gs(e) {
+function _s(e) {
   const t = e.type ?? "static", n = e.variant ?? (e.fade ? "fade" : "default");
   return { type: t, variant: n };
 }
-function Fs(e) {
-  const t = gs(e);
-  return D(
+function Us(e) {
+  const t = _s(e);
+  return v(
     e.paths,
-    () => ms(t)
+    () => Ps(t)
   );
 }
 export {
-  Ls as Animation,
-  x as MultiAnimation,
-  g as WebAnimation,
-  $s as axis,
-  Cs as blind,
-  xs as drill,
-  Es as fade,
-  Ps as film,
-  _s as hero,
-  Is as jaemin,
-  Ds as rotate,
-  vs as scroll,
-  Os as sheet,
-  Ts as slide,
-  As as strip,
-  Fs as zoom
+  Xs as Animation,
+  E as MultiAnimation,
+  m as WebAnimation,
+  Ds as axis,
+  Os as blind,
+  Ts as drill,
+  Fs as fade,
+  As as film,
+  ks as hero,
+  Ys as jaemin,
+  Ls as rotate,
+  Hs as scroll,
+  Ms as sheet,
+  zs as slide,
+  Rs as strip,
+  Us as zoom
 };