@ssgoi/core 3.1.4 → 3.2.0

package/dist/view-transitions/index.js

@@ -10,10 +10,10 @@ const P = (t) => new Promise((n) => setTimeout(n, t)), B = { stiffness: 80, damp
     blindColor: l = j
   } = t;
   let i, c = null;
-  const o = (e, p, y = "left") => {
+  const o = (e, h, u = "left") => {
     window.getComputedStyle(e).position === "static" && (e.style.position = "relative");
-    const g = document.createElement("div");
-    g.className = "blind-container", g.style.cssText = `
+    const y = document.createElement("div");
+    y.className = "blind-container", y.style.cssText = `
       position: absolute;
       top: 0;
       left: 0;
@@ -23,7 +23,7 @@ const P = (t) => new Promise((n) => setTimeout(n, t)), B = { stiffness: 80, damp
       z-index: 9999;
       overflow: hidden;
     `;
-    const u = [];
+    const g = [];
     for (let m = 0; m < r; m++) {
       const f = document.createElement("div");
       if (s === "horizontal") {
@@ -35,8 +35,8 @@ const P = (t) => new Promise((n) => setTimeout(n, t)), B = { stiffness: 80, damp
           width: 100%;
           height: ${$};
           background: ${l};
-          transform: scaleX(${p === "hidden" ? 0 : 1});
-          transform-origin: ${y} center;
+          transform: scaleX(${h === "hidden" ? 0 : 1});
+          transform-origin: ${u} center;
           will-change: transform;
         `;
       } else {
@@ -48,42 +48,42 @@ const P = (t) => new Promise((n) => setTimeout(n, t)), B = { stiffness: 80, damp
           width: ${$};
           height: 100%;
           background: ${l};
-          transform: scaleY(${p === "hidden" ? 0 : 1});
-          transform-origin: ${y === "left" ? "top" : "bottom"} center;
+          transform: scaleY(${h === "hidden" ? 0 : 1});
+          transform-origin: ${u === "left" ? "top" : "bottom"} center;
           will-change: transform;
         `;
       }
-      u.push(f), g.appendChild(f);
+      g.push(f), y.appendChild(f);
     }
-    return e.appendChild(g), { container: g, blinds: u };
+    return e.appendChild(y), { container: y, blinds: g };
   };
   return {
     out: () => {
       let e = null;
-      i = new Promise((h) => {
-        c = h;
+      i = new Promise((p) => {
+        c = p;
       });
-      const p = (h) => {
-        const g = 1 - h;
+      const h = (p) => {
+        const y = 1 - p;
         return {
-          transform: s === "horizontal" ? `scaleX(${g})` : `scaleY(${g})`
+          transform: s === "horizontal" ? `scaleX(${y})` : `scaleY(${y})`
         };
       };
       return {
-        springs: Array.from({ length: r }, (h, g) => ({
+        springs: Array.from({ length: r }, (p, y) => ({
           spring: a,
           offset: 0.2,
           css: {
             // Use getter for lazy element access (evaluated after prepare)
             get element() {
-              return e == null ? void 0 : e.blinds[g];
+              return e == null ? void 0 : e.blinds[y];
             },
-            style: p
+            style: h
           }
         })),
         schedule: "stagger",
-        prepare: (h) => {
-          x(h), h.style.zIndex = "1000", e = o(h, "hidden", "left");
+        prepare: (p) => {
+          x(p), p.style.zIndex = "1000", e = o(p, "hidden", "left");
         },
         onStart: () => {
         },
@@ -94,27 +94,27 @@ const P = (t) => new Promise((n) => setTimeout(n, t)), B = { stiffness: 80, damp
     },
     in: () => {
       let e = null;
-      const p = (h) => {
-        const g = 1 - h;
+      const h = (p) => {
+        const y = 1 - p;
         return {
-          transform: s === "horizontal" ? `scaleX(${g})` : `scaleY(${g})`
+          transform: s === "horizontal" ? `scaleX(${y})` : `scaleY(${y})`
         };
       };
       return {
-        springs: Array.from({ length: r }, (h, g) => ({
+        springs: Array.from({ length: r }, (p, y) => ({
           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 e == null ? void 0 : e.blinds[y];
             },
-            style: p
+            style: h
           }
         })),
         schedule: "stagger",
-        prepare: (h) => {
-          h.style.position = "relative", h.style.zIndex = "0", e = o(h, "closed", "right");
+        prepare: (p) => {
+          p.style.position = "relative", p.style.zIndex = "0", e = o(p, "closed", "right");
         },
         onStart: () => {
         },
@@ -235,18 +235,18 @@ const P = (t) => new Promise((n) => setTimeout(n, t)), B = { stiffness: 80, damp
     })
   };
 }, tt = {
-  scaleDown: { stiffness: 7, damping: 4 },
+  scaleDown: { stiffness: 20, damping: 7 },
   // Soft start for cinematic scale
-  translate: { stiffness: 5, damping: 3.5 },
+  translate: { stiffness: 15, damping: 7 },
   // Medium for movement
-  scaleUp: { stiffness: 7, damping: 4 }
+  scaleUp: { stiffness: 20, damping: 7 }
   // Crisp return to full size
 }, E = {
   scaleDown: 0,
   // Start immediately
   translate: 0.2,
   // Start when scaleDown is 25% complete
-  scaleUp: 0.9
+  scaleUp: 0.8
   // Start when translate is 70% complete
 }, nt = 0.8, et = "white", Ot = (t) => {
   var r;
@@ -259,10 +259,10 @@ const P = (t) => new Promise((n) => setTimeout(n, t)), B = { stiffness: 80, damp
       }), e = {
         scale: 1,
         translateY: -i.top
-      }, p = () => {
+      }, h = () => {
         s.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;
-        it(o, y, h);
+        const u = (i.width - i.width * e.scale) / 2, p = (i.height - i.height * e.scale) / 2;
+        it(o, u, p);
       };
       return {
         springs: [
@@ -270,40 +270,40 @@ const P = (t) => new Promise((n) => setTimeout(n, t)), B = { stiffness: 80, damp
           {
             spring: n.scaleDown,
             offset: E.scaleDown,
-            tick: (y) => {
-              const h = 1 - y;
-              e.scale = 1 - (1 - a) * h, p();
+            tick: (u) => {
+              const p = 1 - u;
+              e.scale = 1 - (1 - a) * p, h();
             }
           },
           // 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();
+            tick: (u) => {
+              const p = 1 - u;
+              e.translateY = -i.top - i.height * p, h();
             }
           },
           // Spring 3: Scale Up (scale → 1)
           {
             spring: n.scaleUp,
             offset: E.scaleUp,
-            tick: (y) => {
-              const h = 1 - y;
-              e.scale = a + (1 - a) * h, p();
+            tick: (u) => {
+              const p = 1 - u;
+              e.scale = a + (1 - a) * p, h();
             }
           }
         ],
         schedule: "stagger",
         prepare: () => {
           x(s), k(s, i), S(s, i), at(s, i);
-          for (const y of o)
-            l.positionedParent.appendChild(y);
+          for (const u of o)
+            l.positionedParent.appendChild(u);
         },
         onEnd: () => {
           s.style.clipPath = "", s.style.transformOrigin = "", setTimeout(() => {
-            for (const y of o)
-              l.positionedParent.removeChild(y);
+            for (const u of o)
+              l.positionedParent.removeChild(u);
           }, 1e3);
         }
       };
@@ -372,22 +372,22 @@ function st(t = "white", n) {
   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 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 u = document.createElement("div");
+  u.style.position = "absolute", u.style.width = "1px", u.style.height = "15px", u.style.backgroundColor = t, u.style.bottom = "0", u.style.left = "0", e.appendChild(h), e.appendChild(u);
   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";
+  p.style.position = "fixed", p.style.pointerEvents = "none", p.style.zIndex = "9999", p.style.top = `${n.top + n.height - 15 + 1}px`, p.style.left = `${n.left + n.width - 15 + 1}px`, p.style.width = "15px", p.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);
-  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";
+  y.style.position = "absolute", y.style.width = "15px", y.style.height = "1px", y.style.backgroundColor = t, y.style.bottom = "0", y.style.right = "0";
   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";
-  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), {
+  return g.style.position = "absolute", g.style.width = "1px", g.style.height = "15px", g.style.backgroundColor = t, g.style.bottom = "0", g.style.right = "0", p.appendChild(y), p.appendChild(g), {
     topLeft: r,
     topRight: i,
     bottomLeft: e,
-    bottomRight: h,
+    bottomRight: p,
     *[Symbol.iterator]() {
-      yield r, yield i, yield e, yield h;
+      yield r, yield i, yield e, yield p;
     }
   };
 }
@@ -427,17 +427,17 @@ const Dt = (t = {}) => {
   let r = null, s = null;
   return {
     in: async (c, o) => {
-      const e = c, p = Array.from(e.querySelectorAll("[data-hero-key]"));
-      if (p.length === 0)
+      const e = c, h = Array.from(e.querySelectorAll("[data-hero-key]"));
+      if (h.length === 0)
         return {
           spring: n,
           tick: () => {
           }
           // No hero elements, skip animation
         };
-      if (!await new Promise((g) => {
-        r ? g(!0) : (s = g, setTimeout(() => {
-          s = null, g(!1);
+      if (!await new Promise((y) => {
+        r ? y(!0) : (s = y, setTimeout(() => {
+          s = null, y(!1);
         }, a));
       }) || !r)
         return r = null, {
@@ -446,12 +446,12 @@ const Dt = (t = {}) => {
           }
           // No fromNode, skip animation
         };
-      const h = p.map((g) => {
-        const u = g.getAttribute("data-hero-key");
-        if (!u) return null;
-        const m = rt(r, u);
+      const p = h.map((y) => {
+        const g = y.getAttribute("data-hero-key");
+        if (!g) return null;
+        const m = rt(r, g);
         if (!m) return null;
-        const f = g, w = b(r, m), $ = b(e, f), v = w.left - $.left - o.scrollOffset.x, F = w.top - $.top - o.scrollOffset.y, Y = w.width / $.width, U = w.height / $.height, V = f.style.transform, W = f.style.position, z = f.style.transformOrigin, X = f.style.zIndex, M = f.style.willChange;
+        const f = y, w = b(r, m), $ = b(e, f), v = w.left - $.left - o.scrollOffset.x, F = w.top - $.top - o.scrollOffset.y, Y = w.width / $.width, U = w.height / $.height, V = f.style.transform, W = f.style.position, z = f.style.transformOrigin, X = f.style.zIndex, M = f.style.willChange;
         return {
           toEl: f,
           dx: v,
@@ -465,37 +465,37 @@ const Dt = (t = {}) => {
           originalWillChange: M
         };
       }).filter(
-        (g) => g !== null && Math.abs(g.dy) <= d
+        (y) => y !== null && Math.abs(y.dy) <= d
       );
-      return r = null, h.length === 0 ? {
+      return r = null, p.length === 0 ? {
         spring: n,
         tick: () => {
         }
         // No matching hero elements
       } : {
-        springs: h.map(({ toEl: g, dx: u, dy: m, dw: f, dh: w }) => ({
+        springs: p.map(({ toEl: y, dx: g, dy: m, dw: f, dh: w }) => ({
           spring: n,
           tick: ($) => {
-            g.style.transform = `translate(${(1 - $) * u}px, ${(1 - $) * m}px) scale(${$ + (1 - $) * f}, ${$ + (1 - $) * w})`;
+            y.style.transform = `translate(${(1 - $) * g}px, ${(1 - $) * m}px) scale(${$ + (1 - $) * f}, ${$ + (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";
+          p.forEach(({ toEl: y }) => {
+            y.style.position = "relative", y.style.transformOrigin = "top left", y.style.zIndex = "1000", y.style.willChange = "transform";
           });
         },
         onEnd: () => {
-          h.forEach(
+          p.forEach(
             ({
-              toEl: g,
-              originalTransform: u,
+              toEl: y,
+              originalTransform: g,
               originalPosition: m,
               originalTransformOrigin: f,
               originalZIndex: w,
               originalWillChange: $
             }) => {
-              g.style.transform = u, g.style.position = m, g.style.transformOrigin = f, g.style.zIndex = w, g.style.willChange = $;
+              y.style.transform = g, y.style.position = m, y.style.transformOrigin = f, y.style.zIndex = w, y.style.willChange = $;
             }
           );
         }
@@ -520,14 +520,14 @@ function lt({
   pageRect: a,
   scrollOffset: d
 }) {
-  const r = n.left - t.left + (n.width - t.width) / 2 - d.x, s = 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 / a.height * 100, e = (a.width - (t.left + t.width)) / a.width * 100, p = (a.height - (t.top + t.height)) / a.height * 100, y = t.left / a.width * 100;
+  const r = n.left - t.left + (n.width - t.width) / 2 - d.x, s = 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 / a.height * 100, e = (a.width - (t.left + t.width)) / a.width * 100, h = (a.height - (t.top + t.height)) / a.height * 100, u = t.left / a.width * 100;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (g) => {
-      const u = 1 - g;
+    animate: (y) => {
+      const g = 1 - y;
       return {
-        clipPath: `inset(${o * u}% ${e * u}% ${p * u}% ${y * u}%)`,
-        transform: `translate(${r * u}px, ${s * u}px) scale(${1 + (c - 1) * u})`
+        clipPath: `inset(${o * g}% ${e * g}% ${h * g}% ${u * g}%)`,
+        transform: `translate(${r * g}px, ${s * g}px) scale(${1 + (c - 1) * g})`
       };
     }
   };
@@ -538,14 +538,14 @@ function ot({
   pageRect: a,
   scrollOffset: d
 }) {
-  const r = n.left - t.left + (n.width - t.width) / 2 + d.x, s = 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 / a.height * 100, e = (a.width - (t.left + t.width)) / a.width * 100, p = (a.height - (t.top + t.height)) / a.height * 100, y = t.left / a.width * 100;
+  const r = n.left - t.left + (n.width - t.width) / 2 + d.x, s = 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 / a.height * 100, e = (a.width - (t.left + t.width)) / a.width * 100, h = (a.height - (t.top + t.height)) / a.height * 100, u = t.left / a.width * 100;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (g) => {
-      const u = 1 - g;
+    animate: (y) => {
+      const g = 1 - y;
       return {
-        clipPath: `inset(${o * u}% ${e * u}% ${p * u}% ${y * u}%)`,
-        transform: `translate(${r * u - d.x}px, ${s * u - d.y}px) scale(${1 + (c - 1) * u})`
+        clipPath: `inset(${o * g}% ${e * g}% ${h * g}% ${u * g}%)`,
+        transform: `translate(${r * g - d.x}px, ${s * g - d.y}px) scale(${1 + (c - 1) * g})`
       };
     }
   };
@@ -612,35 +612,35 @@ const Pt = (t = {}) => {
   let d = null, r = null, s = null, l = 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);
+      const h = o;
+      return !await new Promise((p) => {
+        d ? p(!0) : (r = p, setTimeout(() => {
+          r = null, p(!1);
         }, a));
       }) || !d ? (l == null || l(), l = null, d = null, {
         spring: n,
         css: () => ({})
-      }) : (s = ct(d, p, e), l == null || l(), l = null, s ? (d = null, {
+      }) : (s = ct(d, h, e), l == null || l(), l = null, s ? (d = null, {
         spring: n,
-        css: (h) => s != null && s.inAnimation ? s.inAnimation(h) : {}
+        css: (p) => s != null && s.inAnimation ? s.inAnimation(p) : {}
       }) : (d = null, {
         spring: n,
         css: () => ({})
       }));
     },
-    out: async (o, e) => {
-      const p = new Promise((y) => {
-        l = y;
+    out: async (o) => {
+      const e = new Promise((h) => {
+        l = h;
       });
       return {
         spring: n,
-        prepare: (y) => {
-          s != null && s.isEnterMode ? x(y) : (x(y, e), y.style.zIndex = "-1");
+        prepare: (h) => {
+          x(h), s != null && s.isEnterMode || (h.style.zIndex = "-1");
         },
         wait: async () => {
-          d = o, r && (r(!0), r = null), await p;
+          d = o, r && (r(!0), r = null), await e;
         },
-        css: (y) => s != null && s.outAnimation ? s.outAnimation(y) : {}
+        css: (h) => s != null && s.outAnimation ? s.outAnimation(h) : {}
       };
     }
   };
@@ -651,14 +651,14 @@ function dt({
   pageRect: a,
   scrollOffset: d
 }) {
-  const r = n.left - t.left + (n.width - t.width) / 2 - d.x, s = 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 / a.height * 100, e = (a.width - (t.left + t.width)) / a.width * 100, p = (a.height - (t.top + t.height)) / a.height * 100, y = t.left / a.width * 100;
+  const r = n.left - t.left + (n.width - t.width) / 2 - d.x, s = 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 / a.height * 100, e = (a.width - (t.left + t.width)) / a.width * 100, h = (a.height - (t.top + t.height)) / a.height * 100, u = t.left / a.width * 100;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (g) => {
-      const u = 1 - g;
+    animate: (y) => {
+      const g = 1 - y;
       return {
-        clipPath: `inset(${o * u}% ${e * u}% ${p * u}% ${y * u}%)`,
-        transform: `translate(${r * u}px, ${s * u}px) scale(${1 + (c - 1) * u})`
+        clipPath: `inset(${o * g}% ${e * g}% ${h * g}% ${u * g}%)`,
+        transform: `translate(${r * g}px, ${s * g}px) scale(${1 + (c - 1) * g})`
       };
     }
   };
@@ -689,10 +689,10 @@ function pt({
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
     animate: (o) => {
-      const e = 1 - o, p = o;
+      const e = 1 - o, h = o;
       return {
         transform: `translate(${d * e}px, ${r * e}px) scale(${1 + (i - 1) * e})`,
-        opacity: `${p}`
+        opacity: `${h}`
       };
     }
   };
@@ -703,14 +703,14 @@ function yt({
   pageRect: a,
   scrollOffset: d
 }) {
-  const r = n.left - t.left + (n.width - t.width) / 2 + d.x, s = 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 / a.height * 100, e = (a.width - (t.left + t.width)) / a.width * 100, p = (a.height - (t.top + t.height)) / a.height * 100, y = t.left / a.width * 100;
+  const r = n.left - t.left + (n.width - t.width) / 2 + d.x, s = 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 / a.height * 100, e = (a.width - (t.left + t.width)) / a.width * 100, h = (a.height - (t.top + t.height)) / a.height * 100, u = t.left / a.width * 100;
   return {
     transformOrigin: `${t.left + t.width / 2}px ${t.top + t.height / 2}px`,
-    animate: (g) => {
-      const u = 1 - g;
+    animate: (y) => {
+      const g = 1 - y;
       return {
-        clipPath: `inset(${o * u}% ${e * u}% ${p * u}% ${y * u}%)`,
-        transform: `translate(${r * u - d.x}px, ${s * u - d.y}px) scale(${1 + (c - 1) * u})`
+        clipPath: `inset(${o * g}% ${e * g}% ${h * g}% ${u * g}%)`,
+        transform: `translate(${r * g - d.x}px, ${s * g - d.y}px) scale(${1 + (c - 1) * g})`
       };
     }
   };
@@ -748,29 +748,29 @@ function gt(t, n, a) {
       galleryRect: c,
       pageRect: n.getBoundingClientRect(),
       scrollOffset: a
-    }), p = ht({
+    }), h = ht({
       galleryRect: c,
       detailRect: o,
       scrollOffset: a
     });
-    return n.style.transformOrigin = e.transformOrigin, t.style.transformOrigin = p.transformOrigin, {
+    return n.style.transformOrigin = e.transformOrigin, t.style.transformOrigin = h.transformOrigin, {
       inAnimation: e.animate,
-      outAnimation: p.animate
+      outAnimation: h.animate
     };
   } else {
     const e = pt({
       galleryRect: c,
       detailRect: o,
       scrollOffset: a
-    }), p = yt({
+    }), h = yt({
       detailRect: o,
       galleryRect: c,
       pageRect: t.getBoundingClientRect(),
       scrollOffset: a
     });
-    return n.style.transformOrigin = e.transformOrigin, t.style.transformOrigin = p.transformOrigin, {
+    return n.style.transformOrigin = e.transformOrigin, t.style.transformOrigin = h.transformOrigin, {
       inAnimation: e.animate,
-      outAnimation: p.animate
+      outAnimation: h.animate
     };
   }
 }
@@ -783,35 +783,35 @@ const vt = (t = {}) => {
   let d = null, r = null, s = null, l = 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);
+      const h = o;
+      return !await new Promise((p) => {
+        d ? p(!0) : (r = p, setTimeout(() => {
+          r = null, p(!1);
         }, a));
       }) || !d ? (l == null || l(), l = null, d = null, {
         spring: n,
         css: () => ({})
-      }) : (s = gt(d, p, e), l == null || l(), l = null, s ? (d = null, {
+      }) : (s = gt(d, h, e), l == null || l(), l = null, s ? (d = null, {
         spring: n,
-        css: (h) => s ? s.inAnimation(h) : {}
+        css: (p) => s ? s.inAnimation(p) : {}
       }) : (d = null, {
         spring: n,
         css: () => ({})
       }));
     },
     out: async (o) => {
-      const e = new Promise((p) => {
-        l = p;
+      const e = new Promise((h) => {
+        l = h;
       });
       return {
         spring: n,
-        prepare: (p) => {
-          x(p), p.style.zIndex = "-1";
+        prepare: (h) => {
+          x(h), h.style.zIndex = "-1";
         },
         wait: async () => {
           d = o, r && (r(!0), r = null), await e;
         },
-        css: (p) => s ? s.outAnimation(p) : {}
+        css: (h) => s ? s.outAnimation(h) : {}
       };
     }
   };
@@ -828,8 +828,8 @@ const vt = (t = {}) => {
   const i = () => {
     if (r === null || s === null)
       return null;
-    const e = Math.min(r, s), p = window.innerHeight;
-    return Math.max(e, p);
+    const e = Math.min(r, s), h = window.innerHeight;
+    return Math.max(e, h);
   };
   return {
     in: (e) => (s = e.offsetHeight, r !== null && (l = i()), {
@@ -837,27 +837,27 @@ const vt = (t = {}) => {
       prepare: () => {
         e.style.willChange = "transform", e.style.backfaceVisibility = "hidden", e.style.contain = "layout paint";
       },
-      tick: (p) => {
+      tick: (h) => {
         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)`;
+        const u = l ?? window.innerHeight, p = d ? (1 - h) * u : (1 - h) * -u;
+        e.style.transform = `translate3d(0, ${p}px, 0)`;
       },
       onEnd: () => {
         e.style.willChange = "auto", e.style.backfaceVisibility = "", e.style.contain = "";
       }
     }),
-    out: (e, p) => ({
+    out: (e, h) => ({
       spring: a,
       onStart: () => {
         r = e.offsetHeight, s !== null && (l = i());
       },
-      tick: (y) => {
+      tick: (u) => {
         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)`;
+        const p = l ?? window.innerHeight, y = d ? (1 - u) * -p : (1 - u) * p;
+        e.style.transform = `translate3d(0, ${y}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: (u) => {
+        x(u, h), u.style.zIndex = d ? "-1" : "1", u.style.willChange = "transform", u.style.backfaceVisibility = "hidden", u.style.contain = "layout paint", u.style.pointerEvents = "none";
       }
     })
   };
@@ -994,8 +994,8 @@ const Tt = (t) => t.reduce((n, a) => n + a, 0), Vt = (t = {}) => {
           x(e, c), e.style.opacity = "1";
         },
         tick: (e) => {
-          const p = Math.max(0, e - Ct);
-          i.style.opacity = String(p);
+          const h = Math.max(0, e - Ct);
+          i.style.opacity = String(h);
         },
         onEnd: () => {
           i.style.opacity = o;
@@ -1004,16 +1004,16 @@ const Tt = (t) => t.reduce((n, a) => n + a, 0), Vt = (t = {}) => {
     },
     in: (i) => {
       let c = null, o = null, e = null;
-      const p = document.body.style.overflow, y = document.getElementById(
+      const h = document.body.style.overflow, u = document.getElementById(
         D
       );
-      let h = [];
-      const g = () => {
-        c = document.createElement("div"), c.id = D, Object.assign(c.style, wt, { background: n }), document.body.appendChild(c), o = document.createElement("div"), Object.assign(o.style, xt), c.appendChild(o), e = document.createElement("div"), Object.assign(e.style, bt), o.appendChild(e), a.forEach((u) => {
+      let p = [];
+      const y = () => {
+        c = document.createElement("div"), c.id = D, Object.assign(c.style, wt, { background: n }), document.body.appendChild(c), o = document.createElement("div"), Object.assign(o.style, xt), c.appendChild(o), e = document.createElement("div"), Object.assign(e.style, bt), o.appendChild(e), a.forEach((g) => {
           const m = document.createElement("div");
-          m.textContent = u, Object.assign(m.style, Et, l), e.appendChild(m);
-        }), h = Array.from(e.children).map(
-          (u) => u.getBoundingClientRect().width
+          m.textContent = g, Object.assign(m.style, Et, l), e.appendChild(m);
+        }), p = Array.from(e.children).map(
+          (g) => g.getBoundingClientRect().width
         );
       };
       return {
@@ -1021,28 +1021,28 @@ const Tt = (t) => t.reduce((n, a) => n + a, 0), Vt = (t = {}) => {
         from: 0,
         to: 1,
         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)");
+          document.body.style.overflow = "hidden", i.style.opacity = "1", u == null || u.remove(), y(), c && o && (c.style.clipPath = "none", o.style.transform = "scale(1)");
         },
-        tick: (u) => {
+        tick: (g) => {
           if (!(!c || !o || !e)) {
-            if (u <= A && a.length > 0) {
-              const m = u / A, f = Math.min(
+            if (g <= A && a.length > 0) {
+              const m = g / A, f = Math.min(
                 Math.floor(m * a.length),
                 a.length - 1
-              ), w = h[f] ?? 0, $ = Tt(h.slice(0, f));
+              ), w = p[f] ?? 0, $ = Tt(p.slice(0, f));
               o.style.width = `${w}px`, e.style.transform = `translateX(-${$}px)`;
             }
-            if (u > A) {
+            if (g > A) {
               const f = 1 - Math.max(
                 0,
-                Math.min(1, (u - A) / At)
+                Math.min(1, (g - A) / At)
               );
               c.style.clipPath = Lt(d, f), o.style.transform = `scale(${f})`;
             }
           }
         },
         onEnd: () => {
-          c == null || c.remove(), c = o = e = null, document.body.style.overflow = p;
+          c == null || c.remove(), c = o = e = null, document.body.style.overflow = h;
         }
       };
     }