@ssgoi/core 6.2.1 → 6.3.0

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";var Yt=Object.defineProperty;var kt=(e,t,n)=>t in e?Yt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var $=(e,t,n)=>kt(e,typeof t!="symbol"?t+"":t,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./multi-animation-Dw2JTJI2.cjs");function T(e,t){const n=[];for(let s=0;s<e.length;s++)for(let o=s+1;o<e.length;o++){const i=e[s],r=e[o];!i||!r||n.push({from:i,to:r,transition:t(),symmetric:!0})}return n}function _t(e,t){return[{from:e.exit,to:e.enter,transition:t("enter")},{from:e.enter,to:e.exit,transition:t("exit")}]}function lt(e,t,n){const s=[];for(let o=0;o<e.length;o++)for(let i=o+1;i<e.length;i++){const r=e[o],c=e[i];!r||!c||s.push({from:r,to:c,transition:n(t.forward)},{from:c,to:r,transition:n(t.backward)})}return s}class N{constructor(t){$(this,"omega");$(this,"zeta");$(this,"restDelta");$(this,"restSpeed");const{stiffness:n,damping:s}=t,o=1;this.omega=Math.sqrt(n/o),this.zeta=s/(2*Math.sqrt(n*o)),this.restDelta=t.restDelta??h.POSITION_THRESHOLD,this.restSpeed=t.restSpeed??h.VELOCITY_THRESHOLD}step(t,n,s){const o=Math.min(s,.033),{omega:i,zeta:r}=this,{position:c,velocity:l}=t,a=-2*o*r*i*l,p=o*i*i*(n-c),f=l+a+p;return{position:c+o*f,velocity:f}}isSettled(t,n){const s=Math.abs(n-t.position),o=Math.abs(t.velocity);return s<this.restDelta&&o<this.restSpeed}}class Mt{constructor(t){$(this,"leader");$(this,"follower");$(this,"restDelta");$(this,"restSpeed");this.restDelta=t.restDelta??h.POSITION_THRESHOLD,this.restSpeed=t.restSpeed??h.VELOCITY_THRESHOLD,this.leader=new N({stiffness:t.stiffness,damping:t.damping,restDelta:this.restDelta,restSpeed:this.restSpeed});let n,s,o,i;typeof t.follower=="number"?(n=t.stiffness*t.follower,s=t.damping):t.follower?(n=t.follower.stiffness,s=t.follower.damping,o=t.follower.restDelta,i=t.follower.restSpeed):(n=t.stiffness,s=t.damping),this.follower=new N({stiffness:n,damping:s,restDelta:o??this.restDelta,restSpeed:i??this.restSpeed})}step(t,n,s){const i=t._leader??{position:t.position,velocity:t.velocity},r=this.leader.step(i,n,s),c=this.follower.step(t,r.position,s);return{position:c.position,velocity:c.velocity,_leader:r}}isSettled(t,n){const s=t,o=Math.abs(n-t.position)<this.restDelta&&Math.abs(t.velocity)<this.restSpeed;return s._leader?Math.abs(n-s._leader.position)<this.restDelta&&Math.abs(s._leader.velocity)<this.restSpeed&&o:o}}const Ht=.01,Wt=500,Ut=10;class zt{constructor(t){$(this,"acceleration");$(this,"resistance");$(this,"resistanceType");$(this,"min");$(this,"max");$(this,"bounceStiffness");$(this,"bounceDamping");$(this,"restDelta");this.acceleration=t.acceleration,this.resistance=t.resistance,this.resistanceType=t.resistanceType??"quadratic",this.min=t.min,this.max=t.max,this.bounceStiffness=t.bounceStiffness??Wt,this.bounceDamping=t.bounceDamping??Ut,this.restDelta=t.restDelta??Ht}step(t,n,s){const o=Math.min(s,.033),{acceleration:i,resistance:r,resistanceType:c,min:l,max:a}=this,{position:p,velocity:f}=t,m=l!==void 0&&p<l,u=a!==void 0&&p>a;let d;if(m||u){const w=p-(m?l:a),E=-this.bounceStiffness*w,C=-this.bounceDamping*f;d=E+C}else{const S=n>p?1:-1;let w;c==="linear"?w=r*f:w=r*f*Math.abs(f),d=S*i-w}const y=f+d*o;let g=p+y*o;if(!m&&!u){const S=n>p?1:-1;(S>0&&g>n||S<0&&g<n)&&(g=n)}return{position:g,velocity:g===n?0:y}}isSettled(t,n){return Math.abs(n-t.position)<this.restDelta}}class b{static from(t){if(t.spring&&t.inertia)throw new Error("Cannot use both 'spring' and 'inertia' together. Choose one physics type.");if(t.inertia)return new zt({acceleration:t.inertia.acceleration,resistance:t.inertia.resistance,resistanceType:t.inertia.resistanceType,min:t.inertia.min,max:t.inertia.max,bounceStiffness:t.inertia.bounceStiffness,bounceDamping:t.inertia.bounceDamping,restDelta:t.inertia.restDelta});const n=t.spring??{stiffness:300,damping:30};if(n.doubleSpring){const s=n.doubleSpring;let o;return typeof s=="number"?o=s:typeof s=="object"&&(o={stiffness:s.stiffness,damping:s.damping}),new Mt({stiffness:n.stiffness,damping:n.damping,follower:o,restDelta:n.restDelta,restSpeed:n.restSpeed})}return new N({stiffness:n.stiffness,damping:n.damping,restDelta:n.restDelta,restSpeed:n.restSpeed})}static fromSpring(t){return b.from({spring:t})}}class Xt{constructor(t){$(this,"durationSec");this.durationSec=Math.max(1/60,t.durationSec)}step(t,n,s){const o=n-t.position;if(o===0)return t;const i=Math.sign(o),r=Math.abs(o)/this.durationSec,c=i*r*s,l=t.position+c;return(i>0?l>=n:l<=n)?{position:n,velocity:0}:{position:l,velocity:i*r}}isSettled(t,n){return Math.abs(t.position-n)<h.POSITION_THRESHOLD}}const ct=8,pt={spring:{stiffness:1e3,damping:40,doubleSpring:1.2}};function Nt({direction:e}){const t=e==="forward"?ct:-ct;return{out:{willChange:"transform, opacity",startStyle:{},animate:n=>({opacity:`${1-n}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(${t}px, 0, 0)`,opacity:"0"},animate:n=>({transform:`translate3d(${t*(1-n)}px, 0, 0)`,opacity:`${n}`})}}}function Vt(){return{outPhysics:pt,inPhysics:pt,composition:{mode:"parallel",startAt:[0,0]},build:Nt}}const ft=30,Bt={inertia:{acceleration:150,resistance:1.5}},Rt={spring:{stiffness:180,damping:34}};function qt({direction:e}){const t=e==="forward"?1:-1,n=-ft*t,s=ft*t;return{out:{willChange:"transform, opacity",startStyle:{},animate:o=>({transform:`translate3d(${n*o}px, 0, 0)`,opacity:`${1-o}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(${s}px, 0, 0)`,opacity:"0"},animate:o=>({transform:`translate3d(${s*(1-o)}px, 0, 0)`,opacity:`${o}`})}}}function Zt(){return{outPhysics:Bt,inPhysics:Rt,composition:{mode:"sequence"},build:qt}}const jt={snappy:Vt(),fluid:Zt()},dt=8,Kt={inertia:{acceleration:150,resistance:1.5}},Gt={spring:{stiffness:180,damping:34}};function Jt({direction:e}){const t=e==="forward"?1:-1,n=-dt*t,s=dt*t;return{out:{willChange:"transform, opacity",startStyle:{},animate:o=>({transform:`translate3d(0, ${n*o}px, 0)`,opacity:`${1-o}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(0, ${s}px, 0)`,opacity:"0"},animate:o=>({transform:`translate3d(0, ${s*(1-o)}px, 0)`,opacity:`${o}`})}}}function Qt(){return{outPhysics:Kt,inPhysics:Gt,composition:{mode:"sequence"},build:Jt}}const te=8,ee={inertia:{acceleration:150,resistance:1.5}},ne={spring:{stiffness:180,damping:34}};function se(e){const t=te;return{out:{willChange:"opacity",startStyle:{},animate:n=>({opacity:`${1-n}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(0, ${t}px, 0)`,opacity:"0"},animate:n=>({transform:`translate3d(0, ${t*(1-n)}px, 0)`,opacity:`${n}`})}}}function oe(){return{outPhysics:ee,inPhysics:ne,composition:{mode:"sequence"},build:se}}const mt=Qt(),ie={snappy:mt,directional:mt,"non-directional":oe()},ht={spring:{stiffness:280,damping:30}},U=.05;function re(){return{out:{willChange:"transform, opacity",startStyle:{},animate:e=>({transform:`scale(${1+e*U})`,opacity:`${1-e}`})},in:{willChange:"transform, opacity",startStyle:{transform:`scale(${1-U})`,opacity:"0"},animate:e=>({transform:`scale(${1-U+e*U})`,opacity:`${e}`})}}}function ae(){return{outPhysics:ht,inPhysics:ht,composition:{mode:"parallel"},build:re}}const le=ae(),ce={x:jt,y:ie,z:{snappy:le}};function pe(e,t){const n=ce[e];return n[t]??n.snappy}const fe="x",de="snappy";function yt(e,t){e.style.willChange=t.willChange,e.style.backfaceVisibility="hidden",e.style.contain="layout paint";for(const[n,s]of Object.entries(t.startStyle))e.style[n]=s}function me(e){e.style.willChange="auto",e.style.backfaceVisibility="",e.style.contain="",e.style.transform="",e.style.opacity=""}const he=(e={})=>{const t=e.direction??"forward",n=e.type??fe,s=e.feel??de,o=pe(n,s),i=o.build({direction:t});return{prepare:({from:r,to:c})=>(r.then(l=>{yt(l,i.out),l.style.pointerEvents="none"}),c.then(l=>{yt(l,i.in)}),{}),animation:({from:r,to:c})=>{const l=new h.WebAnimation({element:r,integrator:b.from(o.outPhysics),style:p=>i.out.animate(p)}),a=new h.WebAnimation({element:c,integrator:b.from(o.inPhysics),style:p=>i.in.animate(p),onComplete:()=>me(c)});return new h.MultiAnimation([l,a],o.composition)}}};function ye(e,t,n){return e==="y"?t==="non-directional"?"non-directional":"directional":e!=="x"||t==="snappy"||n==="snappy"?"snappy":"fluid"}function ue(e){const{paths:t}=e,n=e.type??"x",s=e.variant,o=e.feel,i=ye(n,s,o);return lt(t,{forward:"forward",backward:"backward"},r=>he({type:n,direction:r,feel:i}))}const ge={spring:{stiffness:200,damping:22}},be=10,we="horizontal",Se="#000000";function ut(e,t,n,s,o,i){window.getComputedStyle(e).position==="static"&&(e.style.position="relative");const c=document.createElement("div");c.style.cssText=`
+"use strict";var Ft=Object.defineProperty;var Yt=(e,t,n)=>t in e?Ft(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var S=(e,t,n)=>Yt(e,typeof t!="symbol"?t+"":t,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./multi-animation-Dw2JTJI2.cjs");function P(e,t){const n=[];for(let o=0;o<e.length;o++)for(let s=o+1;s<e.length;s++){const i=e[o],r=e[s];!i||!r||n.push({from:i,to:r,transition:t(),symmetric:!0})}return n}function Ct(e,t){return[{from:e.exit,to:e.enter,transition:t("enter")},{from:e.enter,to:e.exit,transition:t("exit")}]}function K(e,t,n){const o=[];for(let s=0;s<e.length;s++)for(let i=s+1;i<e.length;i++){const r=e[s],l=e[i];!r||!l||o.push({from:r,to:l,transition:n(t.forward)},{from:l,to:r,transition:n(t.backward)})}return o}class Y{constructor(t){S(this,"omega");S(this,"zeta");S(this,"restDelta");S(this,"restSpeed");const{stiffness:n,damping:o}=t,s=1;this.omega=Math.sqrt(n/s),this.zeta=o/(2*Math.sqrt(n*s)),this.restDelta=t.restDelta??h.POSITION_THRESHOLD,this.restSpeed=t.restSpeed??h.VELOCITY_THRESHOLD}step(t,n,o){const s=Math.min(o,.033),{omega:i,zeta:r}=this,{position:l,velocity:c}=t,a=-2*s*r*i*c,p=s*i*i*(n-l),f=c+a+p;return{position:l+s*f,velocity:f}}isSettled(t,n){const o=Math.abs(n-t.position),s=Math.abs(t.velocity);return o<this.restDelta&&s<this.restSpeed}}class Lt{constructor(t){S(this,"leader");S(this,"follower");S(this,"restDelta");S(this,"restSpeed");this.restDelta=t.restDelta??h.POSITION_THRESHOLD,this.restSpeed=t.restSpeed??h.VELOCITY_THRESHOLD,this.leader=new Y({stiffness:t.stiffness,damping:t.damping,restDelta:this.restDelta,restSpeed:this.restSpeed});let n,o,s,i;typeof t.follower=="number"?(n=t.stiffness*t.follower,o=t.damping):t.follower?(n=t.follower.stiffness,o=t.follower.damping,s=t.follower.restDelta,i=t.follower.restSpeed):(n=t.stiffness,o=t.damping),this.follower=new Y({stiffness:n,damping:o,restDelta:s??this.restDelta,restSpeed:i??this.restSpeed})}step(t,n,o){const i=t._leader??{position:t.position,velocity:t.velocity},r=this.leader.step(i,n,o),l=this.follower.step(t,r.position,o);return{position:l.position,velocity:l.velocity,_leader:r}}isSettled(t,n){const o=t,s=Math.abs(n-t.position)<this.restDelta&&Math.abs(t.velocity)<this.restSpeed;return o._leader?Math.abs(n-o._leader.position)<this.restDelta&&Math.abs(o._leader.velocity)<this.restSpeed&&s:s}}const kt=.01,Mt=500,Ht=10;class Wt{constructor(t){S(this,"acceleration");S(this,"resistance");S(this,"resistanceType");S(this,"min");S(this,"max");S(this,"bounceStiffness");S(this,"bounceDamping");S(this,"restDelta");this.acceleration=t.acceleration,this.resistance=t.resistance,this.resistanceType=t.resistanceType??"quadratic",this.min=t.min,this.max=t.max,this.bounceStiffness=t.bounceStiffness??Mt,this.bounceDamping=t.bounceDamping??Ht,this.restDelta=t.restDelta??kt}step(t,n,o){const s=Math.min(o,.033),{acceleration:i,resistance:r,resistanceType:l,min:c,max:a}=this,{position:p,velocity:f}=t,d=c!==void 0&&p<c,y=a!==void 0&&p>a;let m;if(d||y){const w=p-(d?c:a),E=-this.bounceStiffness*w,x=-this.bounceDamping*f;m=E+x}else{const $=n>p?1:-1;let w;l==="linear"?w=r*f:w=r*f*Math.abs(f),m=$*i-w}const u=f+m*s;let b=p+u*s;if(!d&&!y){const $=n>p?1:-1;($>0&&b>n||$<0&&b<n)&&(b=n)}return{position:b,velocity:b===n?0:u}}isSettled(t,n){return Math.abs(n-t.position)<this.restDelta}}class g{static from(t){if(t.spring&&t.inertia)throw new Error("Cannot use both 'spring' and 'inertia' together. Choose one physics type.");if(t.inertia)return new Wt({acceleration:t.inertia.acceleration,resistance:t.inertia.resistance,resistanceType:t.inertia.resistanceType,min:t.inertia.min,max:t.inertia.max,bounceStiffness:t.inertia.bounceStiffness,bounceDamping:t.inertia.bounceDamping,restDelta:t.inertia.restDelta});const n=t.spring??{stiffness:300,damping:30};if(n.doubleSpring){const o=n.doubleSpring;let s;return typeof o=="number"?s=o:typeof o=="object"&&(s={stiffness:o.stiffness,damping:o.damping}),new Lt({stiffness:n.stiffness,damping:n.damping,follower:s,restDelta:n.restDelta,restSpeed:n.restSpeed})}return new Y({stiffness:n.stiffness,damping:n.damping,restDelta:n.restDelta,restSpeed:n.restSpeed})}static fromSpring(t){return g.from({spring:t})}}class Ut{constructor(t){S(this,"durationSec");this.durationSec=Math.max(1/60,t.durationSec)}step(t,n,o){const s=n-t.position;if(s===0)return t;const i=Math.sign(s),r=Math.abs(s)/this.durationSec,l=i*r*o,c=t.position+l;return(i>0?c>=n:c<=n)?{position:n,velocity:0}:{position:c,velocity:i*r}}isSettled(t,n){return Math.abs(t.position-n)<h.POSITION_THRESHOLD}}function O(e,t){function n(i){let r=0,l=0;const c=i.offsetWidth,a=i.offsetHeight;let p=i;for(;p;)r+=p.offsetTop,l+=p.offsetLeft,p=p.offsetParent;return r-=window.scrollY,l-=window.scrollX,{top:r,left:l,width:c,height:a}}const o=n(e),s=n(t);return new DOMRect(s.left-o.left,s.top-o.top,s.width,s.height)}function _(e,t){const{scrollingElement:n,positionedParent:o}=e,s=n!==o&&n.contains(o)?O(n,o).top:0;return{top:e[t].scroll.y,left:0,width:n.clientWidth,height:n.clientHeight-s}}const J=8,Q={spring:{stiffness:1e3,damping:40,doubleSpring:1.2}};function Nt({direction:e}){const t=e==="forward"?J:-J;return{out:{willChange:"transform, opacity",startStyle:{},animate:n=>({opacity:`${1-n}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(${t}px, 0, 0)`,opacity:"0"},animate:n=>({transform:`translate3d(${t*(1-n)}px, 0, 0)`,opacity:`${n}`})}}}function Rt(){return{outPhysics:Q,inPhysics:Q,composition:{mode:"parallel",startAt:[0,0]},build:Nt}}const tt=30,zt={inertia:{acceleration:150,resistance:1.5}},Xt={spring:{stiffness:180,damping:34}};function Vt({direction:e}){const t=e==="forward"?1:-1,n=-tt*t,o=tt*t;return{out:{willChange:"transform, opacity",startStyle:{},animate:s=>({transform:`translate3d(${n*s}px, 0, 0)`,opacity:`${1-s}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(${o}px, 0, 0)`,opacity:"0"},animate:s=>({transform:`translate3d(${o*(1-s)}px, 0, 0)`,opacity:`${s}`})}}}function Bt(){return{outPhysics:zt,inPhysics:Xt,composition:{mode:"sequence"},build:Vt}}const Zt={snappy:Rt(),fluid:Bt()},et=8,qt={inertia:{acceleration:150,resistance:1.5}},jt={spring:{stiffness:180,damping:34}};function Kt({direction:e}){const t=e==="forward"?1:-1,n=-et*t,o=et*t;return{out:{willChange:"transform, opacity",startStyle:{},animate:s=>({transform:`translate3d(0, ${n*s}px, 0)`,opacity:`${1-s}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(0, ${o}px, 0)`,opacity:"0"},animate:s=>({transform:`translate3d(0, ${o*(1-s)}px, 0)`,opacity:`${s}`})}}}function Gt(){return{outPhysics:qt,inPhysics:jt,composition:{mode:"sequence"},build:Kt}}const Jt=8,Qt={inertia:{acceleration:150,resistance:1.5}},te={spring:{stiffness:180,damping:34}};function ee(e){const t=Jt;return{out:{willChange:"opacity",startStyle:{},animate:n=>({opacity:`${1-n}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(0, ${t}px, 0)`,opacity:"0"},animate:n=>({transform:`translate3d(0, ${t*(1-n)}px, 0)`,opacity:`${n}`})}}}function ne(){return{outPhysics:Qt,inPhysics:te,composition:{mode:"sequence"},build:ee}}const nt=Gt(),oe={snappy:nt,directional:nt,"non-directional":ne()},ot={spring:{stiffness:280,damping:30}},H=.1,W=1/3,st=e=>Math.max(0,Math.min(1,e));function se({direction:e}){const t=e==="forward"?1:-1,n=1-t*H;return{out:{willChange:"transform, opacity",startStyle:{},animate:o=>({transform:`scale(${1+t*o*H})`,opacity:`${st(1-o/W)}`})},in:{willChange:"transform, opacity",startStyle:{transform:`scale(${n})`,opacity:"0"},animate:o=>({transform:`scale(${n+t*o*H})`,opacity:`${st((o-W)/(1-W))}`})}}}function ie(){return{outPhysics:ot,inPhysics:ot,composition:{mode:"parallel"},build:se}}const it={spring:{stiffness:280,damping:30}},U=.1,N=1/3,rt=e=>Math.max(0,Math.min(1,e));function re(){return{out:{willChange:"opacity",startStyle:{},animate:e=>({opacity:`${rt(1-e/N)}`})},in:{willChange:"transform, opacity",startStyle:{transform:`scale(${1-U})`,opacity:"0"},animate:e=>({transform:`scale(${1-U+e*U})`,opacity:`${rt((e-N)/(1-N))}`})}}}function ae(){return{outPhysics:it,inPhysics:it,composition:{mode:"parallel"},build:re}}const at=ie(),le={snappy:at,directional:at,"non-directional":ae()},ce={x:Zt,y:oe,z:le};function pe(e,t){const n=ce[e];return n[t]??n.snappy}const fe="x",de="snappy";function lt(e,t){e.style.willChange=t.willChange,e.style.backfaceVisibility="hidden",e.style.contain="layout paint";for(const[n,o]of Object.entries(t.startStyle))e.style[n]=o}function me(e){e.style.willChange="auto",e.style.backfaceVisibility="",e.style.contain="",e.style.transform="",e.style.opacity="",e.style.clipPath=""}const he=(e={})=>{const t=e.direction??"forward",n=e.type??fe,o=e.feel??de,s=pe(n,o),i=s.build({direction:t});return{prepare:({from:r,to:l})=>(r.then(c=>{lt(c,i.out),c.style.pointerEvents="none"}),l.then(c=>{lt(c,i.in)}),{}),animation:({from:r,to:l,context:c})=>{if(n==="z"){const f=_(c,"from"),d=_(c,"to");r.style.clipPath=`inset(${f.top}px 0 calc(100% - ${f.top+f.height}px) 0)`,l.style.clipPath=`inset(${d.top}px 0 calc(100% - ${d.top+d.height}px) 0)`}const a=new h.WebAnimation({element:r,integrator:g.from(s.outPhysics),style:f=>i.out.animate(f),onComplete:n==="z"?()=>{r.style.clipPath=""}:void 0}),p=new h.WebAnimation({element:l,integrator:g.from(s.inPhysics),style:f=>i.in.animate(f),onComplete:()=>me(l)});return new h.MultiAnimation([a,p],s.composition)}}};function ue(e,t,n){return e==="y"?t==="non-directional"?"non-directional":"directional":e!=="x"||t==="snappy"||n==="snappy"?"snappy":"fluid"}function ye(e){const{paths:t}=e,n=e.type??"x",o=e.variant,s=e.feel,i=ue(n,o,s);return K(t,{forward:"forward",backward:"backward"},r=>he({type:n,direction:r,feel:i}))}const ge={spring:{stiffness:200,damping:22}},be=10,we="horizontal",Se="#000000";function ct(e,t,n,o,s,i){window.getComputedStyle(e).position==="static"&&(e.style.position="relative");const l=document.createElement("div");l.style.cssText=`
     position: absolute;
     top: 0;
     left: 0;
@@ -7,14 +7,14 @@
     pointer-events: none;
     z-index: 9999;
     overflow: hidden;
-  `;const l=[];for(let a=0;a<t;a++){const p=document.createElement("div");if(n==="horizontal"){const f=100/t;p.style.cssText=`
+  `;const c=[];for(let a=0;a<t;a++){const p=document.createElement("div");if(n==="horizontal"){const f=100/t;p.style.cssText=`
         position: absolute;
         top: ${f*a}%;
         left: 0;
         width: 100%;
         height: calc(${f}% + 1px);
-        background: ${s};
-        transform: scaleX(${o==="hidden"?0:1});
+        background: ${o};
+        transform: scaleX(${s==="hidden"?0:1});
         transform-origin: ${i} center;
         will-change: transform;
       `}else{const f=100/t;p.style.cssText=`
@@ -23,13 +23,13 @@
         left: ${f*a}%;
         width: calc(${f}% + 1px);
         height: 100%;
-        background: ${s};
-        transform: scaleY(${o==="hidden"?0:1});
+        background: ${o};
+        transform: scaleY(${s==="hidden"?0:1});
         transform-origin: ${i==="left"?"top":"bottom"} center;
         will-change: transform;
-      `}l.push(p),c.appendChild(p)}return e.appendChild(c),{container:c,blinds:l}}const xe=(e={})=>{const t=e.blindCount??be,n=e.direction??we,s=e.blindColor??Se,o=e.physics??ge;return{prepare:async({from:i,to:r})=>{const c=await i,l=await r;c.style.zIndex="1000";const a=ut(c,t,n,s,"hidden","left");l.style.position="relative",l.style.zIndex="0";const p=ut(l,t,n,s,"closed","right");return{fromBlinds:a.blinds,fromContainer:a.container,toBlinds:p.blinds,toContainer:p.container}},animation:({fromBlinds:i,fromContainer:r,toBlinds:c,toContainer:l})=>{const a=i.map(u=>new h.WebAnimation({element:u,integrator:b.from(o),style:d=>({transform:n==="horizontal"?`scaleX(${d})`:`scaleY(${d})`})})),p=c.map((u,d)=>new h.WebAnimation({element:u,integrator:b.from(o),style:(y,g)=>({transform:n==="horizontal"?`scaleX(${g})`:`scaleY(${g})`}),onComplete:d===c.length-1?()=>{l.remove(),r.remove()}:void 0})),f=new h.MultiAnimation(a,{mode:"parallel"}),m=new h.MultiAnimation(p,{mode:"parallel"});return new h.MultiAnimation([f,m],{mode:"sequence"})}}};function $e(e){const{paths:t,type:n="horizontal"}=e;return T(t,()=>xe({direction:n}))}const Ee={spring:{stiffness:200,damping:20,doubleSpring:.7}},F=.5;function Ce(e){const t=e==="enter"?-100:100,n=e==="enter"?100:-100;return{out:{willChange:"transform, opacity",startStyle:{},animate:s=>({transform:`translate3d(${t*s}%, 0, 0)`,opacity:`${F+(1-F)*(1-s)}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(${n}%, 0, 0)`,opacity:`${F}`},animate:s=>({transform:`translate3d(${n*(1-s)}%, 0, 0)`,opacity:`${F+(1-F)*s}`})}}}function Ae(){return{physics:Ee,build:Ce}}const Pe={spring:{stiffness:170,damping:22}};function Te(e){const t=e==="enter"?-20:100,n=e==="enter"?100:-20;return{out:{willChange:"transform",startStyle:{},animate:s=>({transform:`translate3d(${t*s}%, 0, 0)`})},in:{willChange:"transform",startStyle:{transform:`translate3d(${n}%, 0, 0)`},animate:s=>({transform:`translate3d(${n*(1-s)}%, 0, 0)`})}}}function ve(){return{physics:Pe,build:Te}}const _e={parallax:ve(),crossfade:Ae()},Ie="parallax";function gt(e,t){e.style.willChange=t.willChange,e.style.backfaceVisibility="hidden",e.style.contain="layout paint";for(const[n,s]of Object.entries(t.startStyle))e.style[n]=s}const Oe=(e={})=>{const t=e.direction??"enter",n=_e[e.type??Ie],s=n.physics,o=n.build(t);return{prepare:({from:i,to:r})=>(i.then(c=>{gt(c,o.out),c.style.pointerEvents="none",c.style.zIndex=t==="enter"?"-1":"100"}),r.then(c=>{gt(c,o.in)}),{}),animation:({from:i,to:r})=>{const c=new h.WebAnimation({element:i,integrator:b.from(s),style:a=>o.out.animate(a)}),l=new h.WebAnimation({element:r,integrator:b.from(s),style:a=>o.in.animate(a),onComplete:()=>{r.style.willChange="auto",r.style.backfaceVisibility="",r.style.contain="",r.style.transform="",r.style.opacity=""}});return new h.MultiAnimation([c,l],{mode:"parallel"})}}};function De(e){return e==="slide"||e==="crossfade"?"crossfade":"parallax"}function Le(e){const{enter:t,exit:n}=e,s=e.type,o=De(s);return _t({enter:t,exit:n},i=>Oe({direction:i,type:o}))}const Fe={spring:{stiffness:180,damping:20,doubleSpring:!0}},Ye={spring:{stiffness:170,damping:20,doubleSpring:!0}},ke=(e={})=>{const t=e.physics??Ye,n=e.physics??Fe;return{prepare:({to:s})=>(s.then(o=>{o.style.opacity="0",o.style.willChange="opacity"}),{}),animation:({from:s,to:o})=>{const i=new h.WebAnimation({element:s,integrator:b.from(n),style:(c,l)=>({opacity:l}),onComplete:()=>{s.style.willChange="auto"}}),r=new h.WebAnimation({element:o,integrator:b.from(t),style:c=>({opacity:c}),onComplete:()=>{o.style.willChange="auto",o.style.opacity=""}});return new h.MultiAnimation([i,r],{mode:"sequence"})}}};function Me(e){const{paths:t}=e;return T(t,()=>ke())}function Y(e,t){function n(i){let r=0,c=0;const l=i.offsetWidth,a=i.offsetHeight;let p=i;for(;p;)r+=p.offsetTop,c+=p.offsetLeft,p=p.offsetParent;return r-=window.scrollY,c-=window.scrollX,{top:r,left:c,width:l,height:a}}const s=n(e),o=n(t);return new DOMRect(o.left-s.left,o.top-s.top,o.width,o.height)}function k(e,t){const{scrollingElement:n,positionedParent:s}=e,o=n!==s&&n.contains(s)?Y(n,s).top:0;return{top:e[t].scroll.y,left:0,width:n.clientWidth,height:n.clientHeight-o}}const tt={scaleDown:{stiffness:20,damping:7},translate:{stiffness:15,damping:7},scaleUp:{stiffness:20,damping:7}},I={scaleDown:0,translate:.2,scaleUp:.8},He=.8,We="white",bt=1e3/60,Ue=600;function ze(e){const{items:t,from:n,to:s,recordFrame:o}=e,i=bt/1e3,r=Math.abs(s-n),c=t.map(a=>({item:a,integrator:new N({stiffness:a.spring.stiffness,damping:a.spring.damping}),state:{position:n,velocity:0},started:!1,settled:!1,settleTime:0}));for(let a=0;a<c.length;a++)(a===0||c[a].item.offset===0)&&(c[a].started=!0);o(0);let l=0;for(let a=1;a<=Ue;a++){const p=a*bt;l=p;for(const f of c)!f.started||f.settled||(f.state=f.integrator.step(f.state,s,i),f.integrator.isSettled(f.state,s)?(f.settleTime+=i,f.settleTime>=h.SETTLE_THRESHOLD&&(f.state={position:s,velocity:0},f.settled=!0)):f.settleTime=0,f.item.tick(f.state.position));for(let f=1;f<c.length;f++){const m=c[f];if(m.started)continue;const u=c[f-1];if(!u.started)continue;(r===0?1:Math.abs(u.state.position-n)/r)>=m.item.offset&&(m.started=!0)}if(o(p),c.every(f=>f.settled))return p}return l}function et(e,t){return e!=null&&e.spring?{stiffness:e.spring.stiffness,damping:e.spring.damping}:t}function wt(e){const{rect:t,scale:n,direction:s,override:o}=e,i=s==="out"?{scale:1,translateY:-t.top}:{scale:n,translateY:-t.top+t.height},r=et(o,tt.scaleDown),c=et(o,tt.translate),l=et(o,tt.scaleUp),a=s==="out"?1:0,p=s==="out"?0:1,f=s==="out"?[{spring:r,offset:I.scaleDown,tick:d=>{const y=1-d;i.scale=1-(1-n)*y}},{spring:c,offset:I.translate,tick:d=>{const y=1-d;i.translateY=-t.top-t.height*y}},{spring:l,offset:I.scaleUp,tick:d=>{const y=1-d;i.scale=n+(1-n)*y}}]:[{spring:r,offset:I.scaleDown,tick:d=>{i.scale=1-(1-n)*d}},{spring:c,offset:I.translate,tick:d=>{i.translateY=-t.top+t.height*(1-d)}},{spring:l,offset:I.scaleUp,tick:d=>{i.scale=n+(1-n)*d}}],m=[],u=ze({items:f,from:a,to:p,recordFrame:d=>m.push({time:d,scale:i.scale,translateY:i.translateY})});return{snapshots:m,totalDuration:u}}function Xe(e,t){if(e.length===0)return{time:0,scale:1,translateY:0};if(e.length===1||t<=0)return e[0];if(t>=1)return e[e.length-1];const n=t*(e.length-1),s=Math.floor(n),o=Math.ceil(n);if(s===o)return e[s];const i=e[s],r=e[o],c=n-s;return{time:i.time+(r.time-i.time)*c,scale:i.scale+(r.scale-i.scale)*c,translateY:i.translateY+(r.translateY-i.translateY)*c}}const Ne=[[1,1],[-1,1],[1,-1],[-1,-1]];function Ve(e,t){const o=(i,r,c)=>{const l=document.createElement("div");Object.assign(l.style,{position:"fixed",pointerEvents:"none",zIndex:"9999",width:"15px",height:"15px",...i});const a=document.createElement("div");Object.assign(a.style,{position:"absolute",width:"15px",height:"1px",backgroundColor:e,[c]:"0",[r]:"0"});const p=document.createElement("div");return Object.assign(p.style,{position:"absolute",width:"1px",height:"15px",backgroundColor:e,[c]:"0",[r]:"0"}),l.appendChild(a),l.appendChild(p),l};return{topLeft:o({top:`${t.top-1}px`,left:`${t.left-1}px`},"left","top"),topRight:o({top:`${t.top-1}px`,left:`${t.left+t.width-15+1}px`},"right","top"),bottomLeft:o({top:`${t.top+t.height-15+1}px`,left:`${t.left-1}px`},"left","bottom"),bottomRight:o({top:`${t.top+t.height-15+1}px`,left:`${t.left+t.width-15+1}px`},"right","bottom")}}function St(e,t){const n=t.left+t.width/2,s=t.top+t.height/2;e.style.transformOrigin=`${n}px ${s}px`}function xt(e,t){e.style.clipPath=`polygon(
+      `}c.push(p),l.appendChild(p)}return e.appendChild(l),{container:l,blinds:c}}const $e=(e={})=>{const t=e.blindCount??be,n=e.direction??we,o=e.blindColor??Se,s=e.physics??ge;return{prepare:async({from:i,to:r})=>{const l=await i,c=await r;l.style.zIndex="1000";const a=ct(l,t,n,o,"hidden","left");c.style.position="relative",c.style.zIndex="0";const p=ct(c,t,n,o,"closed","right");return{fromBlinds:a.blinds,fromContainer:a.container,toBlinds:p.blinds,toContainer:p.container}},animation:({fromBlinds:i,fromContainer:r,toBlinds:l,toContainer:c})=>{const a=i.map(y=>new h.WebAnimation({element:y,integrator:g.from(s),style:m=>({transform:n==="horizontal"?`scaleX(${m})`:`scaleY(${m})`})})),p=l.map((y,m)=>new h.WebAnimation({element:y,integrator:g.from(s),style:(u,b)=>({transform:n==="horizontal"?`scaleX(${b})`:`scaleY(${b})`}),onComplete:m===l.length-1?()=>{c.remove(),r.remove()}:void 0})),f=new h.MultiAnimation(a,{mode:"parallel"}),d=new h.MultiAnimation(p,{mode:"parallel"});return new h.MultiAnimation([f,d],{mode:"sequence"})}}};function Ee(e){const{paths:t,type:n="horizontal"}=e;return P(t,()=>$e({direction:n}))}const xe={spring:{stiffness:200,damping:20,doubleSpring:.7}},I=.5;function Ce(e){const t=e==="enter"?-100:100,n=e==="enter"?100:-100;return{out:{willChange:"transform, opacity",startStyle:{},animate:o=>({transform:`translate3d(${t*o}%, 0, 0)`,opacity:`${I+(1-I)*(1-o)}`})},in:{willChange:"transform, opacity",startStyle:{transform:`translate3d(${n}%, 0, 0)`,opacity:`${I}`},animate:o=>({transform:`translate3d(${n*(1-o)}%, 0, 0)`,opacity:`${I+(1-I)*o}`})}}}function Ae(){return{physics:xe,build:Ce}}const Pe={spring:{stiffness:170,damping:22}};function _e(e){const t=e==="enter"?-20:100,n=e==="enter"?100:-20;return{out:{willChange:"transform",startStyle:{},animate:o=>({transform:`translate3d(${t*o}%, 0, 0)`})},in:{willChange:"transform",startStyle:{transform:`translate3d(${n}%, 0, 0)`},animate:o=>({transform:`translate3d(${n*(1-o)}%, 0, 0)`})}}}function Te(){return{physics:Pe,build:_e}}const De={parallax:Te(),crossfade:Ae()},Ie="parallax";function pt(e,t){e.style.willChange=t.willChange,e.style.backfaceVisibility="hidden",e.style.contain="layout paint";for(const[n,o]of Object.entries(t.startStyle))e.style[n]=o}const Oe=(e={})=>{const t=e.direction??"enter",n=De[e.type??Ie],o=n.physics,s=n.build(t);return{prepare:({from:i,to:r})=>(i.then(l=>{pt(l,s.out),l.style.pointerEvents="none",l.style.zIndex=t==="enter"?"-1":"100"}),r.then(l=>{pt(l,s.in)}),{}),animation:({from:i,to:r})=>{const l=new h.WebAnimation({element:i,integrator:g.from(o),style:a=>s.out.animate(a)}),c=new h.WebAnimation({element:r,integrator:g.from(o),style:a=>s.in.animate(a),onComplete:()=>{r.style.willChange="auto",r.style.backfaceVisibility="",r.style.contain="",r.style.transform="",r.style.opacity=""}});return new h.MultiAnimation([l,c],{mode:"parallel"})}}};function ve(e){return e==="slide"||e==="crossfade"?"crossfade":"parallax"}function Fe(e){const{enter:t,exit:n}=e,o=e.type,s=ve(o);return Ct({enter:t,exit:n},i=>Oe({direction:i,type:s}))}const Ye={spring:{stiffness:180,damping:20,doubleSpring:!0}},Le={spring:{stiffness:170,damping:20,doubleSpring:!0}},ke=(e={})=>{const t=e.physics??Le,n=e.physics??Ye;return{prepare:({to:o})=>(o.then(s=>{s.style.opacity="0",s.style.willChange="opacity"}),{}),animation:({from:o,to:s})=>{const i=new h.WebAnimation({element:o,integrator:g.from(n),style:(l,c)=>({opacity:c}),onComplete:()=>{o.style.willChange="auto"}}),r=new h.WebAnimation({element:s,integrator:g.from(t),style:l=>({opacity:l}),onComplete:()=>{s.style.willChange="auto",s.style.opacity=""}});return new h.MultiAnimation([i,r],{mode:"sequence"})}}};function Me(e){const{paths:t}=e;return P(t,()=>ke())}const R={scaleDown:{stiffness:20,damping:7},translate:{stiffness:15,damping:7},scaleUp:{stiffness:20,damping:7}},D={scaleDown:0,translate:.2,scaleUp:.8},He=.8,We="white",ft=1e3/60,Ue=600;function Ne(e){const{items:t,from:n,to:o,recordFrame:s}=e,i=ft/1e3,r=Math.abs(o-n),l=t.map(a=>({item:a,integrator:new Y({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);s(0);let c=0;for(let a=1;a<=Ue;a++){const p=a*ft;c=p;for(const f of l)!f.started||f.settled||(f.state=f.integrator.step(f.state,o,i),f.integrator.isSettled(f.state,o)?(f.settleTime+=i,f.settleTime>=h.SETTLE_THRESHOLD&&(f.state={position:o,velocity:0},f.settled=!0)):f.settleTime=0,f.item.tick(f.state.position));for(let f=1;f<l.length;f++){const d=l[f];if(d.started)continue;const y=l[f-1];if(!y.started)continue;(r===0?1:Math.abs(y.state.position-n)/r)>=d.item.offset&&(d.started=!0)}if(s(p),l.every(f=>f.settled))return p}return c}function z(e,t){return e!=null&&e.spring?{stiffness:e.spring.stiffness,damping:e.spring.damping}:t}function dt(e){const{rect:t,scale:n,direction:o,override:s}=e,i=o==="out"?{scale:1,translateY:-t.top}:{scale:n,translateY:-t.top+t.height},r=z(s,R.scaleDown),l=z(s,R.translate),c=z(s,R.scaleUp),a=o==="out"?1:0,p=o==="out"?0:1,f=o==="out"?[{spring:r,offset:D.scaleDown,tick:m=>{const u=1-m;i.scale=1-(1-n)*u}},{spring:l,offset:D.translate,tick:m=>{const u=1-m;i.translateY=-t.top-t.height*u}},{spring:c,offset:D.scaleUp,tick:m=>{const u=1-m;i.scale=n+(1-n)*u}}]:[{spring:r,offset:D.scaleDown,tick:m=>{i.scale=1-(1-n)*m}},{spring:l,offset:D.translate,tick:m=>{i.translateY=-t.top+t.height*(1-m)}},{spring:c,offset:D.scaleUp,tick:m=>{i.scale=n+(1-n)*m}}],d=[],y=Ne({items:f,from:a,to:p,recordFrame:m=>d.push({time:m,scale:i.scale,translateY:i.translateY})});return{snapshots:d,totalDuration:y}}function Re(e,t){if(e.length===0)return{time:0,scale:1,translateY:0};if(e.length===1||t<=0)return e[0];if(t>=1)return e[e.length-1];const n=t*(e.length-1),o=Math.floor(n),s=Math.ceil(n);if(o===s)return e[o];const i=e[o],r=e[s],l=n-o;return{time:i.time+(r.time-i.time)*l,scale:i.scale+(r.scale-i.scale)*l,translateY:i.translateY+(r.translateY-i.translateY)*l}}const ze=[[1,1],[-1,1],[1,-1],[-1,-1]];function Xe(e,t){const s=(i,r,l)=>{const c=document.createElement("div");Object.assign(c.style,{position:"fixed",pointerEvents:"none",zIndex:"9999",width:"15px",height:"15px",...i});const a=document.createElement("div");Object.assign(a.style,{position:"absolute",width:"15px",height:"1px",backgroundColor:e,[l]:"0",[r]:"0"});const p=document.createElement("div");return Object.assign(p.style,{position:"absolute",width:"1px",height:"15px",backgroundColor:e,[l]:"0",[r]:"0"}),c.appendChild(a),c.appendChild(p),c};return{topLeft:s({top:`${t.top-1}px`,left:`${t.left-1}px`},"left","top"),topRight:s({top:`${t.top-1}px`,left:`${t.left+t.width-15+1}px`},"right","top"),bottomLeft:s({top:`${t.top+t.height-15+1}px`,left:`${t.left-1}px`},"left","bottom"),bottomRight:s({top:`${t.top+t.height-15+1}px`,left:`${t.left+t.width-15+1}px`},"right","bottom")}}function mt(e,t){const n=t.left+t.width/2,o=t.top+t.height/2;e.style.transformOrigin=`${n}px ${o}px`}function ht(e,t){e.style.clipPath=`polygon(
     ${t.left}px ${t.top}px,
     ${t.left+t.width}px ${t.top}px,
     ${t.left+t.width}px ${t.top+t.height}px,
     ${t.left}px ${t.top+t.height}px
-  )`}function nt(e,t,n,s,o){const i=n/1e3;return new h.WebAnimation({element:e,integrator:new Xt({durationSec:i}),lowerBound:0,upperBound:1,style:r=>s(Xe(t,r)),onComplete:o})}const Be=(e={})=>{var o;const t=((o=e.border)==null?void 0:o.color)??We,n=He,s=e.physics;return{prepare:({from:i,to:r,context:c})=>{const l=k(c,"from"),a=k(c,"to"),p=Y(document.body,c.positionedParent),f=Ve(t,{...l,top:p.top});for(const m of["topLeft","topRight","bottomLeft","bottomRight"])c.positionedParent.appendChild(f[m]);return i.then(m=>{St(m,l),xt(m,l),m.style.transform=`translateY(${-l.top}px)`}),r.then(m=>{St(m,a),xt(m,a),m.style.transform=`translateY(${-a.top+a.height}px) scale(${n})`}),{borders:f,fromRect:l,toRect:a}},animation:({from:i,to:r,context:c,borders:l,fromRect:a,toRect:p})=>{const f=wt({rect:a,scale:n,direction:"out",override:s}),m=wt({rect:p,scale:n,direction:"in",override:s}),u=nt(i,f.snapshots,f.totalDuration,w=>({transform:`translateY(${w.translateY}px) scale(${w.scale})`}),()=>{i.style.clipPath="",i.style.transformOrigin=""}),d=nt(r,m.snapshots,m.totalDuration,w=>({transform:`translateY(${w.translateY}px) scale(${w.scale})`}),()=>{r.style.clipPath="",r.style.transformOrigin="",r.style.transform=""}),y=Ne.map(([w,E],C)=>{const O=["topLeft","topRight","bottomLeft","bottomRight"][C];return nt(l[O],f.snapshots,f.totalDuration,v=>{const D=(a.width-a.width*v.scale)/2*.7*w,_=(a.height-a.height*v.scale)/2*.7*E;return{transform:`translate(${D}px, ${_}px)`}})}),g=new h.MultiAnimation([u,d,...y],{mode:"parallel"}),S=g.onComplete;return g.onComplete=()=>{S==null||S();const w=c.positionedParent;for(const E of["topLeft","topRight","bottomLeft","bottomRight"]){const C=l[E];C.parentElement===w&&w.removeChild(C)}},g}}};function Re(e){const{paths:t,options:n}=e,s=(n==null?void 0:n.borderColor)!==void 0?{border:{color:n.borderColor}}:void 0;return T(t,()=>Be(s))}const $t="data-hero-enter-key",Et="data-hero-exit-key",st="data-hero-key";class qe{prepare(t){t.from.then(n=>{n.style.opacity="0"})}}const Ze=()=>new qe;class je{contribute(t){const{from:n,to:s,physics:o,onComplete:i}=t,r=n.style.opacity,c=s.style.opacity,l=n.style.willChange,a=s.style.willChange;return s.style.opacity="0",n.style.willChange="opacity",s.style.willChange="opacity",i(()=>{n.style.opacity=r,s.style.opacity=c,n.style.willChange=l,s.style.willChange=a}),[new h.WebAnimation({element:n,integrator:b.from(o),style:(p,f)=>({opacity:f})}),new h.WebAnimation({element:s,integrator:b.from(o),style:p=>({opacity:p})})]}}const Ke=()=>new je,Ge={static:Ze,fade:Ke},Je={spring:{stiffness:300,damping:30}},Qe=700,tn="data-hero-aspect-ratio";function en(e){if(!e)return null;if(e.includes("/")){const[n,s]=e.split("/"),o=parseFloat(n??""),i=parseFloat(s??"");return!Number.isFinite(o)||!Number.isFinite(i)||i===0?null:o/i}const t=parseFloat(e);return Number.isFinite(t)&&t>0?t:null}function V(e,t){const n=Y(e,t),s=en(t.getAttribute(tn));if(s===null)return{visible:n,bbox:n,letterbox:{top:0,right:0,bottom:0,left:0}};const o=n.width/n.height;let i,r;o>s?(r=n.height,i=r*s):(i=n.width,r=i/s);const c=(n.width-i)/2,l=(n.height-r)/2;return{visible:{left:n.left+c,top:n.top+l,width:i,height:r},bbox:n,letterbox:{top:l,right:c,bottom:l,left:c}}}function z(e,t){const n=new Map,s=e.querySelectorAll(`[${t}]`);for(const o of Array.from(s)){const i=o.getAttribute(t);i&&(n.has(i)||n.set(i,o))}return n}function nn(e,t){const n=[],s=z(t,$t),o=z(e,Et);for(const[c,l]of s){const a=o.get(c);a&&n.push({key:c,fromEl:a,toEl:l})}const i=z(e,$t),r=z(t,Et);for(const[c,l]of i){const a=r.get(c);a&&n.push({key:c,fromEl:l,toEl:a})}return n}function sn(e,t){const n=[],s=Array.from(t.querySelectorAll(`[${st}]`));for(const o of s){const i=o.getAttribute(st);if(!i)continue;const r=e.querySelector(`[${st}="${i}"]`);r&&n.push({key:i,fromEl:r,toEl:o})}return n}function on(e,t){const n=nn(e,t);return n.length>0?n:sn(e,t)}let rn=class{contribute(t){const{from:n,to:s,resolved:o,physics:i,scrollOffset:r,maxDistance:c,onComplete:l}=t,a=[];for(const{fromEl:p,toEl:f}of o.pairs){const m=V(n,p),u=V(s,f),d=m.visible,y=u.visible,g=u.bbox,S=u.letterbox,w=Math.max(d.width/y.width,d.height/y.height),E=d.left+d.width/2,C=d.top+d.height/2,O=g.left+g.width/2,v=g.top+g.height/2,D=E-O-r.x,_=C-v-r.y;if(Math.abs(_)>c)continue;const M=d.width/w,H=d.height/w,x=Math.max(0,(y.width-M)/2),L=Math.max(0,(y.height-H)/2),W=f.style.transform,B=f.style.position,R=f.style.transformOrigin,q=f.style.clipPath,A=f.style.zIndex,Z=f.style.willChange;f.style.position="relative",f.style.transformOrigin="center center",f.style.zIndex="1000",f.style.willChange="transform, clip-path",l(()=>{f.style.transform=W,f.style.position=B,f.style.transformOrigin=R,f.style.clipPath=q,f.style.zIndex=A,f.style.willChange=Z}),a.push(new h.WebAnimation({element:f,integrator:b.from(i),style:(j,P)=>{const K=P*D,G=P*_,J=j+P*w,Q=S.top+P*L,Dt=S.right+P*x,Lt=S.bottom+P*L,Ft=S.left+P*x;return{transform:`translate(${K}px, ${G}px) scale(${J})`,clipPath:`inset(${Q}px ${Dt}px ${Lt}px ${Ft}px)`}}}))}return a}};class an{contribute(t){const{resolved:n,physics:s,positionedParent:o,maxDistance:i,onComplete:r}=t,c=[];for(const{fromEl:l,toEl:a}of n.pairs){const p=V(o,l),f=V(o,a),m=p.visible,u=f.visible,d=f.bbox,y=f.letterbox;if(m.width===0||m.height===0||u.width===0||u.height===0)continue;const g=Math.max(m.width/u.width,m.height/u.height),S=m.left+m.width/2,w=m.top+m.height/2,E=d.left+d.width/2,C=d.top+d.height/2,O=S-E,v=w-C;if(Math.abs(v)>i)continue;const D=m.width/g,_=m.height/g,M=Math.max(0,(u.width-D)/2),H=Math.max(0,(u.height-_)/2),x=a.cloneNode(!0);x.style.position="absolute",x.style.left=`${d.left}px`,x.style.top=`${d.top}px`,x.style.width=`${d.width}px`,x.style.height=`${d.height}px`,x.style.margin="0",x.style.transformOrigin="center center",x.style.zIndex="1000",x.style.willChange="transform, clip-path",x.style.pointerEvents="none",x.style.maxWidth="none",x.style.maxHeight="none";const L=(q,A)=>{const Z=A*O,j=A*v,P=q+A*g,K=y.top+A*H,G=y.right+A*M,J=y.bottom+A*H,Q=y.left+A*M;return{transform:`translate(${Z}px, ${j}px) scale(${P})`,clipPath:`inset(${K}px ${G}px ${J}px ${Q}px)`}},W=L(0,1);x.style.transform=W.transform,x.style.clipPath=W.clipPath,o.appendChild(x);const B=l.style.opacity,R=a.style.opacity;l.style.opacity="0",a.style.opacity="0",r(()=>{l.style.opacity=B,a.style.opacity=R,x.parentElement&&x.parentElement.removeChild(x)}),c.push(new h.WebAnimation({element:x,integrator:b.from(s),style:L}))}return c}}const ln={static:()=>new rn,fade:()=>new an};function cn(e){return[ln[e.type](),Ge[e.type]()]}const pn=e=>{const t=cn(e),n=Je,s=Qe;return{prepare:o=>{var c;const i=Promise.all([o.from,o.to]).then(([l,a])=>({pairs:on(l,a)})),r={from:o.from,to:o.to,resolved:i};for(const l of t)(c=l.prepare)==null||c.call(l,r);return i.then(l=>({resolved:l}))},animation:({from:o,to:i,context:r,resolved:c})=>{if(c.pairs.length===0)return new h.MultiAnimation([],{mode:"parallel"});const l=[],a=d=>{l.push(d)},p={from:o,to:i,resolved:c,physics:n,scrollOffset:r.scrollOffset,positionedParent:r.positionedParent,maxDistance:s,onComplete:a},f=[];for(const d of t)d.contribute&&f.push(...d.contribute(p));if(f.length===0)return new h.MultiAnimation([],{mode:"parallel"});const m=new h.MultiAnimation(f,{mode:"parallel"}),u=m.onComplete;return m.onComplete=()=>{u==null||u();for(const d of l)try{d()}catch(y){console.error("[hero] cleanup error",y)}},m}}};function fn(e){const{paths:t}=e,n=e.type??"static";return e.variant,T(t,()=>pn({type:n}))}const dn={spring:{stiffness:50,damping:30}},mn={spring:{stiffness:80,damping:25}},hn=(e={})=>{const t=e.physics??dn,n=e.initialRotation??45,s=e.initialScale??.01,o=e.rotationTriggerPoint??.8;return{prepare:({from:i,to:r,context:c})=>(i.then(l=>{l.style.opacity="1"}),r.then(l=>{const a=k(c,"to"),p=Math.min(a.width,a.height)*.4;l.style.setProperty("--max-border-radius",`${p}px`),l.style.setProperty("--border-radius-scale","1"),l.style.willChange="transform",l.style.backfaceVisibility="hidden";const f=a.left+a.width/2,m=a.top+a.height/2;l.style.transformOrigin=`${f}px ${m}px`,l.style.position="fixed",l.style.top=`${a.top}px`,l.style.left=`${a.left}px`,l.style.width=`${a.width}px`,l.style.height=`${a.height}px`,l.style.zIndex="1000",l.style.overflow="hidden",l.style.transform=`rotate(${n}deg) scale(${s}) translateZ(0)`,l.style.borderRadius="calc(var(--max-border-radius) * var(--border-radius-scale))",l.style.opacity="1"}),{}),animation:({from:i,to:r})=>{const c=new h.WebAnimation({element:i,integrator:b.from(mn),style:(a,p)=>({opacity:p})}),l=new h.WebAnimation({element:r,integrator:b.from(t),style:a=>{let p;if(a<=.05)p=s;else if(a<=o){const d=(a-.05)/(o-.05),y=Math.pow(d,9);p=s+(.8-s)*y}else{const d=(a-o)/(1-o);p=.8+.2*(1-Math.pow(1-d,3))}const f=.7;let m;if(a<=f)m=n;else{const d=(a-f)/(1-f),y=1-Math.pow(1-d,2);m=n*(1-y)}let u;if(a<=f)u=1;else{const d=(a-f)/(1-f);u=1-Math.pow(d,.5)}return{transform:`rotate(${m.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,"--border-radius-scale":u.toFixed(4)}},onComplete:()=>{r.style.willChange="",r.style.backfaceVisibility="",r.style.removeProperty("--max-border-radius"),r.style.removeProperty("--border-radius-scale"),r.style.transform="",r.style.transformOrigin="",r.style.position="",r.style.zIndex="",r.style.top="",r.style.left="",r.style.width="",r.style.height="",r.style.overflow="",r.style.borderRadius=""}});return new h.MultiAnimation([c,l],{mode:"parallel"})}}};function yn(e){const{paths:t}=e;return T(t,()=>hn())}const un={spring:{stiffness:100,damping:30}},gn=(e={})=>{const t=e.physics??un;return{prepare:({from:n,to:s})=>(n.then(o=>{o.style.transformOrigin="center center",o.style.willChange="transform, opacity"}),s.then(o=>{o.style.opacity="0",o.style.transform="rotate(-180deg)",o.style.transformOrigin="center center",o.style.willChange="transform, opacity"}),{}),animation:({from:n,to:s})=>{const o=new h.WebAnimation({element:n,integrator:b.from(t),style:r=>({transform:`rotate(${r*180}deg)`,opacity:r<.5?1:0})}),i=new h.WebAnimation({element:s,integrator:b.from(t),style:(r,c)=>({transform:`rotate(${-c*180}deg)`,opacity:r>.5?1:0}),onComplete:()=>{s.style.willChange="auto",s.style.transform="",s.style.transformOrigin="",s.style.opacity=""}});return new h.MultiAnimation([o,i],{mode:"parallel"})}}};function bn(e){const{paths:t}=e;return T(t,()=>gn())}const wn={spring:{stiffness:20,damping:8,doubleSpring:1,restDelta:.001,restSpeed:.001}},Ct=(e={})=>{const t=e.direction??"up",n=e.physics??wn,s=t==="up";return{prepare:({from:o,to:i})=>(o.then(r=>{r.style.zIndex=s?"-1":"1",r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.pointerEvents="none"}),i.then(r=>{r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint"}),{}),animation:({from:o,to:i})=>{const r=o.offsetHeight,c=i.offsetHeight,l=window.innerHeight,a=Math.max(Math.min(r,c),l),p=new h.WebAnimation({element:o,integrator:b.from(n),style:m=>({transform:`translate3d(0, ${s?-a*m:a*m}px, 0)`})}),f=new h.WebAnimation({element:i,integrator:b.from(n),style:(m,u)=>({transform:`translate3d(0, ${s?u*a:u*-a}px, 0)`}),onComplete:()=>{i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain="",i.style.transform=""}});return new h.MultiAnimation([p,f],{mode:"parallel"})}}};function Sn(e){const{paths:t,type:n="directional"}=e;return n==="non-directional"?T(t,()=>Ct({direction:"up"})):lt(t,{forward:"up",backward:"down"},s=>Ct({direction:s}))}const xn={spring:{stiffness:200,damping:24}},$n={inertia:{acceleration:25,resistance:1.2}},ot=.2;function En(){return{enterPhysics:xn,exitPhysics:$n,background:{willChange:"transform, opacity",enterStyle:(e,t)=>({transform:`scale(${1-ot*e})`,opacity:t}),exitStyle:e=>({transform:`scale(${1-ot+ot*e})`,opacity:e})}}}const Cn={spring:{stiffness:300,damping:30}},An={inertia:{acceleration:70,resistance:1.2}};function Pn(){return{enterPhysics:Cn,exitPhysics:An,background:{willChange:"",enterStyle:()=>({}),exitStyle:()=>({})}}}const Tn={static:Pn(),"background-scale":En()},vn="static",_n="transform",In=(e={})=>{const t=e.direction??"enter",n=Tn[e.type??vn],s=t==="enter"?n.enterPhysics:n.exitPhysics,o=n.background,i=o.willChange!=="";return{prepare:({from:r,to:c})=>{const l=t==="enter"?c:r,a=t==="enter"?r:c;return l.then(p=>{p.style.willChange=_n,p.style.backfaceVisibility="hidden",p.style.contain="layout paint",t==="exit"&&(p.style.pointerEvents="none",p.style.zIndex="100")}),a.then(p=>{i&&(p.style.willChange=o.willChange,p.style.backfaceVisibility="hidden",p.style.contain="layout paint"),t==="enter"&&(p.style.pointerEvents="none",p.style.zIndex="-1")}),{}},animation:({from:r,to:c,context:l})=>{const a=t==="enter"?c:r,p=t==="enter"?r:c,f=k(l,t==="enter"?"to":"from");a.style.clipPath=`inset(${f.top}px 0 calc(100% - ${f.top+f.height}px) 0)`;const m=t==="enter"?(E,C)=>({transform:`translate3d(0, ${C*f.height}px, 0)`}):E=>({transform:`translate3d(0, ${E*f.height}px, 0)`}),u=new h.WebAnimation({element:a,integrator:b.from(s),style:m,onComplete:()=>{a.style.willChange="auto",a.style.backfaceVisibility="",a.style.contain="",a.style.clipPath="",a.style.transform=""}});if(!i)return new h.MultiAnimation([u],{mode:"parallel"});const d=k(l,t==="enter"?"from":"to"),y=d.left+d.width/2,g=d.top+d.height/2;p.style.clipPath=`inset(${d.top}px 0 calc(100% - ${d.top+d.height}px) 0)`,p.style.transformOrigin=`${y}px ${g}px`;const S=t==="enter"?(E,C)=>o.enterStyle(E,C):E=>o.exitStyle(E),w=new h.WebAnimation({element:p,integrator:b.from(s),style:S,onComplete:t==="exit"?()=>{p.style.willChange="auto",p.style.backfaceVisibility="",p.style.contain="",p.style.clipPath="",p.style.transformOrigin=""}:void 0});return new h.MultiAnimation([u,w],{mode:"parallel"})}}};function On(e){return e==="scale"||e==="background-scale"?"background-scale":"static"}function Dn(e){const{enter:t,exit:n}=e,s=e.type,o=On(s);return _t({enter:t,exit:n},i=>In({direction:i,type:o}))}const Ln={spring:{stiffness:170,damping:22,doubleSpring:.8}},Fn=(e={})=>{const t=e.direction??"left",n=e.physics??Ln,s=t==="left";return{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"}),i.then(r=>{const c=s?100:-100;r.style.transform=`translate3d(${c}%, 0, 0)`,r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint"}),{}),animation:({from:o,to:i})=>{const r=new h.WebAnimation({element:o,integrator:b.from(n),style:l=>({transform:`translate3d(${s?-100*l:100*l}%, 0, 0)`})}),c=new h.WebAnimation({element:i,integrator:b.from(n),style:(l,a)=>({transform:`translate3d(${s?a*100:a*-100}%, 0, 0)`}),onComplete:()=>{i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain="",i.style.transform=""}});return new h.MultiAnimation([r,c],{mode:"parallel"})}}};function Yn(e){const{paths:t}=e;return lt(t,{forward:"left",backward:"right"},n=>Fn({direction:n}))}const kn={spring:{stiffness:17,damping:6}},it=20,X=800,Mn=(e={})=>{const t=e.physics??kn;return{prepare:({from:n,to:s})=>(n.then(o=>{o.style.willChange="transform",o.style.backfaceVisibility="hidden",o.style.contain="layout paint",o.style.pointerEvents="none",o.style.transform=`perspective(${X}px) rotateY(0deg) translate3d(0%, 0, 0)`}),s.then(o=>{o.style.willChange="transform",o.style.backfaceVisibility="hidden",o.style.contain="layout paint",o.style.transform=`perspective(${X}px) rotateY(${it}deg) translate3d(-100%, 0, 0)`}),{}),animation:({from:n,to:s})=>{const o=new h.WebAnimation({element:n,integrator:b.from(t),style:r=>{const c=-r*it,l=r*100;return{transform:`perspective(${X}px) rotateY(${c}deg) translate3d(${l}%, 0, 0)`}}}),i=new h.WebAnimation({element:s,integrator:b.from(t),style:(r,c)=>{const l=c*it,a=-c*100;return{transform:`perspective(${X}px) rotateY(${l}deg) translate3d(${a}%, 0, 0)`}},onComplete:()=>{s.style.transform="",s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain=""}});return new h.MultiAnimation([o,i],{mode:"sequence"})}}};function Hn(e){const{paths:t}=e;return T(t,()=>Mn())}function Wn({enterRect:e,exitRect:t,pageRect:n,scrollOffset:s,enterRadius:o,exitRadius:i}){const r=t.left-e.left+(t.width-e.width)/2-s.x,c=t.top-e.top+(t.height-e.height)/2-s.y,l=t.width/e.width,a=t.height/e.height,p=e.top/n.height*100,f=(n.width-(e.left+e.width))/n.width*100,m=(n.height-(e.top+e.height))/n.height*100,u=e.left/n.width*100;return{transformOrigin:`${e.left+e.width/2}px ${e.top+e.height/2}px`,animate:d=>{const y=1-d,g=1+(l-1)*y,S=1+(a-1)*y,E=(i*y+o*(1-y))/((g+S)/2);return{clipPath:`inset(${p*y}% ${f*y}% ${m*y}% ${u*y}% round ${E}px)`,transform:`translate(${r*y}px, ${c*y}px) scale(${g}, ${S})`}}}}function Un({enterRect:e,exitRect:t,pageRect:n,scrollOffset:s,enterRadius:o,exitRadius:i}){const r=t.left-e.left+(t.width-e.width)/2+s.x,c=t.top-e.top+(t.height-e.height)/2+s.y,l=t.width/e.width,a=t.height/e.height,p=e.top/n.height*100,f=(n.width-(e.left+e.width))/n.width*100,m=(n.height-(e.top+e.height))/n.height*100,u=e.left/n.width*100;return{transformOrigin:`${e.left+e.width/2}px ${e.top+e.height/2}px`,animate:d=>{const y=1-d,g=1+(l-1)*y,S=1+(a-1)*y,E=(o*(1-y)+i*y)/((g+S)/2);return{clipPath:`inset(${p*y}% ${f*y}% ${m*y}% ${u*y}% round ${E}px)`,transform:`translate(${r*y-s.x}px, ${c*y}px) scale(${g}, ${S})`}}}}const zn={spring:{stiffness:430,damping:33,doubleSpring:1}},It=.12,Xn=18;function Nn(){return{transformOrigin:"50% 50%",animate:e=>{const t=1-e;return{transform:`scale(${1-It*t})`}}}}function Vn(){return{transformOrigin:"50% 50%",animate:e=>{const t=1-e;return{transform:`scale(${1-It*t})`}}}}const rt={willChange:"backdrop-filter",initialStyle:{position:"absolute",inset:"0",pointerEvents:"none",zIndex:"1",backdropFilter:"blur(0px)",WebkitBackdropFilter:"blur(0px)"},style:(e,t)=>{const n=e==="enter"?t:1-t,s=`blur(${Xn*n}px)`;return{backdropFilter:s,WebkitBackdropFilter:s}}};class Bn{constructor(){$(this,"physics",zn)}contribute(t){const{from:n,to:s,resolved:o,physics:i}=t,r=o.mode==="enter",c=r?n:s,l=r?Nn():Vn();return l&&(c.style.transformOrigin=l.transformOrigin),[new h.WebAnimation({element:c,integrator:b.from(i),style:r?(a,p)=>l.animate(p):a=>l.animate(a)})]}}class Rn{prepare(t){const n=t.createElement("zoom-overlay");return Object.assign(n.style,rt.initialStyle),n.style.willChange=rt.willChange,t.context.positionedParent.appendChild(n),{overlay:n}}contribute(t){const n=t.extras.overlay;return n?[new h.WebAnimation({element:n,integrator:b.from(t.physics),style:s=>rt.style(t.resolved.mode,s)})]:[]}}const qn={spring:{stiffness:340,damping:30,doubleSpring:1}};function Zn({enterRect:e,exitRect:t,scrollOffset:n}){const s=e.left-t.left+(e.width-t.width)/2+n.x,o=e.top-t.top+(e.height-t.height)/2+n.y,i=e.width/t.width,r=e.height/t.height,c=Math.max(i,r);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const a=1-l;return{transform:`translate(${s*a-n.x}px, ${o*a}px) scale(${1+(c-1)*a})`,opacity:`${1-a}`}}}}function jn({enterRect:e,exitRect:t,scrollOffset:n}){const s=e.left-t.left+(e.width-t.width)/2-n.x,o=e.top-t.top+(e.height-t.height)/2-n.y,i=e.width/t.width,r=e.height/t.height,c=Math.max(i,r);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const a=1-l;return{transform:`translate(${s*a}px, ${o*a}px) scale(${1+(c-1)*a})`,opacity:`${l}`}}}}class Kn{constructor(){$(this,"physics",qn)}contribute(t){const{from:n,to:s,resolved:o,input:i,physics:r}=t,c=o.mode==="enter",l=c?n:s,a=c?Zn(i):jn(i);return a&&(l.style.transformOrigin=a.transformOrigin),[new h.WebAnimation({element:l,integrator:b.from(r),style:c?(p,f)=>a.animate(f):p=>a.animate(p)})]}}const Gn={spring:{stiffness:530,damping:34,doubleSpring:1}};class Jn{constructor(){$(this,"physics",Gn)}contribute(t){return[]}}const Qn={expand:()=>new Kn,static:()=>new Jn,blur:()=>new Bn};function ts(e){return Qn[e]()}const at="data-zoom-enter-key",At="data-zoom-exit-key",es="data-zoom-radius";function Pt(e){const t=e.getAttribute(es);if(!t)return 0;const n=parseFloat(t);return Number.isFinite(n)&&n>0?n:0}function ns(e,t){const n=[];let s=t;for(;s&&s!==e;){const o=s.parentElement;if(!o)break;for(const i of Array.from(o.children))i!==s&&i instanceof HTMLElement&&n.push(i);s=o}return n}function Tt(e){const t=e.querySelectorAll(`[${at}]`);return t.length!==1?null:t[0]}function vt(e,t){const n=e.querySelectorAll(`[${At}]`);for(const s of n)if(s.getAttribute(At)===t)return s;return null}function ss(e,t){const n=Tt(e),s=Tt(t);if(!n&&s){const o=s.getAttribute(at);if(!o)return null;const i=vt(e,o);return i?{mode:"enter",enterEl:s,exitEl:i}:null}if(n&&!s){const o=n.getAttribute(at);if(!o)return null;const i=vt(t,o);return i?{mode:"exit",enterEl:n,exitEl:i}:null}return null}function os(e,t,n,s){return{enterRect:Y(e.mode==="enter"?n:t,e.enterEl),exitRect:Y(e.mode==="enter"?t:n,e.exitEl),pageRect:e.mode==="enter"?n.getBoundingClientRect():t.getBoundingClientRect(),scrollOffset:s,enterRadius:Pt(e.enterEl),exitRadius:Pt(e.exitEl)}}class is{prepare(t){t.from.then(n=>{n.style.willChange="transform, clip-path, opacity",n.style.backfaceVisibility="hidden",n.style.contain="layout paint"})}contribute(t){const{from:n,to:s,resolved:o,input:i,physics:r,onComplete:c}=t,l=o.mode==="enter",a=l?Wn(i):Un(i),p=l?s:n,f=l?"t":"u";a&&(p.style.transformOrigin=a.transformOrigin);const m=p.style.zIndex;return p.style.zIndex="2",c(()=>{p.style.willChange="auto",p.style.backfaceVisibility="",p.style.transformOrigin="",p.style.contain="",p.style.zIndex=m}),[new h.WebAnimation({element:p,integrator:b.from(r),style:f==="t"?u=>a.animate(u):(u,d)=>a.animate(d)})]}}class rs{contribute(t){const{resolved:n,physics:s,from:o,to:i,onComplete:r}=t,c=n.mode==="enter"?i:o,l=ns(c,n.enterEl);if(l.length===0)return[];const a=l.map(p=>p.style.opacity);if(n.mode==="enter")for(const p of l)p.style.opacity="0";return r(()=>{for(let p=0;p<l.length;p++){const f=l[p];f&&(f.style.opacity=a[p]??"")}}),l.map(p=>new h.WebAnimation({element:p,integrator:b.from(s),style:(f,m)=>({opacity:n.mode==="enter"?f:m})}))}}class Ot{contribute(){return[]}}const as={default:()=>new Ot,fade:()=>new rs};function ls(e){return as[e]()}class cs extends Ot{}function ps(e){const t=ts(e.type);return{strategies:[new is,t,ls(e.variant),new cs,...e.type==="blur"?[new Rn]:[]],physics:t.physics}}const fs=e=>{const{strategies:t,physics:n}=ps(e);return{prepare:s=>{const o={from:s.from,to:s.to,context:{positionedParent:s.context.positionedParent},createElement:s.createElement},i={};for(const r of t){if(!r.prepare)continue;const c=r.prepare(o);c&&Object.assign(i,c)}return i},animation:({from:s,to:o,context:i,...r})=>{const c=ss(s,o);if(!c)return new h.MultiAnimation([],{mode:"parallel"});const l=os(c,s,o,i.scrollOffset),a=[],f={from:s,to:o,resolved:c,input:l,physics:n,extras:r,onComplete:d=>{a.push(d)}},m=[];for(const d of t)d.contribute&&m.push(...d.contribute(f));const u=m[0];if(u){const d=u.onComplete;u.onComplete=()=>{d==null||d();for(const y of a)try{y()}catch(g){console.error("[zoom] cleanup error",g)}}}return new h.MultiAnimation(m,{mode:"parallel"})}}};function ds(e){const t=e.type??"static",n=e.variant??(e.fade?"fade":"default");return{type:t,variant:n}}function ms(e){const t=ds(e);return T(e.paths,()=>fs(t))}exports.Animation=h.Animation;exports.MultiAnimation=h.MultiAnimation;exports.WebAnimation=h.WebAnimation;exports.axis=ue;exports.blind=$e;exports.drill=Le;exports.fade=Me;exports.film=Re;exports.hero=fn;exports.jaemin=yn;exports.rotate=bn;exports.scroll=Sn;exports.sheet=Dn;exports.slide=Yn;exports.strip=Hn;exports.zoom=ms;
+  )`}function X(e,t,n,o,s){const i=n/1e3;return new h.WebAnimation({element:e,integrator:new Ut({durationSec:i}),lowerBound:0,upperBound:1,style:r=>o(Re(t,r)),onComplete:s})}const Ve=(e={})=>{var s;const t=((s=e.border)==null?void 0:s.color)??We,n=He,o=e.physics;return{prepare:({from:i,to:r,context:l})=>{const c=_(l,"from"),a=_(l,"to"),p=O(document.body,l.positionedParent),f=Xe(t,{...c,top:p.top});for(const d of["topLeft","topRight","bottomLeft","bottomRight"])l.positionedParent.appendChild(f[d]);return i.then(d=>{mt(d,c),ht(d,c),d.style.transform=`translateY(${-c.top}px)`}),r.then(d=>{mt(d,a),ht(d,a),d.style.transform=`translateY(${-a.top+a.height}px) scale(${n})`}),{borders:f,fromRect:c,toRect:a}},animation:({from:i,to:r,context:l,borders:c,fromRect:a,toRect:p})=>{const f=dt({rect:a,scale:n,direction:"out",override:o}),d=dt({rect:p,scale:n,direction:"in",override:o}),y=X(i,f.snapshots,f.totalDuration,w=>({transform:`translateY(${w.translateY}px) scale(${w.scale})`}),()=>{i.style.clipPath="",i.style.transformOrigin=""}),m=X(r,d.snapshots,d.totalDuration,w=>({transform:`translateY(${w.translateY}px) scale(${w.scale})`}),()=>{r.style.clipPath="",r.style.transformOrigin="",r.style.transform=""}),u=ze.map(([w,E],x)=>{const T=["topLeft","topRight","bottomLeft","bottomRight"][x];return X(c[T],f.snapshots,f.totalDuration,A=>{const C=(a.width-a.width*A.scale)/2*.7*w,M=(a.height-a.height*A.scale)/2*.7*E;return{transform:`translate(${C}px, ${M}px)`}})}),b=new h.MultiAnimation([y,m,...u],{mode:"parallel"}),$=b.onComplete;return b.onComplete=()=>{$==null||$();const w=l.positionedParent;for(const E of["topLeft","topRight","bottomLeft","bottomRight"]){const x=c[E];x.parentElement===w&&w.removeChild(x)}},b}}};function Be(e){const{paths:t,options:n}=e,o=(n==null?void 0:n.borderColor)!==void 0?{border:{color:n.borderColor}}:void 0;return P(t,()=>Ve(o))}const ut="data-hero-enter-key",yt="data-hero-exit-key",V="data-hero-key";class Ze{prepare(t){t.from.then(n=>{n.style.opacity="0"})}}const qe=()=>new Ze;class je{contribute(t){const{from:n,to:o,physics:s,onComplete:i}=t,r=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",i(()=>{n.style.opacity=r,o.style.opacity=l,n.style.willChange=c,o.style.willChange=a}),[new h.WebAnimation({element:n,integrator:g.from(s),style:(p,f)=>({opacity:f})}),new h.WebAnimation({element:o,integrator:g.from(s),style:p=>({opacity:p})})]}}const Ke=()=>new je,Ge={static:qe,fade:Ke},Je={spring:{stiffness:320,damping:30}},Qe=()=>Je,tn={spring:{stiffness:300,damping:30,doubleSpring:1}},en=()=>tn,nn={default:Qe,smooth:en},on=700,sn="data-hero-aspect-ratio",rn="data-hero-radius";function an(e){if(!e)return null;if(e.includes("/")){const[n,o]=e.split("/"),s=parseFloat(n??""),i=parseFloat(o??"");return!Number.isFinite(s)||!Number.isFinite(i)||s<=0||i<=0?null:s/i}const t=parseFloat(e);return Number.isFinite(t)&&t>0?t:null}function gt(e){const t=e.getAttribute(rn);if(!t)return 0;const n=parseFloat(t);return Number.isFinite(n)&&n>0?n:0}function L(e){return e.left+e.width/2}function k(e){return e.top+e.height/2}function ln(e,t){return{top:Math.max(0,t.top-e.top),right:Math.max(0,e.left+e.width-(t.left+t.width)),bottom:Math.max(0,e.top+e.height-(t.top+t.height)),left:Math.max(0,t.left-e.left)}}function cn(e,t,n){const o=e.width/e.height;let s,i;return n==="contain"?o>t?(i=e.height,s=i*t):(s=e.width,i=s/t):o>t?(s=e.width,i=s/t):(i=e.height,s=i*t),{left:e.left+(e.width-s)/2,top:e.top+(e.height-i)/2,width:s,height:i}}function bt(e,t,n){const o=O(e,t),s=an(t.getAttribute(sn));if(s===null)return{bbox:o,content:o,window:o,clipInset:{top:0,right:0,bottom:0,left:0}};const i=cn(o,s,n),r=n==="cover"?o:i;return{bbox:o,content:i,window:r,clipInset:ln(i,r)}}function pn(e,t,n,o){const s=n.width/o,i=n.height/o,r=e.width/2+(L(n)-L(t))/o-s/2,l=e.height/2+(k(n)-k(t))/o-i/2;return{top:Math.max(0,l),right:Math.max(0,e.width-r-s),bottom:Math.max(0,e.height-l-i),left:Math.max(0,r)}}function v(e,t){const n=new Map,o=e.querySelectorAll(`[${t}]`);for(const s of Array.from(o)){const i=s.getAttribute(t);i&&(n.has(i)||n.set(i,s))}return n}function fn(e,t){const n=[],o=v(t,ut),s=v(e,yt);for(const[l,c]of o){const a=s.get(l);a&&n.push({key:l,fromEl:a,toEl:c,fromFit:"cover",toFit:"contain"})}const i=v(e,ut),r=v(t,yt);for(const[l,c]of i){const a=r.get(l);a&&n.push({key:l,fromEl:c,toEl:a,fromFit:"contain",toFit:"cover"})}return n}function dn(e,t){const n=[],o=Array.from(t.querySelectorAll(`[${V}]`));for(const s of o){const i=s.getAttribute(V);if(!i)continue;const r=e.querySelector(`[${V}="${i}"]`);r&&n.push({key:i,fromEl:r,toEl:s,fromFit:"contain",toFit:"contain"})}return n}function mn(e,t){const n=fn(e,t);return n.length>0?n:dn(e,t)}function hn(e,t,n){const{fromEl:o,toEl:s}=t,i=bt(e,o,t.fromFit),r=bt(e,s,t.toFit),l=i.content,c=i.window,a=r.content,p=r.window,f=r.clipInset,d=gt(o),y=gt(s);if(l.width===0||l.height===0||c.width===0||c.height===0||a.width===0||a.height===0||p.width===0||p.height===0)return null;const m=Math.max(l.width/a.width,l.height/a.height),u=L(l),b=k(l),$=L(a),w=k(a),E=u-$,x=b-w;if(Math.abs(x)>n)return null;const T=pn(a,l,c,m);return{toContent:a,hasRadius:d>0||y>0,styleFor:(A,C)=>{const M=C*E,_t=C*x,G=A+C*m,Tt=(d*C+y*A)/G,Dt=T.top*C+f.top*A,It=T.right*C+f.right*A,Ot=T.bottom*C+f.bottom*A,vt=T.left*C+f.left*A;return{transform:`translate(${M}px, ${_t}px) scale(${G})`,clipPath:`inset(${Dt}px ${It}px ${Ot}px ${vt}px round ${Tt}px)`}}}}function un(e,t){e.style.transform=t.transform,e.style.clipPath=t.clipPath}class yn{contribute(t){const{resolved:n,physics:o,positionedParent:s,maxDistance:i,onComplete:r}=t,l=[];for(const c of n.pairs){const{fromEl:a,toEl:p}=c,f=hn(s,c,i);if(!f)continue;const d=p.cloneNode(!0);d.style.position="absolute",d.style.left=`${f.toContent.left}px`,d.style.top=`${f.toContent.top}px`,d.style.width=`${f.toContent.width}px`,d.style.height=`${f.toContent.height}px`,d.style.margin="0",d.style.transformOrigin="center center",d.style.zIndex="1000",d.style.willChange="transform, clip-path",d.style.pointerEvents="none",d.style.maxWidth="none",d.style.maxHeight="none",f.hasRadius&&(d.style.borderRadius="0"),un(d,f.styleFor(0,1)),s.appendChild(d);const y=a.style.opacity,m=p.style.opacity;a.style.opacity="0",p.style.opacity="0",r(()=>{a.style.opacity=y,p.style.opacity=m,d.parentElement&&d.parentElement.removeChild(d)}),l.push(new h.WebAnimation({element:d,integrator:g.from(o),style:f.styleFor}))}return l}}function gn(e){return[new yn,Ge[e.type]()]}const bn=e=>{const t=gn(e),n=nn[e.variant](),o=on;return{prepare:s=>{var l;const i=Promise.all([s.from,s.to]).then(([c,a])=>({pairs:mn(c,a)})),r={from:s.from,to:s.to,resolved:i};for(const c of t)(l=c.prepare)==null||l.call(c,r);return i.then(c=>({resolved:c}))},animation:({from:s,to:i,context:r,resolved:l})=>{if(l.pairs.length===0)return new h.MultiAnimation([],{mode:"parallel"});const c=[],a=m=>{c.push(m)},p={from:s,to:i,resolved:l,physics:n,positionedParent:r.positionedParent,maxDistance:o,onComplete:a},f=[];for(const m of t)m.contribute&&f.push(...m.contribute(p));if(f.length===0)return new h.MultiAnimation([],{mode:"parallel"});const d=new h.MultiAnimation(f,{mode:"parallel"}),y=d.onComplete;return d.onComplete=()=>{y==null||y();for(const m of c)try{m()}catch(u){console.error("[hero] cleanup error",u)}},d}}};function wn(e){const{paths:t}=e,n=e.type??"static",o=e.variant??"default";return P(t,()=>bn({type:n,variant:o}))}const Sn={spring:{stiffness:50,damping:30}},$n={spring:{stiffness:80,damping:25}},En=(e={})=>{const t=e.physics??Sn,n=e.initialRotation??45,o=e.initialScale??.01,s=e.rotationTriggerPoint??.8;return{prepare:({from:i,to:r,context:l})=>(i.then(c=>{c.style.opacity="1"}),r.then(c=>{const a=_(l,"to"),p=Math.min(a.width,a.height)*.4;c.style.setProperty("--max-border-radius",`${p}px`),c.style.setProperty("--border-radius-scale","1"),c.style.willChange="transform",c.style.backfaceVisibility="hidden";const f=a.left+a.width/2,d=a.top+a.height/2;c.style.transformOrigin=`${f}px ${d}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:i,to:r})=>{const l=new h.WebAnimation({element:i,integrator:g.from($n),style:(a,p)=>({opacity:p})}),c=new h.WebAnimation({element:r,integrator:g.from(t),style:a=>{let p;if(a<=.05)p=o;else if(a<=s){const m=(a-.05)/(s-.05),u=Math.pow(m,9);p=o+(.8-o)*u}else{const m=(a-s)/(1-s);p=.8+.2*(1-Math.pow(1-m,3))}const f=.7;let d;if(a<=f)d=n;else{const m=(a-f)/(1-f),u=1-Math.pow(1-m,2);d=n*(1-u)}let y;if(a<=f)y=1;else{const m=(a-f)/(1-f);y=1-Math.pow(m,.5)}return{transform:`rotate(${d.toFixed(2)}deg) scale(${p.toFixed(4)}) translateZ(0)`,"--border-radius-scale":y.toFixed(4)}},onComplete:()=>{r.style.willChange="",r.style.backfaceVisibility="",r.style.removeProperty("--max-border-radius"),r.style.removeProperty("--border-radius-scale"),r.style.transform="",r.style.transformOrigin="",r.style.position="",r.style.zIndex="",r.style.top="",r.style.left="",r.style.width="",r.style.height="",r.style.overflow="",r.style.borderRadius=""}});return new h.MultiAnimation([l,c],{mode:"parallel"})}}};function xn(e){const{paths:t}=e;return P(t,()=>En())}const Cn={spring:{stiffness:100,damping:30}},An=(e={})=>{const t=e.physics??Cn;return{prepare:({from:n,to:o})=>(n.then(s=>{s.style.transformOrigin="center center",s.style.willChange="transform, opacity"}),o.then(s=>{s.style.opacity="0",s.style.transform="rotate(-180deg)",s.style.transformOrigin="center center",s.style.willChange="transform, opacity"}),{}),animation:({from:n,to:o})=>{const s=new h.WebAnimation({element:n,integrator:g.from(t),style:r=>({transform:`rotate(${r*180}deg)`,opacity:r<.5?1:0})}),i=new h.WebAnimation({element:o,integrator:g.from(t),style:(r,l)=>({transform:`rotate(${-l*180}deg)`,opacity:r>.5?1:0}),onComplete:()=>{o.style.willChange="auto",o.style.transform="",o.style.transformOrigin="",o.style.opacity=""}});return new h.MultiAnimation([s,i],{mode:"parallel"})}}};function Pn(e){const{paths:t}=e;return P(t,()=>An())}const _n={spring:{stiffness:20,damping:8,doubleSpring:1,restDelta:.001,restSpeed:.001}},wt=(e={})=>{const t=e.direction??"up",n=e.physics??_n,o=t==="up";return{prepare:({from:s,to:i})=>(s.then(r=>{r.style.zIndex=o?"-1":"1",r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.pointerEvents="none"}),i.then(r=>{r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint"}),{}),animation:({from:s,to:i})=>{const r=s.offsetHeight,l=i.offsetHeight,c=window.innerHeight,a=Math.max(Math.min(r,l),c),p=new h.WebAnimation({element:s,integrator:g.from(n),style:d=>({transform:`translate3d(0, ${o?-a*d:a*d}px, 0)`})}),f=new h.WebAnimation({element:i,integrator:g.from(n),style:(d,y)=>({transform:`translate3d(0, ${o?y*a:y*-a}px, 0)`}),onComplete:()=>{i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain="",i.style.transform=""}});return new h.MultiAnimation([p,f],{mode:"parallel"})}}};function Tn(e){const{paths:t,type:n="directional"}=e;return n==="non-directional"?P(t,()=>wt({direction:"up"})):K(t,{forward:"up",backward:"down"},o=>wt({direction:o}))}const Dn={spring:{stiffness:200,damping:24}},In={inertia:{acceleration:25,resistance:1.2}},B=.2;function On(){return{enterPhysics:Dn,exitPhysics:In,background:{willChange:"transform, opacity",enterStyle:(e,t)=>({transform:`scale(${1-B*e})`,opacity:t}),exitStyle:e=>({transform:`scale(${1-B+B*e})`,opacity:e})}}}const vn={spring:{stiffness:300,damping:30}},Fn={inertia:{acceleration:70,resistance:1.2}};function Yn(){return{enterPhysics:vn,exitPhysics:Fn,background:{willChange:"",enterStyle:()=>({}),exitStyle:()=>({})}}}const Ln={static:Yn(),"background-scale":On()},kn="static",Mn="transform",Hn=(e={})=>{const t=e.direction??"enter",n=Ln[e.type??kn],o=t==="enter"?n.enterPhysics:n.exitPhysics,s=n.background,i=s.willChange!=="";return{prepare:({from:r,to:l})=>{const c=t==="enter"?l:r,a=t==="enter"?r:l;return c.then(p=>{p.style.willChange=Mn,p.style.backfaceVisibility="hidden",p.style.contain="layout paint",t==="exit"&&(p.style.pointerEvents="none",p.style.zIndex="100")}),a.then(p=>{i&&(p.style.willChange=s.willChange,p.style.backfaceVisibility="hidden",p.style.contain="layout paint"),t==="enter"&&(p.style.pointerEvents="none",p.style.zIndex="-1")}),{}},animation:({from:r,to:l,context:c})=>{const a=t==="enter"?l:r,p=t==="enter"?r:l,f=_(c,t==="enter"?"to":"from");a.style.clipPath=`inset(${f.top}px 0 calc(100% - ${f.top+f.height}px) 0)`;const d=t==="enter"?(E,x)=>({transform:`translate3d(0, ${x*f.height}px, 0)`}):E=>({transform:`translate3d(0, ${E*f.height}px, 0)`}),y=new h.WebAnimation({element:a,integrator:g.from(o),style:d,onComplete:()=>{a.style.willChange="auto",a.style.backfaceVisibility="",a.style.contain="",a.style.clipPath="",a.style.transform=""}});if(!i)return new h.MultiAnimation([y],{mode:"parallel"});const m=_(c,t==="enter"?"from":"to"),u=m.left+m.width/2,b=m.top+m.height/2;p.style.clipPath=`inset(${m.top}px 0 calc(100% - ${m.top+m.height}px) 0)`,p.style.transformOrigin=`${u}px ${b}px`;const $=t==="enter"?(E,x)=>s.enterStyle(E,x):E=>s.exitStyle(E),w=new h.WebAnimation({element:p,integrator:g.from(o),style:$,onComplete:t==="exit"?()=>{p.style.willChange="auto",p.style.backfaceVisibility="",p.style.contain="",p.style.clipPath="",p.style.transformOrigin=""}:void 0});return new h.MultiAnimation([y,w],{mode:"parallel"})}}};function Wn(e){return e==="scale"||e==="background-scale"?"background-scale":"static"}function Un(e){const{enter:t,exit:n}=e,o=e.type,s=Wn(o);return Ct({enter:t,exit:n},i=>Hn({direction:i,type:s}))}const Nn={spring:{stiffness:170,damping:22,doubleSpring:.8}},Rn=(e={})=>{const t=e.direction??"left",n=e.physics??Nn,o=t==="left";return{prepare:({from:s,to:i})=>(s.then(r=>{r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.pointerEvents="none"}),i.then(r=>{const l=o?100:-100;r.style.transform=`translate3d(${l}%, 0, 0)`,r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint"}),{}),animation:({from:s,to:i})=>{const r=new h.WebAnimation({element:s,integrator:g.from(n),style:c=>({transform:`translate3d(${o?-100*c:100*c}%, 0, 0)`})}),l=new h.WebAnimation({element:i,integrator:g.from(n),style:(c,a)=>({transform:`translate3d(${o?a*100:a*-100}%, 0, 0)`}),onComplete:()=>{i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain="",i.style.transform=""}});return new h.MultiAnimation([r,l],{mode:"parallel"})}}};function zn(e){const{paths:t}=e;return K(t,{forward:"left",backward:"right"},n=>Rn({direction:n}))}const Xn={spring:{stiffness:17,damping:6}},Z=20,F=800,Vn=(e={})=>{const t=e.physics??Xn;return{prepare:({from:n,to:o})=>(n.then(s=>{s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.pointerEvents="none",s.style.transform=`perspective(${F}px) rotateY(0deg) translate3d(0%, 0, 0)`}),o.then(s=>{s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.transform=`perspective(${F}px) rotateY(${Z}deg) translate3d(-100%, 0, 0)`}),{}),animation:({from:n,to:o})=>{const s=new h.WebAnimation({element:n,integrator:g.from(t),style:r=>{const l=-r*Z,c=r*100;return{transform:`perspective(${F}px) rotateY(${l}deg) translate3d(${c}%, 0, 0)`}}}),i=new h.WebAnimation({element:o,integrator:g.from(t),style:(r,l)=>{const c=l*Z,a=-l*100;return{transform:`perspective(${F}px) rotateY(${c}deg) translate3d(${a}%, 0, 0)`}},onComplete:()=>{o.style.transform="",o.style.willChange="auto",o.style.backfaceVisibility="",o.style.contain=""}});return new h.MultiAnimation([s,i],{mode:"sequence"})}}};function Bn(e){const{paths:t}=e;return P(t,()=>Vn())}function Zn({enterRect:e,exitRect:t,pageRect:n,scrollOffset:o,enterRadius:s,exitRadius:i}){const r=t.left-e.left+(t.width-e.width)/2-o.x,l=t.top-e.top+(t.height-e.height)/2-o.y,c=t.width/e.width,a=t.height/e.height,p=e.top/n.height*100,f=(n.width-(e.left+e.width))/n.width*100,d=(n.height-(e.top+e.height))/n.height*100,y=e.left/n.width*100;return{transformOrigin:`${e.left+e.width/2}px ${e.top+e.height/2}px`,animate:m=>{const u=1-m,b=1+(c-1)*u,$=1+(a-1)*u,E=(i*u+s*(1-u))/((b+$)/2);return{clipPath:`inset(${p*u}% ${f*u}% ${d*u}% ${y*u}% round ${E}px)`,transform:`translate(${r*u}px, ${l*u}px) scale(${b}, ${$})`}}}}function qn({enterRect:e,exitRect:t,pageRect:n,scrollOffset:o,enterRadius:s,exitRadius:i}){const r=t.left-e.left+(t.width-e.width)/2+o.x,l=t.top-e.top+(t.height-e.height)/2+o.y,c=t.width/e.width,a=t.height/e.height,p=e.top/n.height*100,f=(n.width-(e.left+e.width))/n.width*100,d=(n.height-(e.top+e.height))/n.height*100,y=e.left/n.width*100;return{transformOrigin:`${e.left+e.width/2}px ${e.top+e.height/2}px`,animate:m=>{const u=1-m,b=1+(c-1)*u,$=1+(a-1)*u,E=(s*(1-u)+i*u)/((b+$)/2);return{clipPath:`inset(${p*u}% ${f*u}% ${d*u}% ${y*u}% round ${E}px)`,transform:`translate(${r*u-o.x}px, ${l*u}px) scale(${b}, ${$})`}}}}const jn={spring:{stiffness:430,damping:33,doubleSpring:1}},At=.12,Kn=18;function Gn(){return{transformOrigin:"50% 50%",animate:e=>{const t=1-e;return{transform:`scale(${1-At*t})`}}}}function Jn(){return{transformOrigin:"50% 50%",animate:e=>{const t=1-e;return{transform:`scale(${1-At*t})`}}}}const q={willChange:"backdrop-filter",initialStyle:{position:"absolute",inset:"0",pointerEvents:"none",backdropFilter:"blur(0px)",WebkitBackdropFilter:"blur(0px)"},style:(e,t)=>{const n=e==="enter"?t:1-t,o=`blur(${Kn*n}px)`;return{backdropFilter:o,WebkitBackdropFilter:o}}};class Qn{constructor(){S(this,"physics",jn)}contribute(t){const{from:n,to:o,resolved:s,physics:i}=t,r=s.mode==="enter",l=r?n:o,c=r?Gn():Jn();return c&&(l.style.transformOrigin=c.transformOrigin),[new h.WebAnimation({element:l,integrator:g.from(i),style:r?(a,p)=>c.animate(p):a=>c.animate(a)})]}}class to{prepare(t){const n=t.createElement("zoom-overlay");return Object.assign(n.style,q.initialStyle),n.style.willChange=q.willChange,t.context.positionedParent.appendChild(n),{overlay:n}}contribute(t){const n=t.extras.overlay;return n?(n.style.zIndex=t.resolved.mode==="enter"?"-1":"1",[new h.WebAnimation({element:n,integrator:g.from(t.physics),style:o=>q.style(t.resolved.mode,o)})]):[]}}const eo={spring:{stiffness:430,damping:33,doubleSpring:1}};function no({enterRect:e,exitRect:t,scrollOffset:n}){const o=e.left-t.left+(e.width-t.width)/2+n.x,s=e.top-t.top+(e.height-t.height)/2+n.y,i=e.width/t.width,r=e.height/t.height,l=Math.max(i,r);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:c=>{const a=1-c;return{transform:`translate(${o*a-n.x}px, ${s*a}px) scale(${1+(l-1)*a})`}}}}function oo({enterRect:e,exitRect:t,scrollOffset:n}){const o=e.left-t.left+(e.width-t.width)/2-n.x,s=e.top-t.top+(e.height-t.height)/2-n.y,i=e.width/t.width,r=e.height/t.height,l=Math.max(i,r);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:c=>{const a=1-c;return{transform:`translate(${o*a}px, ${s*a}px) scale(${1+(l-1)*a})`}}}}class so{constructor(){S(this,"physics",eo)}contribute(t){const{from:n,to:o,resolved:s,input:i,physics:r}=t,l=s.mode==="enter",c=l?n:o,a=l?no(i):oo(i);return a&&(c.style.transformOrigin=a.transformOrigin),[new h.WebAnimation({element:c,integrator:g.from(r),style:l?(p,f)=>a.animate(f):p=>a.animate(p)})]}}const io={spring:{stiffness:530,damping:34,doubleSpring:1}};class ro{constructor(){S(this,"physics",io)}contribute(t){return[]}}const ao={expand:()=>new so,static:()=>new ro,blur:()=>new Qn};function lo(e){return ao[e]()}const j="data-zoom-enter-key",St="data-zoom-exit-key",co="data-zoom-radius";function $t(e){const t=e.getAttribute(co);if(!t)return 0;const n=parseFloat(t);return Number.isFinite(n)&&n>0?n:0}function po(e,t){const n=[];let o=t;for(;o&&o!==e;){const s=o.parentElement;if(!s)break;for(const i of Array.from(s.children))i!==o&&i instanceof HTMLElement&&n.push(i);o=s}return n}function Et(e){const t=e.querySelectorAll(`[${j}]`);return t.length!==1?null:t[0]}function xt(e,t){const n=e.querySelectorAll(`[${St}]`);for(const o of n)if(o.getAttribute(St)===t)return o;return null}function fo(e,t){const n=Et(e),o=Et(t);if(!n&&o){const s=o.getAttribute(j);if(!s)return null;const i=xt(e,s);return i?{mode:"enter",enterEl:o,exitEl:i}:null}if(n&&!o){const s=n.getAttribute(j);if(!s)return null;const i=xt(t,s);return i?{mode:"exit",enterEl:n,exitEl:i}:null}return null}function mo(e,t,n,o){return{enterRect:O(e.mode==="enter"?n:t,e.enterEl),exitRect:O(e.mode==="enter"?t:n,e.exitEl),pageRect:e.mode==="enter"?n.getBoundingClientRect():t.getBoundingClientRect(),scrollOffset:o,enterRadius:$t(e.enterEl),exitRadius:$t(e.exitEl)}}class ho{prepare(t){t.from.then(n=>{n.style.willChange="transform, clip-path, opacity",n.style.backfaceVisibility="hidden",n.style.contain="layout paint"})}contribute(t){const{from:n,to:o,resolved:s,input:i,physics:r,onComplete:l}=t,c=s.mode==="enter",a=c?Zn(i):qn(i),p=c?o:n,f=c?"t":"u";a&&(p.style.transformOrigin=a.transformOrigin);const d=c?"-2":"2",y=n.style.zIndex;return n.style.zIndex=d,l(()=>{p.style.willChange="auto",p.style.backfaceVisibility="",p.style.transformOrigin="",p.style.contain="",n.style.zIndex=y}),[new h.WebAnimation({element:p,integrator:g.from(r),style:f==="t"?m=>a.animate(m):(m,u)=>a.animate(u)})]}}class uo{contribute(t){const{resolved:n,physics:o,from:s,to:i,onComplete:r}=t,l=n.mode==="enter"?i:s,c=po(l,n.enterEl);if(c.length===0)return[];const a=c.map(p=>p.style.opacity);if(n.mode==="enter")for(const p of c)p.style.opacity="0";return r(()=>{for(let p=0;p<c.length;p++){const f=c[p];f&&(f.style.opacity=a[p]??"")}}),c.map(p=>new h.WebAnimation({element:p,integrator:g.from(o),style:(f,d)=>({opacity:n.mode==="enter"?f:d})}))}}class Pt{contribute(){return[]}}const yo={default:()=>new Pt,fade:()=>new uo};function go(e){return yo[e]()}class bo extends Pt{}function wo(e){const t=lo(e.type);return{strategies:[new ho,t,go(e.variant),new bo,...e.type==="blur"?[new to]:[]],physics:t.physics}}const So=e=>{const{strategies:t,physics:n}=wo(e);return{prepare:o=>{const s={from:o.from,to:o.to,context:{positionedParent:o.context.positionedParent},createElement:o.createElement},i={};for(const r of t){if(!r.prepare)continue;const l=r.prepare(s);l&&Object.assign(i,l)}return i},animation:({from:o,to:s,context:i,...r})=>{const l=fo(o,s);if(!l)return new h.MultiAnimation([],{mode:"parallel"});const c=mo(l,o,s,i.scrollOffset),a=[],f={from:o,to:s,resolved:l,input:c,physics:n,extras:r,onComplete:m=>{a.push(m)}},d=[];for(const m of t)m.contribute&&d.push(...m.contribute(f));const y=d[0];if(y){const m=y.onComplete;y.onComplete=()=>{m==null||m();for(const u of a)try{u()}catch(b){console.error("[zoom] cleanup error",b)}}}return new h.MultiAnimation(d,{mode:"parallel"})}}};function $o(e){const t=e.type??"static",n=e.variant??(e.fade?"fade":"default");return{type:t,variant:n}}function Eo(e){const t=$o(e);return P(e.paths,()=>So(t))}exports.Animation=h.Animation;exports.MultiAnimation=h.MultiAnimation;exports.WebAnimation=h.WebAnimation;exports.axis=ye;exports.blind=Ee;exports.drill=Fe;exports.fade=Me;exports.film=Be;exports.hero=wn;exports.jaemin=xn;exports.rotate=Pn;exports.scroll=Tn;exports.sheet=Un;exports.slide=zn;exports.strip=Bn;exports.zoom=Eo;