@ssgoi/core 7.1.2 → 7.1.3-beta.0

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

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"}