UNPKG

framer-motion

Version:

A simple and powerful React animation library

1 lines • 50.8 kB
(()=>{"use strict";var t={9340:(t,e,n)=>{n.d(e,{K:()=>r,k:()=>o});var r=function(){},o=function(){}},2819:(t,e,n)=>{n.d(e,{C:()=>r});const r=t=>Array.isArray(t)},3880:(t,e,n)=>{n.d(e,{b8:()=>xt});function r(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]])}return n}Object.create;Object.create;var o=n(9340),a=n(1698);const s=.001;function i({duration:t=800,bounce:e=.25,velocity:n=0,mass:r=1}){let i,u;(0,o.K)(t<=1e4,"Spring duration must be 10 seconds or less");let l=1-e;l=(0,a.u)(.05,1,l),t=(0,a.u)(.01,10,t/1e3),l<1?(i=e=>{const r=e*l,o=r*t,a=r-n,i=c(e,l),u=Math.exp(-o);return s-a/i*u},u=e=>{const r=e*l*t,o=r*n+n,a=Math.pow(l,2)*Math.pow(e,2)*t,u=Math.exp(-r),d=c(Math.pow(e,2),l);return(-i(e)+s>0?-1:1)*((o-a)*u)/d}):(i=e=>Math.exp(-e*t)*((e-n)*t+1)-.001,u=e=>Math.exp(-e*t)*(t*t*(n-e)));const d=function(t,e,n){let r=n;for(let n=1;n<12;n++)r-=t(r)/e(r);return r}(i,u,5/t);if(t*=1e3,isNaN(d))return{stiffness:100,damping:10,duration:t};{const e=Math.pow(d,2)*r;return{stiffness:e,damping:2*l*Math.sqrt(r*e),duration:t}}}function c(t,e){return t*Math.sqrt(1-e*e)}const u=["duration","bounce"],l=["stiffness","damping","mass"];function d(t,e){return e.some((e=>void 0!==t[e]))}function p(t){var{from:e=0,to:n=1,restSpeed:o=2,restDelta:a}=t,s=r(t,["from","to","restSpeed","restDelta"]);const p={done:!1,value:e};let{stiffness:m,damping:h,mass:v,velocity:g,duration:y,isResolvedFromDuration:b}=function(t){let e=Object.assign({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1},t);if(!d(t,l)&&d(t,u)){const n=i(t);e=Object.assign(Object.assign(Object.assign({},e),n),{velocity:0,mass:1}),e.isResolvedFromDuration=!0}return e}(s),w=f,x=f;function A(){const t=g?-g/1e3:0,r=n-e,o=h/(2*Math.sqrt(m*v)),s=Math.sqrt(m/v)/1e3;if(void 0===a&&(a=Math.min(Math.abs(n-e)/100,.4)),o<1){const e=c(s,o);w=a=>{const i=Math.exp(-o*s*a);return n-i*((t+o*s*r)/e*Math.sin(e*a)+r*Math.cos(e*a))},x=n=>{const a=Math.exp(-o*s*n);return o*s*a*(Math.sin(e*n)*(t+o*s*r)/e+r*Math.cos(e*n))-a*(Math.cos(e*n)*(t+o*s*r)-e*r*Math.sin(e*n))}}else if(1===o)w=e=>n-Math.exp(-s*e)*(r+(t+s*r)*e);else{const e=s*Math.sqrt(o*o-1);w=a=>{const i=Math.exp(-o*s*a),c=Math.min(e*a,300);return n-i*((t+o*s*r)*Math.sinh(c)+e*r*Math.cosh(c))/e}}}return A(),{next:t=>{const e=w(t);if(b)p.done=t>=y;else{const r=1e3*x(t),s=Math.abs(r)<=o,i=Math.abs(n-e)<=a;p.done=s&&i}return p.value=p.done?n:e,p},flipTarget:()=>{g=-g,[e,n]=[n,e],A()}}}p.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const f=t=>0;var m=n(1790),h=n(8481),v=n(9012),g=n(3203),y=n(7493);function b(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}function w({hue:t,saturation:e,lightness:n,alpha:r}){t/=360,n/=100;let o=0,a=0,s=0;if(e/=100){const r=n<.5?n*(1+e):n+e-n*e,i=2*n-r;o=b(i,r,t+1/3),a=b(i,r,t),s=b(i,r,t-1/3)}else o=a=s=n;return{red:Math.round(255*o),green:Math.round(255*a),blue:Math.round(255*s),alpha:r}}const x=(t,e,n)=>{const r=t*t,o=e*e;return Math.sqrt(Math.max(0,n*(o-r)+r))},A=[v.$,g.m,y.J],V=t=>A.find((e=>e.test(t))),C=t=>`'${t}' is not an animatable color. Use the equivalent color code instead.`,S=(t,e)=>{let n=V(t),r=V(e);(0,o.k)(!!n,C(t)),(0,o.k)(!!r,C(e));let a=n.parse(t),s=r.parse(e);n===y.J&&(a=w(a),n=g.m),r===y.J&&(s=w(s),r=g.m);const i=Object.assign({},a);return t=>{for(const e in i)"alpha"!==e&&(i[e]=x(a[e],s[e],t));return i.alpha=(0,h.C)(a.alpha,s.alpha,t),n.transform(i)}};var O=n(7576),T=n(6002),P=n(5091),E=n(934);function M(t,e){return(0,P.e)(t)?n=>(0,h.C)(t,e,n):O.$.test(t)?S(t,e):I(t,e)}const k=(t,e)=>{const n=[...t],r=n.length,o=t.map(((t,n)=>M(t,e[n])));return t=>{for(let e=0;e<r;e++)n[e]=o[e](t);return n}},R=(t,e)=>{const n=Object.assign(Object.assign({},t),e),r={};for(const o in n)void 0!==t[o]&&void 0!==e[o]&&(r[o]=M(t[o],e[o]));return t=>{for(const e in r)n[e]=r[e](t);return n}};function j(t){const e=T.P.parse(t),n=e.length;let r=0,o=0,a=0;for(let t=0;t<n;t++)r||"number"==typeof e[t]?r++:void 0!==e[t].hue?a++:o++;return{parsed:e,numNumbers:r,numRGB:o,numHSL:a}}const I=(t,e)=>{const n=T.P.createTransformer(e),r=j(t),a=j(e);return r.numHSL===a.numHSL&&r.numRGB===a.numRGB&&r.numNumbers>=a.numNumbers?(0,E.z)(k(r.parsed,a.parsed),n):((0,o.K)(!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.`),n=>`${n>0?e:t}`)},F=(t,e)=>n=>(0,h.C)(t,e,n);function $(t,e,n){const r=[],o=n||("number"==typeof(a=t[0])?F:"string"==typeof a?O.$.test(a)?S:I:Array.isArray(a)?k:"object"==typeof a?R:void 0);var a;const s=t.length-1;for(let n=0;n<s;n++){let a=o(t[n],t[n+1]);if(e){const t=Array.isArray(e)?e[n]:e;a=(0,E.z)(t,a)}r.push(a)}return r}function D(t,e,{clamp:n=!0,ease:r,mixer:s}={}){const i=t.length;(0,o.k)(i===e.length,"Both input and output ranges must be the same length"),(0,o.k)(!r||!Array.isArray(r)||r.length===i-1,"Array of easing functions must be of length `input.length - 1`, as it applies to the transitions **between** the defined values."),t[0]>t[i-1]&&(t=[].concat(t),e=[].concat(e),t.reverse(),e.reverse());const c=$(e,r,s),u=2===i?function([t,e],[n]){return r=>n((0,m.Y)(t,e,r))}(t,c):function(t,e){const n=t.length,r=n-1;return o=>{let a=0,s=!1;if(o<=t[0]?s=!0:o>=t[r]&&(a=r-1,s=!0),!s){let e=1;for(;e<n&&!(t[e]>o||e===r);e++);a=e-1}const i=(0,m.Y)(t[a],t[a+1],o);return e[a](i)}}(t,c);return n?e=>u((0,a.u)(t[0],t[i-1],e)):u}var B=n(6924);function L(t,e){return t.map((()=>e||B.mZ)).splice(0,t.length-1)}function N({from:t=0,to:e=1,ease:n,offset:r,duration:o=300}){const a={done:!1,value:t},s=Array.isArray(e)?e:[t,e],i=function(t,e){return t.map((t=>t*e))}(r&&r.length===s.length?r:function(t){const e=t.length;return t.map(((t,n)=>0!==n?n/(e-1):0))}(s),o);function c(){return D(i,s,{ease:Array.isArray(n)?n:L(s,n)})}let u=c();return{next:t=>(a.value=u(t),a.done=t>=o,a),flipTarget:()=>{s.reverse(),u=c()}}}const Y={keyframes:N,spring:p,decay:function({velocity:t=0,from:e=0,power:n=.8,timeConstant:r=350,restDelta:o=.5,modifyTarget:a}){const s={done:!1,value:e};let i=n*t;const c=e+i,u=void 0===a?c:a(c);return u!==c&&(i=u-e),{next:t=>{const e=-i*Math.exp(-t/r);return s.done=!(e>o||e<-o),s.value=s.done?u:u+e,s},flipTarget:()=>{}}}};var U=n(6162);function z(t,e,n=0){return t-e-n}const H=t=>{const e=({delta:e})=>t(e);return{start:()=>U.ZP.update(e,!0),stop:()=>U.qY.update(e)}};function W(t){var e,n,{from:o,autoplay:a=!0,driver:s=H,elapsed:i=0,repeat:c=0,repeatType:u="loop",repeatDelay:l=0,onPlay:d,onStop:f,onComplete:m,onRepeat:h,onUpdate:v}=t,g=r(t,["from","autoplay","driver","elapsed","repeat","repeatType","repeatDelay","onPlay","onStop","onComplete","onRepeat","onUpdate"]);let y,b,w,{to:x}=g,A=0,V=g.duration,C=!1,S=!0;const O=function(t){if(Array.isArray(t.to))return N;if(Y[t.type])return Y[t.type];const e=new Set(Object.keys(t));return e.has("ease")||e.has("duration")&&!e.has("dampingRatio")?N:e.has("dampingRatio")||e.has("stiffness")||e.has("mass")||e.has("damping")||e.has("restSpeed")||e.has("restDelta")?p:N}(g);(null===(n=(e=O).needsInterpolation)||void 0===n?void 0:n.call(e,o,x))&&(w=D([0,100],[o,x],{clamp:!1}),o=0,x=100);const T=O(Object.assign(Object.assign({},g),{from:o,to:x}));function P(){A++,"reverse"===u?(S=A%2==0,i=function(t,e,n=0,r=!0){return r?z(e+-t,e,n):e-(t-e)+n}(i,V,l,S)):(i=z(i,V,l),"mirror"===u&&T.flipTarget()),C=!1,h&&h()}function E(t){if(S||(t=-t),i+=t,!C){const t=T.next(Math.max(0,i));b=t.value,w&&(b=w(b)),C=S?t.done:i<=0}null==v||v(b),C&&(0===A&&(null!=V||(V=i)),A<c?function(t,e,n,r){return r?t>=e+n:t<=-n}(i,V,l,S)&&P():(y.stop(),m&&m()))}return a&&(null==d||d(),y=s(E),y.start()),{stop:()=>{null==f||f(),y.stop()}}}var q=n(4060);var Z=n(1818);const X=(t,e)=>1-3*e+3*t,K=(t,e)=>3*e-6*t,J=t=>3*t,G=(t,e,n)=>((X(e,n)*t+K(e,n))*t+J(e))*t,_=(t,e,n)=>3*X(e,n)*t*t+2*K(e,n)*t+J(e);const Q=.1;function tt(t,e,n,r){if(t===e&&n===r)return B.GE;const o=new Float32Array(11);for(let e=0;e<11;++e)o[e]=G(e*Q,t,n);function a(e){let r=0,a=1;for(;10!==a&&o[a]<=e;++a)r+=Q;--a;const s=r+(e-o[a])/(o[a+1]-o[a])*Q,i=_(s,t,n);return i>=.001?function(t,e,n,r){for(let o=0;o<8;++o){const o=_(e,n,r);if(0===o)return e;e-=(G(e,n,r)-t)/o}return e}(e,s,t,n):0===i?s:function(t,e,n,r,o){let a,s,i=0;do{s=e+(n-e)/2,a=G(s,r,o)-t,a>0?n=s:e=s}while(Math.abs(a)>1e-7&&++i<10);return s}(e,r,r+Q,t,n)}return t=>0===t||1===t?t:G(a(t),e,r)}const et={linear:B.GE,easeIn:B.YQ,easeInOut:B.mZ,easeOut:B.Vv,circIn:B.Z7,circInOut:B.X7,circOut:B.Bn,backIn:B.G2,backInOut:B.XL,backOut:B.CG,anticipate:B.LU,bounceIn:B.h9,bounceInOut:B.yD,bounceOut:B.gJ},nt=t=>{if(Array.isArray(t)){(0,o.k)(4===t.length,"Cubic bezier arrays must contain four numerical values.");const[e,n,r,a]=t;return tt(e,n,r,a)}return"string"==typeof t?((0,o.k)(void 0!==et[t],`Invalid easing type '${t}'`),et[t]):t},rt=(t,e)=>"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!T.P.test(e)||e.startsWith("url(")));var ot=n(2819);const at=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),st=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),it=()=>({type:"keyframes",ease:"linear",duration:.3}),ct=t=>({type:"keyframes",duration:.8,values:t}),ut={x:at,y:at,z:at,rotate:at,rotateX:at,rotateY:at,rotateZ:at,scaleX:st,scaleY:st,scale:st,opacity:it,backgroundColor:it,color:it,default:st},lt=(t,e)=>{let n;return n=(0,ot.C)(e)?ct:ut[t]||ut.default,{to:e,...n(e)}};var dt=n(6914);const pt=!1;var ft=n(7048);let mt=!1;function ht({ease:t,times:e,yoyo:n,flip:r,loop:a,...s}){const i={...s};return e&&(i.offset=e),s.duration&&(i.duration=(0,Z.w)(s.duration)),s.repeatDelay&&(i.repeatDelay=(0,Z.w)(s.repeatDelay)),t&&(i.ease=(t=>Array.isArray(t)&&"number"!=typeof t[0])(t)?t.map(nt):nt(t)),"tween"===s.type&&(i.type="keyframes"),(n||a||r)&&((0,o.K)(!mt,"yoyo, loop and flip have been removed from the API. Replace with repeat and repeatType options."),mt=!0,n?i.repeatType="reverse":a?i.repeatType="loop":r&&(i.repeatType="mirror"),i.repeat=a||n||r||s.repeat),"spring"!==s.type&&(i.type="keyframes"),i}function vt(t,e,n){return Array.isArray(e.to)&&void 0===t.duration&&(t.duration=.8),function(t){Array.isArray(t.to)&&null===t.to[0]&&(t.to=[...t.to],t.to[0]=t.from)}(e),function({when:t,delay:e,delayChildren:n,staggerChildren:r,staggerDirection:o,repeat:a,repeatType:s,repeatDelay:i,from:c,...u}){return!!Object.keys(u).length}(t)||(t={...t,...lt(n,e.to)}),{...e,...ht(t)}}function gt(t,e,n,r,a){const s=wt(r,t)||{};let i=void 0!==s.from?s.from:e.get();const c=rt(t,n);"none"===i&&c&&"string"==typeof n?i=(0,dt.T)(t,n):yt(i)&&"string"==typeof n?i=bt(n):!Array.isArray(n)&&yt(n)&&"string"==typeof i&&(n=bt(i));const u=rt(t,i);return(0,o.K)(u===c,`You are trying to animate ${t} from "${i}" to "${n}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${n} via the \`style\` property.`),u&&c&&!1!==s.type?function(){const r={from:i,to:n,velocity:e.getVelocity(),onComplete:a,onUpdate:t=>e.set(t)};return"inertia"===s.type||"decay"===s.type?function({from:t=0,velocity:e=0,min:n,max:r,power:o=.8,timeConstant:a=750,bounceStiffness:s=500,bounceDamping:i=10,restDelta:c=1,modifyTarget:u,driver:l,onUpdate:d,onComplete:p,onStop:f}){let m;function h(t){return void 0!==n&&t<n||void 0!==r&&t>r}function v(t){return void 0===n?r:void 0===r||Math.abs(n-t)<Math.abs(r-t)?n:r}function g(t){null==m||m.stop(),m=W(Object.assign(Object.assign({},t),{driver:l,onUpdate:e=>{var n;null==d||d(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:p,onStop:f}))}function y(t){g(Object.assign({type:"spring",stiffness:s,damping:i,restDelta:c},t))}if(h(t))y({from:t,velocity:e,to:v(t)});else{let r=o*e+t;void 0!==u&&(r=u(r));const s=v(r),i=s===n?-1:1;let l,d;const p=t=>{l=d,d=t,e=(0,q.R)(t-l,(0,U.$B)().delta),(1===i&&t>s||-1===i&&t<s)&&y({from:t,to:s,velocity:e})};g({type:"decay",from:t,velocity:e,timeConstant:a,power:o,restDelta:c,modifyTarget:u,onUpdate:h(r)?p:void 0})}return{stop:()=>null==m?void 0:m.stop()}}({...r,...s}):W({...vt(s,r,t),onUpdate:t=>{r.onUpdate(t),s.onUpdate&&s.onUpdate(t)},onComplete:()=>{r.onComplete(),s.onComplete&&s.onComplete()}})}:function(){const t=(0,ft.Y)(n);return e.set(t),a(),s.onUpdate&&s.onUpdate(t),s.onComplete&&s.onComplete(),{stop:()=>{}}}}function yt(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function bt(t){return"number"==typeof t?0:(0,dt.T)("",t)}function wt(t,e){return t[e]||t.default||t}function xt(t,e,n,r={}){return pt&&(r={type:!1}),e.start((o=>{let a,s;const i=gt(t,e,n,r,o),c=function(t,e){var n,r;return null!==(r=null!==(n=(wt(t,e)||{}).delay)&&void 0!==n?n:t.delay)&&void 0!==r?r:0}(r,t),u=()=>s=i();return c?a=window.setTimeout(u,(0,Z.w)(c)):u(),()=>{clearTimeout(a),s&&s.stop()}}))}},1930:(t,e,n)=>{n.d(e,{oO:()=>a});var r=n(8370),o=n(7866);function a(){const t=(0,r.useContext)(o.O);if(null===t)return[!0,null];const{isPresent:e,onExitComplete:n,register:a}=t,s=(0,r.useId)();(0,r.useEffect)((()=>a(s)),[]);return!e&&n?[!1,()=>n&&n(s)]:[!0]}},7866:(t,e,n)=>{n.d(e,{O:()=>o});var r=n(8370);const o=(0,r.createContext)(null)},409:(t,e,n)=>{n.d(e,{qT:()=>c});var r=n(3541);const o={pageX:0,pageY:0};function a(t,e="page"){const n=t.touches[0]||t.changedTouches[0]||o;return{x:n[e+"X"],y:n[e+"Y"]}}function s(t,e="page"){return{x:t[e+"X"],y:t[e+"Y"]}}function i(t,e="page"){return{point:(0,r.z)(t)?a(t,e):s(t,e)}}const c=(t,e=!1)=>{const n=e=>t(e,i(e));return e?(r=n,t=>{const e=t instanceof MouseEvent;(!e||e&&0===t.button)&&r(t)}):n;var r}},1876:(t,e,n)=>{n.d(e,{E:()=>o,p:()=>a});var r=n(8370);function o(t,e,n,r={passive:!0}){return t.addEventListener(e,n,r),()=>t.removeEventListener(e,n)}function a(t,e,n,a){(0,r.useEffect)((()=>{const r=t.current;if(n&&r)return o(r,e,n,a)}),[t,e,n,a])}},1395:(t,e,n)=>{n.d(e,{a:()=>u,m:()=>l});var r=n(1876),o=n(409),a=n(3093);const s={pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointercancel:"mousecancel",pointerover:"mouseover",pointerout:"mouseout",pointerenter:"mouseenter",pointerleave:"mouseleave"},i={pointerdown:"touchstart",pointermove:"touchmove",pointerup:"touchend",pointercancel:"touchcancel"};function c(t){return a.j&&null===window.onpointerdown?t:a.j&&null===window.ontouchstart?i[t]:a.j&&null===window.onmousedown?s[t]:t}function u(t,e,n,a){return(0,r.E)(t,c(e),(0,o.qT)(n,"pointerdown"===e),a)}function l(t,e,n,a){return(0,r.p)(t,c(e),n&&(0,o.qT)(n,"pointerdown"===e),a)}},5856:(t,e,n)=>{function r(t){let e=null;return()=>{const n=()=>{e=null};return null===e&&(e=t,n)}}n.d(e,{gD:()=>s});const o=r("dragHorizontal"),a=r("dragVertical");function s(){const t=function(t){let e=!1;if("y"===t)e=a();else if("x"===t)e=o();else{const t=o(),n=a();t&&n?e=()=>{t(),n()}:(t&&t(),n&&n())}return e}(!0);return!t||(t(),!1)}},3541:(t,e,n)=>{function r(t){return"undefined"!=typeof PointerEvent&&t instanceof PointerEvent?!("mouse"!==t.pointerType):t instanceof MouseEvent}function o(t){return!!t.touches}n.d(e,{N:()=>r,z:()=>o})},6295:(t,e,n)=>{n.d(e,{x:()=>r});const r=t=>e=>(t(e),null)},483:(t,e,n)=>{function r({top:t,left:e,right:n,bottom:r}){return{x:{min:e,max:n},y:{min:t,max:r}}}function o(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),r=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}n.d(e,{d7:()=>o,i8:()=>r})},798:(t,e,n)=>{n.d(e,{P:()=>r});const r={}},8834:(t,e,n)=>{n.d(e,{J:()=>o});var r=n(483);function o(t,e){return(0,r.i8)((0,r.d7)(t.getBoundingClientRect(),e))}},6978:(t,e,n)=>{n.d(e,{mH:()=>i});var r=n(9340);function o(t){return"string"==typeof t&&t.startsWith("var(--")}const a=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function s(t,e,n=1){(0,r.k)(n<=4,`Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);const[i,c]=function(t){const e=a.exec(t);if(!e)return[,];const[,n,r]=e;return[n,r]}(t);if(!i)return;const u=window.getComputedStyle(e).getPropertyValue(i);return u?u.trim():o(c)?s(c,e,n+1):c}function i(t,{...e},n){const r=t.getInstance();if(!(r instanceof Element))return{target:e,transitionEnd:n};n&&(n={...n}),t.forEachValue((t=>{const e=t.get();if(!o(e))return;const n=s(e,r);n&&t.set(n)}));for(const t in e){const a=e[t];if(!o(a))continue;const i=s(a,r);i&&(e[t]=i,n&&void 0===n[t]&&(n[t]=a))}return{target:e,transitionEnd:n}}},6914:(t,e,n)=>{n.d(e,{T:()=>s});var r=n(9500),o=n(6002),a=n(7557);function s(t,e){var n;let s=(0,a.A)(t);return s!==r.h&&(s=o.P),null===(n=s.getAnimatableNone)||void 0===n?void 0:n.call(s,e)}},7557:(t,e,n)=>{n.d(e,{A:()=>s});var r=n(7576),o=n(9500);const a={...n(4923).j,color:r.$,backgroundColor:r.$,outlineColor:r.$,fill:r.$,stroke:r.$,borderColor:r.$,borderTopColor:r.$,borderRightColor:r.$,borderBottomColor:r.$,borderLeftColor:r.$,filter:o.h,WebkitFilter:o.h},s=t=>a[t]},4923:(t,e,n)=>{n.d(e,{j:()=>s});var r=n(155),o=n(1513),a=n(6933);const s={borderWidth:r.px,borderTopWidth:r.px,borderRightWidth:r.px,borderBottomWidth:r.px,borderLeftWidth:r.px,borderRadius:r.px,radius:r.px,borderTopLeftRadius:r.px,borderTopRightRadius:r.px,borderBottomRightRadius:r.px,borderBottomLeftRadius:r.px,width:r.px,maxWidth:r.px,height:r.px,maxHeight:r.px,size:r.px,top:r.px,right:r.px,bottom:r.px,left:r.px,padding:r.px,paddingTop:r.px,paddingRight:r.px,paddingBottom:r.px,paddingLeft:r.px,margin:r.px,marginTop:r.px,marginRight:r.px,marginBottom:r.px,marginLeft:r.px,rotate:r.RW,rotateX:r.RW,rotateY:r.RW,rotateZ:r.RW,scale:o.bA,scaleX:o.bA,scaleY:o.bA,scaleZ:o.bA,skew:r.RW,skewX:r.RW,skewY:r.RW,distance:r.px,translateX:r.px,translateY:r.px,translateZ:r.px,x:r.px,y:r.px,z:r.px,perspective:r.px,transformPerspective:r.px,opacity:o.Fq,originX:r.$C,originY:r.$C,originZ:r.px,zIndex:a.e,fillOpacity:o.Fq,strokeOpacity:o.Fq,numOctaves:a.e}},6933:(t,e,n)=>{n.d(e,{e:()=>r});const r={...n(1513).Rx,transform:Math.round}},7921:(t,e,n)=>{var r;n.d(e,{r:()=>r}),function(t){t.Animate="animate",t.Hover="whileHover",t.Tap="whileTap",t.Drag="whileDrag",t.Focus="whileFocus",t.InView="whileInView",t.Exit="exit"}(r||(r={}))},1180:(t,e,n)=>{function r(t,e){-1===t.indexOf(e)&&t.push(e)}function o(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}n.d(e,{cl:()=>o,y4:()=>r})},3093:(t,e,n)=>{n.d(e,{j:()=>r});const r="undefined"!=typeof document},3491:(t,e,n)=>{function r(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}n.d(e,{I:()=>r})},7048:(t,e,n)=>{n.d(e,{Y:()=>o});var r=n(2819);const o=t=>(0,r.C)(t)?t[t.length-1]||0:t},1065:(t,e,n)=>{n.d(e,{L:()=>o});var r=n(1180);class o{constructor(){this.subscriptions=[]}add(t){return(0,r.y4)(this.subscriptions,t),()=>(0,r.cl)(this.subscriptions,t)}notify(t,e,n){const r=this.subscriptions.length;if(r)if(1===r)this.subscriptions[0](t,e,n);else for(let o=0;o<r;o++){const r=this.subscriptions[o];r&&r(t,e,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}},1818:(t,e,n)=>{n.d(e,{w:()=>r});const r=t=>1e3*t},9531:(t,e,n)=>{n.d(e,{z:()=>o});var r=n(8370);function o(t){return(0,r.useEffect)((()=>()=>t()),[])}},1421:(t,e,n)=>{n.d(e,{B:()=>i});var r=n(6162),o=n(4060),a=n(1065);class s{constructor(t){var e;this.version="__VERSION__",this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new a.L,this.velocityUpdateSubscribers=new a.L,this.renderSubscribers=new a.L,this.canTrackVelocity=!1,this.updateAndNotify=(t,e=!0)=>{this.prev=this.current,this.current=t;const{delta:n,timestamp:o}=(0,r.$B)();this.lastUpdated!==o&&(this.timeDelta=n,this.lastUpdated=o,r.ZP.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.updateSubscribers.notify(this.current),this.velocityUpdateSubscribers.getSize()&&this.velocityUpdateSubscribers.notify(this.getVelocity()),e&&this.renderSubscribers.notify(this.current)},this.scheduleVelocityCheck=()=>r.ZP.postRender(this.velocityCheck),this.velocityCheck=({timestamp:t})=>{t!==this.lastUpdated&&(this.prev=this.current,this.velocityUpdateSubscribers.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(e=this.current,!isNaN(parseFloat(e)))}onChange(t){return this.updateSubscribers.add(t)}clearListeners(){this.updateSubscribers.clear()}onRenderRequest(t){return t(this.get()),this.renderSubscribers.add(t)}attach(t){this.passiveEffect=t}set(t,e=!0){e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?(0,o.R)(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise((e=>{this.hasAnimated=!0,this.stopAnimation=t(e)})).then((()=>this.clearAnimation()))}stop(){this.stopAnimation&&this.stopAnimation(),this.clearAnimation()}isAnimating(){return!!this.stopAnimation}clearAnimation(){this.stopAnimation=null}destroy(){this.updateSubscribers.clear(),this.renderSubscribers.clear(),this.stop()}}function i(t){return new s(t)}},7846:(t,e,n)=>{n.d(e,{i:()=>r});const r=t=>void 0!==t&&!!t.getVelocity},8370:t=>{t.exports=void 0},6162:(t,e,n)=>{n.d(e,{qY:()=>f,ZP:()=>y,$B:()=>g});const r=1/60*1e3,o="undefined"!=typeof performance?()=>performance.now():()=>Date.now(),a="undefined"!=typeof window?t=>window.requestAnimationFrame(t):t=>setTimeout((()=>t(o())),r);let s=!0,i=!1,c=!1;const u={delta:0,timestamp:0},l=["read","update","preRender","render","postRender"],d=l.reduce(((t,e)=>(t[e]=function(t){let e=[],n=[],r=0,o=!1,a=!1;const s=new WeakSet,i={schedule:(t,a=!1,i=!1)=>{const c=i&&o,u=c?e:n;return a&&s.add(t),-1===u.indexOf(t)&&(u.push(t),c&&o&&(r=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),s.delete(t)},process:c=>{if(o)a=!0;else{if(o=!0,[e,n]=[n,e],n.length=0,r=e.length,r)for(let n=0;n<r;n++){const r=e[n];r(c),s.has(r)&&(i.schedule(r),t())}o=!1,a&&(a=!1,i.process(c))}}};return i}((()=>i=!0)),t)),{}),p=l.reduce(((t,e)=>{const n=d[e];return t[e]=(t,e=!1,r=!1)=>(i||v(),n.schedule(t,e,r)),t}),{}),f=l.reduce(((t,e)=>(t[e]=d[e].cancel,t)),{}),m=(l.reduce(((t,e)=>(t[e]=()=>d[e].process(u),t)),{}),t=>d[t].process(u)),h=t=>{i=!1,u.delta=s?r:Math.max(Math.min(t-u.timestamp,40),1),u.timestamp=t,c=!0,l.forEach(m),c=!1,i&&(s=!1,a(h))},v=()=>{i=!0,s=!0,c||a(h)},g=()=>u,y=p},6924:(t,e,n)=>{n.d(e,{LU:()=>g,G2:()=>m,XL:()=>v,CG:()=>h,h9:()=>b,yD:()=>w,gJ:()=>y,Z7:()=>d,X7:()=>f,Bn:()=>p,YQ:()=>i,mZ:()=>l,Vv:()=>u,GE:()=>s});const r=t=>e=>1-t(1-e),o=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,a=t=>e=>e*e*((t+1)*e-t),s=t=>t,i=(c=2,t=>Math.pow(t,c));var c;const u=r(i),l=o(i),d=t=>1-Math.sin(Math.acos(t)),p=r(d),f=o(p),m=a(1.525),h=r(m),v=o(m),g=(t=>{const e=a(t);return t=>(t*=2)<1?.5*e(t):.5*(2-Math.pow(2,-10*(t-1)))})(1.525),y=t=>{if(1===t||0===t)return t;const e=t*t;return t<.36363636363636365?7.5625*e:t<.7272727272727273?9.075*e-9.9*t+3.4:t<.9?12.066481994459833*e-19.63545706371191*t+8.898060941828255:10.8*t*t-20.52*t+10.72},b=r(y),w=t=>t<.5?.5*(1-y(1-2*t)):.5*y(2*t-1)+.5},1698:(t,e,n)=>{n.d(e,{u:()=>r});const r=(t,e,n)=>Math.min(Math.max(n,t),e)},5091:(t,e,n)=>{n.d(e,{e:()=>r});const r=t=>"number"==typeof t},8481:(t,e,n)=>{n.d(e,{C:()=>r});const r=(t,e,n)=>-n*t+n*e+t},934:(t,e,n)=>{n.d(e,{z:()=>o});const r=(t,e)=>n=>e(t(n)),o=(...t)=>t.reduce(r)},1790:(t,e,n)=>{n.d(e,{Y:()=>r});const r=(t,e,n)=>{const r=e-t;return 0===r?1:(n-t)/r}},4060:(t,e,n)=>{function r(t,e){return e?t*(1e3/e):0}n.d(e,{R:()=>r})},9012:(t,e,n)=>{n.d(e,{$:()=>o});var r=n(3203);const o={test:(0,n(1552).i)("#"),parse:function(t){let e="",n="",r="",o="";return t.length>5?(e=t.substr(1,2),n=t.substr(3,2),r=t.substr(5,2),o=t.substr(7,2)):(e=t.substr(1,1),n=t.substr(2,1),r=t.substr(3,1),o=t.substr(4,1),e+=e,n+=n,r+=r,o+=o),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:o?parseInt(o,16)/255:1}},transform:r.m.transform}},7493:(t,e,n)=>{n.d(e,{J:()=>i});var r=n(1513),o=n(155),a=n(5757),s=n(1552);const i={test:(0,s.i)("hsl","hue"),parse:(0,s.d)("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:s=1})=>"hsla("+Math.round(t)+", "+o.aQ.transform((0,a.Nw)(e))+", "+o.aQ.transform((0,a.Nw)(n))+", "+(0,a.Nw)(r.Fq.transform(s))+")"}},7576:(t,e,n)=>{n.d(e,{$:()=>i});var r=n(5757),o=n(9012),a=n(7493),s=n(3203);const i={test:t=>s.m.test(t)||o.$.test(t)||a.J.test(t),parse:t=>s.m.test(t)?s.m.parse(t):a.J.test(t)?a.J.parse(t):o.$.parse(t),transform:t=>(0,r.HD)(t)?t:t.hasOwnProperty("red")?s.m.transform(t):a.J.transform(t)}},3203:(t,e,n)=>{n.d(e,{m:()=>c});var r=n(1513),o=n(5757),a=n(1552);const s=(0,o.uZ)(0,255),i=Object.assign(Object.assign({},r.Rx),{transform:t=>Math.round(s(t))}),c={test:(0,a.i)("rgb","red"),parse:(0,a.d)("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:a=1})=>"rgba("+i.transform(t)+", "+i.transform(e)+", "+i.transform(n)+", "+(0,o.Nw)(r.Fq.transform(a))+")"}},1552:(t,e,n)=>{n.d(e,{d:()=>a,i:()=>o});var r=n(5757);const o=(t,e)=>n=>Boolean((0,r.HD)(n)&&r.mj.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),a=(t,e,n)=>o=>{if(!(0,r.HD)(o))return o;const[a,s,i,c]=o.match(r.KP);return{[t]:parseFloat(a),[e]:parseFloat(s),[n]:parseFloat(i),alpha:void 0!==c?parseFloat(c):1}}},9500:(t,e,n)=>{n.d(e,{h:()=>c});var r=n(6002),o=n(5757);const a=new Set(["brightness","contrast","saturate","opacity"]);function s(t){let[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[r]=n.match(o.KP)||[];if(!r)return t;const s=n.replace(r,"");let i=a.has(e)?1:0;return r!==n&&(i*=100),e+"("+i+s+")"}const i=/([a-z-]*)\(.*?\)/g,c=Object.assign(Object.assign({},r.P),{getAnimatableNone:t=>{const e=t.match(i);return e?e.map(s).join(" "):t}})},6002:(t,e,n)=>{n.d(e,{P:()=>p});var r=n(7576),o=n(1513),a=n(5757);const s="${c}",i="${n}";function c(t){"number"==typeof t&&(t=`${t}`);const e=[];let n=0;const c=t.match(a.dA);c&&(n=c.length,t=t.replace(a.dA,s),e.push(...c.map(r.$.parse)));const u=t.match(a.KP);return u&&(t=t.replace(a.KP,i),e.push(...u.map(o.Rx.parse))),{values:e,numColors:n,tokenised:t}}function u(t){return c(t).values}function l(t){const{values:e,numColors:n,tokenised:o}=c(t),u=e.length;return t=>{let e=o;for(let o=0;o<u;o++)e=e.replace(o<n?s:i,o<n?r.$.transform(t[o]):(0,a.Nw)(t[o]));return e}}const d=t=>"number"==typeof t?0:t;const p={test:function(t){var e,n,r,o;return isNaN(t)&&(0,a.HD)(t)&&(null!==(n=null===(e=t.match(a.KP))||void 0===e?void 0:e.length)&&void 0!==n?n:0)+(null!==(o=null===(r=t.match(a.dA))||void 0===r?void 0:r.length)&&void 0!==o?o:0)>0},parse:u,createTransformer:l,getAnimatableNone:function(t){const e=u(t);return l(t)(e.map(d))}}},1513:(t,e,n)=>{n.d(e,{Fq:()=>a,Rx:()=>o,bA:()=>s});var r=n(5757);const o={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},a=Object.assign(Object.assign({},o),{transform:(0,r.uZ)(0,1)}),s=Object.assign(Object.assign({},o),{default:1})},155:(t,e,n)=>{n.d(e,{$C:()=>l,RW:()=>a,aQ:()=>s,px:()=>i,vh:()=>c,vw:()=>u});var r=n(5757);const o=t=>({test:e=>(0,r.HD)(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),a=o("deg"),s=o("%"),i=o("px"),c=o("vh"),u=o("vw"),l=Object.assign(Object.assign({},s),{parse:t=>s.parse(t)/100,transform:t=>s.transform(100*t)})},5757:(t,e,n)=>{n.d(e,{HD:()=>c,KP:()=>a,Nw:()=>o,dA:()=>s,mj:()=>i,uZ:()=>r});const r=(t,e)=>n=>Math.max(Math.min(n,e),t),o=t=>t%1?Number(t.toFixed(5)):t,a=/(-)?([\d]*\.?[\d])+/g,s=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,i=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function c(t){return"string"==typeof t}}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var a=e[r]={exports:{}};return t[r](a,a.exports,n),a.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t=n(8370);function e(t){return"object"==typeof t&&"function"==typeof t.start}var r=n(1930),o=n(7866),a=n(2819);function s(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let r=0;r<n;r++)if(e[r]!==t[r])return!1;return!0}var i=n(3880),c=n(6002);const u=t=>/^0[^.\s]+$/.test(t);var l=n(7048),d=n(1421),p=n(6914),f=n(7576),m=n(1513),h=n(155);const v=t=>e=>e.test(t),g=[m.Rx,h.px,h.aQ,h.RW,h.vw,h.vh,{test:t=>"auto"===t,parse:t=>t}],y=t=>g.find(v(t)),b=[...g,f.$,c.P],w=t=>b.find(v(t));function x(t,e,n){const r=t.getProps();return function(t,e,n,r={},o={}){return"function"==typeof e&&(e=e(void 0!==n?n:t.custom,r,o)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,r,o)),e}(r,e,void 0!==n?n:r.custom,function(t){const e={};return t.forEachValue(((t,n)=>e[n]=t.get())),e}(t),function(t){const e={};return t.forEachValue(((t,n)=>e[n]=t.getVelocity())),e}(t))}function A(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,(0,d.B)(n))}function V(t,e){const n=x(t,e);let{transitionEnd:r={},transition:o={},...a}=n?t.makeTargetAnimatable(n,!1):{};a={...a,...r};for(const e in a){A(t,e,(0,l.Y)(a[e]))}}function C(t,e){if(!e)return;return(e[t]||e.default||e).from}const S=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],O=new Set(S);var T=n(7846);function P(t){return Boolean((0,T.i)(t)&&t.add)}function E(t,e,n={}){var r;const o=x(t,e,n.custom);let{transition:a=t.getDefaultTransition()||{}}=o||{};n.transitionOverride&&(a=n.transitionOverride);const s=o?()=>M(t,o,n):()=>Promise.resolve(),i=(null===(r=t.variantChildren)||void 0===r?void 0:r.size)?(r=0)=>{const{delayChildren:o=0,staggerChildren:s,staggerDirection:i}=a;return function(t,e,n=0,r=0,o=1,a){const s=[],i=(t.variantChildren.size-1)*r,c=1===o?(t=0)=>t*r:(t=0)=>i-t*r;return Array.from(t.variantChildren).sort(k).forEach(((t,r)=>{s.push(E(t,e,{...a,delay:n+c(r)}).then((()=>t.notifyAnimationComplete(e))))})),Promise.all(s)}(t,e,o+r,s,i,n)}:()=>Promise.resolve(),{when:c}=a;if(c){const[t,e]="beforeChildren"===c?[s,i]:[i,s];return t().then(e)}return Promise.all([s(),i(n.delay)])}function M(t,e,{delay:n=0,transitionOverride:r,type:o}={}){var a;let{transition:s=t.getDefaultTransition(),transitionEnd:c,...u}=t.makeTargetAnimatable(e);const l=t.getValue("willChange");r&&(s=r);const d=[],p=o&&(null===(a=t.animationState)||void 0===a?void 0:a.getState()[o]);for(const e in u){const r=t.getValue(e),o=u[e];if(!r||void 0===o||p&&R(p,e))continue;let a={delay:n,...s};t.shouldReduceMotion&&O.has(e)&&(a={...a,type:!1,delay:0});let c=(0,i.b8)(e,r,o,a);P(l)&&(l.add(e),c=c.then((()=>l.remove(e)))),d.push(c)}return Promise.all(d).then((()=>{c&&V(t,c)}))}function k(t,e){return t.sortNodePosition(e)}function R({protectedKeys:t,needsAnimating:e},n){const r=t.hasOwnProperty(n)&&!0!==e[n];return e[n]=!1,r}function j(t){return"string"==typeof t||Array.isArray(t)}var I=n(7921);const F=[I.r.Animate,I.r.InView,I.r.Focus,I.r.Hover,I.r.Tap,I.r.Drag,I.r.Exit],$=[...F].reverse(),D=F.length;function B(t){return e=>Promise.all(e.map((({animation:e,options:n})=>function(t,e,n={}){let r;if(t.notifyAnimationStart(e),Array.isArray(e)){const o=e.map((e=>E(t,e,n)));r=Promise.all(o)}else if("string"==typeof e)r=E(t,e,n);else{const o="function"==typeof e?x(t,e,n.custom):e;r=M(t,o,n)}return r.then((()=>t.notifyAnimationComplete(e)))}(t,e,n))))}function L(t){let n=B(t);const r={[I.r.Animate]:Y(!0),[I.r.InView]:Y(),[I.r.Hover]:Y(),[I.r.Tap]:Y(),[I.r.Drag]:Y(),[I.r.Focus]:Y(),[I.r.Exit]:Y()};let o=!0;const i=(e,n)=>{const r=x(t,n);if(r){const{transition:t,transitionEnd:n,...o}=r;e={...e,...o,...n}}return e};function c(c,u){var l;const d=t.getProps(),p=t.getVariantContext(!0)||{},f=[],m=new Set;let h={},v=1/0;for(let n=0;n<D;n++){const g=$[n],y=r[g],b=null!==(l=d[g])&&void 0!==l?l:p[g],w=j(b),x=g===u?y.isActive:null;!1===x&&(v=n);let A=b===p[g]&&b!==d[g]&&w;if(A&&o&&t.manuallyAnimateOnMount&&(A=!1),y.protectedKeys={...h},!y.isActive&&null===x||!b&&!y.prevProp||e(b)||"boolean"==typeof b)continue;const V=N(y.prevProp,b);let C=V||g===u&&y.isActive&&!A&&w||n>v&&w;const S=Array.isArray(b)?b:[b];let O=S.reduce(i,{});!1===x&&(O={});const{prevResolvedValues:T={}}=y,P={...T,...O},E=t=>{C=!0,m.delete(t),y.needsAnimating[t]=!0};for(const t in P){const e=O[t],n=T[t];h.hasOwnProperty(t)||(e!==n?(0,a.C)(e)&&(0,a.C)(n)?!s(e,n)||V?E(t):y.protectedKeys[t]=!0:void 0!==e?E(t):m.add(t):void 0!==e&&m.has(t)?E(t):y.protectedKeys[t]=!0)}y.prevProp=b,y.prevResolvedValues=O,y.isActive&&(h={...h,...O}),o&&t.blockInitialAnimation&&(C=!1),C&&!A&&f.push(...S.map((t=>({animation:t,options:{type:g,...c}}))))}if(m.size){const e={};m.forEach((n=>{const r=t.getBaseTarget(n);void 0!==r&&(e[n]=r)})),f.push({animation:e})}let g=Boolean(f.length);return o&&!1===d.initial&&!t.manuallyAnimateOnMount&&(g=!1),o=!1,g?n(f):Promise.resolve()}return{animateChanges:c,setActive:function(e,n,o){var a;if(r[e].isActive===n)return Promise.resolve();null===(a=t.variantChildren)||void 0===a||a.forEach((t=>{var r;return null===(r=t.animationState)||void 0===r?void 0:r.setActive(e,n)})),r[e].isActive=n;const s=c(o,e);for(const t in r)r[t].protectedKeys={};return s},setAnimateFunction:function(e){n=e(t)},getState:()=>r}}function N(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!s(e,t)}function Y(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}var U=n(6295);const z={animation:(0,U.x)((({visualElement:n,animate:r})=>{n.animationState||(n.animationState=L(n)),e(r)&&(0,t.useEffect)((()=>r.subscribe(n)),[r])})),exit:(0,U.x)((e=>{const{custom:n,visualElement:a}=e,[s,i]=(0,r.oO)(),c=(0,t.useContext)(o.O);(0,t.useEffect)((()=>{a.isPresent=s;const t=a.animationState&&a.animationState.setActive(I.r.Exit,!s,{custom:c&&c.custom||n});t&&!s&&t.then(i)}),[s])}))};var H=n(1876);var W=n(3541),q=n(1395),Z=n(5856);function X(t,e,n){return(r,o)=>{(0,W.N)(r)&&!(0,Z.gD)()&&(t.animationState&&t.animationState.setActive(I.r.Hover,e),n&&n(r,o))}}const K=(t,e)=>!!e&&(t===e||K(t,e.parentElement));var J=n(9531),G=n(934);const _=("undefined"==typeof process||process.env,"production"),Q=new Set;const tt=new WeakMap,et=new WeakMap,nt=t=>{const e=tt.get(t.target);e&&e(t)},rt=t=>{t.forEach(nt)};function ot(t,e,n){const r=function({root:t,...e}){const n=t||document;et.has(n)||et.set(n,{});const r=et.get(n),o=JSON.stringify(e);return r[o]||(r[o]=new IntersectionObserver(rt,{root:t,...e})),r[o]}(e);return tt.set(t,n),r.observe(t),()=>{tt.delete(t),r.unobserve(t)}}const at={some:0,all:1};function st(e,n,r,{root:o,margin:a,amount:s="some",once:i}){(0,t.useEffect)((()=>{if(!e)return;const t={root:null==o?void 0:o.current,rootMargin:a,threshold:"number"==typeof s?s:at[s]};return ot(r.getInstance(),t,(t=>{const{isIntersecting:e}=t;if(n.isInView===e)return;if(n.isInView=e,i&&!e&&n.hasEnteredView)return;e&&(n.hasEnteredView=!0),r.animationState&&r.animationState.setActive(I.r.InView,e);const o=r.getProps(),a=e?o.onViewportEnter:o.onViewportLeave;a&&a(t)}))}),[e,o,a,s])}function it(e,n,r,{fallback:o=!0}){(0,t.useEffect)((()=>{var t,a;e&&o&&("production"!==_&&(t="IntersectionObserver not available on this device. whileInView animations will trigger on mount.",!1||Q.has(t)||(console.warn(t),a&&console.warn(a),Q.add(t))),requestAnimationFrame((()=>{n.hasEnteredView=!0;const{onViewportEnter:t}=r.getProps();t&&t(null),r.animationState&&r.animationState.setActive(I.r.InView,!0)})))}),[e])}const ct={inView:(0,U.x)((function({visualElement:e,whileInView:n,onViewportEnter:r,onViewportLeave:o,viewport:a={}}){const s=(0,t.useRef)({hasEnteredView:!1,isInView:!1});let i=Boolean(n||r||o);a.once&&s.current.hasEnteredView&&(i=!1),("undefined"==typeof IntersectionObserver?it:st)(i,s.current,e,a)})),tap:(0,U.x)((function({onTap:e,onTapStart:n,onTapCancel:r,whileTap:o,visualElement:a}){const s=e||n||r||o,i=(0,t.useRef)(!1),c=(0,t.useRef)(null),u={passive:!(n||e||r||m)};function l(){c.current&&c.current(),c.current=null}function d(){return l(),i.current=!1,a.animationState&&a.animationState.setActive(I.r.Tap,!1),!(0,Z.gD)()}function p(t,n){d()&&(K(a.getInstance(),t.target)?e&&e(t,n):r&&r(t,n))}function f(t,e){d()&&r&&r(t,e)}function m(t,e){l(),i.current||(i.current=!0,c.current=(0,G.z)((0,q.a)(window,"pointerup",p,u),(0,q.a)(window,"pointercancel",f,u)),a.animationState&&a.animationState.setActive(I.r.Tap,!0),n&&n(t,e))}(0,q.m)(a,"pointerdown",s?m:void 0,u),(0,J.z)(l)})),focus:(0,U.x)((function({whileFocus:t,visualElement:e}){const{animationState:n}=e;(0,H.p)(e,"focus",t?()=>{n&&n.setActive(I.r.Focus,!0)}:void 0),(0,H.p)(e,"blur",t?()=>{n&&n.setActive(I.r.Focus,!1)}:void 0)})),hover:(0,U.x)((function({onHoverStart:t,onHoverEnd:e,whileHover:n,visualElement:r}){(0,q.m)(r,"pointerenter",t||n?X(r,!0,t):void 0,{passive:!t}),(0,q.m)(r,"pointerleave",e||n?X(r,!1,e):void 0,{passive:!e})}))};var ut=n(6162),lt=n(3093);const dt={current:null},pt={current:!1};var ft=n(1065);const mt=["LayoutMeasure","BeforeLayoutMeasure","LayoutUpdate","ViewportBoxUpdate","Update","Render","AnimationComplete","LayoutAnimationComplete","AnimationStart","LayoutAnimationStart","SetAxisTarget","Unmount"];const ht=["initial","animate","exit","whileHover","whileDrag","whileTap","whileFocus","whileInView"];function vt(t){return e(t.animate)||ht.some((e=>j(t[e])))}var gt=n(9340);const yt=t=>({isEnabled:e=>t.some((t=>!!e[t]))}),bt={measureLayout:yt(["layout","layoutId","drag"]),animation:yt(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:yt(["exit"]),drag:yt(["drag","dragControls"]),focus:yt(["whileFocus"]),hover:yt(["whileHover","onHoverStart","onHoverEnd"]),tap:yt(["whileTap","onTap","onTapStart","onTapCancel"]),pan:yt(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:yt(["whileInView","onViewportEnter","onViewportLeave"])};var wt=n(3491);const xt=Object.keys(bt),At=xt.length,Vt=({treeType:e="",build:n,getBaseTarget:r,makeTargetAnimatable:o,measureViewportBox:a,render:s,readValueFromInstance:i,removeValueFromRenderState:c,sortNodePosition:u,scrapeMotionValuesFromProps:l})=>({parent:p,props:f,presenceId:m,blockInitialAnimation:h,visualState:v,reducedMotionConfig:g},y={})=>{let b=!1;const{latestValues:w,renderState:x}=v;let A;const V=function(){const t=mt.map((()=>new ft.L)),e={},n={clearAllListeners:()=>t.forEach((t=>t.clear())),updatePropListeners:t=>{mt.forEach((r=>{var o;const a="on"+r,s=t[a];null===(o=e[r])||void 0===o||o.call(e),s&&(e[r]=n[a](s))}))}};return t.forEach(((t,e)=>{n["on"+mt[e]]=e=>t.add(e),n["notify"+mt[e]]=(...e)=>t.notify(...e)})),n}(),C=new Map,S=new Map;let O={};const E={...w};let M;function k(){A&&b&&(R(),s(A,x,f.style,N.projection))}function R(){n(N,x,w,y,f)}function I(){V.notifyUpdate(w)}function F(t,e){const n=e.onChange((e=>{w[t]=e,f.onUpdate&&ut.ZP.update(I,!1,!0)})),r=e.onRenderRequest(N.scheduleRender);S.set(t,(()=>{n(),r()}))}const{willChange:$,...D}=l(f);for(const t in D){const e=D[t];void 0!==w[t]&&(0,T.i)(e)&&(e.set(w[t],!1),P($)&&$.add(t))}const B=vt(f),L=function(t){return Boolean(vt(t)||t.variants)}(f),N={treeType:e,current:null,depth:p?p.depth+1:0,parent:p,children:new Set,presenceId:m,shouldReduceMotion:null,variantChildren:L?new Set:void 0,isVisible:void 0,manuallyAnimateOnMount:Boolean(null==p?void 0:p.isMounted()),blockInitialAnimation:h,isMounted:()=>Boolean(A),mount(t){b=!0,A=N.current=t,N.projection&&N.projection.mount(t),L&&p&&!B&&(M=null==p?void 0:p.addVariantChild(N)),C.forEach(((t,e)=>F(e,t))),pt.current||function(){if(pt.current=!0,lt.j)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>dt.current=t.matches;t.addListener(e),e()}else dt.current=!1}(),N.shouldReduceMotion="never"!==g&&("always"===g||dt.current),null==p||p.children.add(N),N.setProps(f)},unmount(){var t;null===(t=N.projection)||void 0===t||t.unmount(),ut.qY.update(I),ut.qY.render(k),S.forEach((t=>t())),null==M||M(),null==p||p.children.delete(N),V.clearAllListeners(),A=void 0,b=!1},loadFeatures(e,n,r,o,a,s){const i=[];"production"!==_&&r&&n&&(0,gt.k)(!1,"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.");for(let n=0;n<At;n++){const r=xt[n],{isEnabled:o,Component:a}=bt[r];o(f)&&a&&i.push((0,t.createElement)(a,{key:r,...e,visualElement:N}))}if(!N.projection&&a){N.projection=new a(o,N.getLatestValues(),p&&p.projection);const{layoutId:t,layout:n,drag:r,dragConstraints:i,layoutScroll:c}=e;N.projection.setOptions({layoutId:t,layout:n,alwaysMeasureLayout:Boolean(r)||i&&(0,wt.I)(i),visualElement:N,scheduleRender:()=>N.scheduleRender(),animationType:"string"==typeof n?n:"both",initialPromotionConfig:s,layoutScroll:c})}return i},addVariantChild(t){var e;const n=N.getClosestVariantNode();if(n)return null===(e=n.variantChildren)||void 0===e||e.add(t),()=>n.variantChildren.delete(t)},sortNodePosition:t=>u&&e===t.treeType?u(N.getInstance(),t.getInstance()):0,getClosestVariantNode:()=>L?N:null==p?void 0:p.getClosestVariantNode(),getLayoutId:()=>f.layoutId,getInstance:()=>A,getStaticValue:t=>w[t],setStaticValue:(t,e)=>w[t]=e,getLatestValues:()=>w,setVisibility(t){N.isVisible!==t&&(N.isVisible=t,N.scheduleRender())},makeTargetAnimatable:(t,e=!0)=>o(N,t,f,e),measureViewportBox:()=>a(A,f),addValue(t,e){N.hasValue(t)&&N.removeValue(t),C.set(t,e),w[t]=e.get(),F(t,e)},removeValue(t){var e;C.delete(t),null===(e=S.get(t))||void 0===e||e(),S.delete(t),delete w[t],c(t,x)},hasValue:t=>C.has(t),getValue(t,e){let n=C.get(t);return void 0===n&&void 0!==e&&(n=(0,d.B)(e),N.addValue(t,n)),n},forEachValue:t=>C.forEach(t),readValue:t=>void 0!==w[t]?w[t]:i(A,t,y),setBaseTarget(t,e){E[t]=e},getBaseTarget(t){if(r){const e=r(f,t);if(void 0!==e&&!(0,T.i)(e))return e}return E[t]},...V,build:()=>(R(),x),scheduleRender(){ut.ZP.render(k,!1,!0)},syncRender:k,setProps(t){(t.transformTemplate||f.transformTemplate)&&N.scheduleRender(),f=t,V.updatePropListeners(t),O=function(t,e,n){const{willChange:r}=e;for(const o in e){const a=e[o],s=n[o];if((0,T.i)(a))t.addValue(o,a),P(r)&&r.add(o);else if((0,T.i)(s))t.addValue(o,(0,d.B)(a)),P(r)&&r.remove(o);else if(s!==a)if(t.hasValue(o)){const e=t.getValue(o);!e.hasAnimated&&e.set(a)}else{const e=t.getStaticValue(o);t.addValue(o,(0,d.B)(void 0!==e?e:a))}}for(const r in n)void 0===e[r]&&t.removeValue(r);return e}(N,l(f),O)},getProps:()=>f,getVariant:t=>{var e;return null===(e=f.variants)||void 0===e?void 0:e[t]},getDefaultTransition:()=>f.transition,getTransformPagePoint:()=>f.transformPagePoint,getVariantContext(t=!1){if(t)return null==p?void 0:p.getVariantContext();if(!B){const t=(null==p?void 0:p.getVariantContext())||{};return void 0!==f.initial&&(t.initial=f.initial),t}const e={};for(let t=0;t<St;t++){const n=Ct[t],r=f[n];(j(r)||!1===r)&&(e[n]=r)}return e}};return N},Ct=["initial",...F],St=Ct.length,Ot={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Tt=(t,e)=>S.indexOf(t)-S.indexOf(e);function Pt(t){return t.startsWith("--")}const Et=(t,e)=>e&&"number"==typeof t?e.transform(t):t;var Mt=n(4923);function kt(t,e,n,r){const{style:o,vars:a,transform:s,transformKeys:i,transformOrigin:c}=t;i.length=0;let u=!1,l=!1,d=!0;for(const t in e){const n=e[t];if(Pt(t)){a[t]=n;continue}const r=Mt.j[t],p=Et(n,r);if(O.has(t)){if(u=!0,s[t]=p,i.push(t),!d)continue;n!==(r.default||0)&&(d=!1)}else t.startsWith("origin")?(l=!0,c[t]=p):o[t]=p}if(u||r?o.transform=function({transform:t,transformKeys:e},{enableHardwareAcceleration:n=!0,allowTransformNone:r=!0},o,a){let s="";e.sort(Tt);for(const n of e)s+=`${Ot[n]||n}(${t[n]}) `;return n&&!t.z&&(s+="translateZ(0)"),s=s.trim(),a?s=a(t,o?"":s):r&&o&&(s="none"),s}(t,n,d,r):!e.transform&&o.transform&&(o.transform="none"),l){const{originX:t="50%",originY:e="50%",originZ:n=0}=c;o.transformOrigin=`${t} ${e} ${n}`}}var Rt=n(6978);const jt=new Set(["width","height","top","left","right","bottom","x","y"]),It=t=>jt.has(t),Ft=(t,e)=>{t.set(e,!1),t.set(e)},$t=t=>t===m.Rx||t===h.px;var Dt;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Dt||(Dt={}));const Bt=(t,e)=>parseFloat(t.split(", ")[e]),Lt=(t,e)=>(n,{transform:r})=>{if("none"===r||!r)return 0;const o=r.match(/^matrix3d\((.+)\)$/);if(o)return Bt(o[1],e);{const e=r.match(/^matrix\((.+)\)$/);return e?Bt(e[1],t):0}},Nt=new Set(["x","y","z"]),Yt=S.filter((t=>!Nt.has(t)));const Ut={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:Lt(4,13),y:Lt(5,14)},zt=(t,e,n={},r={})=>{e={...e},r={...r};const o=Object.keys(e).filter(It);let s=[],i=!1;const c=[];if(o.forEach((o=>{const u=t.getValue(o);if(!t.hasValue(o))return;let l=n[o],d=y(l);const p=e[o];let f;if((0,a.C)(p)){const t=p.length,e=null===p[0]?1:0;l=p[e],d=y(l);for(let n=e;n<t;n++)f?(0,gt.k)(y(p[n])===f,"All keyframes must be of the same type"):(f=y(p[n]),(0,gt.k)(f===d||$t(d)&&$t(f),"Keyframes must be of the same dimension as the current value"))}else f=y(p);if(d!==f)if($t(d)&&$t(f)){const t=u.get();"string"==typeof t&&u.set(parseFloat(t)),"string"==typeof p?e[o]=parseFloat(p):Array.isArray(p)&&f===h.px&&(e[o]=p.map(parseFloat))}else(null==d?void 0:d.transform)&&(null==f?void 0:f.transform)&&(0===l||0===p)?0===l?u.set(f.transform(l)):e[o]=d.transform(p):(i||(s=function(t){const e=[];return Yt.forEach((n=>{const r=t.getValue(n);void 0!==r&&(e.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))})),e.length&&t.syncRender(),e}(t),i=!0),c.push(o),r[o]=void 0!==r[o]?r[o]:e[o],Ft(u,p))})),c.length){const n=c.indexOf("height")>=0?window.pageYOffset:null,o=((t,e,n)=>{const r=e.measureViewportBox(),o=e.getInstance(),a=getComputedStyle(o),{display:s}=a,i={};"none"===s&&e.setStaticValue("display",t.display||"block"),n.forEach((t=>{i[t]=Ut[t](r,a)})),e.syncRender();const c=e.measureViewportBox();return n.forEach((n=>{const r=e.getValue(n);Ft(r,i[n]),t[n]=Ut[n](c,a)})),t})(e,t,c);return s.length&&s.forEach((([e,n])=>{t.getValue(e).set(n)})),t.syncRender(),lt.j&&null!==n&&window.scrollTo({top:n}),{target:o,transitionEnd:r}}return{target:e,transitionEnd:r}};function Ht(t,e,n,r){return(t=>Object.keys(t).some(It))(e)?zt(t,e,n,r):{target:e,transitionEnd:r}}var Wt=n(798);function qt(t,{layout:e,layoutId:n}){return O.has(t)||t.startsWith("origin")||(e||void 0!==n)&&(!!Wt.P[t]||"opacity"===t)}function Zt(t){const{style:e}=t,n={};for(const r in e)((0,T.i)(e[r])||qt(r,t))&&(n[r]=e[r]);return n}function Xt(t,{style:e,vars:n},r,o){Object.assign(t.style,e,o&&o.getProjectionStyles(r));for(const e in n)t.style.setProperty(e,n[e])}var Kt=n(7557),Jt=n(8834);const Gt={treeType:"dom",readValueFromInstance(t,e){if(O.has(e)){const t=(0,Kt.A)(e);return t&&t.default||0}{const r=(n=t,window.getComputedStyle(n)),o=(Pt(e)?r.getPropertyValue(e):r[e])||0;return"string"==typeof o?o.trim():o}var n},sortNodePosition:(t,e)=>2&t.compareDocumentPosition(e)?1:-1,getBaseTarget(t,e){var n;return null===(n=t.style)||void 0===n?void 0:n[e]},measureViewportBox:(t,{transformPagePoint:e})=>(0,Jt.J)(t,e),resetTransform(t,e,n){const{transformTemplate:r}=n;e.style.transform=r?r({},""):"none",t.scheduleRender()},restoreTransform(t,e){t.style.transform=e.style.transform},removeValueFromRenderState(t,{vars:e,style:n}){delete e[t],delete n[t]},makeTargetAnimatable(t,{transition:e,transitionEnd:n,...r},{transformValues:o},a=!0){let s=function(t,e,n){var r;const o={};for(const a in t){const t=C(a,e);o[a]=void 0!==t?t:null===(r=n.getValue(a))||void 0===r?void 0:r.get()}return o}(r,e||{},t);if(o&&(n&&(n=o(n)),r&&(r=o(r)),s&&(s=o(s))),a){!function(t,e,n){var r,o;const a=Object.keys(e).filter((e=>!t.hasValue(e))),s=a.length;if(s)for(let i=0;i<s;i++){const s=a[i],l=e[s];let f=null;Array.isArray(l)&&(f=l[0]),null===f&&(f=null!==(o=null!==(r=n[s])&&void 0!==r?r:t.readValue(s))&&void 0!==o?o:e[s]),null!=f&&("string"==typeof f&&(/^\-?\d*\.?\d+$/.test(f)||u(f))?f=parseFloat(f):!w(f)&&c.P.test(l)&&(f=(0,p.T)(s,l)),t.addValue(s,(0,d.B)(f)),void 0===n[s]&&(n[s]=f),t.setBaseTarget(s,f))}}(t,r,s);const e=((t,e,n,r)=>{const o=(0,Rt.mH)(t,e,r);return Ht(t,e=o.target,n,r=o.transitionEnd)})(t,r,s,n);n=e.transitionEnd,r=e.target}return{transition:e,transitionEnd:n,...r}},scrapeMotionValuesFromProps:Zt,build(t,e,n,r,o){void 0!==t.isVisible&&(e.style.visibility=t.isVisible?"visible":"hidden"),kt(e,n,r,o.transformTemplate)},render:Xt},_t=Vt(Gt);function Qt(t,e,n){return"string"==typeof t?t:h.px.transform(e+n*t)}const te={offset:"stroke-dashoffset",array:"stroke-dasharray"},ee={offset:"strokeDashoffset",array:"strokeDasharray"};function ne(t,{attrX:e,attrY:n,originX:r,originY:o,pathLength:a,pathSpacing:s=1,pathOffset:i=0,...c},u,l){kt(t,c,u,l),t.attrs=t.style,t.style={};const{attrs:d,style:p,dimensions:f}=t;d.transform&&(f&&(p.transform=d.transform),delete d.transform),f&&(void 0!==r||void 0!==o||p.transform)&&(p.transformOrigin=function(t,e,n){return`${Qt(e,t.x,t.width)} ${Qt(n,t.y,t.height)}`}(f,void 0!==r?r:.5,void 0!==o?o:.5)),void 0!==e&&(d.x=e),void 0!==n&&(d.y=n),void 0!==a&&function(t,e,n=1,r=0,o=!0){t.pathLength=1;const a=o?te:ee;t[a.offset]=h.px.transform(-r);const s=h.px.transform(e),i=h.px.transform(n);t[a.array]=`${s} ${i}`}(d,a,s,i,!1)}const re=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),oe=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent