@ssgoi/core 3.5.0 → 4.1.0

package/dist/view-transitions/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=(t,n)=>{var r;t.style.position="absolute",t.style.width="100%",t.style.top=`${-1*(((r=n==null?void 0:n.scrollOffset)==null?void 0:r.y)??0)}px`,t.style.left="0"},N=t=>new Promise(n=>setTimeout(n,t));function x(t,n){function r(o){let d=0,s=0;const c=o.offsetWidth,e=o.offsetHeight;let i=o;for(;i;)d+=i.offsetTop,s+=i.offsetLeft,i=i.offsetParent;return d-=window.scrollY,s-=window.scrollX,{top:d,left:s,width:c,height:e}}const p=r(t),a=r(n);return new DOMRect(a.left-p.left,a.top-p.top,a.width,a.height)}function S(){let t,n;return{promise:new Promise((p,a)=>{t=p,n=a}),resolve:t,reject:n}}const Q={stiffness:80,damping:25},R={stiffness:75,damping:25},tt=300,nt=10,it="horizontal",st="#000000",et=(t={})=>{const{inSpring:n=R,outSpring:r=Q,transitionDelay:p=tt,blindCount:a=nt,direction:o=it,blindColor:d=st}=t;let s,c=null;const e=(i,y,h="left")=>{window.getComputedStyle(i).position==="static"&&(i.style.position="relative");const l=document.createElement("div");l.className="blind-container",l.style.cssText=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=(t,i)=>{var l;t.style.position="absolute",t.style.width="100%",t.style.top=`${-1*(((l=i==null?void 0:i.scrollOffset)==null?void 0:l.y)??0)}px`,t.style.left="0"},F=t=>new Promise(i=>setTimeout(i,t));function x(t,i){function l(s){let r=0,e=0;const c=s.offsetWidth,y=s.offsetHeight;let o=s;for(;o;)r+=o.offsetTop,e+=o.offsetLeft,o=o.offsetParent;return r-=window.scrollY,e-=window.scrollX,{top:r,left:e,width:c,height:y}}const a=l(t),n=l(i);return new DOMRect(n.left-a.left,n.top-a.top,n.width,n.height)}function E(){let t,i;return{promise:new Promise((a,n)=>{t=a,i=n}),resolve:t,reject:i}}const M={spring:{stiffness:200,damping:22}},W={spring:{stiffness:200,damping:22}},B=300,q=10,j="horizontal",N="#000000",G=(t={})=>{const{transitionDelay:i=B,blindCount:l=q,direction:a=j,blindColor:n=N}=t,s=t.physics??W,r=t.physics??M;let e,c=null;const y=(o,p,d="left")=>{window.getComputedStyle(o).position==="static"&&(o.style.position="relative");const f=document.createElement("div");f.className="blind-container",f.style.cssText=`
       position: absolute;
       top: 0;
       left: 0;
@@ -7,29 +7,29 @@
       pointer-events: none;
       z-index: 9999;
       overflow: hidden;
-    `;const u=[];for(let b=0;b<a;b++){const f=document.createElement("div");if(o==="horizontal"){const $=100/a,w=`calc(${$}% + 1px)`;f.style.cssText=`
+    `;const h=[];for(let $=0;$<l;$++){const w=document.createElement("div");if(a==="horizontal"){const b=100/l,C=`calc(${b}% + 1px)`;w.style.cssText=`
           position: absolute;
-          top: ${$*b}%;
+          top: ${b*$}%;
           left: 0;
           width: 100%;
-          height: ${w};
-          background: ${d};
-          transform: scaleX(${y==="hidden"?0:1});
-          transform-origin: ${h} center;
+          height: ${C};
+          background: ${n};
+          transform: scaleX(${p==="hidden"?0:1});
+          transform-origin: ${d} center;
           will-change: transform;
-        `}else{const $=100/a,w=`calc(${$}% + 1px)`;f.style.cssText=`
+        `}else{const b=100/l,C=`calc(${b}% + 1px)`;w.style.cssText=`
           position: absolute;
           top: 0;
-          left: ${$*b}%;
-          width: ${w};
+          left: ${b*$}%;
+          width: ${C};
           height: 100%;
-          background: ${d};
-          transform: scaleY(${y==="hidden"?0:1});
-          transform-origin: ${h==="left"?"top":"bottom"} center;
+          background: ${n};
+          transform: scaleY(${p==="hidden"?0:1});
+          transform-origin: ${d==="left"?"top":"bottom"} center;
           will-change: transform;
-        `}u.push(f),l.appendChild(f)}return i.appendChild(l),{container:l,blinds:u}};return{out:()=>{let i=null;s=new Promise(g=>{c=g});const y=g=>{const l=1-g;return{transform:o==="horizontal"?`scaleX(${l})`:`scaleY(${l})`}};return{springs:Array.from({length:a},(g,l)=>({spring:r,offset:.2,css:{get element(){return i==null?void 0:i.blinds[l]},style:y}})),schedule:"stagger",prepare:g=>{m(g),g.style.zIndex="1000",i=e(g,"hidden","left")},onStart:()=>{},onEnd:()=>{c&&c()}}},in:()=>{let i=null;const y=g=>{const l=1-g;return{transform:o==="horizontal"?`scaleX(${l})`:`scaleY(${l})`}};return{springs:Array.from({length:a},(g,l)=>({spring:n,offset:.2,css:{get element(){return i==null?void 0:i.blinds[l]},style:y}})),schedule:"stagger",prepare:g=>{g.style.position="relative",g.style.zIndex="0",i=e(g,"closed","right")},onStart:()=>{},wait:async()=>{s&&await s,await N(p)},onEnd:()=>{i&&i.container&&i.container.remove()}}}}},rt={stiffness:1,damping:1},at={stiffness:20,damping:25},ot="#000000",lt="circle",F="CURTAIN_REVEAL_OVERLAY_ID",ct={position:"fixed",inset:"0",width:"100vw",height:"100%",zIndex:"9999",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},dt={position:"relative",display:"inline-block",height:"5.5rem",overflow:"hidden"},pt={display:"flex",height:"100%",willChange:"transform",transition:"transform 0.3s ease"},yt={display:"inline-flex",alignItems:"center",justifyContent:"center",whiteSpace:"nowrap",fontSize:"5.5rem",fontWeight:"900",letterSpacing:"0.02em",color:"#FFFFFF"},ht=.4,P=.5,gt=.2;function ut(t,n){switch(t){case"circle":return`circle(${n*100}% at 50% 50%)`;case"square":return`inset(${(1-n)*50}% round ${10*n}%)`;case"triangle":{const r=n*100;return`polygon(50% ${50-r}%, ${50-r}% ${50+r}%, ${50+r}% ${50+r}%)`}}}const ft=t=>t.reduce((n,r)=>n+r,0),wt=(t={})=>{const{background:n=ot,texts:r=[],shape:p=lt,inSpring:a=at,outSpring:o=rt,textStyle:d={}}=t;return{out:(s,c)=>{const e=s.style.opacity;return{spring:o,from:1,to:0,prepare:i=>{m(i,c),i.style.opacity="1"},tick:i=>{const y=Math.max(0,i-ht);s.style.opacity=String(y)},onEnd:()=>{s.style.opacity=e}}},in:s=>{let c=null,e=null,i=null;const y=document.body.style.overflow,h=document.getElementById(F);let g=[];const l=()=>{c=document.createElement("div"),c.id=F,Object.assign(c.style,ct,{background:n}),document.body.appendChild(c),e=document.createElement("div"),Object.assign(e.style,dt),c.appendChild(e),i=document.createElement("div"),Object.assign(i.style,pt),e.appendChild(i),r.forEach(u=>{const b=document.createElement("div");b.textContent=u,Object.assign(b.style,yt,d),i.appendChild(b)}),g=Array.from(i.children).map(u=>u.getBoundingClientRect().width)};return{spring:a,from:0,to:1,prepare:()=>{document.body.style.overflow="hidden",s.style.opacity="1",h==null||h.remove(),l(),c&&e&&(c.style.clipPath="none",e.style.transform="scale(1)")},tick:u=>{if(!(!c||!e||!i)){if(u<=P&&r.length>0){const b=u/P,f=Math.min(Math.floor(b*r.length),r.length-1),$=g[f]??0,w=ft(g.slice(0,f));e.style.width=`${$}px`,i.style.transform=`translateX(-${w}px)`}if(u>P){const f=1-Math.max(0,Math.min(1,(u-P)/gt));c.style.clipPath=ut(p,f),e.style.transform=`scale(${f})`}}},onEnd:()=>{c==null||c.remove(),c=e=i=null,document.body.style.overflow=y}}}}},bt={stiffness:300,damping:22,doubleSpring:.5},$t={stiffness:300,damping:22,doubleSpring:.5},C=.05;function k(t){const n=x(document.body,t.positionedParent),r=t.scroll.y,p=window.innerHeight-n.top;return{top:r,left:0,width:n.width,height:p}}const mt=(t={})=>{var d,s,c;const{direction:n="enter"}=t,r=n==="enter"?bt:$t,p={stiffness:((d=t.spring)==null?void 0:d.stiffness)??r.stiffness,damping:((s=t.spring)==null?void 0:s.damping)??r.damping,doubleSpring:((c=t.spring)==null?void 0:c.doubleSpring)??r.doubleSpring};let{promise:a,resolve:o}=S();return n==="enter"?{in:(e,i)=>{const y=k(i),h=y.left+y.width/2,g=y.top+y.height/2;return{spring:p,prepare:()=>{e.style.opacity="0",e.style.willChange="transform, opacity",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.transformOrigin=`${h}px ${g}px`},wait:async()=>{if(a){await a;const l=S();a=l.promise,o=l.resolve}},css:l=>({transform:`scale(${1-C+l*C})`,opacity:l}),onEnd:()=>{e.style.opacity="1",e.style.willChange="auto",e.style.backfaceVisibility="",e.style.contain="",e.style.transformOrigin=""}}},out:(e,i)=>{const y=k(i),h=y.left+y.width/2,g=y.top+y.height/2+i.scrollOffset.y;return{spring:p,prepare:l=>{m(l,i),l.style.zIndex="-1",l.style.willChange="transform, opacity",l.style.backfaceVisibility="hidden",l.style.contain="layout paint",l.style.pointerEvents="none",l.style.transformOrigin=`${h}px ${g}px`},css:l=>({transform:`scale(${1+(1-l)*C})`,opacity:l}),onEnd:()=>{o&&o()}}}}:{in:(e,i)=>{const y=k(i),h=y.left+y.width/2,g=y.top+y.height/2;return{spring:p,prepare:()=>{e.style.opacity="0",e.style.willChange="transform, opacity",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.transformOrigin=`${h}px ${g}px`},wait:async()=>{if(a){await a;const l=S();a=l.promise,o=l.resolve}},css:l=>({transform:`scale(${1+C-l*C})`,opacity:l}),onEnd:()=>{e.style.opacity="1",e.style.willChange="auto",e.style.backfaceVisibility="",e.style.contain="",e.style.transformOrigin=""}}},out:(e,i)=>{const y=k(i),h=y.left+y.width/2,g=y.top+y.height/2+i.scrollOffset.y;return{spring:p,prepare:l=>{m(l,i),l.style.zIndex="100",l.style.willChange="transform, opacity",l.style.backfaceVisibility="hidden",l.style.contain="layout paint",l.style.pointerEvents="none",l.style.transformOrigin=`${h}px ${g}px`},css:l=>({transform:`scale(${1-(1-l)*C})`,opacity:l}),onEnd:()=>{o&&o()}}}}},xt={stiffness:125,damping:14,doubleSpring:.5},Et={stiffness:128,damping:14,doubleSpring:.5},St=(t={})=>{var o,d,s;const{opacity:n=!1,direction:r="enter"}=t,p=r==="enter"?xt:Et,a={stiffness:((o=t.spring)==null?void 0:o.stiffness)??p.stiffness,damping:((d=t.spring)==null?void 0:d.damping)??p.damping,doubleSpring:((s=t.spring)==null?void 0:s.doubleSpring)??p.doubleSpring};return r==="enter"?{in:c=>({spring:a,prepare:()=>{c.style.willChange=n?"transform, opacity":"transform",c.style.backfaceVisibility="hidden",c.style.contain="layout paint"},css:e=>{const i={transform:`translate3d(${(1-e)*100}%, 0, 0)`};return n&&(i.opacity=e),i},onEnd:()=>{c.style.willChange="auto",c.style.backfaceVisibility="",c.style.contain=""}}),out:(c,e)=>({spring:a,prepare:i=>{m(i,e),i.style.zIndex="-1",i.style.willChange=n?"transform, opacity":"transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint",i.style.pointerEvents="none"},css:i=>{const y={transform:`translate3d(${-(1-i)*20}%, 0, 0)`};return n&&(y.opacity=i),y}})}:{in:c=>({spring:a,prepare:()=>{c.style.willChange=n?"transform, opacity":"transform",c.style.backfaceVisibility="hidden",c.style.contain="layout paint"},css:e=>{const i={transform:`translate3d(${-(1-e)*20}%, 0, 0)`};return n&&(i.opacity=e),i},onEnd:()=>{c.style.willChange="auto",c.style.backfaceVisibility="",c.style.contain=""}}),out:(c,e)=>({spring:a,prepare:i=>{m(i,e),i.style.zIndex="100",i.style.willChange=n?"transform, opacity":"transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint",i.style.pointerEvents="none"},css:i=>{const y={transform:`translate3d(${(1-i)*100}%, 0, 0)`};return n&&(y.opacity=i),y}})}},Ct={stiffness:180,damping:20,doubleSpring:!0},At={stiffness:170,damping:20,doubleSpring:!0},Pt=0,kt=(t={})=>{const{inSpring:n=At,outSpring:r=Ct,transitionDelay:p=Pt}=t;let{promise:a,resolve:o}=S();return{in:d=>({spring:n,prepare:()=>{d.style.opacity="0",d.style.willChange="opacity"},wait:async()=>{if(a){await a;const s=S();a=s.promise,o=s.resolve,await N(p)}},css:s=>({opacity:s}),onEnd:()=>{d.style.willChange="auto",d.style.opacity="1"}}),out:(d,s)=>({spring:r,css:c=>({opacity:c}),prepare:()=>{m(d,s),d.style.willChange="opacity"},onEnd:()=>{o&&o(),d.style.willChange="auto"}})}},Tt={scaleDown:{stiffness:20,damping:7},translate:{stiffness:15,damping:7},scaleUp:{stiffness:20,damping:7}},A={scaleDown:0,translate:.2,scaleUp:.8},Ot=.8,Lt="white",vt=t=>{var a;const n=Tt,r=Ot,p=((a=t==null?void 0:t.border)==null?void 0:a.color)??Lt;return{out:async(o,d)=>{const s=Y(d),c=x(document.body,d.positionedParent),e=_t(p,{...s,top:c.top}),i={scale:1,translateY:-s.top},y=()=>{o.style.transform=`translateY(${i.translateY}px) scale(${i.scale})`;const h=(s.width-s.width*i.scale)/2,g=(s.height-s.height*i.scale)/2;It(e,h,g)};return{springs:[{spring:n.scaleDown,offset:A.scaleDown,tick:h=>{const g=1-h;i.scale=1-(1-r)*g,y()}},{spring:n.translate,offset:A.translate,tick:h=>{const g=1-h;i.translateY=-s.top-s.height*g,y()}},{spring:n.scaleUp,offset:A.scaleUp,tick:h=>{const g=1-h;i.scale=r+(1-r)*g,y()}}],schedule:"stagger",prepare:()=>{m(o),V(o,s),U(o,s),Dt(o,s);for(const h of e)d.positionedParent.appendChild(h)},onEnd:()=>{o.style.clipPath="",o.style.transformOrigin="",setTimeout(()=>{for(const h of e)d.positionedParent.removeChild(h)},1e3)}}},in:async(o,d)=>{const s=Y(d),c={scale:r,translateY:-s.top+s.height},e=()=>{o.style.transform=`translateY(${c.translateY}px) scale(${c.scale})`};return{springs:[{spring:n.scaleDown,offset:A.scaleDown,tick:i=>{c.scale=1-(1-r)*i,e()}},{spring:n.translate,offset:A.translate,tick:i=>{c.translateY=-s.top+s.height*(1-i),e()}},{spring:n.scaleUp,offset:A.scaleUp,tick:i=>{c.scale=r+(1-r)*i,e()}}],schedule:"stagger",prepare:()=>{V(o,s),U(o,s),o.style.transform=`translateY(${-s.top+s.height}px) scale(${r})`},onEnd:()=>{o.style.clipPath="",o.style.transformOrigin="",o.style.transform=""}}}}};function It(t,n,r){const p=n*.7,a=r*.7;t.topLeft.style.transform=`translate(${p}px, ${a}px)`,t.topRight.style.transform=`translate(${-p}px, ${a}px)`,t.bottomLeft.style.transform=`translate(${p}px, ${-a}px)`,t.bottomRight.style.transform=`translate(${-p}px, ${-a}px)`}function _t(t="white",n){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-1}px`,a.style.width="15px",a.style.height="15px";const o=document.createElement("div");o.style.position="absolute",o.style.width="15px",o.style.height="1px",o.style.backgroundColor=t,o.style.top="0",o.style.left="0";const d=document.createElement("div");d.style.position="absolute",d.style.width="1px",d.style.height="15px",d.style.backgroundColor=t,d.style.top="0",d.style.left="0",a.appendChild(o),a.appendChild(d);const s=document.createElement("div");s.style.position="fixed",s.style.pointerEvents="none",s.style.zIndex="9999",s.style.top=`${n.top-1}px`,s.style.left=`${n.left+n.width-15+1}px`,s.style.width="15px",s.style.height="15px";const c=document.createElement("div");c.style.position="absolute",c.style.width="15px",c.style.height="1px",c.style.backgroundColor=t,c.style.top="0",c.style.right="0";const 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.right="0",s.appendChild(c),s.appendChild(e);const i=document.createElement("div");i.style.position="fixed",i.style.pointerEvents="none",i.style.zIndex="9999",i.style.top=`${n.top+n.height-15+1}px`,i.style.left=`${n.left-1}px`,i.style.width="15px",i.style.height="15px";const y=document.createElement("div");y.style.position="absolute",y.style.width="15px",y.style.height="1px",y.style.backgroundColor=t,y.style.bottom="0",y.style.left="0";const h=document.createElement("div");h.style.position="absolute",h.style.width="1px",h.style.height="15px",h.style.backgroundColor=t,h.style.bottom="0",h.style.left="0",i.appendChild(y),i.appendChild(h);const g=document.createElement("div");g.style.position="fixed",g.style.pointerEvents="none",g.style.zIndex="9999",g.style.top=`${n.top+n.height-15+1}px`,g.style.left=`${n.left+n.width-15+1}px`,g.style.width="15px",g.style.height="15px";const l=document.createElement("div");l.style.position="absolute",l.style.width="15px",l.style.height="1px",l.style.backgroundColor=t,l.style.bottom="0",l.style.right="0";const u=document.createElement("div");return u.style.position="absolute",u.style.width="1px",u.style.height="15px",u.style.backgroundColor=t,u.style.bottom="0",u.style.right="0",g.appendChild(l),g.appendChild(u),{topLeft:a,topRight:s,bottomLeft:i,bottomRight:g,*[Symbol.iterator](){yield a,yield s,yield i,yield g}}}function Y(t){const n=x(document.body,t.positionedParent);return{top:t.scroll.y,left:0,width:n.width,height:window.innerHeight-n.top}}function V(t,n){const r=n.left+n.width/2,p=n.top+n.height/2;t.style.transformOrigin=`${r}px ${p}px`}function U(t,n){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
-  )`}function Dt(t,n){t.style.transform=`translateY(${-n.top}px)`}function Ft(t,n){return t.querySelector(`[data-hero-key="${n}"]`)}const Yt=(t={})=>{var d,s;const n={stiffness:((d=t.spring)==null?void 0:d.stiffness)??300,damping:((s=t.spring)==null?void 0:s.damping)??30},r=t.timeout??300,p=t.maxDistance??700;let a=null,o=null;return{in:async(c,e)=>{const i=c,y=Array.from(i.querySelectorAll("[data-hero-key]"));if(y.length===0)return{spring:n,tick:()=>{}};if(!await new Promise(l=>{a?l(!0):(o=l,setTimeout(()=>{o=null,l(!1)},r))})||!a)return a=null,{spring:n,tick:()=>{}};const g=y.map(l=>{const u=l.getAttribute("data-hero-key");if(!u)return null;const b=Ft(a,u);if(!b)return null;const f=l,$=x(a,b),w=x(i,f),E=$.left-w.left-e.scrollOffset.x,W=$.top-w.top-e.scrollOffset.y,G=$.width/w.width,B=$.height/w.height,q=f.style.transform,j=f.style.position,Z=f.style.transformOrigin,J=f.style.zIndex,K=f.style.willChange;return{toEl:f,dx:E,dy:W,dw:G,dh:B,originalTransform:q,originalPosition:j,originalTransformOrigin:Z,originalZIndex:J,originalWillChange:K}}).filter(l=>l!==null&&Math.abs(l.dy)<=p);return a=null,g.length===0?{spring:n,tick:()=>{}}:{springs:g.map(({toEl:l,dx:u,dy:b,dw:f,dh:$})=>({spring:n,tick:w=>{l.style.transform=`translate(${(1-w)*u}px, ${(1-w)*b}px) scale(${w+(1-w)*f}, ${w+(1-w)*$})`}})),schedule:"parallel",prepare:()=>{g.forEach(({toEl:l})=>{l.style.position="relative",l.style.transformOrigin="top left",l.style.zIndex="1000",l.style.willChange="transform"})},onEnd:()=>{g.forEach(({toEl:l,originalTransform:u,originalPosition:b,originalTransformOrigin:f,originalZIndex:$,originalWillChange:w})=>{l.style.transform=u,l.style.position=b,l.style.transformOrigin=f,l.style.zIndex=$,l.style.willChange=w})}}},out:async c=>({spring:n,onStart:()=>{a=c,o&&(o(!0),o=null)},tick:()=>{},prepare:e=>{m(e),e.style.opacity="0"}})}},L={stiffness:140,damping:19,doubleSpring:.8};function Vt({detailRect:t,galleryRect:n,pageRect:r,scrollOffset:p}){const a=n.left-t.left+(n.width-t.width)/2-p.x,o=n.top-t.top+(n.height-t.height)/2-p.y,d=n.width/t.width,s=n.height/t.height,c=Math.max(d,s),e=t.top/r.height*100,i=(r.width-(t.left+t.width))/r.width*100,y=(r.height-(t.top+t.height))/r.height*100,h=t.left/r.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const u=1-l;return{clipPath:`inset(${e*u}% ${i*u}% ${y*u}% ${h*u}%)`,transform:`translate(${a*u}px, ${o*u}px) scale(${1+(c-1)*u})`}}}}function Ut({detailRect:t,galleryRect:n,pageRect:r,scrollOffset:p}){const a=n.left-t.left+(n.width-t.width)/2+p.x,o=n.top-t.top+(n.height-t.height)/2+p.y,d=n.width/t.width,s=n.height/t.height,c=Math.min(d,s),e=t.top/r.height*100,i=(r.width-(t.left+t.width))/r.width*100,y=(r.height-(t.top+t.height))/r.height*100,h=t.left/r.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const u=1-l;return{clipPath:`inset(${e*u}% ${i*u}% ${y*u}% ${h*u}%)`,transform:`translate(${a*u-p.x}px, ${o*u-p.y}px) scale(${1+(c-1)*u})`}}}}function Xt(t,n,r){const p=t.querySelector("[data-instagram-detail-key]"),a=n.querySelector("[data-instagram-detail-key]");if(t.querySelectorAll("[data-instagram-detail-key]").length>1||n.querySelectorAll("[data-instagram-detail-key]").length>1)return null;let o=null,d=null,s=!1;if(!p&&a){d=a;const i=d.getAttribute("data-instagram-detail-key");if(!i)return null;o=t.querySelector(`[data-instagram-gallery-key="${i}"]`),o&&(s=!0)}else if(p&&!a){d=p;const i=d.getAttribute("data-instagram-detail-key");if(!i)return null;o=n.querySelector(`[data-instagram-gallery-key="${i}"]`),o&&(s=!1)}if(!o||!d)return null;const c=x(s?t:n,o),e=x(s?n:t,d);if(s){const i=Vt({detailRect:e,galleryRect:c,pageRect:n.getBoundingClientRect(),scrollOffset:r});return n.style.transformOrigin=i.transformOrigin,{isEnterMode:!0,inAnimation:i.animate}}else{const i=Ut({detailRect:e,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:r});return t.style.transformOrigin=i.transformOrigin,{isEnterMode:!1,outAnimation:i.animate}}}const zt=(t={})=>{var s,c,e;const n={stiffness:((s=t.spring)==null?void 0:s.stiffness)??L.stiffness,damping:((c=t.spring)==null?void 0:c.damping)??L.damping,doubleSpring:((e=t.spring)==null?void 0:e.doubleSpring)??L.doubleSpring},r=t.timeout??300;let p=null,a=null,o=null,d=null;return{in:async(i,{scrollOffset:y})=>{const h=i;return!await new Promise(l=>{p?l(!0):(a=l,setTimeout(()=>{a=null,l(!1)},r))})||!p?(d==null||d(),d=null,p=null,{spring:n,css:()=>({})}):(o=Xt(p,h,y),d==null||d(),d=null,o?(p=null,{spring:n,css:l=>o!=null&&o.inAnimation?o.inAnimation(l):{}}):(p=null,{spring:n,css:()=>({})}))},out:async(i,y)=>{const h=new Promise(g=>{d=g});return{spring:n,prepare:g=>{o!=null&&o.isEnterMode?m(g):(m(g,y),g.style.zIndex="-1")},wait:async()=>{p=i,a&&(a(!0),a=null),await h},css:g=>o!=null&&o.outAnimation?o.outAnimation(g):{}}}}};function Ht(t){const n=x(document.body,t.positionedParent);return{top:t.scroll.y,left:0,width:n.width,height:window.innerHeight-n.top}}const Mt=(t={})=>{var o,d;const n={stiffness:((o=t.spring)==null?void 0:o.stiffness)??50,damping:((d=t.spring)==null?void 0:d.damping)??30},r=t.initialRotation??45,p=t.initialScale??.01,a=t.rotationTriggerPoint??.8;return{out:async(s,c)=>{const e=s.style.opacity;return{spring:{stiffness:80,damping:25},from:1,to:0,prepare:()=>{m(s,c),s.style.opacity="1"},tick:i=>{s.style.opacity=String(i)},onEnd:()=>{s.style.opacity=e}}},in:async(s,c)=>{const e=Ht(c),i=s.style.transform,y=s.style.transformOrigin,h=s.style.position,g=s.style.zIndex;return{spring:n,from:0,to:1,prepare:()=>{const l=Math.min(e.width,e.height)*.4;s.style.setProperty("--max-border-radius",`${l}px`),s.style.setProperty("--border-radius-scale","1"),s.style.willChange="transform",s.style.backfaceVisibility="hidden";const u=e.left+e.width/2,b=e.top+e.height/2;s.style.transformOrigin=`${u}px ${b}px`,s.style.position="fixed",s.style.top=`${e.top}px`,s.style.left=`${e.left}px`,s.style.width=`${e.width}px`,s.style.height=`${e.height}px`,s.style.zIndex="1000",s.style.overflow="hidden",s.style.transform=`rotate(${r}deg) scale(${p}) translateZ(0)`,s.style.borderRadius="calc(var(--max-border-radius) * var(--border-radius-scale))",s.style.opacity="1"},tick:l=>{let u;if(l<=.05)u=p;else if(l<=a){const w=(l-.05)/(a-.05),E=Math.pow(w,9);u=p+(.8-p)*E}else{const w=(l-a)/(1-a);u=.8+.2*(1-Math.pow(1-w,3))}let b;const f=.7;if(l<=f)b=r;else{const w=(l-f)/(1-f),E=1-Math.pow(1-w,2);b=r*(1-E)}let $;if(l<=f)$=1;else{const w=(l-f)/(1-f);$=1-Math.pow(w,.5)}s.style.transform=`rotate(${b.toFixed(2)}deg) scale(${u.toFixed(4)}) translateZ(0)`,s.style.setProperty("--border-radius-scale",$.toFixed(4))},onEnd:()=>{s.style.willChange="",s.style.backfaceVisibility="",s.style.removeProperty("--max-border-radius"),s.style.removeProperty("--border-radius-scale"),s.style.transform=i,s.style.transformOrigin=y,s.style.position=h,s.style.zIndex=g,s.style.top="",s.style.left="",s.style.width="",s.style.height="",s.style.overflow="",s.style.borderRadius=""}}}}},v={stiffness:140,damping:19,doubleSpring:.7};function Nt({detailRect:t,galleryRect:n,pageRect:r,scrollOffset:p}){const a=n.left-t.left+(n.width-t.width)/2-p.x,o=n.top-t.top+(n.height-t.height)/2-p.y,d=n.width/t.width,s=n.height/t.height,c=Math.max(d,s),e=t.top/r.height*100,i=(r.width-(t.left+t.width))/r.width*100,y=(r.height-(t.top+t.height))/r.height*100,h=t.left/r.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const u=1-l;return{clipPath:`inset(${e*u}% ${i*u}% ${y*u}% ${h*u}%)`,transform:`translate(${a*u}px, ${o*u}px) scale(${1+(c-1)*u})`}}}}function Wt({galleryRect:t,detailRect:n,scrollOffset:r}){const p=n.left-t.left+(n.width-t.width)/2+r.x,a=n.top-t.top+(n.height-t.height)/2+r.y,o=n.width/t.width,d=n.height/t.height,s=Math.max(o,d);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:e=>{const i=1-e;return{transform:`translate(${p*i-r.x}px, ${a*i-r.y}px) scale(${1+(s-1)*i})`,opacity:`${1-i}`}}}}function Gt({galleryRect:t,detailRect:n,scrollOffset:r}){const p=n.left-t.left+(n.width-t.width)/2-r.x,a=n.top-t.top+(n.height-t.height)/2-r.y,o=n.width/t.width,d=n.height/t.height,s=Math.max(o,d);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:e=>{const i=1-e,y=e;return{transform:`translate(${p*i}px, ${a*i}px) scale(${1+(s-1)*i})`,opacity:`${y}`}}}}function Bt({detailRect:t,galleryRect:n,pageRect:r,scrollOffset:p}){const a=n.left-t.left+(n.width-t.width)/2+p.x,o=n.top-t.top+(n.height-t.height)/2+p.y,d=n.width/t.width,s=n.height/t.height,c=Math.min(d,s),e=t.top/r.height*100,i=(r.width-(t.left+t.width))/r.width*100,y=(r.height-(t.top+t.height))/r.height*100,h=t.left/r.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const u=1-l;return{clipPath:`inset(${e*u}% ${i*u}% ${y*u}% ${h*u}%)`,transform:`translate(${a*u-p.x}px, ${o*u-p.y}px) scale(${1+(c-1)*u})`}}}}function qt(t,n,r){const p=t.querySelector("[data-pinterest-detail-key]"),a=n.querySelector("[data-pinterest-detail-key]");if(t.querySelectorAll("[data-pinterest-detail-key]").length>1||n.querySelectorAll("[data-pinterest-detail-key]").length>1)return null;let o=null,d=null,s=!1;if(!p&&a){d=a;const i=d.getAttribute("data-pinterest-detail-key");if(!i)return null;o=t.querySelector(`[data-pinterest-gallery-key="${i}"]`),o&&(s=!0)}else if(p&&!a){d=p;const i=d.getAttribute("data-pinterest-detail-key");if(!i)return null;o=n.querySelector(`[data-pinterest-gallery-key="${i}"]`),o&&(s=!1)}if(!o||!d)return null;const c=x(s?t:n,o),e=x(s?n:t,d);if(s){const i=Nt({detailRect:e,galleryRect:c,pageRect:n.getBoundingClientRect(),scrollOffset:r}),y=Wt({galleryRect:c,detailRect:e,scrollOffset:r});return n.style.transformOrigin=i.transformOrigin,t.style.transformOrigin=y.transformOrigin,{inAnimation:i.animate,outAnimation:y.animate}}else{const i=Gt({galleryRect:c,detailRect:e,scrollOffset:r}),y=Bt({detailRect:e,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:r});return n.style.transformOrigin=i.transformOrigin,t.style.transformOrigin=y.transformOrigin,{inAnimation:i.animate,outAnimation:y.animate}}}const jt=(t={})=>{var s,c,e;const n={stiffness:((s=t.spring)==null?void 0:s.stiffness)??v.stiffness,damping:((c=t.spring)==null?void 0:c.damping)??v.damping,doubleSpring:((e=t.spring)==null?void 0:e.doubleSpring)??v.doubleSpring},r=t.timeout??300;let p=null,a=null,o=null,d=null;return{in:async(i,{scrollOffset:y})=>{const h=i;return!await new Promise(l=>{p?l(!0):(a=l,setTimeout(()=>{a=null,l(!1)},r))})||!p?(d==null||d(),d=null,p=null,{spring:n,css:()=>({})}):(o=qt(p,h,y),d==null||d(),d=null,o?(p=null,{spring:n,css:l=>o?o.inAnimation(l):{}}):(p=null,{spring:n,css:()=>({})}))},out:async i=>{const y=new Promise(h=>{d=h});return{spring:n,prepare:h=>{m(h),h.style.zIndex="-1"},wait:async()=>{p=i,a&&(a(!0),a=null),await y},css:h=>o?o.outAnimation(h):{}}}}},X={stiffness:100,damping:30},Zt=()=>({in:t=>({spring:X,prepare:()=>{t.style.opacity="0",t.style.transform="rotate(-180deg)",t.style.transformOrigin="center center",t.style.willChange="transform, opacity"},css:n=>({transform:`rotate(${(n-1)*180}deg)`,opacity:n>.5?1:0}),onEnd:()=>{t.style.willChange="auto",t.style.transform="",t.style.transformOrigin="",t.style.opacity=""}}),out:(t,n)=>({spring:X,prepare:()=>{m(t,n),t.style.transformOrigin="center center",t.style.willChange="transform, opacity"},css:r=>({transform:`rotate(${(1-r)*180}deg)`,opacity:r>.5?1:0}),onEnd:()=>{t.style.willChange="auto"}})}),z={stiffness:5,damping:4},Jt=(t={})=>{var c,e;const n=t.direction??"up",r={stiffness:((c=t.spring)==null?void 0:c.stiffness)??z.stiffness,damping:((e=t.spring)==null?void 0:e.damping)??z.damping},p=n==="up";let a=null,o=null,d=null;const s=()=>{if(a===null||o===null)return null;const i=Math.min(a,o),y=window.innerHeight;return Math.max(i,y)};return{in:i=>(o=i.offsetHeight,a!==null&&(d=s()),{spring:r,prepare:()=>{i.style.willChange="transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint"},tick:y=>{d===null&&(d=s());const h=d??window.innerHeight,g=p?(1-y)*h:(1-y)*-h;i.style.transform=`translate3d(0, ${g}px, 0)`},onEnd:()=>{i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain=""}}),out:(i,y)=>({spring:r,onStart:()=>{a=i.offsetHeight,o!==null&&(d=s())},tick:h=>{d===null&&(d=s());const g=d??window.innerHeight,l=p?(1-h)*-g:(1-h)*g;i.style.transform=`translate3d(0, ${l}px, 0)`},prepare:h=>{m(h,y),h.style.zIndex=p?"-1":"1",h.style.willChange="transform",h.style.backfaceVisibility="hidden",h.style.contain="layout paint",h.style.pointerEvents="none"}})}},Kt={stiffness:140,damping:15,doubleSpring:.5},Qt={stiffness:145,damping:15,doubleSpring:.5};function T(t){const n=x(document.body,t.positionedParent),r=t.scroll.y,p=window.innerHeight-n.top;return{top:r,left:0,width:n.width,height:p}}const Rt=(t={})=>{var a,o,d;const{direction:n="enter"}=t,r=n==="enter"?Kt:Qt,p={stiffness:((a=t.spring)==null?void 0:a.stiffness)??r.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??r.damping,doubleSpring:((d=t.spring)==null?void 0:d.doubleSpring)??r.doubleSpring};return n==="enter"?{in:(s,c)=>{const i=T(c).height;return{spring:p,prepare:()=>{s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint"},css:y=>({transform:`translate3d(0, ${(1-y)*i}px, 0)`}),onEnd:()=>{s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain=""}}},out:(s,c)=>{const e=T(c),i=e.left+e.width/2,y=e.top+e.height/2+c.scrollOffset.y;return{spring:p,prepare:h=>{m(h,c),h.style.zIndex="-1",h.style.willChange="transform, opacity",h.style.backfaceVisibility="hidden",h.style.contain="layout paint",h.style.pointerEvents="none",h.style.transformOrigin=`${i}px ${y}px`},css:h=>({transform:`scale(${.8+h*.2})`,opacity:h})}}}:{in:(s,c)=>{const e=T(c),i=e.left+e.width/2,y=e.top+e.height/2;return{spring:p,prepare:()=>{s.style.willChange="transform, opacity",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.transformOrigin=`${i}px ${y}px`},css:h=>({transform:`scale(${.8+h*.2})`,opacity:h}),onEnd:()=>{s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain="",s.style.transformOrigin=""}}},out:(s,c)=>{const i=T(c).height;return{spring:p,prepare:y=>{m(y,c),y.style.zIndex="100",y.style.willChange="transform",y.style.backfaceVisibility="hidden",y.style.contain="layout paint",y.style.pointerEvents="none"},css:y=>({transform:`translate3d(0, ${(1-y)*i}px, 0)`})}}}},I={stiffness:140,damping:19,doubleSpring:.8},tn=(t={})=>{var a,o,d;const n=t.direction??"left",r={stiffness:((a=t.spring)==null?void 0:a.stiffness)??I.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??I.damping,doubleSpring:((d=t.spring)==null?void 0:d.doubleSpring)??I.doubleSpring},p=n==="left";return{in:s=>({spring:r,prepare:()=>{s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint"},css:c=>({transform:`translate3d(${p?(1-c)*100:(1-c)*-100}%, 0, 0)`}),onEnd:()=>{s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain=""}}),out:(s,c)=>({spring:r,css:e=>({transform:`translate3d(${p?(1-e)*-100:(1-e)*100}%, 0, 0)`}),prepare:e=>{m(e,c),e.style.willChange="transform",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.pointerEvents="none"}})}},H={stiffness:17,damping:6},_=20,O=800,nn=()=>{let t,n=null;return{in:r=>({spring:H,prepare:()=>{r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.transform=`perspective(${O}px) rotateY(${_}deg) translate3d(-100%, 0, 0)`},wait:async()=>{t&&await t},css:p=>{const a=(1-p)*_,o=-(1-p)*100;return{transform:`perspective(${O}px) rotateY(${a}deg) translate3d(${o}%, 0, 0)`}},onEnd:()=>{r.style.transform="",r.style.willChange="auto",r.style.backfaceVisibility="",r.style.contain=""}}),out:(r,p)=>(t=new Promise(a=>{n=a}),{spring:H,prepare:a=>{m(a,p),a.style.willChange="transform",a.style.backfaceVisibility="hidden",a.style.contain="layout paint",a.style.pointerEvents="none",a.style.transform=`perspective(${O}px) rotateY(0deg) translate3d(0%, 0, 0)`},css:a=>{const o=1-a,d=o*_,s=o*100;return{transform:`perspective(${O}px) rotateY(${-d}deg) translate3d(${s}%, 0, 0)`}},onEnd:()=>{n&&n(),r.style.transform=""}})}},D={stiffness:300,damping:22,doubleSpring:.5},M=.05;function sn(t){const n=x(document.body,t.positionedParent),r=t.scroll.y,p=window.innerHeight-n.top;return{top:r,left:0,width:n.width,height:p}}const en=(t={})=>{var a,o,d;const n={stiffness:((a=t.spring)==null?void 0:a.stiffness)??D.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??D.damping,doubleSpring:((d=t.spring)==null?void 0:d.doubleSpring)??D.doubleSpring};let{promise:r,resolve:p}=S();return{in:(s,c)=>{const e=sn(c),i=e.left+e.width/2,y=e.top+e.height/2;return{spring:n,prepare:()=>{s.style.opacity="0",s.style.willChange="transform, opacity",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.transformOrigin=`${i}px ${y}px`},wait:async()=>{if(r){await r;const h=S();r=h.promise,p=h.resolve}},css:h=>({transform:`scale(${1-M+h*M})`,opacity:h}),onEnd:()=>{s.style.opacity="1",s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain="",s.style.transformOrigin=""}}},out:(s,c)=>({spring:n,prepare:e=>{m(e,c),e.style.willChange="opacity",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.pointerEvents="none"},css:e=>({opacity:e}),onEnd:()=>{p&&p()}})}};exports.blind=et;exports.curtainReveal=wt;exports.depth=mt;exports.drill=St;exports.fade=kt;exports.film=vt;exports.hero=Yt;exports.instagram=zt;exports.jaemin=Mt;exports.pinterest=jt;exports.rotate=Zt;exports.scroll=Jt;exports.sheet=Rt;exports.slide=tn;exports.strip=nn;exports.swap=en;
+        `}h.push(w),f.appendChild(w)}return o.appendChild(f),{container:f,blinds:h}};return{out:o=>{let p=null;e=new Promise(f=>{c=f});const d=f=>{const h=1-f;return{transform:a==="horizontal"?`scaleX(${h})`:`scaleY(${h})`}};return{items:Array.from({length:l},(f,h)=>({physics:r,offset:.2,css:{get element(){return p==null?void 0:p.blinds[h]},style:d}})),schedule:"stagger",prepare:()=>{g(o),o.style.zIndex="1000",p=y(o,"hidden","left")},onStart:()=>{},onEnd:()=>{c&&c()}}},in:o=>{let p=null;const d=f=>{const h=1-f;return{transform:a==="horizontal"?`scaleX(${h})`:`scaleY(${h})`}};return{items:Array.from({length:l},(f,h)=>({physics:s,offset:.2,css:{get element(){return p==null?void 0:p.blinds[h]},style:d}})),schedule:"stagger",prepare:()=>{o.style.position="relative",o.style.zIndex="0",p=y(o,"closed","right")},onStart:()=>{},wait:async()=>{e&&await e,await F(i)},onEnd:()=>{p&&p.container&&p.container.remove()}}}}},Z={spring:{stiffness:1,damping:1}},J={spring:{stiffness:20,damping:25}},K="#000000",Q="circle",m="CURTAIN_REVEAL_OVERLAY_ID",R={position:"fixed",inset:"0",width:"100vw",height:"100%",zIndex:"9999",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},tt={position:"relative",display:"inline-block",height:"5.5rem",overflow:"hidden"},st={display:"flex",height:"100%",willChange:"transform",transition:"transform 0.3s ease"},it={display:"inline-flex",alignItems:"center",justifyContent:"center",whiteSpace:"nowrap",fontSize:"5.5rem",fontWeight:"900",letterSpacing:"0.02em",color:"#FFFFFF"},nt=.4,A=.5,et=.2;function rt(t,i){switch(t){case"circle":return`circle(${i*100}% at 50% 50%)`;case"square":return`inset(${(1-i)*50}% round ${10*i}%)`;case"triangle":{const l=i*100;return`polygon(50% ${50-l}%, ${50-l}% ${50+l}%, ${50+l}% ${50+l}%)`}}}const at=t=>t.reduce((i,l)=>i+l,0),ot=(t={})=>{const{background:i=K,texts:l=[],shape:a=Q,textStyle:n={}}=t,s=t.physics??J,r=t.physics??Z;return{out:(e,c)=>{const y=e.style.opacity;return{physics:r,from:1,to:0,prepare:()=>{g(e,c),e.style.opacity="1"},tick:o=>{const p=Math.max(0,o-nt);e.style.opacity=String(p)},onEnd:()=>{e.style.opacity=y}}},in:e=>{let c=null,y=null,o=null;const p=document.body.style.overflow,d=document.getElementById(m);let u=[];const f=()=>{c=document.createElement("div"),c.id=m,Object.assign(c.style,R,{background:i}),document.body.appendChild(c),y=document.createElement("div"),Object.assign(y.style,tt),c.appendChild(y),o=document.createElement("div"),Object.assign(o.style,st),y.appendChild(o),l.forEach(h=>{const $=document.createElement("div");$.textContent=h,Object.assign($.style,it,n),o.appendChild($)}),u=Array.from(o.children).map(h=>h.getBoundingClientRect().width)};return{physics:s,from:0,to:1,prepare:()=>{document.body.style.overflow="hidden",e.style.opacity="1",d==null||d.remove(),f(),c&&y&&(c.style.clipPath="none",y.style.transform="scale(1)")},tick:h=>{if(!(!c||!y||!o)){if(h<=A&&l.length>0){const $=h/A,w=Math.min(Math.floor($*l.length),l.length-1),b=u[w]??0,C=at(u.slice(0,w));y.style.width=`${b}px`,o.style.transform=`translateX(-${C}px)`}if(h>A){const w=1-Math.max(0,Math.min(1,(h-A)/et));c.style.clipPath=rt(a,w),y.style.transform=`scale(${w})`}}},onEnd:()=>{c==null||c.remove(),c=y=o=null,document.body.style.overflow=p}}}}},lt={spring:{stiffness:600,damping:40,restDelta:.1,restSpeed:1e14}},ct={spring:{stiffness:600,damping:40,restDelta:.1,restSpeed:1e14}},O=.05;function T(t){const i=x(document.body,t.positionedParent),l=t.scroll.y,a=window.innerHeight-i.top;return{top:l,left:0,width:i.width,height:a}}const yt=(t={})=>{const{direction:i="enter"}=t,l=t.physics??(i==="enter"?lt:ct);let{promise:a,resolve:n}=E();return i==="enter"?{in:(s,r)=>{const e=T(r),c=e.left+e.width/2,y=e.top+e.height/2;return{physics:l,prepare:()=>{s.style.opacity="0",s.style.willChange="transform, opacity",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.transformOrigin=`${c}px ${y}px`},wait:async()=>{if(a){await a;const o=E();a=o.promise,n=o.resolve}},css:o=>({transform:`scale(${1-O+o*O})`,opacity:o}),onEnd:()=>{s.style.opacity="1",s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain="",s.style.transformOrigin=""}}},out:(s,r)=>{const e=T(r),c=e.left+e.width/2,y=e.top+e.height/2+r.scrollOffset.y;return{physics:l,prepare:()=>{g(s,r),s.style.zIndex="-1",s.style.willChange="transform, opacity",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.pointerEvents="none",s.style.transformOrigin=`${c}px ${y}px`},css:o=>({transform:`scale(${1+(1-o)*O})`,opacity:o}),onEnd:()=>{n&&n()}}}}:{in:(s,r)=>{const e=T(r),c=e.left+e.width/2,y=e.top+e.height/2;return{physics:l,prepare:()=>{s.style.opacity="0",s.style.willChange="transform, opacity",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.transformOrigin=`${c}px ${y}px`},wait:async()=>{if(a){await a;const o=E();a=o.promise,n=o.resolve}},css:o=>({transform:`scale(${1+O-o*O})`,opacity:o}),onEnd:()=>{s.style.opacity="1",s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain="",s.style.transformOrigin=""}}},out:(s,r)=>{const e=T(r),c=e.left+e.width/2,y=e.top+e.height/2+r.scrollOffset.y;return{physics:l,prepare:()=>{g(s,r),s.style.zIndex="100",s.style.willChange="transform, opacity",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.pointerEvents="none",s.style.transformOrigin=`${c}px ${y}px`},css:o=>({transform:`scale(${1-(1-o)*O})`,opacity:o}),onEnd:()=>{n&&n()}}}}},ht={spring:{stiffness:170,damping:22}},pt={spring:{stiffness:170,damping:22}},dt=(t={})=>{const{opacity:i=!1,direction:l="enter"}=t,a=t.physics??(l==="enter"?ht:pt);return l==="enter"?{in:n=>({physics:a,prepare:()=>{n.style.willChange=i?"transform, opacity":"transform",n.style.backfaceVisibility="hidden",n.style.contain="layout paint"},css:s=>{const r={transform:`translate3d(${(1-s)*100}%, 0, 0)`};return i&&(r.opacity=s),r},onEnd:()=>{n.style.willChange="auto",n.style.backfaceVisibility="",n.style.contain=""}}),out:(n,s)=>({physics:a,prepare:()=>{g(n,s),n.style.zIndex="-1",n.style.willChange=i?"transform, opacity":"transform",n.style.backfaceVisibility="hidden",n.style.contain="layout paint",n.style.pointerEvents="none"},css:r=>{const e={transform:`translate3d(${-(1-r)*20}%, 0, 0)`};return i&&(e.opacity=r),e}})}:{in:n=>({physics:a,prepare:()=>{n.style.willChange=i?"transform, opacity":"transform",n.style.backfaceVisibility="hidden",n.style.contain="layout paint"},css:s=>{const r={transform:`translate3d(${-(1-s)*20}%, 0, 0)`};return i&&(r.opacity=s),r},onEnd:()=>{n.style.willChange="auto",n.style.backfaceVisibility="",n.style.contain=""}}),out:(n,s)=>({physics:a,prepare:()=>{g(n,s),n.style.zIndex="100",n.style.willChange=i?"transform, opacity":"transform",n.style.backfaceVisibility="hidden",n.style.contain="layout paint",n.style.pointerEvents="none"},css:r=>{const e={transform:`translate3d(${(1-r)*100}%, 0, 0)`};return i&&(e.opacity=r),e}})}},ut={spring:{stiffness:180,damping:20,doubleSpring:!0}},ft={spring:{stiffness:170,damping:20,doubleSpring:!0}},gt=0,wt=(t={})=>{const{transitionDelay:i=gt}=t,l=t.physics??ft,a=t.physics??ut;let{promise:n,resolve:s}=E();return{in:r=>({physics:l,prepare:()=>{r.style.opacity="0",r.style.willChange="opacity"},wait:async()=>{if(n){await n;const e=E();n=e.promise,s=e.resolve,await F(i)}},css:e=>({opacity:e}),onEnd:()=>{r.style.willChange="auto",r.style.opacity="1"}}),out:(r,e)=>({physics:a,css:c=>({opacity:c}),prepare:()=>{g(r,e),r.style.willChange="opacity"},onEnd:()=>{s&&s(),r.style.willChange="auto"}})}},$t={scaleDown:{stiffness:20,damping:7},translate:{stiffness:15,damping:7},scaleUp:{stiffness:20,damping:7}},S={scaleDown:0,translate:.2,scaleUp:.8},bt=.8,xt="white",Et=t=>{var n;const i=$t,l=bt,a=((n=t==null?void 0:t.border)==null?void 0:n.color)??xt;return{out:async(s,r)=>{const e=I(r),c=x(document.body,r.positionedParent),y=Ot(a,{...e,top:c.top}),o={scale:1,translateY:-e.top},p=()=>{s.style.transform=`translateY(${o.translateY}px) scale(${o.scale})`;const d=(e.width-e.width*o.scale)/2,u=(e.height-e.height*o.scale)/2;Ct(y,d,u)};return{items:[{physics:(t==null?void 0:t.physics)??{spring:i.scaleDown},offset:S.scaleDown,tick:d=>{const u=1-d;o.scale=1-(1-l)*u,p()}},{physics:(t==null?void 0:t.physics)??{spring:i.translate},offset:S.translate,tick:d=>{const u=1-d;o.translateY=-e.top-e.height*u,p()}},{physics:(t==null?void 0:t.physics)??{spring:i.scaleUp},offset:S.scaleUp,tick:d=>{const u=1-d;o.scale=l+(1-l)*u,p()}}],schedule:"stagger",prepare:()=>{g(s),Y(s,e),_(s,e),St(s,e);for(const d of y)r.positionedParent.appendChild(d)},onEnd:()=>{s.style.clipPath="",s.style.transformOrigin="",setTimeout(()=>{for(const d of y)r.positionedParent.removeChild(d)},1e3)}}},in:async(s,r)=>{const e=I(r),c={scale:l,translateY:-e.top+e.height},y=()=>{s.style.transform=`translateY(${c.translateY}px) scale(${c.scale})`};return{items:[{physics:(t==null?void 0:t.physics)??{spring:i.scaleDown},offset:S.scaleDown,tick:o=>{c.scale=1-(1-l)*o,y()}},{physics:(t==null?void 0:t.physics)??{spring:i.translate},offset:S.translate,tick:o=>{c.translateY=-e.top+e.height*(1-o),y()}},{physics:(t==null?void 0:t.physics)??{spring:i.scaleUp},offset:S.scaleUp,tick:o=>{c.scale=l+(1-l)*o,y()}}],schedule:"stagger",prepare:()=>{Y(s,e),_(s,e),s.style.transform=`translateY(${-e.top+e.height}px) scale(${l})`},onEnd:()=>{s.style.clipPath="",s.style.transformOrigin="",s.style.transform=""}}}}};function Ct(t,i,l){const a=i*.7,n=l*.7;t.topLeft.style.transform=`translate(${a}px, ${n}px)`,t.topRight.style.transform=`translate(${-a}px, ${n}px)`,t.bottomLeft.style.transform=`translate(${a}px, ${-n}px)`,t.bottomRight.style.transform=`translate(${-a}px, ${-n}px)`}function Ot(t="white",i){const n=document.createElement("div");n.style.position="fixed",n.style.pointerEvents="none",n.style.zIndex="9999",n.style.top=`${i.top-1}px`,n.style.left=`${i.left-1}px`,n.style.width="15px",n.style.height="15px";const s=document.createElement("div");s.style.position="absolute",s.style.width="15px",s.style.height="1px",s.style.backgroundColor=t,s.style.top="0",s.style.left="0";const r=document.createElement("div");r.style.position="absolute",r.style.width="1px",r.style.height="15px",r.style.backgroundColor=t,r.style.top="0",r.style.left="0",n.appendChild(s),n.appendChild(r);const e=document.createElement("div");e.style.position="fixed",e.style.pointerEvents="none",e.style.zIndex="9999",e.style.top=`${i.top-1}px`,e.style.left=`${i.left+i.width-15+1}px`,e.style.width="15px",e.style.height="15px";const c=document.createElement("div");c.style.position="absolute",c.style.width="15px",c.style.height="1px",c.style.backgroundColor=t,c.style.top="0",c.style.right="0";const y=document.createElement("div");y.style.position="absolute",y.style.width="1px",y.style.height="15px",y.style.backgroundColor=t,y.style.top="0",y.style.right="0",e.appendChild(c),e.appendChild(y);const o=document.createElement("div");o.style.position="fixed",o.style.pointerEvents="none",o.style.zIndex="9999",o.style.top=`${i.top+i.height-15+1}px`,o.style.left=`${i.left-1}px`,o.style.width="15px",o.style.height="15px";const p=document.createElement("div");p.style.position="absolute",p.style.width="15px",p.style.height="1px",p.style.backgroundColor=t,p.style.bottom="0",p.style.left="0";const d=document.createElement("div");d.style.position="absolute",d.style.width="1px",d.style.height="15px",d.style.backgroundColor=t,d.style.bottom="0",d.style.left="0",o.appendChild(p),o.appendChild(d);const u=document.createElement("div");u.style.position="fixed",u.style.pointerEvents="none",u.style.zIndex="9999",u.style.top=`${i.top+i.height-15+1}px`,u.style.left=`${i.left+i.width-15+1}px`,u.style.width="15px",u.style.height="15px";const f=document.createElement("div");f.style.position="absolute",f.style.width="15px",f.style.height="1px",f.style.backgroundColor=t,f.style.bottom="0",f.style.right="0";const h=document.createElement("div");return h.style.position="absolute",h.style.width="1px",h.style.height="15px",h.style.backgroundColor=t,h.style.bottom="0",h.style.right="0",u.appendChild(f),u.appendChild(h),{topLeft:n,topRight:e,bottomLeft:o,bottomRight:u,*[Symbol.iterator](){yield n,yield e,yield o,yield u}}}function I(t){const i=x(document.body,t.positionedParent);return{top:t.scroll.y,left:0,width:i.width,height:window.innerHeight-i.top}}function Y(t,i){const l=i.left+i.width/2,a=i.top+i.height/2;t.style.transformOrigin=`${l}px ${a}px`}function _(t,i){t.style.clipPath=`polygon(
+    ${i.left}px ${i.top}px,
+    ${i.left+i.width}px ${i.top}px,
+    ${i.left+i.width}px ${i.top+i.height}px,
+    ${i.left}px ${i.top+i.height}px
+  )`}function St(t,i){t.style.transform=`translateY(${-i.top}px)`}const At={spring:{stiffness:300,damping:30}};function Tt(t,i){return t.querySelector(`[data-hero-key="${i}"]`)}const Pt=(t={})=>{const i=t.physics??At,l=t.maxDistance??700;let a=null,n=E();return{in:async(s,r)=>{const e=s,c=Array.from(e.querySelectorAll("[data-hero-key]"));await n.promise;const y=c.map(o=>{const p=o.getAttribute("data-hero-key");if(!p)return null;const d=Tt(a,p);if(!d)return null;const u=o,f=x(a,d),h=x(e,u),$=f.left-h.left-r.scrollOffset.x,w=f.top-h.top-r.scrollOffset.y,b=f.width/h.width,C=f.height/h.height,V=u.style.transform,U=u.style.position,H=u.style.transformOrigin,X=u.style.zIndex,z=u.style.willChange;return{toEl:u,dx:$,dy:w,dw:b,dh:C,originalTransform:V,originalPosition:U,originalTransformOrigin:H,originalZIndex:X,originalWillChange:z}}).filter(o=>o!==null&&Math.abs(o.dy)<=l);return a=null,n=E(),y.length===0?{physics:i,tick:()=>{}}:{items:y.map(({toEl:o,dx:p,dy:d,dw:u,dh:f})=>({physics:i,tick:h=>{o.style.transform=`translate(${(1-h)*p}px, ${(1-h)*d}px) scale(${h+(1-h)*u}, ${h+(1-h)*f})`}})),schedule:"parallel",prepare:()=>{y.forEach(({toEl:o})=>{o.style.position="relative",o.style.transformOrigin="top left",o.style.zIndex="1000",o.style.willChange="transform"})},onEnd:()=>{y.forEach(({toEl:o,originalTransform:p,originalPosition:d,originalTransformOrigin:u,originalZIndex:f,originalWillChange:h})=>{o.style.transform=p,o.style.position=d,o.style.transformOrigin=u,o.style.zIndex=f,o.style.willChange=h})}}},out:async s=>({physics:i,tick:()=>{},prepare:()=>{a=s,n.resolve(),g(s),s.style.opacity="0"}})}},kt={spring:{stiffness:180,damping:22,doubleSpring:1}};function Lt({detailRect:t,galleryRect:i,pageRect:l,scrollOffset:a}){const n=i.left-t.left+(i.width-t.width)/2-a.x,s=i.top-t.top+(i.height-t.height)/2-a.y,r=i.width/t.width,e=i.height/t.height,c=Math.max(r,e),y=t.top/l.height*100,o=(l.width-(t.left+t.width))/l.width*100,p=(l.height-(t.top+t.height))/l.height*100,d=t.left/l.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:f=>{const h=1-f;return{clipPath:`inset(${y*h}% ${o*h}% ${p*h}% ${d*h}%)`,transform:`translate(${n*h}px, ${s*h}px) scale(${1+(c-1)*h})`}}}}function vt({detailRect:t,galleryRect:i,pageRect:l,scrollOffset:a}){const n=i.left-t.left+(i.width-t.width)/2+a.x,s=i.top-t.top+(i.height-t.height)/2+a.y,r=i.width/t.width,e=i.height/t.height,c=Math.min(r,e),y=t.top/l.height*100,o=(l.width-(t.left+t.width))/l.width*100,p=(l.height-(t.top+t.height))/l.height*100,d=t.left/l.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:f=>{const h=1-f;return{clipPath:`inset(${y*h}% ${o*h}% ${p*h}% ${d*h}%)`,transform:`translate(${n*h-a.x}px, ${s*h-a.y}px) scale(${1+(c-1)*h})`}}}}function mt(t,i,l){const a=t.querySelector("[data-instagram-detail-key]"),n=i.querySelector("[data-instagram-detail-key]");if(t.querySelectorAll("[data-instagram-detail-key]").length>1||i.querySelectorAll("[data-instagram-detail-key]").length>1)return null;let s=null,r=null,e=!1;if(!a&&n){r=n;const o=r.getAttribute("data-instagram-detail-key");if(!o)return null;s=t.querySelector(`[data-instagram-gallery-key="${o}"]`),s&&(e=!0)}else if(a&&!n){r=a;const o=r.getAttribute("data-instagram-detail-key");if(!o)return null;s=i.querySelector(`[data-instagram-gallery-key="${o}"]`),s&&(e=!1)}if(!s||!r)return null;const c=x(e?t:i,s),y=x(e?i:t,r);if(e){const o=Lt({detailRect:y,galleryRect:c,pageRect:i.getBoundingClientRect(),scrollOffset:l});return i.style.transformOrigin=o.transformOrigin,{isEnterMode:!0,inAnimation:o.animate}}else{const o=vt({detailRect:y,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:l});return t.style.transformOrigin=o.transformOrigin,{isEnterMode:!1,outAnimation:o.animate}}}const It=(t={})=>{const i=t.physics??kt,l=t.timeout??300;let a=null,n=null,s=null,r=null;return{in:async(e,{scrollOffset:c})=>{const y=e;return!await new Promise(p=>{a?p(!0):(n=p,setTimeout(()=>{n=null,p(!1)},l))})||!a?(r==null||r(),r=null,a=null,{physics:i,css:()=>({})}):(s=mt(a,y,c),r==null||r(),r=null,s?(a=null,{physics:i,css:p=>s!=null&&s.inAnimation?s.inAnimation(p):{}}):(a=null,{physics:i,css:()=>({})}))},out:async(e,c)=>{const y=new Promise(o=>{r=o});return{physics:i,prepare:()=>{s!=null&&s.isEnterMode?g(e):(g(e,c),e.style.zIndex="-1")},wait:async()=>{a=e,n&&(n(!0),n=null),await y},css:o=>s!=null&&s.outAnimation?s.outAnimation(o):{}}}}},Yt={spring:{stiffness:50,damping:30}};function _t(t){const i=x(document.body,t.positionedParent);return{top:t.scroll.y,left:0,width:i.width,height:window.innerHeight-i.top}}const Dt=(t={})=>{const i=t.physics??Yt,l=t.initialRotation??45,a=t.initialScale??.01,n=t.rotationTriggerPoint??.8;return{out:async(s,r)=>{const e=s.style.opacity;return{physics:{spring:{stiffness:80,damping:25}},from:1,to:0,prepare:()=>{g(s,r),s.style.opacity="1"},tick:c=>{s.style.opacity=String(c)},onEnd:()=>{s.style.opacity=e}}},in:async(s,r)=>{const e=_t(r),c=s.style.transform,y=s.style.transformOrigin,o=s.style.position,p=s.style.zIndex;return{physics:i,from:0,to:1,prepare:()=>{const d=Math.min(e.width,e.height)*.4;s.style.setProperty("--max-border-radius",`${d}px`),s.style.setProperty("--border-radius-scale","1"),s.style.willChange="transform",s.style.backfaceVisibility="hidden";const u=e.left+e.width/2,f=e.top+e.height/2;s.style.transformOrigin=`${u}px ${f}px`,s.style.position="fixed",s.style.top=`${e.top}px`,s.style.left=`${e.left}px`,s.style.width=`${e.width}px`,s.style.height=`${e.height}px`,s.style.zIndex="1000",s.style.overflow="hidden",s.style.transform=`rotate(${l}deg) scale(${a}) translateZ(0)`,s.style.borderRadius="calc(var(--max-border-radius) * var(--border-radius-scale))",s.style.opacity="1"},tick:d=>{let u;if(d<=.05)u=a;else if(d<=n){const w=(d-.05)/(n-.05),b=Math.pow(w,9);u=a+(.8-a)*b}else{const w=(d-n)/(1-n);u=.8+.2*(1-Math.pow(1-w,3))}let f;const h=.7;if(d<=h)f=l;else{const w=(d-h)/(1-h),b=1-Math.pow(1-w,2);f=l*(1-b)}let $;if(d<=h)$=1;else{const w=(d-h)/(1-h);$=1-Math.pow(w,.5)}s.style.transform=`rotate(${f.toFixed(2)}deg) scale(${u.toFixed(4)}) translateZ(0)`,s.style.setProperty("--border-radius-scale",$.toFixed(4))},onEnd:()=>{s.style.willChange="",s.style.backfaceVisibility="",s.style.removeProperty("--max-border-radius"),s.style.removeProperty("--border-radius-scale"),s.style.transform=c,s.style.transformOrigin=y,s.style.position=o,s.style.zIndex=p,s.style.top="",s.style.left="",s.style.width="",s.style.height="",s.style.overflow="",s.style.borderRadius=""}}}}},Ft={spring:{stiffness:200,damping:23,doubleSpring:1}};function Vt({detailRect:t,galleryRect:i,pageRect:l,scrollOffset:a}){const n=i.left-t.left+(i.width-t.width)/2-a.x,s=i.top-t.top+(i.height-t.height)/2-a.y,r=i.width/t.width,e=i.height/t.height,c=Math.max(r,e),y=t.top/l.height*100,o=(l.width-(t.left+t.width))/l.width*100,p=(l.height-(t.top+t.height))/l.height*100,d=t.left/l.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:f=>{const h=1-f;return{clipPath:`inset(${y*h}% ${o*h}% ${p*h}% ${d*h}%)`,transform:`translate(${n*h}px, ${s*h}px) scale(${1+(c-1)*h})`}}}}function Ut({galleryRect:t,detailRect:i,scrollOffset:l}){const a=i.left-t.left+(i.width-t.width)/2+l.x,n=i.top-t.top+(i.height-t.height)/2+l.y,s=i.width/t.width,r=i.height/t.height,e=Math.max(s,r);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:y=>{const o=1-y;return{transform:`translate(${a*o-l.x}px, ${n*o-l.y}px) scale(${1+(e-1)*o})`,opacity:`${1-o}`}}}}function Ht({galleryRect:t,detailRect:i,scrollOffset:l}){const a=i.left-t.left+(i.width-t.width)/2-l.x,n=i.top-t.top+(i.height-t.height)/2-l.y,s=i.width/t.width,r=i.height/t.height,e=Math.max(s,r);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:y=>{const o=1-y,p=y;return{transform:`translate(${a*o}px, ${n*o}px) scale(${1+(e-1)*o})`,opacity:`${p}`}}}}function Xt({detailRect:t,galleryRect:i,pageRect:l,scrollOffset:a}){const n=i.left-t.left+(i.width-t.width)/2+a.x,s=i.top-t.top+(i.height-t.height)/2+a.y,r=i.width/t.width,e=i.height/t.height,c=Math.min(r,e),y=t.top/l.height*100,o=(l.width-(t.left+t.width))/l.width*100,p=(l.height-(t.top+t.height))/l.height*100,d=t.left/l.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:f=>{const h=1-f;return{clipPath:`inset(${y*h}% ${o*h}% ${p*h}% ${d*h}%)`,transform:`translate(${n*h-a.x}px, ${s*h-a.y}px) scale(${1+(c-1)*h})`}}}}function zt(t,i,l){const a=t.querySelector("[data-pinterest-detail-key]"),n=i.querySelector("[data-pinterest-detail-key]");if(t.querySelectorAll("[data-pinterest-detail-key]").length>1||i.querySelectorAll("[data-pinterest-detail-key]").length>1)return null;let s=null,r=null,e=!1;if(!a&&n){r=n;const o=r.getAttribute("data-pinterest-detail-key");if(!o)return null;s=t.querySelector(`[data-pinterest-gallery-key="${o}"]`),s&&(e=!0)}else if(a&&!n){r=a;const o=r.getAttribute("data-pinterest-detail-key");if(!o)return null;s=i.querySelector(`[data-pinterest-gallery-key="${o}"]`),s&&(e=!1)}if(!s||!r)return null;const c=x(e?t:i,s),y=x(e?i:t,r);if(e){const o=Vt({detailRect:y,galleryRect:c,pageRect:i.getBoundingClientRect(),scrollOffset:l}),p=Ut({galleryRect:c,detailRect:y,scrollOffset:l});return i.style.transformOrigin=o.transformOrigin,t.style.transformOrigin=p.transformOrigin,{inAnimation:o.animate,outAnimation:p.animate}}else{const o=Ht({galleryRect:c,detailRect:y,scrollOffset:l}),p=Xt({detailRect:y,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:l});return i.style.transformOrigin=o.transformOrigin,t.style.transformOrigin=p.transformOrigin,{inAnimation:o.animate,outAnimation:p.animate}}}const Mt=(t={})=>{const i=t.physics??Ft,l=t.timeout??300;let a=null,n=null,s=null,r=null;return{in:async(e,{scrollOffset:c})=>{const y=e;return!await new Promise(p=>{a?p(!0):(n=p,setTimeout(()=>{n=null,p(!1)},l))})||!a?(r==null||r(),r=null,a=null,{physics:i,css:()=>({})}):(s=zt(a,y,c),r==null||r(),r=null,s?(a=null,{physics:i,css:p=>s?s.inAnimation(p):{}}):(a=null,{physics:i,css:()=>({})}))},out:async e=>{const c=new Promise(y=>{r=y});return{physics:i,prepare:()=>{g(e),e.style.zIndex="-1",a=e,n&&(n(!0),n=null)},wait:async()=>{await c},css:y=>s?s.outAnimation(y):{}}}}},Wt={spring:{stiffness:100,damping:30}},Bt=(t={})=>{const i=t.physics??Wt;return{in:l=>({physics:i,prepare:()=>{l.style.opacity="0",l.style.transform="rotate(-180deg)",l.style.transformOrigin="center center",l.style.willChange="transform, opacity"},css:a=>({transform:`rotate(${(a-1)*180}deg)`,opacity:a>.5?1:0}),onEnd:()=>{l.style.willChange="auto",l.style.transform="",l.style.transformOrigin="",l.style.opacity=""}}),out:(l,a)=>({physics:i,prepare:()=>{g(l,a),l.style.transformOrigin="center center",l.style.willChange="transform, opacity"},css:n=>({transform:`rotate(${(1-n)*180}deg)`,opacity:n>.5?1:0}),onEnd:()=>{l.style.willChange="auto"}})}},qt={spring:{stiffness:5,damping:4}},jt=(t={})=>{const i=t.direction??"up",l=t.physics??qt,a=i==="up";let n=null,s=null,r=null;const e=()=>{if(n===null||s===null)return null;const c=Math.min(n,s),y=window.innerHeight;return Math.max(c,y)};return{in:c=>(s=c.offsetHeight,n!==null&&(r=e()),{physics:l,prepare:()=>{c.style.willChange="transform",c.style.backfaceVisibility="hidden",c.style.contain="layout paint"},tick:y=>{r===null&&(r=e());const o=r??window.innerHeight,p=a?(1-y)*o:(1-y)*-o;c.style.transform=`translate3d(0, ${p}px, 0)`},onEnd:()=>{c.style.willChange="auto",c.style.backfaceVisibility="",c.style.contain=""}}),out:(c,y)=>({physics:l,tick:o=>{r===null&&(r=e());const p=r??window.innerHeight,d=a?(1-o)*-p:(1-o)*p;c.style.transform=`translate3d(0, ${d}px, 0)`},prepare:()=>{n=c.offsetHeight,s!==null&&(r=e()),g(c,y),c.style.zIndex=a?"-1":"1",c.style.willChange="transform",c.style.backfaceVisibility="hidden",c.style.contain="layout paint",c.style.pointerEvents="none"}})}},Nt={inertia:{acceleration:20,resistance:1.5}},Gt={inertia:{acceleration:20,resistance:1}};function P(t){const i=x(document.body,t.positionedParent),l=t.scroll.y,a=window.innerHeight-i.top;return{top:l,left:0,width:i.width,height:a}}const Zt=(t={})=>{const{direction:i="enter"}=t,l=t.physics??(i==="enter"?Nt:Gt);return i==="enter"?{in:(a,n)=>{const r=P(n).height;return{physics:l,prepare:()=>{a.style.willChange="transform",a.style.backfaceVisibility="hidden",a.style.contain="layout paint"},css:e=>({transform:`translate3d(0, ${(1-e)*r}px, 0)`}),onEnd:()=>{a.style.willChange="auto",a.style.backfaceVisibility="",a.style.contain=""}}},out:(a,n)=>{const s=P(n),r=s.left+s.width/2,e=s.top+s.height/2+n.scrollOffset.y;return{physics:l,prepare:()=>{g(a,n),a.style.zIndex="-1",a.style.willChange="transform, opacity",a.style.backfaceVisibility="hidden",a.style.contain="layout paint",a.style.pointerEvents="none",a.style.transformOrigin=`${r}px ${e}px`},css:c=>({transform:`scale(${.8+c*.2})`,opacity:c})}}}:{in:(a,n)=>{const s=P(n),r=s.left+s.width/2,e=s.top+s.height/2;return{physics:l,prepare:()=>{a.style.willChange="transform, opacity",a.style.backfaceVisibility="hidden",a.style.contain="layout paint",a.style.transformOrigin=`${r}px ${e}px`},css:c=>({transform:`scale(${.8+c*.2})`,opacity:c}),onEnd:()=>{a.style.willChange="auto",a.style.backfaceVisibility="",a.style.contain="",a.style.transformOrigin=""}}},out:(a,n)=>{const r=P(n).height;return{physics:l,prepare:()=>{g(a,n),a.style.zIndex="100",a.style.willChange="transform",a.style.backfaceVisibility="hidden",a.style.contain="layout paint",a.style.pointerEvents="none"},css:e=>({transform:`translate3d(0, ${(1-e)*r}px, 0)`})}}}},Jt={spring:{stiffness:140,damping:19,doubleSpring:.8}},Kt=(t={})=>{const i=t.direction??"left",l=t.physics??Jt,a=i==="left";return{in:n=>({physics:l,prepare:()=>{n.style.willChange="transform",n.style.backfaceVisibility="hidden",n.style.contain="layout paint"},css:s=>({transform:`translate3d(${a?(1-s)*100:(1-s)*-100}%, 0, 0)`}),onEnd:()=>{n.style.willChange="auto",n.style.backfaceVisibility="",n.style.contain=""}}),out:(n,s)=>({physics:l,css:r=>({transform:`translate3d(${a?(1-r)*-100:(1-r)*100}%, 0, 0)`}),prepare:()=>{g(n,s),n.style.willChange="transform",n.style.backfaceVisibility="hidden",n.style.contain="layout paint",n.style.pointerEvents="none"}})}},k=8,Qt={spring:{stiffness:600,damping:40,restDelta:.1,restSpeed:1e14}},Rt=(t={})=>{const i=t.direction??"left",l=t.physics??Qt,a=i==="left";let{promise:n,resolve:s}=E();return{in:r=>({physics:l,prepare:()=>{r.style.opacity="0",r.style.willChange="transform, opacity",r.style.backfaceVisibility="hidden",r.style.contain="layout paint"},wait:async()=>{if(n){await n;const e=E();n=e.promise,s=e.resolve}},css:e=>{const c=a?(1-e)*k:(1-e)*-k,y=`${e}`;return{transform:`translate3d(${c}px, 0, 0)`,opacity:y}},onEnd:()=>{r.style.opacity="1",r.style.willChange="auto",r.style.backfaceVisibility="",r.style.contain=""}}),out:(r,e)=>({physics:l,prepare:()=>{g(r,e),r.style.willChange="transform, opacity",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.pointerEvents="none"},css:c=>{const y=a?(1-c)*-k:(1-c)*k,o=`${c}`;return{transform:`translate3d(${y}px, 0, 0)`,opacity:o}},onEnd:()=>{s&&s(),r.style.willChange="auto",r.style.backfaceVisibility="",r.style.contain=""}})}},ts={spring:{stiffness:17,damping:6}},v=20,L=800,ss=(t={})=>{const i=t.physics??ts;let l,a=null;return{in:n=>({physics:i,prepare:()=>{n.style.willChange="transform",n.style.backfaceVisibility="hidden",n.style.contain="layout paint",n.style.transform=`perspective(${L}px) rotateY(${v}deg) translate3d(-100%, 0, 0)`},wait:async()=>{l&&await l},css:s=>{const r=(1-s)*v,e=-(1-s)*100;return{transform:`perspective(${L}px) rotateY(${r}deg) translate3d(${e}%, 0, 0)`}},onEnd:()=>{n.style.transform="",n.style.willChange="auto",n.style.backfaceVisibility="",n.style.contain=""}}),out:(n,s)=>(l=new Promise(r=>{a=r}),{physics:i,prepare:()=>{g(n,s),n.style.willChange="transform",n.style.backfaceVisibility="hidden",n.style.contain="layout paint",n.style.pointerEvents="none",n.style.transform=`perspective(${L}px) rotateY(0deg) translate3d(0%, 0, 0)`},css:r=>{const e=1-r,c=e*v,y=e*100;return{transform:`perspective(${L}px) rotateY(${-c}deg) translate3d(${y}%, 0, 0)`}},onEnd:()=>{a&&a(),n.style.transform=""}})}},is={spring:{stiffness:600,damping:40,restDelta:.1,restSpeed:1e14}},D=.05;function ns(t){const i=x(document.body,t.positionedParent),l=t.scroll.y,a=window.innerHeight-i.top;return{top:l,left:0,width:i.width,height:a}}const es=(t={})=>{const i=t.physics??is;let{promise:l,resolve:a}=E();return{in:(n,s)=>{const r=ns(s),e=r.left+r.width/2,c=r.top+r.height/2;return{physics:i,prepare:()=>{n.style.opacity="0",n.style.willChange="transform, opacity",n.style.backfaceVisibility="hidden",n.style.contain="layout paint",n.style.transformOrigin=`${e}px ${c}px`},wait:async()=>{if(l){await l;const y=E();l=y.promise,a=y.resolve}},css:y=>({transform:`scale(${1-D+y*D})`,opacity:y}),onEnd:()=>{n.style.opacity="1",n.style.willChange="auto",n.style.backfaceVisibility="",n.style.contain="",n.style.transformOrigin=""}}},out:(n,s)=>({physics:i,prepare:()=>{g(n,s),n.style.willChange="opacity",n.style.backfaceVisibility="hidden",n.style.contain="layout paint",n.style.pointerEvents="none"},css:r=>({opacity:r}),onEnd:()=>{a&&a()}})}};exports.blind=G;exports.curtainReveal=ot;exports.depth=yt;exports.drill=dt;exports.fade=wt;exports.film=Et;exports.hero=Pt;exports.instagram=It;exports.jaemin=Dt;exports.pinterest=Mt;exports.rotate=Bt;exports.scroll=jt;exports.sheet=Zt;exports.slide=Kt;exports.snap=Rt;exports.strip=ss;exports.swap=es;

package/dist/view-transitions/index.d.ts

@@ -12,6 +12,7 @@ export * from './rotate';
 export * from './scroll';
 export * from './sheet';
 export * from './slide';
+export * from './snap';
 export * from './strip';
 export * from './swap';
 //# sourceMappingURL=index.d.ts.map

package/dist/view-transitions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}