@ssgoi/core 4.2.0 → 4.3.0

package/dist/view-transitions/index.js

@@ -1,43 +1,43 @@
 const g = (t, i) => {
-  var l;
-  t.style.position = "absolute", t.style.width = "100%", t.style.top = `${-1 * (((l = i == null ? void 0 : i.scrollOffset) == null ? void 0 : l.y) ?? 0)}px`, t.style.left = "0";
-}, F = (t) => new Promise((i) => setTimeout(i, t));
+  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 l(s) {
-    let r = 0, e = 0;
-    const c = s.offsetWidth, y = s.offsetHeight;
+  function r(s) {
+    let e = 0, a = 0;
+    const l = s.offsetWidth, y = s.offsetHeight;
     let o = s;
     for (; o; )
-      r += o.offsetTop, e += o.offsetLeft, o = o.offsetParent;
-    return r -= window.scrollY, e -= window.scrollX, { top: r, left: e, width: c, height: y };
+      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 a = l(t), n = l(i);
+  const c = r(t), n = r(i);
   return new DOMRect(
-    n.left - a.left,
-    n.top - a.top,
+    n.left - c.left,
+    n.top - c.top,
     n.width,
     n.height
   );
 }
 function E() {
   let t, i;
-  return { promise: new Promise((a, n) => {
-    t = a, i = n;
+  return { promise: new Promise((c, n) => {
+    t = c, i = n;
   }), resolve: t, reject: i };
 }
-const W = {
+const H = {
   spring: { stiffness: 200, damping: 22 }
-}, M = {
+}, X = {
   spring: { stiffness: 200, damping: 22 }
-}, B = 300, q = 10, j = "horizontal", N = "#000000", Wt = (t = {}) => {
+}, z = 300, W = 10, M = "horizontal", B = "#000000", Mt = (t = {}) => {
   const {
-    transitionDelay: i = B,
-    blindCount: l = q,
-    direction: a = j,
-    blindColor: n = N
-  } = t, s = t.physics ?? M, r = t.physics ?? W;
-  let e, c = null;
-  const y = (o, p, d = "left") => {
+    transitionDelay: i = z,
+    blindCount: r = W,
+    direction: c = M,
+    blindColor: n = B
+  } = t, s = 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");
     const f = document.createElement("div");
     f.className = "blind-container", f.style.cssText = `
@@ -50,11 +50,11 @@ const W = {
       z-index: 9999;
       overflow: hidden;
     `;
-    const h = [];
-    for (let $ = 0; $ < l; $++) {
+    const p = [];
+    for (let $ = 0; $ < r; $++) {
       const w = document.createElement("div");
-      if (a === "horizontal") {
-        const b = 100 / l, C = `calc(${b}% + 1px)`;
+      if (c === "horizontal") {
+        const b = 100 / r, C = `calc(${b}% + 1px)`;
         w.style.cssText = `
           position: absolute;
           top: ${b * $}%;
@@ -62,12 +62,12 @@ const W = {
           width: 100%;
           height: ${C};
           background: ${n};
-          transform: scaleX(${p === "hidden" ? 0 : 1});
+          transform: scaleX(${h === "hidden" ? 0 : 1});
           transform-origin: ${d} center;
           will-change: transform;
         `;
       } else {
-        const b = 100 / l, C = `calc(${b}% + 1px)`;
+        const b = 100 / r, C = `calc(${b}% + 1px)`;
         w.style.cssText = `
           position: absolute;
           top: 0;
@@ -75,90 +75,90 @@ const W = {
           width: ${C};
           height: 100%;
           background: ${n};
-          transform: scaleY(${p === "hidden" ? 0 : 1});
+          transform: scaleY(${h === "hidden" ? 0 : 1});
           transform-origin: ${d === "left" ? "top" : "bottom"} center;
           will-change: transform;
         `;
       }
-      h.push(w), f.appendChild(w);
+      p.push(w), f.appendChild(w);
     }
-    return o.appendChild(f), { container: f, blinds: h };
+    return o.appendChild(f), { container: f, blinds: p };
   };
   return {
     out: (o) => {
-      let p = null;
-      e = new Promise((f) => {
-        c = f;
+      let h = null;
+      a = new Promise((f) => {
+        l = f;
       });
       const d = (f) => {
-        const h = 1 - f;
+        const p = 1 - f;
         return {
-          transform: a === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
+          transform: c === "horizontal" ? `scaleX(${p})` : `scaleY(${p})`
         };
       };
       return {
-        items: Array.from({ length: l }, (f, h) => ({
-          physics: r,
+        items: Array.from({ length: r }, (f, p) => ({
+          physics: e,
           offset: 0.2,
           css: {
             // Use getter for lazy element access (evaluated after prepare)
             get element() {
-              return p == null ? void 0 : p.blinds[h];
+              return h == null ? void 0 : h.blinds[p];
             },
             style: d
           }
         })),
         schedule: "stagger",
         prepare: () => {
-          g(o), o.style.zIndex = "1000", p = y(o, "hidden", "left");
+          g(o), o.style.zIndex = "1000", h = y(o, "hidden", "left");
         },
         onStart: () => {
         },
         onEnd: () => {
-          c && c();
+          l && l();
         }
       };
     },
     in: (o) => {
-      let p = null;
+      let h = null;
       const d = (f) => {
-        const h = 1 - f;
+        const p = 1 - f;
         return {
-          transform: a === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
+          transform: c === "horizontal" ? `scaleX(${p})` : `scaleY(${p})`
         };
       };
       return {
-        items: Array.from({ length: l }, (f, h) => ({
+        items: Array.from({ length: r }, (f, p) => ({
           physics: s,
           offset: 0.2,
           css: {
             // Use getter for lazy element access (evaluated after prepare)
             get element() {
-              return p == null ? void 0 : p.blinds[h];
+              return h == null ? void 0 : h.blinds[p];
             },
             style: d
           }
         })),
         schedule: "stagger",
         prepare: () => {
-          o.style.position = "relative", o.style.zIndex = "0", p = y(o, "closed", "right");
+          o.style.position = "relative", o.style.zIndex = "0", h = y(o, "closed", "right");
         },
         onStart: () => {
         },
         wait: async () => {
-          e && await e, await F(i);
+          a && await a, await _(i);
         },
         onEnd: () => {
-          p && p.container && p.container.remove();
+          h && h.container && h.container.remove();
         }
       };
     }
   };
-}, G = {
+}, q = {
   spring: { stiffness: 1, damping: 1 }
-}, Z = {
+}, j = {
   spring: { stiffness: 20, damping: 25 }
-}, J = "#000000", K = "circle", m = "CURTAIN_REVEAL_OVERLAY_ID", Q = {
+}, N = "#000000", G = "circle", k = "CURTAIN_REVEAL_OVERLAY_ID", Z = {
   position: "fixed",
   inset: "0",
   width: "100vw",
@@ -168,17 +168,17 @@ const W = {
   alignItems: "center",
   justifyContent: "center",
   overflow: "hidden"
-}, R = {
+}, J = {
   position: "relative",
   display: "inline-block",
   height: "5.5rem",
   overflow: "hidden"
-}, tt = {
+}, K = {
   display: "flex",
   height: "100%",
   willChange: "transform",
   transition: "transform 0.3s ease"
-}, st = {
+}, Q = {
   display: "inline-flex",
   alignItems: "center",
   justifyContent: "center",
@@ -187,57 +187,57 @@ const W = {
   fontWeight: "900",
   letterSpacing: "0.02em",
   color: "#FFFFFF"
-}, it = 0.4, A = 0.5, nt = 0.2;
-function et(t, i) {
+}, R = 0.4, S = 0.5, tt = 0.2;
+function st(t, i) {
   switch (t) {
     case "circle":
       return `circle(${i * 100}% at 50% 50%)`;
     case "square":
       return `inset(${(1 - i) * 50}% round ${10 * i}%)`;
     case "triangle": {
-      const l = i * 100;
-      return `polygon(50% ${50 - l}%, ${50 - l}% ${50 + l}%, ${50 + l}% ${50 + l}%)`;
+      const r = i * 100;
+      return `polygon(50% ${50 - r}%, ${50 - r}% ${50 + r}%, ${50 + r}% ${50 + r}%)`;
     }
   }
 }
-const rt = (t) => t.reduce((i, l) => i + l, 0), Mt = (t = {}) => {
+const it = (t) => t.reduce((i, r) => i + r, 0), Bt = (t = {}) => {
   const {
-    background: i = J,
-    texts: l = [],
-    shape: a = K,
+    background: i = N,
+    texts: r = [],
+    shape: c = G,
     textStyle: n = {}
-  } = t, s = t.physics ?? Z, r = t.physics ?? G;
+  } = t, s = t.physics ?? j, e = t.physics ?? q;
   return {
-    out: (e, c) => {
-      const y = e.style.opacity;
+    out: (a, l) => {
+      const y = a.style.opacity;
       return {
-        physics: r,
+        physics: e,
         from: 1,
         to: 0,
         prepare: () => {
-          g(e, c), e.style.opacity = "1";
+          g(a, l), a.style.opacity = "1";
         },
         tick: (o) => {
-          const p = Math.max(0, o - it);
-          e.style.opacity = String(p);
+          const h = Math.max(0, o - R);
+          a.style.opacity = String(h);
         },
         onEnd: () => {
-          e.style.opacity = y;
+          a.style.opacity = y;
         }
       };
     },
-    in: (e) => {
-      let c = null, y = null, o = null;
-      const p = document.body.style.overflow, d = document.getElementById(
-        m
+    in: (a) => {
+      let l = null, y = null, o = null;
+      const h = document.body.style.overflow, d = document.getElementById(
+        k
       );
       let u = [];
       const f = () => {
-        c = document.createElement("div"), c.id = m, Object.assign(c.style, Q, { background: i }), document.body.appendChild(c), y = document.createElement("div"), Object.assign(y.style, R), c.appendChild(y), o = document.createElement("div"), Object.assign(o.style, tt), y.appendChild(o), l.forEach((h) => {
+        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) => {
           const $ = document.createElement("div");
-          $.textContent = h, Object.assign($.style, st, n), o.appendChild($);
+          $.textContent = p, Object.assign($.style, Q, n), o.appendChild($);
         }), u = Array.from(o.children).map(
-          (h) => h.getBoundingClientRect().width
+          (p) => p.getBoundingClientRect().width
         );
       };
       return {
@@ -245,364 +245,364 @@ const rt = (t) => t.reduce((i, l) => i + l, 0), Mt = (t = {}) => {
         from: 0,
         to: 1,
         prepare: () => {
-          document.body.style.overflow = "hidden", e.style.opacity = "1", d == null || d.remove(), f(), c && y && (c.style.clipPath = "none", y.style.transform = "scale(1)");
+          document.body.style.overflow = "hidden", a.style.opacity = "1", d == null || d.remove(), f(), l && y && (l.style.clipPath = "none", y.style.transform = "scale(1)");
         },
-        tick: (h) => {
-          if (!(!c || !y || !o)) {
-            if (h <= A && l.length > 0) {
-              const $ = h / A, w = Math.min(
-                Math.floor($ * l.length),
-                l.length - 1
-              ), b = u[w] ?? 0, C = rt(u.slice(0, w));
+        tick: (p) => {
+          if (!(!l || !y || !o)) {
+            if (p <= S && r.length > 0) {
+              const $ = p / S, w = Math.min(
+                Math.floor($ * r.length),
+                r.length - 1
+              ), b = u[w] ?? 0, C = it(u.slice(0, w));
               y.style.width = `${b}px`, o.style.transform = `translateX(-${C}px)`;
             }
-            if (h > A) {
+            if (p > S) {
               const w = 1 - Math.max(
                 0,
-                Math.min(1, (h - A) / nt)
+                Math.min(1, (p - S) / tt)
               );
-              c.style.clipPath = et(a, w), y.style.transform = `scale(${w})`;
+              l.style.clipPath = st(c, w), y.style.transform = `scale(${w})`;
             }
           }
         },
         onEnd: () => {
-          c == null || c.remove(), c = y = o = null, document.body.style.overflow = p;
+          l == null || l.remove(), l = y = o = null, document.body.style.overflow = h;
         }
       };
     }
   };
-}, at = {
+}, nt = {
   spring: {
     stiffness: 600,
     damping: 40,
     restDelta: 0.1,
     restSpeed: 1e14
   }
-}, ot = {
+}, et = {
   spring: {
     stiffness: 600,
     damping: 40,
     restDelta: 0.1,
     restSpeed: 1e14
   }
-}, O = 0.05;
-function T(t) {
-  const i = x(document.body, t.positionedParent), l = t.scroll.y, a = window.innerHeight - i.top;
+}, at = 0.05;
+function A(t) {
+  const i = x(document.body, t.positionedParent), r = t.scroll.y, c = window.innerHeight - i.top;
   return {
-    top: l,
+    top: r,
     left: 0,
     width: i.width,
-    height: a
+    height: c
   };
 }
-const Bt = (t = {}) => {
-  const { direction: i = "enter" } = t, l = t.physics ?? (i === "enter" ? at : ot);
-  let { promise: a, resolve: n } = E();
+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" ? {
     // Entering page: scales up from small (0.8 → 1) with fade in
-    in: (s, r) => {
-      const e = T(r), c = e.left + e.width / 2, y = e.top + e.height / 2;
+    in: (e, a) => {
+      const l = A(a), y = l.left + l.width / 2, o = l.top + l.height / 2;
       return {
-        physics: l,
+        physics: r,
         prepare: () => {
-          s.style.opacity = "0", s.style.willChange = "transform, opacity", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.transformOrigin = `${c}px ${y}px`;
+          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 (a) {
-            await a;
-            const o = E();
-            a = o.promise, n = o.resolve;
+          if (n) {
+            await n;
+            const h = E();
+            n = h.promise, s = h.resolve;
           }
         },
-        css: (o) => ({
-          transform: `scale(${1 - O + o * O})`,
-          opacity: o
+        css: (h) => ({
+          transform: `scale(${1 - c + h * c})`,
+          opacity: h
         }),
         onEnd: () => {
-          s.style.opacity = "1", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transformOrigin = "";
+          e.style.opacity = "1", e.style.willChange = "auto", e.style.backfaceVisibility = "", e.style.contain = "", e.style.transformOrigin = "";
         }
       };
     },
     // Exiting page: scales up (1 → 1.2) with fade out, goes to back
-    out: (s, r) => {
-      const e = T(r), c = e.left + e.width / 2, y = e.top + e.height / 2 + r.scrollOffset.y;
+    out: (e, a) => {
+      const l = A(a), y = l.left + l.width / 2, o = l.top + l.height / 2 + a.scrollOffset.y;
       return {
-        physics: l,
+        physics: r,
         prepare: () => {
-          g(s, r), 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 = `${c}px ${y}px`;
+          g(e, a), e.style.zIndex = "-1", e.style.willChange = "transform, opacity", e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint", e.style.pointerEvents = "none", e.style.transformOrigin = `${y}px ${o}px`;
         },
-        css: (o) => ({
-          transform: `scale(${1 + (1 - o) * O})`,
-          opacity: o
+        css: (h) => ({
+          transform: `scale(${1 + (1 - h) * c})`,
+          opacity: h
         }),
         onEnd: () => {
-          n && n();
+          s && s();
         }
       };
     }
   } : {
     // Entering page: scales down from large (1.2 → 1) with fade in
-    in: (s, r) => {
-      const e = T(r), c = e.left + e.width / 2, y = e.top + e.height / 2;
+    in: (e, a) => {
+      const l = A(a), y = l.left + l.width / 2, o = l.top + l.height / 2;
       return {
-        physics: l,
+        physics: r,
         prepare: () => {
-          s.style.opacity = "0", s.style.willChange = "transform, opacity", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.transformOrigin = `${c}px ${y}px`;
+          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 (a) {
-            await a;
-            const o = E();
-            a = o.promise, n = o.resolve;
+          if (n) {
+            await n;
+            const h = E();
+            n = h.promise, s = h.resolve;
           }
         },
-        css: (o) => ({
-          transform: `scale(${1 + O - o * O})`,
-          opacity: o
+        css: (h) => ({
+          transform: `scale(${1 + c - h * c})`,
+          opacity: h
         }),
         onEnd: () => {
-          s.style.opacity = "1", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transformOrigin = "";
+          e.style.opacity = "1", e.style.willChange = "auto", e.style.backfaceVisibility = "", e.style.contain = "", e.style.transformOrigin = "";
         }
       };
     },
     // Exiting page: scales down to small (1 → 0.8) with fade out
-    out: (s, r) => {
-      const e = T(r), c = e.left + e.width / 2, y = e.top + e.height / 2 + r.scrollOffset.y;
+    out: (e, a) => {
+      const l = A(a), y = l.left + l.width / 2, o = l.top + l.height / 2 + a.scrollOffset.y;
       return {
-        physics: l,
+        physics: r,
         prepare: () => {
-          g(s, r), s.style.zIndex = "100", s.style.willChange = "transform, opacity", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none", s.style.transformOrigin = `${c}px ${y}px`;
+          g(e, a), e.style.zIndex = "100", e.style.willChange = "transform, opacity", e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint", e.style.pointerEvents = "none", e.style.transformOrigin = `${y}px ${o}px`;
         },
-        css: (o) => ({
-          transform: `scale(${1 - (1 - o) * O})`,
-          opacity: o
+        css: (h) => ({
+          transform: `scale(${1 - (1 - h) * c})`,
+          opacity: h
         }),
         onEnd: () => {
-          n && n();
+          s && s();
         }
       };
     }
   };
-}, lt = {
+}, rt = {
   spring: {
     stiffness: 170,
     damping: 22
   }
-}, ct = {
+}, ot = {
   spring: {
     stiffness: 170,
     damping: 22
   }
-}, qt = (t = {}) => {
-  const { opacity: i = !1, direction: l = "enter" } = t, a = t.physics ?? (l === "enter" ? lt : ct);
-  return l === "enter" ? {
+}, jt = (t = {}) => {
+  const { opacity: i = !1, direction: r = "enter" } = t, c = t.physics ?? (r === "enter" ? rt : ot);
+  return r === "enter" ? {
     in: (n) => ({
-      physics: a,
+      physics: c,
       prepare: () => {
         n.style.willChange = i ? "transform, opacity" : "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
       },
       css: (s) => {
-        const r = {
+        const e = {
           transform: `translate3d(${(1 - s) * 100}%, 0, 0)`
         };
-        return i && (r.opacity = s), r;
+        return i && (e.opacity = s), e;
       },
       onEnd: () => {
         n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "";
       }
     }),
     out: (n, s) => ({
-      physics: a,
+      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";
       },
-      css: (r) => {
-        const e = {
-          transform: `translate3d(${-(1 - r) * 20}%, 0, 0)`
+      css: (e) => {
+        const a = {
+          transform: `translate3d(${-(1 - e) * 20}%, 0, 0)`
         };
-        return i && (e.opacity = r), e;
+        return i && (a.opacity = e), a;
       }
     })
   } : {
     in: (n) => ({
-      physics: a,
+      physics: c,
       prepare: () => {
         n.style.willChange = i ? "transform, opacity" : "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
       },
       css: (s) => {
-        const r = {
+        const e = {
           transform: `translate3d(${-(1 - s) * 20}%, 0, 0)`
         };
-        return i && (r.opacity = s), r;
+        return i && (e.opacity = s), e;
       },
       onEnd: () => {
         n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "";
       }
     }),
     out: (n, s) => ({
-      physics: a,
+      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";
       },
-      css: (r) => {
-        const e = {
-          transform: `translate3d(${(1 - r) * 100}%, 0, 0)`
+      css: (e) => {
+        const a = {
+          transform: `translate3d(${(1 - e) * 100}%, 0, 0)`
         };
-        return i && (e.opacity = r), e;
+        return i && (a.opacity = e), a;
       }
     })
   };
-}, yt = {
+}, lt = {
   spring: { stiffness: 180, damping: 20, doubleSpring: !0 }
-}, ht = {
+}, ct = {
   spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
-}, pt = 0, jt = (t = {}) => {
-  const { transitionDelay: i = pt } = t, l = t.physics ?? ht, a = t.physics ?? yt;
+}, yt = 0, Nt = (t = {}) => {
+  const { transitionDelay: i = yt } = t, r = t.physics ?? ct, c = t.physics ?? lt;
   let { promise: n, resolve: s } = E();
   return {
-    in: (r) => ({
-      physics: l,
+    in: (e) => ({
+      physics: r,
       prepare: () => {
-        r.style.opacity = "0", r.style.willChange = "opacity";
+        e.style.opacity = "0", e.style.willChange = "opacity";
       },
       wait: async () => {
         if (n) {
           await n;
-          const e = E();
-          n = e.promise, s = e.resolve, await F(i);
+          const a = E();
+          n = a.promise, s = a.resolve, await _(i);
         }
       },
-      css: (e) => ({
-        opacity: e
+      css: (a) => ({
+        opacity: a
       }),
       onEnd: () => {
-        r.style.willChange = "auto", r.style.opacity = "1";
+        e.style.willChange = "auto", e.style.opacity = "1";
       }
     }),
-    out: (r, e) => ({
-      physics: a,
-      css: (c) => ({
-        opacity: c
+    out: (e, a) => ({
+      physics: c,
+      css: (l) => ({
+        opacity: l
       }),
       prepare: () => {
-        g(r, e), r.style.willChange = "opacity";
+        g(e, a), e.style.willChange = "opacity";
       },
       onEnd: () => {
-        s && s(), r.style.willChange = "auto";
+        s && s(), e.style.willChange = "auto";
       }
     })
   };
-}, dt = {
+}, ht = {
   scaleDown: { stiffness: 20, damping: 7 },
   // Soft start for cinematic scale
   translate: { stiffness: 15, damping: 7 },
   // Medium for movement
   scaleUp: { stiffness: 20, damping: 7 }
   // Crisp return to full size
-}, S = {
+}, O = {
   scaleDown: 0,
   // Start immediately
   translate: 0.2,
   // Start when scaleDown is 25% complete
   scaleUp: 0.8
   // Start when translate is 70% complete
-}, ut = 0.8, ft = "white", Nt = (t) => {
+}, pt = 0.8, dt = "white", Gt = (t) => {
   var n;
-  const i = dt, l = ut, a = ((n = t == null ? void 0 : t.border) == null ? void 0 : n.color) ?? ft;
+  const i = ht, r = pt, c = ((n = t == null ? void 0 : t.border) == null ? void 0 : n.color) ?? dt;
   return {
-    out: async (s, r) => {
-      const e = I(r), c = x(document.body, r.positionedParent), y = wt(a, {
-        ...e,
-        top: c.top
+    out: async (s, e) => {
+      const a = v(e), l = x(document.body, e.positionedParent), y = ft(c, {
+        ...a,
+        top: l.top
       }), o = {
         scale: 1,
-        translateY: -e.top
-      }, p = () => {
+        translateY: -a.top
+      }, h = () => {
         s.style.transform = `translateY(${o.translateY}px) scale(${o.scale})`;
-        const d = (e.width - e.width * o.scale) / 2, u = (e.height - e.height * o.scale) / 2;
-        gt(y, d, u);
+        const d = (a.width - a.width * o.scale) / 2, u = (a.height - a.height * o.scale) / 2;
+        ut(y, d, u);
       };
       return {
         items: [
           // Spring 1: Scale Down (1 → scale)
           {
             physics: (t == null ? void 0 : t.physics) ?? { spring: i.scaleDown },
-            offset: S.scaleDown,
+            offset: O.scaleDown,
             tick: (d) => {
               const u = 1 - d;
-              o.scale = 1 - (1 - l) * u, p();
+              o.scale = 1 - (1 - r) * u, h();
             }
           },
           // Spring 2: Translate (vertical movement)
           {
             physics: (t == null ? void 0 : t.physics) ?? { spring: i.translate },
-            offset: S.translate,
+            offset: O.translate,
             tick: (d) => {
               const u = 1 - d;
-              o.translateY = -e.top - e.height * u, p();
+              o.translateY = -a.top - a.height * u, h();
             }
           },
           // Spring 3: Scale Up (scale → 1)
           {
             physics: (t == null ? void 0 : t.physics) ?? { spring: i.scaleUp },
-            offset: S.scaleUp,
+            offset: O.scaleUp,
             tick: (d) => {
               const u = 1 - d;
-              o.scale = l + (1 - l) * u, p();
+              o.scale = r + (1 - r) * u, h();
             }
           }
         ],
         schedule: "stagger",
         prepare: () => {
-          g(s), Y(s, e), _(s, e), $t(s, e);
+          g(s), m(s, a), I(s, a), gt(s, a);
           for (const d of y)
-            r.positionedParent.appendChild(d);
+            e.positionedParent.appendChild(d);
         },
         onEnd: () => {
           s.style.clipPath = "", s.style.transformOrigin = "", setTimeout(() => {
             for (const d of y)
-              r.positionedParent.removeChild(d);
+              e.positionedParent.removeChild(d);
           }, 1e3);
         }
       };
     },
-    in: async (s, r) => {
-      const e = I(r), c = {
-        scale: l,
-        translateY: -e.top + e.height
+    in: async (s, e) => {
+      const a = v(e), l = {
+        scale: r,
+        translateY: -a.top + a.height
       }, y = () => {
-        s.style.transform = `translateY(${c.translateY}px) scale(${c.scale})`;
+        s.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 },
-            offset: S.scaleDown,
+            offset: O.scaleDown,
             tick: (o) => {
-              c.scale = 1 - (1 - l) * o, y();
+              l.scale = 1 - (1 - r) * o, y();
             }
           },
           // Spring 2: Translate (vertical movement from bottom to top)
           {
             physics: (t == null ? void 0 : t.physics) ?? { spring: i.translate },
-            offset: S.translate,
+            offset: O.translate,
             tick: (o) => {
-              c.translateY = -e.top + e.height * (1 - o), y();
+              l.translateY = -a.top + a.height * (1 - o), y();
             }
           },
           // Spring 3: Scale Up (scale → 1) - element returns to full size
           {
             physics: (t == null ? void 0 : t.physics) ?? { spring: i.scaleUp },
-            offset: S.scaleUp,
+            offset: O.scaleUp,
             tick: (o) => {
-              c.scale = l + (1 - l) * o, y();
+              l.scale = r + (1 - r) * o, y();
             }
           }
         ],
         schedule: "stagger",
         prepare: () => {
-          Y(s, e), _(s, e), s.style.transform = `translateY(${-e.top + e.height}px) scale(${l})`;
+          m(s, a), I(s, a), s.style.transform = `translateY(${-a.top + a.height}px) scale(${r})`;
         },
         onEnd: () => {
           s.style.clipPath = "", s.style.transformOrigin = "", s.style.transform = "";
@@ -611,45 +611,45 @@ const Bt = (t = {}) => {
     }
   };
 };
-function gt(t, i, l) {
-  const a = i * 0.7, n = l * 0.7;
-  t.topLeft.style.transform = `translate(${a}px, ${n}px)`, t.topRight.style.transform = `translate(${-a}px, ${n}px)`, t.bottomLeft.style.transform = `translate(${a}px, ${-n}px)`, t.bottomRight.style.transform = `translate(${-a}px, ${-n}px)`;
+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 wt(t = "white", i) {
+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";
   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";
-  const r = document.createElement("div");
-  r.style.position = "absolute", r.style.width = "1px", r.style.height = "15px", r.style.backgroundColor = t, r.style.top = "0", r.style.left = "0", n.appendChild(s), n.appendChild(r);
   const e = document.createElement("div");
-  e.style.position = "fixed", e.style.pointerEvents = "none", e.style.zIndex = "9999", e.style.top = `${i.top - 1}px`, e.style.left = `${i.left + i.width - 15 + 1}px`, e.style.width = "15px", e.style.height = "15px";
-  const c = document.createElement("div");
-  c.style.position = "absolute", c.style.width = "15px", c.style.height = "1px", c.style.backgroundColor = t, c.style.top = "0", c.style.right = "0";
+  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);
+  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";
+  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", e.appendChild(c), e.appendChild(y);
+  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";
-  const p = document.createElement("div");
-  p.style.position = "absolute", p.style.width = "15px", p.style.height = "1px", p.style.backgroundColor = t, p.style.bottom = "0", p.style.left = "0";
+  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(p), o.appendChild(d);
+  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";
   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 h = document.createElement("div");
-  return h.style.position = "absolute", h.style.width = "1px", h.style.height = "15px", h.style.backgroundColor = t, h.style.bottom = "0", h.style.right = "0", u.appendChild(f), u.appendChild(h), {
+  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,
-    topRight: e,
+    topRight: a,
     bottomLeft: o,
     bottomRight: u,
     *[Symbol.iterator]() {
-      yield n, yield e, yield o, yield u;
+      yield n, yield a, yield o, yield u;
     }
   };
 }
-function I(t) {
+function v(t) {
   const i = x(document.body, t.positionedParent);
   return {
     top: t.scroll.y,
@@ -658,11 +658,11 @@ function I(t) {
     height: window.innerHeight - i.top
   };
 }
-function Y(t, i) {
-  const l = i.left + i.width / 2, a = i.top + i.height / 2;
-  t.style.transformOrigin = `${l}px ${a}px`;
+function m(t, i) {
+  const r = i.left + i.width / 2, c = i.top + i.height / 2;
+  t.style.transformOrigin = `${r}px ${c}px`;
 }
-function _(t, i) {
+function I(t, i) {
   t.style.clipPath = `polygon(
     ${i.left}px ${i.top}px,
     ${i.left + i.width}px ${i.top}px,
@@ -670,53 +670,53 @@ function _(t, i) {
     ${i.left}px ${i.top + i.height}px
   )`;
 }
-function $t(t, i) {
+function gt(t, i) {
   t.style.transform = `translateY(${-i.top}px)`;
 }
-const bt = {
+const wt = {
   spring: { stiffness: 300, damping: 30 }
 };
-function xt(t, i) {
+function $t(t, i) {
   return t.querySelector(`[data-hero-key="${i}"]`);
 }
-const Gt = (t = {}) => {
-  const i = t.physics ?? bt, l = t.maxDistance ?? 700;
-  let a = null, n = E();
+const Zt = (t = {}) => {
+  const i = t.physics ?? wt, r = t.maxDistance ?? 700;
+  let c = null, n = E();
   return {
-    in: async (s, r) => {
-      const e = s, c = Array.from(e.querySelectorAll("[data-hero-key]"));
+    in: async (s, e) => {
+      const a = s, l = Array.from(a.querySelectorAll("[data-hero-key]"));
       await n.promise;
-      const y = c.map((o) => {
-        const p = o.getAttribute("data-hero-key");
-        if (!p) return null;
-        const d = xt(a, p);
+      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(a, d), h = x(e, u), $ = f.left - h.left - r.scrollOffset.x, w = f.top - h.top - r.scrollOffset.y, b = f.width / h.width, C = f.height / h.height, V = u.style.transform, U = u.style.position, H = u.style.transformOrigin, X = u.style.zIndex, z = 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, D = u.style.transform, Y = 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: V,
-          originalPosition: U,
-          originalTransformOrigin: H,
-          originalZIndex: X,
-          originalWillChange: z
+          originalTransform: D,
+          originalPosition: Y,
+          originalTransformOrigin: F,
+          originalZIndex: U,
+          originalWillChange: V
         };
       }).filter(
-        (o) => o !== null && Math.abs(o.dy) <= l
+        (o) => o !== null && Math.abs(o.dy) <= r
       );
-      return a = null, n = E(), y.length === 0 ? {
+      return c = null, n = E(), y.length === 0 ? {
         physics: i,
         tick: () => {
         }
         // No matching hero elements
       } : {
-        items: y.map(({ toEl: o, dx: p, dy: d, dw: u, dh: f }) => ({
+        items: y.map(({ toEl: o, dx: h, dy: d, dw: u, dh: f }) => ({
           physics: i,
-          tick: (h) => {
-            o.style.transform = `translate(${(1 - h) * p}px, ${(1 - h) * d}px) scale(${h + (1 - h) * u}, ${h + (1 - h) * f})`;
+          tick: (p) => {
+            o.style.transform = `translate(${(1 - p) * h}px, ${(1 - p) * d}px) scale(${p + (1 - p) * u}, ${p + (1 - p) * f})`;
           }
         })),
         schedule: "parallel",
@@ -729,13 +729,13 @@ const Gt = (t = {}) => {
           y.forEach(
             ({
               toEl: o,
-              originalTransform: p,
+              originalTransform: h,
               originalPosition: d,
               originalTransformOrigin: u,
               originalZIndex: f,
-              originalWillChange: h
+              originalWillChange: p
             }) => {
-              o.style.transform = p, o.style.position = d, o.style.transformOrigin = u, o.style.zIndex = f, o.style.willChange = h;
+              o.style.transform = h, o.style.position = d, o.style.transformOrigin = u, o.style.zIndex = f, o.style.willChange = p;
             }
           );
         }
@@ -746,82 +746,82 @@ const Gt = (t = {}) => {
       tick: () => {
       },
       prepare: () => {
-        a = s, n.resolve(), g(s), s.style.opacity = "0";
+        c = s, n.resolve(), g(s), s.style.opacity = "0";
       }
     })
   };
-}, Et = {
+}, bt = {
   spring: { stiffness: 180, damping: 22, doubleSpring: 1 }
 };
-function Ct({
+function xt({
   detailRect: t,
   galleryRect: i,
-  pageRect: l,
-  scrollOffset: a
+  pageRect: r,
+  scrollOffset: c
 }) {
-  const n = i.left - t.left + (i.width - t.width) / 2 - a.x, s = i.top - t.top + (i.height - t.height) / 2 - a.y, r = i.width / t.width, e = i.height / t.height, c = Math.max(r, e), y = t.top / l.height * 100, o = (l.width - (t.left + t.width)) / l.width * 100, p = (l.height - (t.top + t.height)) / l.height * 100, d = t.left / l.width * 100;
+  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;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (f) => {
-      const h = 1 - f;
+      const p = 1 - f;
       return {
-        clipPath: `inset(${y * h}% ${o * h}% ${p * h}% ${d * h}%)`,
-        transform: `translate(${n * h}px, ${s * h}px) scale(${1 + (c - 1) * h})`
+        clipPath: `inset(${y * p}% ${o * p}% ${h * p}% ${d * p}%)`,
+        transform: `translate(${n * p}px, ${s * p}px) scale(${1 + (l - 1) * p})`
       };
     }
   };
 }
-function Ot({
+function Et({
   detailRect: t,
   galleryRect: i,
-  pageRect: l,
-  scrollOffset: a
+  pageRect: r,
+  scrollOffset: c
 }) {
-  const n = i.left - t.left + (i.width - t.width) / 2 + a.x, s = i.top - t.top + (i.height - t.height) / 2 + a.y, r = i.width / t.width, e = i.height / t.height, c = Math.min(r, e), y = t.top / l.height * 100, o = (l.width - (t.left + t.width)) / l.width * 100, p = (l.height - (t.top + t.height)) / l.height * 100, d = t.left / l.width * 100;
+  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;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (f) => {
-      const h = 1 - f;
+      const p = 1 - f;
       return {
-        clipPath: `inset(${y * h}% ${o * h}% ${p * h}% ${d * h}%)`,
-        transform: `translate(${n * h - a.x}px, ${s * h - a.y}px) scale(${1 + (c - 1) * h})`
+        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})`
       };
     }
   };
 }
-function St(t, i, l) {
-  const a = t.querySelector(
+function Ct(t, i, r) {
+  const c = t.querySelector(
     "[data-instagram-detail-key]"
   ), n = i.querySelector(
     "[data-instagram-detail-key]"
   );
   if (t.querySelectorAll("[data-instagram-detail-key]").length > 1 || i.querySelectorAll("[data-instagram-detail-key]").length > 1)
     return null;
-  let s = null, r = null, e = !1;
-  if (!a && n) {
-    r = n;
-    const o = r.getAttribute("data-instagram-detail-key");
+  let s = null, e = null, a = !1;
+  if (!c && n) {
+    e = n;
+    const o = e.getAttribute("data-instagram-detail-key");
     if (!o) return null;
     s = t.querySelector(
       `[data-instagram-gallery-key="${o}"]`
-    ), s && (e = !0);
-  } else if (a && !n) {
-    r = a;
-    const o = r.getAttribute("data-instagram-detail-key");
+    ), s && (a = !0);
+  } else if (c && !n) {
+    e = c;
+    const o = e.getAttribute("data-instagram-detail-key");
     if (!o) return null;
     s = i.querySelector(
       `[data-instagram-gallery-key="${o}"]`
-    ), s && (e = !1);
+    ), s && (a = !1);
   }
-  if (!s || !r)
+  if (!s || !e)
     return null;
-  const c = x(e ? t : i, s), y = x(e ? i : t, r);
-  if (e) {
-    const o = Ct({
+  const l = x(a ? t : i, s), y = x(a ? i : t, e);
+  if (a) {
+    const o = xt({
       detailRect: y,
-      galleryRect: c,
+      galleryRect: l,
       pageRect: i.getBoundingClientRect(),
-      scrollOffset: l
+      scrollOffset: r
     });
     return i.style.transformOrigin = o.transformOrigin, {
       isEnterMode: !0,
@@ -829,11 +829,11 @@ function St(t, i, l) {
       // No outAnimation - gallery stays visible
     };
   } else {
-    const o = Ot({
+    const o = Et({
       detailRect: y,
-      galleryRect: c,
+      galleryRect: l,
       pageRect: t.getBoundingClientRect(),
-      scrollOffset: l
+      scrollOffset: r
     });
     return t.style.transformOrigin = o.transformOrigin, {
       isEnterMode: !1,
@@ -842,47 +842,47 @@ function St(t, i, l) {
     };
   }
 }
-const Zt = (t = {}) => {
-  const i = t.physics ?? Et, l = t.timeout ?? 300;
-  let a = null, n = null, s = null, r = null;
+const Jt = (t = {}) => {
+  const i = t.physics ?? bt, r = t.timeout ?? 300;
+  let c = null, n = null, s = null, e = null;
   return {
-    in: async (e, { scrollOffset: c }) => {
-      const y = e;
-      return !await new Promise((p) => {
-        a ? p(!0) : (n = p, setTimeout(() => {
-          n = null, p(!1);
-        }, l));
-      }) || !a ? (r == null || r(), r = null, a = null, {
+    in: async (a, { scrollOffset: l }) => {
+      const y = a;
+      return !await new Promise((h) => {
+        c ? h(!0) : (n = h, setTimeout(() => {
+          n = null, h(!1);
+        }, r));
+      }) || !c ? (e == null || e(), e = null, c = null, {
         physics: i,
         css: () => ({})
-      }) : (s = St(a, y, c), r == null || r(), r = null, s ? (a = null, {
+      }) : (s = Ct(c, y, l), e == null || e(), e = null, s ? (c = null, {
         physics: i,
-        css: (p) => s != null && s.inAnimation ? s.inAnimation(p) : {}
-      }) : (a = null, {
+        css: (h) => s != null && s.inAnimation ? s.inAnimation(h) : {}
+      }) : (c = null, {
         physics: i,
         css: () => ({})
       }));
     },
-    out: async (e, c) => {
+    out: async (a, l) => {
       const y = new Promise((o) => {
-        r = o;
+        e = o;
       });
       return {
         physics: i,
         prepare: () => {
-          s != null && s.isEnterMode ? g(e) : (g(e, c), e.style.zIndex = "-1");
+          s != null && s.isEnterMode ? g(a) : (g(a, l), a.style.zIndex = "-1");
         },
         wait: async () => {
-          a = e, n && (n(!0), n = null), await y;
+          c = a, n && (n(!0), n = null), await y;
         },
         css: (o) => s != null && s.outAnimation ? s.outAnimation(o) : {}
       };
     }
   };
-}, At = {
+}, Ot = {
   spring: { stiffness: 50, damping: 30 }
 };
-function Tt(t) {
+function St(t) {
   const i = x(document.body, t.positionedParent);
   return {
     top: t.scroll.y,
@@ -891,11 +891,11 @@ function Tt(t) {
     height: window.innerHeight - i.top
   };
 }
-const Jt = (t = {}) => {
-  const i = t.physics ?? At, l = t.initialRotation ?? 45, a = t.initialScale ?? 0.01, n = t.rotationTriggerPoint ?? 0.8;
+const Kt = (t = {}) => {
+  const i = t.physics ?? Ot, r = t.initialRotation ?? 45, c = t.initialScale ?? 0.01, n = t.rotationTriggerPoint ?? 0.8;
   return {
-    out: async (s, r) => {
-      const e = s.style.opacity;
+    out: async (s, e) => {
+      const a = s.style.opacity;
       return {
         physics: {
           spring: {
@@ -906,55 +906,55 @@ const Jt = (t = {}) => {
         from: 1,
         to: 0,
         prepare: () => {
-          g(s, r), s.style.opacity = "1";
+          g(s, e), s.style.opacity = "1";
         },
-        tick: (c) => {
-          s.style.opacity = String(c);
+        tick: (l) => {
+          s.style.opacity = String(l);
         },
         onEnd: () => {
-          s.style.opacity = e;
+          s.style.opacity = a;
         }
       };
     },
-    in: async (s, r) => {
-      const e = Tt(r), c = s.style.transform, y = s.style.transformOrigin, o = s.style.position, p = s.style.zIndex;
+    in: async (s, e) => {
+      const a = St(e), l = s.style.transform, y = s.style.transformOrigin, o = s.style.position, h = s.style.zIndex;
       return {
         physics: i,
         from: 0,
         to: 1,
         prepare: () => {
-          const d = Math.min(e.width, e.height) * 0.4;
+          const d = Math.min(a.width, a.height) * 0.4;
           s.style.setProperty(
             "--max-border-radius",
             `${d}px`
           ), s.style.setProperty("--border-radius-scale", "1"), s.style.willChange = "transform", s.style.backfaceVisibility = "hidden";
-          const u = e.left + e.width / 2, f = e.top + e.height / 2;
-          s.style.transformOrigin = `${u}px ${f}px`, s.style.position = "fixed", s.style.top = `${e.top}px`, s.style.left = `${e.left}px`, s.style.width = `${e.width}px`, s.style.height = `${e.height}px`, s.style.zIndex = "1000", s.style.overflow = "hidden", s.style.transform = `rotate(${l}deg) scale(${a}) translateZ(0)`, s.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", s.style.opacity = "1";
+          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";
         },
         tick: (d) => {
           let u;
           if (d <= 0.05)
-            u = a;
+            u = c;
           else if (d <= n) {
             const w = (d - 0.05) / (n - 0.05), b = Math.pow(w, 9);
-            u = a + (0.8 - a) * b;
+            u = c + (0.8 - c) * b;
           } else {
             const w = (d - n) / (1 - n);
             u = 0.8 + 0.2 * (1 - Math.pow(1 - w, 3));
           }
           let f;
-          const h = 0.7;
-          if (d <= h)
-            f = l;
+          const p = 0.7;
+          if (d <= p)
+            f = r;
           else {
-            const w = (d - h) / (1 - h), b = 1 - Math.pow(1 - w, 2);
-            f = l * (1 - b);
+            const w = (d - p) / (1 - p), b = 1 - Math.pow(1 - w, 2);
+            f = r * (1 - b);
           }
           let $;
-          if (d <= h)
+          if (d <= p)
             $ = 1;
           else {
-            const w = (d - h) / (1 - h);
+            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(
@@ -963,28 +963,28 @@ const Jt = (t = {}) => {
           );
         },
         onEnd: () => {
-          s.style.willChange = "", s.style.backfaceVisibility = "", s.style.removeProperty("--max-border-radius"), s.style.removeProperty("--border-radius-scale"), s.style.transform = c, s.style.transformOrigin = y, s.style.position = o, s.style.zIndex = p, s.style.top = "", s.style.left = "", s.style.width = "", s.style.height = "", s.style.overflow = "", s.style.borderRadius = "";
+          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 = "";
         }
       };
     }
   };
-}, Pt = {
+}, At = {
   spring: { stiffness: 200, damping: 23, doubleSpring: 1 }
 };
-function kt({
+function Tt({
   detailRect: t,
   galleryRect: i,
-  pageRect: l,
-  scrollOffset: a
+  pageRect: r,
+  scrollOffset: c
 }) {
-  const n = i.left - t.left + (i.width - t.width) / 2 - a.x, s = i.top - t.top + (i.height - t.height) / 2 - a.y, r = i.width / t.width, e = i.height / t.height, c = Math.max(r, e), y = t.top / l.height * 100, o = (l.width - (t.left + t.width)) / l.width * 100, p = (l.height - (t.top + t.height)) / l.height * 100, d = t.left / l.width * 100;
+  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;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (f) => {
-      const h = 1 - f;
+      const p = 1 - f;
       return {
-        clipPath: `inset(${y * h}% ${o * h}% ${p * h}% ${d * h}%)`,
-        transform: `translate(${n * h}px, ${s * h}px) scale(${1 + (c - 1) * h})`
+        clipPath: `inset(${y * p}% ${o * p}% ${h * p}% ${d * p}%)`,
+        transform: `translate(${n * p}px, ${s * p}px) scale(${1 + (l - 1) * p})`
       };
     }
   };
@@ -992,174 +992,174 @@ function kt({
 function Lt({
   galleryRect: t,
   detailRect: i,
-  scrollOffset: l
+  scrollOffset: r
 }) {
-  const a = i.left - t.left + (i.width - t.width) / 2 + l.x, n = i.top - t.top + (i.height - t.height) / 2 + l.y, s = i.width / t.width, r = i.height / t.height, e = Math.max(s, 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);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (y) => {
       const o = 1 - y;
       return {
-        transform: `translate(${a * o - l.x}px, ${n * o - l.y}px) scale(${1 + (e - 1) * o})`,
+        transform: `translate(${c * o - r.x}px, ${n * o - r.y}px) scale(${1 + (a - 1) * o})`,
         opacity: `${1 - o}`
       };
     }
   };
 }
-function vt({
+function Pt({
   galleryRect: t,
   detailRect: i,
-  scrollOffset: l
+  scrollOffset: r
 }) {
-  const a = i.left - t.left + (i.width - t.width) / 2 - l.x, n = i.top - t.top + (i.height - t.height) / 2 - l.y, s = i.width / t.width, r = i.height / t.height, e = Math.max(s, 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);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (y) => {
-      const o = 1 - y, p = y;
+      const o = 1 - y, h = y;
       return {
-        transform: `translate(${a * o}px, ${n * o}px) scale(${1 + (e - 1) * o})`,
-        opacity: `${p}`
+        transform: `translate(${c * o}px, ${n * o}px) scale(${1 + (a - 1) * o})`,
+        opacity: `${h}`
       };
     }
   };
 }
-function mt({
+function kt({
   detailRect: t,
   galleryRect: i,
-  pageRect: l,
-  scrollOffset: a
+  pageRect: r,
+  scrollOffset: c
 }) {
-  const n = i.left - t.left + (i.width - t.width) / 2 + a.x, s = i.top - t.top + (i.height - t.height) / 2 + a.y, r = i.width / t.width, e = i.height / t.height, c = Math.min(r, e), y = t.top / l.height * 100, o = (l.width - (t.left + t.width)) / l.width * 100, p = (l.height - (t.top + t.height)) / l.height * 100, d = t.left / l.width * 100;
+  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;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (f) => {
-      const h = 1 - f;
+      const p = 1 - f;
       return {
-        clipPath: `inset(${y * h}% ${o * h}% ${p * h}% ${d * h}%)`,
-        transform: `translate(${n * h - a.x}px, ${s * h - a.y}px) scale(${1 + (c - 1) * h})`
+        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})`
       };
     }
   };
 }
-function It(t, i, l) {
-  const a = t.querySelector(
+function vt(t, i, r) {
+  const c = t.querySelector(
     "[data-pinterest-detail-key]"
   ), n = i.querySelector(
     "[data-pinterest-detail-key]"
   );
   if (t.querySelectorAll("[data-pinterest-detail-key]").length > 1 || i.querySelectorAll("[data-pinterest-detail-key]").length > 1)
     return null;
-  let s = null, r = null, e = !1;
-  if (!a && n) {
-    r = n;
-    const o = r.getAttribute("data-pinterest-detail-key");
+  let s = null, e = null, a = !1;
+  if (!c && n) {
+    e = n;
+    const o = e.getAttribute("data-pinterest-detail-key");
     if (!o) return null;
     s = t.querySelector(
       `[data-pinterest-gallery-key="${o}"]`
-    ), s && (e = !0);
-  } else if (a && !n) {
-    r = a;
-    const o = r.getAttribute("data-pinterest-detail-key");
+    ), s && (a = !0);
+  } else if (c && !n) {
+    e = c;
+    const o = e.getAttribute("data-pinterest-detail-key");
     if (!o) return null;
     s = i.querySelector(
       `[data-pinterest-gallery-key="${o}"]`
-    ), s && (e = !1);
+    ), s && (a = !1);
   }
-  if (!s || !r)
+  if (!s || !e)
     return null;
-  const c = x(e ? t : i, s), y = x(e ? i : t, r);
-  if (e) {
-    const o = kt({
+  const l = x(a ? t : i, s), y = x(a ? i : t, e);
+  if (a) {
+    const o = Tt({
       detailRect: y,
-      galleryRect: c,
+      galleryRect: l,
       pageRect: i.getBoundingClientRect(),
-      scrollOffset: l
-    }), p = Lt({
-      galleryRect: c,
+      scrollOffset: r
+    }), h = Lt({
+      galleryRect: l,
       detailRect: y,
-      scrollOffset: l
+      scrollOffset: r
     });
-    return i.style.transformOrigin = o.transformOrigin, t.style.transformOrigin = p.transformOrigin, {
+    return i.style.transformOrigin = o.transformOrigin, t.style.transformOrigin = h.transformOrigin, {
       inAnimation: o.animate,
-      outAnimation: p.animate
+      outAnimation: h.animate
     };
   } else {
-    const o = vt({
-      galleryRect: c,
+    const o = Pt({
+      galleryRect: l,
       detailRect: y,
-      scrollOffset: l
-    }), p = mt({
+      scrollOffset: r
+    }), h = kt({
       detailRect: y,
-      galleryRect: c,
+      galleryRect: l,
       pageRect: t.getBoundingClientRect(),
-      scrollOffset: l
+      scrollOffset: r
     });
-    return i.style.transformOrigin = o.transformOrigin, t.style.transformOrigin = p.transformOrigin, {
+    return i.style.transformOrigin = o.transformOrigin, t.style.transformOrigin = h.transformOrigin, {
       inAnimation: o.animate,
-      outAnimation: p.animate
+      outAnimation: h.animate
     };
   }
 }
-const Kt = (t = {}) => {
-  const i = t.physics ?? Pt, l = t.timeout ?? 300;
-  let a = null, n = null, s = null, r = null;
+const Qt = (t = {}) => {
+  const i = t.physics ?? At, r = t.timeout ?? 300;
+  let c = null, n = null, s = null, e = null;
   return {
-    in: async (e, { scrollOffset: c }) => {
-      const y = e;
-      return !await new Promise((p) => {
-        a ? p(!0) : (n = p, setTimeout(() => {
-          n = null, p(!1);
-        }, l));
-      }) || !a ? (r == null || r(), r = null, a = null, {
+    in: async (a, { scrollOffset: l }) => {
+      const y = a;
+      return !await new Promise((h) => {
+        c ? h(!0) : (n = h, setTimeout(() => {
+          n = null, h(!1);
+        }, r));
+      }) || !c ? (e == null || e(), e = null, c = null, {
         physics: i,
         css: () => ({})
-      }) : (s = It(a, y, c), r == null || r(), r = null, s ? (a = null, {
+      }) : (s = vt(c, y, l), e == null || e(), e = null, s ? (c = null, {
         physics: i,
-        css: (p) => s ? s.inAnimation(p) : {}
-      }) : (a = null, {
+        css: (h) => s ? s.inAnimation(h) : {}
+      }) : (c = null, {
         physics: i,
         css: () => ({})
       }));
     },
-    out: async (e) => {
-      const c = new Promise((y) => {
-        r = y;
+    out: async (a) => {
+      const l = new Promise((y) => {
+        e = y;
       });
       return {
         physics: i,
         prepare: () => {
-          g(e), e.style.zIndex = "-1", a = e, n && (n(!0), n = null);
+          g(a), a.style.zIndex = "-1", c = a, n && (n(!0), n = null);
         },
         wait: async () => {
-          await c;
+          await l;
         },
         css: (y) => s ? s.outAnimation(y) : {}
       };
     }
   };
-}, Yt = {
+}, mt = {
   spring: { stiffness: 100, damping: 30 }
-}, Qt = (t = {}) => {
-  const i = t.physics ?? Yt;
+}, Rt = (t = {}) => {
+  const i = t.physics ?? mt;
   return {
-    in: (l) => ({
+    in: (r) => ({
       physics: i,
       prepare: () => {
-        l.style.opacity = "0", l.style.transform = "rotate(-180deg)", l.style.transformOrigin = "center center", l.style.willChange = "transform, opacity";
+        r.style.opacity = "0", r.style.transform = "rotate(-180deg)", r.style.transformOrigin = "center center", r.style.willChange = "transform, opacity";
       },
-      css: (a) => ({
+      css: (c) => ({
         // -180deg → 0deg, show after 90deg (progress > 0.5)
-        transform: `rotate(${(a - 1) * 180}deg)`,
-        opacity: a > 0.5 ? 1 : 0
+        transform: `rotate(${(c - 1) * 180}deg)`,
+        opacity: c > 0.5 ? 1 : 0
       }),
       onEnd: () => {
-        l.style.willChange = "auto", l.style.transform = "", l.style.transformOrigin = "", l.style.opacity = "";
+        r.style.willChange = "auto", r.style.transform = "", r.style.transformOrigin = "", r.style.opacity = "";
       }
     }),
-    out: (l, a) => ({
+    out: (r, c) => ({
       physics: i,
       prepare: () => {
-        g(l, a), l.style.transformOrigin = "center center", l.style.willChange = "transform, opacity";
+        g(r, c), r.style.transformOrigin = "center center", r.style.willChange = "transform, opacity";
       },
       css: (n) => ({
         // 0deg → 180deg, hide after 90deg (progress < 0.5)
@@ -1167,256 +1167,256 @@ const Kt = (t = {}) => {
         opacity: n > 0.5 ? 1 : 0
       }),
       onEnd: () => {
-        l.style.willChange = "auto";
+        r.style.willChange = "auto";
       }
     })
   };
-}, _t = {
+}, It = {
   spring: { stiffness: 5, damping: 4 }
-}, Rt = (t = {}) => {
-  const i = t.direction ?? "up", l = t.physics ?? _t, a = i === "up";
-  let n = null, s = null, r = null;
-  const e = () => {
+}, ts = (t = {}) => {
+  const i = t.direction ?? "up", r = t.physics ?? It, c = i === "up";
+  let n = null, s = null, e = null;
+  const a = () => {
     if (n === null || s === null)
       return null;
-    const c = Math.min(n, s), y = window.innerHeight;
-    return Math.max(c, y);
+    const l = Math.min(n, s), y = window.innerHeight;
+    return Math.max(l, y);
   };
   return {
-    in: (c) => (s = c.offsetHeight, n !== null && (r = e()), {
-      physics: l,
+    in: (l) => (s = l.offsetHeight, n !== null && (e = a()), {
+      physics: r,
       prepare: () => {
-        c.style.willChange = "transform", c.style.backfaceVisibility = "hidden", c.style.contain = "layout paint";
+        l.style.willChange = "transform", l.style.backfaceVisibility = "hidden", l.style.contain = "layout paint";
       },
       tick: (y) => {
-        r === null && (r = e());
-        const o = r ?? window.innerHeight, p = a ? (1 - y) * o : (1 - y) * -o;
-        c.style.transform = `translate3d(0, ${p}px, 0)`;
+        e === null && (e = a());
+        const o = e ?? window.innerHeight, h = c ? (1 - y) * o : (1 - y) * -o;
+        l.style.transform = `translate3d(0, ${h}px, 0)`;
       },
       onEnd: () => {
-        c.style.willChange = "auto", c.style.backfaceVisibility = "", c.style.contain = "";
+        l.style.willChange = "auto", l.style.backfaceVisibility = "", l.style.contain = "";
       }
     }),
-    out: (c, y) => ({
-      physics: l,
+    out: (l, y) => ({
+      physics: r,
       tick: (o) => {
-        r === null && (r = e());
-        const p = r ?? window.innerHeight, d = a ? (1 - o) * -p : (1 - o) * p;
-        c.style.transform = `translate3d(0, ${d}px, 0)`;
+        e === null && (e = a());
+        const h = e ?? window.innerHeight, d = c ? (1 - o) * -h : (1 - o) * h;
+        l.style.transform = `translate3d(0, ${d}px, 0)`;
       },
       prepare: () => {
-        n = c.offsetHeight, s !== null && (r = e()), g(c, y), c.style.zIndex = a ? "-1" : "1", c.style.willChange = "transform", c.style.backfaceVisibility = "hidden", c.style.contain = "layout paint", c.style.pointerEvents = "none";
+        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";
       }
     })
   };
-}, Dt = {
+}, _t = {
   inertia: {
     acceleration: 20,
     resistance: 1.5
   }
-}, Ft = {
+}, Dt = {
   inertia: {
     acceleration: 20,
     resistance: 1
   }
-};
-function P(t) {
-  const i = x(document.body, t.positionedParent), l = t.scroll.y, a = window.innerHeight - i.top;
+}, Yt = 0.2;
+function T(t) {
+  const i = x(document.body, t.positionedParent), r = t.scroll.y, c = window.innerHeight - i.top;
   return {
-    top: l,
+    top: r,
     left: 0,
     width: i.width,
-    height: a
+    height: c
   };
 }
-const ts = (t = {}) => {
-  const { direction: i = "enter" } = t, l = t.physics ?? (i === "enter" ? Dt : Ft);
+const ss = (t = {}) => {
+  const { direction: i = "enter" } = t, r = t.physics ?? (i === "enter" ? _t : Dt), c = t.scaleOffset ?? Yt;
   return i === "enter" ? {
     // Entering sheet: slides up from bottom
-    in: (a, n) => {
-      const r = P(n).height;
+    in: (n, s) => {
+      const a = T(s).height;
       return {
-        physics: l,
+        physics: r,
         prepare: () => {
-          a.style.willChange = "transform", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint";
+          n.style.willChange = "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
         },
-        css: (e) => ({
-          transform: `translate3d(0, ${(1 - e) * r}px, 0)`
+        css: (l) => ({
+          transform: `translate3d(0, ${(1 - l) * a}px, 0)`
         }),
         onEnd: () => {
-          a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "";
+          n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "";
         }
       };
     },
     // Exiting background: scales down with fade
-    out: (a, n) => {
-      const s = P(n), r = s.left + s.width / 2, e = s.top + s.height / 2 + n.scrollOffset.y;
+    out: (n, s) => {
+      const e = T(s), a = e.left + e.width / 2, l = e.top + e.height / 2 + s.scrollOffset.y;
       return {
-        physics: l,
+        physics: r,
         prepare: () => {
-          g(a, n), a.style.zIndex = "-1", a.style.willChange = "transform, opacity", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.pointerEvents = "none", a.style.transformOrigin = `${r}px ${e}px`;
+          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`;
         },
-        css: (c) => ({
-          transform: `scale(${0.8 + c * 0.2})`,
-          opacity: c
+        css: (y) => ({
+          transform: `scale(${1 - c + y * c})`,
+          opacity: y
         })
       };
     }
   } : {
     // Entering background: scales up with fade
-    in: (a, n) => {
-      const s = P(n), r = s.left + s.width / 2, e = s.top + s.height / 2;
+    in: (n, s) => {
+      const e = T(s), a = e.left + e.width / 2, l = e.top + e.height / 2;
       return {
-        physics: l,
+        physics: r,
         prepare: () => {
-          a.style.willChange = "transform, opacity", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.transformOrigin = `${r}px ${e}px`;
+          n.style.willChange = "transform, opacity", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.transformOrigin = `${a}px ${l}px`;
         },
-        css: (c) => ({
-          transform: `scale(${0.8 + c * 0.2})`,
-          opacity: c
+        css: (y) => ({
+          transform: `scale(${1 - c + y * c})`,
+          opacity: y
         }),
         onEnd: () => {
-          a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "", a.style.transformOrigin = "";
+          n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "", n.style.transformOrigin = "";
         }
       };
     },
     // Exiting sheet: slides down with high z-index
-    out: (a, n) => {
-      const r = P(n).height;
+    out: (n, s) => {
+      const a = T(s).height;
       return {
-        physics: l,
+        physics: r,
         prepare: () => {
-          g(a, n), a.style.zIndex = "100", a.style.willChange = "transform", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.pointerEvents = "none";
+          g(n, s), n.style.zIndex = "100", n.style.willChange = "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.pointerEvents = "none";
         },
-        css: (e) => ({
-          transform: `translate3d(0, ${(1 - e) * r}px, 0)`
+        css: (l) => ({
+          transform: `translate3d(0, ${(1 - l) * a}px, 0)`
         })
       };
     }
   };
-}, Vt = {
+}, Ft = {
   spring: {
     stiffness: 140,
     damping: 19,
     doubleSpring: 0.8
   }
-}, ss = (t = {}) => {
-  const i = t.direction ?? "left", l = t.physics ?? Vt, a = i === "left";
+}, is = (t = {}) => {
+  const i = t.direction ?? "left", r = t.physics ?? Ft, c = i === "left";
   return {
     in: (n) => ({
-      physics: l,
+      physics: r,
       prepare: () => {
         n.style.willChange = "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint";
       },
       css: (s) => ({
-        transform: `translate3d(${a ? (1 - s) * 100 : (1 - s) * -100}%, 0, 0)`
+        transform: `translate3d(${c ? (1 - s) * 100 : (1 - s) * -100}%, 0, 0)`
       }),
       onEnd: () => {
         n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "";
       }
     }),
     out: (n, s) => ({
-      physics: l,
-      css: (r) => ({
-        transform: `translate3d(${a ? (1 - r) * -100 : (1 - r) * 100}%, 0, 0)`
+      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";
       }
     })
   };
-}, k = 8, Ut = {
+}, Ut = 8, Vt = {
   spring: {
     stiffness: 600,
     damping: 40,
     restDelta: 0.1,
     restSpeed: 1e14
   }
-}, is = (t = {}) => {
-  const i = t.direction ?? "left", l = t.physics ?? Ut, a = i === "left";
-  let { promise: n, resolve: s } = E();
+}, ns = (t = {}) => {
+  const i = t.direction ?? "left", r = t.physics ?? Vt, c = t.translateOffset ?? Ut, n = i === "left";
+  let { promise: s, resolve: e } = E();
   return {
     // Entering page: fades in + slides from opposite direction
-    in: (r) => ({
-      physics: l,
+    in: (a) => ({
+      physics: r,
       prepare: () => {
-        r.style.opacity = "0", r.style.willChange = "transform, opacity", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint";
+        a.style.opacity = "0", a.style.willChange = "transform, opacity", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint";
       },
       wait: async () => {
-        if (n) {
-          await n;
-          const e = E();
-          n = e.promise, s = e.resolve;
+        if (s) {
+          await s;
+          const l = E();
+          s = l.promise, e = l.resolve;
         }
       },
-      css: (e) => {
-        const c = a ? (1 - e) * k : (1 - e) * -k, y = `${e}`;
+      css: (l) => {
+        const y = n ? (1 - l) * c : (1 - l) * -c, o = `${l}`;
         return {
-          transform: `translate3d(${c}px, 0, 0)`,
-          opacity: y
+          transform: `translate3d(${y}px, 0, 0)`,
+          opacity: o
         };
       },
       onEnd: () => {
-        r.style.opacity = "1", r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "";
+        a.style.opacity = "1", a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "";
       }
     }),
     // Exiting page: fade out + slide in same direction as navigation
-    out: (r, e) => ({
-      physics: l,
+    out: (a, l) => ({
+      physics: r,
       prepare: () => {
-        g(r, e), r.style.willChange = "transform, opacity", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none";
+        g(a, l), a.style.willChange = "transform, opacity", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.pointerEvents = "none";
       },
-      css: (c) => {
-        const y = a ? (1 - c) * -k : (1 - c) * k, o = `${c}`;
+      css: (y) => {
+        const o = n ? (1 - y) * -c : (1 - y) * c, h = `${y}`;
         return {
-          transform: `translate3d(${y}px, 0, 0)`,
-          opacity: o
+          transform: `translate3d(${o}px, 0, 0)`,
+          opacity: h
         };
       },
       onEnd: () => {
-        s && s(), r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "";
+        e && e(), a.style.willChange = "auto", a.style.backfaceVisibility = "", a.style.contain = "";
       }
     })
   };
 }, Ht = {
   spring: { stiffness: 17, damping: 6 }
-}, v = 20, L = 800, ns = (t = {}) => {
+}, P = 20, L = 800, es = (t = {}) => {
   const i = t.physics ?? Ht;
-  let l, a = null;
+  let r, c = null;
   return {
     in: (n) => ({
       physics: i,
       prepare: () => {
-        n.style.willChange = "transform", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.transform = `perspective(${L}px) rotateY(${v}deg) translate3d(-100%, 0, 0)`;
+        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)`;
       },
       wait: async () => {
-        l && await l;
+        r && await r;
       },
       css: (s) => {
-        const r = (1 - s) * v, e = -(1 - s) * 100;
+        const e = (1 - s) * P, a = -(1 - s) * 100;
         return {
-          transform: `perspective(${L}px) rotateY(${r}deg) translate3d(${e}%, 0, 0)`
+          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 = "";
       }
     }),
-    out: (n, s) => (l = new Promise((r) => {
-      a = r;
+    out: (n, s) => (r = new Promise((e) => {
+      c = e;
     }), {
       physics: i,
       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)`;
       },
-      css: (r) => {
-        const e = 1 - r, c = e * v, y = e * 100;
+      css: (e) => {
+        const a = 1 - e, l = a * P, y = a * 100;
         return {
-          transform: `perspective(${L}px) rotateY(${-c}deg) translate3d(${y}%, 0, 0)`
+          transform: `perspective(${L}px) rotateY(${-l}deg) translate3d(${y}%, 0, 0)`
         };
       },
       onEnd: () => {
-        a && a(), n.style.transform = "";
+        c && c(), n.style.transform = "";
       }
     })
   };
@@ -1427,75 +1427,75 @@ const ts = (t = {}) => {
     restDelta: 0.1,
     restSpeed: 1e14
   }
-}, D = 0.05;
-function zt(t) {
-  const i = x(document.body, t.positionedParent), l = t.scroll.y, a = window.innerHeight - i.top;
+}, zt = 0.05;
+function Wt(t) {
+  const i = x(document.body, t.positionedParent), r = t.scroll.y, c = window.innerHeight - i.top;
   return {
-    top: l,
+    top: r,
     left: 0,
     width: i.width,
-    height: a
+    height: c
   };
 }
-const es = (t = {}) => {
-  const i = t.physics ?? Xt;
-  let { promise: l, resolve: a } = E();
+const as = (t = {}) => {
+  const i = t.physics ?? Xt, r = t.scaleOffset ?? zt;
+  let { promise: c, resolve: n } = E();
   return {
     // Entering page: scales up from small (0.95 → 1) with fade in
-    in: (n, s) => {
-      const r = zt(s), e = r.left + r.width / 2, c = r.top + r.height / 2;
+    in: (s, e) => {
+      const a = Wt(e), l = a.left + a.width / 2, y = a.top + a.height / 2;
       return {
         physics: i,
         prepare: () => {
-          n.style.opacity = "0", n.style.willChange = "transform, opacity", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.transformOrigin = `${e}px ${c}px`;
+          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`;
         },
         wait: async () => {
-          if (l) {
-            await l;
-            const y = E();
-            l = y.promise, a = y.resolve;
+          if (c) {
+            await c;
+            const o = E();
+            c = o.promise, n = o.resolve;
           }
         },
-        css: (y) => ({
-          transform: `scale(${1 - D + y * D})`,
-          opacity: y
+        css: (o) => ({
+          transform: `scale(${1 - r + o * r})`,
+          opacity: o
         }),
         onEnd: () => {
-          n.style.opacity = "1", n.style.willChange = "auto", n.style.backfaceVisibility = "", n.style.contain = "", n.style.transformOrigin = "";
+          s.style.opacity = "1", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transformOrigin = "";
         }
       };
     },
     // Exiting page: fade out only (no scale)
-    out: (n, s) => ({
+    out: (s, e) => ({
       physics: i,
       prepare: () => {
-        g(n, s), n.style.willChange = "opacity", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.pointerEvents = "none";
+        g(s, e), s.style.willChange = "opacity", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none";
       },
-      css: (r) => ({
-        opacity: r
+      css: (a) => ({
+        opacity: a
       }),
       onEnd: () => {
-        a && a();
+        n && n();
       }
     })
   };
 };
 export {
-  Wt as blind,
-  Mt as curtainReveal,
-  Bt as depth,
-  qt as drill,
-  jt as fade,
-  Nt as film,
-  Gt as hero,
-  Zt as instagram,
-  Jt as jaemin,
-  Kt as pinterest,
-  Qt as rotate,
-  Rt as scroll,
-  ts as sheet,
-  ss as slide,
-  is as snap,
-  ns as strip,
-  es as swap
+  Mt as blind,
+  Bt as curtainReveal,
+  qt as depth,
+  jt as drill,
+  Nt as fade,
+  Gt as film,
+  Zt as hero,
+  Jt as instagram,
+  Kt as jaemin,
+  Qt as pinterest,
+  Rt as rotate,
+  ts as scroll,
+  ss as sheet,
+  is as slide,
+  ns as snap,
+  es as strip,
+  as as swap
 };