@ssgoi/core 5.0.2 → 5.2.0

package/dist/view-transitions/index.js

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