@ssgoi/core 6.7.0-beta.0 → 7.0.0-beta.0

package/dist/index.js

@@ -1,72 +1,24 @@
-var Bt = Object.defineProperty;
-var Zt = (e, t, n) => t in e ? Bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var x = (e, t, n) => Zt(e, typeof t != "symbol" ? t + "" : t, n);
-import { P as st, V as At, W as m, M as E, S as Wt } from "./multi-animation-1FueEz2Q.js";
-import { A as Xs } from "./multi-animation-1FueEz2Q.js";
-function v(e, t) {
-  const n = [];
-  for (let s = 0; s < e.length; s++)
-    for (let o = s + 1; o < e.length; o++) {
-      const i = e[s], l = e[o];
-      !i || !l || n.push({
-        from: i,
-        to: l,
-        transition: t(),
-        symmetric: !0
-      });
-    }
-  return n;
-}
-function kt(e, t) {
-  return [
-    {
-      from: e.exit,
-      to: e.enter,
-      transition: t("enter")
-    },
-    {
-      from: e.enter,
-      to: e.exit,
-      transition: t("exit")
-    }
-  ];
-}
-function ot(e, t, n) {
-  const s = [];
-  for (let o = 0; o < e.length; o++)
-    for (let i = o + 1; i < e.length; i++) {
-      const l = e[o], a = e[i];
-      !l || !a || s.push(
-        {
-          from: l,
-          to: a,
-          transition: n(t.forward)
-        },
-        {
-          from: a,
-          to: l,
-          transition: n(t.backward)
-        }
-      );
-    }
-  return s;
-}
-class z {
+var se = Object.defineProperty;
+var oe = (e, t, n) => t in e ? se(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var E = (e, t, n) => oe(e, typeof t != "symbol" ? t + "" : t, n);
+import { P as ct, V as kt, W as b, M as P, S as ie } from "./multi-animation-ZFZBDBGr.js";
+import { A as mo } from "./multi-animation-ZFZBDBGr.js";
+class X {
   constructor(t) {
-    x(this, "omega");
+    E(this, "omega");
     // Angular frequency
-    x(this, "zeta");
+    E(this, "zeta");
     // Damping ratio
-    x(this, "restDelta");
-    x(this, "restSpeed");
+    E(this, "restDelta");
+    E(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 ?? st, this.restSpeed = t.restSpeed ?? At;
+    this.omega = Math.sqrt(n / o), this.zeta = s / (2 * Math.sqrt(n * o)), this.restDelta = t.restDelta ?? ct, this.restSpeed = t.restSpeed ?? kt;
   }
   step(t, n, s) {
-    const o = Math.min(s, 0.033), { omega: i, zeta: l } = this, { position: a, velocity: r } = t, c = -2 * o * l * i * r, f = o * i * i * (n - a), p = r + c + f;
+    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: a + o * p,
-      velocity: p
+      position: l + o * d,
+      velocity: d
     };
   }
   isSettled(t, n) {
@@ -74,20 +26,20 @@ class z {
     return s < this.restDelta && o < this.restSpeed;
   }
 }
-class qt {
+class re {
   constructor(t) {
-    x(this, "leader");
-    x(this, "follower");
-    x(this, "restDelta");
-    x(this, "restSpeed");
-    this.restDelta = t.restDelta ?? st, this.restSpeed = t.restSpeed ?? At, this.leader = new z({
+    E(this, "leader");
+    E(this, "follower");
+    E(this, "restDelta");
+    E(this, "restSpeed");
+    this.restDelta = t.restDelta ?? ct, this.restSpeed = t.restSpeed ?? kt, this.leader = new X({
       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 z({
+    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 X({
       stiffness: n,
       damping: s,
       restDelta: o ?? this.restDelta,
@@ -98,15 +50,15 @@ class qt {
     const i = t._leader ?? {
       position: t.position,
       velocity: t.velocity
-    }, l = this.leader.step(i, n, s), a = this.follower.step(
+    }, r = this.leader.step(i, n, s), l = this.follower.step(
       t,
-      l.position,
+      r.position,
       s
     );
     return {
-      position: a.position,
-      velocity: a.velocity,
-      _leader: l
+      position: l.position,
+      velocity: l.velocity,
+      _leader: r
     };
   }
   isSettled(t, n) {
@@ -114,46 +66,46 @@ class qt {
     return s._leader ? Math.abs(n - s._leader.position) < this.restDelta && Math.abs(s._leader.velocity) < this.restSpeed && o : o;
   }
 }
-const jt = 0.01, Kt = 500, Gt = 10;
-class Jt {
+const ae = 0.01, le = 500, ce = 10;
+class pe {
   constructor(t) {
-    x(this, "acceleration");
-    x(this, "resistance");
-    x(this, "resistanceType");
-    x(this, "min");
-    x(this, "max");
-    x(this, "bounceStiffness");
-    x(this, "bounceDamping");
-    x(this, "restDelta");
-    this.acceleration = t.acceleration, this.resistance = t.resistance, this.resistanceType = t.resistanceType ?? "quadratic", this.min = t.min, this.max = t.max, this.bounceStiffness = t.bounceStiffness ?? Kt, this.bounceDamping = t.bounceDamping ?? Gt, this.restDelta = t.restDelta ?? jt;
+    E(this, "acceleration");
+    E(this, "resistance");
+    E(this, "resistanceType");
+    E(this, "min");
+    E(this, "max");
+    E(this, "bounceStiffness");
+    E(this, "bounceDamping");
+    E(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 ?? le, this.bounceDamping = t.bounceDamping ?? ce, this.restDelta = t.restDelta ?? ae;
   }
   step(t, n, s) {
-    const o = Math.min(s, 0.033), { acceleration: i, resistance: l, resistanceType: a, min: r, max: c } = this, { position: f, velocity: p } = t, d = r !== void 0 && f < r, u = c !== void 0 && f > c;
-    let y;
-    if (d || u) {
-      const b = f - (d ? r : c), P = -this.bounceStiffness * b, $ = -this.bounceDamping * p;
-      y = P + $;
+    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, h = a !== void 0 && p > a;
+    let f;
+    if (u || h) {
+      const g = p - (u ? c : a), $ = -this.bounceStiffness * g, x = -this.bounceDamping * d;
+      f = $ + x;
     } else {
-      const S = n > f ? 1 : -1;
-      let b;
-      a === "linear" ? b = l * p : b = l * p * Math.abs(p), y = S * i - b;
+      const S = n > p ? 1 : -1;
+      let g;
+      l === "linear" ? g = r * d : g = r * d * Math.abs(d), f = S * i - g;
     }
-    const h = p + y * o;
-    let w = f + h * o;
-    if (!d && !u) {
-      const S = n > f ? 1 : -1;
-      (S > 0 && w > n || S < 0 && w < n) && (w = n);
+    const y = d + f * o;
+    let m = p + y * o;
+    if (!u && !h) {
+      const S = n > p ? 1 : -1;
+      (S > 0 && m > n || S < 0 && m < n) && (m = n);
     }
     return {
-      position: w,
-      velocity: w === n ? 0 : h
+      position: m,
+      velocity: m === n ? 0 : y
     };
   }
   isSettled(t, n) {
     return Math.abs(n - t.position) < this.restDelta;
   }
 }
-class g {
+class w {
   /**
    * Create an Integrator from physics config
    *
@@ -167,7 +119,7 @@ class g {
         "Cannot use both 'spring' and 'inertia' together. Choose one physics type."
       );
     if (t.inertia)
-      return new Jt({
+      return new pe({
         acceleration: t.inertia.acceleration,
         resistance: t.inertia.resistance,
         resistanceType: t.inertia.resistanceType,
@@ -184,7 +136,7 @@ class g {
       return typeof s == "number" ? o = s : typeof s == "object" && (o = {
         stiffness: s.stiffness,
         damping: s.damping
-      }), new qt({
+      }), new re({
         stiffness: n.stiffness,
         damping: n.damping,
         follower: o,
@@ -192,7 +144,7 @@ class g {
         restSpeed: n.restSpeed
       });
     }
-    return new z({
+    return new X({
       stiffness: n.stiffness,
       damping: n.damping,
       restDelta: n.restDelta,
@@ -204,32 +156,32 @@ class g {
    * @deprecated Use from({ spring: config }) instead
    */
   static fromSpring(t) {
-    return g.from({ spring: t });
+    return w.from({ spring: t });
   }
 }
-class Qt {
+class de {
   constructor(t) {
-    x(this, "durationSec");
+    E(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 i = Math.sign(o), l = Math.abs(o) / this.durationSec, a = i * l * s, r = t.position + a;
-    return (i > 0 ? r >= n : r <= n) ? { position: n, velocity: 0 } : { position: r, velocity: i * l };
+    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) < st;
+    return Math.abs(t.position - n) < ct;
   }
 }
-function N(e, t) {
+function k(e, t) {
   function n(i) {
-    let l = 0, a = 0;
-    const r = i.offsetWidth, c = i.offsetHeight;
-    let f = i;
-    for (; f; )
-      l += f.offsetTop, a += f.offsetLeft, f = f.offsetParent;
-    return l -= window.scrollY, a -= window.scrollX, { top: l, left: a, width: r, height: c };
+    let r = 0, l = 0;
+    const c = i.offsetWidth, a = i.offsetHeight;
+    let p = i;
+    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 };
   }
   const s = n(e), o = n(t);
   return new DOMRect(
@@ -239,7 +191,7 @@ function N(e, t) {
     o.height
   );
 }
-function rt(e, t) {
+function z(e, t) {
   const n = e.getBoundingClientRect(), s = t.getBoundingClientRect(), o = e.offsetWidth > 0 ? n.width / e.offsetWidth : 1, i = e.offsetHeight > 0 ? n.height / e.offsetHeight : 1;
   return new DOMRect(
     (s.left - n.left) / o,
@@ -248,8 +200,8 @@ function rt(e, t) {
     s.height / i
   );
 }
-function T(e, t) {
-  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? N(n, s).top : 0;
+function F(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,
@@ -257,26 +209,26 @@ function T(e, t) {
     height: n.clientHeight - o
   };
 }
-function Yt(e, t) {
-  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? N(n, s).top : 0;
+function Ht(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 - o,
     height: n.clientHeight
   };
 }
-const at = 8, lt = {
+const dt = 8, ut = {
   spring: {
-    stiffness: 1e3,
+    stiffness: 800,
     damping: 40,
     doubleSpring: 1.2,
     restDelta: 0.1,
     restSpeed: 0.1
   }
 };
-function te({
+function ue({
   direction: e
 }) {
-  const t = e === "forward" ? at : -at;
+  const t = e === "forward" ? dt : -dt;
   return {
     out: {
       willChange: "transform, opacity",
@@ -298,25 +250,25 @@ function te({
     }
   };
 }
-function ee() {
+function fe() {
   return {
-    outPhysics: lt,
-    inPhysics: lt,
+    outPhysics: ut,
+    inPhysics: ut,
     // 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: te
+    build: ue
   };
 }
-const ct = 30, ne = {
+const ft = 30, he = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, se = {
+}, ye = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function oe({
+function me({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = -ct * t, s = ct * t;
+  const t = e === "forward" ? 1 : -1, n = -ft * t, s = ft * t;
   return {
     out: {
       willChange: "transform, opacity",
@@ -339,29 +291,29 @@ function oe({
     }
   };
 }
-function ie() {
+function ge() {
   return {
-    outPhysics: ne,
-    inPhysics: se,
+    outPhysics: he,
+    inPhysics: ye,
     // 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: oe
+    build: me
   };
 }
-const re = {
-  snappy: ee(),
-  fluid: ie()
-}, pt = 8, ae = {
+const be = {
+  snappy: fe(),
+  fluid: ge()
+}, ht = 8, we = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, le = {
+}, Se = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function ce({
+function xe({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = -pt * t, s = pt * t;
+  const t = e === "forward" ? 1 : -1, n = -ht * t, s = ht * t;
   return {
     out: {
       willChange: "transform, opacity",
@@ -384,21 +336,21 @@ function ce({
     }
   };
 }
-function pe() {
+function Ce() {
   return {
-    outPhysics: ae,
-    inPhysics: le,
+    outPhysics: we,
+    inPhysics: Se,
     composition: { mode: "sequence" },
-    build: ce
+    build: xe
   };
 }
-const fe = 8, de = {
+const $e = 8, Ee = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, ye = {
+}, Pe = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function he(e) {
-  const t = fe;
+function _e(e) {
+  const t = $e;
   return {
     out: {
       willChange: "opacity",
@@ -420,32 +372,32 @@ function he(e) {
     }
   };
 }
-function ue() {
+function Ae() {
   return {
-    outPhysics: de,
-    inPhysics: ye,
+    outPhysics: Ee,
+    inPhysics: Pe,
     composition: { mode: "sequence" },
-    build: he
+    build: _e
   };
 }
-const ft = pe(), me = {
-  snappy: ft,
-  directional: ft,
-  "non-directional": ue()
-}, dt = {
+const yt = Ce(), Ie = {
+  snappy: yt,
+  directional: yt,
+  "non-directional": Ae()
+}, mt = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, V = 0.1, X = 1 / 3, yt = (e) => Math.max(0, Math.min(1, e));
-function ge({
+}, W = 0.1, Z = 1 / 3, gt = (e) => Math.max(0, Math.min(1, e));
+function Re({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = 1 - t * V;
+  const t = e === "forward" ? 1 : -1, n = 1 - t * W;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
       animate: (s) => ({
-        transform: `scale(${1 + t * s * V})`,
-        opacity: `${yt(1 - s / X)}`
+        transform: `scale(${1 + t * s * W})`,
+        opacity: `${gt(1 - s / Z)}`
       })
     },
     in: {
@@ -455,130 +407,130 @@ function ge({
         opacity: "0"
       },
       animate: (s) => ({
-        transform: `scale(${n + t * s * V})`,
-        opacity: `${yt((s - X) / (1 - X))}`
+        transform: `scale(${n + t * s * W})`,
+        opacity: `${gt((s - Z) / (1 - Z))}`
       })
     }
   };
 }
-function we() {
+function ve() {
   return {
-    outPhysics: dt,
-    inPhysics: dt,
+    outPhysics: mt,
+    inPhysics: mt,
     // Scale must move together on both sides; fade-through is encoded inside
     // each tick (piecewise), not via composition staggering — so parallel.
     composition: { mode: "parallel" },
-    build: ge
+    build: Re
   };
 }
-const ht = {
+const bt = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, B = 0.1, Z = 1 / 3, ut = (e) => Math.max(0, Math.min(1, e));
-function Se() {
+}, G = 0.1, j = 1 / 3, wt = (e) => Math.max(0, Math.min(1, e));
+function Oe() {
   return {
     out: {
       willChange: "opacity",
       startStyle: {},
       animate: (e) => ({
-        opacity: `${ut(1 - e / Z)}`
+        opacity: `${wt(1 - e / j)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `scale(${1 - B})`,
+        transform: `scale(${1 - G})`,
         opacity: "0"
       },
       animate: (e) => ({
-        transform: `scale(${1 - B + e * B})`,
-        opacity: `${ut((e - Z) / (1 - Z))}`
+        transform: `scale(${1 - G + e * G})`,
+        opacity: `${wt((e - j) / (1 - j))}`
       })
     }
   };
 }
-function be() {
+function De() {
   return {
-    outPhysics: ht,
-    inPhysics: ht,
+    outPhysics: bt,
+    inPhysics: bt,
     composition: { mode: "parallel" },
-    build: Se
+    build: Oe
   };
 }
-const mt = we(), $e = {
-  snappy: mt,
-  directional: mt,
-  "non-directional": be()
-}, Ce = {
-  x: re,
-  y: me,
-  z: $e
+const St = ve(), Fe = {
+  snappy: St,
+  directional: St,
+  "non-directional": De()
+}, Te = {
+  x: be,
+  y: Ie,
+  z: Fe
 };
-function xe(e, t) {
-  const n = Ce[e];
+function Me(e, t) {
+  const n = Te[e];
   return n[t] ?? n.snappy;
 }
-const Ee = "x", Pe = "snappy";
-function gt(e, t) {
+const Ye = "x", Le = "snappy";
+function xt(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 Lt(e) {
+function Nt(e) {
   e.style.willChange = "auto", e.style.backfaceVisibility = "", e.style.contain = "", e.style.transform = "", e.style.opacity = "", e.style.clipPath = "";
 }
-function _e(e) {
-  Lt(e), e.style.pointerEvents = "";
+function ke(e) {
+  Nt(e), e.style.pointerEvents = "";
 }
-const Ie = (e = {}) => {
-  const t = e.direction ?? "forward", n = e.type ?? Ee, s = e.feel ?? Pe, o = xe(n, s), i = o.build({ direction: t });
+const He = (e = {}) => {
+  const t = e.type ?? Ye, n = e.feel ?? Le, s = Me(t, n);
   return {
-    prepare: ({ from: l, to: a }) => (l.then((r) => {
-      gt(r, i.out), r.style.pointerEvents = "none";
-    }), a.then((r) => {
-      gt(r, i.in);
-    }), {}),
-    animation: ({ from: l, to: a, context: r }) => {
-      if (n === "z") {
-        const p = T(r, "from"), d = T(r, "to");
-        l.style.clipPath = `inset(${p.top}px 0 calc(100% - ${p.top + p.height}px) 0)`, a.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`;
+    prepare: ({ from: o, to: i, context: r }) => {
+      const l = s.build({ direction: r.direction });
+      return o.then((c) => {
+        xt(c, l.out), c.style.pointerEvents = "none";
+      }), i.then((c) => {
+        xt(c, l.in);
+      }), {};
+    },
+    animation: ({ from: o, to: i, context: r }) => {
+      const l = s.build({ direction: r.direction });
+      if (t === "z") {
+        const p = F(r, "from"), d = F(r, "to");
+        o.style.clipPath = `inset(${p.top}px 0 calc(100% - ${p.top + p.height}px) 0)`, i.style.clipPath = `inset(${d.top}px 0 calc(100% - ${d.top + d.height}px) 0)`;
       }
-      const c = new m({
-        element: l,
-        integrator: g.from(o.outPhysics),
-        style: (p) => i.out.animate(p),
+      const c = new b({
+        element: o,
+        integrator: w.from(s.outPhysics),
+        style: (p) => l.out.animate(p),
         // Restore the reused from node's inline styles on complete. This
         // covers willChange/backfaceVisibility/contain/transform/opacity (from
         // applyStartStyle + the WAAPI final frame), pointerEvents (set in
         // prepare), and clipPath (set above for z; harmless no-op otherwise).
-        onComplete: () => _e(l)
-      }), f = new m({
-        element: a,
-        integrator: g.from(o.inPhysics),
-        style: (p) => i.in.animate(p),
-        onComplete: () => Lt(a)
+        onComplete: () => ke(o)
+      }), a = new b({
+        element: i,
+        integrator: w.from(s.inPhysics),
+        style: (p) => l.in.animate(p),
+        onComplete: () => Nt(i)
       });
-      return new E([c, f], o.composition);
+      return new P([c, a], s.composition);
     }
   };
 };
-function ve(e, t, n) {
+function Ne(e, t, n) {
   return e === "y" ? t === "non-directional" ? "non-directional" : "directional" : e !== "x" || t === "snappy" || n === "snappy" ? "snappy" : "fluid";
 }
-function Ds(e) {
-  const { paths: t } = e, n = e.type ?? "x", s = e.variant, o = e.feel, i = ve(n, s, o);
-  return ot(
-    t,
-    { forward: "forward", backward: "backward" },
-    (l) => Ie({ type: n, direction: l, feel: i })
-  );
+function to(e = {}) {
+  const t = e.type ?? "x", n = e.variant, s = e.feel, o = Ne(t, n, s);
+  return He({ type: t, feel: o });
 }
-const De = {
+const ze = {
   spring: { stiffness: 200, damping: 22 }
-}, Oe = 10, Te = "horizontal", Fe = "#000000";
-function wt(e, t, n, s, o, i) {
+}, Ue = 10, Ve = "horizontal", Xe = "#000000";
+function Ct(e, t, n, s, o, i) {
   window.getComputedStyle(e).position === "static" && (e.style.position = "relative");
-  const a = document.createElement("div");
-  a.style.cssText = `
+  const l = document.createElement("div");
+  l.style.cssText = `
     position: absolute;
     top: 0;
     left: 0;
@@ -588,29 +540,29 @@ function wt(e, t, n, s, o, i) {
     z-index: 9999;
     overflow: hidden;
   `;
-  const r = [];
-  for (let c = 0; c < t; c++) {
-    const f = document.createElement("div");
+  const c = [];
+  for (let a = 0; a < t; a++) {
+    const p = document.createElement("div");
     if (n === "horizontal") {
-      const p = 100 / t;
-      f.style.cssText = `
+      const d = 100 / t;
+      p.style.cssText = `
         position: absolute;
-        top: ${p * c}%;
+        top: ${d * a}%;
         left: 0;
         width: 100%;
-        height: calc(${p}% + 1px);
+        height: calc(${d}% + 1px);
         background: ${s};
         transform: scaleX(${o === "hidden" ? 0 : 1});
         transform-origin: ${i} center;
         will-change: transform;
       `;
     } else {
-      const p = 100 / t;
-      f.style.cssText = `
+      const d = 100 / t;
+      p.style.cssText = `
         position: absolute;
         top: 0;
-        left: ${p * c}%;
-        width: calc(${p}% + 1px);
+        left: ${d * a}%;
+        width: calc(${d}% + 1px);
         height: 100%;
         background: ${s};
         transform: scaleY(${o === "hidden" ? 0 : 1});
@@ -618,27 +570,27 @@ function wt(e, t, n, s, o, i) {
         will-change: transform;
       `;
     }
-    r.push(f), a.appendChild(f);
+    c.push(p), l.appendChild(p);
   }
-  return e.appendChild(a), { container: a, blinds: r };
+  return e.appendChild(l), { container: l, blinds: c };
 }
-const Ae = (e = {}) => {
-  const t = e.blindCount ?? Oe, n = e.direction ?? Te, s = e.blindColor ?? Fe, o = e.physics ?? De;
+const Be = (e = {}) => {
+  const t = e.blindCount ?? Ue, n = e.direction ?? Ve, s = e.blindColor ?? Xe, o = e.physics ?? ze;
   return {
-    prepare: async ({ from: i, to: l }) => {
-      const a = await i, r = await l;
-      a.style.zIndex = "1000";
-      const c = wt(
-        a,
+    prepare: async ({ from: i, to: r }) => {
+      const l = await i, c = await r;
+      l.style.zIndex = "1000";
+      const a = Ct(
+        l,
         t,
         n,
         s,
         "hidden",
         "left"
       );
-      r.style.position = "relative", r.style.zIndex = "0";
-      const f = wt(
-        r,
+      c.style.position = "relative", c.style.zIndex = "0";
+      const p = Ct(
+        c,
         t,
         n,
         s,
@@ -646,55 +598,56 @@ const Ae = (e = {}) => {
         "right"
       );
       return {
-        fromEl: a,
-        fromBlinds: c.blinds,
-        fromContainer: c.container,
-        toBlinds: f.blinds,
-        toContainer: f.container
+        fromEl: l,
+        fromBlinds: a.blinds,
+        fromContainer: a.container,
+        toBlinds: p.blinds,
+        toContainer: p.container
       };
     },
     animation: ({
       fromEl: i,
-      fromBlinds: l,
-      fromContainer: a,
-      toBlinds: r,
-      toContainer: c
+      fromBlinds: r,
+      fromContainer: l,
+      toBlinds: c,
+      toContainer: a
     }) => {
-      const f = l.map(
-        (y) => new m({
-          element: y,
-          integrator: g.from(o),
-          style: (h) => ({
-            transform: n === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
+      const p = r.map(
+        (f) => new b({
+          element: f,
+          integrator: w.from(o),
+          style: (y) => ({
+            transform: n === "horizontal" ? `scaleX(${y})` : `scaleY(${y})`
           })
         })
-      ), p = r.map(
-        (y, h) => new m({
-          element: y,
-          integrator: g.from(o),
-          style: (w, S) => ({
+      ), d = c.map(
+        (f, y) => new b({
+          element: f,
+          integrator: w.from(o),
+          style: (m, S) => ({
             transform: n === "horizontal" ? `scaleX(${S})` : `scaleY(${S})`
           }),
-          onComplete: h === r.length - 1 ? () => {
-            c.remove(), a.remove(), i.style.zIndex = "", i.style.position = "";
+          onComplete: y === c.length - 1 ? () => {
+            a.remove(), l.remove(), i.style.zIndex = "", i.style.position = "";
           } : void 0
         })
-      ), d = new E(f, { mode: "parallel" }), u = new E(p, { mode: "parallel" });
-      return new E([d, u], { mode: "sequence" });
+      ), u = new P(p, { mode: "parallel" }), h = new P(d, { mode: "parallel" });
+      return new P([u, h], { mode: "sequence" });
     }
   };
 };
-function Os(e) {
-  const { paths: t, type: n = "horizontal" } = e;
-  return v(
-    t,
-    () => Ae({ direction: n })
-  );
+function eo(e = {}) {
+  const { type: t = "horizontal" } = e;
+  return Be({ direction: t });
 }
-const ke = {
-  spring: { stiffness: 200, damping: 20, doubleSpring: 0.7 }
-}, Y = 0.5;
-function Ye(e) {
+const We = {
+  spring: {
+    stiffness: 250,
+    damping: 23,
+    doubleSpring: 0.7
+  }
+}, L = 0.5;
+function Ze(e) {
   const t = e === "enter" ? -100 : 100, n = e === "enter" ? 100 : -100;
   return {
     out: {
@@ -702,32 +655,39 @@ function Ye(e) {
       startStyle: {},
       animate: (s) => ({
         transform: `translate3d(${t * s}%, 0, 0)`,
-        opacity: `${Y + (1 - Y) * (1 - s)}`
+        opacity: `${L + (1 - L) * (1 - s)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
         transform: `translate3d(${n}%, 0, 0)`,
-        opacity: `${Y}`
+        opacity: `${L}`
       },
       animate: (s) => ({
         transform: `translate3d(${n * (1 - s)}%, 0, 0)`,
-        opacity: `${Y + (1 - Y) * s}`
+        opacity: `${L + (1 - L) * s}`
       })
     }
   };
 }
-function Le() {
+function Ge() {
   return {
-    physics: ke,
-    build: Ye
+    physics: We,
+    build: Ze
   };
 }
-const He = {
-  spring: { stiffness: 170, damping: 22 }
+const je = {
+  spring: {
+    stiffness: 270,
+    damping: 25,
+    doubleSpring: {
+      stiffness: 600,
+      damping: 50
+    }
+  }
 };
-function Me(e) {
+function qe(e) {
   const t = e === "enter" ? -20 : 100, n = e === "enter" ? 100 : -20;
   return {
     out: {
@@ -748,234 +708,233 @@ function Me(e) {
     }
   };
 }
-function ze() {
+function Ke() {
   return {
-    physics: He,
-    build: Me
+    physics: je,
+    build: qe
   };
 }
-const Re = {
-  parallax: ze(),
-  crossfade: Le()
-}, D = "0", Ht = "1", O = "2", Ue = "parallax";
-function St(e, t) {
+const Je = {
+  parallax: Ke(),
+  crossfade: Ge()
+}, R = "0", zt = "1", v = "2", Qe = "parallax";
+function $t(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 Ne = (e = {}) => {
-  const t = e.direction ?? "enter", n = Re[e.type ?? Ue], s = n.physics, o = n.build(t), i = t === "enter" ? D : O, l = t === "enter" ? O : D;
+const tn = (e = {}) => {
+  const t = Je[e.type ?? Qe], n = t.physics;
   return {
-    prepare: ({ from: a, to: r }) => (a.then((c) => {
-      St(c, o.out), c.style.pointerEvents = "none", c.style.zIndex = i;
-    }), r.then((c) => {
-      St(c, o.in), c.style.position = "relative", c.style.zIndex = l;
-    }), {}),
-    animation: ({ from: a, to: r }) => {
-      const c = new m({
-        element: a,
-        integrator: g.from(s),
-        style: (p) => o.out.animate(p),
+    prepare: ({ from: s, to: o, context: i }) => {
+      const r = i.direction === "forward" ? "enter" : "exit", l = t.build(r), c = r === "enter" ? R : v, a = r === "enter" ? v : R;
+      return s.then((p) => {
+        $t(p, l.out), p.style.pointerEvents = "none", p.style.zIndex = c;
+      }), o.then((p) => {
+        $t(p, l.in), p.style.position = "relative", p.style.zIndex = a;
+      }), {};
+    },
+    animation: ({ from: s, to: o, context: i }) => {
+      const r = i.direction === "forward" ? "enter" : "exit", l = t.build(r), c = r === "enter" ? v : R, a = new b({
+        element: s,
+        integrator: w.from(n),
+        style: (d) => l.out.animate(d),
         // The outgoing node is the real, reused element (re-hidden on navigate),
         // so clear every inline style we set on it — mirroring the `to` cleanup,
         // plus the out-only `pointerEvents` / `zIndex`.
         onComplete: () => {
-          a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.opacity = "", a.style.pointerEvents = "", a.style.zIndex = "";
+          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transform = "", s.style.opacity = "", s.style.pointerEvents = "", s.style.zIndex = "";
         }
-      }), f = new m({
-        element: r,
-        integrator: g.from(s),
-        style: (p) => o.in.animate(p),
+      }), p = new b({
+        element: o,
+        integrator: w.from(n),
+        style: (d) => l.in.animate(d),
         onComplete: () => {
-          r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "", r.style.opacity = "", r.style.position === "relative" && (r.style.position = ""), r.style.zIndex === l && (r.style.zIndex = "");
+          o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.opacity = "", o.style.position === "relative" && (o.style.position = ""), o.style.zIndex === c && (o.style.zIndex = "");
         }
       });
-      for (const p of [c, f]) {
-        const d = p.onComplete;
-        p.onComplete = () => {
-          d == null || d(), p.releaseFill();
+      for (const d of [a, p]) {
+        const u = d.onComplete;
+        d.onComplete = () => {
+          u == null || u(), d.releaseFill();
         };
       }
-      return new E([c, f], { mode: "parallel" });
+      return new P([a, p], { mode: "parallel" });
     }
   };
 };
-function Ve(e) {
+function en(e) {
   return e === "slide" || e === "crossfade" ? "crossfade" : "parallax";
 }
-function Ts(e) {
-  const { enter: t, exit: n } = e, s = e.type, o = Ve(s);
-  return kt(
-    { enter: t, exit: n },
-    (i) => Ne({ direction: i, type: o })
-  );
+function no(e = {}) {
+  const t = e.type, n = en(t);
+  return tn({ type: n });
 }
-const Xe = {
+const nn = {
   spring: { stiffness: 180, damping: 20, doubleSpring: !0 }
-}, Be = {
+}, sn = {
   spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
-}, Ze = (e = {}) => {
-  const t = e.physics ?? Be, n = e.physics ?? Xe;
+}, on = (e = {}) => {
+  const t = e.physics ?? sn, n = e.physics ?? nn;
   return {
     prepare: ({ to: s }) => (s.then((o) => {
       o.style.opacity = "0", o.style.willChange = "opacity";
     }), {}),
     animation: ({ from: s, to: o }) => {
-      const i = new m({
+      const i = new b({
         element: s,
-        integrator: g.from(n),
+        integrator: w.from(n),
         // Default bounds (0, 1). `u` runs 1→0 as the animation moves
         // forward, mapping opacity from fully visible to invisible.
-        style: (a, r) => ({ opacity: r }),
+        style: (l, c) => ({ opacity: c }),
         onComplete: () => {
           s.style.willChange = "auto", s.style.opacity = "";
         }
-      }), l = new m({
+      }), r = new b({
         element: o,
-        integrator: g.from(t),
-        style: (a) => ({ opacity: a }),
+        integrator: w.from(t),
+        style: (l) => ({ opacity: l }),
         onComplete: () => {
           o.style.willChange = "auto", o.style.opacity = "";
         }
       });
-      return new E([i, l], { mode: "sequence" });
+      return new P([i, r], { mode: "sequence" });
     }
   };
 };
-function Fs(e) {
-  const { paths: t } = e;
-  return v(t, () => Ze());
+function so(e = {}) {
+  return on();
 }
-const W = {
+const q = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
-}, A = {
+}, T = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, We = 0.8, qe = "white", bt = 1e3 / 60, je = 600;
-function Ke(e) {
-  const { items: t, from: n, to: s, recordFrame: o } = e, i = bt / 1e3, l = Math.abs(s - n), a = t.map((c) => ({
-    item: c,
-    integrator: new z({
-      stiffness: c.spring.stiffness,
-      damping: c.spring.damping
+}, rn = 0.8, an = "white", Et = 1e3 / 60, ln = 600;
+function cn(e) {
+  const { items: t, from: n, to: s, recordFrame: o } = e, i = Et / 1e3, r = Math.abs(s - n), l = t.map((a) => ({
+    item: a,
+    integrator: new X({
+      stiffness: a.spring.stiffness,
+      damping: a.spring.damping
     }),
     state: { position: n, velocity: 0 },
     started: !1,
     settled: !1,
     settleTime: 0
   }));
-  for (let c = 0; c < a.length; c++)
-    (c === 0 || a[c].item.offset === 0) && (a[c].started = !0);
+  for (let a = 0; a < l.length; a++)
+    (a === 0 || l[a].item.offset === 0) && (l[a].started = !0);
   o(0);
-  let r = 0;
-  for (let c = 1; c <= je; c++) {
-    const f = c * bt;
-    r = f;
-    for (const p of a)
-      !p.started || p.settled || (p.state = p.integrator.step(p.state, s, i), p.integrator.isSettled(p.state, s) ? (p.settleTime += i, p.settleTime >= Wt && (p.state = { position: s, velocity: 0 }, p.settled = !0)) : p.settleTime = 0, p.item.tick(p.state.position));
-    for (let p = 1; p < a.length; p++) {
-      const d = a[p];
-      if (d.started) continue;
-      const u = a[p - 1];
-      if (!u.started) continue;
-      (l === 0 ? 1 : Math.abs(u.state.position - n) / l) >= d.item.offset && (d.started = !0);
+  let c = 0;
+  for (let a = 1; a <= ln; a++) {
+    const p = a * Et;
+    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 >= ie && (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 h = l[d - 1];
+      if (!h.started) continue;
+      (r === 0 ? 1 : Math.abs(h.state.position - n) / r) >= u.item.offset && (u.started = !0);
     }
-    if (o(f), a.every((p) => p.settled)) return f;
+    if (o(p), l.every((d) => d.settled)) return p;
   }
-  return r;
+  return c;
 }
-function q(e, t) {
+function K(e, t) {
   return e != null && e.spring ? {
     stiffness: e.spring.stiffness,
     damping: e.spring.damping
   } : t;
 }
-function $t(e) {
-  const { rect: t, scale: n, direction: s, override: o } = e, i = s === "out" ? { scale: 1, translateY: -t.top } : { scale: n, translateY: -t.top + t.height }, l = q(o, W.scaleDown), a = q(o, W.translate), r = q(o, W.scaleUp), c = s === "out" ? 1 : 0, f = s === "out" ? 0 : 1, p = s === "out" ? [
+function Pt(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 = K(o, q.scaleDown), l = K(o, q.translate), c = K(o, q.scaleUp), a = s === "out" ? 1 : 0, p = s === "out" ? 0 : 1, d = s === "out" ? [
     {
-      spring: l,
-      offset: A.scaleDown,
-      tick: (y) => {
-        const h = 1 - y;
-        i.scale = 1 - (1 - n) * h;
+      spring: r,
+      offset: T.scaleDown,
+      tick: (f) => {
+        const y = 1 - f;
+        i.scale = 1 - (1 - n) * y;
       }
     },
     {
-      spring: a,
-      offset: A.translate,
-      tick: (y) => {
-        const h = 1 - y;
-        i.translateY = -t.top - t.height * h;
+      spring: l,
+      offset: T.translate,
+      tick: (f) => {
+        const y = 1 - f;
+        i.translateY = -t.top - t.height * y;
       }
     },
     {
-      spring: r,
-      offset: A.scaleUp,
-      tick: (y) => {
-        const h = 1 - y;
-        i.scale = n + (1 - n) * h;
+      spring: c,
+      offset: T.scaleUp,
+      tick: (f) => {
+        const y = 1 - f;
+        i.scale = n + (1 - n) * y;
       }
     }
   ] : [
     {
-      spring: l,
-      offset: A.scaleDown,
-      tick: (y) => {
-        i.scale = 1 - (1 - n) * y;
+      spring: r,
+      offset: T.scaleDown,
+      tick: (f) => {
+        i.scale = 1 - (1 - n) * f;
       }
     },
     {
-      spring: a,
-      offset: A.translate,
-      tick: (y) => {
-        i.translateY = -t.top + t.height * (1 - y);
+      spring: l,
+      offset: T.translate,
+      tick: (f) => {
+        i.translateY = -t.top + t.height * (1 - f);
       }
     },
     {
-      spring: r,
-      offset: A.scaleUp,
-      tick: (y) => {
-        i.scale = n + (1 - n) * y;
+      spring: c,
+      offset: T.scaleUp,
+      tick: (f) => {
+        i.scale = n + (1 - n) * f;
       }
     }
-  ], d = [], u = Ke({
-    items: p,
-    from: c,
-    to: f,
-    recordFrame: (y) => d.push({
-      time: y,
+  ], u = [], h = cn({
+    items: d,
+    from: a,
+    to: p,
+    recordFrame: (f) => u.push({
+      time: f,
       scale: i.scale,
       translateY: i.translateY
     })
   });
-  return { snapshots: d, totalDuration: u };
+  return { snapshots: u, totalDuration: h };
 }
-function Ge(e, t) {
+function pn(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], l = e[o], a = n - s;
+  const i = e[s], r = e[o], l = n - s;
   return {
-    time: i.time + (l.time - i.time) * a,
-    scale: i.scale + (l.scale - i.scale) * a,
-    translateY: i.translateY + (l.translateY - i.translateY) * a
+    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 Je = [
+const dn = [
   [1, 1],
   [-1, 1],
   [1, -1],
   [-1, -1]
 ];
-function Qe(e, t) {
-  const o = (i, l, a) => {
-    const r = document.createElement("div");
-    Object.assign(r.style, {
+function un(e, t) {
+  const o = (i, r, l) => {
+    const c = document.createElement("div");
+    Object.assign(c.style, {
       position: "fixed",
       pointerEvents: "none",
       zIndex: "9999",
@@ -983,24 +942,24 @@ function Qe(e, t) {
       height: "15px",
       ...i
     });
-    const c = document.createElement("div");
-    Object.assign(c.style, {
+    const a = document.createElement("div");
+    Object.assign(a.style, {
       position: "absolute",
       width: "15px",
       height: "1px",
       backgroundColor: e,
-      [a]: "0",
-      [l]: "0"
+      [l]: "0",
+      [r]: "0"
     });
-    const f = document.createElement("div");
-    return Object.assign(f.style, {
+    const p = document.createElement("div");
+    return Object.assign(p.style, {
       position: "absolute",
       width: "1px",
       height: "15px",
       backgroundColor: e,
-      [a]: "0",
-      [l]: "0"
-    }), r.appendChild(c), r.appendChild(f), r;
+      [l]: "0",
+      [r]: "0"
+    }), c.appendChild(a), c.appendChild(p), c;
   };
   return {
     topLeft: o(
@@ -1037,11 +996,11 @@ function Qe(e, t) {
     )
   };
 }
-function Ct(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 xt(e, t) {
+function At(e, t) {
   e.style.clipPath = `polygon(
     ${t.left}px ${t.top}px,
     ${t.left + t.width}px ${t.top}px,
@@ -1049,173 +1008,213 @@ function xt(e, t) {
     ${t.left}px ${t.top + t.height}px
   )`;
 }
-function j(e, t, n, s, o) {
+function J(e, t, n, s, o) {
   const i = n / 1e3;
-  return new m({
+  return new b({
     element: e,
-    integrator: new Qt({ durationSec: i }),
+    integrator: new de({ durationSec: i }),
     lowerBound: 0,
     upperBound: 1,
-    style: (l) => s(Ge(t, l)),
+    style: (r) => s(pn(t, r)),
     onComplete: o
   });
 }
-const tn = (e = {}) => {
+const fn = (e = {}) => {
   var o;
-  const t = ((o = e.border) == null ? void 0 : o.color) ?? qe, n = We, s = e.physics;
+  const t = ((o = e.border) == null ? void 0 : o.color) ?? an, n = rn, s = e.physics;
   return {
-    prepare: ({ from: i, to: l, context: a }) => {
-      const r = T(a, "from"), c = T(a, "to"), f = N(document.body, a.positionedParent), p = Qe(t, {
-        ...r,
-        top: f.top
+    prepare: ({ from: i, to: r, context: l }) => {
+      const c = F(l, "from"), a = F(l, "to"), p = k(document.body, l.positionedParent), d = un(t, {
+        ...c,
+        top: p.top
       });
-      for (const d of [
+      for (const u of [
         "topLeft",
         "topRight",
         "bottomLeft",
         "bottomRight"
       ])
-        a.positionedParent.appendChild(p[d]);
-      return i.then((d) => {
-        Ct(d, r), xt(d, r), d.style.transform = `translateY(${-r.top}px)`;
-      }), l.then((d) => {
-        Ct(d, c), xt(d, c), d.style.transform = `translateY(${-c.top + c.height}px) scale(${n})`;
-      }), { borders: p, fromRect: r, toRect: c };
+        l.positionedParent.appendChild(d[u]);
+      return i.then((u) => {
+        _t(u, c), At(u, c), u.style.transform = `translateY(${-c.top}px)`;
+      }), r.then((u) => {
+        _t(u, a), At(u, a), u.style.transform = `translateY(${-a.top + a.height}px) scale(${n})`;
+      }), { borders: d, fromRect: c, toRect: a };
     },
-    animation: ({ from: i, to: l, context: a, borders: r, fromRect: c, toRect: f }) => {
-      const p = $t({
-        rect: c,
+    animation: ({ from: i, to: r, context: l, borders: c, fromRect: a, toRect: p }) => {
+      const d = Pt({
+        rect: a,
         scale: n,
         direction: "out",
         override: s
-      }), d = $t({
-        rect: f,
+      }), u = Pt({
+        rect: p,
         scale: n,
         direction: "in",
         override: s
-      }), u = j(
+      }), h = J(
         i,
-        p.snapshots,
-        p.totalDuration,
-        (b) => ({
-          transform: `translateY(${b.translateY}px) scale(${b.scale})`
+        d.snapshots,
+        d.totalDuration,
+        (g) => ({
+          transform: `translateY(${g.translateY}px) scale(${g.scale})`
         }),
         () => {
           i.style.clipPath = "", i.style.transformOrigin = "", i.style.transform = "";
         }
-      ), y = j(
-        l,
-        d.snapshots,
-        d.totalDuration,
-        (b) => ({
-          transform: `translateY(${b.translateY}px) scale(${b.scale})`
+      ), f = J(
+        r,
+        u.snapshots,
+        u.totalDuration,
+        (g) => ({
+          transform: `translateY(${g.translateY}px) scale(${g.scale})`
         }),
         () => {
-          l.style.clipPath = "", l.style.transformOrigin = "", l.style.transform = "";
+          r.style.clipPath = "", r.style.transformOrigin = "", r.style.transform = "";
         }
-      ), h = Je.map(([b, P], $) => {
-        const C = ["topLeft", "topRight", "bottomLeft", "bottomRight"][$];
-        return j(
-          r[C],
-          p.snapshots,
-          p.totalDuration,
+      ), y = dn.map(([g, $], x) => {
+        const C = ["topLeft", "topRight", "bottomLeft", "bottomRight"][x];
+        return J(
+          c[C],
+          d.snapshots,
+          d.totalDuration,
           (I) => {
-            const _ = (c.width - c.width * I.scale) / 2 * 0.7 * b, k = (c.height - c.height * I.scale) / 2 * 0.7 * P;
-            return { transform: `translate(${_}px, ${k}px)` };
+            const A = (a.width - a.width * I.scale) / 2 * 0.7 * g, _ = (a.height - a.height * I.scale) / 2 * 0.7 * $;
+            return { transform: `translate(${A}px, ${_}px)` };
           }
         );
-      }), w = new E([u, y, ...h], {
+      }), m = new P([h, f, ...y], {
         mode: "parallel"
-      }), S = w.onComplete;
-      return w.onComplete = () => {
+      }), S = m.onComplete;
+      return m.onComplete = () => {
         S == null || S();
-        const b = a.positionedParent;
-        for (const P of [
+        const g = l.positionedParent;
+        for (const $ of [
           "topLeft",
           "topRight",
           "bottomLeft",
           "bottomRight"
         ]) {
-          const $ = r[P];
-          $.parentElement === b && b.removeChild($);
+          const x = c[$];
+          x.parentElement === g && g.removeChild(x);
         }
-      }, w;
+      }, m;
     }
   };
 };
-function As(e) {
-  const { paths: t, options: n } = e, s = (n == null ? void 0 : n.borderColor) !== void 0 ? { border: { color: n.borderColor } } : void 0;
-  return v(t, () => tn(s));
+function oo(e = {}) {
+  const { options: t } = e, n = (t == null ? void 0 : t.borderColor) !== void 0 ? { border: { color: t.borderColor } } : void 0;
+  return fn(n);
 }
-const Et = "data-hero-enter-key", Pt = "data-hero-exit-key", K = "data-hero-key";
-class en {
-  constructor() {
-    x(this, "previousFromOpacity", "");
-  }
-  prepare(t) {
-    t.from.then((n) => {
-      this.previousFromOpacity = n.style.opacity, n.style.opacity = "0";
-    });
-  }
-  contribute(t) {
-    return t.onComplete(() => {
-      t.from.style.opacity = this.previousFromOpacity;
-    }), [];
-  }
-}
-const nn = () => new en();
-class sn {
-  contribute(t) {
-    const { from: n, to: s, physics: o, onComplete: i } = t, l = n.style.opacity, a = s.style.opacity, r = n.style.willChange, c = s.style.willChange;
-    return s.style.opacity = "0", n.style.willChange = "opacity", s.style.willChange = "opacity", i(() => {
-      n.style.opacity = l, s.style.opacity = a, n.style.willChange = r, s.style.willChange = c;
-    }), [
-      new m({
-        element: n,
-        integrator: g.from(o),
-        style: (f, p) => ({ opacity: p })
-      }),
-      new m({
-        element: s,
-        integrator: g.from(o),
-        style: (f) => ({ opacity: f })
-      })
-    ];
-  }
-}
-const on = () => new sn(), rn = {
-  static: nn,
-  fade: on
-}, an = {
-  spring: { stiffness: 320, damping: 30 }
-}, ln = () => an, cn = {
-  spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
-}, pn = () => cn, fn = {
-  default: ln,
-  smooth: pn
-}, dn = 700, yn = "data-hero-aspect-ratio", hn = "data-hero-radius";
-function un(e) {
+function hn(e) {
   if (!e) return null;
   if (e.includes("/")) {
-    const [n, s] = e.split("/"), o = parseFloat(n ?? ""), i = parseFloat(s ?? "");
-    return !Number.isFinite(o) || !Number.isFinite(i) || o <= 0 || i <= 0 ? null : o / i;
+    const n = e.split("/");
+    if (n.length !== 2) return null;
+    const s = Number.parseFloat(n[0] ?? ""), o = Number.parseFloat(n[1] ?? "");
+    return Number.isFinite(s) && Number.isFinite(o) && s > 0 && o > 0 ? s / o : null;
   }
-  const t = parseFloat(e);
+  const t = Number.parseFloat(e);
   return Number.isFinite(t) && t > 0 ? t : null;
 }
-function _t(e) {
-  const t = e.getAttribute(hn);
-  if (!t) return 0;
-  const n = parseFloat(t);
-  return Number.isFinite(n) && n > 0 ? n : 0;
+function yn(e) {
+  return e === "contain" || e === "cover" ? e : null;
 }
-function R(e) {
+function it(e) {
+  return e.tagName === "IMG";
+}
+function mn(e) {
+  if (it(e)) return e;
+  if (e.tagName === "PICTURE" || e.tagName === "VIDEO")
+    return null;
+  const t = [];
+  for (const n of Array.from(e.children)) {
+    const s = n;
+    it(s) && t.push(s);
+  }
+  return t.length === 1 ? t[0] ?? null : null;
+}
+function gn(e) {
+  var c, a;
+  if (!it(e)) return null;
+  const t = e, n = t.naturalWidth, s = t.naturalHeight;
+  if (typeof n == "number" && typeof s == "number" && Number.isFinite(n) && Number.isFinite(s) && n > 0 && s > 0)
+    return n / s;
+  const o = ((c = e.getAttribute("width")) == null ? void 0 : c.trim()) ?? "", i = ((a = e.getAttribute("height")) == null ? void 0 : a.trim()) ?? "", r = o === "" ? Number.NaN : Number(o), l = i === "" ? Number.NaN : Number(i);
+  return Number.isFinite(r) && Number.isFinite(l) && r > 0 && l > 0 ? r / l : null;
+}
+function bn(e) {
+  const t = e.trim().toLowerCase().replace(/\s+/g, " ");
+  return t === "" || t === "center" || t === "center center" || t === "50% 50%";
+}
+function B(e) {
+  if (typeof getComputedStyle == "function")
+    try {
+      return getComputedStyle(e);
+    } catch {
+    }
+  return e.style;
+}
+function wn(e) {
+  const t = B(e), n = bn(t.objectPosition ?? "");
+  return {
+    fit: n ? yn(t.objectFit ?? null) : null,
+    centered: n
+  };
+}
+function Ut(e) {
+  if (!e) return 0;
+  const t = /^(-?(?:\d+\.?\d*|\.\d+))px$/.exec(e.trim());
+  if (!t) return null;
+  const n = Number.parseFloat(t[1] ?? "");
+  return Number.isFinite(n) && n >= 0 ? n : null;
+}
+function It(e) {
+  const t = B(e), n = [
+    t.borderTopLeftRadius,
+    t.borderTopRightRadius,
+    t.borderBottomRightRadius,
+    t.borderBottomLeftRadius
+  ].map(Ut), s = n[0];
+  if (s == null)
+    return { radius: 0, supported: !1 };
+  const o = n.every(
+    (i) => i !== null && Math.abs(i - s) < 1e-3
+  );
+  return { radius: o ? s : 0, supported: o };
+}
+function Sn(e, t) {
+  var o;
+  if (!t) return null;
+  const n = (o = e.getAttribute(t)) == null ? void 0 : o.trim();
+  if (n == null || n === "") return null;
+  const s = Number.parseFloat(n);
+  return Number.isFinite(s) && s >= 0 ? s : null;
+}
+function xn(e) {
+  const t = B(e);
+  return [
+    t.paddingTop,
+    t.paddingRight,
+    t.paddingBottom,
+    t.paddingLeft,
+    t.borderTopWidth,
+    t.borderRightWidth,
+    t.borderBottomWidth,
+    t.borderLeftWidth
+  ].every((s) => s ? Ut(s) === 0 : !0);
+}
+function Cn(e) {
+  const t = B(e), n = (s) => s === "hidden" || s === "clip";
+  return n(t.overflowX) && n(t.overflowY);
+}
+function O(e) {
   return e.left + e.width / 2;
 }
-function U(e) {
+function D(e) {
   return e.top + e.height / 2;
 }
-function mn(e, t) {
+function pt(e, t) {
   return {
     top: Math.max(0, t.top - e.top),
     right: Math.max(0, e.left + e.width - (t.left + t.width)),
@@ -1223,7 +1222,14 @@ function mn(e, t) {
     left: Math.max(0, t.left - e.left)
   };
 }
-function gn(e, t, n) {
+function $n(e, t) {
+  const n = Math.max(e.left, t.left), s = Math.max(e.top, t.top), o = Math.min(e.left + e.width, t.left + t.width), i = Math.min(e.top + e.height, t.top + t.height);
+  return o > n && i > s ? { left: n, top: s, width: o - n, height: i - s } : null;
+}
+function Rt(e, t) {
+  return Math.abs(e.left - t.left) < 0.01 && Math.abs(e.top - t.top) < 0.01 && Math.abs(e.width - t.width) < 0.01 && Math.abs(e.height - t.height) < 0.01;
+}
+function En(e, t, n) {
   const s = e.width / e.height;
   let o, i;
   return n === "contain" ? s > t ? (i = e.height, o = i * t) : (o = e.width, i = o / t) : s > t ? (o = e.width, i = o / t) : (i = e.height, o = i * t), {
@@ -1233,33 +1239,145 @@ function gn(e, t, n) {
     height: i
   };
 }
-function It(e, t, n) {
-  const s = N(e, t), o = un(t.getAttribute(yn));
-  if (o === null)
-    return {
-      bbox: s,
-      content: s,
-      window: s,
-      clipInset: { top: 0, right: 0, bottom: 0, left: 0 }
-    };
-  const i = gn(s, o, n), l = n === "cover" ? s : i;
+function Vt(e, t, n) {
+  const s = t !== null && n !== null && e.width > 0 && e.height > 0 ? En(e, t, n) : e, o = n === "contain" ? s : e;
   return {
-    bbox: s,
-    content: i,
-    window: l,
-    clipInset: mn(i, l)
+    bbox: e,
+    content: s,
+    window: o,
+    clipInset: pt(s, o),
+    aspectRatio: t,
+    fit: n,
+    radius: 0,
+    radiusSource: "none",
+    bboxRadius: 0,
+    bboxRadiusSource: "none",
+    contentAware: t !== null && n !== null,
+    mediaElement: null
+  };
+}
+function rt(e, t, n) {
+  return {
+    ...Vt(e, null, null),
+    radius: t,
+    radiusSource: n,
+    bboxRadius: t,
+    bboxRadiusSource: n
+  };
+}
+function Xt(e, t) {
+  const n = e.aspectRatio, s = t.aspectRatio;
+  return e.contentAware && t.contentAware && n !== null && s !== null && Math.abs(n - s) / Math.max(n, s) < 0.01;
+}
+function vt(e) {
+  return rt(
+    e.bbox,
+    e.bboxRadius,
+    e.bboxRadiusSource
+  );
+}
+function Bt(e, t) {
+  return Xt(e, t) ? [e, t] : [vt(e), vt(t)];
+}
+function at(e, t, n, s) {
+  const o = mn(e), i = o ? n(o) : t, r = s.legacyAspectRatioAttribute ? hn(
+    e.getAttribute(s.legacyAspectRatioAttribute) ?? (o == null ? void 0 : o.getAttribute(s.legacyAspectRatioAttribute)) ?? null
+  ) : null, l = r ?? (o ? gn(o) : null), c = o ? wn(o) : { fit: null, centered: !0 }, a = c.centered && (o === null || xn(o)) ? c.fit ?? (r !== null ? s.fallbackFit ?? null : null) : null, p = Vt(i, l, a), d = Cn(e), h = o !== null && o !== e && d ? $n(p.window, t) : p.window, f = Sn(e, s.legacyRadiusAttribute), y = o === e || d, m = y ? It(e) : { radius: 0, supported: !0 }, S = f ?? m.radius, g = f !== null ? "legacy" : m.supported ? m.radius > 0 ? "computed" : "none" : "unsupported", $ = [];
+  h && y && Rt(h, t) && $.push(m), h && o && Rt(h, i) && $.push(It(o));
+  const x = $.every((_) => _.supported), C = Math.max(
+    0,
+    ...$.map((_) => _.radius)
+  ), I = f ?? C, A = f !== null ? "legacy" : x ? C > 0 ? "computed" : "none" : "unsupported";
+  return !h || A === "unsupported" ? rt(t, S, g) : {
+    ...p,
+    bbox: t,
+    window: h,
+    clipInset: pt(p.content, h),
+    radius: I,
+    radiusSource: A,
+    bboxRadius: S,
+    bboxRadiusSource: g,
+    mediaElement: p.contentAware ? o : null
   };
 }
-function wn(e, t, n, s) {
-  const o = n.width / s, i = n.height / s, l = e.width / 2 + (R(n) - R(t)) / s - o / 2, a = e.height / 2 + (U(n) - U(t)) / s - i / 2;
+function Wt(e, t, n, s, o) {
+  const i = n.width / s, r = n.height / o;
   return {
-    top: Math.max(0, a),
-    right: Math.max(0, e.width - l - o),
-    bottom: Math.max(0, e.height - a - i),
-    left: Math.max(0, l)
+    left: O(e) + (O(n) - O(t)) / s - i / 2,
+    top: D(e) + (D(n) - D(t)) / o - r / 2,
+    width: i,
+    height: r
   };
 }
-function H(e, t) {
+const Pn = {
+  enter: "contain",
+  exit: "cover",
+  legacy: "contain"
+};
+function M(e) {
+  return Pn[e];
+}
+const Ot = "data-hero-enter-key", Dt = "data-hero-exit-key", Q = "data-hero-key";
+class _n {
+  constructor() {
+    E(this, "previousFromOpacity", "");
+  }
+  prepare(t) {
+    t.from.then((n) => {
+      this.previousFromOpacity = n.style.opacity, n.style.opacity = "0";
+    });
+  }
+  contribute(t) {
+    return t.onComplete(() => {
+      t.from.style.opacity = this.previousFromOpacity;
+    }), [];
+  }
+}
+const An = () => new _n();
+class In {
+  contribute(t) {
+    const { from: n, to: s, physics: o, onComplete: i } = t, r = n.style.opacity, l = s.style.opacity, c = n.style.willChange, a = s.style.willChange;
+    return s.style.opacity = "0", n.style.willChange = "opacity", s.style.willChange = "opacity", i(() => {
+      n.style.opacity = r, s.style.opacity = l, n.style.willChange = c, s.style.willChange = a;
+    }), [
+      new b({
+        element: n,
+        integrator: w.from(o),
+        style: (p, d) => ({ opacity: d })
+      }),
+      new b({
+        element: s,
+        integrator: w.from(o),
+        style: (p) => ({ opacity: p })
+      })
+    ];
+  }
+}
+const Rn = () => new In(), vn = {
+  static: An,
+  fade: Rn
+}, On = {
+  spring: { stiffness: 320, damping: 30 }
+}, Dn = () => On, Fn = {
+  spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
+}, Tn = () => Fn, Mn = {
+  default: Dn,
+  smooth: Tn
+}, Yn = 700, Ln = "data-hero-aspect-ratio", kn = "data-hero-radius";
+function Ft(e, t, n) {
+  const s = k(e, t);
+  return at(
+    t,
+    s,
+    (o) => k(e, o),
+    {
+      fallbackFit: n,
+      legacyAspectRatioAttribute: Ln,
+      legacyRadiusAttribute: kn
+    }
+  );
+}
+function U(e, t) {
   const n = /* @__PURE__ */ new Map(), s = e.querySelectorAll(`[${t}]`);
   for (const o of Array.from(s)) {
     const i = o.getAttribute(t);
@@ -1267,185 +1385,191 @@ function H(e, t) {
   }
   return n;
 }
-function Sn(e, t) {
-  const n = [], s = H(t, Et), o = H(e, Pt);
-  for (const [a, r] of s) {
-    const c = o.get(a);
-    c && n.push({
-      key: a,
-      fromEl: c,
-      toEl: r,
-      fromFit: "cover",
-      toFit: "contain"
+function Hn(e, t) {
+  const n = [], s = U(t, Ot), o = U(e, Dt);
+  for (const [l, c] of s) {
+    const a = o.get(l);
+    a && n.push({
+      key: l,
+      fromEl: a,
+      toEl: c,
+      fromFit: M("exit"),
+      toFit: M("enter")
     });
   }
-  const i = H(e, Et), l = H(t, Pt);
-  for (const [a, r] of i) {
-    const c = l.get(a);
-    c && n.push({
-      key: a,
-      fromEl: r,
-      toEl: c,
-      fromFit: "contain",
-      toFit: "cover"
+  const i = U(e, Ot), r = U(t, Dt);
+  for (const [l, c] of i) {
+    const a = r.get(l);
+    a && n.push({
+      key: l,
+      fromEl: c,
+      toEl: a,
+      fromFit: M("enter"),
+      toFit: M("exit")
     });
   }
   return n;
 }
-function bn(e, t) {
+function Nn(e, t) {
   const n = [], s = Array.from(
-    t.querySelectorAll(`[${K}]`)
+    t.querySelectorAll(`[${Q}]`)
   );
   for (const o of s) {
-    const i = o.getAttribute(K);
+    const i = o.getAttribute(Q);
     if (!i) continue;
-    const l = e.querySelector(
-      `[${K}="${i}"]`
+    const r = e.querySelector(
+      `[${Q}="${i}"]`
     );
-    l && n.push({
+    r && n.push({
       key: i,
-      fromEl: l,
+      fromEl: r,
       toEl: o,
-      fromFit: "contain",
-      toFit: "contain"
+      fromFit: M("legacy"),
+      toFit: M("legacy")
     });
   }
   return n;
 }
-function $n(e, t) {
-  const n = Sn(e, t);
-  return n.length > 0 ? n : bn(e, t);
+function zn(e, t) {
+  const n = Hn(e, t);
+  return n.length > 0 ? n : Nn(e, t);
+}
+function Un(e, t) {
+  return Bt(e, t);
 }
-function Cn(e, t, n) {
-  const { fromEl: s, toEl: o } = t, i = It(e, s, t.fromFit), l = It(e, o, t.toFit), a = i.content, r = i.window, c = l.content, f = l.window, p = l.clipInset, d = _t(s), u = _t(o);
-  if (a.width === 0 || a.height === 0 || r.width === 0 || r.height === 0 || c.width === 0 || c.height === 0 || f.width === 0 || f.height === 0)
+function Vn(e, t) {
+  return e.radiusSource === "unsupported" || t.radiusSource === "unsupported" ? !1 : e.mediaElement !== null || t.mediaElement !== null || e.radiusSource === "computed" || e.radiusSource === "legacy" || t.radiusSource === "computed" || t.radiusSource === "legacy";
+}
+function Xn(e, t, n) {
+  const { fromEl: s, toEl: o } = t, [i, r] = Un(
+    Ft(e, s, t.fromFit),
+    Ft(e, o, t.toFit)
+  ), l = i.content, c = i.window, a = r.content, p = r.window, d = r.clipInset, u = i.radiusSource === "unsupported" || r.radiusSource === "unsupported", h = u ? 0 : i.radius, f = u ? 0 : r.radius;
+  if (l.width === 0 || l.height === 0 || c.width === 0 || c.height === 0 || a.width === 0 || a.height === 0 || p.width === 0 || p.height === 0)
     return null;
   const y = Math.max(
-    a.width / c.width,
-    a.height / c.height
-  ), h = R(a), w = U(a), S = R(c), b = U(c), P = h - S, $ = w - b;
-  if (Math.abs($) > n) return null;
-  const C = wn(
-    c,
+    l.width / a.width,
+    l.height / a.height
+  ), m = O(l), S = D(l), g = O(a), $ = D(a), x = m - g, C = S - $;
+  if (Math.abs(C) > n) return null;
+  const I = pt(
     a,
-    r,
-    y
+    Wt(a, l, c, y, y)
   );
   return {
-    toContent: c,
-    hasRadius: d > 0 || u > 0,
-    styleFor: (I, _) => {
-      const k = _ * P, L = _ * $, F = I + _ * y, Rt = (d * _ + u * I) / F, Ut = C.top * _ + p.top * I, Nt = C.right * _ + p.right * I, Vt = C.bottom * _ + p.bottom * I, Xt = C.left * _ + p.left * I;
+    toContent: a,
+    fromVisualEl: i.mediaElement ?? s,
+    toVisualEl: r.mediaElement ?? o,
+    resetCloneRadius: Vn(i, r),
+    styleFor: (A, _) => {
+      const H = _ * x, Y = _ * C, N = A + _ * y, Jt = Math.max(0, h * _ + f * A) / Math.max(Math.abs(N), 1e-6), Qt = I.top * _ + d.top * A, te = I.right * _ + d.right * A, ee = I.bottom * _ + d.bottom * A, ne = I.left * _ + d.left * A;
       return {
-        transform: `translate(${k}px, ${L}px) scale(${F})`,
-        clipPath: `inset(${Ut}px ${Nt}px ${Vt}px ${Xt}px round ${Rt}px)`
+        transform: `translate(${H}px, ${Y}px) scale(${N})`,
+        clipPath: `inset(${Qt}px ${te}px ${ee}px ${ne}px round ${Jt}px)`
       };
     }
   };
 }
-function xn(e, t) {
+function Bn(e, t) {
   e.style.transform = t.transform, e.style.clipPath = t.clipPath;
 }
-class En {
+class Wn {
   contribute(t) {
-    const { resolved: n, physics: s, positionedParent: o, maxDistance: i, onComplete: l } = t, a = [];
-    for (const r of n.pairs) {
-      const { fromEl: c, toEl: f } = r, p = Cn(o, r, i);
-      if (!p) continue;
-      const d = f.cloneNode(!0);
-      d.style.position = "absolute", d.style.left = `${p.toContent.left}px`, d.style.top = `${p.toContent.top}px`, d.style.width = `${p.toContent.width}px`, d.style.height = `${p.toContent.height}px`, d.style.margin = "0", d.style.transformOrigin = "center center", d.style.zIndex = "1000", d.style.willChange = "transform, clip-path", d.style.pointerEvents = "none", d.style.maxWidth = "none", d.style.maxHeight = "none", p.hasRadius && (d.style.borderRadius = "0"), xn(d, p.styleFor(0, 1)), o.appendChild(d);
-      const u = c.style.opacity, y = f.style.opacity;
-      c.style.opacity = "0", f.style.opacity = "0", l(() => {
-        c.style.opacity = u, f.style.opacity = y, d.parentElement && d.parentElement.removeChild(d);
-      }), a.push(
-        new m({
-          element: d,
-          integrator: g.from(s),
-          style: p.styleFor
+    const { resolved: n, physics: s, positionedParent: o, maxDistance: i, onComplete: r } = t, l = [];
+    for (const c of n.pairs) {
+      const a = Xn(o, c, i);
+      if (!a) continue;
+      const { fromVisualEl: p, toVisualEl: d } = a, u = d.cloneNode(!0);
+      u.style.position = "absolute", u.style.left = `${a.toContent.left}px`, u.style.top = `${a.toContent.top}px`, u.style.width = `${a.toContent.width}px`, u.style.height = `${a.toContent.height}px`, u.style.margin = "0", u.style.transformOrigin = "center center", u.style.zIndex = "1000", u.style.willChange = "transform, clip-path", u.style.pointerEvents = "none", u.style.maxWidth = "none", u.style.maxHeight = "none", a.resetCloneRadius && (u.style.borderRadius = "0"), Bn(u, a.styleFor(0, 1)), o.appendChild(u);
+      const h = p.style.opacity, f = d.style.opacity;
+      p.style.opacity = "0", d.style.opacity = "0", r(() => {
+        p.style.opacity = h, d.style.opacity = f, u.parentElement && u.parentElement.removeChild(u);
+      }), l.push(
+        new b({
+          element: u,
+          integrator: w.from(s),
+          style: a.styleFor
         })
       );
     }
-    return a;
+    return l;
   }
 }
-function Pn(e) {
-  return [new En(), rn[e.type]()];
+function Zn(e) {
+  return [new Wn(), vn[e.type]()];
 }
-const _n = (e) => {
-  const t = Pn(e), n = fn[e.variant](), s = dn;
+const Gn = (e) => {
+  const t = Zn(e), n = Mn[e.variant](), s = Yn;
   return {
     prepare: (o) => {
-      var a;
+      var l;
       const i = Promise.all([
         o.from,
         o.to
-      ]).then(([r, c]) => ({ pairs: $n(r, c) })), l = {
+      ]).then(([c, a]) => ({ pairs: zn(c, a) })), r = {
         from: o.from,
         to: o.to,
         resolved: i
       };
-      for (const r of t)
-        (a = r.prepare) == null || a.call(r, l);
-      return i.then((r) => ({ resolved: r }));
+      for (const c of t)
+        (l = c.prepare) == null || l.call(c, r);
+      return i.then((c) => ({ resolved: c }));
     },
-    animation: ({ from: o, to: i, context: l, resolved: a }) => {
-      if (a.pairs.length === 0)
-        return new E([], { mode: "parallel" });
-      const r = [], c = (y) => {
-        r.push(y);
-      }, f = {
+    animation: ({ from: o, to: i, context: r, resolved: l }) => {
+      if (l.pairs.length === 0)
+        return new P([], { mode: "parallel" });
+      const c = [], a = (f) => {
+        c.push(f);
+      }, p = {
         from: o,
         to: i,
-        resolved: a,
+        resolved: l,
         physics: n,
-        positionedParent: l.positionedParent,
+        positionedParent: r.positionedParent,
         maxDistance: s,
-        onComplete: c
-      }, p = [];
-      for (const y of t)
-        y.contribute && p.push(...y.contribute(f));
-      if (p.length === 0)
-        return new E([], { mode: "parallel" });
-      const d = new E(p, { mode: "parallel" }), u = d.onComplete;
-      return d.onComplete = () => {
-        u == null || u();
-        for (const y of r)
+        onComplete: a
+      }, d = [];
+      for (const f of t)
+        f.contribute && d.push(...f.contribute(p));
+      if (d.length === 0)
+        return new P([], { mode: "parallel" });
+      const u = new P(d, { mode: "parallel" }), h = u.onComplete;
+      return u.onComplete = () => {
+        h == null || h();
+        for (const f of c)
           try {
-            y();
-          } catch (h) {
-            console.error("[hero] cleanup error", h);
+            f();
+          } catch (y) {
+            console.error("[hero] cleanup error", y);
           }
-      }, d;
+      }, u;
     }
   };
 };
-function ks(e) {
-  const { paths: t } = e, n = e.type ?? "static", s = e.variant ?? "default";
-  return v(
-    t,
-    () => _n({ type: n, variant: s })
-  );
+function io(e = {}) {
+  const t = e.type ?? "static", n = e.variant ?? "default";
+  return Gn({ type: t, variant: n });
 }
-const In = {
+const jn = {
   spring: { stiffness: 50, damping: 30 }
-}, vn = {
+}, qn = {
   spring: { stiffness: 80, damping: 25 }
-}, Dn = (e = {}) => {
-  const t = e.physics ?? In, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
+}, Kn = (e = {}) => {
+  const t = e.physics ?? jn, n = e.initialRotation ?? 45, s = e.initialScale ?? 0.01, o = e.rotationTriggerPoint ?? 0.8;
   return {
-    prepare: ({ from: i, to: l, context: a }) => (i.then((r) => {
-      r.style.opacity = "1";
-    }), l.then((r) => {
-      const c = T(a, "to"), f = Math.min(c.width, c.height) * 0.4;
-      r.style.setProperty("--max-border-radius", `${f}px`), r.style.setProperty("--border-radius-scale", "1"), r.style.willChange = "transform", r.style.backfaceVisibility = "hidden";
-      const p = c.left + c.width / 2, d = c.top + c.height / 2;
-      r.style.transformOrigin = `${p}px ${d}px`, r.style.position = "fixed", r.style.top = `${c.top}px`, r.style.left = `${c.left}px`, r.style.width = `${c.width}px`, r.style.height = `${c.height}px`, r.style.zIndex = "1000", r.style.overflow = "hidden", r.style.transform = `rotate(${n}deg) scale(${s}) translateZ(0)`, r.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", r.style.opacity = "1";
+    prepare: ({ from: i, to: r, context: l }) => (i.then((c) => {
+      c.style.opacity = "1";
+    }), r.then((c) => {
+      const a = F(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";
     }), {}),
-    animation: ({ from: i, to: l }) => {
-      const a = new m({
+    animation: ({ from: i, to: r }) => {
+      const l = new b({
         element: i,
-        integrator: g.from(vn),
-        style: (c, f) => ({ opacity: f }),
+        integrator: w.from(qn),
+        style: (a, p) => ({ opacity: p }),
         // The outgoing node is reused (re-hidden, shown again on the next
         // navigation), so reset every inline style we wrote to it — mirroring
         // the "to" cleanup below. prepare sets opacity and the out style fades
@@ -1453,56 +1577,55 @@ const In = {
         onComplete: () => {
           i.style.opacity = "";
         }
-      }), r = new m({
-        element: l,
-        integrator: g.from(t),
-        style: (c) => {
-          let f;
-          if (c <= 0.05)
-            f = s;
-          else if (c <= o) {
-            const y = (c - 0.05) / (o - 0.05), h = Math.pow(y, 9);
-            f = s + (0.8 - s) * h;
+      }), c = new b({
+        element: r,
+        integrator: w.from(t),
+        style: (a) => {
+          let p;
+          if (a <= 0.05)
+            p = s;
+          else if (a <= o) {
+            const f = (a - 0.05) / (o - 0.05), y = Math.pow(f, 9);
+            p = s + (0.8 - s) * y;
           } else {
-            const y = (c - o) / (1 - o);
-            f = 0.8 + 0.2 * (1 - Math.pow(1 - y, 3));
+            const f = (a - o) / (1 - o);
+            p = 0.8 + 0.2 * (1 - Math.pow(1 - f, 3));
           }
-          const p = 0.7;
-          let d;
-          if (c <= p)
-            d = n;
+          const d = 0.7;
+          let u;
+          if (a <= d)
+            u = n;
           else {
-            const y = (c - p) / (1 - p), h = 1 - Math.pow(1 - y, 2);
-            d = n * (1 - h);
+            const f = (a - d) / (1 - d), y = 1 - Math.pow(1 - f, 2);
+            u = n * (1 - y);
           }
-          let u;
-          if (c <= p)
-            u = 1;
+          let h;
+          if (a <= d)
+            h = 1;
           else {
-            const y = (c - p) / (1 - p);
-            u = 1 - Math.pow(y, 0.5);
+            const f = (a - d) / (1 - d);
+            h = 1 - Math.pow(f, 0.5);
           }
           return {
-            transform: `rotate(${d.toFixed(2)}deg) scale(${f.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": h.toFixed(4)
           };
         },
         onComplete: () => {
-          l.style.willChange = "", l.style.backfaceVisibility = "", l.style.removeProperty("--max-border-radius"), l.style.removeProperty("--border-radius-scale"), l.style.transform = "", l.style.transformOrigin = "", l.style.position = "", l.style.zIndex = "", l.style.top = "", l.style.left = "", l.style.width = "", l.style.height = "", l.style.overflow = "", l.style.borderRadius = "";
+          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 E([a, r], { mode: "parallel" });
+      return new P([l, c], { mode: "parallel" });
     }
   };
 };
-function Ys(e) {
-  const { paths: t } = e;
-  return v(t, () => Dn());
+function ro(e = {}) {
+  return Kn();
 }
-const On = {
+const Jn = {
   spring: { stiffness: 100, damping: 30 }
-}, Tn = (e = {}) => {
-  const t = e.physics ?? On;
+}, Qn = (e = {}) => {
+  const t = e.physics ?? Jn;
   return {
     prepare: ({ from: n, to: s }) => (n.then((o) => {
       o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
@@ -1510,12 +1633,12 @@ const On = {
       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 m({
+      const o = new b({
         element: n,
-        integrator: g.from(t),
-        style: (l) => ({
-          transform: `rotate(${l * 180}deg)`,
-          opacity: l < 0.5 ? 1 : 0
+        integrator: w.from(t),
+        style: (r) => ({
+          transform: `rotate(${r * 180}deg)`,
+          opacity: r < 0.5 ? 1 : 0
         }),
         // The outgoing node is reused (re-hidden, shown again on the next
         // navigation), so clear every inline style we wrote to `from`
@@ -1523,27 +1646,26 @@ const On = {
         onComplete: () => {
           n.style.willChange = "auto", n.style.transform = "", n.style.transformOrigin = "", n.style.opacity = "";
         }
-      }), i = new m({
+      }), i = new b({
         element: s,
-        integrator: g.from(t),
+        integrator: w.from(t),
         // u runs 1→0, so -u*180 unwinds -180→0.
-        style: (l, a) => ({
-          transform: `rotate(${-a * 180}deg)`,
-          opacity: l > 0.5 ? 1 : 0
+        style: (r, l) => ({
+          transform: `rotate(${-l * 180}deg)`,
+          opacity: r > 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 P([o, i], { mode: "parallel" });
     }
   };
 };
-function Ls(e) {
-  const { paths: t } = e;
-  return v(t, () => Tn());
+function ao(e = {}) {
+  return Qn();
 }
-const Fn = {
+const ts = {
   spring: {
     stiffness: 20,
     damping: 8,
@@ -1551,100 +1673,96 @@ const Fn = {
     restDelta: 1e-3,
     restSpeed: 1e-3
   }
-}, vt = (e = {}) => {
-  const t = e.direction ?? "up", n = e.physics ?? Fn, s = t === "up", o = s ? D : O, i = s ? O : D;
+}, es = (e = {}) => {
+  const t = e.physics ?? ts, n = e.directional ?? !0;
   return {
-    prepare: ({ from: l, to: a }) => (l.then((r) => {
-      r.style.zIndex = o, r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
-    }), a.then((r) => {
-      r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.position = "relative", r.style.zIndex = i;
-    }), {}),
-    animation: ({ from: l, to: a }) => {
-      const r = l.offsetHeight, c = a.offsetHeight, f = window.innerHeight, p = Math.max(Math.min(r, c), f), d = new m({
-        element: l,
-        integrator: g.from(n),
-        style: (y) => ({ transform: `translate3d(0, ${s ? -p * y : p * y}px, 0)` }),
+    prepare: ({ from: s, to: o, context: i }) => {
+      const r = !n || i.direction === "forward", l = r ? R : v, c = r ? v : R;
+      return s.then((a) => {
+        a.style.zIndex = l, a.style.willChange = "transform", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.pointerEvents = "none";
+      }), o.then((a) => {
+        a.style.willChange = "transform", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.position = "relative", a.style.zIndex = c;
+      }), {};
+    },
+    animation: ({ from: s, to: o, context: i }) => {
+      const r = !n || i.direction === "forward", l = r ? v : R, c = s.offsetHeight, a = o.offsetHeight, p = window.innerHeight, d = Math.max(Math.min(c, a), p), u = new b({
+        element: s,
+        integrator: w.from(t),
+        style: (f) => ({ transform: `translate3d(0, ${r ? -d * f : d * f}px, 0)` }),
         // The outgoing node is the real, reused element (re-hidden then shown
         // again on the next navigation), so mirror the incoming cleanup and
         // also reset the out-only props applied in prepare (zIndex,
         // pointerEvents) — otherwise the leftover inline styles corrupt the
         // page the next time it appears.
         onComplete: () => {
-          l.style.willChange = "auto", l.style.backfaceVisibility = "", l.style.contain = "", l.style.transform = "", l.style.pointerEvents = "", l.style.zIndex = "";
+          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transform = "", s.style.pointerEvents = "", s.style.zIndex = "";
         }
-      }), u = new m({
-        element: a,
-        integrator: g.from(n),
-        style: (y, h) => ({ transform: `translate3d(0, ${s ? h * p : h * -p}px, 0)` }),
+      }), h = new b({
+        element: o,
+        integrator: w.from(t),
+        style: (f, y) => ({ transform: `translate3d(0, ${r ? y * d : y * -d}px, 0)` }),
         onComplete: () => {
-          a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.position === "relative" && (a.style.position = ""), a.style.zIndex === i && (a.style.zIndex = "");
+          o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.position === "relative" && (o.style.position = ""), o.style.zIndex === l && (o.style.zIndex = "");
         }
       });
-      for (const y of [d, u]) {
-        const h = y.onComplete;
-        y.onComplete = () => {
-          h == null || h(), y.releaseFill();
+      for (const f of [u, h]) {
+        const y = f.onComplete;
+        f.onComplete = () => {
+          y == null || y(), f.releaseFill();
         };
       }
-      return new E([d, u], { mode: "parallel" });
+      return new P([u, h], { mode: "parallel" });
     }
   };
 };
-function Hs(e) {
-  const { paths: t, type: n = "directional" } = e;
-  return n === "non-directional" ? v(
-    t,
-    () => vt({ direction: "up" })
-  ) : ot(
-    t,
-    { forward: "up", backward: "down" },
-    (s) => vt({ direction: s })
-  );
+function lo(e = {}) {
+  const { type: t = "directional" } = e;
+  return es({ directional: t === "directional" });
 }
-const An = {
+const ns = {
   spring: { stiffness: 200, damping: 24 }
-}, kn = {
+}, ss = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, G = 0.2;
-function Yn() {
+}, tt = 0.2;
+function os() {
   return {
-    enterPhysics: An,
-    exitPhysics: kn,
+    enterPhysics: ns,
+    exitPhysics: ss,
     background: {
       willChange: "transform, opacity",
       enterStyle: (e, t) => ({
-        transform: `scale(${1 - G * e})`,
+        transform: `scale(${1 - tt * e})`,
         opacity: t
       }),
       exitStyle: (e) => ({
-        transform: `scale(${1 - G + G * e})`,
+        transform: `scale(${1 - tt + tt * e})`,
         opacity: e
       })
     }
   };
 }
-const Ln = {
+const is = {
   spring: { stiffness: 200, damping: 24 }
-}, Hn = {
+}, rs = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, J = 0.08, Mn = 16, Q = 0.6, zn = (e) => `blur(${Math.max(0, e).toFixed(2)}px)`;
-function Rn() {
+}, et = 0.08, as = 16, nt = 0.6, ls = (e) => `blur(${Math.max(0, e).toFixed(2)}px)`;
+function cs() {
   return {
-    enterPhysics: Ln,
-    exitPhysics: Hn,
+    enterPhysics: is,
+    exitPhysics: rs,
     background: {
       willChange: "transform, opacity",
       // enter: t 0 → 1 as the sheet rises. At rest (t = 0) the page is
       // untouched; at peak it is shrunk and dimmed.
       enterStyle: (e) => ({
-        transform: `scale(${1 - J * e})`,
-        opacity: 1 - (1 - Q) * e
+        transform: `scale(${1 - et * e})`,
+        opacity: 1 - (1 - nt) * e
       }),
       // exit: t 0 → 1 as the sheet falls away and the page returns to rest —
       // the inverse ramp of enter.
       exitStyle: (e) => ({
-        transform: `scale(${1 - J + J * e})`,
-        opacity: Q + (1 - Q) * e
+        transform: `scale(${1 - et + et * e})`,
+        opacity: nt + (1 - nt) * e
       })
     },
     overlay: {
@@ -1662,21 +1780,27 @@ function Rn() {
       // enter: 0 → MAX as the sheet rises (progress 0 → 1).
       // exit: MAX → 0 as it falls (progress 0 → 1, so the visual is inverted).
       style: (e, t) => {
-        const n = e === "enter" ? t : 1 - t, s = zn(Mn * n);
+        const n = e === "enter" ? t : 1 - t, s = ls(as * n);
         return { backdropFilter: s, WebkitBackdropFilter: s };
       }
     }
   };
 }
-const Un = {
-  spring: { stiffness: 300, damping: 30 }
-}, Nn = {
-  inertia: { acceleration: 30, resistance: 1 }
+const ps = {
+  spring: {
+    stiffness: 230,
+    damping: 25
+  }
+}, ds = {
+  spring: {
+    stiffness: 230,
+    damping: 25
+  }
 };
-function Vn() {
+function us() {
   return {
-    enterPhysics: Un,
-    exitPhysics: Nn,
+    enterPhysics: ps,
+    exitPhysics: ds,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -1684,161 +1808,156 @@ function Vn() {
     }
   };
 }
-const Xn = {
-  static: Vn(),
-  "background-scale": Yn(),
-  blur: Rn()
-}, Bn = "static", Zn = "transform", Wn = (e = {}) => {
-  const t = e.direction ?? "enter", n = Xn[e.type ?? Bn], s = t === "enter" ? n.enterPhysics : n.exitPhysics, o = n.background, i = n.overlay, l = o.willChange !== "";
+const fs = {
+  static: us(),
+  "background-scale": os(),
+  blur: cs()
+}, hs = "static", ys = "transform", ms = (e = {}) => {
+  const t = fs[e.type ?? hs], n = t.background, s = t.overlay, o = n.willChange !== "";
   return {
-    prepare: ({ from: a, to: r, context: c, createElement: f }) => {
-      const p = t === "enter" ? r : a, d = t === "enter" ? a : r;
-      p.then((y) => {
-        y.style.willChange = Zn, y.style.backfaceVisibility = "hidden", y.style.contain = "layout paint", y.style.zIndex = O, t === "enter" ? y.style.position = "relative" : y.style.pointerEvents = "none";
-      }), d.then((y) => {
-        l && (y.style.willChange = o.willChange, y.style.backfaceVisibility = "hidden", y.style.contain = "layout paint"), y.style.zIndex = D, t === "enter" ? y.style.pointerEvents = "none" : y.style.position = "relative";
+    prepare: ({ from: i, to: r, context: l, createElement: c }) => {
+      const a = l.direction === "forward" ? "enter" : "exit", p = a === "enter" ? r : i, d = a === "enter" ? i : r;
+      p.then((h) => {
+        h.style.willChange = ys, h.style.backfaceVisibility = "hidden", h.style.contain = "layout paint", h.style.zIndex = v, a === "enter" ? h.style.position = "relative" : h.style.pointerEvents = "none";
+      }), d.then((h) => {
+        o && (h.style.willChange = n.willChange, h.style.backfaceVisibility = "hidden", h.style.contain = "layout paint"), h.style.zIndex = R, a === "enter" ? h.style.pointerEvents = "none" : h.style.position = "relative";
       });
       let u;
-      return i && (u = f("sheet-overlay"), Object.assign(u.style, i.initialStyle), u.style.willChange = i.willChange, c.positionedParent.appendChild(u)), { overlay: u };
+      return s && (u = c("sheet-overlay"), Object.assign(u.style, s.initialStyle), u.style.willChange = s.willChange, l.positionedParent.appendChild(u)), { overlay: u };
     },
-    animation: ({ from: a, to: r, context: c, overlay: f }) => {
-      const p = t === "enter" ? r : a, d = t === "enter" ? a : r, u = T(
-        c,
-        t === "enter" ? "to" : "from"
-      ), y = () => {
-        a.style.pointerEvents = "", a.style.zIndex = "";
-      }, h = () => {
-        const $ = t === "enter" ? O : D;
-        r.style.position === "relative" && (r.style.position = ""), r.style.zIndex === $ && (r.style.zIndex = "");
-      }, w = ($) => {
-        const C = $.onComplete;
-        $.onComplete = () => {
-          C == null || C(), $.releaseFill();
+    animation: ({ from: i, to: r, context: l, overlay: c }) => {
+      const a = l.direction === "forward" ? "enter" : "exit", p = a === "enter" ? t.enterPhysics : t.exitPhysics, d = a === "enter" ? r : i, u = a === "enter" ? i : r, h = F(
+        l,
+        a === "enter" ? "to" : "from"
+      ), f = () => {
+        i.style.pointerEvents = "", i.style.zIndex = "";
+      }, y = () => {
+        const x = a === "enter" ? v : R;
+        r.style.position === "relative" && (r.style.position = ""), r.style.zIndex === x && (r.style.zIndex = "");
+      }, m = (x) => {
+        const C = x.onComplete;
+        x.onComplete = () => {
+          C == null || C(), x.releaseFill();
         };
       };
-      p.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`;
-      const S = t === "enter" ? ($, C) => ({
-        transform: `translate3d(0, ${C * u.height}px, 0)`
-      }) : ($) => ({
-        transform: `translate3d(0, ${$ * u.height}px, 0)`
-      }), b = new m({
-        element: p,
-        integrator: g.from(s),
+      d.style.clipPath = `inset(${h.top}px 0 calc(100% - ${h.top + h.height}px) 0)`;
+      const S = a === "enter" ? (x, C) => ({
+        transform: `translate3d(0, ${C * h.height}px, 0)`
+      }) : (x) => ({
+        transform: `translate3d(0, ${x * h.height}px, 0)`
+      }), g = new b({
+        element: d,
+        integrator: w.from(p),
         style: S,
         onComplete: () => {
-          p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.clipPath = "", p.style.transform = "", y(), h();
+          d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.contain = "", d.style.clipPath = "", d.style.transform = "", f(), y();
         }
       });
-      w(b);
-      const P = [b];
-      if (l) {
-        const $ = d.scrollHeight;
-        $ > 0 && (d.style.height = `${$}px`);
-        const C = T(
-          c,
-          t === "enter" ? "from" : "to"
-        ), I = C.left + C.width / 2, _ = C.top + C.height / 2;
-        d.style.clipPath = `inset(${C.top}px 0 calc(100% - ${C.top + C.height}px) 0)`, d.style.transformOrigin = `${I}px ${_}px`;
-        const k = t === "enter" ? (F, it) => o.enterStyle(F, it) : (F) => o.exitStyle(F), L = new m({
-          element: d,
-          integrator: g.from(s),
-          style: k,
+      m(g);
+      const $ = [g];
+      if (o) {
+        const x = u.scrollHeight;
+        x > 0 && (u.style.height = `${x}px`);
+        const C = F(
+          l,
+          a === "enter" ? "from" : "to"
+        ), I = C.left + C.width / 2, A = C.top + C.height / 2;
+        u.style.clipPath = `inset(${C.top}px 0 calc(100% - ${C.top + C.height}px) 0)`, u.style.transformOrigin = `${I}px ${A}px`;
+        const _ = a === "enter" ? (Y, N) => n.enterStyle(Y, N) : (Y) => n.exitStyle(Y), H = new b({
+          element: u,
+          integrator: w.from(p),
+          style: _,
           // The background is the reused outgoing (`from`) node on `enter` and
           // the surviving incoming (`to`) node on `exit` — in both cases its
           // inline styles must be cleared on settle so the reused node is not
           // left scaled/faded/clipped the next time it is shown. releaseFill
           // below drops the WAAPI fill so these resets actually take effect.
           onComplete: () => {
-            d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.contain = "", d.style.clipPath = "", d.style.transformOrigin = "", d.style.transform = "", d.style.opacity = "", d.style.height = "";
+            u.style.willChange = "auto", u.style.backfaceVisibility = "", u.style.contain = "", u.style.clipPath = "", u.style.transformOrigin = "", u.style.transform = "", u.style.opacity = "", u.style.height = "";
           }
         });
-        w(L), P.push(L);
+        m(H), $.push(H);
       }
-      if (f && i) {
-        f.style.zIndex = Ht;
-        const $ = Yt(c, "to");
-        f.style.top = `${$.top}px`, f.style.height = `${$.height}px`, P.push(
-          new m({
-            element: f,
-            integrator: g.from(s),
-            style: (C) => i.style(t, C)
+      if (c && s) {
+        c.style.zIndex = zt;
+        const x = Ht(l, "to");
+        c.style.top = `${x.top}px`, c.style.height = `${x.height}px`, $.push(
+          new b({
+            element: c,
+            integrator: w.from(p),
+            style: (C) => s.style(a, C)
           })
         );
       }
-      return new E(P, { mode: "parallel" });
+      return new P($, { mode: "parallel" });
     }
   };
 };
-function qn(e) {
+function gs(e) {
   return e === "scale" || e === "background-scale" ? "background-scale" : e === "blur" ? "blur" : "static";
 }
-function Ms(e) {
-  const { enter: t, exit: n } = e, s = e.type, o = qn(s);
-  return kt(
-    { enter: t, exit: n },
-    (i) => Wn({ direction: i, type: o })
-  );
+function co(e = {}) {
+  const t = e.type, n = gs(t);
+  return ms({ type: n });
 }
-const jn = {
+const bs = {
   spring: { stiffness: 170, damping: 22, doubleSpring: 0.8 }
-}, Kn = (e = {}) => {
-  const t = e.direction ?? "left", n = e.physics ?? jn, s = t === "left";
+}, ws = (e = {}) => {
+  const t = e.physics ?? bs;
   return {
-    prepare: ({ from: o, to: i }) => (o.then((l) => {
-      l.style.willChange = "transform", l.style.backfaceVisibility = "hidden", l.style.contain = "layout paint", l.style.pointerEvents = "none";
-    }), i.then((l) => {
-      const a = s ? 100 : -100;
-      l.style.transform = `translate3d(${a}%, 0, 0)`, l.style.willChange = "transform", l.style.backfaceVisibility = "hidden", l.style.contain = "layout paint";
-    }), {}),
-    animation: ({ from: o, to: i }) => {
-      const l = new m({
-        element: o,
-        integrator: g.from(n),
-        style: (r) => ({ transform: `translate3d(${s ? -100 * r : 100 * r}%, 0, 0)` }),
+    prepare: ({ from: n, to: s, context: o }) => {
+      const i = o.direction === "forward";
+      return n.then((r) => {
+        r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
+      }), s.then((r) => {
+        const l = i ? 100 : -100;
+        r.style.transform = `translate3d(${l}%, 0, 0)`, r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint";
+      }), {};
+    },
+    animation: ({ from: n, to: s, context: o }) => {
+      const i = o.direction === "forward", r = new b({
+        element: n,
+        integrator: w.from(t),
+        style: (c) => ({ transform: `translate3d(${i ? -100 * c : 100 * c}%, 0, 0)` }),
         // The outgoing node is the real Activity page and gets reused on the
         // next navigation, so reset every inline style we wrote to it (mirror
         // the incoming cleanup, plus the out-only pointerEvents).
         onComplete: () => {
-          o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.pointerEvents = "";
+          n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "", n.style.transform = "", n.style.pointerEvents = "";
         }
-      }), a = new m({
-        element: i,
-        integrator: g.from(n),
-        style: (r, c) => ({ transform: `translate3d(${s ? c * 100 : c * -100}%, 0, 0)` }),
+      }), l = new b({
+        element: s,
+        integrator: w.from(t),
+        style: (c, a) => ({ transform: `translate3d(${i ? a * 100 : a * -100}%, 0, 0)` }),
         onComplete: () => {
-          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
+          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transform = "";
         }
       });
-      return new E([l, a], { mode: "parallel" });
+      return new P([r, l], { mode: "parallel" });
     }
   };
 };
-function zs(e) {
-  const { paths: t } = e;
-  return ot(
-    t,
-    { forward: "left", backward: "right" },
-    (n) => Kn({ direction: n })
-  );
+function po(e = {}) {
+  return ws();
 }
-const Gn = {
+const Ss = {
   spring: { stiffness: 17, damping: 6 }
-}, tt = 20, M = 800, Jn = (e = {}) => {
-  const t = e.physics ?? Gn;
+}, st = 20, V = 800, xs = (e = {}) => {
+  const t = e.physics ?? Ss;
   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(${M}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(${M}px) rotateY(${tt}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(${st}deg) translate3d(-100%, 0, 0)`;
     }), {}),
     animation: ({ from: n, to: s }) => {
-      const o = new m({
+      const o = new b({
         element: n,
-        integrator: g.from(t),
-        style: (l) => {
-          const a = -l * tt, r = l * 100;
+        integrator: w.from(t),
+        style: (r) => {
+          const l = -r * st, c = r * 100;
           return {
-            transform: `perspective(${M}px) rotateY(${a}deg) translate3d(${r}%, 0, 0)`
+            transform: `perspective(${V}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
           };
         },
         // The outgoing node is reused (Activity/cacheComponents re-hide it),
@@ -1847,97 +1966,123 @@ const Gn = {
         onComplete: () => {
           n.style.transform = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "", n.style.pointerEvents = "";
         }
-      }), i = new m({
+      }), i = new b({
         element: s,
-        integrator: g.from(t),
-        style: (l, a) => {
-          const r = a * tt, c = -a * 100;
+        integrator: w.from(t),
+        style: (r, l) => {
+          const c = l * st, a = -l * 100;
           return {
-            transform: `perspective(${M}px) rotateY(${r}deg) translate3d(${c}%, 0, 0)`
+            transform: `perspective(${V}px) rotateY(${c}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 P([o, i], { mode: "sequence" });
     }
   };
 };
-function Rs(e) {
-  const { paths: t } = e;
-  return v(t, () => Jn());
+function uo(e = {}) {
+  return xs();
+}
+function Cs(e, t) {
+  return t.left >= e.left - 0.01 && t.top >= e.top - 0.01 && t.left + t.width <= e.left + e.width + 0.01 && t.top + t.height <= e.top + e.height + 0.01;
+}
+function Zt(e) {
+  const t = () => ({
+    enterContent: e.enterRect,
+    exitContent: e.exitRect,
+    startWindow: e.enterRect,
+    scaleX: e.exitRect.width / e.enterRect.width,
+    scaleY: e.exitRect.height / e.enterRect.height
+  }), { enterMedia: n, exitMedia: s } = e;
+  if (!n || !s || !Xt(n, s)) return t();
+  const o = n.content, i = s.content;
+  if (o.width <= 0 || o.height <= 0 || i.width <= 0 || i.height <= 0)
+    return t();
+  const r = i.width / o.width, l = i.height / o.height, c = Wt(
+    o,
+    i,
+    s.window,
+    r,
+    l
+  );
+  return Cs(n.window, c) ? { enterContent: o, exitContent: i, startWindow: c, scaleX: r, scaleY: l } : t();
 }
-function Qn({
-  enterRect: e,
-  exitRect: t,
-  pageRect: n,
-  scrollOffset: s,
-  enterRadius: o,
-  exitRadius: i
-}) {
-  const l = t.left - e.left + (t.width - e.width) / 2 - s.x, a = t.top - e.top + (t.height - e.height) / 2 - s.y, r = t.width / e.width, c = t.height / e.height, f = e.top / n.height * 100, p = (n.width - (e.left + e.width)) / n.width * 100, d = (n.height - (e.top + e.height)) / n.height * 100, u = e.left / n.width * 100;
+function Gt(e, t) {
   return {
-    transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
-    animate: (y) => {
-      const h = 1 - y, w = 1 + (r - 1) * h, S = 1 + (c - 1) * h, P = (i * h + o * (1 - h)) / ((w + S) / 2);
+    top: e.top / t.height * 100,
+    right: (t.width - (e.left + e.width)) / t.width * 100,
+    bottom: (t.height - (e.top + e.height)) / t.height * 100,
+    left: e.left / t.width * 100
+  };
+}
+function jt(e, t, n) {
+  return {
+    x: e / Math.max(Math.abs(t), 1e-6),
+    y: e / Math.max(Math.abs(n), 1e-6)
+  };
+}
+function $s(e) {
+  const { pageRect: t, scrollOffset: n, enterRadius: s, exitRadius: o } = e, i = Zt(e), { enterContent: r, exitContent: l, startWindow: c, scaleX: a, scaleY: p } = i, d = l.left - r.left + (l.width - r.width) / 2 - n.x, u = l.top - r.top + (l.height - r.height) / 2 - n.y, h = Gt(c, t);
+  return {
+    transformOrigin: `${O(r)}px ${D(r)}px`,
+    animate: (f) => {
+      const y = 1 - f, m = 1 + (a - 1) * y, S = 1 + (p - 1) * y, g = Math.max(0, o * y + s * (1 - y)), $ = jt(g, m, S);
       return {
-        clipPath: `inset(${f * h}% ${p * h}% ${d * h}% ${u * h}% round ${P}px)`,
-        transform: `translate(${l * h}px, ${a * h}px) scale(${w}, ${S})`
+        clipPath: `inset(${h.top * y}% ${h.right * y}% ${h.bottom * y}% ${h.left * y}% round ${$.x}px / ${$.y}px)`,
+        transform: `translate(${d * y}px, ${u * y}px) scale(${m}, ${S})`
       };
     }
   };
 }
-function ts({
-  enterRect: e,
-  exitRect: t,
-  pageRect: n,
-  scrollOffset: s,
-  enterRadius: o,
-  exitRadius: i
-}) {
-  const l = t.left - e.left + (t.width - e.width) / 2 + s.x, a = t.top - e.top + (t.height - e.height) / 2 + s.y, r = t.width / e.width, c = t.height / e.height, f = e.top / n.height * 100, p = (n.width - (e.left + e.width)) / n.width * 100, d = (n.height - (e.top + e.height)) / n.height * 100, u = e.left / n.width * 100;
+function Es(e) {
+  const { pageRect: t, scrollOffset: n, enterRadius: s, exitRadius: o } = e, i = Zt(e), { enterContent: r, exitContent: l, startWindow: c, scaleX: a, scaleY: p } = i, d = l.left - r.left + (l.width - r.width) / 2 + n.x, u = l.top - r.top + (l.height - r.height) / 2 + n.y, h = Gt(c, t);
   return {
-    transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
-    animate: (y) => {
-      const h = 1 - y, w = 1 + (r - 1) * h, S = 1 + (c - 1) * h, P = (o * (1 - h) + i * h) / ((w + S) / 2);
+    transformOrigin: `${O(r)}px ${D(r)}px`,
+    animate: (f) => {
+      const y = 1 - f, m = 1 + (a - 1) * y, S = 1 + (p - 1) * y, g = Math.max(0, s * (1 - y) + o * y), $ = jt(g, m, S);
       return {
-        clipPath: `inset(${f * h}% ${p * h}% ${d * h}% ${u * h}% round ${P}px)`,
-        transform: `translate(${l * h - s.x}px, ${a * h}px) scale(${w}, ${S})`
+        clipPath: `inset(${h.top * y}% ${h.right * y}% ${h.bottom * y}% ${h.left * y}% round ${$.x}px / ${$.y}px)`,
+        transform: `translate(${d * y - n.x}px, ${u * y}px) scale(${m}, ${S})`
       };
     }
   };
 }
-const es = {
+const Ps = {
   spring: {
-    stiffness: 430,
-    damping: 33,
-    doubleSpring: 1
+    stiffness: 380,
+    damping: 30,
+    doubleSpring: {
+      stiffness: 260,
+      damping: 30
+    }
   }
-}, Mt = 0.12, ns = 18;
-function ss() {
+}, qt = 0.12, _s = 18;
+function As() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - Mt * t})`
+        transform: `scale(${1 - qt * t})`
       };
     }
   };
 }
-function os() {
+function Is() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - Mt * t})`
+        transform: `scale(${1 - qt * t})`
       };
     }
   };
 }
-const et = {
+const ot = {
   willChange: "backdrop-filter",
   // `top` + `height` are set per-transition in OverlayStrategy.contribute (they
   // track the live scroll position), so they are intentionally omitted here.
@@ -1953,132 +2098,129 @@ const et = {
     WebkitBackdropFilter: "blur(0px)"
   },
   style: (e, t) => {
-    const n = e === "enter" ? t : 1 - t, s = `blur(${ns * n}px)`;
+    const n = e === "enter" ? t : 1 - t, s = `blur(${_s * n}px)`;
     return {
       backdropFilter: s,
       WebkitBackdropFilter: s
     };
   }
 };
-class is {
+class Rs {
   constructor() {
-    x(this, "physics", es);
+    E(this, "physics", Ps);
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, physics: i } = t, l = o.mode === "enter", a = l ? n : s, r = l ? ss() : os();
-    return r && (a.style.transformOrigin = r.transformOrigin), [
-      new m({
-        element: a,
-        integrator: g.from(i),
-        style: l ? (c, f) => r.animate(f) : (c) => r.animate(c)
+    const { from: n, to: s, resolved: o, physics: i } = t, r = o.mode === "enter", l = r ? n : s, c = r ? As() : Is();
+    return c && (l.style.transformOrigin = c.transformOrigin), [
+      new b({
+        element: l,
+        integrator: w.from(i),
+        style: r ? (a, p) => c.animate(p) : (a) => c.animate(a)
       })
     ];
   }
 }
-class rs {
+class vs {
   prepare(t) {
     const n = t.createElement("zoom-overlay");
-    return Object.assign(n.style, et.initialStyle), n.style.willChange = et.willChange, t.context.positionedParent.appendChild(n), { overlay: n };
+    return Object.assign(n.style, ot.initialStyle), n.style.willChange = ot.willChange, t.context.positionedParent.appendChild(n), { overlay: n };
   }
   contribute(t) {
     const n = t.extras.overlay;
     if (!n) return [];
-    n.style.zIndex = Ht;
-    const s = Yt(t.context, "to");
+    n.style.zIndex = zt;
+    const s = Ht(t.context, "to");
     return n.style.top = `${s.top}px`, n.style.height = `${s.height}px`, [
-      new m({
+      new b({
         element: n,
-        integrator: g.from(t.physics),
-        style: (o) => et.style(t.resolved.mode, o)
+        integrator: w.from(t.physics),
+        style: (o) => ot.style(t.resolved.mode, o)
       })
     ];
   }
 }
-const as = {
+const Os = {
   spring: {
     stiffness: 430,
     damping: 33,
     doubleSpring: 1
   }
 };
-function ls({
+function Ds({
   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, l = e.height / t.height, a = Math.max(i, l);
+  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: (r) => {
-      const c = 1 - r;
+    animate: (c) => {
+      const a = 1 - c;
       return {
-        transform: `translate(${s * c - n.x}px, ${o * c}px) scale(${1 + (a - 1) * c})`
+        transform: `translate(${s * a - n.x}px, ${o * a}px) scale(${1 + (l - 1) * a})`
       };
     }
   };
 }
-function cs({
+function Fs({
   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, l = e.height / t.height, a = Math.max(i, l);
+  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: (r) => {
-      const c = 1 - r;
+    animate: (c) => {
+      const a = 1 - c;
       return {
-        transform: `translate(${s * c}px, ${o * c}px) scale(${1 + (a - 1) * c})`
+        transform: `translate(${s * a}px, ${o * a}px) scale(${1 + (l - 1) * a})`
       };
     }
   };
 }
-class ps {
+class Ts {
   constructor() {
-    x(this, "physics", as);
+    E(this, "physics", Os);
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, input: i, physics: l } = t, a = o.mode === "enter", r = a ? n : s, c = a ? ls(i) : cs(i);
-    return c && (r.style.transformOrigin = c.transformOrigin), [
-      new m({
-        element: r,
-        integrator: g.from(l),
-        style: a ? (f, p) => c.animate(p) : (f) => c.animate(f)
+    const { from: n, to: s, resolved: o, input: i, physics: r } = t, l = o.mode === "enter", c = l ? n : s, a = l ? Ds(i) : Fs(i);
+    return a && (c.style.transformOrigin = a.transformOrigin), [
+      new b({
+        element: c,
+        integrator: w.from(r),
+        style: l ? (p, d) => a.animate(d) : (p) => a.animate(p)
       })
     ];
   }
 }
-const fs = {
+const Ms = {
   spring: {
     stiffness: 530,
     damping: 34,
     doubleSpring: 1
   }
 };
-class ds {
+class Ys {
   constructor() {
-    x(this, "physics", fs);
+    E(this, "physics", Ms);
   }
   contribute(t) {
     return [];
   }
 }
-const ys = {
-  expand: () => new ps(),
-  static: () => new ds(),
-  blur: () => new is()
+const Ls = {
+  expand: () => new Ts(),
+  static: () => new Ys(),
+  blur: () => new Rs()
 };
-function hs(e) {
-  return ys[e]();
+function ks(e) {
+  return Ls[e]();
 }
-const nt = "data-zoom-enter-key", Dt = "data-zoom-exit-key", us = "data-zoom-radius";
-function Ot(e) {
-  const t = e.getAttribute(us);
-  if (!t) return 0;
-  const n = parseFloat(t);
-  return Number.isFinite(n) && n > 0 ? n : 0;
+const lt = "data-zoom-enter-key", Tt = "data-zoom-exit-key", Mt = "data-zoom-radius";
+function Hs(e, t) {
+  return Math.abs(e.left - t.left) < 0.01 && Math.abs(e.top - t.top) < 0.01 && Math.abs(e.width - t.width) < 0.01 && Math.abs(e.height - t.height) < 0.01;
 }
-function ms(e, t) {
+function Ns(e, t) {
   const n = [];
   let s = t;
   for (; s && s !== e; ) {
@@ -2090,127 +2232,145 @@ function ms(e, t) {
   }
   return n;
 }
-function Tt(e) {
-  const t = e.querySelectorAll(`[${nt}]`);
+function Yt(e) {
+  const t = e.querySelectorAll(`[${lt}]`);
   return t.length !== 1 ? null : t[0];
 }
-function Ft(e, t) {
-  const n = e.querySelectorAll(`[${Dt}]`);
+function Lt(e, t) {
+  const n = e.querySelectorAll(`[${Tt}]`);
   for (const s of n)
-    if (s.getAttribute(Dt) === t)
+    if (s.getAttribute(Tt) === t)
       return s;
   return null;
 }
-function gs(e, t) {
-  const n = Tt(e), s = Tt(t);
-  if (!n && s) {
-    const o = s.getAttribute(nt);
-    if (!o) return null;
-    const i = Ft(e, o);
-    return i ? { mode: "enter", enterEl: s, exitEl: i } : null;
-  }
-  if (n && !s) {
-    const o = n.getAttribute(nt);
-    if (!o) return null;
-    const i = Ft(t, o);
-    return i ? { mode: "exit", enterEl: n, exitEl: i } : null;
+function zs(e, t, n) {
+  if (n === "forward") {
+    const r = Yt(t);
+    if (!r) return null;
+    const l = r.getAttribute(lt);
+    if (!l) return null;
+    const c = Lt(e, l);
+    return c ? { mode: "enter", enterEl: r, exitEl: c } : null;
   }
-  return null;
-}
-function ws(e, t, n, s) {
+  const s = Yt(e);
+  if (!s) return null;
+  const o = s.getAttribute(lt);
+  if (!o) return null;
+  const i = Lt(t, o);
+  return i ? { mode: "exit", enterEl: s, exitEl: i } : null;
+}
+function Us(e, t, n, s) {
+  const o = e.mode === "enter" ? n : t, i = e.mode === "enter" ? t : n, r = z(o, e.enterEl), l = z(i, e.exitEl), c = at(
+    e.enterEl,
+    r,
+    (m) => z(o, m),
+    {
+      legacyRadiusAttribute: Mt
+    }
+  ), a = at(
+    e.exitEl,
+    l,
+    (m) => z(i, m),
+    {
+      legacyRadiusAttribute: Mt
+    }
+  ), [p, d] = Bt(c, a), u = p.contentAware && d.contentAware, h = e.mode === "enter" ? n.getBoundingClientRect() : t.getBoundingClientRect(), f = {
+    left: 0,
+    top: 0,
+    width: h.width,
+    height: h.height
+  }, y = p.radiusSource === "legacy" || Hs(p.window, f) ? p.radius : 0;
   return {
-    enterRect: rt(
-      e.mode === "enter" ? n : t,
-      e.enterEl
-    ),
-    exitRect: rt(
-      e.mode === "enter" ? t : n,
-      e.exitEl
-    ),
-    pageRect: e.mode === "enter" ? n.getBoundingClientRect() : t.getBoundingClientRect(),
+    enterRect: r,
+    exitRect: l,
+    ...u ? {
+      enterMedia: p,
+      exitMedia: d
+    } : {},
+    pageRect: h,
     scrollOffset: s,
-    enterRadius: Ot(e.enterEl),
-    exitRadius: Ot(e.exitEl)
+    enterRadius: y,
+    exitRadius: d.radius
   };
 }
-class Ss {
+class Vs {
   prepare(t) {
     t.from.then((n) => {
       n.style.willChange = "transform, clip-path, opacity", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
     });
   }
   contribute(t) {
-    const { from: n, to: s, resolved: o, input: i, physics: l, onComplete: a } = t, r = o.mode === "enter", c = r ? Qn(i) : ts(i), f = r ? s : n, p = r ? "t" : "u";
-    c && (f.style.transformOrigin = c.transformOrigin);
-    const d = r ? D : O, u = r ? O : D, y = n.style.zIndex;
-    n.style.zIndex = d;
-    const h = s.style.zIndex, w = s.style.position;
-    return s.style.zIndex = u, s.style.position = "relative", a(() => {
-      f.style.willChange = "auto", f.style.backfaceVisibility = "", f.style.transformOrigin = "", f.style.contain = "", n.style.zIndex = y, s.style.zIndex === u && (s.style.zIndex = h), s.style.position === "relative" && (s.style.position = w), s.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
+    const { from: n, to: s, resolved: o, input: i, physics: r, onComplete: l } = t, c = o.mode === "enter", a = c ? $s(i) : Es(i), p = c ? s : n, d = c ? "t" : "u";
+    a && (p.style.transformOrigin = a.transformOrigin);
+    const u = c ? R : v, h = c ? v : R, f = n.style.zIndex;
+    n.style.zIndex = u;
+    const y = s.style.zIndex, m = s.style.position;
+    return s.style.zIndex = h, s.style.position = "relative", l(() => {
+      p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", n.style.zIndex = f, s.style.zIndex === h && (s.style.zIndex = y), s.style.position === "relative" && (s.style.position = m), s.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
     }), [
-      new m({
-        element: f,
-        integrator: g.from(l),
+      new b({
+        element: p,
+        integrator: w.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: p === "t" ? (S) => c.animate(S) : (S, b) => c.animate(b)
+        style: d === "t" ? (S) => a.animate(S) : (S, g) => a.animate(g)
       })
     ];
   }
 }
-class bs {
+class Xs {
   contribute(t) {
-    const { resolved: n, physics: s, from: o, to: i, onComplete: l } = t, a = n.mode === "enter" ? i : o, r = ms(a, n.enterEl);
-    if (r.length === 0) return [];
-    const c = r.map((f) => f.style.opacity);
+    const { resolved: n, physics: s, from: o, to: i, onComplete: r } = t, l = n.mode === "enter" ? i : o, c = Ns(l, n.enterEl);
+    if (c.length === 0) return [];
+    const a = c.map((p) => p.style.opacity);
     if (n.mode === "enter")
-      for (const f of r) f.style.opacity = "0";
-    return l(() => {
-      for (let f = 0; f < r.length; f++) {
-        const p = r[f];
-        p && (p.style.opacity = c[f] ?? "");
+      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] ?? "");
       }
-    }), r.map(
-      (f) => new m({
-        element: f,
-        integrator: g.from(s),
-        style: (p, d) => ({
-          opacity: n.mode === "enter" ? p : d
+    }), c.map(
+      (p) => new b({
+        element: p,
+        integrator: w.from(s),
+        style: (d, u) => ({
+          opacity: n.mode === "enter" ? d : u
         })
       })
     );
   }
 }
-class zt {
+class Kt {
   contribute() {
     return [];
   }
 }
-const $s = {
-  default: () => new zt(),
-  fade: () => new bs()
+const Bs = {
+  default: () => new Kt(),
+  fade: () => new Xs()
 };
-function Cs(e) {
-  return $s[e]();
+function Ws(e) {
+  return Bs[e]();
 }
-class xs extends zt {
+class Zs extends Kt {
 }
-function Es(e) {
-  const t = hs(e.type);
+function Gs(e) {
+  const t = ks(e.type);
   return { strategies: [
-    new Ss(),
+    new Vs(),
     t,
-    Cs(e.variant),
-    new xs(),
+    Ws(e.variant),
+    new Zs(),
     // 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 rs()] : []
+    ...e.type === "blur" ? [new vs()] : []
   ], physics: t.physics };
 }
-const Ps = (e) => {
-  const { strategies: t, physics: n } = Es(e);
+const js = (e) => {
+  const { strategies: t, physics: n } = Gs(e);
   return {
     prepare: (s) => {
       const o = {
@@ -2222,81 +2382,78 @@ const Ps = (e) => {
         // compatible.
         createElement: s.createElement
       }, i = {};
-      for (const l of t) {
-        if (!l.prepare) continue;
-        const a = l.prepare(o);
-        a && Object.assign(i, a);
+      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, ...l }) => {
-      const a = gs(s, o);
-      if (!a)
-        return new E([], { mode: "parallel" });
-      const r = ws(a, s, o, i.scrollOffset), c = [], p = {
+    animation: ({ from: s, to: o, context: i, ...r }) => {
+      const l = zs(s, o, i.direction);
+      if (!l)
+        return new P([], { mode: "parallel" });
+      const c = Us(l, s, o, i.scrollOffset), a = [], d = {
         from: s,
         to: o,
-        resolved: a,
-        input: r,
+        resolved: l,
+        input: c,
         physics: n,
         context: i,
-        extras: l,
-        onComplete: (y) => {
-          c.push(y);
+        extras: r,
+        onComplete: (f) => {
+          a.push(f);
         }
-      }, d = [];
-      for (const y of t)
-        y.contribute && d.push(...y.contribute(p));
-      const u = d[0];
-      if (u) {
-        const y = u.onComplete;
-        u.onComplete = () => {
-          y == null || y();
-          for (const h of c)
+      }, u = [];
+      for (const f of t)
+        f.contribute && u.push(...f.contribute(d));
+      const h = u[0];
+      if (h) {
+        const f = h.onComplete;
+        h.onComplete = () => {
+          f == null || f();
+          for (const y of a)
             try {
-              h();
-            } catch (w) {
-              console.error("[zoom] cleanup error", w);
+              y();
+            } catch (m) {
+              console.error("[zoom] cleanup error", m);
             }
         };
       }
-      for (const y of d) {
-        if (!(y instanceof m)) continue;
-        const h = y.onComplete;
-        y.onComplete = () => {
-          h == null || h(), y.releaseFill();
+      for (const f of u) {
+        if (!(f instanceof b)) continue;
+        const y = f.onComplete;
+        f.onComplete = () => {
+          y == null || y(), f.releaseFill();
         };
       }
-      return new E(d, { mode: "parallel" });
+      return new P(u, { mode: "parallel" });
     }
   };
 };
-function _s(e) {
+function qs(e) {
   const t = e.type ?? "static", n = e.variant ?? (e.fade ? "fade" : "default");
   return { type: t, variant: n };
 }
-function Us(e) {
-  const t = _s(e);
-  return v(
-    e.paths,
-    () => Ps(t)
-  );
+function fo(e = {}) {
+  const t = qs(e);
+  return js(t);
 }
 export {
-  Xs as Animation,
-  E as MultiAnimation,
-  m as WebAnimation,
-  Ds as axis,
-  Os as blind,
-  Ts as drill,
-  Fs as fade,
-  As as film,
-  ks as hero,
-  Ys as jaemin,
-  Ls as rotate,
-  Hs as scroll,
-  Ms as sheet,
-  zs as slide,
-  Rs as strip,
-  Us as zoom
+  mo as Animation,
+  P as MultiAnimation,
+  b as WebAnimation,
+  to as axis,
+  eo as blind,
+  no as drill,
+  so as fade,
+  oo as film,
+  io as hero,
+  ro as jaemin,
+  ao as rotate,
+  lo as scroll,
+  co as sheet,
+  po as slide,
+  uo as strip,
+  fo as zoom
 };