@luminati-io/uikit 1.7.34-beta.1 → 1.8.0

package/dist/uikit.umd.js

@@ -859,7 +859,7 @@ var createUnsafeSelectorsAlarm = function createUnsafeSelectorsAlarm(cache) {
     var unsafePseudoClasses = element.value.match(/(:first|:nth|:nth-last)-child/g);
 
     if (unsafePseudoClasses) {
-      var isNested = element.parent === children[0]; // in nested rules comments become children of the "auto-inserted" rule
+      var isNested = !!element.parent; // in nested rules comments become children of the "auto-inserted" rule and that's always the `element.parent`
       //
       // considering this input:
       // .a {
@@ -875,7 +875,7 @@ var createUnsafeSelectorsAlarm = function createUnsafeSelectorsAlarm(cache) {
       //   .b {}
       // }
 
-      var commentContainer = isNested ? children[0].children : // global rule at the root level
+      var commentContainer = isNested ? element.parent.children : // global rule at the root level
       children;
 
       for (var i = commentContainer.length - 1; i >= 0; i--) {
@@ -4346,10 +4346,9 @@ var unsetSides = {
 // Zooming can change the DPR, but it seems to report a value that will
 // cleanly divide the values into the appropriate subpixels.
 
-function roundOffsetsByDPR(_ref) {
+function roundOffsetsByDPR(_ref, win) {
   var x = _ref.x,
       y = _ref.y;
-  var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
     x: (0,_utils_math_js__WEBPACK_IMPORTED_MODULE_0__.round)(x * dpr) / dpr || 0,
@@ -4432,7 +4431,7 @@ function mapToStyles(_ref2) {
   var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
     x: x,
     y: y
-  }) : {
+  }, (0,_dom_utils_getWindow_js__WEBPACK_IMPORTED_MODULE_3__["default"])(popper)) : {
     x: x,
     y: y
   };
@@ -5871,7 +5870,7 @@ __webpack_require__.r(__webpack_exports__);
 function getUAString() {
   var uaData = navigator.userAgentData;
 
-  if (uaData != null && uaData.brands) {
+  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
     return uaData.brands.map(function (item) {
       return item.brand + "/" + item.version;
     }).join(' ');
@@ -6078,7 +6077,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _react_spring_animated__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @react-spring/animated */ "./node_modules/@react-spring/animated/dist/esm/index.js");
 /* harmony import */ var _react_spring_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @react-spring/types */ "./node_modules/@react-spring/types/dist/esm/index.js");
-function I(t,...e){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(t)?t(...e):t}var te=(t,e)=>t===!0||!!(e&&t&&(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(t)?t(e):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(t).includes(e))),et=(t,e)=>_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(t)?e&&t[e]:t;var ke=(t,e)=>t.default===!0?t[e]:t.default?t.default[e]:void 0,nn=t=>t,ne=(t,e=nn)=>{let n=rn;t.default&&t.default!==!0&&(t=t.default,n=Object.keys(t));let r={};for(let o of n){let s=e(t[o],o);_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(s)||(r[o]=s)}return r},rn=["config","onProps","onStart","onChange","onPause","onResume","onRest"],on={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function sn(t){let e={},n=0;if((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.eachProp)(t,(r,o)=>{on[o]||(e[o]=r,n++)}),n)return e}function de(t){let e=sn(t);if(e){let n={to:e};return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.eachProp)(t,(r,o)=>o in e||(n[o]=r)),n}return{...t}}function me(t){return t=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(t),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(t)?t.map(me):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isAnimatedString)(t)?_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.createStringInterpolator({range:[0,1],output:[t,t]})(1):t}function Ue(t){for(let e in t)return!0;return!1}function Ee(t){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(t)||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(t)&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(t[0])}function xe(t,e){t.ref?.delete(t),e?.delete(t)}function he(t,e){e&&t.ref!==e&&(t.ref?.delete(t),e.add(t),t.ref=e)}function wr(t,e,n=1e3){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{if(e){let r=0;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,(o,s)=>{let a=o.current;if(a.length){let i=n*e[s];isNaN(i)?i=r:r=i,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(a,u=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(u.queue,p=>{let f=p.delay;p.delay=d=>i+I(f||0,d)})}),o.start()}})}else{let r=Promise.resolve();(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,o=>{let s=o.current;if(s.length){let a=s.map(i=>{let u=i.queue;return i.queue=[],u});r=r.then(()=>((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(s,(i,u)=>(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(a[u]||[],p=>i.queue.push(p))),Promise.all(o.start())))}})}})}var mt={default:{tension:170,friction:26},gentle:{tension:120,friction:14},wobbly:{tension:180,friction:12},stiff:{tension:210,friction:20},slow:{tension:280,friction:60},molasses:{tension:280,friction:120}};var tt={...mt.default,mass:1,damping:1,easing:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.easings.linear,clamp:!1},we=class{tension;friction;frequency;damping;mass;velocity=0;restVelocity;precision;progress;duration;easing;clamp;bounce;decay;round;constructor(){Object.assign(this,tt)}};function gt(t,e,n){n&&(n={...n},ht(n,e),e={...n,...e}),ht(t,e),Object.assign(t,e);for(let a in tt)t[a]==null&&(t[a]=tt[a]);let{mass:r,frequency:o,damping:s}=t;return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(o)||(o<.01&&(o=.01),s<0&&(s=0),t.tension=Math.pow(2*Math.PI/o,2)*r,t.friction=4*Math.PI*s*r/o),t}function ht(t,e){if(!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.decay))t.duration=void 0;else{let n=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.tension)||!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.friction);(n||!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.frequency)||!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.damping)||!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.mass))&&(t.duration=void 0,t.decay=void 0),n&&(t.frequency=void 0)}}var yt=[],Le=class{changed=!1;values=yt;toValues=null;fromValues=yt;to;from;config=new we;immediate=!1};function Me(t,{key:e,props:n,defaultProps:r,state:o,actions:s}){return new Promise((a,i)=>{let u,p,f=te(n.cancel??r?.cancel,e);if(f)b();else{_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(n.pause)||(o.paused=te(n.pause,e));let c=r?.pause;c!==!0&&(c=o.paused||te(c,e)),u=I(n.delay||0,e),c?(o.resumeQueue.add(m),s.pause()):(s.resume(),m())}function d(){o.resumeQueue.add(m),o.timeouts.delete(p),p.cancel(),u=p.time-_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.now()}function m(){u>0&&!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.skipAnimation?(o.delayed=!0,p=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.setTimeout(b,u),o.pauseQueue.add(d),o.timeouts.add(p)):b()}function b(){o.delayed&&(o.delayed=!1),o.pauseQueue.delete(d),o.timeouts.delete(p),t<=(o.cancelId||0)&&(f=!0);try{s.start({...n,callId:t,cancel:f},a)}catch(c){i(c)}}})}var be=(t,e)=>e.length==1?e[0]:e.some(n=>n.cancelled)?q(t.get()):e.every(n=>n.noop)?nt(t.get()):E(t.get(),e.every(n=>n.finished)),nt=t=>({value:t,noop:!0,finished:!0,cancelled:!1}),E=(t,e,n=!1)=>({value:t,finished:e,cancelled:n}),q=t=>({value:t,cancelled:!0,finished:!1});function De(t,e,n,r){let{callId:o,parentId:s,onRest:a}=e,{asyncTo:i,promise:u}=n;return!s&&t===i&&!e.reset?u:n.promise=(async()=>{n.asyncId=o,n.asyncTo=t;let p=ne(e,(l,h)=>h==="onRest"?void 0:l),f,d,m=new Promise((l,h)=>(f=l,d=h)),b=l=>{let h=o<=(n.cancelId||0)&&q(r)||o!==n.asyncId&&E(r,!1);if(h)throw l.result=h,d(l),l},c=(l,h)=>{let g=new Ae,x=new Ne;return(async()=>{if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.skipAnimation)throw oe(n),x.result=E(r,!1),d(x),x;b(g);let S=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(l)?{...l}:{...h,to:l};S.parentId=o,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.eachProp)(p,(V,_)=>{_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(S[_])&&(S[_]=V)});let A=await r.start(S);return b(g),n.paused&&await new Promise(V=>{n.resumeQueue.add(V)}),A})()},P;if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.skipAnimation)return oe(n),E(r,!1);try{let l;_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(t)?l=(async h=>{for(let g of h)await c(g)})(t):l=Promise.resolve(t(c,r.stop.bind(r))),await Promise.all([l.then(f),m]),P=E(r.get(),!0,!1)}catch(l){if(l instanceof Ae)P=l.result;else if(l instanceof Ne)P=l.result;else throw l}finally{o==n.asyncId&&(n.asyncId=s,n.asyncTo=s?i:void 0,n.promise=s?u:void 0)}return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(a)&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>{a(P,r,r.item)}),P})()}function oe(t,e){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flush)(t.timeouts,n=>n.cancel()),t.pauseQueue.clear(),t.resumeQueue.clear(),t.asyncId=t.asyncTo=t.promise=void 0,e&&(t.cancelId=e)}var Ae=class extends Error{result;constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise.")}},Ne=class extends Error{result;constructor(){super("SkipAnimationSignal")}};var Re=t=>t instanceof X,Sn=1,X=class extends _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.FluidValue{id=Sn++;_priority=0;get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){let e=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this);return e&&e.getValue()}to(...e){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.to(this,e)}interpolate(...e){return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.deprecateInterpolate)(),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.to(this,e)}toJSON(){return this.get()}observerAdded(e){e==1&&this._attach()}observerRemoved(e){e==0&&this._detach()}_attach(){}_detach(){}_onChange(e,n=!1){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.callFluidObservers)(this,{type:"change",parent:this,value:e,idle:n})}_onPriorityChange(e){this.idle||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.frameLoop.sort(this),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.callFluidObservers)(this,{type:"priority",parent:this,priority:e})}};var se=Symbol.for("SpringPhase"),bt=1,rt=2,ot=4,qe=t=>(t[se]&bt)>0,Q=t=>(t[se]&rt)>0,ye=t=>(t[se]&ot)>0,st=(t,e)=>e?t[se]|=rt|bt:t[se]&=~rt,it=(t,e)=>e?t[se]|=ot:t[se]&=~ot;var ue=class extends X{key;animation=new Le;queue;defaultProps={};_state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set};_pendingCalls=new Set;_lastCallId=0;_lastToId=0;_memoizedDuration=0;constructor(e,n){if(super(),!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e)||!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(n)){let r=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(e)?{...e}:{...n,from:e};_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r.default)&&(r.default=!0),this.start(r)}}get idle(){return!(Q(this)||this._state.asyncTo)||ye(this)}get goal(){return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(this.animation.to)}get velocity(){let e=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this);return e instanceof _react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.AnimatedValue?e.lastVelocity||0:e.getPayload().map(n=>n.lastVelocity||0)}get hasAnimated(){return qe(this)}get isAnimating(){return Q(this)}get isPaused(){return ye(this)}get isDelayed(){return this._state.delayed}advance(e){let n=!0,r=!1,o=this.animation,{config:s,toValues:a}=o,i=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getPayload)(o.to);!i&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(o.to)&&(a=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(o.to))),o.values.forEach((f,d)=>{if(f.done)return;let m=f.constructor==_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.AnimatedString?1:i?i[d].lastPosition:a[d],b=o.immediate,c=m;if(!b){if(c=f.lastPosition,s.tension<=0){f.done=!0;return}let P=f.elapsedTime+=e,l=o.fromValues[d],h=f.v0!=null?f.v0:f.v0=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(s.velocity)?s.velocity[d]:s.velocity,g,x=s.precision||(l==m?.005:Math.min(1,Math.abs(m-l)*.001));if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(s.duration))if(s.decay){let S=s.decay===!0?.998:s.decay,A=Math.exp(-(1-S)*P);c=l+h/(1-S)*(1-A),b=Math.abs(f.lastPosition-c)<=x,g=h*A}else{g=f.lastVelocity==null?h:f.lastVelocity;let S=s.restVelocity||x/10,A=s.clamp?0:s.bounce,V=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(A),_=l==m?f.v0>0:l<m,v,w=!1,C=1,$=Math.ceil(e/C);for(let L=0;L<$&&(v=Math.abs(g)>S,!(!v&&(b=Math.abs(m-c)<=x,b)));++L){V&&(w=c==m||c>m==_,w&&(g=-g*A,c=m));let N=-s.tension*1e-6*(c-m),y=-s.friction*.001*g,T=(N+y)/s.mass;g=g+T*C,c=c+g*C}}else{let S=1;s.duration>0&&(this._memoizedDuration!==s.duration&&(this._memoizedDuration=s.duration,f.durationProgress>0&&(f.elapsedTime=s.duration*f.durationProgress,P=f.elapsedTime+=e)),S=(s.progress||0)+P/this._memoizedDuration,S=S>1?1:S<0?0:S,f.durationProgress=S),c=l+s.easing(S)*(m-l),g=(c-f.lastPosition)/e,b=S==1}f.lastVelocity=g,Number.isNaN(c)&&(console.warn("Got NaN while animating:",this),b=!0)}i&&!i[d].done&&(b=!1),b?f.done=!0:n=!1,f.setValue(c,s.round)&&(r=!0)});let u=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this),p=u.getValue();if(n){let f=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(o.to);(p!==f||r)&&!s.decay?(u.setValue(f),this._onChange(f)):r&&s.decay&&this._onChange(p),this._stop()}else r&&this._onChange(p)}set(e){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>{this._stop(),this._focus(e),this._set(e)}),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(Q(this)){let{to:e,config:n}=this.animation;_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>{this._onStart(),n.decay||this._set(e,!1),this._stop()})}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,n){let r;return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e)?(r=this.queue||[],this.queue=[]):r=[_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(e)?e:{...n,to:e}],Promise.all(r.map(o=>this._update(o))).then(o=>be(this,o))}stop(e){let{to:n}=this.animation;return this._focus(this.get()),oe(this._state,e&&this._lastCallId),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>this._stop(n,e)),this}reset(){this._update({reset:!0})}eventObserved(e){e.type=="change"?this._start():e.type=="priority"&&(this.priority=e.priority+1)}_prepareNode(e){let n=this.key||"",{to:r,from:o}=e;r=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(r)?r[n]:r,(r==null||Ee(r))&&(r=void 0),o=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(o)?o[n]:o,o==null&&(o=void 0);let s={to:r,from:o};return qe(this)||(e.reverse&&([r,o]=[o,r]),o=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(o),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(o)?(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this)||this._set(r):this._set(o)),s}_update({...e},n){let{key:r,defaultProps:o}=this;e.default&&Object.assign(o,ne(e,(i,u)=>/^on/.test(u)?et(i,r):i)),_t(this,e,"onProps"),Ie(this,"onProps",e,this);let s=this._prepareNode(e);if(Object.isFrozen(this))throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");let a=this._state;return Me(++this._lastCallId,{key:r,props:e,defaultProps:o,state:a,actions:{pause:()=>{ye(this)||(it(this,!0),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flushCalls)(a.pauseQueue),Ie(this,"onPause",E(this,Ce(this,this.animation.to)),this))},resume:()=>{ye(this)&&(it(this,!1),Q(this)&&this._resume(),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flushCalls)(a.resumeQueue),Ie(this,"onResume",E(this,Ce(this,this.animation.to)),this))},start:this._merge.bind(this,s)}}).then(i=>{if(e.loop&&i.finished&&!(n&&i.noop)){let u=at(e);if(u)return this._update(u,!0)}return i})}_merge(e,n,r){if(n.cancel)return this.stop(!0),r(q(this));let o=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.to),s=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.from);if(o||s)if(n.callId>this._lastToId)this._lastToId=n.callId;else return r(q(this));let{key:a,defaultProps:i,animation:u}=this,{to:p,from:f}=u,{to:d=p,from:m=f}=e;s&&!o&&(!n.default||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(d))&&(d=m),n.reverse&&([d,m]=[m,d]);let b=!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(m,f);b&&(u.from=m),m=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(m);let c=!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(d,p);c&&this._focus(d);let P=Ee(n.to),{config:l}=u,{decay:h,velocity:g}=l;(o||s)&&(l.velocity=0),n.config&&!P&&gt(l,I(n.config,a),n.config!==i.config?I(i.config,a):void 0);let x=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this);if(!x||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(d))return r(E(this,!0));let S=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(n.reset)?s&&!n.default:!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(m)&&te(n.reset,a),A=S?m:this.get(),V=me(d),_=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.num(V)||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(V)||(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isAnimatedString)(V),v=!P&&(!_||te(i.immediate||n.immediate,a));if(c){let L=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimatedType)(d);if(L!==x.constructor)if(v)x=this._set(V);else throw Error(`Cannot animate between ${x.constructor.name} and ${L.name}, as the "to" prop suggests`)}let w=x.constructor,C=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(d),$=!1;if(!C){let L=S||!qe(this)&&b;(c||L)&&($=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(me(A),V),C=!$),(!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(u.immediate,v)&&!v||!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(l.decay,h)||!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(l.velocity,g))&&(C=!0)}if($&&Q(this)&&(u.changed&&!S?C=!0:C||this._stop(p)),!P&&((C||(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(p))&&(u.values=x.getPayload(),u.toValues=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(d)?null:w==_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.AnimatedString?[1]:(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(V)),u.immediate!=v&&(u.immediate=v,!v&&!S&&this._set(p)),C)){let{onRest:L}=u;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(_n,y=>_t(this,n,y));let N=E(this,Ce(this,p));(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flushCalls)(this._pendingCalls,N),this._pendingCalls.add(r),u.changed&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>{u.changed=!S,L?.(N,this),S?I(i.onRest,N):u.onStart?.(N,this)})}S&&this._set(A),P?r(De(n.to,n,this._state,this)):C?this._start():Q(this)&&!c?this._pendingCalls.add(r):r(nt(A))}_focus(e){let n=this.animation;e!==n.to&&((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidObservers)(this)&&this._detach(),n.to=e,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidObservers)(this)&&this._attach())}_attach(){let e=0,{to:n}=this.animation;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(n)&&((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.addFluidObserver)(n,this),Re(n)&&(e=n.priority+1)),this.priority=e}_detach(){let{to:e}=this.animation;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(e)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.removeFluidObserver)(e,this)}_set(e,n=!0){let r=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(e);if(!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r)){let o=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this);if(!o||!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(r,o.getValue())){let s=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimatedType)(r);!o||o.constructor!=s?(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.setAnimated)(this,s.create(r)):o.setValue(r),o&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>{this._onChange(r,n)})}}return (0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this)}_onStart(){let e=this.animation;e.changed||(e.changed=!0,Ie(this,"onStart",E(this,Ce(this,e.to)),this))}_onChange(e,n){n||(this._onStart(),I(this.animation.onChange,e,this)),I(this.defaultProps.onChange,e,this),super._onChange(e,n)}_start(){let e=this.animation;(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this).reset((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(e.to)),e.immediate||(e.fromValues=e.values.map(n=>n.lastPosition)),Q(this)||(st(this,!0),ye(this)||this._resume())}_resume(){_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.skipAnimation?this.finish():_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.frameLoop.start(this)}_stop(e,n){if(Q(this)){st(this,!1);let r=this.animation;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(r.values,s=>{s.done=!0}),r.toValues&&(r.onChange=r.onPause=r.onResume=void 0),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.callFluidObservers)(this,{type:"idle",parent:this});let o=n?q(this.get()):E(this.get(),Ce(this,e??r.to));(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flushCalls)(this._pendingCalls,o),r.changed&&(r.changed=!1,Ie(this,"onRest",o,this))}}};function Ce(t,e){let n=me(e),r=me(t.get());return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(r,n)}function at(t,e=t.loop,n=t.to){let r=I(e);if(r){let o=r!==!0&&de(r),s=(o||t).reverse,a=!o||o.reset;return Pe({...t,loop:e,default:!1,pause:void 0,to:!s||Ee(n)?n:void 0,from:a?t.from:void 0,reset:a,...o})}}function Pe(t){let{to:e,from:n}=t=de(t),r=new Set;return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(e)&&Vt(e,r),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(n)&&Vt(n,r),t.keys=r.size?Array.from(r):null,t}function Ot(t){let e=Pe(t);return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.default)&&(e.default=ne(e)),e}function Vt(t,e){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.eachProp)(t,(n,r)=>n!=null&&e.add(r))}var _n=["onStart","onRest","onChange","onPause","onResume"];function _t(t,e,n){t.animation[n]=e[n]!==ke(e,n)?et(e[n],t.key):void 0}function Ie(t,e,...n){t.animation[e]?.(...n),t.defaultProps[e]?.(...n)}var Fn=["onStart","onChange","onRest"],kn=1,le=class{id=kn++;springs={};queue=[];ref;_flush;_initialProps;_lastAsyncId=0;_active=new Set;_changed=new Set;_started=!1;_item;_state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set};_events={onStart:new Map,onChange:new Map,onRest:new Map};constructor(e,n){this._onFrame=this._onFrame.bind(this),n&&(this._flush=n),e&&this.start({default:!0,...e})}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every(e=>e.idle&&!e.isDelayed&&!e.isPaused)}get item(){return this._item}set item(e){this._item=e}get(){let e={};return this.each((n,r)=>e[r]=n.get()),e}set(e){for(let n in e){let r=e[n];_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r)||this.springs[n].set(r)}}update(e){return e&&this.queue.push(Pe(e)),this}start(e){let{queue:n}=this;return e?n=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(e).map(Pe):this.queue=[],this._flush?this._flush(this,n):(jt(this,n),ze(this,n))}stop(e,n){if(e!==!!e&&(n=e),n){let r=this.springs;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(n),o=>r[o].stop(!!e))}else oe(this._state,this._lastAsyncId),this.each(r=>r.stop(!!e));return this}pause(e){if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e))this.start({pause:!0});else{let n=this.springs;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(e),r=>n[r].pause())}return this}resume(e){if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e))this.start({pause:!1});else{let n=this.springs;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(e),r=>n[r].resume())}return this}each(e){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.eachProp)(this.springs,e)}_onFrame(){let{onStart:e,onChange:n,onRest:r}=this._events,o=this._active.size>0,s=this._changed.size>0;(o&&!this._started||s&&!this._started)&&(this._started=!0,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flush)(e,([u,p])=>{p.value=this.get(),u(p,this,this._item)}));let a=!o&&this._started,i=s||a&&r.size?this.get():null;s&&n.size&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flush)(n,([u,p])=>{p.value=i,u(p,this,this._item)}),a&&(this._started=!1,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flush)(r,([u,p])=>{p.value=i,u(p,this,this._item)}))}eventObserved(e){if(e.type=="change")this._changed.add(e.parent),e.idle||this._active.add(e.parent);else if(e.type=="idle")this._active.delete(e.parent);else return;_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.onFrame(this._onFrame)}};function ze(t,e){return Promise.all(e.map(n=>wt(t,n))).then(n=>be(t,n))}async function wt(t,e,n){let{keys:r,to:o,from:s,loop:a,onRest:i,onResolve:u}=e,p=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(e.default)&&e.default;a&&(e.loop=!1),o===!1&&(e.to=null),s===!1&&(e.from=null);let f=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(o)||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(o)?o:void 0;f?(e.to=void 0,e.onRest=void 0,p&&(p.onRest=void 0)):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(Fn,P=>{let l=e[P];if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(l)){let h=t._events[P];e[P]=({finished:g,cancelled:x})=>{let S=h.get(l);S?(g||(S.finished=!1),x&&(S.cancelled=!0)):h.set(l,{value:null,finished:g||!1,cancelled:x||!1})},p&&(p[P]=e[P])}});let d=t._state;e.pause===!d.paused?(d.paused=e.pause,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flushCalls)(e.pause?d.pauseQueue:d.resumeQueue)):d.paused&&(e.pause=!0);let m=(r||Object.keys(t.springs)).map(P=>t.springs[P].start(e)),b=e.cancel===!0||ke(e,"cancel")===!0;(f||b&&d.asyncId)&&m.push(Me(++t._lastAsyncId,{props:e,state:d,actions:{pause:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.noop,resume:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.noop,start(P,l){b?(oe(d,t._lastAsyncId),l(q(t))):(P.onRest=i,l(De(f,P,d,t)))}}})),d.paused&&await new Promise(P=>{d.resumeQueue.add(P)});let c=be(t,await Promise.all(m));if(a&&c.finished&&!(n&&c.noop)){let P=at(e,a,o);if(P)return jt(t,[P]),wt(t,P,!0)}return u&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>u(c,t,t.item)),c}function _e(t,e){let n={...t.springs};return e&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(e),r=>{_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r.keys)&&(r=Pe(r)),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(r.to)||(r={...r,to:void 0}),Mt(n,r,o=>Lt(o))}),pt(t,n),n}function pt(t,e){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.eachProp)(e,(n,r)=>{t.springs[r]||(t.springs[r]=n,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.addFluidObserver)(n,t))})}function Lt(t,e){let n=new ue;return n.key=t,e&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.addFluidObserver)(n,e),n}function Mt(t,e,n){e.keys&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(e.keys,r=>{(t[r]||(t[r]=n(r)))._prepareNode(e)})}function jt(t,e){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(e,n=>{Mt(t.springs,n,r=>Lt(r,t))})}var H=({children:t,...e})=>{let n=(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(Ge),r=e.pause||!!n.pause,o=e.immediate||!!n.immediate;e=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useMemoOne)(()=>({pause:r,immediate:o}),[r,o]);let{Provider:s}=Ge;return react__WEBPACK_IMPORTED_MODULE_1__.createElement(s,{value:e},t)},Ge=wn(H,{});H.Provider=Ge.Provider;H.Consumer=Ge.Consumer;function wn(t,e){return Object.assign(t,react__WEBPACK_IMPORTED_MODULE_1__.createContext(e)),t.Provider._context=t,t.Consumer._context=t,t}var fe=()=>{let t=[],e=function(r){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.deprecateDirectCall)();let o=[];return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,(s,a)=>{if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r))o.push(s.start());else{let i=n(r,s,a);i&&o.push(s.start(i))}}),o};e.current=t,e.add=function(r){t.includes(r)||t.push(r)},e.delete=function(r){let o=t.indexOf(r);~o&&t.splice(o,1)},e.pause=function(){return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,r=>r.pause(...arguments)),this},e.resume=function(){return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,r=>r.resume(...arguments)),this},e.set=function(r){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,(o,s)=>{let a=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(r)?r(s,o):r;a&&o.set(a)})},e.start=function(r){let o=[];return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,(s,a)=>{if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r))o.push(s.start());else{let i=this._getProps(r,s,a);i&&o.push(s.start(i))}}),o},e.stop=function(){return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,r=>r.stop(...arguments)),this},e.update=function(r){return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,(o,s)=>o.update(this._getProps(r,o,s))),this};let n=function(r,o,s){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(r)?r(s,o):r};return e._getProps=n,e};function He(t,e,n){let r=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(e)&&e;r&&!n&&(n=[]);let o=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>r||arguments.length==3?fe():void 0,[]),s=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(0),a=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useForceUpdate)(),i=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>({ctrls:[],queue:[],flush(h,g){let x=_e(h,g);return s.current>0&&!i.queue.length&&!Object.keys(x).some(A=>!h.springs[A])?ze(h,g):new Promise(A=>{pt(h,x),i.queue.push(()=>{A(ze(h,g))}),a()})}}),[]),u=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)([...i.ctrls]),p=[],f=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.usePrev)(t)||0;(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(u.current.slice(t,f),h=>{xe(h,o),h.stop(!0)}),u.current.length=t,d(f,t)},[t]),(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{d(0,Math.min(f,t))},n);function d(h,g){for(let x=h;x<g;x++){let S=u.current[x]||(u.current[x]=new le(null,i.flush)),A=r?r(x,S):e[x];A&&(p[x]=Ot(A))}}let m=u.current.map((h,g)=>_e(h,p[g])),b=(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(H),c=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.usePrev)(b),P=b!==c&&Ue(b);(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{s.current++,i.ctrls=u.current;let{queue:h}=i;h.length&&(i.queue=[],(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(h,g=>g())),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(u.current,(g,x)=>{o?.add(g),P&&g.start({default:b});let S=p[x];S&&(he(g,S.ref),g.ref?g.queue.push(S):g.start(S))})}),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useOnce)(()=>()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(i.ctrls,h=>h.stop(!0))});let l=m.map(h=>({...h}));return o?[l,o]:l}function J(t,e){let n=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(t),[[r],o]=He(1,n?t:[t],n?e||[]:e);return n||arguments.length==2?[r,o]:r}var Gn=()=>fe(),Xo=()=>(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(Gn)[0];var Wo=(t,e)=>{let n=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useConstant)(()=>new ue(t,e));return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useOnce)(()=>()=>{n.stop()}),n};function Qt(t,e,n){let r=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(e)&&e;r&&!n&&(n=[]);let o=!0,s,a=He(t,(i,u)=>{let p=r?r(i,u):e;return s=p.ref,o=o&&p.reverse,p},n||[{}]);if((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(a[1].current,(i,u)=>{let p=a[1].current[u+(o?1:-1)];if(he(i,s),i.ref){p&&i.update({to:p.springs});return}p?i.start({to:p.springs}):i.start()})},n),r||arguments.length==3){let i=s??a[1];return i._getProps=(u,p,f)=>{let d=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(u)?u(f,p):u;if(d){let m=i.current[f+(d.reverse?1:-1)];return m&&(d.to=m.springs),d}},a}return a[0]}function Gt(t,e,n){let r=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(e)&&e,{reset:o,sort:s,trail:a=0,expires:i=!0,exitBeforeEnter:u=!1,onDestroyed:p,ref:f,config:d}=r?r():e,m=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>r||arguments.length==3?fe():void 0,[]),b=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(t),c=[],P=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null),l=o?null:P.current;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{P.current=c}),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useOnce)(()=>((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(c,y=>{m?.add(y.ctrl),y.ctrl.ref=m}),()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(P.current,y=>{y.expired&&clearTimeout(y.expirationId),xe(y.ctrl,m),y.ctrl.stop(!0)})}));let h=tr(b,r?r():e,l),g=o&&P.current||[];(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(g,({ctrl:y,item:T,key:F})=>{xe(y,m),I(p,T,F)}));let x=[];if(l&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(l,(y,T)=>{y.expired?(clearTimeout(y.expirationId),g.push(y)):(T=x[T]=h.indexOf(y.key),~T&&(c[T]=y))}),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(b,(y,T)=>{c[T]||(c[T]={key:h[T],item:y,phase:"mount",ctrl:new le},c[T].ctrl.item=y)}),x.length){let y=-1,{leave:T}=r?r():e;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(x,(F,k)=>{let O=l[k];~F?(y=c.indexOf(O),c[y]={...O,item:b[F]}):T&&c.splice(++y,0,O)})}_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(s)&&c.sort((y,T)=>s(y.item,T.item));let S=-a,A=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useForceUpdate)(),V=ne(e),_=new Map,v=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(new Map),w=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(!1);(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(c,(y,T)=>{let F=y.key,k=y.phase,O=r?r():e,U,D,Jt=I(O.delay||0,F);if(k=="mount")U=O.enter,D="enter";else{let M=h.indexOf(F)<0;if(k!="leave")if(M)U=O.leave,D="leave";else if(U=O.update)D="update";else return;else if(!M)U=O.enter,D="enter";else return}if(U=I(U,y.item,T),U=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(U)?de(U):{to:U},!U.config){let M=d||V.config;U.config=I(M,y.item,T,D)}S+=a;let Z={...V,delay:Jt+S,ref:f,immediate:O.immediate,reset:!1,...U};if(D=="enter"&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(Z.from)){let M=r?r():e,Te=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(M.initial)||l?M.from:M.initial;Z.from=I(Te,y.item,T)}let{onResolve:Wt}=Z;Z.onResolve=M=>{I(Wt,M);let Te=P.current,B=Te.find(Fe=>Fe.key===F);if(!!B&&!(M.cancelled&&B.phase!="update")&&B.ctrl.idle){let Fe=Te.every(ee=>ee.ctrl.idle);if(B.phase=="leave"){let ee=I(i,B.item);if(ee!==!1){let Ze=ee===!0?0:ee;if(B.expired=!0,!Fe&&Ze>0){Ze<=2147483647&&(B.expirationId=setTimeout(A,Ze));return}}}Fe&&Te.some(ee=>ee.expired)&&(v.current.delete(B),u&&(w.current=!0),A())}};let ft=_e(y.ctrl,Z);D==="leave"&&u?v.current.set(y,{phase:D,springs:ft,payload:Z}):_.set(y,{phase:D,springs:ft,payload:Z})});let C=(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(H),$=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.usePrev)(C),L=C!==$&&Ue(C);(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{L&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(c,y=>{y.ctrl.start({default:C})})},[C]),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(_,(y,T)=>{if(v.current.size){let F=c.findIndex(k=>k.key===T.key);c.splice(F,1)}}),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(v.current.size?v.current:_,({phase:y,payload:T},F)=>{let{ctrl:k}=F;F.phase=y,m?.add(k),L&&y=="enter"&&k.start({default:C}),T&&(he(k,T.ref),(k.ref||m)&&!w.current?k.update(T):(k.start(T),w.current&&(w.current=!1)))})},o?void 0:n);let N=y=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment,null,c.map((T,F)=>{let{springs:k}=_.get(T)||T.ctrl,O=y({...k},T.item,T,F);return O&&O.type?react__WEBPACK_IMPORTED_MODULE_1__.createElement(O.type,{...O.props,key:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.str(T.key)||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.num(T.key)?T.key:T.ctrl.id,ref:O.ref}):O}));return m?[N,m]:N}var er=1;function tr(t,{key:e,keys:n=e},r){if(n===null){let o=new Set;return t.map(s=>{let a=r&&r.find(i=>i.item===s&&i.phase!=="leave"&&!o.has(i));return a?(o.add(a),a.key):er++})}return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(n)?t:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(n)?t.map(n):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(n)}var hs=({container:t,...e}={})=>{let[n,r]=J(()=>({scrollX:0,scrollY:0,scrollXProgress:0,scrollYProgress:0,...e}),[]);return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{let o=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.onScroll)(({x:s,y:a})=>{r.start({scrollX:s.current,scrollXProgress:s.progress,scrollY:a.current,scrollYProgress:a.progress})},{container:t?.current||void 0});return()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(Object.values(n),s=>s.stop()),o()}},[]),n};var Ps=({container:t,...e})=>{let[n,r]=J(()=>({width:0,height:0,...e}),[]);return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{let o=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.onResize)(({width:s,height:a})=>{r.start({width:s,height:a,immediate:n.width.get()===0||n.height.get()===0})},{container:t?.current||void 0});return()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(Object.values(n),s=>s.stop()),o()}},[]),n};var cr={any:0,all:1};function Cs(t,e){let[n,r]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!1),o=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(),s=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(t)&&t,a=s?s():{},{to:i={},from:u={},...p}=a,f=s?e:t,[d,m]=J(()=>({from:u,...p}),[]);return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{let b=o.current,{root:c,once:P,amount:l="any",...h}=f??{};if(!b||P&&n||typeof IntersectionObserver>"u")return;let g=new WeakMap,x=()=>(i&&m.start(i),r(!0),P?void 0:()=>{u&&m.start(u),r(!1)}),S=V=>{V.forEach(_=>{let v=g.get(_.target);if(_.isIntersecting!==Boolean(v))if(_.isIntersecting){let w=x();_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(w)?g.set(_.target,w):A.unobserve(_.target)}else v&&(v(),g.delete(_.target))})},A=new IntersectionObserver(S,{root:c&&c.current||void 0,threshold:typeof l=="number"||Array.isArray(l)?l:cr[l],...h});return A.observe(b),()=>A.unobserve(b)},[f]),s?[o,d]:[o,n]}function qs({children:t,...e}){return t(J(e))}function Bs({items:t,children:e,...n}){let r=Qt(t.length,n);return t.map((o,s)=>{let a=e(o,s);return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(a)?a(r[s]):a})}function Ys({items:t,children:e,...n}){return Gt(t,n)(e)}var W=class extends X{constructor(n,r){super();this.source=n;this.calc=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.createInterpolator)(...r);let o=this._get(),s=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimatedType)(o);(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.setAnimated)(this,s.create(o))}key;idle=!0;calc;_active=new Set;advance(n){let r=this._get(),o=this.get();(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(r,o)||((0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this).setValue(r),this._onChange(r,this.idle)),!this.idle&&Yt(this._active)&&ct(this)}_get(){let n=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(this.source)?this.source.map(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(this.source));return this.calc(...n)}_start(){this.idle&&!Yt(this._active)&&(this.idle=!1,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getPayload)(this),n=>{n.done=!1}),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.skipAnimation?(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>this.advance()),ct(this)):_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.frameLoop.start(this))}_attach(){let n=1;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(this.source),r=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(r)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.addFluidObserver)(r,this),Re(r)&&(r.idle||this._active.add(r),n=Math.max(n,r.priority+1))}),this.priority=n,this._start()}_detach(){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(this.source),n=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(n)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.removeFluidObserver)(n,this)}),this._active.clear(),ct(this)}eventObserved(n){n.type=="change"?n.idle?this.advance():(this._active.add(n.parent),this._start()):n.type=="idle"?this._active.delete(n.parent):n.type=="priority"&&(this.priority=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(this.source).reduce((r,o)=>Math.max(r,(Re(o)?o.priority:0)+1),0))}};function vr(t){return t.idle!==!1}function Yt(t){return!t.size||Array.from(t).every(vr)}function ct(t){t.idle||(t.idle=!0,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getPayload)(t),e=>{e.done=!0}),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.callFluidObservers)(t,{type:"idle",parent:t}))}var ui=(t,...e)=>new W(t,e),pi=(t,...e)=>((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.deprecateInterpolate)(),new W(t,e));_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.assign({createStringInterpolator:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.createStringInterpolator,to:(t,e)=>new W(t,e)});var di=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.frameLoop.advance;
+function I(t,...e){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(t)?t(...e):t}var te=(t,e)=>t===!0||!!(e&&t&&(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(t)?t(e):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(t).includes(e))),et=(t,e)=>_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(t)?e&&t[e]:t;var ke=(t,e)=>t.default===!0?t[e]:t.default?t.default[e]:void 0,nn=t=>t,ne=(t,e=nn)=>{let n=rn;t.default&&t.default!==!0&&(t=t.default,n=Object.keys(t));let r={};for(let o of n){let s=e(t[o],o);_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(s)||(r[o]=s)}return r},rn=["config","onProps","onStart","onChange","onPause","onResume","onRest"],on={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function sn(t){let e={},n=0;if((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.eachProp)(t,(r,o)=>{on[o]||(e[o]=r,n++)}),n)return e}function de(t){let e=sn(t);if(e){let n={to:e};return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.eachProp)(t,(r,o)=>o in e||(n[o]=r)),n}return{...t}}function me(t){return t=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(t),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(t)?t.map(me):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isAnimatedString)(t)?_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.createStringInterpolator({range:[0,1],output:[t,t]})(1):t}function Ue(t){for(let e in t)return!0;return!1}function Ee(t){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(t)||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(t)&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(t[0])}function xe(t,e){t.ref?.delete(t),e?.delete(t)}function he(t,e){e&&t.ref!==e&&(t.ref?.delete(t),e.add(t),t.ref=e)}function wr(t,e,n=1e3){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{if(e){let r=0;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,(o,s)=>{let i=o.current;if(i.length){let a=n*e[s];isNaN(a)?a=r:r=a,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(i,u=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(u.queue,p=>{let f=p.delay;p.delay=d=>a+I(f||0,d)})}),o.start()}})}else{let r=Promise.resolve();(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,o=>{let s=o.current;if(s.length){let i=s.map(a=>{let u=a.queue;return a.queue=[],u});r=r.then(()=>((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(s,(a,u)=>(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(i[u]||[],p=>a.queue.push(p))),Promise.all(o.start())))}})}})}var mt={default:{tension:170,friction:26},gentle:{tension:120,friction:14},wobbly:{tension:180,friction:12},stiff:{tension:210,friction:20},slow:{tension:280,friction:60},molasses:{tension:280,friction:120}};var tt={...mt.default,mass:1,damping:1,easing:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.easings.linear,clamp:!1},we=class{tension;friction;frequency;damping;mass;velocity=0;restVelocity;precision;progress;duration;easing;clamp;bounce;decay;round;constructor(){Object.assign(this,tt)}};function gt(t,e,n){n&&(n={...n},ht(n,e),e={...n,...e}),ht(t,e),Object.assign(t,e);for(let i in tt)t[i]==null&&(t[i]=tt[i]);let{frequency:r,damping:o}=t,{mass:s}=t;return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r)||(r<.01&&(r=.01),o<0&&(o=0),t.tension=Math.pow(2*Math.PI/r,2)*s,t.friction=4*Math.PI*o*s/r),t}function ht(t,e){if(!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.decay))t.duration=void 0;else{let n=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.tension)||!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.friction);(n||!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.frequency)||!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.damping)||!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.mass))&&(t.duration=void 0,t.decay=void 0),n&&(t.frequency=void 0)}}var yt=[],Le=class{changed=!1;values=yt;toValues=null;fromValues=yt;to;from;config=new we;immediate=!1};function Me(t,{key:e,props:n,defaultProps:r,state:o,actions:s}){return new Promise((i,a)=>{let u,p,f=te(n.cancel??r?.cancel,e);if(f)b();else{_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(n.pause)||(o.paused=te(n.pause,e));let c=r?.pause;c!==!0&&(c=o.paused||te(c,e)),u=I(n.delay||0,e),c?(o.resumeQueue.add(m),s.pause()):(s.resume(),m())}function d(){o.resumeQueue.add(m),o.timeouts.delete(p),p.cancel(),u=p.time-_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.now()}function m(){u>0&&!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.skipAnimation?(o.delayed=!0,p=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.setTimeout(b,u),o.pauseQueue.add(d),o.timeouts.add(p)):b()}function b(){o.delayed&&(o.delayed=!1),o.pauseQueue.delete(d),o.timeouts.delete(p),t<=(o.cancelId||0)&&(f=!0);try{s.start({...n,callId:t,cancel:f},i)}catch(c){a(c)}}})}var be=(t,e)=>e.length==1?e[0]:e.some(n=>n.cancelled)?q(t.get()):e.every(n=>n.noop)?nt(t.get()):E(t.get(),e.every(n=>n.finished)),nt=t=>({value:t,noop:!0,finished:!0,cancelled:!1}),E=(t,e,n=!1)=>({value:t,finished:e,cancelled:n}),q=t=>({value:t,cancelled:!0,finished:!1});function De(t,e,n,r){let{callId:o,parentId:s,onRest:i}=e,{asyncTo:a,promise:u}=n;return!s&&t===a&&!e.reset?u:n.promise=(async()=>{n.asyncId=o,n.asyncTo=t;let p=ne(e,(l,h)=>h==="onRest"?void 0:l),f,d,m=new Promise((l,h)=>(f=l,d=h)),b=l=>{let h=o<=(n.cancelId||0)&&q(r)||o!==n.asyncId&&E(r,!1);if(h)throw l.result=h,d(l),l},c=(l,h)=>{let g=new Ae,x=new Ne;return(async()=>{if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.skipAnimation)throw oe(n),x.result=E(r,!1),d(x),x;b(g);let S=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(l)?{...l}:{...h,to:l};S.parentId=o,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.eachProp)(p,(V,_)=>{_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(S[_])&&(S[_]=V)});let A=await r.start(S);return b(g),n.paused&&await new Promise(V=>{n.resumeQueue.add(V)}),A})()},P;if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.skipAnimation)return oe(n),E(r,!1);try{let l;_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(t)?l=(async h=>{for(let g of h)await c(g)})(t):l=Promise.resolve(t(c,r.stop.bind(r))),await Promise.all([l.then(f),m]),P=E(r.get(),!0,!1)}catch(l){if(l instanceof Ae)P=l.result;else if(l instanceof Ne)P=l.result;else throw l}finally{o==n.asyncId&&(n.asyncId=s,n.asyncTo=s?a:void 0,n.promise=s?u:void 0)}return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(i)&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>{i(P,r,r.item)}),P})()}function oe(t,e){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flush)(t.timeouts,n=>n.cancel()),t.pauseQueue.clear(),t.resumeQueue.clear(),t.asyncId=t.asyncTo=t.promise=void 0,e&&(t.cancelId=e)}var Ae=class extends Error{result;constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise.")}},Ne=class extends Error{result;constructor(){super("SkipAnimationSignal")}};var Re=t=>t instanceof X,Sn=1,X=class extends _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.FluidValue{id=Sn++;_priority=0;get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){let e=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this);return e&&e.getValue()}to(...e){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.to(this,e)}interpolate(...e){return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.deprecateInterpolate)(),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.to(this,e)}toJSON(){return this.get()}observerAdded(e){e==1&&this._attach()}observerRemoved(e){e==0&&this._detach()}_attach(){}_detach(){}_onChange(e,n=!1){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.callFluidObservers)(this,{type:"change",parent:this,value:e,idle:n})}_onPriorityChange(e){this.idle||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.frameLoop.sort(this),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.callFluidObservers)(this,{type:"priority",parent:this,priority:e})}};var se=Symbol.for("SpringPhase"),bt=1,rt=2,ot=4,qe=t=>(t[se]&bt)>0,Q=t=>(t[se]&rt)>0,ye=t=>(t[se]&ot)>0,st=(t,e)=>e?t[se]|=rt|bt:t[se]&=~rt,it=(t,e)=>e?t[se]|=ot:t[se]&=~ot;var ue=class extends X{key;animation=new Le;queue;defaultProps={};_state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set};_pendingCalls=new Set;_lastCallId=0;_lastToId=0;_memoizedDuration=0;constructor(e,n){if(super(),!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e)||!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(n)){let r=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(e)?{...e}:{...n,from:e};_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r.default)&&(r.default=!0),this.start(r)}}get idle(){return!(Q(this)||this._state.asyncTo)||ye(this)}get goal(){return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(this.animation.to)}get velocity(){let e=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this);return e instanceof _react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.AnimatedValue?e.lastVelocity||0:e.getPayload().map(n=>n.lastVelocity||0)}get hasAnimated(){return qe(this)}get isAnimating(){return Q(this)}get isPaused(){return ye(this)}get isDelayed(){return this._state.delayed}advance(e){let n=!0,r=!1,o=this.animation,{toValues:s}=o,{config:i}=o,a=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getPayload)(o.to);!a&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(o.to)&&(s=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(o.to))),o.values.forEach((f,d)=>{if(f.done)return;let m=f.constructor==_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.AnimatedString?1:a?a[d].lastPosition:s[d],b=o.immediate,c=m;if(!b){if(c=f.lastPosition,i.tension<=0){f.done=!0;return}let P=f.elapsedTime+=e,l=o.fromValues[d],h=f.v0!=null?f.v0:f.v0=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(i.velocity)?i.velocity[d]:i.velocity,g,x=i.precision||(l==m?.005:Math.min(1,Math.abs(m-l)*.001));if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(i.duration))if(i.decay){let S=i.decay===!0?.998:i.decay,A=Math.exp(-(1-S)*P);c=l+h/(1-S)*(1-A),b=Math.abs(f.lastPosition-c)<=x,g=h*A}else{g=f.lastVelocity==null?h:f.lastVelocity;let S=i.restVelocity||x/10,A=i.clamp?0:i.bounce,V=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(A),_=l==m?f.v0>0:l<m,v,w=!1,C=1,$=Math.ceil(e/C);for(let L=0;L<$&&(v=Math.abs(g)>S,!(!v&&(b=Math.abs(m-c)<=x,b)));++L){V&&(w=c==m||c>m==_,w&&(g=-g*A,c=m));let N=-i.tension*1e-6*(c-m),y=-i.friction*.001*g,T=(N+y)/i.mass;g=g+T*C,c=c+g*C}}else{let S=1;i.duration>0&&(this._memoizedDuration!==i.duration&&(this._memoizedDuration=i.duration,f.durationProgress>0&&(f.elapsedTime=i.duration*f.durationProgress,P=f.elapsedTime+=e)),S=(i.progress||0)+P/this._memoizedDuration,S=S>1?1:S<0?0:S,f.durationProgress=S),c=l+i.easing(S)*(m-l),g=(c-f.lastPosition)/e,b=S==1}f.lastVelocity=g,Number.isNaN(c)&&(console.warn("Got NaN while animating:",this),b=!0)}a&&!a[d].done&&(b=!1),b?f.done=!0:n=!1,f.setValue(c,i.round)&&(r=!0)});let u=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this),p=u.getValue();if(n){let f=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(o.to);(p!==f||r)&&!i.decay?(u.setValue(f),this._onChange(f)):r&&i.decay&&this._onChange(p),this._stop()}else r&&this._onChange(p)}set(e){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>{this._stop(),this._focus(e),this._set(e)}),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(Q(this)){let{to:e,config:n}=this.animation;_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>{this._onStart(),n.decay||this._set(e,!1),this._stop()})}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,n){let r;return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e)?(r=this.queue||[],this.queue=[]):r=[_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(e)?e:{...n,to:e}],Promise.all(r.map(o=>this._update(o))).then(o=>be(this,o))}stop(e){let{to:n}=this.animation;return this._focus(this.get()),oe(this._state,e&&this._lastCallId),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>this._stop(n,e)),this}reset(){this._update({reset:!0})}eventObserved(e){e.type=="change"?this._start():e.type=="priority"&&(this.priority=e.priority+1)}_prepareNode(e){let n=this.key||"",{to:r,from:o}=e;r=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(r)?r[n]:r,(r==null||Ee(r))&&(r=void 0),o=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(o)?o[n]:o,o==null&&(o=void 0);let s={to:r,from:o};return qe(this)||(e.reverse&&([r,o]=[o,r]),o=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(o),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(o)?(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this)||this._set(r):this._set(o)),s}_update({...e},n){let{key:r,defaultProps:o}=this;e.default&&Object.assign(o,ne(e,(a,u)=>/^on/.test(u)?et(a,r):a)),_t(this,e,"onProps"),Ie(this,"onProps",e,this);let s=this._prepareNode(e);if(Object.isFrozen(this))throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");let i=this._state;return Me(++this._lastCallId,{key:r,props:e,defaultProps:o,state:i,actions:{pause:()=>{ye(this)||(it(this,!0),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flushCalls)(i.pauseQueue),Ie(this,"onPause",E(this,Ce(this,this.animation.to)),this))},resume:()=>{ye(this)&&(it(this,!1),Q(this)&&this._resume(),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flushCalls)(i.resumeQueue),Ie(this,"onResume",E(this,Ce(this,this.animation.to)),this))},start:this._merge.bind(this,s)}}).then(a=>{if(e.loop&&a.finished&&!(n&&a.noop)){let u=at(e);if(u)return this._update(u,!0)}return a})}_merge(e,n,r){if(n.cancel)return this.stop(!0),r(q(this));let o=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.to),s=!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.from);if(o||s)if(n.callId>this._lastToId)this._lastToId=n.callId;else return r(q(this));let{key:i,defaultProps:a,animation:u}=this,{to:p,from:f}=u,{to:d=p,from:m=f}=e;s&&!o&&(!n.default||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(d))&&(d=m),n.reverse&&([d,m]=[m,d]);let b=!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(m,f);b&&(u.from=m),m=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(m);let c=!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(d,p);c&&this._focus(d);let P=Ee(n.to),{config:l}=u,{decay:h,velocity:g}=l;(o||s)&&(l.velocity=0),n.config&&!P&&gt(l,I(n.config,i),n.config!==a.config?I(a.config,i):void 0);let x=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this);if(!x||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(d))return r(E(this,!0));let S=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(n.reset)?s&&!n.default:!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(m)&&te(n.reset,i),A=S?m:this.get(),V=me(d),_=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.num(V)||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(V)||(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isAnimatedString)(V),v=!P&&(!_||te(a.immediate||n.immediate,i));if(c){let L=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimatedType)(d);if(L!==x.constructor)if(v)x=this._set(V);else throw Error(`Cannot animate between ${x.constructor.name} and ${L.name}, as the "to" prop suggests`)}let w=x.constructor,C=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(d),$=!1;if(!C){let L=S||!qe(this)&&b;(c||L)&&($=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(me(A),V),C=!$),(!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(u.immediate,v)&&!v||!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(l.decay,h)||!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(l.velocity,g))&&(C=!0)}if($&&Q(this)&&(u.changed&&!S?C=!0:C||this._stop(p)),!P&&((C||(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(p))&&(u.values=x.getPayload(),u.toValues=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(d)?null:w==_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.AnimatedString?[1]:(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(V)),u.immediate!=v&&(u.immediate=v,!v&&!S&&this._set(p)),C)){let{onRest:L}=u;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(_n,y=>_t(this,n,y));let N=E(this,Ce(this,p));(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flushCalls)(this._pendingCalls,N),this._pendingCalls.add(r),u.changed&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>{u.changed=!S,L?.(N,this),S?I(a.onRest,N):u.onStart?.(N,this)})}S&&this._set(A),P?r(De(n.to,n,this._state,this)):C?this._start():Q(this)&&!c?this._pendingCalls.add(r):r(nt(A))}_focus(e){let n=this.animation;e!==n.to&&((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidObservers)(this)&&this._detach(),n.to=e,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidObservers)(this)&&this._attach())}_attach(){let e=0,{to:n}=this.animation;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(n)&&((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.addFluidObserver)(n,this),Re(n)&&(e=n.priority+1)),this.priority=e}_detach(){let{to:e}=this.animation;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(e)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.removeFluidObserver)(e,this)}_set(e,n=!0){let r=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(e);if(!_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r)){let o=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this);if(!o||!(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(r,o.getValue())){let s=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimatedType)(r);!o||o.constructor!=s?(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.setAnimated)(this,s.create(r)):o.setValue(r),o&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>{this._onChange(r,n)})}}return (0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this)}_onStart(){let e=this.animation;e.changed||(e.changed=!0,Ie(this,"onStart",E(this,Ce(this,e.to)),this))}_onChange(e,n){n||(this._onStart(),I(this.animation.onChange,e,this)),I(this.defaultProps.onChange,e,this),super._onChange(e,n)}_start(){let e=this.animation;(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this).reset((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(e.to)),e.immediate||(e.fromValues=e.values.map(n=>n.lastPosition)),Q(this)||(st(this,!0),ye(this)||this._resume())}_resume(){_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.skipAnimation?this.finish():_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.frameLoop.start(this)}_stop(e,n){if(Q(this)){st(this,!1);let r=this.animation;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(r.values,s=>{s.done=!0}),r.toValues&&(r.onChange=r.onPause=r.onResume=void 0),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.callFluidObservers)(this,{type:"idle",parent:this});let o=n?q(this.get()):E(this.get(),Ce(this,e??r.to));(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flushCalls)(this._pendingCalls,o),r.changed&&(r.changed=!1,Ie(this,"onRest",o,this))}}};function Ce(t,e){let n=me(e),r=me(t.get());return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(r,n)}function at(t,e=t.loop,n=t.to){let r=I(e);if(r){let o=r!==!0&&de(r),s=(o||t).reverse,i=!o||o.reset;return Pe({...t,loop:e,default:!1,pause:void 0,to:!s||Ee(n)?n:void 0,from:i?t.from:void 0,reset:i,...o})}}function Pe(t){let{to:e,from:n}=t=de(t),r=new Set;return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(e)&&Vt(e,r),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(n)&&Vt(n,r),t.keys=r.size?Array.from(r):null,t}function Ot(t){let e=Pe(t);return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e.default)&&(e.default=ne(e)),e}function Vt(t,e){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.eachProp)(t,(n,r)=>n!=null&&e.add(r))}var _n=["onStart","onRest","onChange","onPause","onResume"];function _t(t,e,n){t.animation[n]=e[n]!==ke(e,n)?et(e[n],t.key):void 0}function Ie(t,e,...n){t.animation[e]?.(...n),t.defaultProps[e]?.(...n)}var Fn=["onStart","onChange","onRest"],kn=1,le=class{id=kn++;springs={};queue=[];ref;_flush;_initialProps;_lastAsyncId=0;_active=new Set;_changed=new Set;_started=!1;_item;_state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set};_events={onStart:new Map,onChange:new Map,onRest:new Map};constructor(e,n){this._onFrame=this._onFrame.bind(this),n&&(this._flush=n),e&&this.start({default:!0,...e})}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every(e=>e.idle&&!e.isDelayed&&!e.isPaused)}get item(){return this._item}set item(e){this._item=e}get(){let e={};return this.each((n,r)=>e[r]=n.get()),e}set(e){for(let n in e){let r=e[n];_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r)||this.springs[n].set(r)}}update(e){return e&&this.queue.push(Pe(e)),this}start(e){let{queue:n}=this;return e?n=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(e).map(Pe):this.queue=[],this._flush?this._flush(this,n):(jt(this,n),ze(this,n))}stop(e,n){if(e!==!!e&&(n=e),n){let r=this.springs;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(n),o=>r[o].stop(!!e))}else oe(this._state,this._lastAsyncId),this.each(r=>r.stop(!!e));return this}pause(e){if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e))this.start({pause:!0});else{let n=this.springs;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(e),r=>n[r].pause())}return this}resume(e){if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(e))this.start({pause:!1});else{let n=this.springs;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(e),r=>n[r].resume())}return this}each(e){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.eachProp)(this.springs,e)}_onFrame(){let{onStart:e,onChange:n,onRest:r}=this._events,o=this._active.size>0,s=this._changed.size>0;(o&&!this._started||s&&!this._started)&&(this._started=!0,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flush)(e,([u,p])=>{p.value=this.get(),u(p,this,this._item)}));let i=!o&&this._started,a=s||i&&r.size?this.get():null;s&&n.size&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flush)(n,([u,p])=>{p.value=a,u(p,this,this._item)}),i&&(this._started=!1,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flush)(r,([u,p])=>{p.value=a,u(p,this,this._item)}))}eventObserved(e){if(e.type=="change")this._changed.add(e.parent),e.idle||this._active.add(e.parent);else if(e.type=="idle")this._active.delete(e.parent);else return;_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.onFrame(this._onFrame)}};function ze(t,e){return Promise.all(e.map(n=>wt(t,n))).then(n=>be(t,n))}async function wt(t,e,n){let{keys:r,to:o,from:s,loop:i,onRest:a,onResolve:u}=e,p=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(e.default)&&e.default;i&&(e.loop=!1),o===!1&&(e.to=null),s===!1&&(e.from=null);let f=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(o)||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(o)?o:void 0;f?(e.to=void 0,e.onRest=void 0,p&&(p.onRest=void 0)):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(Fn,P=>{let l=e[P];if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(l)){let h=t._events[P];e[P]=({finished:g,cancelled:x})=>{let S=h.get(l);S?(g||(S.finished=!1),x&&(S.cancelled=!0)):h.set(l,{value:null,finished:g||!1,cancelled:x||!1})},p&&(p[P]=e[P])}});let d=t._state;e.pause===!d.paused?(d.paused=e.pause,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.flushCalls)(e.pause?d.pauseQueue:d.resumeQueue)):d.paused&&(e.pause=!0);let m=(r||Object.keys(t.springs)).map(P=>t.springs[P].start(e)),b=e.cancel===!0||ke(e,"cancel")===!0;(f||b&&d.asyncId)&&m.push(Me(++t._lastAsyncId,{props:e,state:d,actions:{pause:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.noop,resume:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.noop,start(P,l){b?(oe(d,t._lastAsyncId),l(q(t))):(P.onRest=a,l(De(f,P,d,t)))}}})),d.paused&&await new Promise(P=>{d.resumeQueue.add(P)});let c=be(t,await Promise.all(m));if(i&&c.finished&&!(n&&c.noop)){let P=at(e,i,o);if(P)return jt(t,[P]),wt(t,P,!0)}return u&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>u(c,t,t.item)),c}function _e(t,e){let n={...t.springs};return e&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(e),r=>{_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r.keys)&&(r=Pe(r)),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(r.to)||(r={...r,to:void 0}),Mt(n,r,o=>Lt(o))}),pt(t,n),n}function pt(t,e){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.eachProp)(e,(n,r)=>{t.springs[r]||(t.springs[r]=n,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.addFluidObserver)(n,t))})}function Lt(t,e){let n=new ue;return n.key=t,e&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.addFluidObserver)(n,e),n}function Mt(t,e,n){e.keys&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(e.keys,r=>{(t[r]||(t[r]=n(r)))._prepareNode(e)})}function jt(t,e){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(e,n=>{Mt(t.springs,n,r=>Lt(r,t))})}var H=({children:t,...e})=>{let n=(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(Ge),r=e.pause||!!n.pause,o=e.immediate||!!n.immediate;e=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useMemoOne)(()=>({pause:r,immediate:o}),[r,o]);let{Provider:s}=Ge;return react__WEBPACK_IMPORTED_MODULE_1__.createElement(s,{value:e},t)},Ge=wn(H,{});H.Provider=Ge.Provider;H.Consumer=Ge.Consumer;function wn(t,e){return Object.assign(t,react__WEBPACK_IMPORTED_MODULE_1__.createContext(e)),t.Provider._context=t,t.Consumer._context=t,t}var fe=()=>{let t=[],e=function(r){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.deprecateDirectCall)();let o=[];return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,(s,i)=>{if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r))o.push(s.start());else{let a=n(r,s,i);a&&o.push(s.start(a))}}),o};e.current=t,e.add=function(r){t.includes(r)||t.push(r)},e.delete=function(r){let o=t.indexOf(r);~o&&t.splice(o,1)},e.pause=function(){return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,r=>r.pause(...arguments)),this},e.resume=function(){return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,r=>r.resume(...arguments)),this},e.set=function(r){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,(o,s)=>{let i=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(r)?r(s,o):r;i&&o.set(i)})},e.start=function(r){let o=[];return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,(s,i)=>{if(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(r))o.push(s.start());else{let a=this._getProps(r,s,i);a&&o.push(s.start(a))}}),o},e.stop=function(){return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,r=>r.stop(...arguments)),this},e.update=function(r){return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(t,(o,s)=>o.update(this._getProps(r,o,s))),this};let n=function(r,o,s){return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(r)?r(s,o):r};return e._getProps=n,e};function He(t,e,n){let r=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(e)&&e;r&&!n&&(n=[]);let o=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>r||arguments.length==3?fe():void 0,[]),s=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(0),i=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useForceUpdate)(),a=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>({ctrls:[],queue:[],flush(h,g){let x=_e(h,g);return s.current>0&&!a.queue.length&&!Object.keys(x).some(A=>!h.springs[A])?ze(h,g):new Promise(A=>{pt(h,x),a.queue.push(()=>{A(ze(h,g))}),i()})}}),[]),u=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)([...a.ctrls]),p=[],f=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.usePrev)(t)||0;(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(u.current.slice(t,f),h=>{xe(h,o),h.stop(!0)}),u.current.length=t,d(f,t)},[t]),(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{d(0,Math.min(f,t))},n);function d(h,g){for(let x=h;x<g;x++){let S=u.current[x]||(u.current[x]=new le(null,a.flush)),A=r?r(x,S):e[x];A&&(p[x]=Ot(A))}}let m=u.current.map((h,g)=>_e(h,p[g])),b=(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(H),c=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.usePrev)(b),P=b!==c&&Ue(b);(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{s.current++,a.ctrls=u.current;let{queue:h}=a;h.length&&(a.queue=[],(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(h,g=>g())),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(u.current,(g,x)=>{o?.add(g),P&&g.start({default:b});let S=p[x];S&&(he(g,S.ref),g.ref?g.queue.push(S):g.start(S))})}),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useOnce)(()=>()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(a.ctrls,h=>h.stop(!0))});let l=m.map(h=>({...h}));return o?[l,o]:l}function J(t,e){let n=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(t),[[r],o]=He(1,n?t:[t],n?e||[]:e);return n||arguments.length==2?[r,o]:r}var Gn=()=>fe(),Xo=()=>(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(Gn)[0];var Wo=(t,e)=>{let n=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useConstant)(()=>new ue(t,e));return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useOnce)(()=>()=>{n.stop()}),n};function Qt(t,e,n){let r=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(e)&&e;r&&!n&&(n=[]);let o=!0,s,i=He(t,(a,u)=>{let p=r?r(a,u):e;return s=p.ref,o=o&&p.reverse,p},n||[{}]);if((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(i[1].current,(a,u)=>{let p=i[1].current[u+(o?1:-1)];if(he(a,s),a.ref){p&&a.update({to:p.springs});return}p?a.start({to:p.springs}):a.start()})},n),r||arguments.length==3){let a=s??i[1];return a._getProps=(u,p,f)=>{let d=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(u)?u(f,p):u;if(d){let m=a.current[f+(d.reverse?1:-1)];return m&&(d.to=m.springs),d}},i}return i[0]}function Gt(t,e,n){let r=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(e)&&e,{reset:o,sort:s,trail:i=0,expires:a=!0,exitBeforeEnter:u=!1,onDestroyed:p,ref:f,config:d}=r?r():e,m=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>r||arguments.length==3?fe():void 0,[]),b=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(t),c=[],P=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null),l=o?null:P.current;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{P.current=c}),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useOnce)(()=>((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(c,y=>{m?.add(y.ctrl),y.ctrl.ref=m}),()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(P.current,y=>{y.expired&&clearTimeout(y.expirationId),xe(y.ctrl,m),y.ctrl.stop(!0)})}));let h=tr(b,r?r():e,l),g=o&&P.current||[];(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(g,({ctrl:y,item:T,key:F})=>{xe(y,m),I(p,T,F)}));let x=[];if(l&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(l,(y,T)=>{y.expired?(clearTimeout(y.expirationId),g.push(y)):(T=x[T]=h.indexOf(y.key),~T&&(c[T]=y))}),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(b,(y,T)=>{c[T]||(c[T]={key:h[T],item:y,phase:"mount",ctrl:new le},c[T].ctrl.item=y)}),x.length){let y=-1,{leave:T}=r?r():e;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(x,(F,k)=>{let O=l[k];~F?(y=c.indexOf(O),c[y]={...O,item:b[F]}):T&&c.splice(++y,0,O)})}_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(s)&&c.sort((y,T)=>s(y.item,T.item));let S=-i,A=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useForceUpdate)(),V=ne(e),_=new Map,v=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(new Map),w=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(!1);(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(c,(y,T)=>{let F=y.key,k=y.phase,O=r?r():e,U,D,Jt=I(O.delay||0,F);if(k=="mount")U=O.enter,D="enter";else{let M=h.indexOf(F)<0;if(k!="leave")if(M)U=O.leave,D="leave";else if(U=O.update)D="update";else return;else if(!M)U=O.enter,D="enter";else return}if(U=I(U,y.item,T),U=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.obj(U)?de(U):{to:U},!U.config){let M=d||V.config;U.config=I(M,y.item,T,D)}S+=i;let Z={...V,delay:Jt+S,ref:f,immediate:O.immediate,reset:!1,...U};if(D=="enter"&&_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(Z.from)){let M=r?r():e,Te=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(M.initial)||l?M.from:M.initial;Z.from=I(Te,y.item,T)}let{onResolve:Wt}=Z;Z.onResolve=M=>{I(Wt,M);let Te=P.current,B=Te.find(Fe=>Fe.key===F);if(B&&!(M.cancelled&&B.phase!="update")&&B.ctrl.idle){let Fe=Te.every(ee=>ee.ctrl.idle);if(B.phase=="leave"){let ee=I(a,B.item);if(ee!==!1){let Ze=ee===!0?0:ee;if(B.expired=!0,!Fe&&Ze>0){Ze<=2147483647&&(B.expirationId=setTimeout(A,Ze));return}}}Fe&&Te.some(ee=>ee.expired)&&(v.current.delete(B),u&&(w.current=!0),A())}};let ft=_e(y.ctrl,Z);D==="leave"&&u?v.current.set(y,{phase:D,springs:ft,payload:Z}):_.set(y,{phase:D,springs:ft,payload:Z})});let C=(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(H),$=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.usePrev)(C),L=C!==$&&Ue(C);(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{L&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(c,y=>{y.ctrl.start({default:C})})},[C]),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(_,(y,T)=>{if(v.current.size){let F=c.findIndex(k=>k.key===T.key);c.splice(F,1)}}),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(v.current.size?v.current:_,({phase:y,payload:T},F)=>{let{ctrl:k}=F;F.phase=y,m?.add(k),L&&y=="enter"&&k.start({default:C}),T&&(he(k,T.ref),(k.ref||m)&&!w.current?k.update(T):(k.start(T),w.current&&(w.current=!1)))})},o?void 0:n);let N=y=>react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment,null,c.map((T,F)=>{let{springs:k}=_.get(T)||T.ctrl,O=y({...k},T.item,T,F);return O&&O.type?react__WEBPACK_IMPORTED_MODULE_1__.createElement(O.type,{...O.props,key:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.str(T.key)||_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.num(T.key)?T.key:T.ctrl.id,ref:O.ref}):O}));return m?[N,m]:N}var er=1;function tr(t,{key:e,keys:n=e},r){if(n===null){let o=new Set;return t.map(s=>{let i=r&&r.find(a=>a.item===s&&a.phase!=="leave"&&!o.has(a));return i?(o.add(i),i.key):er++})}return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.und(n)?t:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(n)?t.map(n):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(n)}var hs=({container:t,...e}={})=>{let[n,r]=J(()=>({scrollX:0,scrollY:0,scrollXProgress:0,scrollYProgress:0,...e}),[]);return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{let o=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.onScroll)(({x:s,y:i})=>{r.start({scrollX:s.current,scrollXProgress:s.progress,scrollY:i.current,scrollYProgress:i.progress})},{container:t?.current||void 0});return()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(Object.values(n),s=>s.stop()),o()}},[]),n};var Ps=({container:t,...e})=>{let[n,r]=J(()=>({width:0,height:0,...e}),[]);return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{let o=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.onResize)(({width:s,height:i})=>{r.start({width:s,height:i,immediate:n.width.get()===0||n.height.get()===0})},{container:t?.current||void 0});return()=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)(Object.values(n),s=>s.stop()),o()}},[]),n};var cr={any:0,all:1};function Cs(t,e){let[n,r]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!1),o=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(),s=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(t)&&t,i=s?s():{},{to:a={},from:u={},...p}=i,f=s?e:t,[d,m]=J(()=>({from:u,...p}),[]);return (0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.useIsomorphicLayoutEffect)(()=>{let b=o.current,{root:c,once:P,amount:l="any",...h}=f??{};if(!b||P&&n||typeof IntersectionObserver>"u")return;let g=new WeakMap,x=()=>(a&&m.start(a),r(!0),P?void 0:()=>{u&&m.start(u),r(!1)}),S=V=>{V.forEach(_=>{let v=g.get(_.target);if(_.isIntersecting!==!!v)if(_.isIntersecting){let w=x();_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(w)?g.set(_.target,w):A.unobserve(_.target)}else v&&(v(),g.delete(_.target))})},A=new IntersectionObserver(S,{root:c&&c.current||void 0,threshold:typeof l=="number"||Array.isArray(l)?l:cr[l],...h});return A.observe(b),()=>A.unobserve(b)},[f]),s?[o,d]:[o,n]}function qs({children:t,...e}){return t(J(e))}function Bs({items:t,children:e,...n}){let r=Qt(t.length,n);return t.map((o,s)=>{let i=e(o,s);return _react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.fun(i)?i(r[s]):i})}function Ys({items:t,children:e,...n}){return Gt(t,n)(e)}var W=class extends X{constructor(n,r){super();this.source=n;this.calc=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.createInterpolator)(...r);let o=this._get(),s=(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimatedType)(o);(0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.setAnimated)(this,s.create(o))}key;idle=!0;calc;_active=new Set;advance(n){let r=this._get(),o=this.get();(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.isEqual)(r,o)||((0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getAnimated)(this).setValue(r),this._onChange(r,this.idle)),!this.idle&&Yt(this._active)&&ct(this)}_get(){let n=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.is.arr(this.source)?this.source.map(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue):(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.getFluidValue)(this.source));return this.calc(...n)}_start(){this.idle&&!Yt(this._active)&&(this.idle=!1,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getPayload)(this),n=>{n.done=!1}),_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.skipAnimation?(_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates(()=>this.advance()),ct(this)):_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.frameLoop.start(this))}_attach(){let n=1;(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(this.source),r=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(r)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.addFluidObserver)(r,this),Re(r)&&(r.idle||this._active.add(r),n=Math.max(n,r.priority+1))}),this.priority=n,this._start()}_detach(){(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(this.source),n=>{(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.hasFluidValue)(n)&&(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.removeFluidObserver)(n,this)}),this._active.clear(),ct(this)}eventObserved(n){n.type=="change"?n.idle?this.advance():(this._active.add(n.parent),this._start()):n.type=="idle"?this._active.delete(n.parent):n.type=="priority"&&(this.priority=(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.toArray)(this.source).reduce((r,o)=>Math.max(r,(Re(o)?o.priority:0)+1),0))}};function vr(t){return t.idle!==!1}function Yt(t){return!t.size||Array.from(t).every(vr)}function ct(t){t.idle||(t.idle=!0,(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.each)((0,_react_spring_animated__WEBPACK_IMPORTED_MODULE_2__.getPayload)(t),e=>{e.done=!0}),(0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.callFluidObservers)(t,{type:"idle",parent:t}))}var ui=(t,...e)=>new W(t,e),pi=(t,...e)=>((0,_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.deprecateInterpolate)(),new W(t,e));_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.Globals.assign({createStringInterpolator:_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.createStringInterpolator,to:(t,e)=>new W(t,e)});var di=_react_spring_shared__WEBPACK_IMPORTED_MODULE_0__.frameLoop.advance;
 
 
 /***/ }),
@@ -6095,7 +6094,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "__raf": () => (/* binding */ S),
 /* harmony export */   "raf": () => (/* binding */ n)
 /* harmony export */ });
-var f=l(),n=e=>c(e,f),m=l();n.write=e=>c(e,m);var d=l();n.onStart=e=>c(e,d);var h=l();n.onFrame=e=>c(e,h);var p=l();n.onFinish=e=>c(e,p);var i=[];n.setTimeout=(e,t)=>{let a=n.now()+t,o=()=>{let F=i.findIndex(z=>z.cancel==o);~F&&i.splice(F,1),u-=~F?1:0},s={time:a,handler:e,cancel:o};return i.splice(w(a),0,s),u+=1,v(),s};var w=e=>~(~i.findIndex(t=>t.time>e)||~i.length);n.cancel=e=>{d.delete(e),h.delete(e),p.delete(e),f.delete(e),m.delete(e)};n.sync=e=>{T=!0,n.batchedUpdates(e),T=!1};n.throttle=e=>{let t;function a(){try{e(...t)}finally{t=null}}function o(...s){t=s,n.onStart(a)}return o.handler=e,o.cancel=()=>{d.delete(a),t=null},o};var y=typeof window<"u"?window.requestAnimationFrame:()=>{};n.use=e=>y=e;n.now=typeof performance<"u"?()=>performance.now():Date.now;n.batchedUpdates=e=>e();n.catch=console.error;n.frameLoop="always";n.advance=()=>{n.frameLoop!=="demand"?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):x()};var r=-1,u=0,T=!1;function c(e,t){T?(t.delete(e),e(0)):(t.add(e),v())}function v(){r<0&&(r=0,n.frameLoop!=="demand"&&y(b))}function R(){r=-1}function b(){~r&&(y(b),n.batchedUpdates(x))}function x(){let e=r;r=n.now();let t=w(r);if(t&&(Q(i.splice(0,t),a=>a.handler()),u-=t),!u){R();return}d.flush(),f.flush(e?Math.min(64,r-e):16.667),h.flush(),m.flush(),p.flush()}function l(){let e=new Set,t=e;return{add(a){u+=t==e&&!e.has(a)?1:0,e.add(a)},delete(a){return u-=t==e&&e.has(a)?1:0,e.delete(a)},flush(a){t.size&&(e=new Set,u-=t.size,Q(t,o=>o(a)&&e.add(o)),u+=e.size,t=e)}}}function Q(e,t){e.forEach(a=>{try{t(a)}catch(o){n.catch(o)}})}var S={count(){return u},isRunning(){return r>=0},clear(){r=-1,i=[],d=l(),f=l(),h=l(),m=l(),p=l(),u=0}};
+var f=r(),n=e=>c(e,f),m=r();n.write=e=>c(e,m);var d=r();n.onStart=e=>c(e,d);var h=r();n.onFrame=e=>c(e,h);var p=r();n.onFinish=e=>c(e,p);var i=[];n.setTimeout=(e,t)=>{let a=n.now()+t,o=()=>{let F=i.findIndex(z=>z.cancel==o);~F&&i.splice(F,1),u-=~F?1:0},s={time:a,handler:e,cancel:o};return i.splice(w(a),0,s),u+=1,v(),s};var w=e=>~(~i.findIndex(t=>t.time>e)||~i.length);n.cancel=e=>{d.delete(e),h.delete(e),p.delete(e),f.delete(e),m.delete(e)};n.sync=e=>{T=!0,n.batchedUpdates(e),T=!1};n.throttle=e=>{let t;function a(){try{e(...t)}finally{t=null}}function o(...s){t=s,n.onStart(a)}return o.handler=e,o.cancel=()=>{d.delete(a),t=null},o};var y=typeof window<"u"?window.requestAnimationFrame:()=>{};n.use=e=>y=e;n.now=typeof performance<"u"?()=>performance.now():Date.now;n.batchedUpdates=e=>e();n.catch=console.error;n.frameLoop="always";n.advance=()=>{n.frameLoop!=="demand"?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):x()};var l=-1,u=0,T=!1;function c(e,t){T?(t.delete(e),e(0)):(t.add(e),v())}function v(){l<0&&(l=0,n.frameLoop!=="demand"&&y(b))}function R(){l=-1}function b(){~l&&(y(b),n.batchedUpdates(x))}function x(){let e=l;l=n.now();let t=w(l);if(t&&(Q(i.splice(0,t),a=>a.handler()),u-=t),!u){R();return}d.flush(),f.flush(e?Math.min(64,l-e):16.667),h.flush(),m.flush(),p.flush()}function r(){let e=new Set,t=e;return{add(a){u+=t==e&&!e.has(a)?1:0,e.add(a)},delete(a){return u-=t==e&&e.has(a)?1:0,e.delete(a)},flush(a){t.size&&(e=new Set,u-=t.size,Q(t,o=>o(a)&&e.add(o)),u+=e.size,t=e)}}}function Q(e,t){e.forEach(a=>{try{t(a)}catch(o){n.catch(o)}})}var S={count(){return u},isRunning(){return l>=0},clear(){l=-1,i=[],d=r(),f=r(),h=r(),m=r(),p=r(),u=0}};
 
 
 /***/ }),
@@ -6163,7 +6162,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @react-spring/rafz */ "./node_modules/@react-spring/rafz/dist/esm/index.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-var ze=Object.defineProperty;var Le=(e,t)=>{for(var r in t)ze(e,r,{get:t[r],enumerable:!0})};var p={};Le(p,{assign:()=>U,colors:()=>c,createStringInterpolator:()=>k,skipAnimation:()=>ee,to:()=>J,willAdvance:()=>S});function Y(){}var mt=(e,t,r)=>Object.defineProperty(e,t,{value:r,writable:!0,configurable:!0}),l={arr:Array.isArray,obj:e=>!!e&&e.constructor.name==="Object",fun:e=>typeof e=="function",str:e=>typeof e=="string",num:e=>typeof e=="number",und:e=>e===void 0};function bt(e,t){if(l.arr(e)){if(!l.arr(t)||e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}return e===t}var Ve=(e,t)=>e.forEach(t);function xt(e,t,r){if(l.arr(e)){for(let n=0;n<e.length;n++)t.call(r,e[n],`${n}`);return}for(let n in e)e.hasOwnProperty(n)&&t.call(r,e[n],n)}var ht=e=>l.und(e)?[]:l.arr(e)?e:[e];function Pe(e,t){if(e.size){let r=Array.from(e);e.clear(),Ve(r,t)}}var yt=(e,...t)=>Pe(e,r=>r(...t)),h=()=>typeof window>"u"||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent);var k,J,c=null,ee=!1,S=Y,U=e=>{e.to&&(J=e.to),e.now&&(_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.now=e.now),e.colors!==void 0&&(c=e.colors),e.skipAnimation!=null&&(ee=e.skipAnimation),e.createStringInterpolator&&(k=e.createStringInterpolator),e.requestAnimationFrame&&_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.use(e.requestAnimationFrame),e.batchedUpdates&&(_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates=e.batchedUpdates),e.willAdvance&&(S=e.willAdvance),e.frameLoop&&(_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.frameLoop=e.frameLoop)};var E=new Set,u=[],H=[],A=0,qe={get idle(){return!E.size&&!u.length},start(e){A>e.priority?(E.add(e),_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.onStart($e)):(te(e),(0,_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf)(B))},advance:B,sort(e){if(A)_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.onFrame(()=>qe.sort(e));else{let t=u.indexOf(e);~t&&(u.splice(t,1),re(e))}},clear(){u=[],E.clear()}};function $e(){E.forEach(te),E.clear(),(0,_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf)(B)}function te(e){u.includes(e)||re(e)}function re(e){u.splice(Ge(u,t=>t.priority>e.priority),0,e)}function B(e){let t=H;for(let r=0;r<u.length;r++){let n=u[r];A=n.priority,n.idle||(S(n),n.advance(e),n.idle||t.push(n))}return A=0,H=u,H.length=0,u=t,u.length>0}function Ge(e,t){let r=e.findIndex(t);return r<0?e.length:r}var ne=(e,t,r)=>Math.min(Math.max(r,e),t);var It={transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199};var d="[-+]?\\d*\\.?\\d+",M=d+"%";function C(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}var oe=new RegExp("rgb"+C(d,d,d)),fe=new RegExp("rgba"+C(d,d,d,d)),ae=new RegExp("hsl"+C(d,M,M)),ie=new RegExp("hsla"+C(d,M,M,d)),se=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,ue=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,le=/^#([0-9a-fA-F]{6})$/,ce=/^#([0-9a-fA-F]{8})$/;function be(e){let t;return typeof e=="number"?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=le.exec(e))?parseInt(t[1]+"ff",16)>>>0:c&&c[e]!==void 0?c[e]:(t=oe.exec(e))?(y(t[1])<<24|y(t[2])<<16|y(t[3])<<8|255)>>>0:(t=fe.exec(e))?(y(t[1])<<24|y(t[2])<<16|y(t[3])<<8|me(t[4]))>>>0:(t=se.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=ce.exec(e))?parseInt(t[1],16)>>>0:(t=ue.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=ae.exec(e))?(de(pe(t[1]),z(t[2]),z(t[3]))|255)>>>0:(t=ie.exec(e))?(de(pe(t[1]),z(t[2]),z(t[3]))|me(t[4]))>>>0:null}function j(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+(t-e)*6*r:r<1/2?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function de(e,t,r){let n=r<.5?r*(1+t):r+t-r*t,f=2*r-n,o=j(f,n,e+1/3),i=j(f,n,e),s=j(f,n,e-1/3);return Math.round(o*255)<<24|Math.round(i*255)<<16|Math.round(s*255)<<8}function y(e){let t=parseInt(e,10);return t<0?0:t>255?255:t}function pe(e){return(parseFloat(e)%360+360)%360/360}function me(e){let t=parseFloat(e);return t<0?0:t>1?255:Math.round(t*255)}function z(e){let t=parseFloat(e);return t<0?0:t>100?1:t/100}function D(e){let t=be(e);if(t===null)return e;t=t||0;let r=(t&4278190080)>>>24,n=(t&16711680)>>>16,f=(t&65280)>>>8,o=(t&255)/255;return`rgba(${r}, ${n}, ${f}, ${o})`}var W=(e,t,r)=>{if(l.fun(e))return e;if(l.arr(e))return W({range:e,output:t,extrapolate:r});if(l.str(e.output[0]))return k(e);let n=e,f=n.output,o=n.range||[0,1],i=n.extrapolateLeft||n.extrapolate||"extend",s=n.extrapolateRight||n.extrapolate||"extend",x=n.easing||(a=>a);return a=>{let F=He(a,o);return Ue(a,o[F],o[F+1],f[F],f[F+1],x,i,s,n.map)}};function Ue(e,t,r,n,f,o,i,s,x){let a=x?x(e):e;if(a<t){if(i==="identity")return a;i==="clamp"&&(a=t)}if(a>r){if(s==="identity")return a;s==="clamp"&&(a=r)}return n===f?n:t===r?e<=t?n:f:(t===-1/0?a=-a:r===1/0?a=a-t:a=(a-t)/(r-t),a=o(a),n===-1/0?a=-a:f===1/0?a=a+n:a=a*(f-n)+n,a)}function He(e,t){for(var r=1;r<t.length-1&&!(t[r]>=e);++r);return r-1}var Be=(e,t="end")=>r=>{r=t==="end"?Math.min(r,.999):Math.max(r,.001);let n=r*e,f=t==="end"?Math.floor(n):Math.ceil(n);return ne(0,1,f/e)},P=1.70158,L=P*1.525,xe=P+1,he=2*Math.PI/3,ye=2*Math.PI/4.5,V=e=>e<1/2.75?7.5625*e*e:e<2/2.75?7.5625*(e-=1.5/2.75)*e+.75:e<2.5/2.75?7.5625*(e-=2.25/2.75)*e+.9375:7.5625*(e-=2.625/2.75)*e+.984375,Lt={linear:e=>e,easeInQuad:e=>e*e,easeOutQuad:e=>1-(1-e)*(1-e),easeInOutQuad:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,easeInCubic:e=>e*e*e,easeOutCubic:e=>1-Math.pow(1-e,3),easeInOutCubic:e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,easeInQuart:e=>e*e*e*e,easeOutQuart:e=>1-Math.pow(1-e,4),easeInOutQuart:e=>e<.5?8*e*e*e*e:1-Math.pow(-2*e+2,4)/2,easeInQuint:e=>e*e*e*e*e,easeOutQuint:e=>1-Math.pow(1-e,5),easeInOutQuint:e=>e<.5?16*e*e*e*e*e:1-Math.pow(-2*e+2,5)/2,easeInSine:e=>1-Math.cos(e*Math.PI/2),easeOutSine:e=>Math.sin(e*Math.PI/2),easeInOutSine:e=>-(Math.cos(Math.PI*e)-1)/2,easeInExpo:e=>e===0?0:Math.pow(2,10*e-10),easeOutExpo:e=>e===1?1:1-Math.pow(2,-10*e),easeInOutExpo:e=>e===0?0:e===1?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,easeInCirc:e=>1-Math.sqrt(1-Math.pow(e,2)),easeOutCirc:e=>Math.sqrt(1-Math.pow(e-1,2)),easeInOutCirc:e=>e<.5?(1-Math.sqrt(1-Math.pow(2*e,2)))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,easeInBack:e=>xe*e*e*e-P*e*e,easeOutBack:e=>1+xe*Math.pow(e-1,3)+P*Math.pow(e-1,2),easeInOutBack:e=>e<.5?Math.pow(2*e,2)*((L+1)*2*e-L)/2:(Math.pow(2*e-2,2)*((L+1)*(e*2-2)+L)+2)/2,easeInElastic:e=>e===0?0:e===1?1:-Math.pow(2,10*e-10)*Math.sin((e*10-10.75)*he),easeOutElastic:e=>e===0?0:e===1?1:Math.pow(2,-10*e)*Math.sin((e*10-.75)*he)+1,easeInOutElastic:e=>e===0?0:e===1?1:e<.5?-(Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*ye))/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*ye)/2+1,easeInBounce:e=>1-V(1-e),easeOutBounce:V,easeInOutBounce:e=>e<.5?(1-V(1-2*e))/2:(1+V(2*e-1))/2,steps:Be};var g=Symbol.for("FluidValue.get"),m=Symbol.for("FluidValue.observers");var Pt=e=>Boolean(e&&e[g]),ve=e=>e&&e[g]?e[g]():e,qt=e=>e[m]||null;function je(e,t){e.eventObserved?e.eventObserved(t):e(t)}function $t(e,t){let r=e[m];r&&r.forEach(n=>{je(n,t)})}var ge=class{[g];[m];constructor(t){if(!t&&!(t=this.get))throw Error("Unknown getter");De(this,t)}},De=(e,t)=>Ee(e,g,t);function Gt(e,t){if(e[g]){let r=e[m];r||Ee(e,m,r=new Set),r.has(t)||(r.add(t),e.observerAdded&&e.observerAdded(r.size,t))}return t}function Qt(e,t){let r=e[m];if(r&&r.has(t)){let n=r.size-1;n?r.delete(t):e[m]=null,e.observerRemoved&&e.observerRemoved(n,t)}}var Ee=(e,t,r)=>Object.defineProperty(e,t,{value:r,writable:!0,configurable:!0});var O=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Oe=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,K=new RegExp(`(${O.source})(%|[a-z]+)`,"i"),we=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,b=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;var N=e=>{let[t,r]=We(e);if(!t||h())return e;let n=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(n)return n.trim();if(r&&r.startsWith("--")){let f=window.getComputedStyle(document.documentElement).getPropertyValue(r);return f||e}else{if(r&&b.test(r))return N(r);if(r)return r}return e},We=e=>{let t=b.exec(e);if(!t)return[,];let[,r,n]=t;return[r,n]};var _,Ke=(e,t,r,n,f)=>`rgba(${Math.round(t)}, ${Math.round(r)}, ${Math.round(n)}, ${f})`,Xt=e=>{_||(_=c?new RegExp(`(${Object.keys(c).join("|")})(?!\\w)`,"g"):/^\b$/);let t=e.output.map(o=>ve(o).replace(b,N).replace(Oe,D).replace(_,D)),r=t.map(o=>o.match(O).map(Number)),f=r[0].map((o,i)=>r.map(s=>{if(!(i in s))throw Error('The arity of each "output" value must be equal');return s[i]})).map(o=>W({...e,output:o}));return o=>{let i=!K.test(t[0])&&t.find(x=>K.test(x))?.replace(O,""),s=0;return t[0].replace(O,()=>`${f[s++](o)}${i||""}`).replace(we,Ke)}};var Z="react-spring: ",Te=e=>{let t=e,r=!1;if(typeof t!="function")throw new TypeError(`${Z}once requires a function parameter`);return(...n)=>{r||(t(...n),r=!0)}},Ne=Te(console.warn);function Jt(){Ne(`${Z}The "interpolate" function is deprecated in v9 (use "to" instead)`)}var _e=Te(console.warn);function er(){_e(`${Z}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`)}function or(e){return l.str(e)&&(e[0]=="#"||/\d/.test(e)||!h()&&b.test(e)||e in(c||{}))}var v,q=new WeakMap,Ze=e=>e.forEach(({target:t,contentRect:r})=>q.get(t)?.forEach(n=>n(r)));function Fe(e,t){v||typeof ResizeObserver<"u"&&(v=new ResizeObserver(Ze));let r=q.get(t);return r||(r=new Set,q.set(t,r)),r.add(e),v&&v.observe(t),()=>{let n=q.get(t);!n||(n.delete(e),!n.size&&v&&v.unobserve(t))}}var $=new Set,w,Xe=()=>{let e=()=>{$.forEach(t=>t({width:window.innerWidth,height:window.innerHeight}))};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},Ie=e=>($.add(e),w||(w=Xe()),()=>{$.delete(e),!$.size&&w&&(w(),w=void 0)});var ke=(e,{container:t=document.documentElement}={})=>t===document.documentElement?Ie(e):Fe(e,t);var Se=(e,t,r)=>t-e===0?1:(r-e)/(t-e);var Ye={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}},G=class{callback;container;info;constructor(t,r){this.callback=t,this.container=r,this.info={time:0,x:this.createAxis(),y:this.createAxis()}}createAxis=()=>({current:0,progress:0,scrollLength:0});updateAxis=t=>{let r=this.info[t],{length:n,position:f}=Ye[t];r.current=this.container[`scroll${f}`],r.scrollLength=this.container["scroll"+n]-this.container["client"+n],r.progress=Se(0,r.scrollLength,r.current)};update=()=>{this.updateAxis("x"),this.updateAxis("y")};sendEvent=()=>{this.callback(this.info)};advance=()=>{this.update(),this.sendEvent()}};var T=new WeakMap,Ae=new WeakMap,X=new WeakMap,Me=e=>e===document.documentElement?window:e,yr=(e,{container:t=document.documentElement}={})=>{let r=X.get(t);r||(r=new Set,X.set(t,r));let n=new G(e,t);if(r.add(n),!T.has(t)){let o=()=>(r?.forEach(s=>s.advance()),!0);T.set(t,o);let i=Me(t);window.addEventListener("resize",o,{passive:!0}),t!==document.documentElement&&Ae.set(t,ke(o,{container:t})),i.addEventListener("scroll",o,{passive:!0})}let f=T.get(t);return (0,_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf)(f),()=>{_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.cancel(f);let o=X.get(t);if(!o||(o.delete(n),o.size))return;let i=T.get(t);T.delete(t),i&&(Me(t).removeEventListener("scroll",i),window.removeEventListener("resize",i),Ae.get(t)?.())}};function Er(e){let t=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);return t.current===null&&(t.current=e()),t.current}var Q=h()?react__WEBPACK_IMPORTED_MODULE_1__.useEffect:react__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect;var Ce=()=>{let e=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(!1);return Q(()=>(e.current=!0,()=>{e.current=!1}),[]),e};function Mr(){let e=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)()[1],t=Ce();return()=>{t.current&&e(Math.random())}}function Lr(e,t){let[r]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(()=>({inputs:t,result:e()})),n=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(),f=n.current,o=f;return o?Boolean(t&&o.inputs&&it(t,o.inputs))||(o={inputs:t,result:e()}):o=r,(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{n.current=o,f==r&&(r.inputs=r.result=void 0)},[o]),o.result}function it(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}var $r=e=>(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(e,ut),ut=[];function Ur(e){let t=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();return (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{t.current=e}),t.current}var Wr=()=>{let[e,t]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null);return Q(()=>{let r=window.matchMedia("(prefers-reduced-motion)"),n=f=>{t(f.matches),U({skipAnimation:f.matches})};return n(r),r.addEventListener("change",n),()=>{r.removeEventListener("change",n)}},[]),e};
+var ze=Object.defineProperty;var Le=(e,t)=>{for(var r in t)ze(e,r,{get:t[r],enumerable:!0})};var p={};Le(p,{assign:()=>U,colors:()=>c,createStringInterpolator:()=>k,skipAnimation:()=>ee,to:()=>J,willAdvance:()=>S});function Y(){}var mt=(e,t,r)=>Object.defineProperty(e,t,{value:r,writable:!0,configurable:!0}),l={arr:Array.isArray,obj:e=>!!e&&e.constructor.name==="Object",fun:e=>typeof e=="function",str:e=>typeof e=="string",num:e=>typeof e=="number",und:e=>e===void 0};function bt(e,t){if(l.arr(e)){if(!l.arr(t)||e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}return e===t}var Ve=(e,t)=>e.forEach(t);function xt(e,t,r){if(l.arr(e)){for(let n=0;n<e.length;n++)t.call(r,e[n],`${n}`);return}for(let n in e)e.hasOwnProperty(n)&&t.call(r,e[n],n)}var ht=e=>l.und(e)?[]:l.arr(e)?e:[e];function Pe(e,t){if(e.size){let r=Array.from(e);e.clear(),Ve(r,t)}}var yt=(e,...t)=>Pe(e,r=>r(...t)),h=()=>typeof window>"u"||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent);var k,J,c=null,ee=!1,S=Y,U=e=>{e.to&&(J=e.to),e.now&&(_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.now=e.now),e.colors!==void 0&&(c=e.colors),e.skipAnimation!=null&&(ee=e.skipAnimation),e.createStringInterpolator&&(k=e.createStringInterpolator),e.requestAnimationFrame&&_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.use(e.requestAnimationFrame),e.batchedUpdates&&(_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.batchedUpdates=e.batchedUpdates),e.willAdvance&&(S=e.willAdvance),e.frameLoop&&(_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.frameLoop=e.frameLoop)};var E=new Set,u=[],H=[],A=0,qe={get idle(){return!E.size&&!u.length},start(e){A>e.priority?(E.add(e),_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.onStart($e)):(te(e),(0,_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf)(B))},advance:B,sort(e){if(A)_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.onFrame(()=>qe.sort(e));else{let t=u.indexOf(e);~t&&(u.splice(t,1),re(e))}},clear(){u=[],E.clear()}};function $e(){E.forEach(te),E.clear(),(0,_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf)(B)}function te(e){u.includes(e)||re(e)}function re(e){u.splice(Ge(u,t=>t.priority>e.priority),0,e)}function B(e){let t=H;for(let r=0;r<u.length;r++){let n=u[r];A=n.priority,n.idle||(S(n),n.advance(e),n.idle||t.push(n))}return A=0,H=u,H.length=0,u=t,u.length>0}function Ge(e,t){let r=e.findIndex(t);return r<0?e.length:r}var ne=(e,t,r)=>Math.min(Math.max(r,e),t);var It={transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199};var d="[-+]?\\d*\\.?\\d+",M=d+"%";function C(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}var oe=new RegExp("rgb"+C(d,d,d)),fe=new RegExp("rgba"+C(d,d,d,d)),ae=new RegExp("hsl"+C(d,M,M)),ie=new RegExp("hsla"+C(d,M,M,d)),se=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,ue=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,le=/^#([0-9a-fA-F]{6})$/,ce=/^#([0-9a-fA-F]{8})$/;function be(e){let t;return typeof e=="number"?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=le.exec(e))?parseInt(t[1]+"ff",16)>>>0:c&&c[e]!==void 0?c[e]:(t=oe.exec(e))?(y(t[1])<<24|y(t[2])<<16|y(t[3])<<8|255)>>>0:(t=fe.exec(e))?(y(t[1])<<24|y(t[2])<<16|y(t[3])<<8|me(t[4]))>>>0:(t=se.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=ce.exec(e))?parseInt(t[1],16)>>>0:(t=ue.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=ae.exec(e))?(de(pe(t[1]),z(t[2]),z(t[3]))|255)>>>0:(t=ie.exec(e))?(de(pe(t[1]),z(t[2]),z(t[3]))|me(t[4]))>>>0:null}function j(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+(t-e)*6*r:r<1/2?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function de(e,t,r){let n=r<.5?r*(1+t):r+t-r*t,f=2*r-n,o=j(f,n,e+1/3),i=j(f,n,e),s=j(f,n,e-1/3);return Math.round(o*255)<<24|Math.round(i*255)<<16|Math.round(s*255)<<8}function y(e){let t=parseInt(e,10);return t<0?0:t>255?255:t}function pe(e){return(parseFloat(e)%360+360)%360/360}function me(e){let t=parseFloat(e);return t<0?0:t>1?255:Math.round(t*255)}function z(e){let t=parseFloat(e);return t<0?0:t>100?1:t/100}function D(e){let t=be(e);if(t===null)return e;t=t||0;let r=(t&4278190080)>>>24,n=(t&16711680)>>>16,f=(t&65280)>>>8,o=(t&255)/255;return`rgba(${r}, ${n}, ${f}, ${o})`}var W=(e,t,r)=>{if(l.fun(e))return e;if(l.arr(e))return W({range:e,output:t,extrapolate:r});if(l.str(e.output[0]))return k(e);let n=e,f=n.output,o=n.range||[0,1],i=n.extrapolateLeft||n.extrapolate||"extend",s=n.extrapolateRight||n.extrapolate||"extend",x=n.easing||(a=>a);return a=>{let F=He(a,o);return Ue(a,o[F],o[F+1],f[F],f[F+1],x,i,s,n.map)}};function Ue(e,t,r,n,f,o,i,s,x){let a=x?x(e):e;if(a<t){if(i==="identity")return a;i==="clamp"&&(a=t)}if(a>r){if(s==="identity")return a;s==="clamp"&&(a=r)}return n===f?n:t===r?e<=t?n:f:(t===-1/0?a=-a:r===1/0?a=a-t:a=(a-t)/(r-t),a=o(a),n===-1/0?a=-a:f===1/0?a=a+n:a=a*(f-n)+n,a)}function He(e,t){for(var r=1;r<t.length-1&&!(t[r]>=e);++r);return r-1}var Be=(e,t="end")=>r=>{r=t==="end"?Math.min(r,.999):Math.max(r,.001);let n=r*e,f=t==="end"?Math.floor(n):Math.ceil(n);return ne(0,1,f/e)},P=1.70158,L=P*1.525,xe=P+1,he=2*Math.PI/3,ye=2*Math.PI/4.5,V=e=>e<1/2.75?7.5625*e*e:e<2/2.75?7.5625*(e-=1.5/2.75)*e+.75:e<2.5/2.75?7.5625*(e-=2.25/2.75)*e+.9375:7.5625*(e-=2.625/2.75)*e+.984375,Lt={linear:e=>e,easeInQuad:e=>e*e,easeOutQuad:e=>1-(1-e)*(1-e),easeInOutQuad:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,easeInCubic:e=>e*e*e,easeOutCubic:e=>1-Math.pow(1-e,3),easeInOutCubic:e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,easeInQuart:e=>e*e*e*e,easeOutQuart:e=>1-Math.pow(1-e,4),easeInOutQuart:e=>e<.5?8*e*e*e*e:1-Math.pow(-2*e+2,4)/2,easeInQuint:e=>e*e*e*e*e,easeOutQuint:e=>1-Math.pow(1-e,5),easeInOutQuint:e=>e<.5?16*e*e*e*e*e:1-Math.pow(-2*e+2,5)/2,easeInSine:e=>1-Math.cos(e*Math.PI/2),easeOutSine:e=>Math.sin(e*Math.PI/2),easeInOutSine:e=>-(Math.cos(Math.PI*e)-1)/2,easeInExpo:e=>e===0?0:Math.pow(2,10*e-10),easeOutExpo:e=>e===1?1:1-Math.pow(2,-10*e),easeInOutExpo:e=>e===0?0:e===1?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,easeInCirc:e=>1-Math.sqrt(1-Math.pow(e,2)),easeOutCirc:e=>Math.sqrt(1-Math.pow(e-1,2)),easeInOutCirc:e=>e<.5?(1-Math.sqrt(1-Math.pow(2*e,2)))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,easeInBack:e=>xe*e*e*e-P*e*e,easeOutBack:e=>1+xe*Math.pow(e-1,3)+P*Math.pow(e-1,2),easeInOutBack:e=>e<.5?Math.pow(2*e,2)*((L+1)*2*e-L)/2:(Math.pow(2*e-2,2)*((L+1)*(e*2-2)+L)+2)/2,easeInElastic:e=>e===0?0:e===1?1:-Math.pow(2,10*e-10)*Math.sin((e*10-10.75)*he),easeOutElastic:e=>e===0?0:e===1?1:Math.pow(2,-10*e)*Math.sin((e*10-.75)*he)+1,easeInOutElastic:e=>e===0?0:e===1?1:e<.5?-(Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*ye))/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*ye)/2+1,easeInBounce:e=>1-V(1-e),easeOutBounce:V,easeInOutBounce:e=>e<.5?(1-V(1-2*e))/2:(1+V(2*e-1))/2,steps:Be};var g=Symbol.for("FluidValue.get"),m=Symbol.for("FluidValue.observers");var Pt=e=>!!(e&&e[g]),ve=e=>e&&e[g]?e[g]():e,qt=e=>e[m]||null;function je(e,t){e.eventObserved?e.eventObserved(t):e(t)}function $t(e,t){let r=e[m];r&&r.forEach(n=>{je(n,t)})}var ge=class{[g];[m];constructor(t){if(!t&&!(t=this.get))throw Error("Unknown getter");De(this,t)}},De=(e,t)=>Ee(e,g,t);function Gt(e,t){if(e[g]){let r=e[m];r||Ee(e,m,r=new Set),r.has(t)||(r.add(t),e.observerAdded&&e.observerAdded(r.size,t))}return t}function Qt(e,t){let r=e[m];if(r&&r.has(t)){let n=r.size-1;n?r.delete(t):e[m]=null,e.observerRemoved&&e.observerRemoved(n,t)}}var Ee=(e,t,r)=>Object.defineProperty(e,t,{value:r,writable:!0,configurable:!0});var O=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Oe=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,K=new RegExp(`(${O.source})(%|[a-z]+)`,"i"),we=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,b=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;var N=e=>{let[t,r]=We(e);if(!t||h())return e;let n=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(n)return n.trim();if(r&&r.startsWith("--")){let f=window.getComputedStyle(document.documentElement).getPropertyValue(r);return f||e}else{if(r&&b.test(r))return N(r);if(r)return r}return e},We=e=>{let t=b.exec(e);if(!t)return[,];let[,r,n]=t;return[r,n]};var _,Ke=(e,t,r,n,f)=>`rgba(${Math.round(t)}, ${Math.round(r)}, ${Math.round(n)}, ${f})`,Xt=e=>{_||(_=c?new RegExp(`(${Object.keys(c).join("|")})(?!\\w)`,"g"):/^\b$/);let t=e.output.map(o=>ve(o).replace(b,N).replace(Oe,D).replace(_,D)),r=t.map(o=>o.match(O).map(Number)),f=r[0].map((o,i)=>r.map(s=>{if(!(i in s))throw Error('The arity of each "output" value must be equal');return s[i]})).map(o=>W({...e,output:o}));return o=>{let i=!K.test(t[0])&&t.find(x=>K.test(x))?.replace(O,""),s=0;return t[0].replace(O,()=>`${f[s++](o)}${i||""}`).replace(we,Ke)}};var Z="react-spring: ",Te=e=>{let t=e,r=!1;if(typeof t!="function")throw new TypeError(`${Z}once requires a function parameter`);return(...n)=>{r||(t(...n),r=!0)}},Ne=Te(console.warn);function Jt(){Ne(`${Z}The "interpolate" function is deprecated in v9 (use "to" instead)`)}var _e=Te(console.warn);function er(){_e(`${Z}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`)}function or(e){return l.str(e)&&(e[0]=="#"||/\d/.test(e)||!h()&&b.test(e)||e in(c||{}))}var v,q=new WeakMap,Ze=e=>e.forEach(({target:t,contentRect:r})=>q.get(t)?.forEach(n=>n(r)));function Fe(e,t){v||typeof ResizeObserver<"u"&&(v=new ResizeObserver(Ze));let r=q.get(t);return r||(r=new Set,q.set(t,r)),r.add(e),v&&v.observe(t),()=>{let n=q.get(t);n&&(n.delete(e),!n.size&&v&&v.unobserve(t))}}var $=new Set,w,Xe=()=>{let e=()=>{$.forEach(t=>t({width:window.innerWidth,height:window.innerHeight}))};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},Ie=e=>($.add(e),w||(w=Xe()),()=>{$.delete(e),!$.size&&w&&(w(),w=void 0)});var ke=(e,{container:t=document.documentElement}={})=>t===document.documentElement?Ie(e):Fe(e,t);var Se=(e,t,r)=>t-e===0?1:(r-e)/(t-e);var Ye={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}},G=class{callback;container;info;constructor(t,r){this.callback=t,this.container=r,this.info={time:0,x:this.createAxis(),y:this.createAxis()}}createAxis=()=>({current:0,progress:0,scrollLength:0});updateAxis=t=>{let r=this.info[t],{length:n,position:f}=Ye[t];r.current=this.container[`scroll${f}`],r.scrollLength=this.container["scroll"+n]-this.container["client"+n],r.progress=Se(0,r.scrollLength,r.current)};update=()=>{this.updateAxis("x"),this.updateAxis("y")};sendEvent=()=>{this.callback(this.info)};advance=()=>{this.update(),this.sendEvent()}};var T=new WeakMap,Ae=new WeakMap,X=new WeakMap,Me=e=>e===document.documentElement?window:e,yr=(e,{container:t=document.documentElement}={})=>{let r=X.get(t);r||(r=new Set,X.set(t,r));let n=new G(e,t);if(r.add(n),!T.has(t)){let o=()=>(r?.forEach(s=>s.advance()),!0);T.set(t,o);let i=Me(t);window.addEventListener("resize",o,{passive:!0}),t!==document.documentElement&&Ae.set(t,ke(o,{container:t})),i.addEventListener("scroll",o,{passive:!0})}let f=T.get(t);return (0,_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf)(f),()=>{_react_spring_rafz__WEBPACK_IMPORTED_MODULE_0__.raf.cancel(f);let o=X.get(t);if(!o||(o.delete(n),o.size))return;let i=T.get(t);T.delete(t),i&&(Me(t).removeEventListener("scroll",i),window.removeEventListener("resize",i),Ae.get(t)?.())}};function Er(e){let t=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);return t.current===null&&(t.current=e()),t.current}var Q=h()?react__WEBPACK_IMPORTED_MODULE_1__.useEffect:react__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect;var Ce=()=>{let e=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(!1);return Q(()=>(e.current=!0,()=>{e.current=!1}),[]),e};function Mr(){let e=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)()[1],t=Ce();return()=>{t.current&&e(Math.random())}}function Lr(e,t){let[r]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(()=>({inputs:t,result:e()})),n=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(),f=n.current,o=f;return o?t&&o.inputs&&it(t,o.inputs)||(o={inputs:t,result:e()}):o=r,(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{n.current=o,f==r&&(r.inputs=r.result=void 0)},[o]),o.result}function it(e,t){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0}var $r=e=>(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(e,ut),ut=[];function Ur(e){let t=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();return (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{t.current=e}),t.current}var Wr=()=>{let[e,t]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null);return Q(()=>{let r=window.matchMedia("(prefers-reduced-motion)"),n=f=>{t(f.matches),U({skipAnimation:f.matches})};return n(r),r.addEventListener("change",n),()=>{r.removeEventListener("change",n)}},[]),e};
 
 
 /***/ }),
@@ -13919,6 +13918,64 @@ var degreesToRadians = function degreesToRadians(degrees) {
 
 /***/ }),
 
+/***/ "./node_modules/@visx/shape/lib/shapes/Area.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/@visx/shape/lib/shapes/Area.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = Area;
+var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
+var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "./node_modules/classnames/index.js"));
+var _D3ShapeFactories = __webpack_require__(/*! ../util/D3ShapeFactories */ "./node_modules/@visx/shape/lib/util/D3ShapeFactories.js");
+var _excluded = ["children", "x", "x0", "x1", "y", "y0", "y1", "data", "defined", "className", "curve", "innerRef"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function Area(_ref) {
+  var children = _ref.children,
+    x = _ref.x,
+    x0 = _ref.x0,
+    x1 = _ref.x1,
+    y = _ref.y,
+    y0 = _ref.y0,
+    y1 = _ref.y1,
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    _ref$defined = _ref.defined,
+    defined = _ref$defined === void 0 ? function () {
+      return true;
+    } : _ref$defined,
+    className = _ref.className,
+    curve = _ref.curve,
+    innerRef = _ref.innerRef,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var path = (0, _D3ShapeFactories.area)({
+    x: x,
+    x0: x0,
+    x1: x1,
+    y: y,
+    y0: y0,
+    y1: y1,
+    defined: defined,
+    curve: curve
+  });
+  if (children) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children({
+    path: path
+  }));
+  return /*#__PURE__*/_react.default.createElement("path", _extends({
+    ref: innerRef,
+    className: (0, _classnames.default)('visx-area', className),
+    d: path(data) || ''
+  }, restProps));
+}
+
+/***/ }),
+
 /***/ "./node_modules/@visx/shape/lib/shapes/Line.js":
 /*!*****************************************************!*\
   !*** ./node_modules/@visx/shape/lib/shapes/Line.js ***!
@@ -14730,6 +14787,12 @@ function useTooltipInPortal(_temp) {
     containerRef = _useMeasure[0],
     containerBounds = _useMeasure[1],
     forceRefreshBounds = _useMeasure[2];
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    isSsr = _useState[0],
+    setIsSsr = _useState[1];
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    setIsSsr(false);
+  }, []);
   var TooltipInPortal = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return function (_ref2) {
       var _ref2$left = _ref2.left,
@@ -14743,8 +14806,10 @@ function useTooltipInPortal(_temp) {
       var zIndex = zIndexProp == null ? zIndexOption : zIndexProp;
       var TooltipComponent = detectBounds ? _tooltips_TooltipWithBounds__WEBPACK_IMPORTED_MODULE_2__["default"] : _tooltips_Tooltip__WEBPACK_IMPORTED_MODULE_3__["default"];
       // convert container coordinates to page coordinates
-      var portalLeft = containerLeft + (containerBounds.left || 0) + window.scrollX;
-      var portalTop = containerTop + (containerBounds.top || 0) + window.scrollY;
+      var scrollX = isSsr ? 0 : window.scrollX;
+      var scrollY = isSsr ? 0 : window.scrollY;
+      var portalLeft = containerLeft + (containerBounds.left || 0) + scrollX;
+      var portalTop = containerTop + (containerBounds.top || 0) + scrollY;
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Portal__WEBPACK_IMPORTED_MODULE_4__["default"], {
         zIndex: zIndex
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TooltipComponent, _extends({
@@ -14752,7 +14817,7 @@ function useTooltipInPortal(_temp) {
         top: portalTop
       }, tooltipProps)));
     };
-  }, [detectBoundsOption, zIndexOption, containerBounds.left, containerBounds.top]);
+  }, [detectBoundsOption, zIndexOption, containerBounds.left, containerBounds.top, isSsr]);
   return {
     containerRef: containerRef,
     containerBounds: containerBounds,
@@ -15768,6 +15833,62 @@ function Grid(props) {
 
 /***/ }),
 
+/***/ "./node_modules/@visx/xychart/esm/components/series/AnimatedAreaSeries.js":
+/*!********************************************************************************!*\
+  !*** ./node_modules/@visx/xychart/esm/components/series/AnimatedAreaSeries.js ***!
+  \********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ AnimatedAreaSeries)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _private_AnimatedPath__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./private/AnimatedPath */ "./node_modules/@visx/xychart/esm/components/series/private/AnimatedPath.js");
+/* harmony import */ var _private_BaseAreaSeries__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./private/BaseAreaSeries */ "./node_modules/@visx/xychart/esm/components/series/private/BaseAreaSeries.js");
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+function AnimatedAreaSeries(props) {
+  // @TODO currently generics for non-SeriesProps are not passed correctly in withRegisteredData HOC
+  // @ts-expect-error
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_private_BaseAreaSeries__WEBPACK_IMPORTED_MODULE_1__["default"], _extends({}, props, {
+    PathComponent: _private_AnimatedPath__WEBPACK_IMPORTED_MODULE_2__["default"]
+  }));
+}
+
+/***/ }),
+
+/***/ "./node_modules/@visx/xychart/esm/components/series/AnimatedAreaStack.js":
+/*!*******************************************************************************!*\
+  !*** ./node_modules/@visx/xychart/esm/components/series/AnimatedAreaStack.js ***!
+  \*******************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ AnimatedAreaStack)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _private_BaseAreaStack__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./private/BaseAreaStack */ "./node_modules/@visx/xychart/esm/components/series/private/BaseAreaStack.js");
+/* harmony import */ var _private_AnimatedPath__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./private/AnimatedPath */ "./node_modules/@visx/xychart/esm/components/series/private/AnimatedPath.js");
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+function AnimatedAreaStack(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_private_BaseAreaStack__WEBPACK_IMPORTED_MODULE_1__["default"], _extends({}, props, {
+    PathComponent: _private_AnimatedPath__WEBPACK_IMPORTED_MODULE_2__["default"]
+  }));
+}
+
+/***/ }),
+
 /***/ "./node_modules/@visx/xychart/esm/components/series/AnimatedBarGroup.js":
 /*!******************************************************************************!*\
   !*** ./node_modules/@visx/xychart/esm/components/series/AnimatedBarGroup.js ***!
@@ -15883,6 +16004,52 @@ function AnimatedLineSeries(props) {
 
 /***/ }),
 
+/***/ "./node_modules/@visx/xychart/esm/components/series/AreaSeries.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/@visx/xychart/esm/components/series/AreaSeries.js ***!
+  \************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ AreaSeries)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _private_BaseAreaSeries__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./private/BaseAreaSeries */ "./node_modules/@visx/xychart/esm/components/series/private/BaseAreaSeries.js");
+
+
+function AreaSeries(props) {
+  // @TODO currently generics for non-SeriesProps are not passed correctly in withRegisteredData HOC
+  // @ts-expect-error
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_private_BaseAreaSeries__WEBPACK_IMPORTED_MODULE_1__["default"], props);
+}
+
+/***/ }),
+
+/***/ "./node_modules/@visx/xychart/esm/components/series/AreaStack.js":
+/*!***********************************************************************!*\
+  !*** ./node_modules/@visx/xychart/esm/components/series/AreaStack.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ AreaStack)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _private_BaseAreaStack__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./private/BaseAreaStack */ "./node_modules/@visx/xychart/esm/components/series/private/BaseAreaStack.js");
+
+
+function AreaStack(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_private_BaseAreaStack__WEBPACK_IMPORTED_MODULE_1__["default"], props);
+}
+
+/***/ }),
+
 /***/ "./node_modules/@visx/xychart/esm/components/series/BarGroup.js":
 /*!**********************************************************************!*\
   !*** ./node_modules/@visx/xychart/esm/components/series/BarGroup.js ***!
@@ -16294,6 +16461,447 @@ function Bars(_ref) {
 
 /***/ }),
 
+/***/ "./node_modules/@visx/xychart/esm/components/series/private/BaseAreaSeries.js":
+/*!************************************************************************************!*\
+  !*** ./node_modules/@visx/xychart/esm/components/series/private/BaseAreaSeries.js ***!
+  \************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _visx_shape_lib_shapes_Area__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @visx/shape/lib/shapes/Area */ "./node_modules/@visx/shape/lib/shapes/Area.js");
+/* harmony import */ var _visx_shape_lib_shapes_LinePath__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @visx/shape/lib/shapes/LinePath */ "./node_modules/@visx/shape/lib/shapes/LinePath.js");
+/* harmony import */ var _context_DataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../context/DataContext */ "./node_modules/@visx/xychart/esm/context/DataContext.js");
+/* harmony import */ var _enhancers_withRegisteredData__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../enhancers/withRegisteredData */ "./node_modules/@visx/xychart/esm/enhancers/withRegisteredData.js");
+/* harmony import */ var _utils_getScaledValueFactory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/getScaledValueFactory */ "./node_modules/@visx/xychart/esm/utils/getScaledValueFactory.js");
+/* harmony import */ var _utils_getScaleBaseline__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils/getScaleBaseline */ "./node_modules/@visx/xychart/esm/utils/getScaleBaseline.js");
+/* harmony import */ var _typeguards_isValidNumber__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../typeguards/isValidNumber */ "./node_modules/@visx/xychart/esm/typeguards/isValidNumber.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../constants */ "./node_modules/@visx/xychart/esm/constants.js");
+/* harmony import */ var _BaseGlyphSeries__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./BaseGlyphSeries */ "./node_modules/@visx/xychart/esm/components/series/private/BaseGlyphSeries.js");
+/* harmony import */ var _defaultRenderGlyph__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./defaultRenderGlyph */ "./node_modules/@visx/xychart/esm/components/series/private/defaultRenderGlyph.js");
+/* harmony import */ var _hooks_useSeriesEvents__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/useSeriesEvents */ "./node_modules/@visx/xychart/esm/hooks/useSeriesEvents.js");
+
+var _excluded = ["PathComponent", "curve", "data", "dataKey", "lineProps", "onBlur", "onFocus", "onPointerMove", "onPointerOut", "onPointerUp", "onPointerDown", "enableEvents", "renderLine", "xAccessor", "x0Accessor", "xScale", "yAccessor", "y0Accessor", "yScale"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+
+
+
+
+
+function BaseAreaSeries(_ref) {
+  var _ref2, _colorScale, _theme$colors;
+  var _ref$PathComponent = _ref.PathComponent,
+    PathComponent = _ref$PathComponent === void 0 ? 'path' : _ref$PathComponent,
+    curve = _ref.curve,
+    data = _ref.data,
+    dataKey = _ref.dataKey,
+    lineProps = _ref.lineProps,
+    onBlur = _ref.onBlur,
+    onFocus = _ref.onFocus,
+    onPointerMove = _ref.onPointerMove,
+    onPointerOut = _ref.onPointerOut,
+    onPointerUp = _ref.onPointerUp,
+    onPointerDown = _ref.onPointerDown,
+    _ref$enableEvents = _ref.enableEvents,
+    enableEvents = _ref$enableEvents === void 0 ? true : _ref$enableEvents,
+    _ref$renderLine = _ref.renderLine,
+    renderLine = _ref$renderLine === void 0 ? true : _ref$renderLine,
+    xAccessor = _ref.xAccessor,
+    x0Accessor = _ref.x0Accessor,
+    xScale = _ref.xScale,
+    yAccessor = _ref.yAccessor,
+    y0Accessor = _ref.y0Accessor,
+    yScale = _ref.yScale,
+    areaProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_context_DataContext__WEBPACK_IMPORTED_MODULE_2__["default"]),
+    colorScale = _useContext.colorScale,
+    theme = _useContext.theme,
+    horizontal = _useContext.horizontal;
+  var getScaledX0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    return x0Accessor ? (0,_utils_getScaledValueFactory__WEBPACK_IMPORTED_MODULE_3__["default"])(xScale, x0Accessor) : undefined;
+  }, [xScale, x0Accessor]);
+  var getScaledX = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    return (0,_utils_getScaledValueFactory__WEBPACK_IMPORTED_MODULE_3__["default"])(xScale, xAccessor);
+  }, [xScale, xAccessor]);
+  var getScaledY0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    return y0Accessor ? (0,_utils_getScaledValueFactory__WEBPACK_IMPORTED_MODULE_3__["default"])(yScale, y0Accessor) : undefined;
+  }, [yScale, y0Accessor]);
+  var getScaledY = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    return (0,_utils_getScaledValueFactory__WEBPACK_IMPORTED_MODULE_3__["default"])(yScale, yAccessor);
+  }, [yScale, yAccessor]);
+  var isDefined = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (d) {
+    return (0,_typeguards_isValidNumber__WEBPACK_IMPORTED_MODULE_4__["default"])(xScale(xAccessor(d))) && (0,_typeguards_isValidNumber__WEBPACK_IMPORTED_MODULE_4__["default"])(yScale(yAccessor(d)));
+  }, [xScale, xAccessor, yScale, yAccessor]);
+  var color = (_ref2 = (_colorScale = colorScale == null ? void 0 : colorScale(dataKey)) != null ? _colorScale : theme == null ? void 0 : (_theme$colors = theme.colors) == null ? void 0 : _theme$colors[0]) != null ? _ref2 : '#222';
+  var ownEventSourceKey = _constants__WEBPACK_IMPORTED_MODULE_5__.AREASERIES_EVENT_SOURCE + "-" + dataKey;
+  var eventEmitters = (0,_hooks_useSeriesEvents__WEBPACK_IMPORTED_MODULE_6__["default"])({
+    dataKey: dataKey,
+    enableEvents: enableEvents,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onPointerMove: onPointerMove,
+    onPointerOut: onPointerOut,
+    onPointerUp: onPointerUp,
+    onPointerDown: onPointerDown,
+    source: ownEventSourceKey,
+    allowedSources: [_constants__WEBPACK_IMPORTED_MODULE_5__.XYCHART_EVENT_SOURCE, ownEventSourceKey]
+  });
+
+  // accessor functions for the area generator
+  var accessors = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    var numericScaleBaseline = (0,_utils_getScaleBaseline__WEBPACK_IMPORTED_MODULE_7__["default"])(horizontal ? xScale : yScale);
+    return horizontal ? {
+      x0: getScaledX0 != null ? getScaledX0 : numericScaleBaseline,
+      x1: getScaledX,
+      y: getScaledY
+    } : {
+      x: getScaledX,
+      y0: getScaledY0 != null ? getScaledY0 : numericScaleBaseline,
+      y1: getScaledY
+    };
+  }, [xScale, yScale, horizontal, getScaledX, getScaledY, getScaledX0, getScaledY0]);
+
+  // render invisible glyphs for focusing if onFocus/onBlur are defined
+  var captureFocusEvents = Boolean(onFocus || onBlur);
+  var renderGlyphs = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (_ref3) {
+    var glyphs = _ref3.glyphs;
+    return captureFocusEvents ? glyphs.map(function (glyph) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), {
+        key: glyph.key
+      }, (0,_defaultRenderGlyph__WEBPACK_IMPORTED_MODULE_8__["default"])(_extends({}, glyph, {
+        color: 'transparent',
+        onFocus: eventEmitters.onFocus,
+        onBlur: eventEmitters.onBlur
+      })));
+    }) : null;
+  }, [captureFocusEvents, eventEmitters.onFocus, eventEmitters.onBlur]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_visx_shape_lib_shapes_Area__WEBPACK_IMPORTED_MODULE_9__["default"], _extends({}, accessors, areaProps, {
+    curve: curve,
+    defined: isDefined
+  }), function (_ref4) {
+    var path = _ref4.path;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PathComponent, _extends({
+      className: "visx-area",
+      stroke: "transparent",
+      fill: color,
+      strokeLinecap: "round" // without this a datum surrounded by nulls will not be visible
+    }, areaProps, {
+      d: path(data) || ''
+    }, eventEmitters));
+  }), renderLine && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_visx_shape_lib_shapes_LinePath__WEBPACK_IMPORTED_MODULE_10__["default"], _extends({
+    x: getScaledX,
+    y: getScaledY,
+    defined: isDefined,
+    curve: curve
+  }, lineProps), function (_ref5) {
+    var path = _ref5.path;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PathComponent, _extends({
+      className: "visx-line",
+      fill: "transparent",
+      stroke: color,
+      strokeWidth: 2,
+      pointerEvents: "none",
+      strokeLinecap: "round" // without this a datum surrounded by nulls will not be visible
+    }, lineProps, {
+      d: path(data) || ''
+    }));
+  }), captureFocusEvents && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_BaseGlyphSeries__WEBPACK_IMPORTED_MODULE_11__.BaseGlyphSeries, {
+    dataKey: dataKey,
+    data: data,
+    xAccessor: xAccessor,
+    yAccessor: yAccessor,
+    xScale: xScale,
+    yScale: yScale,
+    renderGlyphs: renderGlyphs
+  }));
+}
+BaseAreaSeries.propTypes = {
+  renderLine: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_enhancers_withRegisteredData__WEBPACK_IMPORTED_MODULE_12__["default"])(BaseAreaSeries));
+
+/***/ }),
+
+/***/ "./node_modules/@visx/xychart/esm/components/series/private/BaseAreaStack.js":
+/*!***********************************************************************************!*\
+  !*** ./node_modules/@visx/xychart/esm/components/series/private/BaseAreaStack.js ***!
+  \***********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _visx_shape__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @visx/shape */ "./node_modules/@visx/shape/esm/shapes/LinePath.js");
+/* harmony import */ var _visx_shape_lib_shapes_Area__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @visx/shape/lib/shapes/Area */ "./node_modules/@visx/shape/lib/shapes/Area.js");
+/* harmony import */ var _visx_scale__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @visx/scale */ "./node_modules/@visx/scale/esm/utils/coerceNumber.js");
+/* harmony import */ var _visx_shape_lib_util_accessors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @visx/shape/lib/util/accessors */ "./node_modules/@visx/shape/lib/util/accessors.js");
+/* harmony import */ var _context_DataContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../context/DataContext */ "./node_modules/@visx/xychart/esm/context/DataContext.js");
+/* harmony import */ var _BaseGlyphSeries__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./BaseGlyphSeries */ "./node_modules/@visx/xychart/esm/components/series/private/BaseGlyphSeries.js");
+/* harmony import */ var _hooks_useStackedData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../hooks/useStackedData */ "./node_modules/@visx/xychart/esm/hooks/useStackedData.js");
+/* harmony import */ var _utils_combineBarStackData__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/combineBarStackData */ "./node_modules/@visx/xychart/esm/utils/combineBarStackData.js");
+/* harmony import */ var _typeguards_isValidNumber__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../typeguards/isValidNumber */ "./node_modules/@visx/xychart/esm/typeguards/isValidNumber.js");
+/* harmony import */ var _utils_findNearestStackDatum__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../utils/findNearestStackDatum */ "./node_modules/@visx/xychart/esm/utils/findNearestStackDatum.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../constants */ "./node_modules/@visx/xychart/esm/constants.js");
+/* harmony import */ var _hooks_useSeriesEvents__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../hooks/useSeriesEvents */ "./node_modules/@visx/xychart/esm/hooks/useSeriesEvents.js");
+/* harmony import */ var _defaultRenderGlyph__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./defaultRenderGlyph */ "./node_modules/@visx/xychart/esm/components/series/private/defaultRenderGlyph.js");
+/* harmony import */ var _utils_getScaleBandwidth__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../utils/getScaleBandwidth */ "./node_modules/@visx/xychart/esm/utils/getScaleBandwidth.js");
+
+var _excluded = ["data", "dataKey", "xAccessor", "yAccessor", "curve", "PathComponent", "lineProps", "renderLine"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var identity = function identity(_) {
+  return _;
+};
+function BaseAreaStack(_ref) {
+  var _ref$PathComponent = _ref.PathComponent,
+    PathComponent = _ref$PathComponent === void 0 ? 'path' : _ref$PathComponent,
+    children = _ref.children,
+    curve = _ref.curve,
+    _ref$enableEvents = _ref.enableEvents,
+    enableEvents = _ref$enableEvents === void 0 ? true : _ref$enableEvents,
+    offset = _ref.offset,
+    onBlur = _ref.onBlur,
+    onFocus = _ref.onFocus,
+    onPointerMove = _ref.onPointerMove,
+    onPointerOut = _ref.onPointerOut,
+    onPointerUp = _ref.onPointerUp,
+    onPointerDown = _ref.onPointerDown,
+    order = _ref.order,
+    _ref$renderLine = _ref.renderLine,
+    renderLine = _ref$renderLine === void 0 ? true : _ref$renderLine;
+  var _ref2 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(_context_DataContext__WEBPACK_IMPORTED_MODULE_2__["default"]),
+    colorScale = _ref2.colorScale,
+    dataRegistry = _ref2.dataRegistry,
+    horizontal = _ref2.horizontal,
+    xScale = _ref2.xScale,
+    yScale = _ref2.yScale,
+    theme = _ref2.theme;
+  var _useStackedData = (0,_hooks_useStackedData__WEBPACK_IMPORTED_MODULE_3__["default"])({
+      children: children,
+      order: order,
+      offset: offset
+    }),
+    dataKeys = _useStackedData.dataKeys,
+    seriesChildren = _useStackedData.seriesChildren,
+    stackedData = _useStackedData.stackedData;
+
+  // accessor functions for the stack generator
+  var accessors = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    var xOffset = (0,_utils_getScaleBandwidth__WEBPACK_IMPORTED_MODULE_4__["default"])(xScale) / 2;
+    var yOffset = (0,_utils_getScaleBandwidth__WEBPACK_IMPORTED_MODULE_4__["default"])(yScale) / 2;
+    return horizontal ? {
+      y: function y(d) {
+        var _coerceNumber;
+        return ((_coerceNumber = (0,_visx_scale__WEBPACK_IMPORTED_MODULE_5__["default"])(yScale((0,_utils_combineBarStackData__WEBPACK_IMPORTED_MODULE_6__.getStackValue)(d.data)))) != null ? _coerceNumber : 0) + yOffset;
+      },
+      x0: function x0(d) {
+        var _coerceNumber2;
+        return ((_coerceNumber2 = (0,_visx_scale__WEBPACK_IMPORTED_MODULE_5__["default"])(xScale((0,_visx_shape_lib_util_accessors__WEBPACK_IMPORTED_MODULE_7__.getFirstItem)(d)))) != null ? _coerceNumber2 : 0) + xOffset;
+      },
+      x1: function x1(d) {
+        var _coerceNumber3;
+        return ((_coerceNumber3 = (0,_visx_scale__WEBPACK_IMPORTED_MODULE_5__["default"])(xScale((0,_visx_shape_lib_util_accessors__WEBPACK_IMPORTED_MODULE_7__.getSecondItem)(d)))) != null ? _coerceNumber3 : 0) + xOffset;
+      },
+      defined: function defined(d) {
+        return (0,_typeguards_isValidNumber__WEBPACK_IMPORTED_MODULE_8__["default"])(yScale((0,_utils_combineBarStackData__WEBPACK_IMPORTED_MODULE_6__.getStackValue)(d.data))) && (0,_typeguards_isValidNumber__WEBPACK_IMPORTED_MODULE_8__["default"])(xScale((0,_visx_shape_lib_util_accessors__WEBPACK_IMPORTED_MODULE_7__.getSecondItem)(d)));
+      }
+    } : {
+      x: function x(d) {
+        var _coerceNumber4;
+        return ((_coerceNumber4 = (0,_visx_scale__WEBPACK_IMPORTED_MODULE_5__["default"])(xScale((0,_utils_combineBarStackData__WEBPACK_IMPORTED_MODULE_6__.getStackValue)(d.data)))) != null ? _coerceNumber4 : 0) + xOffset;
+      },
+      y0: function y0(d) {
+        var _coerceNumber5;
+        return ((_coerceNumber5 = (0,_visx_scale__WEBPACK_IMPORTED_MODULE_5__["default"])(yScale((0,_visx_shape_lib_util_accessors__WEBPACK_IMPORTED_MODULE_7__.getFirstItem)(d)))) != null ? _coerceNumber5 : 0) + yOffset;
+      },
+      y1: function y1(d) {
+        var _coerceNumber6;
+        return ((_coerceNumber6 = (0,_visx_scale__WEBPACK_IMPORTED_MODULE_5__["default"])(yScale((0,_visx_shape_lib_util_accessors__WEBPACK_IMPORTED_MODULE_7__.getSecondItem)(d)))) != null ? _coerceNumber6 : 0) + yOffset;
+      },
+      defined: function defined(d) {
+        return (0,_typeguards_isValidNumber__WEBPACK_IMPORTED_MODULE_8__["default"])(xScale((0,_utils_combineBarStackData__WEBPACK_IMPORTED_MODULE_6__.getStackValue)(d.data))) && (0,_typeguards_isValidNumber__WEBPACK_IMPORTED_MODULE_8__["default"])(yScale((0,_visx_shape_lib_util_accessors__WEBPACK_IMPORTED_MODULE_7__.getSecondItem)(d)));
+      }
+    };
+  }, [xScale, yScale, horizontal]);
+
+  // pull out all area + line props for each dataKey
+  var stacks = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    return stackedData.map(function (stack, stackIndex) {
+      var _ref4, _colorScale, _theme$colors;
+      var areaSeries = seriesChildren.find(function (child) {
+        return child.props.dataKey === stack.key;
+      });
+      var _ref3 = (areaSeries == null ? void 0 : areaSeries.props) || {},
+        data = _ref3.data,
+        dataKey = _ref3.dataKey,
+        xAccessor = _ref3.xAccessor,
+        yAccessor = _ref3.yAccessor,
+        _ = _ref3.curve,
+        __ = _ref3.PathComponent,
+        lineProps = _ref3.lineProps,
+        ___ = _ref3.renderLine,
+        svgPathProps = _objectWithoutPropertiesLoose(_ref3, _excluded);
+      var areaProps = _extends({
+        fill: (_ref4 = (_colorScale = colorScale == null ? void 0 : colorScale(stack.key)) != null ? _colorScale : theme == null ? void 0 : (_theme$colors = theme.colors) == null ? void 0 : _theme$colors[0]) != null ? _ref4 : '#222'
+      }, svgPathProps);
+      return {
+        key: stackIndex + "-" + stack.key,
+        accessors: accessors,
+        data: stack,
+        areaProps: areaProps,
+        lineProps: lineProps
+      };
+    });
+  }, [stackedData, accessors, colorScale, seriesChildren, theme]);
+
+  // custom logic to find the nearest AreaStackDatum (context) and return the original Datum (props)
+  var findNearestDatum = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (params) {
+    var _seriesChildren$find, _seriesChildren$find$;
+    var childData = (_seriesChildren$find = seriesChildren.find(function (child) {
+      return child.props.dataKey === params.dataKey;
+    })) == null ? void 0 : (_seriesChildren$find$ = _seriesChildren$find.props) == null ? void 0 : _seriesChildren$find$.data;
+    return childData ? (0,_utils_findNearestStackDatum__WEBPACK_IMPORTED_MODULE_9__["default"])(params, childData, horizontal) : null;
+  }, [seriesChildren, horizontal]);
+  var ownEventSourceKey = _constants__WEBPACK_IMPORTED_MODULE_10__.AREASTACK_EVENT_SOURCE + "-" + dataKeys.join('-');
+  var eventEmitters = (0,_hooks_useSeriesEvents__WEBPACK_IMPORTED_MODULE_11__["default"])({
+    dataKey: dataKeys,
+    enableEvents: enableEvents,
+    // @ts-expect-error Datum input + return type are expected to be the same type but they differ
+    // for AreaStack (registry data is StackedDatum, return type is user Datum)
+    findNearestDatum: findNearestDatum,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onPointerMove: onPointerMove,
+    onPointerOut: onPointerOut,
+    onPointerUp: onPointerUp,
+    onPointerDown: onPointerDown,
+    source: ownEventSourceKey,
+    allowedSources: [_constants__WEBPACK_IMPORTED_MODULE_10__.XYCHART_EVENT_SOURCE, ownEventSourceKey]
+  });
+
+  // render invisible glyphs for focusing if onFocus/onBlur are defined
+  var captureFocusEvents = Boolean(onFocus || onBlur);
+  var renderGlyphs = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (_ref5) {
+    var glyphs = _ref5.glyphs;
+    return captureFocusEvents ? glyphs.map(function (glyph) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), {
+        key: glyph.key
+      }, (0,_defaultRenderGlyph__WEBPACK_IMPORTED_MODULE_12__["default"])(_extends({}, glyph, {
+        color: 'transparent',
+        onFocus: eventEmitters.onFocus,
+        onBlur: eventEmitters.onBlur
+      })));
+    }) : null;
+  }, [captureFocusEvents, eventEmitters.onFocus, eventEmitters.onBlur]);
+
+  // if scales and data are not available in the registry, bail
+  if (dataKeys.some(function (key) {
+    return dataRegistry.get(key) == null;
+  }) || !xScale || !yScale || !colorScale) {
+    return null;
+  }
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("g", {
+    className: "visx-area-stack"
+  }, stacks.map(function (stack) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_visx_shape_lib_shapes_Area__WEBPACK_IMPORTED_MODULE_13__["default"], _extends({
+      key: stack.key,
+      curve: curve
+    }, stack.accessors), function (_ref6) {
+      var path = _ref6.path;
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PathComponent, _extends({
+        className: "visx-area",
+        stroke: "transparent",
+        d: path(stack.data) || ''
+      }, stack.areaProps, eventEmitters));
+    });
+  }), renderLine && stacks.map(function (stack) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_visx_shape__WEBPACK_IMPORTED_MODULE_14__["default"], _extends({
+      key: "line-" + stack.key
+      // note: this currently doesn't work well for offset=wiggle
+      // because it only draws a single line. with two lines you
+      // get overlap across stacks :/
+      ,
+      x: stack.accessors.x || stack.accessors.x1,
+      y: stack.accessors.y || stack.accessors.y1,
+      defined: stack.accessors.defined,
+      curve: curve
+    }, stack.lineProps), function (_ref7) {
+      var path = _ref7.path;
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PathComponent, _extends({
+        className: "visx-line",
+        fill: "transparent",
+        stroke: stack.areaProps.fill,
+        strokeWidth: 2,
+        pointerEvents: "none"
+      }, stack.lineProps, {
+        d: path(stack.data) || ''
+      }));
+    });
+  }), captureFocusEvents && stacks.map(function (_, i) {
+    // render in reverse stack order tab to top-values first
+    var stack = stacks[stacks.length - i - 1];
+    return (
+      /*#__PURE__*/
+      // @ts-expect-error doesn't like unknown, identity functions aren't typical scales
+      react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_BaseGlyphSeries__WEBPACK_IMPORTED_MODULE_15__.BaseGlyphSeries, {
+        key: "glyphs-" + stack.key,
+        dataKey: stack.key,
+        data: stack.data,
+        xAccessor: stack.accessors.x || stack.accessors.x1,
+        yAccessor: stack.accessors.y || stack.accessors.y1
+        // accessors include scaling, so just return the scaled value
+        ,
+        xScale: identity,
+        yScale: identity,
+        renderGlyphs: renderGlyphs
+      })
+    );
+  }));
+}
+BaseAreaStack.propTypes = {
+  children: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().element), prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().element))]).isRequired,
+  renderLine: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BaseAreaStack);
+
+/***/ }),
+
 /***/ "./node_modules/@visx/xychart/esm/components/series/private/BaseBarGroup.js":
 /*!**********************************************************************************!*\
   !*** ./node_modules/@visx/xychart/esm/components/series/private/BaseBarGroup.js ***!
@@ -19686,6 +20294,233 @@ var Spinner = styled_components__WEBPACK_IMPORTED_MODULE_1___default().svg.withC
 
 /***/ }),
 
+/***/ "./src/chart/area.js":
+/*!***************************!*\
+  !*** ./src/chart/area.js ***!
+  \***************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _visx_curve__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @visx/curve */ "./node_modules/d3-shape/src/curve/cardinal.js");
+/* harmony import */ var _chart_container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./chart_container */ "./src/chart/chart_container.js");
+/* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
+/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
+/* harmony import */ var _render_comp__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./render_comp */ "./src/chart/render_comp.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
+/* harmony import */ var _glyph__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./glyph */ "./src/chart/glyph.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["animated", "showGridRows", "showGridColumns", "numTicks", "xAxis", "yAxis", "formatValue", "margin", "stacked", "showTooltip", "tooltipContent"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+
+
+
+
+
+
+var animationTrajectory = 'outside';
+var config = {
+  x: {
+    type: 'band'
+  },
+  y: {
+    type: 'linear'
+  }
+};
+var AreaChart = function AreaChart(props) {
+  var _xAxis$numTicks, _yAxis$numTicks;
+  var animated = props.animated,
+    showGridRows = props.showGridRows,
+    showGridColumns = props.showGridColumns,
+    numTicks = props.numTicks,
+    _props$xAxis = props.xAxis,
+    xAxis = _props$xAxis === void 0 ? {} : _props$xAxis,
+    _props$yAxis = props.yAxis,
+    yAxis = _props$yAxis === void 0 ? {} : _props$yAxis,
+    formatValue = props.formatValue,
+    data = props.data,
+    palette = props.palette,
+    width = props.width,
+    height = props.height,
+    margin = props.margin,
+    stacked = props.stacked,
+    showTooltip = props.showTooltip,
+    _props$tooltipContent = props.tooltipContent,
+    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_6__["default"] : _props$tooltipContent;
+  var _getAnimatedOrUnanima = (0,_get_components__WEBPACK_IMPORTED_MODULE_3__.getAnimatedOrUnanimatedComponents)(animated),
+    XYChart = _getAnimatedOrUnanima.XYChart,
+    Grid = _getAnimatedOrUnanima.Grid,
+    Axis = _getAnimatedOrUnanima.Axis,
+    AreaSeries = _getAnimatedOrUnanima.AreaSeries,
+    AreaStack = _getAnimatedOrUnanima.AreaStack,
+    Tooltip = _getAnimatedOrUnanima.Tooltip;
+  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_4__["default"])(palette);
+  if (!data || !data.length) return null;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(XYChart, {
+    theme: chartTheme,
+    xScale: config.x,
+    yScale: config.y,
+    width: width,
+    height: height,
+    margin: margin
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Grid, {
+    key: "grid-".concat(animationTrajectory) // force animate on update
+    ,
+    rows: showGridRows,
+    columns: showGridColumns,
+    animationTrajectory: animationTrajectory,
+    numTicks: numTicks
+  }), !!stacked && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AreaStack, {
+    curve: _visx_curve__WEBPACK_IMPORTED_MODULE_8__["default"]
+  }, data.map(function (lineData) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AreaSeries, _extends({
+      key: lineData.name,
+      dataKey: lineData.name,
+      data: lineData.datapoints
+    }, lineData.accessors, lineData.areaProps));
+  })), !stacked && data.map(function (lineData) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AreaSeries, _extends({
+      key: lineData.name,
+      dataKey: lineData.name,
+      data: lineData.datapoints,
+      curve: _visx_curve__WEBPACK_IMPORTED_MODULE_8__["default"]
+    }, lineData.accessors, lineData.areaProps));
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Axis, {
+    key: "x-axis-".concat(animationTrajectory),
+    label: xAxis.label,
+    orientation: "bottom",
+    numTicks: (_xAxis$numTicks = xAxis.numTicks) !== null && _xAxis$numTicks !== void 0 ? _xAxis$numTicks : numTicks,
+    animationTrajectory: animationTrajectory,
+    tickFormat: xAxis.formatTick,
+    labelOffset: xAxis.labelOffset
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Axis, {
+    key: "y-axis-".concat(animationTrajectory),
+    label: yAxis.label,
+    orientation: "left",
+    numTicks: (_yAxis$numTicks = yAxis.numTicks) !== null && _yAxis$numTicks !== void 0 ? _yAxis$numTicks : numTicks,
+    animationTrajectory: animationTrajectory,
+    tickFormat: yAxis.formatTick,
+    labelOffset: yAxis.labelOffset
+  }), !!showTooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tooltip, {
+    showVerticalCrosshair: true,
+    snapTooltipToDatumX: !stacked,
+    snapTooltipToDatumY: !stacked,
+    showSeriesGlyphs: !stacked,
+    unstyled: true,
+    applyPositionStyle: true,
+    renderTooltip: function renderTooltip(params) {
+      return (0,_render_comp__WEBPACK_IMPORTED_MODULE_5__.renderComp)(tooltipContent, _objectSpread({
+        Glyph: _glyph__WEBPACK_IMPORTED_MODULE_7__["default"],
+        data: data,
+        formatTick: xAxis.formatTick,
+        formatValue: formatValue,
+        shared: true
+      }, params));
+    }
+  }));
+};
+AreaChart.displayName = 'AreaChart';
+var Area = function Area(props) {
+  var animated = props.animated,
+    showGridRows = props.showGridRows,
+    showGridColumns = props.showGridColumns,
+    numTicks = props.numTicks,
+    xAxis = props.xAxis,
+    yAxis = props.yAxis,
+    formatValue = props.formatValue,
+    margin = props.margin,
+    stacked = props.stacked,
+    showTooltip = props.showTooltip,
+    tooltipContent = props.tooltipContent,
+    rest = _objectWithoutProperties(props, _excluded);
+  var chartProps = {
+    animated: animated,
+    showGridRows: showGridRows,
+    showGridColumns: showGridColumns,
+    numTicks: numTicks,
+    xAxis: xAxis,
+    yAxis: yAxis,
+    formatValue: formatValue,
+    margin: margin,
+    stacked: stacked,
+    showTooltip: showTooltip,
+    tooltipContent: tooltipContent
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chart_container__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({}, rest, {
+    Chart: AreaChart,
+    chartProps: chartProps
+  }));
+};
+Area.displayName = 'Chart.Area';
+Area.defaultProps = {
+  animated: true,
+  showGridRows: false,
+  showGridColumns: false,
+  stacked: false
+};
+Area.propTypes = {
+  animated: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  showGridRows: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  showGridColumns: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  numTicks: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  data: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
+    name: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired),
+    accessors: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
+      xAccessor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func.isRequired),
+      yAccessor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func.isRequired),
+      colorAccessor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
+    }).isRequired,
+    datapoints: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)).isRequired,
+    areaProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)
+  })).isRequired,
+  xAxis: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
+    label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+    numTicks: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+    formatTick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+    labelOffset: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
+  }),
+  yAxis: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
+    label: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+    numTicks: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+    formatTick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+    labelOffset: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
+  }),
+  formatValue: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  margin: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
+    top: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+    right: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+    bottom: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+    left: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
+  }),
+  stacked: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  showTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  tooltipContent: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().element), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)])
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Area);
+
+/***/ }),
+
 /***/ "./src/chart/bar.js":
 /*!**************************!*\
   !*** ./src/chart/bar.js ***!
@@ -19706,13 +20541,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
 /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
 /* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
+/* harmony import */ var _render_comp__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./render_comp */ "./src/chart/render_comp.js");
+/* harmony import */ var _glyph__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./glyph */ "./src/chart/glyph.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["animated", "showGridRows", "showGridColumns", "numTicks", "xAxis", "yAxis", "formatValue", "margin", "horizontal", "showAnnotations"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["animated", "showGridRows", "showGridColumns", "numTicks", "xAxis", "yAxis", "formatValue", "margin", "horizontal", "stacked", "showAnnotations", "showTooltip", "tooltipContent"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 
@@ -19721,7 +20564,16 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
+
 var animationTrajectory = 'outside';
+var bandScaleConfig = {
+  type: 'band',
+  paddingInner: 0.1
+};
+var linearScaleConfig = {
+  type: 'linear'
+};
 var BarChart = function BarChart(props) {
   var _xAxis$numTicks, _yAxis$numTicks;
   var animated = props.animated,
@@ -19739,29 +20591,26 @@ var BarChart = function BarChart(props) {
     height = props.height,
     margin = props.margin,
     horizontal = props.horizontal,
+    stacked = props.stacked,
+    showAnnotations = props.showAnnotations,
     showTooltip = props.showTooltip,
-    showAnnotations = props.showAnnotations;
+    _props$tooltipContent = props.tooltipContent,
+    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_5__["default"] : _props$tooltipContent;
   var _getAnimatedOrUnanima = (0,_get_components__WEBPACK_IMPORTED_MODULE_4__.getAnimatedOrUnanimatedComponents)(animated),
     XYChart = _getAnimatedOrUnanima.XYChart,
     Grid = _getAnimatedOrUnanima.Grid,
     Axis = _getAnimatedOrUnanima.Axis,
     BarGroup = _getAnimatedOrUnanima.BarGroup,
     BarSeries = _getAnimatedOrUnanima.BarSeries,
+    BarStack = _getAnimatedOrUnanima.BarStack,
     Tooltip = _getAnimatedOrUnanima.Tooltip;
   var config = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return {
-      x: horizontal ? {
-        type: 'linear'
-      } : {
-        type: 'band'
-      },
-      y: horizontal ? {
-        type: 'band'
-      } : {
-        type: 'linear'
-      }
+      x: horizontal ? linearScaleConfig : bandScaleConfig,
+      y: horizontal ? bandScaleConfig : linearScaleConfig
     };
   }, [horizontal]);
+  var Group = stacked ? BarStack : BarGroup;
   var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_6__["default"])(palette);
   if (!data || !data.length) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(XYChart, {
@@ -19778,7 +20627,7 @@ var BarChart = function BarChart(props) {
     columns: showGridColumns,
     animationTrajectory: animationTrajectory,
     numTicks: numTicks
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(BarGroup, null, data.map(function (lineData) {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Group, null, data.map(function (lineData) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(BarSeries, _extends({
       key: lineData.name,
       dataKey: lineData.name,
@@ -19813,17 +20662,19 @@ var BarChart = function BarChart(props) {
     tickFormat: yAxis.formatTick,
     labelOffset: yAxis.labelOffset
   }), !!showTooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tooltip, {
-    showHorizontalCrosshair: !horizontal,
-    showVerticalCrosshair: !!horizontal,
-    snapTooltipToDatumX: !!horizontal,
-    snapTooltipToDatumY: !horizontal,
+    showHorizontalCrosshair: !stacked && !horizontal,
+    showVerticalCrosshair: !stacked && horizontal,
+    snapTooltipToDatumX: !stacked && !!horizontal,
+    snapTooltipToDatumY: !stacked && !horizontal,
     unstyled: true,
     applyPositionStyle: true,
     renderTooltip: function renderTooltip(params) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
+      return (0,_render_comp__WEBPACK_IMPORTED_MODULE_7__.renderComp)(tooltipContent, _objectSpread({
+        Glyph: _glyph__WEBPACK_IMPORTED_MODULE_8__["default"],
         data: data,
         formatTick: xAxis.formatTick,
-        formatValue: formatValue
+        formatValue: formatValue,
+        shared: stacked
       }, params));
     }
   }));
@@ -19839,7 +20690,10 @@ var Bar = function Bar(props) {
     formatValue = props.formatValue,
     margin = props.margin,
     horizontal = props.horizontal,
+    stacked = props.stacked,
     showAnnotations = props.showAnnotations,
+    showTooltip = props.showTooltip,
+    tooltipContent = props.tooltipContent,
     rest = _objectWithoutProperties(props, _excluded);
   var chartProps = {
     animated: animated,
@@ -19851,7 +20705,10 @@ var Bar = function Bar(props) {
     formatValue: formatValue,
     margin: margin,
     horizontal: horizontal,
-    showAnnotations: showAnnotations
+    stacked: stacked,
+    showAnnotations: showAnnotations,
+    showTooltip: showTooltip,
+    tooltipContent: tooltipContent
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chart_container__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({}, rest, {
     Chart: BarChart,
@@ -19900,7 +20757,10 @@ Bar.propTypes = {
     left: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
   }),
   horizontal: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  showAnnotations: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
+  stacked: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  showAnnotations: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  showTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  tooltipContent: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().element), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)])
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Bar);
 
@@ -20211,7 +21071,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["header", "description", "actions", "data", "palette", "loading", "Chart", "LegendItem", "chartProps", "showLegend", "showTooltip"];
+var _excluded = ["header", "description", "actions", "data", "palette", "loading", "Chart", "legendItem", "chartProps", "showLegend"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -20234,10 +21094,9 @@ var ChartContainer = function ChartContainer(props) {
     palette = props.palette,
     loading = props.loading,
     Chart = props.Chart,
-    LegendItem = props.LegendItem,
+    legendItem = props.legendItem,
     chartProps = props.chartProps,
     showLegend = props.showLegend,
-    showTooltip = props.showTooltip,
     rest = _objectWithoutProperties(props, _excluded);
   var outerWidth = props.width ? Math.max(410, props.width) : undefined;
   var outerHeight = Math.max(176, props.height || 0);
@@ -20257,13 +21116,12 @@ var ChartContainer = function ChartContainer(props) {
       data: data,
       palette: palette,
       width: width,
-      height: height,
-      showTooltip: showTooltip
+      height: height
     }));
   })), !!showLegend && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_legend__WEBPACK_IMPORTED_MODULE_7__["default"], {
     data: data,
     palette: palette,
-    Item: LegendItem
+    item: legendItem
   }))));
 };
 ChartContainer.displayName = 'ChartContainer';
@@ -20281,8 +21139,7 @@ ChartContainer.propTypes = {
   loading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'ghost']),
   showLegend: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  showTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  LegendItem: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().element)
+  legendItem: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().element), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)])
 };
 var ChartContainerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "ChartContainerWrapper",
@@ -20431,19 +21288,23 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getAnimatedOrUnanimatedComponents": () => (/* binding */ getAnimatedOrUnanimatedComponents)
 /* harmony export */ });
 /* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/axis/AnimatedAxis.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/AnimatedBarStack.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/AnimatedBarGroup.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/AnimatedBarSeries.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/grid/AnimatedGrid.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/AnimatedLineSeries.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/Tooltip.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/XYChart.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/axis/Axis.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/BarStack.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/BarGroup.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/BarSeries.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/grid/Grid.js");
-/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/LineSeries.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/AnimatedAreaSeries.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/AnimatedAreaStack.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/AnimatedBarGroup.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/AnimatedBarSeries.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/AnimatedBarStack.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/grid/AnimatedGrid.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/AnimatedLineSeries.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/Tooltip.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/XYChart.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/axis/Axis.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/AreaSeries.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/AreaStack.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/BarGroup.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/BarSeries.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/BarStack.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/grid/Grid.js");
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/components/series/LineSeries.js");
 // LICENSE_CODE ZON
 
 
@@ -20452,22 +21313,26 @@ __webpack_require__.r(__webpack_exports__);
 var getAnimatedOrUnanimatedComponents = function getAnimatedOrUnanimatedComponents(animated) {
   return animated ? {
     Axis: _visx_xychart__WEBPACK_IMPORTED_MODULE_0__["default"],
-    BarStack: _visx_xychart__WEBPACK_IMPORTED_MODULE_1__["default"],
-    BarGroup: _visx_xychart__WEBPACK_IMPORTED_MODULE_2__["default"],
-    BarSeries: _visx_xychart__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Grid: _visx_xychart__WEBPACK_IMPORTED_MODULE_4__["default"],
-    LineSeries: _visx_xychart__WEBPACK_IMPORTED_MODULE_5__["default"],
-    Tooltip: _visx_xychart__WEBPACK_IMPORTED_MODULE_6__["default"],
-    XYChart: _visx_xychart__WEBPACK_IMPORTED_MODULE_7__["default"]
+    AreaSeries: _visx_xychart__WEBPACK_IMPORTED_MODULE_1__["default"],
+    AreaStack: _visx_xychart__WEBPACK_IMPORTED_MODULE_2__["default"],
+    BarGroup: _visx_xychart__WEBPACK_IMPORTED_MODULE_3__["default"],
+    BarSeries: _visx_xychart__WEBPACK_IMPORTED_MODULE_4__["default"],
+    BarStack: _visx_xychart__WEBPACK_IMPORTED_MODULE_5__["default"],
+    Grid: _visx_xychart__WEBPACK_IMPORTED_MODULE_6__["default"],
+    LineSeries: _visx_xychart__WEBPACK_IMPORTED_MODULE_7__["default"],
+    Tooltip: _visx_xychart__WEBPACK_IMPORTED_MODULE_8__["default"],
+    XYChart: _visx_xychart__WEBPACK_IMPORTED_MODULE_9__["default"]
   } : {
-    Axis: _visx_xychart__WEBPACK_IMPORTED_MODULE_8__["default"],
-    BarStack: _visx_xychart__WEBPACK_IMPORTED_MODULE_9__["default"],
-    BarGroup: _visx_xychart__WEBPACK_IMPORTED_MODULE_10__["default"],
-    BarSeries: _visx_xychart__WEBPACK_IMPORTED_MODULE_11__["default"],
-    Grid: _visx_xychart__WEBPACK_IMPORTED_MODULE_12__["default"],
-    LineSeries: _visx_xychart__WEBPACK_IMPORTED_MODULE_13__["default"],
-    Tooltip: _visx_xychart__WEBPACK_IMPORTED_MODULE_6__["default"],
-    XYChart: _visx_xychart__WEBPACK_IMPORTED_MODULE_7__["default"]
+    Axis: _visx_xychart__WEBPACK_IMPORTED_MODULE_10__["default"],
+    AreaSeries: _visx_xychart__WEBPACK_IMPORTED_MODULE_11__["default"],
+    AreaStack: _visx_xychart__WEBPACK_IMPORTED_MODULE_12__["default"],
+    BarGroup: _visx_xychart__WEBPACK_IMPORTED_MODULE_13__["default"],
+    BarSeries: _visx_xychart__WEBPACK_IMPORTED_MODULE_14__["default"],
+    BarStack: _visx_xychart__WEBPACK_IMPORTED_MODULE_15__["default"],
+    Grid: _visx_xychart__WEBPACK_IMPORTED_MODULE_16__["default"],
+    LineSeries: _visx_xychart__WEBPACK_IMPORTED_MODULE_17__["default"],
+    Tooltip: _visx_xychart__WEBPACK_IMPORTED_MODULE_8__["default"],
+    XYChart: _visx_xychart__WEBPACK_IMPORTED_MODULE_9__["default"]
   };
 };
 
@@ -20511,7 +21376,6 @@ var Glyph = function Glyph(props) {
     height: glyphSize
   }));
 };
-Glyph.displayName = 'Glyph';
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Glyph);
 
 /***/ }),
@@ -20527,17 +21391,20 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _bar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./bar */ "./src/chart/bar.js");
-/* harmony import */ var _line__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./line */ "./src/chart/line.js");
+/* harmony import */ var _area__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./area */ "./src/chart/area.js");
+/* harmony import */ var _bar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./bar */ "./src/chart/bar.js");
+/* harmony import */ var _line__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./line */ "./src/chart/line.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 
 
+
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
-  Bar: _bar__WEBPACK_IMPORTED_MODULE_0__["default"],
-  Line: _line__WEBPACK_IMPORTED_MODULE_1__["default"]
+  Area: _area__WEBPACK_IMPORTED_MODULE_0__["default"],
+  Bar: _bar__WEBPACK_IMPORTED_MODULE_1__["default"],
+  Line: _line__WEBPACK_IMPORTED_MODULE_2__["default"]
 });
 
 /***/ }),
@@ -20629,8 +21496,8 @@ var DefaultItem = function DefaultItem(props) {
 var Legend = function Legend(props) {
   var data = props.data,
     palette = props.palette,
-    _props$Item = props.Item,
-    Item = _props$Item === void 0 ? DefaultItem : _props$Item;
+    _props$item = props.item,
+    item = _props$item === void 0 ? DefaultItem : _props$item;
   if (!data || !data.length) return null;
   var ordinalColorScale = (0,_visx_scale__WEBPACK_IMPORTED_MODULE_8__["default"])({
     domain: data.map(function (d) {
@@ -20642,8 +21509,9 @@ var Legend = function Legend(props) {
     scale: ordinalColorScale
   }, function (labels) {
     return labels.map(function (label, i) {
-      return (0,_render_comp__WEBPACK_IMPORTED_MODULE_5__.renderComp)(Item, _objectSpread({
+      return (0,_render_comp__WEBPACK_IMPORTED_MODULE_5__.renderComp)(item, _objectSpread({
         key: "legend-".concat(i),
+        Glyph: _glyph__WEBPACK_IMPORTED_MODULE_4__["default"],
         data: data,
         DefaultItem: DefaultItem
       }, label));
@@ -20673,18 +21541,26 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _visx_curve__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @visx/curve */ "./node_modules/d3-shape/src/curve/cardinal.js");
+/* harmony import */ var _visx_curve__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @visx/curve */ "./node_modules/d3-shape/src/curve/cardinal.js");
 /* harmony import */ var _chart_container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./chart_container */ "./src/chart/chart_container.js");
 /* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
 /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
 /* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
+/* harmony import */ var _render_comp__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./render_comp */ "./src/chart/render_comp.js");
+/* harmony import */ var _glyph__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./glyph */ "./src/chart/glyph.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["animated", "showGridRows", "showGridColumns", "numTicks", "xAxis", "yAxis", "formatValue", "margin"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["animated", "showGridRows", "showGridColumns", "numTicks", "xAxis", "yAxis", "formatValue", "margin", "showTooltip", "tooltipContent"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 
@@ -20693,6 +21569,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
+
 var animationTrajectory = 'outside';
 var config = {
   x: {
@@ -20718,7 +21596,9 @@ var LineChart = function LineChart(props) {
     width = props.width,
     height = props.height,
     margin = props.margin,
-    showTooltip = props.showTooltip;
+    showTooltip = props.showTooltip,
+    _props$tooltipContent = props.tooltipContent,
+    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_4__["default"] : _props$tooltipContent;
   var _getAnimatedOrUnanima = (0,_get_components__WEBPACK_IMPORTED_MODULE_3__.getAnimatedOrUnanimatedComponents)(animated),
     XYChart = _getAnimatedOrUnanima.XYChart,
     Grid = _getAnimatedOrUnanima.Grid,
@@ -20746,7 +21626,7 @@ var LineChart = function LineChart(props) {
       key: lineData.name,
       dataKey: lineData.name,
       data: lineData.datapoints,
-      curve: _visx_curve__WEBPACK_IMPORTED_MODULE_6__["default"]
+      curve: _visx_curve__WEBPACK_IMPORTED_MODULE_8__["default"]
     }, lineData.accessors, lineData.lineProps));
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Axis, {
     key: "x-axis-".concat(animationTrajectory),
@@ -20772,11 +21652,12 @@ var LineChart = function LineChart(props) {
     unstyled: true,
     applyPositionStyle: true,
     renderTooltip: function renderTooltip(params) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
-        shared: true,
+      return (0,_render_comp__WEBPACK_IMPORTED_MODULE_6__.renderComp)(tooltipContent, _objectSpread({
+        Glyph: _glyph__WEBPACK_IMPORTED_MODULE_7__["default"],
         data: data,
         formatTick: xAxis.formatTick,
-        formatValue: formatValue
+        formatValue: formatValue,
+        shared: true
       }, params));
     }
   }));
@@ -20791,6 +21672,8 @@ var Line = function Line(props) {
     yAxis = props.yAxis,
     formatValue = props.formatValue,
     margin = props.margin,
+    showTooltip = props.showTooltip,
+    tooltipContent = props.tooltipContent,
     rest = _objectWithoutProperties(props, _excluded);
   var chartProps = {
     animated: animated,
@@ -20800,7 +21683,9 @@ var Line = function Line(props) {
     xAxis: xAxis,
     yAxis: yAxis,
     formatValue: formatValue,
-    margin: margin
+    margin: margin,
+    showTooltip: showTooltip,
+    tooltipContent: tooltipContent
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chart_container__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({}, rest, {
     Chart: LineChart,
@@ -20847,7 +21732,9 @@ Line.propTypes = {
     right: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
     bottom: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
     left: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
-  })
+  }),
+  showTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  tooltipContent: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().element), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)])
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Line);
 
@@ -20963,7 +21850,7 @@ __webpack_require__.r(__webpack_exports__);
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 function renderComp(Comp, props) {
-  return isReactComponent(Comp) ? /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(Comp, props) : Comp;
+  return isReactComponent(Comp) ? /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(Comp, props) : /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(Comp, props);
 }
 function isReactComponent(comp) {
   return isClassComponent(comp) || typeof comp === 'function' || isExoticComponent(comp);
@@ -50262,7 +51149,7 @@ function formatWeekNumber(weekNumber) {
  * The default formatter for the name of the weekday.
  */
 function formatWeekdayName(weekday, options) {
-    return (0,date_fns__WEBPACK_IMPORTED_MODULE_1__["default"])(weekday, 'cccccc', options).toUpperCase();
+    return (0,date_fns__WEBPACK_IMPORTED_MODULE_1__["default"])(weekday, 'cccccc', options);
 }
 
 /**
@@ -50782,18 +51669,13 @@ function Navigation(props) {
  * Render a caption with a button-based navigation.
  */
 function CaptionNavigation(props) {
-    var _a;
-    var _b;
-    var _c = useDayPicker(), numberOfMonths = _c.numberOfMonths, dir = _c.dir, components = _c.components;
-    var _d = useNavigation(), previousMonth = _d.previousMonth, nextMonth = _d.nextMonth, goToMonth = _d.goToMonth, displayMonths = _d.displayMonths;
+    var numberOfMonths = useDayPicker().numberOfMonths;
+    var _a = useNavigation(), previousMonth = _a.previousMonth, nextMonth = _a.nextMonth, goToMonth = _a.goToMonth, displayMonths = _a.displayMonths;
     var displayIndex = displayMonths.findIndex(function (month) {
         return (0,date_fns__WEBPACK_IMPORTED_MODULE_12__["default"])(props.displayMonth, month);
     });
     var isFirst = displayIndex === 0;
     var isLast = displayIndex === displayMonths.length - 1;
-    if (dir === 'rtl') {
-        _a = [isFirst, isLast], isLast = _a[0], isFirst = _a[1];
-    }
     var hideNext = numberOfMonths > 1 && (isFirst || !isLast);
     var hidePrevious = numberOfMonths > 1 && (isLast || !isFirst);
     var handlePreviousClick = function () {
@@ -50806,11 +51688,7 @@ function CaptionNavigation(props) {
             return;
         goToMonth(nextMonth);
     };
-    var CaptionLabelComponent = (_b = components === null || components === void 0 ? void 0 : components.CaptionLabel) !== null && _b !== void 0 ? _b : CaptionLabel;
-    var captionLabel = (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CaptionLabelComponent, { id: props.id, displayMonth: props.displayMonth }));
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
-        captionLabel,
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Navigation, { displayMonth: props.displayMonth, hideNext: hideNext, hidePrevious: hidePrevious, nextMonth: nextMonth, previousMonth: previousMonth, onPreviousClick: handlePreviousClick, onNextClick: handleNextClick })));
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Navigation, { displayMonth: props.displayMonth, hideNext: hideNext, hidePrevious: hidePrevious, nextMonth: nextMonth, previousMonth: previousMonth, onPreviousClick: handlePreviousClick, onNextClick: handleNextClick }));
 }
 
 /**
@@ -50828,14 +51706,22 @@ function Caption(props) {
     else if (captionLayout === 'dropdown') {
         caption = (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CaptionDropdowns, { displayMonth: props.displayMonth, id: props.id }));
     }
+    else if (captionLayout === 'dropdown-buttons') {
+        caption = (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CaptionDropdowns, { displayMonth: props.displayMonth, id: props.id }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CaptionNavigation, { displayMonth: props.displayMonth, id: props.id })));
+    }
     else {
-        caption = (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CaptionNavigation, { displayMonth: props.displayMonth, id: props.id }));
+        caption = (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CaptionLabelComponent, { id: props.id, displayMonth: props.displayMonth }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CaptionNavigation, { displayMonth: props.displayMonth, id: props.id })));
     }
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: classNames.caption, style: styles.caption }, caption));
 }
 
 /** Render the Footer component (empty as default).*/
-function Footer() {
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function Footer(props) {
     var _a = useDayPicker(), footer = _a.footer, styles = _a.styles, tfoot = _a.classNames.tfoot;
     if (!footer)
         return react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null);
@@ -50871,7 +51757,7 @@ function HeadRow() {
     var _a = useDayPicker(), classNames = _a.classNames, styles = _a.styles, showWeekNumber = _a.showWeekNumber, locale = _a.locale, weekStartsOn = _a.weekStartsOn, ISOWeek = _a.ISOWeek, formatWeekdayName = _a.formatters.formatWeekdayName, labelWeekday = _a.labels.labelWeekday;
     var weekdays = getWeekdays(locale, weekStartsOn, ISOWeek);
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", { style: styles.head_row, className: classNames.head_row },
-        showWeekNumber && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("th", { scope: "col", style: styles.head_cell, className: classNames.head_cell })),
+        showWeekNumber && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", { style: styles.head_cell, className: classNames.head_cell })),
         weekdays.map(function (weekday, i) { return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("th", { key: i, scope: "col", className: classNames.head_cell, style: styles.head_cell, "aria-label": labelWeekday(weekday, { locale: locale }) }, formatWeekdayName(weekday, { locale: locale }))); })));
 }
 
@@ -51972,7 +52858,7 @@ function Table(props) {
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("table", { className: classNames.table, style: styles.table, role: "grid", "aria-labelledby": props['aria-labelledby'] },
         !hideHead && react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeadComponent, null),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tbody", { className: classNames.tbody, style: styles.tbody, role: "rowgroup" }, weeks.map(function (week) { return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RowComponent, { displayMonth: props.displayMonth, key: week.weekNumber, dates: week.dates, weekNumber: week.weekNumber })); })),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FooterComponent, null)));
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FooterComponent, { displayMonth: props.displayMonth })));
 }
 
 /*
@@ -52087,11 +52973,12 @@ function Month(props) {
 }
 
 /** Render the container with the months according to the number of months to display. */
-function Root() {
+function Root(_a) {
+    var initialProps = _a.initialProps;
     var dayPicker = useDayPicker();
     var focusContext = useFocusContext();
     var navigation = useNavigation();
-    var _a = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), hasInitialFocus = _a[0], setHasInitialFocus = _a[1];
+    var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false), hasInitialFocus = _b[0], setHasInitialFocus = _b[1];
     // Focus the focus target when initialFocus is passed in
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
         if (!dayPicker.initialFocus)
@@ -52118,7 +53005,13 @@ function Root() {
         classNames.push(dayPicker.classNames.with_weeknumber);
     }
     var style = __assign(__assign({}, dayPicker.styles.root), dayPicker.style);
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: classNames.join(' '), style: style, dir: dayPicker.dir },
+    var dataAttributes = Object.keys(initialProps)
+        .filter(function (key) { return key.startsWith('data-'); })
+        .reduce(function (attrs, key) {
+        var _a;
+        return __assign(__assign({}, attrs), (_a = {}, _a[key] = initialProps[key], _a));
+    }, {});
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", __assign({ className: classNames.join(' '), style: style, dir: dayPicker.dir, id: dayPicker.id }, dataAttributes),
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: dayPicker.classNames.months, style: dayPicker.styles.months }, navigation.displayMonths.map(function (month, i) { return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Month, { key: i, displayIndex: i, displayMonth: month })); }))));
 }
 
@@ -52201,7 +53094,7 @@ function RootProvider(props) {
  * If you are using CSS modules, pass the imported styles object the
  * `classNames` props.
  *
- * You can also style the elements via inline-styles using the `styles` prop.
+ * You can also style the elements via inline styles using the `styles` prop.
  *
  * ### Form fields
  *
@@ -52223,7 +53116,7 @@ function RootProvider(props) {
  */
 function DayPicker(props) {
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RootProvider, __assign({}, props),
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Root, null)));
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Root, { initialProps: props })));
 }
 
 /** @private */
@@ -52883,9 +53776,9 @@ var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document
 
 /***/ }),
 
-/***/ "./node_modules/react-select/dist/Select-40119e12.esm.js":
+/***/ "./node_modules/react-select/dist/Select-457c486b.esm.js":
 /*!***************************************************************!*\
-  !*** ./node_modules/react-select/dist/Select-40119e12.esm.js ***!
+  !*** ./node_modules/react-select/dist/Select-457c486b.esm.js ***!
   \***************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -53738,7 +54631,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 var _ref2 =  false ? 0 : {
   name: "5kkxb2-requiredInput-RequiredInput",
   styles: "label:requiredInput;opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;width:100%;label:RequiredInput;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlcXVpcmVkSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFJIiwiZmlsZSI6IlJlcXVpcmVkSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyBGb2N1c0V2ZW50SGFuZGxlciwgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IFJlcXVpcmVkSW5wdXQ6IEZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgcmVhZG9ubHkgbmFtZTogc3RyaW5nO1xuICByZWFkb25seSBvbkZvY3VzOiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50Pjtcbn0+ID0gKHsgbmFtZSwgb25Gb2N1cyB9KSA9PiAoXG4gIDxpbnB1dFxuICAgIHJlcXVpcmVkXG4gICAgbmFtZT17bmFtZX1cbiAgICB0YWJJbmRleD17LTF9XG4gICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAncmVxdWlyZWRJbnB1dCcsXG4gICAgICBvcGFjaXR5OiAwLFxuICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAwLFxuICAgICAgcmlnaHQ6IDAsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgIH19XG4gICAgLy8gUHJldmVudCBgU3dpdGNoaW5nIGZyb20gdW5jb250cm9sbGVkIHRvIGNvbnRyb2xsZWRgIGVycm9yXG4gICAgdmFsdWU9XCJcIlxuICAgIG9uQ2hhbmdlPXsoKSA9PiB7fX1cbiAgLz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFJlcXVpcmVkSW5wdXQ7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlcXVpcmVkSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNJIiwiZmlsZSI6IlJlcXVpcmVkSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyBGb2N1c0V2ZW50SGFuZGxlciwgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IFJlcXVpcmVkSW5wdXQ6IEZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgcmVhZG9ubHkgbmFtZT86IHN0cmluZztcbiAgcmVhZG9ubHkgb25Gb2N1czogRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD47XG59PiA9ICh7IG5hbWUsIG9uRm9jdXMgfSkgPT4gKFxuICA8aW5wdXRcbiAgICByZXF1aXJlZFxuICAgIG5hbWU9e25hbWV9XG4gICAgdGFiSW5kZXg9ey0xfVxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAncmVxdWlyZWRJbnB1dCcsXG4gICAgICBvcGFjaXR5OiAwLFxuICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAwLFxuICAgICAgcmlnaHQ6IDAsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgIH19XG4gICAgLy8gUHJldmVudCBgU3dpdGNoaW5nIGZyb20gdW5jb250cm9sbGVkIHRvIGNvbnRyb2xsZWRgIGVycm9yXG4gICAgdmFsdWU9XCJcIlxuICAgIG9uQ2hhbmdlPXsoKSA9PiB7fX1cbiAgLz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFJlcXVpcmVkSW5wdXQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var RequiredInput = function RequiredInput(_ref) {
@@ -53748,6 +54641,7 @@ var RequiredInput = function RequiredInput(_ref) {
     required: true,
     name: name,
     tabIndex: -1,
+    "aria-hidden": "true",
     onFocus: onFocus,
     css: _ref2
     // Prevent `Switching from uncontrolled to controlled` error
@@ -55313,13 +56207,13 @@ var Select = /*#__PURE__*/function (_Component) {
         name = _this$props13.name,
         required = _this$props13.required;
       var selectValue = this.state.selectValue;
-      if (!name || isDisabled) return;
-      if (required && !this.hasValue()) {
+      if (required && !this.hasValue() && !isDisabled) {
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7__.createElement(RequiredInput, {
           name: name,
           onFocus: this.onValueInputFocus
         });
       }
+      if (!name || isDisabled) return;
       if (isMulti) {
         if (delimiter) {
           var value = selectValue.map(function (opt) {
@@ -56928,17 +57822,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "NonceProvider": () => (/* binding */ NonceProvider),
 /* harmony export */   "components": () => (/* reexport safe */ _index_a86253bb_esm_js__WEBPACK_IMPORTED_MODULE_5__.c),
-/* harmony export */   "createFilter": () => (/* reexport safe */ _Select_40119e12_esm_js__WEBPACK_IMPORTED_MODULE_3__.c),
+/* harmony export */   "createFilter": () => (/* reexport safe */ _Select_457c486b_esm_js__WEBPACK_IMPORTED_MODULE_3__.c),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   "defaultTheme": () => (/* reexport safe */ _Select_40119e12_esm_js__WEBPACK_IMPORTED_MODULE_3__.d),
-/* harmony export */   "mergeStyles": () => (/* reexport safe */ _Select_40119e12_esm_js__WEBPACK_IMPORTED_MODULE_3__.m),
+/* harmony export */   "defaultTheme": () => (/* reexport safe */ _Select_457c486b_esm_js__WEBPACK_IMPORTED_MODULE_3__.d),
+/* harmony export */   "mergeStyles": () => (/* reexport safe */ _Select_457c486b_esm_js__WEBPACK_IMPORTED_MODULE_3__.m),
 /* harmony export */   "useStateManager": () => (/* reexport safe */ _useStateManager_7e1e8489_esm_js__WEBPACK_IMPORTED_MODULE_0__.u)
 /* harmony export */ });
 /* harmony import */ var _useStateManager_7e1e8489_esm_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useStateManager-7e1e8489.esm.js */ "./node_modules/react-select/dist/useStateManager-7e1e8489.esm.js");
 /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _Select_40119e12_esm_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Select-40119e12.esm.js */ "./node_modules/react-select/dist/Select-40119e12.esm.js");
+/* harmony import */ var _Select_457c486b_esm_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Select-457c486b.esm.js */ "./node_modules/react-select/dist/Select-457c486b.esm.js");
 /* harmony import */ var _emotion_react__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @emotion/react */ "./node_modules/@emotion/react/dist/emotion-element-6a883da9.browser.esm.js");
 /* harmony import */ var _emotion_cache__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @emotion/cache */ "./node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js");
 /* harmony import */ var _index_a86253bb_esm_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./index-a86253bb.esm.js */ "./node_modules/react-select/dist/index-a86253bb.esm.js");
@@ -56984,7 +57878,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var StateManagedSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (props, ref) {
   var baseSelectProps = (0,_useStateManager_7e1e8489_esm_js__WEBPACK_IMPORTED_MODULE_0__.u)(props);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_Select_40119e12_esm_js__WEBPACK_IMPORTED_MODULE_3__.S, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.createElement(_Select_457c486b_esm_js__WEBPACK_IMPORTED_MODULE_3__.S, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({
     ref: ref
   }, baseSelectProps));
 });
@@ -66014,22 +66908,6 @@ const computePosition = async (reference, floating, config) => {
   } = config;
   const validMiddleware = middleware.filter(Boolean);
   const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
-  {
-    if (platform == null) {
-      console.error(['Floating UI: `platform` property was not passed to config. If you', 'want to use Floating UI on the web, install @floating-ui/dom', 'instead of the /core package. Otherwise, you can create your own', '`platform`: https://floating-ui.com/docs/platform'].join(' '));
-    }
-    if (validMiddleware.filter(_ref => {
-      let {
-        name
-      } = _ref;
-      return name === 'autoPlacement' || name === 'flip';
-    }).length > 1) {
-      throw new Error(['Floating UI: duplicate `flip` and/or `autoPlacement` middleware', 'detected. This will lead to an infinite loop. Ensure only one of', 'either has been passed to the `middleware` array.'].join(' '));
-    }
-    if (!reference || !floating) {
-      console.error(['Floating UI: The reference and/or floating element was not defined', 'when `computePosition()` was called. Ensure that both elements have', 'been created and can be measured.'].join(' '));
-    }
-  }
   let rects = await platform.getElementRects({
     reference,
     floating,
@@ -66075,11 +66953,6 @@ const computePosition = async (reference, floating, config) => {
         ...data
       }
     };
-    {
-      if (resetCount > 50) {
-        console.warn(['Floating UI: The middleware lifecycle appears to be running in an', 'infinite loop. This is usually caused by a `reset` continually', 'being returned without a break condition.'].join(' '));
-      }
-    }
     if (reset && resetCount <= 50) {
       resetCount++;
       if (typeof reset === 'object') {
@@ -66229,12 +67102,10 @@ const arrow = options => ({
       y,
       placement,
       rects,
-      platform
+      platform,
+      elements
     } = state;
     if (element == null) {
-      {
-        console.warn('Floating UI: No `element` was passed to the `arrow` middleware.');
-      }
       return {};
     }
     const paddingObject = getSideObjectFromPadding(padding);
@@ -66245,14 +67116,18 @@ const arrow = options => ({
     const axis = getMainAxisFromPlacement(placement);
     const length = getLengthFromAxis(axis);
     const arrowDimensions = await platform.getDimensions(element);
-    const minProp = axis === 'y' ? 'top' : 'left';
-    const maxProp = axis === 'y' ? 'bottom' : 'right';
+    const isYAxis = axis === 'y';
+    const minProp = isYAxis ? 'top' : 'left';
+    const maxProp = isYAxis ? 'bottom' : 'right';
+    const clientProp = isYAxis ? 'clientHeight' : 'clientWidth';
     const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
     const startDiff = coords[axis] - rects.reference[axis];
     const arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element));
-    let clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
-    if (clientSize === 0) {
-      clientSize = rects.floating[length];
+    let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
+
+    // DOM platform can return `window` as the `offsetParent`.
+    if (!clientSize || !(await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent)))) {
+      clientSize = elements.floating[clientProp] || rects.floating[length];
     }
     const centerToReference = endDiff / 2 - startDiff / 2;
 
@@ -66636,6 +67511,33 @@ const hide = function (options) {
   };
 };
 
+function getBoundingRect(rects) {
+  const minX = min(...rects.map(rect => rect.left));
+  const minY = min(...rects.map(rect => rect.top));
+  const maxX = max(...rects.map(rect => rect.right));
+  const maxY = max(...rects.map(rect => rect.bottom));
+  return {
+    x: minX,
+    y: minY,
+    width: maxX - minX,
+    height: maxY - minY
+  };
+}
+function getRectsByLine(rects) {
+  const sortedRects = rects.slice().sort((a, b) => a.y - b.y);
+  const groups = [];
+  let prevRect = null;
+  for (let i = 0; i < sortedRects.length; i++) {
+    const rect = sortedRects[i];
+    if (!prevRect || rect.y - prevRect.y > prevRect.height / 2) {
+      groups.push([rect]);
+    } else {
+      groups[groups.length - 1].push(rect);
+    }
+    prevRect = rect;
+  }
+  return groups.map(rect => rectToClientRect(getBoundingRect(rect)));
+}
 /**
  * Provides improved positioning for inline reference elements that can span
  * over multiple lines, such as hyperlinks or range selections.
@@ -66664,12 +67566,9 @@ const inline = function (options) {
         x,
         y
       } = options;
-      const fallback = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
-        rect: rects.reference,
-        offsetParent: await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating)),
-        strategy
-      }) : rects.reference);
-      const clientRects = (await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference))) || [];
+      const nativeClientRects = Array.from((await (platform.getClientRects == null ? void 0 : platform.getClientRects(elements.reference))) || []);
+      const clientRects = getRectsByLine(nativeClientRects);
+      const fallback = rectToClientRect(getBoundingRect(nativeClientRects));
       const paddingObject = getSideObjectFromPadding(padding);
       function getBoundingClientRect() {
         // There are two rects and they are disjoined.
@@ -67003,18 +67902,17 @@ const size = function (options) {
       }
       const overflowAvailableHeight = height - overflow[heightSide];
       const overflowAvailableWidth = width - overflow[widthSide];
+      const noShift = !state.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
       if (isXAxis) {
-        availableWidth = min(
-        // Maximum clipping viewport width
-        width - overflow.right - overflow.left, overflowAvailableWidth);
+        const maximumClippingWidth = width - overflow.left - overflow.right;
+        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
       } else {
-        availableHeight = min(
-        // Maximum clipping viewport height
-        height - overflow.bottom - overflow.top, overflowAvailableHeight);
+        const maximumClippingHeight = height - overflow.top - overflow.bottom;
+        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
       }
-      if (!state.middlewareData.shift && !alignment) {
+      if (noShift && !alignment) {
         const xMin = max(overflow.left, 0);
         const xMax = max(overflow.right, 0);
         const yMin = max(overflow.top, 0);
@@ -67085,28 +67983,9 @@ function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
 }
 
-const min = Math.min;
-const max = Math.max;
-const round = Math.round;
-
-function getCssDimensions(element) {
-  const css = getComputedStyle$1(element);
-  let width = parseFloat(css.width);
-  let height = parseFloat(css.height);
-  const offsetWidth = element.offsetWidth;
-  const offsetHeight = element.offsetHeight;
-  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
-  if (shouldFallback) {
-    width = offsetWidth;
-    height = offsetHeight;
-  }
-  return {
-    width,
-    height,
-    fallback: shouldFallback
-  };
+function isNode(value) {
+  return value instanceof getWindow(value).Node;
 }
-
 function getNodeName(node) {
   return isNode(node) ? (node.nodeName || '').toLowerCase() : '';
 }
@@ -67130,9 +68009,6 @@ function isHTMLElement(value) {
 function isElement(value) {
   return value instanceof getWindow(value).Element;
 }
-function isNode(value) {
-  return value instanceof getWindow(value).Node;
-}
 function isShadowRoot(node) {
   // Browsers without `ShadowRoot` support.
   if (typeof ShadowRoot === 'undefined') {
@@ -67189,6 +68065,29 @@ function isLastTraversableNode(node) {
   return ['html', 'body', '#document'].includes(getNodeName(node));
 }
 
+const min = Math.min;
+const max = Math.max;
+const round = Math.round;
+
+function getCssDimensions(element) {
+  const css = getComputedStyle$1(element);
+  let width = parseFloat(css.width);
+  let height = parseFloat(css.height);
+  const hasOffset = isHTMLElement(element);
+  const offsetWidth = hasOffset ? element.offsetWidth : width;
+  const offsetHeight = hasOffset ? element.offsetHeight : height;
+  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
+  if (shouldFallback) {
+    width = offsetWidth;
+    height = offsetHeight;
+  }
+  return {
+    width,
+    height,
+    fallback: shouldFallback
+  };
+}
+
 function unwrapElement(element) {
   return !isElement(element) ? element.contextElement : element;
 }
@@ -67270,16 +68169,12 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       currentIFrame = getWindow(currentIFrame).frameElement;
     }
   }
-  return {
+  return (0,_floating_ui_core__WEBPACK_IMPORTED_MODULE_0__.rectToClientRect)({
     width,
     height,
-    top: y,
-    right: x + width,
-    bottom: y + height,
-    left: x,
     x,
     y
-  };
+  });
 }
 
 function getDocumentElement(node) {
@@ -67496,18 +68391,16 @@ function getClippingElementAncestors(element, cache) {
   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
     const computedStyle = getComputedStyle$1(currentNode);
     const containingBlock = isContainingBlock(currentNode);
-    const shouldIgnoreCurrentNode = computedStyle.position === 'fixed';
-    if (shouldIgnoreCurrentNode) {
+    if (computedStyle.position === 'fixed') {
       currentContainingBlockComputedStyle = null;
+    }
+    const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position);
+    if (shouldDropCurrentNode) {
+      // Drop non-containing blocks.
+      result = result.filter(ancestor => ancestor !== currentNode);
     } else {
-      const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position);
-      if (shouldDropCurrentNode) {
-        // Drop non-containing blocks.
-        result = result.filter(ancestor => ancestor !== currentNode);
-      } else {
-        // Record last containing block for next iteration.
-        currentContainingBlockComputedStyle = computedStyle;
-      }
+      // Record last containing block for next iteration.
+      currentContainingBlockComputedStyle = computedStyle;
     }
     currentNode = getParentNode(currentNode);
   }
@@ -67544,10 +68437,7 @@ function getClippingRect(_ref) {
 }
 
 function getDimensions(element) {
-  if (isHTMLElement(element)) {
-    return getCssDimensions(element);
-  }
-  return element.getBoundingClientRect();
+  return getCssDimensions(element);
 }
 
 function getTrueOffsetParent(element, polyfill) {
@@ -67575,6 +68465,9 @@ function getContainingBlock(element) {
 // such as table ancestors and cross browser bugs.
 function getOffsetParent(element, polyfill) {
   const window = getWindow(element);
+  if (!isHTMLElement(element)) {
+    return window;
+  }
   let offsetParent = getTrueOffsetParent(element, polyfill);
   while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
     offsetParent = getTrueOffsetParent(offsetParent, polyfill);
@@ -67674,12 +68567,8 @@ function autoUpdate(reference, floating, update, options) {
   });
   let observer = null;
   if (elementResize) {
-    let initialUpdate = true;
     observer = new ResizeObserver(() => {
-      if (!initialUpdate) {
-        update();
-      }
-      initialUpdate = false;
+      update();
     });
     isElement(reference) && !animationFrame && observer.observe(reference);
     if (!isElement(reference) && reference.contextElement && !animationFrame) {