@ssgoi/core 7.1.3-beta.2 → 7.1.3-beta.3

package/dist/index.js

@@ -1,14 +1,14 @@
-var Pe = Object.defineProperty;
-var Ae = (t, e, n) => e in t ? Pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var I = (t, e, n) => Ae(t, typeof e != "symbol" ? e + "" : e, n);
-import { d as _, w as O } from "./index-B_K3Vnj-.js";
-import { W as w, M as A } from "./multi-animation-Du9W3ZS_.js";
-import { A as oi } from "./multi-animation-Du9W3ZS_.js";
-import { P as ve, I as C, S as bt, a as Re, b as wt, s as Ie, D as _e } from "./provider-Cea0Pfm1.js";
-import { F as Oe, a as ke, p as ot, S as Fe } from "./page-motion-MEazegOU.js";
-class Te {
+var Oe = Object.defineProperty;
+var _e = (t, e, n) => e in t ? Oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var _ = (t, e, n) => _e(t, typeof e != "symbol" ? e + "" : e, n);
+import { d as k, w as F } from "./index-B_K3Vnj-.js";
+import { W as S, M as R } from "./multi-animation-Du9W3ZS_.js";
+import { A as di } from "./multi-animation-Du9W3ZS_.js";
+import { P as ke, I as C, S as Pt, a as Fe, b as vt, s as Te, D as Me } from "./provider-Cea0Pfm1.js";
+import { F as De, a as Ye, p as nt, S as Le } from "./page-motion-MEazegOU.js";
+class He {
   constructor(e) {
-    I(this, "durationSec");
+    _(this, "durationSec");
     this.durationSec = Math.max(1 / 60, e.durationSec);
   }
   step(e, n, o) {
@@ -18,10 +18,10 @@ class Te {
     return (i > 0 ? l >= n : l <= n) ? { position: n, velocity: 0 } : { position: l, velocity: i * c };
   }
   isSettled(e, n) {
-    return Math.abs(e.position - n) < ve;
+    return Math.abs(e.position - n) < ke;
   }
 }
-function Rt(t, e) {
+function Tt(t, e) {
   function n(i) {
     let c = 0, s = 0;
     const l = i.offsetWidth, a = i.offsetHeight;
@@ -38,7 +38,7 @@ function Rt(t, e) {
     r.height
   );
 }
-function L(t, e) {
+function H(t, e) {
   const n = t.getBoundingClientRect(), o = e.getBoundingClientRect(), r = (s, l) => l > 0 && Math.abs(s - l) > 0.5 ? s / l : 1, i = r(n.width, t.offsetWidth), c = r(n.height, t.offsetHeight);
   return new DOMRect(
     (o.left - n.left) / i,
@@ -47,8 +47,8 @@ function L(t, e) {
     o.height / c
   );
 }
-function H(t, e) {
-  const { scrollingElement: n, positionedParent: o } = t, r = n !== o && n.contains(o) ? Rt(n, o).top : 0;
+function W(t, e) {
+  const { scrollingElement: n, positionedParent: o } = t, r = n !== o && n.contains(o) ? Tt(n, o).top : 0;
   return {
     top: t[e].scroll.y,
     left: 0,
@@ -56,24 +56,24 @@ function H(t, e) {
     height: n.clientHeight - r
   };
 }
-function oe(t, e) {
-  const { scrollingElement: n, positionedParent: o } = t, r = n !== o && n.contains(o) ? Rt(n, o).top : 0;
+function le(t, e) {
+  const { scrollingElement: n, positionedParent: o } = t, r = n !== o && n.contains(o) ? Tt(n, o).top : 0;
   return {
     top: t[e].scroll.y - r,
     height: n.clientHeight
   };
 }
-const kt = 8, Ft = {
+const Ht = 8, zt = {
   spring: {
     stiffness: 600,
     damping: 40,
     doubleSpring: 1.2
   }
 };
-function Me({
+function ze({
   direction: t
 }) {
-  const e = t === "forward" ? kt : -kt;
+  const e = t === "forward" ? Ht : -Ht;
   return {
     out: {
       willChange: "transform, opacity",
@@ -95,25 +95,25 @@ function Me({
     }
   };
 }
-function De() {
+function Ne() {
   return {
-    outPhysics: Ft,
-    inPhysics: Ft,
+    outPhysics: zt,
+    inPhysics: zt,
     // 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: Me
+    build: ze
   };
 }
-const Tt = 30, Ye = {
+const Nt = 30, We = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, Le = {
+}, Ve = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function He({
+function Xe({
   direction: t
 }) {
-  const e = t === "forward" ? 1 : -1, n = -Tt * e, o = Tt * e;
+  const e = t === "forward" ? 1 : -1, n = -Nt * e, o = Nt * e;
   return {
     out: {
       willChange: "transform, opacity",
@@ -136,29 +136,29 @@ function He({
     }
   };
 }
-function Ne() {
+function Be() {
   return {
-    outPhysics: Ye,
-    inPhysics: Le,
+    outPhysics: We,
+    inPhysics: Ve,
     // 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: He
+    build: Xe
   };
 }
-const ze = {
-  snappy: De(),
-  fluid: Ne()
-}, Mt = 8, We = {
+const Ue = {
+  snappy: Ne(),
+  fluid: Be()
+}, Wt = 8, je = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, Ve = {
+}, Ze = {
   spring: { stiffness: 180, damping: 34, restDelta: 0.1, restSpeed: 0.1 }
 };
-function Xe({
+function Ge({
   direction: t
 }) {
-  const e = t === "forward" ? 1 : -1, n = -Mt * e, o = Mt * e;
+  const e = t === "forward" ? 1 : -1, n = -Wt * e, o = Wt * e;
   return {
     out: {
       willChange: "transform, opacity",
@@ -181,17 +181,17 @@ function Xe({
     }
   };
 }
-function Be() {
+function qe() {
   return {
-    outPhysics: We,
-    inPhysics: Ve,
+    outPhysics: je,
+    inPhysics: Ze,
     composition: { mode: "sequence" },
-    build: Xe
+    build: Ge
   };
 }
-const Ue = 40, Ze = {
+const Ke = 40, Je = {
   inertia: { acceleration: 150, resistance: 1.5, restDelta: 0.1 }
-}, je = {
+}, Qe = {
   spring: {
     stiffness: 400,
     damping: 30,
@@ -200,8 +200,8 @@ const Ue = 40, Ze = {
     restSpeed: 0.1
   }
 };
-function Ge(t) {
-  const e = Ue;
+function tn(t) {
+  const e = Ke;
   return {
     out: {
       willChange: "opacity",
@@ -223,32 +223,32 @@ function Ge(t) {
     }
   };
 }
-function qe() {
+function en() {
   return {
-    outPhysics: Ze,
-    inPhysics: je,
+    outPhysics: Je,
+    inPhysics: Qe,
     composition: { mode: "parallel", startAt: [0, 0] },
-    build: Ge
+    build: tn
   };
 }
-const Dt = Be(), Ke = {
-  snappy: Dt,
-  directional: Dt,
-  "non-directional": qe()
-}, Yt = {
+const Vt = qe(), nn = {
+  snappy: Vt,
+  directional: Vt,
+  "non-directional": en()
+}, Xt = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, rt = 0.1, it = 1 / 3, Lt = (t) => Math.max(0, Math.min(1, t));
-function Je({
+}, ut = 0.1, ft = 1 / 3, Bt = (t) => Math.max(0, Math.min(1, t));
+function on({
   direction: t
 }) {
-  const e = t === "forward" ? 1 : -1, n = 1 - e * rt;
+  const e = t === "forward" ? 1 : -1, n = 1 - e * ut;
   return {
     out: {
       willChange: "transform, opacity",
       startStyle: {},
       animate: (o) => ({
-        transform: `scale(${1 + e * o * rt})`,
-        opacity: `${Lt(1 - o / it)}`
+        transform: `scale(${1 + e * o * ut})`,
+        opacity: `${Bt(1 - o / ft)}`
       })
     },
     in: {
@@ -258,135 +258,135 @@ function Je({
         opacity: "0"
       },
       animate: (o) => ({
-        transform: `scale(${n + e * o * rt})`,
-        opacity: `${Lt((o - it) / (1 - it))}`
+        transform: `scale(${n + e * o * ut})`,
+        opacity: `${Bt((o - ft) / (1 - ft))}`
       })
     }
   };
 }
-function Qe() {
+function rn() {
   return {
-    outPhysics: Yt,
-    inPhysics: Yt,
+    outPhysics: Xt,
+    inPhysics: Xt,
     // 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: Je
+    build: on
   };
 }
-const Ht = {
+const Ut = {
   spring: { stiffness: 280, damping: 30, restDelta: 0.1, restSpeed: 0.1 }
-}, st = 0.1, at = 1 / 3, Nt = (t) => Math.max(0, Math.min(1, t));
-function tn() {
+}, ht = 0.1, yt = 1 / 3, jt = (t) => Math.max(0, Math.min(1, t));
+function sn() {
   return {
     out: {
       willChange: "opacity",
       startStyle: {},
       animate: (t) => ({
-        opacity: `${Nt(1 - t / at)}`
+        opacity: `${jt(1 - t / yt)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
-        transform: `scale(${1 - st})`,
+        transform: `scale(${1 - ht})`,
         opacity: "0"
       },
       animate: (t) => ({
-        transform: `scale(${1 - st + t * st})`,
-        opacity: `${Nt((t - at) / (1 - at))}`
+        transform: `scale(${1 - ht + t * ht})`,
+        opacity: `${jt((t - yt) / (1 - yt))}`
       })
     }
   };
 }
-function en() {
+function an() {
   return {
-    outPhysics: Ht,
-    inPhysics: Ht,
+    outPhysics: Ut,
+    inPhysics: Ut,
     composition: { mode: "parallel" },
-    build: tn
+    build: sn
   };
 }
-const zt = Qe(), nn = {
-  snappy: zt,
-  directional: zt,
-  "non-directional": en()
-}, on = {
-  x: ze,
-  y: Ke,
-  z: nn
+const Zt = rn(), cn = {
+  snappy: Zt,
+  directional: Zt,
+  "non-directional": an()
+}, ln = {
+  x: Ue,
+  y: nn,
+  z: cn
 };
-function rn(t, e) {
-  const n = on[t];
+function dn(t, e) {
+  const n = ln[t];
   return n[e] ?? n.snappy;
 }
-const sn = "x", an = "snappy";
-function Wt(t, e) {
+const pn = "x", un = "snappy";
+function Gt(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 re(t) {
+function de(t) {
   t.style.willChange = "auto", t.style.backfaceVisibility = "", t.style.contain = "", t.style.transform = "", t.style.opacity = "", t.style.clipPath = "";
 }
-function cn(t) {
-  re(t), t.style.pointerEvents = "";
+function fn(t) {
+  de(t), t.style.pointerEvents = "";
 }
-const ln = (t = {}) => {
-  const e = t.type ?? sn, n = t.feel ?? an, o = rn(e, n), r = (i) => {
+const hn = (t = {}) => {
+  const e = t.type ?? pn, n = t.feel ?? un, o = dn(e, n), r = (i) => {
     const c = o.build({ direction: i });
     return {
       prepare: ({ from: s, to: l }) => (s.then((a) => {
-        Wt(a, c.out), a.style.pointerEvents = "none";
+        Gt(a, c.out), a.style.pointerEvents = "none";
       }), l.then((a) => {
-        Wt(a, c.in);
+        Gt(a, c.in);
       }), {}),
       animation: ({ from: s, to: l, context: a }) => {
         if (e === "z") {
-          const f = H(a, "from"), u = H(a, "to");
-          s.style.clipPath = `inset(${f.top}px 0 calc(100% - ${f.top + f.height}px) 0)`, l.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`;
+          const y = W(a, "from"), u = W(a, "to");
+          s.style.clipPath = `inset(${y.top}px 0 calc(100% - ${y.top + y.height}px) 0)`, l.style.clipPath = `inset(${u.top}px 0 calc(100% - ${u.top + u.height}px) 0)`;
         }
-        const d = new w({
+        const d = new S({
           element: s,
           integrator: C.from(o.outPhysics),
-          style: (f) => c.out.animate(f),
+          style: (y) => c.out.animate(y),
           // 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: () => cn(s)
-        }), p = new w({
+          onComplete: () => fn(s)
+        }), p = new S({
           element: l,
           integrator: C.from(o.inPhysics),
-          style: (f) => c.in.animate(f),
-          onComplete: () => re(l)
+          style: (y) => c.in.animate(y),
+          onComplete: () => de(l)
         });
-        return new A(
+        return new R(
           { out: d, in: p },
           o.composition
         );
       }
     };
   };
-  return _({
+  return k({
     forward: r("forward"),
     backward: r("backward")
   });
 };
-function dn(t, e, n) {
+function yn(t, e, n) {
   return t === "y" ? e === "non-directional" ? "non-directional" : "directional" : t !== "x" || e === "snappy" || n === "snappy" ? "snappy" : "fluid";
 }
-function Mr(t = {}, e = {}) {
-  const n = t.type ?? "x", o = t.variant, r = t.feel, i = dn(n, o, r);
-  return O(
-    ln({ type: n, feel: i }),
+function Wr(t = {}, e = {}) {
+  const n = t.type ?? "x", o = t.variant, r = t.feel, i = yn(n, o, r);
+  return F(
+    hn({ type: n, feel: i }),
     e.override
   );
 }
-const pn = {
+const mn = {
   spring: { stiffness: 200, damping: 22 }
-}, un = 10, fn = "horizontal", hn = "#000000";
-function Vt(t, e, n, o, r, i) {
+}, gn = 10, bn = "horizontal", wn = "#000000";
+function qt(t, e, n, o, r, i) {
   window.getComputedStyle(t).position === "static" && (t.style.position = "relative");
   const s = document.createElement("div");
   s.style.cssText = `
@@ -433,12 +433,12 @@ function Vt(t, e, n, o, r, i) {
   }
   return t.appendChild(s), { container: s, blinds: l };
 }
-const yn = (t = {}) => {
-  const e = t.blindCount ?? un, n = t.direction ?? fn, o = t.blindColor ?? hn, r = t.physics ?? pn, i = {
+const xn = (t = {}) => {
+  const e = t.blindCount ?? gn, n = t.direction ?? bn, o = t.blindColor ?? wn, r = t.physics ?? mn, i = {
     prepare: async ({ from: c, to: s }) => {
       const l = await c, a = await s;
       l.style.zIndex = "1000";
-      const d = Vt(
+      const d = qt(
         l,
         e,
         n,
@@ -447,7 +447,7 @@ const yn = (t = {}) => {
         "left"
       );
       a.style.position = "relative", a.style.zIndex = "0";
-      const p = Vt(
+      const p = qt(
         a,
         e,
         n,
@@ -471,63 +471,63 @@ const yn = (t = {}) => {
       toContainer: d
     }) => {
       const p = s.map(
-        (h) => new w({
+        (h) => new S({
           element: h,
           integrator: C.from(r),
-          style: (y) => ({
-            transform: n === "horizontal" ? `scaleX(${y})` : `scaleY(${y})`
+          style: (m) => ({
+            transform: n === "horizontal" ? `scaleX(${m})` : `scaleY(${m})`
           })
         })
-      ), f = a.map(
-        (h, y) => new w({
+      ), y = a.map(
+        (h, m) => new S({
           element: h,
           integrator: C.from(r),
           style: (b, g) => ({
             transform: n === "horizontal" ? `scaleX(${g})` : `scaleY(${g})`
           }),
-          onComplete: y === a.length - 1 ? () => {
+          onComplete: m === a.length - 1 ? () => {
             d.remove(), l.remove(), c.style.zIndex = "", c.style.position = "";
           } : void 0
         })
-      ), u = new A(p, { mode: "parallel" }), m = new A(f, { mode: "parallel" });
-      return new A(
-        { out: u, in: m },
+      ), u = new R(p, { mode: "parallel" }), f = new R(y, { mode: "parallel" });
+      return new R(
+        { out: u, in: f },
         { mode: "sequence" }
       );
     }
   };
-  return _({ forward: i, backward: i });
+  return k({ forward: i, backward: i });
 };
-function Dr(t = {}, e = {}) {
+function Vr(t = {}, e = {}) {
   const { type: n = "horizontal" } = t;
-  return O(yn({ direction: n }), e.override);
+  return F(xn({ direction: n }), e.override);
 }
-function j(t, e = {}) {
+function q(t, e = {}) {
   const n = Object.fromEntries(
     Object.entries(t).map(([o, r]) => {
       const i = r;
       return [
         o,
-        Array.isArray(i) ? i.length === 1 ? i[0] : new A(i) : i
+        Array.isArray(i) ? i.length === 1 ? i[0] : new R(i) : i
       ];
     })
   );
-  return new A(n, e);
+  return new R(n, e);
 }
-function G(t) {
+function K(t) {
   const e = t.onComplete;
   t.onComplete = () => {
     e == null || e(), t.releaseFill();
   };
 }
-const mn = {
+const Sn = {
   spring: {
     stiffness: 250,
     damping: 23,
     doubleSpring: 0.7
   }
-}, B = 0.5;
-function gn(t) {
+}, j = 0.5;
+function Cn(t) {
   const e = t === "enter" ? -100 : 100, n = t === "enter" ? 100 : -100;
   return {
     out: {
@@ -535,29 +535,29 @@ function gn(t) {
       startStyle: {},
       animate: (o) => ({
         transform: `translate3d(${e * o}%, 0, 0)`,
-        opacity: `${B + (1 - B) * (1 - o)}`
+        opacity: `${j + (1 - j) * (1 - o)}`
       })
     },
     in: {
       willChange: "transform, opacity",
       startStyle: {
         transform: `translate3d(${n}%, 0, 0)`,
-        opacity: `${B}`
+        opacity: `${j}`
       },
       animate: (o) => ({
         transform: `translate3d(${n * (1 - o)}%, 0, 0)`,
-        opacity: `${B + (1 - B) * o}`
+        opacity: `${j + (1 - j) * o}`
       })
     }
   };
 }
-function bn() {
+function En() {
   return {
-    physics: mn,
-    build: gn
+    physics: Sn,
+    build: Cn
   };
 }
-const wn = {
+const $n = {
   spring: {
     stiffness: 230,
     damping: 25,
@@ -567,7 +567,7 @@ const wn = {
     }
   }
 };
-function Sn(t) {
+function An(t) {
   const e = t === "enter" ? -20 : 100, n = t === "enter" ? 100 : -20;
   return {
     out: {
@@ -588,32 +588,32 @@ function Sn(t) {
     }
   };
 }
-function xn() {
+function Pn() {
   return {
-    physics: wn,
-    build: Sn
+    physics: $n,
+    build: An
   };
 }
-const Cn = {
-  parallax: xn(),
-  crossfade: bn()
-}, M = "0", ie = "1", T = "2", En = "parallax";
-function Xt(t, e) {
+const vn = {
+  parallax: Pn(),
+  crossfade: En()
+}, L = "0", pe = "1", D = "2", Rn = "parallax";
+function Kt(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 $n = (t = {}) => {
-  const e = Cn[t.type ?? En], n = e.physics, o = (r) => {
-    const i = r === "forward" ? "enter" : "exit", c = e.build(i), s = i === "enter" ? M : T, l = i === "enter" ? T : M;
+const In = (t = {}) => {
+  const e = vn[t.type ?? Rn], n = e.physics, o = (r) => {
+    const i = r === "forward" ? "enter" : "exit", c = e.build(i), s = i === "enter" ? L : D, l = i === "enter" ? D : L;
     return {
       prepare: ({ from: a, to: d }) => (a.then((p) => {
-        Xt(p, c.out), p.style.pointerEvents = "none", p.style.zIndex = s;
+        Kt(p, c.out), p.style.pointerEvents = "none", p.style.zIndex = s;
       }), d.then((p) => {
-        Xt(p, c.in), p.style.position = "relative", p.style.zIndex = l;
+        Kt(p, c.in), p.style.position = "relative", p.style.zIndex = l;
       }), {}),
       animation: ({ from: a, to: d }) => {
-        const p = new w({
+        const p = new S({
           element: a,
           integrator: C.from(n),
           style: (u) => c.out.animate(u),
@@ -623,7 +623,7 @@ const $n = (t = {}) => {
           onComplete: () => {
             a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.opacity = "", a.style.pointerEvents = "", a.style.zIndex = "";
           }
-        }), f = new w({
+        }), y = new S({
           element: d,
           integrator: C.from(n),
           style: (u) => c.in.animate(u),
@@ -631,76 +631,76 @@ const $n = (t = {}) => {
             d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.contain = "", d.style.transform = "", d.style.opacity = "", d.style.position === "relative" && (d.style.position = ""), d.style.zIndex === l && (d.style.zIndex = "");
           }
         });
-        return [p, f].forEach(G), new A(
-          { out: p, in: f },
+        return [p, y].forEach(K), new R(
+          { out: p, in: y },
           { mode: "parallel" }
         );
       }
     };
   };
-  return _({
+  return k({
     forward: o("forward"),
     backward: o("backward")
   });
 };
-function Pn(t) {
+function On(t) {
   return t === "slide" || t === "crossfade" ? "crossfade" : "parallax";
 }
-function Yr(t = {}, e = {}) {
-  const n = t.type, o = Pn(n);
-  return O($n({ type: o }), e.override);
+function Xr(t = {}, e = {}) {
+  const n = t.type, o = On(n);
+  return F(In({ type: o }), e.override);
 }
-const An = (t = {}) => {
-  const e = t.physics ?? Oe, n = t.physics ?? ke, o = {
+const _n = (t = {}) => {
+  const e = t.physics ?? De, n = t.physics ?? Ye, o = {
     prepare: ({ to: r }) => (r.then((i) => {
       i.style.opacity = "0", i.style.willChange = "opacity";
     }), {}),
     animation: ({ from: r, to: i }) => {
-      const c = new w({
+      const c = new S({
         element: r,
         integrator: C.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: ot("fade", "out", "forward", l).opacity
+          opacity: nt("fade", "out", "forward", l).opacity
         }),
         onComplete: () => {
           r.style.willChange = "auto", r.style.opacity = "";
         }
-      }), s = new w({
+      }), s = new S({
         element: i,
         integrator: C.from(e),
         style: (l) => ({
-          opacity: ot("fade", "in", "forward", l).opacity
+          opacity: nt("fade", "in", "forward", l).opacity
         }),
         onComplete: () => {
           i.style.willChange = "auto", i.style.opacity = "";
         }
       });
-      return new A(
+      return new R(
         { out: c, in: s },
         { mode: "sequence" }
       );
     }
   };
-  return _({ forward: o, backward: o });
+  return k({ forward: o, backward: o });
 };
-function Lr(t = {}, e = {}) {
-  return O(An(), e.override);
+function Br(t = {}, e = {}) {
+  return F(_n(), e.override);
 }
-const ct = {
+const mt = {
   scaleDown: { stiffness: 20, damping: 7 },
   translate: { stiffness: 15, damping: 7 },
   scaleUp: { stiffness: 20, damping: 7 }
-}, W = {
+}, V = {
   scaleDown: 0,
   translate: 0.2,
   scaleUp: 0.8
-}, vn = 0.8, Rn = "white", Bt = 1e3 / 60, In = 600;
-function _n(t) {
-  const { items: e, from: n, to: o, recordFrame: r } = t, i = Bt / 1e3, c = Math.abs(o - n), s = e.map((a) => ({
+}, kn = 0.8, Fn = "white", Jt = 1e3 / 60, Tn = 600;
+function Mn(t) {
+  const { items: e, from: n, to: o, recordFrame: r } = t, i = Jt / 1e3, c = Math.abs(o - n), s = e.map((a) => ({
     item: a,
-    integrator: new bt({
+    integrator: new Pt({
       stiffness: a.spring.stiffness,
       damping: a.spring.damping
     }),
@@ -713,89 +713,89 @@ function _n(t) {
     (a === 0 || s[a].item.offset === 0) && (s[a].started = !0);
   r(0);
   let l = 0;
-  for (let a = 1; a <= In; a++) {
-    const d = a * Bt;
+  for (let a = 1; a <= Tn; a++) {
+    const d = a * Jt;
     l = d;
     for (const p of s)
-      !p.started || p.settled || (p.state = p.integrator.step(p.state, o, i), p.integrator.isSettled(p.state, o) ? (p.settleTime += i, p.settleTime >= Re && (p.state = { position: o, velocity: 0 }, p.settled = !0)) : p.settleTime = 0, p.item.tick(p.state.position));
+      !p.started || p.settled || (p.state = p.integrator.step(p.state, o, i), p.integrator.isSettled(p.state, o) ? (p.settleTime += i, p.settleTime >= Fe && (p.state = { position: o, velocity: 0 }, p.settled = !0)) : p.settleTime = 0, p.item.tick(p.state.position));
     for (let p = 1; p < s.length; p++) {
-      const f = s[p];
-      if (f.started) continue;
+      const y = s[p];
+      if (y.started) continue;
       const u = s[p - 1];
       if (!u.started) continue;
-      (c === 0 ? 1 : Math.abs(u.state.position - n) / c) >= f.item.offset && (f.started = !0);
+      (c === 0 ? 1 : Math.abs(u.state.position - n) / c) >= y.item.offset && (y.started = !0);
     }
     if (r(d), s.every((p) => p.settled)) return d;
   }
   return l;
 }
-function lt(t, e) {
+function gt(t, e) {
   return t != null && t.spring ? {
     stiffness: t.spring.stiffness,
     damping: t.spring.damping
   } : e;
 }
-function Ut(t) {
-  const { rect: e, scale: n, direction: o, override: r } = t, i = o === "out" ? { scale: 1, translateY: -e.top } : { scale: n, translateY: -e.top + e.height }, c = lt(r, ct.scaleDown), s = lt(r, ct.translate), l = lt(r, ct.scaleUp), a = o === "out" ? 1 : 0, d = o === "out" ? 0 : 1, p = o === "out" ? [
+function Qt(t) {
+  const { rect: e, scale: n, direction: o, override: r } = t, i = o === "out" ? { scale: 1, translateY: -e.top } : { scale: n, translateY: -e.top + e.height }, c = gt(r, mt.scaleDown), s = gt(r, mt.translate), l = gt(r, mt.scaleUp), a = o === "out" ? 1 : 0, d = o === "out" ? 0 : 1, p = o === "out" ? [
     {
       spring: c,
-      offset: W.scaleDown,
-      tick: (m) => {
-        const h = 1 - m;
+      offset: V.scaleDown,
+      tick: (f) => {
+        const h = 1 - f;
         i.scale = 1 - (1 - n) * h;
       }
     },
     {
       spring: s,
-      offset: W.translate,
-      tick: (m) => {
-        const h = 1 - m;
+      offset: V.translate,
+      tick: (f) => {
+        const h = 1 - f;
         i.translateY = -e.top - e.height * h;
       }
     },
     {
       spring: l,
-      offset: W.scaleUp,
-      tick: (m) => {
-        const h = 1 - m;
+      offset: V.scaleUp,
+      tick: (f) => {
+        const h = 1 - f;
         i.scale = n + (1 - n) * h;
       }
     }
   ] : [
     {
       spring: c,
-      offset: W.scaleDown,
-      tick: (m) => {
-        i.scale = 1 - (1 - n) * m;
+      offset: V.scaleDown,
+      tick: (f) => {
+        i.scale = 1 - (1 - n) * f;
       }
     },
     {
       spring: s,
-      offset: W.translate,
-      tick: (m) => {
-        i.translateY = -e.top + e.height * (1 - m);
+      offset: V.translate,
+      tick: (f) => {
+        i.translateY = -e.top + e.height * (1 - f);
       }
     },
     {
       spring: l,
-      offset: W.scaleUp,
-      tick: (m) => {
-        i.scale = n + (1 - n) * m;
+      offset: V.scaleUp,
+      tick: (f) => {
+        i.scale = n + (1 - n) * f;
       }
     }
-  ], f = [], u = _n({
+  ], y = [], u = Mn({
     items: p,
     from: a,
     to: d,
-    recordFrame: (m) => f.push({
-      time: m,
+    recordFrame: (f) => y.push({
+      time: f,
       scale: i.scale,
       translateY: i.translateY
     })
   });
-  return { snapshots: f, totalDuration: u };
+  return { snapshots: y, totalDuration: u };
 }
-function On(t, e) {
+function Dn(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];
@@ -808,13 +808,13 @@ function On(t, e) {
     translateY: i.translateY + (c.translateY - i.translateY) * s
   };
 }
-const kn = [
+const Yn = [
   [1, 1],
   [-1, 1],
   [1, -1],
   [-1, -1]
 ];
-function Fn(t, e) {
+function Ln(t, e) {
   const r = (i, c, s) => {
     const l = document.createElement("div");
     Object.assign(l.style, {
@@ -879,11 +879,11 @@ function Fn(t, e) {
     )
   };
 }
-function Zt(t, e) {
+function te(t, e) {
   const n = e.left + e.width / 2, o = e.top + e.height / 2;
   t.style.transformOrigin = `${n}px ${o}px`;
 }
-function jt(t, e) {
+function ee(t, e) {
   t.style.clipPath = `polygon(
     ${e.left}px ${e.top}px,
     ${e.left + e.width}px ${e.top}px,
@@ -891,22 +891,22 @@ function jt(t, e) {
     ${e.left}px ${e.top + e.height}px
   )`;
 }
-function dt(t, e, n, o, r) {
+function bt(t, e, n, o, r) {
   const i = n / 1e3;
-  return new w({
+  return new S({
     element: t,
-    integrator: new Te({ durationSec: i }),
+    integrator: new He({ durationSec: i }),
     lowerBound: 0,
     upperBound: 1,
-    style: (c) => o(On(e, c)),
+    style: (c) => o(Dn(e, c)),
     onComplete: r
   });
 }
-const Tn = (t = {}) => {
+const Hn = (t = {}) => {
   var i;
-  const e = ((i = t.border) == null ? void 0 : i.color) ?? Rn, n = vn, o = t.physics, r = {
+  const e = ((i = t.border) == null ? void 0 : i.color) ?? Fn, n = kn, o = t.physics, r = {
     prepare: ({ from: c, to: s, context: l }) => {
-      const a = H(l, "from"), d = H(l, "to"), p = Rt(document.body, l.positionedParent), f = Fn(e, {
+      const a = W(l, "from"), d = W(l, "to"), p = Tt(document.body, l.positionedParent), y = Ln(e, {
         ...a,
         top: p.top
       });
@@ -916,82 +916,82 @@ const Tn = (t = {}) => {
         "bottomLeft",
         "bottomRight"
       ])
-        l.positionedParent.appendChild(f[u]);
+        l.positionedParent.appendChild(y[u]);
       return c.then((u) => {
-        Zt(u, a), jt(u, a), u.style.transform = `translateY(${-a.top}px)`;
+        te(u, a), ee(u, a), u.style.transform = `translateY(${-a.top}px)`;
       }), s.then((u) => {
-        Zt(u, d), jt(u, d), u.style.transform = `translateY(${-d.top + d.height}px) scale(${n})`;
-      }), { borders: f, fromRect: a, toRect: d };
+        te(u, d), ee(u, d), u.style.transform = `translateY(${-d.top + d.height}px) scale(${n})`;
+      }), { borders: y, fromRect: a, toRect: d };
     },
     animation: ({ from: c, to: s, context: l, borders: a, fromRect: d, toRect: p }) => {
-      const f = Ut({
+      const y = Qt({
         rect: d,
         scale: n,
         direction: "out",
         override: o
-      }), u = Ut({
+      }), u = Qt({
         rect: p,
         scale: n,
         direction: "in",
         override: o
-      }), m = dt(
+      }), f = bt(
         c,
-        f.snapshots,
-        f.totalDuration,
-        (S) => ({
-          transform: `translateY(${S.translateY}px) scale(${S.scale})`
+        y.snapshots,
+        y.totalDuration,
+        (x) => ({
+          transform: `translateY(${x.translateY}px) scale(${x.scale})`
         }),
         () => {
           c.style.clipPath = "", c.style.transformOrigin = "", c.style.transform = "";
         }
-      ), h = dt(
+      ), h = bt(
         s,
         u.snapshots,
         u.totalDuration,
-        (S) => ({
-          transform: `translateY(${S.translateY}px) scale(${S.scale})`
+        (x) => ({
+          transform: `translateY(${x.translateY}px) scale(${x.scale})`
         }),
         () => {
           s.style.clipPath = "", s.style.transformOrigin = "", s.style.transform = "";
         }
-      ), y = kn.map(([S, $], P) => {
-        const R = ["topLeft", "topRight", "bottomLeft", "bottomRight"][P];
-        return dt(
-          a[R],
-          f.snapshots,
-          f.totalDuration,
-          (x) => {
-            const E = (d.width - d.width * x.scale) / 2 * 0.7 * S, k = (d.height - d.height * x.scale) / 2 * 0.7 * $;
-            return { transform: `translate(${E}px, ${k}px)` };
+      ), m = Yn.map(([x, A], $) => {
+        const P = ["topLeft", "topRight", "bottomLeft", "bottomRight"][$];
+        return bt(
+          a[P],
+          y.snapshots,
+          y.totalDuration,
+          (w) => {
+            const E = (d.width - d.width * w.scale) / 2 * 0.7 * x, O = (d.height - d.height * w.scale) / 2 * 0.7 * A;
+            return { transform: `translate(${E}px, ${O}px)` };
           }
         );
-      }), b = j({
-        out: m,
+      }), b = q({
+        out: f,
         in: h,
-        borders: y
+        borders: m
       }), g = b.onComplete;
       return b.onComplete = () => {
         g == null || g();
-        const S = l.positionedParent;
-        for (const $ of [
+        const x = l.positionedParent;
+        for (const A of [
           "topLeft",
           "topRight",
           "bottomLeft",
           "bottomRight"
         ]) {
-          const P = a[$];
-          P.parentElement === S && S.removeChild(P);
+          const $ = a[A];
+          $.parentElement === x && x.removeChild($);
         }
       }, b;
     }
   };
-  return _({ forward: r, backward: r });
+  return k({ forward: r, backward: r });
 };
-function Hr(t = {}, e = {}) {
+function Ur(t = {}, e = {}) {
   const { options: n } = t, o = (n == null ? void 0 : n.borderColor) !== void 0 ? { border: { color: n.borderColor } } : void 0;
-  return O(Tn(o), e.override);
+  return F(Hn(o), e.override);
 }
-function Mn(t) {
+function zn(t) {
   if (!t) return null;
   if (t.includes("/")) {
     const n = t.split("/");
@@ -1002,33 +1002,34 @@ function Mn(t) {
   const e = Number.parseFloat(t);
   return Number.isFinite(e) && e > 0 ? e : null;
 }
-function Dn(t) {
+function Nn(t) {
   return t === "contain" || t === "cover" ? t : null;
 }
-function St(t) {
+function Rt(t) {
   return t.tagName === "IMG";
 }
-function se(t) {
-  if (St(t)) return t;
+function ue(t) {
+  var n;
+  if (Rt(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;
-    St(o) && e.push(o);
+  for (const o of Array.from(t.children)) {
+    const r = o;
+    ((n = r.getAttribute) == null ? void 0 : n.call(r, "data-ssgoi-crossfade")) == null && Rt(r) && e.push(r);
   }
   return e.length === 1 ? e[0] ?? null : null;
 }
-function Yn(t) {
+function Wn(t) {
   var l, a;
-  if (!St(t)) return null;
+  if (!Rt(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 r = ((l = t.getAttribute("width")) == null ? void 0 : l.trim()) ?? "", i = ((a = t.getAttribute("height")) == null ? void 0 : a.trim()) ?? "", c = r === "" ? Number.NaN : Number(r), s = i === "" ? Number.NaN : Number(i);
   return Number.isFinite(c) && Number.isFinite(s) && c > 0 && s > 0 ? c / s : null;
 }
-function Ln(t) {
+function Vn(t) {
   const e = t.trim().toLowerCase().replace(/\s+/g, " ");
   return e === "" || e === "center" || e === "center center" || e === "50% 50%";
 }
@@ -1040,27 +1041,27 @@ function J(t) {
     }
   return t.style;
 }
-function Hn(t) {
-  const e = J(t), n = Ln(e.objectPosition ?? "");
+function Xn(t) {
+  const e = J(t), n = Vn(e.objectPosition ?? "");
   return {
-    fit: n ? Dn(e.objectFit ?? null) : null,
+    fit: n ? Nn(e.objectFit ?? null) : null,
     centered: n
   };
 }
-function It(t) {
+function Mt(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 xt(t) {
+function It(t) {
   const e = J(t), n = [
     e.borderTopLeftRadius,
     e.borderTopRightRadius,
     e.borderBottomRightRadius,
     e.borderBottomLeftRadius
-  ].map(It), o = n[0];
+  ].map(Mt), o = n[0];
   if (o == null)
     return { radius: 0, supported: !1 };
   const r = n.every(
@@ -1068,7 +1069,7 @@ function xt(t) {
   );
   return { radius: r ? o : 0, supported: r };
 }
-function Nn(t, e) {
+function Bn(t, e) {
   var r;
   if (!e) return null;
   const n = (r = t.getAttribute(e)) == null ? void 0 : r.trim();
@@ -1076,7 +1077,7 @@ function Nn(t, e) {
   const o = Number.parseFloat(n);
   return Number.isFinite(o) && o >= 0 ? o : null;
 }
-function zn(t) {
+function Un(t) {
   const e = J(t);
   return [
     e.paddingTop,
@@ -1087,19 +1088,19 @@ function zn(t) {
     e.borderRightWidth,
     e.borderBottomWidth,
     e.borderLeftWidth
-  ].every((o) => o ? It(o) === 0 : !0);
+  ].every((o) => o ? Mt(o) === 0 : !0);
 }
-function Wn(t) {
+function jn(t) {
   const e = J(t), n = (o) => o === "hidden" || o === "clip";
   return n(e.overflowX) && n(e.overflowY);
 }
-function D(t) {
+function z(t) {
   return t.left + t.width / 2;
 }
-function Y(t) {
+function N(t) {
   return t.top + t.height / 2;
 }
-function q(t, e) {
+function U(t, e) {
   return {
     top: Math.max(0, e.top - t.top),
     right: Math.max(0, t.left + t.width - (e.left + e.width)),
@@ -1107,14 +1108,14 @@ function q(t, e) {
     left: Math.max(0, e.left - t.left)
   };
 }
-function Ct(t, e) {
+function Ot(t, e) {
   const n = Math.max(t.left, e.left), o = Math.max(t.top, e.top), r = Math.min(t.left + t.width, e.left + e.width), i = Math.min(t.top + t.height, e.top + e.height);
   return r > n && i > o ? { left: n, top: o, width: r - n, height: i - o } : null;
 }
-function U(t, e) {
+function Z(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 Vn(t, e, n) {
+function Zn(t, e, n) {
   const o = t.width / t.height;
   let r, i;
   return n === "contain" ? o > e ? (i = t.height, r = i * e) : (r = t.width, i = r / e) : o > e ? (r = t.width, i = r / e) : (i = t.height, r = i * e), {
@@ -1124,13 +1125,13 @@ function Vn(t, e, n) {
     height: i
   };
 }
-function ae(t, e, n) {
-  const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? Vn(t, e, n) : t, r = n === "contain" ? o : t;
+function fe(t, e, n) {
+  const o = e !== null && n !== null && t.width > 0 && t.height > 0 ? Zn(t, e, n) : t, r = n === "contain" ? o : t;
   return {
     bbox: t,
     content: o,
     window: r,
-    clipInset: q(o, r),
+    clipInset: U(o, r),
     aspectRatio: e,
     fit: n,
     radius: 0,
@@ -1141,52 +1142,52 @@ function ae(t, e, n) {
     mediaElement: null
   };
 }
-function Et(t, e, n) {
+function _t(t, e, n) {
   return {
-    ...ae(t, null, null),
+    ...fe(t, null, null),
     radius: e,
     radiusSource: n,
     bboxRadius: e,
     bboxRadiusSource: n
   };
 }
-function ce(t, e) {
+function he(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 Gt(t) {
-  return Et(
+function ne(t) {
+  return _t(
     t.bbox,
     t.bboxRadius,
     t.bboxRadiusSource
   );
 }
-function le(t, e) {
-  return ce(t, e) ? [t, e] : [Gt(t), Gt(e)];
+function ye(t, e) {
+  return he(t, e) ? [t, e] : [ne(t), ne(e)];
 }
-function Xn(t, e, n, o) {
-  const r = se(t), i = r ? n(r) : e, c = o.legacyAspectRatioAttribute ? Mn(
+function Gn(t, e, n, o) {
+  const r = ue(t), i = r ? n(r) : e, c = o.legacyAspectRatioAttribute ? zn(
     t.getAttribute(o.legacyAspectRatioAttribute) ?? (r == null ? void 0 : r.getAttribute(o.legacyAspectRatioAttribute)) ?? null
-  ) : null, s = c ?? (r ? Yn(r) : null), l = r ? Hn(r) : { fit: null, centered: !0 }, a = l.centered && (r === null || zn(r)) ? l.fit ?? (c !== null ? o.fallbackFit ?? null : null) : null, d = ae(i, s, a), p = Wn(t), u = r !== null && r !== t && p ? Ct(d.window, e) : d.window, m = Nn(t, o.legacyRadiusAttribute), h = r === t || p, y = h ? xt(t) : { radius: 0, supported: !0 }, b = m ?? y.radius, g = m !== null ? "legacy" : y.supported ? y.radius > 0 ? "computed" : "none" : "unsupported", S = [];
-  u && h && U(u, e) && S.push(y), u && r && U(u, i) && S.push(xt(r));
-  const $ = S.every((E) => E.supported), P = Math.max(
+  ) : null, s = c ?? (r ? Wn(r) : null), l = r ? Xn(r) : { fit: null, centered: !0 }, a = l.centered && (r === null || Un(r)) ? l.fit ?? (c !== null ? o.fallbackFit ?? null : null) : null, d = fe(i, s, a), p = jn(t), u = r !== null && r !== t && p ? Ot(d.window, e) : d.window, f = Bn(t, o.legacyRadiusAttribute), h = r === t || p, m = h ? It(t) : { radius: 0, supported: !0 }, b = f ?? m.radius, g = f !== null ? "legacy" : m.supported ? m.radius > 0 ? "computed" : "none" : "unsupported", x = [];
+  u && h && Z(u, e) && x.push(m), u && r && Z(u, i) && x.push(It(r));
+  const A = x.every((E) => E.supported), $ = Math.max(
     0,
-    ...S.map((E) => E.radius)
-  ), R = m ?? P, x = m !== null ? "legacy" : $ ? P > 0 ? "computed" : "none" : "unsupported";
-  return !u || x === "unsupported" ? Et(e, b, g) : {
+    ...x.map((E) => E.radius)
+  ), P = f ?? $, w = f !== null ? "legacy" : A ? $ > 0 ? "computed" : "none" : "unsupported";
+  return !u || w === "unsupported" ? _t(e, b, g) : {
     ...d,
     bbox: e,
     window: u,
-    clipInset: q(d.content, u),
-    radius: R,
-    radiusSource: x,
+    clipInset: U(d.content, u),
+    radius: P,
+    radiusSource: w,
     bboxRadius: b,
     bboxRadiusSource: g,
     mediaElement: d.contentAware ? r : null
   };
 }
-function $t(t, e, n, o) {
-  const r = Xn(
+function ot(t, e, n, o) {
+  const r = Gn(
     t,
     e,
     n,
@@ -1196,86 +1197,199 @@ function $t(t, e, n, o) {
     return r;
   let i = r.window, c = r.radius, s = [c, c, c, c], l = r.radiusSource, a = t.parentElement;
   for (; a && a !== o.clipRoot; ) {
-    const p = J(a), f = (h) => h === "hidden" || h === "clip" || h === "auto" || h === "scroll", u = f(p.overflowX), m = f(p.overflowY);
-    if (u || m) {
+    const p = J(a), y = (h) => h === "hidden" || h === "clip" || h === "auto" || h === "scroll", u = y(p.overflowX), f = y(p.overflowY);
+    if (u || f) {
       if (![
         p.borderTopWidth,
         p.borderRightWidth,
         p.borderBottomWidth,
         p.borderLeftWidth
-      ].every((x) => It(x) === 0) || a.offsetWidth && a.clientWidth && a.offsetWidth - a.clientWidth > 1 || a.offsetHeight && a.clientHeight && a.offsetHeight - a.clientHeight > 1)
+      ].every((w) => Mt(w) === 0) || a.offsetWidth && a.clientWidth && a.offsetWidth - a.clientWidth > 1 || a.offsetHeight && a.clientHeight && a.offsetHeight - a.clientHeight > 1)
         return r;
-      const y = n(a), b = {
-        left: u ? y.left : i.left,
-        top: m ? y.top : i.top,
-        width: u ? y.width : i.width,
-        height: m ? y.height : i.height
-      }, g = Ct(i, b);
+      const m = n(a), b = {
+        left: u ? m.left : i.left,
+        top: f ? m.top : i.top,
+        width: u ? m.width : i.width,
+        height: f ? m.height : i.height
+      }, g = Ot(i, b);
       if (!g) return r;
-      const S = xt(a);
-      if (!S.supported) return r;
-      if (u && m && U(i, y))
-        l !== "legacy" && (c = Math.max(c, S.radius), s = s.map(
-          (x) => Math.max(x, S.radius)
+      const x = It(a);
+      if (!x.supported) return r;
+      if (u && f && Z(i, m))
+        l !== "legacy" && (c = Math.max(c, x.radius), s = s.map(
+          (w) => Math.max(w, x.radius)
         ), c > 0 && (l = "computed"));
-      else if (S.radius > 0) {
-        const x = {
-          left: y.left + S.radius,
-          top: y.top + S.radius,
-          width: y.width - 2 * S.radius,
-          height: y.height - 2 * S.radius
+      else if (x.radius > 0) {
+        const w = {
+          left: m.left + x.radius,
+          top: m.top + x.radius,
+          width: m.width - 2 * x.radius,
+          height: m.height - 2 * x.radius
         };
-        if (!U(Ct(i, x) ?? y, i))
+        if (!Z(Ot(i, w) ?? m, i))
           return r;
       }
-      const $ = q(i, g), P = [
-        [$.top, $.left],
-        [$.top, $.right],
-        [$.bottom, $.right],
-        [$.bottom, $.left]
+      const A = U(i, g), $ = [
+        [A.top, A.left],
+        [A.top, A.right],
+        [A.bottom, A.right],
+        [A.bottom, A.left]
       ];
-      for (let x = 0; x < 4; x++) {
-        const E = Math.max(...P[x]), k = s[x];
-        if (E > 0.01 && E < k) return r;
-        E > 0.01 && (s[x] = 0);
+      for (let w = 0; w < 4; w++) {
+        const E = Math.max(...$[w]), O = s[w];
+        if (E > 0.01 && E < O) return r;
+        E > 0.01 && (s[w] = 0);
       }
-      const R = Math.max(...s);
-      if (g.width < R || g.height < R)
+      const P = Math.max(...s);
+      if (g.width < P || g.height < P)
         return r;
       i = g;
     }
     a = a.parentElement;
   }
-  const d = U(r.bbox, i);
+  const d = Z(r.bbox, i);
   return {
     ...r,
     window: i,
-    clipInset: q(r.content, i),
+    clipInset: U(r.content, i),
     radius: c,
     radiusSource: l,
     ...s.some((p) => p !== c) ? { cornerRadii: s } : {},
     ...d ? { bboxRadius: c, bboxRadiusSource: l } : {}
   };
 }
-function de(t, e, n, o, r) {
+function me(t, e, n, o, r) {
   const i = n.width / o, c = n.height / r;
   return {
-    left: D(t) + (D(n) - D(e)) / o - i / 2,
-    top: Y(t) + (Y(n) - Y(e)) / r - c / 2,
+    left: z(t) + (z(n) - z(e)) / o - i / 2,
+    top: N(t) + (N(n) - N(e)) / r - c / 2,
     width: i,
     height: c
   };
 }
-const Bn = {
+const qn = {
   enter: "contain",
   exit: "cover",
   legacy: "contain"
 };
-function V(t) {
-  return Bn[t];
+function X(t) {
+  return qn[t];
+}
+const rt = "data-ssgoi-crossfade", B = (t) => Math.min(1, Math.max(0, t)), wt = /* @__PURE__ */ new WeakMap();
+function it(t) {
+  const e = wt.get(t) ?? {
+    value: t.style.getPropertyValue("opacity"),
+    priority: t.style.getPropertyPriority("opacity"),
+    opacity: Number.parseFloat(getComputedStyle(t).opacity),
+    users: /* @__PURE__ */ new Set()
+  }, n = {};
+  e.users.add(n), wt.set(t, e);
+  let o = !1;
+  return {
+    opacity: Number.isFinite(e.opacity) ? e.opacity : 1,
+    set: (r) => {
+      n.value = r, t.style.opacity = String(r);
+    },
+    restore: () => {
+      if (!o) {
+        if (o = !0, e.users.delete(n), e.users.size > 0) {
+          const r = Array.from(e.users), i = r[r.length - 1];
+          (i == null ? void 0 : i.value) !== void 0 && (t.style.opacity = String(i.value));
+          return;
+        }
+        e.value ? t.style.setProperty("opacity", e.value, e.priority) : t.style.removeProperty("opacity"), wt.delete(t);
+      }
+    }
+  };
 }
-const Pt = "data-hero-enter-key", At = "data-hero-exit-key", Z = "data-hero-key";
-function K(t, e) {
+function Dt(t) {
+  const e = t.cloneNode(!0), n = (o, r) => {
+    const i = getComputedStyle(o), c = r.style;
+    for (const l of Array.from(i))
+      c.setProperty(l, i.getPropertyValue(l));
+    for (const { name: l } of Array.from(r.attributes))
+      (l === "id" || l.startsWith("data-hero-") || l.startsWith("data-zoom-")) && r.removeAttribute(l);
+    if (o.tagName === "IMG") {
+      const l = o;
+      l.currentSrc && (r.removeAttribute("srcset"), r.removeAttribute("sizes"), r.setAttribute("src", l.currentSrc)), r.setAttribute("loading", "eager");
+    }
+    c.animation = "none", c.transition = "none";
+    const s = Array.from(r.children);
+    Array.from(o.children).forEach((l, a) => {
+      const d = s[a];
+      d && (l.hasAttribute(rt) || l.hasAttribute("data-hero-placeholder") ? d.remove() : n(l, d));
+    });
+  };
+  return n(t, e), e.setAttribute(rt, ""), e.setAttribute("aria-hidden", "true"), e.setAttribute("inert", ""), Object.assign(e.style, {
+    position: "absolute",
+    left: "0",
+    top: "0",
+    right: "auto",
+    bottom: "auto",
+    margin: "0",
+    minWidth: "0",
+    minHeight: "0",
+    maxWidth: "none",
+    maxHeight: "none",
+    boxSizing: "border-box",
+    transform: "none",
+    translate: "none",
+    rotate: "none",
+    scale: "none",
+    transformOrigin: "center center",
+    pointerEvents: "none",
+    willChange: "transform, clip-path, opacity"
+  }), e;
+}
+function kt(t, e) {
+  const n = H(t, e);
+  return {
+    box: {
+      left: n.left + t.scrollLeft,
+      top: n.top + t.scrollTop,
+      width: n.width,
+      height: n.height
+    },
+    scaleX: e.offsetWidth && Math.abs(n.width - e.offsetWidth) > 0.5 ? n.width / e.offsetWidth : 1,
+    scaleY: e.offsetHeight && Math.abs(n.height - e.offsetHeight) > 0.5 ? n.height / e.offsetHeight : 1
+  };
+}
+function Kn(t, e) {
+  const { box: n, scaleX: o, scaleY: r } = e, i = (t.left + t.width / 2 - n.left - n.width / 2) / o, c = (t.top + t.height / 2 - n.top - n.height / 2) / r;
+  return `translate(${i}px, ${c}px) scale(${t.width / n.width}, ${t.height / n.height})`;
+}
+const st = "data-hero-enter-key", at = "data-hero-exit-key", G = "data-hero-key";
+function Jn(t, e) {
+  return t.fromEl.getAttribute(st) === t.key && t.toEl.getAttribute(at) === t.key ? !0 : t.fromEl.getAttribute(at) === t.key && t.toEl.getAttribute(st) === t.key ? !1 : e === "backward" && t.fromEl.getAttribute(G) === t.key && t.toEl.getAttribute(G) === t.key;
+}
+function Qn(t, e, n, o, r) {
+  const i = document.createElement("div");
+  i.setAttribute("data-hero-layer", ""), i.setAttribute("aria-hidden", "true"), i.setAttribute("inert", ""), Object.assign(i.style, {
+    position: "absolute",
+    left: "0",
+    top: "0",
+    width: "100%",
+    height: "100%",
+    pointerEvents: "none",
+    isolation: "isolate",
+    zIndex: String(Number(D) + 1)
+  });
+  const c = (a, d) => {
+    const p = Dt(a);
+    return Object.assign(p.style, {
+      left: `${d.left}px`,
+      top: `${d.top}px`,
+      width: `${d.width}px`,
+      height: `${d.height}px`,
+      zIndex: "auto",
+      // Add the two weighted images inside the isolated layer so opaque
+      // images stay opaque at the midpoint instead of exposing list chrome.
+      mixBlendMode: "plus-lighter"
+    }), r && (p.style.borderRadius = "0"), p;
+  }, s = c(t, n), l = c(e, o);
+  return s.setAttribute("data-hero-layer-source", ""), l.setAttribute("data-hero-layer-destination", ""), i.append(l, s), { layer: i, source: s, destination: l };
+}
+function ct(t, e) {
   const n = e.map((o) => ({
     name: o,
     value: t.style.getPropertyValue(o),
@@ -1286,39 +1400,22 @@ function K(t, e) {
       r ? t.style.setProperty(o, r, i) : t.style.removeProperty(o);
   };
 }
-const nt = /* @__PURE__ */ new WeakMap();
-function Un(t) {
-  var e;
-  return ((e = nt.get(t)) == null ? void 0 : e.opacity) ?? getComputedStyle(t).opacity;
-}
-function pt(t) {
-  const e = nt.get(t) ?? {
-    users: 0,
-    opacity: getComputedStyle(t).opacity,
-    restore: K(t, ["opacity"])
-  };
-  e.users++, nt.set(t, e), t.style.opacity = "0";
-  let n = !1;
-  return () => {
-    n || (n = !0, !(--e.users > 0) && (e.restore(), nt.delete(t)));
-  };
-}
-function Zn(t) {
+function to(t) {
   const e = t.getAttribute("data-hero-transitioning");
   return t.setAttribute("data-hero-transitioning", ""), () => {
     e === null ? t.removeAttribute("data-hero-transitioning") : t.setAttribute("data-hero-transitioning", e);
   };
 }
-function jn(t, e) {
-  const n = K(t, ["z-index"]), o = K(e, ["z-index", "position"]);
-  return t.style.zIndex = M, e.style.zIndex = T, getComputedStyle(e).position === "static" && (e.style.position = "relative"), () => {
+function eo(t, e) {
+  const n = ct(t, ["z-index"]), o = ct(e, ["z-index", "position"]);
+  return t.style.zIndex = L, e.style.zIndex = D, getComputedStyle(e).position === "static" && (e.style.position = "relative"), () => {
     n(), o();
   };
 }
-function Gn(t, e, n) {
+function no(t, e, n) {
   if (t.tagName !== "IMG") return () => {
   };
-  const o = getComputedStyle(t), r = (f) => Number.parseFloat(f) || 0, i = o.boxSizing === "border-box", c = r(o.width) + (i ? 0 : r(o.paddingLeft) + r(o.paddingRight) + r(o.borderLeftWidth) + r(o.borderRightWidth)), s = r(o.height) + (i ? 0 : r(o.paddingTop) + r(o.paddingBottom) + r(o.borderTopWidth) + r(o.borderBottomWidth)), l = e.width * c / n.width, a = e.height * s / n.height;
+  const o = getComputedStyle(t), r = (y) => Number.parseFloat(y) || 0, i = o.boxSizing === "border-box", c = r(o.width) + (i ? 0 : r(o.paddingLeft) + r(o.paddingRight) + r(o.borderLeftWidth) + r(o.borderRightWidth)), s = r(o.height) + (i ? 0 : r(o.paddingTop) + r(o.paddingBottom) + r(o.borderTopWidth) + r(o.borderBottomWidth)), l = e.width * c / n.width, a = e.height * s / n.height;
   let d = null;
   o.position !== "absolute" && o.position !== "fixed" && (d = document.createElement("span"), d.setAttribute("data-hero-placeholder", ""), d.setAttribute("aria-hidden", "true"), Object.assign(d.style, {
     display: o.display === "inline" ? "inline-block" : o.display,
@@ -1334,7 +1431,7 @@ function Gn(t, e, n) {
     visibility: "hidden",
     pointerEvents: "none"
   }), t.before(d));
-  const p = K(t, [
+  const p = ct(t, [
     "position",
     "left",
     "top",
@@ -1372,51 +1469,7 @@ function Gn(t, e, n) {
     p(), d == null || d.remove();
   };
 }
-function qn(t, e) {
-  return t.fromEl.getAttribute(Pt) === t.key && t.toEl.getAttribute(At) === t.key ? !0 : e === "backward" && t.fromEl.getAttribute(Z) === t.key && t.toEl.getAttribute(Z) === t.key;
-}
-function Kn(t, e, n) {
-  const o = t.cloneNode(!0), r = (i, c) => {
-    const s = getComputedStyle(i), l = c.style;
-    for (const a of Array.from(s))
-      l.setProperty(a, s.getPropertyValue(a));
-    for (const { name: a } of Array.from(c.attributes))
-      (a === "id" || a.startsWith("data-hero-")) && c.removeAttribute(a);
-    if (i.tagName === "IMG") {
-      const a = i;
-      a.currentSrc && (c.removeAttribute("srcset"), c.removeAttribute("sizes"), c.setAttribute("src", a.currentSrc)), c.setAttribute("loading", "eager");
-    }
-    l.animation = "none", l.transition = "none", Array.from(i.children).forEach((a, d) => {
-      const p = c.children[d];
-      p && r(a, p);
-    });
-  };
-  return r(t, o), o.setAttribute("data-hero-layer", ""), o.setAttribute("aria-hidden", "true"), o.setAttribute("inert", ""), Object.assign(o.style, {
-    position: "absolute",
-    left: `${e.left}px`,
-    top: `${e.top}px`,
-    right: "auto",
-    bottom: "auto",
-    width: `${e.width}px`,
-    height: `${e.height}px`,
-    minWidth: "0",
-    minHeight: "0",
-    maxWidth: "none",
-    maxHeight: "none",
-    boxSizing: "border-box",
-    margin: "0",
-    transformOrigin: "center center",
-    translate: "none",
-    rotate: "none",
-    scale: "none",
-    // Both real pages have explicit stacking contexts at or below this tier.
-    zIndex: String(Number(T) + 1),
-    willChange: "transform, clip-path",
-    pointerEvents: "none",
-    opacity: Un(t)
-  }), n && (o.style.borderRadius = "0"), o;
-}
-function _t(t, e, n) {
+function lt(t, e, n) {
   const o = (s, l) => `${l > 0 ? s / l * 100 : 0}%`, r = [
     o(e.top, t.height),
     o(e.right, t.width),
@@ -1425,9 +1478,9 @@ function _t(t, e, n) {
   ].join(" "), i = n.map((s) => o(s.x, t.width)).join(" "), c = n.map((s) => o(s.y, t.height)).join(" ");
   return `inset(${r} round ${i} / ${c})`;
 }
-class Jn {
+class oo {
   constructor() {
-    I(this, "previousFromOpacity", "");
+    _(this, "previousFromOpacity", "");
   }
   prepare(e) {
     e.from.then((n) => {
@@ -1440,8 +1493,8 @@ class Jn {
     }), {};
   }
 }
-const Qn = () => new Jn();
-function to(t, e) {
+const ro = () => new oo();
+function io(t, e) {
   const n = new Set(e), o = /* @__PURE__ */ new Set();
   for (const c of n) {
     let s = c.parentElement;
@@ -1449,30 +1502,30 @@ function to(t, e) {
       o.add(s), s = s.parentElement;
   }
   const r = [], i = (c) => {
-    var s;
-    if (!(n.has(c) || ((s = c.getAttribute) == null ? void 0 : s.call(c, "data-hero-placeholder")) != null)) {
+    var s, l;
+    if (!(n.has(c) || ((s = c.getAttribute) == null ? void 0 : s.call(c, rt)) != null || ((l = c.getAttribute) == null ? void 0 : l.call(c, "data-hero-placeholder")) != null)) {
       if (c !== t && !o.has(c)) {
         r.push(c);
         return;
       }
-      for (const l of Array.from(c.children))
-        l instanceof HTMLElement && i(l);
+      for (const a of Array.from(c.children))
+        a instanceof HTMLElement && i(a);
     }
   };
   return i(t), r;
 }
-class eo {
+class so {
   contribute(e) {
     const { from: n, to: o, resolved: r, physics: i, onComplete: c } = e, s = r.pairs.map(
-      (u) => se(u.toEl) ?? u.toEl
-    ), l = (s.length ? to(o, s) : [o]).map((u) => ({
+      (u) => ue(u.toEl) ?? u.toEl
+    ), l = (s.length ? io(o, s) : [o]).map((u) => ({
       element: u,
       opacity: u.style.opacity,
       willChange: u.style.willChange,
       targetOpacity: Number.parseFloat(getComputedStyle(u).opacity) || 0
     })), a = /* @__PURE__ */ new Set();
     for (const u of s)
-      for (let m = u.parentElement; m && (a.add(m), m !== o); m = m.parentElement)
+      for (let f = u.parentElement; f && (a.add(f), f !== o); f = f.parentElement)
         ;
     const d = Array.from(a).map((u) => ({
       element: u,
@@ -1480,42 +1533,42 @@ class eo {
       previousColor: u.style.backgroundColor
     })).filter(
       ({ color: u }) => u && u !== "transparent" && u !== "rgba(0, 0, 0, 0)"
-    ), p = n.style.opacity, f = n.style.willChange;
+    ), p = n.style.opacity, y = n.style.willChange;
     n.style.willChange = "opacity";
     for (const { element: u } of l)
       u.style.opacity = "0", u.style.willChange = "opacity";
     for (const { element: u } of d)
       u.style.backgroundColor = "transparent";
     return c(() => {
-      n.style.opacity = p, n.style.willChange = f;
-      for (const { element: u, opacity: m, willChange: h } of l)
-        u.style.opacity = m, u.style.willChange = h;
-      for (const { element: u, previousColor: m } of d)
-        u.style.backgroundColor = m;
+      n.style.opacity = p, n.style.willChange = y;
+      for (const { element: u, opacity: f, willChange: h } of l)
+        u.style.opacity = f, u.style.willChange = h;
+      for (const { element: u, previousColor: f } of d)
+        u.style.backgroundColor = f;
     }), {
       out: [
-        new w({
+        new S({
           element: n,
           integrator: C.from(i),
-          style: (u, m) => ({ opacity: m })
+          style: (u, f) => ({ opacity: f })
         })
       ],
       in: [
         ...l.map(
-          ({ element: u, targetOpacity: m }) => new w({
+          ({ element: u, targetOpacity: f }) => new S({
             element: u,
             integrator: C.from(i),
             style: (h) => ({
-              opacity: Math.min(1, Math.max(0, h)) * m
+              opacity: Math.min(1, Math.max(0, h)) * f
             })
           })
         ),
         ...d.map(
-          ({ element: u, color: m }) => new w({
+          ({ element: u, color: f }) => new S({
             element: u,
             integrator: C.from(i),
             style: (h) => ({
-              backgroundColor: `color-mix(in srgb, ${m} ${Math.min(1, Math.max(0, h)) * 100}%, transparent)`
+              backgroundColor: `color-mix(in srgb, ${f} ${Math.min(1, Math.max(0, h)) * 100}%, transparent)`
             })
           })
         )
@@ -1523,20 +1576,20 @@ class eo {
     };
   }
 }
-const no = () => new eo(), oo = {
-  static: Qn,
-  fade: no
-}, ro = {
+const ao = () => new so(), co = {
+  static: ro,
+  fade: ao
+}, lo = {
   spring: { stiffness: 320, damping: 30 }
-}, io = () => ro, so = {
+}, po = () => lo, uo = {
   spring: { stiffness: 300, damping: 30, doubleSpring: 1 }
-}, ao = () => so, co = {
-  default: io,
-  smooth: ao
-}, lo = 700, po = "data-hero-aspect-ratio", uo = "data-hero-radius";
-function qt(t, e, n, o) {
+}, fo = () => uo, ho = {
+  default: po,
+  smooth: fo
+}, yo = 700, mo = "data-hero-aspect-ratio", go = "data-hero-radius";
+function oe(t, e, n, o) {
   const r = (c) => {
-    const s = L(t, c);
+    const s = H(t, c);
     return {
       left: s.left + t.scrollLeft,
       top: s.top + t.scrollTop,
@@ -1544,11 +1597,11 @@ function qt(t, e, n, o) {
       height: s.height
     };
   }, i = r(e);
-  return $t(e, i, r, {
+  return ot(e, i, r, {
     clipRoot: o,
     fallbackFit: n,
-    legacyAspectRatioAttribute: po,
-    legacyRadiusAttribute: uo
+    legacyAspectRatioAttribute: mo,
+    legacyRadiusAttribute: go
   });
 }
 function tt(t, e) {
@@ -1559,122 +1612,123 @@ function tt(t, e) {
   }
   return n;
 }
-function fo(t, e) {
-  const n = [], o = tt(e, Pt), r = tt(t, At);
+function bo(t, e) {
+  const n = [], o = tt(e, st), r = tt(t, at);
   for (const [s, l] of o) {
     const a = r.get(s);
     a && n.push({
       key: s,
       fromEl: a,
       toEl: l,
-      fromFit: V("exit"),
-      toFit: V("enter")
+      fromFit: X("exit"),
+      toFit: X("enter")
     });
   }
-  const i = tt(t, Pt), c = tt(e, At);
+  const i = tt(t, st), c = tt(e, at);
   for (const [s, l] of i) {
     const a = c.get(s);
     a && n.push({
       key: s,
       fromEl: l,
       toEl: a,
-      fromFit: V("enter"),
-      toFit: V("exit")
+      fromFit: X("enter"),
+      toFit: X("exit")
     });
   }
   return n;
 }
-function ho(t, e) {
+function wo(t, e) {
   const n = [], o = Array.from(
-    e.querySelectorAll(`[${Z}]`)
+    e.querySelectorAll(`[${G}]`)
   );
   for (const r of o) {
-    const i = r.getAttribute(Z);
+    const i = r.getAttribute(G);
     if (!i) continue;
     const c = t.querySelector(
-      `[${Z}="${i}"]`
+      `[${G}="${i}"]`
     );
     c && n.push({
       key: i,
       fromEl: c,
       toEl: r,
-      fromFit: V("legacy"),
-      toFit: V("legacy")
+      fromFit: X("legacy"),
+      toFit: X("legacy")
     });
   }
   return n;
 }
-function yo(t, e) {
-  const n = fo(t, e);
-  return n.length > 0 ? n : ho(t, e);
+function xo(t, e) {
+  const n = bo(t, e);
+  return n.length > 0 ? n : wo(t, e);
 }
-function mo(t, e) {
-  return le(t, e);
+function So(t, e) {
+  return ye(t, e);
 }
-function go(t, e) {
+function Co(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 bo(t, e, n, o, r) {
-  const { fromEl: i, toEl: c } = e, [s, l] = mo(
-    qt(t, i, e.fromFit, o),
-    qt(t, c, e.toFit, r)
-  ), a = s.content, d = s.window, p = l.content, f = l.window, u = l.clipInset, m = s.radiusSource === "unsupported" || l.radiusSource === "unsupported", h = m ? 0 : s.radius, y = m ? 0 : l.radius;
-  if (a.width === 0 || a.height === 0 || d.width === 0 || d.height === 0 || p.width === 0 || p.height === 0 || f.width === 0 || f.height === 0)
+function Eo(t, e, n, o, r) {
+  const { fromEl: i, toEl: c } = e, [s, l] = So(
+    oe(t, i, e.fromFit, o),
+    oe(t, c, e.toFit, r)
+  ), a = s.content, d = s.window, p = l.content, y = l.window, u = l.clipInset, f = s.radiusSource === "unsupported" || l.radiusSource === "unsupported", h = f ? 0 : s.radius, m = f ? 0 : l.radius;
+  if (a.width === 0 || a.height === 0 || d.width === 0 || d.height === 0 || p.width === 0 || p.height === 0 || y.width === 0 || y.height === 0)
     return null;
-  const b = Math.max(
-    a.width / p.width,
-    a.height / p.height
-  ), g = D(a), S = Y(a), $ = D(p), P = Y(p), R = g - $, x = S - P;
-  if (Math.abs(x) > n) return null;
-  const E = q(
+  const b = a.width / p.width, g = a.height / p.height, x = z(a), A = N(a), $ = z(p), P = N(p), w = x - $, E = A - P;
+  if (Math.abs(E) > n) return null;
+  const O = U(
     p,
-    de(p, a, d, b, b)
+    me(p, a, d, b, g)
   );
   return {
+    fromContent: a,
     toContent: p,
     fromVisualEl: s.mediaElement ?? i,
     toVisualEl: l.mediaElement ?? c,
-    resetRadius: go(s, l),
-    styleFor: (k, F, v) => {
-      const X = (F * R + (v ? $ - D(v.box) : 0)) / ((v == null ? void 0 : v.scaleX) ?? 1), N = (F * x + (v ? P - Y(v.box) : 0)) / ((v == null ? void 0 : v.scaleY) ?? 1), z = k + F * b, me = s.cornerRadii ?? [
+    resetRadius: Co(s, l),
+    styleFor: (T, I, v) => {
+      const M = (I * w + (v ? $ - z(v.box) : 0)) / ((v == null ? void 0 : v.scaleX) ?? 1), Y = (I * E + (v ? P - N(v.box) : 0)) / ((v == null ? void 0 : v.scaleY) ?? 1), dt = T + I * b, pt = T + I * g, Se = s.cornerRadii ?? [
         h,
         h,
         h,
         h
-      ], ge = l.cornerRadii ?? [
-        y,
-        y,
-        y,
-        y
-      ], be = me.map((Ee, $e) => {
-        const Ot = Math.max(0, Ee * F + ge[$e] * k) / Math.max(Math.abs(z), 1e-6);
-        return { x: Ot, y: Ot };
-      }), we = E.top * F + u.top * k, Se = E.right * F + u.right * k, xe = E.bottom * F + u.bottom * k, Ce = E.left * F + u.left * k;
+      ], Ce = l.cornerRadii ?? [
+        m,
+        m,
+        m,
+        m
+      ], Ee = Se.map((Re, Ie) => {
+        const Lt = Math.max(0, Re * I + Ce[Ie] * T);
+        return {
+          x: Lt / Math.max(Math.abs(dt), 1e-6),
+          y: Lt / Math.max(Math.abs(pt), 1e-6)
+        };
+      }), $e = O.top * I + u.top * T, Ae = O.right * I + u.right * T, Pe = O.bottom * I + u.bottom * T, ve = O.left * I + u.left * T;
       return {
-        transform: v ? `translate(${X}px, ${N}px) scale(${z * p.width / v.box.width}, ${z * p.height / v.box.height})` : `translate(${X}px, ${N}px) scale(${z})`,
-        clipPath: _t(
+        transform: v ? `translate(${M}px, ${Y}px) scale(${dt * p.width / v.box.width}, ${pt * p.height / v.box.height})` : `translate(${M}px, ${Y}px) scale(${dt}, ${pt})`,
+        clipPath: lt(
           p,
           {
-            top: we,
-            right: Se,
-            bottom: xe,
-            left: Ce
+            top: $e,
+            right: Ae,
+            bottom: Pe,
+            left: ve
           },
-          be
+          Ee
         )
       };
     }
   };
 }
-function Kt(t, e) {
+function $o(t, e) {
   t.style.transform = e.transform, t.style.clipPath = e.clipPath;
 }
-class wo {
+class Ao {
   contribute(e) {
     const { resolved: n, physics: o, positionedParent: r, maxDistance: i, onComplete: c } = e;
-    c(jn(e.from, e.to));
+    c(eo(e.from, e.to));
     const s = n.pairs.flatMap((a) => {
-      const d = bo(
+      const d = Eo(
         r,
         a,
         i,
@@ -1686,27 +1740,42 @@ class wo {
     e.resolved = { pairs: s.map(({ pair: a }) => a) };
     const l = [];
     for (const { pair: a, plan: d } of s) {
-      const { fromVisualEl: p, toVisualEl: f } = d;
-      if (qn(a, e.direction)) {
-        const $ = Kn(
-          f,
+      const { fromVisualEl: p, toVisualEl: y } = d, u = it(p), f = it(y);
+      if (Jn(a, e.direction)) {
+        const { layer: w, source: E, destination: O } = Qn(
+          p,
+          y,
+          d.fromContent,
           d.toContent,
           d.resetRadius
-        );
-        Kt($, d.styleFor(0, 1)), r.appendChild($);
-        const P = pt(p), R = pt(f);
-        c(() => {
-          $.remove(), P(), R();
+        ), T = {
+          box: d.fromContent,
+          scaleX: 1,
+          scaleY: 1
+        }, I = (M, Y) => ({
+          ...d.styleFor(M, Y, T),
+          opacity: B(Y) * u.opacity
+        }), v = (M, Y) => ({
+          ...d.styleFor(M, Y),
+          opacity: B(M) * f.opacity
+        });
+        Object.assign(E.style, I(0, 1)), Object.assign(O.style, v(0, 1)), r.appendChild(w), u.set(0), f.set(0), c(() => {
+          w.remove(), u.restore(), f.restore();
         }), l.push(
-          new w({
-            element: $,
+          new S({
+            element: E,
+            integrator: C.from(o),
+            style: I
+          }),
+          new S({
+            element: O,
             integrator: C.from(o),
-            style: (x, E) => d.styleFor(x, E)
+            style: v
           })
         );
         continue;
       }
-      const u = Zn(f), m = pt(p), h = K(f, [
+      const h = Dt(p), m = to(y), b = ct(y, [
         "transform",
         "transform-origin",
         "clip-path",
@@ -1714,45 +1783,49 @@ class wo {
         "border-radius",
         "will-change"
       ]);
-      f.style.transform = "none", f.style.transformOrigin = "center center", f.style.willChange = "transform, clip-path", d.resetRadius && (f.style.borderRadius = "0");
-      const y = Gn(
-        f,
+      y.style.transform = "none", y.style.transformOrigin = "center center", y.style.willChange = "transform, clip-path, opacity", d.resetRadius && (y.style.borderRadius = "0");
+      const g = no(
+        y,
         d.toContent,
-        L(r, f)
-      ), b = L(r, f), g = {
-        box: {
-          left: b.left + r.scrollLeft,
-          top: b.top + r.scrollTop,
-          width: b.width,
-          height: b.height
-        },
-        scaleX: f.offsetWidth && Math.abs(b.width - f.offsetWidth) > 0.5 ? b.width / f.offsetWidth : 1,
-        scaleY: f.offsetHeight && Math.abs(b.height - f.offsetHeight) > 0.5 ? b.height / f.offsetHeight : 1
-      }, S = ($, P) => d.styleFor($, P, g);
-      Kt(f, S(0, 1)), c(() => {
-        y(), h(), m(), u();
+        H(r, y)
+      ), x = kt(r, y);
+      h.style.width = `${d.fromContent.width / x.scaleX}px`, h.style.height = `${d.fromContent.height / x.scaleY}px`, h.style.zIndex = getComputedStyle(y).zIndex, d.resetRadius && (h.style.borderRadius = "0"), y.after(h);
+      const A = kt(r, h), $ = (w, E) => ({
+        ...d.styleFor(w, E, A),
+        opacity: B(E) * u.opacity
+      }), P = (w, E) => ({
+        ...d.styleFor(w, E, x),
+        opacity: B(w) * f.opacity
+      });
+      $o(y, P(0, 1)), Object.assign(h.style, $(0, 1)), f.set(0), u.set(0), c(() => {
+        g(), b(), u.restore(), f.restore(), m(), h.remove();
       }), l.push(
-        new w({
-          element: f,
+        new S({
+          element: h,
           integrator: C.from(o),
-          style: S
+          style: $
+        }),
+        new S({
+          element: y,
+          integrator: C.from(o),
+          style: P
         })
       );
     }
     return { shared: l };
   }
 }
-function So(t) {
-  return [new wo(), oo[t.type]()];
+function Po(t) {
+  return [new Ao(), co[t.type]()];
 }
-const xo = (t) => {
-  const e = co[t.variant](), n = lo, o = {
+const vo = (t) => {
+  const e = ho[t.variant](), n = yo, o = {
     prepare: (r) => {
       var l;
-      const i = So(t), c = Promise.all([
+      const i = Po(t), c = Promise.all([
         r.from,
         r.to
-      ]).then(([a, d]) => ({ pairs: yo(a, d) })), s = {
+      ]).then(([a, d]) => ({ pairs: xo(a, d) })), s = {
         from: r.from,
         to: r.to,
         resolved: c
@@ -1764,9 +1837,9 @@ const xo = (t) => {
     animation: ({ from: r, to: i, context: c, resolved: s, strategies: l }) => {
       var h;
       if (s.pairs.length === 0)
-        return j({ shared: [], out: [], in: [] });
-      const a = [], d = (y) => {
-        a.push(y);
+        return q({ shared: [], out: [], in: [] });
+      const a = [], d = (m) => {
+        a.push(m);
       }, p = {
         direction: c.direction,
         from: r,
@@ -1776,58 +1849,58 @@ const xo = (t) => {
         positionedParent: c.positionedParent,
         maxDistance: n,
         onComplete: d
-      }, f = {
+      }, y = {
         shared: [],
         out: [],
         in: []
       };
-      for (const y of l) {
-        const b = (h = y.contribute) == null ? void 0 : h.call(y, p);
+      for (const m of l) {
+        const b = (h = m.contribute) == null ? void 0 : h.call(m, p);
         if (b)
-          for (const g of Object.keys(f))
-            f[g].push(...b[g] ?? []);
+          for (const g of Object.keys(y))
+            y[g].push(...b[g] ?? []);
       }
-      const u = j(f), m = u.onComplete;
+      const u = q(y), f = u.onComplete;
       return u.onComplete = () => {
-        m == null || m();
-        for (const y of Object.values(f).flat())
-          y instanceof w && y.releaseFill();
-        for (const y of a)
+        f == null || f();
+        for (const m of Object.values(y).flat())
+          m instanceof S && m.releaseFill();
+        for (const m of a)
           try {
-            y();
+            m();
           } catch (b) {
             console.error("[hero] cleanup error", b);
           }
       }, u;
     }
   };
-  return _({
+  return k({
     forward: o,
     backward: o
   });
 };
-function Nr(t = {}, e = {}) {
+function jr(t = {}, e = {}) {
   const n = t.type ?? "static", o = t.variant ?? "default";
-  return O(xo({ type: n, variant: o }), e.override);
+  return F(vo({ type: n, variant: o }), e.override);
 }
-const Co = {
+const Ro = {
   spring: { stiffness: 50, damping: 30 }
-}, Eo = {
+}, Io = {
   spring: { stiffness: 80, damping: 25 }
-}, $o = (t = {}) => {
-  const e = t.physics ?? Co, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, r = t.rotationTriggerPoint ?? 0.8, i = {
+}, Oo = (t = {}) => {
+  const e = t.physics ?? Ro, n = t.initialRotation ?? 45, o = t.initialScale ?? 0.01, r = t.rotationTriggerPoint ?? 0.8, i = {
     prepare: ({ from: c, to: s, context: l }) => (c.then((a) => {
       a.style.opacity = "1";
     }), s.then((a) => {
-      const d = H(l, "to"), p = Math.min(d.width, d.height) * 0.4;
+      const d = W(l, "to"), p = Math.min(d.width, d.height) * 0.4;
       a.style.setProperty("--max-border-radius", `${p}px`), a.style.setProperty("--border-radius-scale", "1"), a.style.willChange = "transform", a.style.backfaceVisibility = "hidden";
-      const f = d.left + d.width / 2, u = d.top + d.height / 2;
-      a.style.transformOrigin = `${f}px ${u}px`, a.style.position = "fixed", a.style.top = `${d.top}px`, a.style.left = `${d.left}px`, a.style.width = `${d.width}px`, a.style.height = `${d.height}px`, a.style.zIndex = "1000", a.style.overflow = "hidden", a.style.transform = `rotate(${n}deg) scale(${o}) translateZ(0)`, a.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", a.style.opacity = "1";
+      const y = d.left + d.width / 2, u = d.top + d.height / 2;
+      a.style.transformOrigin = `${y}px ${u}px`, a.style.position = "fixed", a.style.top = `${d.top}px`, a.style.left = `${d.left}px`, a.style.width = `${d.width}px`, a.style.height = `${d.height}px`, a.style.zIndex = "1000", a.style.overflow = "hidden", a.style.transform = `rotate(${n}deg) scale(${o}) translateZ(0)`, a.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", a.style.opacity = "1";
     }), {}),
     animation: ({ from: c, to: s }) => {
-      const l = new w({
+      const l = new S({
         element: c,
-        integrator: C.from(Eo),
+        integrator: C.from(Io),
         style: (d, p) => ({ opacity: p }),
         // The outgoing node is reused (re-hidden, shown again on the next
         // navigation), so reset every inline style we wrote to it — mirroring
@@ -1836,7 +1909,7 @@ const Co = {
         onComplete: () => {
           c.style.opacity = "";
         }
-      }), a = new w({
+      }), a = new S({
         element: s,
         integrator: C.from(e),
         style: (d) => {
@@ -1844,58 +1917,58 @@ const Co = {
           if (d <= 0.05)
             p = o;
           else if (d <= r) {
-            const h = (d - 0.05) / (r - 0.05), y = Math.pow(h, 9);
-            p = o + (0.8 - o) * y;
+            const h = (d - 0.05) / (r - 0.05), m = Math.pow(h, 9);
+            p = o + (0.8 - o) * m;
           } else {
             const h = (d - r) / (1 - r);
             p = 0.8 + 0.2 * (1 - Math.pow(1 - h, 3));
           }
-          const f = 0.7;
+          const y = 0.7;
           let u;
-          if (d <= f)
+          if (d <= y)
             u = n;
           else {
-            const h = (d - f) / (1 - f), y = 1 - Math.pow(1 - h, 2);
-            u = n * (1 - y);
+            const h = (d - y) / (1 - y), m = 1 - Math.pow(1 - h, 2);
+            u = n * (1 - m);
           }
-          let m;
-          if (d <= f)
-            m = 1;
+          let f;
+          if (d <= y)
+            f = 1;
           else {
-            const h = (d - f) / (1 - f);
-            m = 1 - Math.pow(h, 0.5);
+            const h = (d - y) / (1 - y);
+            f = 1 - Math.pow(h, 0.5);
           }
           return {
             transform: `rotate(${u.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,
-            "--border-radius-scale": m.toFixed(4)
+            "--border-radius-scale": f.toFixed(4)
           };
         },
         onComplete: () => {
           s.style.willChange = "", s.style.backfaceVisibility = "", s.style.removeProperty("--max-border-radius"), s.style.removeProperty("--border-radius-scale"), s.style.transform = "", s.style.transformOrigin = "", s.style.position = "", s.style.zIndex = "", s.style.top = "", s.style.left = "", s.style.width = "", s.style.height = "", s.style.overflow = "", s.style.borderRadius = "";
         }
       });
-      return new A(
+      return new R(
         { out: l, in: a },
         { mode: "parallel" }
       );
     }
   };
-  return _({ forward: i, backward: i });
+  return k({ forward: i, backward: i });
 };
-function zr(t = {}, e = {}) {
-  return O($o(), e.override);
+function Zr(t = {}, e = {}) {
+  return F(Oo(), e.override);
 }
-const Po = {
+const _o = {
   spring: { stiffness: 100, damping: 30 }
-}, Ao = (t = {}) => {
-  const e = t.physics ?? Po, n = {
+}, ko = (t = {}) => {
+  const e = t.physics ?? _o, n = {
     prepare: ({ from: o, to: r }) => (o.then((i) => {
       i.style.transformOrigin = "center center", i.style.willChange = "transform, opacity";
     }), r.then((i) => {
       i.style.opacity = "0", i.style.transform = "rotate(-180deg)", i.style.transformOrigin = "center center", i.style.willChange = "transform, opacity";
     }), {}),
     animation: ({ from: o, to: r }) => {
-      const i = new w({
+      const i = new S({
         element: o,
         integrator: C.from(e),
         style: (s) => ({
@@ -1908,7 +1981,7 @@ const Po = {
         onComplete: () => {
           o.style.willChange = "auto", o.style.transform = "", o.style.transformOrigin = "", o.style.opacity = "";
         }
-      }), c = new w({
+      }), c = new S({
         element: r,
         integrator: C.from(e),
         // u runs 1→0, so -u*180 unwinds -180→0.
@@ -1920,18 +1993,18 @@ const Po = {
           r.style.willChange = "auto", r.style.transform = "", r.style.transformOrigin = "", r.style.opacity = "";
         }
       });
-      return new A(
+      return new R(
         { out: i, in: c },
         { mode: "parallel" }
       );
     }
   };
-  return _({ forward: n, backward: n });
+  return k({ forward: n, backward: n });
 };
-function Wr(t = {}, e = {}) {
-  return O(Ao(), e.override);
+function Gr(t = {}, e = {}) {
+  return F(ko(), e.override);
 }
-const vo = {
+const Fo = {
   spring: {
     stiffness: 20,
     damping: 8,
@@ -1939,9 +2012,9 @@ const vo = {
     restDelta: 1e-3,
     restSpeed: 1e-3
   }
-}, Ro = (t = {}) => {
-  const e = t.physics ?? vo, n = t.directional ?? !0, o = (r) => {
-    const i = !n || r === "forward", c = i ? M : T, s = i ? T : M;
+}, To = (t = {}) => {
+  const e = t.physics ?? Fo, n = t.directional ?? !0, o = (r) => {
+    const i = !n || r === "forward", c = i ? L : D, s = i ? D : L;
     return {
       prepare: ({ from: l, to: a }) => (l.then((d) => {
         d.style.zIndex = c, d.style.willChange = "transform", d.style.backfaceVisibility = "hidden", d.style.contain = "layout paint", d.style.pointerEvents = "none";
@@ -1949,10 +2022,10 @@ const vo = {
         d.style.willChange = "transform", d.style.backfaceVisibility = "hidden", d.style.contain = "layout paint", d.style.position = "relative", d.style.zIndex = s;
       }), {}),
       animation: ({ from: l, to: a }) => {
-        const d = l.offsetHeight, p = a.offsetHeight, f = window.innerHeight, u = Math.max(Math.min(d, p), f), m = new w({
+        const d = l.offsetHeight, p = a.offsetHeight, y = window.innerHeight, u = Math.max(Math.min(d, p), y), f = new S({
           element: l,
           integrator: C.from(e),
-          style: (y) => ({ transform: `translate3d(0, ${i ? -u * y : u * y}px, 0)` }),
+          style: (m) => ({ transform: `translate3d(0, ${i ? -u * m : u * m}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,
@@ -1961,77 +2034,77 @@ const vo = {
           onComplete: () => {
             l.style.willChange = "auto", l.style.backfaceVisibility = "", l.style.contain = "", l.style.transform = "", l.style.pointerEvents = "", l.style.zIndex = "";
           }
-        }), h = new w({
+        }), h = new S({
           element: a,
           integrator: C.from(e),
-          style: (y, b) => ({ transform: `translate3d(0, ${i ? b * u : b * -u}px, 0)` }),
+          style: (m, b) => ({ transform: `translate3d(0, ${i ? b * u : b * -u}px, 0)` }),
           onComplete: () => {
             a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transform = "", a.style.position === "relative" && (a.style.position = ""), a.style.zIndex === s && (a.style.zIndex = "");
           }
         });
-        return [m, h].forEach(G), new A(
-          { out: m, in: h },
+        return [f, h].forEach(K), new R(
+          { out: f, in: h },
           { mode: "parallel" }
         );
       }
     };
   };
-  return _({
+  return k({
     forward: o("forward"),
     backward: o("backward")
   });
 };
-function Vr(t = {}, e = {}) {
+function qr(t = {}, e = {}) {
   const { type: n = "directional" } = t;
-  return O(
-    Ro({ directional: n === "directional" }),
+  return F(
+    To({ directional: n === "directional" }),
     e.override
   );
 }
-const Io = {
+const Mo = {
   spring: { stiffness: 200, damping: 24 }
-}, _o = {
+}, Do = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, ut = 0.2;
-function Oo() {
+}, xt = 0.2;
+function Yo() {
   return {
-    enterPhysics: Io,
-    exitPhysics: _o,
+    enterPhysics: Mo,
+    exitPhysics: Do,
     background: {
       willChange: "transform, opacity",
       enterStyle: (t, e) => ({
-        transform: `scale(${1 - ut * t})`,
+        transform: `scale(${1 - xt * t})`,
         opacity: e
       }),
       exitStyle: (t) => ({
-        transform: `scale(${1 - ut + ut * t})`,
+        transform: `scale(${1 - xt + xt * t})`,
         opacity: t
       })
     }
   };
 }
-const ko = {
+const Lo = {
   spring: { stiffness: 200, damping: 24 }
-}, Fo = {
+}, Ho = {
   inertia: { acceleration: 25, resistance: 1.2 }
-}, ft = 0.08, To = 16, ht = 0.6, Mo = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
-function Do() {
+}, St = 0.08, zo = 16, Ct = 0.6, No = (t) => `blur(${Math.max(0, t).toFixed(2)}px)`;
+function Wo() {
   return {
-    enterPhysics: ko,
-    exitPhysics: Fo,
+    enterPhysics: Lo,
+    exitPhysics: Ho,
     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 - ft * t})`,
-        opacity: 1 - (1 - ht) * t
+        transform: `scale(${1 - St * t})`,
+        opacity: 1 - (1 - Ct) * 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 - ft + ft * t})`,
-        opacity: ht + (1 - ht) * t
+        transform: `scale(${1 - St + St * t})`,
+        opacity: Ct + (1 - Ct) * t
       })
     },
     overlay: {
@@ -2049,27 +2122,27 @@ function Do() {
       // 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 = Mo(To * n);
+        const n = t === "enter" ? e : 1 - e, o = No(zo * n);
         return { backdropFilter: o, WebkitBackdropFilter: o };
       }
     }
   };
 }
-const Yo = {
+const Vo = {
   spring: {
     stiffness: 190,
     damping: 25
   }
-}, Lo = {
+}, Xo = {
   spring: {
     stiffness: 190,
     damping: 25
   }
 };
-function Ho() {
+function Bo() {
   return {
-    enterPhysics: Yo,
-    exitPhysics: Lo,
+    enterPhysics: Vo,
+    exitPhysics: Xo,
     background: {
       willChange: "",
       enterStyle: () => ({}),
@@ -2077,97 +2150,97 @@ function Ho() {
     }
   };
 }
-const No = {
-  static: Ho(),
-  "background-scale": Oo(),
-  blur: Do()
-}, zo = "static", Wo = "transform", Vo = (t = {}) => {
-  const e = No[t.type ?? zo], n = e.background, o = e.overlay, r = n.willChange !== "", i = (c) => {
+const Uo = {
+  static: Bo(),
+  "background-scale": Yo(),
+  blur: Wo()
+}, jo = "static", Zo = "transform", Go = (t = {}) => {
+  const e = Uo[t.type ?? jo], n = e.background, o = e.overlay, r = n.willChange !== "", i = (c) => {
     const s = c === "forward" ? "enter" : "exit", l = s === "enter" ? "to" : "from", a = s === "enter" ? "from" : "to", d = s === "enter" ? e.enterPhysics : e.exitPhysics;
     return {
-      prepare: ({ from: p, to: f, context: u, createElement: m }) => {
-        const h = { from: p, to: f }[l], y = { from: p, to: f }[a];
+      prepare: ({ from: p, to: y, context: u, createElement: f }) => {
+        const h = { from: p, to: y }[l], m = { from: p, to: y }[a];
         h.then((g) => {
-          g.style.willChange = Wo, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint", g.style.zIndex = T, s === "enter" ? g.style.position = "relative" : g.style.pointerEvents = "none";
-        }), y.then((g) => {
-          r && (g.style.willChange = n.willChange, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint"), g.style.zIndex = M, s === "enter" ? g.style.pointerEvents = "none" : g.style.position = "relative";
+          g.style.willChange = Zo, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint", g.style.zIndex = D, s === "enter" ? g.style.position = "relative" : g.style.pointerEvents = "none";
+        }), m.then((g) => {
+          r && (g.style.willChange = n.willChange, g.style.backfaceVisibility = "hidden", g.style.contain = "layout paint"), g.style.zIndex = L, s === "enter" ? g.style.pointerEvents = "none" : g.style.position = "relative";
         });
         let b;
-        return o && (b = m("sheet-overlay"), Object.assign(b.style, o.initialStyle), b.style.willChange = o.willChange, u.positionedParent.appendChild(b)), { overlay: b };
+        return o && (b = f("sheet-overlay"), Object.assign(b.style, o.initialStyle), b.style.willChange = o.willChange, u.positionedParent.appendChild(b)), { overlay: b };
       },
-      animation: ({ from: p, to: f, context: u, overlay: m }) => {
-        const h = { from: p, to: f }[l], y = { from: p, to: f }[a], b = H(u, l), g = () => {
+      animation: ({ from: p, to: y, context: u, overlay: f }) => {
+        const h = { from: p, to: y }[l], m = { from: p, to: y }[a], b = W(u, l), g = () => {
           p.style.pointerEvents = "", p.style.zIndex = "";
-        }, S = () => {
-          const x = s === "enter" ? T : M;
-          f.style.position === "relative" && (f.style.position = ""), f.style.zIndex === x && (f.style.zIndex = "");
+        }, x = () => {
+          const w = s === "enter" ? D : L;
+          y.style.position === "relative" && (y.style.position = ""), y.style.zIndex === w && (y.style.zIndex = "");
         };
         h.style.clipPath = `inset(${b.top}px 0 calc(100% - ${b.top + b.height}px) 0)`;
-        const $ = s === "enter" ? (x, E) => ({
+        const A = s === "enter" ? (w, E) => ({
           transform: `translate3d(0, ${E * b.height}px, 0)`
-        }) : (x) => ({
-          transform: `translate3d(0, ${x * b.height}px, 0)`
-        }), P = new w({
+        }) : (w) => ({
+          transform: `translate3d(0, ${w * b.height}px, 0)`
+        }), $ = new S({
           element: h,
           integrator: C.from(d),
-          style: $,
+          style: A,
           onComplete: () => {
-            h.style.willChange = "auto", h.style.backfaceVisibility = "", h.style.contain = "", h.style.clipPath = "", h.style.transform = "", g(), S();
+            h.style.willChange = "auto", h.style.backfaceVisibility = "", h.style.contain = "", h.style.clipPath = "", h.style.transform = "", g(), x();
           }
         });
-        G(P);
-        const R = {
-          sheet: P,
-          background: new A([]),
-          overlay: new A([])
+        K($);
+        const P = {
+          sheet: $,
+          background: new R([]),
+          overlay: new R([])
         };
         if (r) {
-          const x = y.scrollHeight;
-          x > 0 && (y.style.height = `${x}px`);
-          const E = H(u, a), k = E.left + E.width / 2, F = E.top + E.height / 2;
-          y.style.clipPath = `inset(${E.top}px 0 calc(100% - ${E.top + E.height}px) 0)`, y.style.transformOrigin = `${k}px ${F}px`;
-          const v = s === "enter" ? (N, z) => n.enterStyle(N, z) : (N) => n.exitStyle(N), X = new w({
-            element: y,
+          const w = m.scrollHeight;
+          w > 0 && (m.style.height = `${w}px`);
+          const E = W(u, a), O = E.left + E.width / 2, T = E.top + E.height / 2;
+          m.style.clipPath = `inset(${E.top}px 0 calc(100% - ${E.top + E.height}px) 0)`, m.style.transformOrigin = `${O}px ${T}px`;
+          const I = s === "enter" ? (M, Y) => n.enterStyle(M, Y) : (M) => n.exitStyle(M), v = new S({
+            element: m,
             integrator: C.from(d),
-            style: v,
+            style: I,
             // The background is the reused outgoing (`from`) node on `enter` and
             // the surviving incoming (`to`) node on `exit` — in both cases its
             // inline styles must be cleared on settle so the reused node is not
             // left scaled/faded/clipped the next time it is shown. releaseFill
             // below drops the WAAPI fill so these resets actually take effect.
             onComplete: () => {
-              y.style.willChange = "auto", y.style.backfaceVisibility = "", y.style.contain = "", y.style.clipPath = "", y.style.transformOrigin = "", y.style.transform = "", y.style.opacity = "", y.style.height = "";
+              m.style.willChange = "auto", m.style.backfaceVisibility = "", m.style.contain = "", m.style.clipPath = "", m.style.transformOrigin = "", m.style.transform = "", m.style.opacity = "", m.style.height = "";
             }
           });
-          G(X), R.background = X;
+          K(v), P.background = v;
         }
-        if (m && o) {
-          m.style.zIndex = ie;
-          const x = oe(u, "to");
-          m.style.top = `${x.top}px`, m.style.height = `${x.height}px`, R.overlay = new w({
-            element: m,
+        if (f && o) {
+          f.style.zIndex = pe;
+          const w = le(u, "to");
+          f.style.top = `${w.top}px`, f.style.height = `${w.height}px`, P.overlay = new S({
+            element: f,
             integrator: C.from(d),
             style: (E) => o.style(s, E)
           });
         }
-        return new A(R, { mode: "parallel" });
+        return new R(P, { mode: "parallel" });
       }
     };
   };
-  return _({
+  return k({
     forward: i("forward"),
     backward: i("backward")
   });
 };
-function Xo(t) {
+function qo(t) {
   return t === "scale" || t === "background-scale" ? "background-scale" : t === "blur" ? "blur" : "static";
 }
-function Xr(t = {}, e = {}) {
-  const n = t.type, o = Xo(n);
-  return O(Vo({ type: o }), e.override);
+function Kr(t = {}, e = {}) {
+  const n = t.type, o = qo(n);
+  return F(Go({ type: o }), e.override);
 }
-const Bo = (t = {}) => {
-  const e = t.physics ?? Fe, n = (o) => {
+const Ko = (t = {}) => {
+  const e = t.physics ?? Le, n = (o) => {
     const r = o === "forward" ? 100 : -100;
     return {
       prepare: ({ from: i, to: c }) => (i.then((s) => {
@@ -2176,54 +2249,54 @@ const Bo = (t = {}) => {
         s.style.transform = `translate3d(${r}%, 0, 0)`, s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
       }), {}),
       animation: ({ from: i, to: c }) => {
-        const s = new w({
+        const s = new S({
           element: i,
           integrator: C.from(e),
-          style: (a) => ({ transform: `translate3d(${100 * ot("slide", "out", o, a).x}%, 0, 0)` }),
+          style: (a) => ({ transform: `translate3d(${100 * nt("slide", "out", o, a).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: () => {
             i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transform = "", i.style.pointerEvents = "";
           }
-        }), l = new w({
+        }), l = new S({
           element: c,
           integrator: C.from(e),
-          style: (a) => ({ transform: `translate3d(${100 * ot("slide", "in", o, a).x}%, 0, 0)` }),
+          style: (a) => ({ transform: `translate3d(${100 * nt("slide", "in", o, a).x}%, 0, 0)` }),
           onComplete: () => {
             c.style.willChange = "auto", c.style.backfaceVisibility = "", c.style.contain = "", c.style.transform = "";
           }
         });
-        return new A(
+        return new R(
           { out: s, in: l },
           { mode: "parallel" }
         );
       }
     };
   };
-  return _({
+  return k({
     forward: n("forward"),
     backward: n("backward")
   });
 };
-function Br(t = {}, e = {}) {
-  return O(Bo(), e.override);
+function Jr(t = {}, e = {}) {
+  return F(Ko(), e.override);
 }
-const Uo = {
+const Jo = {
   spring: { stiffness: 17, damping: 6 }
-}, yt = 20, et = 800, Zo = (t = {}) => {
-  const e = t.physics ?? Uo, n = {
+}, Et = 20, et = 800, Qo = (t = {}) => {
+  const e = t.physics ?? Jo, n = {
     prepare: ({ from: o, to: r }) => (o.then((i) => {
       i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none", i.style.transform = `perspective(${et}px) rotateY(0deg) translate3d(0%, 0, 0)`;
     }), r.then((i) => {
-      i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.transform = `perspective(${et}px) rotateY(${yt}deg) translate3d(-100%, 0, 0)`;
+      i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.transform = `perspective(${et}px) rotateY(${Et}deg) translate3d(-100%, 0, 0)`;
     }), {}),
     animation: ({ from: o, to: r }) => {
-      const i = new w({
+      const i = new S({
         element: o,
         integrator: C.from(e),
         style: (s) => {
-          const l = -s * yt, a = s * 100;
+          const l = -s * Et, a = s * 100;
           return {
             transform: `perspective(${et}px) rotateY(${l}deg) translate3d(${a}%, 0, 0)`
           };
@@ -2234,11 +2307,11 @@ const Uo = {
         onComplete: () => {
           o.style.transform = "", o.style.willChange = "auto", o.style.backfaceVisibility = "", o.style.contain = "", o.style.pointerEvents = "";
         }
-      }), c = new w({
+      }), c = new S({
         element: r,
         integrator: C.from(e),
         style: (s, l) => {
-          const a = l * yt, d = -l * 100;
+          const a = l * Et, d = -l * 100;
           return {
             transform: `perspective(${et}px) rotateY(${a}deg) translate3d(${d}%, 0, 0)`
           };
@@ -2247,40 +2320,42 @@ const Uo = {
           r.style.transform = "", r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "";
         }
       });
-      return new A(
+      return new R(
         { out: i, in: c },
         { mode: "sequence" }
       );
     }
   };
-  return _({ forward: n, backward: n });
+  return k({ forward: n, backward: n });
 };
-function Ur(t = {}, e = {}) {
-  return O(Zo(), e.override);
+function Qr(t = {}, e = {}) {
+  return F(Qo(), e.override);
 }
-function jo(t, e) {
+function tr(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 pe(t) {
+function Yt(t) {
   const e = () => ({
+    contentAware: !1,
     enterContent: t.enterRect,
     exitContent: t.exitRect,
     startWindow: t.enterRect,
     scaleX: t.exitRect.width / t.enterRect.width,
     scaleY: t.exitRect.height / t.enterRect.height
   }), { enterMedia: n, exitMedia: o } = t;
-  if (!n || !o || !ce(n, o)) return e();
+  if (!n || !o || !he(n, o)) return e();
   const r = n.content, i = o.content;
   if (r.width <= 0 || r.height <= 0 || i.width <= 0 || i.height <= 0)
     return e();
-  const c = i.width / r.width, s = i.height / r.height, l = de(
+  const c = i.width / r.width, s = i.height / r.height, l = me(
     r,
     i,
     o.window,
     c,
     s
   );
-  return jo(n.window, l) ? {
+  return tr(n.window, l) ? {
+    contentAware: !0,
     enterContent: r,
     exitContent: i,
     startWindow: l,
@@ -2289,7 +2364,7 @@ function pe(t) {
     exitCornerRadii: o.cornerRadii
   } : e();
 }
-function ue(t, e) {
+function ge(t, e) {
   return {
     top: t.top,
     right: e.width - (t.left + t.width),
@@ -2297,36 +2372,36 @@ function ue(t, e) {
     left: t.left
   };
 }
-function Go(t, e, n) {
+function er(t, e, n) {
   return {
     x: t / Math.max(Math.abs(e), 1e-6),
     y: t / Math.max(Math.abs(n), 1e-6)
   };
 }
-function fe(t, e, n, o, r, i) {
+function be(t, e, n, o, r, i) {
   return (n ?? [t]).map(
-    (c) => Go(
+    (c) => er(
       Math.max(0, c * o + e * (1 - o)),
       r,
       i
     )
   );
 }
-function qo(t) {
-  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: r } = t, i = pe(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = i, p = s.left - c.left + (s.width - c.width) / 2 - n.x, f = s.top - c.top + (s.height - c.height) / 2 - n.y, u = ue(l, e);
+function nr(t) {
+  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: r } = t, i = Yt(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = i, p = s.left - c.left + (s.width - c.width) / 2 - n.x, y = s.top - c.top + (s.height - c.height) / 2 - n.y, u = ge(l, e);
   return {
-    transformOrigin: `${D(c)}px ${Y(c)}px`,
-    animate: (m) => {
-      const h = 1 - m, y = 1 + (a - 1) * h, b = 1 + (d - 1) * h, g = fe(
+    transformOrigin: `${z(c)}px ${N(c)}px`,
+    animate: (f) => {
+      const h = 1 - f, m = 1 + (a - 1) * h, b = 1 + (d - 1) * h, g = be(
         r,
         o,
         i.exitCornerRadii,
         h,
-        y,
+        m,
         b
       );
       return {
-        clipPath: _t(
+        clipPath: lt(
           e,
           {
             top: u.top * h,
@@ -2336,26 +2411,26 @@ function qo(t) {
           },
           g
         ),
-        transform: `translate(${p * h}px, ${f * h}px) scale(${y}, ${b})`
+        transform: `translate(${p * h}px, ${y * h}px) scale(${m}, ${b})`
       };
     }
   };
 }
-function Ko(t) {
-  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: r } = t, i = pe(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = i, p = s.left - c.left + (s.width - c.width) / 2 + n.x, f = s.top - c.top + (s.height - c.height) / 2 + n.y, u = ue(l, e);
+function or(t) {
+  const { pageRect: e, scrollOffset: n, enterRadius: o, exitRadius: r } = t, i = Yt(t), { enterContent: c, exitContent: s, startWindow: l, scaleX: a, scaleY: d } = i, p = s.left - c.left + (s.width - c.width) / 2 + n.x, y = s.top - c.top + (s.height - c.height) / 2 + n.y, u = ge(l, e);
   return {
-    transformOrigin: `${D(c)}px ${Y(c)}px`,
-    animate: (m) => {
-      const h = 1 - m, y = 1 + (a - 1) * h, b = 1 + (d - 1) * h, g = fe(
+    transformOrigin: `${z(c)}px ${N(c)}px`,
+    animate: (f) => {
+      const h = 1 - f, m = 1 + (a - 1) * h, b = 1 + (d - 1) * h, g = be(
         r,
         o,
         i.exitCornerRadii,
         h,
-        y,
+        m,
         b
       );
       return {
-        clipPath: _t(
+        clipPath: lt(
           e,
           {
             top: u.top * h,
@@ -2365,12 +2440,12 @@ function Ko(t) {
           },
           g
         ),
-        transform: `translate(${p * h - n.x}px, ${f * h}px) scale(${y}, ${b})`
+        transform: `translate(${p * h - n.x}px, ${y * h}px) scale(${m}, ${b})`
       };
     }
   };
 }
-const Jo = {
+const rr = {
   spring: {
     stiffness: 380,
     damping: 30,
@@ -2381,30 +2456,30 @@ const Jo = {
       damping: 30
     }
   }
-}, he = 0.12, Qo = 18;
-function tr() {
+}, we = 0.12, ir = 18;
+function sr() {
   return {
     transformOrigin: "50% 50%",
     animate: (t) => {
       const e = 1 - t;
       return {
-        transform: `scale(${1 - he * e})`
+        transform: `scale(${1 - we * e})`
       };
     }
   };
 }
-function er() {
+function ar() {
   return {
     transformOrigin: "50% 50%",
     animate: (t) => {
       const e = 1 - t;
       return {
-        transform: `scale(${1 - he * e})`
+        transform: `scale(${1 - we * e})`
       };
     }
   };
 }
-const mt = {
+const $t = {
   willChange: "backdrop-filter",
   // `top` + `height` are set per-transition in OverlayStrategy.contribute (they
   // track the live scroll position), so they are intentionally omitted here.
@@ -2420,22 +2495,22 @@ const mt = {
     WebkitBackdropFilter: "blur(0px)"
   },
   style: (t, e) => {
-    const n = t === "enter" ? e : 1 - e, o = `blur(${Qo * n}px)`;
+    const n = t === "enter" ? e : 1 - e, o = `blur(${ir * n}px)`;
     return {
       backdropFilter: o,
       WebkitBackdropFilter: o
     };
   }
 };
-class nr {
+class cr {
   constructor() {
-    I(this, "name", "background");
-    I(this, "physics", Jo);
+    _(this, "name", "background");
+    _(this, "physics", rr);
   }
   contribute(e) {
-    const { from: n, to: o, resolved: r, physics: i } = e, c = r.mode === "enter", s = c ? n : o, l = c ? tr() : er();
+    const { from: n, to: o, resolved: r, physics: i } = e, c = r.mode === "enter", s = c ? n : o, l = c ? sr() : ar();
     return l && (s.style.transformOrigin = l.transformOrigin), [
-      new w({
+      new S({
         element: s,
         integrator: C.from(i),
         style: c ? (a, d) => l.animate(d) : (a) => l.animate(a)
@@ -2443,29 +2518,29 @@ class nr {
     ];
   }
 }
-class or {
+class lr {
   constructor() {
-    I(this, "name", "overlay");
+    _(this, "name", "overlay");
   }
   prepare(e) {
     const n = e.createElement("zoom-overlay");
-    return Object.assign(n.style, mt.initialStyle), n.style.willChange = mt.willChange, e.context.positionedParent.appendChild(n), { overlay: n };
+    return Object.assign(n.style, $t.initialStyle), n.style.willChange = $t.willChange, e.context.positionedParent.appendChild(n), { overlay: n };
   }
   contribute(e) {
     const n = e.extras.overlay;
     if (!n) return [];
-    n.style.zIndex = ie;
-    const o = oe(e.context, "to");
+    n.style.zIndex = pe;
+    const o = le(e.context, "to");
     return n.style.top = `${o.top}px`, n.style.height = `${o.height}px`, [
-      new w({
+      new S({
         element: n,
         integrator: C.from(e.physics),
-        style: (r) => mt.style(e.resolved.mode, r)
+        style: (r) => $t.style(e.resolved.mode, r)
       })
     ];
   }
 }
-const rr = {
+const dr = {
   spring: {
     stiffness: 380,
     damping: 30,
@@ -2475,7 +2550,7 @@ const rr = {
     }
   }
 };
-function ir({
+function pr({
   enterRect: t,
   exitRect: e,
   scrollOffset: n
@@ -2491,7 +2566,7 @@ function ir({
     }
   };
 }
-function sr({
+function ur({
   enterRect: t,
   exitRect: e,
   scrollOffset: n
@@ -2507,15 +2582,15 @@ function sr({
     }
   };
 }
-class ar {
+class fr {
   constructor() {
-    I(this, "name", "background");
-    I(this, "physics", rr);
+    _(this, "name", "background");
+    _(this, "physics", dr);
   }
   contribute(e) {
-    const { from: n, to: o, resolved: r, input: i, physics: c } = e, s = r.mode === "enter", l = s ? n : o, a = s ? ir(i) : sr(i);
+    const { from: n, to: o, resolved: r, input: i, physics: c } = e, s = r.mode === "enter", l = s ? n : o, a = s ? pr(i) : ur(i);
     return a && (l.style.transformOrigin = a.transformOrigin), [
-      new w({
+      new S({
         element: l,
         integrator: C.from(c),
         style: s ? (d, p) => a.animate(p) : (d) => a.animate(d)
@@ -2523,100 +2598,146 @@ class ar {
     ];
   }
 }
-const cr = {
+const hr = {
   spring: {
     stiffness: 530,
     damping: 34,
     doubleSpring: 1
   }
 };
-class lr {
+class yr {
   constructor() {
-    I(this, "name", "background");
-    I(this, "physics", cr);
+    _(this, "name", "background");
+    _(this, "physics", hr);
   }
   contribute(e) {
     return [];
   }
 }
-const dr = {
-  expand: () => new ar(),
-  static: () => new lr(),
-  blur: () => new nr()
+const mr = {
+  expand: () => new fr(),
+  static: () => new yr(),
+  blur: () => new cr()
 };
-function pr(t) {
-  return dr[t]();
+function gr(t) {
+  return mr[t]();
 }
-const vt = "data-zoom-enter-key", Jt = "data-zoom-exit-key", Qt = "data-zoom-radius";
-function ur(t, e) {
+function br(t) {
+  var x, A;
+  const { resolved: e, input: n, from: o, to: r, physics: i, onComplete: c } = t, s = e.mode === "enter", l = s ? r : o, a = Yt(n), d = a.contentAware ? ((x = n.exitMedia) == null ? void 0 : x.mediaElement) ?? e.exitEl : e.exitEl, p = a.contentAware ? ((A = n.enterMedia) == null ? void 0 : A.mediaElement) ?? e.enterEl : e.enterEl, y = it(d), u = it(p), f = Dt(d);
+  a.contentAware && (f.style.width = `${a.exitContent.width}px`, f.style.height = `${a.exitContent.height}px`, f.style.borderRadius = "0"), f.style.zIndex = getComputedStyle(p).zIndex, p.after(f), f.style.transform = Kn(
+    {
+      width: a.enterContent.width,
+      height: a.enterContent.height,
+      left: a.enterContent.left + l.scrollLeft,
+      top: a.enterContent.top + l.scrollTop
+    },
+    kt(l, f)
+  );
+  const h = n.enterMedia ?? ot(
+    e.enterEl,
+    n.enterRect,
+    ($) => H(l, $),
+    { clipRoot: l, legacyRadiusAttribute: "data-zoom-radius" }
+  );
+  if ((a.contentAware ? h.radiusSource : h.bboxRadiusSource) !== "unsupported") {
+    const $ = a.contentAware ? h.window : n.enterRect, P = a.contentAware ? h.cornerRadii ?? [h.radius] : [h.bboxRadius];
+    f.style.borderRadius = "0", f.style.clipPath = lt(
+      a.enterContent,
+      U(a.enterContent, $),
+      P.map((w) => ({ x: w, y: w }))
+    );
+  }
+  const b = ($, P) => ({
+    opacity: B(s ? P : $) * y.opacity
+  }), g = ($, P) => ({
+    opacity: B(s ? $ : P) * u.opacity
+  });
+  return f.style.opacity = String(b(0, 1).opacity), y.set(0), u.set(g(0, 1).opacity), c(() => {
+    f.remove(), y.restore(), u.restore();
+  }), [
+    new S({
+      element: f,
+      integrator: C.from(i),
+      style: b
+    }),
+    new S({
+      element: p,
+      integrator: C.from(i),
+      style: g
+    })
+  ];
+}
+const Ft = "data-zoom-enter-key", re = "data-zoom-exit-key", ie = "data-zoom-radius";
+function wr(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 fr(t, e) {
+function xr(t, e) {
   const n = [];
   let o = e;
   for (; o && o !== t; ) {
     const r = o.parentElement;
     if (!r) break;
     for (const i of Array.from(r.children))
-      i !== o && i instanceof HTMLElement && n.push(i);
+      i !== o && i instanceof HTMLElement && !i.hasAttribute(rt) && n.push(i);
     o = r;
   }
   return n;
 }
-function te(t) {
-  const e = t.querySelectorAll(`[${vt}]`);
+function se(t) {
+  const e = t.querySelectorAll(`[${Ft}]`);
   return e.length !== 1 ? null : e[0];
 }
-function ee(t, e) {
-  const n = t.querySelectorAll(`[${Jt}]`);
+function ae(t, e) {
+  const n = t.querySelectorAll(`[${re}]`);
   for (const o of n)
-    if (o.getAttribute(Jt) === e)
+    if (o.getAttribute(re) === e)
       return o;
   return null;
 }
-function hr(t, e, n) {
+function Sr(t, e, n) {
   if (n === "forward") {
-    const c = te(e);
+    const c = se(e);
     if (!c) return null;
-    const s = c.getAttribute(vt);
+    const s = c.getAttribute(Ft);
     if (!s) return null;
-    const l = ee(t, s);
+    const l = ae(t, s);
     return l ? { mode: "enter", enterEl: c, exitEl: l } : null;
   }
-  const o = te(t);
+  const o = se(t);
   if (!o) return null;
-  const r = o.getAttribute(vt);
+  const r = o.getAttribute(Ft);
   if (!r) return null;
-  const i = ee(e, r);
+  const i = ae(e, r);
   return i ? { mode: "exit", enterEl: o, exitEl: i } : null;
 }
-function yr(t, e, n, o) {
-  const r = t.mode === "enter" ? n : e, i = t.mode === "enter" ? e : n, c = L(r, t.enterEl), s = L(i, t.exitEl), l = $t(
+function Cr(t, e, n, o) {
+  const r = t.mode === "enter" ? n : e, i = t.mode === "enter" ? e : n, c = H(r, t.enterEl), s = H(i, t.exitEl), l = ot(
     t.enterEl,
     c,
-    (y) => L(r, y),
+    (m) => H(r, m),
     {
       clipRoot: r,
-      legacyRadiusAttribute: Qt
+      legacyRadiusAttribute: ie
     }
-  ), a = $t(
+  ), a = ot(
     t.exitEl,
     s,
-    (y) => L(i, y),
+    (m) => H(i, m),
     {
       clipRoot: i,
-      legacyRadiusAttribute: Qt
+      legacyRadiusAttribute: ie
     }
-  ), [d, p] = le(l, a), f = d.contentAware && p.contentAware, u = t.mode === "enter" ? n.getBoundingClientRect() : e.getBoundingClientRect(), m = {
+  ), [d, p] = ye(l, a), y = d.contentAware && p.contentAware, u = t.mode === "enter" ? n.getBoundingClientRect() : e.getBoundingClientRect(), f = {
     left: 0,
     top: 0,
     width: u.width,
     height: u.height
-  }, h = d.radiusSource === "legacy" || ur(d.window, m) ? d.radius : 0;
+  }, h = d.radiusSource === "legacy" || wr(d.window, f) ? d.radius : 0;
   return {
     enterRect: c,
     exitRect: s,
-    ...f ? {
+    ...y ? {
       enterMedia: d,
       exitMedia: p
     } : {},
@@ -2626,21 +2747,21 @@ function yr(t, e, n, o) {
     exitRadius: p.radius
   };
 }
-const gt = /* @__PURE__ */ new WeakMap();
-function mr(t) {
-  const e = gt.get(t) ?? {
+const At = /* @__PURE__ */ new WeakMap();
+function Er(t) {
+  const e = At.get(t) ?? {
     opacity: t.style.opacity,
     users: 0
   };
-  e.users++, gt.set(t, e), t.style.opacity = "0";
+  e.users++, At.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), gt.delete(t)));
+    n || (n = !0, !(--e.users > 0) && (t.style.opacity === "0" && (t.style.opacity = e.opacity), At.delete(t)));
   };
 }
-class gr {
+class $r {
   constructor() {
-    I(this, "name", "tile");
+    _(this, "name", "tile");
   }
   prepare(e) {
     e.from.then((n) => {
@@ -2648,31 +2769,32 @@ class gr {
     });
   }
   contribute(e) {
-    const { from: n, to: o, resolved: r, input: i, physics: c, onComplete: s } = e, l = r.mode === "enter", a = l ? qo(i) : Ko(i), d = l ? o : n, p = l ? "t" : "u";
-    s(mr(r.exitEl)), a && (d.style.transformOrigin = a.transformOrigin);
-    const f = l ? M : T, u = l ? T : M, m = n.style.zIndex;
-    n.style.zIndex = f;
-    const h = o.style.zIndex, y = o.style.position;
-    return o.style.zIndex = u, o.style.position = "relative", s(() => {
-      d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.transformOrigin = "", d.style.contain = "", n.style.zIndex = m, o.style.zIndex === u && (o.style.zIndex = h), o.style.position === "relative" && (o.style.position = y), o.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
+    const { from: n, to: o, resolved: r, input: i, physics: c, onComplete: s } = e, l = r.mode === "enter", a = l ? nr(i) : or(i), d = l ? o : n, p = l ? "t" : "u", y = br(e);
+    s(Er(r.exitEl)), a && (d.style.transformOrigin = a.transformOrigin);
+    const u = l ? L : D, f = l ? D : L, h = n.style.zIndex;
+    n.style.zIndex = u;
+    const m = o.style.zIndex, b = o.style.position;
+    return o.style.zIndex = f, o.style.position = "relative", s(() => {
+      d.style.willChange = "auto", d.style.backfaceVisibility = "", d.style.transformOrigin = "", d.style.contain = "", n.style.zIndex = h, o.style.zIndex === f && (o.style.zIndex = m), o.style.position === "relative" && (o.style.position = b), o.style.transformOrigin = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.transformOrigin = "", n.style.contain = "", n.style.transform = "", n.style.clipPath = "";
     }), [
-      new w({
+      ...y,
+      new S({
         element: d,
         integrator: C.from(c),
         // Enter: tile expands as `t` (0 → 1). Exit: tile shrinks as `u` —
         // the legacy convention from v5's outAnim path. Either way, feed
         // the progress that matches the tileConfig's authored direction.
-        style: p === "t" ? (b) => a.animate(b) : (b, g) => a.animate(g)
+        style: p === "t" ? (g) => a.animate(g) : (g, x) => a.animate(x)
       })
     ];
   }
 }
-class br {
+class Ar {
   constructor() {
-    I(this, "name", "content");
+    _(this, "name", "content");
   }
   contribute(e) {
-    const { resolved: n, physics: o, from: r, to: i, onComplete: c } = e, s = n.mode === "enter" ? i : r, l = fr(s, n.enterEl);
+    const { resolved: n, physics: o, from: r, to: i, onComplete: c } = e, s = n.mode === "enter" ? i : r, l = xr(s, n.enterEl);
     if (l.length === 0) return [];
     const a = l.map((d) => d.style.opacity);
     if (n.mode === "enter")
@@ -2683,45 +2805,45 @@ class br {
         p && (p.style.opacity = a[d] ?? "");
       }
     }), l.map(
-      (d) => new w({
+      (d) => new S({
         element: d,
         integrator: C.from(o),
-        style: (p, f) => ({
-          opacity: n.mode === "enter" ? p : f
+        style: (p, y) => ({
+          opacity: n.mode === "enter" ? p : y
         })
       })
     );
   }
 }
-class wr {
+class Pr {
   constructor() {
-    I(this, "name", "content");
+    _(this, "name", "content");
   }
   contribute() {
     return [];
   }
 }
-const Sr = {
-  default: () => new wr(),
-  fade: () => new br()
+const vr = {
+  default: () => new Pr(),
+  fade: () => new Ar()
 };
-function xr(t) {
-  return Sr[t]();
+function Rr(t) {
+  return vr[t]();
 }
-function Cr(t) {
-  const e = pr(t.type);
+function Ir(t) {
+  const e = gr(t.type);
   return { strategies: [
-    new gr(),
+    new $r(),
     e,
-    xr(t.variant),
+    Rr(t.variant),
     // 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 or()] : []
+    ...t.type === "blur" ? [new lr()] : []
   ], physics: e.physics };
 }
-const Er = (t) => {
-  const { strategies: e, physics: n } = Cr(t), o = (r) => ({
+const Or = (t) => {
+  const { strategies: e, physics: n } = Ir(t), o = (r) => ({
     prepare: (i) => {
       const c = {
         from: i.from,
@@ -2741,15 +2863,15 @@ const Er = (t) => {
     },
     animation: ({ from: i, to: c, context: s, ...l }) => {
       var b;
-      const a = hr(i, c, r);
+      const a = Sr(i, c, r);
       if (!a)
-        return j({
+        return q({
           tile: [],
           background: [],
           content: [],
           overlay: []
         });
-      const d = yr(a, i, c, s.scrollOffset), p = [], u = {
+      const d = Cr(a, i, c, s.scrollOffset), p = [], u = {
         from: i,
         to: c,
         resolved: a,
@@ -2760,43 +2882,43 @@ const Er = (t) => {
         onComplete: (g) => {
           p.push(g);
         }
-      }, m = {
+      }, f = {
         tile: [],
         background: [],
         content: [],
         overlay: []
       };
       for (const g of e)
-        m[g.name].push(...((b = g.contribute) == null ? void 0 : b.call(g, u)) ?? []);
-      const h = Object.values(m).flat(), y = j(m);
-      y.onComplete = () => {
+        f[g.name].push(...((b = g.contribute) == null ? void 0 : b.call(g, u)) ?? []);
+      const h = Object.values(f).flat(), m = q(f);
+      m.onComplete = () => {
         for (const g of p)
           try {
             g();
-          } catch (S) {
-            console.error("[zoom] cleanup error", S);
+          } catch (x) {
+            console.error("[zoom] cleanup error", x);
           }
       };
       for (const g of h)
-        g instanceof w && G(g);
-      return y;
+        g instanceof S && K(g);
+      return m;
     }
   });
-  return _({
+  return k({
     forward: o("forward"),
     backward: o("backward")
   });
 };
-function $r(t) {
+function _r(t) {
   const e = t.type ?? "static", n = t.variant ?? (t.fade ? "fade" : "default");
   return { type: e, variant: n };
 }
-function Zr(t = {}, e = {}) {
-  const n = $r(t);
-  return O(Er(n), e.override);
+function ti(t = {}, e = {}) {
+  const n = _r(t);
+  return F(Or(n), e.override);
 }
-const ne = 1 / 60, Pr = 600;
-function Ar(t, e) {
+const ce = 1 / 60, kr = 600;
+function Fr(t, e) {
   const n = Math.sqrt(t), o = e / (2 * n), r = 2 * Math.PI / n, i = o <= 1 ? 1 - o : 1 / o - 1;
   return { duration: r, bounce: i, zeta: o };
 }
@@ -2813,29 +2935,29 @@ function Q(t) {
       throw new Error(`spring(): ${e} must be finite and > 0`);
   return C.from({ spring: t });
 }
-function vr(t) {
+function Tr(t) {
   let e = { position: 0, velocity: 0 };
-  for (let n = 1; n <= Pr; n++)
-    if (e = t.step(e, 1, ne), e.position >= 1) return n * ne * 1e3;
+  for (let n = 1; n <= kr; n++)
+    if (e = t.step(e, 1, ce), e.position >= 1) return n * ce * 1e3;
   return 1 / 0;
 }
-function Rr(t) {
+function Mr(t) {
   const { duration: e, resistance: n = 1.5, restDelta: o } = t;
   if (!Number.isFinite(e) || !(e > 0))
     throw new Error("easeIn(): duration must be finite and > 0");
   const r = e * 1e3;
   let i = 0.01, c = 1e6;
   for (let s = 0; s < 60; s++) {
-    const l = Math.sqrt(i * c), a = new wt({
+    const l = Math.sqrt(i * c), a = new vt({
       acceleration: l,
       resistance: n,
       restDelta: o
     });
-    vr(a) > r ? i = l : c = l;
+    Tr(a) > r ? i = l : c = l;
   }
-  return new wt({ acceleration: c, resistance: n, restDelta: o });
+  return new vt({ acceleration: c, resistance: n, restDelta: o });
 }
-class ye {
+class xe {
   constructor(e, n) {
     if (this.inner = e, this.factor = n, !Number.isFinite(n) || !(n > 0))
       throw new Error("scale(): factor must be finite and > 0");
@@ -2856,13 +2978,13 @@ class ye {
     );
   }
 }
-function jr(t, e) {
-  return new ye(t, e);
+function ei(t, e) {
+  return new xe(t, e);
 }
-function Ir(t) {
-  const e = Ie(t, 0, 1, 0), n = e.length ? e[e.length - 1].time : 0;
-  if (t instanceof ye) {
-    const o = Ir(t.inner);
+function Dr(t) {
+  const e = Te(t, 0, 1, 0), n = e.length ? e[e.length - 1].time : 0;
+  if (t instanceof xe) {
+    const o = Dr(t.inner);
     return {
       ...o,
       kind: "scaled",
@@ -2870,61 +2992,61 @@ function Ir(t) {
       settleMs: n
     };
   }
-  return t instanceof bt || t instanceof _e ? {
-    kind: t instanceof bt ? "spring" : "double-spring",
-    ...Ar(t.stiffness, t.damping),
+  return t instanceof Pt || t instanceof Me ? {
+    kind: t instanceof Pt ? "spring" : "double-spring",
+    ...Fr(t.stiffness, t.damping),
     settleMs: n
-  } : t instanceof wt ? { kind: "inertia", settleMs: n } : { kind: "custom", settleMs: n };
+  } : t instanceof vt ? { kind: "inertia", settleMs: n } : { kind: "custom", settleMs: n };
 }
-const Gr = Q({
+const ni = Q({
   stiffness: 246.74011002723395,
   damping: 31.41592653589793
-}), qr = Q({
+}), oi = Q({
   stiffness: 438.6490844928604,
   damping: 35.604716740684324
-}), Kr = Q({
+}), ri = Q({
   stiffness: 194.9551486634935,
   damping: 19.54768762233649
-}), Jr = Q({
+}), ii = Q({
   stiffness: 130.5071656342394,
   damping: 22.84794657156213
-}), Qr = Q({
+}), si = Q({
   stiffness: 986.9604401089358,
   damping: 62.83185307179586
-}), ti = Rr({ duration: 0.2 });
+}), ai = Mr({ duration: 0.2 });
 export {
-  oi as Animation,
-  _e as DoubleSpringIntegrator,
-  wt as InertiaIntegrator,
+  di as Animation,
+  Me as DoubleSpringIntegrator,
+  vt as InertiaIntegrator,
   C as IntegratorProvider,
-  Te as LinearIntegrator,
-  A as MultiAnimation,
-  ye as ScaledIntegrator,
-  bt as SpringIntegrator,
-  w as WebAnimation,
-  ti as accelerate,
-  Mr as axis,
-  Dr as blind,
-  Kr as bouncy,
-  _ as defineTransition,
-  Ir as describeIntegrator,
-  Yr as drill,
-  Rr as easeIn,
-  Lr as fade,
-  Hr as film,
-  Jr as gentle,
-  Nr as hero,
-  zr as jaemin,
-  Wr as rotate,
-  jr as scale,
-  Vr as scroll,
-  Xr as sheet,
-  Br as slide,
-  Gr as smooth,
-  qr as snappy,
+  He as LinearIntegrator,
+  R as MultiAnimation,
+  xe as ScaledIntegrator,
+  Pt as SpringIntegrator,
+  S as WebAnimation,
+  ai as accelerate,
+  Wr as axis,
+  Vr as blind,
+  ri as bouncy,
+  k as defineTransition,
+  Dr as describeIntegrator,
+  Xr as drill,
+  Mr as easeIn,
+  Br as fade,
+  Ur as film,
+  ii as gentle,
+  jr as hero,
+  Zr as jaemin,
+  Gr as rotate,
+  ei as scale,
+  qr as scroll,
+  Kr as sheet,
+  Jr as slide,
+  ni as smooth,
+  oi as snappy,
   Q as spring,
-  Ur as strip,
-  Qr as swift,
-  O as withOverride,
-  Zr as zoom
+  Qr as strip,
+  si as swift,
+  F as withOverride,
+  ti as zoom
 };