@ssgoi/core 7.1.2 → 7.1.3-beta.1

package/dist/index.cjs

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

package/dist/index.d.ts

@@ -1,5 +1,12 @@
 export * from './transitions';
+export * from './motion';
+export { defineTransition } from './transition/define-transition';
+export type { Transition, TransitionDefinition, TransitionDirection, OverrideArgs, } from './transition/define-transition';
+export type { AnimationPatch, AnimationStart } from './animation/animation';
 export { Animation, WebAnimation, MultiAnimation } from './animation';
+export { SpringIntegrator, DoubleSpringIntegrator, InertiaIntegrator, LinearIntegrator, IntegratorProvider, } from './animation/integrator';
+export type { TrackPatch } from './animation/multi-animation';
+export type { Integrator, IntegratorState, SpringIntegratorConfig, DoubleSpringIntegratorConfig, InertiaIntegratorConfig, LinearIntegratorConfig, } from './animation/integrator';
 export type { WebAnimationOptions, MultiAnimationOptions, MultiAnimationMode, } from './animation';
-export type { SsgoiConfig, SsgoiTransitionRule, SsgoiOnTransitionRule, SsgoiPairTransitionRule, SsgoiOrderedTransitionRule, PathPatterns, NavigationDirection, TransitionConfig, PrepareArgs, AnimationFactoryArgs, CreateElement, SsgoiTransitionContext, Pose, Timeline, TimelineFrame, StyleObject, PhysicsOptions, SpringConfig, InertiaConfig, } from './types/index.ts';
+export type { SsgoiConfig, SsgoiTransitionRule, SsgoiOnTransitionRule, SsgoiPairTransitionRule, SsgoiOrderedTransitionRule, PathPatterns, NavigationDirection, TransitionConfig, PrepareArgs, AnimationFactoryArgs, CreateElement, SsgoiTransitionContext, Pose, Timeline, TimelineFrame, StyleObject, PhysicsOptions, SpringConfig, InertiaConfig, Override, OverrideFn, PresetExtras, } from './types/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACtE,YAAY,EACV,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,0BAA0B,EAC1B,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,aAAa,EACb,sBAAsB,EACtB,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,WAAW,EACX,cAAc,EACd,YAAY,EACZ,aAAa,GACd,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,YAAY,EACV,UAAU,EACV,oBAAoB,EACpB,mBAAmB,EACnB,YAAY,GACb,MAAM,gCAAgC,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EACV,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,4BAA4B,EAC5B,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,0BAA0B,EAC1B,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,aAAa,EACb,sBAAsB,EACtB,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,WAAW,EACX,cAAc,EACd,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,UAAU,EACV,YAAY,GACb,MAAM,QAAQ,CAAC"}