@ssgoi/core 7.1.0 → 7.1.2

package/dist/index.js

@@ -1,44 +1,44 @@
-var ee = Object.defineProperty;
-var ne = (t, e, n) => e in t ? ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var T = (t, e, n) => ne(t, typeof e != "symbol" ? e + "" : e, n);
-import { W as m, M as E } from "./multi-animation-DyZGEfKy.js";
-import { A as fs } from "./multi-animation-DyZGEfKy.js";
-import { I as b, F as oe, a as se, p as X, S as ie, b as re } from "./page-motion-wmW7PW6B.js";
-import { P as ae, S as le } from "./timeline-L_vXntmP.js";
-class ce {
+var ue = Object.defineProperty;
+var de = (t, e, n) => e in t ? ue(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var Y = (t, e, n) => de(t, typeof e != "symbol" ? e + "" : e, n);
+import { W as w, M as P } from "./multi-animation-DyZGEfKy.js";
+import { A as Ei } from "./multi-animation-DyZGEfKy.js";
+import { I as S, F as fe, a as he, p as U, S as ye, b as me } from "./page-motion-wmW7PW6B.js";
+import { P as ge, S as be } from "./timeline-L_vXntmP.js";
+class we {
   constructor(e) {
-    T(this, "durationSec");
+    Y(this, "durationSec");
     this.durationSec = Math.max(1 / 60, e.durationSec);
   }
   step(e, n, o) {
-    const s = n - e.position;
-    if (s === 0) return e;
-    const r = Math.sign(s), i = Math.abs(s) / this.durationSec, l = r * i * o, c = e.position + l;
-    return (r > 0 ? c >= n : c <= n) ? { position: n, velocity: 0 } : { position: c, velocity: r * i };
+    const i = n - e.position;
+    if (i === 0) return e;
+    const s = Math.sign(i), r = Math.abs(i) / this.durationSec, l = s * r * o, c = e.position + l;
+    return (s > 0 ? c >= n : c <= n) ? { position: n, velocity: 0 } : { position: c, velocity: s * r };
   }
   isSettled(e, n) {
-    return Math.abs(e.position - n) < ae;
+    return Math.abs(e.position - n) < ge;
   }
 }
-function L(t, e) {
-  function n(r) {
-    let i = 0, l = 0;
-    const c = r.offsetWidth, a = r.offsetHeight;
-    let p = r;
-    for (; p; )
-      i += p.offsetTop, l += p.offsetLeft, p = p.offsetParent;
-    return i -= window.scrollY, l -= window.scrollX, { top: i, left: l, width: c, height: a };
+function ft(t, e) {
+  function n(s) {
+    let r = 0, l = 0;
+    const c = s.offsetWidth, a = s.offsetHeight;
+    let u = s;
+    for (; u; )
+      r += u.offsetTop, l += u.offsetLeft, u = u.offsetParent;
+    return r -= window.scrollY, l -= window.scrollX, { top: r, left: l, width: c, height: a };
   }
-  const o = n(t), s = n(e);
+  const o = n(t), i = n(e);
   return new DOMRect(
-    s.left - o.left,
-    s.top - o.top,
-    s.width,
-    s.height
+    i.left - o.left,
+    i.top - o.top,
+    i.width,
+    i.height
   );
 }
-function z(t, e) {
-  const n = t.getBoundingClientRect(), o = e.getBoundingClientRect(), s = t.offsetWidth > 0 ? n.width / t.offsetWidth : 1, r = t.offsetHeight > 0 ? n.height / t.offsetHeight : 1;
+function H(t, e) {
+  const n = t.getBoundingClientRect(), o = e.getBoundingClientRect(), i = (l, c) => c > 0 && Math.abs(l - c) > 0.5 ? l / c : 1, s = i(n.width, t.offsetWidth), r = i(n.height, t.offsetHeight);
   return new DOMRect(
     (o.left - n.left) / s,
     (o.top - n.top) / r,
@@ -46,33 +46,33 @@ function z(t, e) {
     o.height / r
   );
 }
-function F(t, e) {
-  const { scrollingElement: n, positionedParent: o } = t, s = n !== o && n.contains(o) ? L(n, o).top : 0;
+function M(t, e) {
+  const { scrollingElement: n, positionedParent: o } = t, i = n !== o && n.contains(o) ? ft(n, o).top : 0;
   return {
     top: t[e].scroll.y,
     left: 0,
     width: n.clientWidth,
-    height: n.clientHeight - s
+    height: n.clientHeight - i
   };
 }
-function kt(t, e) {
-  const { scrollingElement: n, positionedParent: o } = t, s = n !== o && n.contains(o) ? L(n, o).top : 0;
+function Xt(t, e) {
+  const { scrollingElement: n, positionedParent: o } = t, i = n !== o && n.contains(o) ? ft(n, o).top : 0;
   return {
-    top: t[e].scroll.y - s,
+    top: t[e].scroll.y - i,
     height: n.clientHeight
   };
 }
-const pt = 8, ut = {
+const bt = 8, wt = {
   spring: {
     stiffness: 600,
     damping: 40,
     doubleSpring: 1.2
   }
 };
-function pe({
+function Se({
   direction: t
 }) {
-  const e = t === "forward" ? pt : -pt;
+  const e = t === "forward" ? bt : -bt;
   return {
     out: {
       willChange: "transform, opacity",
@@ -94,32 +94,32 @@ function pe({
     }
   };
 }
-function ue() {
+function Ce() {
   return {
-    outPhysics: ut,
-    inPhysics: ut,
+    outPhysics: wt,
+    inPhysics: wt,
     // 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: pe
+    build: Se
   };
 }
-const dt = 30, de = {
+const St = 30, xe = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, fe = {
+}, $e = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function ye({
+function Ee({
   direction: t
 }) {
-  const e = t === "forward" ? 1 : -1, n = -dt * e, o = dt * e;
+  const e = t === "forward" ? 1 : -1, n = -St * e, o = St * e;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
-      animate: (s) => ({
-        transform: `translate3d(${n * s}px, 0, 0)`,
-        opacity: `${1 - s}`
+      animate: (i) => ({
+        transform: `translate3d(${n * i}px, 0, 0)`,
+        opacity: `${1 - i}`
       })
     },
     in: {
@@ -128,43 +128,43 @@ function ye({
         transform: `translate3d(${o}px, 0, 0)`,
         opacity: "0"
       },
-      animate: (s) => ({
-        transform: `translate3d(${o * (1 - s)}px, 0, 0)`,
-        opacity: `${s}`
+      animate: (i) => ({
+        transform: `translate3d(${o * (1 - i)}px, 0, 0)`,
+        opacity: `${i}`
       })
     }
   };
 }
-function he() {
+function Pe() {
   return {
-    outPhysics: de,
-    inPhysics: fe,
+    outPhysics: xe,
+    inPhysics: $e,
     // 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: ye
+    build: Ee
   };
 }
-const me = {
-  snappy: ue(),
-  fluid: he()
-}, ft = 8, ge = {
+const Re = {
+  snappy: Ce(),
+  fluid: Pe()
+}, Ct = 8, Ae = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, be = {
+}, Ie = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function we({
+function _e({
   direction: t
 }) {
-  const e = t === "forward" ? 1 : -1, n = -ft * e, o = ft * e;
+  const e = t === "forward" ? 1 : -1, n = -Ct * e, o = Ct * e;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
-      animate: (s) => ({
-        transform: `translate3d(0, ${n * s}px, 0)`,
-        opacity: `${1 - s}`
+      animate: (i) => ({
+        transform: `translate3d(0, ${n * i}px, 0)`,
+        opacity: `${1 - i}`
       })
     },
     in: {
@@ -173,24 +173,24 @@ function we({
         transform: `translate3d(0, ${o}px, 0)`,
         opacity: "0"
       },
-      animate: (s) => ({
-        transform: `translate3d(0, ${o * (1 - s)}px, 0)`,
-        opacity: `${s}`
+      animate: (i) => ({
+        transform: `translate3d(0, ${o * (1 - i)}px, 0)`,
+        opacity: `${i}`
       })
     }
   };
 }
-function Se() {
+function Oe() {
   return {
-    outPhysics: ge,
-    inPhysics: be,
+    outPhysics: Ae,
+    inPhysics: Ie,
     composition: { mode: "sequence" },
-    build: we
+    build: _e
   };
 }
-const xe = 40, Ce = {
+const Fe = 40, ve = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, $e = {
+}, Te = {
   spring: {
     stiffness: 400,
     damping: 30,
@@ -199,8 +199,8 @@ const xe = 40, Ce = {
     restSpeed: 0.1
   }
 };
-function Ee(t) {
-  const e = xe;
+function Me(t) {
+  const e = Fe;
   return {
     out: {
       willChange: "opacity",
@@ -222,32 +222,32 @@ function Ee(t) {
     }
   };
 }
-function Pe() {
+function Ye() {
   return {
-    outPhysics: Ce,
-    inPhysics: $e,
+    outPhysics: ve,
+    inPhysics: Te,
     composition: { mode: "parallel", startAt: [0, 0] },
-    build: Ee
+    build: Me
   };
 }
-const yt = Se(), Ae = {
-  snappy: yt,
-  directional: yt,
-  "non-directional": Pe()
-}, ht = {
+const xt = Oe(), De = {
+  snappy: xt,
+  directional: xt,
+  "non-directional": Ye()
+}, $t = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, W = 0.1, Z = 1 / 3, mt = (t) => Math.max(0, Math.min(1, t));
-function Ie({
+}, Z = 0.1, G = 1 / 3, Et = (t) => Math.max(0, Math.min(1, t));
+function Le({
   direction: t
 }) {
-  const e = t === "forward" ? 1 : -1, n = 1 - e * W;
+  const e = t === "forward" ? 1 : -1, n = 1 - e * Z;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
       animate: (o) => ({
-        transform: `scale(${1 + e * o * W})`,
-        opacity: `${mt(1 - o / Z)}`
+        transform: `scale(${1 + e * o * Z})`,
+        opacity: `${Et(1 - o / G)}`
       })
     },
     in: {
@@ -257,127 +257,127 @@ function Ie({
         opacity: "0"
       },
       animate: (o) => ({
-        transform: `scale(${n + e * o * W})`,
-        opacity: `${mt((o - Z) / (1 - Z))}`
+        transform: `scale(${n + e * o * Z})`,
+        opacity: `${Et((o - G) / (1 - G))}`
       })
     }
   };
 }
-function _e() {
+function ke() {
   return {
-    outPhysics: ht,
-    inPhysics: ht,
+    outPhysics: $t,
+    inPhysics: $t,
     // 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: Ie
+    build: Le
   };
 }
-const gt = {
+const Pt = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, G = 0.1, j = 1 / 3, bt = (t) => Math.max(0, Math.min(1, t));
-function Re() {
+}, j = 0.1, K = 1 / 3, Rt = (t) => Math.max(0, Math.min(1, t));
+function He() {
   return {
     out: {
       willChange: "opacity",
       startStyle: {},
       animate: (t) => ({
-        opacity: `${bt(1 - t / j)}`
+        opacity: `${Rt(1 - t / K)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `scale(${1 - G})`,
+        transform: `scale(${1 - j})`,
         opacity: "0"
       },
       animate: (t) => ({
-        transform: `scale(${1 - G + t * G})`,
-        opacity: `${bt((t - j) / (1 - j))}`
+        transform: `scale(${1 - j + t * j})`,
+        opacity: `${Rt((t - K) / (1 - K))}`
       })
     }
   };
 }
-function ve() {
+function Ne() {
   return {
-    outPhysics: gt,
-    inPhysics: gt,
+    outPhysics: Pt,
+    inPhysics: Pt,
     composition: { mode: "parallel" },
-    build: Re
+    build: He
   };
 }
-const wt = _e(), Oe = {
-  snappy: wt,
-  directional: wt,
-  "non-directional": ve()
-}, Fe = {
-  x: me,
-  y: Ae,
-  z: Oe
+const At = ke(), ze = {
+  snappy: At,
+  directional: At,
+  "non-directional": Ne()
+}, Ve = {
+  x: Re,
+  y: De,
+  z: ze
 };
-function Te(t, e) {
-  const n = Fe[t];
+function Xe(t, e) {
+  const n = Ve[t];
   return n[e] ?? n.snappy;
 }
-const Ye = "x", De = "snappy";
-function St(t, e) {
+const We = "x", Ue = "snappy";
+function It(t, e) {
   t.style.willChange = e.willChange, t.style.backfaceVisibility = "hidden", t.style.contain = "layout paint";
   for (const [n, o] of Object.entries(e.startStyle))
     t.style[n] = o;
 }
-function Lt(t) {
+function Wt(t) {
   t.style.willChange = "auto", t.style.backfaceVisibility = "", t.style.contain = "", t.style.transform = "", t.style.opacity = "", t.style.clipPath = "";
 }
-function Me(t) {
-  Lt(t), t.style.pointerEvents = "";
+function Be(t) {
+  Wt(t), t.style.pointerEvents = "";
 }
-const ke = (t = {}) => {
-  const e = t.type ?? Ye, n = t.feel ?? De, o = Te(e, n);
+const Ze = (t = {}) => {
+  const e = t.type ?? We, n = t.feel ?? Ue, o = Xe(e, n);
   return {
-    prepare: ({ from: s, to: r, context: i }) => {
-      const l = o.build({ direction: i.direction });
-      return s.then((c) => {
-        St(c, l.out), c.style.pointerEvents = "none";
-      }), r.then((c) => {
-        St(c, l.in);
+    prepare: ({ from: i, to: s, context: r }) => {
+      const l = o.build({ direction: r.direction });
+      return i.then((c) => {
+        It(c, l.out), c.style.pointerEvents = "none";
+      }), s.then((c) => {
+        It(c, l.in);
       }), {};
     },
-    animation: ({ from: s, to: r, context: i }) => {
-      const l = o.build({ direction: i.direction });
+    animation: ({ from: i, to: s, context: r }) => {
+      const l = o.build({ direction: r.direction });
       if (e === "z") {
-        const p = F(i, "from"), u = F(i, "to");
-        s.style.clipPath = `inset(${p.top}px 0 calc(100% - ${p.top + p.height}px) 0)`, r.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`;
+        const u = M(r, "from"), p = M(r, "to");
+        i.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`, s.style.clipPath = `inset(${p.top}px 0 calc(100% - ${p.top + p.height}px) 0)`;
       }
-      const c = new m({
-        element: s,
-        integrator: b.from(o.outPhysics),
-        style: (p) => l.out.animate(p),
+      const c = new w({
+        element: i,
+        integrator: S.from(o.outPhysics),
+        style: (u) => l.out.animate(u),
         // 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: () => Me(s)
-      }), a = new m({
-        element: r,
-        integrator: b.from(o.inPhysics),
-        style: (p) => l.in.animate(p),
-        onComplete: () => Lt(r)
+        onComplete: () => Be(i)
+      }), a = new w({
+        element: s,
+        integrator: S.from(o.inPhysics),
+        style: (u) => l.in.animate(u),
+        onComplete: () => Wt(s)
       });
-      return new E([c, a], o.composition);
+      return new P([c, a], o.composition);
     }
   };
 };
-function Le(t, e, n) {
+function Ge(t, e, n) {
   return t === "y" ? e === "non-directional" ? "non-directional" : "directional" : t !== "x" || e === "snappy" || n === "snappy" ? "snappy" : "fluid";
 }
-function Jo(t = {}) {
-  const e = t.type ?? "x", n = t.variant, o = t.feel, s = Le(e, n, o);
-  return ke({ type: e, feel: s });
+function ci(t = {}) {
+  const e = t.type ?? "x", n = t.variant, o = t.feel, i = Ge(e, n, o);
+  return Ze({ type: e, feel: i });
 }
-const He = {
+const je = {
   spring: { stiffness: 200, damping: 22 }
-}, Ne = 10, ze = "horizontal", Ve = "#000000";
-function xt(t, e, n, o, s, r) {
+}, Ke = 10, qe = "horizontal", Je = "#000000";
+function _t(t, e, n, o, i, s) {
   window.getComputedStyle(t).position === "static" && (t.style.position = "relative");
   const l = document.createElement("div");
   l.style.cssText = `
@@ -392,45 +392,45 @@ function xt(t, e, n, o, s, r) {
   `;
   const c = [];
   for (let a = 0; a < e; a++) {
-    const p = document.createElement("div");
+    const u = document.createElement("div");
     if (n === "horizontal") {
-      const u = 100 / e;
-      p.style.cssText = `
+      const p = 100 / e;
+      u.style.cssText = `
         position: absolute;
-        top: ${u * a}%;
+        top: ${p * a}%;
         left: 0;
         width: 100%;
-        height: calc(${u}% + 1px);
+        height: calc(${p}% + 1px);
         background: ${o};
-        transform: scaleX(${s === "hidden" ? 0 : 1});
-        transform-origin: ${r} center;
+        transform: scaleX(${i === "hidden" ? 0 : 1});
+        transform-origin: ${s} center;
         will-change: transform;
       `;
     } else {
-      const u = 100 / e;
-      p.style.cssText = `
+      const p = 100 / e;
+      u.style.cssText = `
         position: absolute;
         top: 0;
-        left: ${u * a}%;
-        width: calc(${u}% + 1px);
+        left: ${p * a}%;
+        width: calc(${p}% + 1px);
         height: 100%;
         background: ${o};
-        transform: scaleY(${s === "hidden" ? 0 : 1});
-        transform-origin: ${r === "left" ? "top" : "bottom"} center;
+        transform: scaleY(${i === "hidden" ? 0 : 1});
+        transform-origin: ${s === "left" ? "top" : "bottom"} center;
         will-change: transform;
       `;
     }
-    c.push(p), l.appendChild(p);
+    c.push(u), l.appendChild(u);
   }
   return t.appendChild(l), { container: l, blinds: c };
 }
-const Ue = (t = {}) => {
-  const e = t.blindCount ?? Ne, n = t.direction ?? ze, o = t.blindColor ?? Ve, s = t.physics ?? He;
+const Qe = (t = {}) => {
+  const e = t.blindCount ?? Ke, n = t.direction ?? qe, o = t.blindColor ?? Je, i = t.physics ?? je;
   return {
-    prepare: async ({ from: r, to: i }) => {
-      const l = await r, c = await i;
+    prepare: async ({ from: s, to: r }) => {
+      const l = await s, c = await r;
       l.style.zIndex = "1000";
-      const a = xt(
+      const a = _t(
         l,
         e,
         n,
@@ -439,7 +439,7 @@ const Ue = (t = {}) => {
         "left"
       );
       c.style.position = "relative", c.style.zIndex = "0";
-      const p = xt(
+      const u = _t(
         c,
         e,
         n,
@@ -451,53 +451,53 @@ const Ue = (t = {}) => {
         fromEl: l,
         fromBlinds: a.blinds,
         fromContainer: a.container,
-        toBlinds: p.blinds,
-        toContainer: p.container
+        toBlinds: u.blinds,
+        toContainer: u.container
       };
     },
     animation: ({
-      fromEl: r,
-      fromBlinds: i,
+      fromEl: s,
+      fromBlinds: r,
       fromContainer: l,
       toBlinds: c,
       toContainer: a
     }) => {
-      const p = i.map(
-        (f) => new m({
+      const u = r.map(
+        (f) => new w({
           element: f,
-          integrator: b.from(s),
-          style: (h) => ({
-            transform: n === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
+          integrator: S.from(i),
+          style: (y) => ({
+            transform: n === "horizontal" ? `scaleX(${y})` : `scaleY(${y})`
           })
         })
-      ), u = c.map(
-        (f, h) => new m({
+      ), p = c.map(
+        (f, y) => new w({
           element: f,
-          integrator: b.from(s),
-          style: (g, S) => ({
-            transform: n === "horizontal" ? `scaleX(${S})` : `scaleY(${S})`
+          integrator: S.from(i),
+          style: (m, C) => ({
+            transform: n === "horizontal" ? `scaleX(${C})` : `scaleY(${C})`
           }),
-          onComplete: h === c.length - 1 ? () => {
-            a.remove(), l.remove(), r.style.zIndex = "", r.style.position = "";
+          onComplete: y === c.length - 1 ? () => {
+            a.remove(), l.remove(), s.style.zIndex = "", s.style.position = "";
           } : void 0
         })
-      ), d = new E(p, { mode: "parallel" }), y = new E(u, { mode: "parallel" });
-      return new E([d, y], { mode: "sequence" });
+      ), d = new P(u, { mode: "parallel" }), h = new P(p, { mode: "parallel" });
+      return new P([d, h], { mode: "sequence" });
     }
   };
 };
-function Qo(t = {}) {
+function pi(t = {}) {
   const { type: e = "horizontal" } = t;
-  return Ue({ direction: e });
+  return Qe({ direction: e });
 }
-const Xe = {
+const tn = {
   spring: {
     stiffness: 250,
     damping: 23,
     doubleSpring: 0.7
   }
 }, k = 0.5;
-function Be(t) {
+function en(t) {
   const e = t === "enter" ? -100 : 100, n = t === "enter" ? 100 : -100;
   return {
     out: {
@@ -521,13 +521,13 @@ function Be(t) {
     }
   };
 }
-function We() {
+function nn() {
   return {
-    physics: Xe,
-    build: Be
+    physics: tn,
+    build: en
   };
 }
-const Ze = {
+const on = {
   spring: {
     stiffness: 230,
     damping: 25,
@@ -537,7 +537,7 @@ const Ze = {
     }
   }
 };
-function Ge(t) {
+function sn(t) {
   const e = t === "enter" ? -20 : 100, n = t === "enter" ? 100 : -20;
   return {
     out: {
@@ -558,116 +558,116 @@ function Ge(t) {
     }
   };
 }
-function je() {
+function rn() {
   return {
-    physics: Ze,
-    build: Ge
+    physics: on,
+    build: sn
   };
 }
-const Ke = {
-  parallax: je(),
-  crossfade: We()
-}, _ = "0", Ht = "1", R = "2", qe = "parallax";
-function Ct(t, e) {
+const an = {
+  parallax: rn(),
+  crossfade: nn()
+}, O = "0", Ut = "1", F = "2", ln = "parallax";
+function Ot(t, e) {
   t.style.willChange = e.willChange, t.style.backfaceVisibility = "hidden", t.style.contain = "layout paint";
   for (const [n, o] of Object.entries(e.startStyle))
     t.style[n] = o;
 }
-const Je = (t = {}) => {
-  const e = Ke[t.type ?? qe], n = e.physics;
+const cn = (t = {}) => {
+  const e = an[t.type ?? ln], n = e.physics;
   return {
-    prepare: ({ from: o, to: s, context: r }) => {
-      const i = r.direction === "forward" ? "enter" : "exit", l = e.build(i), c = i === "enter" ? _ : R, a = i === "enter" ? R : _;
-      return o.then((p) => {
-        Ct(p, l.out), p.style.pointerEvents = "none", p.style.zIndex = c;
-      }), s.then((p) => {
-        Ct(p, l.in), p.style.position = "relative", p.style.zIndex = a;
+    prepare: ({ from: o, to: i, context: s }) => {
+      const r = s.direction === "forward" ? "enter" : "exit", l = e.build(r), c = r === "enter" ? O : F, a = r === "enter" ? F : O;
+      return o.then((u) => {
+        Ot(u, l.out), u.style.pointerEvents = "none", u.style.zIndex = c;
+      }), i.then((u) => {
+        Ot(u, l.in), u.style.position = "relative", u.style.zIndex = a;
       }), {};
     },
-    animation: ({ from: o, to: s, context: r }) => {
-      const i = r.direction === "forward" ? "enter" : "exit", l = e.build(i), c = i === "enter" ? R : _, a = new m({
+    animation: ({ from: o, to: i, context: s }) => {
+      const r = s.direction === "forward" ? "enter" : "exit", l = e.build(r), c = r === "enter" ? F : O, a = new w({
         element: o,
-        integrator: b.from(n),
-        style: (u) => l.out.animate(u),
+        integrator: S.from(n),
+        style: (p) => l.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: () => {
           o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.opacity = "", o.style.pointerEvents = "", o.style.zIndex = "";
         }
-      }), p = new m({
-        element: s,
-        integrator: b.from(n),
-        style: (u) => l.in.animate(u),
+      }), u = new w({
+        element: i,
+        integrator: S.from(n),
+        style: (p) => l.in.animate(p),
         onComplete: () => {
-          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transform = "", s.style.opacity = "", s.style.position === "relative" && (s.style.position = ""), s.style.zIndex === c && (s.style.zIndex = "");
+          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "", i.style.opacity = "", i.style.position === "relative" && (i.style.position = ""), i.style.zIndex === c && (i.style.zIndex = "");
         }
       });
-      for (const u of [a, p]) {
-        const d = u.onComplete;
-        u.onComplete = () => {
-          d == null || d(), u.releaseFill();
+      for (const p of [a, u]) {
+        const d = p.onComplete;
+        p.onComplete = () => {
+          d == null || d(), p.releaseFill();
         };
       }
-      return new E([a, p], { mode: "parallel" });
+      return new P([a, u], { mode: "parallel" });
     }
   };
 };
-function Qe(t) {
+function pn(t) {
   return t === "slide" || t === "crossfade" ? "crossfade" : "parallax";
 }
-function ts(t = {}) {
-  const e = t.type, n = Qe(e);
-  return Je({ type: n });
+function ui(t = {}) {
+  const e = t.type, n = pn(e);
+  return cn({ type: n });
 }
-const tn = (t = {}) => {
-  const e = t.physics ?? oe, n = t.physics ?? se;
+const un = (t = {}) => {
+  const e = t.physics ?? fe, n = t.physics ?? he;
   return {
-    prepare: ({ to: o }) => (o.then((s) => {
-      s.style.opacity = "0", s.style.willChange = "opacity";
+    prepare: ({ to: o }) => (o.then((i) => {
+      i.style.opacity = "0", i.style.willChange = "opacity";
     }), {}),
-    animation: ({ from: o, to: s }) => {
-      const r = new m({
+    animation: ({ from: o, to: i }) => {
+      const s = new w({
         element: o,
-        integrator: b.from(n),
+        integrator: S.from(n),
         // Default bounds (0, 1). `u` runs 1→0 as the animation moves
         // forward, mapping opacity from fully visible to invisible.
         style: (l) => ({
-          opacity: X("fade", "out", "forward", l).opacity
+          opacity: U("fade", "out", "forward", l).opacity
         }),
         onComplete: () => {
           o.style.willChange = "auto", o.style.opacity = "";
         }
-      }), i = new m({
-        element: s,
-        integrator: b.from(e),
+      }), r = new w({
+        element: i,
+        integrator: S.from(e),
         style: (l) => ({
-          opacity: X("fade", "in", "forward", l).opacity
+          opacity: U("fade", "in", "forward", l).opacity
         }),
         onComplete: () => {
-          s.style.willChange = "auto", s.style.opacity = "";
+          i.style.willChange = "auto", i.style.opacity = "";
         }
       });
-      return new E([r, i], { mode: "sequence" });
+      return new P([s, r], { mode: "sequence" });
     }
   };
 };
-function es(t = {}) {
-  return tn();
+function di(t = {}) {
+  return un();
 }
-const K = {
+const q = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
-}, Y = {
+}, D = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, en = 0.8, nn = "white", $t = 1e3 / 60, on = 600;
-function sn(t) {
-  const { items: e, from: n, to: o, recordFrame: s } = t, r = $t / 1e3, i = Math.abs(o - n), l = e.map((a) => ({
+}, dn = 0.8, fn = "white", Ft = 1e3 / 60, hn = 600;
+function yn(t) {
+  const { items: e, from: n, to: o, recordFrame: i } = t, s = Ft / 1e3, r = Math.abs(o - n), l = e.map((a) => ({
     item: a,
-    integrator: new ie({
+    integrator: new ye({
       stiffness: a.spring.stiffness,
       damping: a.spring.damping
     }),
@@ -678,111 +678,111 @@ function sn(t) {
   }));
   for (let a = 0; a < l.length; a++)
     (a === 0 || l[a].item.offset === 0) && (l[a].started = !0);
-  s(0);
+  i(0);
   let c = 0;
-  for (let a = 1; a <= on; a++) {
-    const p = a * $t;
-    c = p;
-    for (const u of l)
-      !u.started || u.settled || (u.state = u.integrator.step(u.state, o, r), u.integrator.isSettled(u.state, o) ? (u.settleTime += r, u.settleTime >= le && (u.state = { position: o, velocity: 0 }, u.settled = !0)) : u.settleTime = 0, u.item.tick(u.state.position));
-    for (let u = 1; u < l.length; u++) {
-      const d = l[u];
+  for (let a = 1; a <= hn; a++) {
+    const u = a * Ft;
+    c = u;
+    for (const p of l)
+      !p.started || p.settled || (p.state = p.integrator.step(p.state, o, s), p.integrator.isSettled(p.state, o) ? (p.settleTime += s, p.settleTime >= be && (p.state = { position: o, 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 y = l[u - 1];
-      if (!y.started) continue;
-      (i === 0 ? 1 : Math.abs(y.state.position - n) / i) >= d.item.offset && (d.started = !0);
+      const h = l[p - 1];
+      if (!h.started) continue;
+      (r === 0 ? 1 : Math.abs(h.state.position - n) / r) >= d.item.offset && (d.started = !0);
     }
-    if (s(p), l.every((u) => u.settled)) return p;
+    if (i(u), l.every((p) => p.settled)) return u;
   }
   return c;
 }
-function q(t, e) {
+function J(t, e) {
   return t != null && t.spring ? {
     stiffness: t.spring.stiffness,
     damping: t.spring.damping
   } : e;
 }
-function Et(t) {
-  const { rect: e, scale: n, direction: o, override: s } = t, r = o === "out" ? { scale: 1, translateY: -e.top } : { scale: n, translateY: -e.top + e.height }, i = q(s, K.scaleDown), l = q(s, K.translate), c = q(s, K.scaleUp), a = o === "out" ? 1 : 0, p = o === "out" ? 0 : 1, u = o === "out" ? [
+function vt(t) {
+  const { rect: e, scale: n, direction: o, override: i } = t, s = o === "out" ? { scale: 1, translateY: -e.top } : { scale: n, translateY: -e.top + e.height }, r = J(i, q.scaleDown), l = J(i, q.translate), c = J(i, q.scaleUp), a = o === "out" ? 1 : 0, u = o === "out" ? 0 : 1, p = o === "out" ? [
     {
-      spring: i,
-      offset: Y.scaleDown,
+      spring: r,
+      offset: D.scaleDown,
       tick: (f) => {
-        const h = 1 - f;
-        r.scale = 1 - (1 - n) * h;
+        const y = 1 - f;
+        s.scale = 1 - (1 - n) * y;
       }
     },
     {
       spring: l,
-      offset: Y.translate,
+      offset: D.translate,
       tick: (f) => {
-        const h = 1 - f;
-        r.translateY = -e.top - e.height * h;
+        const y = 1 - f;
+        s.translateY = -e.top - e.height * y;
       }
     },
     {
       spring: c,
-      offset: Y.scaleUp,
+      offset: D.scaleUp,
       tick: (f) => {
-        const h = 1 - f;
-        r.scale = n + (1 - n) * h;
+        const y = 1 - f;
+        s.scale = n + (1 - n) * y;
       }
     }
   ] : [
     {
-      spring: i,
-      offset: Y.scaleDown,
+      spring: r,
+      offset: D.scaleDown,
       tick: (f) => {
-        r.scale = 1 - (1 - n) * f;
+        s.scale = 1 - (1 - n) * f;
       }
     },
     {
       spring: l,
-      offset: Y.translate,
+      offset: D.translate,
       tick: (f) => {
-        r.translateY = -e.top + e.height * (1 - f);
+        s.translateY = -e.top + e.height * (1 - f);
       }
     },
     {
       spring: c,
-      offset: Y.scaleUp,
+      offset: D.scaleUp,
       tick: (f) => {
-        r.scale = n + (1 - n) * f;
+        s.scale = n + (1 - n) * f;
       }
     }
-  ], d = [], y = sn({
-    items: u,
+  ], d = [], h = yn({
+    items: p,
     from: a,
-    to: p,
+    to: u,
     recordFrame: (f) => d.push({
       time: f,
-      scale: r.scale,
-      translateY: r.translateY
+      scale: s.scale,
+      translateY: s.translateY
     })
   });
-  return { snapshots: d, totalDuration: y };
+  return { snapshots: d, totalDuration: h };
 }
-function rn(t, e) {
+function mn(t, e) {
   if (t.length === 0) return { time: 0, scale: 1, translateY: 0 };
   if (t.length === 1 || e <= 0) return t[0];
   if (e >= 1) return t[t.length - 1];
-  const n = e * (t.length - 1), o = Math.floor(n), s = Math.ceil(n);
-  if (o === s) return t[o];
-  const r = t[o], i = t[s], l = n - o;
+  const n = e * (t.length - 1), o = Math.floor(n), i = Math.ceil(n);
+  if (o === i) return t[o];
+  const s = t[o], r = t[i], l = n - o;
   return {
-    time: r.time + (i.time - r.time) * l,
-    scale: r.scale + (i.scale - r.scale) * l,
-    translateY: r.translateY + (i.translateY - r.translateY) * l
+    time: s.time + (r.time - s.time) * l,
+    scale: s.scale + (r.scale - s.scale) * l,
+    translateY: s.translateY + (r.translateY - s.translateY) * l
   };
 }
-const an = [
+const gn = [
   [1, 1],
   [-1, 1],
   [1, -1],
   [-1, -1]
 ];
-function ln(t, e) {
-  const s = (r, i, l) => {
+function bn(t, e) {
+  const i = (s, r, l) => {
     const c = document.createElement("div");
     Object.assign(c.style, {
       position: "fixed",
@@ -790,7 +790,7 @@ function ln(t, e) {
       zIndex: "9999",
       width: "15px",
       height: "15px",
-      ...r
+      ...s
     });
     const a = document.createElement("div");
     Object.assign(a.style, {
@@ -799,20 +799,20 @@ function ln(t, e) {
       height: "1px",
       backgroundColor: t,
       [l]: "0",
-      [i]: "0"
+      [r]: "0"
     });
-    const p = document.createElement("div");
-    return Object.assign(p.style, {
+    const u = document.createElement("div");
+    return Object.assign(u.style, {
       position: "absolute",
       width: "1px",
       height: "15px",
       backgroundColor: t,
       [l]: "0",
-      [i]: "0"
-    }), c.appendChild(a), c.appendChild(p), c;
+      [r]: "0"
+    }), c.appendChild(a), c.appendChild(u), c;
   };
   return {
-    topLeft: s(
+    topLeft: i(
       {
         top: `${e.top - 1}px`,
         left: `${e.left - 1}px`
@@ -820,7 +820,7 @@ function ln(t, e) {
       "left",
       "top"
     ),
-    topRight: s(
+    topRight: i(
       {
         top: `${e.top - 1}px`,
         left: `${e.left + e.width - 15 + 1}px`
@@ -828,7 +828,7 @@ function ln(t, e) {
       "right",
       "top"
     ),
-    bottomLeft: s(
+    bottomLeft: i(
       {
         top: `${e.top + e.height - 15 + 1}px`,
         left: `${e.left - 1}px`
@@ -836,7 +836,7 @@ function ln(t, e) {
       "left",
       "bottom"
     ),
-    bottomRight: s(
+    bottomRight: i(
       {
         top: `${e.top + e.height - 15 + 1}px`,
         left: `${e.left + e.width - 15 + 1}px`
@@ -846,11 +846,11 @@ function ln(t, e) {
     )
   };
 }
-function Pt(t, e) {
+function Tt(t, e) {
   const n = e.left + e.width / 2, o = e.top + e.height / 2;
   t.style.transformOrigin = `${n}px ${o}px`;
 }
-function At(t, e) {
+function Mt(t, e) {
   t.style.clipPath = `polygon(
     ${e.left}px ${e.top}px,
     ${e.left + e.width}px ${e.top}px,
@@ -858,25 +858,25 @@ function At(t, e) {
     ${e.left}px ${e.top + e.height}px
   )`;
 }
-function J(t, e, n, o, s) {
-  const r = n / 1e3;
-  return new m({
+function Q(t, e, n, o, i) {
+  const s = n / 1e3;
+  return new w({
     element: t,
-    integrator: new ce({ durationSec: r }),
+    integrator: new we({ durationSec: s }),
     lowerBound: 0,
     upperBound: 1,
-    style: (i) => o(rn(e, i)),
-    onComplete: s
+    style: (r) => o(mn(e, r)),
+    onComplete: i
   });
 }
-const cn = (t = {}) => {
-  var s;
-  const e = ((s = t.border) == null ? void 0 : s.color) ?? nn, n = en, o = t.physics;
+const wn = (t = {}) => {
+  var i;
+  const e = ((i = t.border) == null ? void 0 : i.color) ?? fn, n = dn, o = t.physics;
   return {
-    prepare: ({ from: r, to: i, context: l }) => {
-      const c = F(l, "from"), a = F(l, "to"), p = L(document.body, l.positionedParent), u = ln(e, {
+    prepare: ({ from: s, to: r, context: l }) => {
+      const c = M(l, "from"), a = M(l, "to"), u = ft(document.body, l.positionedParent), p = bn(e, {
         ...c,
-        top: p.top
+        top: u.top
       });
       for (const d of [
         "topLeft",
@@ -884,120 +884,120 @@ const cn = (t = {}) => {
         "bottomLeft",
         "bottomRight"
       ])
-        l.positionedParent.appendChild(u[d]);
-      return r.then((d) => {
-        Pt(d, c), At(d, c), d.style.transform = `translateY(${-c.top}px)`;
-      }), i.then((d) => {
-        Pt(d, a), At(d, a), d.style.transform = `translateY(${-a.top + a.height}px) scale(${n})`;
-      }), { borders: u, fromRect: c, toRect: a };
+        l.positionedParent.appendChild(p[d]);
+      return s.then((d) => {
+        Tt(d, c), Mt(d, c), d.style.transform = `translateY(${-c.top}px)`;
+      }), r.then((d) => {
+        Tt(d, a), Mt(d, a), d.style.transform = `translateY(${-a.top + a.height}px) scale(${n})`;
+      }), { borders: p, fromRect: c, toRect: a };
     },
-    animation: ({ from: r, to: i, context: l, borders: c, fromRect: a, toRect: p }) => {
-      const u = Et({
+    animation: ({ from: s, to: r, context: l, borders: c, fromRect: a, toRect: u }) => {
+      const p = vt({
         rect: a,
         scale: n,
         direction: "out",
         override: o
-      }), d = Et({
-        rect: p,
+      }), d = vt({
+        rect: u,
         scale: n,
         direction: "in",
         override: o
-      }), y = J(
-        r,
-        u.snapshots,
-        u.totalDuration,
-        (w) => ({
-          transform: `translateY(${w.translateY}px) scale(${w.scale})`
+      }), h = Q(
+        s,
+        p.snapshots,
+        p.totalDuration,
+        (b) => ({
+          transform: `translateY(${b.translateY}px) scale(${b.scale})`
         }),
         () => {
-          r.style.clipPath = "", r.style.transformOrigin = "", r.style.transform = "";
+          s.style.clipPath = "", s.style.transformOrigin = "", s.style.transform = "";
         }
-      ), f = J(
-        i,
+      ), f = Q(
+        r,
         d.snapshots,
         d.totalDuration,
-        (w) => ({
-          transform: `translateY(${w.translateY}px) scale(${w.scale})`
+        (b) => ({
+          transform: `translateY(${b.translateY}px) scale(${b.scale})`
         }),
         () => {
-          i.style.clipPath = "", i.style.transformOrigin = "", i.style.transform = "";
+          r.style.clipPath = "", r.style.transformOrigin = "", r.style.transform = "";
         }
-      ), h = an.map(([w, $], x) => {
-        const C = ["topLeft", "topRight", "bottomLeft", "bottomRight"][x];
-        return J(
-          c[C],
-          u.snapshots,
-          u.totalDuration,
+      ), y = gn.map(([b, $], g) => {
+        const x = ["topLeft", "topRight", "bottomLeft", "bottomRight"][g];
+        return Q(
+          c[x],
+          p.snapshots,
+          p.totalDuration,
           (I) => {
-            const A = (a.width - a.width * I.scale) / 2 * 0.7 * w, P = (a.height - a.height * I.scale) / 2 * 0.7 * $;
-            return { transform: `translate(${A}px, ${P}px)` };
+            const E = (a.width - a.width * I.scale) / 2 * 0.7 * b, R = (a.height - a.height * I.scale) / 2 * 0.7 * $;
+            return { transform: `translate(${E}px, ${R}px)` };
           }
         );
-      }), g = new E([y, f, ...h], {
+      }), m = new P([h, f, ...y], {
         mode: "parallel"
-      }), S = g.onComplete;
-      return g.onComplete = () => {
-        S == null || S();
-        const w = l.positionedParent;
+      }), C = m.onComplete;
+      return m.onComplete = () => {
+        C == null || C();
+        const b = l.positionedParent;
         for (const $ of [
           "topLeft",
           "topRight",
           "bottomLeft",
           "bottomRight"
         ]) {
-          const x = c[$];
-          x.parentElement === w && w.removeChild(x);
+          const g = c[$];
+          g.parentElement === b && b.removeChild(g);
         }
-      }, g;
+      }, m;
     }
   };
 };
-function ns(t = {}) {
+function fi(t = {}) {
   const { options: e } = t, n = (e == null ? void 0 : e.borderColor) !== void 0 ? { border: { color: e.borderColor } } : void 0;
-  return cn(n);
+  return wn(n);
 }
-function pn(t) {
+function Sn(t) {
   if (!t) return null;
   if (t.includes("/")) {
     const n = t.split("/");
     if (n.length !== 2) return null;
-    const o = Number.parseFloat(n[0] ?? ""), s = Number.parseFloat(n[1] ?? "");
-    return Number.isFinite(o) && Number.isFinite(s) && o > 0 && s > 0 ? o / s : null;
+    const o = Number.parseFloat(n[0] ?? ""), i = Number.parseFloat(n[1] ?? "");
+    return Number.isFinite(o) && Number.isFinite(i) && o > 0 && i > 0 ? o / i : null;
   }
   const e = Number.parseFloat(t);
   return Number.isFinite(e) && e > 0 ? e : null;
 }
-function un(t) {
+function Cn(t) {
   return t === "contain" || t === "cover" ? t : null;
 }
-function it(t) {
+function at(t) {
   return t.tagName === "IMG";
 }
-function dn(t) {
-  if (it(t)) return t;
+function xn(t) {
+  if (at(t)) return t;
   if (t.tagName === "PICTURE" || t.tagName === "VIDEO")
     return null;
   const e = [];
   for (const n of Array.from(t.children)) {
     const o = n;
-    it(o) && e.push(o);
+    at(o) && e.push(o);
   }
   return e.length === 1 ? e[0] ?? null : null;
 }
-function fn(t) {
+function $n(t) {
   var c, a;
-  if (!it(t)) return null;
+  if (!at(t)) return null;
   const e = t, n = e.naturalWidth, o = e.naturalHeight;
   if (typeof n == "number" && typeof o == "number" && Number.isFinite(n) && Number.isFinite(o) && n > 0 && o > 0)
     return n / o;
-  const s = ((c = t.getAttribute("width")) == null ? void 0 : c.trim()) ?? "", r = ((a = t.getAttribute("height")) == null ? void 0 : a.trim()) ?? "", i = s === "" ? Number.NaN : Number(s), l = r === "" ? Number.NaN : Number(r);
-  return Number.isFinite(i) && Number.isFinite(l) && i > 0 && l > 0 ? i / l : null;
+  const i = ((c = t.getAttribute("width")) == null ? void 0 : c.trim()) ?? "", s = ((a = t.getAttribute("height")) == null ? void 0 : a.trim()) ?? "", r = i === "" ? Number.NaN : Number(i), l = s === "" ? Number.NaN : Number(s);
+  return Number.isFinite(r) && Number.isFinite(l) && r > 0 && l > 0 ? r / l : null;
 }
-function yn(t) {
+function En(t) {
   const e = t.trim().toLowerCase().replace(/\s+/g, " ");
   return e === "" || e === "center" || e === "center center" || e === "50% 50%";
 }
-function B(t) {
+function V(t) {
   if (typeof getComputedStyle == "function")
     try {
       return getComputedStyle(t);
@@ -1005,44 +1005,44 @@ function B(t) {
     }
   return t.style;
 }
-function hn(t) {
-  const e = B(t), n = yn(e.objectPosition ?? "");
+function Pn(t) {
+  const e = V(t), n = En(e.objectPosition ?? "");
   return {
-    fit: n ? un(e.objectFit ?? null) : null,
+    fit: n ? Cn(e.objectFit ?? null) : null,
     centered: n
   };
 }
-function Nt(t) {
+function ht(t) {
   if (!t) return 0;
   const e = /^(-?(?:\d+\.?\d*|\.\d+))px$/.exec(t.trim());
   if (!e) return null;
   const n = Number.parseFloat(e[1] ?? "");
   return Number.isFinite(n) && n >= 0 ? n : null;
 }
-function It(t) {
-  const e = B(t), n = [
+function lt(t) {
+  const e = V(t), n = [
     e.borderTopLeftRadius,
     e.borderTopRightRadius,
     e.borderBottomRightRadius,
     e.borderBottomLeftRadius
-  ].map(Nt), o = n[0];
+  ].map(ht), o = n[0];
   if (o == null)
     return { radius: 0, supported: !1 };
-  const s = n.every(
-    (r) => r !== null && Math.abs(r - o) < 1e-3
+  const i = n.every(
+    (s) => s !== null && Math.abs(s - o) < 1e-3
   );
-  return { radius: s ? o : 0, supported: s };
+  return { radius: i ? o : 0, supported: i };
 }
-function mn(t, e) {
-  var s;
+function Rn(t, e) {
+  var i;
   if (!e) return null;
-  const n = (s = t.getAttribute(e)) == null ? void 0 : s.trim();
+  const n = (i = t.getAttribute(e)) == null ? void 0 : i.trim();
   if (n == null || n === "") return null;
   const o = Number.parseFloat(n);
   return Number.isFinite(o) && o >= 0 ? o : null;
 }
-function gn(t) {
-  const e = B(t);
+function An(t) {
+  const e = V(t);
   return [
     e.paddingTop,
     e.paddingRight,
@@ -1052,19 +1052,19 @@ function gn(t) {
     e.borderRightWidth,
     e.borderBottomWidth,
     e.borderLeftWidth
-  ].every((o) => o ? Nt(o) === 0 : !0);
+  ].every((o) => o ? ht(o) === 0 : !0);
 }
-function bn(t) {
-  const e = B(t), n = (o) => o === "hidden" || o === "clip";
+function In(t) {
+  const e = V(t), n = (o) => o === "hidden" || o === "clip";
   return n(e.overflowX) && n(e.overflowY);
 }
 function v(t) {
   return t.left + t.width / 2;
 }
-function O(t) {
+function T(t) {
   return t.top + t.height / 2;
 }
-function ct(t, e) {
+function z(t, e) {
   return {
     top: Math.max(0, e.top - t.top),
     right: Math.max(0, t.left + t.width - (e.left + e.width)),
@@ -1072,30 +1072,30 @@ function ct(t, e) {
     left: Math.max(0, e.left - t.left)
   };
 }
-function wn(t, e) {
-  const n = Math.max(t.left, e.left), o = Math.max(t.top, e.top), s = Math.min(t.left + t.width, e.left + e.width), r = Math.min(t.top + t.height, e.top + e.height);
-  return s > n && r > o ? { left: n, top: o, width: s - n, height: r - o } : null;
+function ct(t, e) {
+  const n = Math.max(t.left, e.left), o = Math.max(t.top, e.top), i = Math.min(t.left + t.width, e.left + e.width), s = Math.min(t.top + t.height, e.top + e.height);
+  return i > n && s > o ? { left: n, top: o, width: i - n, height: s - o } : null;
 }
-function _t(t, e) {
+function N(t, e) {
   return Math.abs(t.left - e.left) < 0.01 && Math.abs(t.top - e.top) < 0.01 && Math.abs(t.width - e.width) < 0.01 && Math.abs(t.height - e.height) < 0.01;
 }
-function Sn(t, e, n) {
+function _n(t, e, n) {
   const o = t.width / t.height;
-  let s, r;
-  return n === "contain" ? o > e ? (r = t.height, s = r * e) : (s = t.width, r = s / e) : o > e ? (s = t.width, r = s / e) : (r = t.height, s = r * e), {
-    left: t.left + (t.width - s) / 2,
-    top: t.top + (t.height - r) / 2,
-    width: s,
-    height: r
+  let i, s;
+  return n === "contain" ? o > e ? (s = t.height, i = s * e) : (i = t.width, s = i / e) : o > e ? (i = t.width, s = i / e) : (s = t.height, i = s * e), {
+    left: t.left + (t.width - i) / 2,
+    top: t.top + (t.height - s) / 2,
+    width: i,
+    height: s
   };
 }
-function zt(t, e, n) {
-  const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? Sn(t, e, n) : t, s = n === "contain" ? o : t;
+function Bt(t, e, n) {
+  const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? _n(t, e, n) : t, i = n === "contain" ? o : t;
   return {
     bbox: t,
     content: o,
-    window: s,
-    clipInset: ct(o, s),
+    window: i,
+    clipInset: z(o, i),
     aspectRatio: e,
     fit: n,
     radius: 0,
@@ -1106,71 +1106,152 @@ function zt(t, e, n) {
     mediaElement: null
   };
 }
-function rt(t, e, n) {
+function pt(t, e, n) {
   return {
-    ...zt(t, null, null),
+    ...Bt(t, null, null),
     radius: e,
     radiusSource: n,
     bboxRadius: e,
     bboxRadiusSource: n
   };
 }
-function Vt(t, e) {
+function Zt(t, e) {
   const n = t.aspectRatio, o = e.aspectRatio;
   return t.contentAware && e.contentAware && n !== null && o !== null && Math.abs(n - o) / Math.max(n, o) < 0.01;
 }
-function Rt(t) {
-  return rt(
+function Yt(t) {
+  return pt(
     t.bbox,
     t.bboxRadius,
     t.bboxRadiusSource
   );
 }
-function Ut(t, e) {
-  return Vt(t, e) ? [t, e] : [Rt(t), Rt(e)];
+function Gt(t, e) {
+  return Zt(t, e) ? [t, e] : [Yt(t), Yt(e)];
 }
-function at(t, e, n, o) {
-  const s = dn(t), r = s ? n(s) : e, i = o.legacyAspectRatioAttribute ? pn(
-    t.getAttribute(o.legacyAspectRatioAttribute) ?? (s == null ? void 0 : s.getAttribute(o.legacyAspectRatioAttribute)) ?? null
-  ) : null, l = i ?? (s ? fn(s) : null), c = s ? hn(s) : { fit: null, centered: !0 }, a = c.centered && (s === null || gn(s)) ? c.fit ?? (i !== null ? o.fallbackFit ?? null : null) : null, p = zt(r, l, a), u = bn(t), y = s !== null && s !== t && u ? wn(p.window, e) : p.window, f = mn(t, o.legacyRadiusAttribute), h = s === t || u, g = h ? It(t) : { radius: 0, supported: !0 }, S = f ?? g.radius, w = f !== null ? "legacy" : g.supported ? g.radius > 0 ? "computed" : "none" : "unsupported", $ = [];
-  y && h && _t(y, e) && $.push(g), y && s && _t(y, r) && $.push(It(s));
-  const x = $.every((P) => P.supported), C = Math.max(
+function On(t, e, n, o) {
+  const i = xn(t), s = i ? n(i) : e, r = o.legacyAspectRatioAttribute ? Sn(
+    t.getAttribute(o.legacyAspectRatioAttribute) ?? (i == null ? void 0 : i.getAttribute(o.legacyAspectRatioAttribute)) ?? null
+  ) : null, l = r ?? (i ? $n(i) : null), c = i ? Pn(i) : { fit: null, centered: !0 }, a = c.centered && (i === null || An(i)) ? c.fit ?? (r !== null ? o.fallbackFit ?? null : null) : null, u = Bt(s, l, a), p = In(t), h = i !== null && i !== t && p ? ct(u.window, e) : u.window, f = Rn(t, o.legacyRadiusAttribute), y = i === t || p, m = y ? lt(t) : { radius: 0, supported: !0 }, C = f ?? m.radius, b = f !== null ? "legacy" : m.supported ? m.radius > 0 ? "computed" : "none" : "unsupported", $ = [];
+  h && y && N(h, e) && $.push(m), h && i && N(h, s) && $.push(lt(i));
+  const g = $.every((R) => R.supported), x = Math.max(
     0,
-    ...$.map((P) => P.radius)
-  ), I = f ?? C, A = f !== null ? "legacy" : x ? C > 0 ? "computed" : "none" : "unsupported";
-  return !y || A === "unsupported" ? rt(e, S, w) : {
-    ...p,
+    ...$.map((R) => R.radius)
+  ), I = f ?? x, E = f !== null ? "legacy" : g ? x > 0 ? "computed" : "none" : "unsupported";
+  return !h || E === "unsupported" ? pt(e, C, b) : {
+    ...u,
     bbox: e,
-    window: y,
-    clipInset: ct(p.content, y),
+    window: h,
+    clipInset: z(u.content, h),
     radius: I,
-    radiusSource: A,
-    bboxRadius: S,
-    bboxRadiusSource: w,
-    mediaElement: p.contentAware ? s : null
+    radiusSource: E,
+    bboxRadius: C,
+    bboxRadiusSource: b,
+    mediaElement: u.contentAware ? i : null
   };
 }
-function Xt(t, e, n, o, s) {
-  const r = n.width / o, i = n.height / s;
+function ut(t, e, n, o) {
+  const i = On(
+    t,
+    e,
+    n,
+    o
+  );
+  if (!o.clipRoot || i.radiusSource === "unsupported")
+    return i;
+  let s = i.window, r = i.radius, l = [r, r, r, r], c = i.radiusSource, a = t.parentElement;
+  for (; a && a !== o.clipRoot; ) {
+    const p = V(a), d = (y) => y === "hidden" || y === "clip" || y === "auto" || y === "scroll", h = d(p.overflowX), f = d(p.overflowY);
+    if (h || f) {
+      if (![
+        p.borderTopWidth,
+        p.borderRightWidth,
+        p.borderBottomWidth,
+        p.borderLeftWidth
+      ].every((E) => ht(E) === 0) || a.offsetWidth && a.clientWidth && a.offsetWidth - a.clientWidth > 1 || a.offsetHeight && a.clientHeight && a.offsetHeight - a.clientHeight > 1)
+        return i;
+      const m = n(a), C = {
+        left: h ? m.left : s.left,
+        top: f ? m.top : s.top,
+        width: h ? m.width : s.width,
+        height: f ? m.height : s.height
+      }, b = ct(s, C);
+      if (!b) return i;
+      const $ = lt(a);
+      if (!$.supported) return i;
+      if (h && f && N(s, m))
+        c !== "legacy" && (r = Math.max(r, $.radius), l = l.map(
+          (E) => Math.max(E, $.radius)
+        ), r > 0 && (c = "computed"));
+      else if ($.radius > 0) {
+        const E = {
+          left: m.left + $.radius,
+          top: m.top + $.radius,
+          width: m.width - 2 * $.radius,
+          height: m.height - 2 * $.radius
+        };
+        if (!N(ct(s, E) ?? m, s))
+          return i;
+      }
+      const g = z(s, b), x = [
+        [g.top, g.left],
+        [g.top, g.right],
+        [g.bottom, g.right],
+        [g.bottom, g.left]
+      ];
+      for (let E = 0; E < 4; E++) {
+        const R = Math.max(...x[E]), _ = l[E];
+        if (R > 0.01 && R < _) return i;
+        R > 0.01 && (l[E] = 0);
+      }
+      const I = Math.max(...l);
+      if (b.width < I || b.height < I)
+        return i;
+      s = b;
+    }
+    a = a.parentElement;
+  }
+  const u = N(i.bbox, s);
   return {
-    left: v(t) + (v(n) - v(e)) / o - r / 2,
-    top: O(t) + (O(n) - O(e)) / s - i / 2,
-    width: r,
-    height: i
+    ...i,
+    window: s,
+    clipInset: z(i.content, s),
+    radius: r,
+    radiusSource: c,
+    ...l.some((p) => p !== r) ? { cornerRadii: l } : {},
+    ...u ? { bboxRadius: r, bboxRadiusSource: c } : {}
   };
 }
-const xn = {
+function jt(t, e, n, o, i) {
+  const s = n.width / o, r = n.height / i;
+  return {
+    left: v(t) + (v(n) - v(e)) / o - s / 2,
+    top: T(t) + (T(n) - T(e)) / i - r / 2,
+    width: s,
+    height: r
+  };
+}
+const Fn = {
   enter: "contain",
   exit: "cover",
   legacy: "contain"
 };
-function D(t) {
-  return xn[t];
-}
-const vt = "data-hero-enter-key", Ot = "data-hero-exit-key", Q = "data-hero-key";
-class Cn {
+function L(t) {
+  return Fn[t];
+}
+function yt(t, e, n) {
+  const o = (l, c) => `${c > 0 ? l / c * 100 : 0}%`, i = [
+    o(e.top, t.height),
+    o(e.right, t.width),
+    o(e.bottom, t.height),
+    o(e.left, t.width)
+  ].join(" "), s = n.map((l) => o(l.x, t.width)).join(" "), r = n.map((l) => o(l.y, t.height)).join(" ");
+  return `inset(${i} round ${s} / ${r})`;
+}
+const Dt = "data-hero-enter-key", Lt = "data-hero-exit-key", tt = "data-hero-key";
+class vn {
   constructor() {
-    T(this, "previousFromOpacity", "");
+    Y(this, "previousFromOpacity", "");
   }
   prepare(e) {
     e.from.then((n) => {
@@ -1183,161 +1264,193 @@ class Cn {
     }), [];
   }
 }
-const $n = () => new Cn();
-class En {
+const Tn = () => new vn();
+class Mn {
   contribute(e) {
-    const { from: n, to: o, physics: s, onComplete: r } = e, i = n.style.opacity, l = o.style.opacity, c = n.style.willChange, a = o.style.willChange;
-    return o.style.opacity = "0", n.style.willChange = "opacity", o.style.willChange = "opacity", r(() => {
-      n.style.opacity = i, o.style.opacity = l, n.style.willChange = c, o.style.willChange = a;
+    const { from: n, to: o, physics: i, onComplete: s } = e, r = n.style.opacity, l = o.style.opacity, c = n.style.willChange, a = o.style.willChange;
+    return o.style.opacity = "0", n.style.willChange = "opacity", o.style.willChange = "opacity", s(() => {
+      n.style.opacity = r, o.style.opacity = l, n.style.willChange = c, o.style.willChange = a;
     }), [
-      new m({
+      new w({
         element: n,
-        integrator: b.from(s),
-        style: (p, u) => ({ opacity: u })
+        integrator: S.from(i),
+        style: (u, p) => ({ opacity: p })
       }),
-      new m({
+      new w({
         element: o,
-        integrator: b.from(s),
-        style: (p) => ({ opacity: p })
+        integrator: S.from(i),
+        style: (u) => ({ opacity: u })
       })
     ];
   }
 }
-const Pn = () => new En(), An = {
-  static: $n,
-  fade: Pn
-}, In = {
+const Yn = () => new Mn(), Dn = {
+  static: Tn,
+  fade: Yn
+}, Ln = {
   spring: { stiffness: 320, damping: 30 }
-}, _n = () => In, Rn = {
+}, kn = () => Ln, Hn = {
   spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
-}, vn = () => Rn, On = {
-  default: _n,
-  smooth: vn
-}, Fn = 700, Tn = "data-hero-aspect-ratio", Yn = "data-hero-radius";
-function Ft(t, e, n) {
-  const o = L(t, e);
-  return at(
-    e,
-    o,
-    (s) => L(t, s),
-    {
-      fallbackFit: n,
-      legacyAspectRatioAttribute: Tn,
-      legacyRadiusAttribute: Yn
-    }
-  );
+}, Nn = () => Hn, zn = {
+  default: kn,
+  smooth: Nn
+}, Vn = 700, Xn = "data-hero-aspect-ratio", Wn = "data-hero-radius";
+function kt(t, e, n, o) {
+  const i = (r) => {
+    const l = H(t, r);
+    return {
+      left: l.left + t.scrollLeft,
+      top: l.top + t.scrollTop,
+      width: l.width,
+      height: l.height
+    };
+  }, s = i(e);
+  return ut(e, s, i, {
+    clipRoot: o,
+    fallbackFit: n,
+    legacyAspectRatioAttribute: Xn,
+    legacyRadiusAttribute: Wn
+  });
 }
-function V(t, e) {
+function X(t, e) {
   const n = /* @__PURE__ */ new Map(), o = t.querySelectorAll(`[${e}]`);
-  for (const s of Array.from(o)) {
-    const r = s.getAttribute(e);
-    r && (n.has(r) || n.set(r, s));
+  for (const i of Array.from(o)) {
+    const s = i.getAttribute(e);
+    s && (n.has(s) || n.set(s, i));
   }
   return n;
 }
-function Dn(t, e) {
-  const n = [], o = V(e, vt), s = V(t, Ot);
+function Un(t, e) {
+  const n = [], o = X(e, Dt), i = X(t, Lt);
   for (const [l, c] of o) {
-    const a = s.get(l);
+    const a = i.get(l);
     a && n.push({
       key: l,
       fromEl: a,
       toEl: c,
-      fromFit: D("exit"),
-      toFit: D("enter")
+      fromFit: L("exit"),
+      toFit: L("enter")
     });
   }
-  const r = V(t, vt), i = V(e, Ot);
-  for (const [l, c] of r) {
-    const a = i.get(l);
+  const s = X(t, Dt), r = X(e, Lt);
+  for (const [l, c] of s) {
+    const a = r.get(l);
     a && n.push({
       key: l,
       fromEl: c,
       toEl: a,
-      fromFit: D("enter"),
-      toFit: D("exit")
+      fromFit: L("enter"),
+      toFit: L("exit")
     });
   }
   return n;
 }
-function Mn(t, e) {
+function Bn(t, e) {
   const n = [], o = Array.from(
-    e.querySelectorAll(`[${Q}]`)
+    e.querySelectorAll(`[${tt}]`)
   );
-  for (const s of o) {
-    const r = s.getAttribute(Q);
-    if (!r) continue;
-    const i = t.querySelector(
-      `[${Q}="${r}"]`
+  for (const i of o) {
+    const s = i.getAttribute(tt);
+    if (!s) continue;
+    const r = t.querySelector(
+      `[${tt}="${s}"]`
     );
-    i && n.push({
-      key: r,
-      fromEl: i,
-      toEl: s,
-      fromFit: D("legacy"),
-      toFit: D("legacy")
+    r && n.push({
+      key: s,
+      fromEl: r,
+      toEl: i,
+      fromFit: L("legacy"),
+      toFit: L("legacy")
     });
   }
   return n;
 }
-function kn(t, e) {
-  const n = Dn(t, e);
-  return n.length > 0 ? n : Mn(t, e);
+function Zn(t, e) {
+  const n = Un(t, e);
+  return n.length > 0 ? n : Bn(t, e);
 }
-function Ln(t, e) {
-  return Ut(t, e);
+function Gn(t, e) {
+  return Gt(t, e);
 }
-function Hn(t, e) {
+function jn(t, e) {
   return t.radiusSource === "unsupported" || e.radiusSource === "unsupported" ? !1 : t.mediaElement !== null || e.mediaElement !== null || t.radiusSource === "computed" || t.radiusSource === "legacy" || e.radiusSource === "computed" || e.radiusSource === "legacy";
 }
-function Nn(t, e, n) {
-  const { fromEl: o, toEl: s } = e, [r, i] = Ln(
-    Ft(t, o, e.fromFit),
-    Ft(t, s, e.toFit)
-  ), l = r.content, c = r.window, a = i.content, p = i.window, u = i.clipInset, d = r.radiusSource === "unsupported" || i.radiusSource === "unsupported", y = d ? 0 : r.radius, f = d ? 0 : i.radius;
-  if (l.width === 0 || l.height === 0 || c.width === 0 || c.height === 0 || a.width === 0 || a.height === 0 || p.width === 0 || p.height === 0)
+function Kn(t, e, n, o, i) {
+  const { fromEl: s, toEl: r } = e, [l, c] = Gn(
+    kt(t, s, e.fromFit, o),
+    kt(t, r, e.toFit, i)
+  ), a = l.content, u = l.window, p = c.content, d = c.window, h = c.clipInset, f = l.radiusSource === "unsupported" || c.radiusSource === "unsupported", y = f ? 0 : l.radius, m = f ? 0 : c.radius;
+  if (a.width === 0 || a.height === 0 || u.width === 0 || u.height === 0 || p.width === 0 || p.height === 0 || d.width === 0 || d.height === 0)
     return null;
-  const h = Math.max(
-    l.width / a.width,
-    l.height / a.height
-  ), g = v(l), S = O(l), w = v(a), $ = O(a), x = g - w, C = S - $;
-  if (Math.abs(C) > n) return null;
-  const I = ct(
-    a,
-    Xt(a, l, c, h, h)
+  const C = Math.max(
+    a.width / p.width,
+    a.height / p.height
+  ), b = v(a), $ = T(a), g = v(p), x = T(p), I = b - g, E = $ - x;
+  if (Math.abs(E) > n) return null;
+  const R = z(
+    p,
+    jt(p, a, u, C, C)
   );
   return {
-    toContent: a,
-    fromVisualEl: r.mediaElement ?? o,
-    toVisualEl: i.mediaElement ?? s,
-    resetCloneRadius: Hn(r, i),
-    styleFor: (A, P) => {
-      const H = P * x, M = P * C, N = A + P * h, Kt = Math.max(0, y * P + f * A) / Math.max(Math.abs(N), 1e-6), qt = I.top * P + u.top * A, Jt = I.right * P + u.right * A, Qt = I.bottom * P + u.bottom * A, te = I.left * P + u.left * A;
+    toContent: p,
+    fromVisualEl: l.mediaElement ?? s,
+    toVisualEl: c.mediaElement ?? r,
+    resetCloneRadius: jn(l, c),
+    styleFor: (_, A) => {
+      const B = A * I, ee = A * E, mt = _ + A * C, ne = l.cornerRadii ?? [
+        y,
+        y,
+        y,
+        y
+      ], oe = c.cornerRadii ?? [
+        m,
+        m,
+        m,
+        m
+      ], ie = ne.map((ce, pe) => {
+        const gt = Math.max(0, ce * A + oe[pe] * _) / Math.max(Math.abs(mt), 1e-6);
+        return { x: gt, y: gt };
+      }), se = R.top * A + h.top * _, re = R.right * A + h.right * _, ae = R.bottom * A + h.bottom * _, le = R.left * A + h.left * _;
       return {
-        transform: `translate(${H}px, ${M}px) scale(${N})`,
-        clipPath: `inset(${qt}px ${Jt}px ${Qt}px ${te}px round ${Kt}px)`
+        transform: `translate(${B}px, ${ee}px) scale(${mt})`,
+        clipPath: yt(
+          p,
+          {
+            top: se,
+            right: re,
+            bottom: ae,
+            left: le
+          },
+          ie
+        )
       };
     }
   };
 }
-function zn(t, e) {
+function qn(t, e) {
   t.style.transform = e.transform, t.style.clipPath = e.clipPath;
 }
-class Vn {
+class Jn {
   contribute(e) {
-    const { resolved: n, physics: o, positionedParent: s, maxDistance: r, onComplete: i } = e, l = [];
+    const { resolved: n, physics: o, positionedParent: i, maxDistance: s, onComplete: r } = e, l = [];
     for (const c of n.pairs) {
-      const a = Nn(s, c, r);
+      const a = Kn(
+        i,
+        c,
+        s,
+        e.from,
+        e.to
+      );
       if (!a) continue;
-      const { fromVisualEl: p, toVisualEl: u } = a, d = u.cloneNode(!0);
-      d.style.position = "absolute", d.style.left = `${a.toContent.left}px`, d.style.top = `${a.toContent.top}px`, d.style.width = `${a.toContent.width}px`, d.style.height = `${a.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", a.resetCloneRadius && (d.style.borderRadius = "0"), zn(d, a.styleFor(0, 1)), s.appendChild(d);
-      const y = p.style.opacity, f = u.style.opacity;
-      p.style.opacity = "0", u.style.opacity = "0", i(() => {
-        p.style.opacity = y, u.style.opacity = f, d.parentElement && d.parentElement.removeChild(d);
+      const { fromVisualEl: u, toVisualEl: p } = a, d = p.cloneNode(!0);
+      d.style.position = "absolute", d.style.left = `${a.toContent.left}px`, d.style.top = `${a.toContent.top}px`, d.style.width = `${a.toContent.width}px`, d.style.height = `${a.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", a.resetCloneRadius && (d.style.borderRadius = "0"), qn(d, a.styleFor(0, 1)), i.appendChild(d);
+      const h = u.style.opacity, f = p.style.opacity;
+      u.style.opacity = "0", p.style.opacity = "0", r(() => {
+        u.style.opacity = h, p.style.opacity = f, d.parentElement && d.parentElement.removeChild(d);
       }), l.push(
-        new m({
+        new w({
           element: d,
-          integrator: b.from(o),
+          integrator: S.from(o),
           style: a.styleFor
         })
       );
@@ -1345,150 +1458,150 @@ class Vn {
     return l;
   }
 }
-function Un(t) {
-  return [new Vn(), An[t.type]()];
+function Qn(t) {
+  return [new Jn(), Dn[t.type]()];
 }
-const Xn = (t) => {
-  const e = Un(t), n = On[t.variant](), o = Fn;
+const to = (t) => {
+  const e = Qn(t), n = zn[t.variant](), o = Vn;
   return {
-    prepare: (s) => {
+    prepare: (i) => {
       var l;
-      const r = Promise.all([
-        s.from,
-        s.to
-      ]).then(([c, a]) => ({ pairs: kn(c, a) })), i = {
-        from: s.from,
-        to: s.to,
-        resolved: r
+      const s = Promise.all([
+        i.from,
+        i.to
+      ]).then(([c, a]) => ({ pairs: Zn(c, a) })), r = {
+        from: i.from,
+        to: i.to,
+        resolved: s
       };
       for (const c of e)
-        (l = c.prepare) == null || l.call(c, i);
-      return r.then((c) => ({ resolved: c }));
+        (l = c.prepare) == null || l.call(c, r);
+      return s.then((c) => ({ resolved: c }));
     },
-    animation: ({ from: s, to: r, context: i, resolved: l }) => {
+    animation: ({ from: i, to: s, context: r, resolved: l }) => {
       if (l.pairs.length === 0)
-        return new E([], { mode: "parallel" });
+        return new P([], { mode: "parallel" });
       const c = [], a = (f) => {
         c.push(f);
-      }, p = {
-        from: s,
-        to: r,
+      }, u = {
+        from: i,
+        to: s,
         resolved: l,
         physics: n,
-        positionedParent: i.positionedParent,
+        positionedParent: r.positionedParent,
         maxDistance: o,
         onComplete: a
-      }, u = [];
+      }, p = [];
       for (const f of e)
-        f.contribute && u.push(...f.contribute(p));
-      if (u.length === 0)
-        return new E([], { mode: "parallel" });
-      const d = new E(u, { mode: "parallel" }), y = d.onComplete;
+        f.contribute && p.push(...f.contribute(u));
+      if (p.length === 0)
+        return new P([], { mode: "parallel" });
+      const d = new P(p, { mode: "parallel" }), h = d.onComplete;
       return d.onComplete = () => {
-        y == null || y();
+        h == null || h();
         for (const f of c)
           try {
             f();
-          } catch (h) {
-            console.error("[hero] cleanup error", h);
+          } catch (y) {
+            console.error("[hero] cleanup error", y);
           }
       }, d;
     }
   };
 };
-function os(t = {}) {
+function hi(t = {}) {
   const e = t.type ?? "static", n = t.variant ?? "default";
-  return Xn({ type: e, variant: n });
+  return to({ type: e, variant: n });
 }
-const Bn = {
+const eo = {
   spring: { stiffness: 50, damping: 30 }
-}, Wn = {
+}, no = {
   spring: { stiffness: 80, damping: 25 }
-}, Zn = (t = {}) => {
-  const e = t.physics ?? Bn, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, s = t.rotationTriggerPoint ?? 0.8;
+}, oo = (t = {}) => {
+  const e = t.physics ?? eo, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, i = t.rotationTriggerPoint ?? 0.8;
   return {
-    prepare: ({ from: r, to: i, context: l }) => (r.then((c) => {
+    prepare: ({ from: s, to: r, context: l }) => (s.then((c) => {
       c.style.opacity = "1";
-    }), i.then((c) => {
-      const a = F(l, "to"), p = Math.min(a.width, a.height) * 0.4;
-      c.style.setProperty("--max-border-radius", `${p}px`), c.style.setProperty("--border-radius-scale", "1"), c.style.willChange = "transform", c.style.backfaceVisibility = "hidden";
-      const u = a.left + a.width / 2, d = a.top + a.height / 2;
-      c.style.transformOrigin = `${u}px ${d}px`, c.style.position = "fixed", c.style.top = `${a.top}px`, c.style.left = `${a.left}px`, c.style.width = `${a.width}px`, c.style.height = `${a.height}px`, c.style.zIndex = "1000", c.style.overflow = "hidden", c.style.transform = `rotate(${n}deg) scale(${o}) translateZ(0)`, c.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", c.style.opacity = "1";
+    }), r.then((c) => {
+      const a = M(l, "to"), u = Math.min(a.width, a.height) * 0.4;
+      c.style.setProperty("--max-border-radius", `${u}px`), c.style.setProperty("--border-radius-scale", "1"), c.style.willChange = "transform", c.style.backfaceVisibility = "hidden";
+      const p = a.left + a.width / 2, d = a.top + a.height / 2;
+      c.style.transformOrigin = `${p}px ${d}px`, c.style.position = "fixed", c.style.top = `${a.top}px`, c.style.left = `${a.left}px`, c.style.width = `${a.width}px`, c.style.height = `${a.height}px`, c.style.zIndex = "1000", c.style.overflow = "hidden", c.style.transform = `rotate(${n}deg) scale(${o}) translateZ(0)`, c.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", c.style.opacity = "1";
     }), {}),
-    animation: ({ from: r, to: i }) => {
-      const l = new m({
-        element: r,
-        integrator: b.from(Wn),
-        style: (a, p) => ({ opacity: p }),
+    animation: ({ from: s, to: r }) => {
+      const l = new w({
+        element: s,
+        integrator: S.from(no),
+        style: (a, 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
         // it toward 0, so clear opacity or the reused node stays invisible.
         onComplete: () => {
-          r.style.opacity = "";
+          s.style.opacity = "";
         }
-      }), c = new m({
-        element: i,
-        integrator: b.from(e),
+      }), c = new w({
+        element: r,
+        integrator: S.from(e),
         style: (a) => {
-          let p;
+          let u;
           if (a <= 0.05)
-            p = o;
-          else if (a <= s) {
-            const f = (a - 0.05) / (s - 0.05), h = Math.pow(f, 9);
-            p = o + (0.8 - o) * h;
+            u = o;
+          else if (a <= i) {
+            const f = (a - 0.05) / (i - 0.05), y = Math.pow(f, 9);
+            u = o + (0.8 - o) * y;
           } else {
-            const f = (a - s) / (1 - s);
-            p = 0.8 + 0.2 * (1 - Math.pow(1 - f, 3));
+            const f = (a - i) / (1 - i);
+            u = 0.8 + 0.2 * (1 - Math.pow(1 - f, 3));
           }
-          const u = 0.7;
+          const p = 0.7;
           let d;
-          if (a <= u)
+          if (a <= p)
             d = n;
           else {
-            const f = (a - u) / (1 - u), h = 1 - Math.pow(1 - f, 2);
-            d = n * (1 - h);
+            const f = (a - p) / (1 - p), y = 1 - Math.pow(1 - f, 2);
+            d = n * (1 - y);
           }
-          let y;
-          if (a <= u)
-            y = 1;
+          let h;
+          if (a <= p)
+            h = 1;
           else {
-            const f = (a - u) / (1 - u);
-            y = 1 - Math.pow(f, 0.5);
+            const f = (a - p) / (1 - p);
+            h = 1 - Math.pow(f, 0.5);
           }
           return {
-            transform: `rotate(${d.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
-            "--border-radius-scale": y.toFixed(4)
+            transform: `rotate(${d.toFixed(2)}deg) scale(${u.toFixed(4)}) translateZ(0)`,
+            "--border-radius-scale": h.toFixed(4)
           };
         },
         onComplete: () => {
-          i.style.willChange = "", i.style.backfaceVisibility = "", i.style.removeProperty("--max-border-radius"), i.style.removeProperty("--border-radius-scale"), i.style.transform = "", i.style.transformOrigin = "", i.style.position = "", i.style.zIndex = "", i.style.top = "", i.style.left = "", i.style.width = "", i.style.height = "", i.style.overflow = "", i.style.borderRadius = "";
+          r.style.willChange = "", r.style.backfaceVisibility = "", r.style.removeProperty("--max-border-radius"), r.style.removeProperty("--border-radius-scale"), r.style.transform = "", r.style.transformOrigin = "", r.style.position = "", r.style.zIndex = "", r.style.top = "", r.style.left = "", r.style.width = "", r.style.height = "", r.style.overflow = "", r.style.borderRadius = "";
         }
       });
-      return new E([l, c], { mode: "parallel" });
+      return new P([l, c], { mode: "parallel" });
     }
   };
 };
-function ss(t = {}) {
-  return Zn();
+function yi(t = {}) {
+  return oo();
 }
-const Gn = {
+const io = {
   spring: { stiffness: 100, damping: 30 }
-}, jn = (t = {}) => {
-  const e = t.physics ?? Gn;
+}, so = (t = {}) => {
+  const e = t.physics ?? io;
   return {
-    prepare: ({ from: n, to: o }) => (n.then((s) => {
-      s.style.transformOrigin = "center center", s.style.willChange = "transform, opacity";
-    }), o.then((s) => {
-      s.style.opacity = "0", s.style.transform = "rotate(-180deg)", s.style.transformOrigin = "center center", s.style.willChange = "transform, opacity";
+    prepare: ({ from: n, to: o }) => (n.then((i) => {
+      i.style.transformOrigin = "center center", i.style.willChange = "transform, opacity";
+    }), o.then((i) => {
+      i.style.opacity = "0", i.style.transform = "rotate(-180deg)", i.style.transformOrigin = "center center", i.style.willChange = "transform, opacity";
     }), {}),
     animation: ({ from: n, to: o }) => {
-      const s = new m({
+      const i = new w({
         element: n,
-        integrator: b.from(e),
-        style: (i) => ({
-          transform: `rotate(${i * 180}deg)`,
-          opacity: i < 0.5 ? 1 : 0
+        integrator: S.from(e),
+        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`
@@ -1496,26 +1609,26 @@ const Gn = {
         onComplete: () => {
           n.style.willChange = "auto", n.style.transform = "", n.style.transformOrigin = "", n.style.opacity = "";
         }
-      }), r = new m({
+      }), s = new w({
         element: o,
-        integrator: b.from(e),
+        integrator: S.from(e),
         // u runs 1→0, so -u*180 unwinds -180→0.
-        style: (i, l) => ({
+        style: (r, l) => ({
           transform: `rotate(${-l * 180}deg)`,
-          opacity: i > 0.5 ? 1 : 0
+          opacity: r > 0.5 ? 1 : 0
         }),
         onComplete: () => {
           o.style.willChange = "auto", o.style.transform = "", o.style.transformOrigin = "", o.style.opacity = "";
         }
       });
-      return new E([s, r], { mode: "parallel" });
+      return new P([i, s], { mode: "parallel" });
     }
   };
 };
-function is(t = {}) {
-  return jn();
+function mi(t = {}) {
+  return so();
 }
-const Kn = {
+const ro = {
   spring: {
     stiffness: 20,
     damping: 8,
@@ -1523,22 +1636,22 @@ const Kn = {
     restDelta: 1e-3,
     restSpeed: 1e-3
   }
-}, qn = (t = {}) => {
-  const e = t.physics ?? Kn, n = t.directional ?? !0;
+}, ao = (t = {}) => {
+  const e = t.physics ?? ro, n = t.directional ?? !0;
   return {
-    prepare: ({ from: o, to: s, context: r }) => {
-      const i = !n || r.direction === "forward", l = i ? _ : R, c = i ? R : _;
+    prepare: ({ from: o, to: i, context: s }) => {
+      const r = !n || s.direction === "forward", l = r ? O : F, c = r ? F : O;
       return o.then((a) => {
         a.style.zIndex = l, a.style.willChange = "transform", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.pointerEvents = "none";
-      }), s.then((a) => {
+      }), i.then((a) => {
         a.style.willChange = "transform", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.position = "relative", a.style.zIndex = c;
       }), {};
     },
-    animation: ({ from: o, to: s, context: r }) => {
-      const i = !n || r.direction === "forward", l = i ? R : _, c = o.offsetHeight, a = s.offsetHeight, p = window.innerHeight, u = Math.max(Math.min(c, a), p), d = new m({
+    animation: ({ from: o, to: i, context: s }) => {
+      const r = !n || s.direction === "forward", l = r ? F : O, c = o.offsetHeight, a = i.offsetHeight, u = window.innerHeight, p = Math.max(Math.min(c, a), u), d = new w({
         element: o,
-        integrator: b.from(e),
-        style: (f) => ({ transform: `translate3d(0, ${i ? -u * f : u * f}px, 0)` }),
+        integrator: S.from(e),
+        style: (f) => ({ transform: `translate3d(0, ${r ? -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,
@@ -1547,72 +1660,72 @@ const Kn = {
         onComplete: () => {
           o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "", o.style.pointerEvents = "", o.style.zIndex = "";
         }
-      }), y = new m({
-        element: s,
-        integrator: b.from(e),
-        style: (f, h) => ({ transform: `translate3d(0, ${i ? h * u : h * -u}px, 0)` }),
+      }), h = new w({
+        element: i,
+        integrator: S.from(e),
+        style: (f, y) => ({ transform: `translate3d(0, ${r ? y * p : y * -p}px, 0)` }),
         onComplete: () => {
-          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transform = "", s.style.position === "relative" && (s.style.position = ""), s.style.zIndex === l && (s.style.zIndex = "");
+          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "", i.style.position === "relative" && (i.style.position = ""), i.style.zIndex === l && (i.style.zIndex = "");
         }
       });
-      for (const f of [d, y]) {
-        const h = f.onComplete;
+      for (const f of [d, h]) {
+        const y = f.onComplete;
         f.onComplete = () => {
-          h == null || h(), f.releaseFill();
+          y == null || y(), f.releaseFill();
         };
       }
-      return new E([d, y], { mode: "parallel" });
+      return new P([d, h], { mode: "parallel" });
     }
   };
 };
-function rs(t = {}) {
+function gi(t = {}) {
   const { type: e = "directional" } = t;
-  return qn({ directional: e === "directional" });
+  return ao({ directional: e === "directional" });
 }
-const Jn = {
+const lo = {
   spring: { stiffness: 200, damping: 24 }
-}, Qn = {
+}, co = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, tt = 0.2;
-function to() {
+}, et = 0.2;
+function po() {
   return {
-    enterPhysics: Jn,
-    exitPhysics: Qn,
+    enterPhysics: lo,
+    exitPhysics: co,
     background: {
       willChange: "transform, opacity",
       enterStyle: (t, e) => ({
-        transform: `scale(${1 - tt * t})`,
+        transform: `scale(${1 - et * t})`,
         opacity: e
       }),
       exitStyle: (t) => ({
-        transform: `scale(${1 - tt + tt * t})`,
+        transform: `scale(${1 - et + et * t})`,
         opacity: t
       })
     }
   };
 }
-const eo = {
+const uo = {
   spring: { stiffness: 200, damping: 24 }
-}, no = {
+}, fo = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, et = 0.08, oo = 16, nt = 0.6, so = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
-function io() {
+}, nt = 0.08, ho = 16, ot = 0.6, yo = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
+function mo() {
   return {
-    enterPhysics: eo,
-    exitPhysics: no,
+    enterPhysics: uo,
+    exitPhysics: fo,
     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: (t) => ({
-        transform: `scale(${1 - et * t})`,
-        opacity: 1 - (1 - nt) * t
+        transform: `scale(${1 - nt * t})`,
+        opacity: 1 - (1 - ot) * t
       }),
       // exit: t 0 → 1 as the sheet falls away and the page returns to rest —
       // the inverse ramp of enter.
       exitStyle: (t) => ({
-        transform: `scale(${1 - et + et * t})`,
-        opacity: nt + (1 - nt) * t
+        transform: `scale(${1 - nt + nt * t})`,
+        opacity: ot + (1 - ot) * t
       })
     },
     overlay: {
@@ -1630,27 +1743,27 @@ function io() {
       // 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: (t, e) => {
-        const n = t === "enter" ? e : 1 - e, o = so(oo * n);
+        const n = t === "enter" ? e : 1 - e, o = yo(ho * n);
         return { backdropFilter: o, WebkitBackdropFilter: o };
       }
     }
   };
 }
-const ro = {
+const go = {
   spring: {
     stiffness: 190,
     damping: 25
   }
-}, ao = {
+}, bo = {
   spring: {
     stiffness: 190,
     damping: 25
   }
 };
-function lo() {
+function wo() {
   return {
-    enterPhysics: ro,
-    exitPhysics: ao,
+    enterPhysics: go,
+    exitPhysics: bo,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -1658,65 +1771,65 @@ function lo() {
     }
   };
 }
-const co = {
-  static: lo(),
-  "background-scale": to(),
-  blur: io()
-}, po = "static", uo = "transform", fo = (t = {}) => {
-  const e = co[t.type ?? po], n = e.background, o = e.overlay, s = n.willChange !== "";
+const So = {
+  static: wo(),
+  "background-scale": po(),
+  blur: mo()
+}, Co = "static", xo = "transform", $o = (t = {}) => {
+  const e = So[t.type ?? Co], n = e.background, o = e.overlay, i = n.willChange !== "";
   return {
-    prepare: ({ from: r, to: i, context: l, createElement: c }) => {
-      const a = l.direction === "forward" ? "enter" : "exit", p = a === "enter" ? i : r, u = a === "enter" ? r : i;
-      p.then((y) => {
-        y.style.willChange = uo, y.style.backfaceVisibility = "hidden", y.style.contain = "layout paint", y.style.zIndex = R, a === "enter" ? y.style.position = "relative" : y.style.pointerEvents = "none";
-      }), u.then((y) => {
-        s && (y.style.willChange = n.willChange, y.style.backfaceVisibility = "hidden", y.style.contain = "layout paint"), y.style.zIndex = _, a === "enter" ? y.style.pointerEvents = "none" : y.style.position = "relative";
+    prepare: ({ from: s, to: r, context: l, createElement: c }) => {
+      const a = l.direction === "forward" ? "enter" : "exit", u = a === "enter" ? r : s, p = a === "enter" ? s : r;
+      u.then((h) => {
+        h.style.willChange = xo, h.style.backfaceVisibility = "hidden", h.style.contain = "layout paint", h.style.zIndex = F, a === "enter" ? h.style.position = "relative" : h.style.pointerEvents = "none";
+      }), p.then((h) => {
+        i && (h.style.willChange = n.willChange, h.style.backfaceVisibility = "hidden", h.style.contain = "layout paint"), h.style.zIndex = O, a === "enter" ? h.style.pointerEvents = "none" : h.style.position = "relative";
       });
       let d;
       return o && (d = c("sheet-overlay"), Object.assign(d.style, o.initialStyle), d.style.willChange = o.willChange, l.positionedParent.appendChild(d)), { overlay: d };
     },
-    animation: ({ from: r, to: i, context: l, overlay: c }) => {
-      const a = l.direction === "forward" ? "enter" : "exit", p = a === "enter" ? e.enterPhysics : e.exitPhysics, u = a === "enter" ? i : r, d = a === "enter" ? r : i, y = F(
+    animation: ({ from: s, to: r, context: l, overlay: c }) => {
+      const a = l.direction === "forward" ? "enter" : "exit", u = a === "enter" ? e.enterPhysics : e.exitPhysics, p = a === "enter" ? r : s, d = a === "enter" ? s : r, h = M(
         l,
         a === "enter" ? "to" : "from"
       ), f = () => {
-        r.style.pointerEvents = "", r.style.zIndex = "";
-      }, h = () => {
-        const x = a === "enter" ? R : _;
-        i.style.position === "relative" && (i.style.position = ""), i.style.zIndex === x && (i.style.zIndex = "");
-      }, g = (x) => {
-        const C = x.onComplete;
-        x.onComplete = () => {
-          C == null || C(), x.releaseFill();
+        s.style.pointerEvents = "", s.style.zIndex = "";
+      }, y = () => {
+        const g = a === "enter" ? F : O;
+        r.style.position === "relative" && (r.style.position = ""), r.style.zIndex === g && (r.style.zIndex = "");
+      }, m = (g) => {
+        const x = g.onComplete;
+        g.onComplete = () => {
+          x == null || x(), g.releaseFill();
         };
       };
-      u.style.clipPath = `inset(${y.top}px 0 calc(100% - ${y.top + y.height}px) 0)`;
-      const S = a === "enter" ? (x, C) => ({
-        transform: `translate3d(0, ${C * y.height}px, 0)`
-      }) : (x) => ({
-        transform: `translate3d(0, ${x * y.height}px, 0)`
-      }), w = new m({
-        element: u,
-        integrator: b.from(p),
-        style: S,
+      p.style.clipPath = `inset(${h.top}px 0 calc(100% - ${h.top + h.height}px) 0)`;
+      const C = a === "enter" ? (g, x) => ({
+        transform: `translate3d(0, ${x * h.height}px, 0)`
+      }) : (g) => ({
+        transform: `translate3d(0, ${g * h.height}px, 0)`
+      }), b = new w({
+        element: p,
+        integrator: S.from(u),
+        style: C,
         onComplete: () => {
-          u.style.willChange = "auto", u.style.backfaceVisibility = "", u.style.contain = "", u.style.clipPath = "", u.style.transform = "", f(), h();
+          p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.contain = "", p.style.clipPath = "", p.style.transform = "", f(), y();
         }
       });
-      g(w);
-      const $ = [w];
-      if (s) {
-        const x = d.scrollHeight;
-        x > 0 && (d.style.height = `${x}px`);
-        const C = F(
+      m(b);
+      const $ = [b];
+      if (i) {
+        const g = d.scrollHeight;
+        g > 0 && (d.style.height = `${g}px`);
+        const x = M(
           l,
           a === "enter" ? "from" : "to"
-        ), I = 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 = `${I}px ${A}px`;
-        const P = a === "enter" ? (M, N) => n.enterStyle(M, N) : (M) => n.exitStyle(M), H = new m({
+        ), I = x.left + x.width / 2, E = x.top + x.height / 2;
+        d.style.clipPath = `inset(${x.top}px 0 calc(100% - ${x.top + x.height}px) 0)`, d.style.transformOrigin = `${I}px ${E}px`;
+        const R = a === "enter" ? (A, B) => n.enterStyle(A, B) : (A) => n.exitStyle(A), _ = new w({
           element: d,
-          integrator: b.from(p),
-          style: P,
+          integrator: S.from(u),
+          style: R,
           // 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
@@ -1726,86 +1839,86 @@ const co = {
             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 = "";
           }
         });
-        g(H), $.push(H);
+        m(_), $.push(_);
       }
       if (c && o) {
-        c.style.zIndex = Ht;
-        const x = kt(l, "to");
-        c.style.top = `${x.top}px`, c.style.height = `${x.height}px`, $.push(
-          new m({
+        c.style.zIndex = Ut;
+        const g = Xt(l, "to");
+        c.style.top = `${g.top}px`, c.style.height = `${g.height}px`, $.push(
+          new w({
             element: c,
-            integrator: b.from(p),
-            style: (C) => o.style(a, C)
+            integrator: S.from(u),
+            style: (x) => o.style(a, x)
           })
         );
       }
-      return new E($, { mode: "parallel" });
+      return new P($, { mode: "parallel" });
     }
   };
 };
-function yo(t) {
+function Eo(t) {
   return t === "scale" || t === "background-scale" ? "background-scale" : t === "blur" ? "blur" : "static";
 }
-function as(t = {}) {
-  const e = t.type, n = yo(e);
-  return fo({ type: n });
+function bi(t = {}) {
+  const e = t.type, n = Eo(e);
+  return $o({ type: n });
 }
-const ho = (t = {}) => {
-  const e = t.physics ?? re;
+const Po = (t = {}) => {
+  const e = t.physics ?? me;
   return {
-    prepare: ({ from: n, to: o, context: s }) => {
-      const r = s.direction === "forward";
-      return n.then((i) => {
-        i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none";
-      }), o.then((i) => {
-        const l = r ? 100 : -100;
-        i.style.transform = `translate3d(${l}%, 0, 0)`, i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
+    prepare: ({ from: n, to: o, context: i }) => {
+      const s = i.direction === "forward";
+      return n.then((r) => {
+        r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
+      }), o.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: n, to: o, context: s }) => {
-      const r = new m({
+    animation: ({ from: n, to: o, context: i }) => {
+      const s = new w({
         element: n,
-        integrator: b.from(e),
-        style: (l) => ({ transform: `translate3d(${100 * X("slide", "out", s.direction, l).x}%, 0, 0)` }),
+        integrator: S.from(e),
+        style: (l) => ({ transform: `translate3d(${100 * U("slide", "out", i.direction, l).x}%, 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: () => {
           n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "", n.style.transform = "", n.style.pointerEvents = "";
         }
-      }), i = new m({
+      }), r = new w({
         element: o,
-        integrator: b.from(e),
-        style: (l) => ({ transform: `translate3d(${100 * X("slide", "in", s.direction, l).x}%, 0, 0)` }),
+        integrator: S.from(e),
+        style: (l) => ({ transform: `translate3d(${100 * U("slide", "in", i.direction, l).x}%, 0, 0)` }),
         onComplete: () => {
           o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.transform = "";
         }
       });
-      return new E([r, i], { mode: "parallel" });
+      return new P([s, r], { mode: "parallel" });
     }
   };
 };
-function ls(t = {}) {
-  return ho();
+function wi(t = {}) {
+  return Po();
 }
-const mo = {
+const Ro = {
   spring: { stiffness: 17, damping: 6 }
-}, ot = 20, U = 800, go = (t = {}) => {
-  const e = t.physics ?? mo;
+}, it = 20, W = 800, Ao = (t = {}) => {
+  const e = t.physics ?? Ro;
   return {
-    prepare: ({ from: n, to: o }) => (n.then((s) => {
-      s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none", s.style.transform = `perspective(${U}px) rotateY(0deg) translate3d(0%, 0, 0)`;
-    }), o.then((s) => {
-      s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.transform = `perspective(${U}px) rotateY(${ot}deg) translate3d(-100%, 0, 0)`;
+    prepare: ({ from: n, to: o }) => (n.then((i) => {
+      i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none", i.style.transform = `perspective(${W}px) rotateY(0deg) translate3d(0%, 0, 0)`;
+    }), o.then((i) => {
+      i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.transform = `perspective(${W}px) rotateY(${it}deg) translate3d(-100%, 0, 0)`;
     }), {}),
     animation: ({ from: n, to: o }) => {
-      const s = new m({
+      const i = new w({
         element: n,
-        integrator: b.from(e),
-        style: (i) => {
-          const l = -i * ot, c = i * 100;
+        integrator: S.from(e),
+        style: (r) => {
+          const l = -r * it, c = r * 100;
           return {
-            transform: `perspective(${U}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
+            transform: `perspective(${W}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`
           };
         },
         // The outgoing node is reused (Activity/cacheComponents re-hide it),
@@ -1814,30 +1927,30 @@ const mo = {
         onComplete: () => {
           n.style.transform = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "", n.style.pointerEvents = "";
         }
-      }), r = new m({
+      }), s = new w({
         element: o,
-        integrator: b.from(e),
-        style: (i, l) => {
-          const c = l * ot, a = -l * 100;
+        integrator: S.from(e),
+        style: (r, l) => {
+          const c = l * it, a = -l * 100;
           return {
-            transform: `perspective(${U}px) rotateY(${c}deg) translate3d(${a}%, 0, 0)`
+            transform: `perspective(${W}px) rotateY(${c}deg) translate3d(${a}%, 0, 0)`
           };
         },
         onComplete: () => {
           o.style.transform = "", o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "";
         }
       });
-      return new E([s, r], { mode: "sequence" });
+      return new P([i, s], { mode: "sequence" });
     }
   };
 };
-function cs(t = {}) {
-  return go();
+function Si(t = {}) {
+  return Ao();
 }
-function bo(t, e) {
+function Io(t, e) {
   return e.left >= t.left - 0.01 && e.top >= t.top - 0.01 && e.left + e.width <= t.left + t.width + 0.01 && e.top + e.height <= t.top + t.height + 0.01;
 }
-function Bt(t) {
+function Kt(t) {
   const e = () => ({
     enterContent: t.enterRect,
     exitContent: t.exitRect,
@@ -1845,60 +1958,108 @@ function Bt(t) {
     scaleX: t.exitRect.width / t.enterRect.width,
     scaleY: t.exitRect.height / t.enterRect.height
   }), { enterMedia: n, exitMedia: o } = t;
-  if (!n || !o || !Vt(n, o)) return e();
-  const s = n.content, r = o.content;
-  if (s.width <= 0 || s.height <= 0 || r.width <= 0 || r.height <= 0)
+  if (!n || !o || !Zt(n, o)) return e();
+  const i = n.content, s = o.content;
+  if (i.width <= 0 || i.height <= 0 || s.width <= 0 || s.height <= 0)
     return e();
-  const i = r.width / s.width, l = r.height / s.height, c = Xt(
+  const r = s.width / i.width, l = s.height / i.height, c = jt(
+    i,
     s,
-    r,
     o.window,
-    i,
+    r,
     l
   );
-  return bo(n.window, c) ? { enterContent: s, exitContent: r, startWindow: c, scaleX: i, scaleY: l } : e();
-}
-function Wt(t, e) {
+  return Io(n.window, c) ? {
+    enterContent: i,
+    exitContent: s,
+    startWindow: c,
+    scaleX: r,
+    scaleY: l,
+    exitCornerRadii: o.cornerRadii
+  } : e();
+}
+function qt(t, e) {
   return {
-    top: t.top / e.height * 100,
-    right: (e.width - (t.left + t.width)) / e.width * 100,
-    bottom: (e.height - (t.top + t.height)) / e.height * 100,
-    left: t.left / e.width * 100
+    top: t.top,
+    right: e.width - (t.left + t.width),
+    bottom: e.height - (t.top + t.height),
+    left: t.left
   };
 }
-function Zt(t, e, n) {
+function _o(t, e, n) {
   return {
     x: t / Math.max(Math.abs(e), 1e-6),
     y: t / Math.max(Math.abs(n), 1e-6)
   };
 }
-function wo(t) {
-  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: s } = t, r = Bt(t), { enterContent: i, exitContent: l, startWindow: c, scaleX: a, scaleY: p } = r, u = l.left - i.left + (l.width - i.width) / 2 - n.x, d = l.top - i.top + (l.height - i.height) / 2 - n.y, y = Wt(c, e);
+function Jt(t, e, n, o, i, s) {
+  return (n ?? [t]).map(
+    (r) => _o(
+      Math.max(0, r * o + e * (1 - o)),
+      i,
+      s
+    )
+  );
+}
+function Oo(t) {
+  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, s = Kt(t), { enterContent: r, exitContent: l, startWindow: c, scaleX: a, scaleY: u } = s, p = l.left - r.left + (l.width - r.width) / 2 - n.x, d = l.top - r.top + (l.height - r.height) / 2 - n.y, h = qt(c, e);
   return {
-    transformOrigin: `${v(i)}px ${O(i)}px`,
+    transformOrigin: `${v(r)}px ${T(r)}px`,
     animate: (f) => {
-      const h = 1 - f, g = 1 + (a - 1) * h, S = 1 + (p - 1) * h, w = Math.max(0, s * h + o * (1 - h)), $ = Zt(w, g, S);
+      const y = 1 - f, m = 1 + (a - 1) * y, C = 1 + (u - 1) * y, b = Jt(
+        i,
+        o,
+        s.exitCornerRadii,
+        y,
+        m,
+        C
+      );
       return {
-        clipPath: `inset(${y.top * h}% ${y.right * h}% ${y.bottom * h}% ${y.left * h}% round ${$.x}px / ${$.y}px)`,
-        transform: `translate(${u * h}px, ${d * h}px) scale(${g}, ${S})`
+        clipPath: yt(
+          e,
+          {
+            top: h.top * y,
+            right: h.right * y,
+            bottom: h.bottom * y,
+            left: h.left * y
+          },
+          b
+        ),
+        transform: `translate(${p * y}px, ${d * y}px) scale(${m}, ${C})`
       };
     }
   };
 }
-function So(t) {
-  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: s } = t, r = Bt(t), { enterContent: i, exitContent: l, startWindow: c, scaleX: a, scaleY: p } = r, u = l.left - i.left + (l.width - i.width) / 2 + n.x, d = l.top - i.top + (l.height - i.height) / 2 + n.y, y = Wt(c, e);
+function Fo(t) {
+  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: i } = t, s = Kt(t), { enterContent: r, exitContent: l, startWindow: c, scaleX: a, scaleY: u } = s, p = l.left - r.left + (l.width - r.width) / 2 + n.x, d = l.top - r.top + (l.height - r.height) / 2 + n.y, h = qt(c, e);
   return {
-    transformOrigin: `${v(i)}px ${O(i)}px`,
+    transformOrigin: `${v(r)}px ${T(r)}px`,
     animate: (f) => {
-      const h = 1 - f, g = 1 + (a - 1) * h, S = 1 + (p - 1) * h, w = Math.max(0, o * (1 - h) + s * h), $ = Zt(w, g, S);
+      const y = 1 - f, m = 1 + (a - 1) * y, C = 1 + (u - 1) * y, b = Jt(
+        i,
+        o,
+        s.exitCornerRadii,
+        y,
+        m,
+        C
+      );
       return {
-        clipPath: `inset(${y.top * h}% ${y.right * h}% ${y.bottom * h}% ${y.left * h}% round ${$.x}px / ${$.y}px)`,
-        transform: `translate(${u * h - n.x}px, ${d * h}px) scale(${g}, ${S})`
+        clipPath: yt(
+          e,
+          {
+            top: h.top * y,
+            right: h.right * y,
+            bottom: h.bottom * y,
+            left: h.left * y
+          },
+          b
+        ),
+        transform: `translate(${p * y - n.x}px, ${d * y}px) scale(${m}, ${C})`
       };
     }
   };
 }
-const xo = {
+const vo = {
   spring: {
     stiffness: 380,
     damping: 30,
@@ -1909,25 +2070,25 @@ const xo = {
       damping: 30
     }
   }
-}, Gt = 0.12, Co = 18;
-function $o() {
+}, Qt = 0.12, To = 18;
+function Mo() {
   return {
     transformOrigin: "50% 50%",
     animate: (t) => {
       const e = 1 - t;
       return {
-        transform: `scale(${1 - Gt * e})`
+        transform: `scale(${1 - Qt * e})`
       };
     }
   };
 }
-function Eo() {
+function Yo() {
   return {
     transformOrigin: "50% 50%",
     animate: (t) => {
       const e = 1 - t;
       return {
-        transform: `scale(${1 - Gt * e})`
+        transform: `scale(${1 - Qt * e})`
       };
     }
   };
@@ -1948,29 +2109,29 @@ const st = {
     WebkitBackdropFilter: "blur(0px)"
   },
   style: (t, e) => {
-    const n = t === "enter" ? e : 1 - e, o = `blur(${Co * n}px)`;
+    const n = t === "enter" ? e : 1 - e, o = `blur(${To * n}px)`;
     return {
       backdropFilter: o,
       WebkitBackdropFilter: o
     };
   }
 };
-class Po {
+class Do {
   constructor() {
-    T(this, "physics", xo);
+    Y(this, "physics", vo);
   }
   contribute(e) {
-    const { from: n, to: o, resolved: s, physics: r } = e, i = s.mode === "enter", l = i ? n : o, c = i ? $o() : Eo();
+    const { from: n, to: o, resolved: i, physics: s } = e, r = i.mode === "enter", l = r ? n : o, c = r ? Mo() : Yo();
     return c && (l.style.transformOrigin = c.transformOrigin), [
-      new m({
+      new w({
         element: l,
-        integrator: b.from(r),
-        style: i ? (a, p) => c.animate(p) : (a) => c.animate(a)
+        integrator: S.from(s),
+        style: r ? (a, u) => c.animate(u) : (a) => c.animate(a)
       })
     ];
   }
 }
-class Ao {
+class Lo {
   prepare(e) {
     const n = e.createElement("zoom-overlay");
     return Object.assign(n.style, st.initialStyle), n.style.willChange = st.willChange, e.context.positionedParent.appendChild(n), { overlay: n };
@@ -1978,18 +2139,18 @@ class Ao {
   contribute(e) {
     const n = e.extras.overlay;
     if (!n) return [];
-    n.style.zIndex = Ht;
-    const o = kt(e.context, "to");
+    n.style.zIndex = Ut;
+    const o = Xt(e.context, "to");
     return n.style.top = `${o.top}px`, n.style.height = `${o.height}px`, [
-      new m({
+      new w({
         element: n,
-        integrator: b.from(e.physics),
-        style: (s) => st.style(e.resolved.mode, s)
+        integrator: S.from(e.physics),
+        style: (i) => st.style(e.resolved.mode, i)
       })
     ];
   }
 }
-const Io = {
+const ko = {
   spring: {
     stiffness: 380,
     damping: 30,
@@ -1999,234 +2160,248 @@ const Io = {
     }
   }
 };
-function _o({
+function Ho({
   enterRect: t,
   exitRect: e,
   scrollOffset: n
 }) {
-  const o = t.left - e.left + (t.width - e.width) / 2 + n.x, s = t.top - e.top + (t.height - e.height) / 2 + n.y, r = t.width / e.width, i = t.height / e.height, l = Math.max(r, i);
+  const o = t.left - e.left + (t.width - e.width) / 2 + n.x, i = t.top - e.top + (t.height - e.height) / 2 + n.y, s = t.width / e.width, r = t.height / e.height, l = Math.max(s, r);
   return {
     transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
     animate: (c) => {
       const a = 1 - c;
       return {
-        transform: `translate(${o * a - n.x}px, ${s * a}px) scale(${1 + (l - 1) * a})`
+        transform: `translate(${o * a - n.x}px, ${i * a}px) scale(${1 + (l - 1) * a})`
       };
     }
   };
 }
-function Ro({
+function No({
   enterRect: t,
   exitRect: e,
   scrollOffset: n
 }) {
-  const o = t.left - e.left + (t.width - e.width) / 2 - n.x, s = t.top - e.top + (t.height - e.height) / 2 - n.y, r = t.width / e.width, i = t.height / e.height, l = Math.max(r, i);
+  const o = t.left - e.left + (t.width - e.width) / 2 - n.x, i = t.top - e.top + (t.height - e.height) / 2 - n.y, s = t.width / e.width, r = t.height / e.height, l = Math.max(s, r);
   return {
     transformOrigin: `${e.left + e.width / 2}px ${e.top + e.height / 2}px`,
     animate: (c) => {
       const a = 1 - c;
       return {
-        transform: `translate(${o * a}px, ${s * a}px) scale(${1 + (l - 1) * a})`
+        transform: `translate(${o * a}px, ${i * a}px) scale(${1 + (l - 1) * a})`
       };
     }
   };
 }
-class vo {
+class zo {
   constructor() {
-    T(this, "physics", Io);
+    Y(this, "physics", ko);
   }
   contribute(e) {
-    const { from: n, to: o, resolved: s, input: r, physics: i } = e, l = s.mode === "enter", c = l ? n : o, a = l ? _o(r) : Ro(r);
+    const { from: n, to: o, resolved: i, input: s, physics: r } = e, l = i.mode === "enter", c = l ? n : o, a = l ? Ho(s) : No(s);
     return a && (c.style.transformOrigin = a.transformOrigin), [
-      new m({
+      new w({
         element: c,
-        integrator: b.from(i),
-        style: l ? (p, u) => a.animate(u) : (p) => a.animate(p)
+        integrator: S.from(r),
+        style: l ? (u, p) => a.animate(p) : (u) => a.animate(u)
       })
     ];
   }
 }
-const Oo = {
+const Vo = {
   spring: {
     stiffness: 530,
     damping: 34,
     doubleSpring: 1
   }
 };
-class Fo {
+class Xo {
   constructor() {
-    T(this, "physics", Oo);
+    Y(this, "physics", Vo);
   }
   contribute(e) {
     return [];
   }
 }
-const To = {
-  expand: () => new vo(),
-  static: () => new Fo(),
-  blur: () => new Po()
+const Wo = {
+  expand: () => new zo(),
+  static: () => new Xo(),
+  blur: () => new Do()
 };
-function Yo(t) {
-  return To[t]();
+function Uo(t) {
+  return Wo[t]();
 }
-const lt = "data-zoom-enter-key", Tt = "data-zoom-exit-key", Yt = "data-zoom-radius";
-function Do(t, e) {
+const dt = "data-zoom-enter-key", Ht = "data-zoom-exit-key", Nt = "data-zoom-radius";
+function Bo(t, e) {
   return Math.abs(t.left - e.left) < 0.01 && Math.abs(t.top - e.top) < 0.01 && Math.abs(t.width - e.width) < 0.01 && Math.abs(t.height - e.height) < 0.01;
 }
-function Mo(t, e) {
+function Zo(t, e) {
   const n = [];
   let o = e;
   for (; o && o !== t; ) {
-    const s = o.parentElement;
-    if (!s) break;
-    for (const r of Array.from(s.children))
-      r !== o && r instanceof HTMLElement && n.push(r);
-    o = s;
+    const i = o.parentElement;
+    if (!i) break;
+    for (const s of Array.from(i.children))
+      s !== o && s instanceof HTMLElement && n.push(s);
+    o = i;
   }
   return n;
 }
-function Dt(t) {
-  const e = t.querySelectorAll(`[${lt}]`);
+function zt(t) {
+  const e = t.querySelectorAll(`[${dt}]`);
   return e.length !== 1 ? null : e[0];
 }
-function Mt(t, e) {
-  const n = t.querySelectorAll(`[${Tt}]`);
+function Vt(t, e) {
+  const n = t.querySelectorAll(`[${Ht}]`);
   for (const o of n)
-    if (o.getAttribute(Tt) === e)
+    if (o.getAttribute(Ht) === e)
       return o;
   return null;
 }
-function ko(t, e, n) {
+function Go(t, e, n) {
   if (n === "forward") {
-    const i = Dt(e);
-    if (!i) return null;
-    const l = i.getAttribute(lt);
+    const r = zt(e);
+    if (!r) return null;
+    const l = r.getAttribute(dt);
     if (!l) return null;
-    const c = Mt(t, l);
-    return c ? { mode: "enter", enterEl: i, exitEl: c } : null;
+    const c = Vt(t, l);
+    return c ? { mode: "enter", enterEl: r, exitEl: c } : null;
   }
-  const o = Dt(t);
+  const o = zt(t);
   if (!o) return null;
-  const s = o.getAttribute(lt);
-  if (!s) return null;
-  const r = Mt(e, s);
-  return r ? { mode: "exit", enterEl: o, exitEl: r } : null;
+  const i = o.getAttribute(dt);
+  if (!i) return null;
+  const s = Vt(e, i);
+  return s ? { mode: "exit", enterEl: o, exitEl: s } : null;
 }
-function Lo(t, e, n, o) {
-  const s = t.mode === "enter" ? n : e, r = t.mode === "enter" ? e : n, i = z(s, t.enterEl), l = z(r, t.exitEl), c = at(
+function jo(t, e, n, o) {
+  const i = t.mode === "enter" ? n : e, s = t.mode === "enter" ? e : n, r = H(i, t.enterEl), l = H(s, t.exitEl), c = ut(
     t.enterEl,
-    i,
-    (g) => z(s, g),
+    r,
+    (m) => H(i, m),
     {
-      legacyRadiusAttribute: Yt
+      clipRoot: i,
+      legacyRadiusAttribute: Nt
     }
-  ), a = at(
+  ), a = ut(
     t.exitEl,
     l,
-    (g) => z(r, g),
+    (m) => H(s, m),
     {
-      legacyRadiusAttribute: Yt
+      clipRoot: s,
+      legacyRadiusAttribute: Nt
     }
-  ), [p, u] = Ut(c, a), d = p.contentAware && u.contentAware, y = t.mode === "enter" ? n.getBoundingClientRect() : e.getBoundingClientRect(), f = {
+  ), [u, p] = Gt(c, a), d = u.contentAware && p.contentAware, h = t.mode === "enter" ? n.getBoundingClientRect() : e.getBoundingClientRect(), f = {
     left: 0,
     top: 0,
-    width: y.width,
-    height: y.height
-  }, h = p.radiusSource === "legacy" || Do(p.window, f) ? p.radius : 0;
+    width: h.width,
+    height: h.height
+  }, y = u.radiusSource === "legacy" || Bo(u.window, f) ? u.radius : 0;
   return {
-    enterRect: i,
+    enterRect: r,
     exitRect: l,
     ...d ? {
-      enterMedia: p,
-      exitMedia: u
+      enterMedia: u,
+      exitMedia: p
     } : {},
-    pageRect: y,
+    pageRect: h,
     scrollOffset: o,
-    enterRadius: h,
-    exitRadius: u.radius
+    enterRadius: y,
+    exitRadius: p.radius
   };
 }
-class Ho {
+const rt = /* @__PURE__ */ new WeakMap();
+function Ko(t) {
+  const e = rt.get(t) ?? {
+    opacity: t.style.opacity,
+    users: 0
+  };
+  e.users++, rt.set(t, e), t.style.opacity = "0";
+  let n = !1;
+  return () => {
+    n || (n = !0, !(--e.users > 0) && (t.style.opacity === "0" && (t.style.opacity = e.opacity), rt.delete(t)));
+  };
+}
+class qo {
   prepare(e) {
     e.from.then((n) => {
       n.style.willChange = "transform, clip-path, opacity", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
     });
   }
   contribute(e) {
-    const { from: n, to: o, resolved: s, input: r, physics: i, onComplete: l } = e, c = s.mode === "enter", a = c ? wo(r) : So(r), p = c ? o : n, u = c ? "t" : "u";
-    a && (p.style.transformOrigin = a.transformOrigin);
-    const d = c ? _ : R, y = c ? R : _, f = n.style.zIndex;
+    const { from: n, to: o, resolved: i, input: s, physics: r, onComplete: l } = e, c = i.mode === "enter", a = c ? Oo(s) : Fo(s), u = c ? o : n, p = c ? "t" : "u";
+    l(Ko(i.exitEl)), a && (u.style.transformOrigin = a.transformOrigin);
+    const d = c ? O : F, h = c ? F : O, f = n.style.zIndex;
     n.style.zIndex = d;
-    const h = o.style.zIndex, g = o.style.position;
-    return o.style.zIndex = y, o.style.position = "relative", l(() => {
-      p.style.willChange = "auto", p.style.backfaceVisibility = "", p.style.transformOrigin = "", p.style.contain = "", n.style.zIndex = f, o.style.zIndex === y && (o.style.zIndex = h), o.style.position === "relative" && (o.style.position = g), o.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
+    const y = o.style.zIndex, m = o.style.position;
+    return o.style.zIndex = h, o.style.position = "relative", l(() => {
+      u.style.willChange = "auto", u.style.backfaceVisibility = "", u.style.transformOrigin = "", u.style.contain = "", n.style.zIndex = f, o.style.zIndex === h && (o.style.zIndex = y), o.style.position === "relative" && (o.style.position = m), o.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
     }), [
-      new m({
-        element: p,
-        integrator: b.from(i),
+      new w({
+        element: u,
+        integrator: S.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: u === "t" ? (S) => a.animate(S) : (S, w) => a.animate(w)
+        style: p === "t" ? (C) => a.animate(C) : (C, b) => a.animate(b)
       })
     ];
   }
 }
-class No {
+class Jo {
   contribute(e) {
-    const { resolved: n, physics: o, from: s, to: r, onComplete: i } = e, l = n.mode === "enter" ? r : s, c = Mo(l, n.enterEl);
+    const { resolved: n, physics: o, from: i, to: s, onComplete: r } = e, l = n.mode === "enter" ? s : i, c = Zo(l, n.enterEl);
     if (c.length === 0) return [];
-    const a = c.map((p) => p.style.opacity);
+    const a = c.map((u) => u.style.opacity);
     if (n.mode === "enter")
-      for (const p of c) p.style.opacity = "0";
-    return i(() => {
-      for (let p = 0; p < c.length; p++) {
-        const u = c[p];
-        u && (u.style.opacity = a[p] ?? "");
+      for (const u of c) u.style.opacity = "0";
+    return r(() => {
+      for (let u = 0; u < c.length; u++) {
+        const p = c[u];
+        p && (p.style.opacity = a[u] ?? "");
       }
     }), c.map(
-      (p) => new m({
-        element: p,
-        integrator: b.from(o),
-        style: (u, d) => ({
-          opacity: n.mode === "enter" ? u : d
+      (u) => new w({
+        element: u,
+        integrator: S.from(o),
+        style: (p, d) => ({
+          opacity: n.mode === "enter" ? p : d
         })
       })
     );
   }
 }
-class jt {
+class te {
   contribute() {
     return [];
   }
 }
-const zo = {
-  default: () => new jt(),
-  fade: () => new No()
+const Qo = {
+  default: () => new te(),
+  fade: () => new Jo()
 };
-function Vo(t) {
-  return zo[t]();
+function ti(t) {
+  return Qo[t]();
 }
-class Uo extends jt {
+class ei extends te {
 }
-function Xo(t) {
-  const e = Yo(t.type);
+function ni(t) {
+  const e = Uo(t.type);
   return { strategies: [
-    new Ho(),
+    new qo(),
     e,
-    Vo(t.variant),
-    new Uo(),
+    ti(t.variant),
+    new ei(),
     // 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.
-    ...t.type === "blur" ? [new Ao()] : []
+    ...t.type === "blur" ? [new Lo()] : []
   ], physics: e.physics };
 }
-const Bo = (t) => {
-  const { strategies: e, physics: n } = Xo(t);
+const oi = (t) => {
+  const { strategies: e, physics: n } = ni(t);
   return {
     prepare: (o) => {
-      const s = {
+      const i = {
         from: o.from,
         to: o.to,
         context: { positionedParent: o.context.positionedParent },
@@ -2234,79 +2409,79 @@ const Bo = (t) => {
         // strategy interface narrows the cast to keep both signatures
         // compatible.
         createElement: o.createElement
-      }, r = {};
-      for (const i of e) {
-        if (!i.prepare) continue;
-        const l = i.prepare(s);
-        l && Object.assign(r, l);
+      }, s = {};
+      for (const r of e) {
+        if (!r.prepare) continue;
+        const l = r.prepare(i);
+        l && Object.assign(s, l);
       }
-      return r;
+      return s;
     },
-    animation: ({ from: o, to: s, context: r, ...i }) => {
-      const l = ko(o, s, r.direction);
+    animation: ({ from: o, to: i, context: s, ...r }) => {
+      const l = Go(o, i, s.direction);
       if (!l)
-        return new E([], { mode: "parallel" });
-      const c = Lo(l, o, s, r.scrollOffset), a = [], u = {
+        return new P([], { mode: "parallel" });
+      const c = jo(l, o, i, s.scrollOffset), a = [], p = {
         from: o,
-        to: s,
+        to: i,
         resolved: l,
         input: c,
         physics: n,
-        context: r,
-        extras: i,
+        context: s,
+        extras: r,
         onComplete: (f) => {
           a.push(f);
         }
       }, d = [];
       for (const f of e)
-        f.contribute && d.push(...f.contribute(u));
-      const y = d[0];
-      if (y) {
-        const f = y.onComplete;
-        y.onComplete = () => {
+        f.contribute && d.push(...f.contribute(p));
+      const h = d[0];
+      if (h) {
+        const f = h.onComplete;
+        h.onComplete = () => {
           f == null || f();
-          for (const h of a)
+          for (const y of a)
             try {
-              h();
-            } catch (g) {
-              console.error("[zoom] cleanup error", g);
+              y();
+            } catch (m) {
+              console.error("[zoom] cleanup error", m);
             }
         };
       }
       for (const f of d) {
-        if (!(f instanceof m)) continue;
-        const h = f.onComplete;
+        if (!(f instanceof w)) continue;
+        const y = f.onComplete;
         f.onComplete = () => {
-          h == null || h(), f.releaseFill();
+          y == null || y(), f.releaseFill();
         };
       }
-      return new E(d, { mode: "parallel" });
+      return new P(d, { mode: "parallel" });
     }
   };
 };
-function Wo(t) {
+function ii(t) {
   const e = t.type ?? "static", n = t.variant ?? (t.fade ? "fade" : "default");
   return { type: e, variant: n };
 }
-function ps(t = {}) {
-  const e = Wo(t);
-  return Bo(e);
+function Ci(t = {}) {
+  const e = ii(t);
+  return oi(e);
 }
 export {
-  fs as Animation,
-  E as MultiAnimation,
-  m as WebAnimation,
-  Jo as axis,
-  Qo as blind,
-  ts as drill,
-  es as fade,
-  ns as film,
-  os as hero,
-  ss as jaemin,
-  is as rotate,
-  rs as scroll,
-  as as sheet,
-  ls as slide,
-  cs as strip,
-  ps as zoom
+  Ei as Animation,
+  P as MultiAnimation,
+  w as WebAnimation,
+  ci as axis,
+  pi as blind,
+  ui as drill,
+  di as fade,
+  fi as film,
+  hi as hero,
+  yi as jaemin,
+  mi as rotate,
+  gi as scroll,
+  bi as sheet,
+  wi as slide,
+  Si as strip,
+  Ci as zoom
 };