@ssgoi/core 6.1.0 → 6.2.1

package/dist/index.js

@@ -1,23 +1,23 @@
-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) {
+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) {
   const n = [];
   for (let s = 0; s < e.length; s++)
     for (let o = s + 1; o < e.length; o++) {
-      const i = e[s], r = e[o];
-      !i || !r || n.push({
-        from: i,
-        to: r,
+      const r = e[s], i = e[o];
+      !r || !i || n.push({
+        from: r,
+        to: i,
         transition: t(),
         symmetric: !0
       });
     }
   return n;
 }
-function ht(e, t) {
+function Dt(e, t) {
   return [
     {
       from: e.exit,
@@ -31,27 +31,27 @@ function ht(e, t) {
     }
   ];
 }
-function q(e, t, n) {
+function pt(e, t, n) {
   const s = [];
   for (let o = 0; o < e.length; o++)
-    for (let i = o + 1; i < e.length; i++) {
-      const r = e[o], l = e[i];
-      !r || !l || s.push(
+    for (let r = o + 1; r < e.length; r++) {
+      const i = e[o], c = e[r];
+      !i || !c || s.push(
         {
-          from: r,
-          to: l,
+          from: i,
+          to: c,
           transition: n(t.forward)
         },
         {
-          from: l,
-          to: r,
+          from: c,
+          to: i,
           transition: n(t.backward)
         }
       );
     }
   return s;
 }
-class F {
+class B {
   constructor(t) {
     $(this, "omega");
     // Angular frequency
@@ -60,13 +60,13 @@ class F {
     $(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 ?? Z, this.restSpeed = t.restSpeed ?? ft;
+    this.omega = Math.sqrt(n / o), this.zeta = s / (2 * Math.sqrt(n * o)), this.restDelta = t.restDelta ?? ct, this.restSpeed = t.restSpeed ?? At;
   }
   step(t, n, s) {
-    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;
+    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;
     return {
-      position: l + o * d,
-      velocity: d
+      position: c + o * f,
+      velocity: f
     };
   }
   isSettled(t, n) {
@@ -74,39 +74,39 @@ class F {
     return s < this.restDelta && o < this.restSpeed;
   }
 }
-class Pt {
+class Xt {
   constructor(t) {
     $(this, "leader");
     $(this, "follower");
     $(this, "restDelta");
     $(this, "restSpeed");
-    this.restDelta = t.restDelta ?? Z, this.restSpeed = t.restSpeed ?? ft, this.leader = new F({
+    this.restDelta = t.restDelta ?? ct, this.restSpeed = t.restSpeed ?? At, this.leader = new B({
       stiffness: t.stiffness,
       damping: t.damping,
       restDelta: this.restDelta,
       restSpeed: this.restSpeed
     });
-    let n, s, o, i;
-    typeof t.follower == "number" ? (n = t.stiffness * t.follower, s = t.damping) : t.follower ? (n = t.follower.stiffness, s = t.follower.damping, o = t.follower.restDelta, i = t.follower.restSpeed) : (n = t.stiffness, s = t.damping), this.follower = new F({
+    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({
       stiffness: n,
       damping: s,
       restDelta: o ?? this.restDelta,
-      restSpeed: i ?? this.restSpeed
+      restSpeed: r ?? this.restSpeed
     });
   }
   step(t, n, s) {
-    const i = t._leader ?? {
+    const r = t._leader ?? {
       position: t.position,
       velocity: t.velocity
-    }, r = this.leader.step(i, n, s), l = this.follower.step(
+    }, i = this.leader.step(r, n, s), c = this.follower.step(
       t,
-      r.position,
+      i.position,
       s
     );
     return {
-      position: l.position,
-      velocity: l.velocity,
-      _leader: r
+      position: c.position,
+      velocity: c.velocity,
+      _leader: i
     };
   }
   isSettled(t, n) {
@@ -114,8 +114,8 @@ class Pt {
     return s._leader ? Math.abs(n - s._leader.position) < this.restDelta && Math.abs(s._leader.velocity) < this.restSpeed && o : o;
   }
 }
-const vt = 0.01, Tt = 500, Dt = 10;
-class _t {
+const Nt = 0.01, Vt = 500, Bt = 10;
+class Wt {
   constructor(t) {
     $(this, "acceleration");
     $(this, "resistance");
@@ -125,28 +125,28 @@ class _t {
     $(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;
+    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;
   }
   step(t, n, s) {
-    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 (u || m) {
-      const S = p - (u ? c : a), x = -this.bounceStiffness * S, C = -this.bounceDamping * d;
-      f = x + C;
+    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;
     } else {
-      const w = n > p ? 1 : -1;
-      let S;
-      l === "linear" ? S = r * d : S = r * d * Math.abs(d), f = w * i - S;
+      const S = n > p ? 1 : -1;
+      let w;
+      c === "linear" ? w = i * f : w = i * f * Math.abs(f), d = S * r - w;
     }
-    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);
+    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);
     }
     return {
-      position: y,
-      velocity: y === n ? 0 : h
+      position: u,
+      velocity: u === n ? 0 : y
     };
   }
   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 _t({
+      return new Wt({
         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 Pt({
+      }), new Xt({
         stiffness: n.stiffness,
         damping: n.damping,
         follower: o,
@@ -192,7 +192,7 @@ class g {
         restSpeed: n.restSpeed
       });
     }
-    return new F({
+    return new B({
       stiffness: n.stiffness,
       damping: n.damping,
       restDelta: n.restDelta,
@@ -207,7 +207,7 @@ class g {
     return g.from({ spring: t });
   }
 }
-class At {
+class Rt {
   constructor(t) {
     $(this, "durationSec");
     this.durationSec = Math.max(1 / 60, t.durationSec);
@@ -215,20 +215,20 @@ class At {
   step(t, n, s) {
     const o = n - t.position;
     if (o === 0) return t;
-    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 };
+    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 };
   }
   isSettled(t, n) {
-    return Math.abs(t.position - n) < Z;
+    return Math.abs(t.position - n) < ct;
   }
 }
-const G = 8, K = {
+const ft = 8, dt = {
   spring: { stiffness: 1e3, damping: 40, doubleSpring: 1.2 }
 };
-function It({
+function Zt({
   direction: e
 }) {
-  const t = e === "forward" ? G : -G;
+  const t = e === "forward" ? ft : -ft;
   return {
     out: {
       willChange: "transform, opacity",
@@ -250,25 +250,25 @@ function It({
     }
   };
 }
-function Ot() {
+function qt() {
   return {
-    outPhysics: K,
-    inPhysics: K,
+    outPhysics: dt,
+    inPhysics: dt,
     // 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
+    build: Zt
   };
 }
-const J = 30, kt = {
+const ht = 30, jt = {
   inertia: { acceleration: 150, resistance: 1.5 }
-}, Lt = {
+}, Kt = {
   spring: { stiffness: 180, damping: 34 }
 };
-function Ft({
+function Gt({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = -J * t, s = J * t;
+  const t = e === "forward" ? 1 : -1, n = -ht * t, s = ht * t;
   return {
     out: {
       willChange: "transform, opacity",
@@ -291,59 +291,103 @@ function Ft({
     }
   };
 }
-function Yt() {
+function Jt() {
   return {
-    outPhysics: kt,
-    inPhysics: Lt,
+    outPhysics: jt,
+    inPhysics: Kt,
     // 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
+    build: Gt
   };
 }
-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;
+const Qt = {
+  snappy: qt(),
+  fluid: Jt()
+}, yt = 8, te = {
+  inertia: { acceleration: 150, resistance: 1.5 }
+}, ee = {
+  spring: { stiffness: 180, damping: 34 }
+};
+function ne({
+  direction: e
+}) {
+  const t = e === "forward" ? 1 : -1, n = -yt * t, s = yt * t;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
-      animate: (s) => ({
-        transform: `translate3d(0, ${t * s}px, 0)`,
-        opacity: `${1 - s}`
+      animate: (o) => ({
+        transform: `translate3d(0, ${n * o}px, 0)`,
+        opacity: `${1 - o}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `translate3d(0, ${n}px, 0)`,
+        transform: `translate3d(0, ${s}px, 0)`,
         opacity: "0"
       },
-      animate: (s) => ({
-        transform: `translate3d(0, ${n * (1 - s)}px, 0)`,
-        opacity: `${s}`
+      animate: (o) => ({
+        transform: `translate3d(0, ${s * (1 - o)}px, 0)`,
+        opacity: `${o}`
       })
     }
   };
 }
-function zt() {
+function se() {
   return {
-    outPhysics: Q,
-    inPhysics: Q,
-    composition: { mode: "parallel", startAt: [0, 0.3] },
-    build: Mt
+    outPhysics: te,
+    inPhysics: ee,
+    composition: { mode: "sequence" },
+    build: ne
   };
 }
-const R = {
+const oe = 8, re = {
+  inertia: { acceleration: 150, resistance: 1.5 }
+}, ie = {
+  spring: { stiffness: 180, damping: 34 }
+};
+function ae(e) {
+  const t = oe;
+  return {
+    out: {
+      willChange: "opacity",
+      startStyle: {},
+      animate: (n) => ({
+        opacity: `${1 - n}`
+      })
+    },
+    in: {
+      willChange: "transform, opacity",
+      startStyle: {
+        transform: `translate3d(0, ${t}px, 0)`,
+        opacity: "0"
+      },
+      animate: (n) => ({
+        transform: `translate3d(0, ${t * (1 - n)}px, 0)`,
+        opacity: `${n}`
+      })
+    }
+  };
+}
+function le() {
+  return {
+    outPhysics: re,
+    inPhysics: ie,
+    composition: { mode: "sequence" },
+    build: ae
+  };
+}
+const mt = se(), ce = {
+  snappy: mt,
+  directional: mt,
+  "non-directional": le()
+}, ut = {
   spring: { stiffness: 280, damping: 30 }
-}, k = 0.05;
-function Ut() {
+}, X = 0.05;
+function pe() {
   return {
     // Outgoing scales up slightly (1 → 1+s) while fading — recedes toward
     // viewer feel, complementing the incoming page rising from below.
@@ -351,7 +395,7 @@ function Ut() {
       willChange: "transform, opacity",
       startStyle: {},
       animate: (e) => ({
-        transform: `scale(${1 + e * k})`,
+        transform: `scale(${1 + e * X})`,
         opacity: `${1 - e}`
       })
     },
@@ -359,88 +403,86 @@ function Ut() {
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `scale(${1 - k})`,
+        transform: `scale(${1 - X})`,
         opacity: "0"
       },
       animate: (e) => ({
-        transform: `scale(${1 - k + e * k})`,
+        transform: `scale(${1 - X + e * X})`,
         opacity: `${e}`
       })
     }
   };
 }
-function Xt() {
+function fe() {
   return {
-    outPhysics: R,
-    inPhysics: R,
+    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.
     composition: { mode: "parallel" },
-    build: Ut
+    build: pe
   };
 }
-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 }
+const de = fe(), he = {
+  x: Qt,
+  y: ce,
+  z: { snappy: de }
 };
-function Wt(e, t) {
-  const n = Nt[e];
+function ye(e, t) {
+  const n = he[e];
   return n[t] ?? n.snappy;
 }
-const Zt = "x", qt = "snappy";
-function tt(e, t) {
+const me = "x", ue = "snappy";
+function gt(e, t) {
   e.style.willChange = t.willChange, e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
   for (const [n, s] of Object.entries(t.startStyle))
     e.style[n] = s;
 }
-function jt(e) {
+function ge(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 });
+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 });
   return {
-    prepare: ({ from: r, to: l }) => (r.then((c) => {
-      tt(c, i.out), c.style.pointerEvents = "none";
-    }), l.then((c) => {
-      tt(c, i.in);
+    prepare: ({ from: i, to: c }) => (i.then((l) => {
+      gt(l, r.out), l.style.pointerEvents = "none";
+    }), c.then((l) => {
+      gt(l, r.in);
     }), {}),
-    animation: ({ from: r, to: l }) => {
-      const c = new b({
-        element: r,
+    animation: ({ from: i, to: c }) => {
+      const l = new b({
+        element: i,
         integrator: g.from(o.outPhysics),
-        style: (p) => i.out.animate(p)
+        style: (p) => r.out.animate(p)
       }), a = new b({
-        element: l,
+        element: c,
         integrator: g.from(o.inPhysics),
-        style: (p) => i.in.animate(p),
-        onComplete: () => jt(l)
+        style: (p) => r.in.animate(p),
+        onComplete: () => ge(c)
       });
-      return new E([c, a], o.composition);
+      return new C([l, a], o.composition);
     }
   };
 };
-function Kt(e, t, n) {
-  return e !== "x" || t === "snappy" || n === "snappy" ? "snappy" : "fluid";
+function we(e, t, n) {
+  return e === "y" ? t === "non-directional" ? "non-directional" : "directional" : 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(
+function as(e) {
+  const { paths: t } = e, n = e.type ?? "x", s = e.variant, o = e.feel, r = we(n, s, o);
+  return pt(
     t,
     { forward: "forward", backward: "backward" },
-    (r) => Gt({ type: n, direction: r, feel: i })
+    (i) => be({ type: n, direction: i, feel: r })
   );
 }
-const Jt = {
+const Se = {
   spring: { stiffness: 200, damping: 22 }
-}, Qt = 10, Rt = "horizontal", te = "#000000";
-function et(e, t, n, s, o, i) {
+}, xe = 10, $e = "horizontal", Ee = "#000000";
+function bt(e, t, n, s, o, r) {
   window.getComputedStyle(e).position === "static" && (e.style.position = "relative");
-  const l = document.createElement("div");
-  l.style.cssText = `
+  const c = document.createElement("div");
+  c.style.cssText = `
     position: absolute;
     top: 0;
     left: 0;
@@ -450,57 +492,57 @@ function et(e, t, n, s, o, i) {
     z-index: 9999;
     overflow: hidden;
   `;
-  const c = [];
+  const l = [];
   for (let a = 0; a < t; a++) {
     const p = document.createElement("div");
     if (n === "horizontal") {
-      const d = 100 / t;
+      const f = 100 / t;
       p.style.cssText = `
         position: absolute;
-        top: ${d * a}%;
+        top: ${f * a}%;
         left: 0;
         width: 100%;
-        height: calc(${d}% + 1px);
+        height: calc(${f}% + 1px);
         background: ${s};
         transform: scaleX(${o === "hidden" ? 0 : 1});
-        transform-origin: ${i} center;
+        transform-origin: ${r} center;
         will-change: transform;
       `;
     } else {
-      const d = 100 / t;
+      const f = 100 / t;
       p.style.cssText = `
         position: absolute;
         top: 0;
-        left: ${d * a}%;
-        width: calc(${d}% + 1px);
+        left: ${f * a}%;
+        width: calc(${f}% + 1px);
         height: 100%;
         background: ${s};
         transform: scaleY(${o === "hidden" ? 0 : 1});
-        transform-origin: ${i === "left" ? "top" : "bottom"} center;
+        transform-origin: ${r === "left" ? "top" : "bottom"} center;
         will-change: transform;
       `;
     }
-    c.push(p), l.appendChild(p);
+    l.push(p), c.appendChild(p);
   }
-  return e.appendChild(l), { container: l, blinds: c };
+  return e.appendChild(c), { container: c, blinds: l };
 }
-const ee = (e = {}) => {
-  const t = e.blindCount ?? Qt, n = e.direction ?? Rt, s = e.blindColor ?? te, o = e.physics ?? Jt;
+const Ce = (e = {}) => {
+  const t = e.blindCount ?? xe, n = e.direction ?? $e, s = e.blindColor ?? Ee, o = e.physics ?? Se;
   return {
-    prepare: async ({ from: i, to: r }) => {
-      const l = await i, c = await r;
-      l.style.zIndex = "1000";
-      const a = et(
-        l,
+    prepare: async ({ from: r, to: i }) => {
+      const c = await r, l = await i;
+      c.style.zIndex = "1000";
+      const a = bt(
+        c,
         t,
         n,
         s,
         "hidden",
         "left"
       );
-      c.style.position = "relative", c.style.zIndex = "0";
-      const p = et(
-        c,
+      l.style.position = "relative", l.style.zIndex = "0";
+      const p = bt(
+        l,
         t,
         n,
         s,
@@ -514,42 +556,42 @@ const ee = (e = {}) => {
         toContainer: p.container
       };
     },
-    animation: ({ fromBlinds: i, fromContainer: r, toBlinds: l, toContainer: c }) => {
-      const a = i.map(
+    animation: ({ fromBlinds: r, fromContainer: i, toBlinds: c, toContainer: l }) => {
+      const a = r.map(
         (m) => new b({
           element: m,
           integrator: g.from(o),
-          style: (f) => ({
-            transform: n === "horizontal" ? `scaleX(${f})` : `scaleY(${f})`
+          style: (d) => ({
+            transform: n === "horizontal" ? `scaleX(${d})` : `scaleY(${d})`
           })
         })
-      ), p = l.map(
-        (m, f) => new b({
+      ), p = c.map(
+        (m, d) => new b({
           element: m,
           integrator: g.from(o),
-          style: (h, y) => ({
-            transform: n === "horizontal" ? `scaleX(${y})` : `scaleY(${y})`
+          style: (y, u) => ({
+            transform: n === "horizontal" ? `scaleX(${u})` : `scaleY(${u})`
           }),
-          onComplete: f === l.length - 1 ? () => {
-            c.remove(), r.remove();
+          onComplete: d === c.length - 1 ? () => {
+            l.remove(), i.remove();
           } : void 0
         })
-      ), d = new E(a, { mode: "parallel" }), u = new E(p, { mode: "parallel" });
-      return new E([d, u], { mode: "sequence" });
+      ), f = new C(a, { mode: "parallel" }), h = new C(p, { mode: "parallel" });
+      return new C([f, h], { mode: "sequence" });
     }
   };
 };
-function Pn(e) {
+function ls(e) {
   const { paths: t, type: n = "horizontal" } = e;
-  return P(
+  return _(
     t,
-    () => ee({ direction: n })
+    () => Ce({ direction: n })
   );
 }
-const ne = {
+const Pe = {
   spring: { stiffness: 200, damping: 20, doubleSpring: 0.7 }
-}, D = 0.5;
-function se(e) {
+}, Y = 0.5;
+function ve(e) {
   const t = e === "enter" ? -100 : 100, n = e === "enter" ? 100 : -100;
   return {
     out: {
@@ -557,32 +599,32 @@ function se(e) {
       startStyle: {},
       animate: (s) => ({
         transform: `translate3d(${t * s}%, 0, 0)`,
-        opacity: `${D + (1 - D) * (1 - s)}`
+        opacity: `${Y + (1 - Y) * (1 - s)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
         transform: `translate3d(${n}%, 0, 0)`,
-        opacity: `${D}`
+        opacity: `${Y}`
       },
       animate: (s) => ({
         transform: `translate3d(${n * (1 - s)}%, 0, 0)`,
-        opacity: `${D + (1 - D) * s}`
+        opacity: `${Y + (1 - Y) * s}`
       })
     }
   };
 }
-function oe() {
+function Te() {
   return {
-    physics: ne,
-    build: se
+    physics: Pe,
+    build: ve
   };
 }
-const re = {
+const _e = {
   spring: { stiffness: 170, damping: 22 }
 };
-function ie(e) {
+function Ie(e) {
   const t = e === "enter" ? -20 : 100, n = e === "enter" ? 100 : -20;
   return {
     out: {
@@ -603,100 +645,100 @@ function ie(e) {
     }
   };
 }
-function ae() {
+function Oe() {
   return {
-    physics: re,
-    build: ie
+    physics: _e,
+    build: Ie
   };
 }
-const le = {
-  parallax: ae(),
-  crossfade: oe()
-}, ce = "parallax";
-function nt(e, t) {
+const Ae = {
+  parallax: Oe(),
+  crossfade: Te()
+}, De = "parallax";
+function wt(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 pe = (e = {}) => {
-  const t = e.direction ?? "enter", n = le[e.type ?? ce], s = n.physics, o = n.build(t);
+const Fe = (e = {}) => {
+  const t = e.direction ?? "enter", n = Ae[e.type ?? De], s = n.physics, o = n.build(t);
   return {
-    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);
+    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);
     }), {}),
-    animation: ({ from: i, to: r }) => {
-      const l = new b({
-        element: i,
+    animation: ({ from: r, to: i }) => {
+      const c = new b({
+        element: r,
         integrator: g.from(s),
         style: (a) => o.out.animate(a)
-      }), c = new b({
-        element: r,
+      }), l = new b({
+        element: i,
         integrator: g.from(s),
         style: (a) => o.in.animate(a),
         onComplete: () => {
-          r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "", r.style.opacity = "";
+          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "", i.style.opacity = "";
         }
       });
-      return new E([l, c], { mode: "parallel" });
+      return new C([c, l], { mode: "parallel" });
     }
   };
 };
-function de(e) {
+function Le(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(
+function cs(e) {
+  const { enter: t, exit: n } = e, s = e.type, o = Le(s);
+  return Dt(
     { enter: t, exit: n },
-    (i) => pe({ direction: i, type: o })
+    (r) => Fe({ direction: r, type: o })
   );
 }
-const fe = {
+const Ye = {
   spring: { stiffness: 180, damping: 20, doubleSpring: !0 }
-}, he = {
+}, ke = {
   spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
-}, ue = (e = {}) => {
-  const t = e.physics ?? he, n = e.physics ?? fe;
+}, He = (e = {}) => {
+  const t = e.physics ?? ke, n = e.physics ?? Ye;
   return {
     prepare: ({ to: s }) => (s.then((o) => {
       o.style.opacity = "0", o.style.willChange = "opacity";
     }), {}),
     animation: ({ from: s, to: o }) => {
-      const i = new b({
+      const r = new b({
         element: s,
         integrator: g.from(n),
         // Default bounds (0, 1). `u` runs 1→0 as the animation moves
         // forward, mapping opacity from fully visible to invisible.
-        style: (l, c) => ({ opacity: c }),
+        style: (c, l) => ({ opacity: l }),
         onComplete: () => {
           s.style.willChange = "auto";
         }
-      }), r = new b({
+      }), i = new b({
         element: o,
         integrator: g.from(t),
-        style: (l) => ({ opacity: l }),
+        style: (c) => ({ opacity: c }),
         onComplete: () => {
           o.style.willChange = "auto", o.style.opacity = "";
         }
       });
-      return new E([i, r], { mode: "sequence" });
+      return new C([r, i], { mode: "sequence" });
     }
   };
 };
-function Tn(e) {
+function ps(e) {
   const { paths: t } = e;
-  return P(t, () => ue());
+  return _(t, () => He());
 }
-function T(e, t) {
-  function n(i) {
-    let r = 0, l = 0;
-    const c = i.offsetWidth, a = i.offsetHeight;
-    let p = i;
+function k(e, t) {
+  function n(r) {
+    let i = 0, c = 0;
+    const l = r.offsetWidth, a = r.offsetHeight;
+    let p = r;
     for (; p; )
-      r += p.offsetTop, l += p.offsetLeft, p = p.offsetParent;
-    return r -= window.scrollY, l -= window.scrollX, { top: r, left: l, width: c, height: a };
+      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(
@@ -706,8 +748,8 @@ function T(e, t) {
     o.height
   );
 }
-function _(e, t) {
-  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? T(n, s).top : 0;
+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,
@@ -715,19 +757,19 @@ function _(e, t) {
     height: n.clientHeight - o
   };
 }
-const z = {
+const et = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
-}, v = {
+}, A = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, 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) => ({
+}, 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) => ({
     item: a,
-    integrator: new F({
+    integrator: new B({
       stiffness: a.spring.stiffness,
       damping: a.spring.damping
     }),
@@ -736,121 +778,121 @@ function be(e) {
     settled: !1,
     settleTime: 0
   }));
-  for (let a = 0; a < l.length; a++)
-    (a === 0 || l[a].item.offset === 0) && (l[a].started = !0);
+  for (let a = 0; a < c.length; a++)
+    (a === 0 || c[a].item.offset === 0) && (c[a].started = !0);
   o(0);
-  let c = 0;
-  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, 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 u = l[d];
-      if (u.started) continue;
-      const m = l[d - 1];
+  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];
       if (!m.started) continue;
-      (r === 0 ? 1 : Math.abs(m.state.position - n) / r) >= u.item.offset && (u.started = !0);
+      (i === 0 ? 1 : Math.abs(m.state.position - n) / i) >= h.item.offset && (h.started = !0);
     }
-    if (o(p), l.every((d) => d.settled)) return p;
+    if (o(p), c.every((f) => f.settled)) return p;
   }
-  return c;
+  return l;
 }
-function U(e, t) {
+function nt(e, t) {
   return e != null && e.spring ? {
     stiffness: e.spring.stiffness,
     damping: e.spring.damping
   } : t;
 }
-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" ? [
+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" ? [
     {
-      spring: r,
-      offset: v.scaleDown,
-      tick: (f) => {
-        const h = 1 - f;
-        i.scale = 1 - (1 - n) * h;
+      spring: i,
+      offset: A.scaleDown,
+      tick: (d) => {
+        const y = 1 - d;
+        r.scale = 1 - (1 - n) * y;
       }
     },
     {
-      spring: l,
-      offset: v.translate,
-      tick: (f) => {
-        const h = 1 - f;
-        i.translateY = -t.top - t.height * h;
+      spring: c,
+      offset: A.translate,
+      tick: (d) => {
+        const y = 1 - d;
+        r.translateY = -t.top - t.height * y;
       }
     },
     {
-      spring: c,
-      offset: v.scaleUp,
-      tick: (f) => {
-        const h = 1 - f;
-        i.scale = n + (1 - n) * h;
+      spring: l,
+      offset: A.scaleUp,
+      tick: (d) => {
+        const y = 1 - d;
+        r.scale = n + (1 - n) * y;
       }
     }
   ] : [
     {
-      spring: r,
-      offset: v.scaleDown,
-      tick: (f) => {
-        i.scale = 1 - (1 - n) * f;
+      spring: i,
+      offset: A.scaleDown,
+      tick: (d) => {
+        r.scale = 1 - (1 - n) * d;
       }
     },
     {
-      spring: l,
-      offset: v.translate,
-      tick: (f) => {
-        i.translateY = -t.top + t.height * (1 - f);
+      spring: c,
+      offset: A.translate,
+      tick: (d) => {
+        r.translateY = -t.top + t.height * (1 - d);
       }
     },
     {
-      spring: c,
-      offset: v.scaleUp,
-      tick: (f) => {
-        i.scale = n + (1 - n) * f;
+      spring: l,
+      offset: A.scaleUp,
+      tick: (d) => {
+        r.scale = n + (1 - n) * d;
       }
     }
-  ], u = [], m = be({
-    items: d,
+  ], h = [], m = Xe({
+    items: f,
     from: a,
     to: p,
-    recordFrame: (f) => u.push({
-      time: f,
-      scale: i.scale,
-      translateY: i.translateY
+    recordFrame: (d) => h.push({
+      time: d,
+      scale: r.scale,
+      translateY: r.translateY
     })
   });
-  return { snapshots: u, totalDuration: m };
+  return { snapshots: h, totalDuration: m };
 }
-function we(e, t) {
+function Ne(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 i = e[s], r = e[o], l = n - s;
+  const r = e[s], i = e[o], c = n - s;
   return {
-    time: i.time + (r.time - i.time) * l,
-    scale: i.scale + (r.scale - i.scale) * l,
-    translateY: i.translateY + (r.translateY - i.translateY) * l
+    time: r.time + (i.time - r.time) * c,
+    scale: r.scale + (i.scale - r.scale) * c,
+    translateY: r.translateY + (i.translateY - r.translateY) * c
   };
 }
-const Se = [
+const Ve = [
   [1, 1],
   [-1, 1],
   [1, -1],
   [-1, -1]
 ];
-function $e(e, t) {
-  const o = (i, r, l) => {
-    const c = document.createElement("div");
-    Object.assign(c.style, {
+function Be(e, t) {
+  const o = (r, i, c) => {
+    const l = document.createElement("div");
+    Object.assign(l.style, {
       position: "fixed",
       pointerEvents: "none",
       zIndex: "9999",
       width: "15px",
       height: "15px",
-      ...i
+      ...r
     });
     const a = document.createElement("div");
     Object.assign(a.style, {
@@ -858,8 +900,8 @@ function $e(e, t) {
       width: "15px",
       height: "1px",
       backgroundColor: e,
-      [l]: "0",
-      [r]: "0"
+      [c]: "0",
+      [i]: "0"
     });
     const p = document.createElement("div");
     return Object.assign(p.style, {
@@ -867,9 +909,9 @@ function $e(e, t) {
       width: "1px",
       height: "15px",
       backgroundColor: e,
-      [l]: "0",
-      [r]: "0"
-    }), c.appendChild(a), c.appendChild(p), c;
+      [c]: "0",
+      [i]: "0"
+    }), l.appendChild(a), l.appendChild(p), l;
   };
   return {
     topLeft: o(
@@ -906,11 +948,11 @@ function $e(e, t) {
     )
   };
 }
-function rt(e, t) {
+function $t(e, t) {
   const n = t.left + t.width / 2, s = t.top + t.height / 2;
   e.style.transformOrigin = `${n}px ${s}px`;
 }
-function it(e, t) {
+function Et(e, t) {
   e.style.clipPath = `polygon(
     ${t.left}px ${t.top}px,
     ${t.left + t.width}px ${t.top}px,
@@ -918,232 +960,430 @@ function it(e, t) {
     ${t.left}px ${t.top + t.height}px
   )`;
 }
-function X(e, t, n, s, o) {
-  const i = n / 1e3;
+function st(e, t, n, s, o) {
+  const r = n / 1e3;
   return new b({
     element: e,
-    integrator: new At({ durationSec: i }),
+    integrator: new Rt({ durationSec: r }),
     lowerBound: 0,
     upperBound: 1,
-    style: (r) => s(we(t, r)),
+    style: (i) => s(Ne(t, i)),
     onComplete: o
   });
 }
-const xe = (e = {}) => {
+const We = (e = {}) => {
   var o;
-  const t = ((o = e.border) == null ? void 0 : o.color) ?? ye, n = me, s = e.physics;
+  const t = ((o = e.border) == null ? void 0 : o.color) ?? Ue, n = Me, s = e.physics;
   return {
-    prepare: ({ from: i, to: r, context: l }) => {
-      const c = _(l, "from"), a = _(l, "to"), p = T(document.body, l.positionedParent), d = $e(t, {
-        ...c,
+    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,
         top: p.top
       });
-      for (const u of [
+      for (const h of [
         "topLeft",
         "topRight",
         "bottomLeft",
         "bottomRight"
       ])
-        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 };
+        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 };
     },
-    animation: ({ from: i, to: r, context: l, borders: c, fromRect: a, toRect: p }) => {
-      const d = ot({
+    animation: ({ from: r, to: i, context: c, borders: l, fromRect: a, toRect: p }) => {
+      const f = xt({
         rect: a,
         scale: n,
         direction: "out",
         override: s
-      }), u = ot({
+      }), h = xt({
         rect: p,
         scale: n,
         direction: "in",
         override: s
-      }), m = X(
-        i,
-        d.snapshots,
-        d.totalDuration,
-        (S) => ({
-          transform: `translateY(${S.translateY}px) scale(${S.scale})`
+      }), m = st(
+        r,
+        f.snapshots,
+        f.totalDuration,
+        (w) => ({
+          transform: `translateY(${w.translateY}px) scale(${w.scale})`
         }),
         () => {
-          i.style.clipPath = "", i.style.transformOrigin = "";
+          r.style.clipPath = "", r.style.transformOrigin = "";
         }
-      ), f = X(
-        r,
-        u.snapshots,
-        u.totalDuration,
-        (S) => ({
-          transform: `translateY(${S.translateY}px) scale(${S.scale})`
+      ), d = st(
+        i,
+        h.snapshots,
+        h.totalDuration,
+        (w) => ({
+          transform: `translateY(${w.translateY}px) scale(${w.scale})`
         }),
         () => {
-          r.style.clipPath = "", r.style.transformOrigin = "", r.style.transform = "";
+          i.style.clipPath = "", i.style.transformOrigin = "", i.style.transform = "";
         }
-      ), h = Se.map(([S, x], C) => {
-        const Y = ["topLeft", "topRight", "bottomLeft", "bottomRight"][C];
-        return X(
-          c[Y],
-          d.snapshots,
-          d.totalDuration,
-          (A) => {
-            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 = Ve.map(([w, E], P) => {
+        const D = ["topLeft", "topRight", "bottomLeft", "bottomRight"][P];
+        return st(
+          l[D],
+          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)` };
           }
         );
-      }), y = new E([m, f, ...h], {
+      }), u = new C([m, d, ...y], {
         mode: "parallel"
-      }), w = y.onComplete;
-      return y.onComplete = () => {
-        w == null || w();
-        const S = l.positionedParent;
-        for (const x of [
+      }), S = u.onComplete;
+      return u.onComplete = () => {
+        S == null || S();
+        const w = c.positionedParent;
+        for (const E of [
           "topLeft",
           "topRight",
           "bottomLeft",
           "bottomRight"
         ]) {
-          const C = c[x];
-          C.parentElement === S && S.removeChild(C);
+          const P = l[E];
+          P.parentElement === w && w.removeChild(P);
         }
-      }, y;
+      }, u;
     }
   };
 };
-function Dn(e) {
+function fs(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));
+  return _(t, () => We(s));
+}
+const Ct = "data-hero-enter-key", Pt = "data-hero-exit-key", ot = "data-hero-key";
+class Re {
+  prepare(t) {
+    t.from.then((n) => {
+      n.style.opacity = "0";
+    });
+  }
+}
+const Ze = () => new Re();
+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;
+    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;
+    }), [
+      new b({
+        element: n,
+        integrator: g.from(o),
+        style: (p, f) => ({ opacity: f })
+      }),
+      new b({
+        element: s,
+        integrator: g.from(o),
+        style: (p) => ({ opacity: p })
+      })
+    ];
+  }
 }
-const Ee = {
+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) {
+  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;
+  }
+  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)
+    return {
+      visible: n,
+      bbox: n,
+      letterbox: { 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;
+  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 }
+  };
+}
+function N(e, t) {
+  const n = /* @__PURE__ */ new Map(), s = e.querySelectorAll(`[${t}]`);
+  for (const o of Array.from(s)) {
+    const r = o.getAttribute(t);
+    r && (n.has(r) || n.set(r, o));
+  }
+  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 });
+  }
+  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 });
+  }
+  return n;
+}
+function nn(e, t) {
+  const n = [], s = Array.from(
+    t.querySelectorAll(`[${ot}]`)
+  );
+  for (const o of s) {
+    const r = o.getAttribute(ot);
+    if (!r) continue;
+    const i = e.querySelector(
+      `[${ot}="${r}"]`
+    );
+    i && n.push({ key: r, fromEl: i, toEl: o });
+  }
+  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)`
+            };
+          }
+        })
+      );
+    }
+    return a;
+  }
+};
+class rn {
+  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
+        })
+      );
+    }
+    return c;
+  }
+}
+const an = {
+  static: () => new on(),
+  fade: () => new rn()
 };
-function Ce(e, t) {
-  return e.querySelector(`[data-hero-key="${t}"]`);
+function ln(e) {
+  return [
+    an[e.type](),
+    Ke[e.type]()
+  ];
 }
-const Pe = (e = {}) => {
-  const t = e.physics ?? Ee, n = e.maxDistance ?? 700;
+const cn = (e) => {
+  const t = ln(e), n = Ge, s = Je;
   return {
-    prepare: ({ from: s }) => (s.then((o) => {
-      o.style.opacity = "0";
-    }), {}),
-    animation: ({ from: s, to: o, context: i }) => {
-      const r = s, l = o, c = Array.from(
-        l.querySelectorAll("[data-hero-key]")
-      ), a = [];
-      for (const f of c) {
-        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 (a.length === 0)
-        return new E([], { mode: "parallel" });
-      const p = [], d = [];
-      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: (j, I) => {
-              const bt = I * S, wt = I * x, St = j + I * C, $t = j + I * Y;
-              return {
-                transform: `translate(${bt}px, ${wt}px) scale(${St}, ${$t})`
-              };
-            }
-          })
-        ), d.push(() => {
-          h.style.transform = A, h.style.position = H, h.style.transformOrigin = M, h.style.zIndex = yt, h.style.willChange = gt;
-        });
-      }
-      const u = new E(p, {
-        mode: "parallel"
-      }), m = u.onComplete;
-      return u.onComplete = () => {
-        for (const f of d) f();
+    prepare: (o) => {
+      var c;
+      const r = Promise.all([
+        o.from,
+        o.to
+      ]).then(([l, a]) => ({ pairs: sn(l, 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 }));
+    },
+    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);
+      }, p = {
+        from: o,
+        to: r,
+        resolved: c,
+        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));
+      if (f.length === 0)
+        return new C([], { mode: "parallel" });
+      const h = new C(f, { mode: "parallel" }), m = h.onComplete;
+      return h.onComplete = () => {
         m == null || m();
-      }, u;
+        for (const d of l)
+          try {
+            d();
+          } catch (y) {
+            console.error("[hero] cleanup error", y);
+          }
+      }, h;
     }
   };
 };
-function _n(e) {
-  const { paths: t } = e;
-  return P(t, () => Pe());
+function hs(e) {
+  const { paths: t } = e, n = e.type ?? "static";
+  return e.variant, _(
+    t,
+    () => cn({ type: n })
+  );
 }
-const ve = {
+const pn = {
   spring: { stiffness: 50, damping: 30 }
-}, Te = {
+}, fn = {
   spring: { stiffness: 80, damping: 25 }
-}, De = (e = {}) => {
-  const t = e.physics ?? ve, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
+}, dn = (e = {}) => {
+  const t = e.physics ?? pn, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
   return {
-    prepare: ({ from: i, to: r, context: l }) => (i.then((c) => {
-      c.style.opacity = "1";
-    }), 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 = 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";
+    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";
     }), {}),
-    animation: ({ from: i, to: r }) => {
-      const l = new b({
-        element: i,
-        integrator: g.from(Te),
-        style: (a, p) => ({ opacity: p })
-      }), c = new b({
+    animation: ({ from: r, to: i }) => {
+      const c = new b({
         element: r,
+        integrator: g.from(fn),
+        style: (a, p) => ({ opacity: p })
+      }), l = new b({
+        element: i,
         integrator: g.from(t),
         style: (a) => {
           let p;
           if (a <= 0.05)
             p = s;
           else if (a <= o) {
-            const f = (a - 0.05) / (o - 0.05), h = Math.pow(f, 9);
-            p = s + (0.8 - s) * h;
+            const d = (a - 0.05) / (o - 0.05), y = Math.pow(d, 9);
+            p = s + (0.8 - s) * y;
           } else {
-            const f = (a - o) / (1 - o);
-            p = 0.8 + 0.2 * (1 - Math.pow(1 - f, 3));
+            const d = (a - o) / (1 - o);
+            p = 0.8 + 0.2 * (1 - Math.pow(1 - d, 3));
           }
-          const d = 0.7;
-          let u;
-          if (a <= d)
-            u = n;
+          const f = 0.7;
+          let h;
+          if (a <= f)
+            h = n;
           else {
-            const f = (a - d) / (1 - d), h = 1 - Math.pow(1 - f, 2);
-            u = n * (1 - h);
+            const d = (a - f) / (1 - f), y = 1 - Math.pow(1 - d, 2);
+            h = n * (1 - y);
           }
           let m;
-          if (a <= d)
+          if (a <= f)
             m = 1;
           else {
-            const f = (a - d) / (1 - d);
-            m = 1 - Math.pow(f, 0.5);
+            const d = (a - f) / (1 - f);
+            m = 1 - Math.pow(d, 0.5);
           }
           return {
-            transform: `rotate(${u.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
+            transform: `rotate(${h.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
             "--border-radius-scale": m.toFixed(4)
           };
         },
         onComplete: () => {
-          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 = "";
+          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 E([l, c], { mode: "parallel" });
+      return new C([c, l], { mode: "parallel" });
     }
   };
 };
-function An(e) {
+function ys(e) {
   const { paths: t } = e;
-  return P(t, () => De());
+  return _(t, () => dn());
 }
-const _e = {
+const hn = {
   spring: { stiffness: 100, damping: 30 }
-}, Ae = (e = {}) => {
-  const t = e.physics ?? _e;
+}, yn = (e = {}) => {
+  const t = e.physics ?? hn;
   return {
     prepare: ({ from: n, to: s }) => (n.then((o) => {
       o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
@@ -1154,31 +1394,31 @@ const _e = {
       const o = new b({
         element: n,
         integrator: g.from(t),
-        style: (r) => ({
-          transform: `rotate(${r * 180}deg)`,
-          opacity: r < 0.5 ? 1 : 0
+        style: (i) => ({
+          transform: `rotate(${i * 180}deg)`,
+          opacity: i < 0.5 ? 1 : 0
         })
-      }), i = new b({
+      }), r = new b({
         element: s,
         integrator: g.from(t),
         // u runs 1→0, so -u*180 unwinds -180→0.
-        style: (r, l) => ({
-          transform: `rotate(${-l * 180}deg)`,
-          opacity: r > 0.5 ? 1 : 0
+        style: (i, c) => ({
+          transform: `rotate(${-c * 180}deg)`,
+          opacity: i > 0.5 ? 1 : 0
         }),
         onComplete: () => {
           s.style.willChange = "auto", s.style.transform = "", s.style.transformOrigin = "", s.style.opacity = "";
         }
       });
-      return new E([o, i], { mode: "parallel" });
+      return new C([o, r], { mode: "parallel" });
     }
   };
 };
-function In(e) {
+function ms(e) {
   const { paths: t } = e;
-  return P(t, () => Ae());
+  return _(t, () => yn());
 }
-const Ie = {
+const mn = {
   spring: {
     stiffness: 20,
     damping: 8,
@@ -1186,73 +1426,73 @@ const Ie = {
     restDelta: 1e-3,
     restSpeed: 1e-3
   }
-}, at = (e = {}) => {
-  const t = e.direction ?? "up", n = e.physics ?? Ie, s = t === "up";
+}, vt = (e = {}) => {
+  const t = e.direction ?? "up", n = e.physics ?? mn, s = t === "up";
   return {
-    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";
+    prepare: ({ from: o, to: r }) => (o.then((i) => {
+      i.style.zIndex = s ? "-1" : "1", i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none";
+    }), r.then((i) => {
+      i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
     }), {}),
-    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({
+    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({
         element: o,
         integrator: g.from(n),
-        style: (u) => ({ transform: `translate3d(0, ${s ? -a * u : a * u}px, 0)` })
-      }), d = new b({
-        element: i,
+        style: (h) => ({ transform: `translate3d(0, ${s ? -a * h : a * h}px, 0)` })
+      }), f = new b({
+        element: r,
         integrator: g.from(n),
-        style: (u, m) => ({ transform: `translate3d(0, ${s ? m * a : m * -a}px, 0)` }),
+        style: (h, m) => ({ transform: `translate3d(0, ${s ? m * a : m * -a}px, 0)` }),
         onComplete: () => {
-          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
+          r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "";
         }
       });
-      return new E([p, d], { mode: "parallel" });
+      return new C([p, f], { mode: "parallel" });
     }
   };
 };
-function On(e) {
+function us(e) {
   const { paths: t, type: n = "directional" } = e;
-  return n === "non-directional" ? P(
+  return n === "non-directional" ? _(
     t,
-    () => at({ direction: "up" })
-  ) : q(
+    () => vt({ direction: "up" })
+  ) : pt(
     t,
     { forward: "up", backward: "down" },
-    (s) => at({ direction: s })
+    (s) => vt({ direction: s })
   );
 }
-const Oe = {
+const un = {
   spring: { stiffness: 200, damping: 24 }
-}, ke = {
+}, gn = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, V = 0.2;
-function Le() {
+}, rt = 0.2;
+function bn() {
   return {
-    enterPhysics: Oe,
-    exitPhysics: ke,
+    enterPhysics: un,
+    exitPhysics: gn,
     background: {
       willChange: "transform, opacity",
       enterStyle: (e, t) => ({
-        transform: `scale(${1 - V * e})`,
+        transform: `scale(${1 - rt * e})`,
         opacity: t
       }),
       exitStyle: (e) => ({
-        transform: `scale(${1 - V + V * e})`,
+        transform: `scale(${1 - rt + rt * e})`,
         opacity: e
       })
     }
   };
 }
-const Fe = {
+const wn = {
   spring: { stiffness: 300, damping: 30 }
-}, Ye = {
+}, Sn = {
   inertia: { acceleration: 70, resistance: 1.2 }
 };
-function He() {
+function xn() {
   return {
-    enterPhysics: Fe,
-    exitPhysics: Ye,
+    enterPhysics: wn,
+    exitPhysics: Sn,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -1260,249 +1500,253 @@ function He() {
     }
   };
 }
-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 !== "";
+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 !== "";
   return {
-    prepare: ({ from: r, to: l }) => {
-      const c = t === "enter" ? l : r, a = t === "enter" ? r : l;
-      return c.then((p) => {
-        p.style.willChange = Ue, p.style.backfaceVisibility = "hidden", p.style.contain = "layout paint", t === "exit" && (p.style.pointerEvents = "none", p.style.zIndex = "100");
+    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");
       }), 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");
+        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: r, to: l, context: c }) => {
-      const a = t === "enter" ? l : r, p = t === "enter" ? r : l, d = _(
-        c,
+    animation: ({ from: i, to: c, context: l }) => {
+      const a = t === "enter" ? c : i, p = t === "enter" ? i : c, f = H(
+        l,
         t === "enter" ? "to" : "from"
       );
-      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)`
-      }) : (x) => ({
-        transform: `translate3d(0, ${x * d.height}px, 0)`
+      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({
         element: a,
         integrator: g.from(s),
-        style: u,
+        style: h,
         onComplete: () => {
           a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.clipPath = "", a.style.transform = "";
         }
       });
-      if (!i)
-        return new E([m], { mode: "parallel" });
-      const f = _(
-        c,
+      if (!r)
+        return new C([m], { mode: "parallel" });
+      const d = H(
+        l,
         t === "enter" ? "from" : "to"
-      ), 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({
+      ), 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({
         element: p,
         integrator: g.from(s),
-        style: w,
+        style: S,
         onComplete: t === "exit" ? () => {
           p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.clipPath = "", p.style.transformOrigin = "";
         } : void 0
       });
-      return new E([m, S], { mode: "parallel" });
+      return new C([m, w], { mode: "parallel" });
     }
   };
 };
-function Ve(e) {
+function vn(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(
+function gs(e) {
+  const { enter: t, exit: n } = e, s = e.type, o = vn(s);
+  return Dt(
     { enter: t, exit: n },
-    (i) => Xe({ direction: i, type: o })
+    (r) => Pn({ direction: r, type: o })
   );
 }
-const Be = {
+const Tn = {
   spring: { stiffness: 170, damping: 22, doubleSpring: 0.8 }
-}, Ne = (e = {}) => {
-  const t = e.direction ?? "left", n = e.physics ?? Be, s = t === "left";
+}, _n = (e = {}) => {
+  const t = e.direction ?? "left", n = e.physics ?? Tn, s = t === "left";
   return {
-    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;
-      r.style.transform = `translate3d(${l}%, 0, 0)`, r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint";
+    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";
     }), {}),
-    animation: ({ from: o, to: i }) => {
-      const r = new b({
+    animation: ({ from: o, to: r }) => {
+      const i = new b({
         element: o,
         integrator: g.from(n),
-        style: (c) => ({ transform: `translate3d(${s ? -100 * c : 100 * c}%, 0, 0)` })
-      }), l = new b({
-        element: i,
+        style: (l) => ({ transform: `translate3d(${s ? -100 * l : 100 * l}%, 0, 0)` })
+      }), c = new b({
+        element: r,
         integrator: g.from(n),
-        style: (c, a) => ({ transform: `translate3d(${s ? a * 100 : a * -100}%, 0, 0)` }),
+        style: (l, a) => ({ transform: `translate3d(${s ? a * 100 : a * -100}%, 0, 0)` }),
         onComplete: () => {
-          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
+          r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "";
         }
       });
-      return new E([r, l], { mode: "parallel" });
+      return new C([i, c], { mode: "parallel" });
     }
   };
 };
-function Ln(e) {
+function bs(e) {
   const { paths: t } = e;
-  return q(
+  return pt(
     t,
     { forward: "left", backward: "right" },
-    (n) => Ne({ direction: n })
+    (n) => _n({ direction: n })
   );
 }
-const We = {
+const In = {
   spring: { stiffness: 17, damping: 6 }
-}, B = 20, L = 800, Ze = (e = {}) => {
-  const t = e.physics ?? We;
+}, it = 20, V = 800, On = (e = {}) => {
+  const t = e.physics ?? In;
   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(${L}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(${V}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(${L}px) rotateY(${B}deg) translate3d(-100%, 0, 0)`;
+      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)`;
     }), {}),
     animation: ({ from: n, to: s }) => {
       const o = new b({
         element: n,
         integrator: g.from(t),
-        style: (r) => {
-          const l = -r * B, c = r * 100;
+        style: (i) => {
+          const c = -i * it, l = i * 100;
           return {
-            transform: `perspective(${L}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
+            transform: `perspective(${V}px) rotateY(${c}deg) translate3d(${l}%, 0, 0)`
           };
         }
-      }), i = new b({
+      }), r = new b({
         element: s,
         integrator: g.from(t),
-        style: (r, l) => {
-          const c = l * B, a = -l * 100;
+        style: (i, c) => {
+          const l = c * it, a = -c * 100;
           return {
-            transform: `perspective(${L}px) rotateY(${c}deg) translate3d(${a}%, 0, 0)`
+            transform: `perspective(${V}px) rotateY(${l}deg) translate3d(${a}%, 0, 0)`
           };
         },
         onComplete: () => {
           s.style.transform = "", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
         }
       });
-      return new E([o, i], { mode: "sequence" });
+      return new C([o, r], { mode: "sequence" });
     }
   };
 };
-function Fn(e) {
+function ws(e) {
   const { paths: t } = e;
-  return P(t, () => Ze());
+  return _(t, () => On());
 }
-function qe({
+function An({
   enterRect: e,
   exitRect: t,
   pageRect: n,
   scrollOffset: s,
   enterRadius: o,
-  exitRadius: i
+  exitRadius: r
 }) {
-  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;
+  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;
   return {
     transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
-    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);
+    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);
       return {
-        clipPath: `inset(${p * h}% ${d * h}% ${u * h}% ${m * h}% round ${x}px)`,
-        transform: `translate(${r * h}px, ${l * h}px) scale(${y}, ${w})`
+        clipPath: `inset(${p * y}% ${f * y}% ${h * y}% ${m * y}% round ${E}px)`,
+        transform: `translate(${i * y}px, ${c * y}px) scale(${u}, ${S})`
       };
     }
   };
 }
-function je({
+function Dn({
   enterRect: e,
   exitRect: t,
   pageRect: n,
   scrollOffset: s,
   enterRadius: o,
-  exitRadius: i
+  exitRadius: r
 }) {
-  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;
+  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;
   return {
     transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
-    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);
+    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);
       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})`
+        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})`
       };
     }
   };
 }
-const Ge = {
-  spring: { stiffness: 200, damping: 24 }
-}, ut = 0.12, Ke = 18;
-function Je() {
+const Fn = {
+  spring: {
+    stiffness: 430,
+    damping: 33,
+    doubleSpring: 1
+  }
+}, Ft = 0.12, Ln = 18;
+function Yn() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - ut * t})`
+        transform: `scale(${1 - Ft * t})`
       };
     }
   };
 }
-function Qe() {
+function kn() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - ut * t})`
+        transform: `scale(${1 - Ft * t})`
       };
     }
   };
 }
-const N = {
+const at = {
   willChange: "backdrop-filter",
   initialStyle: {
     position: "absolute",
     inset: "0",
     pointerEvents: "none",
-    // Sits above the background page but below the zoomed page (z-index 9999
+    // 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: "5000",
+    zIndex: "1",
     backdropFilter: "blur(0px)",
     WebkitBackdropFilter: "blur(0px)"
   },
   style: (e, t) => {
-    const n = e === "enter" ? t : 1 - t, s = `blur(${Ke * n}px)`;
+    const n = e === "enter" ? t : 1 - t, s = `blur(${Ln * n}px)`;
     return {
       backdropFilter: s,
       WebkitBackdropFilter: s
     };
   }
 };
-class Re {
+class Hn {
   constructor() {
-    $(this, "physics", Ge);
+    $(this, "physics", Fn);
   }
   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), [
+    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: l,
-        integrator: g.from(i),
-        style: r ? (a, p) => c.animate(p) : (a) => c.animate(a)
+        element: c,
+        integrator: g.from(r),
+        style: i ? (a, p) => l.animate(p) : (a) => l.animate(a)
       })
     ];
   }
 }
-class tn {
+class Mn {
   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 };
+    return Object.assign(n.style, at.initialStyle), n.style.willChange = at.willChange, t.context.positionedParent.appendChild(n), { overlay: n };
   }
   contribute(t) {
     const n = t.extras.overlay;
@@ -1510,220 +1754,224 @@ class tn {
       new b({
         element: n,
         integrator: g.from(t.physics),
-        style: (s) => N.style(t.resolved.mode, s)
+        style: (s) => at.style(t.resolved.mode, s)
       })
     ] : [];
   }
 }
-const en = {
+const Un = {
   spring: { stiffness: 340, damping: 30, doubleSpring: 1 }
 };
-function nn({
+function zn({
   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, i = e.width / t.width, r = e.height / t.height, l = Math.max(i, r);
+  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);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (c) => {
-      const a = 1 - c;
+    animate: (l) => {
+      const a = 1 - l;
       return {
-        transform: `translate(${s * a - n.x}px, ${o * a}px) scale(${1 + (l - 1) * a})`,
+        transform: `translate(${s * a - n.x}px, ${o * a}px) scale(${1 + (c - 1) * a})`,
         opacity: `${1 - a}`
       };
     }
   };
 }
-function sn({
+function Xn({
   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, i = e.width / t.width, r = e.height / t.height, l = Math.max(i, r);
+  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);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (c) => {
-      const a = 1 - c;
+    animate: (l) => {
+      const a = 1 - l;
       return {
-        transform: `translate(${s * a}px, ${o * a}px) scale(${1 + (l - 1) * a})`,
-        opacity: `${c}`
+        transform: `translate(${s * a}px, ${o * a}px) scale(${1 + (c - 1) * a})`,
+        opacity: `${l}`
       };
     }
   };
 }
-class on {
+class Nn {
   constructor() {
-    $(this, "physics", en);
+    $(this, "physics", Un);
   }
   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), [
+    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: c,
-        integrator: g.from(r),
-        style: l ? (p, d) => a.animate(d) : (p) => a.animate(p)
+        element: l,
+        integrator: g.from(i),
+        style: c ? (p, f) => a.animate(f) : (p) => a.animate(p)
       })
     ];
   }
 }
-const rn = {
-  spring: { stiffness: 420, damping: 34 }
+const Vn = {
+  spring: {
+    stiffness: 530,
+    damping: 34,
+    doubleSpring: 1
+  }
 };
-class an {
+class Bn {
   constructor() {
-    $(this, "physics", rn);
+    $(this, "physics", Vn);
   }
   contribute(t) {
     return [];
   }
 }
-const ln = {
-  expand: () => new on(),
-  static: () => new an(),
-  blur: () => new Re()
+const Wn = {
+  expand: () => new Nn(),
+  static: () => new Bn(),
+  blur: () => new Hn()
 };
-function cn(e) {
-  return ln[e]();
+function Rn(e) {
+  return Wn[e]();
 }
-const W = "data-zoom-enter-key", lt = "data-zoom-exit-key", pn = "data-zoom-radius";
-function ct(e) {
-  const t = e.getAttribute(pn);
+const lt = "data-zoom-enter-key", Tt = "data-zoom-exit-key", Zn = "data-zoom-radius";
+function _t(e) {
+  const t = e.getAttribute(Zn);
   if (!t) return 0;
   const n = parseFloat(t);
   return Number.isFinite(n) && n > 0 ? n : 0;
 }
-function dn(e, t) {
+function qn(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);
+    for (const r of Array.from(o.children))
+      r !== s && r instanceof HTMLElement && n.push(r);
     s = o;
   }
   return n;
 }
-function pt(e) {
-  const t = e.querySelectorAll(`[${W}]`);
+function It(e) {
+  const t = e.querySelectorAll(`[${lt}]`);
   return t.length !== 1 ? null : t[0];
 }
-function dt(e, t) {
-  const n = e.querySelectorAll(`[${lt}]`);
+function Ot(e, t) {
+  const n = e.querySelectorAll(`[${Tt}]`);
   for (const s of n)
-    if (s.getAttribute(lt) === t)
+    if (s.getAttribute(Tt) === t)
       return s;
   return null;
 }
-function fn(e, t) {
-  const n = pt(e), s = pt(t);
+function jn(e, t) {
+  const n = It(e), s = It(t);
   if (!n && s) {
-    const o = s.getAttribute(W);
+    const o = s.getAttribute(lt);
     if (!o) return null;
-    const i = dt(e, o);
-    return i ? { mode: "enter", enterEl: s, exitEl: i } : null;
+    const r = Ot(e, o);
+    return r ? { mode: "enter", enterEl: s, exitEl: r } : null;
   }
   if (n && !s) {
-    const o = n.getAttribute(W);
+    const o = n.getAttribute(lt);
     if (!o) return null;
-    const i = dt(t, o);
-    return i ? { mode: "exit", enterEl: n, exitEl: i } : null;
+    const r = Ot(t, o);
+    return r ? { mode: "exit", enterEl: n, exitEl: r } : null;
   }
   return null;
 }
-function hn(e, t, n, s) {
+function Kn(e, t, n, s) {
   return {
-    enterRect: T(
+    enterRect: k(
       e.mode === "enter" ? n : t,
       e.enterEl
     ),
-    exitRect: T(
+    exitRect: k(
       e.mode === "enter" ? t : n,
       e.exitEl
     ),
     pageRect: e.mode === "enter" ? n.getBoundingClientRect() : t.getBoundingClientRect(),
     scrollOffset: s,
-    enterRadius: ct(e.enterEl),
-    exitRadius: ct(e.exitEl)
+    enterRadius: _t(e.enterEl),
+    exitRadius: _t(e.exitEl)
   };
 }
-class un {
+class Gn {
   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";
+    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";
     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;
+    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;
     }), [
       new b({
         element: p,
-        integrator: g.from(r),
+        integrator: g.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: d === "t" ? (m) => a.animate(m) : (m, f) => a.animate(f)
+        style: f === "t" ? (m) => a.animate(m) : (m, d) => a.animate(d)
       })
     ];
   }
 }
-class mn {
+class Jn {
   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);
+    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);
     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] ?? "");
+      for (const p of l) p.style.opacity = "0";
+    return i(() => {
+      for (let p = 0; p < l.length; p++) {
+        const f = l[p];
+        f && (f.style.opacity = a[p] ?? "");
       }
-    }), c.map(
+    }), l.map(
       (p) => new b({
         element: p,
         integrator: g.from(s),
-        style: (d, u) => ({
-          opacity: n.mode === "enter" ? d : u
+        style: (f, h) => ({
+          opacity: n.mode === "enter" ? f : h
         })
       })
     );
   }
 }
-class mt {
+class Lt {
   contribute() {
     return [];
   }
 }
-const yn = {
-  default: () => new mt(),
-  fade: () => new mn()
+const Qn = {
+  default: () => new Lt(),
+  fade: () => new Jn()
 };
-function gn(e) {
-  return yn[e]();
+function ts(e) {
+  return Qn[e]();
 }
-class bn extends mt {
+class es extends Lt {
 }
-function wn(e) {
-  const t = cn(e.type);
+function ns(e) {
+  const t = Rn(e.type);
   return { strategies: [
-    new un(),
+    new Gn(),
     t,
-    gn(e.variant),
-    new bn(),
+    ts(e.variant),
+    new es(),
     // 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()] : []
+    ...e.type === "blur" ? [new Mn()] : []
   ], physics: t.physics };
 }
-const Sn = (e) => {
-  const { strategies: t, physics: n } = wn(e);
+const ss = (e) => {
+  const { strategies: t, physics: n } = ns(e);
   return {
     prepare: (s) => {
       const o = {
@@ -1734,74 +1982,74 @@ const Sn = (e) => {
         // 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);
+      }, r = {};
+      for (const i of t) {
+        if (!i.prepare) continue;
+        const c = i.prepare(o);
+        c && Object.assign(r, c);
       }
-      return i;
+      return r;
     },
-    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 = {
+    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 = {
         from: s,
         to: o,
-        resolved: l,
-        input: c,
+        resolved: c,
+        input: l,
         physics: n,
-        extras: r,
-        onComplete: (f) => {
-          a.push(f);
+        extras: i,
+        onComplete: (d) => {
+          a.push(d);
         }
-      }, u = [];
-      for (const f of t)
-        f.contribute && u.push(...f.contribute(d));
-      const m = u[0];
+      }, h = [];
+      for (const d of t)
+        d.contribute && h.push(...d.contribute(f));
+      const m = h[0];
       if (m) {
-        const f = m.onComplete;
+        const d = m.onComplete;
         m.onComplete = () => {
-          f == null || f();
-          for (const h of a)
+          d == null || d();
+          for (const y of a)
             try {
-              h();
-            } catch (y) {
-              console.error("[zoom] cleanup error", y);
+              y();
+            } catch (u) {
+              console.error("[zoom] cleanup error", u);
             }
         };
       }
-      return new E(u, { mode: "parallel" });
+      return new C(h, { mode: "parallel" });
     }
   };
 };
-function $n(e) {
+function os(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(
+function Ss(e) {
+  const t = os(e);
+  return _(
     e.paths,
-    () => Sn(t)
+    () => ss(t)
   );
 }
 export {
-  zn as Animation,
-  E as MultiAnimation,
+  Es as Animation,
+  C 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
+  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
 };