@ssgoi/core 6.2.1 → 6.3.0

package/dist/index.js

@@ -1,9 +1,9 @@
-var Mt = Object.defineProperty;
-var Ut = (e, t, n) => t in e ? Mt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var $ = (e, t, n) => Ut(e, typeof t != "symbol" ? t + "" : t, n);
-import { P as ct, V as At, W as b, M as C, S as zt } from "./multi-animation-CnxqLEka.js";
-import { A as Es } from "./multi-animation-CnxqLEka.js";
-function _(e, t) {
+var Lt = Object.defineProperty;
+var Ht = (e, t, n) => t in e ? Lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var b = (e, t, n) => Ht(e, typeof t != "symbol" ? t + "" : t, n);
+import { P as G, V as _t, W as g, M as E, S as Mt } from "./multi-animation-CnxqLEka.js";
+import { A as As } from "./multi-animation-CnxqLEka.js";
+function T(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 _(e, t) {
     }
   return n;
 }
-function Dt(e, t) {
+function Tt(e, t) {
   return [
     {
       from: e.exit,
@@ -31,19 +31,19 @@ function Dt(e, t) {
     }
   ];
 }
-function pt(e, t, n) {
+function J(e, t, n) {
   const s = [];
   for (let o = 0; o < e.length; o++)
     for (let r = o + 1; r < e.length; r++) {
-      const i = e[o], c = e[r];
-      !i || !c || s.push(
+      const i = e[o], l = e[r];
+      !i || !l || s.push(
         {
           from: i,
-          to: c,
+          to: l,
           transition: n(t.forward)
         },
         {
-          from: c,
+          from: l,
           to: i,
           transition: n(t.backward)
         }
@@ -51,21 +51,21 @@ function pt(e, t, n) {
     }
   return s;
 }
-class B {
+class k {
   constructor(t) {
-    $(this, "omega");
+    b(this, "omega");
     // Angular frequency
-    $(this, "zeta");
+    b(this, "zeta");
     // Damping ratio
-    $(this, "restDelta");
-    $(this, "restSpeed");
+    b(this, "restDelta");
+    b(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 ?? ct, this.restSpeed = t.restSpeed ?? At;
+    this.omega = Math.sqrt(n / o), this.zeta = s / (2 * Math.sqrt(n * o)), this.restDelta = t.restDelta ?? G, this.restSpeed = t.restSpeed ?? _t;
   }
   step(t, n, s) {
-    const o = Math.min(s, 0.033), { omega: r, zeta: i } = this, { position: c, velocity: l } = t, a = -2 * o * i * r * l, p = o * r * r * (n - c), f = l + a + p;
+    const o = Math.min(s, 0.033), { omega: r, zeta: i } = this, { position: l, velocity: c } = t, a = -2 * o * i * r * c, p = o * r * r * (n - l), f = c + a + p;
     return {
-      position: c + o * f,
+      position: l + o * f,
       velocity: f
     };
   }
@@ -74,20 +74,20 @@ class B {
     return s < this.restDelta && o < this.restSpeed;
   }
 }
-class Xt {
+class Ut {
   constructor(t) {
-    $(this, "leader");
-    $(this, "follower");
-    $(this, "restDelta");
-    $(this, "restSpeed");
-    this.restDelta = t.restDelta ?? ct, this.restSpeed = t.restSpeed ?? At, this.leader = new B({
+    b(this, "leader");
+    b(this, "follower");
+    b(this, "restDelta");
+    b(this, "restSpeed");
+    this.restDelta = t.restDelta ?? G, this.restSpeed = t.restSpeed ?? _t, this.leader = new k({
       stiffness: t.stiffness,
       damping: t.damping,
       restDelta: this.restDelta,
       restSpeed: this.restSpeed
     });
     let n, s, o, r;
-    typeof t.follower == "number" ? (n = t.stiffness * t.follower, s = t.damping) : t.follower ? (n = t.follower.stiffness, s = t.follower.damping, o = t.follower.restDelta, r = t.follower.restSpeed) : (n = t.stiffness, s = t.damping), this.follower = new B({
+    typeof t.follower == "number" ? (n = t.stiffness * t.follower, s = t.damping) : t.follower ? (n = t.follower.stiffness, s = t.follower.damping, o = t.follower.restDelta, r = t.follower.restSpeed) : (n = t.stiffness, s = t.damping), this.follower = new k({
       stiffness: n,
       damping: s,
       restDelta: o ?? this.restDelta,
@@ -98,14 +98,14 @@ class Xt {
     const r = t._leader ?? {
       position: t.position,
       velocity: t.velocity
-    }, i = this.leader.step(r, n, s), c = this.follower.step(
+    }, i = this.leader.step(r, n, s), l = this.follower.step(
       t,
       i.position,
       s
     );
     return {
-      position: c.position,
-      velocity: c.velocity,
+      position: l.position,
+      velocity: l.velocity,
       _leader: i
     };
   }
@@ -114,46 +114,46 @@ class Xt {
     return s._leader ? Math.abs(n - s._leader.position) < this.restDelta && Math.abs(s._leader.velocity) < this.restSpeed && o : o;
   }
 }
-const Nt = 0.01, Vt = 500, Bt = 10;
-class Wt {
+const Nt = 0.01, zt = 500, Xt = 10;
+class Rt {
   constructor(t) {
-    $(this, "acceleration");
-    $(this, "resistance");
-    $(this, "resistanceType");
-    $(this, "min");
-    $(this, "max");
-    $(this, "bounceStiffness");
-    $(this, "bounceDamping");
-    $(this, "restDelta");
-    this.acceleration = t.acceleration, this.resistance = t.resistance, this.resistanceType = t.resistanceType ?? "quadratic", this.min = t.min, this.max = t.max, this.bounceStiffness = t.bounceStiffness ?? Vt, this.bounceDamping = t.bounceDamping ?? Bt, this.restDelta = t.restDelta ?? Nt;
+    b(this, "acceleration");
+    b(this, "resistance");
+    b(this, "resistanceType");
+    b(this, "min");
+    b(this, "max");
+    b(this, "bounceStiffness");
+    b(this, "bounceDamping");
+    b(this, "restDelta");
+    this.acceleration = t.acceleration, this.resistance = t.resistance, this.resistanceType = t.resistanceType ?? "quadratic", this.min = t.min, this.max = t.max, this.bounceStiffness = t.bounceStiffness ?? zt, this.bounceDamping = t.bounceDamping ?? Xt, this.restDelta = t.restDelta ?? Nt;
   }
   step(t, n, s) {
-    const o = Math.min(s, 0.033), { acceleration: r, resistance: i, resistanceType: c, min: l, max: a } = this, { position: p, velocity: f } = t, h = l !== void 0 && p < l, m = a !== void 0 && p > a;
-    let d;
-    if (h || m) {
-      const w = p - (h ? l : a), E = -this.bounceStiffness * w, P = -this.bounceDamping * f;
-      d = E + P;
+    const o = Math.min(s, 0.033), { acceleration: r, resistance: i, resistanceType: l, min: c, max: a } = this, { position: p, velocity: f } = t, d = c !== void 0 && p < c, m = a !== void 0 && p > a;
+    let h;
+    if (d || m) {
+      const S = p - (d ? c : a), x = -this.bounceStiffness * S, C = -this.bounceDamping * f;
+      h = x + C;
     } else {
-      const S = n > p ? 1 : -1;
-      let w;
-      c === "linear" ? w = i * f : w = i * f * Math.abs(f), d = S * r - w;
+      const $ = n > p ? 1 : -1;
+      let S;
+      l === "linear" ? S = i * f : S = i * f * Math.abs(f), h = $ * r - S;
     }
-    const y = f + d * o;
-    let u = p + y * o;
-    if (!h && !m) {
-      const S = n > p ? 1 : -1;
-      (S > 0 && u > n || S < 0 && u < n) && (u = n);
+    const u = f + h * o;
+    let w = p + u * o;
+    if (!d && !m) {
+      const $ = n > p ? 1 : -1;
+      ($ > 0 && w > n || $ < 0 && w < n) && (w = n);
     }
     return {
-      position: u,
-      velocity: u === n ? 0 : y
+      position: w,
+      velocity: w === n ? 0 : u
     };
   }
   isSettled(t, n) {
     return Math.abs(n - t.position) < this.restDelta;
   }
 }
-class g {
+class y {
   /**
    * Create an Integrator from physics config
    *
@@ -167,7 +167,7 @@ class g {
         "Cannot use both 'spring' and 'inertia' together. Choose one physics type."
       );
     if (t.inertia)
-      return new Wt({
+      return new Rt({
         acceleration: t.inertia.acceleration,
         resistance: t.inertia.resistance,
         resistanceType: t.inertia.resistanceType,
@@ -184,7 +184,7 @@ class g {
       return typeof s == "number" ? o = s : typeof s == "object" && (o = {
         stiffness: s.stiffness,
         damping: s.damping
-      }), new Xt({
+      }), new Ut({
         stiffness: n.stiffness,
         damping: n.damping,
         follower: o,
@@ -192,7 +192,7 @@ class g {
         restSpeed: n.restSpeed
       });
     }
-    return new B({
+    return new k({
       stiffness: n.stiffness,
       damping: n.damping,
       restDelta: n.restDelta,
@@ -204,31 +204,57 @@ class g {
    * @deprecated Use from({ spring: config }) instead
    */
   static fromSpring(t) {
-    return g.from({ spring: t });
+    return y.from({ spring: t });
   }
 }
-class Rt {
+class Vt {
   constructor(t) {
-    $(this, "durationSec");
+    b(this, "durationSec");
     this.durationSec = Math.max(1 / 60, t.durationSec);
   }
   step(t, n, s) {
     const o = n - t.position;
     if (o === 0) return t;
-    const r = Math.sign(o), i = Math.abs(o) / this.durationSec, c = r * i * s, l = t.position + c;
-    return (r > 0 ? l >= n : l <= n) ? { position: n, velocity: 0 } : { position: l, velocity: r * i };
+    const r = Math.sign(o), i = Math.abs(o) / this.durationSec, l = r * i * s, c = t.position + l;
+    return (r > 0 ? c >= n : c <= n) ? { position: n, velocity: 0 } : { position: c, velocity: r * i };
   }
   isSettled(t, n) {
-    return Math.abs(t.position - n) < ct;
+    return Math.abs(t.position - n) < G;
   }
 }
-const ft = 8, dt = {
+function O(e, t) {
+  function n(r) {
+    let i = 0, l = 0;
+    const c = r.offsetWidth, a = r.offsetHeight;
+    let p = r;
+    for (; p; )
+      i += p.offsetTop, l += p.offsetLeft, p = p.offsetParent;
+    return i -= window.scrollY, l -= window.scrollX, { top: i, left: l, width: c, height: a };
+  }
+  const s = n(e), o = n(t);
+  return new DOMRect(
+    o.left - s.left,
+    o.top - s.top,
+    o.width,
+    o.height
+  );
+}
+function D(e, t) {
+  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? O(n, s).top : 0;
+  return {
+    top: e[t].scroll.y,
+    left: 0,
+    width: n.clientWidth,
+    height: n.clientHeight - o
+  };
+}
+const tt = 8, et = {
   spring: { stiffness: 1e3, damping: 40, doubleSpring: 1.2 }
 };
-function Zt({
+function Bt({
   direction: e
 }) {
-  const t = e === "forward" ? ft : -ft;
+  const t = e === "forward" ? tt : -tt;
   return {
     out: {
       willChange: "transform, opacity",
@@ -250,25 +276,25 @@ function Zt({
     }
   };
 }
-function qt() {
+function Wt() {
   return {
-    outPhysics: dt,
-    inPhysics: dt,
+    outPhysics: et,
+    inPhysics: et,
     // Both sides run together — the cross-fade is the whole point of the
     // snappy feel. (fluid's sibling uses staggered fade-through.)
     composition: { mode: "parallel", startAt: [0, 0] },
-    build: Zt
+    build: Bt
   };
 }
-const ht = 30, jt = {
+const nt = 30, Zt = {
   inertia: { acceleration: 150, resistance: 1.5 }
-}, Kt = {
+}, qt = {
   spring: { stiffness: 180, damping: 34 }
 };
-function Gt({
+function jt({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = -ht * t, s = ht * t;
+  const t = e === "forward" ? 1 : -1, n = -nt * t, s = nt * t;
   return {
     out: {
       willChange: "transform, opacity",
@@ -291,29 +317,29 @@ function Gt({
     }
   };
 }
-function Jt() {
+function Kt() {
   return {
-    outPhysics: jt,
-    inPhysics: Kt,
+    outPhysics: Zt,
+    inPhysics: qt,
     // 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: Gt
+    build: jt
   };
 }
-const Qt = {
-  snappy: qt(),
-  fluid: Jt()
-}, yt = 8, te = {
+const Gt = {
+  snappy: Wt(),
+  fluid: Kt()
+}, st = 8, Jt = {
   inertia: { acceleration: 150, resistance: 1.5 }
-}, ee = {
+}, Qt = {
   spring: { stiffness: 180, damping: 34 }
 };
-function ne({
+function te({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = -yt * t, s = yt * t;
+  const t = e === "forward" ? 1 : -1, n = -st * t, s = st * t;
   return {
     out: {
       willChange: "transform, opacity",
@@ -336,21 +362,21 @@ function ne({
     }
   };
 }
-function se() {
+function ee() {
   return {
-    outPhysics: te,
-    inPhysics: ee,
+    outPhysics: Jt,
+    inPhysics: Qt,
     composition: { mode: "sequence" },
-    build: ne
+    build: te
   };
 }
-const oe = 8, re = {
+const ne = 8, se = {
   inertia: { acceleration: 150, resistance: 1.5 }
-}, ie = {
+}, oe = {
   spring: { stiffness: 180, damping: 34 }
 };
-function ae(e) {
-  const t = oe;
+function re(e) {
+  const t = ne;
   return {
     out: {
       willChange: "opacity",
@@ -372,117 +398,160 @@ function ae(e) {
     }
   };
 }
-function le() {
+function ie() {
   return {
-    outPhysics: re,
-    inPhysics: ie,
+    outPhysics: se,
+    inPhysics: oe,
     composition: { mode: "sequence" },
-    build: ae
+    build: re
   };
 }
-const mt = se(), ce = {
-  snappy: mt,
-  directional: mt,
-  "non-directional": le()
-}, ut = {
+const ot = ee(), ae = {
+  snappy: ot,
+  directional: ot,
+  "non-directional": ie()
+}, rt = {
   spring: { stiffness: 280, damping: 30 }
-}, X = 0.05;
-function pe() {
+}, U = 0.1, N = 1 / 3, it = (e) => Math.max(0, Math.min(1, e));
+function le({
+  direction: e
+}) {
+  const t = e === "forward" ? 1 : -1, n = 1 - t * U;
   return {
-    // Outgoing scales up slightly (1 → 1+s) while fading — recedes toward
-    // viewer feel, complementing the incoming page rising from below.
     out: {
       willChange: "transform, opacity",
       startStyle: {},
+      animate: (s) => ({
+        transform: `scale(${1 + t * s * U})`,
+        opacity: `${it(1 - s / N)}`
+      })
+    },
+    in: {
+      willChange: "transform, opacity",
+      startStyle: {
+        transform: `scale(${n})`,
+        opacity: "0"
+      },
+      animate: (s) => ({
+        transform: `scale(${n + t * s * U})`,
+        opacity: `${it((s - N) / (1 - N))}`
+      })
+    }
+  };
+}
+function ce() {
+  return {
+    outPhysics: rt,
+    inPhysics: rt,
+    // Scale must move together on both sides; fade-through is encoded inside
+    // each tick (piecewise), not via composition staggering — so parallel.
+    composition: { mode: "parallel" },
+    build: le
+  };
+}
+const at = {
+  spring: { stiffness: 280, damping: 30 }
+}, z = 0.1, X = 1 / 3, lt = (e) => Math.max(0, Math.min(1, e));
+function pe() {
+  return {
+    out: {
+      willChange: "opacity",
+      startStyle: {},
       animate: (e) => ({
-        transform: `scale(${1 + e * X})`,
-        opacity: `${1 - e}`
+        opacity: `${lt(1 - e / X)}`
       })
     },
-    // Incoming rises from below (1-s → 1) with fade in.
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `scale(${1 - X})`,
+        transform: `scale(${1 - z})`,
         opacity: "0"
       },
       animate: (e) => ({
-        transform: `scale(${1 - X + e * X})`,
-        opacity: `${e}`
+        transform: `scale(${1 - z + e * z})`,
+        opacity: `${lt((e - X) / (1 - X))}`
       })
     }
   };
 }
 function fe() {
   return {
-    outPhysics: ut,
-    inPhysics: ut,
-    // Both pages share the canvas (in-place scale+fade), so a strict
-    // fade-through-with-offset would feel disjointed. Run them together
-    // for a cleaner cross-fade.
+    outPhysics: at,
+    inPhysics: at,
     composition: { mode: "parallel" },
     build: pe
   };
 }
-const de = fe(), he = {
-  x: Qt,
-  y: ce,
-  z: { snappy: de }
+const ct = ce(), de = {
+  snappy: ct,
+  directional: ct,
+  "non-directional": fe()
+}, he = {
+  x: Gt,
+  y: ae,
+  z: de
 };
-function ye(e, t) {
+function ue(e, t) {
   const n = he[e];
   return n[t] ?? n.snappy;
 }
-const me = "x", ue = "snappy";
-function gt(e, t) {
+const me = "x", ye = "snappy";
+function pt(e, t) {
   e.style.willChange = t.willChange, e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
   for (const [n, s] of Object.entries(t.startStyle))
     e.style[n] = s;
 }
 function ge(e) {
-  e.style.willChange = "auto", e.style.backfaceVisibility = "", e.style.contain = "", e.style.transform = "", e.style.opacity = "";
+  e.style.willChange = "auto", e.style.backfaceVisibility = "", e.style.contain = "", e.style.transform = "", e.style.opacity = "", e.style.clipPath = "";
 }
-const be = (e = {}) => {
-  const t = e.direction ?? "forward", n = e.type ?? me, s = e.feel ?? ue, o = ye(n, s), r = o.build({ direction: t });
+const we = (e = {}) => {
+  const t = e.direction ?? "forward", n = e.type ?? me, s = e.feel ?? ye, o = ue(n, s), r = o.build({ direction: t });
   return {
-    prepare: ({ from: i, to: c }) => (i.then((l) => {
-      gt(l, r.out), l.style.pointerEvents = "none";
-    }), c.then((l) => {
-      gt(l, r.in);
+    prepare: ({ from: i, to: l }) => (i.then((c) => {
+      pt(c, r.out), c.style.pointerEvents = "none";
+    }), l.then((c) => {
+      pt(c, r.in);
     }), {}),
-    animation: ({ from: i, to: c }) => {
-      const l = new b({
+    animation: ({ from: i, to: l, context: c }) => {
+      if (n === "z") {
+        const f = D(c, "from"), d = D(c, "to");
+        i.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`, l.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`;
+      }
+      const a = new g({
         element: i,
-        integrator: g.from(o.outPhysics),
-        style: (p) => r.out.animate(p)
-      }), a = new b({
-        element: c,
-        integrator: g.from(o.inPhysics),
-        style: (p) => r.in.animate(p),
-        onComplete: () => ge(c)
+        integrator: y.from(o.outPhysics),
+        style: (f) => r.out.animate(f),
+        onComplete: n === "z" ? () => {
+          i.style.clipPath = "";
+        } : void 0
+      }), p = new g({
+        element: l,
+        integrator: y.from(o.inPhysics),
+        style: (f) => r.in.animate(f),
+        onComplete: () => ge(l)
       });
-      return new C([l, a], o.composition);
+      return new E([a, p], o.composition);
     }
   };
 };
-function we(e, t, n) {
+function Se(e, t, n) {
   return e === "y" ? t === "non-directional" ? "non-directional" : "directional" : e !== "x" || t === "snappy" || n === "snappy" ? "snappy" : "fluid";
 }
-function as(e) {
-  const { paths: t } = e, n = e.type ?? "x", s = e.variant, o = e.feel, r = we(n, s, o);
-  return pt(
+function ys(e) {
+  const { paths: t } = e, n = e.type ?? "x", s = e.variant, o = e.feel, r = Se(n, s, o);
+  return J(
     t,
     { forward: "forward", backward: "backward" },
-    (i) => be({ type: n, direction: i, feel: r })
+    (i) => we({ type: n, direction: i, feel: r })
   );
 }
-const Se = {
+const be = {
   spring: { stiffness: 200, damping: 22 }
-}, xe = 10, $e = "horizontal", Ee = "#000000";
-function bt(e, t, n, s, o, r) {
+}, $e = 10, Ee = "horizontal", xe = "#000000";
+function ft(e, t, n, s, o, r) {
   window.getComputedStyle(e).position === "static" && (e.style.position = "relative");
-  const c = document.createElement("div");
-  c.style.cssText = `
+  const l = document.createElement("div");
+  l.style.cssText = `
     position: absolute;
     top: 0;
     left: 0;
@@ -492,7 +561,7 @@ function bt(e, t, n, s, o, r) {
     z-index: 9999;
     overflow: hidden;
   `;
-  const l = [];
+  const c = [];
   for (let a = 0; a < t; a++) {
     const p = document.createElement("div");
     if (n === "horizontal") {
@@ -522,27 +591,27 @@ function bt(e, t, n, s, o, r) {
         will-change: transform;
       `;
     }
-    l.push(p), c.appendChild(p);
+    c.push(p), l.appendChild(p);
   }
-  return e.appendChild(c), { container: c, blinds: l };
+  return e.appendChild(l), { container: l, blinds: c };
 }
 const Ce = (e = {}) => {
-  const t = e.blindCount ?? xe, n = e.direction ?? $e, s = e.blindColor ?? Ee, o = e.physics ?? Se;
+  const t = e.blindCount ?? $e, n = e.direction ?? Ee, s = e.blindColor ?? xe, o = e.physics ?? be;
   return {
     prepare: async ({ from: r, to: i }) => {
-      const c = await r, l = await i;
-      c.style.zIndex = "1000";
-      const a = bt(
-        c,
+      const l = await r, c = await i;
+      l.style.zIndex = "1000";
+      const a = ft(
+        l,
         t,
         n,
         s,
         "hidden",
         "left"
       );
-      l.style.position = "relative", l.style.zIndex = "0";
-      const p = bt(
-        l,
+      c.style.position = "relative", c.style.zIndex = "0";
+      const p = ft(
+        c,
         t,
         n,
         s,
@@ -556,42 +625,42 @@ const Ce = (e = {}) => {
         toContainer: p.container
       };
     },
-    animation: ({ fromBlinds: r, fromContainer: i, toBlinds: c, toContainer: l }) => {
+    animation: ({ fromBlinds: r, fromContainer: i, toBlinds: l, toContainer: c }) => {
       const a = r.map(
-        (m) => new b({
+        (m) => new g({
           element: m,
-          integrator: g.from(o),
-          style: (d) => ({
-            transform: n === "horizontal" ? `scaleX(${d})` : `scaleY(${d})`
+          integrator: y.from(o),
+          style: (h) => ({
+            transform: n === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
           })
         })
-      ), p = c.map(
-        (m, d) => new b({
+      ), p = l.map(
+        (m, h) => new g({
           element: m,
-          integrator: g.from(o),
-          style: (y, u) => ({
-            transform: n === "horizontal" ? `scaleX(${u})` : `scaleY(${u})`
+          integrator: y.from(o),
+          style: (u, w) => ({
+            transform: n === "horizontal" ? `scaleX(${w})` : `scaleY(${w})`
           }),
-          onComplete: d === c.length - 1 ? () => {
-            l.remove(), i.remove();
+          onComplete: h === l.length - 1 ? () => {
+            c.remove(), i.remove();
           } : void 0
         })
-      ), f = new C(a, { mode: "parallel" }), h = new C(p, { mode: "parallel" });
-      return new C([f, h], { mode: "sequence" });
+      ), f = new E(a, { mode: "parallel" }), d = new E(p, { mode: "parallel" });
+      return new E([f, d], { mode: "sequence" });
     }
   };
 };
-function ls(e) {
+function gs(e) {
   const { paths: t, type: n = "horizontal" } = e;
-  return _(
+  return T(
     t,
     () => Ce({ direction: n })
   );
 }
 const Pe = {
   spring: { stiffness: 200, damping: 20, doubleSpring: 0.7 }
-}, Y = 0.5;
-function ve(e) {
+}, A = 0.5;
+function _e(e) {
   const t = e === "enter" ? -100 : 100, n = e === "enter" ? 100 : -100;
   return {
     out: {
@@ -599,18 +668,18 @@ function ve(e) {
       startStyle: {},
       animate: (s) => ({
         transform: `translate3d(${t * s}%, 0, 0)`,
-        opacity: `${Y + (1 - Y) * (1 - s)}`
+        opacity: `${A + (1 - A) * (1 - s)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
         transform: `translate3d(${n}%, 0, 0)`,
-        opacity: `${Y}`
+        opacity: `${A}`
       },
       animate: (s) => ({
         transform: `translate3d(${n * (1 - s)}%, 0, 0)`,
-        opacity: `${Y + (1 - Y) * s}`
+        opacity: `${A + (1 - A) * s}`
       })
     }
   };
@@ -618,13 +687,13 @@ function ve(e) {
 function Te() {
   return {
     physics: Pe,
-    build: ve
+    build: _e
   };
 }
-const _e = {
+const De = {
   spring: { stiffness: 170, damping: 22 }
 };
-function Ie(e) {
+function ve(e) {
   const t = e === "enter" ? -20 : 100, n = e === "enter" ? 100 : -20;
   return {
     out: {
@@ -645,131 +714,105 @@ function Ie(e) {
     }
   };
 }
-function Oe() {
+function Ie() {
   return {
-    physics: _e,
-    build: Ie
+    physics: De,
+    build: ve
   };
 }
 const Ae = {
-  parallax: Oe(),
+  parallax: Ie(),
   crossfade: Te()
-}, De = "parallax";
-function wt(e, t) {
+}, Oe = "parallax";
+function dt(e, t) {
   e.style.willChange = t.willChange, e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
   for (const [n, s] of Object.entries(t.startStyle))
     e.style[n] = s;
 }
 const Fe = (e = {}) => {
-  const t = e.direction ?? "enter", n = Ae[e.type ?? De], s = n.physics, o = n.build(t);
+  const t = e.direction ?? "enter", n = Ae[e.type ?? Oe], s = n.physics, o = n.build(t);
   return {
-    prepare: ({ from: r, to: i }) => (r.then((c) => {
-      wt(c, o.out), c.style.pointerEvents = "none", c.style.zIndex = t === "enter" ? "-1" : "100";
-    }), i.then((c) => {
-      wt(c, o.in);
+    prepare: ({ from: r, to: i }) => (r.then((l) => {
+      dt(l, o.out), l.style.pointerEvents = "none", l.style.zIndex = t === "enter" ? "-1" : "100";
+    }), i.then((l) => {
+      dt(l, o.in);
     }), {}),
     animation: ({ from: r, to: i }) => {
-      const c = new b({
+      const l = new g({
         element: r,
-        integrator: g.from(s),
+        integrator: y.from(s),
         style: (a) => o.out.animate(a)
-      }), l = new b({
+      }), c = new g({
         element: i,
-        integrator: g.from(s),
+        integrator: y.from(s),
         style: (a) => o.in.animate(a),
         onComplete: () => {
           i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "", i.style.opacity = "";
         }
       });
-      return new C([c, l], { mode: "parallel" });
+      return new E([l, c], { mode: "parallel" });
     }
   };
 };
-function Le(e) {
+function Ye(e) {
   return e === "slide" || e === "crossfade" ? "crossfade" : "parallax";
 }
-function cs(e) {
-  const { enter: t, exit: n } = e, s = e.type, o = Le(s);
-  return Dt(
+function ws(e) {
+  const { enter: t, exit: n } = e, s = e.type, o = Ye(s);
+  return Tt(
     { enter: t, exit: n },
     (r) => Fe({ direction: r, type: o })
   );
 }
-const Ye = {
+const ke = {
   spring: { stiffness: 180, damping: 20, doubleSpring: !0 }
-}, ke = {
+}, Le = {
   spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
 }, He = (e = {}) => {
-  const t = e.physics ?? ke, n = e.physics ?? Ye;
+  const t = e.physics ?? Le, n = e.physics ?? ke;
   return {
     prepare: ({ to: s }) => (s.then((o) => {
       o.style.opacity = "0", o.style.willChange = "opacity";
     }), {}),
     animation: ({ from: s, to: o }) => {
-      const r = new b({
+      const r = new g({
         element: s,
-        integrator: g.from(n),
+        integrator: y.from(n),
         // Default bounds (0, 1). `u` runs 1→0 as the animation moves
         // forward, mapping opacity from fully visible to invisible.
-        style: (c, l) => ({ opacity: l }),
+        style: (l, c) => ({ opacity: c }),
         onComplete: () => {
           s.style.willChange = "auto";
         }
-      }), i = new b({
+      }), i = new g({
         element: o,
-        integrator: g.from(t),
-        style: (c) => ({ opacity: c }),
+        integrator: y.from(t),
+        style: (l) => ({ opacity: l }),
         onComplete: () => {
           o.style.willChange = "auto", o.style.opacity = "";
         }
       });
-      return new C([r, i], { mode: "sequence" });
+      return new E([r, i], { mode: "sequence" });
     }
   };
 };
-function ps(e) {
+function Ss(e) {
   const { paths: t } = e;
-  return _(t, () => He());
-}
-function k(e, t) {
-  function n(r) {
-    let i = 0, c = 0;
-    const l = r.offsetWidth, a = r.offsetHeight;
-    let p = r;
-    for (; p; )
-      i += p.offsetTop, c += p.offsetLeft, p = p.offsetParent;
-    return i -= window.scrollY, c -= window.scrollX, { top: i, left: c, width: l, height: a };
-  }
-  const s = n(e), o = n(t);
-  return new DOMRect(
-    o.left - s.left,
-    o.top - s.top,
-    o.width,
-    o.height
-  );
+  return T(t, () => He());
 }
-function H(e, t) {
-  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? k(n, s).top : 0;
-  return {
-    top: e[t].scroll.y,
-    left: 0,
-    width: n.clientWidth,
-    height: n.clientHeight - o
-  };
-}
-const et = {
+const R = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
-}, A = {
+}, I = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, Me = 0.8, Ue = "white", St = 1e3 / 60, ze = 600;
-function Xe(e) {
-  const { items: t, from: n, to: s, recordFrame: o } = e, r = St / 1e3, i = Math.abs(s - n), c = t.map((a) => ({
+}, Me = 0.8, Ue = "white", ht = 1e3 / 60, Ne = 600;
+function ze(e) {
+  const { items: t, from: n, to: s, recordFrame: o } = e, r = ht / 1e3, i = Math.abs(s - n), l = t.map((a) => ({
     item: a,
-    integrator: new B({
+    integrator: new k({
       stiffness: a.spring.stiffness,
       damping: a.spring.damping
     }),
@@ -778,115 +821,115 @@ function Xe(e) {
     settled: !1,
     settleTime: 0
   }));
-  for (let a = 0; a < c.length; a++)
-    (a === 0 || c[a].item.offset === 0) && (c[a].started = !0);
+  for (let a = 0; a < l.length; a++)
+    (a === 0 || l[a].item.offset === 0) && (l[a].started = !0);
   o(0);
-  let l = 0;
-  for (let a = 1; a <= ze; a++) {
-    const p = a * St;
-    l = p;
-    for (const f of c)
-      !f.started || f.settled || (f.state = f.integrator.step(f.state, s, r), f.integrator.isSettled(f.state, s) ? (f.settleTime += r, f.settleTime >= zt && (f.state = { position: s, velocity: 0 }, f.settled = !0)) : f.settleTime = 0, f.item.tick(f.state.position));
-    for (let f = 1; f < c.length; f++) {
-      const h = c[f];
-      if (h.started) continue;
-      const m = c[f - 1];
+  let c = 0;
+  for (let a = 1; a <= Ne; a++) {
+    const p = a * ht;
+    c = p;
+    for (const f of l)
+      !f.started || f.settled || (f.state = f.integrator.step(f.state, s, r), f.integrator.isSettled(f.state, s) ? (f.settleTime += r, f.settleTime >= Mt && (f.state = { position: s, velocity: 0 }, f.settled = !0)) : f.settleTime = 0, f.item.tick(f.state.position));
+    for (let f = 1; f < l.length; f++) {
+      const d = l[f];
+      if (d.started) continue;
+      const m = l[f - 1];
       if (!m.started) continue;
-      (i === 0 ? 1 : Math.abs(m.state.position - n) / i) >= h.item.offset && (h.started = !0);
+      (i === 0 ? 1 : Math.abs(m.state.position - n) / i) >= d.item.offset && (d.started = !0);
     }
-    if (o(p), c.every((f) => f.settled)) return p;
+    if (o(p), l.every((f) => f.settled)) return p;
   }
-  return l;
+  return c;
 }
-function nt(e, t) {
+function V(e, t) {
   return e != null && e.spring ? {
     stiffness: e.spring.stiffness,
     damping: e.spring.damping
   } : t;
 }
-function xt(e) {
-  const { rect: t, scale: n, direction: s, override: o } = e, r = s === "out" ? { scale: 1, translateY: -t.top } : { scale: n, translateY: -t.top + t.height }, i = nt(o, et.scaleDown), c = nt(o, et.translate), l = nt(o, et.scaleUp), a = s === "out" ? 1 : 0, p = s === "out" ? 0 : 1, f = s === "out" ? [
+function ut(e) {
+  const { rect: t, scale: n, direction: s, override: o } = e, r = s === "out" ? { scale: 1, translateY: -t.top } : { scale: n, translateY: -t.top + t.height }, i = V(o, R.scaleDown), l = V(o, R.translate), c = V(o, R.scaleUp), a = s === "out" ? 1 : 0, p = s === "out" ? 0 : 1, f = s === "out" ? [
     {
       spring: i,
-      offset: A.scaleDown,
-      tick: (d) => {
-        const y = 1 - d;
-        r.scale = 1 - (1 - n) * y;
+      offset: I.scaleDown,
+      tick: (h) => {
+        const u = 1 - h;
+        r.scale = 1 - (1 - n) * u;
       }
     },
     {
-      spring: c,
-      offset: A.translate,
-      tick: (d) => {
-        const y = 1 - d;
-        r.translateY = -t.top - t.height * y;
+      spring: l,
+      offset: I.translate,
+      tick: (h) => {
+        const u = 1 - h;
+        r.translateY = -t.top - t.height * u;
       }
     },
     {
-      spring: l,
-      offset: A.scaleUp,
-      tick: (d) => {
-        const y = 1 - d;
-        r.scale = n + (1 - n) * y;
+      spring: c,
+      offset: I.scaleUp,
+      tick: (h) => {
+        const u = 1 - h;
+        r.scale = n + (1 - n) * u;
       }
     }
   ] : [
     {
       spring: i,
-      offset: A.scaleDown,
-      tick: (d) => {
-        r.scale = 1 - (1 - n) * d;
+      offset: I.scaleDown,
+      tick: (h) => {
+        r.scale = 1 - (1 - n) * h;
       }
     },
     {
-      spring: c,
-      offset: A.translate,
-      tick: (d) => {
-        r.translateY = -t.top + t.height * (1 - d);
+      spring: l,
+      offset: I.translate,
+      tick: (h) => {
+        r.translateY = -t.top + t.height * (1 - h);
       }
     },
     {
-      spring: l,
-      offset: A.scaleUp,
-      tick: (d) => {
-        r.scale = n + (1 - n) * d;
+      spring: c,
+      offset: I.scaleUp,
+      tick: (h) => {
+        r.scale = n + (1 - n) * h;
       }
     }
-  ], h = [], m = Xe({
+  ], d = [], m = ze({
     items: f,
     from: a,
     to: p,
-    recordFrame: (d) => h.push({
-      time: d,
+    recordFrame: (h) => d.push({
+      time: h,
       scale: r.scale,
       translateY: r.translateY
     })
   });
-  return { snapshots: h, totalDuration: m };
+  return { snapshots: d, totalDuration: m };
 }
-function Ne(e, t) {
+function Xe(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];
   const n = t * (e.length - 1), s = Math.floor(n), o = Math.ceil(n);
   if (s === o) return e[s];
-  const r = e[s], i = e[o], c = n - s;
+  const r = e[s], i = e[o], l = n - s;
   return {
-    time: r.time + (i.time - r.time) * c,
-    scale: r.scale + (i.scale - r.scale) * c,
-    translateY: r.translateY + (i.translateY - r.translateY) * c
+    time: r.time + (i.time - r.time) * l,
+    scale: r.scale + (i.scale - r.scale) * l,
+    translateY: r.translateY + (i.translateY - r.translateY) * l
   };
 }
-const Ve = [
+const Re = [
   [1, 1],
   [-1, 1],
   [1, -1],
   [-1, -1]
 ];
-function Be(e, t) {
-  const o = (r, i, c) => {
-    const l = document.createElement("div");
-    Object.assign(l.style, {
+function Ve(e, t) {
+  const o = (r, i, l) => {
+    const c = document.createElement("div");
+    Object.assign(c.style, {
       position: "fixed",
       pointerEvents: "none",
       zIndex: "9999",
@@ -900,7 +943,7 @@ function Be(e, t) {
       width: "15px",
       height: "1px",
       backgroundColor: e,
-      [c]: "0",
+      [l]: "0",
       [i]: "0"
     });
     const p = document.createElement("div");
@@ -909,9 +952,9 @@ function Be(e, t) {
       width: "1px",
       height: "15px",
       backgroundColor: e,
-      [c]: "0",
+      [l]: "0",
       [i]: "0"
-    }), l.appendChild(a), l.appendChild(p), l;
+    }), c.appendChild(a), c.appendChild(p), c;
   };
   return {
     topLeft: o(
@@ -948,11 +991,11 @@ function Be(e, t) {
     )
   };
 }
-function $t(e, t) {
+function mt(e, t) {
   const n = t.left + t.width / 2, s = t.top + t.height / 2;
   e.style.transformOrigin = `${n}px ${s}px`;
 }
-function Et(e, t) {
+function yt(e, t) {
   e.style.clipPath = `polygon(
     ${t.left}px ${t.top}px,
     ${t.left + t.width}px ${t.top}px,
@@ -960,127 +1003,127 @@ function Et(e, t) {
     ${t.left}px ${t.top + t.height}px
   )`;
 }
-function st(e, t, n, s, o) {
+function B(e, t, n, s, o) {
   const r = n / 1e3;
-  return new b({
+  return new g({
     element: e,
-    integrator: new Rt({ durationSec: r }),
+    integrator: new Vt({ durationSec: r }),
     lowerBound: 0,
     upperBound: 1,
-    style: (i) => s(Ne(t, i)),
+    style: (i) => s(Xe(t, i)),
     onComplete: o
   });
 }
-const We = (e = {}) => {
+const Be = (e = {}) => {
   var o;
   const t = ((o = e.border) == null ? void 0 : o.color) ?? Ue, n = Me, s = e.physics;
   return {
-    prepare: ({ from: r, to: i, context: c }) => {
-      const l = H(c, "from"), a = H(c, "to"), p = k(document.body, c.positionedParent), f = Be(t, {
-        ...l,
+    prepare: ({ from: r, to: i, context: l }) => {
+      const c = D(l, "from"), a = D(l, "to"), p = O(document.body, l.positionedParent), f = Ve(t, {
+        ...c,
         top: p.top
       });
-      for (const h of [
+      for (const d of [
         "topLeft",
         "topRight",
         "bottomLeft",
         "bottomRight"
       ])
-        c.positionedParent.appendChild(f[h]);
-      return r.then((h) => {
-        $t(h, l), Et(h, l), h.style.transform = `translateY(${-l.top}px)`;
-      }), i.then((h) => {
-        $t(h, a), Et(h, a), h.style.transform = `translateY(${-a.top + a.height}px) scale(${n})`;
-      }), { borders: f, fromRect: l, toRect: a };
+        l.positionedParent.appendChild(f[d]);
+      return r.then((d) => {
+        mt(d, c), yt(d, c), d.style.transform = `translateY(${-c.top}px)`;
+      }), i.then((d) => {
+        mt(d, a), yt(d, a), d.style.transform = `translateY(${-a.top + a.height}px) scale(${n})`;
+      }), { borders: f, fromRect: c, toRect: a };
     },
-    animation: ({ from: r, to: i, context: c, borders: l, fromRect: a, toRect: p }) => {
-      const f = xt({
+    animation: ({ from: r, to: i, context: l, borders: c, fromRect: a, toRect: p }) => {
+      const f = ut({
         rect: a,
         scale: n,
         direction: "out",
         override: s
-      }), h = xt({
+      }), d = ut({
         rect: p,
         scale: n,
         direction: "in",
         override: s
-      }), m = st(
+      }), m = B(
         r,
         f.snapshots,
         f.totalDuration,
-        (w) => ({
-          transform: `translateY(${w.translateY}px) scale(${w.scale})`
+        (S) => ({
+          transform: `translateY(${S.translateY}px) scale(${S.scale})`
         }),
         () => {
           r.style.clipPath = "", r.style.transformOrigin = "";
         }
-      ), d = st(
+      ), h = B(
         i,
-        h.snapshots,
-        h.totalDuration,
-        (w) => ({
-          transform: `translateY(${w.translateY}px) scale(${w.scale})`
+        d.snapshots,
+        d.totalDuration,
+        (S) => ({
+          transform: `translateY(${S.translateY}px) scale(${S.scale})`
         }),
         () => {
           i.style.clipPath = "", i.style.transformOrigin = "", i.style.transform = "";
         }
-      ), y = Ve.map(([w, E], P) => {
-        const D = ["topLeft", "topRight", "bottomLeft", "bottomRight"][P];
-        return st(
-          l[D],
+      ), u = Re.map(([S, x], C) => {
+        const v = ["topLeft", "topRight", "bottomLeft", "bottomRight"][C];
+        return B(
+          c[v],
           f.snapshots,
           f.totalDuration,
-          (I) => {
-            const F = (a.width - a.width * I.scale) / 2 * 0.7 * w, O = (a.height - a.height * I.scale) / 2 * 0.7 * E;
-            return { transform: `translate(${F}px, ${O}px)` };
+          (_) => {
+            const P = (a.width - a.width * _.scale) / 2 * 0.7 * S, M = (a.height - a.height * _.scale) / 2 * 0.7 * x;
+            return { transform: `translate(${P}px, ${M}px)` };
           }
         );
-      }), u = new C([m, d, ...y], {
+      }), w = new E([m, h, ...u], {
         mode: "parallel"
-      }), S = u.onComplete;
-      return u.onComplete = () => {
-        S == null || S();
-        const w = c.positionedParent;
-        for (const E of [
+      }), $ = w.onComplete;
+      return w.onComplete = () => {
+        $ == null || $();
+        const S = l.positionedParent;
+        for (const x of [
           "topLeft",
           "topRight",
           "bottomLeft",
           "bottomRight"
         ]) {
-          const P = l[E];
-          P.parentElement === w && w.removeChild(P);
+          const C = c[x];
+          C.parentElement === S && S.removeChild(C);
         }
-      }, u;
+      }, w;
     }
   };
 };
-function fs(e) {
+function bs(e) {
   const { paths: t, options: n } = e, s = (n == null ? void 0 : n.borderColor) !== void 0 ? { border: { color: n.borderColor } } : void 0;
-  return _(t, () => We(s));
+  return T(t, () => Be(s));
 }
-const Ct = "data-hero-enter-key", Pt = "data-hero-exit-key", ot = "data-hero-key";
-class Re {
+const gt = "data-hero-enter-key", wt = "data-hero-exit-key", W = "data-hero-key";
+class We {
   prepare(t) {
     t.from.then((n) => {
       n.style.opacity = "0";
     });
   }
 }
-const Ze = () => new Re();
+const Ze = () => new We();
 class qe {
   contribute(t) {
-    const { from: n, to: s, physics: o, onComplete: r } = t, i = n.style.opacity, c = s.style.opacity, l = n.style.willChange, a = s.style.willChange;
+    const { from: n, to: s, physics: o, onComplete: r } = t, i = n.style.opacity, l = s.style.opacity, c = n.style.willChange, a = s.style.willChange;
     return s.style.opacity = "0", n.style.willChange = "opacity", s.style.willChange = "opacity", r(() => {
-      n.style.opacity = i, s.style.opacity = c, n.style.willChange = l, s.style.willChange = a;
+      n.style.opacity = i, s.style.opacity = l, n.style.willChange = c, s.style.willChange = a;
     }), [
-      new b({
+      new g({
         element: n,
-        integrator: g.from(o),
+        integrator: y.from(o),
         style: (p, f) => ({ opacity: f })
       }),
-      new b({
+      new g({
         element: s,
-        integrator: g.from(o),
+        integrator: y.from(o),
         style: (p) => ({ opacity: p })
       })
     ];
@@ -1090,41 +1133,79 @@ const je = () => new qe(), Ke = {
   static: Ze,
   fade: je
 }, Ge = {
-  spring: { stiffness: 300, damping: 30 }
-}, Je = 700, Qe = "data-hero-aspect-ratio";
-function tn(e) {
+  spring: { stiffness: 320, damping: 30 }
+}, Je = () => Ge, Qe = {
+  spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
+}, tn = () => Qe, en = {
+  default: Je,
+  smooth: tn
+}, nn = 700, sn = "data-hero-aspect-ratio", on = "data-hero-radius";
+function rn(e) {
   if (!e) return null;
   if (e.includes("/")) {
     const [n, s] = e.split("/"), o = parseFloat(n ?? ""), r = parseFloat(s ?? "");
-    return !Number.isFinite(o) || !Number.isFinite(r) || r === 0 ? null : o / r;
+    return !Number.isFinite(o) || !Number.isFinite(r) || o <= 0 || r <= 0 ? null : o / r;
   }
   const t = parseFloat(e);
   return Number.isFinite(t) && t > 0 ? t : null;
 }
-function W(e, t) {
-  const n = k(e, t), s = tn(t.getAttribute(Qe));
-  if (s === null)
+function St(e) {
+  const t = e.getAttribute(on);
+  if (!t) return 0;
+  const n = parseFloat(t);
+  return Number.isFinite(n) && n > 0 ? n : 0;
+}
+function L(e) {
+  return e.left + e.width / 2;
+}
+function H(e) {
+  return e.top + e.height / 2;
+}
+function an(e, t) {
+  return {
+    top: Math.max(0, t.top - e.top),
+    right: Math.max(0, e.left + e.width - (t.left + t.width)),
+    bottom: Math.max(0, e.top + e.height - (t.top + t.height)),
+    left: Math.max(0, t.left - e.left)
+  };
+}
+function ln(e, t, n) {
+  const s = e.width / e.height;
+  let o, r;
+  return n === "contain" ? s > t ? (r = e.height, o = r * t) : (o = e.width, r = o / t) : s > t ? (o = e.width, r = o / t) : (r = e.height, o = r * t), {
+    left: e.left + (e.width - o) / 2,
+    top: e.top + (e.height - r) / 2,
+    width: o,
+    height: r
+  };
+}
+function bt(e, t, n) {
+  const s = O(e, t), o = rn(t.getAttribute(sn));
+  if (o === null)
     return {
-      visible: n,
-      bbox: n,
-      letterbox: { top: 0, right: 0, bottom: 0, left: 0 }
+      bbox: s,
+      content: s,
+      window: s,
+      clipInset: { top: 0, right: 0, bottom: 0, left: 0 }
     };
-  const o = n.width / n.height;
-  let r, i;
-  o > s ? (i = n.height, r = i * s) : (r = n.width, i = r / s);
-  const c = (n.width - r) / 2, l = (n.height - i) / 2;
+  const r = ln(s, o, n), i = n === "cover" ? s : r;
   return {
-    visible: {
-      left: n.left + c,
-      top: n.top + l,
-      width: r,
-      height: i
-    },
-    bbox: n,
-    letterbox: { top: l, right: c, bottom: l, left: c }
+    bbox: s,
+    content: r,
+    window: i,
+    clipInset: an(r, i)
   };
 }
-function N(e, t) {
+function cn(e, t, n, s) {
+  const o = n.width / s, r = n.height / s, i = e.width / 2 + (L(n) - L(t)) / s - o / 2, l = e.height / 2 + (H(n) - H(t)) / s - r / 2;
+  return {
+    top: Math.max(0, l),
+    right: Math.max(0, e.width - i - o),
+    bottom: Math.max(0, e.height - l - r),
+    left: Math.max(0, i)
+  };
+}
+function F(e, t) {
   const n = /* @__PURE__ */ new Map(), s = e.querySelectorAll(`[${t}]`);
   for (const o of Array.from(s)) {
     const r = o.getAttribute(t);
@@ -1132,239 +1213,216 @@ function N(e, t) {
   }
   return n;
 }
-function en(e, t) {
-  const n = [], s = N(t, Ct), o = N(e, Pt);
-  for (const [c, l] of s) {
-    const a = o.get(c);
-    a && n.push({ key: c, fromEl: a, toEl: l });
+function pn(e, t) {
+  const n = [], s = F(t, gt), o = F(e, wt);
+  for (const [l, c] of s) {
+    const a = o.get(l);
+    a && n.push({
+      key: l,
+      fromEl: a,
+      toEl: c,
+      fromFit: "cover",
+      toFit: "contain"
+    });
   }
-  const r = N(e, Ct), i = N(t, Pt);
-  for (const [c, l] of r) {
-    const a = i.get(c);
-    a && n.push({ key: c, fromEl: l, toEl: a });
+  const r = F(e, gt), i = F(t, wt);
+  for (const [l, c] of r) {
+    const a = i.get(l);
+    a && n.push({
+      key: l,
+      fromEl: c,
+      toEl: a,
+      fromFit: "contain",
+      toFit: "cover"
+    });
   }
   return n;
 }
-function nn(e, t) {
+function fn(e, t) {
   const n = [], s = Array.from(
-    t.querySelectorAll(`[${ot}]`)
+    t.querySelectorAll(`[${W}]`)
   );
   for (const o of s) {
-    const r = o.getAttribute(ot);
+    const r = o.getAttribute(W);
     if (!r) continue;
     const i = e.querySelector(
-      `[${ot}="${r}"]`
+      `[${W}="${r}"]`
     );
-    i && n.push({ key: r, fromEl: i, toEl: o });
+    i && n.push({
+      key: r,
+      fromEl: i,
+      toEl: o,
+      fromFit: "contain",
+      toFit: "contain"
+    });
   }
   return n;
 }
-function sn(e, t) {
-  const n = en(e, t);
-  return n.length > 0 ? n : nn(e, t);
-}
-let on = class {
-  contribute(t) {
-    const {
-      from: n,
-      to: s,
-      resolved: o,
-      physics: r,
-      scrollOffset: i,
-      maxDistance: c,
-      onComplete: l
-    } = t, a = [];
-    for (const { fromEl: p, toEl: f } of o.pairs) {
-      const h = W(n, p), m = W(s, f), d = h.visible, y = m.visible, u = m.bbox, S = m.letterbox, w = Math.max(
-        d.width / y.width,
-        d.height / y.height
-      ), E = d.left + d.width / 2, P = d.top + d.height / 2, D = u.left + u.width / 2, I = u.top + u.height / 2, F = E - D - i.x, O = P - I - i.y;
-      if (Math.abs(O) > c) continue;
-      const M = d.width / w, U = d.height / w, x = Math.max(
-        0,
-        (y.width - M) / 2
-      ), L = Math.max(
-        0,
-        (y.height - U) / 2
-      ), z = f.style.transform, R = f.style.position, Z = f.style.transformOrigin, q = f.style.clipPath, v = f.style.zIndex, j = f.style.willChange;
-      f.style.position = "relative", f.style.transformOrigin = "center center", f.style.zIndex = "1000", f.style.willChange = "transform, clip-path", l(() => {
-        f.style.transform = z, f.style.position = R, f.style.transformOrigin = Z, f.style.clipPath = q, f.style.zIndex = v, f.style.willChange = j;
-      }), a.push(
-        new b({
-          element: f,
-          integrator: g.from(r),
-          style: (K, T) => {
-            const G = T * F, J = T * O, Q = K + T * w, tt = S.top + T * L, Yt = S.right + T * x, kt = S.bottom + T * L, Ht = S.left + T * x;
-            return {
-              transform: `translate(${G}px, ${J}px) scale(${Q})`,
-              clipPath: `inset(${tt}px ${Yt}px ${kt}px ${Ht}px)`
-            };
-          }
-        })
-      );
+function dn(e, t) {
+  const n = pn(e, t);
+  return n.length > 0 ? n : fn(e, t);
+}
+function hn(e, t, n) {
+  const { fromEl: s, toEl: o } = t, r = bt(e, s, t.fromFit), i = bt(e, o, t.toFit), l = r.content, c = r.window, a = i.content, p = i.window, f = i.clipInset, d = St(s), m = St(o);
+  if (l.width === 0 || l.height === 0 || c.width === 0 || c.height === 0 || a.width === 0 || a.height === 0 || p.width === 0 || p.height === 0)
+    return null;
+  const h = Math.max(
+    l.width / a.width,
+    l.height / a.height
+  ), u = L(l), w = H(l), $ = L(a), S = H(a), x = u - $, C = w - S;
+  if (Math.abs(C) > n) return null;
+  const v = cn(
+    a,
+    l,
+    c,
+    h
+  );
+  return {
+    toContent: a,
+    hasRadius: d > 0 || m > 0,
+    styleFor: (_, P) => {
+      const M = P * x, It = P * C, Q = _ + P * h, At = (d * P + m * _) / Q, Ot = v.top * P + f.top * _, Ft = v.right * P + f.right * _, Yt = v.bottom * P + f.bottom * _, kt = v.left * P + f.left * _;
+      return {
+        transform: `translate(${M}px, ${It}px) scale(${Q})`,
+        clipPath: `inset(${Ot}px ${Ft}px ${Yt}px ${kt}px round ${At}px)`
+      };
     }
-    return a;
-  }
-};
-class rn {
+  };
+}
+function un(e, t) {
+  e.style.transform = t.transform, e.style.clipPath = t.clipPath;
+}
+class mn {
   contribute(t) {
-    const { resolved: n, physics: s, positionedParent: o, maxDistance: r, onComplete: i } = t, c = [];
-    for (const { fromEl: l, toEl: a } of n.pairs) {
-      const p = W(o, l), f = W(o, a), h = p.visible, m = f.visible, d = f.bbox, y = f.letterbox;
-      if (h.width === 0 || h.height === 0 || m.width === 0 || m.height === 0)
-        continue;
-      const u = Math.max(
-        h.width / m.width,
-        h.height / m.height
-      ), S = h.left + h.width / 2, w = h.top + h.height / 2, E = d.left + d.width / 2, P = d.top + d.height / 2, D = S - E, I = w - P;
-      if (Math.abs(I) > r) continue;
-      const F = h.width / u, O = h.height / u, M = Math.max(
-        0,
-        (m.width - F) / 2
-      ), U = Math.max(
-        0,
-        (m.height - O) / 2
-      ), x = a.cloneNode(!0);
-      x.style.position = "absolute", x.style.left = `${d.left}px`, x.style.top = `${d.top}px`, x.style.width = `${d.width}px`, x.style.height = `${d.height}px`, x.style.margin = "0", x.style.transformOrigin = "center center", x.style.zIndex = "1000", x.style.willChange = "transform, clip-path", x.style.pointerEvents = "none", x.style.maxWidth = "none", x.style.maxHeight = "none";
-      const L = (q, v) => {
-        const j = v * D, K = v * I, T = q + v * u, G = y.top + v * U, J = y.right + v * M, Q = y.bottom + v * U, tt = y.left + v * M;
-        return {
-          transform: `translate(${j}px, ${K}px) scale(${T})`,
-          clipPath: `inset(${G}px ${J}px ${Q}px ${tt}px)`
-        };
-      }, z = L(0, 1);
-      x.style.transform = z.transform, x.style.clipPath = z.clipPath, o.appendChild(x);
-      const R = l.style.opacity, Z = a.style.opacity;
-      l.style.opacity = "0", a.style.opacity = "0", i(() => {
-        l.style.opacity = R, a.style.opacity = Z, x.parentElement && x.parentElement.removeChild(x);
-      }), c.push(
-        new b({
-          element: x,
-          integrator: g.from(s),
-          style: L
+    const { resolved: n, physics: s, positionedParent: o, maxDistance: r, onComplete: i } = t, l = [];
+    for (const c of n.pairs) {
+      const { fromEl: a, toEl: p } = c, f = hn(o, c, r);
+      if (!f) continue;
+      const d = p.cloneNode(!0);
+      d.style.position = "absolute", d.style.left = `${f.toContent.left}px`, d.style.top = `${f.toContent.top}px`, d.style.width = `${f.toContent.width}px`, d.style.height = `${f.toContent.height}px`, d.style.margin = "0", d.style.transformOrigin = "center center", d.style.zIndex = "1000", d.style.willChange = "transform, clip-path", d.style.pointerEvents = "none", d.style.maxWidth = "none", d.style.maxHeight = "none", f.hasRadius && (d.style.borderRadius = "0"), un(d, f.styleFor(0, 1)), o.appendChild(d);
+      const m = a.style.opacity, h = p.style.opacity;
+      a.style.opacity = "0", p.style.opacity = "0", i(() => {
+        a.style.opacity = m, p.style.opacity = h, d.parentElement && d.parentElement.removeChild(d);
+      }), l.push(
+        new g({
+          element: d,
+          integrator: y.from(s),
+          style: f.styleFor
         })
       );
     }
-    return c;
+    return l;
   }
 }
-const an = {
-  static: () => new on(),
-  fade: () => new rn()
-};
-function ln(e) {
-  return [
-    an[e.type](),
-    Ke[e.type]()
-  ];
+function yn(e) {
+  return [new mn(), Ke[e.type]()];
 }
-const cn = (e) => {
-  const t = ln(e), n = Ge, s = Je;
+const gn = (e) => {
+  const t = yn(e), n = en[e.variant](), s = nn;
   return {
     prepare: (o) => {
-      var c;
+      var l;
       const r = Promise.all([
         o.from,
         o.to
-      ]).then(([l, a]) => ({ pairs: sn(l, a) })), i = {
+      ]).then(([c, a]) => ({ pairs: dn(c, a) })), i = {
         from: o.from,
         to: o.to,
         resolved: r
       };
-      for (const l of t)
-        (c = l.prepare) == null || c.call(l, i);
-      return r.then((l) => ({ resolved: l }));
+      for (const c of t)
+        (l = c.prepare) == null || l.call(c, i);
+      return r.then((c) => ({ resolved: c }));
     },
-    animation: ({ from: o, to: r, context: i, resolved: c }) => {
-      if (c.pairs.length === 0)
-        return new C([], { mode: "parallel" });
-      const l = [], a = (d) => {
-        l.push(d);
+    animation: ({ from: o, to: r, context: i, resolved: l }) => {
+      if (l.pairs.length === 0)
+        return new E([], { mode: "parallel" });
+      const c = [], a = (h) => {
+        c.push(h);
       }, p = {
         from: o,
         to: r,
-        resolved: c,
+        resolved: l,
         physics: n,
-        scrollOffset: i.scrollOffset,
         positionedParent: i.positionedParent,
         maxDistance: s,
         onComplete: a
       }, f = [];
-      for (const d of t)
-        d.contribute && f.push(...d.contribute(p));
+      for (const h of t)
+        h.contribute && f.push(...h.contribute(p));
       if (f.length === 0)
-        return new C([], { mode: "parallel" });
-      const h = new C(f, { mode: "parallel" }), m = h.onComplete;
-      return h.onComplete = () => {
+        return new E([], { mode: "parallel" });
+      const d = new E(f, { mode: "parallel" }), m = d.onComplete;
+      return d.onComplete = () => {
         m == null || m();
-        for (const d of l)
+        for (const h of c)
           try {
-            d();
-          } catch (y) {
-            console.error("[hero] cleanup error", y);
+            h();
+          } catch (u) {
+            console.error("[hero] cleanup error", u);
           }
-      }, h;
+      }, d;
     }
   };
 };
-function hs(e) {
-  const { paths: t } = e, n = e.type ?? "static";
-  return e.variant, _(
+function $s(e) {
+  const { paths: t } = e, n = e.type ?? "static", s = e.variant ?? "default";
+  return T(
     t,
-    () => cn({ type: n })
+    () => gn({ type: n, variant: s })
   );
 }
-const pn = {
+const wn = {
   spring: { stiffness: 50, damping: 30 }
-}, fn = {
+}, Sn = {
   spring: { stiffness: 80, damping: 25 }
-}, dn = (e = {}) => {
-  const t = e.physics ?? pn, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
+}, bn = (e = {}) => {
+  const t = e.physics ?? wn, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
   return {
-    prepare: ({ from: r, to: i, context: c }) => (r.then((l) => {
-      l.style.opacity = "1";
-    }), i.then((l) => {
-      const a = H(c, "to"), p = Math.min(a.width, a.height) * 0.4;
-      l.style.setProperty("--max-border-radius", `${p}px`), l.style.setProperty("--border-radius-scale", "1"), l.style.willChange = "transform", l.style.backfaceVisibility = "hidden";
-      const f = a.left + a.width / 2, h = a.top + a.height / 2;
-      l.style.transformOrigin = `${f}px ${h}px`, l.style.position = "fixed", l.style.top = `${a.top}px`, l.style.left = `${a.left}px`, l.style.width = `${a.width}px`, l.style.height = `${a.height}px`, l.style.zIndex = "1000", l.style.overflow = "hidden", l.style.transform = `rotate(${n}deg) scale(${s}) translateZ(0)`, l.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", l.style.opacity = "1";
+    prepare: ({ from: r, to: i, context: l }) => (r.then((c) => {
+      c.style.opacity = "1";
+    }), i.then((c) => {
+      const a = D(l, "to"), p = Math.min(a.width, a.height) * 0.4;
+      c.style.setProperty("--max-border-radius", `${p}px`), c.style.setProperty("--border-radius-scale", "1"), c.style.willChange = "transform", c.style.backfaceVisibility = "hidden";
+      const f = a.left + a.width / 2, d = a.top + a.height / 2;
+      c.style.transformOrigin = `${f}px ${d}px`, c.style.position = "fixed", c.style.top = `${a.top}px`, c.style.left = `${a.left}px`, c.style.width = `${a.width}px`, c.style.height = `${a.height}px`, c.style.zIndex = "1000", c.style.overflow = "hidden", c.style.transform = `rotate(${n}deg) scale(${s}) translateZ(0)`, c.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", c.style.opacity = "1";
     }), {}),
     animation: ({ from: r, to: i }) => {
-      const c = new b({
+      const l = new g({
         element: r,
-        integrator: g.from(fn),
+        integrator: y.from(Sn),
         style: (a, p) => ({ opacity: p })
-      }), l = new b({
+      }), c = new g({
         element: i,
-        integrator: g.from(t),
+        integrator: y.from(t),
         style: (a) => {
           let p;
           if (a <= 0.05)
             p = s;
           else if (a <= o) {
-            const d = (a - 0.05) / (o - 0.05), y = Math.pow(d, 9);
-            p = s + (0.8 - s) * y;
+            const h = (a - 0.05) / (o - 0.05), u = Math.pow(h, 9);
+            p = s + (0.8 - s) * u;
           } else {
-            const d = (a - o) / (1 - o);
-            p = 0.8 + 0.2 * (1 - Math.pow(1 - d, 3));
+            const h = (a - o) / (1 - o);
+            p = 0.8 + 0.2 * (1 - Math.pow(1 - h, 3));
           }
           const f = 0.7;
-          let h;
+          let d;
           if (a <= f)
-            h = n;
+            d = n;
           else {
-            const d = (a - f) / (1 - f), y = 1 - Math.pow(1 - d, 2);
-            h = n * (1 - y);
+            const h = (a - f) / (1 - f), u = 1 - Math.pow(1 - h, 2);
+            d = n * (1 - u);
           }
           let m;
           if (a <= f)
             m = 1;
           else {
-            const d = (a - f) / (1 - f);
-            m = 1 - Math.pow(d, 0.5);
+            const h = (a - f) / (1 - f);
+            m = 1 - Math.pow(h, 0.5);
           }
           return {
-            transform: `rotate(${h.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
+            transform: `rotate(${d.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
             "--border-radius-scale": m.toFixed(4)
           };
         },
@@ -1372,18 +1430,18 @@ const pn = {
           i.style.willChange = "", i.style.backfaceVisibility = "", i.style.removeProperty("--max-border-radius"), i.style.removeProperty("--border-radius-scale"), i.style.transform = "", i.style.transformOrigin = "", i.style.position = "", i.style.zIndex = "", i.style.top = "", i.style.left = "", i.style.width = "", i.style.height = "", i.style.overflow = "", i.style.borderRadius = "";
         }
       });
-      return new C([c, l], { mode: "parallel" });
+      return new E([l, c], { mode: "parallel" });
     }
   };
 };
-function ys(e) {
+function Es(e) {
   const { paths: t } = e;
-  return _(t, () => dn());
+  return T(t, () => bn());
 }
-const hn = {
+const $n = {
   spring: { stiffness: 100, damping: 30 }
-}, yn = (e = {}) => {
-  const t = e.physics ?? hn;
+}, En = (e = {}) => {
+  const t = e.physics ?? $n;
   return {
     prepare: ({ from: n, to: s }) => (n.then((o) => {
       o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
@@ -1391,34 +1449,34 @@ const hn = {
       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 b({
+      const o = new g({
         element: n,
-        integrator: g.from(t),
+        integrator: y.from(t),
         style: (i) => ({
           transform: `rotate(${i * 180}deg)`,
           opacity: i < 0.5 ? 1 : 0
         })
-      }), r = new b({
+      }), r = new g({
         element: s,
-        integrator: g.from(t),
+        integrator: y.from(t),
         // u runs 1→0, so -u*180 unwinds -180→0.
-        style: (i, c) => ({
-          transform: `rotate(${-c * 180}deg)`,
+        style: (i, l) => ({
+          transform: `rotate(${-l * 180}deg)`,
           opacity: i > 0.5 ? 1 : 0
         }),
         onComplete: () => {
           s.style.willChange = "auto", s.style.transform = "", s.style.transformOrigin = "", s.style.opacity = "";
         }
       });
-      return new C([o, r], { mode: "parallel" });
+      return new E([o, r], { mode: "parallel" });
     }
   };
 };
-function ms(e) {
+function xs(e) {
   const { paths: t } = e;
-  return _(t, () => yn());
+  return T(t, () => En());
 }
-const mn = {
+const xn = {
   spring: {
     stiffness: 20,
     damping: 8,
@@ -1426,8 +1484,8 @@ const mn = {
     restDelta: 1e-3,
     restSpeed: 1e-3
   }
-}, vt = (e = {}) => {
-  const t = e.direction ?? "up", n = e.physics ?? mn, s = t === "up";
+}, $t = (e = {}) => {
+  const t = e.direction ?? "up", n = e.physics ?? xn, s = t === "up";
   return {
     prepare: ({ from: o, to: r }) => (o.then((i) => {
       i.style.zIndex = s ? "-1" : "1", i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none";
@@ -1435,64 +1493,64 @@ const mn = {
       i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
     }), {}),
     animation: ({ from: o, to: r }) => {
-      const i = o.offsetHeight, c = r.offsetHeight, l = window.innerHeight, a = Math.max(Math.min(i, c), l), p = new b({
+      const i = o.offsetHeight, l = r.offsetHeight, c = window.innerHeight, a = Math.max(Math.min(i, l), c), p = new g({
         element: o,
-        integrator: g.from(n),
-        style: (h) => ({ transform: `translate3d(0, ${s ? -a * h : a * h}px, 0)` })
-      }), f = new b({
+        integrator: y.from(n),
+        style: (d) => ({ transform: `translate3d(0, ${s ? -a * d : a * d}px, 0)` })
+      }), f = new g({
         element: r,
-        integrator: g.from(n),
-        style: (h, m) => ({ transform: `translate3d(0, ${s ? m * a : m * -a}px, 0)` }),
+        integrator: y.from(n),
+        style: (d, m) => ({ transform: `translate3d(0, ${s ? m * a : m * -a}px, 0)` }),
         onComplete: () => {
           r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "";
         }
       });
-      return new C([p, f], { mode: "parallel" });
+      return new E([p, f], { mode: "parallel" });
     }
   };
 };
-function us(e) {
+function Cs(e) {
   const { paths: t, type: n = "directional" } = e;
-  return n === "non-directional" ? _(
+  return n === "non-directional" ? T(
     t,
-    () => vt({ direction: "up" })
-  ) : pt(
+    () => $t({ direction: "up" })
+  ) : J(
     t,
     { forward: "up", backward: "down" },
-    (s) => vt({ direction: s })
+    (s) => $t({ direction: s })
   );
 }
-const un = {
+const Cn = {
   spring: { stiffness: 200, damping: 24 }
-}, gn = {
+}, Pn = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, rt = 0.2;
-function bn() {
+}, Z = 0.2;
+function _n() {
   return {
-    enterPhysics: un,
-    exitPhysics: gn,
+    enterPhysics: Cn,
+    exitPhysics: Pn,
     background: {
       willChange: "transform, opacity",
       enterStyle: (e, t) => ({
-        transform: `scale(${1 - rt * e})`,
+        transform: `scale(${1 - Z * e})`,
         opacity: t
       }),
       exitStyle: (e) => ({
-        transform: `scale(${1 - rt + rt * e})`,
+        transform: `scale(${1 - Z + Z * e})`,
         opacity: e
       })
     }
   };
 }
-const wn = {
+const Tn = {
   spring: { stiffness: 300, damping: 30 }
-}, Sn = {
+}, Dn = {
   inertia: { acceleration: 70, resistance: 1.2 }
 };
-function xn() {
+function vn() {
   return {
-    enterPhysics: wn,
-    exitPhysics: Sn,
+    enterPhysics: Tn,
+    exitPhysics: Dn,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -1500,145 +1558,145 @@ function xn() {
     }
   };
 }
-const $n = {
-  static: xn(),
-  "background-scale": bn()
-}, En = "static", Cn = "transform", Pn = (e = {}) => {
-  const t = e.direction ?? "enter", n = $n[e.type ?? En], s = t === "enter" ? n.enterPhysics : n.exitPhysics, o = n.background, r = o.willChange !== "";
+const In = {
+  static: vn(),
+  "background-scale": _n()
+}, An = "static", On = "transform", Fn = (e = {}) => {
+  const t = e.direction ?? "enter", n = In[e.type ?? An], s = t === "enter" ? n.enterPhysics : n.exitPhysics, o = n.background, r = o.willChange !== "";
   return {
-    prepare: ({ from: i, to: c }) => {
-      const l = t === "enter" ? c : i, a = t === "enter" ? i : c;
-      return l.then((p) => {
-        p.style.willChange = Cn, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", t === "exit" && (p.style.pointerEvents = "none", p.style.zIndex = "100");
+    prepare: ({ from: i, to: l }) => {
+      const c = t === "enter" ? l : i, a = t === "enter" ? i : l;
+      return c.then((p) => {
+        p.style.willChange = On, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", t === "exit" && (p.style.pointerEvents = "none", p.style.zIndex = "100");
       }), a.then((p) => {
         r && (p.style.willChange = o.willChange, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint"), t === "enter" && (p.style.pointerEvents = "none", p.style.zIndex = "-1");
       }), {};
     },
-    animation: ({ from: i, to: c, context: l }) => {
-      const a = t === "enter" ? c : i, p = t === "enter" ? i : c, f = H(
-        l,
+    animation: ({ from: i, to: l, context: c }) => {
+      const a = t === "enter" ? l : i, p = t === "enter" ? i : l, f = D(
+        c,
         t === "enter" ? "to" : "from"
       );
       a.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`;
-      const h = t === "enter" ? (E, P) => ({
-        transform: `translate3d(0, ${P * f.height}px, 0)`
-      }) : (E) => ({
-        transform: `translate3d(0, ${E * f.height}px, 0)`
-      }), m = new b({
+      const d = t === "enter" ? (x, C) => ({
+        transform: `translate3d(0, ${C * f.height}px, 0)`
+      }) : (x) => ({
+        transform: `translate3d(0, ${x * f.height}px, 0)`
+      }), m = new g({
         element: a,
-        integrator: g.from(s),
-        style: h,
+        integrator: y.from(s),
+        style: d,
         onComplete: () => {
           a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.clipPath = "", a.style.transform = "";
         }
       });
       if (!r)
-        return new C([m], { mode: "parallel" });
-      const d = H(
-        l,
+        return new E([m], { mode: "parallel" });
+      const h = D(
+        c,
         t === "enter" ? "from" : "to"
-      ), y = d.left + d.width / 2, u = d.top + d.height / 2;
-      p.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`, p.style.transformOrigin = `${y}px ${u}px`;
-      const S = t === "enter" ? (E, P) => o.enterStyle(E, P) : (E) => o.exitStyle(E), w = new b({
+      ), u = h.left + h.width / 2, w = h.top + h.height / 2;
+      p.style.clipPath = `inset(${h.top}px 0 calc(100% - ${h.top + h.height}px) 0)`, p.style.transformOrigin = `${u}px ${w}px`;
+      const $ = t === "enter" ? (x, C) => o.enterStyle(x, C) : (x) => o.exitStyle(x), S = new g({
         element: p,
-        integrator: g.from(s),
-        style: S,
+        integrator: y.from(s),
+        style: $,
         onComplete: t === "exit" ? () => {
           p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.clipPath = "", p.style.transformOrigin = "";
         } : void 0
       });
-      return new C([m, w], { mode: "parallel" });
+      return new E([m, S], { mode: "parallel" });
     }
   };
 };
-function vn(e) {
+function Yn(e) {
   return e === "scale" || e === "background-scale" ? "background-scale" : "static";
 }
-function gs(e) {
-  const { enter: t, exit: n } = e, s = e.type, o = vn(s);
-  return Dt(
+function Ps(e) {
+  const { enter: t, exit: n } = e, s = e.type, o = Yn(s);
+  return Tt(
     { enter: t, exit: n },
-    (r) => Pn({ direction: r, type: o })
+    (r) => Fn({ direction: r, type: o })
   );
 }
-const Tn = {
+const kn = {
   spring: { stiffness: 170, damping: 22, doubleSpring: 0.8 }
-}, _n = (e = {}) => {
-  const t = e.direction ?? "left", n = e.physics ?? Tn, s = t === "left";
+}, Ln = (e = {}) => {
+  const t = e.direction ?? "left", n = e.physics ?? kn, s = t === "left";
   return {
     prepare: ({ from: o, to: r }) => (o.then((i) => {
       i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none";
     }), r.then((i) => {
-      const c = s ? 100 : -100;
-      i.style.transform = `translate3d(${c}%, 0, 0)`, i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
+      const l = s ? 100 : -100;
+      i.style.transform = `translate3d(${l}%, 0, 0)`, i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
     }), {}),
     animation: ({ from: o, to: r }) => {
-      const i = new b({
+      const i = new g({
         element: o,
-        integrator: g.from(n),
-        style: (l) => ({ transform: `translate3d(${s ? -100 * l : 100 * l}%, 0, 0)` })
-      }), c = new b({
+        integrator: y.from(n),
+        style: (c) => ({ transform: `translate3d(${s ? -100 * c : 100 * c}%, 0, 0)` })
+      }), l = new g({
         element: r,
-        integrator: g.from(n),
-        style: (l, a) => ({ transform: `translate3d(${s ? a * 100 : a * -100}%, 0, 0)` }),
+        integrator: y.from(n),
+        style: (c, a) => ({ transform: `translate3d(${s ? a * 100 : a * -100}%, 0, 0)` }),
         onComplete: () => {
           r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "";
         }
       });
-      return new C([i, c], { mode: "parallel" });
+      return new E([i, l], { mode: "parallel" });
     }
   };
 };
-function bs(e) {
+function _s(e) {
   const { paths: t } = e;
-  return pt(
+  return J(
     t,
     { forward: "left", backward: "right" },
-    (n) => _n({ direction: n })
+    (n) => Ln({ direction: n })
   );
 }
-const In = {
+const Hn = {
   spring: { stiffness: 17, damping: 6 }
-}, it = 20, V = 800, On = (e = {}) => {
-  const t = e.physics ?? In;
+}, q = 20, Y = 800, Mn = (e = {}) => {
+  const t = e.physics ?? Hn;
   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(${V}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(${Y}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(${V}px) rotateY(${it}deg) translate3d(-100%, 0, 0)`;
+      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.transform = `perspective(${Y}px) rotateY(${q}deg) translate3d(-100%, 0, 0)`;
     }), {}),
     animation: ({ from: n, to: s }) => {
-      const o = new b({
+      const o = new g({
         element: n,
-        integrator: g.from(t),
+        integrator: y.from(t),
         style: (i) => {
-          const c = -i * it, l = i * 100;
+          const l = -i * q, c = i * 100;
           return {
-            transform: `perspective(${V}px) rotateY(${c}deg) translate3d(${l}%, 0, 0)`
+            transform: `perspective(${Y}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
           };
         }
-      }), r = new b({
+      }), r = new g({
         element: s,
-        integrator: g.from(t),
-        style: (i, c) => {
-          const l = c * it, a = -c * 100;
+        integrator: y.from(t),
+        style: (i, l) => {
+          const c = l * q, a = -l * 100;
           return {
-            transform: `perspective(${V}px) rotateY(${l}deg) translate3d(${a}%, 0, 0)`
+            transform: `perspective(${Y}px) rotateY(${c}deg) translate3d(${a}%, 0, 0)`
           };
         },
         onComplete: () => {
           s.style.transform = "", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
         }
       });
-      return new C([o, r], { mode: "sequence" });
+      return new E([o, r], { mode: "sequence" });
     }
   };
 };
-function ws(e) {
+function Ts(e) {
   const { paths: t } = e;
-  return _(t, () => On());
+  return T(t, () => Mn());
 }
-function An({
+function Un({
   enterRect: e,
   exitRect: t,
   pageRect: n,
@@ -1646,19 +1704,19 @@ function An({
   enterRadius: o,
   exitRadius: r
 }) {
-  const i = t.left - e.left + (t.width - e.width) / 2 - s.x, c = t.top - e.top + (t.height - e.height) / 2 - s.y, l = t.width / e.width, a = t.height / e.height, p = e.top / n.height * 100, f = (n.width - (e.left + e.width)) / n.width * 100, h = (n.height - (e.top + e.height)) / n.height * 100, m = e.left / n.width * 100;
+  const i = t.left - e.left + (t.width - e.width) / 2 - s.x, l = t.top - e.top + (t.height - e.height) / 2 - s.y, c = t.width / e.width, a = t.height / e.height, p = e.top / n.height * 100, f = (n.width - (e.left + e.width)) / n.width * 100, d = (n.height - (e.top + e.height)) / n.height * 100, m = e.left / n.width * 100;
   return {
     transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
-    animate: (d) => {
-      const y = 1 - d, u = 1 + (l - 1) * y, S = 1 + (a - 1) * y, E = (r * y + o * (1 - y)) / ((u + S) / 2);
+    animate: (h) => {
+      const u = 1 - h, w = 1 + (c - 1) * u, $ = 1 + (a - 1) * u, x = (r * u + o * (1 - u)) / ((w + $) / 2);
       return {
-        clipPath: `inset(${p * y}% ${f * y}% ${h * y}% ${m * y}% round ${E}px)`,
-        transform: `translate(${i * y}px, ${c * y}px) scale(${u}, ${S})`
+        clipPath: `inset(${p * u}% ${f * u}% ${d * u}% ${m * u}% round ${x}px)`,
+        transform: `translate(${i * u}px, ${l * u}px) scale(${w}, ${$})`
       };
     }
   };
 }
-function Dn({
+function Nn({
   enterRect: e,
   exitRect: t,
   pageRect: n,
@@ -1666,182 +1724,187 @@ function Dn({
   enterRadius: o,
   exitRadius: r
 }) {
-  const i = t.left - e.left + (t.width - e.width) / 2 + s.x, c = t.top - e.top + (t.height - e.height) / 2 + s.y, l = t.width / e.width, a = t.height / e.height, p = e.top / n.height * 100, f = (n.width - (e.left + e.width)) / n.width * 100, h = (n.height - (e.top + e.height)) / n.height * 100, m = e.left / n.width * 100;
+  const i = t.left - e.left + (t.width - e.width) / 2 + s.x, l = t.top - e.top + (t.height - e.height) / 2 + s.y, c = t.width / e.width, a = t.height / e.height, p = e.top / n.height * 100, f = (n.width - (e.left + e.width)) / n.width * 100, d = (n.height - (e.top + e.height)) / n.height * 100, m = e.left / n.width * 100;
   return {
     transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
-    animate: (d) => {
-      const y = 1 - d, u = 1 + (l - 1) * y, S = 1 + (a - 1) * y, E = (o * (1 - y) + r * y) / ((u + S) / 2);
+    animate: (h) => {
+      const u = 1 - h, w = 1 + (c - 1) * u, $ = 1 + (a - 1) * u, x = (o * (1 - u) + r * u) / ((w + $) / 2);
       return {
-        clipPath: `inset(${p * y}% ${f * y}% ${h * y}% ${m * y}% round ${E}px)`,
-        transform: `translate(${i * y - s.x}px, ${c * y}px) scale(${u}, ${S})`
+        clipPath: `inset(${p * u}% ${f * u}% ${d * u}% ${m * u}% round ${x}px)`,
+        transform: `translate(${i * u - s.x}px, ${l * u}px) scale(${w}, ${$})`
       };
     }
   };
 }
-const Fn = {
+const zn = {
   spring: {
     stiffness: 430,
     damping: 33,
     doubleSpring: 1
   }
-}, Ft = 0.12, Ln = 18;
-function Yn() {
+}, Dt = 0.12, Xn = 18;
+function Rn() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - Ft * t})`
+        transform: `scale(${1 - Dt * t})`
       };
     }
   };
 }
-function kn() {
+function Vn() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - Ft * t})`
+        transform: `scale(${1 - Dt * t})`
       };
     }
   };
 }
-const at = {
+const j = {
   willChange: "backdrop-filter",
   initialStyle: {
     position: "absolute",
     inset: "0",
     pointerEvents: "none",
-    // Sits above the background page but below the zoomed page (z-index 2
-    // in transition.ts). backdrop-filter therefore blurs the background,
-    // while the zoom tile stays sharp as it expands on top.
-    zIndex: "1",
+    // z-index is mode-dependent and applied in OverlayStrategy.contribute
+    // once `resolved.mode` is known. Sits between the background page and
+    // the zoomed tile:
+    //   enter — tile (`to`) is default(0), background (`from`) at -2,
+    //           overlay at -1.
+    //   exit  — tile (`from`) is at +2, background (`to`) default(0),
+    //           overlay at +1.
     backdropFilter: "blur(0px)",
     WebkitBackdropFilter: "blur(0px)"
   },
   style: (e, t) => {
-    const n = e === "enter" ? t : 1 - t, s = `blur(${Ln * n}px)`;
+    const n = e === "enter" ? t : 1 - t, s = `blur(${Xn * n}px)`;
     return {
       backdropFilter: s,
       WebkitBackdropFilter: s
     };
   }
 };
-class Hn {
+class Bn {
   constructor() {
-    $(this, "physics", Fn);
+    b(this, "physics", zn);
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, physics: r } = t, i = o.mode === "enter", c = i ? n : s, l = i ? Yn() : kn();
-    return l && (c.style.transformOrigin = l.transformOrigin), [
-      new b({
-        element: c,
-        integrator: g.from(r),
-        style: i ? (a, p) => l.animate(p) : (a) => l.animate(a)
+    const { from: n, to: s, resolved: o, physics: r } = t, i = o.mode === "enter", l = i ? n : s, c = i ? Rn() : Vn();
+    return c && (l.style.transformOrigin = c.transformOrigin), [
+      new g({
+        element: l,
+        integrator: y.from(r),
+        style: i ? (a, p) => c.animate(p) : (a) => c.animate(a)
       })
     ];
   }
 }
-class Mn {
+class Wn {
   prepare(t) {
     const n = t.createElement("zoom-overlay");
-    return Object.assign(n.style, at.initialStyle), n.style.willChange = at.willChange, t.context.positionedParent.appendChild(n), { overlay: n };
+    return Object.assign(n.style, j.initialStyle), n.style.willChange = j.willChange, t.context.positionedParent.appendChild(n), { overlay: n };
   }
   contribute(t) {
     const n = t.extras.overlay;
-    return n ? [
-      new b({
+    return n ? (n.style.zIndex = t.resolved.mode === "enter" ? "-1" : "1", [
+      new g({
         element: n,
-        integrator: g.from(t.physics),
-        style: (s) => at.style(t.resolved.mode, s)
+        integrator: y.from(t.physics),
+        style: (s) => j.style(t.resolved.mode, s)
       })
-    ] : [];
+    ]) : [];
   }
 }
-const Un = {
-  spring: { stiffness: 340, damping: 30, doubleSpring: 1 }
+const Zn = {
+  spring: {
+    stiffness: 430,
+    damping: 33,
+    doubleSpring: 1
+  }
 };
-function zn({
+function qn({
   enterRect: e,
   exitRect: t,
   scrollOffset: n
 }) {
-  const s = e.left - t.left + (e.width - t.width) / 2 + n.x, o = e.top - t.top + (e.height - t.height) / 2 + n.y, r = e.width / t.width, i = e.height / t.height, c = Math.max(r, i);
+  const s = e.left - t.left + (e.width - t.width) / 2 + n.x, o = e.top - t.top + (e.height - t.height) / 2 + n.y, r = e.width / t.width, i = e.height / t.height, l = Math.max(r, i);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (l) => {
-      const a = 1 - l;
+    animate: (c) => {
+      const a = 1 - c;
       return {
-        transform: `translate(${s * a - n.x}px, ${o * a}px) scale(${1 + (c - 1) * a})`,
-        opacity: `${1 - a}`
+        transform: `translate(${s * a - n.x}px, ${o * a}px) scale(${1 + (l - 1) * a})`
       };
     }
   };
 }
-function Xn({
+function jn({
   enterRect: e,
   exitRect: t,
   scrollOffset: n
 }) {
-  const s = e.left - t.left + (e.width - t.width) / 2 - n.x, o = e.top - t.top + (e.height - t.height) / 2 - n.y, r = e.width / t.width, i = e.height / t.height, c = Math.max(r, i);
+  const s = e.left - t.left + (e.width - t.width) / 2 - n.x, o = e.top - t.top + (e.height - t.height) / 2 - n.y, r = e.width / t.width, i = e.height / t.height, l = Math.max(r, i);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (l) => {
-      const a = 1 - l;
+    animate: (c) => {
+      const a = 1 - c;
       return {
-        transform: `translate(${s * a}px, ${o * a}px) scale(${1 + (c - 1) * a})`,
-        opacity: `${l}`
+        transform: `translate(${s * a}px, ${o * a}px) scale(${1 + (l - 1) * a})`
       };
     }
   };
 }
-class Nn {
+class Kn {
   constructor() {
-    $(this, "physics", Un);
+    b(this, "physics", Zn);
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, input: r, physics: i } = t, c = o.mode === "enter", l = c ? n : s, a = c ? zn(r) : Xn(r);
-    return a && (l.style.transformOrigin = a.transformOrigin), [
-      new b({
-        element: l,
-        integrator: g.from(i),
-        style: c ? (p, f) => a.animate(f) : (p) => a.animate(p)
+    const { from: n, to: s, resolved: o, input: r, physics: i } = t, l = o.mode === "enter", c = l ? n : s, a = l ? qn(r) : jn(r);
+    return a && (c.style.transformOrigin = a.transformOrigin), [
+      new g({
+        element: c,
+        integrator: y.from(i),
+        style: l ? (p, f) => a.animate(f) : (p) => a.animate(p)
       })
     ];
   }
 }
-const Vn = {
+const Gn = {
   spring: {
     stiffness: 530,
     damping: 34,
     doubleSpring: 1
   }
 };
-class Bn {
+class Jn {
   constructor() {
-    $(this, "physics", Vn);
+    b(this, "physics", Gn);
   }
   contribute(t) {
     return [];
   }
 }
-const Wn = {
-  expand: () => new Nn(),
-  static: () => new Bn(),
-  blur: () => new Hn()
+const Qn = {
+  expand: () => new Kn(),
+  static: () => new Jn(),
+  blur: () => new Bn()
 };
-function Rn(e) {
-  return Wn[e]();
+function ts(e) {
+  return Qn[e]();
 }
-const lt = "data-zoom-enter-key", Tt = "data-zoom-exit-key", Zn = "data-zoom-radius";
-function _t(e) {
-  const t = e.getAttribute(Zn);
+const K = "data-zoom-enter-key", Et = "data-zoom-exit-key", es = "data-zoom-radius";
+function xt(e) {
+  const t = e.getAttribute(es);
   if (!t) return 0;
   const n = parseFloat(t);
   return Number.isFinite(n) && n > 0 ? n : 0;
 }
-function qn(e, t) {
+function ns(e, t) {
   const n = [];
   let s = t;
   for (; s && s !== e; ) {
@@ -1853,125 +1916,125 @@ function qn(e, t) {
   }
   return n;
 }
-function It(e) {
-  const t = e.querySelectorAll(`[${lt}]`);
+function Ct(e) {
+  const t = e.querySelectorAll(`[${K}]`);
   return t.length !== 1 ? null : t[0];
 }
-function Ot(e, t) {
-  const n = e.querySelectorAll(`[${Tt}]`);
+function Pt(e, t) {
+  const n = e.querySelectorAll(`[${Et}]`);
   for (const s of n)
-    if (s.getAttribute(Tt) === t)
+    if (s.getAttribute(Et) === t)
       return s;
   return null;
 }
-function jn(e, t) {
-  const n = It(e), s = It(t);
+function ss(e, t) {
+  const n = Ct(e), s = Ct(t);
   if (!n && s) {
-    const o = s.getAttribute(lt);
+    const o = s.getAttribute(K);
     if (!o) return null;
-    const r = Ot(e, o);
+    const r = Pt(e, o);
     return r ? { mode: "enter", enterEl: s, exitEl: r } : null;
   }
   if (n && !s) {
-    const o = n.getAttribute(lt);
+    const o = n.getAttribute(K);
     if (!o) return null;
-    const r = Ot(t, o);
+    const r = Pt(t, o);
     return r ? { mode: "exit", enterEl: n, exitEl: r } : null;
   }
   return null;
 }
-function Kn(e, t, n, s) {
+function os(e, t, n, s) {
   return {
-    enterRect: k(
+    enterRect: O(
       e.mode === "enter" ? n : t,
       e.enterEl
     ),
-    exitRect: k(
+    exitRect: O(
       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: xt(e.enterEl),
+    exitRadius: xt(e.exitEl)
   };
 }
-class Gn {
+class rs {
   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: r, physics: i, onComplete: c } = t, l = o.mode === "enter", a = l ? An(r) : Dn(r), p = l ? s : n, f = l ? "t" : "u";
+    const { from: n, to: s, resolved: o, input: r, physics: i, onComplete: l } = t, c = o.mode === "enter", a = c ? Un(r) : Nn(r), p = c ? s : n, f = c ? "t" : "u";
     a && (p.style.transformOrigin = a.transformOrigin);
-    const h = p.style.zIndex;
-    return p.style.zIndex = "2", c(() => {
-      p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", p.style.zIndex = h;
+    const d = c ? "-2" : "2", m = n.style.zIndex;
+    return n.style.zIndex = d, l(() => {
+      p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", n.style.zIndex = m;
     }), [
-      new b({
+      new g({
         element: p,
-        integrator: g.from(i),
+        integrator: y.from(i),
         // Enter: tile expands as `t` (0 → 1). Exit: tile shrinks as `u` —
         // the legacy convention from v5's outAnim path. Either way, feed
         // the progress that matches the tileConfig's authored direction.
-        style: f === "t" ? (m) => a.animate(m) : (m, d) => a.animate(d)
+        style: f === "t" ? (h) => a.animate(h) : (h, u) => a.animate(u)
       })
     ];
   }
 }
-class Jn {
+class is {
   contribute(t) {
-    const { resolved: n, physics: s, from: o, to: r, onComplete: i } = t, c = n.mode === "enter" ? r : o, l = qn(c, n.enterEl);
-    if (l.length === 0) return [];
-    const a = l.map((p) => p.style.opacity);
+    const { resolved: n, physics: s, from: o, to: r, onComplete: i } = t, l = n.mode === "enter" ? r : o, c = ns(l, n.enterEl);
+    if (c.length === 0) return [];
+    const a = c.map((p) => p.style.opacity);
     if (n.mode === "enter")
-      for (const p of l) p.style.opacity = "0";
+      for (const p of c) p.style.opacity = "0";
     return i(() => {
-      for (let p = 0; p < l.length; p++) {
-        const f = l[p];
+      for (let p = 0; p < c.length; p++) {
+        const f = c[p];
         f && (f.style.opacity = a[p] ?? "");
       }
-    }), l.map(
-      (p) => new b({
+    }), c.map(
+      (p) => new g({
         element: p,
-        integrator: g.from(s),
-        style: (f, h) => ({
-          opacity: n.mode === "enter" ? f : h
+        integrator: y.from(s),
+        style: (f, d) => ({
+          opacity: n.mode === "enter" ? f : d
         })
       })
     );
   }
 }
-class Lt {
+class vt {
   contribute() {
     return [];
   }
 }
-const Qn = {
-  default: () => new Lt(),
-  fade: () => new Jn()
+const as = {
+  default: () => new vt(),
+  fade: () => new is()
 };
-function ts(e) {
-  return Qn[e]();
+function ls(e) {
+  return as[e]();
 }
-class es extends Lt {
+class cs extends vt {
 }
-function ns(e) {
-  const t = Rn(e.type);
+function ps(e) {
+  const t = ts(e.type);
   return { strategies: [
-    new Gn(),
+    new rs(),
     t,
-    ts(e.variant),
-    new es(),
+    ls(e.variant),
+    new cs(),
     // 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 Mn()] : []
+    ...e.type === "blur" ? [new Wn()] : []
   ], physics: t.physics };
 }
-const ss = (e) => {
-  const { strategies: t, physics: n } = ns(e);
+const fs = (e) => {
+  const { strategies: t, physics: n } = ps(e);
   return {
     prepare: (s) => {
       const o = {
@@ -1985,71 +2048,71 @@ const ss = (e) => {
       }, r = {};
       for (const i of t) {
         if (!i.prepare) continue;
-        const c = i.prepare(o);
-        c && Object.assign(r, c);
+        const l = i.prepare(o);
+        l && Object.assign(r, l);
       }
       return r;
     },
     animation: ({ from: s, to: o, context: r, ...i }) => {
-      const c = jn(s, o);
-      if (!c)
-        return new C([], { mode: "parallel" });
-      const l = Kn(c, s, o, r.scrollOffset), a = [], f = {
+      const l = ss(s, o);
+      if (!l)
+        return new E([], { mode: "parallel" });
+      const c = os(l, s, o, r.scrollOffset), a = [], f = {
         from: s,
         to: o,
-        resolved: c,
-        input: l,
+        resolved: l,
+        input: c,
         physics: n,
         extras: i,
-        onComplete: (d) => {
-          a.push(d);
+        onComplete: (h) => {
+          a.push(h);
         }
-      }, h = [];
-      for (const d of t)
-        d.contribute && h.push(...d.contribute(f));
-      const m = h[0];
+      }, d = [];
+      for (const h of t)
+        h.contribute && d.push(...h.contribute(f));
+      const m = d[0];
       if (m) {
-        const d = m.onComplete;
+        const h = m.onComplete;
         m.onComplete = () => {
-          d == null || d();
-          for (const y of a)
+          h == null || h();
+          for (const u of a)
             try {
-              y();
-            } catch (u) {
-              console.error("[zoom] cleanup error", u);
+              u();
+            } catch (w) {
+              console.error("[zoom] cleanup error", w);
             }
         };
       }
-      return new C(h, { mode: "parallel" });
+      return new E(d, { mode: "parallel" });
     }
   };
 };
-function os(e) {
+function ds(e) {
   const t = e.type ?? "static", n = e.variant ?? (e.fade ? "fade" : "default");
   return { type: t, variant: n };
 }
-function Ss(e) {
-  const t = os(e);
-  return _(
+function Ds(e) {
+  const t = ds(e);
+  return T(
     e.paths,
-    () => ss(t)
+    () => fs(t)
   );
 }
 export {
-  Es as Animation,
-  C as MultiAnimation,
-  b as WebAnimation,
-  as as axis,
-  ls as blind,
-  cs as drill,
-  ps as fade,
-  fs as film,
-  hs as hero,
-  ys as jaemin,
-  ms as rotate,
-  us as scroll,
-  gs as sheet,
-  bs as slide,
-  ws as strip,
-  Ss as zoom
+  As as Animation,
+  E as MultiAnimation,
+  g as WebAnimation,
+  ys as axis,
+  gs as blind,
+  ws as drill,
+  Ss as fade,
+  bs as film,
+  $s as hero,
+  Es as jaemin,
+  xs as rotate,
+  Cs as scroll,
+  Ps as sheet,
+  _s as slide,
+  Ts as strip,
+  Ds as zoom
 };