stylish-sidebar
Version:
Reusable React sidebar
1 lines • 158 kB
JavaScript
"use strict";var React=require("react");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React);function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ownKeys(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function _objectSpread2(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(n),!0).forEach(function(e){_defineProperty(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function _taggedTemplateLiteral(e,t){return t=t||e.slice(0),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArrayLimit(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,o=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==s.return||s.return()}finally{if(o)throw i}}return n}}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var extendStatics=function(e,t){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function __extends(e,t){function n(){this.constructor=e}extendStatics(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function __rest(e,t){var n={};for(o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]]);return n}function __values(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function __read(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}function __spread(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(__read(arguments[t]));return e}var defaultTimestep=1/60*1e3,onNextFrame="undefined"!=typeof window?function(e){return window.requestAnimationFrame(e)}:function(e){return setTimeout(function(){return e(performance.now())},defaultTimestep)};function createRenderStep(o){var i=[],a=[],s=0,u=!1,l=new WeakSet,c={schedule:function(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!1);var r=n&&u,n=r?i:a;return t&&l.add(e),-1===n.indexOf(e)&&(n.push(e),r&&u&&(s=i.length)),e},cancel:function(e){var t=a.indexOf(e);-1!==t&&a.splice(t,1),l.delete(e)},process:function(e){var t;if(u=!0,i=(t=[a,i])[0],(a=t[1]).length=0,s=i.length)for(var n=0;n<s;n++){var r=i[n];r(e),l.has(r)&&(c.schedule(r),o())}u=!1}};return c}var maxElapsed=40,useDefaultElapsed=!0,runNextFrame=!1,isProcessing=!1,frame={delta:0,timestamp:0},stepsOrder=["read","update","preRender","render","postRender"],steps=stepsOrder.reduce(function(e,t){return e[t]=createRenderStep(function(){return runNextFrame=!0}),e},{}),sync=stepsOrder.reduce(function(e,t){var r=steps[t];return e[t]=function(e,t,n){return void 0===t&&(t=!1),void 0===n&&(n=!1),runNextFrame||startLoop(),r.schedule(e,t,n)},e},{}),cancelSync=stepsOrder.reduce(function(e,t){return e[t]=steps[t].cancel,e},{}),processStep=function(e){return steps[e].process(frame)},processFrame=function(e){runNextFrame=!1,frame.delta=useDefaultElapsed?defaultTimestep:Math.max(Math.min(e-frame.timestamp,maxElapsed),1),frame.timestamp=e,isProcessing=!0,stepsOrder.forEach(processStep),isProcessing=!1,runNextFrame&&(useDefaultElapsed=!1,onNextFrame(processFrame))},startLoop=function(){useDefaultElapsed=runNextFrame=!0,isProcessing||onNextFrame(processFrame)},getFrameData=function(){return frame},__assign$1=function(){return(__assign$1=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function __rest$1(e,t){var n={};for(o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]]);return n}function __spreadArrays(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),o=0,t=0;t<n;t++)for(var i=arguments[t],a=0,s=i.length;a<s;a++,o++)r[o]=i[a];return r}var warning=function(){},invariant=function(){};"production"!==process.env.NODE_ENV&&(warning=function(e,t){e||"undefined"==typeof console||console.warn(t)},invariant=function(e,t){if(!e)throw new Error(t)});var __assign$2=function(){return(__assign$2=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},clamp=function(t,n){return function(e){return Math.max(Math.min(e,n),t)}},sanitize=function(e){return e%1?Number(e.toFixed(5)):e},floatRegex=/(-)?([\d]*\.?[\d])+/g,colorRegex=/(#[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,singleColorRegex=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;function isString(e){return"string"==typeof e}var number={test:function(e){return"number"==typeof e},parse:parseFloat,transform:function(e){return e}},alpha=__assign$2(__assign$2({},number),{transform:clamp(0,1)}),scale=__assign$2(__assign$2({},number),{default:1}),createUnitType=function(t){return{test:function(e){return isString(e)&&e.endsWith(t)&&1===e.split(" ").length},parse:parseFloat,transform:function(e){return""+e+t}}},degrees=createUnitType("deg"),percent=createUnitType("%"),px=createUnitType("px"),vh=createUnitType("vh"),vw=createUnitType("vw"),progressPercentage=__assign$2(__assign$2({},percent),{parse:function(e){return percent.parse(e)/100},transform:function(e){return percent.transform(100*e)}}),isColorString=function(t,n){return function(e){return isString(e)&&singleColorRegex.test(e)&&e.startsWith(t)||n&&e.hasOwnProperty(n)}},splitColor=function(i,a,s){return function(e){if(!isString(e))return e;var t=e.match(floatRegex),n=t[0],r=t[1],o=t[2],e=t[3];return(t={})[i]=parseFloat(n),t[a]=parseFloat(r),t[s]=parseFloat(o),t.alpha=void 0!==e?parseFloat(e):1,t}},hsla={test:isColorString("hsl","hue"),parse:splitColor("hue","saturation","lightness"),transform:function(e){var t=e.hue,n=e.saturation,r=e.lightness,e=e.alpha,e=void 0===e?1:e;return"hsla("+Math.round(t)+", "+percent.transform(sanitize(n))+", "+percent.transform(sanitize(r))+", "+sanitize(alpha.transform(e))+")"}},clampRgbUnit=clamp(0,255),rgbUnit=__assign$2(__assign$2({},number),{transform:function(e){return Math.round(clampRgbUnit(e))}}),rgba={test:isColorString("rgb","red"),parse:splitColor("red","green","blue"),transform:function(e){var t=e.red,n=e.green,r=e.blue,e=e.alpha,e=void 0===e?1:e;return"rgba("+rgbUnit.transform(t)+", "+rgbUnit.transform(n)+", "+rgbUnit.transform(r)+", "+sanitize(alpha.transform(e))+")"}};function parseHex(e){var t="",n="",r="",o="";return 5<e.length?(t=e.substr(1,2),n=e.substr(3,2),r=e.substr(5,2),o=e.substr(7,2)):(t=e.substr(1,1),n=e.substr(2,1),r=e.substr(3,1),o=e.substr(4,1),t+=t,n+=n,r+=r,o+=o),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:o?parseInt(o,16)/255:1}}var hex={test:isColorString("#"),parse:parseHex,transform:rgba.transform},color={test:function(e){return rgba.test(e)||hex.test(e)||hsla.test(e)},parse:function(e){return(rgba.test(e)?rgba:hsla.test(e)?hsla:hex).parse(e)},transform:function(e){return isString(e)?e:(e.hasOwnProperty("red")?rgba:hsla).transform(e)}},colorToken="${c}",numberToken="${n}";function test(e){var t;return isNaN(e)&&isString(e)&&0<(null!==(t=null===(t=e.match(floatRegex))||void 0===t?void 0:t.length)&&void 0!==t?t:0)+(null!==(e=null===(e=e.match(colorRegex))||void 0===e?void 0:e.length)&&void 0!==e?e:0)}function analyse(e){var t=[],n=0,r=e.match(colorRegex);r&&(n=r.length,e=e.replace(colorRegex,colorToken),t.push.apply(t,r.map(color.parse)));r=e.match(floatRegex);return r&&(e=e.replace(floatRegex,numberToken),t.push.apply(t,r.map(number.parse))),{values:t,numColors:n,tokenised:e}}function parse(e){return analyse(e).values}function createTransformer(e){var t=analyse(e),e=t.values,r=t.numColors,o=t.tokenised,i=e.length;return function(e){for(var t=o,n=0;n<i;n++)t=t.replace(n<r?colorToken:numberToken,n<r?color.transform(e[n]):sanitize(e[n]));return t}}var convertNumbersToZero=function(e){return"number"==typeof e?0:e};function getAnimatableNone(e){var t=parse(e);return createTransformer(e)(t.map(convertNumbersToZero))}var complex={test:test,parse:parse,createTransformer:createTransformer,getAnimatableNone:getAnimatableNone},maxDefaults=new Set(["brightness","contrast","saturate","opacity"]);function applyDefaultFilter(e){var t=e.slice(0,-1).split("("),n=t[0],r=t[1];if("drop-shadow"===n)return e;var o=(r.match(floatRegex)||[])[0];if(!o)return e;t=r.replace(o,""),e=maxDefaults.has(n)?1:0;return o!==r&&(e*=100),n+"("+e+t+")"}var functionRegex=/([a-z-]*)\(.*?\)/g,filter=__assign$2(__assign$2({},complex),{getAnimatableNone:function(e){var t=e.match(functionRegex);return t?t.map(applyDefaultFilter).join(" "):e}}),clamp$1=function(e,t,n){return Math.min(Math.max(n,e),t)},safeMin=.001,minDuration=.01,maxDuration=10,minDamping=.05,maxDamping=1;function findSpring(e){var i,t=e.duration,a=void 0===t?800:t,n=e.bounce,t=void 0===n?.25:n,n=e.velocity,s=void 0===n?0:n,e=e.mass,e=void 0===e?1:e;warning(a<=1e3*maxDuration,"Spring duration must be 10 seconds or less");var u=clamp$1(minDamping,maxDamping,u=1-t),a=clamp$1(minDuration,maxDuration,a/1e3),t=u<1?(i=function(e){var t=e*u,n=t*a,t=t-s,e=calcAngularFreq(e,u),n=Math.exp(-n);return safeMin-t/e*n},function(e){var t=e*u*a,n=t*s+s,r=Math.pow(u,2)*Math.pow(e,2)*a,o=Math.exp(-t),t=calcAngularFreq(Math.pow(e,2),u);return(n-r)*o*(0<-i(e)+safeMin?-1:1)/t}):(i=function(e){return Math.exp(-e*a)*((e-s)*a+1)-safeMin},function(e){return Math.exp(-e*a)*(a*a*(s-e))}),t=approximateRoot(i,t,5/a);if(isNaN(t))return{stiffness:100,damping:10};t=Math.pow(t,2)*e;return{stiffness:t,damping:2*u*Math.sqrt(e*t)}}var rootIterations=12;function approximateRoot(e,t,n){for(var r=n,o=1;o<rootIterations;o++)r-=e(r)/t(r);return r}function calcAngularFreq(e,t){return e*Math.sqrt(1-t*t)}var durationKeys=["duration","bounce"],physicsKeys=["stiffness","damping","mass"];function isSpringType(t,e){return e.some(function(e){return void 0!==t[e]})}function getSpringOptions(e){var t=__assign$1({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1},e);return!isSpringType(e,physicsKeys)&&isSpringType(e,durationKeys)&&(e=findSpring(e),(t=__assign$1(__assign$1(__assign$1({},t),e),{velocity:0,mass:1})).isResolvedFromDuration=!0),t}function spring(e){var t=e.from,u=void 0===t?0:t,t=e.to,l=void 0===t?1:t,t=e.restSpeed,r=void 0===t?2:t,c=e.restDelta,o=__rest$1(e,["from","to","restSpeed","restDelta"]),i={done:!1,value:u},e=getSpringOptions(o),p=e.stiffness,d=e.damping,f=e.mass,m=e.velocity,a=e.isResolvedFromDuration,h=zero,g=zero;function n(){var n,r,o=m?-m/1e3:0,i=l-u,a=d/(2*Math.sqrt(p*f)),s=Math.sqrt(p/f)/1e3;null!=c||(c=Math.abs(l-u)<=1?.01:.4),a<1?(n=calcAngularFreq(s,a),h=function(e){var t=Math.exp(-a*s*e);return l-t*((o+a*s*i)/n*Math.sin(n*e)+i*Math.cos(n*e))},g=function(e){var t=Math.exp(-a*s*e);return a*s*t*(Math.sin(n*e)*(o+a*s*i)/n+i*Math.cos(n*e))-t*(Math.cos(n*e)*(o+a*s*i)-n*i*Math.sin(n*e))}):h=1==a?function(e){return l-Math.exp(-s*e)*(i+(o+s*i)*e)}:(r=s*Math.sqrt(a*a-1),function(e){var t=Math.exp(-a*s*e),e=Math.min(r*e,300);return l-t*((o+a*s*i)*Math.sinh(e)+r*i*Math.cosh(e))/r})}return n(),{next:function(e){var t,n=h(e);return a?i.done=e>=o.duration:(t=1e3*g(e),e=Math.abs(t)<=r,t=Math.abs(l-n)<=c,i.done=e&&t),i.value=i.done?l:n,i},flipTarget:function(){var e;m=-m,u=(e=[l,u])[0],l=e[1],n()}}}spring.needsInterpolation=function(e,t){return"string"==typeof e||"string"==typeof t};var zero=function(e){return 0},progress=function(e,t,n){t-=e;return 0==t?1:(n-e)/t},mix=function(e,t,n){return-n*e+n*t+e},mixLinearColor=function(e,t,n){e*=e,t*=t;return Math.sqrt(Math.max(0,n*(t-e)+e))},colorTypes=[hex,rgba,hsla],getColorType=function(t){return colorTypes.find(function(e){return e.test(t)})},notAnimatable=function(e){return"'"+e+"' is not an animatable color. Use the equivalent color code instead."},mixColor=function(e,t){var n=getColorType(e),r=getColorType(t);invariant(!!n,notAnimatable(e)),invariant(!!r,notAnimatable(t)),invariant(n.transform===r.transform,"Both colors must be hex/RGBA, OR both must be HSLA.");var o=n.parse(e),i=r.parse(t),a=__assign$1({},o),s=n===hsla?mix:mixLinearColor;return function(e){for(var t in a)"alpha"!==t&&(a[t]=s(o[t],i[t],e));return a.alpha=mix(o.alpha,i.alpha,e),n.transform(a)}},isNum=function(e){return"number"==typeof e},combineFunctions=function(t,n){return function(e){return n(t(e))}},pipe=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.reduce(combineFunctions)};function getMixer(t,n){return isNum(t)?function(e){return mix(t,n,e)}:(color.test(t)?mixColor:mixComplex)(t,n)}var mixArray=function(e,n){var r=__spreadArrays(e),o=r.length,i=e.map(function(e,t){return getMixer(e,n[t])});return function(e){for(var t=0;t<o;t++)r[t]=i[t](e);return r}},mixObject=function(e,t){var n,r=__assign$1(__assign$1({},e),t),o={};for(n in r)void 0!==e[n]&&void 0!==t[n]&&(o[n]=getMixer(e[n],t[n]));return function(e){for(var t in o)r[t]=o[t](e);return r}};function analyse$1(e){for(var t=complex.parse(e),n=t.length,r=0,o=0,i=0,a=0;a<n;a++)r||"number"==typeof t[a]?r++:void 0!==t[a].hue?i++:o++;return{parsed:t,numNumbers:r,numRGB:o,numHSL:i}}var mixComplex=function(e,t){var n=complex.createTransformer(t),r=analyse$1(e),o=analyse$1(t);return invariant(r.numHSL===o.numHSL&&r.numRGB===o.numRGB&&r.numNumbers>=o.numNumbers,"Complex values '"+e+"' and '"+t+"' too different to mix. Ensure all colors are of the same type."),pipe(mixArray(r.parsed,o.parsed),n)},mixNumber=function(t,n){return function(e){return mix(t,n,e)}};function detectMixerFactory(e){return"number"==typeof e?mixNumber:"string"==typeof e?color.test(e)?mixColor:mixComplex:Array.isArray(e)?mixArray:"object"==typeof e?mixObject:void 0}function createMixers(e,t,n){for(var r=[],o=n||detectMixerFactory(e[0]),i=e.length-1,a=0;a<i;a++){var s,u=o(e[a],e[a+1]);t&&(s=Array.isArray(t)?t[a]:t,u=pipe(s,u)),r.push(u)}return r}function fastInterpolate(e,t){var n=e[0],r=e[1],o=t[0];return function(e){return o(progress(n,r,e))}}function slowInterpolate(o,i){var a=o.length,s=a-1;return function(e){var t=0,n=!1;if(e<=o[0]?n=!0:e>=o[s]&&(t=s-1,n=!0),!n){for(var r=1;r<a&&!(o[r]>e||r===s);r++);t=r-1}n=progress(o[t],o[t+1],e);return i[t](n)}}function interpolate(t,e,n){var r=void 0===n?{}:n,o=r.clamp,n=void 0===o||o,o=r.ease,r=r.mixer,i=t.length;invariant(i===e.length,"Both input and output ranges must be the same length"),invariant(!o||!Array.isArray(o)||o.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());var r=createMixers(e,o,r),a=(2===i?fastInterpolate:slowInterpolate)(t,r);return n?function(e){return a(clamp$1(t[0],t[i-1],e))}:a}var reverseEasing=function(t){return function(e){return 1-t(1-e)}},mirrorEasing=function(t){return function(e){return e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2}},createExpoIn=function(t){return function(e){return Math.pow(e,t)}},createBackIn=function(t){return function(e){return e*e*((t+1)*e-t)}},createAnticipate=function(e){var t=createBackIn(e);return function(e){return(e*=2)<1?.5*t(e):.5*(2-Math.pow(2,-10*(e-1)))}},DEFAULT_OVERSHOOT_STRENGTH=1.525,BOUNCE_FIRST_THRESHOLD=4/11,BOUNCE_SECOND_THRESHOLD=8/11,BOUNCE_THIRD_THRESHOLD=.9,linear=function(e){return e},easeIn=createExpoIn(2),easeOut=reverseEasing(easeIn),easeInOut=mirrorEasing(easeIn),circIn=function(e){return 1-Math.sin(Math.acos(e))},circOut=reverseEasing(circIn),circInOut=mirrorEasing(circOut),backIn=createBackIn(DEFAULT_OVERSHOOT_STRENGTH),backOut=reverseEasing(backIn),backInOut=mirrorEasing(backIn),anticipate=createAnticipate(DEFAULT_OVERSHOOT_STRENGTH),ca=4356/361,cb=35442/1805,cc=16061/1805,bounceOut=function(e){if(1===e||0===e)return e;var t=e*e;return e<BOUNCE_FIRST_THRESHOLD?7.5625*t:e<BOUNCE_SECOND_THRESHOLD?9.075*t-9.9*e+3.4:e<BOUNCE_THIRD_THRESHOLD?ca*t-cb*e+cc:10.8*e*e-20.52*e+10.72},bounceIn=reverseEasing(bounceOut),bounceInOut=function(e){return e<.5?.5*(1-bounceOut(1-2*e)):.5*bounceOut(2*e-1)+.5};function defaultEasing(e,t){return e.map(function(){return t||easeInOut}).splice(0,e.length-1)}function defaultOffset(e){var n=e.length;return e.map(function(e,t){return 0!==t?t/(n-1):0})}function convertOffsetToTimes(e,t){return e.map(function(e){return e*t})}function keyframes(e){var t=e.from,n=void 0===t?0:t,r=e.to,t=void 0===r?1:r,o=e.ease,r=e.offset,e=e.duration,i=void 0===e?300:e,a={done:!1,value:n},s=Array.isArray(t)?t:[n,t],u=convertOffsetToTimes(r&&r.length===s.length?r:defaultOffset(s),i);function l(){return interpolate(u,s,{ease:Array.isArray(o)?o:defaultEasing(s,o)})}var c=l();return{next:function(e){return a.value=c(e),a.done=i<=e,a},flipTarget:function(){s.reverse(),c=l()}}}function decay(e){var t=e.velocity,n=void 0===t?0:t,r=e.from,o=void 0===r?0:r,t=e.power,r=void 0===t?.8:t,t=e.timeConstant,i=void 0===t?350:t,t=e.restDelta,a=void 0===t?.5:t,e=e.modifyTarget,s={done:!1,value:o},u=r*n,n=o+u,l=void 0===e?n:e(n);return l!==n&&(u=l-o),{next:function(e){e=-u*Math.exp(-e/i);return s.done=!(a<e||e<-a),s.value=s.done?l:l+e,s},flipTarget:function(){}}}var types={keyframes:keyframes,spring:spring,decay:decay};function detectAnimationFromOptions(e){if(Array.isArray(e.to))return keyframes;if(types[e.type])return types[e.type];e=new Set(Object.keys(e));return!(e.has("ease")||e.has("duration")&&!e.has("dampingRatio"))&&(e.has("dampingRatio")||e.has("stiffness")||e.has("mass")||e.has("damping")||e.has("restSpeed")||e.has("restDelta"))?spring:keyframes}function loopElapsed(e,t,n){return void 0===n&&(n=0),e-t-n}function reverseElapsed(e,t,n,r){return void 0===n&&(n=0),void 0===r&&(r=!0),r?loopElapsed(t+-e,t,n):t-(e-t)+n}function hasRepeatDelayElapsed(e,t,n,r){return r?t+n<=e:e<=-n}var framesync=function(t){function e(e){return e=e.delta,t(e)}return{start:function(){return sync.update(e,!0,!0)},stop:function(){return cancelSync.update(e)}}};function animate(e){var t,n,r,o=e.from,i=e.autoplay,a=void 0===i||i,s=e.driver,u=void 0===s?framesync:s,l=e.elapsed,c=void 0===l?0:l,i=e.repeat,p=void 0===i?0:i,s=e.repeatType,d=void 0===s?"loop":s,l=e.repeatDelay,f=void 0===l?0:l,m=e.onPlay,h=e.onStop,g=e.onComplete,v=e.onRepeat,y=e.onUpdate,i=__rest$1(e,["from","autoplay","driver","elapsed","repeat","repeatType","repeatDelay","onPlay","onStop","onComplete","onRepeat","onUpdate"]),s=i.to,b=0,x=i.duration,C=!1,E=!0,l=detectAnimationFromOptions(i);null!==(e=l.needsInterpolation)&&void 0!==e&&e.call(l,o,s)&&(r=interpolate([0,100],[o,s],{clamp:!1}),o=0,s=100);var _=l(__assign$1(__assign$1({},i),{from:o,to:s}));function S(e){E||(e=-e),c+=e,C||(e=_.next(Math.max(0,c)),n=e.value,r&&(n=r(n)),C=E?e.done:c<=0),null!=y&&y(n),C&&(0===b&&(null!=x||(x=c)),b<p?hasRepeatDelayElapsed(c,x,f,E)&&(b++,"reverse"===d?c=reverseElapsed(c,x,f,E=b%2==0):(c=loopElapsed(c,x,f),"mirror"===d&&_.flipTarget()),C=!1,v&&v()):(t.stop(),g&&g()))}return a&&(null!=m&&m(),(t=u(S)).start()),{stop:function(){null!=h&&h(),t.stop()}}}function velocityPerSecond(e,t){return t?e*(1e3/t):0}function inertia(e){var t,n,r,o,i,a=e.from,s=void 0===a?0:a,u=e.velocity,l=void 0===u?0:u,c=e.min,p=e.max,d=e.power,a=void 0===d?.8:d,u=e.timeConstant,d=void 0===u?750:u,u=e.bounceStiffness,f=void 0===u?500:u,u=e.bounceDamping,m=void 0===u?10:u,u=e.restDelta,h=void 0===u?1:u,u=e.modifyTarget,g=e.driver,v=e.onUpdate,y=e.onComplete;function b(e){return void 0!==c&&e<c||void 0!==p&&p<e}function x(e){return void 0!==c&&(void 0===p||Math.abs(c-e)<Math.abs(p-e))?c:p}function C(n){null!=t&&t.stop(),t=animate(__assign$1(__assign$1({},n),{driver:g,onUpdate:function(e){var t;null!=v&&v(e),null!==(t=n.onUpdate)&&void 0!==t&&t.call(n,e)},onComplete:y}))}function E(e){C(__assign$1({type:"spring",stiffness:f,damping:m,restDelta:h},e))}return b(s)?E({from:s,velocity:l,to:x(s)}):(e=a*l+s,void 0!==u&&(e=u(e)),n=x(e),r=n===c?-1:1,C({type:"decay",from:s,velocity:l,timeConstant:d,power:a,restDelta:h,modifyTarget:u,onUpdate:b(e)?function(e){o=i,l=velocityPerSecond((i=e)-o,getFrameData().delta),(1==r&&n<e||-1==r&&e<n)&&E({from:e,to:n,velocity:l})}:void 0})),{stop:function(){return null==t?void 0:t.stop()}}}var isPoint=function(e){return e.hasOwnProperty("x")&&e.hasOwnProperty("y")},isPoint3D=function(e){return isPoint(e)&&e.hasOwnProperty("z")},distance1D=function(e,t){return Math.abs(e-t)};function distance(e,t){if(isNum(e)&&isNum(t))return distance1D(e,t);if(isPoint(e)&&isPoint(t)){var n=distance1D(e.x,t.x),r=distance1D(e.y,t.y),t=isPoint3D(e)&&isPoint3D(t)?distance1D(e.z,t.z):0;return Math.sqrt(Math.pow(n,2)+Math.pow(r,2)+Math.pow(t,2))}}var a=function(e,t){return 1-3*t+3*e},b=function(e,t){return 3*t-6*e},c=function(e){return 3*e},calcBezier=function(e,t,n){return((a(t,n)*e+b(t,n))*e+c(t))*e},getSlope=function(e,t,n){return 3*a(t,n)*e*e+2*b(t,n)*e+c(t)},subdivisionPrecision=1e-7,subdivisionMaxIterations=10;function binarySubdivide(e,t,n,r,o){for(var i,a,s=0;0<(i=calcBezier(a=t+(n-t)/2,r,o)-e)?n=a:t=a,Math.abs(i)>subdivisionPrecision&&++s<subdivisionMaxIterations;);return a}var newtonIterations=8,newtonMinSlope=.001;function newtonRaphsonIterate(e,t,n,r){for(var o=0;o<newtonIterations;++o){var i=getSlope(t,n,r);if(0===i)return t;t-=(calcBezier(t,n,r)-e)/i}return t}var kSplineTableSize=11,kSampleStepSize=1/(kSplineTableSize-1);function cubicBezier(a,t,s,n){if(a===t&&s===n)return linear;for(var u=new Float32Array(kSplineTableSize),e=0;e<kSplineTableSize;++e)u[e]=calcBezier(e*kSampleStepSize,a,s);return function(e){return 0===e||1===e?e:calcBezier(function(e){for(var t=0,n=1,r=kSplineTableSize-1;n!==r&&u[n]<=e;++n)t+=kSampleStepSize;var o=t+(e-u[--n])/(u[n+1]-u[n])*kSampleStepSize,i=getSlope(o,a,s);return newtonMinSlope<=i?newtonRaphsonIterate(e,o,a,s):0===i?o:binarySubdivide(e,t,t+kSampleStepSize,a,s)}(e),t,n)}}var isRefObject=function(e){return"object"==typeof e&&e.hasOwnProperty("current")},SubscriptionManager=function(){function e(){this.subscriptions=new Set}return e.prototype.add=function(e){var t=this;return this.subscriptions.add(e),function(){t.subscriptions.delete(e)}},e.prototype.notify=function(e,t,n){var r,o;if(this.subscriptions.size)try{for(var i=__values(this.subscriptions),a=i.next();!a.done;a=i.next())(0,a.value)(e,t,n)}catch(e){r={error:e}}finally{try{a&&!a.done&&(o=i.return)&&o.call(i)}finally{if(r)throw r.error}}},e.prototype.clear=function(){this.subscriptions.clear()},e}(),isFloat=function(e){return!isNaN(parseFloat(e))},MotionValue=function(){function e(e){var n=this;this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new SubscriptionManager,this.renderSubscribers=new SubscriptionManager,this.canTrackVelocity=!1,this.updateAndNotify=function(e,t){void 0===t&&(t=!0),n.prev=n.current,n.current=e,n.prev!==n.current&&n.updateSubscribers.notify(n.current),t&&n.renderSubscribers.notify(n.current);e=getFrameData(),t=e.delta,e=e.timestamp;n.lastUpdated!==e&&(n.timeDelta=t,n.lastUpdated=e,sync.postRender(n.scheduleVelocityCheck))},this.scheduleVelocityCheck=function(){return sync.postRender(n.velocityCheck)},this.velocityCheck=function(e){e.timestamp!==n.lastUpdated&&(n.prev=n.current)},this.current=e,this.canTrackVelocity=isFloat(this.current)}return e.prototype.onChange=function(e){return this.updateSubscribers.add(e)},e.prototype.clearListeners=function(){this.updateSubscribers.clear()},e.prototype.onRenderRequest=function(e){return e(this.get()),this.renderSubscribers.add(e)},e.prototype.attach=function(e){this.passiveEffect=e},e.prototype.set=function(e,t){void 0===t&&(t=!0),t&&this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e,t)},e.prototype.get=function(){return this.current},e.prototype.getPrevious=function(){return this.prev},e.prototype.getVelocity=function(){return this.canTrackVelocity?velocityPerSecond(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0},e.prototype.start=function(t){var n=this;return this.stop(),new Promise(function(e){n.stopAnimation=t(e)}).then(function(){return n.clearAnimation()})},e.prototype.stop=function(){this.stopAnimation&&this.stopAnimation(),this.clearAnimation()},e.prototype.isAnimating=function(){return!!this.stopAnimation},e.prototype.clearAnimation=function(){this.stopAnimation=null},e.prototype.destroy=function(){this.updateSubscribers.clear(),this.renderSubscribers.clear(),this.stop()},e}();function motionValue(e){return new MotionValue(e)}var VisualElement=function(){function e(e,t){var n=this;this.children=new Set,this.isHoverEventsEnabled=!0,this.baseTarget={},this.latest={},this.values=new Map,this.valueSubscriptions=new Map,this.config={},this.isMounted=!1,this.update=function(){return n.config.onUpdate(n.latest)},this.triggerRender=function(){return n.render()},this.ref=function(e){e?n.mount(e):n.unmount(),n.externalRef&&("function"==typeof n.externalRef?n.externalRef(e):isRefObject(n.externalRef)&&(n.externalRef.current=e))},this.parent=e,this.rootParent=e?e.rootParent:this,this.treePath=e?__spread(e.treePath,[e]):[],this.depth=e?e.depth+1:0,this.externalRef=t}return e.prototype.suspendHoverEvents=function(){var e=this;this.isHoverEventsEnabled=!1,sync.postRender(function(){return setTimeout(function(){return e.isHoverEventsEnabled=!0},10)})},e.prototype.getVariantPayload=function(){return this.config.custom},e.prototype.getVariant=function(e){var t;return null===(t=this.config.variants)||void 0===t?void 0:t[e]},e.prototype.addVariantChild=function(e){var t=this;return this.variantChildren||(this.variantChildren=new Set),this.variantChildren.add(e),function(){return t.variantChildren.delete(e)}},e.prototype.addVariantChildOrder=function(e){this.variantChildrenOrder||(this.variantChildrenOrder=new Set),this.variantChildrenOrder.add(e)},e.prototype.onAnimationStart=function(){var e,t;null!==(t=(e=this.config).onAnimationStart)&&void 0!==t&&t.call(e)},e.prototype.onAnimationComplete=function(){var e,t;this.isMounted&&null!==(t=(e=this.config).onAnimationComplete)&&void 0!==t&&t.call(e)},e.prototype.getDefaultTransition=function(){return this.config.transition},e.prototype.subscribe=function(e){var t=this;return this.children.add(e),function(){return t.children.delete(e)}},e.prototype.hasValue=function(e){return this.values.has(e)},e.prototype.addValue=function(e,t){this.hasValue(e)&&this.removeValue(e),this.values.set(e,t),this.setSingleStaticValue(e,t.get()),this.subscribeToValue(e,t)},e.prototype.removeValue=function(e){var t;null!==(t=this.valueSubscriptions.get(e))&&void 0!==t&&t(),this.valueSubscriptions.delete(e),this.values.delete(e),delete this.latest[e]},e.prototype.getValue=function(e,t){var n=this.values.get(e);return void 0===n&&void 0!==t&&(n=new MotionValue(t),this.addValue(e,n)),n},e.prototype.forEachValue=function(e){this.values.forEach(e)},e.prototype.getInstance=function(){return this.element},e.prototype.updateConfig=function(e){void 0===e&&(e={}),this.config=__assign({},e)},e.prototype.getBaseValue=function(e,t){return this.baseTarget[e]},e.prototype.setSingleStaticValue=function(e,t){this.latest[e]=t},e.prototype.setStaticValues=function(e,t){if("string"==typeof e)this.setSingleStaticValue(e,t);else for(var n in e)this.setSingleStaticValue(n,e[n])},e.prototype.scheduleRender=function(){sync.render(this.triggerRender,!1,!0)},e.prototype.scheduleUpdateLayoutDelta=function(){sync.preRender(this.rootParent.updateLayoutDelta,!1,!0)},e.prototype.subscribeToValue=function(t,e){var n=this,r=e.onChange(function(e){n.setSingleStaticValue(t,e),n.element&&n.config.onUpdate&&sync.update(n.update,!1,!0)}),o=e.onRenderRequest(function(){n.element&&n.scheduleRender()});this.valueSubscriptions.set(t,function(){r(),o()})},e.prototype.mount=function(e){invariant(!!e,"No ref found. Ensure components created with motion.custom forward refs using React.forwardRef"),this.parent&&(this.removeFromParent=this.parent.subscribe(this)),this.element=this.current=e},e.prototype.unmount=function(){var n=this;this.forEachValue(function(e,t){return n.removeValue(t)}),cancelSync.update(this.update),cancelSync.render(this.render),this.removeFromParent&&this.removeFromParent()},e}();function noop(e){return e}function convertBoundingBoxToAxisBox(e){var t=e.top;return{x:{min:e.left,max:e.right},y:{min:t,max:e.bottom}}}function convertAxisBoxToBoundingBox(e){var t=e.x,e=e.y;return{top:e.min,bottom:e.max,left:t.min,right:t.max}}function transformBoundingBox(e,t){var n=e.top,r=e.left,o=e.bottom,e=e.right;void 0===t&&(t=noop);n=t({x:r,y:n}),o=t({x:e,y:o});return{top:n.y,left:n.x,bottom:o.y,right:o.x}}function axisBox(){return{x:{min:0,max:1},y:{min:0,max:1}}}function copyAxisBox(e){return{x:__assign({},e.x),y:__assign({},e.y)}}var zeroDelta={translate:0,scale:1,origin:0,originPoint:0};function delta(){return{x:__assign({},zeroDelta),y:__assign({},zeroDelta)}}var auto={test:function(e){return"auto"===e},parse:function(e){return e}},int=__assign(__assign({},number),{transform:Math.round}),defaultValueTypes={color:color,backgroundColor:color,outlineColor:color,fill:color,stroke:color,borderColor:color,borderTopColor:color,borderRightColor:color,borderBottomColor:color,borderLeftColor:color,borderWidth:px,borderTopWidth:px,borderRightWidth:px,borderBottomWidth:px,borderLeftWidth:px,borderRadius:px,radius:px,borderTopLeftRadius:px,borderTopRightRadius:px,borderBottomRightRadius:px,borderBottomLeftRadius:px,width:px,maxWidth:px,height:px,maxHeight:px,size:px,top:px,right:px,bottom:px,left:px,padding:px,paddingTop:px,paddingRight:px,paddingBottom:px,paddingLeft:px,margin:px,marginTop:px,marginRight:px,marginBottom:px,marginLeft:px,rotate:degrees,rotateX:degrees,rotateY:degrees,rotateZ:degrees,scale:scale,scaleX:scale,scaleY:scale,scaleZ:scale,skew:degrees,skewX:degrees,skewY:degrees,distance:px,translateX:px,translateY:px,translateZ:px,x:px,y:px,z:px,perspective:px,transformPerspective:px,opacity:alpha,originX:progressPercentage,originY:progressPercentage,originZ:px,zIndex:int,filter:filter,WebkitFilter:filter,fillOpacity:alpha,strokeOpacity:alpha,numOctaves:int},dimensionValueTypes=[number,px,percent,degrees,vw,vh,auto],testValueType=function(t){return function(e){return e.test(t)}},findDimensionValueType=function(e){return dimensionValueTypes.find(testValueType(e))},valueTypes=__spread(dimensionValueTypes,[color,complex]),findValueType=function(e){return valueTypes.find(testValueType(e))},getDefaultValueType=function(e){return defaultValueTypes[e]},getValueAsType=function(e,t){return t&&"number"==typeof e?t.transform(e):e};function getAnimatableNone$1(e,t){var n=getDefaultValueType(e);return n!==filter&&(n=complex),null===(e=n.getAnimatableNone)||void 0===e?void 0:e.call(n,t)}var transformAxes=["","X","Y","Z"],order=["perspective","translate","scale","rotate","skew"],transformProps=["transformPerspective","x","y","z"];function sortTransformProps(e,t){return transformProps.indexOf(e)-transformProps.indexOf(t)}order.forEach(function(t){transformAxes.forEach(function(e){e=t+e;transformProps.push(e)})});var transformPropSet=new Set(transformProps);function isTransformProp(e){return transformPropSet.has(e)}var transformOriginProps=new Set(["originX","originY","originZ"]);function isTransformOriginProp(e){return transformOriginProps.has(e)}var translateAlias={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function buildTransform(e,t,n,r,o,i){void 0===o&&(o=!0),void 0===i&&(i=!0);var a="";t.sort(sortTransformProps);for(var s=!1,u=t.length,l=0;l<u;l++){var c=t[l];a+=(translateAlias[c]||c)+"("+e[c]+") ","z"===c&&(s=!0)}return!s&&o?a+="translateZ(0)":a=a.trim(),n?a=n(e,r?"":a):i&&r&&(a="none"),a}function buildTransformOrigin(e){var t=e.originX,n=void 0===t?"50%":t,t=e.originY,t=void 0===t?"50%":t,e=e.originZ;return n+" "+t+" "+(void 0===e?0:e)}function buildLayoutProjectionTransform(e,t,n){var r=e.x,o=e.y,e="translate3d("+r.translate/t.x+"px, "+o.translate/t.y+"px, 0) ";return n&&((t=n.rotate)&&(e+="rotate("+t+") "),(t=n.rotateX)&&(e+="rotateX("+t+") "),(t=n.rotateY)&&(e+="rotateY("+t+") ")),e+="scale("+r.scale+", "+o.scale+")",n||e!==identityProjection?e:""}var identityProjection=buildLayoutProjectionTransform(delta(),{x:1,y:1});function buildLayoutProjectionTransformOrigin(e){var t=e.x,e=e.y;return 100*t.origin+"% "+100*e.origin+"% 0"}function isCSSVariable(e){return e.startsWith("--")}function isCSSVariable$1(e){return"string"==typeof e&&e.startsWith("var(--")}var cssVariableRegex=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function parseCSSVariable(e){e=cssVariableRegex.exec(e);if(!e)return[,];e=__read(e,3);return[e[1],e[2]]}var maxDepth=4;function getVariableValue(e,t,n){void 0===n&&(n=1),invariant(n<=maxDepth,'Max CSS variable fallback depth detected in property "'+e+'". This may indicate a circular fallback dependency.');var r=__read(parseCSSVariable(e),2),e=r[0],r=r[1];if(e){e=window.getComputedStyle(t).getPropertyValue(e);return e?e.trim():isCSSVariable$1(r)?getVariableValue(r,t,n+1):r}}function resolveCSSVariables(e,t,n){var r,o=__rest(t,[]),i=e.getInstance();if(!(i instanceof HTMLElement))return{target:o,transitionEnd:n};for(r in n=n&&__assign({},n),e.forEachValue(function(e){var t=e.get();!isCSSVariable$1(t)||(t=getVariableValue(t,i))&&e.set(t)}),o){var a,s=o[r];isCSSVariable$1(s)&&((a=getVariableValue(s,i))&&(o[r]=a,n&&(null!==(a=n[r])&&void 0!==a||(n[r]=s))))}return{target:o,transitionEnd:n}}function pixelsToPercent(e,t){return e/(t.max-t.min)*100}function correctBorderRadius(e,t){if("string"==typeof e){if(!px.test(e))return e;e=parseFloat(e)}return pixelsToPercent(e,t.x)+"% "+pixelsToPercent(e,t.y)+"%"}var varToken="_$css";function correctBoxShadow(e,t,n,r){var o=e,i=e.includes("var("),a=[];i&&(e=e.replace(cssVariableRegex,function(e){return a.push(e),varToken}));var s=complex.parse(e);if(5<s.length)return o;var u=complex.createTransformer(e),o="number"!=typeof s[0]?1:0,e=n.x.scale*r.x,r=n.y.scale*r.y;s[0+o]/=e,s[1+o]/=r;r=mix(e,r,.5);"number"==typeof s[2+o]&&(s[2+o]/=r),"number"==typeof s[3+o]&&(s[3+o]/=r);var l,s=u(s);return i&&(l=0,s=s.replace(varToken,function(){var e=a[l];return l++,e})),s}var borderCorrectionDefinition={process:correctBorderRadius},valueScaleCorrection={borderRadius:__assign(__assign({},borderCorrectionDefinition),{applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]}),borderTopLeftRadius:borderCorrectionDefinition,borderTopRightRadius:borderCorrectionDefinition,borderBottomLeftRadius:borderCorrectionDefinition,borderBottomRightRadius:borderCorrectionDefinition,boxShadow:{process:correctBoxShadow}};function buildHTMLStyles(e,t,n,r,o,i,a,s,u,l,c,p){var d,f=a.enableHardwareAcceleration,m=a.transformTemplate,a=a.allowTransformNone,h=!1,g=!1,v=!(i.length=0);for(d in e){var y=e[d],b=getDefaultValueType(d),x=getValueAsType(y,b);if(isTransformProp(d)){h=!0;r[d]=x,i.push(d),v&&y!==(void 0!==b.default?b.default:0)&&(v=!1)}else if(isTransformOriginProp(d))o[d]=x,g=!0;else if("transform"!==d||"function"!=typeof y){var C=isCSSVariable(d)?n:t;if(s&&valueScaleCorrection[d]){var E=valueScaleCorrection[d].process(y,p,u,c),_=valueScaleCorrection[d].applyTo;if(_)for(var S=_.length,w=0;w<S;w++)C[_[w]]=E;else C[d]=E}else C[d]=x}}s?(t.transform=buildLayoutProjectionTransform(l,c,h?r:void 0),m&&(t.transform=m(r,t.transform)),t.transformOrigin=buildLayoutProjectionTransformOrigin(l)):(h&&(t.transform=buildTransform(r,i,m,v,f,a)),g&&(t.transformOrigin=buildTransformOrigin(o)))}function resetAxis(e,t){e.min=t.min,e.max=t.max}function resetBox(e,t){resetAxis(e.x,t.x),resetAxis(e.y,t.y)}function scalePoint(e,t,n){return n+t*(e-n)}function applyPointDelta(e,t,n,r,o){return void 0!==o&&(e=scalePoint(e,o,r)),scalePoint(e,n,r)+t}function applyAxisDelta(e,t,n,r,o){void 0===t&&(t=0),void 0===n&&(n=1),e.min=applyPointDelta(e.min,t,n,r,o),e.max=applyPointDelta(e.max,t,n,r,o)}function applyBoxDelta(e,t){var n=t.x,t=t.y;applyAxisDelta(e.x,n.translate,n.scale,n.originPoint),applyAxisDelta(e.y,t.translate,t.scale,t.originPoint)}function applyAxisTransforms(e,t,n,r){var o=__read(r,3),i=o[0],r=o[1],o=o[2];e.min=t.min,e.max=t.max;o=void 0!==n[o]?n[o]:.5,o=mix(t.min,t.max,o);applyAxisDelta(e,n[i],n[r],o,n.scale)}var xKeys=["x","scaleX","originX"],yKeys=["y","scaleY","originY"];function applyBoxTransforms(e,t,n){applyAxisTransforms(e.x,t.x,n,xKeys),applyAxisTransforms(e.y,t.y,n,yKeys)}function removePointDelta(e,t,n,r,o){return e=scalePoint(e-=t,1/n,r),void 0!==o&&(e=scalePoint(e,1/o,r)),e}function removeAxisDelta(e,t,n,r,o){void 0===t&&(t=0),void 0===n&&(n=1),void 0===r&&(r=.5);r=mix(e.min,e.max,r)-t;e.min=removePointDelta(e.min,t,n,r,o),e.max=removePointDelta(e.max,t,n,r,o)}function removeAxisTransforms(e,t,n){var r=__read(n,3),o=r[0],n=r[1],r=r[2];removeAxisDelta(e,t[o],t[n],t[r],t.scale)}function removeBoxTransforms(e,t){removeAxisTransforms(e.x,t,xKeys),removeAxisTransforms(e.y,t,yKeys)}function applyTreeDeltas(e,t,n){var r=n.length;if(r){t.x=t.y=1;for(var o=0;o<r;o++){var i=n[o].delta;t.x*=i.x.scale,t.y*=i.y.scale,applyBoxDelta(e,i)}}}var clampProgress=function(e){return clamp$1(0,1,e)};function isNear(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=.01),distance(e,t)<n}function calcLength(e){return e.max-e.min}function calcOrigin(e,t){var n=.5,r=calcLength(e),o=calcLength(t);return r<o?n=progress(t.min,t.max-r,e.min):o<r&&(n=progress(e.min,e.max-o,t.min)),clampProgress(n)}function updateAxisDelta(e,t,n,r){e.origin=void 0===r?calcOrigin(t,n):r,e.originPoint=mix(t.min,t.max,e.origin),e.scale=calcLength(n)/calcLength(t),isNear(e.scale,1,1e-4)&&(e.scale=1),e.translate=mix(n.min,n.max,e.origin)-e.originPoint,isNear(e.translate)&&(e.translate=0)}function updateBoxDelta(e,t,n,r){updateAxisDelta(e.x,t.x,n.x,r),updateAxisDelta(e.y,t.y,n.y,r)}function eachAxis(e){return[e("x"),e("y")]}function getBoundingBox(e,t){return convertBoundingBoxToAxisBox(transformBoundingBox(e.getBoundingClientRect(),t))}var BoundingBoxDimension,isKeyframesTarget=function(e){return Array.isArray(e)},positionalKeys=new Set(["width","height","top","left","right","bottom","x","y"]),isPositionalKey=function(e){return positionalKeys.has(e)},hasPositionalKey=function(e){return Object.keys(e).some(isPositionalKey)},setAndResetVelocity=function(e,t){e.set(t,!1),e.set(t)},isNumOrPxType=function(e){return e===number||e===px};!function(e){e.width="width",e.height="height",e.left="left",e.right="right",e.top="top",e.bottom="bottom"}(BoundingBoxDimension=BoundingBoxDimension||{});var getPosFromMatrix=function(e,t){return parseFloat(e.split(", ")[t])},getTranslateFromMatrix=function(r,o){return function(e,t){var n=t.transform;if("none"===n||!n)return 0;t=n.match(/^matrix3d\((.+)\)$/);if(t)return getPosFromMatrix(t[1],o);n=n.match(/^matrix\((.+)\)$/);return n?getPosFromMatrix(n[1],r):0}},transformKeys=new Set(["x","y","z"]),nonTranslationalTransformKeys=transformProps.filter(function(e){return!transformKeys.has(e)});function removeNonTranslationalTransform(n){var r=[];return nonTranslationalTransformKeys.forEach(function(e){var t=n.getValue(e);void 0!==t&&(r.push([e,t.get()]),t.set(e.startsWith("scale")?1:0))}),r.length&&n.render(),r}var positionalValues={width:function(e){e=e.x;return e.max-e.min},height:function(e){e=e.y;return e.max-e.min},top:function(e,t){t=t.top;return parseFloat(t)},left:function(e,t){t=t.left;return parseFloat(t)},bottom:function(e,t){e=e.y,t=t.top;return parseFloat(t)+(e.max-e.min)},right:function(e,t){e=e.x,t=t.left;return parseFloat(t)+(e.max-e.min)},x:getTranslateFromMatrix(4,13),y:getTranslateFromMatrix(5,14)},convertChangedValueTypes=function(n,r,e){var o=r.getBoundingBox(),i=r.getComputedStyle(),t=i.display,a={top:i.top,left:i.left,bottom:i.bottom,right:i.right,transform:i.transform};"none"===t&&r.setStaticValues("display",n.display||"block"),r.render();var s=r.getBoundingBox();return e.forEach(function(e){var t=r.getValue(e);setAndResetVelocity(t,positionalValues[e](o,a)),n[e]=positionalValues[e](s,i)}),n},checkAndConvertChangedValueTypes=function(l,c,p,d){void 0===p&&(p={}),void 0===d&&(d={}),c=__assign({},c),d=__assign({},d);var e=Object.keys(c).filter(isPositionalKey),f=[],m=!1,h=[];if(e.forEach(function(e){var t=l.getValue(e);if(l.hasValue(e)){var n,r,o=p[e],i=c[e],a=findDimensionValueType(o);if(isKeyframesTarget(i))for(var s=i.length,u=null===i[0]?1:0;u<s;u++)n?invariant(findDimensionValueType(i[u])===n,"All keyframes must be of the same type"):(n=findDimensionValueType(i[u]),invariant(n===a||isNumOrPxType(a)&&isNumOrPxType(n),"Keyframes must be of the same dimension as the current value"));else n=findDimensionValueType(i);a!==n&&(isNumOrPxType(a)&&isNumOrPxType(n)?("string"==typeof(r=t.get())&&t.set(parseFloat(r)),"string"==typeof i?c[e]=parseFloat(i):Array.isArray(i)&&n===px&&(c[e]=i.map(parseFloat))):null!=a&&a.transform&&null!=n&&n.transform&&(0===o||0===i)?0===o?t.set(n.transform(o)):c[e]=a.transform(i):(m||(f=removeNonTranslationalTransform(l),m=!0),h.push(e),d[e]=(void 0!==d[e]?d:c)[e],setAndResetVelocity(t,i)))}}),h.length){e=convertChangedValueTypes(c,l,h);return f.length&&f.forEach(function(e){var t=__read(e,2),e=t[0],t=t[1];l.getValue(e).set(t)}),l.render(),{target:e,transitionEnd:d}}return{target:c,transitionEnd:d}};function unitConversion(e,t,n,r){return hasPositionalKey(t)?checkAndConvertChangedValueTypes(e,t,n,r):{target:t,transitionEnd:r}}var parseDomVariant=function(e,t,n,r){var o=resolveCSSVariables(e,t,r);return unitConversion(e,t=o.target,n,r=o.transitionEnd)},isNumericalString=function(e){return/^\-?\d*\.?\d+$/.test(e)},resolveFinalValueInKeyframes=function(e){return isKeyframesTarget(e)?e[e.length-1]||0:e};function isVariantLabels(e){return Array.isArray(e)}function isVariantLabel(e){return"string"==typeof e||isVariantLabels(e)}function getCurrent(e){var n={};return e.forEachValue(function(e,t){return n[t]=e.get()}),n}function getVelocity(e){var n={};return e.forEachValue(function(e,t){return n[t]=e.getVelocity()}),n}function resolveVariant(e,t,n){return"string"==typeof t&&(t=e.getVariant(t)),"function"==typeof t?t(null!=n?n:e.getVariantPayload(),getCurrent(e),getVelocity(e)):t}function setMotionValue(e,t,n){e.hasValue(t)?e.getValue(t).set(n):e.addValue(t,motionValue(n))}function setTarget(e,t){var n,r=resolveVariant(e,t),t=r?e.makeTargetAnimatable(r,!1):{},r=t.transitionEnd,r=void 0===r?{}:r,o=(t.transition,__rest(t,["transitionEnd","transition"]));for(n in o=__assign(__assign({},o),r))setMotionValue(e,n,resolveFinalValueInKeyframes(o[n]))}function setVariants(t,n){__spread(n).reverse().forEach(function(e){setTarget(t,t.getVariant(e)),null!==(e=t.variantChildren)&&void 0!==e&&e.forEach(function(e){setVariants(e,n)})})}function setValues(e,t){return Array.isArray(t)?setVariants(e,t):"string"==typeof t?setVariants(e,[t]):void setTarget(e,t)}function checkTargetForNewValues(t,e,n){var r=Object.keys(e).filter(function(e){return!t.hasValue(e)}),o=r.length;if(o)for(var i=0;i<o;i++){var a,s=r[i],u=e[s],l=null;Array.isArray(u)&&(l=u[0]),null===l&&(l=void 0!==(a=null!==(a=n[s])&&void 0!==a?a:t.readNativeValue(s))?a:e[s],invariant(null!==l,'No initial value for "'+s+'" can be inferred. Ensure an initial value for "'+s+'" is defined on the component.')),"string"==typeof l&&isNumericalString(l)?l=parseFloat(l):!findValueType(l)&&complex.test(u)&&(l=getAnimatableNone$1(s,u)),t.addValue(s,motionValue(l)),null!==(u=n[s])&&void 0!==u||(n[s]=l),t.baseTarget[s]=l}}function getOriginFromTransition(e,t){if(t)return(t[e]||t.default||t).from}function getOrigin(e,t,n){var r,o,i={};for(o in e)i[o]=null!==(r=getOriginFromTransition(o,t))&&void 0!==r?r:null===(r=n.getValue(o))||void 0===r?void 0:r.get();return i}var isMotionValue=function(e){return e instanceof MotionValue},HTMLVisualElement=function(r){function e(){var e=null!==r&&r.apply(this,arguments)||this;return e.defaultConfig={enableHardwareAcceleration:!0,allowTransformNone:!0},e.style={},e.reactStyle={},e.vars={},e.transform={},e.transformOrigin={},e.transformKeys=[],e.config=e.defaultConfig,e.isLayoutProjectionEnabled=!1,e.layoutUpdateListeners=new SubscriptionManager,e.layoutMeasureListeners=new SubscriptionManager,e.viewportBoxUpdateListeners=new SubscriptionManager,e.hasViewportBoxUpdated=!1,e.targetBoxFinal=axisBox(),e.treeScale={x:1,y:1},e.delta=delta(),e.deltaFinal=delta(),e.deltaTransform=identityProjection,e.stopLayoutAxisAnimation={x:function(){},y:function(){}},e.isTargetBoxLocked=!1,e.updateLayoutDelta=function(){e.isLayoutProjectionEnabled&&e.box&&e.updateLayoutDeltas(),e.children.forEach(fireUpdateLayoutDelta)},e}return __extends(e,r),e.prototype.removeValue=function(e){r.prototype.removeValue.call(this,e),delete this.vars[e],delete this.style[e]},e.prototype.clean=function(){this.style={},this.vars={},this.transform={}},e.prototype.updateConfig=function(e){void 0===e&&(e={}),this.config=__assign(__assign({},this.defaultConfig),e)},e.prototype.read=function(e){var t=this.getComputedStyle();return(isCSSVariable(e)?t.getPropertyValue(e):t[e])||0},e.prototype.addValue=function(e,t){r.prototype.addValue.call(this,e,t),e.startsWith("rotate")&&(this.layoutOrigin=.5)},e.prototype.readNativeValue=function(e){if(isTransformProp(e)){var t=getDefaultValueType(e);return t&&t.default||0}return this.read(e)},e.prototype.getBaseValue=function(e,t){var n=null===(n=t.style)||void 0===n?void 0:n[e];return void 0===n||isMotionValue(n)?r.prototype.getBaseValue.call(this,e,t):n},e.prototype.makeTargetAnimatable=function(e,t){void 0===t&&(t=!0);var n=e.transition,r=e.transitionEnd,o=__rest(e,["transition","transitionEnd"]),i=this.config.transformValues,e=getOrigin(o,n||{},this);return i&&(r=r&&i(r),o=o&&i(o),e=e&&i(e)),t&&(checkTargetForNewValues(this,o,e),r=(e=parseDomVariant(this,o,e,r)).transitionEnd,o=e.target),__assign({transition:n,transitionEnd:r},o)},e.prototype.enableLayoutProjection=function(){this.isLayoutProjectionEnabled=!0},e.prototype.hide=function(){!1!==this.isVisible&&(this.isVisible=!1,this.scheduleRender())},e.prototype.show=function(){!0!==this.isVisible&&(this.isVisible=!0,this.scheduleRender())},e.prototype.onLayoutUpdate=function(e){return this.layoutUpdateListeners.add(e)},e.prototype.onLayoutMeasure=function(e){return this.layoutMeasureListeners.add(e)},e.prototype.onViewportBoxUpdate=function(e){return this.viewportBoxUpdateListeners.add(e)},e.prototype.layoutReady=function(e){this.layoutUpdateListeners.notify(this.box,this.prevViewportBox||this.box,e)},e.prototype.getBoundingBox=function(){var e=this.config.transformPagePoint;return getBoundingBox(this.element,e)},e.prototype.getBoundingBoxWithoutTransforms=function(){var e=this.getBoundingBox();return removeBoxTransforms(e,this.latest),e},e.prototype.getComputedStyle=function(){return window.getComputedStyle(this.element)},e.prototype.snapshotBoundingBox=function(){this.prevViewportBox=this.getBoundingBoxWithoutTransforms(),this.rebaseTargetBox(!1,this.prevViewportBox)},e.prototype.rebaseTargetBox=function(e,r){var o=this;void 0===e&&(e=!1),void 0===r&&(r=this.box);var t=this.getAxisProgress(),n=t.x,t=t.y,t=this.box&&!this.isTargetBoxLocked&&!n.isAnimating()&&!t.isAnimating();(e||t)&&eachAxis(function(e){var t=r[e],n=t.min,t=t.max;o.setAxisTarget(e,n,t)})},e.prototype.measureLayout=function(){var e=this;this.box=this.getBoundingBox(),this.boxCorrected=copyAxisBox(this.box),this.targetBox||(this.targetBox=copyAxisBox(this.box)),this.layoutMeasureListeners.notify(this.box,this.prevViewportBox||this.box),sync.update(function(){return e.rebaseTargetBox()})},e.prototype.lockTargetBox=function(){this.isTargetBoxLocked=!0},e.prototype.unlockTargetBox=function(){this.stopLayoutAnimation(),this.isTarget