@ssgoi/core 6.6.8 → 6.6.9

package/dist/index.js

@@ -1,23 +1,23 @@
-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-BC5ihz8S.js";
-import { A as Xs } from "./multi-animation-BC5ihz8S.js";
-function v(e, t) {
+var ae = Object.defineProperty;
+var le = (e, t, n) => t in e ? ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var E = (e, t, n) => le(e, typeof t != "symbol" ? t + "" : t, n);
+import { P as pt, V as zt, W as b, M as P, S as ce } from "./multi-animation-BC5ihz8S.js";
+import { A as wo } from "./multi-animation-BC5ihz8S.js";
+function R(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({
+      const i = e[s], r = e[o];
+      !i || !r || n.push({
         from: i,
-        to: l,
+        to: r,
         transition: t(),
         symmetric: !0
       });
     }
   return n;
 }
-function kt(e, t) {
+function Ut(e, t) {
   return [
     {
       from: e.exit,
@@ -31,41 +31,41 @@ function kt(e, t) {
     }
   ];
 }
-function ot(e, t, n) {
+function ut(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(
+      const r = e[o], l = e[i];
+      !r || !l || s.push(
         {
-          from: l,
-          to: a,
+          from: r,
+          to: l,
           transition: n(t.forward)
         },
         {
-          from: a,
-          to: l,
+          from: l,
+          to: r,
           transition: n(t.backward)
         }
       );
     }
   return s;
 }
-class z {
+class B {
   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 ?? pt, this.restSpeed = t.restSpeed ?? zt;
   }
   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: a } = t, c = -2 * o * r * i * a, u = o * i * i * (n - l), p = a + c + u;
     return {
-      position: a + o * p,
+      position: l + o * p,
       velocity: p
     };
   }
@@ -74,20 +74,20 @@ class z {
     return s < this.restDelta && o < this.restSpeed;
   }
 }
-class qt {
+class pe {
   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 ?? pt, this.restSpeed = t.restSpeed ?? zt, this.leader = new B({
       stiffness: t.stiffness,
       damping: t.damping,
       restDelta: this.restDelta,
       restSpeed: this.restSpeed
     });
     let n, s, o, i;
-    typeof t.follower == "number" ? (n = t.stiffness * t.follower, s = t.damping) : t.follower ? (n = t.follower.stiffness, s = t.follower.damping, o = t.follower.restDelta, i = t.follower.restSpeed) : (n = t.stiffness, s = t.damping), this.follower = new 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 B({
       stiffness: n,
       damping: s,
       restDelta: o ?? this.restDelta,
@@ -98,15 +98,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 +114,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 ue = 0.01, de = 500, fe = 10;
+class he {
   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 ?? de, this.bounceDamping = t.bounceDamping ?? fe, this.restDelta = t.restDelta ?? ue;
   }
   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: a, max: c } = this, { position: u, velocity: p } = t, d = a !== void 0 && u < a, y = c !== void 0 && u > c;
+    let f;
+    if (d || y) {
+      const g = u - (d ? a : c), $ = -this.bounceStiffness * g, x = -this.bounceDamping * p;
+      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 > u ? 1 : -1;
+      let g;
+      l === "linear" ? g = r * p : g = r * p * Math.abs(p), 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 h = p + f * o;
+    let m = u + h * o;
+    if (!d && !y) {
+      const S = n > u ? 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 : h
     };
   }
   isSettled(t, n) {
     return Math.abs(n - t.position) < this.restDelta;
   }
 }
-class g {
+class w {
   /**
    * Create an Integrator from physics config
    *
@@ -167,7 +167,7 @@ class g {
         "Cannot use both 'spring' and 'inertia' together. Choose one physics type."
       );
     if (t.inertia)
-      return new Jt({
+      return new he({
         acceleration: t.inertia.acceleration,
         resistance: t.inertia.resistance,
         resistanceType: t.inertia.resistanceType,
@@ -184,7 +184,7 @@ class g {
       return typeof s == "number" ? o = s : typeof s == "object" && (o = {
         stiffness: s.stiffness,
         damping: s.damping
-      }), new qt({
+      }), new pe({
         stiffness: n.stiffness,
         damping: n.damping,
         follower: o,
@@ -192,7 +192,7 @@ class g {
         restSpeed: n.restSpeed
       });
     }
-    return new z({
+    return new B({
       stiffness: n.stiffness,
       damping: n.damping,
       restDelta: n.restDelta,
@@ -204,32 +204,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 ye {
   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, a = t.position + l;
+    return (i > 0 ? a >= n : a <= n) ? { position: n, velocity: 0 } : { position: a, velocity: i * r };
   }
   isSettled(t, n) {
-    return Math.abs(t.position - n) < st;
+    return Math.abs(t.position - n) < pt;
   }
 }
-function N(e, t) {
+function H(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 a = i.offsetWidth, c = i.offsetHeight;
+    let u = i;
+    for (; u; )
+      r += u.offsetTop, l += u.offsetLeft, u = u.offsetParent;
+    return r -= window.scrollY, l -= window.scrollX, { top: r, left: l, width: a, height: c };
   }
   const s = n(e), o = n(t);
   return new DOMRect(
@@ -239,7 +239,7 @@ function N(e, t) {
     o.height
   );
 }
-function rt(e, t) {
+function U(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 +248,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) ? H(n, s).top : 0;
   return {
     top: e[t].scroll.y,
     left: 0,
@@ -257,14 +257,14 @@ 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 Vt(e, t) {
+  const { scrollingElement: n, positionedParent: s } = e, o = n !== s && n.contains(s) ? H(n, s).top : 0;
   return {
     top: e[t].scroll.y - o,
     height: n.clientHeight
   };
 }
-const at = 8, lt = {
+const ft = 8, ht = {
   spring: {
     stiffness: 800,
     damping: 40,
@@ -273,10 +273,10 @@ const at = 8, lt = {
     restSpeed: 0.1
   }
 };
-function te({
+function me({
   direction: e
 }) {
-  const t = e === "forward" ? at : -at;
+  const t = e === "forward" ? ft : -ft;
   return {
     out: {
       willChange: "transform, opacity",
@@ -298,25 +298,25 @@ function te({
     }
   };
 }
-function ee() {
+function ge() {
   return {
-    outPhysics: lt,
-    inPhysics: lt,
+    outPhysics: ht,
+    inPhysics: ht,
     // 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: me
   };
 }
-const ct = 30, ne = {
+const yt = 30, be = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, se = {
+}, we = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function oe({
+function Se({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = -ct * t, s = ct * t;
+  const t = e === "forward" ? 1 : -1, n = -yt * t, s = yt * t;
   return {
     out: {
       willChange: "transform, opacity",
@@ -339,29 +339,29 @@ function oe({
     }
   };
 }
-function ie() {
+function xe() {
   return {
-    outPhysics: ne,
-    inPhysics: se,
+    outPhysics: be,
+    inPhysics: we,
     // 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: Se
   };
 }
-const re = {
-  snappy: ee(),
-  fluid: ie()
-}, pt = 8, ae = {
+const Ce = {
+  snappy: ge(),
+  fluid: xe()
+}, mt = 8, $e = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, le = {
+}, Ee = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function ce({
+function Pe({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = -pt * t, s = pt * t;
+  const t = e === "forward" ? 1 : -1, n = -mt * t, s = mt * t;
   return {
     out: {
       willChange: "transform, opacity",
@@ -384,21 +384,21 @@ function ce({
     }
   };
 }
-function pe() {
+function Ie() {
   return {
-    outPhysics: ae,
-    inPhysics: le,
+    outPhysics: $e,
+    inPhysics: Ee,
     composition: { mode: "sequence" },
-    build: ce
+    build: Pe
   };
 }
-const fe = 8, de = {
+const Ae = 8, _e = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, ye = {
+}, Re = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function he(e) {
-  const t = fe;
+function ve(e) {
+  const t = Ae;
   return {
     out: {
       willChange: "opacity",
@@ -420,32 +420,32 @@ function he(e) {
     }
   };
 }
-function ue() {
+function Oe() {
   return {
-    outPhysics: de,
-    inPhysics: ye,
+    outPhysics: _e,
+    inPhysics: Re,
     composition: { mode: "sequence" },
-    build: he
+    build: ve
   };
 }
-const ft = pe(), me = {
-  snappy: ft,
-  directional: ft,
-  "non-directional": ue()
-}, dt = {
+const gt = Ie(), De = {
+  snappy: gt,
+  directional: gt,
+  "non-directional": Oe()
+}, bt = {
   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({
+}, Z = 0.1, G = 1 / 3, wt = (e) => Math.max(0, Math.min(1, e));
+function Te({
   direction: e
 }) {
-  const t = e === "forward" ? 1 : -1, n = 1 - t * V;
+  const t = e === "forward" ? 1 : -1, n = 1 - t * Z;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
       animate: (s) => ({
-        transform: `scale(${1 + t * s * V})`,
-        opacity: `${yt(1 - s / X)}`
+        transform: `scale(${1 + t * s * Z})`,
+        opacity: `${wt(1 - s / G)}`
       })
     },
     in: {
@@ -455,130 +455,130 @@ function ge({
         opacity: "0"
       },
       animate: (s) => ({
-        transform: `scale(${n + t * s * V})`,
-        opacity: `${yt((s - X) / (1 - X))}`
+        transform: `scale(${n + t * s * Z})`,
+        opacity: `${wt((s - G) / (1 - G))}`
       })
     }
   };
 }
-function we() {
+function Fe() {
   return {
-    outPhysics: dt,
-    inPhysics: dt,
+    outPhysics: bt,
+    inPhysics: bt,
     // 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: Te
   };
 }
-const ht = {
+const St = {
   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() {
+}, j = 0.1, q = 1 / 3, xt = (e) => Math.max(0, Math.min(1, e));
+function Me() {
   return {
     out: {
       willChange: "opacity",
       startStyle: {},
       animate: (e) => ({
-        opacity: `${ut(1 - e / Z)}`
+        opacity: `${xt(1 - e / q)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `scale(${1 - B})`,
+        transform: `scale(${1 - j})`,
         opacity: "0"
       },
       animate: (e) => ({
-        transform: `scale(${1 - B + e * B})`,
-        opacity: `${ut((e - Z) / (1 - Z))}`
+        transform: `scale(${1 - j + e * j})`,
+        opacity: `${xt((e - q) / (1 - q))}`
       })
     }
   };
 }
-function be() {
+function Ye() {
   return {
-    outPhysics: ht,
-    inPhysics: ht,
+    outPhysics: St,
+    inPhysics: St,
     composition: { mode: "parallel" },
-    build: Se
+    build: Me
   };
 }
-const mt = we(), $e = {
-  snappy: mt,
-  directional: mt,
-  "non-directional": be()
-}, Ce = {
-  x: re,
-  y: me,
-  z: $e
+const Ct = Fe(), Le = {
+  snappy: Ct,
+  directional: Ct,
+  "non-directional": Ye()
+}, ke = {
+  x: Ce,
+  y: De,
+  z: Le
 };
-function xe(e, t) {
-  const n = Ce[e];
+function He(e, t) {
+  const n = ke[e];
   return n[t] ?? n.snappy;
 }
-const Ee = "x", Pe = "snappy";
-function gt(e, t) {
+const Ne = "x", ze = "snappy";
+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;
 }
-function Lt(e) {
+function Xt(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 Ue(e) {
+  Xt(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 Ve = (e = {}) => {
+  const t = e.direction ?? "forward", n = e.type ?? Ne, s = e.feel ?? ze, o = He(n, s), i = o.build({ direction: t });
   return {
-    prepare: ({ from: l, to: a }) => (l.then((r) => {
-      gt(r, i.out), r.style.pointerEvents = "none";
-    }), a.then((r) => {
-      gt(r, i.in);
+    prepare: ({ from: r, to: l }) => (r.then((a) => {
+      $t(a, i.out), a.style.pointerEvents = "none";
+    }), l.then((a) => {
+      $t(a, i.in);
     }), {}),
-    animation: ({ from: l, to: a, context: r }) => {
+    animation: ({ from: r, to: l, context: a }) => {
       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)`;
+        const p = F(a, "from"), d = F(a, "to");
+        r.style.clipPath = `inset(${p.top}px 0 calc(100% - ${p.top + p.height}px) 0)`, l.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),
+      const c = new b({
+        element: r,
+        integrator: w.from(o.outPhysics),
         style: (p) => i.out.animate(p),
         // Restore the reused from node's inline styles on complete. This
         // covers willChange/backfaceVisibility/contain/transform/opacity (from
         // applyStartStyle + the WAAPI final frame), pointerEvents (set in
         // prepare), and clipPath (set above for z; harmless no-op otherwise).
-        onComplete: () => _e(l)
-      }), f = new m({
-        element: a,
-        integrator: g.from(o.inPhysics),
+        onComplete: () => Ue(r)
+      }), u = new b({
+        element: l,
+        integrator: w.from(o.inPhysics),
         style: (p) => i.in.animate(p),
-        onComplete: () => Lt(a)
+        onComplete: () => Xt(l)
       });
-      return new E([c, f], o.composition);
+      return new P([c, u], o.composition);
     }
   };
 };
-function ve(e, t, n) {
+function Xe(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(
+function so(e) {
+  const { paths: t } = e, n = e.type ?? "x", s = e.variant, o = e.feel, i = Xe(n, s, o);
+  return ut(
     t,
     { forward: "forward", backward: "backward" },
-    (l) => Ie({ type: n, direction: l, feel: i })
+    (r) => Ve({ type: n, direction: r, feel: i })
   );
 }
-const De = {
+const Be = {
   spring: { stiffness: 200, damping: 22 }
-}, Oe = 10, Te = "horizontal", Fe = "#000000";
-function wt(e, t, n, s, o, i) {
+}, We = 10, Ze = "horizontal", Ge = "#000000";
+function Et(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,12 +588,12 @@ function wt(e, t, n, s, o, i) {
     z-index: 9999;
     overflow: hidden;
   `;
-  const r = [];
+  const a = [];
   for (let c = 0; c < t; c++) {
-    const f = document.createElement("div");
+    const u = document.createElement("div");
     if (n === "horizontal") {
       const p = 100 / t;
-      f.style.cssText = `
+      u.style.cssText = `
         position: absolute;
         top: ${p * c}%;
         left: 0;
@@ -606,7 +606,7 @@ function wt(e, t, n, s, o, i) {
       `;
     } else {
       const p = 100 / t;
-      f.style.cssText = `
+      u.style.cssText = `
         position: absolute;
         top: 0;
         left: ${p * c}%;
@@ -618,27 +618,27 @@ function wt(e, t, n, s, o, i) {
         will-change: transform;
       `;
     }
-    r.push(f), a.appendChild(f);
+    a.push(u), l.appendChild(u);
   }
-  return e.appendChild(a), { container: a, blinds: r };
+  return e.appendChild(l), { container: l, blinds: a };
 }
-const Ae = (e = {}) => {
-  const t = e.blindCount ?? Oe, n = e.direction ?? Te, s = e.blindColor ?? Fe, o = e.physics ?? De;
+const je = (e = {}) => {
+  const t = e.blindCount ?? We, n = e.direction ?? Ze, s = e.blindColor ?? Ge, o = e.physics ?? Be;
   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, a = await r;
+      l.style.zIndex = "1000";
+      const c = Et(
+        l,
         t,
         n,
         s,
         "hidden",
         "left"
       );
-      r.style.position = "relative", r.style.zIndex = "0";
-      const f = wt(
-        r,
+      a.style.position = "relative", a.style.zIndex = "0";
+      const u = Et(
+        a,
         t,
         n,
         s,
@@ -646,55 +646,55 @@ const Ae = (e = {}) => {
         "right"
       );
       return {
-        fromEl: a,
+        fromEl: l,
         fromBlinds: c.blinds,
         fromContainer: c.container,
-        toBlinds: f.blinds,
-        toContainer: f.container
+        toBlinds: u.blinds,
+        toContainer: u.container
       };
     },
     animation: ({
       fromEl: i,
-      fromBlinds: l,
-      fromContainer: a,
-      toBlinds: r,
+      fromBlinds: r,
+      fromContainer: l,
+      toBlinds: a,
       toContainer: c
     }) => {
-      const f = l.map(
-        (y) => new m({
-          element: y,
-          integrator: g.from(o),
+      const u = r.map(
+        (f) => new b({
+          element: f,
+          integrator: w.from(o),
           style: (h) => ({
             transform: n === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
           })
         })
-      ), p = r.map(
-        (y, h) => new m({
-          element: y,
-          integrator: g.from(o),
-          style: (w, S) => ({
+      ), p = a.map(
+        (f, h) => 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: h === a.length - 1 ? () => {
+            c.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" });
+      ), d = new P(u, { mode: "parallel" }), y = new P(p, { mode: "parallel" });
+      return new P([d, y], { mode: "sequence" });
     }
   };
 };
-function Os(e) {
+function oo(e) {
   const { paths: t, type: n = "horizontal" } = e;
-  return v(
+  return R(
     t,
-    () => Ae({ direction: n })
+    () => je({ direction: n })
   );
 }
-const ke = {
+const qe = {
   spring: { stiffness: 200, damping: 20, doubleSpring: 0.7 }
-}, Y = 0.5;
-function Ye(e) {
+}, k = 0.5;
+function Ke(e) {
   const t = e === "enter" ? -100 : 100, n = e === "enter" ? 100 : -100;
   return {
     out: {
@@ -702,29 +702,29 @@ function Ye(e) {
       startStyle: {},
       animate: (s) => ({
         transform: `translate3d(${t * s}%, 0, 0)`,
-        opacity: `${Y + (1 - Y) * (1 - s)}`
+        opacity: `${k + (1 - k) * (1 - s)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
         transform: `translate3d(${n}%, 0, 0)`,
-        opacity: `${Y}`
+        opacity: `${k}`
       },
       animate: (s) => ({
         transform: `translate3d(${n * (1 - s)}%, 0, 0)`,
-        opacity: `${Y + (1 - Y) * s}`
+        opacity: `${k + (1 - k) * s}`
       })
     }
   };
 }
-function Le() {
+function Je() {
   return {
-    physics: ke,
-    build: Ye
+    physics: qe,
+    build: Ke
   };
 }
-const He = {
+const Qe = {
   spring: {
     stiffness: 230,
     damping: 25,
@@ -734,7 +734,7 @@ const He = {
     }
   }
 };
-function Me(e) {
+function tn(e) {
   const t = e === "enter" ? -20 : 100, n = e === "enter" ? 100 : -20;
   return {
     out: {
@@ -755,117 +755,117 @@ function Me(e) {
     }
   };
 }
-function ze() {
+function en() {
   return {
-    physics: He,
-    build: Me
+    physics: Qe,
+    build: tn
   };
 }
-const Re = {
-  parallax: ze(),
-  crossfade: Le()
-}, D = "0", Ht = "1", O = "2", Ue = "parallax";
-function St(e, t) {
+const nn = {
+  parallax: en(),
+  crossfade: Je()
+}, v = "0", Bt = "1", O = "2", sn = "parallax";
+function Pt(e, t) {
   e.style.willChange = t.willChange, e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
   for (const [n, s] of Object.entries(t.startStyle))
     e.style[n] = s;
 }
-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 on = (e = {}) => {
+  const t = e.direction ?? "enter", n = nn[e.type ?? sn], s = n.physics, o = n.build(t), i = t === "enter" ? v : O, r = t === "enter" ? O : v;
   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;
+    prepare: ({ from: l, to: a }) => (l.then((c) => {
+      Pt(c, o.out), c.style.pointerEvents = "none", c.style.zIndex = i;
+    }), a.then((c) => {
+      Pt(c, o.in), c.style.position = "relative", c.style.zIndex = r;
     }), {}),
-    animation: ({ from: a, to: r }) => {
-      const c = new m({
-        element: a,
-        integrator: g.from(s),
+    animation: ({ from: l, to: a }) => {
+      const c = new b({
+        element: l,
+        integrator: w.from(s),
         style: (p) => o.out.animate(p),
         // The outgoing node is the real, reused element (re-hidden on navigate),
         // so clear every inline style we set on it — mirroring the `to` cleanup,
         // plus the out-only `pointerEvents` / `zIndex`.
         onComplete: () => {
-          a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.opacity = "", a.style.pointerEvents = "", a.style.zIndex = "";
+          l.style.willChange = "auto", l.style.backfaceVisibility = "", l.style.contain = "", l.style.transform = "", l.style.opacity = "", l.style.pointerEvents = "", l.style.zIndex = "";
         }
-      }), f = new m({
-        element: r,
-        integrator: g.from(s),
+      }), u = new b({
+        element: a,
+        integrator: w.from(s),
         style: (p) => o.in.animate(p),
         onComplete: () => {
-          r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "", r.style.opacity = "", r.style.position === "relative" && (r.style.position = ""), r.style.zIndex === l && (r.style.zIndex = "");
+          a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.opacity = "", a.style.position === "relative" && (a.style.position = ""), a.style.zIndex === r && (a.style.zIndex = "");
         }
       });
-      for (const p of [c, f]) {
+      for (const p of [c, u]) {
         const d = p.onComplete;
         p.onComplete = () => {
           d == null || d(), p.releaseFill();
         };
       }
-      return new E([c, f], { mode: "parallel" });
+      return new P([c, u], { mode: "parallel" });
     }
   };
 };
-function Ve(e) {
+function rn(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(
+function io(e) {
+  const { enter: t, exit: n } = e, s = e.type, o = rn(s);
+  return Ut(
     { enter: t, exit: n },
-    (i) => Ne({ direction: i, type: o })
+    (i) => on({ direction: i, type: o })
   );
 }
-const Xe = {
+const an = {
   spring: { stiffness: 180, damping: 20, doubleSpring: !0 }
-}, Be = {
+}, ln = {
   spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
-}, Ze = (e = {}) => {
-  const t = e.physics ?? Be, n = e.physics ?? Xe;
+}, cn = (e = {}) => {
+  const t = e.physics ?? ln, n = e.physics ?? an;
   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, a) => ({ opacity: a }),
         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) {
+function ro(e) {
   const { paths: t } = e;
-  return v(t, () => Ze());
+  return R(t, () => cn());
 }
-const W = {
+const K = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
-}, A = {
+}, M = {
   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) => ({
+}, pn = 0.8, un = "white", It = 1e3 / 60, dn = 600;
+function fn(e) {
+  const { items: t, from: n, to: s, recordFrame: o } = e, i = It / 1e3, r = Math.abs(s - n), l = t.map((c) => ({
     item: c,
-    integrator: new z({
+    integrator: new B({
       stiffness: c.spring.stiffness,
       damping: c.spring.damping
     }),
@@ -874,115 +874,115 @@ function Ke(e) {
     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 c = 0; c < l.length; c++)
+    (c === 0 || l[c].item.offset === 0) && (l[c].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];
+  let a = 0;
+  for (let c = 1; c <= dn; c++) {
+    const u = c * It;
+    a = u;
+    for (const p of l)
+      !p.started || p.settled || (p.state = p.integrator.step(p.state, s, i), p.integrator.isSettled(p.state, s) ? (p.settleTime += i, p.settleTime >= ce && (p.state = { position: s, velocity: 0 }, p.settled = !0)) : p.settleTime = 0, p.item.tick(p.state.position));
+    for (let p = 1; p < l.length; p++) {
+      const d = l[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);
+      const y = l[p - 1];
+      if (!y.started) continue;
+      (r === 0 ? 1 : Math.abs(y.state.position - n) / r) >= d.item.offset && (d.started = !0);
     }
-    if (o(f), a.every((p) => p.settled)) return f;
+    if (o(u), l.every((p) => p.settled)) return u;
   }
-  return r;
+  return a;
 }
-function q(e, t) {
+function J(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 At(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 = J(o, K.scaleDown), l = J(o, K.translate), a = J(o, K.scaleUp), c = s === "out" ? 1 : 0, u = s === "out" ? 0 : 1, p = s === "out" ? [
     {
-      spring: l,
-      offset: A.scaleDown,
-      tick: (y) => {
-        const h = 1 - y;
+      spring: r,
+      offset: M.scaleDown,
+      tick: (f) => {
+        const h = 1 - f;
         i.scale = 1 - (1 - n) * h;
       }
     },
     {
-      spring: a,
-      offset: A.translate,
-      tick: (y) => {
-        const h = 1 - y;
+      spring: l,
+      offset: M.translate,
+      tick: (f) => {
+        const h = 1 - f;
         i.translateY = -t.top - t.height * h;
       }
     },
     {
-      spring: r,
-      offset: A.scaleUp,
-      tick: (y) => {
-        const h = 1 - y;
+      spring: a,
+      offset: M.scaleUp,
+      tick: (f) => {
+        const h = 1 - f;
         i.scale = n + (1 - n) * h;
       }
     }
   ] : [
     {
-      spring: l,
-      offset: A.scaleDown,
-      tick: (y) => {
-        i.scale = 1 - (1 - n) * y;
+      spring: r,
+      offset: M.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: M.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: a,
+      offset: M.scaleUp,
+      tick: (f) => {
+        i.scale = n + (1 - n) * f;
       }
     }
-  ], d = [], u = Ke({
+  ], d = [], y = fn({
     items: p,
     from: c,
-    to: f,
-    recordFrame: (y) => d.push({
-      time: y,
+    to: u,
+    recordFrame: (f) => d.push({
+      time: f,
       scale: i.scale,
       translateY: i.translateY
     })
   });
-  return { snapshots: d, totalDuration: u };
+  return { snapshots: d, totalDuration: y };
 }
-function Ge(e, t) {
+function hn(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 yn = [
   [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 mn(e, t) {
+  const o = (i, r, l) => {
+    const a = document.createElement("div");
+    Object.assign(a.style, {
       position: "fixed",
       pointerEvents: "none",
       zIndex: "9999",
@@ -996,18 +996,18 @@ function Qe(e, t) {
       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 u = document.createElement("div");
+    return Object.assign(u.style, {
       position: "absolute",
       width: "1px",
       height: "15px",
       backgroundColor: e,
-      [a]: "0",
-      [l]: "0"
-    }), r.appendChild(c), r.appendChild(f), r;
+      [l]: "0",
+      [r]: "0"
+    }), a.appendChild(c), a.appendChild(u), a;
   };
   return {
     topLeft: o(
@@ -1044,11 +1044,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 Rt(e, t) {
   e.style.clipPath = `polygon(
     ${t.left}px ${t.top}px,
     ${t.left + t.width}px ${t.top}px,
@@ -1056,25 +1056,25 @@ function xt(e, t) {
     ${t.left}px ${t.top + t.height}px
   )`;
 }
-function j(e, t, n, s, o) {
+function Q(e, t, n, s, o) {
   const i = n / 1e3;
-  return new m({
+  return new b({
     element: e,
-    integrator: new Qt({ durationSec: i }),
+    integrator: new ye({ durationSec: i }),
     lowerBound: 0,
     upperBound: 1,
-    style: (l) => s(Ge(t, l)),
+    style: (r) => s(hn(t, r)),
     onComplete: o
   });
 }
-const tn = (e = {}) => {
+const gn = (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) ?? un, n = pn, 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 a = F(l, "from"), c = F(l, "to"), u = H(document.body, l.positionedParent), p = mn(t, {
+        ...a,
+        top: u.top
       });
       for (const d of [
         "topLeft",
@@ -1082,147 +1082,187 @@ const tn = (e = {}) => {
         "bottomLeft",
         "bottomRight"
       ])
-        a.positionedParent.appendChild(p[d]);
+        l.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 };
+        _t(d, a), Rt(d, a), d.style.transform = `translateY(${-a.top}px)`;
+      }), r.then((d) => {
+        _t(d, c), Rt(d, c), d.style.transform = `translateY(${-c.top + c.height}px) scale(${n})`;
+      }), { borders: p, fromRect: a, toRect: c };
     },
-    animation: ({ from: i, to: l, context: a, borders: r, fromRect: c, toRect: f }) => {
-      const p = $t({
+    animation: ({ from: i, to: r, context: l, borders: a, fromRect: c, toRect: u }) => {
+      const p = At({
         rect: c,
         scale: n,
         direction: "out",
         override: s
-      }), d = $t({
-        rect: f,
+      }), d = At({
+        rect: u,
         scale: n,
         direction: "in",
         override: s
-      }), u = j(
+      }), y = Q(
         i,
         p.snapshots,
         p.totalDuration,
-        (b) => ({
-          transform: `translateY(${b.translateY}px) scale(${b.scale})`
+        (g) => ({
+          transform: `translateY(${g.translateY}px) scale(${g.scale})`
         }),
         () => {
           i.style.clipPath = "", i.style.transformOrigin = "", i.style.transform = "";
         }
-      ), y = j(
-        l,
+      ), f = Q(
+        r,
         d.snapshots,
         d.totalDuration,
-        (b) => ({
-          transform: `translateY(${b.translateY}px) scale(${b.scale})`
+        (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],
+      ), h = yn.map(([g, $], x) => {
+        const C = ["topLeft", "topRight", "bottomLeft", "bottomRight"][x];
+        return Q(
+          a[C],
           p.snapshots,
           p.totalDuration,
-          (I) => {
-            const _ = (c.width - c.width * I.scale) / 2 * 0.7 * b, k = (c.height - c.height * I.scale) / 2 * 0.7 * P;
-            return { transform: `translate(${_}px, ${k}px)` };
+          (_) => {
+            const A = (c.width - c.width * _.scale) / 2 * 0.7 * g, I = (c.height - c.height * _.scale) / 2 * 0.7 * $;
+            return { transform: `translate(${A}px, ${I}px)` };
           }
         );
-      }), w = new E([u, y, ...h], {
+      }), m = new P([y, f, ...h], {
         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 = a[$];
+          x.parentElement === g && g.removeChild(x);
         }
-      }, w;
+      }, m;
     }
   };
 };
-function As(e) {
+function ao(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));
-}
-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;
-    }), [];
-  }
+  return R(t, () => gn(s));
 }
-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 bn(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 wn(e) {
+  return e === "contain" || e === "cover" ? e : null;
+}
+function rt(e) {
+  return e.tagName === "IMG";
+}
+function Sn(e) {
+  if (rt(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;
+    rt(s) && t.push(s);
+  }
+  return t.length === 1 ? t[0] ?? null : null;
+}
+function xn(e) {
+  var a, c;
+  if (!rt(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 = ((a = e.getAttribute("width")) == null ? void 0 : a.trim()) ?? "", i = ((c = e.getAttribute("height")) == null ? void 0 : c.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 Cn(e) {
+  const t = e.trim().toLowerCase().replace(/\s+/g, " ");
+  return t === "" || t === "center" || t === "center center" || t === "50% 50%";
+}
+function W(e) {
+  if (typeof getComputedStyle == "function")
+    try {
+      return getComputedStyle(e);
+    } catch {
+    }
+  return e.style;
+}
+function $n(e) {
+  const t = W(e), n = Cn(t.objectPosition ?? "");
+  return {
+    fit: n ? wn(t.objectFit ?? null) : null,
+    centered: n
+  };
+}
+function Wt(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 vt(e) {
+  const t = W(e), n = [
+    t.borderTopLeftRadius,
+    t.borderTopRightRadius,
+    t.borderBottomRightRadius,
+    t.borderBottomLeftRadius
+  ].map(Wt), 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 En(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 R(e) {
+function Pn(e) {
+  const t = W(e);
+  return [
+    t.paddingTop,
+    t.paddingRight,
+    t.paddingBottom,
+    t.paddingLeft,
+    t.borderTopWidth,
+    t.borderRightWidth,
+    t.borderBottomWidth,
+    t.borderLeftWidth
+  ].every((s) => s ? Wt(s) === 0 : !0);
+}
+function In(e) {
+  const t = W(e), n = (s) => s === "hidden" || s === "clip";
+  return n(t.overflowX) && n(t.overflowY);
+}
+function D(e) {
   return e.left + e.width / 2;
 }
-function U(e) {
+function T(e) {
   return e.top + e.height / 2;
 }
-function mn(e, t) {
+function dt(e, t) {
   return {
     top: Math.max(0, t.top - e.top),
     right: Math.max(0, e.left + e.width - (t.left + t.width)),
@@ -1230,7 +1270,14 @@ function mn(e, t) {
     left: Math.max(0, t.left - e.left)
   };
 }
-function gn(e, t, n) {
+function An(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 Ot(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 _n(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), {
@@ -1240,33 +1287,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 Zt(e, t, n) {
+  const s = t !== null && n !== null && e.width > 0 && e.height > 0 ? _n(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: dt(s, o),
+    aspectRatio: t,
+    fit: n,
+    radius: 0,
+    radiusSource: "none",
+    bboxRadius: 0,
+    bboxRadiusSource: "none",
+    contentAware: t !== null && n !== null,
+    mediaElement: 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 at(e, t, n) {
   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)
+    ...Zt(e, null, null),
+    radius: t,
+    radiusSource: n,
+    bboxRadius: t,
+    bboxRadiusSource: n
   };
 }
-function H(e, t) {
+function Gt(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 Dt(e) {
+  return at(
+    e.bbox,
+    e.bboxRadius,
+    e.bboxRadiusSource
+  );
+}
+function jt(e, t) {
+  return Gt(e, t) ? [e, t] : [Dt(e), Dt(t)];
+}
+function lt(e, t, n, s) {
+  const o = Sn(e), i = o ? n(o) : t, r = s.legacyAspectRatioAttribute ? bn(
+    e.getAttribute(s.legacyAspectRatioAttribute) ?? (o == null ? void 0 : o.getAttribute(s.legacyAspectRatioAttribute)) ?? null
+  ) : null, l = r ?? (o ? xn(o) : null), a = o ? $n(o) : { fit: null, centered: !0 }, c = a.centered && (o === null || Pn(o)) ? a.fit ?? (r !== null ? s.fallbackFit ?? null : null) : null, u = Zt(i, l, c), p = In(e), y = o !== null && o !== e && p ? An(u.window, t) : u.window, f = En(e, s.legacyRadiusAttribute), h = o === e || p, m = h ? vt(e) : { radius: 0, supported: !0 }, S = f ?? m.radius, g = f !== null ? "legacy" : m.supported ? m.radius > 0 ? "computed" : "none" : "unsupported", $ = [];
+  y && h && Ot(y, t) && $.push(m), y && o && Ot(y, i) && $.push(vt(o));
+  const x = $.every((I) => I.supported), C = Math.max(
+    0,
+    ...$.map((I) => I.radius)
+  ), _ = f ?? C, A = f !== null ? "legacy" : x ? C > 0 ? "computed" : "none" : "unsupported";
+  return !y || A === "unsupported" ? at(t, S, g) : {
+    ...u,
+    bbox: t,
+    window: y,
+    clipInset: dt(u.content, y),
+    radius: _,
+    radiusSource: A,
+    bboxRadius: S,
+    bboxRadiusSource: g,
+    mediaElement: u.contentAware ? o : null
+  };
+}
+function qt(e, t, n, s, o) {
+  const i = n.width / s, r = n.height / o;
+  return {
+    left: D(e) + (D(n) - D(t)) / s - i / 2,
+    top: T(e) + (T(n) - T(t)) / o - r / 2,
+    width: i,
+    height: r
+  };
+}
+const Rn = {
+  enter: "contain",
+  exit: "cover",
+  legacy: "contain"
+};
+function Y(e) {
+  return Rn[e];
+}
+const Tt = "data-hero-enter-key", Ft = "data-hero-exit-key", tt = "data-hero-key";
+class vn {
+  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 On = () => new vn();
+class Dn {
+  contribute(t) {
+    const { from: n, to: s, physics: o, onComplete: i } = t, r = n.style.opacity, l = s.style.opacity, a = n.style.willChange, c = 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 = a, s.style.willChange = c;
+    }), [
+      new b({
+        element: n,
+        integrator: w.from(o),
+        style: (u, p) => ({ opacity: p })
+      }),
+      new b({
+        element: s,
+        integrator: w.from(o),
+        style: (u) => ({ opacity: u })
+      })
+    ];
+  }
+}
+const Tn = () => new Dn(), Fn = {
+  static: On,
+  fade: Tn
+}, Mn = {
+  spring: { stiffness: 320, damping: 30 }
+}, Yn = () => Mn, Ln = {
+  spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
+}, kn = () => Ln, Hn = {
+  default: Yn,
+  smooth: kn
+}, Nn = 700, zn = "data-hero-aspect-ratio", Un = "data-hero-radius";
+function Mt(e, t, n) {
+  const s = H(e, t);
+  return lt(
+    t,
+    s,
+    (o) => H(e, o),
+    {
+      fallbackFit: n,
+      legacyAspectRatioAttribute: zn,
+      legacyRadiusAttribute: Un
+    }
+  );
+}
+function V(e, t) {
   const n = /* @__PURE__ */ new Map(), s = e.querySelectorAll(`[${t}]`);
   for (const o of Array.from(s)) {
     const i = o.getAttribute(t);
@@ -1274,151 +1433,160 @@ 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);
+function Vn(e, t) {
+  const n = [], s = V(t, Tt), o = V(e, Ft);
+  for (const [l, a] of s) {
+    const c = o.get(l);
     c && n.push({
-      key: a,
+      key: l,
       fromEl: c,
-      toEl: r,
-      fromFit: "cover",
-      toFit: "contain"
+      toEl: a,
+      fromFit: Y("exit"),
+      toFit: Y("enter")
     });
   }
-  const i = H(e, Et), l = H(t, Pt);
-  for (const [a, r] of i) {
-    const c = l.get(a);
+  const i = V(e, Tt), r = V(t, Ft);
+  for (const [l, a] of i) {
+    const c = r.get(l);
     c && n.push({
-      key: a,
-      fromEl: r,
+      key: l,
+      fromEl: a,
       toEl: c,
-      fromFit: "contain",
-      toFit: "cover"
+      fromFit: Y("enter"),
+      toFit: Y("exit")
     });
   }
   return n;
 }
-function bn(e, t) {
+function Xn(e, t) {
   const n = [], s = Array.from(
-    t.querySelectorAll(`[${K}]`)
+    t.querySelectorAll(`[${tt}]`)
   );
   for (const o of s) {
-    const i = o.getAttribute(K);
+    const i = o.getAttribute(tt);
     if (!i) continue;
-    const l = e.querySelector(
-      `[${K}="${i}"]`
+    const r = e.querySelector(
+      `[${tt}="${i}"]`
     );
-    l && n.push({
+    r && n.push({
       key: i,
-      fromEl: l,
+      fromEl: r,
       toEl: o,
-      fromFit: "contain",
-      toFit: "contain"
+      fromFit: Y("legacy"),
+      toFit: Y("legacy")
     });
   }
   return n;
 }
-function $n(e, t) {
-  const n = Sn(e, t);
-  return n.length > 0 ? n : bn(e, t);
+function Bn(e, t) {
+  const n = Vn(e, t);
+  return n.length > 0 ? n : Xn(e, t);
+}
+function Wn(e, t) {
+  return jt(e, t);
+}
+function Zn(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 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 Gn(e, t, n) {
+  const { fromEl: s, toEl: o } = t, [i, r] = Wn(
+    Mt(e, s, t.fromFit),
+    Mt(e, o, t.toFit)
+  ), l = i.content, a = i.window, c = r.content, u = r.window, p = r.clipInset, d = i.radiusSource === "unsupported" || r.radiusSource === "unsupported", y = d ? 0 : i.radius, f = d ? 0 : r.radius;
+  if (l.width === 0 || l.height === 0 || a.width === 0 || a.height === 0 || c.width === 0 || c.height === 0 || u.width === 0 || u.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(
+  const h = Math.max(
+    l.width / c.width,
+    l.height / c.height
+  ), m = D(l), S = T(l), g = D(c), $ = T(c), x = m - g, C = S - $;
+  if (Math.abs(C) > n) return null;
+  const _ = dt(
     c,
-    a,
-    r,
-    y
+    qt(c, l, a, h, h)
   );
   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;
+    fromVisualEl: i.mediaElement ?? s,
+    toVisualEl: r.mediaElement ?? o,
+    resetCloneRadius: Zn(i, r),
+    styleFor: (A, I) => {
+      const N = I * x, L = I * C, z = A + I * h, ne = Math.max(0, y * I + f * A) / Math.max(Math.abs(z), 1e-6), se = _.top * I + p.top * A, oe = _.right * I + p.right * A, ie = _.bottom * I + p.bottom * A, re = _.left * I + p.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(${N}px, ${L}px) scale(${z})`,
+        clipPath: `inset(${se}px ${oe}px ${ie}px ${re}px round ${ne}px)`
       };
     }
   };
 }
-function xn(e, t) {
+function jn(e, t) {
   e.style.transform = t.transform, e.style.clipPath = t.clipPath;
 }
-class En {
+class qn {
   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({
+    const { resolved: n, physics: s, positionedParent: o, maxDistance: i, onComplete: r } = t, l = [];
+    for (const a of n.pairs) {
+      const c = Gn(o, a, i);
+      if (!c) continue;
+      const { fromVisualEl: u, toVisualEl: p } = c, d = p.cloneNode(!0);
+      d.style.position = "absolute", d.style.left = `${c.toContent.left}px`, d.style.top = `${c.toContent.top}px`, d.style.width = `${c.toContent.width}px`, d.style.height = `${c.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", c.resetCloneRadius && (d.style.borderRadius = "0"), jn(d, c.styleFor(0, 1)), o.appendChild(d);
+      const y = u.style.opacity, f = p.style.opacity;
+      u.style.opacity = "0", p.style.opacity = "0", r(() => {
+        u.style.opacity = y, p.style.opacity = f, d.parentElement && d.parentElement.removeChild(d);
+      }), l.push(
+        new b({
           element: d,
-          integrator: g.from(s),
-          style: p.styleFor
+          integrator: w.from(s),
+          style: c.styleFor
         })
       );
     }
-    return a;
+    return l;
   }
 }
-function Pn(e) {
-  return [new En(), rn[e.type]()];
+function Kn(e) {
+  return [new qn(), Fn[e.type]()];
 }
-const _n = (e) => {
-  const t = Pn(e), n = fn[e.variant](), s = dn;
+const Jn = (e) => {
+  const t = Kn(e), n = Hn[e.variant](), s = Nn;
   return {
     prepare: (o) => {
-      var a;
+      var l;
       const i = Promise.all([
         o.from,
         o.to
-      ]).then(([r, c]) => ({ pairs: $n(r, c) })), l = {
+      ]).then(([a, c]) => ({ pairs: Bn(a, c) })), 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 a of t)
+        (l = a.prepare) == null || l.call(a, r);
+      return i.then((a) => ({ resolved: a }));
     },
-    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 a = [], c = (f) => {
+        a.push(f);
+      }, u = {
         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));
+      for (const f of t)
+        f.contribute && p.push(...f.contribute(u));
       if (p.length === 0)
-        return new E([], { mode: "parallel" });
-      const d = new E(p, { mode: "parallel" }), u = d.onComplete;
+        return new P([], { mode: "parallel" });
+      const d = new P(p, { mode: "parallel" }), y = d.onComplete;
       return d.onComplete = () => {
-        u == null || u();
-        for (const y of r)
+        y == null || y();
+        for (const f of a)
           try {
-            y();
+            f();
           } catch (h) {
             console.error("[hero] cleanup error", h);
           }
@@ -1426,33 +1594,33 @@ const _n = (e) => {
     }
   };
 };
-function ks(e) {
+function lo(e) {
   const { paths: t } = e, n = e.type ?? "static", s = e.variant ?? "default";
-  return v(
+  return R(
     t,
-    () => _n({ type: n, variant: s })
+    () => Jn({ type: n, variant: s })
   );
 }
-const In = {
+const Qn = {
   spring: { stiffness: 50, damping: 30 }
-}, vn = {
+}, ts = {
   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;
+}, es = (e = {}) => {
+  const t = e.physics ?? Qn, 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";
+    prepare: ({ from: i, to: r, context: l }) => (i.then((a) => {
+      a.style.opacity = "1";
+    }), r.then((a) => {
+      const c = F(l, "to"), u = Math.min(c.width, c.height) * 0.4;
+      a.style.setProperty("--max-border-radius", `${u}px`), a.style.setProperty("--border-radius-scale", "1"), a.style.willChange = "transform", a.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";
+      a.style.transformOrigin = `${p}px ${d}px`, a.style.position = "fixed", a.style.top = `${c.top}px`, a.style.left = `${c.left}px`, a.style.width = `${c.width}px`, a.style.height = `${c.height}px`, a.style.zIndex = "1000", a.style.overflow = "hidden", a.style.transform = `rotate(${n}deg) scale(${s}) translateZ(0)`, a.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", a.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(ts),
+        style: (c, u) => ({ opacity: u }),
         // 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
@@ -1460,56 +1628,56 @@ const In = {
         onComplete: () => {
           i.style.opacity = "";
         }
-      }), r = new m({
-        element: l,
-        integrator: g.from(t),
+      }), a = new b({
+        element: r,
+        integrator: w.from(t),
         style: (c) => {
-          let f;
+          let u;
           if (c <= 0.05)
-            f = s;
+            u = s;
           else if (c <= o) {
-            const y = (c - 0.05) / (o - 0.05), h = Math.pow(y, 9);
-            f = s + (0.8 - s) * h;
+            const f = (c - 0.05) / (o - 0.05), h = Math.pow(f, 9);
+            u = s + (0.8 - s) * h;
           } else {
-            const y = (c - o) / (1 - o);
-            f = 0.8 + 0.2 * (1 - Math.pow(1 - y, 3));
+            const f = (c - o) / (1 - o);
+            u = 0.8 + 0.2 * (1 - Math.pow(1 - f, 3));
           }
           const p = 0.7;
           let d;
           if (c <= p)
             d = n;
           else {
-            const y = (c - p) / (1 - p), h = 1 - Math.pow(1 - y, 2);
+            const f = (c - p) / (1 - p), h = 1 - Math.pow(1 - f, 2);
             d = n * (1 - h);
           }
-          let u;
+          let y;
           if (c <= p)
-            u = 1;
+            y = 1;
           else {
-            const y = (c - p) / (1 - p);
-            u = 1 - Math.pow(y, 0.5);
+            const f = (c - p) / (1 - p);
+            y = 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(${d.toFixed(2)}deg) scale(${u.toFixed(4)}) translateZ(0)`,
+            "--border-radius-scale": y.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, a], { mode: "parallel" });
     }
   };
 };
-function Ys(e) {
+function co(e) {
   const { paths: t } = e;
-  return v(t, () => Dn());
+  return R(t, () => es());
 }
-const On = {
+const ns = {
   spring: { stiffness: 100, damping: 30 }
-}, Tn = (e = {}) => {
-  const t = e.physics ?? On;
+}, ss = (e = {}) => {
+  const t = e.physics ?? ns;
   return {
     prepare: ({ from: n, to: s }) => (n.then((o) => {
       o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
@@ -1517,12 +1685,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`
@@ -1530,27 +1698,27 @@ 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) {
+function po(e) {
   const { paths: t } = e;
-  return v(t, () => Tn());
+  return R(t, () => ss());
 }
-const Fn = {
+const os = {
   spring: {
     stiffness: 20,
     damping: 8,
@@ -1558,100 +1726,100 @@ 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;
+}, Yt = (e = {}) => {
+  const t = e.direction ?? "up", n = e.physics ?? os, s = t === "up", o = s ? v : O, i = s ? O : v;
   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;
+    prepare: ({ from: r, to: l }) => (r.then((a) => {
+      a.style.zIndex = o, a.style.willChange = "transform", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.pointerEvents = "none";
+    }), l.then((a) => {
+      a.style.willChange = "transform", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.position = "relative", a.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)` }),
+    animation: ({ from: r, to: l }) => {
+      const a = r.offsetHeight, c = l.offsetHeight, u = window.innerHeight, p = Math.max(Math.min(a, c), u), d = new b({
+        element: r,
+        integrator: w.from(n),
+        style: (f) => ({ transform: `translate3d(0, ${s ? -p * f : p * 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 = "";
+          r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "", r.style.transform = "", r.style.pointerEvents = "", r.style.zIndex = "";
         }
-      }), u = new m({
-        element: a,
-        integrator: g.from(n),
-        style: (y, h) => ({ transform: `translate3d(0, ${s ? h * p : h * -p}px, 0)` }),
+      }), y = new b({
+        element: l,
+        integrator: w.from(n),
+        style: (f, h) => ({ transform: `translate3d(0, ${s ? h * p : h * -p}px, 0)` }),
         onComplete: () => {
-          a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.position === "relative" && (a.style.position = ""), a.style.zIndex === i && (a.style.zIndex = "");
+          l.style.willChange = "auto", l.style.backfaceVisibility = "", l.style.contain = "", l.style.transform = "", l.style.position === "relative" && (l.style.position = ""), l.style.zIndex === i && (l.style.zIndex = "");
         }
       });
-      for (const y of [d, u]) {
-        const h = y.onComplete;
-        y.onComplete = () => {
-          h == null || h(), y.releaseFill();
+      for (const f of [d, y]) {
+        const h = f.onComplete;
+        f.onComplete = () => {
+          h == null || h(), f.releaseFill();
         };
       }
-      return new E([d, u], { mode: "parallel" });
+      return new P([d, y], { mode: "parallel" });
     }
   };
 };
-function Hs(e) {
+function uo(e) {
   const { paths: t, type: n = "directional" } = e;
-  return n === "non-directional" ? v(
+  return n === "non-directional" ? R(
     t,
-    () => vt({ direction: "up" })
-  ) : ot(
+    () => Yt({ direction: "up" })
+  ) : ut(
     t,
     { forward: "up", backward: "down" },
-    (s) => vt({ direction: s })
+    (s) => Yt({ direction: s })
   );
 }
-const An = {
+const is = {
   spring: { stiffness: 200, damping: 24 }
-}, kn = {
+}, rs = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, G = 0.2;
-function Yn() {
+}, et = 0.2;
+function as() {
   return {
-    enterPhysics: An,
-    exitPhysics: kn,
+    enterPhysics: is,
+    exitPhysics: rs,
     background: {
       willChange: "transform, opacity",
       enterStyle: (e, t) => ({
-        transform: `scale(${1 - G * e})`,
+        transform: `scale(${1 - et * e})`,
         opacity: t
       }),
       exitStyle: (e) => ({
-        transform: `scale(${1 - G + G * e})`,
+        transform: `scale(${1 - et + et * e})`,
         opacity: e
       })
     }
   };
 }
-const Ln = {
+const ls = {
   spring: { stiffness: 200, damping: 24 }
-}, Hn = {
+}, cs = {
   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() {
+}, nt = 0.08, ps = 16, st = 0.6, us = (e) => `blur(${Math.max(0, e).toFixed(2)}px)`;
+function ds() {
   return {
-    enterPhysics: Ln,
-    exitPhysics: Hn,
+    enterPhysics: ls,
+    exitPhysics: cs,
     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 - nt * e})`,
+        opacity: 1 - (1 - st) * 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 - nt + nt * e})`,
+        opacity: st + (1 - st) * e
       })
     },
     overlay: {
@@ -1669,21 +1837,21 @@ 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 = us(ps * n);
         return { backdropFilter: s, WebkitBackdropFilter: s };
       }
     }
   };
 }
-const Un = {
+const fs = {
   spring: { stiffness: 200, damping: 24 }
-}, Nn = {
+}, hs = {
   inertia: { acceleration: 25, resistance: 1.2 }
 };
-function Vn() {
+function ys() {
   return {
-    enterPhysics: Un,
-    exitPhysics: Nn,
+    enterPhysics: fs,
+    exitPhysics: hs,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -1691,65 +1859,65 @@ 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 ms = {
+  static: ys(),
+  "background-scale": as(),
+  blur: ds()
+}, gs = "static", bs = "transform", ws = (e = {}) => {
+  const t = e.direction ?? "enter", n = ms[e.type ?? gs], s = t === "enter" ? n.enterPhysics : n.exitPhysics, o = n.background, i = n.overlay, r = o.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: l, to: a, context: c, createElement: u }) => {
+      const p = t === "enter" ? a : l, d = t === "enter" ? l : a;
+      p.then((f) => {
+        f.style.willChange = bs, f.style.backfaceVisibility = "hidden", f.style.contain = "layout paint", f.style.zIndex = O, t === "enter" ? f.style.position = "relative" : f.style.pointerEvents = "none";
+      }), d.then((f) => {
+        r && (f.style.willChange = o.willChange, f.style.backfaceVisibility = "hidden", f.style.contain = "layout paint"), f.style.zIndex = v, t === "enter" ? f.style.pointerEvents = "none" : f.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 };
+      let y;
+      return i && (y = u("sheet-overlay"), Object.assign(y.style, i.initialStyle), y.style.willChange = i.willChange, c.positionedParent.appendChild(y)), { overlay: y };
     },
-    animation: ({ from: a, to: r, context: c, overlay: f }) => {
-      const p = t === "enter" ? r : a, d = t === "enter" ? a : r, u = T(
+    animation: ({ from: l, to: a, context: c, overlay: u }) => {
+      const p = t === "enter" ? a : l, d = t === "enter" ? l : a, y = F(
         c,
         t === "enter" ? "to" : "from"
-      ), y = () => {
-        a.style.pointerEvents = "", a.style.zIndex = "";
+      ), f = () => {
+        l.style.pointerEvents = "", l.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();
+        const x = t === "enter" ? O : v;
+        a.style.position === "relative" && (a.style.position = ""), a.style.zIndex === x && (a.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({
+      p.style.clipPath = `inset(${y.top}px 0 calc(100% - ${y.top + y.height}px) 0)`;
+      const S = t === "enter" ? (x, C) => ({
+        transform: `translate3d(0, ${C * y.height}px, 0)`
+      }) : (x) => ({
+        transform: `translate3d(0, ${x * y.height}px, 0)`
+      }), g = new b({
         element: p,
-        integrator: g.from(s),
+        integrator: w.from(s),
         style: S,
         onComplete: () => {
-          p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.clipPath = "", p.style.transform = "", y(), h();
+          p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.clipPath = "", p.style.transform = "", f(), h();
         }
       });
-      w(b);
-      const P = [b];
-      if (l) {
-        const $ = d.scrollHeight;
-        $ > 0 && (d.style.height = `${$}px`);
-        const C = T(
+      m(g);
+      const $ = [g];
+      if (r) {
+        const x = d.scrollHeight;
+        x > 0 && (d.style.height = `${x}px`);
+        const C = F(
           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({
+        ), _ = C.left + C.width / 2, A = C.top + C.height / 2;
+        d.style.clipPath = `inset(${C.top}px 0 calc(100% - ${C.top + C.height}px) 0)`, d.style.transformOrigin = `${_}px ${A}px`;
+        const I = t === "enter" ? (L, z) => o.enterStyle(L, z) : (L) => o.exitStyle(L), N = new b({
           element: d,
-          integrator: g.from(s),
-          style: k,
+          integrator: w.from(s),
+          style: I,
           // 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
@@ -1759,93 +1927,93 @@ const Xn = {
             d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.contain = "", d.style.clipPath = "", d.style.transformOrigin = "", d.style.transform = "", d.style.opacity = "", d.style.height = "";
           }
         });
-        w(L), P.push(L);
+        m(N), $.push(N);
       }
-      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),
+      if (u && i) {
+        u.style.zIndex = Bt;
+        const x = Vt(c, "to");
+        u.style.top = `${x.top}px`, u.style.height = `${x.height}px`, $.push(
+          new b({
+            element: u,
+            integrator: w.from(s),
             style: (C) => i.style(t, C)
           })
         );
       }
-      return new E(P, { mode: "parallel" });
+      return new P($, { mode: "parallel" });
     }
   };
 };
-function qn(e) {
+function Ss(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(
+function fo(e) {
+  const { enter: t, exit: n } = e, s = e.type, o = Ss(s);
+  return Ut(
     { enter: t, exit: n },
-    (i) => Wn({ direction: i, type: o })
+    (i) => ws({ direction: i, type: o })
   );
 }
-const jn = {
+const xs = {
   spring: { stiffness: 170, damping: 22, doubleSpring: 0.8 }
-}, Kn = (e = {}) => {
-  const t = e.direction ?? "left", n = e.physics ?? jn, s = t === "left";
+}, Cs = (e = {}) => {
+  const t = e.direction ?? "left", n = e.physics ?? xs, s = t === "left";
   return {
-    prepare: ({ from: o, to: i }) => (o.then((l) => {
-      l.style.willChange = "transform", l.style.backfaceVisibility = "hidden", l.style.contain = "layout paint", l.style.pointerEvents = "none";
-    }), 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";
+    prepare: ({ from: o, to: i }) => (o.then((r) => {
+      r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
+    }), i.then((r) => {
+      const l = s ? 100 : -100;
+      r.style.transform = `translate3d(${l}%, 0, 0)`, r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint";
     }), {}),
     animation: ({ from: o, to: i }) => {
-      const l = new m({
+      const r = new b({
         element: o,
-        integrator: g.from(n),
-        style: (r) => ({ transform: `translate3d(${s ? -100 * r : 100 * r}%, 0, 0)` }),
+        integrator: w.from(n),
+        style: (a) => ({ transform: `translate3d(${s ? -100 * a : 100 * a}%, 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 = "";
         }
-      }), a = new m({
+      }), l = new b({
         element: i,
-        integrator: g.from(n),
-        style: (r, c) => ({ transform: `translate3d(${s ? c * 100 : c * -100}%, 0, 0)` }),
+        integrator: w.from(n),
+        style: (a, c) => ({ transform: `translate3d(${s ? c * 100 : c * -100}%, 0, 0)` }),
         onComplete: () => {
           i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "";
         }
       });
-      return new E([l, a], { mode: "parallel" });
+      return new P([r, l], { mode: "parallel" });
     }
   };
 };
-function zs(e) {
+function ho(e) {
   const { paths: t } = e;
-  return ot(
+  return ut(
     t,
     { forward: "left", backward: "right" },
-    (n) => Kn({ direction: n })
+    (n) => Cs({ direction: n })
   );
 }
-const Gn = {
+const $s = {
   spring: { stiffness: 17, damping: 6 }
-}, tt = 20, M = 800, Jn = (e = {}) => {
-  const t = e.physics ?? Gn;
+}, ot = 20, X = 800, Es = (e = {}) => {
+  const t = e.physics ?? $s;
   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(${X}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(${X}px) rotateY(${ot}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 * ot, a = r * 100;
           return {
-            transform: `perspective(${M}px) rotateY(${a}deg) translate3d(${r}%, 0, 0)`
+            transform: `perspective(${X}px) rotateY(${l}deg) translate3d(${a}%, 0, 0)`
           };
         },
         // The outgoing node is reused (Activity/cacheComponents re-hide it),
@@ -1854,68 +2022,92 @@ 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 a = l * ot, c = -l * 100;
           return {
-            transform: `perspective(${M}px) rotateY(${r}deg) translate3d(${c}%, 0, 0)`
+            transform: `perspective(${X}px) rotateY(${a}deg) translate3d(${c}%, 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) {
+function yo(e) {
   const { paths: t } = e;
-  return v(t, () => Jn());
+  return R(t, () => Es());
+}
+function Ps(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 Kt(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 || !Gt(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, a = qt(
+    o,
+    i,
+    s.window,
+    r,
+    l
+  );
+  return Ps(n.window, a) ? { enterContent: o, exitContent: i, startWindow: a, 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 Jt(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 Qt(e, t, n) {
+  return {
+    x: e / Math.max(Math.abs(t), 1e-6),
+    y: e / Math.max(Math.abs(n), 1e-6)
+  };
+}
+function Is(e) {
+  const { pageRect: t, scrollOffset: n, enterRadius: s, exitRadius: o } = e, i = Kt(e), { enterContent: r, exitContent: l, startWindow: a, scaleX: c, scaleY: u } = i, p = l.left - r.left + (l.width - r.width) / 2 - n.x, d = l.top - r.top + (l.height - r.height) / 2 - n.y, y = Jt(a, t);
+  return {
+    transformOrigin: `${D(r)}px ${T(r)}px`,
+    animate: (f) => {
+      const h = 1 - f, m = 1 + (c - 1) * h, S = 1 + (u - 1) * h, g = Math.max(0, o * h + s * (1 - h)), $ = Qt(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(${y.top * h}% ${y.right * h}% ${y.bottom * h}% ${y.left * h}% round ${$.x}px / ${$.y}px)`,
+        transform: `translate(${p * h}px, ${d * h}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 As(e) {
+  const { pageRect: t, scrollOffset: n, enterRadius: s, exitRadius: o } = e, i = Kt(e), { enterContent: r, exitContent: l, startWindow: a, scaleX: c, scaleY: u } = i, p = l.left - r.left + (l.width - r.width) / 2 + n.x, d = l.top - r.top + (l.height - r.height) / 2 + n.y, y = Jt(a, 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: `${D(r)}px ${T(r)}px`,
+    animate: (f) => {
+      const h = 1 - f, m = 1 + (c - 1) * h, S = 1 + (u - 1) * h, g = Math.max(0, s * (1 - h) + o * h), $ = Qt(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(${y.top * h}% ${y.right * h}% ${y.bottom * h}% ${y.left * h}% round ${$.x}px / ${$.y}px)`,
+        transform: `translate(${p * h - n.x}px, ${d * h}px) scale(${m}, ${S})`
       };
     }
   };
 }
-const es = {
+const _s = {
   spring: {
     stiffness: 380,
     damping: 30,
@@ -1924,30 +2116,30 @@ const es = {
       damping: 30
     }
   }
-}, Mt = 0.12, ns = 18;
-function ss() {
+}, te = 0.12, Rs = 18;
+function vs() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - Mt * t})`
+        transform: `scale(${1 - te * t})`
       };
     }
   };
 }
-function os() {
+function Os() {
   return {
     transformOrigin: "50% 50%",
     animate: (e) => {
       const t = 1 - e;
       return {
-        transform: `scale(${1 - Mt * t})`
+        transform: `scale(${1 - te * t})`
       };
     }
   };
 }
-const et = {
+const it = {
   willChange: "backdrop-filter",
   // `top` + `height` are set per-transition in OverlayStrategy.contribute (they
   // track the live scroll position), so they are intentionally omitted here.
@@ -1963,132 +2155,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(${Rs * n}px)`;
     return {
       backdropFilter: s,
       WebkitBackdropFilter: s
     };
   }
 };
-class is {
+class Ds {
   constructor() {
-    x(this, "physics", es);
+    E(this, "physics", _s);
   }
   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, a = r ? vs() : Os();
+    return a && (l.style.transformOrigin = a.transformOrigin), [
+      new b({
+        element: l,
+        integrator: w.from(i),
+        style: r ? (c, u) => a.animate(u) : (c) => a.animate(c)
       })
     ];
   }
 }
-class rs {
+class Ts {
   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, it.initialStyle), n.style.willChange = it.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 = Bt;
+    const s = Vt(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) => it.style(t.resolved.mode, o)
       })
     ];
   }
 }
-const as = {
+const Fs = {
   spring: {
     stiffness: 430,
     damping: 33,
     doubleSpring: 1
   }
 };
-function ls({
+function Ms({
   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: (a) => {
+      const c = 1 - a;
       return {
-        transform: `translate(${s * c - n.x}px, ${o * c}px) scale(${1 + (a - 1) * c})`
+        transform: `translate(${s * c - n.x}px, ${o * c}px) scale(${1 + (l - 1) * c})`
       };
     }
   };
 }
-function cs({
+function Ys({
   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: (a) => {
+      const c = 1 - a;
       return {
-        transform: `translate(${s * c}px, ${o * c}px) scale(${1 + (a - 1) * c})`
+        transform: `translate(${s * c}px, ${o * c}px) scale(${1 + (l - 1) * c})`
       };
     }
   };
 }
-class ps {
+class Ls {
   constructor() {
-    x(this, "physics", as);
+    E(this, "physics", Fs);
   }
   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", a = l ? n : s, c = l ? Ms(i) : Ys(i);
+    return c && (a.style.transformOrigin = c.transformOrigin), [
+      new b({
+        element: a,
+        integrator: w.from(r),
+        style: l ? (u, p) => c.animate(p) : (u) => c.animate(u)
       })
     ];
   }
 }
-const fs = {
+const ks = {
   spring: {
     stiffness: 530,
     damping: 34,
     doubleSpring: 1
   }
 };
-class ds {
+class Hs {
   constructor() {
-    x(this, "physics", fs);
+    E(this, "physics", ks);
   }
   contribute(t) {
     return [];
   }
 }
-const ys = {
-  expand: () => new ps(),
-  static: () => new ds(),
-  blur: () => new is()
+const Ns = {
+  expand: () => new Ls(),
+  static: () => new Hs(),
+  blur: () => new Ds()
 };
-function hs(e) {
-  return ys[e]();
+function zs(e) {
+  return Ns[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 ct = "data-zoom-enter-key", Lt = "data-zoom-exit-key", kt = "data-zoom-radius";
+function Us(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 Vs(e, t) {
   const n = [];
   let s = t;
   for (; s && s !== e; ) {
@@ -2100,91 +2289,109 @@ function ms(e, t) {
   }
   return n;
 }
-function Tt(e) {
-  const t = e.querySelectorAll(`[${nt}]`);
+function Ht(e) {
+  const t = e.querySelectorAll(`[${ct}]`);
   return t.length !== 1 ? null : t[0];
 }
-function Ft(e, t) {
-  const n = e.querySelectorAll(`[${Dt}]`);
+function Nt(e, t) {
+  const n = e.querySelectorAll(`[${Lt}]`);
   for (const s of n)
-    if (s.getAttribute(Dt) === t)
+    if (s.getAttribute(Lt) === t)
       return s;
   return null;
 }
-function gs(e, t) {
-  const n = Tt(e), s = Tt(t);
+function Xs(e, t) {
+  const n = Ht(e), s = Ht(t);
   if (!n && s) {
-    const o = s.getAttribute(nt);
+    const o = s.getAttribute(ct);
     if (!o) return null;
-    const i = Ft(e, o);
+    const i = Nt(e, o);
     return i ? { mode: "enter", enterEl: s, exitEl: i } : null;
   }
   if (n && !s) {
-    const o = n.getAttribute(nt);
+    const o = n.getAttribute(ct);
     if (!o) return null;
-    const i = Ft(t, o);
+    const i = Nt(t, o);
     return i ? { mode: "exit", enterEl: n, exitEl: i } : null;
   }
   return null;
 }
-function ws(e, t, n, s) {
+function Bs(e, t, n, s) {
+  const o = e.mode === "enter" ? n : t, i = e.mode === "enter" ? t : n, r = U(o, e.enterEl), l = U(i, e.exitEl), a = lt(
+    e.enterEl,
+    r,
+    (m) => U(o, m),
+    {
+      legacyRadiusAttribute: kt
+    }
+  ), c = lt(
+    e.exitEl,
+    l,
+    (m) => U(i, m),
+    {
+      legacyRadiusAttribute: kt
+    }
+  ), [u, p] = jt(a, c), d = u.contentAware && p.contentAware, y = e.mode === "enter" ? n.getBoundingClientRect() : t.getBoundingClientRect(), f = {
+    left: 0,
+    top: 0,
+    width: y.width,
+    height: y.height
+  }, h = u.radiusSource === "legacy" || Us(u.window, f) ? u.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,
+    ...d ? {
+      enterMedia: u,
+      exitMedia: p
+    } : {},
+    pageRect: y,
     scrollOffset: s,
-    enterRadius: Ot(e.enterEl),
-    exitRadius: Ot(e.exitEl)
+    enterRadius: h,
+    exitRadius: p.radius
   };
 }
-class Ss {
+class Ws {
   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;
+    const { from: n, to: s, resolved: o, input: i, physics: r, onComplete: l } = t, a = o.mode === "enter", c = a ? Is(i) : As(i), u = a ? s : n, p = a ? "t" : "u";
+    c && (u.style.transformOrigin = c.transformOrigin);
+    const d = a ? v : O, y = a ? O : v, f = 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 h = s.style.zIndex, m = s.style.position;
+    return s.style.zIndex = y, s.style.position = "relative", l(() => {
+      u.style.willChange = "auto", u.style.backfaceVisibility = "", u.style.transformOrigin = "", u.style.contain = "", n.style.zIndex = f, s.style.zIndex === y && (s.style.zIndex = h), 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: u,
+        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: p === "t" ? (S) => c.animate(S) : (S, g) => c.animate(g)
       })
     ];
   }
 }
-class bs {
+class Zs {
   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, a = Vs(l, n.enterEl);
+    if (a.length === 0) return [];
+    const c = a.map((u) => u.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 u of a) u.style.opacity = "0";
+    return r(() => {
+      for (let u = 0; u < a.length; u++) {
+        const p = a[u];
+        p && (p.style.opacity = c[u] ?? "");
       }
-    }), r.map(
-      (f) => new m({
-        element: f,
-        integrator: g.from(s),
+    }), a.map(
+      (u) => new b({
+        element: u,
+        integrator: w.from(s),
         style: (p, d) => ({
           opacity: n.mode === "enter" ? p : d
         })
@@ -2192,35 +2399,35 @@ class bs {
     );
   }
 }
-class zt {
+class ee {
   contribute() {
     return [];
   }
 }
-const $s = {
-  default: () => new zt(),
-  fade: () => new bs()
+const Gs = {
+  default: () => new ee(),
+  fade: () => new Zs()
 };
-function Cs(e) {
-  return $s[e]();
+function js(e) {
+  return Gs[e]();
 }
-class xs extends zt {
+class qs extends ee {
 }
-function Es(e) {
-  const t = hs(e.type);
+function Ks(e) {
+  const t = zs(e.type);
   return { strategies: [
-    new Ss(),
+    new Ws(),
     t,
-    Cs(e.variant),
-    new xs(),
+    js(e.variant),
+    new qs(),
     // 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 Ts()] : []
   ], physics: t.physics };
 }
-const Ps = (e) => {
-  const { strategies: t, physics: n } = Es(e);
+const Js = (e) => {
+  const { strategies: t, physics: n } = Ks(e);
   return {
     prepare: (s) => {
       const o = {
@@ -2232,81 +2439,81 @@ 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 = Xs(s, o);
+      if (!l)
+        return new P([], { mode: "parallel" });
+      const a = Bs(l, s, o, i.scrollOffset), c = [], p = {
         from: s,
         to: o,
-        resolved: a,
-        input: r,
+        resolved: l,
+        input: a,
         physics: n,
         context: i,
-        extras: l,
-        onComplete: (y) => {
-          c.push(y);
+        extras: r,
+        onComplete: (f) => {
+          c.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 f of t)
+        f.contribute && d.push(...f.contribute(p));
+      const y = d[0];
+      if (y) {
+        const f = y.onComplete;
+        y.onComplete = () => {
+          f == null || f();
           for (const h of c)
             try {
               h();
-            } catch (w) {
-              console.error("[zoom] cleanup error", w);
+            } 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 d) {
+        if (!(f instanceof b)) continue;
+        const h = f.onComplete;
+        f.onComplete = () => {
+          h == null || h(), f.releaseFill();
         };
       }
-      return new E(d, { mode: "parallel" });
+      return new P(d, { 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(
+function mo(e) {
+  const t = Qs(e);
+  return R(
     e.paths,
-    () => Ps(t)
+    () => 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
+  wo as Animation,
+  P as MultiAnimation,
+  b as WebAnimation,
+  so as axis,
+  oo as blind,
+  io as drill,
+  ro as fade,
+  ao as film,
+  lo as hero,
+  co as jaemin,
+  po as rotate,
+  uo as scroll,
+  fo as sheet,
+  ho as slide,
+  yo as strip,
+  mo as zoom
 };