@ssgoi/core 4.4.1 → 5.0.1

package/dist/view-transitions/index.js

@@ -1,29 +1,29 @@
-const g = (t, i) => {
+const g = (t, n) => {
   var r;
-  t.style.position = "absolute", t.style.width = "100%", t.style.top = `${-1 * (((r = i == null ? void 0 : i.scrollOffset) == null ? void 0 : r.y) ?? 0)}px`, t.style.left = "0";
-}, _ = (t) => new Promise((i) => setTimeout(i, t));
-function x(t, i) {
-  function r(s) {
+  t.style.position = "absolute", t.style.width = "100%", t.style.top = `${-1 * (((r = n == null ? void 0 : n.scrollOffset) == null ? void 0 : r.y) ?? 0)}px`, t.style.left = "0";
+}, _ = (t) => new Promise((n) => setTimeout(n, t));
+function x(t, n) {
+  function r(i) {
     let e = 0, a = 0;
-    const l = s.offsetWidth, y = s.offsetHeight;
-    let o = s;
+    const l = i.offsetWidth, y = i.offsetHeight;
+    let o = i;
     for (; o; )
       e += o.offsetTop, a += o.offsetLeft, o = o.offsetParent;
     return e -= window.scrollY, a -= window.scrollX, { top: e, left: a, width: l, height: y };
   }
-  const c = r(t), n = r(i);
+  const c = r(t), s = r(n);
   return new DOMRect(
-    n.left - c.left,
-    n.top - c.top,
-    n.width,
-    n.height
+    s.left - c.left,
+    s.top - c.top,
+    s.width,
+    s.height
   );
 }
 function E() {
-  let t, i;
-  return { promise: new Promise((c, n) => {
-    t = c, i = n;
-  }), resolve: t, reject: i };
+  let t, n;
+  return { promise: new Promise((c, s) => {
+    t = c, n = s;
+  }), resolve: t, reject: n };
 }
 const H = {
   spring: { stiffness: 200, damping: 22 }
@@ -31,11 +31,11 @@ const H = {
   spring: { stiffness: 200, damping: 22 }
 }, z = 300, W = 10, M = "horizontal", B = "#000000", Mt = (t = {}) => {
   const {
-    transitionDelay: i = z,
+    transitionDelay: n = z,
     blindCount: r = W,
     direction: c = M,
-    blindColor: n = B
-  } = t, s = t.physics ?? X, e = t.physics ?? H;
+    blindColor: s = B
+  } = t, i = t.physics ?? X, e = t.physics ?? H;
   let a, l = null;
   const y = (o, h, d = "left") => {
     window.getComputedStyle(o).position === "static" && (o.style.position = "relative");
@@ -61,7 +61,7 @@ const H = {
           left: 0;
           width: 100%;
           height: ${C};
-          background: ${n};
+          background: ${s};
           transform: scaleX(${h === "hidden" ? 0 : 1});
           transform-origin: ${d} center;
           will-change: transform;
@@ -74,7 +74,7 @@ const H = {
           left: ${b * $}%;
           width: ${C};
           height: 100%;
-          background: ${n};
+          background: ${s};
           transform: scaleY(${h === "hidden" ? 0 : 1});
           transform-origin: ${d === "left" ? "top" : "bottom"} center;
           will-change: transform;
@@ -129,7 +129,7 @@ const H = {
       };
       return {
         items: Array.from({ length: r }, (f, p) => ({
-          physics: s,
+          physics: i,
           offset: 0.2,
           css: {
             // Use getter for lazy element access (evaluated after prepare)
@@ -146,7 +146,7 @@ const H = {
         onStart: () => {
         },
         wait: async () => {
-          a && await a, await _(i);
+          a && await a, await _(n);
         },
         onEnd: () => {
           h && h.container && h.container.remove();
@@ -188,25 +188,25 @@ const H = {
   letterSpacing: "0.02em",
   color: "#FFFFFF"
 }, R = 0.4, S = 0.5, tt = 0.2;
-function st(t, i) {
+function st(t, n) {
   switch (t) {
     case "circle":
-      return `circle(${i * 100}% at 50% 50%)`;
+      return `circle(${n * 100}% at 50% 50%)`;
     case "square":
-      return `inset(${(1 - i) * 50}% round ${10 * i}%)`;
+      return `inset(${(1 - n) * 50}% round ${10 * n}%)`;
     case "triangle": {
-      const r = i * 100;
+      const r = n * 100;
       return `polygon(50% ${50 - r}%, ${50 - r}% ${50 + r}%, ${50 + r}% ${50 + r}%)`;
     }
   }
 }
-const it = (t) => t.reduce((i, r) => i + r, 0), Bt = (t = {}) => {
+const it = (t) => t.reduce((n, r) => n + r, 0), Bt = (t = {}) => {
   const {
-    background: i = N,
+    background: n = N,
     texts: r = [],
     shape: c = G,
-    textStyle: n = {}
-  } = t, s = t.physics ?? j, e = t.physics ?? q;
+    textStyle: s = {}
+  } = t, i = t.physics ?? j, e = t.physics ?? q;
   return {
     out: (a, l) => {
       const y = a.style.opacity;
@@ -233,15 +233,15 @@ const it = (t) => t.reduce((i, r) => i + r, 0), Bt = (t = {}) => {
       );
       let u = [];
       const f = () => {
-        l = document.createElement("div"), l.id = k, Object.assign(l.style, Z, { background: i }), document.body.appendChild(l), y = document.createElement("div"), Object.assign(y.style, J), l.appendChild(y), o = document.createElement("div"), Object.assign(o.style, K), y.appendChild(o), r.forEach((p) => {
+        l = document.createElement("div"), l.id = k, Object.assign(l.style, Z, { background: n }), document.body.appendChild(l), y = document.createElement("div"), Object.assign(y.style, J), l.appendChild(y), o = document.createElement("div"), Object.assign(o.style, K), y.appendChild(o), r.forEach((p) => {
           const $ = document.createElement("div");
-          $.textContent = p, Object.assign($.style, Q, n), o.appendChild($);
+          $.textContent = p, Object.assign($.style, Q, s), o.appendChild($);
         }), u = Array.from(o.children).map(
           (p) => p.getBoundingClientRect().width
         );
       };
       return {
-        physics: s,
+        physics: i,
         from: 0,
         to: 1,
         prepare: () => {
@@ -273,32 +273,32 @@ const it = (t) => t.reduce((i, r) => i + r, 0), Bt = (t = {}) => {
   };
 }, nt = {
   spring: {
-    stiffness: 600,
-    damping: 40,
+    stiffness: 280,
+    damping: 30,
     restDelta: 0.1,
     restSpeed: 1e14
   }
 }, et = {
   spring: {
-    stiffness: 600,
-    damping: 40,
+    stiffness: 280,
+    damping: 30,
     restDelta: 0.1,
     restSpeed: 1e14
   }
 }, at = 0.05;
 function A(t) {
-  const i = x(document.body, t.positionedParent), r = t.scroll.y, c = window.innerHeight - i.top;
+  const n = x(document.body, t.positionedParent), r = t.scroll.y, c = window.innerHeight - n.top;
   return {
     top: r,
     left: 0,
-    width: i.width,
+    width: n.width,
     height: c
   };
 }
 const qt = (t = {}) => {
-  const { direction: i = "enter" } = t, r = t.physics ?? (i === "enter" ? nt : et), c = t.scaleOffset ?? at;
-  let { promise: n, resolve: s } = E();
-  return i === "enter" ? {
+  const { direction: n = "enter" } = t, r = t.physics ?? (n === "enter" ? nt : et), c = t.scaleOffset ?? at;
+  let { promise: s, resolve: i } = E();
+  return n === "enter" ? {
     // Entering page: scales up from small (0.8 → 1) with fade in
     in: (e, a) => {
       const l = A(a), y = l.left + l.width / 2, o = l.top + l.height / 2;
@@ -308,10 +308,10 @@ const qt = (t = {}) => {
           e.style.opacity = "0", e.style.willChange = "transform, opacity", e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint", e.style.transformOrigin = `${y}px ${o}px`;
         },
         wait: async () => {
-          if (n) {
-            await n;
+          if (s) {
+            await s;
             const h = E();
-            n = h.promise, s = h.resolve;
+            s = h.promise, i = h.resolve;
           }
         },
         css: (h) => ({
@@ -336,7 +336,7 @@ const qt = (t = {}) => {
           opacity: h
         }),
         onEnd: () => {
-          s && s();
+          i && i();
         }
       };
     }
@@ -350,10 +350,10 @@ const qt = (t = {}) => {
           e.style.opacity = "0", e.style.willChange = "transform, opacity", e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint", e.style.transformOrigin = `${y}px ${o}px`;
         },
         wait: async () => {
-          if (n) {
-            await n;
+          if (s) {
+            await s;
             const h = E();
-            n = h.promise, s = h.resolve;
+            s = h.promise, i = h.resolve;
           }
         },
         css: (h) => ({
@@ -378,7 +378,7 @@ const qt = (t = {}) => {
           opacity: h
         }),
         onEnd: () => {
-          s && s();
+          i && i();
         }
       };
     }
@@ -394,61 +394,61 @@ const qt = (t = {}) => {
     damping: 22
   }
 }, jt = (t = {}) => {
-  const { opacity: i = !1, direction: r = "enter" } = t, c = t.physics ?? (r === "enter" ? rt : ot);
+  const { opacity: n = !1, direction: r = "enter" } = t, c = t.physics ?? (r === "enter" ? rt : ot);
   return r === "enter" ? {
-    in: (n) => ({
+    in: (s) => ({
       physics: c,
       prepare: () => {
-        n.style.willChange = i ? "transform, opacity" : "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
+        s.style.willChange = n ? "transform, opacity" : "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
       },
-      css: (s) => {
+      css: (i) => {
         const e = {
-          transform: `translate3d(${(1 - s) * 100}%, 0, 0)`
+          transform: `translate3d(${(1 - i) * 100}%, 0, 0)`
         };
-        return i && (e.opacity = s), e;
+        return n && (e.opacity = i), e;
       },
       onEnd: () => {
-        n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "";
+        s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
       }
     }),
-    out: (n, s) => ({
+    out: (s, i) => ({
       physics: c,
       prepare: () => {
-        g(n, s), n.style.zIndex = "-1", n.style.willChange = i ? "transform, opacity" : "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.pointerEvents = "none";
+        g(s, i), s.style.zIndex = "-1", s.style.willChange = n ? "transform, opacity" : "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none";
       },
       css: (e) => {
         const a = {
           transform: `translate3d(${-(1 - e) * 20}%, 0, 0)`
         };
-        return i && (a.opacity = e), a;
+        return n && (a.opacity = e), a;
       }
     })
   } : {
-    in: (n) => ({
+    in: (s) => ({
       physics: c,
       prepare: () => {
-        n.style.willChange = i ? "transform, opacity" : "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
+        s.style.willChange = n ? "transform, opacity" : "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
       },
-      css: (s) => {
+      css: (i) => {
         const e = {
-          transform: `translate3d(${-(1 - s) * 20}%, 0, 0)`
+          transform: `translate3d(${-(1 - i) * 20}%, 0, 0)`
         };
-        return i && (e.opacity = s), e;
+        return n && (e.opacity = i), e;
       },
       onEnd: () => {
-        n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "";
+        s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
       }
     }),
-    out: (n, s) => ({
+    out: (s, i) => ({
       physics: c,
       prepare: () => {
-        g(n, s), n.style.zIndex = "100", n.style.willChange = i ? "transform, opacity" : "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.pointerEvents = "none";
+        g(s, i), s.style.zIndex = "100", s.style.willChange = n ? "transform, opacity" : "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none";
       },
       css: (e) => {
         const a = {
           transform: `translate3d(${(1 - e) * 100}%, 0, 0)`
         };
-        return i && (a.opacity = e), a;
+        return n && (a.opacity = e), a;
       }
     })
   };
@@ -457,8 +457,8 @@ const qt = (t = {}) => {
 }, ct = {
   spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
 }, yt = 0, Nt = (t = {}) => {
-  const { transitionDelay: i = yt } = t, r = t.physics ?? ct, c = t.physics ?? lt;
-  let { promise: n, resolve: s } = E();
+  const { transitionDelay: n = yt } = t, r = t.physics ?? ct, c = t.physics ?? lt;
+  let { promise: s, resolve: i } = E();
   return {
     in: (e) => ({
       physics: r,
@@ -466,10 +466,10 @@ const qt = (t = {}) => {
         e.style.opacity = "0", e.style.willChange = "opacity";
       },
       wait: async () => {
-        if (n) {
-          await n;
+        if (s) {
+          await s;
           const a = E();
-          n = a.promise, s = a.resolve, await _(i);
+          s = a.promise, i = a.resolve, await _(n);
         }
       },
       css: (a) => ({
@@ -488,7 +488,7 @@ const qt = (t = {}) => {
         g(e, a), e.style.willChange = "opacity";
       },
       onEnd: () => {
-        s && s(), e.style.willChange = "auto";
+        i && i(), e.style.willChange = "auto";
       }
     })
   };
@@ -507,10 +507,10 @@ const qt = (t = {}) => {
   scaleUp: 0.8
   // Start when translate is 70% complete
 }, pt = 0.8, dt = "white", Gt = (t) => {
-  var n;
-  const i = ht, r = pt, c = ((n = t == null ? void 0 : t.border) == null ? void 0 : n.color) ?? dt;
+  var s;
+  const n = ht, r = pt, c = ((s = t == null ? void 0 : t.border) == null ? void 0 : s.color) ?? dt;
   return {
-    out: async (s, e) => {
+    out: async (i, e) => {
       const a = v(e), l = x(document.body, e.positionedParent), y = ft(c, {
         ...a,
         top: l.top
@@ -518,7 +518,7 @@ const qt = (t = {}) => {
         scale: 1,
         translateY: -a.top
       }, h = () => {
-        s.style.transform = `translateY(${o.translateY}px) scale(${o.scale})`;
+        i.style.transform = `translateY(${o.translateY}px) scale(${o.scale})`;
         const d = (a.width - a.width * o.scale) / 2, u = (a.height - a.height * o.scale) / 2;
         ut(y, d, u);
       };
@@ -526,7 +526,7 @@ const qt = (t = {}) => {
         items: [
           // Spring 1: Scale Down (1 → scale)
           {
-            physics: (t == null ? void 0 : t.physics) ?? { spring: i.scaleDown },
+            physics: (t == null ? void 0 : t.physics) ?? { spring: n.scaleDown },
             offset: O.scaleDown,
             tick: (d) => {
               const u = 1 - d;
@@ -535,7 +535,7 @@ const qt = (t = {}) => {
           },
           // Spring 2: Translate (vertical movement)
           {
-            physics: (t == null ? void 0 : t.physics) ?? { spring: i.translate },
+            physics: (t == null ? void 0 : t.physics) ?? { spring: n.translate },
             offset: O.translate,
             tick: (d) => {
               const u = 1 - d;
@@ -544,7 +544,7 @@ const qt = (t = {}) => {
           },
           // Spring 3: Scale Up (scale → 1)
           {
-            physics: (t == null ? void 0 : t.physics) ?? { spring: i.scaleUp },
+            physics: (t == null ? void 0 : t.physics) ?? { spring: n.scaleUp },
             offset: O.scaleUp,
             tick: (d) => {
               const u = 1 - d;
@@ -554,30 +554,30 @@ const qt = (t = {}) => {
         ],
         schedule: "stagger",
         prepare: () => {
-          g(s), m(s, a), I(s, a), gt(s, a);
+          g(i), m(i, a), I(i, a), gt(i, a);
           for (const d of y)
             e.positionedParent.appendChild(d);
         },
         onEnd: () => {
-          s.style.clipPath = "", s.style.transformOrigin = "", setTimeout(() => {
+          i.style.clipPath = "", i.style.transformOrigin = "", setTimeout(() => {
             for (const d of y)
               e.positionedParent.removeChild(d);
           }, 1e3);
         }
       };
     },
-    in: async (s, e) => {
+    in: async (i, e) => {
       const a = v(e), l = {
         scale: r,
         translateY: -a.top + a.height
       }, y = () => {
-        s.style.transform = `translateY(${l.translateY}px) scale(${l.scale})`;
+        i.style.transform = `translateY(${l.translateY}px) scale(${l.scale})`;
       };
       return {
         items: [
           // Spring 1: Scale Down (1 → scale) - element starts scaled, shrinks further
           {
-            physics: (t == null ? void 0 : t.physics) ?? { spring: i.scaleDown },
+            physics: (t == null ? void 0 : t.physics) ?? { spring: n.scaleDown },
             offset: O.scaleDown,
             tick: (o) => {
               l.scale = 1 - (1 - r) * o, y();
@@ -585,7 +585,7 @@ const qt = (t = {}) => {
           },
           // Spring 2: Translate (vertical movement from bottom to top)
           {
-            physics: (t == null ? void 0 : t.physics) ?? { spring: i.translate },
+            physics: (t == null ? void 0 : t.physics) ?? { spring: n.translate },
             offset: O.translate,
             tick: (o) => {
               l.translateY = -a.top + a.height * (1 - o), y();
@@ -593,7 +593,7 @@ const qt = (t = {}) => {
           },
           // Spring 3: Scale Up (scale → 1) - element returns to full size
           {
-            physics: (t == null ? void 0 : t.physics) ?? { spring: i.scaleUp },
+            physics: (t == null ? void 0 : t.physics) ?? { spring: n.scaleUp },
             offset: O.scaleUp,
             tick: (o) => {
               l.scale = r + (1 - r) * o, y();
@@ -602,104 +602,104 @@ const qt = (t = {}) => {
         ],
         schedule: "stagger",
         prepare: () => {
-          m(s, a), I(s, a), s.style.transform = `translateY(${-a.top + a.height}px) scale(${r})`;
+          m(i, a), I(i, a), i.style.transform = `translateY(${-a.top + a.height}px) scale(${r})`;
         },
         onEnd: () => {
-          s.style.clipPath = "", s.style.transformOrigin = "", s.style.transform = "";
+          i.style.clipPath = "", i.style.transformOrigin = "", i.style.transform = "";
         }
       };
     }
   };
 };
-function ut(t, i, r) {
-  const c = i * 0.7, n = r * 0.7;
-  t.topLeft.style.transform = `translate(${c}px, ${n}px)`, t.topRight.style.transform = `translate(${-c}px, ${n}px)`, t.bottomLeft.style.transform = `translate(${c}px, ${-n}px)`, t.bottomRight.style.transform = `translate(${-c}px, ${-n}px)`;
+function ut(t, n, r) {
+  const c = n * 0.7, s = r * 0.7;
+  t.topLeft.style.transform = `translate(${c}px, ${s}px)`, t.topRight.style.transform = `translate(${-c}px, ${s}px)`, t.bottomLeft.style.transform = `translate(${c}px, ${-s}px)`, t.bottomRight.style.transform = `translate(${-c}px, ${-s}px)`;
 }
-function ft(t = "white", i) {
-  const n = document.createElement("div");
-  n.style.position = "fixed", n.style.pointerEvents = "none", n.style.zIndex = "9999", n.style.top = `${i.top - 1}px`, n.style.left = `${i.left - 1}px`, n.style.width = "15px", n.style.height = "15px";
+function ft(t = "white", n) {
   const s = document.createElement("div");
-  s.style.position = "absolute", s.style.width = "15px", s.style.height = "1px", s.style.backgroundColor = t, s.style.top = "0", s.style.left = "0";
+  s.style.position = "fixed", s.style.pointerEvents = "none", s.style.zIndex = "9999", s.style.top = `${n.top - 1}px`, s.style.left = `${n.left - 1}px`, s.style.width = "15px", s.style.height = "15px";
+  const i = document.createElement("div");
+  i.style.position = "absolute", i.style.width = "15px", i.style.height = "1px", i.style.backgroundColor = t, i.style.top = "0", i.style.left = "0";
   const e = document.createElement("div");
-  e.style.position = "absolute", e.style.width = "1px", e.style.height = "15px", e.style.backgroundColor = t, e.style.top = "0", e.style.left = "0", n.appendChild(s), n.appendChild(e);
+  e.style.position = "absolute", e.style.width = "1px", e.style.height = "15px", e.style.backgroundColor = t, e.style.top = "0", e.style.left = "0", s.appendChild(i), s.appendChild(e);
   const a = document.createElement("div");
-  a.style.position = "fixed", a.style.pointerEvents = "none", a.style.zIndex = "9999", a.style.top = `${i.top - 1}px`, a.style.left = `${i.left + i.width - 15 + 1}px`, a.style.width = "15px", a.style.height = "15px";
+  a.style.position = "fixed", a.style.pointerEvents = "none", a.style.zIndex = "9999", a.style.top = `${n.top - 1}px`, a.style.left = `${n.left + n.width - 15 + 1}px`, a.style.width = "15px", a.style.height = "15px";
   const l = document.createElement("div");
   l.style.position = "absolute", l.style.width = "15px", l.style.height = "1px", l.style.backgroundColor = t, l.style.top = "0", l.style.right = "0";
   const y = document.createElement("div");
   y.style.position = "absolute", y.style.width = "1px", y.style.height = "15px", y.style.backgroundColor = t, y.style.top = "0", y.style.right = "0", a.appendChild(l), a.appendChild(y);
   const o = document.createElement("div");
-  o.style.position = "fixed", o.style.pointerEvents = "none", o.style.zIndex = "9999", o.style.top = `${i.top + i.height - 15 + 1}px`, o.style.left = `${i.left - 1}px`, o.style.width = "15px", o.style.height = "15px";
+  o.style.position = "fixed", o.style.pointerEvents = "none", o.style.zIndex = "9999", o.style.top = `${n.top + n.height - 15 + 1}px`, o.style.left = `${n.left - 1}px`, o.style.width = "15px", o.style.height = "15px";
   const h = document.createElement("div");
   h.style.position = "absolute", h.style.width = "15px", h.style.height = "1px", h.style.backgroundColor = t, h.style.bottom = "0", h.style.left = "0";
   const d = document.createElement("div");
   d.style.position = "absolute", d.style.width = "1px", d.style.height = "15px", d.style.backgroundColor = t, d.style.bottom = "0", d.style.left = "0", o.appendChild(h), o.appendChild(d);
   const u = document.createElement("div");
-  u.style.position = "fixed", u.style.pointerEvents = "none", u.style.zIndex = "9999", u.style.top = `${i.top + i.height - 15 + 1}px`, u.style.left = `${i.left + i.width - 15 + 1}px`, u.style.width = "15px", u.style.height = "15px";
+  u.style.position = "fixed", u.style.pointerEvents = "none", u.style.zIndex = "9999", u.style.top = `${n.top + n.height - 15 + 1}px`, u.style.left = `${n.left + n.width - 15 + 1}px`, u.style.width = "15px", u.style.height = "15px";
   const f = document.createElement("div");
   f.style.position = "absolute", f.style.width = "15px", f.style.height = "1px", f.style.backgroundColor = t, f.style.bottom = "0", f.style.right = "0";
   const p = document.createElement("div");
   return p.style.position = "absolute", p.style.width = "1px", p.style.height = "15px", p.style.backgroundColor = t, p.style.bottom = "0", p.style.right = "0", u.appendChild(f), u.appendChild(p), {
-    topLeft: n,
+    topLeft: s,
     topRight: a,
     bottomLeft: o,
     bottomRight: u,
     *[Symbol.iterator]() {
-      yield n, yield a, yield o, yield u;
+      yield s, yield a, yield o, yield u;
     }
   };
 }
 function v(t) {
-  const i = x(document.body, t.positionedParent);
+  const n = x(document.body, t.positionedParent);
   return {
     top: t.scroll.y,
     left: 0,
-    width: i.width,
-    height: window.innerHeight - i.top
+    width: n.width,
+    height: window.innerHeight - n.top
   };
 }
-function m(t, i) {
-  const r = i.left + i.width / 2, c = i.top + i.height / 2;
+function m(t, n) {
+  const r = n.left + n.width / 2, c = n.top + n.height / 2;
   t.style.transformOrigin = `${r}px ${c}px`;
 }
-function I(t, i) {
+function I(t, n) {
   t.style.clipPath = `polygon(
-    ${i.left}px ${i.top}px,
-    ${i.left + i.width}px ${i.top}px,
-    ${i.left + i.width}px ${i.top + i.height}px,
-    ${i.left}px ${i.top + i.height}px
+    ${n.left}px ${n.top}px,
+    ${n.left + n.width}px ${n.top}px,
+    ${n.left + n.width}px ${n.top + n.height}px,
+    ${n.left}px ${n.top + n.height}px
   )`;
 }
-function gt(t, i) {
-  t.style.transform = `translateY(${-i.top}px)`;
+function gt(t, n) {
+  t.style.transform = `translateY(${-n.top}px)`;
 }
 const wt = {
   spring: { stiffness: 300, damping: 30 }
 };
-function $t(t, i) {
-  return t.querySelector(`[data-hero-key="${i}"]`);
+function $t(t, n) {
+  return t.querySelector(`[data-hero-key="${n}"]`);
 }
 const Zt = (t = {}) => {
-  const i = t.physics ?? wt, r = t.maxDistance ?? 700;
-  let c = null, n = E();
+  const n = t.physics ?? wt, r = t.maxDistance ?? 700;
+  let c = null, s = E();
   return {
-    in: async (s, e) => {
-      const a = s, l = Array.from(a.querySelectorAll("[data-hero-key]"));
-      await n.promise;
+    in: async (i, e) => {
+      const a = i, l = Array.from(a.querySelectorAll("[data-hero-key]"));
+      await s.promise;
       const y = l.map((o) => {
         const h = o.getAttribute("data-hero-key");
         if (!h) return null;
         const d = $t(c, h);
         if (!d) return null;
-        const u = o, f = x(c, d), p = x(a, u), $ = f.left - p.left - e.scrollOffset.x, w = f.top - p.top - e.scrollOffset.y, b = f.width / p.width, C = f.height / p.height, D = u.style.transform, Y = u.style.position, F = u.style.transformOrigin, U = u.style.zIndex, V = u.style.willChange;
+        const u = o, f = x(c, d), p = x(a, u), $ = f.left - p.left - e.scrollOffset.x, w = f.top - p.top - e.scrollOffset.y, b = f.width / p.width, C = f.height / p.height, Y = u.style.transform, D = u.style.position, F = u.style.transformOrigin, U = u.style.zIndex, V = u.style.willChange;
         return {
           toEl: u,
           dx: $,
           dy: w,
           dw: b,
           dh: C,
-          originalTransform: D,
-          originalPosition: Y,
+          originalTransform: Y,
+          originalPosition: D,
           originalTransformOrigin: F,
           originalZIndex: U,
           originalWillChange: V
@@ -707,14 +707,14 @@ const Zt = (t = {}) => {
       }).filter(
         (o) => o !== null && Math.abs(o.dy) <= r
       );
-      return c = null, n = E(), y.length === 0 ? {
-        physics: i,
+      return c = null, s = E(), y.length === 0 ? {
+        physics: n,
         tick: () => {
         }
         // No matching hero elements
       } : {
         items: y.map(({ toEl: o, dx: h, dy: d, dw: u, dh: f }) => ({
-          physics: i,
+          physics: n,
           tick: (p) => {
             o.style.transform = `translate(${(1 - p) * h}px, ${(1 - p) * d}px) scale(${p + (1 - p) * u}, ${p + (1 - p) * f})`;
           }
@@ -741,89 +741,89 @@ const Zt = (t = {}) => {
         }
       };
     },
-    out: async (s) => ({
-      physics: i,
+    out: async (i) => ({
+      physics: n,
       tick: () => {
       },
       prepare: () => {
-        c = s, n.resolve(), g(s), s.style.opacity = "0";
+        c = i, s.resolve(), g(i), i.style.opacity = "0";
       }
     })
   };
 }, bt = {
-  spring: { stiffness: 180, damping: 22, doubleSpring: 1 }
+  spring: { stiffness: 220, damping: 24, doubleSpring: 1 }
 };
 function xt({
   detailRect: t,
-  galleryRect: i,
+  galleryRect: n,
   pageRect: r,
   scrollOffset: c
 }) {
-  const n = i.left - t.left + (i.width - t.width) / 2 - c.x, s = i.top - t.top + (i.height - t.height) / 2 - c.y, e = i.width / t.width, a = i.height / t.height, l = Math.max(e, a), y = t.top / r.height * 100, o = (r.width - (t.left + t.width)) / r.width * 100, h = (r.height - (t.top + t.height)) / r.height * 100, d = t.left / r.width * 100;
+  const s = n.left - t.left + (n.width - t.width) / 2 - c.x, i = n.top - t.top + (n.height - t.height) / 2 - c.y, e = n.width / t.width, a = n.height / t.height, l = Math.max(e, a), y = t.top / r.height * 100, o = (r.width - (t.left + t.width)) / r.width * 100, h = (r.height - (t.top + t.height)) / r.height * 100, d = t.left / r.width * 100;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (f) => {
       const p = 1 - f;
       return {
         clipPath: `inset(${y * p}% ${o * p}% ${h * p}% ${d * p}%)`,
-        transform: `translate(${n * p}px, ${s * p}px) scale(${1 + (l - 1) * p})`
+        transform: `translate(${s * p}px, ${i * p}px) scale(${1 + (l - 1) * p})`
       };
     }
   };
 }
 function Et({
   detailRect: t,
-  galleryRect: i,
+  galleryRect: n,
   pageRect: r,
   scrollOffset: c
 }) {
-  const n = i.left - t.left + (i.width - t.width) / 2 + c.x, s = i.top - t.top + (i.height - t.height) / 2 + c.y, e = i.width / t.width, a = i.height / t.height, l = Math.min(e, a), y = t.top / r.height * 100, o = (r.width - (t.left + t.width)) / r.width * 100, h = (r.height - (t.top + t.height)) / r.height * 100, d = t.left / r.width * 100;
+  const s = n.left - t.left + (n.width - t.width) / 2 + c.x, i = n.top - t.top + (n.height - t.height) / 2 + c.y, e = n.width / t.width, a = n.height / t.height, l = Math.min(e, a), y = t.top / r.height * 100, o = (r.width - (t.left + t.width)) / r.width * 100, h = (r.height - (t.top + t.height)) / r.height * 100, d = t.left / r.width * 100;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (f) => {
       const p = 1 - f;
       return {
         clipPath: `inset(${y * p}% ${o * p}% ${h * p}% ${d * p}%)`,
-        transform: `translate(${n * p - c.x}px, ${s * p - c.y}px) scale(${1 + (l - 1) * p})`
+        transform: `translate(${s * p - c.x}px, ${i * p - c.y}px) scale(${1 + (l - 1) * p})`
       };
     }
   };
 }
-function Ct(t, i, r) {
+function Ct(t, n, r) {
   const c = t.querySelector(
     "[data-instagram-detail-key]"
-  ), n = i.querySelector(
+  ), s = n.querySelector(
     "[data-instagram-detail-key]"
   );
-  if (t.querySelectorAll("[data-instagram-detail-key]").length > 1 || i.querySelectorAll("[data-instagram-detail-key]").length > 1)
+  if (t.querySelectorAll("[data-instagram-detail-key]").length > 1 || n.querySelectorAll("[data-instagram-detail-key]").length > 1)
     return null;
-  let s = null, e = null, a = !1;
-  if (!c && n) {
-    e = n;
+  let i = null, e = null, a = !1;
+  if (!c && s) {
+    e = s;
     const o = e.getAttribute("data-instagram-detail-key");
     if (!o) return null;
-    s = t.querySelector(
+    i = t.querySelector(
       `[data-instagram-gallery-key="${o}"]`
-    ), s && (a = !0);
-  } else if (c && !n) {
+    ), i && (a = !0);
+  } else if (c && !s) {
     e = c;
     const o = e.getAttribute("data-instagram-detail-key");
     if (!o) return null;
-    s = i.querySelector(
+    i = n.querySelector(
       `[data-instagram-gallery-key="${o}"]`
-    ), s && (a = !1);
+    ), i && (a = !1);
   }
-  if (!s || !e)
+  if (!i || !e)
     return null;
-  const l = x(a ? t : i, s), y = x(a ? i : t, e);
+  const l = x(a ? t : n, i), y = x(a ? n : t, e);
   if (a) {
     const o = xt({
       detailRect: y,
       galleryRect: l,
-      pageRect: i.getBoundingClientRect(),
+      pageRect: n.getBoundingClientRect(),
       scrollOffset: r
     });
-    return i.style.transformOrigin = o.transformOrigin, {
+    return n.style.transformOrigin = o.transformOrigin, {
       isEnterMode: !0,
       inAnimation: o.animate
       // No outAnimation - gallery stays visible
@@ -843,23 +843,23 @@ function Ct(t, i, r) {
   }
 }
 const Jt = (t = {}) => {
-  const i = t.physics ?? bt, r = t.timeout ?? 300;
-  let c = null, n = null, s = null, e = null;
+  const n = t.physics ?? bt, r = t.timeout ?? 300;
+  let c = null, s = null, i = null, e = null;
   return {
     in: async (a, { scrollOffset: l }) => {
       const y = a;
       return !await new Promise((h) => {
-        c ? h(!0) : (n = h, setTimeout(() => {
-          n = null, h(!1);
+        c ? h(!0) : (s = h, setTimeout(() => {
+          s = null, h(!1);
         }, r));
       }) || !c ? (e == null || e(), e = null, c = null, {
-        physics: i,
+        physics: n,
         css: () => ({})
-      }) : (s = Ct(c, y, l), e == null || e(), e = null, s ? (c = null, {
-        physics: i,
-        css: (h) => s != null && s.inAnimation ? s.inAnimation(h) : {}
+      }) : (i = Ct(c, y, l), e == null || e(), e = null, i ? (c = null, {
+        physics: n,
+        css: (h) => i != null && i.inAnimation ? i.inAnimation(h) : {}
       }) : (c = null, {
-        physics: i,
+        physics: n,
         css: () => ({})
       }));
     },
@@ -868,14 +868,14 @@ const Jt = (t = {}) => {
         e = o;
       });
       return {
-        physics: i,
+        physics: n,
         prepare: () => {
-          s != null && s.isEnterMode ? g(a) : (g(a, l), a.style.zIndex = "-1");
+          i != null && i.isEnterMode ? g(a) : (g(a, l), a.style.zIndex = "-1");
         },
         wait: async () => {
-          c = a, n && (n(!0), n = null), await y;
+          c = a, s && (s(!0), s = null), await y;
         },
-        css: (o) => s != null && s.outAnimation ? s.outAnimation(o) : {}
+        css: (o) => i != null && i.outAnimation ? i.outAnimation(o) : {}
       };
     }
   };
@@ -883,19 +883,19 @@ const Jt = (t = {}) => {
   spring: { stiffness: 50, damping: 30 }
 };
 function St(t) {
-  const i = x(document.body, t.positionedParent);
+  const n = x(document.body, t.positionedParent);
   return {
     top: t.scroll.y,
     left: 0,
-    width: i.width,
-    height: window.innerHeight - i.top
+    width: n.width,
+    height: window.innerHeight - n.top
   };
 }
 const Kt = (t = {}) => {
-  const i = t.physics ?? Ot, r = t.initialRotation ?? 45, c = t.initialScale ?? 0.01, n = t.rotationTriggerPoint ?? 0.8;
+  const n = t.physics ?? Ot, r = t.initialRotation ?? 45, c = t.initialScale ?? 0.01, s = t.rotationTriggerPoint ?? 0.8;
   return {
-    out: async (s, e) => {
-      const a = s.style.opacity;
+    out: async (i, e) => {
+      const a = i.style.opacity;
       return {
         physics: {
           spring: {
@@ -906,40 +906,40 @@ const Kt = (t = {}) => {
         from: 1,
         to: 0,
         prepare: () => {
-          g(s, e), s.style.opacity = "1";
+          g(i, e), i.style.opacity = "1";
         },
         tick: (l) => {
-          s.style.opacity = String(l);
+          i.style.opacity = String(l);
         },
         onEnd: () => {
-          s.style.opacity = a;
+          i.style.opacity = a;
         }
       };
     },
-    in: async (s, e) => {
-      const a = St(e), l = s.style.transform, y = s.style.transformOrigin, o = s.style.position, h = s.style.zIndex;
+    in: async (i, e) => {
+      const a = St(e), l = i.style.transform, y = i.style.transformOrigin, o = i.style.position, h = i.style.zIndex;
       return {
-        physics: i,
+        physics: n,
         from: 0,
         to: 1,
         prepare: () => {
           const d = Math.min(a.width, a.height) * 0.4;
-          s.style.setProperty(
+          i.style.setProperty(
             "--max-border-radius",
             `${d}px`
-          ), s.style.setProperty("--border-radius-scale", "1"), s.style.willChange = "transform", s.style.backfaceVisibility = "hidden";
+          ), i.style.setProperty("--border-radius-scale", "1"), i.style.willChange = "transform", i.style.backfaceVisibility = "hidden";
           const u = a.left + a.width / 2, f = a.top + a.height / 2;
-          s.style.transformOrigin = `${u}px ${f}px`, s.style.position = "fixed", s.style.top = `${a.top}px`, s.style.left = `${a.left}px`, s.style.width = `${a.width}px`, s.style.height = `${a.height}px`, s.style.zIndex = "1000", s.style.overflow = "hidden", s.style.transform = `rotate(${r}deg) scale(${c}) translateZ(0)`, s.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", s.style.opacity = "1";
+          i.style.transformOrigin = `${u}px ${f}px`, i.style.position = "fixed", i.style.top = `${a.top}px`, i.style.left = `${a.left}px`, i.style.width = `${a.width}px`, i.style.height = `${a.height}px`, i.style.zIndex = "1000", i.style.overflow = "hidden", i.style.transform = `rotate(${r}deg) scale(${c}) translateZ(0)`, i.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", i.style.opacity = "1";
         },
         tick: (d) => {
           let u;
           if (d <= 0.05)
             u = c;
-          else if (d <= n) {
-            const w = (d - 0.05) / (n - 0.05), b = Math.pow(w, 9);
+          else if (d <= s) {
+            const w = (d - 0.05) / (s - 0.05), b = Math.pow(w, 9);
             u = c + (0.8 - c) * b;
           } else {
-            const w = (d - n) / (1 - n);
+            const w = (d - s) / (1 - s);
             u = 0.8 + 0.2 * (1 - Math.pow(1 - w, 3));
           }
           let f;
@@ -957,50 +957,50 @@ const Kt = (t = {}) => {
             const w = (d - p) / (1 - p);
             $ = 1 - Math.pow(w, 0.5);
           }
-          s.style.transform = `rotate(${f.toFixed(2)}deg) scale(${u.toFixed(4)}) translateZ(0)`, s.style.setProperty(
+          i.style.transform = `rotate(${f.toFixed(2)}deg) scale(${u.toFixed(4)}) translateZ(0)`, i.style.setProperty(
             "--border-radius-scale",
             $.toFixed(4)
           );
         },
         onEnd: () => {
-          s.style.willChange = "", s.style.backfaceVisibility = "", s.style.removeProperty("--max-border-radius"), s.style.removeProperty("--border-radius-scale"), s.style.transform = l, s.style.transformOrigin = y, s.style.position = o, s.style.zIndex = h, s.style.top = "", s.style.left = "", s.style.width = "", s.style.height = "", s.style.overflow = "", s.style.borderRadius = "";
+          i.style.willChange = "", i.style.backfaceVisibility = "", i.style.removeProperty("--max-border-radius"), i.style.removeProperty("--border-radius-scale"), i.style.transform = l, i.style.transformOrigin = y, i.style.position = o, i.style.zIndex = h, i.style.top = "", i.style.left = "", i.style.width = "", i.style.height = "", i.style.overflow = "", i.style.borderRadius = "";
         }
       };
     }
   };
 }, At = {
-  spring: { stiffness: 200, damping: 23, doubleSpring: 1 }
+  spring: { stiffness: 220, damping: 24, doubleSpring: 1 }
 };
 function Tt({
   detailRect: t,
-  galleryRect: i,
+  galleryRect: n,
   pageRect: r,
   scrollOffset: c
 }) {
-  const n = i.left - t.left + (i.width - t.width) / 2 - c.x, s = i.top - t.top + (i.height - t.height) / 2 - c.y, e = i.width / t.width, a = i.height / t.height, l = Math.max(e, a), y = t.top / r.height * 100, o = (r.width - (t.left + t.width)) / r.width * 100, h = (r.height - (t.top + t.height)) / r.height * 100, d = t.left / r.width * 100;
+  const s = n.left - t.left + (n.width - t.width) / 2 - c.x, i = n.top - t.top + (n.height - t.height) / 2 - c.y, e = n.width / t.width, a = n.height / t.height, l = Math.max(e, a), y = t.top / r.height * 100, o = (r.width - (t.left + t.width)) / r.width * 100, h = (r.height - (t.top + t.height)) / r.height * 100, d = t.left / r.width * 100;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (f) => {
       const p = 1 - f;
       return {
         clipPath: `inset(${y * p}% ${o * p}% ${h * p}% ${d * p}%)`,
-        transform: `translate(${n * p}px, ${s * p}px) scale(${1 + (l - 1) * p})`
+        transform: `translate(${s * p}px, ${i * p}px) scale(${1 + (l - 1) * p})`
       };
     }
   };
 }
 function Lt({
   galleryRect: t,
-  detailRect: i,
+  detailRect: n,
   scrollOffset: r
 }) {
-  const c = i.left - t.left + (i.width - t.width) / 2 + r.x, n = i.top - t.top + (i.height - t.height) / 2 + r.y, s = i.width / t.width, e = i.height / t.height, a = Math.max(s, e);
+  const c = n.left - t.left + (n.width - t.width) / 2 + r.x, s = n.top - t.top + (n.height - t.height) / 2 + r.y, i = n.width / t.width, e = n.height / t.height, a = Math.max(i, e);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (y) => {
       const o = 1 - y;
       return {
-        transform: `translate(${c * o - r.x}px, ${n * o - r.y}px) scale(${1 + (a - 1) * o})`,
+        transform: `translate(${c * o - r.x}px, ${s * o - r.y}px) scale(${1 + (a - 1) * o})`,
         opacity: `${1 - o}`
       };
     }
@@ -1008,16 +1008,16 @@ function Lt({
 }
 function Pt({
   galleryRect: t,
-  detailRect: i,
+  detailRect: n,
   scrollOffset: r
 }) {
-  const c = i.left - t.left + (i.width - t.width) / 2 - r.x, n = i.top - t.top + (i.height - t.height) / 2 - r.y, s = i.width / t.width, e = i.height / t.height, a = Math.max(s, e);
+  const c = n.left - t.left + (n.width - t.width) / 2 - r.x, s = n.top - t.top + (n.height - t.height) / 2 - r.y, i = n.width / t.width, e = n.height / t.height, a = Math.max(i, e);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (y) => {
       const o = 1 - y, h = y;
       return {
-        transform: `translate(${c * o}px, ${n * o}px) scale(${1 + (a - 1) * o})`,
+        transform: `translate(${c * o}px, ${s * o}px) scale(${1 + (a - 1) * o})`,
         opacity: `${h}`
       };
     }
@@ -1025,61 +1025,61 @@ function Pt({
 }
 function kt({
   detailRect: t,
-  galleryRect: i,
+  galleryRect: n,
   pageRect: r,
   scrollOffset: c
 }) {
-  const n = i.left - t.left + (i.width - t.width) / 2 + c.x, s = i.top - t.top + (i.height - t.height) / 2 + c.y, e = i.width / t.width, a = i.height / t.height, l = Math.min(e, a), y = t.top / r.height * 100, o = (r.width - (t.left + t.width)) / r.width * 100, h = (r.height - (t.top + t.height)) / r.height * 100, d = t.left / r.width * 100;
+  const s = n.left - t.left + (n.width - t.width) / 2 + c.x, i = n.top - t.top + (n.height - t.height) / 2 + c.y, e = n.width / t.width, a = n.height / t.height, l = Math.min(e, a), y = t.top / r.height * 100, o = (r.width - (t.left + t.width)) / r.width * 100, h = (r.height - (t.top + t.height)) / r.height * 100, d = t.left / r.width * 100;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (f) => {
       const p = 1 - f;
       return {
         clipPath: `inset(${y * p}% ${o * p}% ${h * p}% ${d * p}%)`,
-        transform: `translate(${n * p - c.x}px, ${s * p - c.y}px) scale(${1 + (l - 1) * p})`
+        transform: `translate(${s * p - c.x}px, ${i * p - c.y}px) scale(${1 + (l - 1) * p})`
       };
     }
   };
 }
-function vt(t, i, r) {
+function vt(t, n, r) {
   const c = t.querySelector(
     "[data-pinterest-detail-key]"
-  ), n = i.querySelector(
+  ), s = n.querySelector(
     "[data-pinterest-detail-key]"
   );
-  if (t.querySelectorAll("[data-pinterest-detail-key]").length > 1 || i.querySelectorAll("[data-pinterest-detail-key]").length > 1)
+  if (t.querySelectorAll("[data-pinterest-detail-key]").length > 1 || n.querySelectorAll("[data-pinterest-detail-key]").length > 1)
     return null;
-  let s = null, e = null, a = !1;
-  if (!c && n) {
-    e = n;
+  let i = null, e = null, a = !1;
+  if (!c && s) {
+    e = s;
     const o = e.getAttribute("data-pinterest-detail-key");
     if (!o) return null;
-    s = t.querySelector(
+    i = t.querySelector(
       `[data-pinterest-gallery-key="${o}"]`
-    ), s && (a = !0);
-  } else if (c && !n) {
+    ), i && (a = !0);
+  } else if (c && !s) {
     e = c;
     const o = e.getAttribute("data-pinterest-detail-key");
     if (!o) return null;
-    s = i.querySelector(
+    i = n.querySelector(
       `[data-pinterest-gallery-key="${o}"]`
-    ), s && (a = !1);
+    ), i && (a = !1);
   }
-  if (!s || !e)
+  if (!i || !e)
     return null;
-  const l = x(a ? t : i, s), y = x(a ? i : t, e);
+  const l = x(a ? t : n, i), y = x(a ? n : t, e);
   if (a) {
     const o = Tt({
       detailRect: y,
       galleryRect: l,
-      pageRect: i.getBoundingClientRect(),
+      pageRect: n.getBoundingClientRect(),
       scrollOffset: r
     }), h = Lt({
       galleryRect: l,
       detailRect: y,
       scrollOffset: r
     });
-    return i.style.transformOrigin = o.transformOrigin, t.style.transformOrigin = h.transformOrigin, {
+    return n.style.transformOrigin = o.transformOrigin, t.style.transformOrigin = h.transformOrigin, {
       inAnimation: o.animate,
       outAnimation: h.animate
     };
@@ -1094,30 +1094,30 @@ function vt(t, i, r) {
       pageRect: t.getBoundingClientRect(),
       scrollOffset: r
     });
-    return i.style.transformOrigin = o.transformOrigin, t.style.transformOrigin = h.transformOrigin, {
+    return n.style.transformOrigin = o.transformOrigin, t.style.transformOrigin = h.transformOrigin, {
       inAnimation: o.animate,
       outAnimation: h.animate
     };
   }
 }
 const Qt = (t = {}) => {
-  const i = t.physics ?? At, r = t.timeout ?? 300;
-  let c = null, n = null, s = null, e = null;
+  const n = t.physics ?? At, r = t.timeout ?? 300;
+  let c = null, s = null, i = null, e = null;
   return {
     in: async (a, { scrollOffset: l }) => {
       const y = a;
       return !await new Promise((h) => {
-        c ? h(!0) : (n = h, setTimeout(() => {
-          n = null, h(!1);
+        c ? h(!0) : (s = h, setTimeout(() => {
+          s = null, h(!1);
         }, r));
       }) || !c ? (e == null || e(), e = null, c = null, {
-        physics: i,
+        physics: n,
         css: () => ({})
-      }) : (s = vt(c, y, l), e == null || e(), e = null, s ? (c = null, {
-        physics: i,
-        css: (h) => s ? s.inAnimation(h) : {}
+      }) : (i = vt(c, y, l), e == null || e(), e = null, i ? (c = null, {
+        physics: n,
+        css: (h) => i ? i.inAnimation(h) : {}
       }) : (c = null, {
-        physics: i,
+        physics: n,
         css: () => ({})
       }));
     },
@@ -1126,24 +1126,24 @@ const Qt = (t = {}) => {
         e = y;
       });
       return {
-        physics: i,
+        physics: n,
         prepare: () => {
-          g(a), a.style.zIndex = "-1", c = a, n && (n(!0), n = null);
+          g(a), a.style.zIndex = "-1", c = a, s && (s(!0), s = null);
         },
         wait: async () => {
           await l;
         },
-        css: (y) => s ? s.outAnimation(y) : {}
+        css: (y) => i ? i.outAnimation(y) : {}
       };
     }
   };
 }, mt = {
   spring: { stiffness: 100, damping: 30 }
 }, Rt = (t = {}) => {
-  const i = t.physics ?? mt;
+  const n = t.physics ?? mt;
   return {
     in: (r) => ({
-      physics: i,
+      physics: n,
       prepare: () => {
         r.style.opacity = "0", r.style.transform = "rotate(-180deg)", r.style.transformOrigin = "center center", r.style.willChange = "transform, opacity";
       },
@@ -1157,14 +1157,14 @@ const Qt = (t = {}) => {
       }
     }),
     out: (r, c) => ({
-      physics: i,
+      physics: n,
       prepare: () => {
         g(r, c), r.style.transformOrigin = "center center", r.style.willChange = "transform, opacity";
       },
-      css: (n) => ({
+      css: (s) => ({
         // 0deg → 180deg, hide after 90deg (progress < 0.5)
-        transform: `rotate(${(1 - n) * 180}deg)`,
-        opacity: n > 0.5 ? 1 : 0
+        transform: `rotate(${(1 - s) * 180}deg)`,
+        opacity: s > 0.5 ? 1 : 0
       }),
       onEnd: () => {
         r.style.willChange = "auto";
@@ -1174,16 +1174,16 @@ const Qt = (t = {}) => {
 }, It = {
   spring: { stiffness: 5, damping: 4 }
 }, ts = (t = {}) => {
-  const i = t.direction ?? "up", r = t.physics ?? It, c = i === "up";
-  let n = null, s = null, e = null;
+  const n = t.direction ?? "up", r = t.physics ?? It, c = n === "up";
+  let s = null, i = null, e = null;
   const a = () => {
-    if (n === null || s === null)
+    if (s === null || i === null)
       return null;
-    const l = Math.min(n, s), y = window.innerHeight;
+    const l = Math.min(s, i), y = window.innerHeight;
     return Math.max(l, y);
   };
   return {
-    in: (l) => (s = l.offsetHeight, n !== null && (e = a()), {
+    in: (l) => (i = l.offsetHeight, s !== null && (e = a()), {
       physics: r,
       prepare: () => {
         l.style.willChange = "transform", l.style.backfaceVisibility = "hidden", l.style.contain = "layout paint";
@@ -1205,56 +1205,60 @@ const Qt = (t = {}) => {
         l.style.transform = `translate3d(0, ${d}px, 0)`;
       },
       prepare: () => {
-        n = l.offsetHeight, s !== null && (e = a()), g(l, y), l.style.zIndex = c ? "-1" : "1", l.style.willChange = "transform", l.style.backfaceVisibility = "hidden", l.style.contain = "layout paint", l.style.pointerEvents = "none";
+        s = l.offsetHeight, i !== null && (e = a()), g(l, y), l.style.zIndex = c ? "-1" : "1", l.style.willChange = "transform", l.style.backfaceVisibility = "hidden", l.style.contain = "layout paint", l.style.pointerEvents = "none";
       }
     })
   };
 }, _t = {
-  inertia: {
-    acceleration: 20,
-    resistance: 1.5
+  spring: {
+    stiffness: 200,
+    damping: 24
   }
-}, Dt = {
+}, Yt = {
   inertia: {
-    acceleration: 20,
-    resistance: 1
+    acceleration: 25,
+    resistance: 1.2
   }
-}, Yt = 0.2;
+}, Dt = 0.2;
 function T(t) {
-  const i = x(document.body, t.positionedParent), r = t.scroll.y, c = window.innerHeight - i.top;
-  return {
+  const n = x(document.body, t.positionedParent), r = t.scroll.y, c = t.scrollingElement.offsetHeight - n.top, s = {
     top: r,
     left: 0,
-    width: i.width,
+    width: n.width,
     height: c
   };
+  return {
+    ...s,
+    centerX: s.left + s.width / 2,
+    centerY: s.top + s.height / 2
+  };
 }
 const ss = (t = {}) => {
-  const { direction: i = "enter" } = t, r = t.physics ?? (i === "enter" ? _t : Dt), c = t.scaleOffset ?? Yt;
-  return i === "enter" ? {
+  const { direction: n = "enter" } = t, r = t.physics ?? (n === "enter" ? _t : Yt), c = t.scaleOffset ?? Dt;
+  return n === "enter" ? {
     // Entering sheet: slides up from bottom
-    in: (n, s) => {
-      const a = T(s).height;
+    in: (s, i) => {
+      const e = T(i);
       return {
         physics: r,
         prepare: () => {
-          n.style.willChange = "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
+          s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.clipPath = `inset(${e.top}px 0 calc(100% - ${e.top + e.height}px) 0)`;
         },
-        css: (l) => ({
-          transform: `translate3d(0, ${(1 - l) * a}px, 0)`
+        css: (a) => ({
+          transform: `translate3d(0, ${(1 - a) * e.height}px, 0)`
         }),
         onEnd: () => {
-          n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "";
+          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.clipPath = "";
         }
       };
     },
     // Exiting background: scales down with fade
-    out: (n, s) => {
-      const e = T(s), a = e.left + e.width / 2, l = e.top + e.height / 2 + s.scrollOffset.y;
+    out: (s, i) => {
+      const e = T(i), a = e.left + e.width / 2, l = e.top + e.height / 2;
       return {
         physics: r,
         prepare: () => {
-          g(n, s), n.style.zIndex = "-1", n.style.willChange = "transform, opacity", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.pointerEvents = "none", n.style.transformOrigin = `${a}px ${l}px`;
+          g(s, i), s.style.zIndex = "-1", s.style.willChange = "transform, opacity", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none", s.style.transformOrigin = `${a}px ${l}px`;
         },
         css: (y) => ({
           transform: `scale(${1 - c + y * c})`,
@@ -1264,77 +1268,77 @@ const ss = (t = {}) => {
     }
   } : {
     // Entering background: scales up with fade
-    in: (n, s) => {
-      const e = T(s), a = e.left + e.width / 2, l = e.top + e.height / 2;
+    in: (s, i) => {
+      const e = T(i), a = e.left + e.width / 2, l = e.top + e.height / 2;
       return {
         physics: r,
         prepare: () => {
-          n.style.willChange = "transform, opacity", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.transformOrigin = `${a}px ${l}px`;
+          s.style.willChange = "transform, opacity", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.transformOrigin = `${a}px ${l}px`;
         },
         css: (y) => ({
           transform: `scale(${1 - c + y * c})`,
           opacity: y
         }),
         onEnd: () => {
-          n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "", n.style.transformOrigin = "";
+          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transformOrigin = "";
         }
       };
     },
     // Exiting sheet: slides down with high z-index
-    out: (n, s) => {
-      const a = T(s).height;
+    out: (s, i) => {
+      const a = T(i).height, l = i.scroll.y;
       return {
         physics: r,
         prepare: () => {
-          g(n, s), n.style.zIndex = "100", n.style.willChange = "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.pointerEvents = "none";
+          g(s, i), s.style.zIndex = "100", s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none", s.style.clipPath = `inset(${l}px 0 calc(100% - ${l + a}px) 0)`;
         },
-        css: (l) => ({
-          transform: `translate3d(0, ${(1 - l) * a}px, 0)`
+        css: (y) => ({
+          transform: `translate3d(0, ${(1 - y) * a}px, 0)`
         })
       };
     }
   };
 }, Ft = {
   spring: {
-    stiffness: 140,
-    damping: 19,
+    stiffness: 170,
+    damping: 22,
     doubleSpring: 0.8
   }
 }, is = (t = {}) => {
-  const i = t.direction ?? "left", r = t.physics ?? Ft, c = i === "left";
+  const n = t.direction ?? "left", r = t.physics ?? Ft, c = n === "left";
   return {
-    in: (n) => ({
+    in: (s) => ({
       physics: r,
       prepare: () => {
-        n.style.willChange = "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
+        s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
       },
-      css: (s) => ({
-        transform: `translate3d(${c ? (1 - s) * 100 : (1 - s) * -100}%, 0, 0)`
+      css: (i) => ({
+        transform: `translate3d(${c ? (1 - i) * 100 : (1 - i) * -100}%, 0, 0)`
       }),
       onEnd: () => {
-        n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "";
+        s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
       }
     }),
-    out: (n, s) => ({
+    out: (s, i) => ({
       physics: r,
       css: (e) => ({
         transform: `translate3d(${c ? (1 - e) * -100 : (1 - e) * 100}%, 0, 0)`
       }),
       prepare: () => {
-        g(n, s), n.style.willChange = "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.pointerEvents = "none";
+        g(s, i), s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none";
       }
     })
   };
 }, Ut = 8, Vt = {
   spring: {
-    stiffness: 600,
-    damping: 40,
+    stiffness: 400,
+    damping: 30,
     restDelta: 0.1,
     restSpeed: 1e14
   }
 }, ns = (t = {}) => {
-  const i = t.direction ?? "left", r = t.physics ?? Vt, c = t.translateOffset ?? Ut, n = i === "left";
-  let { promise: s, resolve: e } = E();
+  const n = t.direction ?? "left", r = t.physics ?? Vt, c = t.translateOffset ?? Ut, s = n === "left";
+  let { promise: i, resolve: e } = E();
   return {
     // Entering page: fades in + slides from opposite direction
     in: (a) => ({
@@ -1343,14 +1347,14 @@ const ss = (t = {}) => {
         a.style.opacity = "0", a.style.willChange = "transform, opacity", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint";
       },
       wait: async () => {
-        if (s) {
-          await s;
+        if (i) {
+          await i;
           const l = E();
-          s = l.promise, e = l.resolve;
+          i = l.promise, e = l.resolve;
         }
       },
       css: (l) => {
-        const y = n ? (1 - l) * c : (1 - l) * -c, o = `${l}`;
+        const y = s ? (1 - l) * c : (1 - l) * -c, o = `${l}`;
         return {
           transform: `translate3d(${y}px, 0, 0)`,
           opacity: o
@@ -1367,7 +1371,7 @@ const ss = (t = {}) => {
         g(a, l), a.style.willChange = "transform, opacity", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.pointerEvents = "none";
       },
       css: (y) => {
-        const o = n ? (1 - y) * -c : (1 - y) * c, h = `${y}`;
+        const o = s ? (1 - y) * -c : (1 - y) * c, h = `${y}`;
         return {
           transform: `translate3d(${o}px, 0, 0)`,
           opacity: h
@@ -1381,33 +1385,33 @@ const ss = (t = {}) => {
 }, Ht = {
   spring: { stiffness: 17, damping: 6 }
 }, P = 20, L = 800, es = (t = {}) => {
-  const i = t.physics ?? Ht;
+  const n = t.physics ?? Ht;
   let r, c = null;
   return {
-    in: (n) => ({
-      physics: i,
+    in: (s) => ({
+      physics: n,
       prepare: () => {
-        n.style.willChange = "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.transform = `perspective(${L}px) rotateY(${P}deg) translate3d(-100%, 0, 0)`;
+        s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.transform = `perspective(${L}px) rotateY(${P}deg) translate3d(-100%, 0, 0)`;
       },
       wait: async () => {
         r && await r;
       },
-      css: (s) => {
-        const e = (1 - s) * P, a = -(1 - s) * 100;
+      css: (i) => {
+        const e = (1 - i) * P, a = -(1 - i) * 100;
         return {
           transform: `perspective(${L}px) rotateY(${e}deg) translate3d(${a}%, 0, 0)`
         };
       },
       onEnd: () => {
-        n.style.transform = "", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "";
+        s.style.transform = "", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
       }
     }),
-    out: (n, s) => (r = new Promise((e) => {
+    out: (s, i) => (r = new Promise((e) => {
       c = e;
     }), {
-      physics: i,
+      physics: n,
       prepare: () => {
-        g(n, s), n.style.willChange = "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.pointerEvents = "none", n.style.transform = `perspective(${L}px) rotateY(0deg) translate3d(0%, 0, 0)`;
+        g(s, i), s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none", s.style.transform = `perspective(${L}px) rotateY(0deg) translate3d(0%, 0, 0)`;
       },
       css: (e) => {
         const a = 1 - e, l = a * P, y = a * 100;
@@ -1416,44 +1420,44 @@ const ss = (t = {}) => {
         };
       },
       onEnd: () => {
-        c && c(), n.style.transform = "";
+        c && c(), s.style.transform = "";
       }
     })
   };
 }, Xt = {
   spring: {
-    stiffness: 600,
-    damping: 40,
+    stiffness: 350,
+    damping: 32,
     restDelta: 0.1,
     restSpeed: 1e14
   }
 }, zt = 0.05;
 function Wt(t) {
-  const i = x(document.body, t.positionedParent), r = t.scroll.y, c = window.innerHeight - i.top;
+  const n = x(document.body, t.positionedParent), r = t.scroll.y, c = window.innerHeight - n.top;
   return {
     top: r,
     left: 0,
-    width: i.width,
+    width: n.width,
     height: c
   };
 }
 const as = (t = {}) => {
-  const i = t.physics ?? Xt, r = t.scaleOffset ?? zt;
-  let { promise: c, resolve: n } = E();
+  const n = t.physics ?? Xt, r = t.scaleOffset ?? zt;
+  let { promise: c, resolve: s } = E();
   return {
     // Entering page: scales up from small (0.95 → 1) with fade in
-    in: (s, e) => {
+    in: (i, e) => {
       const a = Wt(e), l = a.left + a.width / 2, y = a.top + a.height / 2;
       return {
-        physics: i,
+        physics: n,
         prepare: () => {
-          s.style.opacity = "0", s.style.willChange = "transform, opacity", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.transformOrigin = `${l}px ${y}px`;
+          i.style.opacity = "0", i.style.willChange = "transform, opacity", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.transformOrigin = `${l}px ${y}px`;
         },
         wait: async () => {
           if (c) {
             await c;
             const o = E();
-            c = o.promise, n = o.resolve;
+            c = o.promise, s = o.resolve;
           }
         },
         css: (o) => ({
@@ -1461,21 +1465,21 @@ const as = (t = {}) => {
           opacity: o
         }),
         onEnd: () => {
-          s.style.opacity = "1", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transformOrigin = "";
+          i.style.opacity = "1", i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "", i.style.transformOrigin = "";
         }
       };
     },
     // Exiting page: fade out only (no scale)
-    out: (s, e) => ({
-      physics: i,
+    out: (i, e) => ({
+      physics: n,
       prepare: () => {
-        g(s, e), s.style.willChange = "opacity", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none";
+        g(i, e), i.style.willChange = "opacity", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none";
       },
       css: (a) => ({
         opacity: a
       }),
       onEnd: () => {
-        n && n();
+        s && s();
       }
     })
   };