@ssgoi/core 5.2.2 → 6.1.0

package/dist/view-transitions/index.js

@@ -1,1614 +0,0 @@
-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 l = o(t), s = o(e);
-  return new DOMRect(
-    s.left - l.left,
-    s.top - l.top,
-    s.width,
-    s.height
-  );
-}
-function E() {
-  let t, e;
-  return { promise: new Promise((l, s) => {
-    t = l, e = s;
-  }), resolve: t, reject: e };
-}
-const q = {
-  spring: { stiffness: 200, damping: 22 }
-}, j = {
-  spring: { stiffness: 200, damping: 22 }
-}, N = 300, G = 10, Z = "horizontal", K = "#000000", Rt = (t = {}) => {
-  const {
-    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;
-      width: 100%;
-      height: 100%;
-      pointer-events: none;
-      z-index: 9999;
-      overflow: hidden;
-    `;
-    const h = [];
-    for (let g = 0; g < o; g++) {
-      const w = document.createElement("div");
-      if (l === "horizontal") {
-        const b = 100 / o, C = `calc(${b}% + 1px)`;
-        w.style.cssText = `
-          position: absolute;
-          top: ${b * g}%;
-          left: 0;
-          width: 100%;
-          height: ${C};
-          background: ${s};
-          transform: scaleX(${y === "hidden" ? 0 : 1});
-          transform-origin: ${f} center;
-          will-change: transform;
-        `;
-      } else {
-        const b = 100 / o, C = `calc(${b}% + 1px)`;
-        w.style.cssText = `
-          position: absolute;
-          top: 0;
-          left: ${b * g}%;
-          width: ${C};
-          height: 100%;
-          background: ${s};
-          transform: scaleY(${y === "hidden" ? 0 : 1});
-          transform-origin: ${f === "left" ? "top" : "bottom"} center;
-          will-change: transform;
-        `;
-      }
-      h.push(w), d.appendChild(w);
-    }
-    return r.appendChild(d), { container: d, blinds: h };
-  };
-  return {
-    out: (r) => {
-      let y = null;
-      i = new Promise((d) => {
-        c = d;
-      });
-      const f = (d) => {
-        const h = 1 - d;
-        return {
-          transform: l === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
-        };
-      };
-      return {
-        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 y == null ? void 0 : y.blinds[h];
-            },
-            style: f
-          }
-        })),
-        schedule: "stagger",
-        prepare: () => {
-          $(r), r.style.zIndex = "1000", y = p(r, "hidden", "left");
-        },
-        onStart: () => {
-        },
-        onEnd: () => {
-          c && c();
-        }
-      };
-    },
-    in: (r) => {
-      let y = null;
-      const f = (d) => {
-        const h = 1 - d;
-        return {
-          transform: l === "horizontal" ? `scaleX(${h})` : `scaleY(${h})`
-        };
-      };
-      return {
-        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 y == null ? void 0 : y.blinds[h];
-            },
-            style: f
-          }
-        })),
-        schedule: "stagger",
-        prepare: () => {
-          r.style.position = "relative", r.style.zIndex = "0", y = p(r, "closed", "right");
-        },
-        onStart: () => {
-        },
-        wait: async () => {
-          i && await i, await V(e);
-        },
-        onEnd: () => {
-          y && y.container && y.container.remove();
-        }
-      };
-    }
-  };
-}, J = {
-  spring: { stiffness: 1, damping: 1 }
-}, Q = {
-  spring: { stiffness: 20, damping: 25 }
-}, R = "#000000", tt = "circle", v = "CURTAIN_REVEAL_OVERLAY_ID", st = {
-  position: "fixed",
-  inset: "0",
-  width: "100vw",
-  height: "100%",
-  zIndex: "9999",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  overflow: "hidden"
-}, it = {
-  position: "relative",
-  display: "inline-block",
-  height: "5.5rem",
-  overflow: "hidden"
-}, nt = {
-  display: "flex",
-  height: "100%",
-  willChange: "transform",
-  transition: "transform 0.3s ease"
-}, et = {
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  whiteSpace: "nowrap",
-  fontSize: "5.5rem",
-  fontWeight: "900",
-  letterSpacing: "0.02em",
-  color: "#FFFFFF"
-}, at = 0.4, O = 0.5, ot = 0.2;
-function rt(t, e) {
-  switch (t) {
-    case "circle":
-      return `circle(${e * 100}% at 50% 50%)`;
-    case "square":
-      return `inset(${(1 - e) * 50}% round ${10 * e}%)`;
-    case "triangle": {
-      const o = e * 100;
-      return `polygon(50% ${50 - o}%, ${50 - o}% ${50 + o}%, ${50 + o}% ${50 + o}%)`;
-    }
-  }
-}
-const lt = (t) => t.reduce((e, o) => e + o, 0), ts = (t = {}) => {
-  const {
-    background: e = R,
-    texts: o = [],
-    shape: l = tt,
-    textStyle: s = {}
-  } = t, n = t.physics ?? Q, a = t.physics ?? J;
-  return {
-    out: (i, c) => {
-      const p = i.style.opacity;
-      return {
-        physics: a,
-        from: 1,
-        to: 0,
-        prepare: () => {
-          $(i, c), i.style.opacity = "1";
-        },
-        tick: (r) => {
-          const y = Math.max(0, r - at);
-          i.style.opacity = String(y);
-        },
-        onEnd: () => {
-          i.style.opacity = p;
-        }
-      };
-    },
-    in: (i) => {
-      let c = null, p = null, r = null;
-      const y = document.body.style.overflow, f = document.getElementById(
-        v
-      );
-      let u = [];
-      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: n,
-        from: 0,
-        to: 1,
-        prepare: () => {
-          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: (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 (h > O) {
-              const w = 1 - Math.max(
-                0,
-                Math.min(1, (h - O) / ot)
-              );
-              c.style.clipPath = rt(l, w), p.style.transform = `scale(${w})`;
-            }
-          }
-        },
-        onEnd: () => {
-          c == null || c.remove(), c = p = r = null, document.body.style.overflow = y;
-        }
-      };
-    }
-  };
-}, ct = {
-  spring: {
-    stiffness: 280,
-    damping: 30,
-    restDelta: 0.1,
-    restSpeed: 1e14
-  }
-}, yt = {
-  spring: {
-    stiffness: 280,
-    damping: 30,
-    restDelta: 0.1,
-    restSpeed: 1e14
-  }
-}, pt = 0.05;
-function A(t) {
-  const e = x(document.body, t.positionedParent), o = t.scroll.y, l = window.innerHeight - e.top;
-  return {
-    top: o,
-    left: 0,
-    width: e.width,
-    height: l
-  };
-}
-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: (a, i) => {
-      const c = A(i), p = c.left + c.width / 2, r = c.top + c.height / 2;
-      return {
-        physics: o,
-        prepare: () => {
-          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 y = E();
-            s = y.promise, n = y.resolve;
-          }
-        },
-        css: (y) => ({
-          transform: `scale(${1 - l + y * l})`,
-          opacity: y
-        }),
-        onEnd: () => {
-          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: (a, i) => {
-      const c = A(i), p = c.left + c.width / 2, r = c.top + c.height / 2 + i.scrollOffset.y;
-      return {
-        physics: o,
-        prepare: () => {
-          $(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: (y) => ({
-          transform: `scale(${1 + (1 - y) * l})`,
-          opacity: y
-        }),
-        onEnd: () => {
-          n && n();
-        }
-      };
-    }
-  } : {
-    // Entering page: scales down from large (1.2 → 1) with fade in
-    in: (a, i) => {
-      const c = A(i), p = c.left + c.width / 2, r = c.top + c.height / 2;
-      return {
-        physics: o,
-        prepare: () => {
-          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 y = E();
-            s = y.promise, n = y.resolve;
-          }
-        },
-        css: (y) => ({
-          transform: `scale(${1 + l - y * l})`,
-          opacity: y
-        }),
-        onEnd: () => {
-          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: (a, i) => {
-      const c = A(i), p = c.left + c.width / 2, r = c.top + c.height / 2 + i.scrollOffset.y;
-      return {
-        physics: o,
-        prepare: () => {
-          $(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: (y) => ({
-          transform: `scale(${1 - (1 - y) * l})`,
-          opacity: y
-        }),
-        onEnd: () => {
-          n && n();
-        }
-      };
-    }
-  };
-}, ht = {
-  spring: {
-    stiffness: 170,
-    damping: 22
-  }
-}, dt = {
-  spring: {
-    stiffness: 170,
-    damping: 22
-  }
-}, is = (t = {}) => {
-  const { opacity: e = !1, direction: o = "enter" } = t, l = t.physics ?? (o === "enter" ? ht : dt);
-  return o === "enter" ? {
-    in: (s) => ({
-      physics: l,
-      prepare: () => {
-        s.style.willChange = e ? "transform, opacity" : "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
-      },
-      css: (n) => {
-        const a = {
-          transform: `translate3d(${(1 - n) * 100}%, 0, 0)`
-        };
-        return e && (a.opacity = n), a;
-      },
-      onEnd: () => {
-        s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
-      }
-    }),
-    out: (s, n) => ({
-      physics: l,
-      prepare: () => {
-        $(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: (a) => {
-        const i = {
-          transform: `translate3d(${-(1 - a) * 20}%, 0, 0)`
-        };
-        return e && (i.opacity = a), i;
-      }
-    })
-  } : {
-    in: (s) => ({
-      physics: l,
-      prepare: () => {
-        s.style.willChange = e ? "transform, opacity" : "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
-      },
-      css: (n) => {
-        const a = {
-          transform: `translate3d(${-(1 - n) * 20}%, 0, 0)`
-        };
-        return e && (a.opacity = n), a;
-      },
-      onEnd: () => {
-        s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "";
-      }
-    }),
-    out: (s, n) => ({
-      physics: l,
-      prepare: () => {
-        $(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: (a) => {
-        const i = {
-          transform: `translate3d(${(1 - a) * 100}%, 0, 0)`
-        };
-        return e && (i.opacity = a), i;
-      }
-    })
-  };
-}, ft = {
-  spring: { stiffness: 180, damping: 20, doubleSpring: !0 }
-}, ut = {
-  spring: { stiffness: 170, damping: 20, doubleSpring: !0 }
-}, 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: (a) => ({
-      physics: o,
-      prepare: () => {
-        a.style.opacity = "0", a.style.willChange = "opacity";
-      },
-      wait: async () => {
-        if (s) {
-          await s;
-          const i = E();
-          s = i.promise, n = i.resolve, await V(e);
-        }
-      },
-      css: (i) => ({
-        opacity: i
-      }),
-      onEnd: () => {
-        a.style.willChange = "auto", a.style.opacity = "1";
-      }
-    }),
-    out: (a, i) => ({
-      physics: l,
-      css: (c) => ({
-        opacity: c
-      }),
-      prepare: () => {
-        $(a, i), a.style.willChange = "opacity";
-      },
-      onEnd: () => {
-        n && n(), a.style.willChange = "auto";
-      }
-    })
-  };
-}, 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
-}, S = {
-  scaleDown: 0,
-  translate: 0.2,
-  scaleUp: 0.8
-}, $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 e = wt, o = $t, l = ((s = t == null ? void 0 : t.border) == null ? void 0 : s.color) ?? bt;
-  return {
-    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: [
-          {
-            keyframes: { element: n, frames: f, duration: y }
-          },
-          ...u.map((d, h) => ({
-            keyframes: {
-              element: St[h](p),
-              frames: d,
-              duration: y
-            }
-          }))
-        ],
-        schedule: "parallel",
-        prepare: () => {
-          $(n), D(n, i), Y(n, i), At(n, i);
-          for (const d of p)
-            a.positionedParent.appendChild(d);
-        },
-        onEnd: () => {
-          n.style.clipPath = "", n.style.transformOrigin = "", setTimeout(() => {
-            for (const d of p)
-              a.positionedParent.removeChild(d);
-          }, 1e3);
-        }
-      };
-    },
-    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: [
-          {
-            keyframes: { element: n, frames: r, duration: p }
-          }
-        ],
-        schedule: "parallel",
-        prepare: () => {
-          D(n, i), Y(n, i), n.style.transform = `translateY(${-i.top + i.height}px) scale(${o})`;
-        },
-        onEnd: () => {
-          n.style.clipPath = "", n.style.transformOrigin = "", n.style.transform = "";
-        }
-      };
-    }
-  };
-}, 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 = `${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 = "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 = "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 = "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: i,
-    bottomLeft: r,
-    bottomRight: u,
-    *[Symbol.iterator]() {
-      yield s, yield i, yield r, yield u;
-    }
-  };
-}
-function I(t) {
-  const e = x(document.body, t.positionedParent);
-  return {
-    top: t.scroll.y,
-    left: 0,
-    width: e.width,
-    height: window.innerHeight - e.top
-  };
-}
-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 Y(t, e) {
-  t.style.clipPath = `polygon(
-    ${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 At(t, e) {
-  t.style.transform = `translateY(${-e.top}px)`;
-}
-const Tt = {
-  spring: { stiffness: 300, damping: 30 }
-};
-function kt(t, e) {
-  return t.querySelector(`[data-hero-key="${e}"]`);
-}
-const as = (t = {}) => {
-  const e = t.physics ?? Tt, o = t.maxDistance ?? 700;
-  let l = null, s = E();
-  return {
-    in: async (n, a) => {
-      const i = n, c = Array.from(i.querySelectorAll("[data-hero-key]"));
-      await s.promise;
-      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: g,
-          dy: w,
-          dw: b,
-          dh: C,
-          originalTransform: U,
-          originalPosition: H,
-          originalTransformOrigin: X,
-          originalZIndex: M,
-          originalWillChange: z
-        };
-      }).filter(
-        (r) => r !== null && Math.abs(r.dy) <= o
-      );
-      return l = null, s = E(), p.length === 0 ? {
-        physics: e,
-        tick: () => {
-        }
-        // No matching hero elements
-      } : {
-        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: () => {
-          p.forEach(({ toEl: r }) => {
-            r.style.position = "relative", r.style.transformOrigin = "top left", r.style.zIndex = "1000", r.style.willChange = "transform";
-          });
-        },
-        onEnd: () => {
-          p.forEach(
-            ({
-              toEl: r,
-              originalTransform: y,
-              originalPosition: f,
-              originalTransformOrigin: u,
-              originalZIndex: d,
-              originalWillChange: h
-            }) => {
-              r.style.transform = y, r.style.position = f, r.style.transformOrigin = u, r.style.zIndex = d, r.style.willChange = h;
-            }
-          );
-        }
-      };
-    },
-    out: async (n) => ({
-      physics: e,
-      tick: () => {
-      },
-      prepare: () => {
-        l = n, s.resolve(), $(n), n.style.opacity = "0";
-      }
-    })
-  };
-}, Pt = {
-  spring: { stiffness: 420, damping: 34 }
-};
-function Lt({
-  detailRect: t,
-  galleryRect: e,
-  pageRect: o,
-  scrollOffset: l
-}) {
-  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: (d) => {
-      const h = 1 - d;
-      return {
-        clipPath: `inset(${p * h}% ${r * h}% ${y * h}% ${f * h}%)`,
-        transform: `translate(${s * h}px, ${n * h}px) scale(${1 + (c - 1) * h})`
-      };
-    }
-  };
-}
-function mt({
-  detailRect: t,
-  galleryRect: e,
-  pageRect: o,
-  scrollOffset: l
-}) {
-  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: (d) => {
-      const h = 1 - d;
-      return {
-        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, e, o) {
-  const l = t.querySelector(
-    "[data-instagram-detail-key]"
-  ), s = e.querySelector(
-    "[data-instagram-detail-key]"
-  );
-  if (t.querySelectorAll("[data-instagram-detail-key]").length > 1 || e.querySelectorAll("[data-instagram-detail-key]").length > 1)
-    return null;
-  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 (!n || !a)
-    return null;
-  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 e.style.transformOrigin = r.transformOrigin, {
-      isEnterMode: !0,
-      inAnimation: r.animate
-      // No outAnimation - gallery stays visible
-    };
-  } else {
-    const r = mt({
-      detailRect: p,
-      galleryRect: c,
-      pageRect: t.getBoundingClientRect(),
-      scrollOffset: o
-    });
-    return t.style.transformOrigin = r.transformOrigin, {
-      isEnterMode: !1,
-      outAnimation: r.animate
-      // No inAnimation - gallery stays visible
-    };
-  }
-}
-const os = (t = {}) => {
-  const e = t.physics ?? Pt, o = t.timeout ?? 300;
-  let l = null, s = null, n = null, a = null;
-  return {
-    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: () => ({})
-      }) : (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 (i, c) => {
-      const p = new Promise((r) => {
-        a = r;
-      });
-      return {
-        physics: e,
-        prepare: () => {
-          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 () => {
-          l = i, s && (s(!0), s = null), await p;
-        },
-        css: (r) => n != null && n.outAnimation ? n.outAnimation(r) : {},
-        onEnd: () => {
-          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "";
-        }
-      };
-    }
-  };
-}, Ft = {
-  spring: { stiffness: 50, damping: 30 }
-};
-function _t(t) {
-  const e = x(document.body, t.positionedParent);
-  return {
-    top: t.scroll.y,
-    left: 0,
-    width: e.width,
-    height: window.innerHeight - e.top
-  };
-}
-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 (n, a) => {
-      const i = n.style.opacity;
-      return {
-        physics: {
-          spring: {
-            stiffness: 80,
-            damping: 25
-          }
-        },
-        from: 1,
-        to: 0,
-        prepare: () => {
-          $(n, a), n.style.opacity = "1";
-        },
-        tick: (c) => {
-          n.style.opacity = String(c);
-        },
-        onEnd: () => {
-          n.style.opacity = i;
-        }
-      };
-    },
-    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: e,
-        from: 0,
-        to: 1,
-        prepare: () => {
-          const f = Math.min(i.width, i.height) * 0.4;
-          n.style.setProperty(
-            "--max-border-radius",
-            `${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: (f) => {
-          let u;
-          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 = (f - s) / (1 - s);
-            u = 0.8 + 0.2 * (1 - Math.pow(1 - w, 3));
-          }
-          let d;
-          const h = 0.7;
-          if (f <= h)
-            d = o;
-          else {
-            const w = (f - h) / (1 - h), b = 1 - Math.pow(1 - w, 2);
-            d = o * (1 - b);
-          }
-          let g;
-          if (f <= h)
-            g = 1;
-          else {
-            const w = (f - h) / (1 - h);
-            g = 1 - Math.pow(w, 0.5);
-          }
-          n.style.transform = `rotate(${d.toFixed(2)}deg) scale(${u.toFixed(4)}) translateZ(0)`, n.style.setProperty(
-            "--border-radius-scale",
-            g.toFixed(4)
-          );
-        },
-        onEnd: () => {
-          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 = "";
-        }
-      };
-    }
-  };
-}, It = {
-  spring: { stiffness: 340, damping: 30, doubleSpring: 1 }
-};
-function Dt({
-  detailRect: t,
-  galleryRect: e,
-  pageRect: o,
-  scrollOffset: l
-}) {
-  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: (d) => {
-      const h = 1 - d;
-      return {
-        clipPath: `inset(${p * h}% ${r * h}% ${y * h}% ${f * h}%)`,
-        transform: `translate(${s * h}px, ${n * h}px) scale(${1 + (c - 1) * h})`
-      };
-    }
-  };
-}
-function Yt({
-  galleryRect: t,
-  detailRect: e,
-  scrollOffset: o
-}) {
-  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: (p) => {
-      const r = 1 - p;
-      return {
-        transform: `translate(${l * r - o.x}px, ${s * r - o.y}px) scale(${1 + (i - 1) * r})`,
-        opacity: `${1 - r}`
-      };
-    }
-  };
-}
-function Vt({
-  galleryRect: t,
-  detailRect: e,
-  scrollOffset: o
-}) {
-  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: (p) => {
-      const r = 1 - p, y = p;
-      return {
-        transform: `translate(${l * r}px, ${s * r}px) scale(${1 + (i - 1) * r})`,
-        opacity: `${y}`
-      };
-    }
-  };
-}
-function Ut({
-  detailRect: t,
-  galleryRect: e,
-  pageRect: o,
-  scrollOffset: l
-}) {
-  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: (d) => {
-      const h = 1 - d;
-      return {
-        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 Ht(t, e, o) {
-  const l = t.querySelector(
-    "[data-pinterest-detail-key]"
-  ), s = e.querySelector(
-    "[data-pinterest-detail-key]"
-  );
-  if (t.querySelectorAll("[data-pinterest-detail-key]").length > 1 || e.querySelectorAll("[data-pinterest-detail-key]").length > 1)
-    return null;
-  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 (!n || !a)
-    return null;
-  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 e.style.transformOrigin = r.transformOrigin, t.style.transformOrigin = y.transformOrigin, {
-      inAnimation: r.animate,
-      outAnimation: y.animate
-    };
-  } else {
-    const r = Vt({
-      galleryRect: c,
-      detailRect: p,
-      scrollOffset: o
-    }), y = Ut({
-      detailRect: p,
-      galleryRect: c,
-      pageRect: t.getBoundingClientRect(),
-      scrollOffset: o
-    });
-    return e.style.transformOrigin = r.transformOrigin, t.style.transformOrigin = y.transformOrigin, {
-      inAnimation: r.animate,
-      outAnimation: y.animate
-    };
-  }
-}
-const ls = (t = {}) => {
-  const e = t.physics ?? It, o = t.timeout ?? 300;
-  let l = null, s = null, n = null, a = null;
-  return {
-    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: () => ({})
-      }) : (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 (i) => {
-      const c = new Promise((p) => {
-        a = p;
-      });
-      return {
-        physics: e,
-        prepare: () => {
-          $(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 c;
-        },
-        css: (p) => n ? n.outAnimation(p) : {},
-        onEnd: () => {
-          i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "";
-        }
-      };
-    }
-  };
-}, Xt = {
-  spring: { stiffness: 100, damping: 30 }
-}, cs = (t = {}) => {
-  const e = t.physics ?? Xt;
-  return {
-    in: (o) => ({
-      physics: e,
-      prepare: () => {
-        o.style.opacity = "0", o.style.transform = "rotate(-180deg)", o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
-      },
-      css: (l) => ({
-        // -180deg → 0deg, show after 90deg (progress > 0.5)
-        transform: `rotate(${(l - 1) * 180}deg)`,
-        opacity: l > 0.5 ? 1 : 0
-      }),
-      onEnd: () => {
-        o.style.willChange = "auto", o.style.transform = "", o.style.transformOrigin = "", o.style.opacity = "";
-      }
-    }),
-    out: (o, l) => ({
-      physics: e,
-      prepare: () => {
-        $(o, l), o.style.transformOrigin = "center center", o.style.willChange = "transform, opacity";
-      },
-      css: (s) => ({
-        // 0deg → 180deg, hide after 90deg (progress < 0.5)
-        transform: `rotate(${(1 - s) * 180}deg)`,
-        opacity: s > 0.5 ? 1 : 0
-      }),
-      onEnd: () => {
-        o.style.willChange = "auto";
-      }
-    })
-  };
-}, Mt = {
-  spring: { stiffness: 5, damping: 4 }
-}, 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 c = Math.min(s, n), p = window.innerHeight;
-    return Math.max(c, p);
-  };
-  return {
-    in: (c) => (n = c.offsetHeight, s !== null && (a = i()), {
-      physics: o,
-      prepare: () => {
-        c.style.willChange = "transform", c.style.backfaceVisibility = "hidden", c.style.contain = "layout paint";
-      },
-      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: () => {
-        c.style.willChange = "auto", c.style.backfaceVisibility = "", c.style.contain = "";
-      }
-    }),
-    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 = 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";
-      }
-    })
-  };
-}, zt = {
-  spring: {
-    stiffness: 200,
-    damping: 24
-  }
-}, Wt = {
-  inertia: {
-    acceleration: 25,
-    resistance: 1.2
-  }
-}, Bt = 0.2;
-function T(t) {
-  const e = x(document.body, t.positionedParent), o = t.scroll.y, l = t.scrollingElement.offsetHeight - e.top, s = {
-    top: o,
-    left: 0,
-    width: e.width,
-    height: l
-  };
-  return {
-    ...s,
-    centerX: s.left + s.width / 2,
-    centerY: s.top + s.height / 2
-  };
-}
-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, n) => {
-      const a = T(n);
-      return {
-        physics: o,
-        prepare: () => {
-          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: (i) => ({
-          transform: `translate3d(0, ${(1 - i) * a.height}px, 0)`
-        }),
-        onEnd: () => {
-          s.style.willChange = "auto", s.style.backfaceVisibility = "", s.style.contain = "", s.style.clipPath = "";
-        }
-      };
-    },
-    // Exiting background: scales down with fade
-    out: (s, n) => {
-      const a = T(n), i = a.left + a.width / 2, c = a.top + a.height / 2;
-      return {
-        physics: o,
-        prepare: () => {
-          $(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: (p) => ({
-          transform: `scale(${1 - l + p * l})`,
-          opacity: p
-        })
-      };
-    }
-  } : {
-    // Entering background: scales up with fade
-    in: (s, n) => {
-      const a = T(n), i = a.left + a.width / 2, c = a.top + a.height / 2;
-      return {
-        physics: o,
-        prepare: () => {
-          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: (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 = "";
-        }
-      };
-    },
-    // Exiting sheet: slides down with high z-index
-    out: (s, n) => {
-      const i = T(n).height, c = n.scroll.y;
-      return {
-        physics: o,
-        prepare: () => {
-          $(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: (p) => ({
-          transform: `translate3d(0, ${(1 - p) * i}px, 0)`
-        })
-      };
-    }
-  };
-}, qt = {
-  spring: {
-    stiffness: 170,
-    damping: 22,
-    doubleSpring: 0.8
-  }
-}, hs = (t = {}) => {
-  const e = t.direction ?? "left", o = t.physics ?? qt, l = e === "left";
-  return {
-    in: (s) => ({
-      physics: o,
-      prepare: () => {
-        s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint";
-      },
-      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, n) => ({
-      physics: o,
-      css: (a) => ({
-        transform: `translate3d(${l ? (1 - a) * -100 : (1 - a) * 100}%, 0, 0)`
-      }),
-      prepare: () => {
-        $(s, n), s.style.willChange = "transform", s.style.backfaceVisibility = "hidden", s.style.contain = "layout paint", s.style.pointerEvents = "none";
-      }
-    })
-  };
-}, jt = 8, Nt = {
-  spring: {
-    stiffness: 400,
-    damping: 30,
-    restDelta: 0.1,
-    restSpeed: 1e14
-  }
-}, 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: (i) => ({
-      physics: o,
-      prepare: () => {
-        i.style.opacity = "0", i.style.willChange = "transform, opacity", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint";
-      },
-      wait: async () => {
-        if (n) {
-          await n;
-          const c = E();
-          n = c.promise, a = c.resolve;
-        }
-      },
-      css: (c) => {
-        const p = s ? (1 - c) * l : (1 - c) * -l, r = `${c}`;
-        return {
-          transform: `translate3d(${p}px, 0, 0)`,
-          opacity: r
-        };
-      },
-      onEnd: () => {
-        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: (i, c) => ({
-      physics: o,
-      prepare: () => {
-        $(i, c), i.style.willChange = "transform, opacity", i.style.backfaceVisibility = "hidden", i.style.contain = "layout paint", i.style.pointerEvents = "none";
-      },
-      css: (p) => {
-        const r = s ? (1 - p) * -l : (1 - p) * l, y = `${p}`;
-        return {
-          transform: `translate3d(${r}px, 0, 0)`,
-          opacity: y
-        };
-      },
-      onEnd: () => {
-        a && a(), i.style.willChange = "auto", i.style.backfaceVisibility = "", i.style.contain = "";
-      }
-    })
-  };
-}, Gt = {
-  spring: { stiffness: 17, damping: 6 }
-}, m = 20, k = 800, fs = (t = {}) => {
-  const e = t.physics ?? Gt;
-  let o, l = null;
-  return {
-    in: (s) => ({
-      physics: e,
-      prepare: () => {
-        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 () => {
-        o && await o;
-      },
-      css: (n) => {
-        const a = (1 - n) * m, i = -(1 - n) * 100;
-        return {
-          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, n) => (o = new Promise((a) => {
-      l = a;
-    }), {
-      physics: e,
-      prepare: () => {
-        $(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: (a) => {
-        const i = 1 - a, c = i * m, p = i * 100;
-        return {
-          transform: `perspective(${k}px) rotateY(${-c}deg) translate3d(${p}%, 0, 0)`
-        };
-      },
-      onEnd: () => {
-        l && l(), s.style.transform = "";
-      }
-    })
-  };
-}, Zt = {
-  spring: {
-    stiffness: 350,
-    damping: 32,
-    restDelta: 0.1,
-    restSpeed: 1e14
-  }
-}, Kt = 0.05;
-function Jt(t) {
-  const e = x(document.body, t.positionedParent), o = t.scroll.y, l = window.innerHeight - e.top;
-  return {
-    top: o,
-    left: 0,
-    width: e.width,
-    height: l
-  };
-}
-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: (n, a) => {
-      const i = Jt(a), c = i.left + i.width / 2, p = i.top + i.height / 2;
-      return {
-        physics: e,
-        prepare: () => {
-          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 (l) {
-            await l;
-            const r = E();
-            l = r.promise, s = r.resolve;
-          }
-        },
-        css: (r) => ({
-          transform: `scale(${1 - o + r * o})`,
-          opacity: r
-        }),
-        onEnd: () => {
-          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: (n, a) => ({
-      physics: e,
-      prepare: () => {
-        $(n, a), n.style.willChange = "opacity", n.style.backfaceVisibility = "hidden", n.style.contain = "layout paint", n.style.pointerEvents = "none";
-      },
-      css: (i) => ({
-        opacity: i
-      }),
-      onEnd: () => {
-        s && s();
-      }
-    })
-  };
-};
-export {
-  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
-};