motion 10.11.2 → 10.12.0

package/dist/size-index.js

@@ -1 +1 @@
-class t{setAnimation(t){this.animation=t,null==t||t.finished.then((()=>this.clearAnimation())).catch((()=>{}))}clearAnimation(){this.animation=this.generator=void 0}}const e=new WeakMap;function n(t){return e.has(t)||e.set(t,{transforms:[],values:new Map}),e.get(t)}function a(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}const r={duration:.3,delay:0,endDelay:0,repeat:0,easing:"ease"},i=t=>"number"==typeof t,s=t=>"string"==typeof t,o=t=>"object"==typeof t&&Boolean(t.createAnimation),c=t=>Array.isArray(t)&&!i(t[0]),l=(t,e,n)=>-n*t+n*e+t,u=()=>{},h=t=>t,f=(t,e,n)=>e-t==0?1:(n-t)/(e-t);function d(t,e){const n=t[t.length-1];for(let a=1;a<=e;a++){const r=f(0,e,a);t.push(l(n,1,r))}}function p(t){const e=[0];return d(e,t-1),e}const m=t=>1e3*t,g=t=>t/1e3;const y=["","X","Y","Z"],v={x:"translateX",y:"translateY",z:"translateZ"},b={syntax:"<angle>",initialValue:"0deg",toDefaultUnit:t=>t+"deg"},w={translate:{syntax:"<length-percentage>",initialValue:"0px",toDefaultUnit:t=>t+"px"},rotate:b,scale:{syntax:"<number>",initialValue:1,toDefaultUnit:h},skew:b},M=new Map,O=t=>`--motion-${t}`,T=["x","y","z"];["translate","scale","rotate","skew"].forEach((t=>{y.forEach((e=>{T.push(t+e),M.set(O(t+e),w[t])}))}));const S=(t,e)=>T.indexOf(t)-T.indexOf(e),x=new Set(T),A=t=>x.has(t),k=t=>t.sort(S).reduce(D,"").trim(),D=(t,e)=>`${t} ${e}(var(${O(e)}))`,j=t=>t.startsWith("--"),R=new Set;const E=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t;function P(t,e,n,a){if(t===e&&n===a)return h;const r=e=>function(t,e,n,a,r){let i,s,o=0;do{s=e+(n-e)/2,i=E(s,a,r)-t,i>0?n=s:e=s}while(Math.abs(i)>1e-7&&++o<12);return s}(e,0,1,t,n);return t=>0===t||1===t?t:E(r(t),e,a)}const $=(t,e="end")=>n=>{const a=(n="end"===e?Math.min(n,.999):Math.max(n,.001))*t,r="end"===e?Math.floor(a):Math.ceil(a);return i=0,s=1,o=r/t,Math.min(Math.max(o,i),s);var i,s,o},q={ease:P(.25,.1,.25,1),"ease-in":P(.42,0,1,1),"ease-in-out":P(.42,0,.58,1),"ease-out":P(0,0,.58,1)},V=/\((.*?)\)/;function I(t){if("function"==typeof t)return t;if(Array.isArray(t))return P(...t);if(q[t])return q[t];if(t.startsWith("steps")){const e=V.exec(t);if(e){const t=e[1].split(",");return $(parseFloat(t[0]),t[1].trim())}}return h}function F(t,e){return c(t)?t[((t,e,n)=>{const a=e-t;return((n-t)%a+a)%a+t})(0,t.length,e)]:t}function W(t,e=p(t.length),n=h){const a=t.length,r=a-e.length;return r>0&&d(e,r),r=>{let i=0;for(;i<a-2&&!(r<e[i+1]);i++);let s=(o=f(e[i],e[i+1],r),Math.min(1,Math.max(o,0)));var o;return s=F(n,i)(s),l(t[i],t[i+1],s)}}class U{constructor(t,e=[0,1],{easing:n=r.easing,duration:a=r.duration,delay:i=r.delay,endDelay:s=r.endDelay,repeat:l=r.repeat,offset:u,direction:f="normal"}={}){if(this.startTime=null,this.rate=1,this.t=0,this.cancelTimestamp=null,this.playState="idle",this.finished=new Promise(((t,e)=>{this.resolve=t,this.reject=e})),o(n)){const t=n.createAnimation(e,(()=>"0"),!0);n=t.easing,void 0!==t.keyframes&&(e=t.keyframes),void 0!==t.duration&&(a=t.duration)}const d=c(n)?h:I(n),p=a*(l+1),m=W(e,u,c(n)?n.map(I):h);this.tick=e=>{var n;this.pauseTime&&(e=this.pauseTime);let r=(e-this.startTime)*this.rate;this.t=r,r/=1e3,r=Math.max(r-i,0),"finished"===this.playState&&(r=p);const o=r/a;let c=Math.floor(o),l=o%1;!l&&o>=1&&(l=1),1===l&&c--;const u=c%2;("reverse"===f||"alternate"===f&&u||"alternate-reverse"===f&&!u)&&(l=1-l);const h=r>=p?1:Math.min(l,1),g=m(d(h));t(g);"finished"===this.playState||r>=p+s?(this.playState="finished",null===(n=this.resolve)||void 0===n||n.call(this,g)):"idle"!==this.playState&&(this.frameRequestId=requestAnimationFrame(this.tick))},this.play()}play(){var t;const e=performance.now();this.playState="running",this.pauseTime?this.startTime=e-(this.pauseTime-(null!==(t=this.startTime)&&void 0!==t?t:0)):this.startTime||(this.startTime=e),this.cancelTimestamp=this.startTime,this.pauseTime=void 0,requestAnimationFrame(this.tick)}pause(){this.playState="paused",this.pauseTime=performance.now()}finish(){this.playState="finished",this.tick(0)}stop(){var t;this.playState="idle",void 0!==this.frameRequestId&&cancelAnimationFrame(this.frameRequestId),null===(t=this.reject)||void 0===t||t.call(this,!1)}cancel(){this.stop(),this.tick(this.cancelTimestamp)}reverse(){this.rate*=-1}commitStyles(){}get currentTime(){return this.t}set currentTime(t){this.pauseTime||0===this.rate?this.pauseTime=t:this.startTime=performance.now()-t/this.rate}get playbackRate(){return this.rate}set playbackRate(t){this.rate=t}}const _=t=>(t=>Array.isArray(t)&&i(t[0]))(t)?B(t):t,B=([t,e,n,a])=>`cubic-bezier(${t}, ${e}, ${n}, ${a})`,C=t=>document.createElement("div").animate(t,{duration:.001}),z={cssRegisterProperty:()=>"undefined"!=typeof CSS&&Object.hasOwnProperty.call(CSS,"registerProperty"),waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate"),partialKeyframes:()=>{try{C({opacity:[1]})}catch(t){return!1}return!0},finished:()=>Boolean(C({opacity:[0,1]}).finished)},N={},K={};for(const t in z)K[t]=()=>(void 0===N[t]&&(N[t]=z[t]()),N[t]);const X=t=>Array.isArray(t)?t:[t];function Y(t){return v[t]&&(t=v[t]),A(t)?O(t):t}const Z={get:(t,e)=>{e=Y(e);let n=j(e)?t.style.getPropertyValue(e):getComputedStyle(t)[e];if(!n&&0!==n){const t=M.get(e);t&&(n=t.initialValue)}return n},set:(t,e,n)=>{e=Y(e),j(e)?t.style.setProperty(e,n):t.style[e]=n}};function L(t,e=!0){if(t&&"finished"!==t.playState)try{t.stop?t.stop():(e&&t.commitStyles(),t.cancel())}catch(t){}}function G(e,a,s,l={}){const h=window.__MOTION_DEV_TOOLS_RECORD,f=!1!==l.record&&h;let d,{duration:p=r.duration,delay:g=r.delay,endDelay:y=r.endDelay,repeat:b=r.repeat,easing:w=r.easing,direction:O,offset:T,allowWebkitAcceleration:S=!1}=l;const x=n(e);let D=K.waapi();const E=A(a);E&&((t,e)=>{v[e]&&(e=v[e]);const{transforms:a}=n(t);var r,i;i=e,-1===(r=a).indexOf(i)&&r.push(i),t.style.transform=k(a)})(e,a);const P=Y(a),$=function(e,n){return e.has(n)||e.set(n,new t),e.get(n)}(x.values,P),q=M.get(P);return L($.animation,!(o(w)&&$.generator)&&!1!==l.record),()=>{const t=()=>{var t,n;return null!==(n=null!==(t=Z.get(e,P))&&void 0!==t?t:null==q?void 0:q.initialValue)&&void 0!==n?n:0};let n=function(t,e){for(let n=0;n<t.length;n++)null===t[n]&&(t[n]=n?t[n-1]:e());return t}(X(s),t);if(o(w)){const e=w.createAnimation(n,t,E,P,$);w=e.easing,void 0!==e.keyframes&&(n=e.keyframes),void 0!==e.duration&&(p=e.duration)}if(j(P)&&(K.cssRegisterProperty()?function(t){if(!R.has(t)){R.add(t);try{const{syntax:e,initialValue:n}=M.has(t)?M.get(t):{};CSS.registerProperty({name:t,inherits:!1,syntax:e,initialValue:n})}catch(t){}}}(P):D=!1),D){q&&(n=n.map((t=>i(t)?q.toDefaultUnit(t):t))),1!==n.length||K.partialKeyframes()&&!f||n.unshift(t());const a={delay:m(g),duration:m(p),endDelay:m(y),easing:c(w)?void 0:_(w),direction:O,iterations:b+1,fill:"both"};d=e.animate({[P]:n,offset:T,easing:c(w)?w.map(_):void 0},a),d.finished||(d.finished=new Promise(((t,e)=>{d.onfinish=t,d.oncancel=e})));const r=n[n.length-1];d.finished.then((()=>{Z.set(e,P,r),d.cancel()})).catch(u),S||(d.playbackRate=1.000001)}else if(E){n=n.map((t=>"string"==typeof t?parseFloat(t):t)),1===n.length&&n.unshift(parseFloat(t()));d=new U((t=>{q&&(t=q.toDefaultUnit(t)),Z.set(e,P,t)}),n,Object.assign(Object.assign({},l),{duration:p,easing:w}))}else{const t=n[n.length-1];Z.set(e,P,q&&i(t)?q.toDefaultUnit(t):t)}return f&&h(e,a,n,{duration:p,delay:g,easing:w,repeat:b,offset:T},"motion-one"),$.setAnimation(d),d}}const H=(t,e)=>t[e]?Object.assign(Object.assign({},t),t[e]):Object.assign({},t);function J(t,e){var n;return"string"==typeof t?e?(null!==(n=e[t])&&void 0!==n||(e[t]=document.querySelectorAll(t)),t=e[t]):t=document.querySelectorAll(t):t instanceof Element&&(t=[t]),Array.from(t||[])}const Q=t=>t(),tt=(t,e=r.duration)=>new Proxy({animations:t.map(Q).filter(Boolean),duration:e},et),et={get:(t,e)=>{const n=t.animations[0];switch(e){case"duration":return t.duration;case"currentTime":let a=(null==n?void 0:n[e])||0;return a?a/1e3:0;case"playbackRate":case"playState":return null==n?void 0:n[e];case"finished":return t.finished||(t.finished=Promise.all(t.animations.map(nt)).catch(u)),t.finished;case"stop":return()=>t.animations.forEach((t=>L(t)));default:return void 0===(null==n?void 0:n[e])?void 0:()=>t.animations.forEach((t=>t[e]()))}},set:(t,e,n)=>{switch(e){case"currentTime":n=m(n);case"currentTime":case"playbackRate":for(let a=0;a<t.animations.length;a++)t.animations[a][e]=n;return!0}return!1}},nt=t=>t.finished;function at(t=.1,{start:e=0,from:n=0,easing:a}={}){return(r,s)=>{const o=i(n)?n:function(t,e){if("first"===t)return 0;{const n=e-1;return"last"===t?n:n/2}}(n,s),c=Math.abs(o-r);let l=t*c;if(a){const e=s*t;l=I(a)(l/e)*e}return e+l}}function rt(t,e,n){return"function"==typeof t?t(e,n):t}function it(t,e,n={}){const a=(t=J(t)).length,r=[];for(let i=0;i<a;i++){const s=t[i];for(const t in e){const o=H(n,t);o.delay=rt(o.delay,i,a);const c=G(s,t,e[t],o);r.push(c)}}return tt(r,n.duration)}var st=function(){};function ot(t,e,n,a){var r;return i(e)?e:e.startsWith("-")||e.startsWith("+")?Math.max(0,t+parseFloat(e)):"<"===e?n:null!==(r=a.get(e))&&void 0!==r?r:t}function ct(t,e,n,r,i,s){!function(t,e,n){for(let r=0;r<t.length;r++){const i=t[r];i.at>e&&i.at<n&&(a(t,i),r--)}}(t,i,s);for(let a=0;a<e.length;a++)t.push({value:e[a],at:l(i,s,r[a]),easing:F(n,a)})}function lt(t,e){return t.at===e.at?null===t.value?1:-1:t.at-e.at}function ut(t,e={}){var n;const a=function(t,e={}){var{defaultOptions:n={}}=e,a=function(t,e){var n={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(n[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(t);r<a.length;r++)e.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(t,a[r])&&(n[a[r]]=t[a[r]])}return n}(e,["defaultOptions"]);const i=[],c=new Map,l={},u=new Map;let h=0,m=0,g=0;for(let e=0;e<t.length;e++){const a=t[e];if(s(a)){u.set(a,m);continue}if(!Array.isArray(a)){u.set(a.name,ot(m,a.at,h,u));continue}const[i,f,y={}]=a;void 0!==y.at&&(m=ot(m,y.at,h,u));let v=0;const b=J(i,l),w=b.length;for(let t=0;t<w;t++){const e=ht(b[t],c);for(const a in f){const i=ft(a,e);let s=X(f[a]);const c=H(y,a);let{duration:l=n.duration||r.duration,easing:u=n.easing||r.easing}=c;if(o(u)){const t=A(a);st(2===s.length||!t,"spring must be provided 2 keyframes within timeline");const e=u.createAnimation(s,(()=>"0"),t);u=e.easing,void 0!==e.keyframes&&(s=e.keyframes),void 0!==e.duration&&(l=e.duration)}const h=rt(y.delay,t,w)||0,b=m+h,M=b+l;let{offset:O=p(s.length)}=c;1===O.length&&0===O[0]&&(O[1]=1);const T=length-s.length;T>0&&d(O,T),1===s.length&&s.unshift(null),ct(i,s,u,O,b,M),v=Math.max(h+l,v),g=Math.max(M,g)}}h=m,m+=v}return c.forEach(((t,e)=>{for(const s in t){const o=t[s];o.sort(lt);const c=[],l=[],u=[];for(let t=0;t<o.length;t++){const{at:e,value:n,easing:a}=o[t];c.push(n),l.push(f(0,g,e)),u.push(a||r.easing)}0!==l[0]&&(l.unshift(0),c.unshift(c[0]),u.unshift("linear")),1!==l[l.length-1]&&(l.push(1),c.push(null)),i.push([e,s,c,Object.assign(Object.assign(Object.assign({},n),{duration:g,easing:u,offset:l}),a)])}})),i}(t,e),i=a.map((t=>G(...t))).filter(Boolean);return tt(i,null===(n=a[0])||void 0===n?void 0:n[3].duration)}function ht(t,e){return!e.has(t)&&e.set(t,{}),e.get(t)}function ft(t,e){return e[t]||(e[t]=[]),e[t]}"production"!==process.env.NODE_ENV&&(st=function(t,e){if(!t)throw new Error(e)});function dt(t,e,n){const a=Math.max(e-5,0);return r=n-t(a),(i=e-a)?r*(1e3/i):0;var r,i}const pt=100,mt=10,gt=1;const yt=({stiffness:t=pt,damping:e=mt,mass:n=gt,from:a=0,to:r=1,velocity:i=0,restSpeed:s=2,restDistance:o=.5}={})=>{i=i?g(i):0;const c={done:!1,hasReachedTarget:!1,current:a,target:r},l=r-a,u=Math.sqrt(t/n)/1e3,h=((t=pt,e=mt,n=gt)=>e/(2*Math.sqrt(t*n)))(t,e,n);let f;if(h<1){const t=u*Math.sqrt(1-h*h);f=e=>r-Math.exp(-h*u*e)*((h*u*l-i)/t*Math.sin(t*e)+l*Math.cos(t*e))}else f=t=>r-Math.exp(-u*t)*(l+(u*l-i)*t);return t=>{c.current=f(t);const e=0===t?i:dt(f,t,c.current),n=Math.abs(e)<=s,l=Math.abs(r-c.current)<=o;var u,h,d;return c.done=n&&l,c.hasReachedTarget=(u=a,h=r,d=c.current,u<h&&d>=h||u>h&&d<=h),c}};function vt(t){const e=new WeakMap;return(n={})=>{const a=new Map,r=(e=0,r=100,i=0,s=!1)=>{const o=`${e}-${r}-${i}-${s}`;return a.has(o)||a.set(o,t(Object.assign({from:e,to:r,velocity:i,restSpeed:s?.05:2,restDistance:s?.01:.5},n))),a.get(o)},i=t=>(e.has(t)||e.set(t,function(t){let e,n=10,a=t(0);const r=[a.current];for(;!a.done&&n<1e4;)a=t(n),r.push(a.done?a.target:a.current),void 0===e&&a.hasReachedTarget&&(e=n),n+=10;const i=n-10;return 1===r.length&&r.push(a.current),{keyframes:r,duration:i/1e3,overshootDuration:(null!=e?e:i)/1e3}}(t)),e.get(t));return{createAnimation:(t,e,n,a,s)=>{var o,c;let l;const u=t.length;if(n&&u<=2&&t.every(bt)){const n=t[u-1],h=1===u?null:t[0];let f=0,d=0;const p=null==s?void 0:s.generator;if(p){const{animation:e,generatorStartTime:n}=s,a=(null==e?void 0:e.startTime)||n||0,r=(null==e?void 0:e.currentTime)||performance.now()-a,i=p(r).current;d=null!==(o=h)&&void 0!==o?o:i,(1===u||2===u&&null===t[0])&&(f=dt((t=>p(t).current),r,i))}else d=null!==(c=h)&&void 0!==c?c:parseFloat(e());const m=r(d,n,f,null==a?void 0:a.includes("scale")),g=i(m);l=Object.assign(Object.assign({},g),{easing:"linear"}),s&&(s.generator=m,s.generatorStartTime=performance.now())}else{l={easing:"ease",duration:i(r(0,100)).overshootDuration}}return l}}}}const bt=t=>"string"!=typeof t,wt=vt(yt),Mt=vt((({from:t=0,velocity:e=0,power:n=.8,decay:a=.325,bounceDamping:r,bounceStiffness:i,changeTarget:s,min:o,max:c,restDistance:l=.5,restSpeed:u})=>{a=m(a);const h={hasReachedTarget:!1,done:!1,current:t,target:t},f=t=>void 0===o?c:void 0===c||Math.abs(o-t)<Math.abs(c-t)?o:c;let d=n*e;const p=t+d,g=void 0===s?p:s(p);h.target=g,g!==p&&(d=g-t);const y=t=>-d*Math.exp(-t/a),v=t=>g+y(t),b=t=>{const e=y(t),n=v(t);h.done=Math.abs(e)<=l,h.current=h.done?g:n};let w,M;const O=t=>{var e;(e=h.current,void 0!==o&&e<o||void 0!==c&&e>c)&&(w=t,M=yt({from:h.current,to:f(h.current),velocity:dt(v,t,h.current),damping:r,stiffness:i,restDistance:l,restSpeed:u}))};return O(0),t=>{let e=!1;return M||void 0!==w||(e=!0,b(t),O(t)),void 0!==w&&t>w?(h.hasReachedTarget=!0,M(t-w)):(h.hasReachedTarget=!1,!e&&b(t),h)}})),Ot={any:0,all:1};function Tt(t,e,{root:n,margin:a,amount:r="any"}={}){if("undefined"==typeof IntersectionObserver)return()=>{};const i=J(t),s=new WeakMap,o=new IntersectionObserver((t=>{t.forEach((t=>{const n=s.get(t.target);if(t.isIntersecting!==Boolean(n))if(t.isIntersecting){const n=e(t);"function"==typeof n?s.set(t.target,n):o.unobserve(t.target)}else n&&(n(t),s.delete(t.target))}))}),{root:n,rootMargin:a,threshold:"number"==typeof r?r:Ot[r]});return i.forEach((t=>o.observe(t))),()=>o.disconnect()}function St(t,e){return tt([()=>{const n=new U(t,[0,1],e);return n.finished.catch((()=>{})),n}],null==e?void 0:e.duration)}function xt(t,e,n){return("function"==typeof t?St:it)(t,e,n)}export{t as MotionValue,xt as animate,Mt as glide,Tt as inView,wt as spring,at as stagger,Z as style,ut as timeline};
+class t{setAnimation(t){this.animation=t,null==t||t.finished.then((()=>this.clearAnimation())).catch((()=>{}))}clearAnimation(){this.animation=this.generator=void 0}}const e=new WeakMap;function n(t){return e.has(t)||e.set(t,{transforms:[],values:new Map}),e.get(t)}function i(t,e){-1===t.indexOf(e)&&t.push(e)}function r(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}const o=(t,e,n)=>Math.min(Math.max(n,t),e),s={duration:.3,delay:0,endDelay:0,repeat:0,easing:"ease"},a=t=>"number"==typeof t,c=t=>"string"==typeof t,l=t=>"object"==typeof t&&Boolean(t.createAnimation),u=t=>Array.isArray(t)&&!a(t[0]);function f(t,e){return u(t)?t[((t,e,n)=>{const i=e-t;return((n-t)%i+i)%i+t})(0,t.length,e)]:t}const h=(t,e,n)=>-n*t+n*e+t,d=()=>{},p=t=>t,g=(t,e,n)=>e-t==0?1:(n-t)/(e-t);function m(t,e){const n=t[t.length-1];for(let i=1;i<=e;i++){const r=g(0,e,i);t.push(h(n,1,r))}}function v(t){const e=[0];return m(e,t-1),e}function y(t,e=v(t.length),n=p){const i=t.length,r=i-e.length;return r>0&&m(e,r),r=>{let s=0;for(;s<i-2&&!(r<e[s+1]);s++);let a=o(0,1,g(e[s],e[s+1],r));return a=f(n,s)(a),h(t[s],t[s+1],a)}}const w=t=>1e3*t,b=t=>t/1e3;function E(t,e){return e?t*(1e3/e):0}const O=["","X","Y","Z"],x={x:"translateX",y:"translateY",z:"translateZ"},A={syntax:"<angle>",initialValue:"0deg",toDefaultUnit:t=>t+"deg"},T={translate:{syntax:"<length-percentage>",initialValue:"0px",toDefaultUnit:t=>t+"px"},rotate:A,scale:{syntax:"<number>",initialValue:1,toDefaultUnit:p},skew:A},M=new Map,S=t=>`--motion-${t}`,D=["x","y","z"];["translate","scale","rotate","skew"].forEach((t=>{O.forEach((e=>{D.push(t+e),M.set(S(t+e),T[t])}))}));const k=(t,e)=>D.indexOf(t)-D.indexOf(e),L=new Set(D),W=t=>L.has(t),j=t=>t.sort(k).reduce(R,"").trim(),R=(t,e)=>`${t} ${e}(var(${S(e)}))`,B=t=>t.startsWith("--"),z=new Set;const P=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t;function V(t,e,n,i){if(t===e&&n===i)return p;const r=e=>function(t,e,n,i,r){let o,s,a=0;do{s=e+(n-e)/2,o=P(s,i,r)-t,o>0?n=s:e=s}while(Math.abs(o)>1e-7&&++a<12);return s}(e,0,1,t,n);return t=>0===t||1===t?t:P(r(t),e,i)}const $={ease:V(.25,.1,.25,1),"ease-in":V(.42,0,1,1),"ease-in-out":V(.42,0,.58,1),"ease-out":V(0,0,.58,1)},q=/\((.*?)\)/;function F(t){if("function"==typeof t)return t;if(Array.isArray(t))return V(...t);if($[t])return $[t];if(t.startsWith("steps")){const e=q.exec(t);if(e){const t=e[1].split(",");return((t,e="end")=>n=>{const i=(n="end"===e?Math.min(n,.999):Math.max(n,.001))*t,r="end"===e?Math.floor(i):Math.ceil(i);return o(0,1,r/t)})(parseFloat(t[0]),t[1].trim())}}return p}class C{constructor(t,e=[0,1],{easing:n,duration:i=s.duration,delay:r=s.delay,endDelay:o=s.endDelay,repeat:a=s.repeat,offset:c,direction:f="normal"}={}){if(this.startTime=null,this.rate=1,this.t=0,this.cancelTimestamp=null,this.easing=p,this.duration=0,this.totalDuration=0,this.repeat=0,this.playState="idle",this.finished=new Promise(((t,e)=>{this.resolve=t,this.reject=e})),n=n||s.easing,l(n)){const t=n.createAnimation(e,(()=>"0"),!0);n=t.easing,void 0!==t.keyframes&&(e=t.keyframes),void 0!==t.duration&&(i=t.duration)}this.repeat=a,this.easing=u(n)?p:F(n),this.updateDuration(i);const h=y(e,c,u(n)?n.map(F):p);this.tick=e=>{var n;let i=0;i=void 0!==this.pauseTime?this.pauseTime:(e-this.startTime)*this.rate,this.t=i,i/=1e3,i=Math.max(i-r,0),"finished"===this.playState&&void 0===this.pauseTime&&(i=this.totalDuration);const s=i/this.duration;let a=Math.floor(s),c=s%1;!c&&s>=1&&(c=1),1===c&&a--;const l=a%2;("reverse"===f||"alternate"===f&&l||"alternate-reverse"===f&&!l)&&(c=1-c);const u=i>=this.totalDuration?1:Math.min(c,1),d=h(this.easing(u));t(d);void 0===this.pauseTime&&("finished"===this.playState||i>=this.totalDuration+o)?(this.playState="finished",null===(n=this.resolve)||void 0===n||n.call(this,d)):"idle"!==this.playState&&(this.frameRequestId=requestAnimationFrame(this.tick))},this.play()}play(){const t=performance.now();this.playState="running",void 0!==this.pauseTime?this.startTime=t-this.pauseTime:this.startTime||(this.startTime=t),this.cancelTimestamp=this.startTime,this.pauseTime=void 0,this.frameRequestId=requestAnimationFrame(this.tick)}pause(){this.playState="paused",this.pauseTime=this.t}finish(){this.playState="finished",this.tick(0)}stop(){var t;this.playState="idle",void 0!==this.frameRequestId&&cancelAnimationFrame(this.frameRequestId),null===(t=this.reject)||void 0===t||t.call(this,!1)}cancel(){this.stop(),this.tick(this.cancelTimestamp)}reverse(){this.rate*=-1}commitStyles(){}updateDuration(t){this.duration=t,this.totalDuration=t*(this.repeat+1)}get currentTime(){return this.t}set currentTime(t){void 0!==this.pauseTime||0===this.rate?this.pauseTime=t:this.startTime=performance.now()-t/this.rate}get playbackRate(){return this.rate}set playbackRate(t){this.rate=t}}const H=t=>(t=>Array.isArray(t)&&a(t[0]))(t)?I(t):t,I=([t,e,n,i])=>`cubic-bezier(${t}, ${e}, ${n}, ${i})`,U=t=>document.createElement("div").animate(t,{duration:.001}),N={cssRegisterProperty:()=>"undefined"!=typeof CSS&&Object.hasOwnProperty.call(CSS,"registerProperty"),waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate"),partialKeyframes:()=>{try{U({opacity:[1]})}catch(t){return!1}return!0},finished:()=>Boolean(U({opacity:[0,1]}).finished)},_={},G={};for(const t in N)G[t]=()=>(void 0===_[t]&&(_[t]=N[t]()),_[t]);const Z=t=>Array.isArray(t)?t:[t];function K(t){return x[t]&&(t=x[t]),W(t)?S(t):t}const X={get:(t,e)=>{e=K(e);let n=B(e)?t.style.getPropertyValue(e):getComputedStyle(t)[e];if(!n&&0!==n){const t=M.get(e);t&&(n=t.initialValue)}return n},set:(t,e,n)=>{e=K(e),B(e)?t.style.setProperty(e,n):t.style[e]=n}};function Y(t,e=!0){if(t&&"finished"!==t.playState)try{t.stop?t.stop():(e&&t.commitStyles(),t.cancel())}catch(t){}}function J(e,r,o,c={}){const f=window.__MOTION_DEV_TOOLS_RECORD,h=!1!==c.record&&f;let p,{duration:g=s.duration,delay:m=s.delay,endDelay:v=s.endDelay,repeat:y=s.repeat,easing:b=s.easing,direction:E,offset:O,allowWebkitAcceleration:A=!1}=c;const T=n(e);let S=G.waapi();const D=W(r);D&&((t,e)=>{x[e]&&(e=x[e]);const{transforms:r}=n(t);i(r,e),t.style.transform=j(r)})(e,r);const k=K(r),L=function(e,n){return e.has(n)||e.set(n,new t),e.get(n)}(T.values,k),R=M.get(k);return Y(L.animation,!(l(b)&&L.generator)&&!1!==c.record),()=>{const t=()=>{var t,n;return null!==(n=null!==(t=X.get(e,k))&&void 0!==t?t:null==R?void 0:R.initialValue)&&void 0!==n?n:0};let n=function(t,e){for(let n=0;n<t.length;n++)null===t[n]&&(t[n]=n?t[n-1]:e());return t}(Z(o),t);if(l(b)){const e=b.createAnimation(n,t,D,k,L);b=e.easing,void 0!==e.keyframes&&(n=e.keyframes),void 0!==e.duration&&(g=e.duration)}if(B(k)&&(G.cssRegisterProperty()?function(t){if(!z.has(t)){z.add(t);try{const{syntax:e,initialValue:n}=M.has(t)?M.get(t):{};CSS.registerProperty({name:t,inherits:!1,syntax:e,initialValue:n})}catch(t){}}}(k):S=!1),S){R&&(n=n.map((t=>a(t)?R.toDefaultUnit(t):t))),1!==n.length||G.partialKeyframes()&&!h||n.unshift(t());const i={delay:w(m),duration:w(g),endDelay:w(v),easing:u(b)?void 0:H(b),direction:E,iterations:y+1,fill:"both"};p=e.animate({[k]:n,offset:O,easing:u(b)?b.map(H):void 0},i),p.finished||(p.finished=new Promise(((t,e)=>{p.onfinish=t,p.oncancel=e})));const r=n[n.length-1];p.finished.then((()=>{X.set(e,k,r),p.cancel()})).catch(d),A||(p.playbackRate=1.000001)}else if(D){n=n.map((t=>"string"==typeof t?parseFloat(t):t)),1===n.length&&n.unshift(parseFloat(t()));p=new C((t=>{R&&(t=R.toDefaultUnit(t)),X.set(e,k,t)}),n,Object.assign(Object.assign({},c),{duration:g,easing:b}))}else{const t=n[n.length-1];X.set(e,k,R&&a(t)?R.toDefaultUnit(t):t)}return h&&f(e,r,n,{duration:g,delay:m,easing:b,repeat:y,offset:O},"motion-one"),L.setAnimation(p),p}}const Q=(t,e)=>t[e]?Object.assign(Object.assign({},t),t[e]):Object.assign({},t);function tt(t,e){var n;return"string"==typeof t?e?(null!==(n=e[t])&&void 0!==n||(e[t]=document.querySelectorAll(t)),t=e[t]):t=document.querySelectorAll(t):t instanceof Element&&(t=[t]),Array.from(t||[])}const et=t=>t(),nt=(t,e,n=s.duration)=>new Proxy({animations:t.map(et).filter(Boolean),duration:n,options:e},it),it={get:(t,e)=>{const n=t.animations[0];switch(e){case"duration":return t.duration;case"currentTime":return b((null==n?void 0:n[e])||0);case"playbackRate":case"playState":return null==n?void 0:n[e];case"finished":return t.finished||(t.finished=Promise.all(t.animations.map(rt)).catch(d)),t.finished;case"stop":return()=>{t.animations.forEach((t=>Y(t)))};case"forEachNative":return e=>{t.animations.forEach((n=>e(n,t)))};default:return void 0===(null==n?void 0:n[e])?void 0:()=>t.animations.forEach((t=>t[e]()))}},set:(t,e,n)=>{switch(e){case"currentTime":n=w(n);case"currentTime":case"playbackRate":for(let i=0;i<t.animations.length;i++)t.animations[i][e]=n;return!0}return!1}},rt=t=>t.finished;function ot(t=.1,{start:e=0,from:n=0,easing:i}={}){return(r,o)=>{const s=a(n)?n:function(t,e){if("first"===t)return 0;{const n=e-1;return"last"===t?n:n/2}}(n,o),c=Math.abs(s-r);let l=t*c;if(i){const e=o*t;l=F(i)(l/e)*e}return e+l}}function st(t,e,n){return"function"==typeof t?t(e,n):t}function at(t,e,n={}){const i=(t=tt(t)).length,r=[];for(let o=0;o<i;o++){const s=t[o];for(const t in e){const a=Q(n,t);a.delay=st(a.delay,o,i);const c=J(s,t,e[t],a);r.push(c)}}return nt(r,n,n.duration)}function ct(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(n[i[r]]=t[i[r]])}return n}var lt=function(){};function ut(t,e,n,i){var r;return a(e)?e:e.startsWith("-")||e.startsWith("+")?Math.max(0,t+parseFloat(e)):"<"===e?n:null!==(r=i.get(e))&&void 0!==r?r:t}function ft(t,e,n,i,o,s){!function(t,e,n){for(let i=0;i<t.length;i++){const o=t[i];o.at>e&&o.at<n&&(r(t,o),i--)}}(t,o,s);for(let r=0;r<e.length;r++)t.push({value:e[r],at:h(o,s,i[r]),easing:f(n,r)})}function ht(t,e){return t.at===e.at?null===t.value?1:-1:t.at-e.at}function dt(t,e={}){var n;const i=function(t,e={}){var{defaultOptions:n={}}=e,i=ct(e,["defaultOptions"]);const r=[],o=new Map,a={},u=new Map;let f=0,h=0,d=0;for(let e=0;e<t.length;e++){const i=t[e];if(c(i)){u.set(i,h);continue}if(!Array.isArray(i)){u.set(i.name,ut(h,i.at,f,u));continue}const[r,p,g={}]=i;void 0!==g.at&&(h=ut(h,g.at,f,u));let y=0;const w=tt(r,a),b=w.length;for(let t=0;t<b;t++){const e=pt(w[t],o);for(const i in p){const r=gt(i,e);let o=Z(p[i]);const a=Q(g,i);let{duration:c=n.duration||s.duration,easing:u=n.easing||s.easing}=a;if(l(u)){const t=W(i);lt(2===o.length||!t,"spring must be provided 2 keyframes within timeline");const e=u.createAnimation(o,(()=>"0"),t);u=e.easing,void 0!==e.keyframes&&(o=e.keyframes),void 0!==e.duration&&(c=e.duration)}const f=st(g.delay,t,b)||0,w=h+f,E=w+c;let{offset:O=v(o.length)}=a;1===O.length&&0===O[0]&&(O[1]=1);const x=length-o.length;x>0&&m(O,x),1===o.length&&o.unshift(null),ft(r,o,u,O,w,E),y=Math.max(f+c,y),d=Math.max(E,d)}}f=h,h+=y}return o.forEach(((t,e)=>{for(const o in t){const a=t[o];a.sort(ht);const c=[],l=[],u=[];for(let t=0;t<a.length;t++){const{at:e,value:n,easing:i}=a[t];c.push(n),l.push(g(0,d,e)),u.push(i||s.easing)}0!==l[0]&&(l.unshift(0),c.unshift(c[0]),u.unshift("linear")),1!==l[l.length-1]&&(l.push(1),c.push(null)),r.push([e,o,c,Object.assign(Object.assign(Object.assign({},n),{duration:d,easing:u,offset:l}),i)])}})),r}(t,e),r=i.map((t=>J(...t))).filter(Boolean);return nt(r,e,null===(n=i[0])||void 0===n?void 0:n[3].duration)}function pt(t,e){return!e.has(t)&&e.set(t,{}),e.get(t)}function gt(t,e){return e[t]||(e[t]=[]),e[t]}"production"!==process.env.NODE_ENV&&(lt=function(t,e){if(!t)throw new Error(e)});function mt(t,e,n){const i=Math.max(e-5,0);return E(n-t(i),e-i)}const vt=100,yt=10,wt=1;const bt=({stiffness:t=vt,damping:e=yt,mass:n=wt,from:i=0,to:r=1,velocity:o=0,restSpeed:s=2,restDistance:a=.5}={})=>{o=o?b(o):0;const c={done:!1,hasReachedTarget:!1,current:i,target:r},l=r-i,u=Math.sqrt(t/n)/1e3,f=((t=vt,e=yt,n=wt)=>e/(2*Math.sqrt(t*n)))(t,e,n);let h;if(f<1){const t=u*Math.sqrt(1-f*f);h=e=>r-Math.exp(-f*u*e)*((f*u*l-o)/t*Math.sin(t*e)+l*Math.cos(t*e))}else h=t=>r-Math.exp(-u*t)*(l+(u*l-o)*t);return t=>{c.current=h(t);const e=0===t?o:mt(h,t,c.current),n=Math.abs(e)<=s,l=Math.abs(r-c.current)<=a;var u,f,d;return c.done=n&&l,c.hasReachedTarget=(u=i,f=r,d=c.current,u<f&&d>=f||u>f&&d<=f),c}};function Et(t){const e=new WeakMap;return(n={})=>{const i=new Map,r=(e=0,r=100,o=0,s=!1)=>{const a=`${e}-${r}-${o}-${s}`;return i.has(a)||i.set(a,t(Object.assign({from:e,to:r,velocity:o,restSpeed:s?.05:2,restDistance:s?.01:.5},n))),i.get(a)},o=t=>(e.has(t)||e.set(t,function(t){let e,n=10,i=t(0);const r=[i.current];for(;!i.done&&n<1e4;)i=t(n),r.push(i.done?i.target:i.current),void 0===e&&i.hasReachedTarget&&(e=n),n+=10;const o=n-10;return 1===r.length&&r.push(i.current),{keyframes:r,duration:o/1e3,overshootDuration:(null!=e?e:o)/1e3}}(t)),e.get(t));return{createAnimation:(t,e,n,i,s)=>{var a,c;let l;const u=t.length;if(n&&u<=2&&t.every(Ot)){const n=t[u-1],f=1===u?null:t[0];let h=0,d=0;const p=null==s?void 0:s.generator;if(p){const{animation:e,generatorStartTime:n}=s,i=(null==e?void 0:e.startTime)||n||0,r=(null==e?void 0:e.currentTime)||performance.now()-i,o=p(r).current;d=null!==(a=f)&&void 0!==a?a:o,(1===u||2===u&&null===t[0])&&(h=mt((t=>p(t).current),r,o))}else d=null!==(c=f)&&void 0!==c?c:parseFloat(e());const g=r(d,n,h,null==i?void 0:i.includes("scale")),m=o(g);l=Object.assign(Object.assign({},m),{easing:"linear"}),s&&(s.generator=g,s.generatorStartTime=performance.now())}else{l={easing:"ease",duration:o(r(0,100)).overshootDuration}}return l}}}}const Ot=t=>"string"!=typeof t,xt=Et(bt),At=Et((({from:t=0,velocity:e=0,power:n=.8,decay:i=.325,bounceDamping:r,bounceStiffness:o,changeTarget:s,min:a,max:c,restDistance:l=.5,restSpeed:u})=>{i=w(i);const f={hasReachedTarget:!1,done:!1,current:t,target:t},h=t=>void 0===a?c:void 0===c||Math.abs(a-t)<Math.abs(c-t)?a:c;let d=n*e;const p=t+d,g=void 0===s?p:s(p);f.target=g,g!==p&&(d=g-t);const m=t=>-d*Math.exp(-t/i),v=t=>g+m(t),y=t=>{const e=m(t),n=v(t);f.done=Math.abs(e)<=l,f.current=f.done?g:n};let b,E;const O=t=>{var e;(e=f.current,void 0!==a&&e<a||void 0!==c&&e>c)&&(b=t,E=bt({from:f.current,to:h(f.current),velocity:mt(v,t,f.current),damping:r,stiffness:o,restDistance:l,restSpeed:u}))};return O(0),t=>{let e=!1;return E||void 0!==b||(e=!0,y(t),O(t)),void 0!==b&&t>b?(f.hasReachedTarget=!0,E(t-b)):(f.hasReachedTarget=!1,!e&&y(t),f)}})),Tt={any:0,all:1};function Mt(t,e,{root:n,margin:i,amount:r="any"}={}){if("undefined"==typeof IntersectionObserver)return()=>{};const o=tt(t),s=new WeakMap,a=new IntersectionObserver((t=>{t.forEach((t=>{const n=s.get(t.target);if(t.isIntersecting!==Boolean(n))if(t.isIntersecting){const n=e(t);"function"==typeof n?s.set(t.target,n):a.unobserve(t.target)}else n&&(n(t),s.delete(t.target))}))}),{root:n,rootMargin:i,threshold:"number"==typeof r?r:Tt[r]});return o.forEach((t=>a.observe(t))),()=>a.disconnect()}const St=new WeakMap;let Dt;function kt({target:t,contentRect:e,borderBoxSize:n}){var i;null===(i=St.get(t))||void 0===i||i.forEach((i=>{i({target:t,contentSize:e,get size(){return function(t,e){if(e){const{inlineSize:t,blockSize:n}=e[0];return{width:t,height:n}}return t instanceof SVGElement&&"getBBox"in t?t.getBBox():{width:t.offsetWidth,height:t.offsetHeight}}(t,n)}})}))}function Lt(t){t.forEach(kt)}function Wt(t,e){Dt||"undefined"!=typeof ResizeObserver&&(Dt=new ResizeObserver(Lt));const n=tt(t);return n.forEach((t=>{let n=St.get(t);n||(n=new Set,St.set(t,n)),n.add(e),null==Dt||Dt.observe(t)})),()=>{n.forEach((t=>{const n=St.get(t);null==n||n.delete(e),(null==n?void 0:n.size)||null==Dt||Dt.unobserve(t)}))}}const jt=new Set;let Rt;function Bt(t){return jt.add(t),Rt||(Rt=()=>{const t={width:window.innerWidth,height:window.innerHeight},e={target:window,size:t,contentSize:t};jt.forEach((t=>t(e)))},window.addEventListener("resize",Rt)),()=>{jt.delete(t),!jt.size&&Rt&&(Rt=void 0)}}function zt(t,e){return"function"==typeof t?Bt(t):Wt(t,e)}const Pt={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function Vt(t,e,n,i){const r=n[e],{length:o,position:s}=Pt[e],a=r.current,c=n.time;r.current=t["scroll"+s],r.scrollLength=t["scroll"+o]-t["client"+o],r.offset.length=0,r.offset[0]=0,r.offset[1]=r.scrollLength,r.progress=g(0,r.scrollLength,r.current);const l=i-c;r.velocity=l>50?0:E(r.current-a,l)}const $t={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},qt={start:0,center:.5,end:1};function Ft(t,e,n=0){let i=0;if(void 0!==qt[t]&&(t=qt[t]),c(t)){const e=parseFloat(t);t.endsWith("px")?i=e:t.endsWith("%")?t=e/100:t.endsWith("vw")?i=e/100*document.documentElement.clientWidth:t.endsWith("vh")?i=e/100*document.documentElement.clientHeight:t=e}return a(t)&&(i=e*t),n+i}const Ct=[0,0];function Ht(t,e,n,i){let r=Array.isArray(t)?t:Ct,o=0,s=0;return a(t)?r=[t,t]:c(t)&&(r=(t=t.trim()).includes(" ")?t.split(" "):[t,qt[t]?t:"0"]),o=Ft(r[0],n,i),s=Ft(r[1],e),o-s}const It={x:0,y:0};function Ut(t,e,n){let{offset:i=$t.All}=n;const{target:r=t,axis:o="y"}=n,s="y"===o?"height":"width",a=r!==t?function(t,e){let n={x:0,y:0},i=t;for(;i&&i!==e;)if(i instanceof HTMLElement)n.x+=i.offsetLeft,n.y+=i.offsetTop,i=i.offsetParent;else if(i instanceof SVGGraphicsElement&&"getBBox"in i){const{top:t,left:e}=i.getBBox();for(n.x+=e,n.y+=t;i&&"svg"!==i.tagName;)i=i.parentNode}return n}(r,t):It,c=r===t?{width:t.scrollWidth,height:t.scrollHeight}:{width:r.clientWidth,height:r.clientHeight},l={width:t.clientWidth,height:t.clientHeight};e[o].offset.length=0;let u=!e[o].interpolate;const f=i.length;for(let t=0;t<f;t++){const n=Ht(i[t],l[s],c[s],a[o]);u||n===e[o].interpolatorOffsets[t]||(u=!0),e[o].offset[t]=n}u&&(e[o].interpolate=y(v(f),e[o].offset),e[o].interpolatorOffsets=[...e[o].offset]),e[o].progress=e[o].interpolate(e[o].current)}function Nt(t,e,n,i={}){const r=i.axis||"y";return{measure:()=>function(t,e=t,n){if(n.x.targetOffset=0,n.y.targetOffset=0,e!==t){let i=e;for(;i&&i!=t;)n.x.targetOffset+=i.offsetLeft,n.y.targetOffset+=i.offsetTop,i=i.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}(t,i.target,n),update:e=>{!function(t,e,n){Vt(t,"x",e,n),Vt(t,"y",e,n),e.time=n}(t,n,e),(i.offset||i.target)&&Ut(t,n,i)},notify:"function"==typeof e?()=>e(n):_t(e,n[r])}}function _t(t,e){return t.pause(),t.forEachNative(((t,{easing:e})=>{var n,i;if(t.updateDuration)e||(t.easing=p),t.updateDuration(1);else{const r={duration:1e3};e||(r.easing="linear"),null===(i=null===(n=t.effect)||void 0===n?void 0:n.updateTiming)||void 0===i||i.call(n,r)}})),()=>{t.currentTime=e.progress}}const Gt=new WeakMap,Zt=new WeakMap,Kt=new WeakMap,Xt=t=>t===document.documentElement?window:t;function Yt(t,e={}){var{container:n=document.documentElement}=e,i=ct(e,["container"]);let r=Kt.get(n);r||(r=new Set,Kt.set(n,r));const o=Nt(n,t,{time:0,x:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0},y:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}},i);if(r.add(o),!Gt.has(n)){const t=()=>{const t=performance.now();for(const t of r)t.measure();for(const e of r)e.update(t);for(const t of r)t.notify()};Gt.set(n,t);const e=Xt(n);window.addEventListener("resize",t,{passive:!0}),n!==document.documentElement&&Zt.set(n,zt(n,t)),e.addEventListener("scroll",t,{passive:!0})}const s=Gt.get(n),a=requestAnimationFrame(s);return()=>{var e;"function"!=typeof t&&t.stop(),cancelAnimationFrame(a);const i=Kt.get(n);if(!i)return;if(i.delete(o),i.size)return;const r=Gt.get(n);Gt.delete(n),r&&(Xt(n).removeEventListener("scroll",r),null===(e=Zt.get(n))||void 0===e||e(),window.removeEventListener("resize",r))}}function Jt(t,e){return function(t){return"object"==typeof t}(t)?t:t&&e?e[t]:void 0}let Qt;function te(){if(!Qt)return;const t=Qt.sort(ne).map(ie);t.forEach(re),t.forEach(re),Qt=void 0}function ee(t){Qt?i(Qt,t):(Qt=[t],requestAnimationFrame(te))}const ne=(t,e)=>t.getDepth()-e.getDepth(),ie=t=>t.animateUpdates(),re=t=>t.next(),oe=(t,e)=>new CustomEvent(t,{detail:{target:e}});function se(t,e,n){t.dispatchEvent(new CustomEvent(e,{detail:{originalEvent:n}}))}function ae(t,e,n){t.dispatchEvent(new CustomEvent(e,{detail:{originalEntry:n}}))}const ce=(t,e,n)=>i=>{i.pointerType&&"mouse"!==i.pointerType||(n(),se(t,e,i))},le={inView:{isActive:t=>Boolean(t.inView),subscribe:(t,{enable:e,disable:n},{inViewOptions:i={}})=>{const{once:r}=i,o=ct(i,["once"]);return Mt(t,(i=>{if(e(),ae(t,"viewenter",i),!r)return e=>{n(),ae(t,"viewleave",e)}}),o)}},hover:{isActive:t=>Boolean(t.hover),subscribe:(t,{enable:e,disable:n})=>{const i=ce(t,"hoverstart",e),r=ce(t,"hoverend",n);return t.addEventListener("pointerenter",i),t.addEventListener("pointerleave",r),()=>{t.removeEventListener("pointerenter",i),t.removeEventListener("pointerleave",r)}}},press:{isActive:t=>Boolean(t.press),subscribe:(t,{enable:e,disable:n})=>{const i=e=>{n(),se(t,"pressend",e),window.removeEventListener("pointerup",i)},r=n=>{e(),se(t,"pressstart",n),window.addEventListener("pointerup",i)};return t.addEventListener("pointerdown",r),()=>{t.removeEventListener("pointerdown",r),window.removeEventListener("pointerup",i)}}}},ue=["initial","animate",...Object.keys(le),"exit"],fe=new WeakMap;function he(t={},e){let n,i=e?e.getDepth()+1:0;const o={initial:!0,animate:!0},s={},a={};for(const n of ue)a[n]="string"==typeof t[n]?t[n]:null==e?void 0:e.getContext()[n];const c=!1===t.initial?"animate":"initial";let l=ct(Jt(t[c]||a[c],t.variants)||{},["transition"]);const u=Object.assign({},l);const f=(t,e)=>()=>{o[t]=e,ee(p)},h=()=>{for(const e in le){const i=le[e].isActive(t),r=s[e];i&&!r?s[e]=le[e].subscribe(n,{enable:f(e,!0),disable:f(e,!1)},t):!i&&r&&(r(),delete s[e])}},p={update:e=>{n&&(t=e,h(),ee(p))},setActive:(t,e)=>{n&&(o[t]=e,ee(p))},animateUpdates:function*(){var e,i;const r=l;l={};const s={};for(const n of ue){if(!o[n])continue;const r=Jt(t[n]);if(r)for(const n in r)"transition"!==n&&(l[n]=r[n],s[n]=Q(null!==(i=null!==(e=r.transition)&&void 0!==e?e:t.transition)&&void 0!==i?i:{},n))}const a=new Set([...Object.keys(l),...Object.keys(r)]),c=[];a.forEach((t=>{var e,i,o;void 0===l[t]&&(l[t]=u[t]),i=r[t],o=l[t],typeof i==typeof o&&(Array.isArray(i)&&Array.isArray(o)?function(t,e){const n=e.length;if(n!==t.length)return!1;for(let i=0;i<n;i++)if(e[i]!==t[i])return!1;return!0}(i,o):i===o)||(null!==(e=u[t])&&void 0!==e||(u[t]=X.get(n,t)),c.push(J(n,t,l[t],s[t])))})),yield;const f=c.map((t=>t())).filter(Boolean);if(!f.length)return;const h=l;n.dispatchEvent(oe("motionstart",h)),Promise.all(f.map((t=>t.finished))).then((()=>{n.dispatchEvent(oe("motioncomplete",h))})).catch(d)},getDepth:()=>i,getTarget:()=>l,getOptions:()=>t,getContext:()=>a,mount:t=>(lt(Boolean(t),"Animation state must be mounted with valid Element"),n=t,fe.set(n,p),h(),()=>{fe.delete(n),function(t){Qt&&r(Qt,t)}(p);for(const t in s)s[t]()}),isMounted:()=>Boolean(n)};return p}function de(t){const e={},n=[];for(let i in t){const r=t[i];W(i)&&(x[i]&&(i=x[i]),n.push(i),i=S(i));let o=Array.isArray(r)?r[0]:r;const s=M.get(i);s&&(o=a(r)?s.toDefaultUnit(r):r),e[i]=o}return n.length&&(e.transform=j(n)),e}const pe=t=>`-${t.toLowerCase()}`;function ge(t={}){const e=de(t);let n="";for(const t in e)n+=t.startsWith("--")?t:t.replace(/[A-Z]/g,pe),n+=`: ${e[t]}; `;return n}function me(t,e={}){return nt([()=>{const n=new C(t,[0,1],e);return n.finished.catch((()=>{})),n}],e,e.duration)}function ve(t,e,n){return("function"==typeof t?me:at)(t,e,n)}export{t as MotionValue,$t as ScrollOffset,ve as animate,J as animateStyle,he as createMotionState,ge as createStyleString,de as createStyles,n as getAnimationData,K as getStyleName,At as glide,Mt as inView,fe as mountedStates,zt as resize,Yt as scroll,xt as spring,ot as stagger,X as style,dt as timeline,nt as withControls};

package/lib/animate.js

@@ -1,16 +1,16 @@
-import { animate as animateDom, wrapAnimationWithControls, } from "@motionone/dom";
+import { animate as animateDom, withControls, } from "@motionone/dom";
 import { Animation } from "@motionone/animation";
-export function animateProgress(target, options) {
-    return wrapAnimationWithControls([
+export function animateProgress(target, options = {}) {
+    return withControls([
         () => {
             const animation = new Animation(target, [0, 1], options);
             animation.finished.catch(() => { });
             return animation;
         },
-    ], options === null || options === void 0 ? void 0 : options.duration);
+    ], options, options.duration);
 }
 export function animate(target, keyframesOrOptions, options) {
-    const animationFunction = typeof target === "function" ? animateProgress : animateDom;
-    return animationFunction(target, keyframesOrOptions, options);
+    const factory = typeof target === "function" ? animateProgress : animateDom;
+    return factory(target, keyframesOrOptions, options);
 }
 //# sourceMappingURL=animate.js.map

package/lib/animate.js.map

@@ -1 +1 @@
-{"version":3,"file":"animate.js","sourceRoot":"","sources":["../src/animate.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,IAAI,UAAU,EAGrB,yBAAyB,GAC1B,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAOhD,MAAM,UAAU,eAAe,CAC7B,MAAwB,EACxB,OAA0B;IAE1B,OAAO,yBAAyB,CAC9B;QACE,GAAG,EAAE;YACH,MAAM,SAAS,GAAG,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;YACxD,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;YAClC,OAAO,SAAS,CAAA;QAClB,CAAC;KACF,EACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAClB,CAAA;AACH,CAAC;AAWD,MAAM,UAAU,OAAO,CACrB,MAA2C,EAC3C,kBAAiE,EACjE,OAAuC;IAEvC,MAAM,iBAAiB,GACrB,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAA;IAE7D,OAAO,iBAAiB,CAAC,MAAM,EAAE,kBAAkB,EAAE,OAAO,CAAC,CAAA;AAC/D,CAAC"}
+{"version":3,"file":"animate.js","sourceRoot":"","sources":["../src/animate.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,IAAI,UAAU,EAGrB,YAAY,GACb,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAOhD,MAAM,UAAU,eAAe,CAC7B,MAAwB,EACxB,UAA4B,EAAE;IAE9B,OAAO,YAAY,CACjB;QACE,GAAG,EAAE;YACH,MAAM,SAAS,GAAG,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;YACxD,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;YAClC,OAAO,SAAS,CAAA;QAClB,CAAC;KACF,EACD,OAAO,EACP,OAAO,CAAC,QAAQ,CACjB,CAAA;AACH,CAAC;AAWD,MAAM,UAAU,OAAO,CACrB,MAA4C,EAC5C,kBAAiE,EACjE,OAAuC;IAEvC,MAAM,OAAO,GACX,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAA;IAE7D,OAAO,OAAO,CAAC,MAAM,EAAE,kBAAkB,EAAE,OAAO,CAAC,CAAA;AACrD,CAAC"}

package/lib/index.js

@@ -1,4 +1,4 @@
-export { timeline, stagger, spring, glide, style, inView } from "@motionone/dom";
-export { animate } from "./animate";
+export * from "@motionone/dom";
 export * from "@motionone/types";
+export { animate } from "./animate";
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "motion",
   "description": "A tiny, performant animation library for the web",
-  "version": "10.11.2",
+  "version": "10.12.0",
   "license": "MIT",
   "author": "Matt Perry",
   "main": "dist/main.cjs.js",
@@ -23,12 +23,12 @@
     "dev": "concurrently -c blue,red -n tsc,rollup --kill-others \"tsc --watch -p . --preserveWatchOutput\" \"rollup --c --watch --no-watch.clearScreen\""
   },
   "dependencies": {
-    "@motionone/animation": "^10.10.1",
-    "@motionone/dom": "^10.11.2",
-    "@motionone/react": "^10.11.2",
-    "@motionone/svelte": "^10.11.2",
-    "@motionone/types": "^10.9.0",
-    "@motionone/vue": "^10.11.2"
+    "@motionone/animation": "^10.12.0",
+    "@motionone/dom": "^10.12.0",
+    "@motionone/react": "^10.12.0",
+    "@motionone/svelte": "^10.12.0",
+    "@motionone/types": "^10.12.0",
+    "@motionone/vue": "^10.12.0"
   },
-  "gitHead": "1dba049a7571f579e2d1221d8c1386350c29496a"
+  "gitHead": "8a0f5fb27079e6306357f038b938a2a9f6d88c33"
 }

package/types/animate.d.ts

@@ -1,6 +1,6 @@
-import { AcceptedElements, AnimationOptionsWithOverrides, MotionKeyframesDefinition } from "@motionone/dom";
+import { ElementOrSelector, AnimationOptionsWithOverrides, MotionKeyframesDefinition } from "@motionone/dom";
 import { AnimationControls, AnimationOptions, ProgressFunction } from "@motionone/types";
 export declare function animateProgress(target: ProgressFunction, options?: AnimationOptions): AnimationControls;
-export declare function animate(elements: AcceptedElements, keyframes: MotionKeyframesDefinition, options?: AnimationOptionsWithOverrides): AnimationControls;
+export declare function animate(elements: ElementOrSelector, keyframes: MotionKeyframesDefinition, options?: AnimationOptionsWithOverrides): AnimationControls;
 export declare function animate(target: ProgressFunction, options?: AnimationOptions): AnimationControls;
 //# sourceMappingURL=animate.d.ts.map

package/types/animate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animate.d.ts","sourceRoot":"","sources":["../src/animate.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAEhB,6BAA6B,EAC7B,yBAAyB,EAE1B,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,kBAAkB,CAAA;AAEzB,wBAAgB,eAAe,CAC7B,MAAM,EAAE,gBAAgB,EACxB,OAAO,CAAC,EAAE,gBAAgB,qBAY3B;AAED,wBAAgB,OAAO,CACrB,QAAQ,EAAE,gBAAgB,EAC1B,SAAS,EAAE,yBAAyB,EACpC,OAAO,CAAC,EAAE,6BAA6B,GACtC,iBAAiB,CAAA;AACpB,wBAAgB,OAAO,CACrB,MAAM,EAAE,gBAAgB,EACxB,OAAO,CAAC,EAAE,gBAAgB,GACzB,iBAAiB,CAAA"}
+{"version":3,"file":"animate.d.ts","sourceRoot":"","sources":["../src/animate.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAEjB,6BAA6B,EAC7B,yBAAyB,EAE1B,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,kBAAkB,CAAA;AAEzB,wBAAgB,eAAe,CAC7B,MAAM,EAAE,gBAAgB,EACxB,OAAO,GAAE,gBAAqB,qBAa/B;AAED,wBAAgB,OAAO,CACrB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,yBAAyB,EACpC,OAAO,CAAC,EAAE,6BAA6B,GACtC,iBAAiB,CAAA;AACpB,wBAAgB,OAAO,CACrB,MAAM,EAAE,gBAAgB,EACxB,OAAO,CAAC,EAAE,gBAAgB,GACzB,iBAAiB,CAAA"}

package/types/index.d.ts

@@ -1,5 +1,4 @@
-export { timeline, stagger, spring, glide, style, inView } from "@motionone/dom";
-export { animate } from "./animate";
+export * from "@motionone/dom";
 export * from "@motionone/types";
-export type { InViewOptions } from "@motionone/dom";
+export { animate } from "./animate";
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,cAAc,kBAAkB,CAAA;AAChC,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}