framer/build/framer.js

The Framer library is the code that drives Framer projects and components. It helps you build from simple interactive components to whole apps.

!function webpackUniversalModuleDefinition(n,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react")):"function"==typeof define&&define.amd?define(["react"],r):"object"==typeof exports?exports.Framer=r(require("react")):n.Framer=r(n.React)}(window,(function(n){return function(n){var r={};function __webpack_require__(i){if(r[i])return r[i].exports;var o=r[i]={i,l:!1,exports:{}};return n[i].call(o.exports,o,o.exports,__webpack_require__),o.l=!0,o.exports}return __webpack_require__.m=n,__webpack_require__.c=r,__webpack_require__.d=function(n,r,i){__webpack_require__.o(n,r)||Object.defineProperty(n,r,{enumerable:!0,get:i})},__webpack_require__.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},__webpack_require__.t=function(n,r){if(1&r&&(n=__webpack_require__(n)),8&r)return n;if(4&r&&"object"==typeof n&&n&&n.__esModule)return n;var i=Object.create(null);if(__webpack_require__.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:n}),2&r&&"string"!=typeof n)for(var o in n)__webpack_require__.d(i,o,function(r){return n[r]}.bind(null,o));return i},__webpack_require__.n=function(n){var r=n&&n.__esModule?function getDefault(){return n.default}:function getModuleExports(){return n};return __webpack_require__.d(r,"a",r),r},__webpack_require__.o=function(n,r){return Object.prototype.hasOwnProperty.call(n,r)},__webpack_require__.p="",__webpack_require__(__webpack_require__.s=142)}([function(n,r,i){"use strict";i.d(r,"b",(function(){return __extends})),i.d(r,"a",(function(){return __assign})),i.d(r,"d",(function(){return __rest})),i.d(r,"c",(function(){return __read})),i.d(r,"e",(function(){return __spread})),i.d(r,"f",(function(){return __spreadArrays}));var extendStatics=function(n,r){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,r){n.__proto__=r}||function(n,r){for(var i in r)r.hasOwnProperty(i)&&(n[i]=r[i])})(n,r)};function __extends(n,r){function __(){this.constructor=n}extendStatics(n,r),n.prototype=null===r?Object.create(r):(__.prototype=r.prototype,new __)}var __assign=function(){return(__assign=Object.assign||function __assign(n){for(var r,i=1,o=arguments.length;i<o;i++)for(var s in r=arguments[i])Object.prototype.hasOwnProperty.call(r,s)&&(n[s]=r[s]);return n}).apply(this,arguments)};function __rest(n,r){var i={};for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&r.indexOf(o)<0&&(i[o]=n[o]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(n);s<o.length;s++)r.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(n,o[s])&&(i[o[s]]=n[o[s]])}return i}function __read(n,r){var i="function"==typeof Symbol&&n[Symbol.iterator];if(!i)return n;var o,s,d=i.call(n),f=[];try{for(;(void 0===r||r-- >0)&&!(o=d.next()).done;)f.push(o.value)}catch(p){s={error:p}}finally{try{o&&!o.done&&(i=d.return)&&i.call(d)}finally{if(s)throw s.error}}return f}function __spread(){for(var n=[],r=0;r<arguments.length;r++)n=n.concat(__read(arguments[r]));return n}function __spreadArrays(){for(var n=0,r=0,i=arguments.length;r<i;r++)n+=arguments[r].length;var o=Array(n),s=0;for(r=0;r<i;r++)for(var d=arguments[r],f=0,p=d.length;f<p;f++,s++)o[s]=d[f];return o}},function(r,i){r.exports=n},function(n,r,i){"use strict";i.r(r),i.d(r,"alpha",(function(){return h})),i.d(r,"color",(function(){return T})),i.d(r,"complex",(function(){return E})),i.d(r,"degrees",(function(){return y})),i.d(r,"filter",(function(){return V})),i.d(r,"hex",(function(){return M})),i.d(r,"hsla",(function(){return C})),i.d(r,"number",(function(){return p})),i.d(r,"percent",(function(){return S})),i.d(r,"progressPercentage",(function(){return P})),i.d(r,"px",(function(){return _})),i.d(r,"rgbUnit",(function(){return F})),i.d(r,"rgba",(function(){return j})),i.d(r,"scale",(function(){return g})),i.d(r,"vh",(function(){return O})),i.d(r,"vw",(function(){return x}));var o=i(0),clamp=function(n,r){return function(i){return Math.max(Math.min(i,r),n)}},sanitize=function(n){return n%1?Number(n.toFixed(5)):n},s=/(-)?([\d]*\.?[\d])+/g,d=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi,f=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;function isString(n){return"string"==typeof n}var p={test:function(n){return"number"==typeof n},parse:parseFloat,transform:function(n){return n}},h=Object(o.a)(Object(o.a)({},p),{transform:clamp(0,1)}),g=Object(o.a)(Object(o.a)({},p),{default:1}),createUnitType=function(n){return{test:function(r){return isString(r)&&r.endsWith(n)&&1===r.split(" ").length},parse:parseFloat,transform:function(r){return""+r+n}}},y=createUnitType("deg"),S=createUnitType("%"),_=createUnitType("px"),O=createUnitType("vh"),x=createUnitType("vw"),P=Object(o.a)(Object(o.a)({},S),{parse:function(n){return S.parse(n)/100},transform:function(n){return S.transform(100*n)}}),isColorString=function(n,r){return function(i){return isString(i)&&f.test(i)&&i.startsWith(n)||r&&i.hasOwnProperty(r)}},splitColor=function(n,r,i){return function(o){var d;if(!isString(o))return o;var f=o.match(s),p=f[0],h=f[1],g=f[2],y=f[3];return(d={})[n]=parseFloat(p),d[r]=parseFloat(h),d[i]=parseFloat(g),d.alpha=void 0!==y?parseFloat(y):1,d}},C={test:isColorString("hsl","hue"),parse:splitColor("hue","saturation","lightness"),transform:function(n){var r=n.hue,i=n.saturation,o=n.lightness,s=n.alpha,d=void 0===s?1:s;return"hsla("+Math.round(r)+", "+S.transform(sanitize(i))+", "+S.transform(sanitize(o))+", "+sanitize(h.transform(d))+")"}},w=clamp(0,255),F=Object(o.a)(Object(o.a)({},p),{transform:function(n){return Math.round(w(n))}}),j={test:isColorString("rgb","red"),parse:splitColor("red","green","blue"),transform:function(n){var r=n.red,i=n.green,o=n.blue,s=n.alpha,d=void 0===s?1:s;return"rgba("+F.transform(r)+", "+F.transform(i)+", "+F.transform(o)+", "+sanitize(h.transform(d))+")"}};var M={test:isColorString("#"),parse:function parseHex(n){var r="",i="",o="",s="";return n.length>5?(r=n.substr(1,2),i=n.substr(3,2),o=n.substr(5,2),s=n.substr(7,2)):(r=n.substr(1,1),i=n.substr(2,1),o=n.substr(3,1),s=n.substr(4,1),r+=r,i+=i,o+=o,s+=s),{red:parseInt(r,16),green:parseInt(i,16),blue:parseInt(o,16),alpha:s?parseInt(s,16)/255:1}},transform:j.transform},T={test:function(n){return j.test(n)||M.test(n)||C.test(n)},parse:function(n){return j.test(n)?j.parse(n):C.test(n)?C.parse(n):M.parse(n)},transform:function(n){return isString(n)?n:n.hasOwnProperty("red")?j.transform(n):C.transform(n)}};function analyse(n){var r=[],i=0,o=n.match(d);o&&(i=o.length,n=n.replace(d,"${c}"),r.push.apply(r,o.map(T.parse)));var f=n.match(s);return f&&(n=n.replace(s,"${n}"),r.push.apply(r,f.map(p.parse))),{values:r,numColors:i,tokenised:n}}function parse(n){return analyse(n).values}function createTransformer(n){var r=analyse(n),i=r.values,o=r.numColors,s=r.tokenised,d=i.length;return function(n){for(var r=s,i=0;i<d;i++)r=r.replace(i<o?"${c}":"${n}",i<o?T.transform(n[i]):sanitize(n[i]));return r}}var convertNumbersToZero=function(n){return"number"==typeof n?0:n};var E={test:function test(n){var r,i,o,f;return isNaN(n)&&isString(n)&&(null!==(i=null===(r=n.match(s))||void 0===r?void 0:r.length)&&void 0!==i?i:0)+(null!==(f=null===(o=n.match(d))||void 0===o?void 0:o.length)&&void 0!==f?f:0)>0},parse,createTransformer,getAnimatableNone:function getAnimatableNone(n){var r=parse(n);return createTransformer(n)(r.map(convertNumbersToZero))}},R=new Set(["brightness","contrast","saturate","opacity"]);function applyDefaultFilter(n){var r=n.slice(0,-1).split("("),i=r[0],o=r[1];if("drop-shadow"===i)return n;var d=(o.match(s)||[])[0];if(!d)return n;var f=o.replace(d,""),p=R.has(i)?1:0;return d!==o&&(p*=100),i+"("+p+f+")"}var D=/([a-z-]*)\(.*?\)/g,V=Object(o.a)(Object(o.a)({},E),{getAnimatableNone:function(n){var r=n.match(D);return r?r.map(applyDefaultFilter).join(" "):n}})},function(n,r,i){"use strict";i.r(r),i.d(r,"angle",(function(){return angle})),i.d(r,"animate",(function(){return animate})),i.d(r,"anticipate",(function(){return j})),i.d(r,"applyOffset",(function(){return applyOffset})),i.d(r,"attract",(function(){return E})),i.d(r,"attractExpo",(function(){return R})),i.d(r,"backIn",(function(){return C})),i.d(r,"backInOut",(function(){return F})),i.d(r,"backOut",(function(){return w})),i.d(r,"bounceIn",(function(){return M})),i.d(r,"bounceInOut",(function(){return bounceInOut})),i.d(r,"bounceOut",(function(){return bounceOut})),i.d(r,"circIn",(function(){return circIn})),i.d(r,"circInOut",(function(){return P})),i.d(r,"circOut",(function(){return x})),i.d(r,"clamp",(function(){return clamp})),i.d(r,"createAnticipate",(function(){return createAnticipate})),i.d(r,"createAttractor",(function(){return createAttractor})),i.d(r,"createBackIn",(function(){return createBackIn})),i.d(r,"createExpoIn",(function(){return createExpoIn})),i.d(r,"cubicBezier",(function(){return cubicBezier})),i.d(r,"decay",(function(){return decay})),i.d(r,"degreesToRadians",(function(){return degreesToRadians})),i.d(r,"distance",(function(){return distance})),i.d(r,"easeIn",(function(){return S})),i.d(r,"easeInOut",(function(){return O})),i.d(r,"easeOut",(function(){return _})),i.d(r,"inertia",(function(){return inertia})),i.d(r,"interpolate",(function(){return interpolate})),i.d(r,"isPoint",(function(){return isPoint})),i.d(r,"isPoint3D",(function(){return isPoint3D})),i.d(r,"keyframes",(function(){return keyframes})),i.d(r,"linear",(function(){return linear})),i.d(r,"mirrorEasing",(function(){return mirrorEasing})),i.d(r,"mix",(function(){return mix})),i.d(r,"mixColor",(function(){return mixColor})),i.d(r,"mixComplex",(function(){return mixComplex})),i.d(r,"pipe",(function(){return pipe})),i.d(r,"pointFromVector",(function(){return pointFromVector})),i.d(r,"progress",(function(){return progress})),i.d(r,"radiansToDegrees",(function(){return radiansToDegrees})),i.d(r,"reverseEasing",(function(){return reverseEasing})),i.d(r,"smooth",(function(){return smooth})),i.d(r,"smoothFrame",(function(){return smoothFrame})),i.d(r,"snap",(function(){return snap})),i.d(r,"spring",(function(){return spring})),i.d(r,"steps",(function(){return steps})),i.d(r,"toDecimal",(function(){return toDecimal})),i.d(r,"velocityPerFrame",(function(){return velocityPerFrame})),i.d(r,"velocityPerSecond",(function(){return velocityPerSecond})),i.d(r,"wrap",(function(){return wrap}));var o=i(0),s=i(7),d=i(2),f=i(5),clamp=function(n,r,i){return Math.min(Math.max(i,n),r)};function findSpring(n){var r,i,o=n.duration,d=void 0===o?800:o,f=n.bounce,p=void 0===f?.25:f,h=n.velocity,g=void 0===h?0:h,y=n.mass,S=void 0===y?1:y;Object(s.warning)(d<=1e4,"Spring duration must be 10 seconds or less");var _=1-p;_=clamp(.05,1,_),d=clamp(.01,10,d/1e3),_<1?(r=function(n){var r=n*_,i=r*d;return.001-(r-g)/calcAngularFreq(n,_)*Math.exp(-i)},i=function(n){var i=n*_*d,o=i*g+g,s=Math.pow(_,2)*Math.pow(n,2)*d,f=Math.exp(-i),p=calcAngularFreq(Math.pow(n,2),_);return(.001-r(n)>0?-1:1)*((o-s)*f)/p}):(r=function(n){return Math.exp(-n*d)*((n-g)*d+1)-.001},i=function(n){return Math.exp(-n*d)*(d*d*(g-n))});var O=function approximateRoot(n,r,i){for(var o=i,s=1;s<12;s++)o-=n(o)/r(o);return o}(r,i,5/d);if(isNaN(O))return{stiffness:100,damping:10};var x=Math.pow(O,2)*S;return{stiffness:x,damping:2*_*Math.sqrt(S*x)}}function calcAngularFreq(n,r){return n*Math.sqrt(1-r*r)}var p=["duration","bounce"],h=["stiffness","damping","mass"];function isSpringType(n,r){return r.some((function(r){return void 0!==n[r]}))}function spring(n){var r=n.from,i=void 0===r?0:r,s=n.to,d=void 0===s?1:s,f=n.restSpeed,g=void 0===f?2:f,y=n.restDelta,S=Object(o.d)(n,["from","to","restSpeed","restDelta"]),_={done:!1,value:i},O=function getSpringOptions(n){var r=Object(o.a)({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1},n);if(!isSpringType(n,h)&&isSpringType(n,p)){var i=findSpring(n);(r=Object(o.a)(Object(o.a)(Object(o.a)({},r),i),{velocity:0,mass:1})).isResolvedFromDuration=!0}return r}(S),x=O.stiffness,P=O.damping,C=O.mass,w=O.velocity,F=O.isResolvedFromDuration,j=zero,M=zero;function createSpring(){var n=w?-w/1e3:0,r=d-i,o=P/(2*Math.sqrt(x*C)),s=Math.sqrt(x/C)/1e3;if(null!=y||(y=Math.abs(d-i)<=1?.01:.4),o<1){var f=calcAngularFreq(s,o);j=function(i){var p=Math.exp(-o*s*i);return d-p*((n+o*s*r)/f*Math.sin(f*i)+r*Math.cos(f*i))},M=function(i){var d=Math.exp(-o*s*i);return o*s*d*(Math.sin(f*i)*(n+o*s*r)/f+r*Math.cos(f*i))-d*(Math.cos(f*i)*(n+o*s*r)-f*r*Math.sin(f*i))}}else if(1===o)j=function(i){return d-Math.exp(-s*i)*(r+(n+s*r)*i)};else{var p=s*Math.sqrt(o*o-1);j=function(i){var f=Math.exp(-o*s*i),h=Math.min(p*i,300);return d-f*((n+o*s*r)*Math.sinh(h)+p*r*Math.cosh(h))/p}}}return createSpring(),{next:function(n){var r=j(n);if(F)_.done=n>=S.duration;else{var i=1e3*M(n),o=Math.abs(i)<=g,s=Math.abs(d-r)<=y;_.done=o&&s}return _.value=_.done?d:r,_},flipTarget:function(){var n;w=-w,i=(n=[d,i])[0],d=n[1],createSpring()}}}spring.needsInterpolation=function(n,r){return"string"==typeof n||"string"==typeof r};var zero=function(n){return 0},progress=function(n,r,i){var o=r-n;return 0===o?1:(i-n)/o},mix=function(n,r,i){return-i*n+i*r+n},mixLinearColor=function(n,r,i){var o=n*n,s=r*r;return Math.sqrt(Math.max(0,i*(s-o)+o))},g=[d.hex,d.rgba,d.hsla],getColorType=function(n){return g.find((function(r){return r.test(n)}))},notAnimatable=function(n){return"'"+n+"' is not an animatable color. Use the equivalent color code instead."},mixColor=function(n,r){var i=getColorType(n),f=getColorType(r);Object(s.invariant)(!!i,notAnimatable(n)),Object(s.invariant)(!!f,notAnimatable(r)),Object(s.invariant)(i.transform===f.transform,"Both colors must be hex/RGBA, OR both must be HSLA.");var p=i.parse(n),h=f.parse(r),g=Object(o.a)({},p),y=i===d.hsla?mix:mixLinearColor;return function(n){for(var r in g)"alpha"!==r&&(g[r]=y(p[r],h[r],n));return g.alpha=mix(p.alpha,h.alpha,n),i.transform(g)}},y={x:0,y:0,z:0},isNum=function(n){return"number"==typeof n},combineFunctions=function(n,r){return function(i){return r(n(i))}},pipe=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];return n.reduce(combineFunctions)};function getMixer(n,r){return isNum(n)?function(i){return mix(n,r,i)}:d.color.test(n)?mixColor(n,r):mixComplex(n,r)}var mixArray=function(n,r){var i=Object(o.f)(n),s=i.length,d=n.map((function(n,i){return getMixer(n,r[i])}));return function(n){for(var r=0;r<s;r++)i[r]=d[r](n);return i}},mixObject=function(n,r){var i=Object(o.a)(Object(o.a)({},n),r),s={};for(var d in i)void 0!==n[d]&&void 0!==r[d]&&(s[d]=getMixer(n[d],r[d]));return function(n){for(var r in s)i[r]=s[r](n);return i}};function analyse(n){for(var r=d.complex.parse(n),i=r.length,o=0,s=0,f=0,p=0;p<i;p++)o||"number"==typeof r[p]?o++:void 0!==r[p].hue?f++:s++;return{parsed:r,numNumbers:o,numRGB:s,numHSL:f}}var mixComplex=function(n,r){var i=d.complex.createTransformer(r),o=analyse(n),f=analyse(r);return Object(s.invariant)(o.numHSL===f.numHSL&&o.numRGB===f.numRGB&&o.numNumbers>=f.numNumbers,"Complex values '"+n+"' and '"+r+"' too different to mix. Ensure all colors are of the same type."),pipe(mixArray(o.parsed,f.parsed),i)},mixNumber=function(n,r){return function(i){return mix(n,r,i)}};function createMixers(n,r,i){for(var o=[],s=i||function detectMixerFactory(n){return"number"==typeof n?mixNumber:"string"==typeof n?d.color.test(n)?mixColor:mixComplex:Array.isArray(n)?mixArray:"object"==typeof n?mixObject:void 0}(n[0]),f=n.length-1,p=0;p<f;p++){var h=s(n[p],n[p+1]);if(r){var g=Array.isArray(r)?r[p]:r;h=pipe(g,h)}o.push(h)}return o}function interpolate(n,r,i){var o=void 0===i?{}:i,d=o.clamp,f=void 0===d||d,p=o.ease,h=o.mixer,g=n.length;Object(s.invariant)(g===r.length,"Both input and output ranges must be the same length"),Object(s.invariant)(!p||!Array.isArray(p)||p.length===g-1,"Array of easing functions must be of length `input.length - 1`, as it applies to the transitions **between** the defined values."),n[0]>n[g-1]&&(n=[].concat(n),r=[].concat(r),n.reverse(),r.reverse());var y=createMixers(r,p,h),S=2===g?function fastInterpolate(n,r){var i=n[0],o=n[1],s=r[0];return function(n){return s(progress(i,o,n))}}(n,y):function slowInterpolate(n,r){var i=n.length,o=i-1;return function(s){var d=0,f=!1;if(s<=n[0]?f=!0:s>=n[o]&&(d=o-1,f=!0),!f){for(var p=1;p<i&&!(n[p]>s||p===o);p++);d=p-1}var h=progress(n[d],n[d+1],s);return r[d](h)}}(n,y);return f?function(r){return S(clamp(n[0],n[g-1],r))}:S}var reverseEasing=function(n){return function(r){return 1-n(1-r)}},mirrorEasing=function(n){return function(r){return r<=.5?n(2*r)/2:(2-n(2*(1-r)))/2}},createExpoIn=function(n){return function(r){return Math.pow(r,n)}},createBackIn=function(n){return function(r){return r*r*((n+1)*r-n)}},createAnticipate=function(n){var r=createBackIn(n);return function(n){return(n*=2)<1?.5*r(n):.5*(2-Math.pow(2,-10*(n-1)))}},linear=function(n){return n},S=createExpoIn(2),_=reverseEasing(S),O=mirrorEasing(S),circIn=function(n){return 1-Math.sin(Math.acos(n))},x=reverseEasing(circIn),P=mirrorEasing(x),C=createBackIn(1.525),w=reverseEasing(C),F=mirrorEasing(C),j=createAnticipate(1.525),bounceOut=function(n){if(1===n||0===n)return n;var r=n*n;return n<4/11?7.5625*r:n<8/11?9.075*r-9.9*n+3.4:n<.9?4356/361*r-35442/1805*n+16061/1805:10.8*n*n-20.52*n+10.72},M=reverseEasing(bounceOut),bounceInOut=function(n){return n<.5?.5*(1-bounceOut(1-2*n)):.5*bounceOut(2*n-1)+.5};function defaultEasing(n,r){return n.map((function(){return r||O})).splice(0,n.length-1)}function keyframes(n){var r=n.from,i=void 0===r?0:r,o=n.to,s=void 0===o?1:o,d=n.ease,f=n.offset,p=n.duration,h=void 0===p?300:p,g={done:!1,value:i},y=Array.isArray(s)?s:[i,s],S=function convertOffsetToTimes(n,r){return n.map((function(n){return n*r}))}(f&&f.length===y.length?f:function defaultOffset(n){var r=n.length;return n.map((function(n,i){return 0!==i?i/(r-1):0}))}(y),h);function createInterpolator(){return interpolate(S,y,{ease:Array.isArray(d)?d:defaultEasing(y,d)})}var _=createInterpolator();return{next:function(n){return g.value=_(n),g.done=n>=h,g},flipTarget:function(){y.reverse(),_=createInterpolator()}}}function decay(n){var r=n.velocity,i=void 0===r?0:r,o=n.from,s=void 0===o?0:o,d=n.power,f=void 0===d?.8:d,p=n.timeConstant,h=void 0===p?350:p,g=n.restDelta,y=void 0===g?.5:g,S=n.modifyTarget,_={done:!1,value:s},O=f*i,x=s+O,P=void 0===S?x:S(x);return P!==x&&(O=P-s),{next:function(n){var r=-O*Math.exp(-n/h);return _.done=!(r>y||r<-y),_.value=_.done?P:P+r,_},flipTarget:function(){}}}var T={keyframes,spring,decay};function loopElapsed(n,r,i){return void 0===i&&(i=0),n-r-i}var framesync=function(n){var passTimestamp=function(r){var i=r.delta;return n(i)};return{start:function(){return f.default.update(passTimestamp,!0,!0)},stop:function(){return f.cancelSync.update(passTimestamp)}}};function animate(n){var r,i,s,d,f,p=n.from,h=n.autoplay,g=void 0===h||h,y=n.driver,S=void 0===y?framesync:y,_=n.elapsed,O=void 0===_?0:_,x=n.repeat,P=void 0===x?0:x,C=n.repeatType,w=void 0===C?"loop":C,F=n.repeatDelay,j=void 0===F?0:F,M=n.onPlay,E=n.onStop,R=n.onComplete,D=n.onRepeat,V=n.onUpdate,N=Object(o.d)(n,["from","autoplay","driver","elapsed","repeat","repeatType","repeatDelay","onPlay","onStop","onComplete","onRepeat","onUpdate"]),H=N.to,U=0,W=N.duration,q=!1,$=!0,X=function detectAnimationFromOptions(n){if(Array.isArray(n.to))return keyframes;if(T[n.type])return T[n.type];var r=new Set(Object.keys(n));return r.has("ease")||r.has("duration")&&!r.has("dampingRatio")?keyframes:r.has("dampingRatio")||r.has("stiffness")||r.has("mass")||r.has("damping")||r.has("restSpeed")||r.has("restDelta")?spring:keyframes}(N);(null===(i=(r=X).needsInterpolation)||void 0===i?void 0:i.call(r,p,H))&&(f=interpolate([0,100],[p,H],{clamp:!1}),p=0,H=100);var Y=X(Object(o.a)(Object(o.a)({},N),{from:p,to:H}));function repeat(){U++,"reverse"===w?O=function reverseElapsed(n,r,i,o){return void 0===i&&(i=0),void 0===o&&(o=!0),o?loopElapsed(r+-n,r,i):r-(n-r)+i}(O,W,j,$=U%2==0):(O=loopElapsed(O,W,j),"mirror"===w&&Y.flipTarget()),q=!1,D&&D()}function update(n){if($||(n=-n),O+=n,!q){var r=Y.next(Math.max(0,O));d=r.value,f&&(d=f(d)),q=$?r.done:O<=0}null==V||V(d),q&&(0===U&&(null!=W||(W=O)),U<P?function hasRepeatDelayElapsed(n,r,i,o){return o?n>=r+i:n<=-i}(O,W,j,$)&&repeat():function complete(){s.stop(),R&&R()}())}return g&&function play(){null==M||M(),(s=S(update)).start()}(),{stop:function(){null==E||E(),s.stop()}}}function velocityPerSecond(n,r){return r?n*(1e3/r):0}function inertia(n){var r,i=n.from,s=void 0===i?0:i,d=n.velocity,p=void 0===d?0:d,h=n.min,g=n.max,y=n.power,S=void 0===y?.8:y,_=n.timeConstant,O=void 0===_?750:_,x=n.bounceStiffness,P=void 0===x?500:x,C=n.bounceDamping,w=void 0===C?10:C,F=n.restDelta,j=void 0===F?1:F,M=n.modifyTarget,T=n.driver,E=n.onUpdate,R=n.onComplete;function isOutOfBounds(n){return void 0!==h&&n<h||void 0!==g&&n>g}function boundaryNearest(n){return void 0===h?g:void 0===g||Math.abs(h-n)<Math.abs(g-n)?h:g}function startAnimation(n){null==r||r.stop(),r=animate(Object(o.a)(Object(o.a)({},n),{driver:T,onUpdate:function(r){var i;null==E||E(r),null===(i=n.onUpdate)||void 0===i||i.call(n,r)},onComplete:R}))}function startSpring(n){startAnimation(Object(o.a)({type:"spring",stiffness:P,damping:w,restDelta:j},n))}if(isOutOfBounds(s))startSpring({from:s,velocity:p,to:boundaryNearest(s)});else{var D=S*p+s;void 0!==M&&(D=M(D));var V,N,H=boundaryNearest(D),U=H===h?-1:1;startAnimation({type:"decay",from:s,velocity:p,timeConstant:O,power:S,restDelta:j,modifyTarget:M,onUpdate:isOutOfBounds(D)?function(n){V=N,N=n,p=velocityPerSecond(n-V,Object(f.getFrameData)().delta),(1===U&&n>H||-1===U&&n<H)&&startSpring({from:n,to:H,velocity:p})}:void 0})}return{stop:function(){return null==r?void 0:r.stop()}}}var radiansToDegrees=function(n){return 180*n/Math.PI},angle=function(n,r){return void 0===r&&(r=y),radiansToDegrees(Math.atan2(r.y-n.y,r.x-n.x))},applyOffset=function(n,r){var i=!0;return void 0===r&&(r=n,i=!1),function(o){return i?o-n+r:(n=o,i=!0,r)}},identity=function(n){return n},createAttractor=function(n){return void 0===n&&(n=identity),function(r,i,o){var s=i-o,d=-(0-r+1)*(0-n(Math.abs(s)));return s<=0?i+d:i-d}},E=createAttractor(),R=createAttractor(Math.sqrt),degreesToRadians=function(n){return n*Math.PI/180},isPoint=function(n){return n.hasOwnProperty("x")&&n.hasOwnProperty("y")},isPoint3D=function(n){return isPoint(n)&&n.hasOwnProperty("z")},distance1D=function(n,r){return Math.abs(n-r)};function distance(n,r){if(isNum(n)&&isNum(r))return distance1D(n,r);if(isPoint(n)&&isPoint(r)){var i=distance1D(n.x,r.x),o=distance1D(n.y,r.y),s=isPoint3D(n)&&isPoint3D(r)?distance1D(n.z,r.z):0;return Math.sqrt(Math.pow(i,2)+Math.pow(o,2)+Math.pow(s,2))}}var pointFromVector=function(n,r,i){return r=degreesToRadians(r),{x:i*Math.cos(r)+n.x,y:i*Math.sin(r)+n.y}},toDecimal=function(n,r){return void 0===r&&(r=2),r=Math.pow(10,r),Math.round(n*r)/r},smoothFrame=function(n,r,i,o){return void 0===o&&(o=0),toDecimal(n+i*(r-n)/Math.max(o,i))},smooth=function(n){void 0===n&&(n=50);var r=0,i=0;return function(o){var s=Object(f.getFrameData)().timestamp,d=s!==i?s-i:0,p=d?smoothFrame(r,o,d,n):r;return i=s,r=p,p}},snap=function(n){if("number"==typeof n)return function(r){return Math.round(r/n)*n};var r=0,i=n.length;return function(o){var s=Math.abs(n[0]-o);for(r=1;r<i;r++){var d=n[r],f=Math.abs(d-o);if(0===f)return d;if(f>s)return n[r-1];if(r===i-1)return d;s=f}}};function velocityPerFrame(n,r){return n/(1e3/r)}var wrap=function(n,r,i){var o=r-n;return((i-n)%o+o)%o+n},a=function(n,r){return 1-3*r+3*n},b=function(n,r){return 3*r-6*n},c=function(n){return 3*n},calcBezier=function(n,r,i){return((a(r,i)*n+b(r,i))*n+c(r))*n},getSlope=function(n,r,i){return 3*a(r,i)*n*n+2*b(r,i)*n+c(r)};function cubicBezier(n,r,i,o){if(n===r&&i===o)return linear;for(var s=new Float32Array(11),d=0;d<11;++d)s[d]=calcBezier(.1*d,n,i);function getTForX(r){for(var o=0,d=1;10!==d&&s[d]<=r;++d)o+=.1;--d;var f=o+.1*((r-s[d])/(s[d+1]-s[d])),p=getSlope(f,n,i);return p>=.001?function newtonRaphsonIterate(n,r,i,o){for(var s=0;s<8;++s){var d=getSlope(r,i,o);if(0===d)return r;r-=(calcBezier(r,i,o)-n)/d}return r}(r,f,n,i):0===p?f:function binarySubdivide(n,r,i,o,s){var d,f,p=0;do{(d=calcBezier(f=r+(i-r)/2,o,s)-n)>0?i=f:r=f}while(Math.abs(d)>1e-7&&++p<10);return f}(r,o,o+.1,n,i)}return function(n){return 0===n||1===n?n:calcBezier(getTForX(n),r,o)}}var steps=function(n,r){return void 0===r&&(r="end"),function(i){var o=(i="end"===r?Math.min(i,.999):Math.max(i,.001))*n,s="end"===r?Math.floor(o):Math.ceil(o);return clamp(0,1,s/n)}}},function(n,r,i){"use strict";i.r(r),i.d(r,"AnimateLayoutFeature",(function(){return Ze})),i.d(r,"AnimatePresence",(function(){return AnimatePresence})),i.d(r,"AnimateSharedLayout",(function(){return ct})),i.d(r,"AnimationFeature",(function(){return $e})),i.d(r,"DragControls",(function(){return pt})),i.d(r,"DragFeature",(function(){return Ue})),i.d(r,"ExitFeature",(function(){return qe})),i.d(r,"FramerTreeLayoutContext",(function(){return De})),i.d(r,"GesturesFeature",(function(){return je})),i.d(r,"LayoutGroupContext",(function(){return ke})),i.d(r,"MotionConfig",(function(){return MotionConfig})),i.d(r,"MotionConfigContext",(function(){return ye})),i.d(r,"MotionValue",(function(){return P})),i.d(r,"PresenceContext",(function(){return Ee})),i.d(r,"SharedLayoutContext",(function(){return Ae})),i.d(r,"VisibilityAction",(function(){return s})),i.d(r,"addScaleCorrection",(function(){return addScaleCorrection})),i.d(r,"animate",(function(){return animate})),i.d(r,"animateVisualElement",(function(){return animateVisualElement})),i.d(r,"animationControls",(function(){return animationControls})),i.d(r,"createBatcher",(function(){return createBatcher})),i.d(r,"createCrossfader",(function(){return createCrossfader})),i.d(r,"createDomMotionComponent",(function(){return createDomMotionComponent})),i.d(r,"createMotionComponent",(function(){return createMotionComponent})),i.d(r,"isValidMotionProp",(function(){return isValidMotionProp})),i.d(r,"m",(function(){return rt})),i.d(r,"motion",(function(){return nt})),i.d(r,"motionValue",(function(){return motionValue})),i.d(r,"resolveMotionValue",(function(){return resolveMotionValue})),i.d(r,"transform",(function(){return transform})),i.d(r,"useAnimation",(function(){return useAnimation})),i.d(r,"useCycle",(function(){return useCycle})),i.d(r,"useDeprecatedAnimatedState",(function(){return useAnimatedState})),i.d(r,"useDeprecatedInvertedScale",(function(){return useInvertedScale})),i.d(r,"useDomEvent",(function(){return useDomEvent})),i.d(r,"useDragControls",(function(){return useDragControls})),i.d(r,"useElementScroll",(function(){return useElementScroll})),i.d(r,"useGestures",(function(){return useGestures})),i.d(r,"useIsPresent",(function(){return useIsPresent})),i.d(r,"useMotionTemplate",(function(){return useMotionTemplate})),i.d(r,"useMotionValue",(function(){return useMotionValue})),i.d(r,"usePanGesture",(function(){return usePanGesture})),i.d(r,"usePresence",(function(){return usePresence})),i.d(r,"useReducedMotion",(function(){return useReducedMotion})),i.d(r,"useSpring",(function(){return useSpring})),i.d(r,"useTapGesture",(function(){return useTapGesture})),i.d(r,"useTransform",(function(){return useTransform})),i.d(r,"useViewportScroll",(function(){return useViewportScroll})),i.d(r,"visualElement",(function(){return visualElement}));var o,s,d=i(0),f=i(5),p=i(3),h=i(7),g=i(2),y=i(1),S=i.n(y);function eachAxis(n){return[n("x"),n("y")]}function noop(n){return n}function convertBoundingBoxToAxisBox(n){var r=n.top;return{x:{min:n.left,max:n.right},y:{min:r,max:n.bottom}}}function axisBox(){return{x:{min:0,max:1},y:{min:0,max:1}}}!function(n){n[n.Entering=0]="Entering",n[n.Present=1]="Present",n[n.Exiting=2]="Exiting"}(o||(o={})),function(n){n[n.Hide=0]="Hide",n[n.Show=1]="Show"}(s||(s={}));var _={translate:0,scale:1,origin:0,originPoint:0};function delta(){return{x:Object(d.a)({},_),y:Object(d.a)({},_)}}function resetAxis(n,r){n.min=r.min,n.max=r.max}function scalePoint(n,r,i){return i+r*(n-i)}function applyPointDelta(n,r,i,o,s){return void 0!==s&&(n=scalePoint(n,s,o)),scalePoint(n,i,o)+r}function applyAxisDelta(n,r,i,o,s){void 0===r&&(r=0),void 0===i&&(i=1),n.min=applyPointDelta(n.min,r,i,o,s),n.max=applyPointDelta(n.max,r,i,o,s)}function applyBoxDelta(n,r){var i=r.x,o=r.y;applyAxisDelta(n.x,i.translate,i.scale,i.originPoint),applyAxisDelta(n.y,o.translate,o.scale,o.originPoint)}function applyAxisTransforms(n,r,i,o){var s=Object(d.c)(o,3),f=s[0],h=s[1],g=s[2];n.min=r.min,n.max=r.max;var y=void 0!==i[g]?i[g]:.5,S=Object(p.mix)(r.min,r.max,y);applyAxisDelta(n,i[f],i[h],S,i.scale)}var O=["x","scaleX","originX"],x=["y","scaleY","originY"];function removePointDelta(n,r,i,o,s){return n=scalePoint(n-=r,1/i,o),void 0!==s&&(n=scalePoint(n,1/s,o)),n}function removeAxisTransforms(n,r,i){var o=Object(d.c)(i,3),s=o[0],f=o[1],h=o[2];!function removeAxisDelta(n,r,i,o,s){void 0===r&&(r=0),void 0===i&&(i=1),void 0===o&&(o=.5);var d=Object(p.mix)(n.min,n.max,o)-r;n.min=removePointDelta(n.min,r,i,d,s),n.max=removePointDelta(n.max,r,i,d,s)}(n,r[s],r[f],r[h],r.scale)}function isNear(n,r,i){return void 0===r&&(r=0),void 0===i&&(i=.01),Object(p.distance)(n,r)<i}function calcLength(n){return n.max-n.min}function calcOrigin(n,r){var i,o=.5,s=calcLength(n),d=calcLength(r);return d>s?o=Object(p.progress)(r.min,r.max-s,n.min):s>d&&(o=Object(p.progress)(n.min,n.max-d,r.min)),i=o,Object(p.clamp)(0,1,i)}function updateAxisDelta(n,r,i,o){void 0===o&&(o=.5),n.origin=o,n.originPoint=Object(p.mix)(r.min,r.max,n.origin),n.scale=calcLength(i)/calcLength(r),isNear(n.scale,1,1e-4)&&(n.scale=1),n.translate=Object(p.mix)(i.min,i.max,n.origin)-n.originPoint,isNear(n.translate)&&(n.translate=0)}function updateBoxDelta(n,r,i,o){updateAxisDelta(n.x,r.x,i.x,defaultOrigin(o.originX)),updateAxisDelta(n.y,r.y,i.y,defaultOrigin(o.originY))}function defaultOrigin(n){return"number"==typeof n?n:.5}function isRefObject(n){return"object"==typeof n&&n.hasOwnProperty("current")}function subscriptionManager(){var n=[];return{add:function(r){return function addUniqueItem(n,r){-1===n.indexOf(r)&&n.push(r)}(n,r),function(){return function removeItem(n,r){var i=n.indexOf(r);i>-1&&n.splice(i,1)}(n,r)}},notify:function(r,i,o){var s=n.length;if(s)if(1===s)n[0](r,i,o);else for(var d=0;d<s;d++){var f=n[d];f&&f(r,i,o)}},getSize:function(){return n.length},clear:function(){n.length=0}}}var P=function(){function MotionValue(n){var r,i=this;this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=subscriptionManager(),this.renderSubscribers=subscriptionManager(),this.canTrackVelocity=!1,this.updateAndNotify=function(n,r){void 0===r&&(r=!0),i.prev=i.current,i.current=n,i.prev!==i.current&&i.updateSubscribers.notify(i.current),r&&i.renderSubscribers.notify(i.current);var o=Object(f.getFrameData)(),s=o.delta,d=o.timestamp;i.lastUpdated!==d&&(i.timeDelta=s,i.lastUpdated=d,f.default.postRender(i.scheduleVelocityCheck))},this.scheduleVelocityCheck=function(){return f.default.postRender(i.velocityCheck)},this.velocityCheck=function(n){n.timestamp!==i.lastUpdated&&(i.prev=i.current)},this.hasAnimated=!1,this.current=n,this.canTrackVelocity=(r=this.current,!isNaN(parseFloat(r)))}return MotionValue.prototype.onChange=function(n){return this.updateSubscribers.add(n)},MotionValue.prototype.clearListeners=function(){this.updateSubscribers.clear()},MotionValue.prototype.onRenderRequest=function(n){return n(this.get()),this.renderSubscribers.add(n)},MotionValue.prototype.attach=function(n){this.passiveEffect=n},MotionValue.prototype.set=function(n,r){void 0===r&&(r=!0),r&&this.passiveEffect?this.passiveEffect(n,this.updateAndNotify):this.updateAndNotify(n,r)},MotionValue.prototype.get=function(){return this.current},MotionValue.prototype.getPrevious=function(){return this.prev},MotionValue.prototype.getVelocity=function(){return this.canTrackVelocity?Object(p.velocityPerSecond)(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0},MotionValue.prototype.start=function(n){var r=this;return this.stop(),new Promise((function(i){r.hasAnimated=!0,r.stopAnimation=n(i)})).then((function(){return r.clearAnimation()}))},MotionValue.prototype.stop=function(){this.stopAnimation&&this.stopAnimation(),this.clearAnimation()},MotionValue.prototype.isAnimating=function(){return!!this.stopAnimation},MotionValue.prototype.clearAnimation=function(){this.stopAnimation=null},MotionValue.prototype.destroy=function(){this.updateSubscribers.clear(),this.renderSubscribers.clear(),this.stop()},MotionValue}();function motionValue(n){return new P(n)}var isMotionValue=function(n){return n instanceof P},C=["","X","Y","Z"],w=["transformPerspective","x","y","z"];function sortTransformProps(n,r){return w.indexOf(n)-w.indexOf(r)}["perspective","translate","scale","rotate","skew"].forEach((function(n){C.forEach((function(r){var i=n+r;w.push(i)}))}));var F=new Set(w);function isTransformProp(n){return F.has(n)}var j=new Set(["originX","originY","originZ"]);function isTransformOriginProp(n){return j.has(n)}var secondsToMilliseconds=function(n){return 1e3*n},M={linear:p.linear,easeIn:p.easeIn,easeInOut:p.easeInOut,easeOut:p.easeOut,circIn:p.circIn,circInOut:p.circInOut,circOut:p.circOut,backIn:p.backIn,backInOut:p.backInOut,backOut:p.backOut,anticipate:p.anticipate,bounceIn:p.bounceIn,bounceInOut:p.bounceInOut,bounceOut:p.bounceOut},easingDefinitionToFunction=function(n){if(Array.isArray(n)){Object(h.invariant)(4===n.length,"Cubic bezier arrays must contain four numerical values.");var r=Object(d.c)(n,4),i=r[0],o=r[1],s=r[2],f=r[3];return Object(p.cubicBezier)(i,o,s,f)}return"string"==typeof n?(Object(h.invariant)(void 0!==M[n],"Invalid easing type '"+n+"'"),M[n]):n},isAnimatable=function(n,r){return"zIndex"!==n&&(!("number"!=typeof r&&!Array.isArray(r))||!("string"!=typeof r||!g.complex.test(r)||r.startsWith("url(")))},isKeyframesTarget=function(n){return Array.isArray(n)},underDampedSpring=function(){return{type:"spring",stiffness:500,damping:25,restDelta:.5,restSpeed:10}},criticallyDampedSpring=function(n){return{type:"spring",stiffness:550,damping:0===n?2*Math.sqrt(550):30,restDelta:.01,restSpeed:10}},linearTween=function(){return{type:"keyframes",ease:"linear",duration:.3}},keyframes=function(n){return{type:"keyframes",duration:.8,values:n}},T={x:underDampedSpring,y:underDampedSpring,z:underDampedSpring,rotate:underDampedSpring,rotateX:underDampedSpring,rotateY:underDampedSpring,rotateZ:underDampedSpring,scaleX:criticallyDampedSpring,scaleY:criticallyDampedSpring,scale:criticallyDampedSpring,opacity:linearTween,backgroundColor:linearTween,color:linearTween,default:criticallyDampedSpring},E=Object(d.a)(Object(d.a)({},g.number),{transform:Math.round}),R={color:g.color,backgroundColor:g.color,outlineColor:g.color,fill:g.color,stroke:g.color,borderColor:g.color,borderTopColor:g.color,borderRightColor:g.color,borderBottomColor:g.color,borderLeftColor:g.color,borderWidth:g.px,borderTopWidth:g.px,borderRightWidth:g.px,borderBottomWidth:g.px,borderLeftWidth:g.px,borderRadius:g.px,radius:g.px,borderTopLeftRadius:g.px,borderTopRightRadius:g.px,borderBottomRightRadius:g.px,borderBottomLeftRadius:g.px,width:g.px,maxWidth:g.px,height:g.px,maxHeight:g.px,size:g.px,top:g.px,right:g.px,bottom:g.px,left:g.px,padding:g.px,paddingTop:g.px,paddingRight:g.px,paddingBottom:g.px,paddingLeft:g.px,margin:g.px,marginTop:g.px,marginRight:g.px,marginBottom:g.px,marginLeft:g.px,rotate:g.degrees,rotateX:g.degrees,rotateY:g.degrees,rotateZ:g.degrees,scale:g.scale,scaleX:g.scale,scaleY:g.scale,scaleZ:g.scale,skew:g.degrees,skewX:g.degrees,skewY:g.degrees,distance:g.px,translateX:g.px,translateY:g.px,translateZ:g.px,x:g.px,y:g.px,z:g.px,perspective:g.px,transformPerspective:g.px,opacity:g.alpha,originX:g.progressPercentage,originY:g.progressPercentage,originZ:g.px,zIndex:E,filter:g.filter,WebkitFilter:g.filter,fillOpacity:g.alpha,strokeOpacity:g.alpha,numOctaves:E},D=[g.number,g.px,g.percent,g.degrees,g.vw,g.vh,{test:function(n){return"auto"===n},parse:function(n){return n}}],testValueType=function(n){return function(r){return r.test(n)}},findDimensionValueType=function(n){return D.find(testValueType(n))},V=Object(d.e)(D,[g.color,g.complex]),findValueType=function(n){return V.find(testValueType(n))},getDefaultValueType=function(n){return R[n]},getValueAsType=function(n,r){return r&&"number"==typeof n?r.transform(n):n};function getAnimatableNone(n,r){var i,o=getDefaultValueType(n);return o!==g.filter&&(o=g.complex),null===(i=o.getAnimatableNone)||void 0===i?void 0:i.call(o,r)}var N=!1;function convertTransitionToAnimationOptions(n){var r=n.ease,i=n.times,o=n.yoyo,s=n.flip,f=n.loop,p=Object(d.d)(n,["ease","times","yoyo","flip","loop"]),g=Object(d.a)({},p);return i&&(g.offset=i),p.duration&&(g.duration=secondsToMilliseconds(p.duration)),p.repeatDelay&&(g.repeatDelay=secondsToMilliseconds(p.repeatDelay)),r&&(g.ease=function(n){return Array.isArray(n)&&"number"!=typeof n[0]}(r)?r.map(easingDefinitionToFunction):easingDefinitionToFunction(r)),"tween"===p.type&&(g.type="keyframes"),(o||f||s)&&(Object(h.warning)(!N,"yoyo, loop and flip have been removed from the API. Replace with repeat and repeatType options."),N=!0,o?g.repeatType="reverse":f?g.repeatType="loop":s&&(g.repeatType="mirror"),g.repeat=f||o||s||p.repeat),"spring"!==p.type&&(g.type="keyframes"),g}function getPopmotionAnimationOptions(n,r,i){var o,s,f,p;return Array.isArray(r.to)&&(null!==(o=n.duration)&&void 0!==o||(n.duration=.8)),function hydrateKeyframes(n){return Array.isArray(n.to)&&null===n.to[0]&&(n.to=Object(d.e)(n.to),n.to[0]=n.from),n}(r),function isTransitionDefined(n){n.when,n.delay,n.delayChildren,n.staggerChildren,n.staggerDirection,n.repeat,n.repeatType,n.repeatDelay,n.from;var r=Object(d.d)(n,["when","delay","delayChildren","staggerChildren","staggerDirection","repeat","repeatType","repeatDelay","from"]);return!!Object.keys(r).length}(n)||(n=Object(d.a)(Object(d.a)({},n),(s=i,f=r.to,p=isKeyframesTarget(f)?keyframes:T[s]||T.default,Object(d.a)({to:f},p(f))))),Object(d.a)(Object(d.a)({},r),convertTransitionToAnimationOptions(n))}function startAnimation(n,r,i,o){return void 0===o&&(o={}),r.start((function(s){var f,g,y=function getAnimation(n,r,i,o,s){var f,g=function getValueTransition(n,r){return n[r]||n.default||n}(o,n),y=null!==(f=g.from)&&void 0!==f?f:r.get(),S=isAnimatable(n,i);"none"===y&&S&&"string"==typeof i&&(y=getAnimatableNone(n,i));var _=isAnimatable(n,y);return Object(h.warning)(_===S,"You are trying to animate "+n+' from "'+y+'" to "'+i+'". '+y+" is not an animatable value - to enable this animation set "+y+" to a value animatable to "+i+" via the `style` property."),_&&S&&!1!==g.type?function start(){var o={from:y,to:i,velocity:r.getVelocity(),onComplete:s,onUpdate:function(n){return r.set(n)}};return"inertia"===g.type||"decay"===g.type?Object(p.inertia)(Object(d.a)(Object(d.a)({},o),g)):Object(p.animate)(Object(d.a)(Object(d.a)({},getPopmotionAnimationOptions(g,o,n)),{onUpdate:function(n){var r;o.onUpdate(n),null===(r=g.onUpdate)||void 0===r||r.call(g,n)},onComplete:function(){var n;o.onComplete(),null===(n=g.onComplete)||void 0===n||n.call(g)}}))}:function set(){var n;return r.set(i),s(),null===(n=null==g?void 0:g.onComplete)||void 0===n||n.call(g),{stop:function(){}}}}(n,r,i,o,s),S=function getDelayFromTransition(n,r){var i,o,s,d,f;return null!==(f=null!==(d=null!==(o=null===(i=n[r])||void 0===i?void 0:i.delay)&&void 0!==o?o:null===(s=n.default)||void 0===s?void 0:s.delay)&&void 0!==d?d:n.delay)&&void 0!==f?f:0}(o,n),start=function(){return g=y()};return S?f=setTimeout(start,secondsToMilliseconds(S)):start(),function(){clearTimeout(f),null==g||g.stop()}}))}function isVariantLabels(n){return Array.isArray(n)}function isVariantLabel(n){return"string"==typeof n||isVariantLabels(n)}function resolveVariantFromProps(n,r,i,o,s){var d;return void 0===o&&(o={}),void 0===s&&(s={}),"string"==typeof r&&(r=null===(d=n.variants)||void 0===d?void 0:d[r]),"function"==typeof r?r(null!=i?i:n.custom,o,s):r}function resolveVariant(n,r,i){var o=n.getProps();return resolveVariantFromProps(o,r,null!=i?i:o.custom,function getCurrent(n){var r={};return n.forEachValue((function(n,i){return r[i]=n.get()})),r}(n),function getVelocity(n){var r={};return n.forEachValue((function(n,i){return r[i]=n.getVelocity()})),r}(n))}function checkIfControllingVariants(n){var r;return"function"==typeof(null===(r=n.animate)||void 0===r?void 0:r.start)||isVariantLabel(n.animate)||isVariantLabel(n.whileHover)||isVariantLabel(n.whileDrag)||isVariantLabel(n.whileTap)||isVariantLabel(n.whileFocus)||isVariantLabel(n.exit)}function setMotionValue(n,r,i){n.hasValue(r)?n.getValue(r).set(i):n.addValue(r,motionValue(i))}function setTarget(n,r){var i,o=resolveVariant(n,r),s=o?n.makeTargetAnimatable(o,!1):{},f=s.transitionEnd,p=void 0===f?{}:f,h=(s.transition,Object(d.d)(s,["transitionEnd","transition"]));for(var g in h=Object(d.a)(Object(d.a)({},h),p)){setMotionValue(n,g,(i=h[g],isKeyframesTarget(i)?i[i.length-1]||0:i))}}function setVariants(n,r){Object(d.e)(r).reverse().forEach((function(i){var o,s=n.getVariant(i);s&&setTarget(n,s),null===(o=n.variantChildren)||void 0===o||o.forEach((function(n){setVariants(n,r)}))}))}function checkTargetForNewValues(n,r,i){var o,s,d,f=Object.keys(r).filter((function(r){return!n.hasValue(r)})),p=f.length;if(p)for(var y=0;y<p;y++){var S=f[y],_=r[S],O=null;if(Array.isArray(_)&&(O=_[0]),null===O){var x=null!==(o=i[S])&&void 0!==o?o:n.readValue(S);O=void 0!==x?x:r[S],Object(h.invariant)(null!==O,'No initial value for "'+S+'" can be inferred. Ensure an initial value for "'+S+'" is defined on the component.')}"string"==typeof O&&/^\-?\d*\.?\d+$/.test(O)?O=parseFloat(O):!findValueType(O)&&g.complex.test(_)&&(O=getAnimatableNone(S,_)),n.addValue(S,motionValue(O)),null!==(s=(d=i)[S])&&void 0!==s||(d[S]=O),n.setBaseTarget(S,O)}}function getOriginFromTransition(n,r){if(r)return(r[n]||r.default||r).from}function getOrigin(n,r,i){var o,s,d={};for(var f in n)d[f]=null!==(o=getOriginFromTransition(f,r))&&void 0!==o?o:null===(s=i.getValue(f))||void 0===s?void 0:s.get();return d}function animateVisualElement(n,r,i){var o;if(n.notifyAnimationStart(),Array.isArray(r)){var s=r.map((function(r){return animateVariant(n,r,i)}));o=Promise.all(s)}else o="string"==typeof r?animateVariant(n,r,i):animateTarget(n,r,i);return o.then((function(){return n.notifyAnimationComplete()}))}function animateVariant(n,r,i){var o;void 0===i&&(i={});var s=resolveVariant(n,r,i.custom),f=(s||{}).transition,p=void 0===f?n.getDefaultTransition()||{}:f;i.transitionOverride&&(p=i.transitionOverride);var h=s?function(){return animateTarget(n,s,i)}:function(){return Promise.resolve()},g=(null===(o=n.variantChildren)||void 0===o?void 0:o.size)?function(o){void 0===o&&(o=0);var s=p.delayChildren,f=void 0===s?0:s,h=p.staggerChildren,g=p.staggerDirection;return function animateChildren(n,r,i,o,s,f){void 0===i&&(i=0);void 0===o&&(o=0);void 0===s&&(s=1);var p=[],h=(n.variantChildren.size-1)*o,g=1===s?function(n){return void 0===n&&(n=0),n*o}:function(n){return void 0===n&&(n=0),h-n*o};return Array.from(n.variantChildren).sort(sortByTreeOrder).forEach((function(n,o){p.push(animateVariant(n,r,Object(d.a)(Object(d.a)({},f),{delay:i+g(o)})))})),Promise.all(p)}(n,r,f+o,h,g,i)}:function(){return Promise.resolve()},y=p.when;if(y){var S=Object(d.c)("beforeChildren"===y?[h,g]:[g,h],2),_=S[0],O=S[1];return _().then(O)}return Promise.all([h(),g(i.delay)])}function animateTarget(n,r,i){var o,s=void 0===i?{}:i,f=s.delay,p=void 0===f?0:f,h=s.transitionOverride,g=s.type,y=n.makeTargetAnimatable(r),S=y.transition,_=void 0===S?n.getDefaultTransition():S,O=y.transitionEnd,x=Object(d.d)(y,["transition","transitionEnd"]);h&&(_=h);var P=[],C=g&&(null===(o=n.animationState)||void 0===o?void 0:o.getProtectedKeys(g));for(var w in x){var F=n.getValue(w),j=x[w];if(F&&void 0!==j&&void 0===(null==C?void 0:C[w])){var M=startAnimation(w,F,j,Object(d.a)({delay:p},_));P.push(M)}}return Promise.all(P).then((function(){O&&setTarget(n,O)}))}function sortByTreeOrder(n,r){return n.sortNodePosition(r)}function animationControls(){var n=!1,r=[],i=new Set,o={subscribe:function(n){return i.add(n),function(){i.delete(n)}},start:function(o,s){if(n){var d=[];return i.forEach((function(n){d.push(animateVisualElement(n,o,{transitionOverride:s}))})),Promise.all(d)}return new Promise((function(n){r.push({animation:[o,s],resolve:n})}))},set:function(r){return Object(h.invariant)(n,"controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."),i.forEach((function(n){!function setValues(n,r){return Array.isArray(r)?setVariants(n,r):"string"==typeof r?setVariants(n,[r]):void setTarget(n,r)}(n,r)}))},stop:function(){i.forEach((function(n){!function stopAnimation(n){n.forEachValue((function(n){return n.stop()}))}(n)}))},mount:function(){return n=!0,r.forEach((function(n){var r=n.animation,i=n.resolve;o.start.apply(o,Object(d.e)(r)).then(i)})),function(){n=!1,o.stop()}}};return o}function isAnimationControls(n){return"object"==typeof n&&"function"==typeof n.start}function isCSSVariable(n){return"string"==typeof n&&n.startsWith("var(--")}var H=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function getVariableValue(n,r,i){void 0===i&&(i=1),Object(h.invariant)(i<=4,'Max CSS variable fallback depth detected in property "'+n+'". This may indicate a circular fallback dependency.');var o=Object(d.c)(function parseCSSVariable(n){var r=H.exec(n);if(!r)return[,];var i=Object(d.c)(r,3);return[i[1],i[2]]}(n),2),s=o[0],f=o[1];if(s){var p=window.getComputedStyle(r).getPropertyValue(s);return p?p.trim():isCSSVariable(f)?getVariableValue(f,r,i+1):f}}function pixelsToPercent(n,r){return n/(r.max-r.min)*100}var U={process:function correctBorderRadius(n,r,i){var o=i.target;if("string"==typeof n){if(!g.px.test(n))return n;n=parseFloat(n)}return pixelsToPercent(n,o.x)+"% "+pixelsToPercent(n,o.y)+"%"}},W={borderRadius:Object(d.a)(Object(d.a)({},U),{applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]}),borderTopLeftRadius:U,borderTopRightRadius:U,borderBottomLeftRadius:U,borderBottomRightRadius:U,boxShadow:{process:function correctBoxShadow(n,r){var i=r.delta,o=r.treeScale,s=n,d=n.includes("var("),f=[];d&&(n=n.replace(H,(function(n){return f.push(n),"_$css"})));var h=g.complex.parse(n);if(h.length>5)return s;var y=g.complex.createTransformer(n),S="number"!=typeof h[0]?1:0,_=i.x.scale*o.x,O=i.y.scale*o.y;h[0+S]/=_,h[1+S]/=O;var x=Object(p.mix)(_,O,.5);"number"==typeof h[2+S]&&(h[2+S]/=x),"number"==typeof h[3+S]&&(h[3+S]/=x);var P=y(h);if(d){var C=0;P=P.replace("_$css",(function(){var n=f[C];return C++,n}))}return P}}};function addScaleCorrection(n){for(var r in n)W[r]=n[r]}function isForcedMotionValue(n,r){var i=r.layout,o=r.layoutId;return isTransformProp(n)||isTransformOriginProp(n)||(i||void 0!==o)&&!!W[n]}function createVisualState(n,r,i){var o=n.style,s={};for(var f in o)isMotionValue(o[f])?s[f]=o[f].get():isForcedMotionValue(f,n)&&(s[f]=o[f]);var p=n.initial,h=n.animate,g=checkIfControllingVariants(n);if((g||n.variants)&&!g&&!1!==n.inherit){var y=null==r?void 0:r.getVariantContext();y&&(null!=p||(p=y.initial),null!=h||(h=y.animate))}var S=i||!1===p?h:p;S&&"boolean"!=typeof S&&!isAnimationControls(S)&&(Array.isArray(S)?S:[S]).forEach((function(r){var i=resolveVariantFromProps(n,r);if(i){var o=i.transitionEnd,f=(i.transition,Object(d.d)(i,["transitionEnd","transition"]));for(var p in f)s[p]=f[p];for(var p in o)s[p]=o[p]}}));return s}function createLayoutState(){return{isHydrated:!1,layout:{x:{min:0,max:1},y:{min:0,max:1}},layoutCorrected:{x:{min:0,max:1},y:{min:0,max:1}},treeScale:{x:1,y:1},delta:delta(),deltaFinal:delta(),deltaTransform:""}}var q=createLayoutState(),$={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function buildLayoutProjectionTransform(n,r,i){var o=n.x,s=n.y,d="translate3d("+o.translate/r.x+"px, "+s.translate/r.y+"px, 0) ";if(i){var f=i.rotate,p=i.rotateX,h=i.rotateY;f&&(d+="rotate("+f+") "),p&&(d+="rotateX("+p+") "),h&&(d+="rotateY("+h+") ")}return d+="scale("+o.scale+", "+s.scale+")",i||d!==Y?d:""}var X,Y=buildLayoutProjectionTransform(q.delta,q.treeScale,{x:1,y:1});function shallowCompare(n,r){if(!Array.isArray(r))return!1;var i=r.length;if(i!==n.length)return!1;for(var o=0;o<i;o++)if(r[o]!==n[o])return!1;return!0}!function(n){n.Animate="animate",n.Hover="whileHover",n.Tap="whileTap",n.Drag="whileDrag",n.Focus="whileFocus",n.Exit="exit"}(X||(X={}));var Z=[X.Animate,X.Hover,X.Tap,X.Drag,X.Focus,X.Exit],Q=Object(d.e)(Z).reverse(),ee=Z.length;function createAnimationState(n){var r=function animateList(n){return function(r){return Promise.all(r.map((function(r){var i=r.animation,o=r.options;return animateVisualElement(n,i,o)})))}}(n),i=function createState(){var n;return(n={})[X.Animate]=createTypeState(!0),n[X.Hover]=createTypeState(),n[X.Tap]=createTypeState(),n[X.Drag]=createTypeState(),n[X.Focus]=createTypeState(),n[X.Exit]=createTypeState(),n}(),o={},s=!0,buildResolvedTypeValues=function(r,i){var o=resolveVariant(n,i);if(o){o.transition;var s=o.transitionEnd,f=Object(d.d)(o,["transition","transitionEnd"]);r=Object(d.a)(Object(d.a)(Object(d.a)({},r),f),s)}return r};function animateChanges(f,p){for(var h=n.getProps(),g=n.getVariantContext(!0)||{},y=[],S=new Set,_={},O=1/0,_loop_1=function(r){var o=Q[r],x=i[o],P=null!==(E=h[o])&&void 0!==E?E:g[o],C=isVariantLabel(P),w=o===p?x.isActive:null;!1===w&&(O=r);var F=P===g[o]&&P!==h[o]&&C;if(F&&s&&n.manuallyAnimateOnMount&&(F=!1),x.protectedKeys=Object(d.a)({},_),!x.isActive&&null===w||!P&&!x.prevProp||isAnimationControls(P)||"boolean"==typeof P)return"continue";var j=function variantsHaveChanged(n,r){if("string"==typeof r)return r!==n;if(isVariantLabels(r))return!shallowCompare(r,n)