@ssgoi/core 7.1.3-beta.0 → 7.1.3-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +9 -9
- package/dist/index.js +1310 -1105
- package/dist/transitions/hero/content-targets.d.ts +3 -0
- package/dist/transitions/hero/content-targets.d.ts.map +1 -0
- package/dist/transitions/hero/exit-layer.d.ts +8 -0
- package/dist/transitions/hero/exit-layer.d.ts.map +1 -0
- package/dist/transitions/hero/in-place.d.ts +14 -0
- package/dist/transitions/hero/in-place.d.ts.map +1 -0
- package/dist/transitions/hero/index.d.ts +8 -8
- package/dist/transitions/hero/provider/chrome/fade.d.ts.map +1 -1
- package/dist/transitions/hero/transition.d.ts +11 -5
- package/dist/transitions/hero/transition.d.ts.map +1 -1
- package/dist/transitions/hero/types.d.ts +7 -6
- package/dist/transitions/hero/types.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var Ae=Object.defineProperty;var $e=(t,e,n)=>e in t?Ae(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var R=(t,e,n)=>$e(t,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./index-CtyacfH7.cjs"),w=require("./multi-animation-hDUcfD7W.cjs"),S=require("./provider-D9Q2URox.cjs"),D=require("./page-motion-DF3fFkOw.cjs");class te{constructor(e){R(this,"durationSec");this.durationSec=Math.max(1/60,e.durationSec)}step(e,n,o){const i=n-e.position;if(i===0)return e;const r=Math.sign(i),c=Math.abs(i)/this.durationSec,s=r*c*o,l=e.position+s;return(r>0?l>=n:l<=n)?{position:n,velocity:0}:{position:l,velocity:r*c}}isSettled(e,n){return Math.abs(e.position-n)<S.POSITION_THRESHOLD}}function At(t,e){function n(r){let c=0,s=0;const l=r.offsetWidth,a=r.offsetHeight;let d=r;for(;d;)c+=d.offsetTop,s+=d.offsetLeft,d=d.offsetParent;return c-=window.scrollY,s-=window.scrollX,{top:c,left:s,width:l,height:a}}const o=n(t),i=n(e);return new DOMRect(i.left-o.left,i.top-o.top,i.width,i.height)}function Y(t,e){const n=t.getBoundingClientRect(),o=e.getBoundingClientRect(),i=(s,l)=>l>0&&Math.abs(s-l)>.5?s/l:1,r=i(n.width,t.offsetWidth),c=i(n.height,t.offsetHeight);return new DOMRect((o.left-n.left)/r,(o.top-n.top)/c,o.width/r,o.height/c)}function L(t,e){const{scrollingElement:n,positionedParent:o}=t,i=n!==o&&n.contains(o)?At(n,o).top:0;return{top:t[e].scroll.y,left:0,width:n.clientWidth,height:n.clientHeight-i}}function ee(t,e){const{scrollingElement:n,positionedParent:o}=t,i=n!==o&&n.contains(o)?At(n,o).top:0;return{top:t[e].scroll.y-i,height:n.clientHeight}}const Rt=8,Ot={spring:{stiffness:600,damping:40,doubleSpring:1.2}};function ve({direction:t}){const e=t==="forward"?Rt:-Rt;return{out:{willChange:"transform, opacity",startStyle:{},animate:n=>({opacity:`${1-n}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(${e}px, 0, 0)`,opacity:"0"},animate:n=>({transform:`translate3d(${e*(1-n)}px, 0, 0)`,opacity:`${n}`})}}}function Pe(){return{outPhysics:Ot,inPhysics:Ot,composition:{mode:"parallel",startAt:[0,0]},build:ve}}const Mt=30,Ie={inertia:{acceleration:150,resistance:1.5,restDelta:.1}},Re={spring:{stiffness:180,damping:34,restDelta:.1,restSpeed:.1}};function Oe({direction:t}){const e=t==="forward"?1:-1,n=-Mt*e,o=Mt*e;return{out:{willChange:"transform, opacity",startStyle:{},animate:i=>({transform:`translate3d(${n*i}px, 0, 0)`,opacity:`${1-i}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(${o}px, 0, 0)`,opacity:"0"},animate:i=>({transform:`translate3d(${o*(1-i)}px, 0, 0)`,opacity:`${i}`})}}}function Me(){return{outPhysics:Ie,inPhysics:Re,composition:{mode:"sequence"},build:Oe}}const Te={snappy:Pe(),fluid:Me()},Tt=8,_e={inertia:{acceleration:150,resistance:1.5,restDelta:.1}},ke={spring:{stiffness:180,damping:34,restDelta:.1,restSpeed:.1}};function Fe({direction:t}){const e=t==="forward"?1:-1,n=-Tt*e,o=Tt*e;return{out:{willChange:"transform, opacity",startStyle:{},animate:i=>({transform:`translate3d(0, ${n*i}px, 0)`,opacity:`${1-i}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(0, ${o}px, 0)`,opacity:"0"},animate:i=>({transform:`translate3d(0, ${o*(1-i)}px, 0)`,opacity:`${i}`})}}}function De(){return{outPhysics:_e,inPhysics:ke,composition:{mode:"sequence"},build:Fe}}const Ye=40,Le={inertia:{acceleration:150,resistance:1.5,restDelta:.1}},He={spring:{stiffness:400,damping:30,doubleSpring:1.2,restDelta:.1,restSpeed:.1}};function We(t){const e=Ye;return{out:{willChange:"opacity",startStyle:{},animate:n=>({opacity:`${1-n}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(0, ${e}px, 0)`,opacity:"0"},animate:n=>({transform:`translate3d(0, ${e*(1-n)}px, 0)`,opacity:`${n}`})}}}function Ne(){return{outPhysics:Le,inPhysics:He,composition:{mode:"parallel",startAt:[0,0]},build:We}}const _t=De(),ze={snappy:_t,directional:_t,"non-directional":Ne()},kt={spring:{stiffness:280,damping:30,restDelta:.1,restSpeed:.1}},nt=.1,ot=1/3,Ft=t=>Math.max(0,Math.min(1,t));function Ve({direction:t}){const e=t==="forward"?1:-1,n=1-e*nt;return{out:{willChange:"transform, opacity",startStyle:{},animate:o=>({transform:`scale(${1+e*o*nt})`,opacity:`${Ft(1-o/ot)}`})},in:{willChange:"transform, opacity",startStyle:{transform:`scale(${n})`,opacity:"0"},animate:o=>({transform:`scale(${n+e*o*nt})`,opacity:`${Ft((o-ot)/(1-ot))}`})}}}function Xe(){return{outPhysics:kt,inPhysics:kt,composition:{mode:"parallel"},build:Ve}}const Dt={spring:{stiffness:280,damping:30,restDelta:.1,restSpeed:.1}},it=.1,rt=1/3,Yt=t=>Math.max(0,Math.min(1,t));function Be(){return{out:{willChange:"opacity",startStyle:{},animate:t=>({opacity:`${Yt(1-t/rt)}`})},in:{willChange:"transform, opacity",startStyle:{transform:`scale(${1-it})`,opacity:"0"},animate:t=>({transform:`scale(${1-it+t*it})`,opacity:`${Yt((t-rt)/(1-rt))}`})}}}function Ue(){return{outPhysics:Dt,inPhysics:Dt,composition:{mode:"parallel"},build:Be}}const Lt=Xe(),Ze={snappy:Lt,directional:Lt,"non-directional":Ue()},je={x:Te,y:ze,z:Ze};function Ge(t,e){const n=je[t];return n[e]??n.snappy}const qe="x",Ke="snappy";function Ht(t,e){t.style.willChange=e.willChange,t.style.backfaceVisibility="hidden",t.style.contain="layout paint";for(const[n,o]of Object.entries(e.startStyle))t.style[n]=o}function ne(t){t.style.willChange="auto",t.style.backfaceVisibility="",t.style.contain="",t.style.transform="",t.style.opacity="",t.style.clipPath=""}function Je(t){ne(t),t.style.pointerEvents=""}const Qe=(t={})=>{const e=t.type??qe,n=t.feel??Ke,o=Ge(e,n),i=r=>{const c=o.build({direction:r});return{prepare:({from:s,to:l})=>(s.then(a=>{Ht(a,c.out),a.style.pointerEvents="none"}),l.then(a=>{Ht(a,c.in)}),{}),animation:({from:s,to:l,context:a})=>{if(e==="z"){const f=L(a,"from"),p=L(a,"to");s.style.clipPath=`inset(${f.top}px 0 calc(100% - ${f.top+f.height}px) 0)`,l.style.clipPath=`inset(${p.top}px 0 calc(100% - ${p.top+p.height}px) 0)`}const d=new w.WebAnimation({element:s,integrator:S.IntegratorProvider.from(o.outPhysics),style:f=>c.out.animate(f),onComplete:()=>Je(s)}),u=new w.WebAnimation({element:l,integrator:S.IntegratorProvider.from(o.inPhysics),style:f=>c.in.animate(f),onComplete:()=>ne(l)});return new w.MultiAnimation({out:d,in:u},o.composition)}}};return A.defineTransition({forward:i("forward"),backward:i("backward")})};function tn(t,e,n){return t==="y"?e==="non-directional"?"non-directional":"directional":t!=="x"||e==="snappy"||n==="snappy"?"snappy":"fluid"}function en(t={},e={}){const n=t.type??"x",o=t.variant,i=t.feel,r=tn(n,o,i);return A.withOverride(Qe({type:n,feel:r}),e.override)}const nn={spring:{stiffness:200,damping:22}},on=10,rn="horizontal",sn="#000000";function Wt(t,e,n,o,i,r){window.getComputedStyle(t).position==="static"&&(t.style.position="relative");const s=document.createElement("div");s.style.cssText=`
|
|
2
2
|
position: absolute;
|
|
3
3
|
top: 0;
|
|
4
4
|
left: 0;
|
|
@@ -7,29 +7,29 @@
|
|
|
7
7
|
pointer-events: none;
|
|
8
8
|
z-index: 9999;
|
|
9
9
|
overflow: hidden;
|
|
10
|
-
`;const l=[];for(let a=0;a<e;a++){const d=document.createElement("div");if(n==="horizontal"){const
|
|
10
|
+
`;const l=[];for(let a=0;a<e;a++){const d=document.createElement("div");if(n==="horizontal"){const u=100/e;d.style.cssText=`
|
|
11
11
|
position: absolute;
|
|
12
|
-
top: ${
|
|
12
|
+
top: ${u*a}%;
|
|
13
13
|
left: 0;
|
|
14
14
|
width: 100%;
|
|
15
|
-
height: calc(${
|
|
15
|
+
height: calc(${u}% + 1px);
|
|
16
16
|
background: ${o};
|
|
17
17
|
transform: scaleX(${i==="hidden"?0:1});
|
|
18
18
|
transform-origin: ${r} center;
|
|
19
19
|
will-change: transform;
|
|
20
|
-
`}else{const
|
|
20
|
+
`}else{const u=100/e;d.style.cssText=`
|
|
21
21
|
position: absolute;
|
|
22
22
|
top: 0;
|
|
23
|
-
left: ${
|
|
24
|
-
width: calc(${
|
|
23
|
+
left: ${u*a}%;
|
|
24
|
+
width: calc(${u}% + 1px);
|
|
25
25
|
height: 100%;
|
|
26
26
|
background: ${o};
|
|
27
27
|
transform: scaleY(${i==="hidden"?0:1});
|
|
28
28
|
transform-origin: ${r==="left"?"top":"bottom"} center;
|
|
29
29
|
will-change: transform;
|
|
30
|
-
`}l.push(d),s.appendChild(d)}return t.appendChild(s),{container:s,blinds:l}}const
|
|
30
|
+
`}l.push(d),s.appendChild(d)}return t.appendChild(s),{container:s,blinds:l}}const an=(t={})=>{const e=t.blindCount??on,n=t.direction??rn,o=t.blindColor??sn,i=t.physics??nn,r={prepare:async({from:c,to:s})=>{const l=await c,a=await s;l.style.zIndex="1000";const d=Wt(l,e,n,o,"hidden","left");a.style.position="relative",a.style.zIndex="0";const u=Wt(a,e,n,o,"closed","right");return{fromEl:l,fromBlinds:d.blinds,fromContainer:d.container,toBlinds:u.blinds,toContainer:u.container}},animation:({fromEl:c,fromBlinds:s,fromContainer:l,toBlinds:a,toContainer:d})=>{const u=s.map(h=>new w.WebAnimation({element:h,integrator:S.IntegratorProvider.from(i),style:m=>({transform:n==="horizontal"?`scaleX(${m})`:`scaleY(${m})`})})),f=a.map((h,m)=>new w.WebAnimation({element:h,integrator:S.IntegratorProvider.from(i),style:(b,g)=>({transform:n==="horizontal"?`scaleX(${g})`:`scaleY(${g})`}),onComplete:m===a.length-1?()=>{d.remove(),l.remove(),c.style.zIndex="",c.style.position=""}:void 0})),p=new w.MultiAnimation(u,{mode:"parallel"}),y=new w.MultiAnimation(f,{mode:"parallel"});return new w.MultiAnimation({out:p,in:y},{mode:"sequence"})}};return A.defineTransition({forward:r,backward:r})};function cn(t={},e={}){const{type:n="horizontal"}=t;return A.withOverride(an({direction:n}),e.override)}function j(t,e={}){const n=Object.fromEntries(Object.entries(t).map(([o,i])=>{const r=i;return[o,Array.isArray(r)?r.length===1?r[0]:new w.MultiAnimation(r):r]}));return new w.MultiAnimation(n,e)}function G(t){const e=t.onComplete;t.onComplete=()=>{e==null||e(),t.releaseFill()}}const ln={spring:{stiffness:250,damping:23,doubleSpring:.7}},B=.5;function dn(t){const e=t==="enter"?-100:100,n=t==="enter"?100:-100;return{out:{willChange:"transform, opacity",startStyle:{},animate:o=>({transform:`translate3d(${e*o}%, 0, 0)`,opacity:`${B+(1-B)*(1-o)}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(${n}%, 0, 0)`,opacity:`${B}`},animate:o=>({transform:`translate3d(${n*(1-o)}%, 0, 0)`,opacity:`${B+(1-B)*o}`})}}}function un(){return{physics:ln,build:dn}}const pn={spring:{stiffness:230,damping:25,doubleSpring:{stiffness:600,damping:50}}};function fn(t){const e=t==="enter"?-20:100,n=t==="enter"?100:-20;return{out:{willChange:"transform",startStyle:{},animate:o=>({transform:`translate3d(${e*o}%, 0, 0)`})},in:{willChange:"transform",startStyle:{transform:`translate3d(${n}%, 0, 0)`},animate:o=>({transform:`translate3d(${n*(1-o)}%, 0, 0)`})}}}function hn(){return{physics:pn,build:fn}}const mn={parallax:hn(),crossfade:un()},_="0",oe="1",T="2",yn="parallax";function Nt(t,e){t.style.willChange=e.willChange,t.style.backfaceVisibility="hidden",t.style.contain="layout paint";for(const[n,o]of Object.entries(e.startStyle))t.style[n]=o}const gn=(t={})=>{const e=mn[t.type??yn],n=e.physics,o=i=>{const r=i==="forward"?"enter":"exit",c=e.build(r),s=r==="enter"?_:T,l=r==="enter"?T:_;return{prepare:({from:a,to:d})=>(a.then(u=>{Nt(u,c.out),u.style.pointerEvents="none",u.style.zIndex=s}),d.then(u=>{Nt(u,c.in),u.style.position="relative",u.style.zIndex=l}),{}),animation:({from:a,to:d})=>{const u=new w.WebAnimation({element:a,integrator:S.IntegratorProvider.from(n),style:p=>c.out.animate(p),onComplete:()=>{a.style.willChange="auto",a.style.backfaceVisibility="",a.style.contain="",a.style.transform="",a.style.opacity="",a.style.pointerEvents="",a.style.zIndex=""}}),f=new w.WebAnimation({element:d,integrator:S.IntegratorProvider.from(n),style:p=>c.in.animate(p),onComplete:()=>{d.style.willChange="auto",d.style.backfaceVisibility="",d.style.contain="",d.style.transform="",d.style.opacity="",d.style.position==="relative"&&(d.style.position=""),d.style.zIndex===l&&(d.style.zIndex="")}});return[u,f].forEach(G),new w.MultiAnimation({out:u,in:f},{mode:"parallel"})}}};return A.defineTransition({forward:o("forward"),backward:o("backward")})};function bn(t){return t==="slide"||t==="crossfade"?"crossfade":"parallax"}function wn(t={},e={}){const n=t.type,o=bn(n);return A.withOverride(gn({type:o}),e.override)}const Sn=(t={})=>{const e=t.physics??D.FADE_IN_PHYSICS,n=t.physics??D.FADE_OUT_PHYSICS,o={prepare:({to:i})=>(i.then(r=>{r.style.opacity="0",r.style.willChange="opacity"}),{}),animation:({from:i,to:r})=>{const c=new w.WebAnimation({element:i,integrator:S.IntegratorProvider.from(n),style:l=>({opacity:D.pageMotionStyle("fade","out","forward",l).opacity}),onComplete:()=>{i.style.willChange="auto",i.style.opacity=""}}),s=new w.WebAnimation({element:r,integrator:S.IntegratorProvider.from(e),style:l=>({opacity:D.pageMotionStyle("fade","in","forward",l).opacity}),onComplete:()=>{r.style.willChange="auto",r.style.opacity=""}});return new w.MultiAnimation({out:c,in:s},{mode:"sequence"})}};return A.defineTransition({forward:o,backward:o})};function xn(t={},e={}){return A.withOverride(Sn(),e.override)}const st={scaleDown:{stiffness:20,damping:7},translate:{stiffness:15,damping:7},scaleUp:{stiffness:20,damping:7}},N={scaleDown:0,translate:.2,scaleUp:.8},Cn=.8,En="white",zt=1e3/60,An=600;function $n(t){const{items:e,from:n,to:o,recordFrame:i}=t,r=zt/1e3,c=Math.abs(o-n),s=e.map(a=>({item:a,integrator:new S.SpringIntegrator({stiffness:a.spring.stiffness,damping:a.spring.damping}),state:{position:n,velocity:0},started:!1,settled:!1,settleTime:0}));for(let a=0;a<s.length;a++)(a===0||s[a].item.offset===0)&&(s[a].started=!0);i(0);let l=0;for(let a=1;a<=An;a++){const d=a*zt;l=d;for(const u of s)!u.started||u.settled||(u.state=u.integrator.step(u.state,o,r),u.integrator.isSettled(u.state,o)?(u.settleTime+=r,u.settleTime>=S.SETTLE_THRESHOLD&&(u.state={position:o,velocity:0},u.settled=!0)):u.settleTime=0,u.item.tick(u.state.position));for(let u=1;u<s.length;u++){const f=s[u];if(f.started)continue;const p=s[u-1];if(!p.started)continue;(c===0?1:Math.abs(p.state.position-n)/c)>=f.item.offset&&(f.started=!0)}if(i(d),s.every(u=>u.settled))return d}return l}function at(t,e){return t!=null&&t.spring?{stiffness:t.spring.stiffness,damping:t.spring.damping}:e}function Vt(t){const{rect:e,scale:n,direction:o,override:i}=t,r=o==="out"?{scale:1,translateY:-e.top}:{scale:n,translateY:-e.top+e.height},c=at(i,st.scaleDown),s=at(i,st.translate),l=at(i,st.scaleUp),a=o==="out"?1:0,d=o==="out"?0:1,u=o==="out"?[{spring:c,offset:N.scaleDown,tick:y=>{const h=1-y;r.scale=1-(1-n)*h}},{spring:s,offset:N.translate,tick:y=>{const h=1-y;r.translateY=-e.top-e.height*h}},{spring:l,offset:N.scaleUp,tick:y=>{const h=1-y;r.scale=n+(1-n)*h}}]:[{spring:c,offset:N.scaleDown,tick:y=>{r.scale=1-(1-n)*y}},{spring:s,offset:N.translate,tick:y=>{r.translateY=-e.top+e.height*(1-y)}},{spring:l,offset:N.scaleUp,tick:y=>{r.scale=n+(1-n)*y}}],f=[],p=$n({items:u,from:a,to:d,recordFrame:y=>f.push({time:y,scale:r.scale,translateY:r.translateY})});return{snapshots:f,totalDuration:p}}function vn(t,e){if(t.length===0)return{time:0,scale:1,translateY:0};if(t.length===1||e<=0)return t[0];if(e>=1)return t[t.length-1];const n=e*(t.length-1),o=Math.floor(n),i=Math.ceil(n);if(o===i)return t[o];const r=t[o],c=t[i],s=n-o;return{time:r.time+(c.time-r.time)*s,scale:r.scale+(c.scale-r.scale)*s,translateY:r.translateY+(c.translateY-r.translateY)*s}}const Pn=[[1,1],[-1,1],[1,-1],[-1,-1]];function In(t,e){const i=(r,c,s)=>{const l=document.createElement("div");Object.assign(l.style,{position:"fixed",pointerEvents:"none",zIndex:"9999",width:"15px",height:"15px",...r});const a=document.createElement("div");Object.assign(a.style,{position:"absolute",width:"15px",height:"1px",backgroundColor:t,[s]:"0",[c]:"0"});const d=document.createElement("div");return Object.assign(d.style,{position:"absolute",width:"1px",height:"15px",backgroundColor:t,[s]:"0",[c]:"0"}),l.appendChild(a),l.appendChild(d),l};return{topLeft:i({top:`${e.top-1}px`,left:`${e.left-1}px`},"left","top"),topRight:i({top:`${e.top-1}px`,left:`${e.left+e.width-15+1}px`},"right","top"),bottomLeft:i({top:`${e.top+e.height-15+1}px`,left:`${e.left-1}px`},"left","bottom"),bottomRight:i({top:`${e.top+e.height-15+1}px`,left:`${e.left+e.width-15+1}px`},"right","bottom")}}function Xt(t,e){const n=e.left+e.width/2,o=e.top+e.height/2;t.style.transformOrigin=`${n}px ${o}px`}function Bt(t,e){t.style.clipPath=`polygon(
|
|
31
31
|
${e.left}px ${e.top}px,
|
|
32
32
|
${e.left+e.width}px ${e.top}px,
|
|
33
33
|
${e.left+e.width}px ${e.top+e.height}px,
|
|
34
34
|
${e.left}px ${e.top+e.height}px
|
|
35
|
-
)`}function rt(t,e,n,o,i){const r=n/1e3;return new b.WebAnimation({element:t,integrator:new qt({durationSec:r}),lowerBound:0,upperBound:1,style:c=>o(Cn(e,c)),onComplete:i})}const $n=(t={})=>{var r;const e=((r=t.border)==null?void 0:r.color)??bn,n=gn,o=t.physics,i={prepare:({from:c,to:s,context:l})=>{const a=D(l,"from"),d=D(l,"to"),p=wt(document.body,l.positionedParent),u=En(e,{...a,top:p.top});for(const f of["topLeft","topRight","bottomLeft","bottomRight"])l.positionedParent.appendChild(u[f]);return c.then(f=>{Ht(f,a),Wt(f,a),f.style.transform=`translateY(${-a.top}px)`}),s.then(f=>{Ht(f,d),Wt(f,d),f.style.transform=`translateY(${-d.top+d.height}px) scale(${n})`}),{borders:u,fromRect:a,toRect:d}},animation:({from:c,to:s,context:l,borders:a,fromRect:d,toRect:p})=>{const u=Lt({rect:d,scale:n,direction:"out",override:o}),f=Lt({rect:p,scale:n,direction:"in",override:o}),m=rt(c,u.snapshots,u.totalDuration,x=>({transform:`translateY(${x.translateY}px) scale(${x.scale})`}),()=>{c.style.clipPath="",c.style.transformOrigin="",c.style.transform=""}),y=rt(s,f.snapshots,f.totalDuration,x=>({transform:`translateY(${x.translateY}px) scale(${x.scale})`}),()=>{s.style.clipPath="",s.style.transformOrigin="",s.style.transform=""}),h=xn.map(([x,v],P)=>{const I=["topLeft","topRight","bottomLeft","bottomRight"][P];return rt(a[I],u.snapshots,u.totalDuration,C=>{const $=(d.width-d.width*C.scale)/2*.7*x,R=(d.height-d.height*C.scale)/2*.7*v;return{transform:`translate(${$}px, ${R}px)`}})}),w=X({out:m,in:y,borders:h}),g=w.onComplete;return w.onComplete=()=>{g==null||g();const x=l.positionedParent;for(const v of["topLeft","topRight","bottomLeft","bottomRight"]){const P=a[v];P.parentElement===x&&x.removeChild(P)}},w}};return E.defineTransition({forward:i,backward:i})};function vn(t={},e={}){const{options:n}=t,o=(n==null?void 0:n.borderColor)!==void 0?{border:{color:n.borderColor}}:void 0;return E.withOverride($n(o),e.override)}function Pn(t){if(!t)return null;if(t.includes("/")){const n=t.split("/");if(n.length!==2)return null;const o=Number.parseFloat(n[0]??""),i=Number.parseFloat(n[1]??"");return Number.isFinite(o)&&Number.isFinite(i)&&o>0&&i>0?o/i:null}const e=Number.parseFloat(t);return Number.isFinite(e)&&e>0?e:null}function An(t){return t==="contain"||t==="cover"?t:null}function ft(t){return t.tagName==="IMG"}function te(t){if(ft(t))return t;if(t.tagName==="PICTURE"||t.tagName==="VIDEO")return null;const e=[];for(const n of Array.from(t.children)){const o=n;ft(o)&&e.push(o)}return e.length===1?e[0]??null:null}function In(t){var l,a;if(!ft(t))return null;const e=t,n=e.naturalWidth,o=e.naturalHeight;if(typeof n=="number"&&typeof o=="number"&&Number.isFinite(n)&&Number.isFinite(o)&&n>0&&o>0)return n/o;const i=((l=t.getAttribute("width"))==null?void 0:l.trim())??"",r=((a=t.getAttribute("height"))==null?void 0:a.trim())??"",c=i===""?Number.NaN:Number(i),s=r===""?Number.NaN:Number(r);return Number.isFinite(c)&&Number.isFinite(s)&&c>0&&s>0?c/s:null}function Rn(t){const e=t.trim().toLowerCase().replace(/\s+/g," ");return e===""||e==="center"||e==="center center"||e==="50% 50%"}function Z(t){if(typeof getComputedStyle=="function")try{return getComputedStyle(t)}catch{}return t.style}function On(t){const e=Z(t),n=Rn(e.objectPosition??"");return{fit:n?An(e.objectFit??null):null,centered:n}}function St(t){if(!t)return 0;const e=/^(-?(?:\d+\.?\d*|\.\d+))px$/.exec(t.trim());if(!e)return null;const n=Number.parseFloat(e[1]??"");return Number.isFinite(n)&&n>=0?n:null}function ht(t){const e=Z(t),n=[e.borderTopLeftRadius,e.borderTopRightRadius,e.borderBottomRightRadius,e.borderBottomLeftRadius].map(St),o=n[0];if(o==null)return{radius:0,supported:!1};const i=n.every(r=>r!==null&&Math.abs(r-o)<.001);return{radius:i?o:0,supported:i}}function _n(t,e){var i;if(!e)return null;const n=(i=t.getAttribute(e))==null?void 0:i.trim();if(n==null||n==="")return null;const o=Number.parseFloat(n);return Number.isFinite(o)&&o>=0?o:null}function Tn(t){const e=Z(t);return[e.paddingTop,e.paddingRight,e.paddingBottom,e.paddingLeft,e.borderTopWidth,e.borderRightWidth,e.borderBottomWidth,e.borderLeftWidth].every(o=>o?St(o)===0:!0)}function Mn(t){const e=Z(t),n=o=>o==="hidden"||o==="clip";return n(e.overflowX)&&n(e.overflowY)}function F(t){return t.left+t.width/2}function k(t){return t.top+t.height/2}function B(t,e){return{top:Math.max(0,e.top-t.top),right:Math.max(0,t.left+t.width-(e.left+e.width)),bottom:Math.max(0,t.top+t.height-(e.top+e.height)),left:Math.max(0,e.left-t.left)}}function yt(t,e){const n=Math.max(t.left,e.left),o=Math.max(t.top,e.top),i=Math.min(t.left+t.width,e.left+e.width),r=Math.min(t.top+t.height,e.top+e.height);return i>n&&r>o?{left:n,top:o,width:i-n,height:r-o}:null}function V(t,e){return Math.abs(t.left-e.left)<.01&&Math.abs(t.top-e.top)<.01&&Math.abs(t.width-e.width)<.01&&Math.abs(t.height-e.height)<.01}function Fn(t,e,n){const o=t.width/t.height;let i,r;return n==="contain"?o>e?(r=t.height,i=r*e):(i=t.width,r=i/e):o>e?(i=t.width,r=i/e):(r=t.height,i=r*e),{left:t.left+(t.width-i)/2,top:t.top+(t.height-r)/2,width:i,height:r}}function ee(t,e,n){const o=e!==null&&n!==null&&t.width>0&&t.height>0?Fn(t,e,n):t,i=n==="contain"?o:t;return{bbox:t,content:o,window:i,clipInset:B(o,i),aspectRatio:e,fit:n,radius:0,radiusSource:"none",bboxRadius:0,bboxRadiusSource:"none",contentAware:e!==null&&n!==null,mediaElement:null}}function mt(t,e,n){return{...ee(t,null,null),radius:e,radiusSource:n,bboxRadius:e,bboxRadiusSource:n}}function ne(t,e){const n=t.aspectRatio,o=e.aspectRatio;return t.contentAware&&e.contentAware&&n!==null&&o!==null&&Math.abs(n-o)/Math.max(n,o)<.01}function Nt(t){return mt(t.bbox,t.bboxRadius,t.bboxRadiusSource)}function oe(t,e){return ne(t,e)?[t,e]:[Nt(t),Nt(e)]}function kn(t,e,n,o){const i=te(t),r=i?n(i):e,c=o.legacyAspectRatioAttribute?Pn(t.getAttribute(o.legacyAspectRatioAttribute)??(i==null?void 0:i.getAttribute(o.legacyAspectRatioAttribute))??null):null,s=c??(i?In(i):null),l=i?On(i):{fit:null,centered:!0},a=l.centered&&(i===null||Tn(i))?l.fit??(c!==null?o.fallbackFit??null:null):null,d=ee(r,s,a),p=Mn(t),f=i!==null&&i!==t&&p?yt(d.window,e):d.window,m=_n(t,o.legacyRadiusAttribute),y=i===t||p,h=y?ht(t):{radius:0,supported:!0},w=m??h.radius,g=m!==null?"legacy":h.supported?h.radius>0?"computed":"none":"unsupported",x=[];f&&y&&V(f,e)&&x.push(h),f&&i&&V(f,r)&&x.push(ht(i));const v=x.every($=>$.supported),P=Math.max(0,...x.map($=>$.radius)),I=m??P,C=m!==null?"legacy":v?P>0?"computed":"none":"unsupported";return!f||C==="unsupported"?mt(e,w,g):{...d,bbox:e,window:f,clipInset:B(d.content,f),radius:I,radiusSource:C,bboxRadius:w,bboxRadiusSource:g,mediaElement:d.contentAware?i:null}}function gt(t,e,n,o){const i=kn(t,e,n,o);if(!o.clipRoot||i.radiusSource==="unsupported")return i;let r=i.window,c=i.radius,s=[c,c,c,c],l=i.radiusSource,a=t.parentElement;for(;a&&a!==o.clipRoot;){const p=Z(a),u=y=>y==="hidden"||y==="clip"||y==="auto"||y==="scroll",f=u(p.overflowX),m=u(p.overflowY);if(f||m){if(![p.borderTopWidth,p.borderRightWidth,p.borderBottomWidth,p.borderLeftWidth].every(C=>St(C)===0)||a.offsetWidth&&a.clientWidth&&a.offsetWidth-a.clientWidth>1||a.offsetHeight&&a.clientHeight&&a.offsetHeight-a.clientHeight>1)return i;const h=n(a),w={left:f?h.left:r.left,top:m?h.top:r.top,width:f?h.width:r.width,height:m?h.height:r.height},g=yt(r,w);if(!g)return i;const x=ht(a);if(!x.supported)return i;if(f&&m&&V(r,h))l!=="legacy"&&(c=Math.max(c,x.radius),s=s.map(C=>Math.max(C,x.radius)),c>0&&(l="computed"));else if(x.radius>0){const C={left:h.left+x.radius,top:h.top+x.radius,width:h.width-2*x.radius,height:h.height-2*x.radius};if(!V(yt(r,C)??h,r))return i}const v=B(r,g),P=[[v.top,v.left],[v.top,v.right],[v.bottom,v.right],[v.bottom,v.left]];for(let C=0;C<4;C++){const $=Math.max(...P[C]),R=s[C];if($>.01&&$<R)return i;$>.01&&(s[C]=0)}const I=Math.max(...s);if(g.width<I||g.height<I)return i;r=g}a=a.parentElement}const d=V(i.bbox,r);return{...i,window:r,clipInset:B(i.content,r),radius:c,radiusSource:l,...s.some(p=>p!==c)?{cornerRadii:s}:{},...d?{bboxRadius:c,bboxRadiusSource:l}:{}}}function ie(t,e,n,o,i){const r=n.width/o,c=n.height/i;return{left:F(t)+(F(n)-F(e))/o-r/2,top:k(t)+(k(n)-k(e))/i-c/2,width:r,height:c}}const Dn={enter:"contain",exit:"cover",legacy:"contain"};function H(t){return Dn[t]}function Ct(t,e,n){const o=(s,l)=>`${l>0?s/l*100:0}%`,i=[o(e.top,t.height),o(e.right,t.width),o(e.bottom,t.height),o(e.left,t.width)].join(" "),r=n.map(s=>o(s.x,t.width)).join(" "),c=n.map(s=>o(s.y,t.height)).join(" ");return`inset(${i} round ${r} / ${c})`}const zt="data-hero-enter-key",Vt="data-hero-exit-key",st="data-hero-key";class Yn{constructor(){A(this,"previousFromOpacity","")}prepare(e){e.from.then(n=>{this.previousFromOpacity=n.style.opacity,n.style.opacity="0"})}contribute(e){return e.onComplete(()=>{e.from.style.opacity=this.previousFromOpacity}),{}}}const Ln=()=>new Yn;function Hn(t,e){const n=new Set(e.map(c=>te(c)??c)),o=new Set;for(const c of n){let s=c.parentElement;for(;s&&s!==t;)o.add(s),s=s.parentElement}const i=[],r=c=>{if(!n.has(c)){if(c!==t&&!o.has(c)){i.push(c);return}for(const s of Array.from(c.children))s instanceof HTMLElement&&r(s)}};return r(t),i}class Wn{contribute(e){const{from:n,to:o,resolved:i,physics:r,onComplete:c}=e,s=Hn(o,i.pairs.map(u=>u.toEl)).map(u=>({element:u,opacity:u.style.opacity,willChange:u.style.willChange,targetOpacity:Number.parseFloat(getComputedStyle(u).opacity)||0})),l=n.style.opacity,a=o.style.opacity,d=n.style.willChange,p=o.style.willChange;o.style.opacity="0",n.style.willChange="opacity",o.style.willChange="opacity";for(const{element:u}of s)u.style.opacity="0",u.style.willChange="opacity";return c(()=>{n.style.opacity=l,o.style.opacity=a,n.style.willChange=d,o.style.willChange=p;for(const{element:u,opacity:f,willChange:m}of s)u.style.opacity=f,u.style.willChange=m}),{out:[new b.WebAnimation({element:n,integrator:S.IntegratorProvider.from(r),style:(u,f)=>({opacity:f})})],in:[new b.WebAnimation({element:o,integrator:S.IntegratorProvider.from(r),style:u=>({opacity:u})}),...s.map(({element:u,targetOpacity:f})=>new b.WebAnimation({element:u,integrator:S.IntegratorProvider.from(r),style:m=>({opacity:Math.min(1,Math.max(0,m))*f})}))]}}}const Nn=()=>new Wn,zn={static:Ln,fade:Nn},Vn={spring:{stiffness:320,damping:30}},Xn=()=>Vn,Un={spring:{stiffness:300,damping:30,doubleSpring:1}},Bn=()=>Un,Zn={default:Xn,smooth:Bn},jn=700,Gn="data-hero-aspect-ratio",qn="data-hero-radius";function Xt(t,e,n,o){const i=c=>{const s=z(t,c);return{left:s.left+t.scrollLeft,top:s.top+t.scrollTop,width:s.width,height:s.height}},r=i(e);return gt(e,r,i,{clipRoot:o,fallbackFit:n,legacyAspectRatioAttribute:Gn,legacyRadiusAttribute:qn})}function G(t,e){const n=new Map,o=t.querySelectorAll(`[${e}]`);for(const i of Array.from(o)){const r=i.getAttribute(e);r&&(n.has(r)||n.set(r,i))}return n}function Kn(t,e){const n=[],o=G(e,zt),i=G(t,Vt);for(const[s,l]of o){const a=i.get(s);a&&n.push({key:s,fromEl:a,toEl:l,fromFit:H("exit"),toFit:H("enter")})}const r=G(t,zt),c=G(e,Vt);for(const[s,l]of r){const a=c.get(s);a&&n.push({key:s,fromEl:l,toEl:a,fromFit:H("enter"),toFit:H("exit")})}return n}function Jn(t,e){const n=[],o=Array.from(e.querySelectorAll(`[${st}]`));for(const i of o){const r=i.getAttribute(st);if(!r)continue;const c=t.querySelector(`[${st}="${r}"]`);c&&n.push({key:r,fromEl:c,toEl:i,fromFit:H("legacy"),toFit:H("legacy")})}return n}function Qn(t,e){const n=Kn(t,e);return n.length>0?n:Jn(t,e)}function to(t,e){return oe(t,e)}function eo(t,e){return t.radiusSource==="unsupported"||e.radiusSource==="unsupported"?!1:t.mediaElement!==null||e.mediaElement!==null||t.radiusSource==="computed"||t.radiusSource==="legacy"||e.radiusSource==="computed"||e.radiusSource==="legacy"}function no(t,e,n,o,i){const{fromEl:r,toEl:c}=e,[s,l]=to(Xt(t,r,e.fromFit,o),Xt(t,c,e.toFit,i)),a=s.content,d=s.window,p=l.content,u=l.window,f=l.clipInset,m=s.radiusSource==="unsupported"||l.radiusSource==="unsupported",y=m?0:s.radius,h=m?0:l.radius;if(a.width===0||a.height===0||d.width===0||d.height===0||p.width===0||p.height===0||u.width===0||u.height===0)return null;const w=Math.max(a.width/p.width,a.height/p.height),g=F(a),x=k(a),v=F(p),P=k(p),I=g-v,C=x-P;if(Math.abs(C)>n)return null;const $=B(p,ie(p,a,d,w,w));return{toContent:p,fromVisualEl:s.mediaElement??r,toVisualEl:l.mediaElement??c,resetCloneRadius:eo(s,l),styleFor:(R,O)=>{const K=O*I,j=O*C,Y=R+O*w,J=s.cornerRadii??[y,y,y,y],pe=l.cornerRadii??[h,h,h,h],ue=J.map((ge,be)=>{const Et=Math.max(0,ge*O+pe[be]*R)/Math.max(Math.abs(Y),1e-6);return{x:Et,y:Et}}),fe=$.top*O+f.top*R,he=$.right*O+f.right*R,ye=$.bottom*O+f.bottom*R,me=$.left*O+f.left*R;return{transform:`translate(${K}px, ${j}px) scale(${Y})`,clipPath:Ct(p,{top:fe,right:he,bottom:ye,left:me},ue)}}}}function oo(t,e){t.style.transform=e.transform,t.style.clipPath=e.clipPath}class io{contribute(e){const{resolved:n,physics:o,positionedParent:i,maxDistance:r,onComplete:c}=e,s=[];for(const l of n.pairs){const a=no(i,l,r,e.from,e.to);if(!a)continue;const{fromVisualEl:d,toVisualEl:p}=a,u=p.cloneNode(!0);u.style.position="absolute",u.style.left=`${a.toContent.left}px`,u.style.top=`${a.toContent.top}px`,u.style.width=`${a.toContent.width}px`,u.style.height=`${a.toContent.height}px`,u.style.margin="0",u.style.transformOrigin="center center",u.style.zIndex="1000",u.style.willChange="transform, clip-path",u.style.pointerEvents="none",u.style.maxWidth="none",u.style.maxHeight="none",a.resetCloneRadius&&(u.style.borderRadius="0"),oo(u,a.styleFor(0,1)),i.appendChild(u);const f=d.style.opacity,m=p.style.opacity;d.style.opacity="0",p.style.opacity="0",c(()=>{d.style.opacity=f,p.style.opacity=m,u.parentElement&&u.parentElement.removeChild(u)}),s.push(new b.WebAnimation({element:u,integrator:S.IntegratorProvider.from(o),style:a.styleFor}))}return{shared:s}}}function ro(t){return[new io,zn[t.type]()]}const so=t=>{const e=Zn[t.variant](),n=jn,o={prepare:i=>{var l;const r=ro(t),c=Promise.all([i.from,i.to]).then(([a,d])=>({pairs:Qn(a,d)})),s={from:i.from,to:i.to,resolved:c};for(const a of r)(l=a.prepare)==null||l.call(a,s);return c.then(a=>({resolved:a,strategies:r}))},animation:({from:i,to:r,context:c,resolved:s,strategies:l})=>{var y;if(s.pairs.length===0)return X({shared:[],out:[],in:[]});const a=[],d=h=>{a.push(h)},p={from:i,to:r,resolved:s,physics:e,positionedParent:c.positionedParent,maxDistance:n,onComplete:d},u={shared:[],out:[],in:[]};for(const h of l){const w=(y=h.contribute)==null?void 0:y.call(h,p);if(w)for(const g of Object.keys(u))u[g].push(...w[g]??[])}const f=X(u),m=f.onComplete;return f.onComplete=()=>{m==null||m();for(const h of a)try{h()}catch(w){console.error("[hero] cleanup error",w)}},f}};return E.defineTransition({forward:o,backward:o})};function ao(t={},e={}){const n=t.type??"static",o=t.variant??"default";return E.withOverride(so({type:n,variant:o}),e.override)}const co={spring:{stiffness:50,damping:30}},lo={spring:{stiffness:80,damping:25}},po=(t={})=>{const e=t.physics??co,n=t.initialRotation??45,o=t.initialScale??.01,i=t.rotationTriggerPoint??.8,r={prepare:({from:c,to:s,context:l})=>(c.then(a=>{a.style.opacity="1"}),s.then(a=>{const d=D(l,"to"),p=Math.min(d.width,d.height)*.4;a.style.setProperty("--max-border-radius",`${p}px`),a.style.setProperty("--border-radius-scale","1"),a.style.willChange="transform",a.style.backfaceVisibility="hidden";const u=d.left+d.width/2,f=d.top+d.height/2;a.style.transformOrigin=`${u}px ${f}px`,a.style.position="fixed",a.style.top=`${d.top}px`,a.style.left=`${d.left}px`,a.style.width=`${d.width}px`,a.style.height=`${d.height}px`,a.style.zIndex="1000",a.style.overflow="hidden",a.style.transform=`rotate(${n}deg) scale(${o}) translateZ(0)`,a.style.borderRadius="calc(var(--max-border-radius) * var(--border-radius-scale))",a.style.opacity="1"}),{}),animation:({from:c,to:s})=>{const l=new b.WebAnimation({element:c,integrator:S.IntegratorProvider.from(lo),style:(d,p)=>({opacity:p}),onComplete:()=>{c.style.opacity=""}}),a=new b.WebAnimation({element:s,integrator:S.IntegratorProvider.from(e),style:d=>{let p;if(d<=.05)p=o;else if(d<=i){const y=(d-.05)/(i-.05),h=Math.pow(y,9);p=o+(.8-o)*h}else{const y=(d-i)/(1-i);p=.8+.2*(1-Math.pow(1-y,3))}const u=.7;let f;if(d<=u)f=n;else{const y=(d-u)/(1-u),h=1-Math.pow(1-y,2);f=n*(1-h)}let m;if(d<=u)m=1;else{const y=(d-u)/(1-u);m=1-Math.pow(y,.5)}return{transform:`rotate(${f.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,"--border-radius-scale":m.toFixed(4)}},onComplete:()=>{s.style.willChange="",s.style.backfaceVisibility="",s.style.removeProperty("--max-border-radius"),s.style.removeProperty("--border-radius-scale"),s.style.transform="",s.style.transformOrigin="",s.style.position="",s.style.zIndex="",s.style.top="",s.style.left="",s.style.width="",s.style.height="",s.style.overflow="",s.style.borderRadius=""}});return new b.MultiAnimation({out:l,in:a},{mode:"parallel"})}};return E.defineTransition({forward:r,backward:r})};function uo(t={},e={}){return E.withOverride(po(),e.override)}const fo={spring:{stiffness:100,damping:30}},ho=(t={})=>{const e=t.physics??fo,n={prepare:({from:o,to:i})=>(o.then(r=>{r.style.transformOrigin="center center",r.style.willChange="transform, opacity"}),i.then(r=>{r.style.opacity="0",r.style.transform="rotate(-180deg)",r.style.transformOrigin="center center",r.style.willChange="transform, opacity"}),{}),animation:({from:o,to:i})=>{const r=new b.WebAnimation({element:o,integrator:S.IntegratorProvider.from(e),style:s=>({transform:`rotate(${s*180}deg)`,opacity:s<.5?1:0}),onComplete:()=>{o.style.willChange="auto",o.style.transform="",o.style.transformOrigin="",o.style.opacity=""}}),c=new b.WebAnimation({element:i,integrator:S.IntegratorProvider.from(e),style:(s,l)=>({transform:`rotate(${-l*180}deg)`,opacity:s>.5?1:0}),onComplete:()=>{i.style.willChange="auto",i.style.transform="",i.style.transformOrigin="",i.style.opacity=""}});return new b.MultiAnimation({out:r,in:c},{mode:"parallel"})}};return E.defineTransition({forward:n,backward:n})};function yo(t={},e={}){return E.withOverride(ho(),e.override)}const mo={spring:{stiffness:20,damping:8,doubleSpring:1,restDelta:.001,restSpeed:.001}},go=(t={})=>{const e=t.physics??mo,n=t.directional??!0,o=i=>{const r=!n||i==="forward",c=r?_:T,s=r?T:_;return{prepare:({from:l,to:a})=>(l.then(d=>{d.style.zIndex=c,d.style.willChange="transform",d.style.backfaceVisibility="hidden",d.style.contain="layout paint",d.style.pointerEvents="none"}),a.then(d=>{d.style.willChange="transform",d.style.backfaceVisibility="hidden",d.style.contain="layout paint",d.style.position="relative",d.style.zIndex=s}),{}),animation:({from:l,to:a})=>{const d=l.offsetHeight,p=a.offsetHeight,u=window.innerHeight,f=Math.max(Math.min(d,p),u),m=new b.WebAnimation({element:l,integrator:S.IntegratorProvider.from(e),style:h=>({transform:`translate3d(0, ${r?-f*h:f*h}px, 0)`}),onComplete:()=>{l.style.willChange="auto",l.style.backfaceVisibility="",l.style.contain="",l.style.transform="",l.style.pointerEvents="",l.style.zIndex=""}}),y=new b.WebAnimation({element:a,integrator:S.IntegratorProvider.from(e),style:(h,w)=>({transform:`translate3d(0, ${r?w*f:w*-f}px, 0)`}),onComplete:()=>{a.style.willChange="auto",a.style.backfaceVisibility="",a.style.contain="",a.style.transform="",a.style.position==="relative"&&(a.style.position=""),a.style.zIndex===s&&(a.style.zIndex="")}});return[m,y].forEach(U),new b.MultiAnimation({out:m,in:y},{mode:"parallel"})}}};return E.defineTransition({forward:o("forward"),backward:o("backward")})};function bo(t={},e={}){const{type:n="directional"}=t;return E.withOverride(go({directional:n==="directional"}),e.override)}const wo={spring:{stiffness:200,damping:24}},So={inertia:{acceleration:25,resistance:1.2}},at=.2;function Co(){return{enterPhysics:wo,exitPhysics:So,background:{willChange:"transform, opacity",enterStyle:(t,e)=>({transform:`scale(${1-at*t})`,opacity:e}),exitStyle:t=>({transform:`scale(${1-at+at*t})`,opacity:t})}}}const xo={spring:{stiffness:200,damping:24}},Eo={inertia:{acceleration:25,resistance:1.2}},ct=.08,$o=16,lt=.6,vo=t=>`blur(${Math.max(0,t).toFixed(2)}px)`;function Po(){return{enterPhysics:xo,exitPhysics:Eo,background:{willChange:"transform, opacity",enterStyle:t=>({transform:`scale(${1-ct*t})`,opacity:1-(1-lt)*t}),exitStyle:t=>({transform:`scale(${1-ct+ct*t})`,opacity:lt+(1-lt)*t})},overlay:{willChange:"backdrop-filter",initialStyle:{position:"absolute",left:"0",width:"100%",pointerEvents:"none",backdropFilter:"blur(0px)",WebkitBackdropFilter:"blur(0px)"},style:(t,e)=>{const n=t==="enter"?e:1-e,o=vo($o*n);return{backdropFilter:o,WebkitBackdropFilter:o}}}}}const Ao={spring:{stiffness:190,damping:25}},Io={spring:{stiffness:190,damping:25}};function Ro(){return{enterPhysics:Ao,exitPhysics:Io,background:{willChange:"",enterStyle:()=>({}),exitStyle:()=>({})}}}const Oo={static:Ro(),"background-scale":Co(),blur:Po()},_o="static",To="transform",Mo=(t={})=>{const e=Oo[t.type??_o],n=e.background,o=e.overlay,i=n.willChange!=="",r=c=>{const s=c==="forward"?"enter":"exit",l=s==="enter"?"to":"from",a=s==="enter"?"from":"to",d=s==="enter"?e.enterPhysics:e.exitPhysics;return{prepare:({from:p,to:u,context:f,createElement:m})=>{const y={from:p,to:u}[l],h={from:p,to:u}[a];y.then(g=>{g.style.willChange=To,g.style.backfaceVisibility="hidden",g.style.contain="layout paint",g.style.zIndex=T,s==="enter"?g.style.position="relative":g.style.pointerEvents="none"}),h.then(g=>{i&&(g.style.willChange=n.willChange,g.style.backfaceVisibility="hidden",g.style.contain="layout paint"),g.style.zIndex=_,s==="enter"?g.style.pointerEvents="none":g.style.position="relative"});let w;return o&&(w=m("sheet-overlay"),Object.assign(w.style,o.initialStyle),w.style.willChange=o.willChange,f.positionedParent.appendChild(w)),{overlay:w}},animation:({from:p,to:u,context:f,overlay:m})=>{const y={from:p,to:u}[l],h={from:p,to:u}[a],w=D(f,l),g=()=>{p.style.pointerEvents="",p.style.zIndex=""},x=()=>{const C=s==="enter"?T:_;u.style.position==="relative"&&(u.style.position=""),u.style.zIndex===C&&(u.style.zIndex="")};y.style.clipPath=`inset(${w.top}px 0 calc(100% - ${w.top+w.height}px) 0)`;const v=s==="enter"?(C,$)=>({transform:`translate3d(0, ${$*w.height}px, 0)`}):C=>({transform:`translate3d(0, ${C*w.height}px, 0)`}),P=new b.WebAnimation({element:y,integrator:S.IntegratorProvider.from(d),style:v,onComplete:()=>{y.style.willChange="auto",y.style.backfaceVisibility="",y.style.contain="",y.style.clipPath="",y.style.transform="",g(),x()}});U(P);const I={sheet:P,background:new b.MultiAnimation([]),overlay:new b.MultiAnimation([])};if(i){const C=h.scrollHeight;C>0&&(h.style.height=`${C}px`);const $=D(f,a),R=$.left+$.width/2,O=$.top+$.height/2;h.style.clipPath=`inset(${$.top}px 0 calc(100% - ${$.top+$.height}px) 0)`,h.style.transformOrigin=`${R}px ${O}px`;const K=s==="enter"?(Y,J)=>n.enterStyle(Y,J):Y=>n.exitStyle(Y),j=new b.WebAnimation({element:h,integrator:S.IntegratorProvider.from(d),style:K,onComplete:()=>{h.style.willChange="auto",h.style.backfaceVisibility="",h.style.contain="",h.style.clipPath="",h.style.transformOrigin="",h.style.transform="",h.style.opacity="",h.style.height=""}});U(j),I.background=j}if(m&&o){m.style.zIndex=Qt;const C=Kt(f,"to");m.style.top=`${C.top}px`,m.style.height=`${C.height}px`,I.overlay=new b.WebAnimation({element:m,integrator:S.IntegratorProvider.from(d),style:$=>o.style(s,$)})}return new b.MultiAnimation(I,{mode:"parallel"})}}};return E.defineTransition({forward:r("forward"),backward:r("backward")})};function Fo(t){return t==="scale"||t==="background-scale"?"background-scale":t==="blur"?"blur":"static"}function ko(t={},e={}){const n=t.type,o=Fo(n);return E.withOverride(Mo({type:o}),e.override)}const Do=(t={})=>{const e=t.physics??M.SLIDE_PHYSICS,n=o=>{const i=o==="forward"?100:-100;return{prepare:({from:r,to:c})=>(r.then(s=>{s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.pointerEvents="none"}),c.then(s=>{s.style.transform=`translate3d(${i}%, 0, 0)`,s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint"}),{}),animation:({from:r,to:c})=>{const s=new b.WebAnimation({element:r,integrator:S.IntegratorProvider.from(e),style:a=>({transform:`translate3d(${100*M.pageMotionStyle("slide","out",o,a).x}%, 0, 0)`}),onComplete:()=>{r.style.willChange="auto",r.style.backfaceVisibility="",r.style.contain="",r.style.transform="",r.style.pointerEvents=""}}),l=new b.WebAnimation({element:c,integrator:S.IntegratorProvider.from(e),style:a=>({transform:`translate3d(${100*M.pageMotionStyle("slide","in",o,a).x}%, 0, 0)`}),onComplete:()=>{c.style.willChange="auto",c.style.backfaceVisibility="",c.style.contain="",c.style.transform=""}});return new b.MultiAnimation({out:s,in:l},{mode:"parallel"})}}};return E.defineTransition({forward:n("forward"),backward:n("backward")})};function Yo(t={},e={}){return E.withOverride(Do(),e.override)}const Lo={spring:{stiffness:17,damping:6}},dt=20,q=800,Ho=(t={})=>{const e=t.physics??Lo,n={prepare:({from:o,to:i})=>(o.then(r=>{r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.pointerEvents="none",r.style.transform=`perspective(${q}px) rotateY(0deg) translate3d(0%, 0, 0)`}),i.then(r=>{r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.transform=`perspective(${q}px) rotateY(${dt}deg) translate3d(-100%, 0, 0)`}),{}),animation:({from:o,to:i})=>{const r=new b.WebAnimation({element:o,integrator:S.IntegratorProvider.from(e),style:s=>{const l=-s*dt,a=s*100;return{transform:`perspective(${q}px) rotateY(${l}deg) translate3d(${a}%, 0, 0)`}},onComplete:()=>{o.style.transform="",o.style.willChange="auto",o.style.backfaceVisibility="",o.style.contain="",o.style.pointerEvents=""}}),c=new b.WebAnimation({element:i,integrator:S.IntegratorProvider.from(e),style:(s,l)=>{const a=l*dt,d=-l*100;return{transform:`perspective(${q}px) rotateY(${a}deg) translate3d(${d}%, 0, 0)`}},onComplete:()=>{i.style.transform="",i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain=""}});return new b.MultiAnimation({out:r,in:c},{mode:"sequence"})}};return E.defineTransition({forward:n,backward:n})};function Wo(t={},e={}){return E.withOverride(Ho(),e.override)}function No(t,e){return e.left>=t.left-.01&&e.top>=t.top-.01&&e.left+e.width<=t.left+t.width+.01&&e.top+e.height<=t.top+t.height+.01}function re(t){const e=()=>({enterContent:t.enterRect,exitContent:t.exitRect,startWindow:t.enterRect,scaleX:t.exitRect.width/t.enterRect.width,scaleY:t.exitRect.height/t.enterRect.height}),{enterMedia:n,exitMedia:o}=t;if(!n||!o||!ne(n,o))return e();const i=n.content,r=o.content;if(i.width<=0||i.height<=0||r.width<=0||r.height<=0)return e();const c=r.width/i.width,s=r.height/i.height,l=ie(i,r,o.window,c,s);return No(n.window,l)?{enterContent:i,exitContent:r,startWindow:l,scaleX:c,scaleY:s,exitCornerRadii:o.cornerRadii}:e()}function se(t,e){return{top:t.top,right:e.width-(t.left+t.width),bottom:e.height-(t.top+t.height),left:t.left}}function zo(t,e,n){return{x:t/Math.max(Math.abs(e),1e-6),y:t/Math.max(Math.abs(n),1e-6)}}function ae(t,e,n,o,i,r){return(n??[t]).map(c=>zo(Math.max(0,c*o+e*(1-o)),i,r))}function Vo(t){const{pageRect:e,scrollOffset:n,enterRadius:o,exitRadius:i}=t,r=re(t),{enterContent:c,exitContent:s,startWindow:l,scaleX:a,scaleY:d}=r,p=s.left-c.left+(s.width-c.width)/2-n.x,u=s.top-c.top+(s.height-c.height)/2-n.y,f=se(l,e);return{transformOrigin:`${F(c)}px ${k(c)}px`,animate:m=>{const y=1-m,h=1+(a-1)*y,w=1+(d-1)*y,g=ae(i,o,r.exitCornerRadii,y,h,w);return{clipPath:Ct(e,{top:f.top*y,right:f.right*y,bottom:f.bottom*y,left:f.left*y},g),transform:`translate(${p*y}px, ${u*y}px) scale(${h}, ${w})`}}}}function Xo(t){const{pageRect:e,scrollOffset:n,enterRadius:o,exitRadius:i}=t,r=re(t),{enterContent:c,exitContent:s,startWindow:l,scaleX:a,scaleY:d}=r,p=s.left-c.left+(s.width-c.width)/2+n.x,u=s.top-c.top+(s.height-c.height)/2+n.y,f=se(l,e);return{transformOrigin:`${F(c)}px ${k(c)}px`,animate:m=>{const y=1-m,h=1+(a-1)*y,w=1+(d-1)*y,g=ae(i,o,r.exitCornerRadii,y,h,w);return{clipPath:Ct(e,{top:f.top*y,right:f.right*y,bottom:f.bottom*y,left:f.left*y},g),transform:`translate(${p*y-n.x}px, ${u*y}px) scale(${h}, ${w})`}}}}const Uo={spring:{stiffness:380,damping:30,restDelta:.1,restSpeed:.1,doubleSpring:{stiffness:260,damping:30}}},ce=.12,Bo=18;function Zo(){return{transformOrigin:"50% 50%",animate:t=>{const e=1-t;return{transform:`scale(${1-ce*e})`}}}}function jo(){return{transformOrigin:"50% 50%",animate:t=>{const e=1-t;return{transform:`scale(${1-ce*e})`}}}}const pt={willChange:"backdrop-filter",initialStyle:{position:"absolute",left:"0",width:"100%",pointerEvents:"none",backdropFilter:"blur(0px)",WebkitBackdropFilter:"blur(0px)"},style:(t,e)=>{const n=t==="enter"?e:1-e,o=`blur(${Bo*n}px)`;return{backdropFilter:o,WebkitBackdropFilter:o}}};class Go{constructor(){A(this,"name","background");A(this,"physics",Uo)}contribute(e){const{from:n,to:o,resolved:i,physics:r}=e,c=i.mode==="enter",s=c?n:o,l=c?Zo():jo();return l&&(s.style.transformOrigin=l.transformOrigin),[new b.WebAnimation({element:s,integrator:S.IntegratorProvider.from(r),style:c?(a,d)=>l.animate(d):a=>l.animate(a)})]}}class qo{constructor(){A(this,"name","overlay")}prepare(e){const n=e.createElement("zoom-overlay");return Object.assign(n.style,pt.initialStyle),n.style.willChange=pt.willChange,e.context.positionedParent.appendChild(n),{overlay:n}}contribute(e){const n=e.extras.overlay;if(!n)return[];n.style.zIndex=Qt;const o=Kt(e.context,"to");return n.style.top=`${o.top}px`,n.style.height=`${o.height}px`,[new b.WebAnimation({element:n,integrator:S.IntegratorProvider.from(e.physics),style:i=>pt.style(e.resolved.mode,i)})]}}const Ko={spring:{stiffness:380,damping:30,doubleSpring:{stiffness:260,damping:30}}};function Jo({enterRect:t,exitRect:e,scrollOffset:n}){const o=t.left-e.left+(t.width-e.width)/2+n.x,i=t.top-e.top+(t.height-e.height)/2+n.y,r=t.width/e.width,c=t.height/e.height,s=Math.max(r,c);return{transformOrigin:`${e.left+e.width/2}px ${e.top+e.height/2}px`,animate:l=>{const a=1-l;return{transform:`translate(${o*a-n.x}px, ${i*a}px) scale(${1+(s-1)*a})`}}}}function Qo({enterRect:t,exitRect:e,scrollOffset:n}){const o=t.left-e.left+(t.width-e.width)/2-n.x,i=t.top-e.top+(t.height-e.height)/2-n.y,r=t.width/e.width,c=t.height/e.height,s=Math.max(r,c);return{transformOrigin:`${e.left+e.width/2}px ${e.top+e.height/2}px`,animate:l=>{const a=1-l;return{transform:`translate(${o*a}px, ${i*a}px) scale(${1+(s-1)*a})`}}}}class ti{constructor(){A(this,"name","background");A(this,"physics",Ko)}contribute(e){const{from:n,to:o,resolved:i,input:r,physics:c}=e,s=i.mode==="enter",l=s?n:o,a=s?Jo(r):Qo(r);return a&&(l.style.transformOrigin=a.transformOrigin),[new b.WebAnimation({element:l,integrator:S.IntegratorProvider.from(c),style:s?(d,p)=>a.animate(p):d=>a.animate(d)})]}}const ei={spring:{stiffness:530,damping:34,doubleSpring:1}};class ni{constructor(){A(this,"name","background");A(this,"physics",ei)}contribute(e){return[]}}const oi={expand:()=>new ti,static:()=>new ni,blur:()=>new Go};function ii(t){return oi[t]()}const bt="data-zoom-enter-key",Ut="data-zoom-exit-key",Bt="data-zoom-radius";function ri(t,e){return Math.abs(t.left-e.left)<.01&&Math.abs(t.top-e.top)<.01&&Math.abs(t.width-e.width)<.01&&Math.abs(t.height-e.height)<.01}function si(t,e){const n=[];let o=e;for(;o&&o!==t;){const i=o.parentElement;if(!i)break;for(const r of Array.from(i.children))r!==o&&r instanceof HTMLElement&&n.push(r);o=i}return n}function Zt(t){const e=t.querySelectorAll(`[${bt}]`);return e.length!==1?null:e[0]}function jt(t,e){const n=t.querySelectorAll(`[${Ut}]`);for(const o of n)if(o.getAttribute(Ut)===e)return o;return null}function ai(t,e,n){if(n==="forward"){const c=Zt(e);if(!c)return null;const s=c.getAttribute(bt);if(!s)return null;const l=jt(t,s);return l?{mode:"enter",enterEl:c,exitEl:l}:null}const o=Zt(t);if(!o)return null;const i=o.getAttribute(bt);if(!i)return null;const r=jt(e,i);return r?{mode:"exit",enterEl:o,exitEl:r}:null}function ci(t,e,n,o){const i=t.mode==="enter"?n:e,r=t.mode==="enter"?e:n,c=z(i,t.enterEl),s=z(r,t.exitEl),l=gt(t.enterEl,c,h=>z(i,h),{clipRoot:i,legacyRadiusAttribute:Bt}),a=gt(t.exitEl,s,h=>z(r,h),{clipRoot:r,legacyRadiusAttribute:Bt}),[d,p]=oe(l,a),u=d.contentAware&&p.contentAware,f=t.mode==="enter"?n.getBoundingClientRect():e.getBoundingClientRect(),m={left:0,top:0,width:f.width,height:f.height},y=d.radiusSource==="legacy"||ri(d.window,m)?d.radius:0;return{enterRect:c,exitRect:s,...u?{enterMedia:d,exitMedia:p}:{},pageRect:f,scrollOffset:o,enterRadius:y,exitRadius:p.radius}}const ut=new WeakMap;function li(t){const e=ut.get(t)??{opacity:t.style.opacity,users:0};e.users++,ut.set(t,e),t.style.opacity="0";let n=!1;return()=>{n||(n=!0,!(--e.users>0)&&(t.style.opacity==="0"&&(t.style.opacity=e.opacity),ut.delete(t)))}}class di{constructor(){A(this,"name","tile")}prepare(e){e.from.then(n=>{n.style.willChange="transform, clip-path, opacity",n.style.backfaceVisibility="hidden",n.style.contain="layout paint"})}contribute(e){const{from:n,to:o,resolved:i,input:r,physics:c,onComplete:s}=e,l=i.mode==="enter",a=l?Vo(r):Xo(r),d=l?o:n,p=l?"t":"u";s(li(i.exitEl)),a&&(d.style.transformOrigin=a.transformOrigin);const u=l?_:T,f=l?T:_,m=n.style.zIndex;n.style.zIndex=u;const y=o.style.zIndex,h=o.style.position;return o.style.zIndex=f,o.style.position="relative",s(()=>{d.style.willChange="auto",d.style.backfaceVisibility="",d.style.transformOrigin="",d.style.contain="",n.style.zIndex=m,o.style.zIndex===f&&(o.style.zIndex=y),o.style.position==="relative"&&(o.style.position=h),o.style.transformOrigin="",n.style.willChange="auto",n.style.backfaceVisibility="",n.style.transformOrigin="",n.style.contain="",n.style.transform="",n.style.clipPath=""}),[new b.WebAnimation({element:d,integrator:S.IntegratorProvider.from(c),style:p==="t"?w=>a.animate(w):(w,g)=>a.animate(g)})]}}class pi{constructor(){A(this,"name","content")}contribute(e){const{resolved:n,physics:o,from:i,to:r,onComplete:c}=e,s=n.mode==="enter"?r:i,l=si(s,n.enterEl);if(l.length===0)return[];const a=l.map(d=>d.style.opacity);if(n.mode==="enter")for(const d of l)d.style.opacity="0";return c(()=>{for(let d=0;d<l.length;d++){const p=l[d];p&&(p.style.opacity=a[d]??"")}}),l.map(d=>new b.WebAnimation({element:d,integrator:S.IntegratorProvider.from(o),style:(p,u)=>({opacity:n.mode==="enter"?p:u})}))}}class ui{constructor(){A(this,"name","content")}contribute(){return[]}}const fi={default:()=>new ui,fade:()=>new pi};function hi(t){return fi[t]()}function yi(t){const e=ii(t.type);return{strategies:[new di,e,hi(t.variant),...t.type==="blur"?[new qo]:[]],physics:e.physics}}const mi=t=>{const{strategies:e,physics:n}=yi(t),o=i=>({prepare:r=>{const c={from:r.from,to:r.to,context:{positionedParent:r.context.positionedParent},createElement:r.createElement},s={};for(const l of e){if(!l.prepare)continue;const a=l.prepare(c);a&&Object.assign(s,a)}return s},animation:({from:r,to:c,context:s,...l})=>{var w;const a=ai(r,c,i);if(!a)return X({tile:[],background:[],content:[],overlay:[]});const d=ci(a,r,c,s.scrollOffset),p=[],f={from:r,to:c,resolved:a,input:d,physics:n,context:s,extras:l,onComplete:g=>{p.push(g)}},m={tile:[],background:[],content:[],overlay:[]};for(const g of e)m[g.name].push(...((w=g.contribute)==null?void 0:w.call(g,f))??[]);const y=Object.values(m).flat(),h=X(m);h.onComplete=()=>{for(const g of p)try{g()}catch(x){console.error("[zoom] cleanup error",x)}};for(const g of y)g instanceof b.WebAnimation&&U(g);return h}});return E.defineTransition({forward:o("forward"),backward:o("backward")})};function gi(t){const e=t.type??"static",n=t.variant??(t.fade?"fade":"default");return{type:e,variant:n}}function bi(t={},e={}){const n=gi(t);return E.withOverride(mi(n),e.override)}const Gt=1/60,wi=600;function Si(t,e){const n=Math.sqrt(t),o=e/(2*n),i=2*Math.PI/n,r=o<=1?1-o:1/o-1;return{duration:i,bounce:r,zeta:o}}function W(t){if(!Number.isFinite(t.stiffness)||t.stiffness<=0)throw new Error("spring(): stiffness must be finite and > 0");if(!Number.isFinite(t.damping)||t.damping<0)throw new Error("spring(): damping must be finite and >= 0");for(const[e,n]of[["restDelta",t.restDelta],["restSpeed",t.restSpeed]])if(n!==void 0&&(!Number.isFinite(n)||n<=0))throw new Error(`spring(): ${e} must be finite and > 0`);return S.IntegratorProvider.from({spring:t})}function Ci(t){let e={position:0,velocity:0};for(let n=1;n<=wi;n++)if(e=t.step(e,1,Gt),e.position>=1)return n*Gt*1e3;return 1/0}function le(t){const{duration:e,resistance:n=1.5,restDelta:o}=t;if(!Number.isFinite(e)||!(e>0))throw new Error("easeIn(): duration must be finite and > 0");const i=e*1e3;let r=.01,c=1e6;for(let s=0;s<60;s++){const l=Math.sqrt(r*c),a=new S.InertiaIntegrator({acceleration:l,resistance:n,restDelta:o});Ci(a)>i?r=l:c=l}return new S.InertiaIntegrator({acceleration:c,resistance:n,restDelta:o})}class xt{constructor(e,n){if(this.inner=e,this.factor=n,!Number.isFinite(n)||!(n>0))throw new Error("scale(): factor must be finite and > 0")}step(e,n,o){const i=Math.max(1,Math.ceil(this.factor)),r=o*this.factor/i;let c={...e,velocity:e.velocity/this.factor};for(let s=0;s<i;s++)c=this.inner.step(c,n,r);return{...c,velocity:c.velocity*this.factor}}isSettled(e,n){return this.inner.isSettled({...e,velocity:e.velocity/this.factor},n)}}function xi(t,e){return new xt(t,e)}function de(t){const e=S.simulate(t,0,1,0),n=e.length?e[e.length-1].time:0;if(t instanceof xt){const o=de(t.inner);return{...o,kind:"scaled",duration:o.duration===void 0?void 0:o.duration/t.factor,settleMs:n}}return t instanceof S.SpringIntegrator||t instanceof S.DoubleSpringIntegrator?{kind:t instanceof S.SpringIntegrator?"spring":"double-spring",...Si(t.stiffness,t.damping),settleMs:n}:t instanceof S.InertiaIntegrator?{kind:"inertia",settleMs:n}:{kind:"custom",settleMs:n}}const Ei=W({stiffness:246.74011002723395,damping:31.41592653589793}),$i=W({stiffness:438.6490844928604,damping:35.604716740684324}),vi=W({stiffness:194.9551486634935,damping:19.54768762233649}),Pi=W({stiffness:130.5071656342394,damping:22.84794657156213}),Ai=W({stiffness:986.9604401089358,damping:62.83185307179586}),Ii=le({duration:.2});exports.defineTransition=E.defineTransition;exports.withOverride=E.withOverride;exports.Animation=b.Animation;exports.MultiAnimation=b.MultiAnimation;exports.WebAnimation=b.WebAnimation;exports.DoubleSpringIntegrator=S.DoubleSpringIntegrator;exports.InertiaIntegrator=S.InertiaIntegrator;exports.IntegratorProvider=S.IntegratorProvider;exports.SpringIntegrator=S.SpringIntegrator;exports.LinearIntegrator=qt;exports.ScaledIntegrator=xt;exports.accelerate=Ii;exports.axis=qe;exports.blind=nn;exports.bouncy=vi;exports.describeIntegrator=de;exports.drill=hn;exports.easeIn=le;exports.fade=mn;exports.film=vn;exports.gentle=Pi;exports.hero=ao;exports.jaemin=uo;exports.rotate=yo;exports.scale=xi;exports.scroll=bo;exports.sheet=ko;exports.slide=Yo;exports.smooth=Ei;exports.snappy=$i;exports.spring=W;exports.strip=Wo;exports.swift=Ai;exports.zoom=bi;
|
|
35
|
+
)`}function ct(t,e,n,o,i){const r=n/1e3;return new w.WebAnimation({element:t,integrator:new te({durationSec:r}),lowerBound:0,upperBound:1,style:c=>o(vn(e,c)),onComplete:i})}const Rn=(t={})=>{var r;const e=((r=t.border)==null?void 0:r.color)??En,n=Cn,o=t.physics,i={prepare:({from:c,to:s,context:l})=>{const a=L(l,"from"),d=L(l,"to"),u=At(document.body,l.positionedParent),f=In(e,{...a,top:u.top});for(const p of["topLeft","topRight","bottomLeft","bottomRight"])l.positionedParent.appendChild(f[p]);return c.then(p=>{Xt(p,a),Bt(p,a),p.style.transform=`translateY(${-a.top}px)`}),s.then(p=>{Xt(p,d),Bt(p,d),p.style.transform=`translateY(${-d.top+d.height}px) scale(${n})`}),{borders:f,fromRect:a,toRect:d}},animation:({from:c,to:s,context:l,borders:a,fromRect:d,toRect:u})=>{const f=Vt({rect:d,scale:n,direction:"out",override:o}),p=Vt({rect:u,scale:n,direction:"in",override:o}),y=ct(c,f.snapshots,f.totalDuration,x=>({transform:`translateY(${x.translateY}px) scale(${x.scale})`}),()=>{c.style.clipPath="",c.style.transformOrigin="",c.style.transform=""}),h=ct(s,p.snapshots,p.totalDuration,x=>({transform:`translateY(${x.translateY}px) scale(${x.scale})`}),()=>{s.style.clipPath="",s.style.transformOrigin="",s.style.transform=""}),m=Pn.map(([x,$],v)=>{const I=["topLeft","topRight","bottomLeft","bottomRight"][v];return ct(a[I],f.snapshots,f.totalDuration,C=>{const E=(d.width-d.width*C.scale)/2*.7*x,O=(d.height-d.height*C.scale)/2*.7*$;return{transform:`translate(${E}px, ${O}px)`}})}),b=j({out:y,in:h,borders:m}),g=b.onComplete;return b.onComplete=()=>{g==null||g();const x=l.positionedParent;for(const $ of["topLeft","topRight","bottomLeft","bottomRight"]){const v=a[$];v.parentElement===x&&x.removeChild(v)}},b}};return A.defineTransition({forward:i,backward:i})};function On(t={},e={}){const{options:n}=t,o=(n==null?void 0:n.borderColor)!==void 0?{border:{color:n.borderColor}}:void 0;return A.withOverride(Rn(o),e.override)}function Mn(t){if(!t)return null;if(t.includes("/")){const n=t.split("/");if(n.length!==2)return null;const o=Number.parseFloat(n[0]??""),i=Number.parseFloat(n[1]??"");return Number.isFinite(o)&&Number.isFinite(i)&&o>0&&i>0?o/i:null}const e=Number.parseFloat(t);return Number.isFinite(e)&&e>0?e:null}function Tn(t){return t==="contain"||t==="cover"?t:null}function yt(t){return t.tagName==="IMG"}function ie(t){if(yt(t))return t;if(t.tagName==="PICTURE"||t.tagName==="VIDEO")return null;const e=[];for(const n of Array.from(t.children)){const o=n;yt(o)&&e.push(o)}return e.length===1?e[0]??null:null}function _n(t){var l,a;if(!yt(t))return null;const e=t,n=e.naturalWidth,o=e.naturalHeight;if(typeof n=="number"&&typeof o=="number"&&Number.isFinite(n)&&Number.isFinite(o)&&n>0&&o>0)return n/o;const i=((l=t.getAttribute("width"))==null?void 0:l.trim())??"",r=((a=t.getAttribute("height"))==null?void 0:a.trim())??"",c=i===""?Number.NaN:Number(i),s=r===""?Number.NaN:Number(r);return Number.isFinite(c)&&Number.isFinite(s)&&c>0&&s>0?c/s:null}function kn(t){const e=t.trim().toLowerCase().replace(/\s+/g," ");return e===""||e==="center"||e==="center center"||e==="50% 50%"}function J(t){if(typeof getComputedStyle=="function")try{return getComputedStyle(t)}catch{}return t.style}function Fn(t){const e=J(t),n=kn(e.objectPosition??"");return{fit:n?Tn(e.objectFit??null):null,centered:n}}function $t(t){if(!t)return 0;const e=/^(-?(?:\d+\.?\d*|\.\d+))px$/.exec(t.trim());if(!e)return null;const n=Number.parseFloat(e[1]??"");return Number.isFinite(n)&&n>=0?n:null}function gt(t){const e=J(t),n=[e.borderTopLeftRadius,e.borderTopRightRadius,e.borderBottomRightRadius,e.borderBottomLeftRadius].map($t),o=n[0];if(o==null)return{radius:0,supported:!1};const i=n.every(r=>r!==null&&Math.abs(r-o)<.001);return{radius:i?o:0,supported:i}}function Dn(t,e){var i;if(!e)return null;const n=(i=t.getAttribute(e))==null?void 0:i.trim();if(n==null||n==="")return null;const o=Number.parseFloat(n);return Number.isFinite(o)&&o>=0?o:null}function Yn(t){const e=J(t);return[e.paddingTop,e.paddingRight,e.paddingBottom,e.paddingLeft,e.borderTopWidth,e.borderRightWidth,e.borderBottomWidth,e.borderLeftWidth].every(o=>o?$t(o)===0:!0)}function Ln(t){const e=J(t),n=o=>o==="hidden"||o==="clip";return n(e.overflowX)&&n(e.overflowY)}function k(t){return t.left+t.width/2}function F(t){return t.top+t.height/2}function q(t,e){return{top:Math.max(0,e.top-t.top),right:Math.max(0,t.left+t.width-(e.left+e.width)),bottom:Math.max(0,t.top+t.height-(e.top+e.height)),left:Math.max(0,e.left-t.left)}}function bt(t,e){const n=Math.max(t.left,e.left),o=Math.max(t.top,e.top),i=Math.min(t.left+t.width,e.left+e.width),r=Math.min(t.top+t.height,e.top+e.height);return i>n&&r>o?{left:n,top:o,width:i-n,height:r-o}:null}function U(t,e){return Math.abs(t.left-e.left)<.01&&Math.abs(t.top-e.top)<.01&&Math.abs(t.width-e.width)<.01&&Math.abs(t.height-e.height)<.01}function Hn(t,e,n){const o=t.width/t.height;let i,r;return n==="contain"?o>e?(r=t.height,i=r*e):(i=t.width,r=i/e):o>e?(i=t.width,r=i/e):(r=t.height,i=r*e),{left:t.left+(t.width-i)/2,top:t.top+(t.height-r)/2,width:i,height:r}}function re(t,e,n){const o=e!==null&&n!==null&&t.width>0&&t.height>0?Hn(t,e,n):t,i=n==="contain"?o:t;return{bbox:t,content:o,window:i,clipInset:q(o,i),aspectRatio:e,fit:n,radius:0,radiusSource:"none",bboxRadius:0,bboxRadiusSource:"none",contentAware:e!==null&&n!==null,mediaElement:null}}function wt(t,e,n){return{...re(t,null,null),radius:e,radiusSource:n,bboxRadius:e,bboxRadiusSource:n}}function se(t,e){const n=t.aspectRatio,o=e.aspectRatio;return t.contentAware&&e.contentAware&&n!==null&&o!==null&&Math.abs(n-o)/Math.max(n,o)<.01}function Ut(t){return wt(t.bbox,t.bboxRadius,t.bboxRadiusSource)}function ae(t,e){return se(t,e)?[t,e]:[Ut(t),Ut(e)]}function Wn(t,e,n,o){const i=ie(t),r=i?n(i):e,c=o.legacyAspectRatioAttribute?Mn(t.getAttribute(o.legacyAspectRatioAttribute)??(i==null?void 0:i.getAttribute(o.legacyAspectRatioAttribute))??null):null,s=c??(i?_n(i):null),l=i?Fn(i):{fit:null,centered:!0},a=l.centered&&(i===null||Yn(i))?l.fit??(c!==null?o.fallbackFit??null:null):null,d=re(r,s,a),u=Ln(t),p=i!==null&&i!==t&&u?bt(d.window,e):d.window,y=Dn(t,o.legacyRadiusAttribute),h=i===t||u,m=h?gt(t):{radius:0,supported:!0},b=y??m.radius,g=y!==null?"legacy":m.supported?m.radius>0?"computed":"none":"unsupported",x=[];p&&h&&U(p,e)&&x.push(m),p&&i&&U(p,r)&&x.push(gt(i));const $=x.every(E=>E.supported),v=Math.max(0,...x.map(E=>E.radius)),I=y??v,C=y!==null?"legacy":$?v>0?"computed":"none":"unsupported";return!p||C==="unsupported"?wt(e,b,g):{...d,bbox:e,window:p,clipInset:q(d.content,p),radius:I,radiusSource:C,bboxRadius:b,bboxRadiusSource:g,mediaElement:d.contentAware?i:null}}function St(t,e,n,o){const i=Wn(t,e,n,o);if(!o.clipRoot||i.radiusSource==="unsupported")return i;let r=i.window,c=i.radius,s=[c,c,c,c],l=i.radiusSource,a=t.parentElement;for(;a&&a!==o.clipRoot;){const u=J(a),f=h=>h==="hidden"||h==="clip"||h==="auto"||h==="scroll",p=f(u.overflowX),y=f(u.overflowY);if(p||y){if(![u.borderTopWidth,u.borderRightWidth,u.borderBottomWidth,u.borderLeftWidth].every(C=>$t(C)===0)||a.offsetWidth&&a.clientWidth&&a.offsetWidth-a.clientWidth>1||a.offsetHeight&&a.clientHeight&&a.offsetHeight-a.clientHeight>1)return i;const m=n(a),b={left:p?m.left:r.left,top:y?m.top:r.top,width:p?m.width:r.width,height:y?m.height:r.height},g=bt(r,b);if(!g)return i;const x=gt(a);if(!x.supported)return i;if(p&&y&&U(r,m))l!=="legacy"&&(c=Math.max(c,x.radius),s=s.map(C=>Math.max(C,x.radius)),c>0&&(l="computed"));else if(x.radius>0){const C={left:m.left+x.radius,top:m.top+x.radius,width:m.width-2*x.radius,height:m.height-2*x.radius};if(!U(bt(r,C)??m,r))return i}const $=q(r,g),v=[[$.top,$.left],[$.top,$.right],[$.bottom,$.right],[$.bottom,$.left]];for(let C=0;C<4;C++){const E=Math.max(...v[C]),O=s[C];if(E>.01&&E<O)return i;E>.01&&(s[C]=0)}const I=Math.max(...s);if(g.width<I||g.height<I)return i;r=g}a=a.parentElement}const d=U(i.bbox,r);return{...i,window:r,clipInset:q(i.content,r),radius:c,radiusSource:l,...s.some(u=>u!==c)?{cornerRadii:s}:{},...d?{bboxRadius:c,bboxRadiusSource:l}:{}}}function ce(t,e,n,o,i){const r=n.width/o,c=n.height/i;return{left:k(t)+(k(n)-k(e))/o-r/2,top:F(t)+(F(n)-F(e))/i-c/2,width:r,height:c}}const Nn={enter:"contain",exit:"cover",legacy:"contain"};function z(t){return Nn[t]}const xt="data-hero-enter-key",Ct="data-hero-exit-key",Z="data-hero-key";function K(t,e){const n=e.map(o=>({name:o,value:t.style.getPropertyValue(o),priority:t.style.getPropertyPriority(o)}));return()=>{for(const{name:o,value:i,priority:r}of n)i?t.style.setProperty(o,i,r):t.style.removeProperty(o)}}const et=new WeakMap;function zn(t){var e;return((e=et.get(t))==null?void 0:e.opacity)??getComputedStyle(t).opacity}function lt(t){const e=et.get(t)??{users:0,opacity:getComputedStyle(t).opacity,restore:K(t,["opacity"])};e.users++,et.set(t,e),t.style.opacity="0";let n=!1;return()=>{n||(n=!0,!(--e.users>0)&&(e.restore(),et.delete(t)))}}function Vn(t){const e=t.getAttribute("data-hero-transitioning");return t.setAttribute("data-hero-transitioning",""),()=>{e===null?t.removeAttribute("data-hero-transitioning"):t.setAttribute("data-hero-transitioning",e)}}function Xn(t,e){const n=K(t,["z-index"]),o=K(e,["z-index","position"]);return t.style.zIndex=_,e.style.zIndex=T,getComputedStyle(e).position==="static"&&(e.style.position="relative"),()=>{n(),o()}}function Bn(t,e,n){if(t.tagName!=="IMG")return()=>{};const o=getComputedStyle(t),i=f=>Number.parseFloat(f)||0,r=o.boxSizing==="border-box",c=i(o.width)+(r?0:i(o.paddingLeft)+i(o.paddingRight)+i(o.borderLeftWidth)+i(o.borderRightWidth)),s=i(o.height)+(r?0:i(o.paddingTop)+i(o.paddingBottom)+i(o.borderTopWidth)+i(o.borderBottomWidth)),l=e.width*c/n.width,a=e.height*s/n.height;let d=null;o.position!=="absolute"&&o.position!=="fixed"&&(d=document.createElement("span"),d.setAttribute("data-hero-placeholder",""),d.setAttribute("aria-hidden","true"),Object.assign(d.style,{display:o.display==="inline"?"inline-block":o.display,boxSizing:"border-box",width:`${c}px`,height:`${s}px`,margin:o.margin,flex:o.flex,alignSelf:o.alignSelf,gridArea:o.gridArea,order:o.order,verticalAlign:o.verticalAlign,visibility:"hidden",pointerEvents:"none"}),t.before(d));const u=K(t,["position","left","top","right","bottom","width","height","min-width","min-height","max-width","max-height","box-sizing","margin-top","margin-right","margin-bottom","margin-left","flex"]);return Object.assign(t.style,{position:"absolute",left:"0",top:"0",right:"auto",bottom:"auto",boxSizing:"border-box",width:`${l}px`,height:`${a}px`,minWidth:"0",minHeight:"0",maxWidth:"none",maxHeight:"none",margin:"0",flex:"none"}),()=>{u(),d==null||d.remove()}}function Un(t,e){return t.fromEl.getAttribute(xt)===t.key&&t.toEl.getAttribute(Ct)===t.key?!0:e==="backward"&&t.fromEl.getAttribute(Z)===t.key&&t.toEl.getAttribute(Z)===t.key}function Zn(t,e,n){const o=t.cloneNode(!0),i=(r,c)=>{const s=getComputedStyle(r),l=c.style;for(const a of Array.from(s))l.setProperty(a,s.getPropertyValue(a));for(const{name:a}of Array.from(c.attributes))(a==="id"||a.startsWith("data-hero-"))&&c.removeAttribute(a);if(r.tagName==="IMG"){const a=r;a.currentSrc&&(c.removeAttribute("srcset"),c.removeAttribute("sizes"),c.setAttribute("src",a.currentSrc)),c.setAttribute("loading","eager")}l.animation="none",l.transition="none",Array.from(r.children).forEach((a,d)=>{const u=c.children[d];u&&i(a,u)})};return i(t,o),o.setAttribute("data-hero-layer",""),o.setAttribute("aria-hidden","true"),o.setAttribute("inert",""),Object.assign(o.style,{position:"absolute",left:`${e.left}px`,top:`${e.top}px`,right:"auto",bottom:"auto",width:`${e.width}px`,height:`${e.height}px`,minWidth:"0",minHeight:"0",maxWidth:"none",maxHeight:"none",boxSizing:"border-box",margin:"0",transformOrigin:"center center",translate:"none",rotate:"none",scale:"none",zIndex:String(Number(T)+1),willChange:"transform, clip-path",pointerEvents:"none",opacity:zn(t)}),n&&(o.style.borderRadius="0"),o}function vt(t,e,n){const o=(s,l)=>`${l>0?s/l*100:0}%`,i=[o(e.top,t.height),o(e.right,t.width),o(e.bottom,t.height),o(e.left,t.width)].join(" "),r=n.map(s=>o(s.x,t.width)).join(" "),c=n.map(s=>o(s.y,t.height)).join(" ");return`inset(${i} round ${r} / ${c})`}class jn{constructor(){R(this,"previousFromOpacity","")}prepare(e){e.from.then(n=>{this.previousFromOpacity=n.style.opacity,n.style.opacity="0"})}contribute(e){return e.onComplete(()=>{e.from.style.opacity=this.previousFromOpacity}),{}}}const Gn=()=>new jn;function qn(t,e){const n=new Set(e),o=new Set;for(const c of n){let s=c.parentElement;for(;s&&s!==t;)o.add(s),s=s.parentElement}const i=[],r=c=>{var s;if(!(n.has(c)||((s=c.getAttribute)==null?void 0:s.call(c,"data-hero-placeholder"))!=null)){if(c!==t&&!o.has(c)){i.push(c);return}for(const l of Array.from(c.children))l instanceof HTMLElement&&r(l)}};return r(t),i}class Kn{contribute(e){const{from:n,to:o,resolved:i,physics:r,onComplete:c}=e,s=i.pairs.map(p=>ie(p.toEl)??p.toEl),l=(s.length?qn(o,s):[o]).map(p=>({element:p,opacity:p.style.opacity,willChange:p.style.willChange,targetOpacity:Number.parseFloat(getComputedStyle(p).opacity)||0})),a=new Set;for(const p of s)for(let y=p.parentElement;y&&(a.add(y),y!==o);y=y.parentElement);const d=Array.from(a).map(p=>({element:p,color:getComputedStyle(p).backgroundColor,previousColor:p.style.backgroundColor})).filter(({color:p})=>p&&p!=="transparent"&&p!=="rgba(0, 0, 0, 0)"),u=n.style.opacity,f=n.style.willChange;n.style.willChange="opacity";for(const{element:p}of l)p.style.opacity="0",p.style.willChange="opacity";for(const{element:p}of d)p.style.backgroundColor="transparent";return c(()=>{n.style.opacity=u,n.style.willChange=f;for(const{element:p,opacity:y,willChange:h}of l)p.style.opacity=y,p.style.willChange=h;for(const{element:p,previousColor:y}of d)p.style.backgroundColor=y}),{out:[new w.WebAnimation({element:n,integrator:S.IntegratorProvider.from(r),style:(p,y)=>({opacity:y})})],in:[...l.map(({element:p,targetOpacity:y})=>new w.WebAnimation({element:p,integrator:S.IntegratorProvider.from(r),style:h=>({opacity:Math.min(1,Math.max(0,h))*y})})),...d.map(({element:p,color:y})=>new w.WebAnimation({element:p,integrator:S.IntegratorProvider.from(r),style:h=>({backgroundColor:`color-mix(in srgb, ${y} ${Math.min(1,Math.max(0,h))*100}%, transparent)`})}))]}}}const Jn=()=>new Kn,Qn={static:Gn,fade:Jn},to={spring:{stiffness:320,damping:30}},eo=()=>to,no={spring:{stiffness:300,damping:30,doubleSpring:1}},oo=()=>no,io={default:eo,smooth:oo},ro=700,so="data-hero-aspect-ratio",ao="data-hero-radius";function Zt(t,e,n,o){const i=c=>{const s=Y(t,c);return{left:s.left+t.scrollLeft,top:s.top+t.scrollTop,width:s.width,height:s.height}},r=i(e);return St(e,r,i,{clipRoot:o,fallbackFit:n,legacyAspectRatioAttribute:so,legacyRadiusAttribute:ao})}function Q(t,e){const n=new Map,o=t.querySelectorAll(`[${e}]`);for(const i of Array.from(o)){const r=i.getAttribute(e);r&&(n.has(r)||n.set(r,i))}return n}function co(t,e){const n=[],o=Q(e,xt),i=Q(t,Ct);for(const[s,l]of o){const a=i.get(s);a&&n.push({key:s,fromEl:a,toEl:l,fromFit:z("exit"),toFit:z("enter")})}const r=Q(t,xt),c=Q(e,Ct);for(const[s,l]of r){const a=c.get(s);a&&n.push({key:s,fromEl:l,toEl:a,fromFit:z("enter"),toFit:z("exit")})}return n}function lo(t,e){const n=[],o=Array.from(e.querySelectorAll(`[${Z}]`));for(const i of o){const r=i.getAttribute(Z);if(!r)continue;const c=t.querySelector(`[${Z}="${r}"]`);c&&n.push({key:r,fromEl:c,toEl:i,fromFit:z("legacy"),toFit:z("legacy")})}return n}function uo(t,e){const n=co(t,e);return n.length>0?n:lo(t,e)}function po(t,e){return ae(t,e)}function fo(t,e){return t.radiusSource==="unsupported"||e.radiusSource==="unsupported"?!1:t.mediaElement!==null||e.mediaElement!==null||t.radiusSource==="computed"||t.radiusSource==="legacy"||e.radiusSource==="computed"||e.radiusSource==="legacy"}function ho(t,e,n,o,i){const{fromEl:r,toEl:c}=e,[s,l]=po(Zt(t,r,e.fromFit,o),Zt(t,c,e.toFit,i)),a=s.content,d=s.window,u=l.content,f=l.window,p=l.clipInset,y=s.radiusSource==="unsupported"||l.radiusSource==="unsupported",h=y?0:s.radius,m=y?0:l.radius;if(a.width===0||a.height===0||d.width===0||d.height===0||u.width===0||u.height===0||f.width===0||f.height===0)return null;const b=Math.max(a.width/u.width,a.height/u.height),g=k(a),x=F(a),$=k(u),v=F(u),I=g-$,C=x-v;if(Math.abs(C)>n)return null;const E=q(u,ce(u,a,d,b,b));return{toContent:u,fromVisualEl:s.mediaElement??r,toVisualEl:l.mediaElement??c,resetRadius:fo(s,l),styleFor:(O,M,P)=>{const X=(M*I+(P?$-k(P.box):0))/((P==null?void 0:P.scaleX)??1),H=(M*C+(P?v-F(P.box):0))/((P==null?void 0:P.scaleY)??1),W=O+M*b,me=s.cornerRadii??[h,h,h,h],ye=l.cornerRadii??[m,m,m,m],ge=me.map((Ce,Ee)=>{const It=Math.max(0,Ce*M+ye[Ee]*O)/Math.max(Math.abs(W),1e-6);return{x:It,y:It}}),be=E.top*M+p.top*O,we=E.right*M+p.right*O,Se=E.bottom*M+p.bottom*O,xe=E.left*M+p.left*O;return{transform:P?`translate(${X}px, ${H}px) scale(${W*u.width/P.box.width}, ${W*u.height/P.box.height})`:`translate(${X}px, ${H}px) scale(${W})`,clipPath:vt(u,{top:be,right:we,bottom:Se,left:xe},ge)}}}}function jt(t,e){t.style.transform=e.transform,t.style.clipPath=e.clipPath}class mo{contribute(e){const{resolved:n,physics:o,positionedParent:i,maxDistance:r,onComplete:c}=e;c(Xn(e.from,e.to));const s=n.pairs.flatMap(a=>{const d=ho(i,a,r,e.from,e.to);return d?[{pair:a,plan:d}]:[]});e.resolved={pairs:s.map(({pair:a})=>a)};const l=[];for(const{pair:a,plan:d}of s){const{fromVisualEl:u,toVisualEl:f}=d;if(Un(a,e.direction)){const $=Zn(f,d.toContent,d.resetRadius);jt($,d.styleFor(0,1)),i.appendChild($);const v=lt(u),I=lt(f);c(()=>{$.remove(),v(),I()}),l.push(new w.WebAnimation({element:$,integrator:S.IntegratorProvider.from(o),style:(C,E)=>d.styleFor(C,E)}));continue}const p=Vn(f),y=lt(u),h=K(f,["transform","transform-origin","clip-path","object-fit","border-radius","will-change"]);f.style.transform="none",f.style.transformOrigin="center center",f.style.willChange="transform, clip-path",d.resetRadius&&(f.style.borderRadius="0");const m=Bn(f,d.toContent,Y(i,f)),b=Y(i,f),g={box:{left:b.left+i.scrollLeft,top:b.top+i.scrollTop,width:b.width,height:b.height},scaleX:f.offsetWidth&&Math.abs(b.width-f.offsetWidth)>.5?b.width/f.offsetWidth:1,scaleY:f.offsetHeight&&Math.abs(b.height-f.offsetHeight)>.5?b.height/f.offsetHeight:1},x=($,v)=>d.styleFor($,v,g);jt(f,x(0,1)),c(()=>{m(),h(),y(),p()}),l.push(new w.WebAnimation({element:f,integrator:S.IntegratorProvider.from(o),style:x}))}return{shared:l}}}function yo(t){return[new mo,Qn[t.type]()]}const go=t=>{const e=io[t.variant](),n=ro,o={prepare:i=>{var l;const r=yo(t),c=Promise.all([i.from,i.to]).then(([a,d])=>({pairs:uo(a,d)})),s={from:i.from,to:i.to,resolved:c};for(const a of r)(l=a.prepare)==null||l.call(a,s);return c.then(a=>({resolved:a,strategies:r}))},animation:({from:i,to:r,context:c,resolved:s,strategies:l})=>{var h;if(s.pairs.length===0)return j({shared:[],out:[],in:[]});const a=[],d=m=>{a.push(m)},u={direction:c.direction,from:i,to:r,resolved:s,physics:e,positionedParent:c.positionedParent,maxDistance:n,onComplete:d},f={shared:[],out:[],in:[]};for(const m of l){const b=(h=m.contribute)==null?void 0:h.call(m,u);if(b)for(const g of Object.keys(f))f[g].push(...b[g]??[])}const p=j(f),y=p.onComplete;return p.onComplete=()=>{y==null||y();for(const m of Object.values(f).flat())m instanceof w.WebAnimation&&m.releaseFill();for(const m of a)try{m()}catch(b){console.error("[hero] cleanup error",b)}},p}};return A.defineTransition({forward:o,backward:o})};function bo(t={},e={}){const n=t.type??"static",o=t.variant??"default";return A.withOverride(go({type:n,variant:o}),e.override)}const wo={spring:{stiffness:50,damping:30}},So={spring:{stiffness:80,damping:25}},xo=(t={})=>{const e=t.physics??wo,n=t.initialRotation??45,o=t.initialScale??.01,i=t.rotationTriggerPoint??.8,r={prepare:({from:c,to:s,context:l})=>(c.then(a=>{a.style.opacity="1"}),s.then(a=>{const d=L(l,"to"),u=Math.min(d.width,d.height)*.4;a.style.setProperty("--max-border-radius",`${u}px`),a.style.setProperty("--border-radius-scale","1"),a.style.willChange="transform",a.style.backfaceVisibility="hidden";const f=d.left+d.width/2,p=d.top+d.height/2;a.style.transformOrigin=`${f}px ${p}px`,a.style.position="fixed",a.style.top=`${d.top}px`,a.style.left=`${d.left}px`,a.style.width=`${d.width}px`,a.style.height=`${d.height}px`,a.style.zIndex="1000",a.style.overflow="hidden",a.style.transform=`rotate(${n}deg) scale(${o}) translateZ(0)`,a.style.borderRadius="calc(var(--max-border-radius) * var(--border-radius-scale))",a.style.opacity="1"}),{}),animation:({from:c,to:s})=>{const l=new w.WebAnimation({element:c,integrator:S.IntegratorProvider.from(So),style:(d,u)=>({opacity:u}),onComplete:()=>{c.style.opacity=""}}),a=new w.WebAnimation({element:s,integrator:S.IntegratorProvider.from(e),style:d=>{let u;if(d<=.05)u=o;else if(d<=i){const h=(d-.05)/(i-.05),m=Math.pow(h,9);u=o+(.8-o)*m}else{const h=(d-i)/(1-i);u=.8+.2*(1-Math.pow(1-h,3))}const f=.7;let p;if(d<=f)p=n;else{const h=(d-f)/(1-f),m=1-Math.pow(1-h,2);p=n*(1-m)}let y;if(d<=f)y=1;else{const h=(d-f)/(1-f);y=1-Math.pow(h,.5)}return{transform:`rotate(${p.toFixed(2)}deg) scale(${u.toFixed(4)}) translateZ(0)`,"--border-radius-scale":y.toFixed(4)}},onComplete:()=>{s.style.willChange="",s.style.backfaceVisibility="",s.style.removeProperty("--max-border-radius"),s.style.removeProperty("--border-radius-scale"),s.style.transform="",s.style.transformOrigin="",s.style.position="",s.style.zIndex="",s.style.top="",s.style.left="",s.style.width="",s.style.height="",s.style.overflow="",s.style.borderRadius=""}});return new w.MultiAnimation({out:l,in:a},{mode:"parallel"})}};return A.defineTransition({forward:r,backward:r})};function Co(t={},e={}){return A.withOverride(xo(),e.override)}const Eo={spring:{stiffness:100,damping:30}},Ao=(t={})=>{const e=t.physics??Eo,n={prepare:({from:o,to:i})=>(o.then(r=>{r.style.transformOrigin="center center",r.style.willChange="transform, opacity"}),i.then(r=>{r.style.opacity="0",r.style.transform="rotate(-180deg)",r.style.transformOrigin="center center",r.style.willChange="transform, opacity"}),{}),animation:({from:o,to:i})=>{const r=new w.WebAnimation({element:o,integrator:S.IntegratorProvider.from(e),style:s=>({transform:`rotate(${s*180}deg)`,opacity:s<.5?1:0}),onComplete:()=>{o.style.willChange="auto",o.style.transform="",o.style.transformOrigin="",o.style.opacity=""}}),c=new w.WebAnimation({element:i,integrator:S.IntegratorProvider.from(e),style:(s,l)=>({transform:`rotate(${-l*180}deg)`,opacity:s>.5?1:0}),onComplete:()=>{i.style.willChange="auto",i.style.transform="",i.style.transformOrigin="",i.style.opacity=""}});return new w.MultiAnimation({out:r,in:c},{mode:"parallel"})}};return A.defineTransition({forward:n,backward:n})};function $o(t={},e={}){return A.withOverride(Ao(),e.override)}const vo={spring:{stiffness:20,damping:8,doubleSpring:1,restDelta:.001,restSpeed:.001}},Po=(t={})=>{const e=t.physics??vo,n=t.directional??!0,o=i=>{const r=!n||i==="forward",c=r?_:T,s=r?T:_;return{prepare:({from:l,to:a})=>(l.then(d=>{d.style.zIndex=c,d.style.willChange="transform",d.style.backfaceVisibility="hidden",d.style.contain="layout paint",d.style.pointerEvents="none"}),a.then(d=>{d.style.willChange="transform",d.style.backfaceVisibility="hidden",d.style.contain="layout paint",d.style.position="relative",d.style.zIndex=s}),{}),animation:({from:l,to:a})=>{const d=l.offsetHeight,u=a.offsetHeight,f=window.innerHeight,p=Math.max(Math.min(d,u),f),y=new w.WebAnimation({element:l,integrator:S.IntegratorProvider.from(e),style:m=>({transform:`translate3d(0, ${r?-p*m:p*m}px, 0)`}),onComplete:()=>{l.style.willChange="auto",l.style.backfaceVisibility="",l.style.contain="",l.style.transform="",l.style.pointerEvents="",l.style.zIndex=""}}),h=new w.WebAnimation({element:a,integrator:S.IntegratorProvider.from(e),style:(m,b)=>({transform:`translate3d(0, ${r?b*p:b*-p}px, 0)`}),onComplete:()=>{a.style.willChange="auto",a.style.backfaceVisibility="",a.style.contain="",a.style.transform="",a.style.position==="relative"&&(a.style.position=""),a.style.zIndex===s&&(a.style.zIndex="")}});return[y,h].forEach(G),new w.MultiAnimation({out:y,in:h},{mode:"parallel"})}}};return A.defineTransition({forward:o("forward"),backward:o("backward")})};function Io(t={},e={}){const{type:n="directional"}=t;return A.withOverride(Po({directional:n==="directional"}),e.override)}const Ro={spring:{stiffness:200,damping:24}},Oo={inertia:{acceleration:25,resistance:1.2}},dt=.2;function Mo(){return{enterPhysics:Ro,exitPhysics:Oo,background:{willChange:"transform, opacity",enterStyle:(t,e)=>({transform:`scale(${1-dt*t})`,opacity:e}),exitStyle:t=>({transform:`scale(${1-dt+dt*t})`,opacity:t})}}}const To={spring:{stiffness:200,damping:24}},_o={inertia:{acceleration:25,resistance:1.2}},ut=.08,ko=16,pt=.6,Fo=t=>`blur(${Math.max(0,t).toFixed(2)}px)`;function Do(){return{enterPhysics:To,exitPhysics:_o,background:{willChange:"transform, opacity",enterStyle:t=>({transform:`scale(${1-ut*t})`,opacity:1-(1-pt)*t}),exitStyle:t=>({transform:`scale(${1-ut+ut*t})`,opacity:pt+(1-pt)*t})},overlay:{willChange:"backdrop-filter",initialStyle:{position:"absolute",left:"0",width:"100%",pointerEvents:"none",backdropFilter:"blur(0px)",WebkitBackdropFilter:"blur(0px)"},style:(t,e)=>{const n=t==="enter"?e:1-e,o=Fo(ko*n);return{backdropFilter:o,WebkitBackdropFilter:o}}}}}const Yo={spring:{stiffness:190,damping:25}},Lo={spring:{stiffness:190,damping:25}};function Ho(){return{enterPhysics:Yo,exitPhysics:Lo,background:{willChange:"",enterStyle:()=>({}),exitStyle:()=>({})}}}const Wo={static:Ho(),"background-scale":Mo(),blur:Do()},No="static",zo="transform",Vo=(t={})=>{const e=Wo[t.type??No],n=e.background,o=e.overlay,i=n.willChange!=="",r=c=>{const s=c==="forward"?"enter":"exit",l=s==="enter"?"to":"from",a=s==="enter"?"from":"to",d=s==="enter"?e.enterPhysics:e.exitPhysics;return{prepare:({from:u,to:f,context:p,createElement:y})=>{const h={from:u,to:f}[l],m={from:u,to:f}[a];h.then(g=>{g.style.willChange=zo,g.style.backfaceVisibility="hidden",g.style.contain="layout paint",g.style.zIndex=T,s==="enter"?g.style.position="relative":g.style.pointerEvents="none"}),m.then(g=>{i&&(g.style.willChange=n.willChange,g.style.backfaceVisibility="hidden",g.style.contain="layout paint"),g.style.zIndex=_,s==="enter"?g.style.pointerEvents="none":g.style.position="relative"});let b;return o&&(b=y("sheet-overlay"),Object.assign(b.style,o.initialStyle),b.style.willChange=o.willChange,p.positionedParent.appendChild(b)),{overlay:b}},animation:({from:u,to:f,context:p,overlay:y})=>{const h={from:u,to:f}[l],m={from:u,to:f}[a],b=L(p,l),g=()=>{u.style.pointerEvents="",u.style.zIndex=""},x=()=>{const C=s==="enter"?T:_;f.style.position==="relative"&&(f.style.position=""),f.style.zIndex===C&&(f.style.zIndex="")};h.style.clipPath=`inset(${b.top}px 0 calc(100% - ${b.top+b.height}px) 0)`;const $=s==="enter"?(C,E)=>({transform:`translate3d(0, ${E*b.height}px, 0)`}):C=>({transform:`translate3d(0, ${C*b.height}px, 0)`}),v=new w.WebAnimation({element:h,integrator:S.IntegratorProvider.from(d),style:$,onComplete:()=>{h.style.willChange="auto",h.style.backfaceVisibility="",h.style.contain="",h.style.clipPath="",h.style.transform="",g(),x()}});G(v);const I={sheet:v,background:new w.MultiAnimation([]),overlay:new w.MultiAnimation([])};if(i){const C=m.scrollHeight;C>0&&(m.style.height=`${C}px`);const E=L(p,a),O=E.left+E.width/2,M=E.top+E.height/2;m.style.clipPath=`inset(${E.top}px 0 calc(100% - ${E.top+E.height}px) 0)`,m.style.transformOrigin=`${O}px ${M}px`;const P=s==="enter"?(H,W)=>n.enterStyle(H,W):H=>n.exitStyle(H),X=new w.WebAnimation({element:m,integrator:S.IntegratorProvider.from(d),style:P,onComplete:()=>{m.style.willChange="auto",m.style.backfaceVisibility="",m.style.contain="",m.style.clipPath="",m.style.transformOrigin="",m.style.transform="",m.style.opacity="",m.style.height=""}});G(X),I.background=X}if(y&&o){y.style.zIndex=oe;const C=ee(p,"to");y.style.top=`${C.top}px`,y.style.height=`${C.height}px`,I.overlay=new w.WebAnimation({element:y,integrator:S.IntegratorProvider.from(d),style:E=>o.style(s,E)})}return new w.MultiAnimation(I,{mode:"parallel"})}}};return A.defineTransition({forward:r("forward"),backward:r("backward")})};function Xo(t){return t==="scale"||t==="background-scale"?"background-scale":t==="blur"?"blur":"static"}function Bo(t={},e={}){const n=t.type,o=Xo(n);return A.withOverride(Vo({type:o}),e.override)}const Uo=(t={})=>{const e=t.physics??D.SLIDE_PHYSICS,n=o=>{const i=o==="forward"?100:-100;return{prepare:({from:r,to:c})=>(r.then(s=>{s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.pointerEvents="none"}),c.then(s=>{s.style.transform=`translate3d(${i}%, 0, 0)`,s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint"}),{}),animation:({from:r,to:c})=>{const s=new w.WebAnimation({element:r,integrator:S.IntegratorProvider.from(e),style:a=>({transform:`translate3d(${100*D.pageMotionStyle("slide","out",o,a).x}%, 0, 0)`}),onComplete:()=>{r.style.willChange="auto",r.style.backfaceVisibility="",r.style.contain="",r.style.transform="",r.style.pointerEvents=""}}),l=new w.WebAnimation({element:c,integrator:S.IntegratorProvider.from(e),style:a=>({transform:`translate3d(${100*D.pageMotionStyle("slide","in",o,a).x}%, 0, 0)`}),onComplete:()=>{c.style.willChange="auto",c.style.backfaceVisibility="",c.style.contain="",c.style.transform=""}});return new w.MultiAnimation({out:s,in:l},{mode:"parallel"})}}};return A.defineTransition({forward:n("forward"),backward:n("backward")})};function Zo(t={},e={}){return A.withOverride(Uo(),e.override)}const jo={spring:{stiffness:17,damping:6}},ft=20,tt=800,Go=(t={})=>{const e=t.physics??jo,n={prepare:({from:o,to:i})=>(o.then(r=>{r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.pointerEvents="none",r.style.transform=`perspective(${tt}px) rotateY(0deg) translate3d(0%, 0, 0)`}),i.then(r=>{r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.transform=`perspective(${tt}px) rotateY(${ft}deg) translate3d(-100%, 0, 0)`}),{}),animation:({from:o,to:i})=>{const r=new w.WebAnimation({element:o,integrator:S.IntegratorProvider.from(e),style:s=>{const l=-s*ft,a=s*100;return{transform:`perspective(${tt}px) rotateY(${l}deg) translate3d(${a}%, 0, 0)`}},onComplete:()=>{o.style.transform="",o.style.willChange="auto",o.style.backfaceVisibility="",o.style.contain="",o.style.pointerEvents=""}}),c=new w.WebAnimation({element:i,integrator:S.IntegratorProvider.from(e),style:(s,l)=>{const a=l*ft,d=-l*100;return{transform:`perspective(${tt}px) rotateY(${a}deg) translate3d(${d}%, 0, 0)`}},onComplete:()=>{i.style.transform="",i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain=""}});return new w.MultiAnimation({out:r,in:c},{mode:"sequence"})}};return A.defineTransition({forward:n,backward:n})};function qo(t={},e={}){return A.withOverride(Go(),e.override)}function Ko(t,e){return e.left>=t.left-.01&&e.top>=t.top-.01&&e.left+e.width<=t.left+t.width+.01&&e.top+e.height<=t.top+t.height+.01}function le(t){const e=()=>({enterContent:t.enterRect,exitContent:t.exitRect,startWindow:t.enterRect,scaleX:t.exitRect.width/t.enterRect.width,scaleY:t.exitRect.height/t.enterRect.height}),{enterMedia:n,exitMedia:o}=t;if(!n||!o||!se(n,o))return e();const i=n.content,r=o.content;if(i.width<=0||i.height<=0||r.width<=0||r.height<=0)return e();const c=r.width/i.width,s=r.height/i.height,l=ce(i,r,o.window,c,s);return Ko(n.window,l)?{enterContent:i,exitContent:r,startWindow:l,scaleX:c,scaleY:s,exitCornerRadii:o.cornerRadii}:e()}function de(t,e){return{top:t.top,right:e.width-(t.left+t.width),bottom:e.height-(t.top+t.height),left:t.left}}function Jo(t,e,n){return{x:t/Math.max(Math.abs(e),1e-6),y:t/Math.max(Math.abs(n),1e-6)}}function ue(t,e,n,o,i,r){return(n??[t]).map(c=>Jo(Math.max(0,c*o+e*(1-o)),i,r))}function Qo(t){const{pageRect:e,scrollOffset:n,enterRadius:o,exitRadius:i}=t,r=le(t),{enterContent:c,exitContent:s,startWindow:l,scaleX:a,scaleY:d}=r,u=s.left-c.left+(s.width-c.width)/2-n.x,f=s.top-c.top+(s.height-c.height)/2-n.y,p=de(l,e);return{transformOrigin:`${k(c)}px ${F(c)}px`,animate:y=>{const h=1-y,m=1+(a-1)*h,b=1+(d-1)*h,g=ue(i,o,r.exitCornerRadii,h,m,b);return{clipPath:vt(e,{top:p.top*h,right:p.right*h,bottom:p.bottom*h,left:p.left*h},g),transform:`translate(${u*h}px, ${f*h}px) scale(${m}, ${b})`}}}}function ti(t){const{pageRect:e,scrollOffset:n,enterRadius:o,exitRadius:i}=t,r=le(t),{enterContent:c,exitContent:s,startWindow:l,scaleX:a,scaleY:d}=r,u=s.left-c.left+(s.width-c.width)/2+n.x,f=s.top-c.top+(s.height-c.height)/2+n.y,p=de(l,e);return{transformOrigin:`${k(c)}px ${F(c)}px`,animate:y=>{const h=1-y,m=1+(a-1)*h,b=1+(d-1)*h,g=ue(i,o,r.exitCornerRadii,h,m,b);return{clipPath:vt(e,{top:p.top*h,right:p.right*h,bottom:p.bottom*h,left:p.left*h},g),transform:`translate(${u*h-n.x}px, ${f*h}px) scale(${m}, ${b})`}}}}const ei={spring:{stiffness:380,damping:30,restDelta:.1,restSpeed:.1,doubleSpring:{stiffness:260,damping:30}}},pe=.12,ni=18;function oi(){return{transformOrigin:"50% 50%",animate:t=>{const e=1-t;return{transform:`scale(${1-pe*e})`}}}}function ii(){return{transformOrigin:"50% 50%",animate:t=>{const e=1-t;return{transform:`scale(${1-pe*e})`}}}}const ht={willChange:"backdrop-filter",initialStyle:{position:"absolute",left:"0",width:"100%",pointerEvents:"none",backdropFilter:"blur(0px)",WebkitBackdropFilter:"blur(0px)"},style:(t,e)=>{const n=t==="enter"?e:1-e,o=`blur(${ni*n}px)`;return{backdropFilter:o,WebkitBackdropFilter:o}}};class ri{constructor(){R(this,"name","background");R(this,"physics",ei)}contribute(e){const{from:n,to:o,resolved:i,physics:r}=e,c=i.mode==="enter",s=c?n:o,l=c?oi():ii();return l&&(s.style.transformOrigin=l.transformOrigin),[new w.WebAnimation({element:s,integrator:S.IntegratorProvider.from(r),style:c?(a,d)=>l.animate(d):a=>l.animate(a)})]}}class si{constructor(){R(this,"name","overlay")}prepare(e){const n=e.createElement("zoom-overlay");return Object.assign(n.style,ht.initialStyle),n.style.willChange=ht.willChange,e.context.positionedParent.appendChild(n),{overlay:n}}contribute(e){const n=e.extras.overlay;if(!n)return[];n.style.zIndex=oe;const o=ee(e.context,"to");return n.style.top=`${o.top}px`,n.style.height=`${o.height}px`,[new w.WebAnimation({element:n,integrator:S.IntegratorProvider.from(e.physics),style:i=>ht.style(e.resolved.mode,i)})]}}const ai={spring:{stiffness:380,damping:30,doubleSpring:{stiffness:260,damping:30}}};function ci({enterRect:t,exitRect:e,scrollOffset:n}){const o=t.left-e.left+(t.width-e.width)/2+n.x,i=t.top-e.top+(t.height-e.height)/2+n.y,r=t.width/e.width,c=t.height/e.height,s=Math.max(r,c);return{transformOrigin:`${e.left+e.width/2}px ${e.top+e.height/2}px`,animate:l=>{const a=1-l;return{transform:`translate(${o*a-n.x}px, ${i*a}px) scale(${1+(s-1)*a})`}}}}function li({enterRect:t,exitRect:e,scrollOffset:n}){const o=t.left-e.left+(t.width-e.width)/2-n.x,i=t.top-e.top+(t.height-e.height)/2-n.y,r=t.width/e.width,c=t.height/e.height,s=Math.max(r,c);return{transformOrigin:`${e.left+e.width/2}px ${e.top+e.height/2}px`,animate:l=>{const a=1-l;return{transform:`translate(${o*a}px, ${i*a}px) scale(${1+(s-1)*a})`}}}}class di{constructor(){R(this,"name","background");R(this,"physics",ai)}contribute(e){const{from:n,to:o,resolved:i,input:r,physics:c}=e,s=i.mode==="enter",l=s?n:o,a=s?ci(r):li(r);return a&&(l.style.transformOrigin=a.transformOrigin),[new w.WebAnimation({element:l,integrator:S.IntegratorProvider.from(c),style:s?(d,u)=>a.animate(u):d=>a.animate(d)})]}}const ui={spring:{stiffness:530,damping:34,doubleSpring:1}};class pi{constructor(){R(this,"name","background");R(this,"physics",ui)}contribute(e){return[]}}const fi={expand:()=>new di,static:()=>new pi,blur:()=>new ri};function hi(t){return fi[t]()}const Et="data-zoom-enter-key",Gt="data-zoom-exit-key",qt="data-zoom-radius";function mi(t,e){return Math.abs(t.left-e.left)<.01&&Math.abs(t.top-e.top)<.01&&Math.abs(t.width-e.width)<.01&&Math.abs(t.height-e.height)<.01}function yi(t,e){const n=[];let o=e;for(;o&&o!==t;){const i=o.parentElement;if(!i)break;for(const r of Array.from(i.children))r!==o&&r instanceof HTMLElement&&n.push(r);o=i}return n}function Kt(t){const e=t.querySelectorAll(`[${Et}]`);return e.length!==1?null:e[0]}function Jt(t,e){const n=t.querySelectorAll(`[${Gt}]`);for(const o of n)if(o.getAttribute(Gt)===e)return o;return null}function gi(t,e,n){if(n==="forward"){const c=Kt(e);if(!c)return null;const s=c.getAttribute(Et);if(!s)return null;const l=Jt(t,s);return l?{mode:"enter",enterEl:c,exitEl:l}:null}const o=Kt(t);if(!o)return null;const i=o.getAttribute(Et);if(!i)return null;const r=Jt(e,i);return r?{mode:"exit",enterEl:o,exitEl:r}:null}function bi(t,e,n,o){const i=t.mode==="enter"?n:e,r=t.mode==="enter"?e:n,c=Y(i,t.enterEl),s=Y(r,t.exitEl),l=St(t.enterEl,c,m=>Y(i,m),{clipRoot:i,legacyRadiusAttribute:qt}),a=St(t.exitEl,s,m=>Y(r,m),{clipRoot:r,legacyRadiusAttribute:qt}),[d,u]=ae(l,a),f=d.contentAware&&u.contentAware,p=t.mode==="enter"?n.getBoundingClientRect():e.getBoundingClientRect(),y={left:0,top:0,width:p.width,height:p.height},h=d.radiusSource==="legacy"||mi(d.window,y)?d.radius:0;return{enterRect:c,exitRect:s,...f?{enterMedia:d,exitMedia:u}:{},pageRect:p,scrollOffset:o,enterRadius:h,exitRadius:u.radius}}const mt=new WeakMap;function wi(t){const e=mt.get(t)??{opacity:t.style.opacity,users:0};e.users++,mt.set(t,e),t.style.opacity="0";let n=!1;return()=>{n||(n=!0,!(--e.users>0)&&(t.style.opacity==="0"&&(t.style.opacity=e.opacity),mt.delete(t)))}}class Si{constructor(){R(this,"name","tile")}prepare(e){e.from.then(n=>{n.style.willChange="transform, clip-path, opacity",n.style.backfaceVisibility="hidden",n.style.contain="layout paint"})}contribute(e){const{from:n,to:o,resolved:i,input:r,physics:c,onComplete:s}=e,l=i.mode==="enter",a=l?Qo(r):ti(r),d=l?o:n,u=l?"t":"u";s(wi(i.exitEl)),a&&(d.style.transformOrigin=a.transformOrigin);const f=l?_:T,p=l?T:_,y=n.style.zIndex;n.style.zIndex=f;const h=o.style.zIndex,m=o.style.position;return o.style.zIndex=p,o.style.position="relative",s(()=>{d.style.willChange="auto",d.style.backfaceVisibility="",d.style.transformOrigin="",d.style.contain="",n.style.zIndex=y,o.style.zIndex===p&&(o.style.zIndex=h),o.style.position==="relative"&&(o.style.position=m),o.style.transformOrigin="",n.style.willChange="auto",n.style.backfaceVisibility="",n.style.transformOrigin="",n.style.contain="",n.style.transform="",n.style.clipPath=""}),[new w.WebAnimation({element:d,integrator:S.IntegratorProvider.from(c),style:u==="t"?b=>a.animate(b):(b,g)=>a.animate(g)})]}}class xi{constructor(){R(this,"name","content")}contribute(e){const{resolved:n,physics:o,from:i,to:r,onComplete:c}=e,s=n.mode==="enter"?r:i,l=yi(s,n.enterEl);if(l.length===0)return[];const a=l.map(d=>d.style.opacity);if(n.mode==="enter")for(const d of l)d.style.opacity="0";return c(()=>{for(let d=0;d<l.length;d++){const u=l[d];u&&(u.style.opacity=a[d]??"")}}),l.map(d=>new w.WebAnimation({element:d,integrator:S.IntegratorProvider.from(o),style:(u,f)=>({opacity:n.mode==="enter"?u:f})}))}}class Ci{constructor(){R(this,"name","content")}contribute(){return[]}}const Ei={default:()=>new Ci,fade:()=>new xi};function Ai(t){return Ei[t]()}function $i(t){const e=hi(t.type);return{strategies:[new Si,e,Ai(t.variant),...t.type==="blur"?[new si]:[]],physics:e.physics}}const vi=t=>{const{strategies:e,physics:n}=$i(t),o=i=>({prepare:r=>{const c={from:r.from,to:r.to,context:{positionedParent:r.context.positionedParent},createElement:r.createElement},s={};for(const l of e){if(!l.prepare)continue;const a=l.prepare(c);a&&Object.assign(s,a)}return s},animation:({from:r,to:c,context:s,...l})=>{var b;const a=gi(r,c,i);if(!a)return j({tile:[],background:[],content:[],overlay:[]});const d=bi(a,r,c,s.scrollOffset),u=[],p={from:r,to:c,resolved:a,input:d,physics:n,context:s,extras:l,onComplete:g=>{u.push(g)}},y={tile:[],background:[],content:[],overlay:[]};for(const g of e)y[g.name].push(...((b=g.contribute)==null?void 0:b.call(g,p))??[]);const h=Object.values(y).flat(),m=j(y);m.onComplete=()=>{for(const g of u)try{g()}catch(x){console.error("[zoom] cleanup error",x)}};for(const g of h)g instanceof w.WebAnimation&&G(g);return m}});return A.defineTransition({forward:o("forward"),backward:o("backward")})};function Pi(t){const e=t.type??"static",n=t.variant??(t.fade?"fade":"default");return{type:e,variant:n}}function Ii(t={},e={}){const n=Pi(t);return A.withOverride(vi(n),e.override)}const Qt=1/60,Ri=600;function Oi(t,e){const n=Math.sqrt(t),o=e/(2*n),i=2*Math.PI/n,r=o<=1?1-o:1/o-1;return{duration:i,bounce:r,zeta:o}}function V(t){if(!Number.isFinite(t.stiffness)||t.stiffness<=0)throw new Error("spring(): stiffness must be finite and > 0");if(!Number.isFinite(t.damping)||t.damping<0)throw new Error("spring(): damping must be finite and >= 0");for(const[e,n]of[["restDelta",t.restDelta],["restSpeed",t.restSpeed]])if(n!==void 0&&(!Number.isFinite(n)||n<=0))throw new Error(`spring(): ${e} must be finite and > 0`);return S.IntegratorProvider.from({spring:t})}function Mi(t){let e={position:0,velocity:0};for(let n=1;n<=Ri;n++)if(e=t.step(e,1,Qt),e.position>=1)return n*Qt*1e3;return 1/0}function fe(t){const{duration:e,resistance:n=1.5,restDelta:o}=t;if(!Number.isFinite(e)||!(e>0))throw new Error("easeIn(): duration must be finite and > 0");const i=e*1e3;let r=.01,c=1e6;for(let s=0;s<60;s++){const l=Math.sqrt(r*c),a=new S.InertiaIntegrator({acceleration:l,resistance:n,restDelta:o});Mi(a)>i?r=l:c=l}return new S.InertiaIntegrator({acceleration:c,resistance:n,restDelta:o})}class Pt{constructor(e,n){if(this.inner=e,this.factor=n,!Number.isFinite(n)||!(n>0))throw new Error("scale(): factor must be finite and > 0")}step(e,n,o){const i=Math.max(1,Math.ceil(this.factor)),r=o*this.factor/i;let c={...e,velocity:e.velocity/this.factor};for(let s=0;s<i;s++)c=this.inner.step(c,n,r);return{...c,velocity:c.velocity*this.factor}}isSettled(e,n){return this.inner.isSettled({...e,velocity:e.velocity/this.factor},n)}}function Ti(t,e){return new Pt(t,e)}function he(t){const e=S.simulate(t,0,1,0),n=e.length?e[e.length-1].time:0;if(t instanceof Pt){const o=he(t.inner);return{...o,kind:"scaled",duration:o.duration===void 0?void 0:o.duration/t.factor,settleMs:n}}return t instanceof S.SpringIntegrator||t instanceof S.DoubleSpringIntegrator?{kind:t instanceof S.SpringIntegrator?"spring":"double-spring",...Oi(t.stiffness,t.damping),settleMs:n}:t instanceof S.InertiaIntegrator?{kind:"inertia",settleMs:n}:{kind:"custom",settleMs:n}}const _i=V({stiffness:246.74011002723395,damping:31.41592653589793}),ki=V({stiffness:438.6490844928604,damping:35.604716740684324}),Fi=V({stiffness:194.9551486634935,damping:19.54768762233649}),Di=V({stiffness:130.5071656342394,damping:22.84794657156213}),Yi=V({stiffness:986.9604401089358,damping:62.83185307179586}),Li=fe({duration:.2});exports.defineTransition=A.defineTransition;exports.withOverride=A.withOverride;exports.Animation=w.Animation;exports.MultiAnimation=w.MultiAnimation;exports.WebAnimation=w.WebAnimation;exports.DoubleSpringIntegrator=S.DoubleSpringIntegrator;exports.InertiaIntegrator=S.InertiaIntegrator;exports.IntegratorProvider=S.IntegratorProvider;exports.SpringIntegrator=S.SpringIntegrator;exports.LinearIntegrator=te;exports.ScaledIntegrator=Pt;exports.accelerate=Li;exports.axis=en;exports.blind=cn;exports.bouncy=Fi;exports.describeIntegrator=he;exports.drill=wn;exports.easeIn=fe;exports.fade=xn;exports.film=On;exports.gentle=Di;exports.hero=bo;exports.jaemin=Co;exports.rotate=$o;exports.scale=Ti;exports.scroll=Io;exports.sheet=Bo;exports.slide=Zo;exports.smooth=_i;exports.snappy=ki;exports.spring=V;exports.strip=qo;exports.swift=Yi;exports.zoom=Ii;
|