@ssgoi/core 6.0.0 → 6.1.0

package/dist/index.js

@@ -1,23 +1,23 @@
-var ht = Object.defineProperty;
-var mt = (e, t, n) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var S = (e, t, n) => mt(e, typeof t != "symbol" ? t + "" : t, n);
-import { P as B, V as nt, W as w, M as $, S as ut } from "./multi-animation-CST6aZ8y.js";
-import { A as Xe } from "./multi-animation-CST6aZ8y.js";
+var xt = Object.defineProperty;
+var Et = (e, t, n) => t in e ? xt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var $ = (e, t, n) => Et(e, typeof t != "symbol" ? t + "" : t, n);
+import { P as Z, V as ft, W as b, M as E, S as Ct } from "./multi-animation-CnxqLEka.js";
+import { A as zn } from "./multi-animation-CnxqLEka.js";
 function P(e, t) {
   const n = [];
   for (let s = 0; s < e.length; s++)
     for (let o = s + 1; o < e.length; o++) {
-      const a = e[s], i = e[o];
-      !a || !i || n.push({
-        from: a,
-        to: i,
+      const i = e[s], r = e[o];
+      !i || !r || n.push({
+        from: i,
+        to: r,
         transition: t(),
         symmetric: !0
       });
     }
   return n;
 }
-function st(e, t) {
+function ht(e, t) {
   return [
     {
       from: e.exit,
@@ -31,39 +31,39 @@ function st(e, t) {
     }
   ];
 }
-function ot(e, t, n) {
+function q(e, t, n) {
   const s = [];
   for (let o = 0; o < e.length; o++)
-    for (let a = o + 1; a < e.length; a++) {
-      const i = e[o], l = e[a];
-      !i || !l || s.push(
+    for (let i = o + 1; i < e.length; i++) {
+      const r = e[o], l = e[i];
+      !r || !l || s.push(
         {
-          from: i,
+          from: r,
           to: l,
           transition: n(t.forward)
         },
         {
           from: l,
-          to: i,
+          to: r,
           transition: n(t.backward)
         }
       );
     }
   return s;
 }
-class v {
+class F {
   constructor(t) {
-    S(this, "omega");
+    $(this, "omega");
     // Angular frequency
-    S(this, "zeta");
+    $(this, "zeta");
     // Damping ratio
-    S(this, "restDelta");
-    S(this, "restSpeed");
+    $(this, "restDelta");
+    $(this, "restSpeed");
     const { stiffness: n, damping: s } = t, o = 1;
-    this.omega = Math.sqrt(n / o), this.zeta = s / (2 * Math.sqrt(n * o)), this.restDelta = t.restDelta ?? B, this.restSpeed = t.restSpeed ?? nt;
+    this.omega = Math.sqrt(n / o), this.zeta = s / (2 * Math.sqrt(n * o)), this.restDelta = t.restDelta ?? Z, this.restSpeed = t.restSpeed ?? ft;
   }
   step(t, n, s) {
-    const o = Math.min(s, 0.033), { omega: a, zeta: i } = this, { position: l, velocity: c } = t, r = -2 * o * i * a * c, p = o * a * a * (n - l), d = c + r + p;
+    const o = Math.min(s, 0.033), { omega: i, zeta: r } = this, { position: l, velocity: c } = t, a = -2 * o * r * i * c, p = o * i * i * (n - l), d = c + a + p;
     return {
       position: l + o * d,
       velocity: d
@@ -74,39 +74,39 @@ class v {
     return s < this.restDelta && o < this.restSpeed;
   }
 }
-class yt {
+class Pt {
   constructor(t) {
-    S(this, "leader");
-    S(this, "follower");
-    S(this, "restDelta");
-    S(this, "restSpeed");
-    this.restDelta = t.restDelta ?? B, this.restSpeed = t.restSpeed ?? nt, this.leader = new v({
+    $(this, "leader");
+    $(this, "follower");
+    $(this, "restDelta");
+    $(this, "restSpeed");
+    this.restDelta = t.restDelta ?? Z, this.restSpeed = t.restSpeed ?? ft, this.leader = new F({
       stiffness: t.stiffness,
       damping: t.damping,
       restDelta: this.restDelta,
       restSpeed: this.restSpeed
     });
-    let n, s, o, a;
-    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, a = t.follower.restSpeed) : (n = t.stiffness, s = t.damping), this.follower = new v({
+    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 F({
       stiffness: n,
       damping: s,
       restDelta: o ?? this.restDelta,
-      restSpeed: a ?? this.restSpeed
+      restSpeed: i ?? this.restSpeed
     });
   }
   step(t, n, s) {
-    const a = t._leader ?? {
+    const i = t._leader ?? {
       position: t.position,
       velocity: t.velocity
-    }, i = this.leader.step(a, n, s), l = this.follower.step(
+    }, r = this.leader.step(i, n, s), l = this.follower.step(
       t,
-      i.position,
+      r.position,
       s
     );
     return {
       position: l.position,
       velocity: l.velocity,
-      _leader: i
+      _leader: r
     };
   }
   isSettled(t, n) {
@@ -114,39 +114,39 @@ class yt {
     return s._leader ? Math.abs(n - s._leader.position) < this.restDelta && Math.abs(s._leader.velocity) < this.restSpeed && o : o;
   }
 }
-const gt = 0.01, wt = 500, bt = 10;
-class St {
+const vt = 0.01, Tt = 500, Dt = 10;
+class _t {
   constructor(t) {
-    S(this, "acceleration");
-    S(this, "resistance");
-    S(this, "resistanceType");
-    S(this, "min");
-    S(this, "max");
-    S(this, "bounceStiffness");
-    S(this, "bounceDamping");
-    S(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 ?? wt, this.bounceDamping = t.bounceDamping ?? bt, this.restDelta = t.restDelta ?? gt;
+    $(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 ?? Tt, this.bounceDamping = t.bounceDamping ?? Dt, this.restDelta = t.restDelta ?? vt;
   }
   step(t, n, s) {
-    const o = Math.min(s, 0.033), { acceleration: a, resistance: i, resistanceType: l, min: c, max: r } = this, { position: p, velocity: d } = t, h = c !== void 0 && p < c, u = r !== void 0 && p > r;
+    const o = Math.min(s, 0.033), { acceleration: i, resistance: r, resistanceType: l, min: c, max: a } = this, { position: p, velocity: d } = t, u = c !== void 0 && p < c, m = a !== void 0 && p > a;
     let f;
-    if (h || u) {
-      const b = p - (h ? c : r), C = -this.bounceStiffness * b, E = -this.bounceDamping * d;
-      f = C + E;
+    if (u || m) {
+      const S = p - (u ? c : a), x = -this.bounceStiffness * S, C = -this.bounceDamping * d;
+      f = x + C;
     } else {
-      const x = n > p ? 1 : -1;
-      let b;
-      l === "linear" ? b = i * d : b = i * d * Math.abs(d), f = x * a - b;
+      const w = n > p ? 1 : -1;
+      let S;
+      l === "linear" ? S = r * d : S = r * d * Math.abs(d), f = w * i - S;
     }
-    const m = d + f * o;
-    let y = p + m * o;
-    if (!h && !u) {
-      const x = n > p ? 1 : -1;
-      (x > 0 && y > n || x < 0 && y < n) && (y = n);
+    const h = d + f * o;
+    let y = p + h * o;
+    if (!u && !m) {
+      const w = n > p ? 1 : -1;
+      (w > 0 && y > n || w < 0 && y < n) && (y = n);
     }
     return {
       position: y,
-      velocity: y === n ? 0 : m
+      velocity: y === n ? 0 : h
     };
   }
   isSettled(t, n) {
@@ -167,7 +167,7 @@ class g {
         "Cannot use both 'spring' and 'inertia' together. Choose one physics type."
       );
     if (t.inertia)
-      return new St({
+      return new _t({
         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 yt({
+      }), new Pt({
         stiffness: n.stiffness,
         damping: n.damping,
         follower: o,
@@ -192,7 +192,7 @@ class g {
         restSpeed: n.restSpeed
       });
     }
-    return new v({
+    return new F({
       stiffness: n.stiffness,
       damping: n.damping,
       restDelta: n.restDelta,
@@ -207,25 +207,237 @@ class g {
     return g.from({ spring: t });
   }
 }
-class $t {
+class At {
   constructor(t) {
-    S(this, "durationSec");
+    $(this, "durationSec");
     this.durationSec = Math.max(1 / 60, t.durationSec);
   }
   step(t, n, s) {
     const o = n - t.position;
     if (o === 0) return t;
-    const a = Math.sign(o), i = Math.abs(o) / this.durationSec, l = a * i * s, c = t.position + l;
-    return (a > 0 ? c >= n : c <= n) ? { position: n, velocity: 0 } : { position: c, velocity: a * i };
+    const i = Math.sign(o), r = Math.abs(o) / this.durationSec, l = i * r * s, c = t.position + l;
+    return (i > 0 ? c >= n : c <= n) ? { position: n, velocity: 0 } : { position: c, velocity: i * r };
   }
   isSettled(t, n) {
-    return Math.abs(t.position - n) < B;
+    return Math.abs(t.position - n) < Z;
   }
 }
-const xt = {
+const G = 8, K = {
+  spring: { stiffness: 1e3, damping: 40, doubleSpring: 1.2 }
+};
+function It({
+  direction: e
+}) {
+  const t = e === "forward" ? G : -G;
+  return {
+    out: {
+      willChange: "transform, opacity",
+      startStyle: {},
+      animate: (n) => ({
+        opacity: `${1 - n}`
+      })
+    },
+    in: {
+      willChange: "transform, opacity",
+      startStyle: {
+        transform: `translate3d(${t}px, 0, 0)`,
+        opacity: "0"
+      },
+      animate: (n) => ({
+        transform: `translate3d(${t * (1 - n)}px, 0, 0)`,
+        opacity: `${n}`
+      })
+    }
+  };
+}
+function Ot() {
+  return {
+    outPhysics: K,
+    inPhysics: K,
+    // 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: It
+  };
+}
+const J = 30, kt = {
+  inertia: { acceleration: 150, resistance: 1.5 }
+}, Lt = {
+  spring: { stiffness: 180, damping: 34 }
+};
+function Ft({
+  direction: e
+}) {
+  const t = e === "forward" ? 1 : -1, n = -J * t, s = J * t;
+  return {
+    out: {
+      willChange: "transform, opacity",
+      startStyle: {},
+      animate: (o) => ({
+        transform: `translate3d(${n * o}px, 0, 0)`,
+        opacity: `${1 - o}`
+      })
+    },
+    in: {
+      willChange: "transform, opacity",
+      startStyle: {
+        transform: `translate3d(${s}px, 0, 0)`,
+        opacity: "0"
+      },
+      animate: (o) => ({
+        transform: `translate3d(${s * (1 - o)}px, 0, 0)`,
+        opacity: `${o}`
+      })
+    }
+  };
+}
+function Yt() {
+  return {
+    outPhysics: kt,
+    inPhysics: Lt,
+    // 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: Ft
+  };
+}
+const Ht = {
+  snappy: Ot(),
+  fluid: Yt()
+}, Q = {
+  spring: { stiffness: 2400, damping: 65, doubleSpring: 0.7 }
+}, O = 8;
+function Mt({ direction: e }) {
+  const t = e === "forward" ? -O : O, n = e === "forward" ? O : -O;
+  return {
+    out: {
+      willChange: "transform, opacity",
+      startStyle: {},
+      animate: (s) => ({
+        transform: `translate3d(0, ${t * s}px, 0)`,
+        opacity: `${1 - s}`
+      })
+    },
+    in: {
+      willChange: "transform, opacity",
+      startStyle: {
+        transform: `translate3d(0, ${n}px, 0)`,
+        opacity: "0"
+      },
+      animate: (s) => ({
+        transform: `translate3d(0, ${n * (1 - s)}px, 0)`,
+        opacity: `${s}`
+      })
+    }
+  };
+}
+function zt() {
+  return {
+    outPhysics: Q,
+    inPhysics: Q,
+    composition: { mode: "parallel", startAt: [0, 0.3] },
+    build: Mt
+  };
+}
+const R = {
+  spring: { stiffness: 280, damping: 30 }
+}, k = 0.05;
+function Ut() {
+  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: (e) => ({
+        transform: `scale(${1 + e * k})`,
+        opacity: `${1 - e}`
+      })
+    },
+    // Incoming rises from below (1-s → 1) with fade in.
+    in: {
+      willChange: "transform, opacity",
+      startStyle: {
+        transform: `scale(${1 - k})`,
+        opacity: "0"
+      },
+      animate: (e) => ({
+        transform: `scale(${1 - k + e * k})`,
+        opacity: `${e}`
+      })
+    }
+  };
+}
+function Xt() {
+  return {
+    outPhysics: R,
+    inPhysics: R,
+    // 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.
+    composition: { mode: "parallel" },
+    build: Ut
+  };
+}
+const Vt = zt(), Bt = Xt(), Nt = {
+  x: Ht,
+  // y and z don't yet have a `fluid` variant — the lookup falls back to
+  // `snappy` if asked for `fluid` on them.
+  y: { snappy: Vt },
+  z: { snappy: Bt }
+};
+function Wt(e, t) {
+  const n = Nt[e];
+  return n[t] ?? n.snappy;
+}
+const Zt = "x", qt = "snappy";
+function tt(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 jt(e) {
+  e.style.willChange = "auto", e.style.backfaceVisibility = "", e.style.contain = "", e.style.transform = "", e.style.opacity = "";
+}
+const Gt = (e = {}) => {
+  const t = e.direction ?? "forward", n = e.type ?? Zt, s = e.feel ?? qt, o = Wt(n, s), i = o.build({ direction: t });
+  return {
+    prepare: ({ from: r, to: l }) => (r.then((c) => {
+      tt(c, i.out), c.style.pointerEvents = "none";
+    }), l.then((c) => {
+      tt(c, i.in);
+    }), {}),
+    animation: ({ from: r, to: l }) => {
+      const c = new b({
+        element: r,
+        integrator: g.from(o.outPhysics),
+        style: (p) => i.out.animate(p)
+      }), a = new b({
+        element: l,
+        integrator: g.from(o.inPhysics),
+        style: (p) => i.in.animate(p),
+        onComplete: () => jt(l)
+      });
+      return new E([c, a], o.composition);
+    }
+  };
+};
+function Kt(e, t, n) {
+  return e !== "x" || t === "snappy" || n === "snappy" ? "snappy" : "fluid";
+}
+function Cn(e) {
+  const { paths: t } = e, n = e.type ?? "x", s = e.variant, o = e.feel, i = Kt(n, s, o);
+  return q(
+    t,
+    { forward: "forward", backward: "backward" },
+    (r) => Gt({ type: n, direction: r, feel: i })
+  );
+}
+const Jt = {
   spring: { stiffness: 200, damping: 22 }
-}, Ct = 10, Et = "horizontal", Pt = "#000000";
-function N(e, t, n, s, o, a) {
+}, Qt = 10, Rt = "horizontal", te = "#000000";
+function et(e, t, n, s, o, i) {
   window.getComputedStyle(e).position === "static" && (e.style.position = "relative");
   const l = document.createElement("div");
   l.style.cssText = `
@@ -239,19 +451,19 @@ function N(e, t, n, s, o, a) {
     overflow: hidden;
   `;
   const c = [];
-  for (let r = 0; r < t; r++) {
+  for (let a = 0; a < t; a++) {
     const p = document.createElement("div");
     if (n === "horizontal") {
       const d = 100 / t;
       p.style.cssText = `
         position: absolute;
-        top: ${d * r}%;
+        top: ${d * a}%;
         left: 0;
         width: 100%;
         height: calc(${d}% + 1px);
         background: ${s};
         transform: scaleX(${o === "hidden" ? 0 : 1});
-        transform-origin: ${a} center;
+        transform-origin: ${i} center;
         will-change: transform;
       `;
     } else {
@@ -259,12 +471,12 @@ function N(e, t, n, s, o, a) {
       p.style.cssText = `
         position: absolute;
         top: 0;
-        left: ${d * r}%;
+        left: ${d * a}%;
         width: calc(${d}% + 1px);
         height: 100%;
         background: ${s};
         transform: scaleY(${o === "hidden" ? 0 : 1});
-        transform-origin: ${a === "left" ? "top" : "bottom"} center;
+        transform-origin: ${i === "left" ? "top" : "bottom"} center;
         will-change: transform;
       `;
     }
@@ -272,13 +484,13 @@ function N(e, t, n, s, o, a) {
   }
   return e.appendChild(l), { container: l, blinds: c };
 }
-const Dt = (e = {}) => {
-  const t = e.blindCount ?? Ct, n = e.direction ?? Et, s = e.blindColor ?? Pt, o = e.physics ?? xt;
+const ee = (e = {}) => {
+  const t = e.blindCount ?? Qt, n = e.direction ?? Rt, s = e.blindColor ?? te, o = e.physics ?? Jt;
   return {
-    prepare: async ({ from: a, to: i }) => {
-      const l = await a, c = await i;
+    prepare: async ({ from: i, to: r }) => {
+      const l = await i, c = await r;
       l.style.zIndex = "1000";
-      const r = N(
+      const a = et(
         l,
         t,
         n,
@@ -287,7 +499,7 @@ const Dt = (e = {}) => {
         "left"
       );
       c.style.position = "relative", c.style.zIndex = "0";
-      const p = N(
+      const p = et(
         c,
         t,
         n,
@@ -296,44 +508,48 @@ const Dt = (e = {}) => {
         "right"
       );
       return {
-        fromBlinds: r.blinds,
-        fromContainer: r.container,
+        fromBlinds: a.blinds,
+        fromContainer: a.container,
         toBlinds: p.blinds,
         toContainer: p.container
       };
     },
-    animation: ({ fromBlinds: a, fromContainer: i, toBlinds: l, toContainer: c }) => {
-      const r = a.map(
-        (u) => new w({
-          element: u,
+    animation: ({ fromBlinds: i, fromContainer: r, toBlinds: l, toContainer: c }) => {
+      const a = i.map(
+        (m) => new b({
+          element: m,
           integrator: g.from(o),
           style: (f) => ({
             transform: n === "horizontal" ? `scaleX(${f})` : `scaleY(${f})`
           })
         })
       ), p = l.map(
-        (u, f) => new w({
-          element: u,
+        (m, f) => new b({
+          element: m,
           integrator: g.from(o),
-          style: (m, y) => ({
+          style: (h, y) => ({
             transform: n === "horizontal" ? `scaleX(${y})` : `scaleY(${y})`
           }),
           onComplete: f === l.length - 1 ? () => {
-            c.remove(), i.remove();
+            c.remove(), r.remove();
           } : void 0
         })
-      ), d = new $(r, { mode: "parallel" }), h = new $(p, { mode: "parallel" });
-      return new $([d, h], { mode: "sequence" });
+      ), d = new E(a, { mode: "parallel" }), u = new E(p, { mode: "parallel" });
+      return new E([d, u], { mode: "sequence" });
     }
   };
 };
-function Ie({ paths: e }) {
-  return P(e, () => Dt());
+function Pn(e) {
+  const { paths: t, type: n = "horizontal" } = e;
+  return P(
+    t,
+    () => ee({ direction: n })
+  );
 }
-const Ot = {
+const ne = {
   spring: { stiffness: 200, damping: 20, doubleSpring: 0.7 }
-}, I = 0.5;
-function It(e) {
+}, D = 0.5;
+function se(e) {
   const t = e === "enter" ? -100 : 100, n = e === "enter" ? 100 : -100;
   return {
     out: {
@@ -341,32 +557,32 @@ function It(e) {
       startStyle: {},
       animate: (s) => ({
         transform: `translate3d(${t * s}%, 0, 0)`,
-        opacity: `${I + (1 - I) * (1 - s)}`
+        opacity: `${D + (1 - D) * (1 - s)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
         transform: `translate3d(${n}%, 0, 0)`,
-        opacity: `${I}`
+        opacity: `${D}`
       },
       animate: (s) => ({
         transform: `translate3d(${n * (1 - s)}%, 0, 0)`,
-        opacity: `${I + (1 - I) * s}`
+        opacity: `${D + (1 - D) * s}`
       })
     }
   };
 }
-function Tt() {
+function oe() {
   return {
-    physics: Ot,
-    build: It
+    physics: ne,
+    build: se
   };
 }
-const At = {
+const re = {
   spring: { stiffness: 170, damping: 22 }
 };
-function _t(e) {
+function ie(e) {
   const t = e === "enter" ? -20 : 100, n = e === "enter" ? 100 : -20;
   return {
     out: {
@@ -387,64 +603,68 @@ function _t(e) {
     }
   };
 }
-function kt() {
+function ae() {
   return {
-    physics: At,
-    build: _t
+    physics: re,
+    build: ie
   };
 }
-const vt = {
-  parallax: kt(),
-  crossfade: Tt()
-}, Lt = "parallax";
-function Z(e, t) {
+const le = {
+  parallax: ae(),
+  crossfade: oe()
+}, ce = "parallax";
+function nt(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 Yt = (e = {}) => {
-  const t = e.direction ?? "enter", n = vt[e.type ?? Lt], s = n.physics, o = n.build(t);
+const pe = (e = {}) => {
+  const t = e.direction ?? "enter", n = le[e.type ?? ce], s = n.physics, o = n.build(t);
   return {
-    prepare: ({ from: a, to: i }) => (a.then((l) => {
-      Z(l, o.out), l.style.pointerEvents = "none", l.style.zIndex = t === "enter" ? "-1" : "100";
-    }), i.then((l) => {
-      Z(l, o.in);
+    prepare: ({ from: i, to: r }) => (i.then((l) => {
+      nt(l, o.out), l.style.pointerEvents = "none", l.style.zIndex = t === "enter" ? "-1" : "100";
+    }), r.then((l) => {
+      nt(l, o.in);
     }), {}),
-    animation: ({ from: a, to: i }) => {
-      const l = new w({
-        element: a,
-        integrator: g.from(s),
-        style: (r) => o.out.animate(r)
-      }), c = new w({
+    animation: ({ from: i, to: r }) => {
+      const l = new b({
         element: i,
         integrator: g.from(s),
-        style: (r) => o.in.animate(r),
+        style: (a) => o.out.animate(a)
+      }), c = new b({
+        element: r,
+        integrator: g.from(s),
+        style: (a) => o.in.animate(a),
         onComplete: () => {
-          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "", i.style.opacity = "";
+          r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "", r.style.opacity = "";
         }
       });
-      return new $([l, c], { mode: "parallel" });
+      return new E([l, c], { mode: "parallel" });
     }
   };
 };
-function Te({ type: e, ...t }) {
-  return st(
-    t,
-    (n) => Yt({ direction: n, type: e })
+function de(e) {
+  return e === "slide" || e === "crossfade" ? "crossfade" : "parallax";
+}
+function vn(e) {
+  const { enter: t, exit: n } = e, s = e.type, o = de(s);
+  return ht(
+    { enter: t, exit: n },
+    (i) => pe({ direction: i, type: o })
   );
 }
-const Ft = {
+const fe = {
   spring: { stiffness: 180, damping: 20, doubleSpring: !0 }
-}, Mt = {
+}, he = {
   spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
-}, Ht = (e = {}) => {
-  const t = e.physics ?? Mt, n = e.physics ?? Ft;
+}, ue = (e = {}) => {
+  const t = e.physics ?? he, n = e.physics ?? fe;
   return {
     prepare: ({ to: s }) => (s.then((o) => {
       o.style.opacity = "0", o.style.willChange = "opacity";
     }), {}),
     animation: ({ from: s, to: o }) => {
-      const a = new w({
+      const i = new b({
         element: s,
         integrator: g.from(n),
         // Default bounds (0, 1). `u` runs 1→0 as the animation moves
@@ -453,7 +673,7 @@ const Ft = {
         onComplete: () => {
           s.style.willChange = "auto";
         }
-      }), i = new w({
+      }), r = new b({
         element: o,
         integrator: g.from(t),
         style: (l) => ({ opacity: l }),
@@ -461,21 +681,22 @@ const Ft = {
           o.style.willChange = "auto", o.style.opacity = "";
         }
       });
-      return new $([a, i], { mode: "sequence" });
+      return new E([i, r], { mode: "sequence" });
     }
   };
 };
-function Ae({ paths: e }) {
-  return P(e, () => Ht());
-}
-function O(e, t) {
-  function n(a) {
-    let i = 0, l = 0;
-    const c = a.offsetWidth, r = a.offsetHeight;
-    let p = a;
+function Tn(e) {
+  const { paths: t } = e;
+  return P(t, () => ue());
+}
+function T(e, t) {
+  function n(i) {
+    let r = 0, l = 0;
+    const c = i.offsetWidth, a = i.offsetHeight;
+    let p = i;
     for (; p; )
-      i += p.offsetTop, l += p.offsetLeft, p = p.offsetParent;
-    return i -= window.scrollY, l -= window.scrollX, { top: i, left: l, width: c, height: r };
+      r += p.offsetTop, l += p.offsetLeft, p = p.offsetParent;
+    return r -= window.scrollY, l -= window.scrollX, { top: r, left: l, width: c, height: a };
   }
   const s = n(e), o = n(t);
   return new DOMRect(
@@ -485,8 +706,8 @@ function O(e, t) {
     o.height
   );
 }
-function T(e, t) {
-  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? O(n, s).top : 0;
+function _(e, t) {
+  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? T(n, s).top : 0;
   return {
     top: e[t].scroll.y,
     left: 0,
@@ -494,134 +715,134 @@ function T(e, t) {
     height: n.clientHeight - o
   };
 }
-const M = {
+const z = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
-}, D = {
+}, v = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, Ut = 0.8, zt = "white", q = 1e3 / 60, Vt = 600;
-function Xt(e) {
-  const { items: t, from: n, to: s, recordFrame: o } = e, a = q / 1e3, i = Math.abs(s - n), l = t.map((r) => ({
-    item: r,
-    integrator: new v({
-      stiffness: r.spring.stiffness,
-      damping: r.spring.damping
+}, me = 0.8, ye = "white", st = 1e3 / 60, ge = 600;
+function be(e) {
+  const { items: t, from: n, to: s, recordFrame: o } = e, i = st / 1e3, r = Math.abs(s - n), l = t.map((a) => ({
+    item: a,
+    integrator: new F({
+      stiffness: a.spring.stiffness,
+      damping: a.spring.damping
     }),
     state: { position: n, velocity: 0 },
     started: !1,
     settled: !1,
     settleTime: 0
   }));
-  for (let r = 0; r < l.length; r++)
-    (r === 0 || l[r].item.offset === 0) && (l[r].started = !0);
+  for (let a = 0; a < l.length; a++)
+    (a === 0 || l[a].item.offset === 0) && (l[a].started = !0);
   o(0);
   let c = 0;
-  for (let r = 1; r <= Vt; r++) {
-    const p = r * q;
+  for (let a = 1; a <= ge; a++) {
+    const p = a * st;
     c = p;
     for (const d of l)
-      !d.started || d.settled || (d.state = d.integrator.step(d.state, s, a), d.integrator.isSettled(d.state, s) ? (d.settleTime += a, d.settleTime >= ut && (d.state = { position: s, velocity: 0 }, d.settled = !0)) : d.settleTime = 0, d.item.tick(d.state.position));
+      !d.started || d.settled || (d.state = d.integrator.step(d.state, s, i), d.integrator.isSettled(d.state, s) ? (d.settleTime += i, d.settleTime >= Ct && (d.state = { position: s, velocity: 0 }, d.settled = !0)) : d.settleTime = 0, d.item.tick(d.state.position));
     for (let d = 1; d < l.length; d++) {
-      const h = l[d];
-      if (h.started) continue;
-      const u = l[d - 1];
-      if (!u.started) continue;
-      (i === 0 ? 1 : Math.abs(u.state.position - n) / i) >= h.item.offset && (h.started = !0);
+      const u = l[d];
+      if (u.started) continue;
+      const m = l[d - 1];
+      if (!m.started) continue;
+      (r === 0 ? 1 : Math.abs(m.state.position - n) / r) >= u.item.offset && (u.started = !0);
     }
     if (o(p), l.every((d) => d.settled)) return p;
   }
   return c;
 }
-function H(e, t) {
+function U(e, t) {
   return e != null && e.spring ? {
     stiffness: e.spring.stiffness,
     damping: e.spring.damping
   } : t;
 }
-function j(e) {
-  const { rect: t, scale: n, direction: s, override: o } = e, a = s === "out" ? { scale: 1, translateY: -t.top } : { scale: n, translateY: -t.top + t.height }, i = H(o, M.scaleDown), l = H(o, M.translate), c = H(o, M.scaleUp), r = s === "out" ? 1 : 0, p = s === "out" ? 0 : 1, d = s === "out" ? [
+function ot(e) {
+  const { rect: t, scale: n, direction: s, override: o } = e, i = s === "out" ? { scale: 1, translateY: -t.top } : { scale: n, translateY: -t.top + t.height }, r = U(o, z.scaleDown), l = U(o, z.translate), c = U(o, z.scaleUp), a = s === "out" ? 1 : 0, p = s === "out" ? 0 : 1, d = s === "out" ? [
     {
-      spring: i,
-      offset: D.scaleDown,
+      spring: r,
+      offset: v.scaleDown,
       tick: (f) => {
-        const m = 1 - f;
-        a.scale = 1 - (1 - n) * m;
+        const h = 1 - f;
+        i.scale = 1 - (1 - n) * h;
       }
     },
     {
       spring: l,
-      offset: D.translate,
+      offset: v.translate,
       tick: (f) => {
-        const m = 1 - f;
-        a.translateY = -t.top - t.height * m;
+        const h = 1 - f;
+        i.translateY = -t.top - t.height * h;
       }
     },
     {
       spring: c,
-      offset: D.scaleUp,
+      offset: v.scaleUp,
       tick: (f) => {
-        const m = 1 - f;
-        a.scale = n + (1 - n) * m;
+        const h = 1 - f;
+        i.scale = n + (1 - n) * h;
       }
     }
   ] : [
     {
-      spring: i,
-      offset: D.scaleDown,
+      spring: r,
+      offset: v.scaleDown,
       tick: (f) => {
-        a.scale = 1 - (1 - n) * f;
+        i.scale = 1 - (1 - n) * f;
       }
     },
     {
       spring: l,
-      offset: D.translate,
+      offset: v.translate,
       tick: (f) => {
-        a.translateY = -t.top + t.height * (1 - f);
+        i.translateY = -t.top + t.height * (1 - f);
       }
     },
     {
       spring: c,
-      offset: D.scaleUp,
+      offset: v.scaleUp,
       tick: (f) => {
-        a.scale = n + (1 - n) * f;
+        i.scale = n + (1 - n) * f;
       }
     }
-  ], h = [], u = Xt({
+  ], u = [], m = be({
     items: d,
-    from: r,
+    from: a,
     to: p,
-    recordFrame: (f) => h.push({
+    recordFrame: (f) => u.push({
       time: f,
-      scale: a.scale,
-      translateY: a.translateY
+      scale: i.scale,
+      translateY: i.translateY
     })
   });
-  return { snapshots: h, totalDuration: u };
+  return { snapshots: u, totalDuration: m };
 }
-function Bt(e, t) {
+function we(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 a = e[s], i = e[o], l = n - s;
+  const i = e[s], r = e[o], l = n - s;
   return {
-    time: a.time + (i.time - a.time) * l,
-    scale: a.scale + (i.scale - a.scale) * l,
-    translateY: a.translateY + (i.translateY - a.translateY) * l
+    time: i.time + (r.time - i.time) * l,
+    scale: i.scale + (r.scale - i.scale) * l,
+    translateY: i.translateY + (r.translateY - i.translateY) * l
   };
 }
-const Wt = [
+const Se = [
   [1, 1],
   [-1, 1],
   [1, -1],
   [-1, -1]
 ];
-function Nt(e, t) {
-  const o = (a, i, l) => {
+function $e(e, t) {
+  const o = (i, r, l) => {
     const c = document.createElement("div");
     Object.assign(c.style, {
       position: "fixed",
@@ -629,16 +850,16 @@ function Nt(e, t) {
       zIndex: "9999",
       width: "15px",
       height: "15px",
-      ...a
+      ...i
     });
-    const r = document.createElement("div");
-    Object.assign(r.style, {
+    const a = document.createElement("div");
+    Object.assign(a.style, {
       position: "absolute",
       width: "15px",
       height: "1px",
       backgroundColor: e,
       [l]: "0",
-      [i]: "0"
+      [r]: "0"
     });
     const p = document.createElement("div");
     return Object.assign(p.style, {
@@ -647,8 +868,8 @@ function Nt(e, t) {
       height: "15px",
       backgroundColor: e,
       [l]: "0",
-      [i]: "0"
-    }), c.appendChild(r), c.appendChild(p), c;
+      [r]: "0"
+    }), c.appendChild(a), c.appendChild(p), c;
   };
   return {
     topLeft: o(
@@ -685,11 +906,11 @@ function Nt(e, t) {
     )
   };
 }
-function G(e, t) {
+function rt(e, t) {
   const n = t.left + t.width / 2, s = t.top + t.height / 2;
   e.style.transformOrigin = `${n}px ${s}px`;
 }
-function K(e, t) {
+function it(e, t) {
   e.style.clipPath = `polygon(
     ${t.left}px ${t.top}px,
     ${t.left + t.width}px ${t.top}px,
@@ -697,229 +918,232 @@ function K(e, t) {
     ${t.left}px ${t.top + t.height}px
   )`;
 }
-function U(e, t, n, s, o) {
-  const a = n / 1e3;
-  return new w({
+function X(e, t, n, s, o) {
+  const i = n / 1e3;
+  return new b({
     element: e,
-    integrator: new $t({ durationSec: a }),
+    integrator: new At({ durationSec: i }),
     lowerBound: 0,
     upperBound: 1,
-    style: (i) => s(Bt(t, i)),
+    style: (r) => s(we(t, r)),
     onComplete: o
   });
 }
-const Zt = (e = {}) => {
+const xe = (e = {}) => {
   var o;
-  const t = ((o = e.border) == null ? void 0 : o.color) ?? zt, n = Ut, s = e.physics;
+  const t = ((o = e.border) == null ? void 0 : o.color) ?? ye, n = me, s = e.physics;
   return {
-    prepare: ({ from: a, to: i, context: l }) => {
-      const c = T(l, "from"), r = T(l, "to"), p = O(document.body, l.positionedParent), d = Nt(t, {
+    prepare: ({ from: i, to: r, context: l }) => {
+      const c = _(l, "from"), a = _(l, "to"), p = T(document.body, l.positionedParent), d = $e(t, {
         ...c,
         top: p.top
       });
-      for (const h of [
+      for (const u of [
         "topLeft",
         "topRight",
         "bottomLeft",
         "bottomRight"
       ])
-        l.positionedParent.appendChild(d[h]);
-      return a.then((h) => {
-        G(h, c), K(h, c), h.style.transform = `translateY(${-c.top}px)`;
-      }), i.then((h) => {
-        G(h, r), K(h, r), h.style.transform = `translateY(${-r.top + r.height}px) scale(${n})`;
-      }), { borders: d, fromRect: c, toRect: r };
+        l.positionedParent.appendChild(d[u]);
+      return i.then((u) => {
+        rt(u, c), it(u, c), u.style.transform = `translateY(${-c.top}px)`;
+      }), r.then((u) => {
+        rt(u, a), it(u, a), u.style.transform = `translateY(${-a.top + a.height}px) scale(${n})`;
+      }), { borders: d, fromRect: c, toRect: a };
     },
-    animation: ({ from: a, to: i, context: l, borders: c, fromRect: r, toRect: p }) => {
-      const d = j({
-        rect: r,
+    animation: ({ from: i, to: r, context: l, borders: c, fromRect: a, toRect: p }) => {
+      const d = ot({
+        rect: a,
         scale: n,
         direction: "out",
         override: s
-      }), h = j({
+      }), u = ot({
         rect: p,
         scale: n,
         direction: "in",
         override: s
-      }), u = U(
-        a,
+      }), m = X(
+        i,
         d.snapshots,
         d.totalDuration,
-        (b) => ({
-          transform: `translateY(${b.translateY}px) scale(${b.scale})`
+        (S) => ({
+          transform: `translateY(${S.translateY}px) scale(${S.scale})`
         }),
         () => {
-          a.style.clipPath = "", a.style.transformOrigin = "";
+          i.style.clipPath = "", i.style.transformOrigin = "";
         }
-      ), f = U(
-        i,
-        h.snapshots,
-        h.totalDuration,
-        (b) => ({
-          transform: `translateY(${b.translateY}px) scale(${b.scale})`
+      ), f = X(
+        r,
+        u.snapshots,
+        u.totalDuration,
+        (S) => ({
+          transform: `translateY(${S.translateY}px) scale(${S.scale})`
         }),
         () => {
-          i.style.clipPath = "", i.style.transformOrigin = "", i.style.transform = "";
+          r.style.clipPath = "", r.style.transformOrigin = "", r.style.transform = "";
         }
-      ), m = Wt.map(([b, C], E) => {
-        const L = ["topLeft", "topRight", "bottomLeft", "bottomRight"][E];
-        return U(
-          c[L],
+      ), h = Se.map(([S, x], C) => {
+        const Y = ["topLeft", "topRight", "bottomLeft", "bottomRight"][C];
+        return X(
+          c[Y],
           d.snapshots,
           d.totalDuration,
           (A) => {
-            const Y = (r.width - r.width * A.scale) / 2 * 0.7 * b, F = (r.height - r.height * A.scale) / 2 * 0.7 * C;
-            return { transform: `translate(${Y}px, ${F}px)` };
+            const H = (a.width - a.width * A.scale) / 2 * 0.7 * S, M = (a.height - a.height * A.scale) / 2 * 0.7 * x;
+            return { transform: `translate(${H}px, ${M}px)` };
           }
         );
-      }), y = new $([u, f, ...m], {
+      }), y = new E([m, f, ...h], {
         mode: "parallel"
-      }), x = y.onComplete;
+      }), w = y.onComplete;
       return y.onComplete = () => {
-        x == null || x();
-        const b = l.positionedParent;
-        for (const C of [
+        w == null || w();
+        const S = l.positionedParent;
+        for (const x of [
           "topLeft",
           "topRight",
           "bottomLeft",
           "bottomRight"
         ]) {
-          const E = c[C];
-          E.parentElement === b && b.removeChild(E);
+          const C = c[x];
+          C.parentElement === S && S.removeChild(C);
         }
       }, y;
     }
   };
 };
-function _e({ paths: e }) {
-  return P(e, () => Zt());
+function Dn(e) {
+  const { paths: t, options: n } = e, s = (n == null ? void 0 : n.borderColor) !== void 0 ? { border: { color: n.borderColor } } : void 0;
+  return P(t, () => xe(s));
 }
-const qt = {
+const Ee = {
   spring: { stiffness: 300, damping: 30 }
 };
-function jt(e, t) {
+function Ce(e, t) {
   return e.querySelector(`[data-hero-key="${t}"]`);
 }
-const Gt = (e = {}) => {
-  const t = e.physics ?? qt, n = e.maxDistance ?? 700;
+const Pe = (e = {}) => {
+  const t = e.physics ?? Ee, n = e.maxDistance ?? 700;
   return {
     prepare: ({ from: s }) => (s.then((o) => {
       o.style.opacity = "0";
     }), {}),
-    animation: ({ from: s, to: o, context: a }) => {
-      const i = s, l = o, c = Array.from(
+    animation: ({ from: s, to: o, context: i }) => {
+      const r = s, l = o, c = Array.from(
         l.querySelectorAll("[data-hero-key]")
-      ), r = [];
+      ), a = [];
       for (const f of c) {
-        const m = f.getAttribute("data-hero-key");
-        if (!m) continue;
-        const y = jt(i, m);
-        y && r.push({ key: m, fromEl: y, toEl: f });
+        const h = f.getAttribute("data-hero-key");
+        if (!h) continue;
+        const y = Ce(r, h);
+        y && a.push({ key: h, fromEl: y, toEl: f });
       }
-      if (r.length === 0)
-        return new $([], { mode: "parallel" });
+      if (a.length === 0)
+        return new E([], { mode: "parallel" });
       const p = [], d = [];
-      for (const { fromEl: f, toEl: m } of r) {
-        const y = O(i, f), x = O(l, m), b = y.left - x.left - a.scrollOffset.x, C = y.top - x.top - a.scrollOffset.y, E = y.width / x.width, L = y.height / x.height;
-        if (Math.abs(C) > n) continue;
-        const A = m.style.transform, Y = m.style.position, F = m.style.transformOrigin, at = m.style.zIndex, lt = m.style.willChange;
-        m.style.position = "relative", m.style.transformOrigin = "top left", m.style.zIndex = "1000", m.style.willChange = "transform", p.push(
-          new w({
-            element: m,
+      for (const { fromEl: f, toEl: h } of a) {
+        const y = T(r, f), w = T(l, h), S = y.left - w.left - i.scrollOffset.x, x = y.top - w.top - i.scrollOffset.y, C = y.width / w.width, Y = y.height / w.height;
+        if (Math.abs(x) > n) continue;
+        const A = h.style.transform, H = h.style.position, M = h.style.transformOrigin, yt = h.style.zIndex, gt = h.style.willChange;
+        h.style.position = "relative", h.style.transformOrigin = "top left", h.style.zIndex = "1000", h.style.willChange = "transform", p.push(
+          new b({
+            element: h,
             integrator: g.from(t),
-            style: (W, _) => {
-              const ct = _ * b, pt = _ * C, dt = W + _ * E, ft = W + _ * L;
+            style: (j, I) => {
+              const bt = I * S, wt = I * x, St = j + I * C, $t = j + I * Y;
               return {
-                transform: `translate(${ct}px, ${pt}px) scale(${dt}, ${ft})`
+                transform: `translate(${bt}px, ${wt}px) scale(${St}, ${$t})`
               };
             }
           })
         ), d.push(() => {
-          m.style.transform = A, m.style.position = Y, m.style.transformOrigin = F, m.style.zIndex = at, m.style.willChange = lt;
+          h.style.transform = A, h.style.position = H, h.style.transformOrigin = M, h.style.zIndex = yt, h.style.willChange = gt;
         });
       }
-      const h = new $(p, {
+      const u = new E(p, {
         mode: "parallel"
-      }), u = h.onComplete;
-      return h.onComplete = () => {
+      }), m = u.onComplete;
+      return u.onComplete = () => {
         for (const f of d) f();
-        u == null || u();
-      }, h;
+        m == null || m();
+      }, u;
     }
   };
 };
-function ke({ paths: e }) {
-  return P(e, () => Gt());
+function _n(e) {
+  const { paths: t } = e;
+  return P(t, () => Pe());
 }
-const Kt = {
+const ve = {
   spring: { stiffness: 50, damping: 30 }
-}, Jt = {
+}, Te = {
   spring: { stiffness: 80, damping: 25 }
-}, Qt = (e = {}) => {
-  const t = e.physics ?? Kt, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
+}, De = (e = {}) => {
+  const t = e.physics ?? ve, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
   return {
-    prepare: ({ from: a, to: i, context: l }) => (a.then((c) => {
+    prepare: ({ from: i, to: r, context: l }) => (i.then((c) => {
       c.style.opacity = "1";
-    }), i.then((c) => {
-      const r = T(l, "to"), p = Math.min(r.width, r.height) * 0.4;
+    }), r.then((c) => {
+      const a = _(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 d = r.left + r.width / 2, h = r.top + r.height / 2;
-      c.style.transformOrigin = `${d}px ${h}px`, c.style.position = "fixed", c.style.top = `${r.top}px`, c.style.left = `${r.left}px`, c.style.width = `${r.width}px`, c.style.height = `${r.height}px`, c.style.zIndex = "1000", c.style.overflow = "hidden", c.style.transform = `rotate(${n}deg) scale(${s}) translateZ(0)`, c.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", c.style.opacity = "1";
+      const d = a.left + a.width / 2, u = a.top + a.height / 2;
+      c.style.transformOrigin = `${d}px ${u}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: a, to: i }) => {
-      const l = new w({
-        element: a,
-        integrator: g.from(Jt),
-        style: (r, p) => ({ opacity: p })
-      }), c = new w({
+    animation: ({ from: i, to: r }) => {
+      const l = new b({
         element: i,
+        integrator: g.from(Te),
+        style: (a, p) => ({ opacity: p })
+      }), c = new b({
+        element: r,
         integrator: g.from(t),
-        style: (r) => {
+        style: (a) => {
           let p;
-          if (r <= 0.05)
+          if (a <= 0.05)
             p = s;
-          else if (r <= o) {
-            const f = (r - 0.05) / (o - 0.05), m = Math.pow(f, 9);
-            p = s + (0.8 - s) * m;
+          else if (a <= o) {
+            const f = (a - 0.05) / (o - 0.05), h = Math.pow(f, 9);
+            p = s + (0.8 - s) * h;
           } else {
-            const f = (r - o) / (1 - o);
+            const f = (a - o) / (1 - o);
             p = 0.8 + 0.2 * (1 - Math.pow(1 - f, 3));
           }
           const d = 0.7;
-          let h;
-          if (r <= d)
-            h = n;
+          let u;
+          if (a <= d)
+            u = n;
           else {
-            const f = (r - d) / (1 - d), m = 1 - Math.pow(1 - f, 2);
-            h = n * (1 - m);
+            const f = (a - d) / (1 - d), h = 1 - Math.pow(1 - f, 2);
+            u = n * (1 - h);
           }
-          let u;
-          if (r <= d)
-            u = 1;
+          let m;
+          if (a <= d)
+            m = 1;
           else {
-            const f = (r - d) / (1 - d);
-            u = 1 - Math.pow(f, 0.5);
+            const f = (a - d) / (1 - d);
+            m = 1 - Math.pow(f, 0.5);
           }
           return {
-            transform: `rotate(${h.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
-            "--border-radius-scale": u.toFixed(4)
+            transform: `rotate(${u.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
+            "--border-radius-scale": m.toFixed(4)
           };
         },
         onComplete: () => {
-          i.style.willChange = "", i.style.backfaceVisibility = "", i.style.removeProperty("--max-border-radius"), i.style.removeProperty("--border-radius-scale"), i.style.transform = "", i.style.transformOrigin = "", i.style.position = "", i.style.zIndex = "", i.style.top = "", i.style.left = "", i.style.width = "", i.style.height = "", i.style.overflow = "", i.style.borderRadius = "";
+          r.style.willChange = "", r.style.backfaceVisibility = "", r.style.removeProperty("--max-border-radius"), r.style.removeProperty("--border-radius-scale"), r.style.transform = "", r.style.transformOrigin = "", r.style.position = "", r.style.zIndex = "", r.style.top = "", r.style.left = "", r.style.width = "", r.style.height = "", r.style.overflow = "", r.style.borderRadius = "";
         }
       });
-      return new $([l, c], { mode: "parallel" });
+      return new E([l, c], { mode: "parallel" });
     }
   };
 };
-function ve({ paths: e }) {
-  return P(e, () => Qt());
+function An(e) {
+  const { paths: t } = e;
+  return P(t, () => De());
 }
-const Rt = {
+const _e = {
   spring: { stiffness: 100, damping: 30 }
-}, te = (e = {}) => {
-  const t = e.physics ?? Rt;
+}, Ae = (e = {}) => {
+  const t = e.physics ?? _e;
   return {
     prepare: ({ from: n, to: s }) => (n.then((o) => {
       o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
@@ -927,33 +1151,34 @@ const Rt = {
       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 w({
+      const o = new b({
         element: n,
         integrator: g.from(t),
-        style: (i) => ({
-          transform: `rotate(${i * 180}deg)`,
-          opacity: i < 0.5 ? 1 : 0
+        style: (r) => ({
+          transform: `rotate(${r * 180}deg)`,
+          opacity: r < 0.5 ? 1 : 0
         })
-      }), a = new w({
+      }), i = new b({
         element: s,
         integrator: g.from(t),
         // u runs 1→0, so -u*180 unwinds -180→0.
-        style: (i, l) => ({
+        style: (r, l) => ({
           transform: `rotate(${-l * 180}deg)`,
-          opacity: i > 0.5 ? 1 : 0
+          opacity: r > 0.5 ? 1 : 0
         }),
         onComplete: () => {
           s.style.willChange = "auto", s.style.transform = "", s.style.transformOrigin = "", s.style.opacity = "";
         }
       });
-      return new $([o, a], { mode: "parallel" });
+      return new E([o, i], { mode: "parallel" });
     }
   };
 };
-function Le({ paths: e }) {
-  return P(e, () => te());
+function In(e) {
+  const { paths: t } = e;
+  return P(t, () => Ae());
 }
-const ee = {
+const Ie = {
   spring: {
     stiffness: 20,
     damping: 8,
@@ -961,76 +1186,73 @@ const ee = {
     restDelta: 1e-3,
     restSpeed: 1e-3
   }
-}, J = (e = {}) => {
-  const t = e.direction ?? "up", n = e.physics ?? ee, s = t === "up";
+}, at = (e = {}) => {
+  const t = e.direction ?? "up", n = e.physics ?? Ie, s = t === "up";
   return {
-    prepare: ({ from: o, to: a }) => (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";
-    }), a.then((i) => {
-      i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
+    prepare: ({ from: o, to: i }) => (o.then((r) => {
+      r.style.zIndex = s ? "-1" : "1", r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
+    }), i.then((r) => {
+      r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint";
     }), {}),
-    animation: ({ from: o, to: a }) => {
-      const i = o.offsetHeight, l = a.offsetHeight, c = window.innerHeight, r = Math.max(Math.min(i, l), c), p = new w({
+    animation: ({ from: o, to: i }) => {
+      const r = o.offsetHeight, l = i.offsetHeight, c = window.innerHeight, a = Math.max(Math.min(r, l), c), p = new b({
         element: o,
         integrator: g.from(n),
-        style: (h) => ({ transform: `translate3d(0, ${s ? -r * h : r * h}px, 0)` })
-      }), d = new w({
-        element: a,
+        style: (u) => ({ transform: `translate3d(0, ${s ? -a * u : a * u}px, 0)` })
+      }), d = new b({
+        element: i,
         integrator: g.from(n),
-        style: (h, u) => ({ transform: `translate3d(0, ${s ? u * r : u * -r}px, 0)` }),
+        style: (u, m) => ({ transform: `translate3d(0, ${s ? m * a : m * -a}px, 0)` }),
         onComplete: () => {
-          a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "";
+          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
         }
       });
-      return new $([p, d], { mode: "parallel" });
+      return new E([p, d], { mode: "parallel" });
     }
   };
 };
-function Ye({
-  paths: e,
-  type: t = "directional",
-  direction: n = "up"
-}) {
-  return t === "non-directional" ? P(
-    e,
-    () => J({ direction: n })
-  ) : ot(
-    e,
+function On(e) {
+  const { paths: t, type: n = "directional" } = e;
+  return n === "non-directional" ? P(
+    t,
+    () => at({ direction: "up" })
+  ) : q(
+    t,
     { forward: "up", backward: "down" },
-    (s) => J({ direction: s })
+    (s) => at({ direction: s })
   );
 }
-const ne = {
+const Oe = {
   spring: { stiffness: 200, damping: 24 }
-}, se = {
+}, ke = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, z = 0.2;
-function oe() {
+}, V = 0.2;
+function Le() {
   return {
-    enterPhysics: ne,
-    exitPhysics: se,
+    enterPhysics: Oe,
+    exitPhysics: ke,
     background: {
       willChange: "transform, opacity",
       enterStyle: (e, t) => ({
-        transform: `scale(${1 - z * e})`,
+        transform: `scale(${1 - V * e})`,
         opacity: t
       }),
       exitStyle: (e) => ({
-        transform: `scale(${1 - z + z * e})`,
+        transform: `scale(${1 - V + V * e})`,
         opacity: e
       })
     }
   };
 }
-const ie = {
-  spring: { stiffness: 200, damping: 24 }
-}, re = {
-  inertia: { acceleration: 25, resistance: 1.2 }
+const Fe = {
+  spring: { stiffness: 300, damping: 30 }
+}, Ye = {
+  inertia: { acceleration: 70, resistance: 1.2 }
 };
-function ae() {
+function He() {
   return {
-    enterPhysics: ie,
-    exitPhysics: re,
+    enterPhysics: Fe,
+    exitPhysics: Ye,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -1038,333 +1260,548 @@ function ae() {
     }
   };
 }
-const le = {
-  static: ae(),
-  "background-scale": oe()
-}, ce = "static", pe = "transform", de = (e = {}) => {
-  const t = e.direction ?? "enter", n = le[e.type ?? ce], s = t === "enter" ? n.enterPhysics : n.exitPhysics, o = n.background, a = o.willChange !== "";
+const Me = {
+  static: He(),
+  "background-scale": Le()
+}, ze = "static", Ue = "transform", Xe = (e = {}) => {
+  const t = e.direction ?? "enter", n = Me[e.type ?? ze], s = t === "enter" ? n.enterPhysics : n.exitPhysics, o = n.background, i = o.willChange !== "";
   return {
-    prepare: ({ from: i, to: l }) => {
-      const c = t === "enter" ? l : i, r = t === "enter" ? i : l;
+    prepare: ({ from: r, to: l }) => {
+      const c = t === "enter" ? l : r, a = t === "enter" ? r : l;
       return c.then((p) => {
-        p.style.willChange = pe, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", t === "exit" && (p.style.pointerEvents = "none", p.style.zIndex = "100");
-      }), r.then((p) => {
-        a && (p.style.willChange = o.willChange, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint"), t === "enter" && (p.style.pointerEvents = "none", p.style.zIndex = "-1");
+        p.style.willChange = Ue, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", t === "exit" && (p.style.pointerEvents = "none", p.style.zIndex = "100");
+      }), a.then((p) => {
+        i && (p.style.willChange = o.willChange, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint"), t === "enter" && (p.style.pointerEvents = "none", p.style.zIndex = "-1");
       }), {};
     },
-    animation: ({ from: i, to: l, context: c }) => {
-      const r = t === "enter" ? l : i, p = t === "enter" ? i : l, d = T(
+    animation: ({ from: r, to: l, context: c }) => {
+      const a = t === "enter" ? l : r, p = t === "enter" ? r : l, d = _(
         c,
         t === "enter" ? "to" : "from"
       );
-      r.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`;
-      const h = t === "enter" ? (C, E) => ({
-        transform: `translate3d(0, ${E * d.height}px, 0)`
-      }) : (C) => ({
+      a.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`;
+      const u = t === "enter" ? (x, C) => ({
         transform: `translate3d(0, ${C * d.height}px, 0)`
-      }), u = new w({
-        element: r,
+      }) : (x) => ({
+        transform: `translate3d(0, ${x * d.height}px, 0)`
+      }), m = new b({
+        element: a,
         integrator: g.from(s),
-        style: h,
+        style: u,
         onComplete: () => {
-          r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.clipPath = "", r.style.transform = "";
+          a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.clipPath = "", a.style.transform = "";
         }
       });
-      if (!a)
-        return new $([u], { mode: "parallel" });
-      const f = T(
+      if (!i)
+        return new E([m], { mode: "parallel" });
+      const f = _(
         c,
         t === "enter" ? "from" : "to"
-      ), m = f.left + f.width / 2, y = f.top + f.height / 2;
-      p.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`, p.style.transformOrigin = `${m}px ${y}px`;
-      const x = t === "enter" ? (C, E) => o.enterStyle(C, E) : (C) => o.exitStyle(C), b = new w({
+      ), h = f.left + f.width / 2, y = f.top + f.height / 2;
+      p.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`, p.style.transformOrigin = `${h}px ${y}px`;
+      const w = t === "enter" ? (x, C) => o.enterStyle(x, C) : (x) => o.exitStyle(x), S = new b({
         element: p,
         integrator: g.from(s),
-        style: x,
+        style: w,
         onComplete: t === "exit" ? () => {
           p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.clipPath = "", p.style.transformOrigin = "";
         } : void 0
       });
-      return new $([u, b], { mode: "parallel" });
+      return new E([m, S], { mode: "parallel" });
     }
   };
 };
-function Fe({ type: e, ...t }) {
-  return st(
-    t,
-    (n) => de({ direction: n, type: e })
+function Ve(e) {
+  return e === "scale" || e === "background-scale" ? "background-scale" : "static";
+}
+function kn(e) {
+  const { enter: t, exit: n } = e, s = e.type, o = Ve(s);
+  return ht(
+    { enter: t, exit: n },
+    (i) => Xe({ direction: i, type: o })
   );
 }
-const fe = {
+const Be = {
   spring: { stiffness: 170, damping: 22, doubleSpring: 0.8 }
-}, he = (e = {}) => {
-  const t = e.direction ?? "left", n = e.physics ?? fe, s = t === "left";
+}, Ne = (e = {}) => {
+  const t = e.direction ?? "left", n = e.physics ?? Be, s = t === "left";
   return {
-    prepare: ({ from: o, to: a }) => (o.then((i) => {
-      i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none";
-    }), a.then((i) => {
+    prepare: ({ from: o, to: i }) => (o.then((r) => {
+      r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
+    }), i.then((r) => {
       const l = s ? 100 : -100;
-      i.style.transform = `translate3d(${l}%, 0, 0)`, i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
+      r.style.transform = `translate3d(${l}%, 0, 0)`, r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint";
     }), {}),
-    animation: ({ from: o, to: a }) => {
-      const i = new w({
+    animation: ({ from: o, to: i }) => {
+      const r = new b({
         element: o,
         integrator: g.from(n),
         style: (c) => ({ transform: `translate3d(${s ? -100 * c : 100 * c}%, 0, 0)` })
-      }), l = new w({
-        element: a,
+      }), l = new b({
+        element: i,
         integrator: g.from(n),
-        style: (c, r) => ({ transform: `translate3d(${s ? r * 100 : r * -100}%, 0, 0)` }),
+        style: (c, a) => ({ transform: `translate3d(${s ? a * 100 : a * -100}%, 0, 0)` }),
         onComplete: () => {
-          a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "";
+          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
         }
       });
-      return new $([i, l], { mode: "parallel" });
+      return new E([r, l], { mode: "parallel" });
     }
   };
 };
-function Me({ paths: e }) {
-  return ot(
-    e,
+function Ln(e) {
+  const { paths: t } = e;
+  return q(
+    t,
     { forward: "left", backward: "right" },
-    (t) => he({ direction: t })
+    (n) => Ne({ direction: n })
   );
 }
-const me = {
+const We = {
   spring: { stiffness: 17, damping: 6 }
-}, V = 20, k = 800, ue = (e = {}) => {
-  const t = e.physics ?? me;
+}, B = 20, L = 800, Ze = (e = {}) => {
+  const t = e.physics ?? We;
   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(${k}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(${L}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(${k}px) rotateY(${V}deg) translate3d(-100%, 0, 0)`;
+      o.style.willChange = "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.transform = `perspective(${L}px) rotateY(${B}deg) translate3d(-100%, 0, 0)`;
     }), {}),
     animation: ({ from: n, to: s }) => {
-      const o = new w({
+      const o = new b({
         element: n,
         integrator: g.from(t),
-        style: (i) => {
-          const l = -i * V, c = i * 100;
+        style: (r) => {
+          const l = -r * B, c = r * 100;
           return {
-            transform: `perspective(${k}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
+            transform: `perspective(${L}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
           };
         }
-      }), a = new w({
+      }), i = new b({
         element: s,
         integrator: g.from(t),
-        style: (i, l) => {
-          const c = l * V, r = -l * 100;
+        style: (r, l) => {
+          const c = l * B, a = -l * 100;
           return {
-            transform: `perspective(${k}px) rotateY(${c}deg) translate3d(${r}%, 0, 0)`
+            transform: `perspective(${L}px) rotateY(${c}deg) translate3d(${a}%, 0, 0)`
           };
         },
         onComplete: () => {
           s.style.transform = "", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
         }
       });
-      return new $([o, a], { mode: "sequence" });
+      return new E([o, i], { mode: "sequence" });
     }
   };
 };
-function He({ paths: e }) {
-  return P(e, () => ue());
+function Fn(e) {
+  const { paths: t } = e;
+  return P(t, () => Ze());
 }
-function it({
+function qe({
   enterRect: e,
   exitRect: t,
   pageRect: n,
-  scrollOffset: s
+  scrollOffset: s,
+  enterRadius: o,
+  exitRadius: i
 }) {
-  const o = t.left - e.left + (t.width - e.width) / 2 - s.x, a = t.top - e.top + (t.height - e.height) / 2 - s.y, i = t.width / e.width, l = t.height / e.height, c = Math.max(i, l), r = 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, h = e.left / n.width * 100;
+  const r = t.left - e.left + (t.width - e.width) / 2 - s.x, l = t.top - e.top + (t.height - e.height) / 2 - s.y, c = t.width / e.width, a = t.height / e.height, p = e.top / n.height * 100, d = (n.width - (e.left + e.width)) / n.width * 100, u = (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: (u) => {
-      const f = 1 - u;
+    animate: (f) => {
+      const h = 1 - f, y = 1 + (c - 1) * h, w = 1 + (a - 1) * h, x = (i * h + o * (1 - h)) / ((y + w) / 2);
       return {
-        clipPath: `inset(${r * f}% ${p * f}% ${d * f}% ${h * f}%)`,
-        transform: `translate(${o * f}px, ${a * f}px) scale(${1 + (c - 1) * f})`
+        clipPath: `inset(${p * h}% ${d * h}% ${u * h}% ${m * h}% round ${x}px)`,
+        transform: `translate(${r * h}px, ${l * h}px) scale(${y}, ${w})`
       };
     }
   };
 }
-function rt({
+function je({
   enterRect: e,
   exitRect: t,
   pageRect: n,
-  scrollOffset: s
+  scrollOffset: s,
+  enterRadius: o,
+  exitRadius: i
 }) {
-  const o = t.left - e.left + (t.width - e.width) / 2 + s.x, a = t.top - e.top + (t.height - e.height) / 2 + s.y, i = t.width / e.width, l = t.height / e.height, c = Math.min(i, l), r = 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, h = e.left / n.width * 100;
+  const r = t.left - e.left + (t.width - e.width) / 2 + s.x, l = t.top - e.top + (t.height - e.height) / 2 + s.y, c = t.width / e.width, a = t.height / e.height, p = e.top / n.height * 100, d = (n.width - (e.left + e.width)) / n.width * 100, u = (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: (u) => {
-      const f = 1 - u;
+    animate: (f) => {
+      const h = 1 - f, y = 1 + (c - 1) * h, w = 1 + (a - 1) * h, x = (o * (1 - h) + i * h) / ((y + w) / 2);
+      return {
+        clipPath: `inset(${p * h}% ${d * h}% ${u * h}% ${m * h}% round ${x}px)`,
+        transform: `translate(${r * h - s.x}px, ${l * h}px) scale(${y}, ${w})`
+      };
+    }
+  };
+}
+const Ge = {
+  spring: { stiffness: 200, damping: 24 }
+}, ut = 0.12, Ke = 18;
+function Je() {
+  return {
+    transformOrigin: "50% 50%",
+    animate: (e) => {
+      const t = 1 - e;
+      return {
+        transform: `scale(${1 - ut * t})`
+      };
+    }
+  };
+}
+function Qe() {
+  return {
+    transformOrigin: "50% 50%",
+    animate: (e) => {
+      const t = 1 - e;
       return {
-        clipPath: `inset(${r * f}% ${p * f}% ${d * f}% ${h * f}%)`,
-        transform: `translate(${o * f - s.x}px, ${a * f}px) scale(${1 + (c - 1) * f})`
+        transform: `scale(${1 - ut * t})`
       };
     }
   };
 }
-const ye = {
+const N = {
+  willChange: "backdrop-filter",
+  initialStyle: {
+    position: "absolute",
+    inset: "0",
+    pointerEvents: "none",
+    // Sits above the background page but below the zoomed page (z-index 9999
+    // in transition.ts). backdrop-filter therefore blurs the background,
+    // while the zoom tile stays sharp as it expands on top.
+    zIndex: "5000",
+    backdropFilter: "blur(0px)",
+    WebkitBackdropFilter: "blur(0px)"
+  },
+  style: (e, t) => {
+    const n = e === "enter" ? t : 1 - t, s = `blur(${Ke * n}px)`;
+    return {
+      backdropFilter: s,
+      WebkitBackdropFilter: s
+    };
+  }
+};
+class Re {
+  constructor() {
+    $(this, "physics", Ge);
+  }
+  contribute(t) {
+    const { from: n, to: s, resolved: o, physics: i } = t, r = o.mode === "enter", l = r ? n : s, c = r ? Je() : Qe();
+    return c && (l.style.transformOrigin = c.transformOrigin), [
+      new b({
+        element: l,
+        integrator: g.from(i),
+        style: r ? (a, p) => c.animate(p) : (a) => c.animate(a)
+      })
+    ];
+  }
+}
+class tn {
+  prepare(t) {
+    const n = t.createElement("zoom-overlay");
+    return Object.assign(n.style, N.initialStyle), n.style.willChange = N.willChange, t.context.positionedParent.appendChild(n), { overlay: n };
+  }
+  contribute(t) {
+    const n = t.extras.overlay;
+    return n ? [
+      new b({
+        element: n,
+        integrator: g.from(t.physics),
+        style: (s) => N.style(t.resolved.mode, s)
+      })
+    ] : [];
+  }
+}
+const en = {
   spring: { stiffness: 340, damping: 30, doubleSpring: 1 }
 };
-function ge({
+function nn({
   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, a = e.width / t.width, i = e.height / t.height, l = Math.max(a, i);
+  const s = e.left - t.left + (e.width - t.width) / 2 + n.x, o = e.top - t.top + (e.height - t.height) / 2 + n.y, i = e.width / t.width, r = e.height / t.height, l = Math.max(i, r);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (c) => {
-      const r = 1 - c;
+      const a = 1 - c;
       return {
-        transform: `translate(${s * r - n.x}px, ${o * r}px) scale(${1 + (l - 1) * r})`,
-        opacity: `${1 - r}`
+        transform: `translate(${s * a - n.x}px, ${o * a}px) scale(${1 + (l - 1) * a})`,
+        opacity: `${1 - a}`
       };
     }
   };
 }
-function we({
+function sn({
   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, a = e.width / t.width, i = e.height / t.height, l = Math.max(a, i);
+  const s = e.left - t.left + (e.width - t.width) / 2 - n.x, o = e.top - t.top + (e.height - t.height) / 2 - n.y, i = e.width / t.width, r = e.height / t.height, l = Math.max(i, r);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (c) => {
-      const r = 1 - c;
+      const a = 1 - c;
       return {
-        transform: `translate(${s * r}px, ${o * r}px) scale(${1 + (l - 1) * r})`,
+        transform: `translate(${s * a}px, ${o * a}px) scale(${1 + (l - 1) * a})`,
         opacity: `${c}`
       };
     }
   };
 }
-function be() {
-  return {
-    physics: ye,
-    in: it,
-    out: rt,
-    backgroundIn: we,
-    backgroundOut: ge
-  };
+class on {
+  constructor() {
+    $(this, "physics", en);
+  }
+  contribute(t) {
+    const { from: n, to: s, resolved: o, input: i, physics: r } = t, l = o.mode === "enter", c = l ? n : s, a = l ? nn(i) : sn(i);
+    return a && (c.style.transformOrigin = a.transformOrigin), [
+      new b({
+        element: c,
+        integrator: g.from(r),
+        style: l ? (p, d) => a.animate(d) : (p) => a.animate(p)
+      })
+    ];
+  }
 }
-const Se = {
+const rn = {
   spring: { stiffness: 420, damping: 34 }
 };
-function Q() {
-  return {
-    transformOrigin: "",
-    animate: () => ({})
-  };
+class an {
+  constructor() {
+    $(this, "physics", rn);
+  }
+  contribute(t) {
+    return [];
+  }
 }
-function $e() {
-  return {
-    physics: Se,
-    in: it,
-    out: rt,
-    backgroundIn: () => Q(),
-    backgroundOut: () => Q()
-  };
+const ln = {
+  expand: () => new on(),
+  static: () => new an(),
+  blur: () => new Re()
+};
+function cn(e) {
+  return ln[e]();
+}
+const W = "data-zoom-enter-key", lt = "data-zoom-exit-key", pn = "data-zoom-radius";
+function ct(e) {
+  const t = e.getAttribute(pn);
+  if (!t) return 0;
+  const n = parseFloat(t);
+  return Number.isFinite(n) && n > 0 ? n : 0;
 }
-const xe = {
-  expand: be(),
-  static: $e()
-}, X = "data-zoom-enter-key", R = "data-zoom-exit-key";
-function tt(e) {
-  const t = e.querySelectorAll(`[${X}]`);
+function dn(e, t) {
+  const n = [];
+  let s = t;
+  for (; s && s !== e; ) {
+    const o = s.parentElement;
+    if (!o) break;
+    for (const i of Array.from(o.children))
+      i !== s && i instanceof HTMLElement && n.push(i);
+    s = o;
+  }
+  return n;
+}
+function pt(e) {
+  const t = e.querySelectorAll(`[${W}]`);
   return t.length !== 1 ? null : t[0];
 }
-function et(e, t) {
-  const n = e.querySelectorAll(`[${R}]`);
+function dt(e, t) {
+  const n = e.querySelectorAll(`[${lt}]`);
   for (const s of n)
-    if (s.getAttribute(R) === t)
+    if (s.getAttribute(lt) === t)
       return s;
   return null;
 }
-function Ce(e, t) {
-  const n = tt(e), s = tt(t);
+function fn(e, t) {
+  const n = pt(e), s = pt(t);
   if (!n && s) {
-    const o = s.getAttribute(X);
+    const o = s.getAttribute(W);
     if (!o) return null;
-    const a = et(e, o);
-    return a ? { mode: "enter", enterEl: s, exitEl: a } : null;
+    const i = dt(e, o);
+    return i ? { mode: "enter", enterEl: s, exitEl: i } : null;
   }
   if (n && !s) {
-    const o = n.getAttribute(X);
+    const o = n.getAttribute(W);
     if (!o) return null;
-    const a = et(t, o);
-    return a ? { mode: "exit", enterEl: n, exitEl: a } : null;
+    const i = dt(t, o);
+    return i ? { mode: "exit", enterEl: n, exitEl: i } : null;
   }
   return null;
 }
-function Ee(e, t, n, s) {
+function hn(e, t, n, s) {
   return {
-    enterRect: O(
+    enterRect: T(
       e.mode === "enter" ? n : t,
       e.enterEl
     ),
-    exitRect: O(
+    exitRect: T(
       e.mode === "enter" ? t : n,
       e.exitEl
     ),
     pageRect: e.mode === "enter" ? n.getBoundingClientRect() : t.getBoundingClientRect(),
-    scrollOffset: s
+    scrollOffset: s,
+    enterRadius: ct(e.enterEl),
+    exitRadius: ct(e.exitEl)
   };
 }
-const Pe = (e) => {
-  const t = xe[e.type], n = t.physics;
+class un {
+  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: r, onComplete: l } = t, c = o.mode === "enter", a = c ? qe(i) : je(i), p = c ? s : n, d = c ? "t" : "u";
+    a && (p.style.transformOrigin = a.transformOrigin);
+    const u = p.style.zIndex;
+    return p.style.zIndex = "9999", l(() => {
+      p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", p.style.zIndex = u;
+    }), [
+      new b({
+        element: p,
+        integrator: g.from(r),
+        // Enter: tile expands as `t` (0 → 1). Exit: tile shrinks as `u` —
+        // the legacy convention from v5's outAnim path. Either way, feed
+        // the progress that matches the tileConfig's authored direction.
+        style: d === "t" ? (m) => a.animate(m) : (m, f) => a.animate(f)
+      })
+    ];
+  }
+}
+class mn {
+  contribute(t) {
+    const { resolved: n, physics: s, from: o, to: i, onComplete: r } = t, l = n.mode === "enter" ? i : o, c = dn(l, n.enterEl);
+    if (c.length === 0) return [];
+    const a = c.map((p) => p.style.opacity);
+    if (n.mode === "enter")
+      for (const p of c) p.style.opacity = "0";
+    return r(() => {
+      for (let p = 0; p < c.length; p++) {
+        const d = c[p];
+        d && (d.style.opacity = a[p] ?? "");
+      }
+    }), c.map(
+      (p) => new b({
+        element: p,
+        integrator: g.from(s),
+        style: (d, u) => ({
+          opacity: n.mode === "enter" ? d : u
+        })
+      })
+    );
+  }
+}
+class mt {
+  contribute() {
+    return [];
+  }
+}
+const yn = {
+  default: () => new mt(),
+  fade: () => new mn()
+};
+function gn(e) {
+  return yn[e]();
+}
+class bn extends mt {
+}
+function wn(e) {
+  const t = cn(e.type);
+  return { strategies: [
+    new un(),
+    t,
+    gn(e.variant),
+    new bn(),
+    // 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 tn()] : []
+  ], physics: t.physics };
+}
+const Sn = (e) => {
+  const { strategies: t, physics: n } = wn(e);
   return {
-    prepare: ({ from: s }) => (s.then((o) => {
-      o.style.willChange = "transform, clip-path, opacity", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint";
-    }), {}),
-    animation: ({ from: s, to: o, context: a }) => {
-      const i = Ce(s, o);
-      if (!i)
-        return new $([], { mode: "parallel" });
-      const l = Ee(i, s, o, a.scrollOffset), c = i.mode === "enter" ? t.in(l) : t.backgroundIn(l), r = i.mode === "enter" ? t.backgroundOut(l) : t.out(l);
-      c && (o.style.transformOrigin = c.transformOrigin), r && (s.style.transformOrigin = r.transformOrigin);
-      const p = i.mode === "enter" ? o : s, d = p.style.zIndex;
-      p.style.zIndex = "9999";
-      const h = new w({
-        element: s,
-        integrator: g.from(n),
-        // The provider's `animate` was authored against legacy convention
-        // where OUT runs `progress: 1 → 0`. Our `u` mirrors that, so feeding
-        // `u` keeps the visual direction (full page → shrunk to tile) intact.
-        style: (f, m) => r.animate(m)
-      }), u = new w({
-        element: o,
-        integrator: g.from(n),
-        style: (f) => c.animate(f),
-        onComplete: () => {
-          o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.transformOrigin = "", o.style.contain = "", p.style.zIndex = d;
+    prepare: (s) => {
+      const o = {
+        from: s.from,
+        to: s.to,
+        context: { positionedParent: s.context.positionedParent },
+        // `createElement` from the dispatcher is generic over tag; the
+        // strategy interface narrows the cast to keep both signatures
+        // compatible.
+        createElement: s.createElement
+      }, i = {};
+      for (const r of t) {
+        if (!r.prepare) continue;
+        const l = r.prepare(o);
+        l && Object.assign(i, l);
+      }
+      return i;
+    },
+    animation: ({ from: s, to: o, context: i, ...r }) => {
+      const l = fn(s, o);
+      if (!l)
+        return new E([], { mode: "parallel" });
+      const c = hn(l, s, o, i.scrollOffset), a = [], d = {
+        from: s,
+        to: o,
+        resolved: l,
+        input: c,
+        physics: n,
+        extras: r,
+        onComplete: (f) => {
+          a.push(f);
         }
-      });
-      return new $([h, u], { mode: "parallel" });
+      }, u = [];
+      for (const f of t)
+        f.contribute && u.push(...f.contribute(d));
+      const m = u[0];
+      if (m) {
+        const f = m.onComplete;
+        m.onComplete = () => {
+          f == null || f();
+          for (const h of a)
+            try {
+              h();
+            } catch (y) {
+              console.error("[zoom] cleanup error", y);
+            }
+        };
+      }
+      return new E(u, { mode: "parallel" });
     }
   };
 };
-function Ue({ paths: e, type: t }) {
-  return P(e, () => Pe({ type: t }));
+function $n(e) {
+  const t = e.type ?? "static", n = e.variant ?? (e.fade ? "fade" : "default");
+  return { type: t, variant: n };
+}
+function Yn(e) {
+  const t = $n(e);
+  return P(
+    e.paths,
+    () => Sn(t)
+  );
 }
 export {
-  Xe as Animation,
-  $ as MultiAnimation,
-  w as WebAnimation,
-  Ie as blind,
-  Te as drill,
-  Ae as fade,
-  _e as film,
-  ke as hero,
-  ve as jaemin,
-  Le as rotate,
-  Ye as scroll,
-  Fe as sheet,
-  Me as slide,
-  He as strip,
-  Ue as zoom
+  zn as Animation,
+  E as MultiAnimation,
+  b as WebAnimation,
+  Cn as axis,
+  Pn as blind,
+  vn as drill,
+  Tn as fade,
+  Dn as film,
+  _n as hero,
+  An as jaemin,
+  In as rotate,
+  On as scroll,
+  kn as sheet,
+  Ln as slide,
+  Fn as strip,
+  Yn as zoom
 };