@ssgoi/core 3.3.0 → 3.5.0

package/dist/view-transitions/index.js

@@ -1,26 +1,44 @@
-import { p as x, g as b } from "../jaemin-BWkrXq0V.js";
-import { a as Ht } from "../jaemin-BWkrXq0V.js";
-const F = (t) => new Promise((n) => setTimeout(n, t));
-function T() {
+const m = (t, n) => {
+  var r;
+  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";
+}, W = (t) => new Promise((n) => setTimeout(n, t));
+function x(t, n) {
+  function r(o) {
+    let d = 0, s = 0;
+    const c = o.offsetWidth, e = o.offsetHeight;
+    let i = o;
+    for (; i; )
+      d += i.offsetTop, s += i.offsetLeft, i = i.offsetParent;
+    return d -= window.scrollY, s -= window.scrollX, { top: d, left: s, width: c, height: e };
+  }
+  const p = r(t), a = r(n);
+  return new DOMRect(
+    a.left - p.left,
+    a.top - p.top,
+    a.width,
+    a.height
+  );
+}
+function S() {
   let t, n;
-  return { promise: new Promise((d, r) => {
-    t = d, n = r;
+  return { promise: new Promise((p, a) => {
+    t = p, n = a;
   }), resolve: t, reject: n };
 }
-const N = { stiffness: 80, damping: 25 }, G = { stiffness: 75, damping: 25 }, q = 300, j = 10, K = "horizontal", Z = "#000000", It = (t = {}) => {
+const Q = { stiffness: 80, damping: 25 }, R = { stiffness: 75, damping: 25 }, tt = 300, nt = 10, it = "horizontal", st = "#000000", Nt = (t = {}) => {
   const {
-    inSpring: n = G,
-    outSpring: s = N,
-    transitionDelay: d = q,
-    blindCount: r = j,
-    direction: a = K,
-    blindColor: l = Z
+    inSpring: n = R,
+    outSpring: r = Q,
+    transitionDelay: p = tt,
+    blindCount: a = nt,
+    direction: o = it,
+    blindColor: d = st
   } = t;
-  let i, c = null;
-  const o = (e, p, y = "left") => {
-    window.getComputedStyle(e).position === "static" && (e.style.position = "relative");
-    const g = document.createElement("div");
-    g.className = "blind-container", g.style.cssText = `
+  let s, c = null;
+  const e = (i, y, h = "left") => {
+    window.getComputedStyle(i).position === "static" && (i.style.position = "relative");
+    const l = document.createElement("div");
+    l.className = "blind-container", l.style.cssText = `
       position: absolute;
       top: 0;
       left: 0;
@@ -31,66 +49,66 @@ const N = { stiffness: 80, damping: 25 }, G = { stiffness: 75, damping: 25 }, q
       overflow: hidden;
     `;
     const u = [];
-    for (let m = 0; m < r; m++) {
+    for (let b = 0; b < a; b++) {
       const f = document.createElement("div");
-      if (a === "horizontal") {
-        const w = 100 / r, $ = `calc(${w}% + 1px)`;
+      if (o === "horizontal") {
+        const $ = 100 / a, w = `calc(${$}% + 1px)`;
         f.style.cssText = `
           position: absolute;
-          top: ${w * m}%;
+          top: ${$ * b}%;
           left: 0;
           width: 100%;
-          height: ${$};
-          background: ${l};
-          transform: scaleX(${p === "hidden" ? 0 : 1});
-          transform-origin: ${y} center;
+          height: ${w};
+          background: ${d};
+          transform: scaleX(${y === "hidden" ? 0 : 1});
+          transform-origin: ${h} center;
           will-change: transform;
         `;
       } else {
-        const w = 100 / r, $ = `calc(${w}% + 1px)`;
+        const $ = 100 / a, w = `calc(${$}% + 1px)`;
         f.style.cssText = `
           position: absolute;
           top: 0;
-          left: ${w * m}%;
-          width: ${$};
+          left: ${$ * b}%;
+          width: ${w};
           height: 100%;
-          background: ${l};
-          transform: scaleY(${p === "hidden" ? 0 : 1});
-          transform-origin: ${y === "left" ? "top" : "bottom"} center;
+          background: ${d};
+          transform: scaleY(${y === "hidden" ? 0 : 1});
+          transform-origin: ${h === "left" ? "top" : "bottom"} center;
           will-change: transform;
         `;
       }
-      u.push(f), g.appendChild(f);
+      u.push(f), l.appendChild(f);
     }
-    return e.appendChild(g), { container: g, blinds: u };
+    return i.appendChild(l), { container: l, blinds: u };
   };
   return {
     out: () => {
-      let e = null;
-      i = new Promise((h) => {
-        c = h;
+      let i = null;
+      s = new Promise((g) => {
+        c = g;
       });
-      const p = (h) => {
-        const g = 1 - h;
+      const y = (g) => {
+        const l = 1 - g;
         return {
-          transform: a === "horizontal" ? `scaleX(${g})` : `scaleY(${g})`
+          transform: o === "horizontal" ? `scaleX(${l})` : `scaleY(${l})`
         };
       };
       return {
-        springs: Array.from({ length: r }, (h, g) => ({
-          spring: s,
+        springs: Array.from({ length: a }, (g, l) => ({
+          spring: r,
           offset: 0.2,
           css: {
             // Use getter for lazy element access (evaluated after prepare)
             get element() {
-              return e == null ? void 0 : e.blinds[g];
+              return i == null ? void 0 : i.blinds[l];
             },
-            style: p
+            style: y
           }
         })),
         schedule: "stagger",
-        prepare: (h) => {
-          x(h), h.style.zIndex = "1000", e = o(h, "hidden", "left");
+        prepare: (g) => {
+          m(g), g.style.zIndex = "1000", i = e(g, "hidden", "left");
         },
         onStart: () => {
         },
@@ -100,308 +118,545 @@ const N = { stiffness: 80, damping: 25 }, G = { stiffness: 75, damping: 25 }, q
       };
     },
     in: () => {
-      let e = null;
-      const p = (h) => {
-        const g = 1 - h;
+      let i = null;
+      const y = (g) => {
+        const l = 1 - g;
         return {
-          transform: a === "horizontal" ? `scaleX(${g})` : `scaleY(${g})`
+          transform: o === "horizontal" ? `scaleX(${l})` : `scaleY(${l})`
         };
       };
       return {
-        springs: Array.from({ length: r }, (h, g) => ({
+        springs: Array.from({ length: a }, (g, l) => ({
           spring: n,
           offset: 0.2,
           css: {
             // Use getter for lazy element access (evaluated after prepare)
             get element() {
-              return e == null ? void 0 : e.blinds[g];
+              return i == null ? void 0 : i.blinds[l];
             },
-            style: p
+            style: y
           }
         })),
         schedule: "stagger",
-        prepare: (h) => {
-          h.style.position = "relative", h.style.zIndex = "0", e = o(h, "closed", "right");
+        prepare: (g) => {
+          g.style.position = "relative", g.style.zIndex = "0", i = e(g, "closed", "right");
         },
         onStart: () => {
         },
         wait: async () => {
-          i && await i, await F(d);
+          s && await s, await W(p);
+        },
+        onEnd: () => {
+          i && i.container && i.container.remove();
+        }
+      };
+    }
+  };
+}, et = { stiffness: 1, damping: 1 }, rt = { stiffness: 20, damping: 25 }, at = "#000000", ot = "circle", F = "CURTAIN_REVEAL_OVERLAY_ID", lt = {
+  position: "fixed",
+  inset: "0",
+  width: "100vw",
+  height: "100%",
+  zIndex: "9999",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  overflow: "hidden"
+}, ct = {
+  position: "relative",
+  display: "inline-block",
+  height: "5.5rem",
+  overflow: "hidden"
+}, dt = {
+  display: "flex",
+  height: "100%",
+  willChange: "transform",
+  transition: "transform 0.3s ease"
+}, pt = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  whiteSpace: "nowrap",
+  fontSize: "5.5rem",
+  fontWeight: "900",
+  letterSpacing: "0.02em",
+  color: "#FFFFFF"
+}, yt = 0.4, k = 0.5, ht = 0.2;
+function gt(t, n) {
+  switch (t) {
+    case "circle":
+      return `circle(${n * 100}% at 50% 50%)`;
+    case "square":
+      return `inset(${(1 - n) * 50}% round ${10 * n}%)`;
+    case "triangle": {
+      const r = n * 100;
+      return `polygon(50% ${50 - r}%, ${50 - r}% ${50 + r}%, ${50 + r}% ${50 + r}%)`;
+    }
+  }
+}
+const ut = (t) => t.reduce((n, r) => n + r, 0), Wt = (t = {}) => {
+  const {
+    background: n = at,
+    texts: r = [],
+    shape: p = ot,
+    inSpring: a = rt,
+    outSpring: o = et,
+    textStyle: d = {}
+  } = t;
+  return {
+    out: (s, c) => {
+      const e = s.style.opacity;
+      return {
+        spring: o,
+        from: 1,
+        to: 0,
+        prepare: (i) => {
+          m(i, c), i.style.opacity = "1";
+        },
+        tick: (i) => {
+          const y = Math.max(0, i - yt);
+          s.style.opacity = String(y);
+        },
+        onEnd: () => {
+          s.style.opacity = e;
+        }
+      };
+    },
+    in: (s) => {
+      let c = null, e = null, i = null;
+      const y = document.body.style.overflow, h = document.getElementById(
+        F
+      );
+      let g = [];
+      const l = () => {
+        c = document.createElement("div"), c.id = F, Object.assign(c.style, lt, { background: n }), document.body.appendChild(c), e = document.createElement("div"), Object.assign(e.style, ct), c.appendChild(e), i = document.createElement("div"), Object.assign(i.style, dt), e.appendChild(i), r.forEach((u) => {
+          const b = document.createElement("div");
+          b.textContent = u, Object.assign(b.style, pt, d), i.appendChild(b);
+        }), g = Array.from(i.children).map(
+          (u) => u.getBoundingClientRect().width
+        );
+      };
+      return {
+        spring: a,
+        from: 0,
+        to: 1,
+        prepare: () => {
+          document.body.style.overflow = "hidden", s.style.opacity = "1", h == null || h.remove(), l(), c && e && (c.style.clipPath = "none", e.style.transform = "scale(1)");
+        },
+        tick: (u) => {
+          if (!(!c || !e || !i)) {
+            if (u <= k && r.length > 0) {
+              const b = u / k, f = Math.min(
+                Math.floor(b * r.length),
+                r.length - 1
+              ), $ = g[f] ?? 0, w = ut(g.slice(0, f));
+              e.style.width = `${$}px`, i.style.transform = `translateX(-${w}px)`;
+            }
+            if (u > k) {
+              const f = 1 - Math.max(
+                0,
+                Math.min(1, (u - k) / ht)
+              );
+              c.style.clipPath = gt(p, f), e.style.transform = `scale(${f})`;
+            }
+          }
+        },
+        onEnd: () => {
+          c == null || c.remove(), c = e = i = null, document.body.style.overflow = y;
+        }
+      };
+    }
+  };
+}, ft = {
+  stiffness: 300,
+  damping: 22,
+  doubleSpring: 0.5
+}, wt = {
+  stiffness: 300,
+  damping: 22,
+  doubleSpring: 0.5
+}, C = 0.05;
+function P(t) {
+  const n = x(document.body, t.positionedParent), r = t.scroll.y, p = window.innerHeight - n.top;
+  return {
+    top: r,
+    left: 0,
+    width: n.width,
+    height: p
+  };
+}
+const Mt = (t = {}) => {
+  var d, s, c;
+  const { direction: n = "enter" } = t, r = n === "enter" ? ft : wt, p = {
+    stiffness: ((d = t.spring) == null ? void 0 : d.stiffness) ?? r.stiffness,
+    damping: ((s = t.spring) == null ? void 0 : s.damping) ?? r.damping,
+    doubleSpring: ((c = t.spring) == null ? void 0 : c.doubleSpring) ?? r.doubleSpring
+  };
+  let { promise: a, resolve: o } = S();
+  return n === "enter" ? {
+    // Entering page: scales up from small (0.8 → 1) with fade in
+    in: (e, i) => {
+      const y = P(i), h = y.left + y.width / 2, g = y.top + y.height / 2;
+      return {
+        spring: p,
+        prepare: () => {
+          e.style.opacity = "0", e.style.willChange = "transform, opacity", e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint", e.style.transformOrigin = `${h}px ${g}px`;
+        },
+        wait: async () => {
+          if (a) {
+            await a;
+            const l = S();
+            a = l.promise, o = l.resolve;
+          }
+        },
+        css: (l) => ({
+          transform: `scale(${1 - C + l * C})`,
+          opacity: l
+        }),
+        onEnd: () => {
+          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: (e, i) => {
+      const y = P(i), h = y.left + y.width / 2, g = y.top + y.height / 2 + i.scrollOffset.y;
+      return {
+        spring: p,
+        prepare: (l) => {
+          m(l, i), l.style.zIndex = "-1", l.style.willChange = "transform, opacity", l.style.backfaceVisibility = "hidden", l.style.contain = "layout paint", l.style.pointerEvents = "none", l.style.transformOrigin = `${h}px ${g}px`;
+        },
+        css: (l) => ({
+          transform: `scale(${1 + (1 - l) * C})`,
+          opacity: l
+        }),
+        onEnd: () => {
+          o && o();
+        }
+      };
+    }
+  } : {
+    // Entering page: scales down from large (1.2 → 1) with fade in
+    in: (e, i) => {
+      const y = P(i), h = y.left + y.width / 2, g = y.top + y.height / 2;
+      return {
+        spring: p,
+        prepare: () => {
+          e.style.opacity = "0", e.style.willChange = "transform, opacity", e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint", e.style.transformOrigin = `${h}px ${g}px`;
+        },
+        wait: async () => {
+          if (a) {
+            await a;
+            const l = S();
+            a = l.promise, o = l.resolve;
+          }
         },
+        css: (l) => ({
+          transform: `scale(${1 + C - l * C})`,
+          opacity: l
+        }),
         onEnd: () => {
-          e && e.container && e.container.remove();
+          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: (e, i) => {
+      const y = P(i), h = y.left + y.width / 2, g = y.top + y.height / 2 + i.scrollOffset.y;
+      return {
+        spring: p,
+        prepare: (l) => {
+          m(l, i), l.style.zIndex = "100", l.style.willChange = "transform, opacity", l.style.backfaceVisibility = "hidden", l.style.contain = "layout paint", l.style.pointerEvents = "none", l.style.transformOrigin = `${h}px ${g}px`;
+        },
+        css: (l) => ({
+          transform: `scale(${1 - (1 - l) * C})`,
+          opacity: l
+        }),
+        onEnd: () => {
+          o && o();
         }
       };
     }
   };
-}, J = {
-  stiffness: 150,
-  damping: 20
-}, Q = {
-  stiffness: 100,
-  damping: 20
-}, Ot = (t = {}) => {
-  var a, l;
-  const { opacity: n = !1, direction: s = "enter" } = t, d = s === "enter" ? J : Q, r = {
-    stiffness: ((a = t.spring) == null ? void 0 : a.stiffness) ?? d.stiffness,
-    damping: ((l = t.spring) == null ? void 0 : l.damping) ?? d.damping
+}, bt = {
+  stiffness: 125,
+  damping: 14,
+  doubleSpring: 0.5
+}, $t = {
+  stiffness: 128,
+  damping: 14,
+  doubleSpring: 0.5
+}, Gt = (t = {}) => {
+  var o, d, s;
+  const { opacity: n = !1, direction: r = "enter" } = t, p = r === "enter" ? bt : $t, a = {
+    stiffness: ((o = t.spring) == null ? void 0 : o.stiffness) ?? p.stiffness,
+    damping: ((d = t.spring) == null ? void 0 : d.damping) ?? p.damping,
+    doubleSpring: ((s = t.spring) == null ? void 0 : s.doubleSpring) ?? p.doubleSpring
   };
-  return s === "enter" ? {
-    in: (i) => ({
-      spring: r,
+  return r === "enter" ? {
+    in: (c) => ({
+      spring: a,
       prepare: () => {
-        i.style.willChange = n ? "transform, opacity" : "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
+        c.style.willChange = n ? "transform, opacity" : "transform", c.style.backfaceVisibility = "hidden", c.style.contain = "layout paint";
       },
-      css: (c) => {
-        const o = {
-          transform: `translate3d(${(1 - c) * 100}%, 0, 0)`
+      css: (e) => {
+        const i = {
+          transform: `translate3d(${(1 - e) * 100}%, 0, 0)`
         };
-        return n && (o.opacity = c), o;
+        return n && (i.opacity = e), i;
       },
       onEnd: () => {
-        i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "";
+        c.style.willChange = "auto", c.style.backfaceVisibility = "", c.style.contain = "";
       }
     }),
-    out: (i, c) => ({
-      spring: r,
-      prepare: (o) => {
-        x(o, c), o.style.zIndex = "-1", o.style.willChange = n ? "transform, opacity" : "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.pointerEvents = "none";
+    out: (c, e) => ({
+      spring: a,
+      prepare: (i) => {
+        m(i, e), i.style.zIndex = "-1", i.style.willChange = n ? "transform, opacity" : "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none";
       },
-      css: (o) => {
-        const e = {
-          transform: `translate3d(${-(1 - o) * 20}%, 0, 0)`
+      css: (i) => {
+        const y = {
+          transform: `translate3d(${-(1 - i) * 20}%, 0, 0)`
         };
-        return n && (e.opacity = o), e;
+        return n && (y.opacity = i), y;
       }
     })
   } : {
-    in: (i) => ({
-      spring: r,
+    in: (c) => ({
+      spring: a,
       prepare: () => {
-        i.style.willChange = n ? "transform, opacity" : "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
+        c.style.willChange = n ? "transform, opacity" : "transform", c.style.backfaceVisibility = "hidden", c.style.contain = "layout paint";
       },
-      css: (c) => {
-        const o = {
-          transform: `translate3d(${-(1 - c) * 20}%, 0, 0)`
+      css: (e) => {
+        const i = {
+          transform: `translate3d(${-(1 - e) * 20}%, 0, 0)`
         };
-        return n && (o.opacity = c), o;
+        return n && (i.opacity = e), i;
       },
       onEnd: () => {
-        i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "";
+        c.style.willChange = "auto", c.style.backfaceVisibility = "", c.style.contain = "";
       }
     }),
-    out: (i, c) => ({
-      spring: r,
-      prepare: (o) => {
-        x(o, c), o.style.zIndex = "100", o.style.willChange = n ? "transform, opacity" : "transform", o.style.backfaceVisibility = "hidden", o.style.contain = "layout paint", o.style.pointerEvents = "none";
+    out: (c, e) => ({
+      spring: a,
+      prepare: (i) => {
+        m(i, e), i.style.zIndex = "100", i.style.willChange = n ? "transform, opacity" : "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none";
       },
-      css: (o) => {
-        const e = {
-          transform: `translate3d(${(1 - o) * 100}%, 0, 0)`
+      css: (i) => {
+        const y = {
+          transform: `translate3d(${(1 - i) * 100}%, 0, 0)`
         };
-        return n && (e.opacity = o), e;
+        return n && (y.opacity = i), y;
       }
     })
   };
-}, R = { stiffness: 120, damping: 15 }, tt = { stiffness: 100, damping: 20 }, nt = 0, Dt = (t = {}) => {
+}, mt = {
+  stiffness: 180,
+  damping: 20,
+  doubleSpring: !0
+}, xt = {
+  stiffness: 170,
+  damping: 20,
+  doubleSpring: !0
+}, Et = 0, Bt = (t = {}) => {
   const {
-    inSpring: n = tt,
-    outSpring: s = R,
-    transitionDelay: d = nt
+    inSpring: n = xt,
+    outSpring: r = mt,
+    transitionDelay: p = Et
   } = t;
-  let { promise: r, resolve: a } = T();
+  let { promise: a, resolve: o } = S();
   return {
-    in: (l) => ({
+    in: (d) => ({
       spring: n,
       prepare: () => {
-        l.style.opacity = "0", l.style.willChange = "opacity";
+        d.style.opacity = "0", d.style.willChange = "opacity";
       },
       wait: async () => {
-        if (r) {
-          await r;
-          const i = T();
-          r = i.promise, a = i.resolve, await F(d);
+        if (a) {
+          await a;
+          const s = S();
+          a = s.promise, o = s.resolve, await W(p);
         }
       },
-      css: (i) => ({
-        opacity: i
+      css: (s) => ({
+        opacity: s
       }),
       onEnd: () => {
-        l.style.willChange = "auto", l.style.opacity = "1";
+        d.style.willChange = "auto", d.style.opacity = "1";
       }
     }),
-    out: (l, i) => ({
-      spring: s,
+    out: (d, s) => ({
+      spring: r,
       css: (c) => ({
         opacity: c
       }),
       prepare: () => {
-        x(l, i), l.style.willChange = "opacity";
+        m(d, s), d.style.willChange = "opacity";
       },
       onEnd: () => {
-        a && a(), l.style.willChange = "auto";
+        o && o(), d.style.willChange = "auto";
       }
     })
   };
-}, et = {
+}, St = {
   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
-}, E = {
+}, A = {
   scaleDown: 0,
   // Start immediately
   translate: 0.2,
   // Start when scaleDown is 25% complete
   scaleUp: 0.8
   // Start when translate is 70% complete
-}, it = 0.8, st = "white", Pt = (t) => {
-  var r;
-  const n = et, s = it, d = ((r = t == null ? void 0 : t.border) == null ? void 0 : r.color) ?? st;
+}, Ct = 0.8, At = "white", qt = (t) => {
+  var a;
+  const n = St, r = Ct, p = ((a = t == null ? void 0 : t.border) == null ? void 0 : a.color) ?? At;
   return {
-    out: async (a, l) => {
-      const i = k(l), c = b(document.body, l.positionedParent), o = rt(d, {
-        ...i,
+    out: async (o, d) => {
+      const s = Y(d), c = x(document.body, d.positionedParent), e = Pt(p, {
+        ...s,
         top: c.top
-      }), e = {
+      }), i = {
         scale: 1,
-        translateY: -i.top
-      }, p = () => {
-        a.style.transform = `translateY(${e.translateY}px) scale(${e.scale})`;
-        const y = (i.width - i.width * e.scale) / 2, h = (i.height - i.height * e.scale) / 2;
-        at(o, y, h);
+        translateY: -s.top
+      }, y = () => {
+        o.style.transform = `translateY(${i.translateY}px) scale(${i.scale})`;
+        const h = (s.width - s.width * i.scale) / 2, g = (s.height - s.height * i.scale) / 2;
+        kt(e, h, g);
       };
       return {
         springs: [
           // Spring 1: Scale Down (1 → scale)
           {
             spring: n.scaleDown,
-            offset: E.scaleDown,
-            tick: (y) => {
-              const h = 1 - y;
-              e.scale = 1 - (1 - s) * h, p();
+            offset: A.scaleDown,
+            tick: (h) => {
+              const g = 1 - h;
+              i.scale = 1 - (1 - r) * g, y();
             }
           },
           // Spring 2: Translate (vertical movement)
           {
             spring: n.translate,
-            offset: E.translate,
-            tick: (y) => {
-              const h = 1 - y;
-              e.translateY = -i.top - i.height * h, p();
+            offset: A.translate,
+            tick: (h) => {
+              const g = 1 - h;
+              i.translateY = -s.top - s.height * g, y();
             }
           },
           // Spring 3: Scale Up (scale → 1)
           {
             spring: n.scaleUp,
-            offset: E.scaleUp,
-            tick: (y) => {
-              const h = 1 - y;
-              e.scale = s + (1 - s) * h, p();
+            offset: A.scaleUp,
+            tick: (h) => {
+              const g = 1 - h;
+              i.scale = r + (1 - r) * g, y();
             }
           }
         ],
         schedule: "stagger",
         prepare: () => {
-          x(a), S(a, i), _(a, i), lt(a, i);
-          for (const y of o)
-            l.positionedParent.appendChild(y);
+          m(o), V(o, s), U(o, s), Tt(o, s);
+          for (const h of e)
+            d.positionedParent.appendChild(h);
         },
         onEnd: () => {
-          a.style.clipPath = "", a.style.transformOrigin = "", setTimeout(() => {
-            for (const y of o)
-              l.positionedParent.removeChild(y);
+          o.style.clipPath = "", o.style.transformOrigin = "", setTimeout(() => {
+            for (const h of e)
+              d.positionedParent.removeChild(h);
           }, 1e3);
         }
       };
     },
-    in: async (a, l) => {
-      const i = k(l), c = {
-        scale: s,
-        translateY: -i.top + i.height
-      }, o = () => {
-        a.style.transform = `translateY(${c.translateY}px) scale(${c.scale})`;
+    in: async (o, d) => {
+      const s = Y(d), c = {
+        scale: r,
+        translateY: -s.top + s.height
+      }, e = () => {
+        o.style.transform = `translateY(${c.translateY}px) scale(${c.scale})`;
       };
       return {
         springs: [
           // Spring 1: Scale Down (1 → scale) - element starts scaled, shrinks further
           {
             spring: n.scaleDown,
-            offset: E.scaleDown,
-            tick: (e) => {
-              c.scale = 1 - (1 - s) * e, o();
+            offset: A.scaleDown,
+            tick: (i) => {
+              c.scale = 1 - (1 - r) * i, e();
             }
           },
           // Spring 2: Translate (vertical movement from bottom to top)
           {
             spring: n.translate,
-            offset: E.translate,
-            tick: (e) => {
-              c.translateY = -i.top + i.height * (1 - e), o();
+            offset: A.translate,
+            tick: (i) => {
+              c.translateY = -s.top + s.height * (1 - i), e();
             }
           },
           // Spring 3: Scale Up (scale → 1) - element returns to full size
           {
             spring: n.scaleUp,
-            offset: E.scaleUp,
-            tick: (e) => {
-              c.scale = s + (1 - s) * e, o();
+            offset: A.scaleUp,
+            tick: (i) => {
+              c.scale = r + (1 - r) * i, e();
             }
           }
         ],
         schedule: "stagger",
         prepare: () => {
-          S(a, i), _(a, i), a.style.transform = `translateY(${-i.top + i.height}px) scale(${s})`;
+          V(o, s), U(o, s), o.style.transform = `translateY(${-s.top + s.height}px) scale(${r})`;
         },
         onEnd: () => {
-          a.style.clipPath = "", a.style.transformOrigin = "", a.style.transform = "";
+          o.style.clipPath = "", o.style.transformOrigin = "", o.style.transform = "";
         }
       };
     }
   };
 };
-function at(t, n, s) {
-  const d = n * 0.7, r = s * 0.7;
-  t.topLeft.style.transform = `translate(${d}px, ${r}px)`, t.topRight.style.transform = `translate(${-d}px, ${r}px)`, t.bottomLeft.style.transform = `translate(${d}px, ${-r}px)`, t.bottomRight.style.transform = `translate(${-d}px, ${-r}px)`;
+function kt(t, n, r) {
+  const p = n * 0.7, a = r * 0.7;
+  t.topLeft.style.transform = `translate(${p}px, ${a}px)`, t.topRight.style.transform = `translate(${-p}px, ${a}px)`, t.bottomLeft.style.transform = `translate(${p}px, ${-a}px)`, t.bottomRight.style.transform = `translate(${-p}px, ${-a}px)`;
 }
-function rt(t = "white", n) {
-  const r = document.createElement("div");
-  r.style.position = "fixed", r.style.pointerEvents = "none", r.style.zIndex = "9999", r.style.top = `${n.top - 1}px`, r.style.left = `${n.left - 1}px`, r.style.width = "15px", r.style.height = "15px";
+function Pt(t = "white", n) {
   const a = document.createElement("div");
-  a.style.position = "absolute", a.style.width = "15px", a.style.height = "1px", a.style.backgroundColor = t, a.style.top = "0", a.style.left = "0";
-  const l = document.createElement("div");
-  l.style.position = "absolute", l.style.width = "1px", l.style.height = "15px", l.style.backgroundColor = t, l.style.top = "0", l.style.left = "0", r.appendChild(a), r.appendChild(l);
-  const i = document.createElement("div");
-  i.style.position = "fixed", i.style.pointerEvents = "none", i.style.zIndex = "9999", i.style.top = `${n.top - 1}px`, i.style.left = `${n.left + n.width - 15 + 1}px`, i.style.width = "15px", i.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 - 1}px`, a.style.width = "15px", a.style.height = "15px";
+  const o = document.createElement("div");
+  o.style.position = "absolute", o.style.width = "15px", o.style.height = "1px", o.style.backgroundColor = t, o.style.top = "0", o.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.top = "0", d.style.left = "0", a.appendChild(o), a.appendChild(d);
+  const s = document.createElement("div");
+  s.style.position = "fixed", s.style.pointerEvents = "none", s.style.zIndex = "9999", s.style.top = `${n.top - 1}px`, s.style.left = `${n.left + n.width - 15 + 1}px`, s.style.width = "15px", s.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";
-  const o = document.createElement("div");
-  o.style.position = "absolute", o.style.width = "1px", o.style.height = "15px", o.style.backgroundColor = t, o.style.top = "0", o.style.right = "0", i.appendChild(c), i.appendChild(o);
   const e = document.createElement("div");
-  e.style.position = "fixed", e.style.pointerEvents = "none", e.style.zIndex = "9999", e.style.top = `${n.top + n.height - 15 + 1}px`, e.style.left = `${n.left - 1}px`, e.style.width = "15px", e.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";
+  e.style.position = "absolute", e.style.width = "1px", e.style.height = "15px", e.style.backgroundColor = t, e.style.top = "0", e.style.right = "0", s.appendChild(c), s.appendChild(e);
+  const i = document.createElement("div");
+  i.style.position = "fixed", i.style.pointerEvents = "none", i.style.zIndex = "9999", i.style.top = `${n.top + n.height - 15 + 1}px`, i.style.left = `${n.left - 1}px`, i.style.width = "15px", i.style.height = "15px";
   const y = document.createElement("div");
-  y.style.position = "absolute", y.style.width = "1px", y.style.height = "15px", y.style.backgroundColor = t, y.style.bottom = "0", y.style.left = "0", e.appendChild(p), e.appendChild(y);
+  y.style.position = "absolute", y.style.width = "15px", y.style.height = "1px", y.style.backgroundColor = t, y.style.bottom = "0", y.style.left = "0";
   const h = document.createElement("div");
-  h.style.position = "fixed", h.style.pointerEvents = "none", h.style.zIndex = "9999", h.style.top = `${n.top + n.height - 15 + 1}px`, h.style.left = `${n.left + n.width - 15 + 1}px`, h.style.width = "15px", h.style.height = "15px";
+  h.style.position = "absolute", h.style.width = "1px", h.style.height = "15px", h.style.backgroundColor = t, h.style.bottom = "0", h.style.left = "0", i.appendChild(y), i.appendChild(h);
   const g = document.createElement("div");
-  g.style.position = "absolute", g.style.width = "15px", g.style.height = "1px", g.style.backgroundColor = t, g.style.bottom = "0", g.style.right = "0";
+  g.style.position = "fixed", g.style.pointerEvents = "none", g.style.zIndex = "9999", g.style.top = `${n.top + n.height - 15 + 1}px`, g.style.left = `${n.left + n.width - 15 + 1}px`, g.style.width = "15px", g.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.bottom = "0", l.style.right = "0";
   const u = document.createElement("div");
-  return u.style.position = "absolute", u.style.width = "1px", u.style.height = "15px", u.style.backgroundColor = t, u.style.bottom = "0", u.style.right = "0", h.appendChild(g), h.appendChild(u), {
-    topLeft: r,
-    topRight: i,
-    bottomLeft: e,
-    bottomRight: h,
+  return u.style.position = "absolute", u.style.width = "1px", u.style.height = "15px", u.style.backgroundColor = t, u.style.bottom = "0", u.style.right = "0", g.appendChild(l), g.appendChild(u), {
+    topLeft: a,
+    topRight: s,
+    bottomLeft: i,
+    bottomRight: g,
     *[Symbol.iterator]() {
-      yield r, yield i, yield e, yield h;
+      yield a, yield s, yield i, yield g;
     }
   };
 }
-function k(t) {
-  const n = b(document.body, t.positionedParent);
+function Y(t) {
+  const n = x(document.body, t.positionedParent);
   return {
     top: t.scroll.y,
     left: 0,
@@ -409,11 +664,11 @@ function k(t) {
     height: window.innerHeight - n.top
   };
 }
-function S(t, n) {
-  const s = n.left + n.width / 2, d = n.top + n.height / 2;
-  t.style.transformOrigin = `${s}px ${d}px`;
+function V(t, n) {
+  const r = n.left + n.width / 2, p = n.top + n.height / 2;
+  t.style.transformOrigin = `${r}px ${p}px`;
 }
-function _(t, n) {
+function U(t, n) {
   t.style.clipPath = `polygon(
     ${n.left}px ${n.top}px,
     ${n.left + n.width}px ${n.top}px,
@@ -421,90 +676,90 @@ function _(t, n) {
     ${n.left}px ${n.top + n.height}px
   )`;
 }
-function lt(t, n) {
+function Tt(t, n) {
   t.style.transform = `translateY(${-n.top}px)`;
 }
-function ot(t, n) {
+function Ot(t, n) {
   return t.querySelector(`[data-hero-key="${n}"]`);
 }
-const vt = (t = {}) => {
-  var l, i;
+const jt = (t = {}) => {
+  var d, s;
   const n = {
-    stiffness: ((l = t.spring) == null ? void 0 : l.stiffness) ?? 300,
-    damping: ((i = t.spring) == null ? void 0 : i.damping) ?? 30
-  }, s = t.timeout ?? 300, d = t.maxDistance ?? 700;
-  let r = null, a = null;
+    stiffness: ((d = t.spring) == null ? void 0 : d.stiffness) ?? 300,
+    damping: ((s = t.spring) == null ? void 0 : s.damping) ?? 30
+  }, r = t.timeout ?? 300, p = t.maxDistance ?? 700;
+  let a = null, o = null;
   return {
-    in: async (c, o) => {
-      const e = c, p = Array.from(e.querySelectorAll("[data-hero-key]"));
-      if (p.length === 0)
+    in: async (c, e) => {
+      const i = c, y = Array.from(i.querySelectorAll("[data-hero-key]"));
+      if (y.length === 0)
         return {
           spring: n,
           tick: () => {
           }
           // No hero elements, skip animation
         };
-      if (!await new Promise((g) => {
-        r ? g(!0) : (a = g, setTimeout(() => {
-          a = null, g(!1);
-        }, s));
-      }) || !r)
-        return r = null, {
+      if (!await new Promise((l) => {
+        a ? l(!0) : (o = l, setTimeout(() => {
+          o = null, l(!1);
+        }, r));
+      }) || !a)
+        return a = null, {
           spring: n,
           tick: () => {
           }
           // No fromNode, skip animation
         };
-      const h = p.map((g) => {
-        const u = g.getAttribute("data-hero-key");
+      const g = y.map((l) => {
+        const u = l.getAttribute("data-hero-key");
         if (!u) return null;
-        const m = ot(r, u);
-        if (!m) return null;
-        const f = g, w = b(r, m), $ = b(e, f), Y = w.left - $.left - o.scrollOffset.x, U = w.top - $.top - o.scrollOffset.y, V = w.width / $.width, W = w.height / $.height, z = f.style.transform, X = f.style.position, M = f.style.transformOrigin, B = f.style.zIndex, H = f.style.willChange;
+        const b = Ot(a, u);
+        if (!b) return null;
+        const f = l, $ = x(a, b), w = x(i, f), E = $.left - w.left - e.scrollOffset.x, M = $.top - w.top - e.scrollOffset.y, G = $.width / w.width, B = $.height / w.height, q = f.style.transform, j = f.style.position, Z = f.style.transformOrigin, J = f.style.zIndex, K = f.style.willChange;
         return {
           toEl: f,
-          dx: Y,
-          dy: U,
-          dw: V,
-          dh: W,
-          originalTransform: z,
-          originalPosition: X,
-          originalTransformOrigin: M,
-          originalZIndex: B,
-          originalWillChange: H
+          dx: E,
+          dy: M,
+          dw: G,
+          dh: B,
+          originalTransform: q,
+          originalPosition: j,
+          originalTransformOrigin: Z,
+          originalZIndex: J,
+          originalWillChange: K
         };
       }).filter(
-        (g) => g !== null && Math.abs(g.dy) <= d
+        (l) => l !== null && Math.abs(l.dy) <= p
       );
-      return r = null, h.length === 0 ? {
+      return a = null, g.length === 0 ? {
         spring: n,
         tick: () => {
         }
         // No matching hero elements
       } : {
-        springs: h.map(({ toEl: g, dx: u, dy: m, dw: f, dh: w }) => ({
+        springs: g.map(({ toEl: l, dx: u, dy: b, dw: f, dh: $ }) => ({
           spring: n,
-          tick: ($) => {
-            g.style.transform = `translate(${(1 - $) * u}px, ${(1 - $) * m}px) scale(${$ + (1 - $) * f}, ${$ + (1 - $) * w})`;
+          tick: (w) => {
+            l.style.transform = `translate(${(1 - w) * u}px, ${(1 - w) * b}px) scale(${w + (1 - w) * f}, ${w + (1 - w) * $})`;
           }
         })),
         schedule: "parallel",
         prepare: () => {
-          h.forEach(({ toEl: g }) => {
-            g.style.position = "relative", g.style.transformOrigin = "top left", g.style.zIndex = "1000", g.style.willChange = "transform";
+          g.forEach(({ toEl: l }) => {
+            l.style.position = "relative", l.style.transformOrigin = "top left", l.style.zIndex = "1000", l.style.willChange = "transform";
           });
         },
         onEnd: () => {
-          h.forEach(
+          g.forEach(
             ({
-              toEl: g,
+              toEl: l,
               originalTransform: u,
-              originalPosition: m,
+              originalPosition: b,
               originalTransformOrigin: f,
-              originalZIndex: w,
-              originalWillChange: $
+              originalZIndex: $,
+              originalWillChange: w
             }) => {
-              g.style.transform = u, g.style.position = m, g.style.transformOrigin = f, g.style.zIndex = w, g.style.willChange = $;
+              l.style.transform = u, l.style.position = b, l.style.transformOrigin = f, l.style.zIndex = $, l.style.willChange = w;
             }
           );
         }
@@ -513,320 +768,419 @@ const vt = (t = {}) => {
     out: async (c) => ({
       spring: n,
       onStart: () => {
-        r = c, a && (a(!0), a = null);
+        a = c, o && (o(!0), o = null);
       },
       tick: () => {
       },
-      prepare: (o) => {
-        x(o), o.style.opacity = "0";
+      prepare: (e) => {
+        m(e), e.style.opacity = "0";
       }
     })
   };
+}, L = {
+  stiffness: 140,
+  damping: 19,
+  doubleSpring: 0.8
 };
-function ct({
+function Lt({
   detailRect: t,
   galleryRect: n,
-  pageRect: s,
-  scrollOffset: d
+  pageRect: r,
+  scrollOffset: p
 }) {
-  const r = n.left - t.left + (n.width - t.width) / 2 - d.x, a = n.top - t.top + (n.height - t.height) / 2 - d.y, l = n.width / t.width, i = n.height / t.height, c = Math.max(l, i), o = t.top / s.height * 100, e = (s.width - (t.left + t.width)) / s.width * 100, p = (s.height - (t.top + t.height)) / s.height * 100, y = t.left / s.width * 100;
+  const a = n.left - t.left + (n.width - t.width) / 2 - p.x, o = n.top - t.top + (n.height - t.height) / 2 - p.y, d = n.width / t.width, s = n.height / t.height, c = Math.max(d, s), e = t.top / r.height * 100, i = (r.width - (t.left + t.width)) / r.width * 100, y = (r.height - (t.top + t.height)) / r.height * 100, h = t.left / r.width * 100;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (g) => {
-      const u = 1 - g;
+    animate: (l) => {
+      const u = 1 - l;
       return {
-        clipPath: `inset(${o * u}% ${e * u}% ${p * u}% ${y * u}%)`,
-        transform: `translate(${r * u}px, ${a * u}px) scale(${1 + (c - 1) * u})`
+        clipPath: `inset(${e * u}% ${i * u}% ${y * u}% ${h * u}%)`,
+        transform: `translate(${a * u}px, ${o * u}px) scale(${1 + (c - 1) * u})`
       };
     }
   };
 }
-function dt({
+function vt({
   detailRect: t,
   galleryRect: n,
-  pageRect: s,
-  scrollOffset: d
+  pageRect: r,
+  scrollOffset: p
 }) {
-  const r = n.left - t.left + (n.width - t.width) / 2 + d.x, a = n.top - t.top + (n.height - t.height) / 2 + d.y, l = n.width / t.width, i = n.height / t.height, c = Math.min(l, i), o = t.top / s.height * 100, e = (s.width - (t.left + t.width)) / s.width * 100, p = (s.height - (t.top + t.height)) / s.height * 100, y = t.left / s.width * 100;
+  const a = n.left - t.left + (n.width - t.width) / 2 + p.x, o = n.top - t.top + (n.height - t.height) / 2 + p.y, d = n.width / t.width, s = n.height / t.height, c = Math.min(d, s), e = t.top / r.height * 100, i = (r.width - (t.left + t.width)) / r.width * 100, y = (r.height - (t.top + t.height)) / r.height * 100, h = t.left / r.width * 100;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (g) => {
-      const u = 1 - g;
+    animate: (l) => {
+      const u = 1 - l;
       return {
-        clipPath: `inset(${o * u}% ${e * u}% ${p * u}% ${y * u}%)`,
-        transform: `translate(${r * u - d.x}px, ${a * u - d.y}px) scale(${1 + (c - 1) * u})`
+        clipPath: `inset(${e * u}% ${i * u}% ${y * u}% ${h * u}%)`,
+        transform: `translate(${a * u - p.x}px, ${o * u - p.y}px) scale(${1 + (c - 1) * u})`
       };
     }
   };
 }
-function ht(t, n, s) {
-  const d = t.querySelector(
+function It(t, n, r) {
+  const p = t.querySelector(
     "[data-instagram-detail-key]"
-  ), r = n.querySelector(
+  ), a = n.querySelector(
     "[data-instagram-detail-key]"
   );
   if (t.querySelectorAll("[data-instagram-detail-key]").length > 1 || n.querySelectorAll("[data-instagram-detail-key]").length > 1)
     return null;
-  let a = null, l = null, i = !1;
-  if (!d && r) {
-    l = r;
-    const e = l.getAttribute("data-instagram-detail-key");
-    if (!e) return null;
-    a = t.querySelector(
-      `[data-instagram-gallery-key="${e}"]`
-    ), a && (i = !0);
-  } else if (d && !r) {
-    l = d;
-    const e = l.getAttribute("data-instagram-detail-key");
-    if (!e) return null;
-    a = n.querySelector(
-      `[data-instagram-gallery-key="${e}"]`
-    ), a && (i = !1);
+  let o = null, d = null, s = !1;
+  if (!p && a) {
+    d = a;
+    const i = d.getAttribute("data-instagram-detail-key");
+    if (!i) return null;
+    o = t.querySelector(
+      `[data-instagram-gallery-key="${i}"]`
+    ), o && (s = !0);
+  } else if (p && !a) {
+    d = p;
+    const i = d.getAttribute("data-instagram-detail-key");
+    if (!i) return null;
+    o = n.querySelector(
+      `[data-instagram-gallery-key="${i}"]`
+    ), o && (s = !1);
   }
-  if (!a || !l)
+  if (!o || !d)
     return null;
-  const c = b(i ? t : n, a), o = b(i ? n : t, l);
-  if (i) {
-    const e = ct({
-      detailRect: o,
+  const c = x(s ? t : n, o), e = x(s ? n : t, d);
+  if (s) {
+    const i = Lt({
+      detailRect: e,
       galleryRect: c,
       pageRect: n.getBoundingClientRect(),
-      scrollOffset: s
+      scrollOffset: r
     });
-    return n.style.transformOrigin = e.transformOrigin, {
+    return n.style.transformOrigin = i.transformOrigin, {
       isEnterMode: !0,
-      inAnimation: e.animate
+      inAnimation: i.animate
       // No outAnimation - gallery stays visible
     };
   } else {
-    const e = dt({
-      detailRect: o,
+    const i = vt({
+      detailRect: e,
       galleryRect: c,
       pageRect: t.getBoundingClientRect(),
-      scrollOffset: s
+      scrollOffset: r
     });
-    return t.style.transformOrigin = e.transformOrigin, {
+    return t.style.transformOrigin = i.transformOrigin, {
       isEnterMode: !1,
-      outAnimation: e.animate
+      outAnimation: i.animate
       // No inAnimation - gallery stays visible
     };
   }
 }
-const Ft = (t = {}) => {
-  var i, c;
+const Zt = (t = {}) => {
+  var s, c, e;
   const n = {
-    stiffness: ((i = t.spring) == null ? void 0 : i.stiffness) ?? 150,
-    damping: ((c = t.spring) == null ? void 0 : c.damping) ?? 20
-  }, s = t.timeout ?? 300;
-  let d = null, r = null, a = null, l = null;
+    stiffness: ((s = t.spring) == null ? void 0 : s.stiffness) ?? L.stiffness,
+    damping: ((c = t.spring) == null ? void 0 : c.damping) ?? L.damping,
+    doubleSpring: ((e = t.spring) == null ? void 0 : e.doubleSpring) ?? L.doubleSpring
+  }, r = t.timeout ?? 300;
+  let p = null, a = null, o = null, d = null;
   return {
-    in: async (o, { scrollOffset: e }) => {
-      const p = o;
-      return !await new Promise((h) => {
-        d ? h(!0) : (r = h, setTimeout(() => {
-          r = null, h(!1);
-        }, s));
-      }) || !d ? (l == null || l(), l = null, d = null, {
+    in: async (i, { scrollOffset: y }) => {
+      const h = i;
+      return !await new Promise((l) => {
+        p ? l(!0) : (a = l, setTimeout(() => {
+          a = null, l(!1);
+        }, r));
+      }) || !p ? (d == null || d(), d = null, p = null, {
         spring: n,
         css: () => ({})
-      }) : (a = ht(d, p, e), l == null || l(), l = null, a ? (d = null, {
+      }) : (o = It(p, h, y), d == null || d(), d = null, o ? (p = null, {
         spring: n,
-        css: (h) => a != null && a.inAnimation ? a.inAnimation(h) : {}
-      }) : (d = null, {
+        css: (l) => o != null && o.inAnimation ? o.inAnimation(l) : {}
+      }) : (p = null, {
         spring: n,
         css: () => ({})
       }));
     },
-    out: async (o, e) => {
-      const p = new Promise((y) => {
-        l = y;
+    out: async (i, y) => {
+      const h = new Promise((g) => {
+        d = g;
       });
       return {
         spring: n,
-        prepare: (y) => {
-          a != null && a.isEnterMode ? x(y) : (x(y, e), y.style.zIndex = "-1");
+        prepare: (g) => {
+          o != null && o.isEnterMode ? m(g) : (m(g, y), g.style.zIndex = "-1");
         },
         wait: async () => {
-          d = o, r && (r(!0), r = null), await p;
+          p = i, a && (a(!0), a = null), await h;
         },
-        css: (y) => a != null && a.outAnimation ? a.outAnimation(y) : {}
+        css: (g) => o != null && o.outAnimation ? o.outAnimation(g) : {}
       };
     }
   };
 };
-function pt({
+function _t(t) {
+  const n = x(document.body, t.positionedParent);
+  return {
+    top: t.scroll.y,
+    left: 0,
+    width: n.width,
+    height: window.innerHeight - n.top
+  };
+}
+const Jt = (t = {}) => {
+  var o, d;
+  const n = {
+    stiffness: ((o = t.spring) == null ? void 0 : o.stiffness) ?? 50,
+    damping: ((d = t.spring) == null ? void 0 : d.damping) ?? 30
+  }, r = t.initialRotation ?? 45, p = t.initialScale ?? 0.01, a = t.rotationTriggerPoint ?? 0.8;
+  return {
+    out: async (s, c) => {
+      const e = s.style.opacity;
+      return {
+        spring: {
+          stiffness: 80,
+          damping: 25
+        },
+        from: 1,
+        to: 0,
+        prepare: () => {
+          m(s, c), s.style.opacity = "1";
+        },
+        tick: (i) => {
+          s.style.opacity = String(i);
+        },
+        onEnd: () => {
+          s.style.opacity = e;
+        }
+      };
+    },
+    in: async (s, c) => {
+      const e = _t(c), i = s.style.transform, y = s.style.transformOrigin, h = s.style.position, g = s.style.zIndex;
+      return {
+        spring: n,
+        from: 0,
+        to: 1,
+        prepare: () => {
+          const l = Math.min(e.width, e.height) * 0.4;
+          s.style.setProperty(
+            "--max-border-radius",
+            `${l}px`
+          ), s.style.setProperty("--border-radius-scale", "1"), s.style.willChange = "transform", s.style.backfaceVisibility = "hidden";
+          const u = e.left + e.width / 2, b = e.top + e.height / 2;
+          s.style.transformOrigin = `${u}px ${b}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(${r}deg) scale(${p}) translateZ(0)`, s.style.borderRadius = "calc(var(--max-border-radius) * var(--border-radius-scale))", s.style.opacity = "1";
+        },
+        tick: (l) => {
+          let u;
+          if (l <= 0.05)
+            u = p;
+          else if (l <= a) {
+            const w = (l - 0.05) / (a - 0.05), E = Math.pow(w, 9);
+            u = p + (0.8 - p) * E;
+          } else {
+            const w = (l - a) / (1 - a);
+            u = 0.8 + 0.2 * (1 - Math.pow(1 - w, 3));
+          }
+          let b;
+          const f = 0.7;
+          if (l <= f)
+            b = r;
+          else {
+            const w = (l - f) / (1 - f), E = 1 - Math.pow(1 - w, 2);
+            b = r * (1 - E);
+          }
+          let $;
+          if (l <= f)
+            $ = 1;
+          else {
+            const w = (l - f) / (1 - f);
+            $ = 1 - Math.pow(w, 0.5);
+          }
+          s.style.transform = `rotate(${b.toFixed(2)}deg) scale(${u.toFixed(4)}) translateZ(0)`, s.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 = i, s.style.transformOrigin = y, s.style.position = h, s.style.zIndex = g, s.style.top = "", s.style.left = "", s.style.width = "", s.style.height = "", s.style.overflow = "", s.style.borderRadius = "";
+        }
+      };
+    }
+  };
+}, v = {
+  stiffness: 140,
+  damping: 19,
+  doubleSpring: 0.7
+};
+function Dt({
   detailRect: t,
   galleryRect: n,
-  pageRect: s,
-  scrollOffset: d
+  pageRect: r,
+  scrollOffset: p
 }) {
-  const r = n.left - t.left + (n.width - t.width) / 2 - d.x, a = n.top - t.top + (n.height - t.height) / 2 - d.y, l = n.width / t.width, i = n.height / t.height, c = Math.max(l, i), o = t.top / s.height * 100, e = (s.width - (t.left + t.width)) / s.width * 100, p = (s.height - (t.top + t.height)) / s.height * 100, y = t.left / s.width * 100;
+  const a = n.left - t.left + (n.width - t.width) / 2 - p.x, o = n.top - t.top + (n.height - t.height) / 2 - p.y, d = n.width / t.width, s = n.height / t.height, c = Math.max(d, s), e = t.top / r.height * 100, i = (r.width - (t.left + t.width)) / r.width * 100, y = (r.height - (t.top + t.height)) / r.height * 100, h = t.left / r.width * 100;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (g) => {
-      const u = 1 - g;
+    animate: (l) => {
+      const u = 1 - l;
       return {
-        clipPath: `inset(${o * u}% ${e * u}% ${p * u}% ${y * u}%)`,
-        transform: `translate(${r * u}px, ${a * u}px) scale(${1 + (c - 1) * u})`
+        clipPath: `inset(${e * u}% ${i * u}% ${y * u}% ${h * u}%)`,
+        transform: `translate(${a * u}px, ${o * u}px) scale(${1 + (c - 1) * u})`
       };
     }
   };
 }
-function yt({
+function Ft({
   galleryRect: t,
   detailRect: n,
-  scrollOffset: s
+  scrollOffset: r
 }) {
-  const d = n.left - t.left + (n.width - t.width) / 2 + s.x, r = n.top - t.top + (n.height - t.height) / 2 + s.y, a = n.width / t.width, l = n.height / t.height, i = Math.max(a, l);
+  const p = n.left - t.left + (n.width - t.width) / 2 + r.x, a = n.top - t.top + (n.height - t.height) / 2 + r.y, o = n.width / t.width, d = n.height / t.height, s = Math.max(o, d);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (o) => {
-      const e = 1 - o;
+    animate: (e) => {
+      const i = 1 - e;
       return {
-        transform: `translate(${d * e - s.x}px, ${r * e - s.y}px) scale(${1 + (i - 1) * e})`,
-        opacity: `${1 - e}`
+        transform: `translate(${p * i - r.x}px, ${a * i - r.y}px) scale(${1 + (s - 1) * i})`,
+        opacity: `${1 - i}`
       };
     }
   };
 }
-function gt({
+function Yt({
   galleryRect: t,
   detailRect: n,
-  scrollOffset: s
+  scrollOffset: r
 }) {
-  const d = n.left - t.left + (n.width - t.width) / 2 - s.x, r = n.top - t.top + (n.height - t.height) / 2 - s.y, a = n.width / t.width, l = n.height / t.height, i = Math.max(a, l);
+  const p = n.left - t.left + (n.width - t.width) / 2 - r.x, a = n.top - t.top + (n.height - t.height) / 2 - r.y, o = n.width / t.width, d = n.height / t.height, s = Math.max(o, d);
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (o) => {
-      const e = 1 - o, p = o;
+    animate: (e) => {
+      const i = 1 - e, y = e;
       return {
-        transform: `translate(${d * e}px, ${r * e}px) scale(${1 + (i - 1) * e})`,
-        opacity: `${p}`
+        transform: `translate(${p * i}px, ${a * i}px) scale(${1 + (s - 1) * i})`,
+        opacity: `${y}`
       };
     }
   };
 }
-function ut({
+function Vt({
   detailRect: t,
   galleryRect: n,
-  pageRect: s,
-  scrollOffset: d
+  pageRect: r,
+  scrollOffset: p
 }) {
-  const r = n.left - t.left + (n.width - t.width) / 2 + d.x, a = n.top - t.top + (n.height - t.height) / 2 + d.y, l = n.width / t.width, i = n.height / t.height, c = Math.min(l, i), o = t.top / s.height * 100, e = (s.width - (t.left + t.width)) / s.width * 100, p = (s.height - (t.top + t.height)) / s.height * 100, y = t.left / s.width * 100;
+  const a = n.left - t.left + (n.width - t.width) / 2 + p.x, o = n.top - t.top + (n.height - t.height) / 2 + p.y, d = n.width / t.width, s = n.height / t.height, c = Math.min(d, s), e = t.top / r.height * 100, i = (r.width - (t.left + t.width)) / r.width * 100, y = (r.height - (t.top + t.height)) / r.height * 100, h = t.left / r.width * 100;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (g) => {
-      const u = 1 - g;
+    animate: (l) => {
+      const u = 1 - l;
       return {
-        clipPath: `inset(${o * u}% ${e * u}% ${p * u}% ${y * u}%)`,
-        transform: `translate(${r * u - d.x}px, ${a * u - d.y}px) scale(${1 + (c - 1) * u})`
+        clipPath: `inset(${e * u}% ${i * u}% ${y * u}% ${h * u}%)`,
+        transform: `translate(${a * u - p.x}px, ${o * u - p.y}px) scale(${1 + (c - 1) * u})`
       };
     }
   };
 }
-function ft(t, n, s) {
-  const d = t.querySelector(
+function Ut(t, n, r) {
+  const p = t.querySelector(
     "[data-pinterest-detail-key]"
-  ), r = n.querySelector(
+  ), a = n.querySelector(
     "[data-pinterest-detail-key]"
   );
   if (t.querySelectorAll("[data-pinterest-detail-key]").length > 1 || n.querySelectorAll("[data-pinterest-detail-key]").length > 1)
     return null;
-  let a = null, l = null, i = !1;
-  if (!d && r) {
-    l = r;
-    const e = l.getAttribute("data-pinterest-detail-key");
-    if (!e) return null;
-    a = t.querySelector(
-      `[data-pinterest-gallery-key="${e}"]`
-    ), a && (i = !0);
-  } else if (d && !r) {
-    l = d;
-    const e = l.getAttribute("data-pinterest-detail-key");
-    if (!e) return null;
-    a = n.querySelector(
-      `[data-pinterest-gallery-key="${e}"]`
-    ), a && (i = !1);
+  let o = null, d = null, s = !1;
+  if (!p && a) {
+    d = a;
+    const i = d.getAttribute("data-pinterest-detail-key");
+    if (!i) return null;
+    o = t.querySelector(
+      `[data-pinterest-gallery-key="${i}"]`
+    ), o && (s = !0);
+  } else if (p && !a) {
+    d = p;
+    const i = d.getAttribute("data-pinterest-detail-key");
+    if (!i) return null;
+    o = n.querySelector(
+      `[data-pinterest-gallery-key="${i}"]`
+    ), o && (s = !1);
   }
-  if (!a || !l)
+  if (!o || !d)
     return null;
-  const c = b(i ? t : n, a), o = b(i ? n : t, l);
-  if (i) {
-    const e = pt({
-      detailRect: o,
+  const c = x(s ? t : n, o), e = x(s ? n : t, d);
+  if (s) {
+    const i = Dt({
+      detailRect: e,
       galleryRect: c,
       pageRect: n.getBoundingClientRect(),
-      scrollOffset: s
-    }), p = yt({
+      scrollOffset: r
+    }), y = Ft({
       galleryRect: c,
-      detailRect: o,
-      scrollOffset: s
+      detailRect: e,
+      scrollOffset: r
     });
-    return n.style.transformOrigin = e.transformOrigin, t.style.transformOrigin = p.transformOrigin, {
-      inAnimation: e.animate,
-      outAnimation: p.animate
+    return n.style.transformOrigin = i.transformOrigin, t.style.transformOrigin = y.transformOrigin, {
+      inAnimation: i.animate,
+      outAnimation: y.animate
     };
   } else {
-    const e = gt({
+    const i = Yt({
       galleryRect: c,
-      detailRect: o,
-      scrollOffset: s
-    }), p = ut({
-      detailRect: o,
+      detailRect: e,
+      scrollOffset: r
+    }), y = Vt({
+      detailRect: e,
       galleryRect: c,
       pageRect: t.getBoundingClientRect(),
-      scrollOffset: s
+      scrollOffset: r
     });
-    return n.style.transformOrigin = e.transformOrigin, t.style.transformOrigin = p.transformOrigin, {
-      inAnimation: e.animate,
-      outAnimation: p.animate
+    return n.style.transformOrigin = i.transformOrigin, t.style.transformOrigin = y.transformOrigin, {
+      inAnimation: i.animate,
+      outAnimation: y.animate
     };
   }
 }
-const Yt = (t = {}) => {
-  var i, c;
+const Kt = (t = {}) => {
+  var s, c, e;
   const n = {
-    stiffness: ((i = t.spring) == null ? void 0 : i.stiffness) ?? 30,
-    damping: ((c = t.spring) == null ? void 0 : c.damping) ?? 10
-  }, s = t.timeout ?? 300;
-  let d = null, r = null, a = null, l = null;
+    stiffness: ((s = t.spring) == null ? void 0 : s.stiffness) ?? v.stiffness,
+    damping: ((c = t.spring) == null ? void 0 : c.damping) ?? v.damping,
+    doubleSpring: ((e = t.spring) == null ? void 0 : e.doubleSpring) ?? v.doubleSpring
+  }, r = t.timeout ?? 300;
+  let p = null, a = null, o = null, d = null;
   return {
-    in: async (o, { scrollOffset: e }) => {
-      const p = o;
-      return !await new Promise((h) => {
-        d ? h(!0) : (r = h, setTimeout(() => {
-          r = null, h(!1);
-        }, s));
-      }) || !d ? (l == null || l(), l = null, d = null, {
+    in: async (i, { scrollOffset: y }) => {
+      const h = i;
+      return !await new Promise((l) => {
+        p ? l(!0) : (a = l, setTimeout(() => {
+          a = null, l(!1);
+        }, r));
+      }) || !p ? (d == null || d(), d = null, p = null, {
         spring: n,
         css: () => ({})
-      }) : (a = ft(d, p, e), l == null || l(), l = null, a ? (d = null, {
+      }) : (o = Ut(p, h, y), d == null || d(), d = null, o ? (p = null, {
         spring: n,
-        css: (h) => a ? a.inAnimation(h) : {}
-      }) : (d = null, {
+        css: (l) => o ? o.inAnimation(l) : {}
+      }) : (p = null, {
         spring: n,
         css: () => ({})
       }));
     },
-    out: async (o) => {
-      const e = new Promise((p) => {
-        l = p;
+    out: async (i) => {
+      const y = new Promise((h) => {
+        d = h;
       });
       return {
         spring: n,
-        prepare: (p) => {
-          x(p), p.style.zIndex = "-1";
+        prepare: (h) => {
+          m(h), h.style.zIndex = "-1";
         },
         wait: async () => {
-          d = o, r && (r(!0), r = null), await e;
+          p = i, a && (a(!0), a = null), await y;
         },
-        css: (p) => a ? a.outAnimation(p) : {}
+        css: (h) => o ? o.outAnimation(h) : {}
       };
     }
   };
-}, I = { stiffness: 100, damping: 30 }, Ut = () => ({
+}, X = { stiffness: 100, damping: 30 }, Qt = () => ({
   in: (t) => ({
-    spring: I,
+    spring: X,
     prepare: () => {
       t.style.opacity = "0", t.style.transform = "rotate(-180deg)", t.style.transformOrigin = "center center", t.style.willChange = "transform, opacity";
     },
@@ -840,264 +1194,303 @@ const Yt = (t = {}) => {
     }
   }),
   out: (t, n) => ({
-    spring: I,
+    spring: X,
     prepare: () => {
-      x(t, n), t.style.transformOrigin = "center center", t.style.willChange = "transform, opacity";
+      m(t, n), t.style.transformOrigin = "center center", t.style.willChange = "transform, opacity";
     },
-    css: (s) => ({
+    css: (r) => ({
       // 0deg → 180deg, hide after 90deg (progress < 0.5)
-      transform: `rotate(${(1 - s) * 180}deg)`,
-      opacity: s > 0.5 ? 1 : 0
+      transform: `rotate(${(1 - r) * 180}deg)`,
+      opacity: r > 0.5 ? 1 : 0
     }),
     onEnd: () => {
       t.style.willChange = "auto";
     }
   })
-}), O = {
+}), z = {
   stiffness: 5,
   damping: 4
-}, Vt = (t = {}) => {
-  var c, o;
-  const n = t.direction ?? "up", s = {
-    stiffness: ((c = t.spring) == null ? void 0 : c.stiffness) ?? O.stiffness,
-    damping: ((o = t.spring) == null ? void 0 : o.damping) ?? O.damping
-  }, d = n === "up";
-  let r = null, a = null, l = null;
-  const i = () => {
-    if (r === null || a === null)
+}, Rt = (t = {}) => {
+  var c, e;
+  const n = t.direction ?? "up", r = {
+    stiffness: ((c = t.spring) == null ? void 0 : c.stiffness) ?? z.stiffness,
+    damping: ((e = t.spring) == null ? void 0 : e.damping) ?? z.damping
+  }, p = n === "up";
+  let a = null, o = null, d = null;
+  const s = () => {
+    if (a === null || o === null)
       return null;
-    const e = Math.min(r, a), p = window.innerHeight;
-    return Math.max(e, p);
+    const i = Math.min(a, o), y = window.innerHeight;
+    return Math.max(i, y);
   };
   return {
-    in: (e) => (a = e.offsetHeight, r !== null && (l = i()), {
-      spring: s,
+    in: (i) => (o = i.offsetHeight, a !== null && (d = s()), {
+      spring: r,
       prepare: () => {
-        e.style.willChange = "transform", e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
+        i.style.willChange = "transform", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
       },
-      tick: (p) => {
-        l === null && (l = i());
-        const y = l ?? window.innerHeight, h = d ? (1 - p) * y : (1 - p) * -y;
-        e.style.transform = `translate3d(0, ${h}px, 0)`;
+      tick: (y) => {
+        d === null && (d = s());
+        const h = d ?? window.innerHeight, g = p ? (1 - y) * h : (1 - y) * -h;
+        i.style.transform = `translate3d(0, ${g}px, 0)`;
       },
       onEnd: () => {
-        e.style.willChange = "auto", e.style.backfaceVisibility = "", e.style.contain = "";
+        i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "";
       }
     }),
-    out: (e, p) => ({
-      spring: s,
+    out: (i, y) => ({
+      spring: r,
       onStart: () => {
-        r = e.offsetHeight, a !== null && (l = i());
+        a = i.offsetHeight, o !== null && (d = s());
       },
-      tick: (y) => {
-        l === null && (l = i());
-        const h = l ?? window.innerHeight, g = d ? (1 - y) * -h : (1 - y) * h;
-        e.style.transform = `translate3d(0, ${g}px, 0)`;
+      tick: (h) => {
+        d === null && (d = s());
+        const g = d ?? window.innerHeight, l = p ? (1 - h) * -g : (1 - h) * g;
+        i.style.transform = `translate3d(0, ${l}px, 0)`;
       },
-      prepare: (y) => {
-        x(y, p), y.style.zIndex = d ? "-1" : "1", y.style.willChange = "transform", y.style.backfaceVisibility = "hidden", y.style.contain = "layout paint", y.style.pointerEvents = "none";
+      prepare: (h) => {
+        m(h, y), h.style.zIndex = p ? "-1" : "1", h.style.willChange = "transform", h.style.backfaceVisibility = "hidden", h.style.contain = "layout paint", h.style.pointerEvents = "none";
       }
     })
   };
-}, D = {
-  stiffness: 15,
-  damping: 7
-}, Wt = (t = {}) => {
-  var r, a;
-  const n = t.direction ?? "left", s = {
-    stiffness: ((r = t.spring) == null ? void 0 : r.stiffness) ?? D.stiffness,
-    damping: ((a = t.spring) == null ? void 0 : a.damping) ?? D.damping
-  }, d = n === "left";
+}, Xt = {
+  stiffness: 140,
+  damping: 15,
+  doubleSpring: 0.5
+}, zt = {
+  stiffness: 145,
+  damping: 15,
+  doubleSpring: 0.5
+};
+function T(t) {
+  const n = x(document.body, t.positionedParent), r = t.scroll.y, p = window.innerHeight - n.top;
+  return {
+    top: r,
+    left: 0,
+    width: n.width,
+    height: p
+  };
+}
+const tn = (t = {}) => {
+  var a, o, d;
+  const { direction: n = "enter" } = t, r = n === "enter" ? Xt : zt, p = {
+    stiffness: ((a = t.spring) == null ? void 0 : a.stiffness) ?? r.stiffness,
+    damping: ((o = t.spring) == null ? void 0 : o.damping) ?? r.damping,
+    doubleSpring: ((d = t.spring) == null ? void 0 : d.doubleSpring) ?? r.doubleSpring
+  };
+  return n === "enter" ? {
+    // Entering sheet: slides up from bottom
+    in: (s, c) => {
+      const i = T(c).height;
+      return {
+        spring: p,
+        prepare: () => {
+          s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
+        },
+        css: (y) => ({
+          transform: `translate3d(0, ${(1 - y) * i}px, 0)`
+        }),
+        onEnd: () => {
+          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
+        }
+      };
+    },
+    // Exiting background: scales down with fade
+    out: (s, c) => {
+      const e = T(c), i = e.left + e.width / 2, y = e.top + e.height / 2 + c.scrollOffset.y;
+      return {
+        spring: p,
+        prepare: (h) => {
+          m(h, c), h.style.zIndex = "-1", h.style.willChange = "transform, opacity", h.style.backfaceVisibility = "hidden", h.style.contain = "layout paint", h.style.pointerEvents = "none", h.style.transformOrigin = `${i}px ${y}px`;
+        },
+        css: (h) => ({
+          transform: `scale(${0.8 + h * 0.2})`,
+          opacity: h
+        })
+      };
+    }
+  } : {
+    // Entering background: scales up with fade
+    in: (s, c) => {
+      const e = T(c), i = e.left + e.width / 2, y = e.top + e.height / 2;
+      return {
+        spring: p,
+        prepare: () => {
+          s.style.willChange = "transform, opacity", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.transformOrigin = `${i}px ${y}px`;
+        },
+        css: (h) => ({
+          transform: `scale(${0.8 + h * 0.2})`,
+          opacity: h
+        }),
+        onEnd: () => {
+          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.transformOrigin = "";
+        }
+      };
+    },
+    // Exiting sheet: slides down with high z-index
+    out: (s, c) => {
+      const i = T(c).height;
+      return {
+        spring: p,
+        prepare: (y) => {
+          m(y, c), y.style.zIndex = "100", y.style.willChange = "transform", y.style.backfaceVisibility = "hidden", y.style.contain = "layout paint", y.style.pointerEvents = "none";
+        },
+        css: (y) => ({
+          transform: `translate3d(0, ${(1 - y) * i}px, 0)`
+        })
+      };
+    }
+  };
+}, I = {
+  stiffness: 140,
+  damping: 19,
+  doubleSpring: 0.8
+}, nn = (t = {}) => {
+  var a, o, d;
+  const n = t.direction ?? "left", r = {
+    stiffness: ((a = t.spring) == null ? void 0 : a.stiffness) ?? I.stiffness,
+    damping: ((o = t.spring) == null ? void 0 : o.damping) ?? I.damping,
+    doubleSpring: ((d = t.spring) == null ? void 0 : d.doubleSpring) ?? I.doubleSpring
+  }, p = n === "left";
   return {
-    in: (l) => ({
-      spring: s,
+    in: (s) => ({
+      spring: r,
       prepare: () => {
-        l.style.willChange = "transform", l.style.backfaceVisibility = "hidden", l.style.contain = "layout paint";
+        s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
       },
-      css: (i) => ({
-        transform: `translate3d(${d ? (1 - i) * 100 : (1 - i) * -100}%, 0, 0)`
+      css: (c) => ({
+        transform: `translate3d(${p ? (1 - c) * 100 : (1 - c) * -100}%, 0, 0)`
       }),
       onEnd: () => {
-        l.style.willChange = "auto", l.style.backfaceVisibility = "", l.style.contain = "";
+        s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
       }
     }),
-    out: (l, i) => ({
-      spring: s,
-      css: (c) => ({
-        transform: `translate3d(${d ? (1 - c) * -100 : (1 - c) * 100}%, 0, 0)`
+    out: (s, c) => ({
+      spring: r,
+      css: (e) => ({
+        transform: `translate3d(${p ? (1 - e) * -100 : (1 - e) * 100}%, 0, 0)`
       }),
-      prepare: (c) => {
-        x(c, i), c.style.willChange = "transform", c.style.backfaceVisibility = "hidden", c.style.contain = "layout paint", c.style.pointerEvents = "none";
+      prepare: (e) => {
+        m(e, c), e.style.willChange = "transform", e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint", e.style.pointerEvents = "none";
       }
     })
   };
-}, P = { stiffness: 17, damping: 6 }, L = 20, C = 800, zt = () => {
+}, H = { stiffness: 17, damping: 6 }, _ = 20, O = 800, sn = () => {
   let t, n = null;
   return {
-    in: (s) => ({
-      spring: P,
+    in: (r) => ({
+      spring: H,
       prepare: () => {
-        s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.transform = `perspective(${C}px) rotateY(${L}deg) translate3d(-100%, 0, 0)`;
+        r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.transform = `perspective(${O}px) rotateY(${_}deg) translate3d(-100%, 0, 0)`;
       },
       wait: async () => {
         t && await t;
       },
-      css: (d) => {
-        const r = (1 - d) * L, a = -(1 - d) * 100;
+      css: (p) => {
+        const a = (1 - p) * _, o = -(1 - p) * 100;
         return {
-          transform: `perspective(${C}px) rotateY(${r}deg) translate3d(${a}%, 0, 0)`
+          transform: `perspective(${O}px) rotateY(${a}deg) translate3d(${o}%, 0, 0)`
         };
       },
       onEnd: () => {
-        s.style.transform = "", s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
+        r.style.transform = "", r.style.willChange = "auto", r.style.backfaceVisibility = "", r.style.contain = "";
       }
     }),
-    out: (s, d) => (t = new Promise((r) => {
-      n = r;
+    out: (r, p) => (t = new Promise((a) => {
+      n = a;
     }), {
-      spring: P,
-      prepare: (r) => {
-        x(r, d), r.style.willChange = "transform", r.style.backfaceVisibility = "hidden", r.style.contain = "layout paint", r.style.pointerEvents = "none", r.style.transform = `perspective(${C}px) rotateY(0deg) translate3d(0%, 0, 0)`;
+      spring: H,
+      prepare: (a) => {
+        m(a, p), a.style.willChange = "transform", a.style.backfaceVisibility = "hidden", a.style.contain = "layout paint", a.style.pointerEvents = "none", a.style.transform = `perspective(${O}px) rotateY(0deg) translate3d(0%, 0, 0)`;
       },
-      css: (r) => {
-        const a = 1 - r, l = a * L, i = a * 100;
+      css: (a) => {
+        const o = 1 - a, d = o * _, s = o * 100;
         return {
-          transform: `perspective(${C}px) rotateY(${-l}deg) translate3d(${i}%, 0, 0)`
+          transform: `perspective(${O}px) rotateY(${-d}deg) translate3d(${s}%, 0, 0)`
         };
       },
       onEnd: () => {
-        n && n(), s.style.transform = "";
+        n && n(), r.style.transform = "";
       }
     })
   };
-}, $t = { stiffness: 1, damping: 1 }, mt = { stiffness: 20, damping: 25 }, wt = "#000000", xt = "circle", v = "CURTAIN_REVEAL_OVERLAY_ID", bt = {
-  position: "fixed",
-  inset: "0",
-  width: "100vw",
-  height: "100%",
-  zIndex: "9999",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  overflow: "hidden"
-}, Et = {
-  position: "relative",
-  display: "inline-block",
-  height: "5.5rem",
-  overflow: "hidden"
-}, Ct = {
-  display: "flex",
-  height: "100%",
-  willChange: "transform",
-  transition: "transform 0.3s ease"
-}, At = {
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  whiteSpace: "nowrap",
-  fontSize: "5.5rem",
-  fontWeight: "900",
-  letterSpacing: "0.02em",
-  color: "#FFFFFF"
-}, Lt = 0.4, A = 0.5, Tt = 0.2;
-function kt(t, n) {
-  switch (t) {
-    case "circle":
-      return `circle(${n * 100}% at 50% 50%)`;
-    case "square":
-      return `inset(${(1 - n) * 50}% round ${10 * n}%)`;
-    case "triangle": {
-      const s = n * 100;
-      return `polygon(50% ${50 - s}%, ${50 - s}% ${50 + s}%, ${50 + s}% ${50 + s}%)`;
-    }
-  }
+}, D = {
+  stiffness: 300,
+  damping: 22,
+  doubleSpring: 0.5
+}, N = 0.05;
+function Ht(t) {
+  const n = x(document.body, t.positionedParent), r = t.scroll.y, p = window.innerHeight - n.top;
+  return {
+    top: r,
+    left: 0,
+    width: n.width,
+    height: p
+  };
 }
-const St = (t) => t.reduce((n, s) => n + s, 0), Xt = (t = {}) => {
-  const {
-    background: n = wt,
-    texts: s = [],
-    shape: d = xt,
-    inSpring: r = mt,
-    outSpring: a = $t,
-    textStyle: l = {}
-  } = t;
+const en = (t = {}) => {
+  var a, o, d;
+  const n = {
+    stiffness: ((a = t.spring) == null ? void 0 : a.stiffness) ?? D.stiffness,
+    damping: ((o = t.spring) == null ? void 0 : o.damping) ?? D.damping,
+    doubleSpring: ((d = t.spring) == null ? void 0 : d.doubleSpring) ?? D.doubleSpring
+  };
+  let { promise: r, resolve: p } = S();
   return {
-    out: (i, c) => {
-      const o = i.style.opacity;
-      return {
-        spring: a,
-        from: 1,
-        to: 0,
-        prepare: (e) => {
-          x(e, c), e.style.opacity = "1";
-        },
-        tick: (e) => {
-          const p = Math.max(0, e - Lt);
-          i.style.opacity = String(p);
-        },
-        onEnd: () => {
-          i.style.opacity = o;
-        }
-      };
-    },
-    in: (i) => {
-      let c = null, o = null, e = null;
-      const p = document.body.style.overflow, y = document.getElementById(
-        v
-      );
-      let h = [];
-      const g = () => {
-        c = document.createElement("div"), c.id = v, Object.assign(c.style, bt, { background: n }), document.body.appendChild(c), o = document.createElement("div"), Object.assign(o.style, Et), c.appendChild(o), e = document.createElement("div"), Object.assign(e.style, Ct), o.appendChild(e), s.forEach((u) => {
-          const m = document.createElement("div");
-          m.textContent = u, Object.assign(m.style, At, l), e.appendChild(m);
-        }), h = Array.from(e.children).map(
-          (u) => u.getBoundingClientRect().width
-        );
-      };
+    // Entering page: scales up from small (0.95 → 1) with fade in
+    in: (s, c) => {
+      const e = Ht(c), i = e.left + e.width / 2, y = e.top + e.height / 2;
       return {
-        spring: r,
-        from: 0,
-        to: 1,
+        spring: n,
         prepare: () => {
-          document.body.style.overflow = "hidden", i.style.opacity = "1", y == null || y.remove(), g(), c && o && (c.style.clipPath = "none", o.style.transform = "scale(1)");
+          s.style.opacity = "0", s.style.willChange = "transform, opacity", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.transformOrigin = `${i}px ${y}px`;
         },
-        tick: (u) => {
-          if (!(!c || !o || !e)) {
-            if (u <= A && s.length > 0) {
-              const m = u / A, f = Math.min(
-                Math.floor(m * s.length),
-                s.length - 1
-              ), w = h[f] ?? 0, $ = St(h.slice(0, f));
-              o.style.width = `${w}px`, e.style.transform = `translateX(-${$}px)`;
-            }
-            if (u > A) {
-              const f = 1 - Math.max(
-                0,
-                Math.min(1, (u - A) / Tt)
-              );
-              c.style.clipPath = kt(d, f), o.style.transform = `scale(${f})`;
-            }
+        wait: async () => {
+          if (r) {
+            await r;
+            const h = S();
+            r = h.promise, p = h.resolve;
           }
         },
+        css: (h) => ({
+          transform: `scale(${1 - N + h * N})`,
+          opacity: h
+        }),
         onEnd: () => {
-          c == null || c.remove(), c = o = e = null, document.body.style.overflow = p;
+          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: (s, c) => ({
+      spring: n,
+      prepare: (e) => {
+        m(e, c), e.style.willChange = "opacity", e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint", e.style.pointerEvents = "none";
+      },
+      css: (e) => ({
+        opacity: e
+      }),
+      onEnd: () => {
+        p && p();
+      }
+    })
   };
 };
 export {
-  It as blind,
-  Xt as curtainReveal,
-  Ot as drill,
-  Dt as fade,
-  Pt as film,
-  vt as hero,
-  Ft as instagram,
-  Ht as jaemin,
-  Yt as pinterest,
-  Ut as rotate,
-  Vt as scroll,
-  Wt as slide,
-  zt as strip
+  Nt as blind,
+  Wt as curtainReveal,
+  Mt as depth,
+  Gt as drill,
+  Bt as fade,
+  qt as film,
+  jt as hero,
+  Zt as instagram,
+  Jt as jaemin,
+  Kt as pinterest,
+  Qt as rotate,
+  Rt as scroll,
+  tn as sheet,
+  nn as slide,
+  sn as strip,
+  en as swap
 };