@plyaz/ui 0.6.5 → 0.6.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),T=require("react"),Or=require("./utils-D4NY0-fZ.cjs"),Qs=T.createContext({});function ne(t){const e=T.useRef(null);return e.current===null&&(e.current=t()),e.current}const _e=typeof window<"u",Ye=_e?T.useLayoutEffect:T.useEffect,Xe=T.createContext(null);function qe(t,e){t.indexOf(e)===-1&&t.push(e)}function Ze(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}const q=(t,e,n)=>n>e?e:n<t?t:n;function Se(t,e){return e?`${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}`:t}let xt=()=>{},H=()=>{};process.env.NODE_ENV!=="production"&&(xt=(t,e,n)=>{!t&&typeof console<"u"&&console.warn(Se(e,n))},H=(t,e,n)=>{if(!t)throw new Error(Se(e,n))});const J={},ti=t=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);function ei(t){return typeof t=="object"&&t!==null}const ni=t=>/^0[^.\s]+$/u.test(t);function Je(t){let e;return()=>(e===void 0&&(e=t()),e)}const j=t=>t,Ir=(t,e)=>n=>e(t(n)),It=(...t)=>t.reduce(Ir),yt=(t,e,n)=>{const s=e-t;return s===0?1:(n-t)/s};class Qe{constructor(){this.subscriptions=[]}add(e){return qe(this.subscriptions,e),()=>Ze(this.subscriptions,e)}notify(e,n,s){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](e,n,s);else for(let o=0;o<i;o++){const r=this.subscriptions[o];r&&r(e,n,s)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const z=t=>t*1e3,Y=t=>t/1e3;function tn(t,e){return e?t*(1e3/e):0}const Ln=new Set;function se(t,e,n){t||Ln.has(e)||(console.warn(Se(e,n)),Ln.add(e))}const si=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,jr=1e-7,Nr=12;function Wr(t,e,n,s,i){let o,r,a=0;do r=e+(n-e)/2,o=si(r,s,i)-t,o>0?n=r:e=r;while(Math.abs(o)>jr&&++a<Nr);return r}function jt(t,e,n,s){if(t===e&&n===s)return j;const i=o=>Wr(o,0,1,t,n);return o=>o===0||o===1?o:si(i(o),e,s)}const ii=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,ri=t=>e=>1-t(1-e),oi=jt(.33,1.53,.69,.99),en=ri(oi),ai=ii(en),li=t=>(t*=2)<1?.5*en(t):.5*(2-Math.pow(2,-10*(t-1))),nn=t=>1-Math.sin(Math.acos(t)),ci=ri(nn),ui=ii(nn),Ur=jt(.42,0,1,1),Kr=jt(0,0,.58,1),hi=jt(.42,0,.58,1),$r=t=>Array.isArray(t)&&typeof t[0]!="number",fi=t=>Array.isArray(t)&&typeof t[0]=="number",kn={linear:j,easeIn:Ur,easeInOut:hi,easeOut:Kr,circIn:nn,circInOut:ui,circOut:ci,backIn:en,backInOut:ai,backOut:oi,anticipate:li},zr=t=>typeof t=="string",Bn=t=>{if(fi(t)){H(t.length===4,"Cubic bezier arrays must contain four numerical values.","cubic-bezier-length");const[e,n,s,i]=t;return jt(e,n,s,i)}else if(zr(t))return H(kn[t]!==void 0,`Invalid easing type '${t}'`,"invalid-easing-type"),kn[t];return t},Ut=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function Hr(t,e){let n=new Set,s=new Set,i=!1,o=!1;const r=new WeakSet;let a={delta:0,timestamp:0,isProcessing:!1};function l(c){r.has(c)&&(u.schedule(c),t()),c(a)}const u={schedule:(c,h=!1,f=!1)=>{const m=f&&i?n:s;return h&&r.add(c),m.has(c)||m.add(c),c},cancel:c=>{s.delete(c),r.delete(c)},process:c=>{if(a=c,i){o=!0;return}i=!0,[n,s]=[s,n],n.forEach(l),n.clear(),i=!1,o&&(o=!1,u.process(c))}};return u}const Gr=40;function di(t,e){let n=!1,s=!0;const i={delta:0,timestamp:0,isProcessing:!1},o=()=>n=!0,r=Ut.reduce((y,S)=>(y[S]=Hr(o),y),{}),{setup:a,read:l,resolveKeyframes:u,preUpdate:c,update:h,preRender:f,render:d,postRender:m}=r,g=()=>{const y=J.useManualTiming?i.timestamp:performance.now();n=!1,J.useManualTiming||(i.delta=s?1e3/60:Math.max(Math.min(y-i.timestamp,Gr),1)),i.timestamp=y,i.isProcessing=!0,a.process(i),l.process(i),u.process(i),c.process(i),h.process(i),f.process(i),d.process(i),m.process(i),i.isProcessing=!1,n&&e&&(s=!1,t(g))},v=()=>{n=!0,s=!0,i.isProcessing||t(g)};return{schedule:Ut.reduce((y,S)=>{const b=r[S];return y[S]=(V,R=!1,P=!1)=>(n||v(),b.schedule(V,R,P)),y},{}),cancel:y=>{for(let S=0;S<Ut.length;S++)r[Ut[S]].cancel(y)},state:i,steps:r}}const{schedule:A,cancel:G,state:L,steps:ce}=di(typeof requestAnimationFrame<"u"?requestAnimationFrame:j,!0);let Ht;function _r(){Ht=void 0}const I={now:()=>(Ht===void 0&&I.set(L.isProcessing||J.useManualTiming?L.timestamp:performance.now()),Ht),set:t=>{Ht=t,queueMicrotask(_r)}},mi=t=>e=>typeof e=="string"&&e.startsWith(t),sn=mi("--"),Yr=mi("var(--"),rn=t=>Yr(t)?Xr.test(t.split("/*")[0].trim()):!1,Xr=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,Tt={test:t=>typeof t=="number",parse:parseFloat,transform:t=>t},Rt={...Tt,transform:t=>q(0,1,t)},Kt={...Tt,default:1},Vt=t=>Math.round(t*1e5)/1e5,on=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function qr(t){return t==null}const Zr=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,an=(t,e)=>n=>!!(typeof n=="string"&&Zr.test(n)&&n.startsWith(t)||e&&!qr(n)&&Object.prototype.hasOwnProperty.call(n,e)),pi=(t,e,n)=>s=>{if(typeof s!="string")return s;const[i,o,r,a]=s.match(on);return{[t]:parseFloat(i),[e]:parseFloat(o),[n]:parseFloat(r),alpha:a!==void 0?parseFloat(a):1}},Jr=t=>q(0,255,t),ue={...Tt,transform:t=>Math.round(Jr(t))},rt={test:an("rgb","red"),parse:pi("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:s=1})=>"rgba("+ue.transform(t)+", "+ue.transform(e)+", "+ue.transform(n)+", "+Vt(Rt.transform(s))+")"};function Qr(t){let e="",n="",s="",i="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),s=t.substring(5,7),i=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),s=t.substring(3,4),i=t.substring(4,5),e+=e,n+=n,s+=s,i+=i),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(s,16),alpha:i?parseInt(i,16)/255:1}}const Ae={test:an("#"),parse:Qr,transform:rt.transform},Nt=t=>({test:e=>typeof e=="string"&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),Q=Nt("deg"),X=Nt("%"),w=Nt("px"),to=Nt("vh"),eo=Nt("vw"),Fn={...X,parse:t=>X.parse(t)/100,transform:t=>X.transform(t*100)},ut={test:an("hsl","hue"),parse:pi("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:s=1})=>"hsla("+Math.round(t)+", "+X.transform(Vt(e))+", "+X.transform(Vt(n))+", "+Vt(Rt.transform(s))+")"},E={test:t=>rt.test(t)||Ae.test(t)||ut.test(t),parse:t=>rt.test(t)?rt.parse(t):ut.test(t)?ut.parse(t):Ae.parse(t),transform:t=>typeof t=="string"?t:t.hasOwnProperty("red")?rt.transform(t):ut.transform(t),getAnimatableNone:t=>{const e=E.parse(t);return e.alpha=0,E.transform(e)}},no=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function so(t){var e,n;return isNaN(t)&&typeof t=="string"&&(((e=t.match(on))==null?void 0:e.length)||0)+(((n=t.match(no))==null?void 0:n.length)||0)>0}const gi="number",yi="color",io="var",ro="var(",On="${}",oo=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Lt(t){const e=t.toString(),n=[],s={color:[],number:[],var:[]},i=[];let o=0;const a=e.replace(oo,l=>(E.test(l)?(s.color.push(o),i.push(yi),n.push(E.parse(l))):l.startsWith(ro)?(s.var.push(o),i.push(io),n.push(l)):(s.number.push(o),i.push(gi),n.push(parseFloat(l))),++o,On)).split(On);return{values:n,split:a,indexes:s,types:i}}function vi(t){return Lt(t).values}function xi(t){const{split:e,types:n}=Lt(t),s=e.length;return i=>{let o="";for(let r=0;r<s;r++)if(o+=e[r],i[r]!==void 0){const a=n[r];a===gi?o+=Vt(i[r]):a===yi?o+=E.transform(i[r]):o+=i[r]}return o}}const ao=t=>typeof t=="number"?0:E.test(t)?E.getAnimatableNone(t):t;function lo(t){const e=vi(t);return xi(t)(e.map(ao))}const et={test:so,parse:vi,createTransformer:xi,getAnimatableNone:lo};function he(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+(e-t)*6*n:n<1/2?e:n<2/3?t+(e-t)*(2/3-n)*6:t}function co({hue:t,saturation:e,lightness:n,alpha:s}){t/=360,e/=100,n/=100;let i=0,o=0,r=0;if(!e)i=o=r=n;else{const a=n<.5?n*(1+e):n+e-n*e,l=2*n-a;i=he(l,a,t+1/3),o=he(l,a,t),r=he(l,a,t-1/3)}return{red:Math.round(i*255),green:Math.round(o*255),blue:Math.round(r*255),alpha:s}}function Zt(t,e){return n=>n>0?e:t}const C=(t,e,n)=>t+(e-t)*n,fe=(t,e,n)=>{const s=t*t,i=n*(e*e-s)+s;return i<0?0:Math.sqrt(i)},uo=[Ae,rt,ut],ho=t=>uo.find(e=>e.test(t));function In(t){const e=ho(t);if(xt(!!e,`'${t}' is not an animatable color. Use the equivalent color code instead.`,"color-not-animatable"),!e)return!1;let n=e.parse(t);return e===ut&&(n=co(n)),n}const jn=(t,e)=>{const n=In(t),s=In(e);if(!n||!s)return Zt(t,e);const i={...n};return o=>(i.red=fe(n.red,s.red,o),i.green=fe(n.green,s.green,o),i.blue=fe(n.blue,s.blue,o),i.alpha=C(n.alpha,s.alpha,o),rt.transform(i))},Ve=new Set(["none","hidden"]);function fo(t,e){return Ve.has(t)?n=>n<=0?t:e:n=>n>=1?e:t}function mo(t,e){return n=>C(t,e,n)}function ln(t){return typeof t=="number"?mo:typeof t=="string"?rn(t)?Zt:E.test(t)?jn:yo:Array.isArray(t)?Ti:typeof t=="object"?E.test(t)?jn:po:Zt}function Ti(t,e){const n=[...t],s=n.length,i=t.map((o,r)=>ln(o)(o,e[r]));return o=>{for(let r=0;r<s;r++)n[r]=i[r](o);return n}}function po(t,e){const n={...t,...e},s={};for(const i in n)t[i]!==void 0&&e[i]!==void 0&&(s[i]=ln(t[i])(t[i],e[i]));return i=>{for(const o in s)n[o]=s[o](i);return n}}function go(t,e){const n=[],s={color:0,var:0,number:0};for(let i=0;i<e.values.length;i++){const o=e.types[i],r=t.indexes[o][s[o]],a=t.values[r]??0;n[i]=a,s[o]++}return n}const yo=(t,e)=>{const n=et.createTransformer(e),s=Lt(t),i=Lt(e);return s.indexes.var.length===i.indexes.var.length&&s.indexes.color.length===i.indexes.color.length&&s.indexes.number.length>=i.indexes.number.length?Ve.has(t)&&!i.values.length||Ve.has(e)&&!s.values.length?fo(t,e):It(Ti(go(s,i),i.values),n):(xt(!0,`Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,"complex-values-different"),Zt(t,e))};function wi(t,e,n){return typeof t=="number"&&typeof e=="number"&&typeof n=="number"?C(t,e,n):ln(t)(t,e)}const vo=t=>{const e=({timestamp:n})=>t(n);return{start:(n=!0)=>A.update(e,n),stop:()=>G(e),now:()=>L.isProcessing?L.timestamp:I.now()}},bi=(t,e,n=10)=>{let s="";const i=Math.max(Math.round(e/n),2);for(let o=0;o<i;o++)s+=Math.round(t(o/(i-1))*1e4)/1e4+", ";return`linear(${s.substring(0,s.length-2)})`},Jt=2e4;function cn(t){let e=0;const n=50;let s=t.next(e);for(;!s.done&&e<Jt;)e+=n,s=t.next(e);return e>=Jt?1/0:e}function xo(t,e=100,n){const s=n({...t,keyframes:[0,e]}),i=Math.min(cn(s),Jt);return{type:"keyframes",ease:o=>s.next(i*o).value/e,duration:Y(i)}}const To=5;function Pi(t,e,n){const s=Math.max(e-To,0);return tn(n-t(s),e-s)}const M={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1},de=.001;function wo({duration:t=M.duration,bounce:e=M.bounce,velocity:n=M.velocity,mass:s=M.mass}){let i,o;xt(t<=z(M.maxDuration),"Spring duration must be 10 seconds or less","spring-duration-limit");let r=1-e;r=q(M.minDamping,M.maxDamping,r),t=q(M.minDuration,M.maxDuration,Y(t)),r<1?(i=u=>{const c=u*r,h=c*t,f=c-n,d=Me(u,r),m=Math.exp(-h);return de-f/d*m},o=u=>{const h=u*r*t,f=h*n+n,d=Math.pow(r,2)*Math.pow(u,2)*t,m=Math.exp(-h),g=Me(Math.pow(u,2),r);return(-i(u)+de>0?-1:1)*((f-d)*m)/g}):(i=u=>{const c=Math.exp(-u*t),h=(u-n)*t+1;return-de+c*h},o=u=>{const c=Math.exp(-u*t),h=(n-u)*(t*t);return c*h});const a=5/t,l=Po(i,o,a);if(t=z(t),isNaN(l))return{stiffness:M.stiffness,damping:M.damping,duration:t};{const u=Math.pow(l,2)*s;return{stiffness:u,damping:r*2*Math.sqrt(s*u),duration:t}}}const bo=12;function Po(t,e,n){let s=n;for(let i=1;i<bo;i++)s=s-t(s)/e(s);return s}function Me(t,e){return t*Math.sqrt(1-e*e)}const So=["duration","bounce"],Ao=["stiffness","damping","mass"];function Nn(t,e){return e.some(n=>t[n]!==void 0)}function Vo(t){let e={velocity:M.velocity,stiffness:M.stiffness,damping:M.damping,mass:M.mass,isResolvedFromDuration:!1,...t};if(!Nn(t,Ao)&&Nn(t,So))if(t.visualDuration){const n=t.visualDuration,s=2*Math.PI/(n*1.2),i=s*s,o=2*q(.05,1,1-(t.bounce||0))*Math.sqrt(i);e={...e,mass:M.mass,stiffness:i,damping:o}}else{const n=wo(t);e={...e,...n,mass:M.mass},e.isResolvedFromDuration=!0}return e}function Qt(t=M.visualDuration,e=M.bounce){const n=typeof t!="object"?{visualDuration:t,keyframes:[0,1],bounce:e}:t;let{restSpeed:s,restDelta:i}=n;const o=n.keyframes[0],r=n.keyframes[n.keyframes.length-1],a={done:!1,value:o},{stiffness:l,damping:u,mass:c,duration:h,velocity:f,isResolvedFromDuration:d}=Vo({...n,velocity:-Y(n.velocity||0)}),m=f||0,g=u/(2*Math.sqrt(l*c)),v=r-o,p=Y(Math.sqrt(l/c)),x=Math.abs(v)<5;s||(s=x?M.restSpeed.granular:M.restSpeed.default),i||(i=x?M.restDelta.granular:M.restDelta.default);let y;if(g<1){const b=Me(p,g);y=V=>{const R=Math.exp(-g*p*V);return r-R*((m+g*p*v)/b*Math.sin(b*V)+v*Math.cos(b*V))}}else if(g===1)y=b=>r-Math.exp(-p*b)*(v+(m+p*v)*b);else{const b=p*Math.sqrt(g*g-1);y=V=>{const R=Math.exp(-g*p*V),P=Math.min(b*V,300);return r-R*((m+g*p*v)*Math.sinh(P)+b*v*Math.cosh(P))/b}}const S={calculatedDuration:d&&h||null,next:b=>{const V=y(b);if(d)a.done=b>=h;else{let R=b===0?m:0;g<1&&(R=b===0?z(m):Pi(y,b,V));const P=Math.abs(R)<=s,O=Math.abs(r-V)<=i;a.done=P&&O}return a.value=a.done?r:V,a},toString:()=>{const b=Math.min(cn(S),Jt),V=bi(R=>S.next(b*R).value,b,30);return b+"ms "+V},toTransition:()=>{}};return S}Qt.applyToOptions=t=>{const e=xo(t,100,Qt);return t.ease=e.ease,t.duration=z(e.duration),t.type="keyframes",t};function Ce({keyframes:t,velocity:e=0,power:n=.8,timeConstant:s=325,bounceDamping:i=10,bounceStiffness:o=500,modifyTarget:r,min:a,max:l,restDelta:u=.5,restSpeed:c}){const h=t[0],f={done:!1,value:h},d=P=>a!==void 0&&P<a||l!==void 0&&P>l,m=P=>a===void 0?l:l===void 0||Math.abs(a-P)<Math.abs(l-P)?a:l;let g=n*e;const v=h+g,p=r===void 0?v:r(v);p!==v&&(g=p-h);const x=P=>-g*Math.exp(-P/s),y=P=>p+x(P),S=P=>{const O=x(P),N=y(P);f.done=Math.abs(O)<=u,f.value=f.done?p:N};let b,V;const R=P=>{d(f.value)&&(b=P,V=Qt({keyframes:[f.value,m(f.value)],velocity:Pi(y,P,f.value),damping:i,stiffness:o,restDelta:u,restSpeed:c}))};return R(0),{calculatedDuration:null,next:P=>{let O=!1;return!V&&b===void 0&&(O=!0,S(P),R(P)),b!==void 0&&P>=b?V.next(P-b):(!O&&S(P),f)}}}function Mo(t,e,n){const s=[],i=n||J.mix||wi,o=t.length-1;for(let r=0;r<o;r++){let a=i(t[r],t[r+1]);if(e){const l=Array.isArray(e)?e[r]||j:e;a=It(l,a)}s.push(a)}return s}function un(t,e,{clamp:n=!0,ease:s,mixer:i}={}){const o=t.length;if(H(o===e.length,"Both input and output ranges must be the same length","range-length"),o===1)return()=>e[0];if(o===2&&e[0]===e[1])return()=>e[1];const r=t[0]===t[1];t[0]>t[o-1]&&(t=[...t].reverse(),e=[...e].reverse());const a=Mo(e,s,i),l=a.length,u=c=>{if(r&&c<t[0])return e[0];let h=0;if(l>1)for(;h<t.length-2&&!(c<t[h+1]);h++);const f=yt(t[h],t[h+1],c);return a[h](f)};return n?c=>u(q(t[0],t[o-1],c)):u}function Co(t,e){const n=t[t.length-1];for(let s=1;s<=e;s++){const i=yt(0,e,s);t.push(C(n,1,i))}}function Si(t){const e=[0];return Co(e,t.length-1),e}function Do(t,e){return t.map(n=>n*e)}function Eo(t,e){return t.map(()=>e||hi).splice(0,t.length-1)}function ht({duration:t=300,keyframes:e,times:n,ease:s="easeInOut"}){const i=$r(s)?s.map(Bn):Bn(s),o={done:!1,value:e[0]},r=Do(n&&n.length===e.length?n:Si(e),t),a=un(r,e,{ease:Array.isArray(i)?i:Eo(e,i)});return{calculatedDuration:t,next:l=>(o.value=a(l),o.done=l>=t,o)}}const Ro=t=>t!==null;function hn(t,{repeat:e,repeatType:n="loop"},s,i=1){const o=t.filter(Ro),a=i<0||e&&n!=="loop"&&e%2===1?0:o.length-1;return!a||s===void 0?o[a]:s}const Lo={decay:Ce,inertia:Ce,tween:ht,keyframes:ht,spring:Qt};function Ai(t){typeof t.type=="string"&&(t.type=Lo[t.type])}class fn{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,n){return this.finished.then(e,n)}}const ko=t=>t/100;class dn extends fn{constructor(e){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{var s,i;const{motionValue:n}=this.options;n&&n.updatedAt!==I.now()&&this.tick(I.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),(i=(s=this.options).onStop)==null||i.call(s))},this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){const{options:e}=this;Ai(e);const{type:n=ht,repeat:s=0,repeatDelay:i=0,repeatType:o,velocity:r=0}=e;let{keyframes:a}=e;const l=n||ht;process.env.NODE_ENV!=="production"&&l!==ht&&H(a.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`,"spring-two-frames"),l!==ht&&typeof a[0]!="number"&&(this.mixKeyframes=It(ko,wi(a[0],a[1])),a=[0,100]);const u=l({...e,keyframes:a});o==="mirror"&&(this.mirroredGenerator=l({...e,keyframes:[...a].reverse(),velocity:-r})),u.calculatedDuration===null&&(u.calculatedDuration=cn(u));const{calculatedDuration:c}=u;this.calculatedDuration=c,this.resolvedDuration=c+i,this.totalDuration=this.resolvedDuration*(s+1)-i,this.generator=u}updateTime(e){const n=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=n}tick(e,n=!1){const{generator:s,totalDuration:i,mixKeyframes:o,mirroredGenerator:r,resolvedDuration:a,calculatedDuration:l}=this;if(this.startTime===null)return s.next(0);const{delay:u=0,keyframes:c,repeat:h,repeatType:f,repeatDelay:d,type:m,onUpdate:g,finalKeyframe:v}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-i/this.speed,this.startTime)),n?this.currentTime=e:this.updateTime(e);const p=this.currentTime-u*(this.playbackSpeed>=0?1:-1),x=this.playbackSpeed>=0?p<0:p>i;this.currentTime=Math.max(p,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=i);let y=this.currentTime,S=s;if(h){const P=Math.min(this.currentTime,i)/a;let O=Math.floor(P),N=P%1;!N&&P>=1&&(N=1),N===1&&O--,O=Math.min(O,h+1),!!(O%2)&&(f==="reverse"?(N=1-N,d&&(N-=d/a)):f==="mirror"&&(S=r)),y=q(0,1,N)*a}const b=x?{done:!1,value:c[0]}:S.next(y);o&&(b.value=o(b.value));let{done:V}=b;!x&&l!==null&&(V=this.playbackSpeed>=0?this.currentTime>=i:this.currentTime<=0);const R=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&V);return R&&m!==Ce&&(b.value=hn(c,this.options,v,this.speed)),g&&g(b.value),R&&this.finish(),b}then(e,n){return this.finished.then(e,n)}get duration(){return Y(this.calculatedDuration)}get time(){return Y(this.currentTime)}set time(e){var n;e=z(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),(n=this.driver)==null||n.start(!1)}get speed(){return this.playbackSpeed}set speed(e){this.updateTime(I.now());const n=this.playbackSpeed!==e;this.playbackSpeed=e,n&&(this.time=Y(this.currentTime))}play(){var i,o;if(this.isStopped)return;const{driver:e=vo,startTime:n}=this.options;this.driver||(this.driver=e(r=>this.tick(r))),(o=(i=this.options).onPlay)==null||o.call(i);const s=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=s):this.holdTime!==null?this.startTime=s-this.holdTime:this.startTime||(this.startTime=n??s),this.state==="finished"&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(I.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){var e,n;this.notifyFinished(),this.teardown(),this.state="finished",(n=(e=this.options).onComplete)==null||n.call(e)}cancel(){var e,n;this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),(n=(e=this.options).onCancel)==null||n.call(e)}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){var n;return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),(n=this.driver)==null||n.stop(),e.observe(this)}}function Bo(t){for(let e=1;e<t.length;e++)t[e]??(t[e]=t[e-1])}const ot=t=>t*180/Math.PI,De=t=>{const e=ot(Math.atan2(t[1],t[0]));return Ee(e)},Fo={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:t=>(Math.abs(t[0])+Math.abs(t[3]))/2,rotate:De,rotateZ:De,skewX:t=>ot(Math.atan(t[1])),skewY:t=>ot(Math.atan(t[2])),skew:t=>(Math.abs(t[1])+Math.abs(t[2]))/2},Ee=t=>(t=t%360,t<0&&(t+=360),t),Wn=De,Un=t=>Math.sqrt(t[0]*t[0]+t[1]*t[1]),Kn=t=>Math.sqrt(t[4]*t[4]+t[5]*t[5]),Oo={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:Un,scaleY:Kn,scale:t=>(Un(t)+Kn(t))/2,rotateX:t=>Ee(ot(Math.atan2(t[6],t[5]))),rotateY:t=>Ee(ot(Math.atan2(-t[2],t[0]))),rotateZ:Wn,rotate:Wn,skewX:t=>ot(Math.atan(t[4])),skewY:t=>ot(Math.atan(t[1])),skew:t=>(Math.abs(t[1])+Math.abs(t[4]))/2};function Re(t){return t.includes("scale")?1:0}function Le(t,e){if(!t||t==="none")return Re(e);const n=t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let s,i;if(n)s=Oo,i=n;else{const a=t.match(/^matrix\(([-\d.e\s,]+)\)$/u);s=Fo,i=a}if(!i)return Re(e);const o=s[e],r=i[1].split(",").map(jo);return typeof o=="function"?o(r):r[o]}const Io=(t,e)=>{const{transform:n="none"}=getComputedStyle(t);return Le(n,e)};function jo(t){return parseFloat(t.trim())}const wt=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],bt=new Set(wt),$n=t=>t===Tt||t===w,No=new Set(["x","y","z"]),Wo=wt.filter(t=>!No.has(t));function Uo(t){const e=[];return Wo.forEach(n=>{const s=t.getValue(n);s!==void 0&&(e.push([n,s.get()]),s.set(n.startsWith("scale")?1:0))}),e}const at={width:({x:t},{paddingLeft:e="0",paddingRight:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),height:({y:t},{paddingTop:e="0",paddingBottom:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),top:(t,{top:e})=>parseFloat(e),left:(t,{left:e})=>parseFloat(e),bottom:({y:t},{top:e})=>parseFloat(e)+(t.max-t.min),right:({x:t},{left:e})=>parseFloat(e)+(t.max-t.min),x:(t,{transform:e})=>Le(e,"x"),y:(t,{transform:e})=>Le(e,"y")};at.translateX=at.x;at.translateY=at.y;const lt=new Set;let ke=!1,Be=!1,Fe=!1;function Vi(){if(Be){const t=Array.from(lt).filter(s=>s.needsMeasurement),e=new Set(t.map(s=>s.element)),n=new Map;e.forEach(s=>{const i=Uo(s);i.length&&(n.set(s,i),s.render())}),t.forEach(s=>s.measureInitialState()),e.forEach(s=>{s.render();const i=n.get(s);i&&i.forEach(([o,r])=>{var a;(a=s.getValue(o))==null||a.set(r)})}),t.forEach(s=>s.measureEndState()),t.forEach(s=>{s.suspendedScrollY!==void 0&&window.scrollTo(0,s.suspendedScrollY)})}Be=!1,ke=!1,lt.forEach(t=>t.complete(Fe)),lt.clear()}function Mi(){lt.forEach(t=>{t.readKeyframes(),t.needsMeasurement&&(Be=!0)})}function Ko(){Fe=!0,Mi(),Vi(),Fe=!1}class mn{constructor(e,n,s,i,o,r=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...e],this.onComplete=n,this.name=s,this.motionValue=i,this.element=o,this.isAsync=r}scheduleResolve(){this.state="scheduled",this.isAsync?(lt.add(this),ke||(ke=!0,A.read(Mi),A.resolveKeyframes(Vi))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:e,name:n,element:s,motionValue:i}=this;if(e[0]===null){const o=i==null?void 0:i.get(),r=e[e.length-1];if(o!==void 0)e[0]=o;else if(s&&n){const a=s.readValue(n,r);a!=null&&(e[0]=a)}e[0]===void 0&&(e[0]=r),i&&o===void 0&&i.set(e[0])}Bo(e)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(e=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,e),lt.delete(this)}cancel(){this.state==="scheduled"&&(lt.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const $o=t=>t.startsWith("--");function zo(t,e,n){$o(e)?t.style.setProperty(e,n):t.style[e]=n}const Ci=Je(()=>window.ScrollTimeline!==void 0),Ho={};function Go(t,e){const n=Je(t);return()=>Ho[e]??n()}const Di=Go(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),At=([t,e,n,s])=>`cubic-bezier(${t}, ${e}, ${n}, ${s})`,zn={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:At([0,.65,.55,1]),circOut:At([.55,0,1,.45]),backIn:At([.31,.01,.66,-.59]),backOut:At([.33,1.53,.69,.99])};function Ei(t,e){if(t)return typeof t=="function"?Di()?bi(t,e):"ease-out":fi(t)?At(t):Array.isArray(t)?t.map(n=>Ei(n,e)||zn.easeOut):zn[t]}function _o(t,e,n,{delay:s=0,duration:i=300,repeat:o=0,repeatType:r="loop",ease:a="easeOut",times:l}={},u=void 0){const c={[e]:n};l&&(c.offset=l);const h=Ei(a,i);Array.isArray(h)&&(c.easing=h);const f={delay:s,duration:i,easing:Array.isArray(h)?"linear":h,fill:"both",iterations:o+1,direction:r==="reverse"?"alternate":"normal"};return u&&(f.pseudoElement=u),t.animate(c,f)}function Ri(t){return typeof t=="function"&&"applyToOptions"in t}function Yo({type:t,...e}){return Ri(t)&&Di()?t.applyToOptions(e):(e.duration??(e.duration=300),e.ease??(e.ease="easeOut"),e)}class Xo extends fn{constructor(e){if(super(),this.finishedTime=null,this.isStopped=!1,!e)return;const{element:n,name:s,keyframes:i,pseudoElement:o,allowFlatten:r=!1,finalKeyframe:a,onComplete:l}=e;this.isPseudoElement=!!o,this.allowFlatten=r,this.options=e,H(typeof e.type!="string",`Mini animate() doesn't support "type" as a string.`,"mini-spring");const u=Yo(e);this.animation=_o(n,s,i,u,o),u.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!o){const c=hn(i,this.options,a,this.speed);this.updateMotionValue?this.updateMotionValue(c):zo(n,s,c),this.animation.cancel()}l==null||l(),this.notifyFinished()}}play(){this.isStopped||(this.animation.play(),this.state==="finished"&&this.updateFinished())}pause(){this.animation.pause()}complete(){var e,n;(n=(e=this.animation).finish)==null||n.call(e)}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;const{state:e}=this;e==="idle"||e==="finished"||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){var e,n;this.isPseudoElement||(n=(e=this.animation).commitStyles)==null||n.call(e)}get duration(){var n,s;const e=((s=(n=this.animation.effect)==null?void 0:n.getComputedTiming)==null?void 0:s.call(n).duration)||0;return Y(Number(e))}get time(){return Y(Number(this.animation.currentTime)||0)}set time(e){this.finishedTime=null,this.animation.currentTime=z(e)}get speed(){return this.animation.playbackRate}set speed(e){e<0&&(this.finishedTime=null),this.animation.playbackRate=e}get state(){return this.finishedTime!==null?"finished":this.animation.playState}get startTime(){return Number(this.animation.startTime)}set startTime(e){this.animation.startTime=e}attachTimeline({timeline:e,observe:n}){var s;return this.allowFlatten&&((s=this.animation.effect)==null||s.updateTiming({easing:"linear"})),this.animation.onfinish=null,e&&Ci()?(this.animation.timeline=e,j):n(this)}}const Li={anticipate:li,backInOut:ai,circInOut:ui};function qo(t){return t in Li}function Zo(t){typeof t.ease=="string"&&qo(t.ease)&&(t.ease=Li[t.ease])}const Hn=10;class Jo extends Xo{constructor(e){Zo(e),Ai(e),super(e),e.startTime&&(this.startTime=e.startTime),this.options=e}updateMotionValue(e){const{motionValue:n,onUpdate:s,onComplete:i,element:o,...r}=this.options;if(!n)return;if(e!==void 0){n.set(e);return}const a=new dn({...r,autoplay:!1}),l=z(this.finishedTime??this.time);n.setWithVelocity(a.sample(l-Hn).value,a.sample(l).value,Hn),a.stop()}}const Gn=(t,e)=>e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&(et.test(t)||t==="0")&&!t.startsWith("url("));function Qo(t){const e=t[0];if(t.length===1)return!0;for(let n=0;n<t.length;n++)if(t[n]!==e)return!0}function ta(t,e,n,s){const i=t[0];if(i===null)return!1;if(e==="display"||e==="visibility")return!0;const o=t[t.length-1],r=Gn(i,e),a=Gn(o,e);return xt(r===a,`You are trying to animate ${e} from "${i}" to "${o}". "${r?o:i}" is not an animatable value.`,"value-not-animatable"),!r||!a?!1:Qo(t)||(n==="spring"||Ri(n))&&s}function Oe(t){t.duration=0,t.type}const ea=new Set(["opacity","clipPath","filter","transform"]),na=Je(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function sa(t){var c;const{motionValue:e,name:n,repeatDelay:s,repeatType:i,damping:o,type:r}=t;if(!(((c=e==null?void 0:e.owner)==null?void 0:c.current)instanceof HTMLElement))return!1;const{onUpdate:l,transformTemplate:u}=e.owner.getProps();return na()&&n&&ea.has(n)&&(n!=="transform"||!u)&&!l&&!s&&i!=="mirror"&&o!==0&&r!=="inertia"}const ia=40;class ra extends fn{constructor({autoplay:e=!0,delay:n=0,type:s="keyframes",repeat:i=0,repeatDelay:o=0,repeatType:r="loop",keyframes:a,name:l,motionValue:u,element:c,...h}){var m;super(),this.stop=()=>{var g,v;this._animation&&(this._animation.stop(),(g=this.stopTimeline)==null||g.call(this)),(v=this.keyframeResolver)==null||v.cancel()},this.createdAt=I.now();const f={autoplay:e,delay:n,type:s,repeat:i,repeatDelay:o,repeatType:r,name:l,motionValue:u,element:c,...h},d=(c==null?void 0:c.KeyframeResolver)||mn;this.keyframeResolver=new d(a,(g,v,p)=>this.onKeyframesResolved(g,v,f,!p),l,u,c),(m=this.keyframeResolver)==null||m.scheduleResolve()}onKeyframesResolved(e,n,s,i){this.keyframeResolver=void 0;const{name:o,type:r,velocity:a,delay:l,isHandoff:u,onUpdate:c}=s;this.resolvedAt=I.now(),ta(e,o,r,a)||((J.instantAnimations||!l)&&(c==null||c(hn(e,s,n))),e[0]=e[e.length-1],Oe(s),s.repeat=0);const f={startTime:i?this.resolvedAt?this.resolvedAt-this.createdAt>ia?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:n,...s,keyframes:e},d=!u&&sa(f)?new Jo({...f,element:f.motionValue.owner.current}):new dn(f);d.finished.then(()=>this.notifyFinished()).catch(j),this.pendingTimeline&&(this.stopTimeline=d.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=d}get finished(){return this._animation?this.animation.finished:this._finished}then(e,n){return this.finished.finally(e).then(()=>{})}get animation(){var e;return this._animation||((e=this.keyframeResolver)==null||e.resume(),Ko()),this._animation}get duration(){return this.animation.duration}get time(){return this.animation.time}set time(e){this.animation.time=e}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(e){this.animation.speed=e}get startTime(){return this.animation.startTime}attachTimeline(e){return this._animation?this.stopTimeline=this.animation.attachTimeline(e):this.pendingTimeline=e,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){var e;this._animation&&this.animation.cancel(),(e=this.keyframeResolver)==null||e.cancel()}}const oa=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function aa(t){const e=oa.exec(t);if(!e)return[,];const[,n,s,i]=e;return[`--${n??s}`,i]}const la=4;function ki(t,e,n=1){H(n<=la,`Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`,"max-css-var-depth");const[s,i]=aa(t);if(!s)return;const o=window.getComputedStyle(e).getPropertyValue(s);if(o){const r=o.trim();return ti(r)?parseFloat(r):r}return rn(i)?ki(i,e,n+1):i}function pn(t,e){return(t==null?void 0:t[e])??(t==null?void 0:t.default)??t}const Bi=new Set(["width","height","top","left","right","bottom",...wt]),ca={test:t=>t==="auto",parse:t=>t},Fi=t=>e=>e.test(t),Oi=[Tt,w,X,Q,eo,to,ca],_n=t=>Oi.find(Fi(t));function ua(t){return typeof t=="number"?t===0:t!==null?t==="none"||t==="0"||ni(t):!0}const ha=new Set(["brightness","contrast","saturate","opacity"]);function fa(t){const[e,n]=t.slice(0,-1).split("(");if(e==="drop-shadow")return t;const[s]=n.match(on)||[];if(!s)return t;const i=n.replace(s,"");let o=ha.has(e)?1:0;return s!==n&&(o*=100),e+"("+o+i+")"}const da=/\b([a-z-]*)\(.*?\)/gu,Ie={...et,getAnimatableNone:t=>{const e=t.match(da);return e?e.map(fa).join(" "):t}},Yn={...Tt,transform:Math.round},ma={rotate:Q,rotateX:Q,rotateY:Q,rotateZ:Q,scale:Kt,scaleX:Kt,scaleY:Kt,scaleZ:Kt,skew:Q,skewX:Q,skewY:Q,distance:w,translateX:w,translateY:w,translateZ:w,x:w,y:w,z:w,perspective:w,transformPerspective:w,opacity:Rt,originX:Fn,originY:Fn,originZ:w},gn={borderWidth:w,borderTopWidth:w,borderRightWidth:w,borderBottomWidth:w,borderLeftWidth:w,borderRadius:w,radius:w,borderTopLeftRadius:w,borderTopRightRadius:w,borderBottomRightRadius:w,borderBottomLeftRadius:w,width:w,maxWidth:w,height:w,maxHeight:w,top:w,right:w,bottom:w,left:w,padding:w,paddingTop:w,paddingRight:w,paddingBottom:w,paddingLeft:w,margin:w,marginTop:w,marginRight:w,marginBottom:w,marginLeft:w,backgroundPositionX:w,backgroundPositionY:w,...ma,zIndex:Yn,fillOpacity:Rt,strokeOpacity:Rt,numOctaves:Yn},pa={...gn,color:E,backgroundColor:E,outlineColor:E,fill:E,stroke:E,borderColor:E,borderTopColor:E,borderRightColor:E,borderBottomColor:E,borderLeftColor:E,filter:Ie,WebkitFilter:Ie},Ii=t=>pa[t];function ji(t,e){let n=Ii(t);return n!==Ie&&(n=et),n.getAnimatableNone?n.getAnimatableNone(e):void 0}const ga=new Set(["auto","none","0"]);function ya(t,e,n){let s=0,i;for(;s<t.length&&!i;){const o=t[s];typeof o=="string"&&!ga.has(o)&&Lt(o).values.length&&(i=t[s]),s++}if(i&&n)for(const o of e)t[o]=ji(n,i)}class va extends mn{constructor(e,n,s,i,o){super(e,n,s,i,o,!0)}readKeyframes(){const{unresolvedKeyframes:e,element:n,name:s}=this;if(!n||!n.current)return;super.readKeyframes();for(let l=0;l<e.length;l++){let u=e[l];if(typeof u=="string"&&(u=u.trim(),rn(u))){const c=ki(u,n.current);c!==void 0&&(e[l]=c),l===e.length-1&&(this.finalKeyframe=u)}}if(this.resolveNoneKeyframes(),!Bi.has(s)||e.length!==2)return;const[i,o]=e,r=_n(i),a=_n(o);if(r!==a)if($n(r)&&$n(a))for(let l=0;l<e.length;l++){const u=e[l];typeof u=="string"&&(e[l]=parseFloat(u))}else at[s]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){const{unresolvedKeyframes:e,name:n}=this,s=[];for(let i=0;i<e.length;i++)(e[i]===null||ua(e[i]))&&s.push(i);s.length&&ya(e,s,n)}measureInitialState(){const{element:e,unresolvedKeyframes:n,name:s}=this;if(!e||!e.current)return;s==="height"&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=at[s](e.measureViewportBox(),window.getComputedStyle(e.current)),n[0]=this.measuredOrigin;const i=n[n.length-1];i!==void 0&&e.getValue(s,i).jump(i,!1)}measureEndState(){var a;const{element:e,name:n,unresolvedKeyframes:s}=this;if(!e||!e.current)return;const i=e.getValue(n);i&&i.jump(this.measuredOrigin,!1);const o=s.length-1,r=s[o];s[o]=at[n](e.measureViewportBox(),window.getComputedStyle(e.current)),r!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=r),(a=this.removedTransforms)!=null&&a.length&&this.removedTransforms.forEach(([l,u])=>{e.getValue(l).set(u)}),this.resolveNoneKeyframes()}}function Ni(t,e,n){if(t instanceof EventTarget)return[t];if(typeof t=="string"){const i=document.querySelectorAll(t);return i?Array.from(i):[]}return Array.from(t)}const Wi=(t,e)=>e&&typeof t=="number"?e.transform(t):t;function Ui(t){return ei(t)&&"offsetHeight"in t}const Xn=30,xa=t=>!isNaN(parseFloat(t)),Mt={current:void 0};class Ta{constructor(e,n={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=s=>{var o;const i=I.now();if(this.updatedAt!==i&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(s),this.current!==this.prev&&((o=this.events.change)==null||o.notify(this.current),this.dependents))for(const r of this.dependents)r.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=n.owner}setCurrent(e){this.current=e,this.updatedAt=I.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=xa(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return process.env.NODE_ENV!=="production"&&se(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",e)}on(e,n){this.events[e]||(this.events[e]=new Qe);const s=this.events[e].add(n);return e==="change"?()=>{s(),A.read(()=>{this.events.change.getSize()||this.stop()})}:s}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,n){this.passiveEffect=e,this.stopPassiveEffect=n}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,n,s){this.set(n),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-s}jump(e,n=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,n&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){var e;(e=this.events.change)==null||e.notify(this.current)}addDependent(e){this.dependents||(this.dependents=new Set),this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return Mt.current&&Mt.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){const e=I.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>Xn)return 0;const n=Math.min(this.updatedAt-this.prevUpdatedAt,Xn);return tn(parseFloat(this.current)-parseFloat(this.prevFrameValue),n)}start(e){return this.stop(),new Promise(n=>{this.hasAnimated=!0,this.animation=e(n),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){var e,n;(e=this.dependents)==null||e.clear(),(n=this.events.destroy)==null||n.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function $(t,e){return new Ta(t,e)}const{schedule:yn}=di(queueMicrotask,!1),K={x:!1,y:!1};function Ki(){return K.x||K.y}function wa(t){return t==="x"||t==="y"?K[t]?null:(K[t]=!0,()=>{K[t]=!1}):K.x||K.y?null:(K.x=K.y=!0,()=>{K.x=K.y=!1})}function $i(t,e){const n=Ni(t),s=new AbortController,i={passive:!0,...e,signal:s.signal};return[n,i,()=>s.abort()]}function qn(t){return!(t.pointerType==="touch"||Ki())}function ba(t,e,n={}){const[s,i,o]=$i(t,n),r=a=>{if(!qn(a))return;const{target:l}=a,u=e(l,a);if(typeof u!="function"||!l)return;const c=h=>{qn(h)&&(u(h),l.removeEventListener("pointerleave",c))};l.addEventListener("pointerleave",c,i)};return s.forEach(a=>{a.addEventListener("pointerenter",r,i)}),o}const zi=(t,e)=>e?t===e?!0:zi(t,e.parentElement):!1,vn=t=>t.pointerType==="mouse"?typeof t.button!="number"||t.button<=0:t.isPrimary!==!1,Pa=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function Sa(t){return Pa.has(t.tagName)||t.tabIndex!==-1}const Gt=new WeakSet;function Zn(t){return e=>{e.key==="Enter"&&t(e)}}function me(t,e){t.dispatchEvent(new PointerEvent("pointer"+e,{isPrimary:!0,bubbles:!0}))}const Aa=(t,e)=>{const n=t.currentTarget;if(!n)return;const s=Zn(()=>{if(Gt.has(n))return;me(n,"down");const i=Zn(()=>{me(n,"up")}),o=()=>me(n,"cancel");n.addEventListener("keyup",i,e),n.addEventListener("blur",o,e)});n.addEventListener("keydown",s,e),n.addEventListener("blur",()=>n.removeEventListener("keydown",s),e)};function Jn(t){return vn(t)&&!Ki()}function Va(t,e,n={}){const[s,i,o]=$i(t,n),r=a=>{const l=a.currentTarget;if(!Jn(a))return;Gt.add(l);const u=e(l,a),c=(d,m)=>{window.removeEventListener("pointerup",h),window.removeEventListener("pointercancel",f),Gt.has(l)&&Gt.delete(l),Jn(d)&&typeof u=="function"&&u(d,{success:m})},h=d=>{c(d,l===window||l===document||n.useGlobalTarget||zi(l,d.target))},f=d=>{c(d,!1)};window.addEventListener("pointerup",h,i),window.addEventListener("pointercancel",f,i)};return s.forEach(a=>{(n.useGlobalTarget?window:a).addEventListener("pointerdown",r,i),Ui(a)&&(a.addEventListener("focus",u=>Aa(u,i)),!Sa(a)&&!a.hasAttribute("tabindex")&&(a.tabIndex=0))}),o}function xn(t){return ei(t)&&"ownerSVGElement"in t}const _t=new WeakMap;let tt;const Hi=(t,e,n)=>(s,i)=>i&&i[0]?i[0][t+"Size"]:xn(s)&&"getBBox"in s?s.getBBox()[e]:s[n],Ma=Hi("inline","width","offsetWidth"),Ca=Hi("block","height","offsetHeight");function Da({target:t,borderBoxSize:e}){var n;(n=_t.get(t))==null||n.forEach(s=>{s(t,{get width(){return Ma(t,e)},get height(){return Ca(t,e)}})})}function Ea(t){t.forEach(Da)}function Ra(){typeof ResizeObserver>"u"||(tt=new ResizeObserver(Ea))}function La(t,e){tt||Ra();const n=Ni(t);return n.forEach(s=>{let i=_t.get(s);i||(i=new Set,_t.set(s,i)),i.add(e),tt==null||tt.observe(s)}),()=>{n.forEach(s=>{const i=_t.get(s);i==null||i.delete(e),i!=null&&i.size||tt==null||tt.unobserve(s)})}}const Yt=new Set;let ft;function ka(){ft=()=>{const t={get width(){return window.innerWidth},get height(){return window.innerHeight}};Yt.forEach(e=>e(t))},window.addEventListener("resize",ft)}function Ba(t){return Yt.add(t),ft||ka(),()=>{Yt.delete(t),!Yt.size&&typeof ft=="function"&&(window.removeEventListener("resize",ft),ft=void 0)}}function Fa(t,e){return typeof t=="function"?Ba(t):La(t,e)}function Gi(t,e){let n;const s=()=>{const{currentTime:i}=e,r=(i===null?0:i.value)/100;n!==r&&t(r),n=r};return A.preUpdate(s,!0),()=>G(s)}function Oa(t){return xn(t)&&t.tagName==="svg"}function Ia(...t){const e=!Array.isArray(t[0]),n=e?0:-1,s=t[0+n],i=t[1+n],o=t[2+n],r=t[3+n],a=un(i,o,r);return e?a(s):a}const k=t=>!!(t&&t.getVelocity),ja=[...Oi,E,et],Na=t=>ja.find(Fi(t)),Tn=T.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});function Wa(t=!0){const e=T.useContext(Xe);if(e===null)return[!0,null];const{isPresent:n,onExitComplete:s,register:i}=e,o=T.useId();T.useEffect(()=>{if(t)return i(o)},[t]);const r=T.useCallback(()=>t&&s&&s(o),[o,s,t]);return!n&&s?[!1,r]:[!0]}const _i=T.createContext({strict:!1}),Qn={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},vt={};for(const t in Qn)vt[t]={isEnabled:e=>Qn[t].some(n=>!!e[n])};function Ua(t){for(const e in t)vt[e]={...vt[e],...t[e]}}const Ka=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function te(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||Ka.has(t)}let Yi=t=>!te(t);function $a(t){typeof t=="function"&&(Yi=e=>e.startsWith("on")?!te(e):t(e))}try{$a(require("@emotion/is-prop-valid").default)}catch{}function za(t,e,n){const s={};for(const i in t)i==="values"&&typeof t.values=="object"||(Yi(i)||n===!0&&te(i)||!e&&!te(i)||t.draggable&&i.startsWith("onDrag"))&&(s[i]=t[i]);return s}const ie=T.createContext({});function re(t){return t!==null&&typeof t=="object"&&typeof t.start=="function"}function kt(t){return typeof t=="string"||Array.isArray(t)}const wn=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],bn=["initial",...wn];function oe(t){return re(t.animate)||bn.some(e=>kt(t[e]))}function Xi(t){return!!(oe(t)||t.variants)}function Ha(t,e){if(oe(t)){const{initial:n,animate:s}=t;return{initial:n===!1||kt(n)?n:void 0,animate:kt(s)?s:void 0}}return t.inherit!==!1?e:{}}function Ga(t){const{initial:e,animate:n}=Ha(t,T.useContext(ie));return T.useMemo(()=>({initial:e,animate:n}),[ts(e),ts(n)])}function ts(t){return Array.isArray(t)?t.join(" "):t}const Bt={};function _a(t){for(const e in t)Bt[e]=t[e],sn(e)&&(Bt[e].isCSSVariable=!0)}function qi(t,{layout:e,layoutId:n}){return bt.has(t)||t.startsWith("origin")||(e||n!==void 0)&&(!!Bt[t]||t==="opacity")}const Ya={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Xa=wt.length;function qa(t,e,n){let s="",i=!0;for(let o=0;o<Xa;o++){const r=wt[o],a=t[r];if(a===void 0)continue;let l=!0;if(typeof a=="number"?l=a===(r.startsWith("scale")?1:0):l=parseFloat(a)===0,!l||n){const u=Wi(a,gn[r]);if(!l){i=!1;const c=Ya[r]||r;s+=`${c}(${u}) `}n&&(e[r]=u)}}return s=s.trim(),n?s=n(e,i?"":s):i&&(s="none"),s}function Pn(t,e,n){const{style:s,vars:i,transformOrigin:o}=t;let r=!1,a=!1;for(const l in e){const u=e[l];if(bt.has(l)){r=!0;continue}else if(sn(l)){i[l]=u;continue}else{const c=Wi(u,gn[l]);l.startsWith("origin")?(a=!0,o[l]=c):s[l]=c}}if(e.transform||(r||n?s.transform=qa(e,t.transform,n):s.transform&&(s.transform="none")),a){const{originX:l="50%",originY:u="50%",originZ:c=0}=o;s.transformOrigin=`${l} ${u} ${c}`}}const Sn=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function Zi(t,e,n){for(const s in e)!k(e[s])&&!qi(s,n)&&(t[s]=e[s])}function Za({transformTemplate:t},e){return T.useMemo(()=>{const n=Sn();return Pn(n,e,t),Object.assign({},n.vars,n.style)},[e])}function Ja(t,e){const n=t.style||{},s={};return Zi(s,n,t),Object.assign(s,Za(t,e)),s}function Qa(t,e){const n={},s=Ja(t,e);return t.drag&&t.dragListener!==!1&&(n.draggable=!1,s.userSelect=s.WebkitUserSelect=s.WebkitTouchCallout="none",s.touchAction=t.drag===!0?"none":`pan-${t.drag==="x"?"y":"x"}`),t.tabIndex===void 0&&(t.onTap||t.onTapStart||t.whileTap)&&(n.tabIndex=0),n.style=s,n}const tl={offset:"stroke-dashoffset",array:"stroke-dasharray"},el={offset:"strokeDashoffset",array:"strokeDasharray"};function nl(t,e,n=1,s=0,i=!0){t.pathLength=1;const o=i?tl:el;t[o.offset]=w.transform(-s);const r=w.transform(e),a=w.transform(n);t[o.array]=`${r} ${a}`}function Ji(t,{attrX:e,attrY:n,attrScale:s,pathLength:i,pathSpacing:o=1,pathOffset:r=0,...a},l,u,c){if(Pn(t,a,u),l){t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox);return}t.attrs=t.style,t.style={};const{attrs:h,style:f}=t;h.transform&&(f.transform=h.transform,delete h.transform),(f.transform||h.transformOrigin)&&(f.transformOrigin=h.transformOrigin??"50% 50%",delete h.transformOrigin),f.transform&&(f.transformBox=(c==null?void 0:c.transformBox)??"fill-box",delete h.transformBox),e!==void 0&&(h.x=e),n!==void 0&&(h.y=n),s!==void 0&&(h.scale=s),i!==void 0&&nl(h,i,o,r,!1)}const Qi=()=>({...Sn(),attrs:{}}),tr=t=>typeof t=="string"&&t.toLowerCase()==="svg";function sl(t,e,n,s){const i=T.useMemo(()=>{const o=Qi();return Ji(o,e,tr(s),t.transformTemplate,t.style),{...o.attrs,style:{...o.style}}},[e]);if(t.style){const o={};Zi(o,t.style,t),i.style={...o,...i.style}}return i}const il=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function An(t){return typeof t!="string"||t.includes("-")?!1:!!(il.indexOf(t)>-1||/[A-Z]/u.test(t))}function rl(t,e,n,{latestValues:s},i,o=!1){const a=(An(t)?sl:Qa)(e,s,i,t),l=za(e,typeof t=="string",o),u=t!==T.Fragment?{...l,...a,ref:n}:{},{children:c}=e,h=T.useMemo(()=>k(c)?c.get():c,[c]);return T.createElement(t,{...u,children:h})}function es(t){const e=[{},{}];return t==null||t.values.forEach((n,s)=>{e[0][s]=n.get(),e[1][s]=n.getVelocity()}),e}function Vn(t,e,n,s){if(typeof e=="function"){const[i,o]=es(s);e=e(n!==void 0?n:t.custom,i,o)}if(typeof e=="string"&&(e=t.variants&&t.variants[e]),typeof e=="function"){const[i,o]=es(s);e=e(n!==void 0?n:t.custom,i,o)}return e}function Xt(t){return k(t)?t.get():t}function ol({scrapeMotionValuesFromProps:t,createRenderState:e},n,s,i){return{latestValues:al(n,s,i,t),renderState:e()}}function al(t,e,n,s){const i={},o=s(t,{});for(const f in o)i[f]=Xt(o[f]);let{initial:r,animate:a}=t;const l=oe(t),u=Xi(t);e&&u&&!l&&t.inherit!==!1&&(r===void 0&&(r=e.initial),a===void 0&&(a=e.animate));let c=n?n.initial===!1:!1;c=c||r===!1;const h=c?a:r;if(h&&typeof h!="boolean"&&!re(h)){const f=Array.isArray(h)?h:[h];for(let d=0;d<f.length;d++){const m=Vn(t,f[d]);if(m){const{transitionEnd:g,transition:v,...p}=m;for(const x in p){let y=p[x];if(Array.isArray(y)){const S=c?y.length-1:0;y=y[S]}y!==null&&(i[x]=y)}for(const x in g)i[x]=g[x]}}}return i}const er=t=>(e,n)=>{const s=T.useContext(ie),i=T.useContext(Xe),o=()=>ol(t,e,s,i);return n?o():ne(o)};function Mn(t,e,n){var o;const{style:s}=t,i={};for(const r in s)(k(s[r])||e.style&&k(e.style[r])||qi(r,t)||((o=n==null?void 0:n.getValue(r))==null?void 0:o.liveStyle)!==void 0)&&(i[r]=s[r]);return i}const ll=er({scrapeMotionValuesFromProps:Mn,createRenderState:Sn});function nr(t,e,n){const s=Mn(t,e,n);for(const i in t)if(k(t[i])||k(e[i])){const o=wt.indexOf(i)!==-1?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i;s[o]=t[i]}return s}const cl=er({scrapeMotionValuesFromProps:nr,createRenderState:Qi}),ul=Symbol.for("motionComponentSymbol");function dt(t){return t&&typeof t=="object"&&Object.prototype.hasOwnProperty.call(t,"current")}function hl(t,e,n){return T.useCallback(s=>{s&&t.onMount&&t.onMount(s),e&&(s?e.mount(s):e.unmount()),n&&(typeof n=="function"?n(s):dt(n)&&(n.current=s))},[e])}const Cn=t=>t.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),fl="framerAppearId",sr="data-"+Cn(fl),ir=T.createContext({});function dl(t,e,n,s,i){var g,v;const{visualElement:o}=T.useContext(ie),r=T.useContext(_i),a=T.useContext(Xe),l=T.useContext(Tn).reducedMotion,u=T.useRef(null);s=s||r.renderer,!u.current&&s&&(u.current=s(t,{visualState:e,parent:o,props:n,presenceContext:a,blockInitialAnimation:a?a.initial===!1:!1,reducedMotionConfig:l}));const c=u.current,h=T.useContext(ir);c&&!c.projection&&i&&(c.type==="html"||c.type==="svg")&&ml(u.current,n,i,h);const f=T.useRef(!1);T.useInsertionEffect(()=>{c&&f.current&&c.update(n,a)});const d=n[sr],m=T.useRef(!!d&&!((g=window.MotionHandoffIsComplete)!=null&&g.call(window,d))&&((v=window.MotionHasOptimisedAnimation)==null?void 0:v.call(window,d)));return Ye(()=>{c&&(f.current=!0,window.MotionIsMounted=!0,c.updateFeatures(),c.scheduleRenderMicrotask(),m.current&&c.animationState&&c.animationState.animateChanges())}),T.useEffect(()=>{c&&(!m.current&&c.animationState&&c.animationState.animateChanges(),m.current&&(queueMicrotask(()=>{var p;(p=window.MotionHandoffMarkAsComplete)==null||p.call(window,d)}),m.current=!1))}),c}function ml(t,e,n,s){const{layoutId:i,layout:o,drag:r,dragConstraints:a,layoutScroll:l,layoutRoot:u,layoutCrossfade:c}=e;t.projection=new n(t.latestValues,e["data-framer-portal-id"]?void 0:rr(t.parent)),t.projection.setOptions({layoutId:i,layout:o,alwaysMeasureLayout:!!r||a&&dt(a),visualElement:t,animationType:typeof o=="string"?o:"both",initialPromotionConfig:s,crossfade:c,layoutScroll:l,layoutRoot:u})}function rr(t){if(t)return t.options.allowProjection!==!1?t.projection:rr(t.parent)}function pe(t,{forwardMotionProps:e=!1}={},n,s){n&&Ua(n);const i=An(t)?cl:ll;function o(a,l){let u;const c={...T.useContext(Tn),...a,layoutId:pl(a)},{isStatic:h}=c,f=Ga(a),d=i(a,h);if(!h&&_e){gl(c,n);const m=yl(c);u=m.MeasureLayout,f.visualElement=dl(t,d,c,s,m.ProjectionNode)}return _.jsxs(ie.Provider,{value:f,children:[u&&f.visualElement?_.jsx(u,{visualElement:f.visualElement,...c}):null,rl(t,a,hl(d,f.visualElement,l),d,h,e)]})}o.displayName=`motion.${typeof t=="string"?t:`create(${t.displayName??t.name??""})`}`;const r=T.forwardRef(o);return r[ul]=t,r}function pl({layoutId:t}){const e=T.useContext(Qs).id;return e&&t!==void 0?e+"-"+t:t}function gl(t,e){const n=T.useContext(_i).strict;if(process.env.NODE_ENV!=="production"&&e&&n){const s="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";t.ignoreStrict?xt(!1,s,"lazy-strict-mode"):H(!1,s,"lazy-strict-mode")}}function yl(t){const{drag:e,layout:n}=vt;if(!e&&!n)return{};const s={...e,...n};return{MeasureLayout:e!=null&&e.isEnabled(t)||n!=null&&n.isEnabled(t)?s.MeasureLayout:void 0,ProjectionNode:s.ProjectionNode}}function vl(t,e){if(typeof Proxy>"u")return pe;const n=new Map,s=(o,r)=>pe(o,r,t,e),i=(o,r)=>(process.env.NODE_ENV!=="production"&&se(!1,"motion() is deprecated. Use motion.create() instead."),s(o,r));return new Proxy(i,{get:(o,r)=>r==="create"?s:(n.has(r)||n.set(r,pe(r,void 0,t,e)),n.get(r))})}function or({top:t,left:e,right:n,bottom:s}){return{x:{min:e,max:n},y:{min:t,max:s}}}function xl({x:t,y:e}){return{top:e.min,right:t.max,bottom:e.max,left:t.min}}function Tl(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),s=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:s.y,right:s.x}}function ge(t){return t===void 0||t===1}function je({scale:t,scaleX:e,scaleY:n}){return!ge(t)||!ge(e)||!ge(n)}function it(t){return je(t)||ar(t)||t.z||t.rotate||t.rotateX||t.rotateY||t.skewX||t.skewY}function ar(t){return ns(t.x)||ns(t.y)}function ns(t){return t&&t!=="0%"}function ee(t,e,n){const s=t-n,i=e*s;return n+i}function ss(t,e,n,s,i){return i!==void 0&&(t=ee(t,i,s)),ee(t,n,s)+e}function Ne(t,e=0,n=1,s,i){t.min=ss(t.min,e,n,s,i),t.max=ss(t.max,e,n,s,i)}function lr(t,{x:e,y:n}){Ne(t.x,e.translate,e.scale,e.originPoint),Ne(t.y,n.translate,n.scale,n.originPoint)}const is=.999999999999,rs=1.0000000000001;function wl(t,e,n,s=!1){const i=n.length;if(!i)return;e.x=e.y=1;let o,r;for(let a=0;a<i;a++){o=n[a],r=o.projectionDelta;const{visualElement:l}=o.options;l&&l.props.style&&l.props.style.display==="contents"||(s&&o.options.layoutScroll&&o.scroll&&o!==o.root&&pt(t,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),r&&(e.x*=r.x.scale,e.y*=r.y.scale,lr(t,r)),s&&it(o.latestValues)&&pt(t,o.latestValues))}e.x<rs&&e.x>is&&(e.x=1),e.y<rs&&e.y>is&&(e.y=1)}function mt(t,e){t.min=t.min+e,t.max=t.max+e}function os(t,e,n,s,i=.5){const o=C(t.min,t.max,i);Ne(t,e,n,o,s)}function pt(t,e){os(t.x,e.x,e.scaleX,e.scale,e.originX),os(t.y,e.y,e.scaleY,e.scale,e.originY)}function cr(t,e){return or(Tl(t.getBoundingClientRect(),e))}function bl(t,e,n){const s=cr(t,n),{scroll:i}=e;return i&&(mt(s.x,i.offset.x),mt(s.y,i.offset.y)),s}const as=()=>({translate:0,scale:1,origin:0,originPoint:0}),gt=()=>({x:as(),y:as()}),ls=()=>({min:0,max:0}),D=()=>({x:ls(),y:ls()}),We={current:null},ur={current:!1};function Pl(){if(ur.current=!0,!!_e)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>We.current=t.matches;t.addEventListener("change",e),e()}else We.current=!1}const Sl=new WeakMap;function Al(t,e,n){for(const s in e){const i=e[s],o=n[s];if(k(i))t.addValue(s,i);else if(k(o))t.addValue(s,$(i,{owner:t}));else if(o!==i)if(t.hasValue(s)){const r=t.getValue(s);r.liveStyle===!0?r.jump(i):r.hasAnimated||r.set(i)}else{const r=t.getStaticValue(s);t.addValue(s,$(r!==void 0?r:i,{owner:t}))}}for(const s in n)e[s]===void 0&&t.removeValue(s);return e}const cs=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class Vl{scrapeMotionValuesFromProps(e,n,s){return{}}constructor({parent:e,props:n,presenceContext:s,reducedMotionConfig:i,blockInitialAnimation:o,visualState:r},a={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=mn,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.renderScheduledAt=0,this.scheduleRender=()=>{const f=I.now();this.renderScheduledAt<f&&(this.renderScheduledAt=f,A.render(this.render,!1,!0))};const{latestValues:l,renderState:u}=r;this.latestValues=l,this.baseTarget={...l},this.initialValues=n.initial?{...l}:{},this.renderState=u,this.parent=e,this.props=n,this.presenceContext=s,this.depth=e?e.depth+1:0,this.reducedMotionConfig=i,this.options=a,this.blockInitialAnimation=!!o,this.isControllingVariants=oe(n),this.isVariantNode=Xi(n),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(e&&e.current);const{willChange:c,...h}=this.scrapeMotionValuesFromProps(n,{},this);for(const f in h){const d=h[f];l[f]!==void 0&&k(d)&&d.set(l[f])}}mount(e){this.current=e,Sl.set(e,this),this.projection&&!this.projection.instance&&this.projection.mount(e),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((n,s)=>this.bindToMotionValue(s,n)),ur.current||Pl(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:We.current,process.env.NODE_ENV!=="production"&&se(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected.","reduced-motion-disabled"),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){this.projection&&this.projection.unmount(),G(this.notifyUpdate),G(this.render),this.valueSubscriptions.forEach(e=>e()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const e in this.events)this.events[e].clear();for(const e in this.features){const n=this.features[e];n&&(n.unmount(),n.isMounted=!1)}this.current=null}bindToMotionValue(e,n){this.valueSubscriptions.has(e)&&this.valueSubscriptions.get(e)();const s=bt.has(e);s&&this.onBindTransform&&this.onBindTransform();const i=n.on("change",r=>{this.latestValues[e]=r,this.props.onUpdate&&A.preRender(this.notifyUpdate),s&&this.projection&&(this.projection.isTransformDirty=!0),this.scheduleRender()});let o;window.MotionCheckAppearSync&&(o=window.MotionCheckAppearSync(this,e,n)),this.valueSubscriptions.set(e,()=>{i(),o&&o(),n.owner&&n.stop()})}sortNodePosition(e){return!this.current||!this.sortInstanceNodePosition||this.type!==e.type?0:this.sortInstanceNodePosition(this.current,e.current)}updateFeatures(){let e="animation";for(e in vt){const n=vt[e];if(!n)continue;const{isEnabled:s,Feature:i}=n;if(!this.features[e]&&i&&s(this.props)&&(this.features[e]=new i(this)),this.features[e]){const o=this.features[e];o.isMounted?o.update():(o.mount(),o.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):D()}getStaticValue(e){return this.latestValues[e]}setStaticValue(e,n){this.latestValues[e]=n}update(e,n){(e.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=e,this.prevPresenceContext=this.presenceContext,this.presenceContext=n;for(let s=0;s<cs.length;s++){const i=cs[s];this.propEventSubscriptions[i]&&(this.propEventSubscriptions[i](),delete this.propEventSubscriptions[i]);const o="on"+i,r=e[o];r&&(this.propEventSubscriptions[i]=this.on(i,r))}this.prevMotionValues=Al(this,this.scrapeMotionValuesFromProps(e,this.prevProps,this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(e){return this.props.variants?this.props.variants[e]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}addVariantChild(e){const n=this.getClosestVariantNode();if(n)return n.variantChildren&&n.variantChildren.add(e),()=>n.variantChildren.delete(e)}addValue(e,n){const s=this.values.get(e);n!==s&&(s&&this.removeValue(e),this.bindToMotionValue(e,n),this.values.set(e,n),this.latestValues[e]=n.get())}removeValue(e){this.values.delete(e);const n=this.valueSubscriptions.get(e);n&&(n(),this.valueSubscriptions.delete(e)),delete this.latestValues[e],this.removeValueFromRenderState(e,this.renderState)}hasValue(e){return this.values.has(e)}getValue(e,n){if(this.props.values&&this.props.values[e])return this.props.values[e];let s=this.values.get(e);return s===void 0&&n!==void 0&&(s=$(n===null?void 0:n,{owner:this}),this.addValue(e,s)),s}readValue(e,n){let s=this.latestValues[e]!==void 0||!this.current?this.latestValues[e]:this.getBaseTargetFromProps(this.props,e)??this.readValueFromInstance(this.current,e,this.options);return s!=null&&(typeof s=="string"&&(ti(s)||ni(s))?s=parseFloat(s):!Na(s)&&et.test(n)&&(s=ji(e,n)),this.setBaseTarget(e,k(s)?s.get():s)),k(s)?s.get():s}setBaseTarget(e,n){this.baseTarget[e]=n}getBaseTarget(e){var o;const{initial:n}=this.props;let s;if(typeof n=="string"||typeof n=="object"){const r=Vn(this.props,n,(o=this.presenceContext)==null?void 0:o.custom);r&&(s=r[e])}if(n&&s!==void 0)return s;const i=this.getBaseTargetFromProps(this.props,e);return i!==void 0&&!k(i)?i:this.initialValues[e]!==void 0&&s===void 0?void 0:this.baseTarget[e]}on(e,n){return this.events[e]||(this.events[e]=new Qe),this.events[e].add(n)}notify(e,...n){this.events[e]&&this.events[e].notify(...n)}scheduleRenderMicrotask(){yn.render(this.render)}}class hr extends Vl{constructor(){super(...arguments),this.KeyframeResolver=va}sortInstanceNodePosition(e,n){return e.compareDocumentPosition(n)&2?1:-1}getBaseTargetFromProps(e,n){return e.style?e.style[n]:void 0}removeValueFromRenderState(e,{vars:n,style:s}){delete n[e],delete s[e]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:e}=this.props;k(e)&&(this.childSubscription=e.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}}function fr(t,{style:e,vars:n},s,i){const o=t.style;let r;for(r in e)o[r]=e[r];i==null||i.applyProjectionStyles(o,s);for(r in n)o.setProperty(r,n[r])}function Ml(t){return window.getComputedStyle(t)}class Cl extends hr{constructor(){super(...arguments),this.type="html",this.renderInstance=fr}readValueFromInstance(e,n){var s;if(bt.has(n))return(s=this.projection)!=null&&s.isProjecting?Re(n):Io(e,n);{const i=Ml(e),o=(sn(n)?i.getPropertyValue(n):i[n])||0;return typeof o=="string"?o.trim():o}}measureInstanceViewportBox(e,{transformPagePoint:n}){return cr(e,n)}build(e,n,s){Pn(e,n,s.transformTemplate)}scrapeMotionValuesFromProps(e,n,s){return Mn(e,n,s)}}const dr=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function Dl(t,e,n,s){fr(t,e,void 0,s);for(const i in e.attrs)t.setAttribute(dr.has(i)?i:Cn(i),e.attrs[i])}class El extends hr{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=D}getBaseTargetFromProps(e,n){return e[n]}readValueFromInstance(e,n){if(bt.has(n)){const s=Ii(n);return s&&s.default||0}return n=dr.has(n)?n:Cn(n),e.getAttribute(n)}scrapeMotionValuesFromProps(e,n,s){return nr(e,n,s)}build(e,n,s){Ji(e,n,this.isSVGTag,s.transformTemplate,s.style)}renderInstance(e,n,s,i){Dl(e,n,s,i)}mount(e){this.isSVGTag=tr(e.tagName),super.mount(e)}}const Rl=(t,e)=>An(t)?new El(e):new Cl(e,{allowProjection:t!==T.Fragment});function Ft(t,e,n){const s=t.getProps();return Vn(s,e,n!==void 0?n:s.custom,t)}const Ue=t=>Array.isArray(t);function Ll(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,$(n))}function kl(t){return Ue(t)?t[t.length-1]||0:t}function Bl(t,e){const n=Ft(t,e);let{transitionEnd:s={},transition:i={},...o}=n||{};o={...o,...s};for(const r in o){const a=kl(o[r]);Ll(t,r,a)}}function Fl(t){return!!(k(t)&&t.add)}function Ke(t,e){const n=t.getValue("willChange");if(Fl(n))return n.add(e);if(!n&&J.WillChange){const s=new J.WillChange("auto");t.addValue("willChange",s),s.add(e)}}function mr(t){return t.props[sr]}const Ol=t=>t!==null;function Il(t,{repeat:e,repeatType:n="loop"},s){const i=t.filter(Ol),o=e&&n!=="loop"&&e%2===1?0:i.length-1;return i[o]}const jl={type:"spring",stiffness:500,damping:25,restSpeed:10},Nl=t=>({type:"spring",stiffness:550,damping:t===0?2*Math.sqrt(550):30,restSpeed:10}),Wl={type:"keyframes",duration:.8},Ul={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Kl=(t,{keyframes:e})=>e.length>2?Wl:bt.has(t)?t.startsWith("scale")?Nl(e[1]):jl:Ul;function $l({when:t,delay:e,delayChildren:n,staggerChildren:s,staggerDirection:i,repeat:o,repeatType:r,repeatDelay:a,from:l,elapsed:u,...c}){return!!Object.keys(c).length}const Dn=(t,e,n,s={},i,o)=>r=>{const a=pn(s,t)||{},l=a.delay||s.delay||0;let{elapsed:u=0}=s;u=u-z(l);const c={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:e.getVelocity(),...a,delay:-u,onUpdate:f=>{e.set(f),a.onUpdate&&a.onUpdate(f)},onComplete:()=>{r(),a.onComplete&&a.onComplete()},name:t,motionValue:e,element:o?void 0:i};$l(a)||Object.assign(c,Kl(t,c)),c.duration&&(c.duration=z(c.duration)),c.repeatDelay&&(c.repeatDelay=z(c.repeatDelay)),c.from!==void 0&&(c.keyframes[0]=c.from);let h=!1;if((c.type===!1||c.duration===0&&!c.repeatDelay)&&(Oe(c),c.delay===0&&(h=!0)),(J.instantAnimations||J.skipAnimations)&&(h=!0,Oe(c),c.delay=0),c.allowFlatten=!a.type&&!a.ease,h&&!o&&e.get()!==void 0){const f=Il(c.keyframes,a);if(f!==void 0){A.update(()=>{c.onUpdate(f),c.onComplete()});return}}return a.isSync?new dn(c):new ra(c)};function zl({protectedKeys:t,needsAnimating:e},n){const s=t.hasOwnProperty(n)&&e[n]!==!0;return e[n]=!1,s}function pr(t,e,{delay:n=0,transitionOverride:s,type:i}={}){let{transition:o=t.getDefaultTransition(),transitionEnd:r,...a}=e;s&&(o=s);const l=[],u=i&&t.animationState&&t.animationState.getState()[i];for(const c in a){const h=t.getValue(c,t.latestValues[c]??null),f=a[c];if(f===void 0||u&&zl(u,c))continue;const d={delay:n,...pn(o||{},c)},m=h.get();if(m!==void 0&&!h.isAnimating&&!Array.isArray(f)&&f===m&&!d.velocity)continue;let g=!1;if(window.MotionHandoffAnimation){const p=mr(t);if(p){const x=window.MotionHandoffAnimation(p,c,A);x!==null&&(d.startTime=x,g=!0)}}Ke(t,c),h.start(Dn(c,h,f,t.shouldReduceMotion&&Bi.has(c)?{type:!1}:d,t,g));const v=h.animation;v&&l.push(v)}return r&&Promise.all(l).then(()=>{A.update(()=>{r&&Bl(t,r)})}),l}function $e(t,e,n={}){var l;const s=Ft(t,e,n.type==="exit"?(l=t.presenceContext)==null?void 0:l.custom:void 0);let{transition:i=t.getDefaultTransition()||{}}=s||{};n.transitionOverride&&(i=n.transitionOverride);const o=s?()=>Promise.all(pr(t,s,n)):()=>Promise.resolve(),r=t.variantChildren&&t.variantChildren.size?(u=0)=>{const{delayChildren:c=0,staggerChildren:h,staggerDirection:f}=i;return Hl(t,e,u,c,h,f,n)}:()=>Promise.resolve(),{when:a}=i;if(a){const[u,c]=a==="beforeChildren"?[o,r]:[r,o];return u().then(()=>c())}else return Promise.all([o(),r(n.delay)])}function Hl(t,e,n=0,s=0,i=0,o=1,r){const a=[],l=t.variantChildren.size,u=(l-1)*i,c=typeof s=="function",h=c?f=>s(f,l):o===1?(f=0)=>f*i:(f=0)=>u-f*i;return Array.from(t.variantChildren).sort(Gl).forEach((f,d)=>{f.notify("AnimationStart",e),a.push($e(f,e,{...r,delay:n+(c?0:s)+h(d)}).then(()=>f.notify("AnimationComplete",e)))}),Promise.all(a)}function Gl(t,e){return t.sortNodePosition(e)}function _l(t,e,n={}){t.notify("AnimationStart",e);let s;if(Array.isArray(e)){const i=e.map(o=>$e(t,o,n));s=Promise.all(i)}else if(typeof e=="string")s=$e(t,e,n);else{const i=typeof e=="function"?Ft(t,e,n.custom):e;s=Promise.all(pr(t,i,n))}return s.then(()=>{t.notify("AnimationComplete",e)})}function gr(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let s=0;s<n;s++)if(e[s]!==t[s])return!1;return!0}const Yl=bn.length;function yr(t){if(!t)return;if(!t.isControllingVariants){const n=t.parent?yr(t.parent)||{}:{};return t.props.initial!==void 0&&(n.initial=t.props.initial),n}const e={};for(let n=0;n<Yl;n++){const s=bn[n],i=t.props[s];(kt(i)||i===!1)&&(e[s]=i)}return e}const Xl=[...wn].reverse(),ql=wn.length;function Zl(t){return e=>Promise.all(e.map(({animation:n,options:s})=>_l(t,n,s)))}function Jl(t){let e=Zl(t),n=us(),s=!0;const i=l=>(u,c)=>{var f;const h=Ft(t,c,l==="exit"?(f=t.presenceContext)==null?void 0:f.custom:void 0);if(h){const{transition:d,transitionEnd:m,...g}=h;u={...u,...g,...m}}return u};function o(l){e=l(t)}function r(l){const{props:u}=t,c=yr(t.parent)||{},h=[],f=new Set;let d={},m=1/0;for(let v=0;v<ql;v++){const p=Xl[v],x=n[p],y=u[p]!==void 0?u[p]:c[p],S=kt(y),b=p===l?x.isActive:null;b===!1&&(m=v);let V=y===c[p]&&y!==u[p]&&S;if(V&&s&&t.manuallyAnimateOnMount&&(V=!1),x.protectedKeys={...d},!x.isActive&&b===null||!y&&!x.prevProp||re(y)||typeof y=="boolean")continue;const R=Ql(x.prevProp,y);let P=R||p===l&&x.isActive&&!V&&S||v>m&&S,O=!1;const N=Array.isArray(y)?y:[y];let ct=N.reduce(i(p),{});b===!1&&(ct={});const{prevResolvedValues:En={}}=x,Fr={...En,...ct},Rn=B=>{P=!0,f.has(B)&&(O=!0,f.delete(B)),x.needsAnimating[B]=!0;const Z=t.getValue(B);Z&&(Z.liveStyle=!1)};for(const B in Fr){const Z=ct[B],ae=En[B];if(d.hasOwnProperty(B))continue;let le=!1;Ue(Z)&&Ue(ae)?le=!gr(Z,ae):le=Z!==ae,le?Z!=null?Rn(B):f.add(B):Z!==void 0&&f.has(B)?Rn(B):x.protectedKeys[B]=!0}x.prevProp=y,x.prevResolvedValues=ct,x.isActive&&(d={...d,...ct}),s&&t.blockInitialAnimation&&(P=!1),P&&(!(V&&R)||O)&&h.push(...N.map(B=>({animation:B,options:{type:p}})))}if(f.size){const v={};if(typeof u.initial!="boolean"){const p=Ft(t,Array.isArray(u.initial)?u.initial[0]:u.initial);p&&p.transition&&(v.transition=p.transition)}f.forEach(p=>{const x=t.getBaseTarget(p),y=t.getValue(p);y&&(y.liveStyle=!0),v[p]=x??null}),h.push({animation:v})}let g=!!h.length;return s&&(u.initial===!1||u.initial===u.animate)&&!t.manuallyAnimateOnMount&&(g=!1),s=!1,g?e(h):Promise.resolve()}function a(l,u){var h;if(n[l].isActive===u)return Promise.resolve();(h=t.variantChildren)==null||h.forEach(f=>{var d;return(d=f.animationState)==null?void 0:d.setActive(l,u)}),n[l].isActive=u;const c=r(l);for(const f in n)n[f].protectedKeys={};return c}return{animateChanges:r,setActive:a,setAnimateFunction:o,getState:()=>n,reset:()=>{n=us(),s=!0}}}function Ql(t,e){return typeof e=="string"?e!==t:Array.isArray(e)?!gr(e,t):!1}function st(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function us(){return{animate:st(!0),whileInView:st(),whileHover:st(),whileTap:st(),whileDrag:st(),whileFocus:st(),exit:st()}}class nt{constructor(e){this.isMounted=!1,this.node=e}update(){}}class tc extends nt{constructor(e){super(e),e.animationState||(e.animationState=Jl(e))}updateAnimationControlsSubscription(){const{animate:e}=this.node.getProps();re(e)&&(this.unmountControls=e.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:e}=this.node.getProps(),{animate:n}=this.node.prevProps||{};e!==n&&this.updateAnimationControlsSubscription()}unmount(){var e;this.node.animationState.reset(),(e=this.unmountControls)==null||e.call(this)}}let ec=0;class nc extends nt{constructor(){super(...arguments),this.id=ec++}update(){if(!this.node.presenceContext)return;const{isPresent:e,onExitComplete:n}=this.node.presenceContext,{isPresent:s}=this.node.prevPresenceContext||{};if(!this.node.animationState||e===s)return;const i=this.node.animationState.setActive("exit",!e);n&&!e&&i.then(()=>{n(this.id)})}mount(){const{register:e,onExitComplete:n}=this.node.presenceContext||{};n&&n(this.id),e&&(this.unmount=e(this.id))}unmount(){}}const sc={animation:{Feature:tc},exit:{Feature:nc}};function Ot(t,e,n,s={passive:!0}){return t.addEventListener(e,n,s),()=>t.removeEventListener(e,n)}function Wt(t){return{point:{x:t.pageX,y:t.pageY}}}const ic=t=>e=>vn(e)&&t(e,Wt(e));function Ct(t,e,n,s){return Ot(t,e,ic(n),s)}const vr=1e-4,rc=1-vr,oc=1+vr,xr=.01,ac=0-xr,lc=0+xr;function F(t){return t.max-t.min}function cc(t,e,n){return Math.abs(t-e)<=n}function hs(t,e,n,s=.5){t.origin=s,t.originPoint=C(e.min,e.max,t.origin),t.scale=F(n)/F(e),t.translate=C(n.min,n.max,t.origin)-t.originPoint,(t.scale>=rc&&t.scale<=oc||isNaN(t.scale))&&(t.scale=1),(t.translate>=ac&&t.translate<=lc||isNaN(t.translate))&&(t.translate=0)}function Dt(t,e,n,s){hs(t.x,e.x,n.x,s?s.originX:void 0),hs(t.y,e.y,n.y,s?s.originY:void 0)}function fs(t,e,n){t.min=n.min+e.min,t.max=t.min+F(e)}function uc(t,e,n){fs(t.x,e.x,n.x),fs(t.y,e.y,n.y)}function ds(t,e,n){t.min=e.min-n.min,t.max=t.min+F(e)}function Et(t,e,n){ds(t.x,e.x,n.x),ds(t.y,e.y,n.y)}function U(t){return[t("x"),t("y")]}const Tr=({current:t})=>t?t.ownerDocument.defaultView:null,ms=(t,e)=>Math.abs(t-e);function hc(t,e){const n=ms(t.x,e.x),s=ms(t.y,e.y);return Math.sqrt(n**2+s**2)}class wr{constructor(e,n,{transformPagePoint:s,contextWindow:i=window,dragSnapToOrigin:o=!1,distanceThreshold:r=3}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const f=ve(this.lastMoveEventInfo,this.history),d=this.startEvent!==null,m=hc(f.offset,{x:0,y:0})>=this.distanceThreshold;if(!d&&!m)return;const{point:g}=f,{timestamp:v}=L;this.history.push({...g,timestamp:v});const{onStart:p,onMove:x}=this.handlers;d||(p&&p(this.lastMoveEvent,f),this.startEvent=this.lastMoveEvent),x&&x(this.lastMoveEvent,f)},this.handlePointerMove=(f,d)=>{this.lastMoveEvent=f,this.lastMoveEventInfo=ye(d,this.transformPagePoint),A.update(this.updatePoint,!0)},this.handlePointerUp=(f,d)=>{this.end();const{onEnd:m,onSessionEnd:g,resumeAnimation:v}=this.handlers;if(this.dragSnapToOrigin&&v&&v(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const p=ve(f.type==="pointercancel"?this.lastMoveEventInfo:ye(d,this.transformPagePoint),this.history);this.startEvent&&m&&m(f,p),g&&g(f,p)},!vn(e))return;this.dragSnapToOrigin=o,this.handlers=n,this.transformPagePoint=s,this.distanceThreshold=r,this.contextWindow=i||window;const a=Wt(e),l=ye(a,this.transformPagePoint),{point:u}=l,{timestamp:c}=L;this.history=[{...u,timestamp:c}];const{onSessionStart:h}=n;h&&h(e,ve(l,this.history)),this.removeListeners=It(Ct(this.contextWindow,"pointermove",this.handlePointerMove),Ct(this.contextWindow,"pointerup",this.handlePointerUp),Ct(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),G(this.updatePoint)}}function ye(t,e){return e?{point:e(t.point)}:t}function ps(t,e){return{x:t.x-e.x,y:t.y-e.y}}function ve({point:t},e){return{point:t,delta:ps(t,br(e)),offset:ps(t,fc(e)),velocity:dc(e,.1)}}function fc(t){return t[0]}function br(t){return t[t.length-1]}function dc(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,s=null;const i=br(t);for(;n>=0&&(s=t[n],!(i.timestamp-s.timestamp>z(e)));)n--;if(!s)return{x:0,y:0};const o=Y(i.timestamp-s.timestamp);if(o===0)return{x:0,y:0};const r={x:(i.x-s.x)/o,y:(i.y-s.y)/o};return r.x===1/0&&(r.x=0),r.y===1/0&&(r.y=0),r}function mc(t,{min:e,max:n},s){return e!==void 0&&t<e?t=s?C(e,t,s.min):Math.max(t,e):n!==void 0&&t>n&&(t=s?C(n,t,s.max):Math.min(t,n)),t}function gs(t,e,n){return{min:e!==void 0?t.min+e:void 0,max:n!==void 0?t.max+n-(t.max-t.min):void 0}}function pc(t,{top:e,left:n,bottom:s,right:i}){return{x:gs(t.x,n,i),y:gs(t.y,e,s)}}function ys(t,e){let n=e.min-t.min,s=e.max-t.max;return e.max-e.min<t.max-t.min&&([n,s]=[s,n]),{min:n,max:s}}function gc(t,e){return{x:ys(t.x,e.x),y:ys(t.y,e.y)}}function yc(t,e){let n=.5;const s=F(t),i=F(e);return i>s?n=yt(e.min,e.max-s,t.min):s>i&&(n=yt(t.min,t.max-i,e.min)),q(0,1,n)}function vc(t,e){const n={};return e.min!==void 0&&(n.min=e.min-t.min),e.max!==void 0&&(n.max=e.max-t.min),n}const ze=.35;function xc(t=ze){return t===!1?t=0:t===!0&&(t=ze),{x:vs(t,"left","right"),y:vs(t,"top","bottom")}}function vs(t,e,n){return{min:xs(t,e),max:xs(t,n)}}function xs(t,e){return typeof t=="number"?t:t[e]||0}const Tc=new WeakMap;class wc{constructor(e){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=D(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=e}start(e,{snapToCursor:n=!1,distanceThreshold:s}={}){const{presenceContext:i}=this.visualElement;if(i&&i.isPresent===!1)return;const o=h=>{const{dragSnapToOrigin:f}=this.getProps();f?this.pauseAnimation():this.stopAnimation(),n&&this.snapToCursor(Wt(h).point)},r=(h,f)=>{const{drag:d,dragPropagation:m,onDragStart:g}=this.getProps();if(d&&!m&&(this.openDragLock&&this.openDragLock(),this.openDragLock=wa(d),!this.openDragLock))return;this.latestPointerEvent=h,this.latestPanInfo=f,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),U(p=>{let x=this.getAxisMotionValue(p).get()||0;if(X.test(x)){const{projection:y}=this.visualElement;if(y&&y.layout){const S=y.layout.layoutBox[p];S&&(x=F(S)*(parseFloat(x)/100))}}this.originPoint[p]=x}),g&&A.postRender(()=>g(h,f)),Ke(this.visualElement,"transform");const{animationState:v}=this.visualElement;v&&v.setActive("whileDrag",!0)},a=(h,f)=>{this.latestPointerEvent=h,this.latestPanInfo=f;const{dragPropagation:d,dragDirectionLock:m,onDirectionLock:g,onDrag:v}=this.getProps();if(!d&&!this.openDragLock)return;const{offset:p}=f;if(m&&this.currentDirection===null){this.currentDirection=bc(p),this.currentDirection!==null&&g&&g(this.currentDirection);return}this.updateAxis("x",f.point,p),this.updateAxis("y",f.point,p),this.visualElement.render(),v&&v(h,f)},l=(h,f)=>{this.latestPointerEvent=h,this.latestPanInfo=f,this.stop(h,f),this.latestPointerEvent=null,this.latestPanInfo=null},u=()=>U(h=>{var f;return this.getAnimationState(h)==="paused"&&((f=this.getAxisMotionValue(h).animation)==null?void 0:f.play())}),{dragSnapToOrigin:c}=this.getProps();this.panSession=new wr(e,{onSessionStart:o,onStart:r,onMove:a,onSessionEnd:l,resumeAnimation:u},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:c,distanceThreshold:s,contextWindow:Tr(this.visualElement)})}stop(e,n){const s=e||this.latestPointerEvent,i=n||this.latestPanInfo,o=this.isDragging;if(this.cancel(),!o||!i||!s)return;const{velocity:r}=i;this.startAnimation(r);const{onDragEnd:a}=this.getProps();a&&A.postRender(()=>a(s,i))}cancel(){this.isDragging=!1;const{projection:e,animationState:n}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:s}=this.getProps();!s&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),n&&n.setActive("whileDrag",!1)}updateAxis(e,n,s){const{drag:i}=this.getProps();if(!s||!$t(e,i,this.currentDirection))return;const o=this.getAxisMotionValue(e);let r=this.originPoint[e]+s[e];this.constraints&&this.constraints[e]&&(r=mc(r,this.constraints[e],this.elastic[e])),o.set(r)}resolveConstraints(){var o;const{dragConstraints:e,dragElastic:n}=this.getProps(),s=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):(o=this.visualElement.projection)==null?void 0:o.layout,i=this.constraints;e&&dt(e)?this.constraints||(this.constraints=this.resolveRefConstraints()):e&&s?this.constraints=pc(s.layoutBox,e):this.constraints=!1,this.elastic=xc(n),i!==this.constraints&&s&&this.constraints&&!this.hasMutatedConstraints&&U(r=>{this.constraints!==!1&&this.getAxisMotionValue(r)&&(this.constraints[r]=vc(s.layoutBox[r],this.constraints[r]))})}resolveRefConstraints(){const{dragConstraints:e,onMeasureDragConstraints:n}=this.getProps();if(!e||!dt(e))return!1;const s=e.current;H(s!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");const{projection:i}=this.visualElement;if(!i||!i.layout)return!1;const o=bl(s,i.root,this.visualElement.getTransformPagePoint());let r=gc(i.layout.layoutBox,o);if(n){const a=n(xl(r));this.hasMutatedConstraints=!!a,a&&(r=or(a))}return r}startAnimation(e){const{drag:n,dragMomentum:s,dragElastic:i,dragTransition:o,dragSnapToOrigin:r,onDragTransitionEnd:a}=this.getProps(),l=this.constraints||{},u=U(c=>{if(!$t(c,n,this.currentDirection))return;let h=l&&l[c]||{};r&&(h={min:0,max:0});const f=i?200:1e6,d=i?40:1e7,m={type:"inertia",velocity:s?e[c]:0,bounceStiffness:f,bounceDamping:d,timeConstant:750,restDelta:1,restSpeed:10,...o,...h};return this.startAxisValueAnimation(c,m)});return Promise.all(u).then(a)}startAxisValueAnimation(e,n){const s=this.getAxisMotionValue(e);return Ke(this.visualElement,e),s.start(Dn(e,s,0,n,this.visualElement,!1))}stopAnimation(){U(e=>this.getAxisMotionValue(e).stop())}pauseAnimation(){U(e=>{var n;return(n=this.getAxisMotionValue(e).animation)==null?void 0:n.pause()})}getAnimationState(e){var n;return(n=this.getAxisMotionValue(e).animation)==null?void 0:n.state}getAxisMotionValue(e){const n=`_drag${e.toUpperCase()}`,s=this.visualElement.getProps(),i=s[n];return i||this.visualElement.getValue(e,(s.initial?s.initial[e]:void 0)||0)}snapToCursor(e){U(n=>{const{drag:s}=this.getProps();if(!$t(n,s,this.currentDirection))return;const{projection:i}=this.visualElement,o=this.getAxisMotionValue(n);if(i&&i.layout){const{min:r,max:a}=i.layout.layoutBox[n];o.set(e[n]-C(r,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:s}=this.visualElement;if(!dt(n)||!s||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};U(r=>{const a=this.getAxisMotionValue(r);if(a&&this.constraints!==!1){const l=a.get();i[r]=yc({min:l,max:l},this.constraints[r])}});const{transformTemplate:o}=this.visualElement.getProps();this.visualElement.current.style.transform=o?o({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.resolveConstraints(),U(r=>{if(!$t(r,e,null))return;const a=this.getAxisMotionValue(r),{min:l,max:u}=this.constraints[r];a.set(C(l,u,i[r]))})}addListeners(){if(!this.visualElement.current)return;Tc.set(this.visualElement,this);const e=this.visualElement.current,n=Ct(e,"pointerdown",l=>{const{drag:u,dragListener:c=!0}=this.getProps();u&&c&&this.start(l)}),s=()=>{const{dragConstraints:l}=this.getProps();dt(l)&&l.current&&(this.constraints=this.resolveRefConstraints())},{projection:i}=this.visualElement,o=i.addEventListener("measure",s);i&&!i.layout&&(i.root&&i.root.updateScroll(),i.updateLayout()),A.read(s);const r=Ot(window,"resize",()=>this.scalePositionWithinConstraints()),a=i.addEventListener("didUpdate",({delta:l,hasLayoutChanged:u})=>{this.isDragging&&u&&(U(c=>{const h=this.getAxisMotionValue(c);h&&(this.originPoint[c]+=l[c].translate,h.set(h.get()+l[c].translate))}),this.visualElement.render())});return()=>{r(),n(),o(),a&&a()}}getProps(){const e=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:s=!1,dragPropagation:i=!1,dragConstraints:o=!1,dragElastic:r=ze,dragMomentum:a=!0}=e;return{...e,drag:n,dragDirectionLock:s,dragPropagation:i,dragConstraints:o,dragElastic:r,dragMomentum:a}}}function $t(t,e,n){return(e===!0||e===t)&&(n===null||n===t)}function bc(t,e=10){let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}class Pc extends nt{constructor(e){super(e),this.removeGroupControls=j,this.removeListeners=j,this.controls=new wc(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||j}unmount(){this.removeGroupControls(),this.removeListeners()}}const Ts=t=>(e,n)=>{t&&A.postRender(()=>t(e,n))};class Sc extends nt{constructor(){super(...arguments),this.removePointerDownListener=j}onPointerDown(e){this.session=new wr(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:Tr(this.node)})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:n,onPan:s,onPanEnd:i}=this.node.getProps();return{onSessionStart:Ts(e),onStart:Ts(n),onMove:s,onEnd:(o,r)=>{delete this.session,i&&A.postRender(()=>i(o,r))}}}mount(){this.removePointerDownListener=Ct(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}const qt={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function ws(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const Pt={correct:(t,e)=>{if(!e.target)return t;if(typeof t=="string")if(w.test(t))t=parseFloat(t);else return t;const n=ws(t,e.target.x),s=ws(t,e.target.y);return`${n}% ${s}%`}},Ac={correct:(t,{treeScale:e,projectionDelta:n})=>{const s=t,i=et.parse(t);if(i.length>5)return s;const o=et.createTransformer(t),r=typeof i[0]!="number"?1:0,a=n.x.scale*e.x,l=n.y.scale*e.y;i[0+r]/=a,i[1+r]/=l;const u=C(a,l,.5);return typeof i[2+r]=="number"&&(i[2+r]/=u),typeof i[3+r]=="number"&&(i[3+r]/=u),o(i)}};let bs=!1;class Vc extends T.Component{componentDidMount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:s,layoutId:i}=this.props,{projection:o}=e;_a(Mc),o&&(n.group&&n.group.add(o),s&&s.register&&i&&s.register(o),bs&&o.root.didUpdate(),o.addEventListener("animationComplete",()=>{this.safeToRemove()}),o.setOptions({...o.options,onExitComplete:()=>this.safeToRemove()})),qt.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:n,visualElement:s,drag:i,isPresent:o}=this.props,{projection:r}=s;return r&&(r.isPresent=o,bs=!0,i||e.layoutDependency!==n||n===void 0||e.isPresent!==o?r.willUpdate():this.safeToRemove(),e.isPresent!==o&&(o?r.promote():r.relegate()||A.postRender(()=>{const a=r.getStack();(!a||!a.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),yn.postRender(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:s}=this.props,{projection:i}=e;i&&(i.scheduleCheckAfterUnmount(),n&&n.group&&n.group.remove(i),s&&s.deregister&&s.deregister(i))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function Pr(t){const[e,n]=Wa(),s=T.useContext(Qs);return _.jsx(Vc,{...t,layoutGroup:s,switchLayoutGroup:T.useContext(ir),isPresent:e,safeToRemove:n})}const Mc={borderRadius:{...Pt,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:Pt,borderTopRightRadius:Pt,borderBottomLeftRadius:Pt,borderBottomRightRadius:Pt,boxShadow:Ac};function Cc(t,e,n){const s=k(t)?t:$(t);return s.start(Dn("",s,e,n)),s.animation}const Dc=(t,e)=>t.depth-e.depth;class Ec{constructor(){this.children=[],this.isDirty=!1}add(e){qe(this.children,e),this.isDirty=!0}remove(e){Ze(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(Dc),this.isDirty=!1,this.children.forEach(e)}}function Rc(t,e){const n=I.now(),s=({timestamp:i})=>{const o=i-n;o>=e&&(G(s),t(o-e))};return A.setup(s,!0),()=>G(s)}const Sr=["TopLeft","TopRight","BottomLeft","BottomRight"],Lc=Sr.length,Ps=t=>typeof t=="string"?parseFloat(t):t,Ss=t=>typeof t=="number"||w.test(t);function kc(t,e,n,s,i,o){i?(t.opacity=C(0,n.opacity??1,Bc(s)),t.opacityExit=C(e.opacity??1,0,Fc(s))):o&&(t.opacity=C(e.opacity??1,n.opacity??1,s));for(let r=0;r<Lc;r++){const a=`border${Sr[r]}Radius`;let l=As(e,a),u=As(n,a);if(l===void 0&&u===void 0)continue;l||(l=0),u||(u=0),l===0||u===0||Ss(l)===Ss(u)?(t[a]=Math.max(C(Ps(l),Ps(u),s),0),(X.test(u)||X.test(l))&&(t[a]+="%")):t[a]=u}(e.rotate||n.rotate)&&(t.rotate=C(e.rotate||0,n.rotate||0,s))}function As(t,e){return t[e]!==void 0?t[e]:t.borderRadius}const Bc=Ar(0,.5,ci),Fc=Ar(.5,.95,j);function Ar(t,e,n){return s=>s<t?0:s>e?1:n(yt(t,e,s))}function Vs(t,e){t.min=e.min,t.max=e.max}function W(t,e){Vs(t.x,e.x),Vs(t.y,e.y)}function Ms(t,e){t.translate=e.translate,t.scale=e.scale,t.originPoint=e.originPoint,t.origin=e.origin}function Cs(t,e,n,s,i){return t-=e,t=ee(t,1/n,s),i!==void 0&&(t=ee(t,1/i,s)),t}function Oc(t,e=0,n=1,s=.5,i,o=t,r=t){if(X.test(e)&&(e=parseFloat(e),e=C(r.min,r.max,e/100)-r.min),typeof e!="number")return;let a=C(o.min,o.max,s);t===o&&(a-=e),t.min=Cs(t.min,e,n,a,i),t.max=Cs(t.max,e,n,a,i)}function Ds(t,e,[n,s,i],o,r){Oc(t,e[n],e[s],e[i],e.scale,o,r)}const Ic=["x","scaleX","originX"],jc=["y","scaleY","originY"];function Es(t,e,n,s){Ds(t.x,e,Ic,n?n.x:void 0,s?s.x:void 0),Ds(t.y,e,jc,n?n.y:void 0,s?s.y:void 0)}function Rs(t){return t.translate===0&&t.scale===1}function Vr(t){return Rs(t.x)&&Rs(t.y)}function Ls(t,e){return t.min===e.min&&t.max===e.max}function Nc(t,e){return Ls(t.x,e.x)&&Ls(t.y,e.y)}function ks(t,e){return Math.round(t.min)===Math.round(e.min)&&Math.round(t.max)===Math.round(e.max)}function Mr(t,e){return ks(t.x,e.x)&&ks(t.y,e.y)}function Bs(t){return F(t.x)/F(t.y)}function Fs(t,e){return t.translate===e.translate&&t.scale===e.scale&&t.originPoint===e.originPoint}class Wc{constructor(){this.members=[]}add(e){qe(this.members,e),e.scheduleRender()}remove(e){if(Ze(this.members,e),e===this.prevLead&&(this.prevLead=void 0),e===this.lead){const n=this.members[this.members.length-1];n&&this.promote(n)}}relegate(e){const n=this.members.findIndex(i=>e===i);if(n===0)return!1;let s;for(let i=n;i>=0;i--){const o=this.members[i];if(o.isPresent!==!1){s=o;break}}return s?(this.promote(s),!0):!1}promote(e,n){const s=this.lead;if(e!==s&&(this.prevLead=s,this.lead=e,e.show(),s)){s.instance&&s.scheduleRender(),e.scheduleRender(),e.resumeFrom=s,n&&(e.resumeFrom.preserveOpacity=!0),s.snapshot&&(e.snapshot=s.snapshot,e.snapshot.latestValues=s.animationValues||s.latestValues),e.root&&e.root.isUpdating&&(e.isLayoutDirty=!0);const{crossfade:i}=e.options;i===!1&&s.hide()}}exitAnimationComplete(){this.members.forEach(e=>{const{options:n,resumingFrom:s}=e;n.onExitComplete&&n.onExitComplete(),s&&s.options.onExitComplete&&s.options.onExitComplete()})}scheduleRender(){this.members.forEach(e=>{e.instance&&e.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function Uc(t,e,n){let s="";const i=t.x.translate/e.x,o=t.y.translate/e.y,r=(n==null?void 0:n.z)||0;if((i||o||r)&&(s=`translate3d(${i}px, ${o}px, ${r}px) `),(e.x!==1||e.y!==1)&&(s+=`scale(${1/e.x}, ${1/e.y}) `),n){const{transformPerspective:u,rotate:c,rotateX:h,rotateY:f,skewX:d,skewY:m}=n;u&&(s=`perspective(${u}px) ${s}`),c&&(s+=`rotate(${c}deg) `),h&&(s+=`rotateX(${h}deg) `),f&&(s+=`rotateY(${f}deg) `),d&&(s+=`skewX(${d}deg) `),m&&(s+=`skewY(${m}deg) `)}const a=t.x.scale*e.x,l=t.y.scale*e.y;return(a!==1||l!==1)&&(s+=`scale(${a}, ${l})`),s||"none"}const xe=["","X","Y","Z"],Kc=1e3;let $c=0;function Te(t,e,n,s){const{latestValues:i}=e;i[t]&&(n[t]=i[t],e.setStaticValue(t,0),s&&(s[t]=0))}function Cr(t){if(t.hasCheckedOptimisedAppear=!0,t.root===t)return;const{visualElement:e}=t.options;if(!e)return;const n=mr(e);if(window.MotionHasOptimisedAnimation(n,"transform")){const{layout:i,layoutId:o}=t.options;window.MotionCancelOptimisedAnimation(n,"transform",A,!(i||o))}const{parent:s}=t;s&&!s.hasCheckedOptimisedAppear&&Cr(s)}function Dr({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:s,resetTransform:i}){return class{constructor(r={},a=e==null?void 0:e()){this.id=$c++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(Gc),this.nodes.forEach(qc),this.nodes.forEach(Zc),this.nodes.forEach(_c)},this.resolvedRelativeTargetAt=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=r,this.root=a?a.root||a:this,this.path=a?[...a.path,a]:[],this.parent=a,this.depth=a?a.depth+1:0;for(let l=0;l<this.path.length;l++)this.path[l].shouldResetTransform=!0;this.root===this&&(this.nodes=new Ec)}addEventListener(r,a){return this.eventHandlers.has(r)||this.eventHandlers.set(r,new Qe),this.eventHandlers.get(r).add(a)}notifyListeners(r,...a){const l=this.eventHandlers.get(r);l&&l.notify(...a)}hasListeners(r){return this.eventHandlers.has(r)}mount(r){if(this.instance)return;this.isSVG=xn(r)&&!Oa(r),this.instance=r;const{layoutId:a,layout:l,visualElement:u}=this.options;if(u&&!u.current&&u.mount(r),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(l||a)&&(this.isLayoutDirty=!0),t){let c,h=0;const f=()=>this.root.updateBlockedByResize=!1;A.read(()=>{h=window.innerWidth}),t(r,()=>{const d=window.innerWidth;d!==h&&(h=d,this.root.updateBlockedByResize=!0,c&&c(),c=Rc(f,250),qt.hasAnimatedSinceResize&&(qt.hasAnimatedSinceResize=!1,this.nodes.forEach(js)))})}a&&this.root.registerSharedNode(a,this),this.options.animate!==!1&&u&&(a||l)&&this.addEventListener("didUpdate",({delta:c,hasLayoutChanged:h,hasRelativeLayoutChanged:f,layout:d})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const m=this.options.transition||u.getDefaultTransition()||nu,{onLayoutAnimationStart:g,onLayoutAnimationComplete:v}=u.getProps(),p=!this.targetLayout||!Mr(this.targetLayout,d),x=!h&&f;if(this.options.layoutRoot||this.resumeFrom||x||h&&(p||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const y={...pn(m,"layout"),onPlay:g,onComplete:v};(u.shouldReduceMotion||this.options.layoutRoot)&&(y.delay=0,y.type=!1),this.startAnimation(y),this.setAnimationOrigin(c,x)}else h||js(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=d})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const r=this.getStack();r&&r.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),G(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(Jc),this.animationId++)}getTransformTemplate(){const{visualElement:r}=this.options;return r&&r.getProps().transformTemplate}willUpdate(r=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&Cr(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let c=0;c<this.path.length;c++){const h=this.path[c];h.shouldResetTransform=!0,h.updateScroll("snapshot"),h.options.layoutRoot&&h.willUpdate(!1)}const{layoutId:a,layout:l}=this.options;if(a===void 0&&!l)return;const u=this.getTransformTemplate();this.prevTransformTemplateValue=u?u(this.latestValues,""):void 0,this.updateSnapshot(),r&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(Os);return}if(this.animationId<=this.animationCommitId){this.nodes.forEach(Is);return}this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(Xc),this.nodes.forEach(zc),this.nodes.forEach(Hc)):this.nodes.forEach(Is),this.clearAllSnapshots();const a=I.now();L.delta=q(0,1e3/60,a-L.timestamp),L.timestamp=a,L.isProcessing=!0,ce.update.process(L),ce.preRender.process(L),ce.render.process(L),L.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,yn.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(Yc),this.sharedNodes.forEach(Qc)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,A.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){A.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure(),this.snapshot&&!F(this.snapshot.measuredBox.x)&&!F(this.snapshot.measuredBox.y)&&(this.snapshot=void 0))}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let l=0;l<this.path.length;l++)this.path[l].updateScroll();const r=this.layout;this.layout=this.measure(!1),this.layoutCorrected=D(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:a}=this.options;a&&a.notify("LayoutMeasure",this.layout.layoutBox,r?r.layoutBox:void 0)}updateScroll(r="measure"){let a=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===r&&(a=!1),a&&this.instance){const l=s(this.instance);this.scroll={animationId:this.root.animationId,phase:r,isRoot:l,offset:n(this.instance),wasRoot:this.scroll?this.scroll.isRoot:l}}}resetTransform(){if(!i)return;const r=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,a=this.projectionDelta&&!Vr(this.projectionDelta),l=this.getTransformTemplate(),u=l?l(this.latestValues,""):void 0,c=u!==this.prevTransformTemplateValue;r&&this.instance&&(a||it(this.latestValues)||c)&&(i(this.instance,u),this.shouldResetTransform=!1,this.scheduleRender())}measure(r=!0){const a=this.measurePageBox();let l=this.removeElementScroll(a);return r&&(l=this.removeTransform(l)),su(l),{animationId:this.root.animationId,measuredBox:a,layoutBox:l,latestValues:{},source:this.id}}measurePageBox(){var u;const{visualElement:r}=this.options;if(!r)return D();const a=r.measureViewportBox();if(!(((u=this.scroll)==null?void 0:u.wasRoot)||this.path.some(iu))){const{scroll:c}=this.root;c&&(mt(a.x,c.offset.x),mt(a.y,c.offset.y))}return a}removeElementScroll(r){var l;const a=D();if(W(a,r),(l=this.scroll)!=null&&l.wasRoot)return a;for(let u=0;u<this.path.length;u++){const c=this.path[u],{scroll:h,options:f}=c;c!==this.root&&h&&f.layoutScroll&&(h.wasRoot&&W(a,r),mt(a.x,h.offset.x),mt(a.y,h.offset.y))}return a}applyTransform(r,a=!1){const l=D();W(l,r);for(let u=0;u<this.path.length;u++){const c=this.path[u];!a&&c.options.layoutScroll&&c.scroll&&c!==c.root&&pt(l,{x:-c.scroll.offset.x,y:-c.scroll.offset.y}),it(c.latestValues)&&pt(l,c.latestValues)}return it(this.latestValues)&&pt(l,this.latestValues),l}removeTransform(r){const a=D();W(a,r);for(let l=0;l<this.path.length;l++){const u=this.path[l];if(!u.instance||!it(u.latestValues))continue;je(u.latestValues)&&u.updateSnapshot();const c=D(),h=u.measurePageBox();W(c,h),Es(a,u.latestValues,u.snapshot?u.snapshot.layoutBox:void 0,c)}return it(this.latestValues)&&Es(a,this.latestValues),a}setTargetDelta(r){this.targetDelta=r,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(r){this.options={...this.options,...r,crossfade:r.crossfade!==void 0?r.crossfade:!0}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==L.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(r=!1){var f;const a=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=a.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=a.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=a.isSharedProjectionDirty);const l=!!this.resumingFrom||this!==a;if(!(r||l&&this.isSharedProjectionDirty||this.isProjectionDirty||(f=this.parent)!=null&&f.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:c,layoutId:h}=this.options;if(!(!this.layout||!(c||h))){if(this.resolvedRelativeTargetAt=L.timestamp,!this.targetDelta&&!this.relativeTarget){const d=this.getClosestProjectingParent();d&&d.layout&&this.animationProgress!==1?(this.relativeParent=d,this.forceRelativeParentToResolveTarget(),this.relativeTarget=D(),this.relativeTargetOrigin=D(),Et(this.relativeTargetOrigin,this.layout.layoutBox,d.layout.layoutBox),W(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}if(!(!this.relativeTarget&&!this.targetDelta)&&(this.target||(this.target=D(),this.targetWithTransforms=D()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),uc(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):W(this.target,this.layout.layoutBox),lr(this.target,this.targetDelta)):W(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget)){this.attemptToResolveRelativeTarget=!1;const d=this.getClosestProjectingParent();d&&!!d.resumingFrom==!!this.resumingFrom&&!d.options.layoutScroll&&d.target&&this.animationProgress!==1?(this.relativeParent=d,this.forceRelativeParentToResolveTarget(),this.relativeTarget=D(),this.relativeTargetOrigin=D(),Et(this.relativeTargetOrigin,this.target,d.target),W(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}}}getClosestProjectingParent(){if(!(!this.parent||je(this.parent.latestValues)||ar(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}calcProjection(){var m;const r=this.getLead(),a=!!this.resumingFrom||this!==r;let l=!0;if((this.isProjectionDirty||(m=this.parent)!=null&&m.isProjectionDirty)&&(l=!1),a&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(l=!1),this.resolvedRelativeTargetAt===L.timestamp&&(l=!1),l)return;const{layout:u,layoutId:c}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(u||c))return;W(this.layoutCorrected,this.layout.layoutBox);const h=this.treeScale.x,f=this.treeScale.y;wl(this.layoutCorrected,this.treeScale,this.path,a),r.layout&&!r.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(r.target=r.layout.layoutBox,r.targetWithTransforms=D());const{target:d}=r;if(!d){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}!this.projectionDelta||!this.prevProjectionDelta?this.createProjectionDeltas():(Ms(this.prevProjectionDelta.x,this.projectionDelta.x),Ms(this.prevProjectionDelta.y,this.projectionDelta.y)),Dt(this.projectionDelta,this.layoutCorrected,d,this.latestValues),(this.treeScale.x!==h||this.treeScale.y!==f||!Fs(this.projectionDelta.x,this.prevProjectionDelta.x)||!Fs(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",d))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(r=!0){var a;if((a=this.options.visualElement)==null||a.scheduleRender(),r){const l=this.getStack();l&&l.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=gt(),this.projectionDelta=gt(),this.projectionDeltaWithTransform=gt()}setAnimationOrigin(r,a=!1){const l=this.snapshot,u=l?l.latestValues:{},c={...this.latestValues},h=gt();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!a;const f=D(),d=l?l.source:void 0,m=this.layout?this.layout.source:void 0,g=d!==m,v=this.getStack(),p=!v||v.members.length<=1,x=!!(g&&!p&&this.options.crossfade===!0&&!this.path.some(eu));this.animationProgress=0;let y;this.mixTargetDelta=S=>{const b=S/1e3;Ns(h.x,r.x,b),Ns(h.y,r.y,b),this.setTargetDelta(h),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Et(f,this.layout.layoutBox,this.relativeParent.layout.layoutBox),tu(this.relativeTarget,this.relativeTargetOrigin,f,b),y&&Nc(this.relativeTarget,y)&&(this.isProjectionDirty=!1),y||(y=D()),W(y,this.relativeTarget)),g&&(this.animationValues=c,kc(c,u,this.latestValues,b,x,p)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=b},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(r){var a,l,u;this.notifyListeners("animationStart"),(a=this.currentAnimation)==null||a.stop(),(u=(l=this.resumingFrom)==null?void 0:l.currentAnimation)==null||u.stop(),this.pendingAnimation&&(G(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=A.update(()=>{qt.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=$(0)),this.currentAnimation=Cc(this.motionValue,[0,1e3],{...r,velocity:0,isSync:!0,onUpdate:c=>{this.mixTargetDelta(c),r.onUpdate&&r.onUpdate(c)},onStop:()=>{},onComplete:()=>{r.onComplete&&r.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const r=this.getStack();r&&r.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(Kc),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const r=this.getLead();let{targetWithTransforms:a,target:l,layout:u,latestValues:c}=r;if(!(!a||!l||!u)){if(this!==r&&this.layout&&u&&Er(this.options.animationType,this.layout.layoutBox,u.layoutBox)){l=this.target||D();const h=F(this.layout.layoutBox.x);l.x.min=r.target.x.min,l.x.max=l.x.min+h;const f=F(this.layout.layoutBox.y);l.y.min=r.target.y.min,l.y.max=l.y.min+f}W(a,l),pt(a,c),Dt(this.projectionDeltaWithTransform,this.layoutCorrected,a,c)}}registerSharedNode(r,a){this.sharedNodes.has(r)||this.sharedNodes.set(r,new Wc),this.sharedNodes.get(r).add(a);const u=a.options.initialPromotionConfig;a.promote({transition:u?u.transition:void 0,preserveFollowOpacity:u&&u.shouldPreserveFollowOpacity?u.shouldPreserveFollowOpacity(a):void 0})}isLead(){const r=this.getStack();return r?r.lead===this:!0}getLead(){var a;const{layoutId:r}=this.options;return r?((a=this.getStack())==null?void 0:a.lead)||this:this}getPrevLead(){var a;const{layoutId:r}=this.options;return r?(a=this.getStack())==null?void 0:a.prevLead:void 0}getStack(){const{layoutId:r}=this.options;if(r)return this.root.sharedNodes.get(r)}promote({needsReset:r,transition:a,preserveFollowOpacity:l}={}){const u=this.getStack();u&&u.promote(this,l),r&&(this.projectionDelta=void 0,this.needsReset=!0),a&&this.setOptions({transition:a})}relegate(){const r=this.getStack();return r?r.relegate(this):!1}resetSkewAndRotation(){const{visualElement:r}=this.options;if(!r)return;let a=!1;const{latestValues:l}=r;if((l.z||l.rotate||l.rotateX||l.rotateY||l.rotateZ||l.skewX||l.skewY)&&(a=!0),!a)return;const u={};l.z&&Te("z",r,u,this.animationValues);for(let c=0;c<xe.length;c++)Te(`rotate${xe[c]}`,r,u,this.animationValues),Te(`skew${xe[c]}`,r,u,this.animationValues);r.render();for(const c in u)r.setStaticValue(c,u[c]),this.animationValues&&(this.animationValues[c]=u[c]);r.scheduleRender()}applyProjectionStyles(r,a){if(!this.instance||this.isSVG)return;if(!this.isVisible){r.visibility="hidden";return}const l=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,r.visibility="",r.opacity="",r.pointerEvents=Xt(a==null?void 0:a.pointerEvents)||"",r.transform=l?l(this.latestValues,""):"none";return}const u=this.getLead();if(!this.projectionDelta||!this.layout||!u.target){this.options.layoutId&&(r.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,r.pointerEvents=Xt(a==null?void 0:a.pointerEvents)||""),this.hasProjected&&!it(this.latestValues)&&(r.transform=l?l({},""):"none",this.hasProjected=!1);return}r.visibility="";const c=u.animationValues||u.latestValues;this.applyTransformsToTarget();let h=Uc(this.projectionDeltaWithTransform,this.treeScale,c);l&&(h=l(c,h)),r.transform=h;const{x:f,y:d}=this.projectionDelta;r.transformOrigin=`${f.origin*100}% ${d.origin*100}% 0`,u.animationValues?r.opacity=u===this?c.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:c.opacityExit:r.opacity=u===this?c.opacity!==void 0?c.opacity:"":c.opacityExit!==void 0?c.opacityExit:0;for(const m in Bt){if(c[m]===void 0)continue;const{correct:g,applyTo:v,isCSSVariable:p}=Bt[m],x=h==="none"?c[m]:g(c[m],u);if(v){const y=v.length;for(let S=0;S<y;S++)r[v[S]]=x}else p?this.options.visualElement.renderState.vars[m]=x:r[m]=x}this.options.layoutId&&(r.pointerEvents=u===this?Xt(a==null?void 0:a.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(r=>{var a;return(a=r.currentAnimation)==null?void 0:a.stop()}),this.root.nodes.forEach(Os),this.root.sharedNodes.clear()}}}function zc(t){t.updateLayout()}function Hc(t){var n;const e=((n=t.resumeFrom)==null?void 0:n.snapshot)||t.snapshot;if(t.isLead()&&t.layout&&e&&t.hasListeners("didUpdate")){const{layoutBox:s,measuredBox:i}=t.layout,{animationType:o}=t.options,r=e.source!==t.layout.source;o==="size"?U(h=>{const f=r?e.measuredBox[h]:e.layoutBox[h],d=F(f);f.min=s[h].min,f.max=f.min+d}):Er(o,e.layoutBox,s)&&U(h=>{const f=r?e.measuredBox[h]:e.layoutBox[h],d=F(s[h]);f.max=f.min+d,t.relativeTarget&&!t.currentAnimation&&(t.isProjectionDirty=!0,t.relativeTarget[h].max=t.relativeTarget[h].min+d)});const a=gt();Dt(a,s,e.layoutBox);const l=gt();r?Dt(l,t.applyTransform(i,!0),e.measuredBox):Dt(l,s,e.layoutBox);const u=!Vr(a);let c=!1;if(!t.resumeFrom){const h=t.getClosestProjectingParent();if(h&&!h.resumeFrom){const{snapshot:f,layout:d}=h;if(f&&d){const m=D();Et(m,e.layoutBox,f.layoutBox);const g=D();Et(g,s,d.layoutBox),Mr(m,g)||(c=!0),h.options.layoutRoot&&(t.relativeTarget=g,t.relativeTargetOrigin=m,t.relativeParent=h)}}}t.notifyListeners("didUpdate",{layout:s,snapshot:e,delta:l,layoutDelta:a,hasLayoutChanged:u,hasRelativeLayoutChanged:c})}else if(t.isLead()){const{onExitComplete:s}=t.options;s&&s()}t.options.transition=void 0}function Gc(t){t.parent&&(t.isProjecting()||(t.isProjectionDirty=t.parent.isProjectionDirty),t.isSharedProjectionDirty||(t.isSharedProjectionDirty=!!(t.isProjectionDirty||t.parent.isProjectionDirty||t.parent.isSharedProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=t.parent.isTransformDirty))}function _c(t){t.isProjectionDirty=t.isSharedProjectionDirty=t.isTransformDirty=!1}function Yc(t){t.clearSnapshot()}function Os(t){t.clearMeasurements()}function Is(t){t.isLayoutDirty=!1}function Xc(t){const{visualElement:e}=t.options;e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function js(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0,t.isProjectionDirty=!0}function qc(t){t.resolveTargetDelta()}function Zc(t){t.calcProjection()}function Jc(t){t.resetSkewAndRotation()}function Qc(t){t.removeLeadSnapshot()}function Ns(t,e,n){t.translate=C(e.translate,0,n),t.scale=C(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Ws(t,e,n,s){t.min=C(e.min,n.min,s),t.max=C(e.max,n.max,s)}function tu(t,e,n,s){Ws(t.x,e.x,n.x,s),Ws(t.y,e.y,n.y,s)}function eu(t){return t.animationValues&&t.animationValues.opacityExit!==void 0}const nu={duration:.45,ease:[.4,0,.1,1]},Us=t=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(t),Ks=Us("applewebkit/")&&!Us("chrome/")?Math.round:j;function $s(t){t.min=Ks(t.min),t.max=Ks(t.max)}function su(t){$s(t.x),$s(t.y)}function Er(t,e,n){return t==="position"||t==="preserve-aspect"&&!cc(Bs(e),Bs(n),.2)}function iu(t){var e;return t!==t.root&&((e=t.scroll)==null?void 0:e.wasRoot)}const ru=Dr({attachResizeListener:(t,e)=>Ot(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),we={current:void 0},Rr=Dr({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!we.current){const t=new ru({});t.mount(window),t.setOptions({layoutScroll:!0}),we.current=t}return we.current},resetTransform:(t,e)=>{t.style.transform=e!==void 0?e:"none"},checkIsScrollRoot:t=>window.getComputedStyle(t).position==="fixed"}),ou={pan:{Feature:Sc},drag:{Feature:Pc,ProjectionNode:Rr,MeasureLayout:Pr}};function zs(t,e,n){const{props:s}=t;t.animationState&&s.whileHover&&t.animationState.setActive("whileHover",n==="Start");const i="onHover"+n,o=s[i];o&&A.postRender(()=>o(e,Wt(e)))}class au extends nt{mount(){const{current:e}=this.node;e&&(this.unmount=ba(e,(n,s)=>(zs(this.node,s,"Start"),i=>zs(this.node,i,"End"))))}unmount(){}}class lu extends nt{constructor(){super(...arguments),this.isActive=!1}onFocus(){let e=!1;try{e=this.node.current.matches(":focus-visible")}catch{e=!0}!e||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=It(Ot(this.node.current,"focus",()=>this.onFocus()),Ot(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function Hs(t,e,n){const{props:s}=t;if(t.current instanceof HTMLButtonElement&&t.current.disabled)return;t.animationState&&s.whileTap&&t.animationState.setActive("whileTap",n==="Start");const i="onTap"+(n==="End"?"":n),o=s[i];o&&A.postRender(()=>o(e,Wt(e)))}class cu extends nt{mount(){const{current:e}=this.node;e&&(this.unmount=Va(e,(n,s)=>(Hs(this.node,s,"Start"),(i,{success:o})=>Hs(this.node,i,o?"End":"Cancel")),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}}const He=new WeakMap,be=new WeakMap,uu=t=>{const e=He.get(t.target);e&&e(t)},hu=t=>{t.forEach(uu)};function fu({root:t,...e}){const n=t||document;be.has(n)||be.set(n,{});const s=be.get(n),i=JSON.stringify(e);return s[i]||(s[i]=new IntersectionObserver(hu,{root:t,...e})),s[i]}function du(t,e,n){const s=fu(e);return He.set(t,n),s.observe(t),()=>{He.delete(t),s.unobserve(t)}}const mu={some:0,all:1};class pu extends nt{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:e={}}=this.node.getProps(),{root:n,margin:s,amount:i="some",once:o}=e,r={root:n?n.current:void 0,rootMargin:s,threshold:typeof i=="number"?i:mu[i]},a=l=>{const{isIntersecting:u}=l;if(this.isInView===u||(this.isInView=u,o&&!u&&this.hasEnteredView))return;u&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",u);const{onViewportEnter:c,onViewportLeave:h}=this.node.getProps(),f=u?c:h;f&&f(l)};return du(this.node.current,r,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:e,prevProps:n}=this.node;["amount","margin","root"].some(gu(e,n))&&this.startObserver()}unmount(){}}function gu({viewport:t={}},{viewport:e={}}={}){return n=>t[n]!==e[n]}const yu={inView:{Feature:pu},tap:{Feature:cu},focus:{Feature:lu},hover:{Feature:au}},vu={layout:{ProjectionNode:Rr,MeasureLayout:Pr}},xu={...sc,...yu,...ou,...vu},Tu=vl(xu,Rl),wu=50,Gs=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),bu=()=>({time:0,x:Gs(),y:Gs()}),Pu={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function _s(t,e,n,s){const i=n[e],{length:o,position:r}=Pu[e],a=i.current,l=n.time;i.current=t[`scroll${r}`],i.scrollLength=t[`scroll${o}`]-t[`client${o}`],i.offset.length=0,i.offset[0]=0,i.offset[1]=i.scrollLength,i.progress=yt(0,i.scrollLength,i.current);const u=s-l;i.velocity=u>wu?0:tn(i.current-a,u)}function Su(t,e,n){_s(t,"x",e,n),_s(t,"y",e,n),e.time=n}function Au(t,e){const n={x:0,y:0};let s=t;for(;s&&s!==e;)if(Ui(s))n.x+=s.offsetLeft,n.y+=s.offsetTop,s=s.offsetParent;else if(s.tagName==="svg"){const i=s.getBoundingClientRect();s=s.parentElement;const o=s.getBoundingClientRect();n.x+=i.left-o.left,n.y+=i.top-o.top}else if(s instanceof SVGGraphicsElement){const{x:i,y:o}=s.getBBox();n.x+=i,n.y+=o;let r=null,a=s.parentNode;for(;!r;)a.tagName==="svg"&&(r=a),a=s.parentNode;s=r}else break;return n}const Ge={start:0,center:.5,end:1};function Ys(t,e,n=0){let s=0;if(t in Ge&&(t=Ge[t]),typeof t=="string"){const i=parseFloat(t);t.endsWith("px")?s=i:t.endsWith("%")?t=i/100:t.endsWith("vw")?s=i/100*document.documentElement.clientWidth:t.endsWith("vh")?s=i/100*document.documentElement.clientHeight:t=i}return typeof t=="number"&&(s=e*t),n+s}const Vu=[0,0];function Mu(t,e,n,s){let i=Array.isArray(t)?t:Vu,o=0,r=0;return typeof t=="number"?i=[t,t]:typeof t=="string"&&(t=t.trim(),t.includes(" ")?i=t.split(" "):i=[t,Ge[t]?t:"0"]),o=Ys(i[0],n,s),r=Ys(i[1],e),o-r}const Cu={All:[[0,0],[1,1]]},Du={x:0,y:0};function Eu(t){return"getBBox"in t&&t.tagName!=="svg"?t.getBBox():{width:t.clientWidth,height:t.clientHeight}}function Ru(t,e,n){const{offset:s=Cu.All}=n,{target:i=t,axis:o="y"}=n,r=o==="y"?"height":"width",a=i!==t?Au(i,t):Du,l=i===t?{width:t.scrollWidth,height:t.scrollHeight}:Eu(i),u={width:t.clientWidth,height:t.clientHeight};e[o].offset.length=0;let c=!e[o].interpolate;const h=s.length;for(let f=0;f<h;f++){const d=Mu(s[f],u[r],l[r],a[o]);!c&&d!==e[o].interpolatorOffsets[f]&&(c=!0),e[o].offset[f]=d}c&&(e[o].interpolate=un(e[o].offset,Si(s),{clamp:!1}),e[o].interpolatorOffsets=[...e[o].offset]),e[o].progress=q(0,1,e[o].interpolate(e[o].current))}function Lu(t,e=t,n){if(n.x.targetOffset=0,n.y.targetOffset=0,e!==t){let s=e;for(;s&&s!==t;)n.x.targetOffset+=s.offsetLeft,n.y.targetOffset+=s.offsetTop,s=s.offsetParent}n.x.targetLength=e===t?e.scrollWidth:e.clientWidth,n.y.targetLength=e===t?e.scrollHeight:e.clientHeight,n.x.containerLength=t.clientWidth,n.y.containerLength=t.clientHeight,process.env.NODE_ENV!=="production"&&t&&e&&e!==t&&se(getComputedStyle(t).position!=="static","Please ensure that the container has a non-static position, like 'relative', 'fixed', or 'absolute' to ensure scroll offset is calculated correctly.")}function ku(t,e,n,s={}){return{measure:i=>{Lu(t,s.target,n),Su(t,n,i),(s.offset||s.target)&&Ru(t,n,s)},notify:()=>e(n)}}const St=new WeakMap,Xs=new WeakMap,Pe=new WeakMap,qs=t=>t===document.scrollingElement?window:t;function Lr(t,{container:e=document.scrollingElement,...n}={}){if(!e)return j;let s=Pe.get(e);s||(s=new Set,Pe.set(e,s));const i=bu(),o=ku(e,t,i,n);if(s.add(o),!St.has(e)){const a=()=>{for(const h of s)h.measure(L.timestamp);A.preUpdate(l)},l=()=>{for(const h of s)h.notify()},u=()=>A.read(a);St.set(e,u);const c=qs(e);window.addEventListener("resize",u,{passive:!0}),e!==document.documentElement&&Xs.set(e,Fa(e,u)),c.addEventListener("scroll",u,{passive:!0}),u()}const r=St.get(e);return A.read(r,!1,!0),()=>{var u;G(r);const a=Pe.get(e);if(!a||(a.delete(o),a.size))return;const l=St.get(e);St.delete(e),l&&(qs(e).removeEventListener("scroll",l),(u=Xs.get(e))==null||u(),window.removeEventListener("resize",l))}}const Zs=new Map;function Bu(t){const e={value:0},n=Lr(s=>{e.value=s[t.axis].progress*100},t);return{currentTime:e,cancel:n}}function kr({source:t,container:e,...n}){const{axis:s}=n;t&&(e=t);const i=Zs.get(e)??new Map;Zs.set(e,i);const o=n.target??"self",r=i.get(o)??{},a=s+(n.offset??[]).join(",");return r[a]||(r[a]=!n.target&&Ci()?new ScrollTimeline({source:e,axis:s}):Bu({container:e,...n})),r[a]}function Fu(t,e){const n=kr(e);return t.attachTimeline({timeline:e.target?void 0:n,observe:s=>(s.pause(),Gi(i=>{s.time=s.duration*i},n))})}function Ou(t){return t.length===2}function Iu(t,e){return Ou(t)?Lr(n=>{t(n[e.axis].progress,n)},e):Gi(t,kr(e))}function ju(t,{axis:e="y",container:n=document.scrollingElement,...s}={}){if(!n)return j;const i={axis:e,container:n,...s};return typeof t=="function"?Iu(t,i):Fu(t,i)}const Nu=()=>({scrollX:$(0),scrollY:$(0),scrollXProgress:$(0),scrollYProgress:$(0)}),zt=t=>t?!t.current:!1;function Wu({container:t,target:e,...n}={}){const s=ne(Nu),i=T.useRef(null),o=T.useRef(!1),r=T.useCallback(()=>(i.current=ju((a,{x:l,y:u})=>{s.scrollX.set(l.current),s.scrollXProgress.set(l.progress),s.scrollY.set(u.current),s.scrollYProgress.set(u.progress)},{...n,container:(t==null?void 0:t.current)||void 0,target:(e==null?void 0:e.current)||void 0}),()=>{var a;(a=i.current)==null||a.call(i)}),[t,e,JSON.stringify(n.offset)]);return Ye(()=>{if(o.current=!1,zt(t)||zt(e)){o.current=!0;return}else return r()},[r]),T.useEffect(()=>{if(o.current)return H(!zt(t),"Container ref is defined but not hydrated","use-scroll-ref"),H(!zt(e),"Target ref is defined but not hydrated","use-scroll-ref"),r()},[r]),s}function Uu(t){const e=ne(()=>$(t)),{isStatic:n}=T.useContext(Tn);if(n){const[,s]=T.useState(t);T.useEffect(()=>e.on("change",s),[])}return e}function Br(t,e){const n=Uu(e()),s=()=>n.set(e());return s(),Ye(()=>{const i=()=>A.preRender(s,!1,!0),o=t.map(r=>r.on("change",i));return()=>{o.forEach(r=>r()),G(s)}}),n}function Ku(t){Mt.current=[],t();const e=Br(Mt.current,t);return Mt.current=void 0,e}function $u(t,e,n,s){if(typeof t=="function")return Ku(t);const i=typeof e=="function"?e:Ia(e,n,s);return Array.isArray(t)?Js(t,i):Js([t],([o])=>i(o))}function Js(t,e){const n=ne(()=>[]);return Br(t,()=>{n.length=0;const s=t.length;for(let i=0;i<s;i++)n[i]=t[i].get();return e(n)})}const zu=({children:t,className:e})=>{const n=T.useRef(null),{scrollYProgress:s}=Wu({target:n});if(typeof t!="string")throw new Error("TextReveal: children must be a string");const i=t.split(" ");return _.jsx("div",{ref:n,className:Or.cn("z-0 relative h-[200vh]",e),children:_.jsx("div",{className:"sticky top-0 mx-auto flex h-[50%] max-w-4xl items-center bg-transparent px-[1rem] py-[5rem]",children:_.jsx("span",{ref:n,className:"flex flex-wrap p-5 text-2xl font-bold text-black/20 dark:text-white/20 md:p-8 md:text-3xl lg:p-10 lg:text-4xl xl:text-5xl",children:i.map((o,r)=>{const a=r/i.length,l=a+1/i.length;return _.jsx(Hu,{progress:s,range:[a,l],children:o},r)})})})})},Hu=({children:t,progress:e,range:n})=>{const s=$u(e,n,[0,1]);return _.jsxs("span",{className:"relative mx-1 lg:mx-1.5",children:[_.jsx("span",{className:"absolute opacity-30",children:t}),_.jsx(Tu.span,{style:{opacity:s},className:"text-black dark:text-white",children:t})]})};exports.TextReveal=zu;