UNPKG

@nipe-solutions/react-spring-bottom-sheet

Version:

React 18, XState v5 - ✨ Accessible, 🪄 Delightful, and 🤯 Performant. Built on react-spring for the web, and react-use-gesture.

1 lines 156 kB
import*as e from"react";import n,{useRef as t,useDebugValue as r,useEffect as a,useLayoutEffect as l,useState as o,useCallback as i,useMemo as u,useImperativeHandle as c,forwardRef as s}from"react";import{useMachine as f}from"@xstate/react";import{useSpring as d,interpolate as p,animated as m,config as h}from"react-spring";import{useDrag as v,rubberbandIfOutOfBounds as g}from"react-use-gesture";import{createFocusTrap as y}from"focus-trap";import{disableBodyScroll as b,enableBodyScroll as S}from"body-scroll-lock";import{ResizeObserver as k}from"@juggle/resize-observer";import{createMachine as w,assign as E,fromPromise as x}from"xstate";function C(){return C=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},C.apply(this,arguments)}function P(e,n){if(null==e)return{};var t,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)n.indexOf(t=l[r])>=0||(a[t]=e[t]);return a}var N="undefined"!=typeof window?l:a;function z(e,n,t){return n=(n=+n)==n?n:0,t=(t=+t)==t?t:0,(e=+e)==e&&(e=(e=e<=t?e:t)>=n?e:n),e}function _(e){var n=Math.round(e);if(Number.isNaN(e))throw new TypeError("Found a NaN! Check your snapPoints / defaultSnap / snapTo ");return n}var R={box:"border-box"};function L(e,n){var t=n.label,a=n.enabled,l=n.resizeSourceRef,u=o(0),c=u[0],s=u[1];r(t+": "+c);var f=i(function(e){s(e[0].borderBoxSize[0].blockSize),l.current="element"},[l]);return N(function(){if(e.current&&a){var n=new k(f);return n.observe(e.current,R),function(){n.disconnect()}}},[e,f,a]),a?c:0}function T(e){return void 0===e&&(e=1e3),new Promise(function(n){return setTimeout(n,e)})}var O={DRAG:{target:"#overlay.dragging",actions:"onOpenEnd"}},D={RESIZE:{target:"#overlay.resizing",actions:"onOpenEnd"}},M=w({types:{},id:"overlay",initial:"closed",context:{initialState:"CLOSED"},states:{closed:{on:{OPEN:"opening",CLOSE:void 0}},opening:{initial:"start",states:{start:{invoke:{src:"onOpenStart",onDone:"transition"}},transition:{always:[{target:"immediately",guard:"initiallyOpen"},{target:"smoothly",guard:"initiallyClosed"}]},immediately:{initial:"open",states:{open:{invoke:{src:"openImmediately",onDone:"activating"}},activating:{invoke:{src:"activate",onDone:"#overlay.opening.end"},on:C({},O,D)}}},smoothly:{initial:"visuallyHidden",states:{visuallyHidden:{invoke:{src:"renderVisuallyHidden",onDone:"activating"}},activating:{invoke:{src:"activate",onDone:"open"}},open:{invoke:{src:"openSmoothly",onDone:"#overlay.opening.end"},on:C({},O,D)}}},end:{invoke:{src:"onOpenEnd",onDone:"done"},on:{CLOSE:"#overlay.closing",DRAG:"#overlay.dragging"}},done:{type:"final"}},on:C({},{CLOSE:{target:"#overlay.closing",actions:"onOpenCancel"}}),onDone:"open"},open:{on:{DRAG:"#overlay.dragging",SNAP:"snapping",RESIZE:"resizing"}},dragging:{on:{SNAP:"snapping"}},snapping:{initial:"start",states:{start:{invoke:{src:"onSnapStart",onDone:"snappingSmoothly",input:function(e){var n=e.event.payload;return{y:n.y,velocity:n.velocity,snapSource:n.source||"custom"}}},entry:[E(function(e){var n=e.event.payload;return{y:n.y,velocity:n.velocity,snapSource:n.source||"custom"}})]},snappingSmoothly:{invoke:{src:"snapSmoothly",onDone:"end",input:function(e){var n=e.context;return{y:n.y,velocity:n.velocity,snapSource:n.snapSource}}}},end:{invoke:{src:"onSnapEnd",onDone:"done"},on:{RESIZE:"#overlay.resizing",SNAP:"#overlay.snapping",CLOSE:"#overlay.closing",DRAG:"#overlay.dragging"}},done:{type:"final"}},on:{SNAP:{target:"snapping",actions:"onSnapEnd"},RESIZE:{target:"#overlay.resizing",actions:"onSnapCancel"},DRAG:{target:"#overlay.dragging",actions:"onSnapCancel"},CLOSE:{target:"#overlay.closing",actions:"onSnapCancel"}},onDone:"open"},resizing:{initial:"start",states:{start:{invoke:{src:"onResizeStart",onDone:"resizingSmoothly"}},resizingSmoothly:{invoke:{src:"resizeSmoothly",onDone:"end"}},end:{invoke:{src:"onResizeEnd",onDone:"done"},on:{SNAP:"#overlay.snapping",CLOSE:"#overlay.closing",DRAG:"#overlay.dragging"}},done:{type:"final"}},on:{RESIZE:{target:"resizing",actions:"onResizeEnd"},SNAP:{target:"snapping",actions:"onResizeCancel"},DRAG:{target:"#overlay.dragging",actions:"onResizeCancel"},CLOSE:{target:"#overlay.closing",actions:"onResizeCancel"}},onDone:"open"},closing:{initial:"start",states:{start:{invoke:{src:"onCloseStart",onDone:"deactivating"},on:{OPEN:{target:"#overlay.open",actions:"onCloseCancel"}}},deactivating:{invoke:{src:"deactivate",onDone:"closingSmoothly"}},closingSmoothly:{invoke:{src:"closeSmoothly",onDone:"end"}},end:{invoke:{src:"onCloseEnd",onDone:"done"},on:{OPEN:{target:"#overlay.opening",actions:"onCloseCancel"}}},done:{type:"final"}},on:{CLOSE:void 0,OPEN:{target:"#overlay.opening",actions:"onCloseCancel"}},onDone:"closed"}},on:{CLOSE:".closing"}},{actions:{onOpenCancel:function(e,n){},onSnapCancel:function(e,n){},onResizeCancel:function(e,n){},onCloseCancel:function(e,n){},onOpenEnd:function(e,n){},onSnapEnd:function(e,n){},onRezizeEnd:function(e,n){}},actors:{onSnapStart:x(function(){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),onOpenStart:x(function(){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),onCloseStart:x(function(){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),onResizeStart:x(function(){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),onSnapEnd:x(function(){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),onOpenEnd:x(function(){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),onCloseEnd:x(function(){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),onResizeEnd:x(function(){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),renderVisuallyHidden:x(function(e){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),activate:x(function(e){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),deactivate:x(function(e){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),openSmoothly:x(function(e){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),openImmediately:x(function(e){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),snapSmoothly:x(function(e){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),resizeSmoothly:x(function(e){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}}),closeSmoothly:x(function(e){try{return Promise.resolve(T()).then(function(){})}catch(e){return Promise.reject(e)}})},guards:{initiallyClosed:function(e){return"CLOSED"===e.context.initialState},initiallyOpen:function(e){return"OPEN"===e.context.initialState}}}),F=["children","sibling","className","footer","header","open","initialState","lastSnapRef","initialFocusRef","onDismiss","maxHeight","defaultSnap","snapPoints","blocking","scrollLocking","style","springConfig","onSpringStart","onSpringCancel","onSpringEnd","reserveScrollBarGap","expandOnContentDrag"],I=["velocity"],H=["onRest","config"],A=h.default,U=A.tension,j=A.friction,V=n.forwardRef(function(e,l){var s=e.children,h=e.sibling,k=e.className,w=e.footer,E=e.header,R=e.open,T=e.lastSnapRef,O=e.initialFocusRef,D=e.onDismiss,A=e.maxHeight,V=e.defaultSnap,$=void 0===V?W:V,q=e.snapPoints,K=void 0===q?Q:q,G=e.blocking,Y=void 0===G||G,X=e.scrollLocking,Z=void 0===X||X,J=e.style,ee=e.springConfig,ne=e.onSpringStart,te=e.onSpringCancel,re=e.onSpringEnd,ae=e.reserveScrollBarGap,le=void 0===ae?Y:ae,oe=e.expandOnContentDrag,ie=void 0!==oe&&oe,ue=P(e,F),ce=function(){var e=o(!1),n=e[0],t=e[1],r=o({}),l=r[0],u=r[1],c=i(function(e){return u(function(n){var t;return C({},n,((t={})[e]=!1,t))}),function(){u(function(n){var t;return C({},n,((t={})[e]=!0,t))})}},[]);return a(function(){var e=Object.values(l);0!==e.length&&e.every(Boolean)&&t(!0)},[l]),{ready:n,registerReady:c}}(),se=ce.ready,fe=ce.registerReady,de=t(!1),pe=t(ne),me=t(te),he=t(re);a(function(){pe.current=ne,me.current=te,he.current=re},[te,ne,re]);var ve,ge,ye=d(function(){return{y:0,ready:0,maxHeight:0,minSnap:0,maxSnap:0}}),be=ye[0],Se=ye[1],ke=t(null),we=t(null),Ee=t(null),xe=t(null),Ce=t(null),Pe=t(null),Ne=t(0),ze=t(),_e=t(!1),Re=(ve=u(function(){return"undefined"!=typeof window?window.matchMedia("(prefers-reduced-motion: reduce)"):null},[]),ge=t(null==ve?void 0:ve.matches),r(ge.current?"reduce":"no-preference"),a(function(){var e=function(e){ge.current=e.matches};return null==ve||ve.addListener(e),function(){return null==ve?void 0:ve.removeListener(e)}},[ve]),ge),Le=function(e){var n=e.targetRef,l=e.enabled,o=e.reserveScrollBarGap,i=t({activate:function(){throw new TypeError("Tried to activate scroll lock too early")},deactivate:function(){}});return r(l?"Enabled":"Disabled"),a(function(){if(!l)return i.current.deactivate(),void(i.current={activate:function(){},deactivate:function(){}});var e=n.current,t=!1;i.current={activate:function(){t||(t=!0,b(e,{allowTouchMove:function(e){return e.closest("[data-body-scroll-lock-ignore]")},reserveScrollBarGap:o}))},deactivate:function(){t&&(t=!1,S(e))}}},[l,n,o]),i}({targetRef:we,enabled:se&&Z,reserveScrollBarGap:le}),Te=function(e){var n=e.targetRef,l=e.enabled,o=t({activate:function(){throw new TypeError("Tried to activate aria hider too early")},deactivate:function(){}});return r(l?"Enabled":"Disabled"),a(function(){if(!l)return o.current.deactivate(),void(o.current={activate:function(){},deactivate:function(){}});var e=n.current,t=!1,r=[],a=[];o.current={activate:function(){if(!t){t=!0;var n=e.parentNode;document.querySelectorAll("body > *").forEach(function(e){if(e!==n){var t=e.getAttribute("aria-hidden");null!==t&&"false"!==t||(r.push(t),a.push(e),e.setAttribute("aria-hidden","true"))}})}},deactivate:function(){t&&(t=!1,a.forEach(function(e,n){var t=r[n];null===t?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",t)}),r=[],a=[])}}},[n,l]),o}({targetRef:ke,enabled:se&&Y}),Oe=function(e){var n=e.targetRef,l=e.fallbackRef,o=e.initialFocusRef,i=e.enabled,u=t({activate:function(){throw new TypeError("Tried to activate focus trap too early")},deactivate:function(){}});return r(i?"Enabled":"Disabled"),a(function(){if(!i)return u.current.deactivate(),void(u.current={activate:function(){},deactivate:function(){}});var e=l.current,t=y(n.current,{onActivate:void 0,initialFocus:o?function(){return(null==o?void 0:o.current)||e}:void 0,fallbackFocus:e,escapeDeactivates:!1,clickOutsideDeactivates:!1}),r=!1;u.current={activate:function(){try{return r?Promise.resolve():(r=!0,Promise.resolve(t.activate()).then(function(){return Promise.resolve(new Promise(function(e){return setTimeout(function(){return e(void 0)},0)})).then(function(){})}))}catch(e){return Promise.reject(e)}},deactivate:function(){r&&(r=!1,t.deactivate())}}},[i,l,o,n]),u}({targetRef:ke,fallbackRef:Pe,initialFocusRef:O||void 0,enabled:se&&Y&&!1!==O}),De=function(e){var n=e.getSnapPoints,l=e.heightRef,i=e.lastSnapRef,c=e.ready,s=function(e){var n=e.contentRef,l=e.controlledMaxHeight,i=e.footerEnabled,c=e.footerRef,s=e.headerEnabled,f=e.headerRef,d=e.registerReady,p=e.resizeSourceRef,m=u(function(){return d("contentHeight")},[d]),h=function(e,n,l){var i=u(function(){return n("maxHeight")},[n]),c=o(function(){return _(e)||"undefined"!=typeof window?window.innerHeight:0}),s=c[0],f=c[1],d=s>0,p=t(0);return r(e?"controlled":"auto"),a(function(){d&&i()},[d,i]),N(function(){if(e)return f(_(e)),void(l.current="maxheightprop");var n=function(){p.current||(p.current=requestAnimationFrame(function(){f(window.innerHeight),l.current="window",p.current=0}))};return window.addEventListener("resize",n),f(window.innerHeight),l.current="window",i(),function(){window.removeEventListener("resize",n),cancelAnimationFrame(p.current)}},[e,i,l]),s}(l,d,p),v=L(f,{label:"headerHeight",enabled:s,resizeSourceRef:p}),g=L(n,{label:"contentHeight",enabled:!0,resizeSourceRef:p}),y=L(c,{label:"footerHeight",enabled:i,resizeSourceRef:p}),b=Math.min(h-v-y,g)+v+y;r("minHeight: "+b);var S=g>0;return a(function(){S&&m()},[S,m]),{maxHeight:h,minHeight:b,headerHeight:v,footerHeight:y}}({contentRef:e.contentRef,controlledMaxHeight:e.controlledMaxHeight,footerEnabled:e.footerEnabled,footerRef:e.footerRef,headerEnabled:e.headerEnabled,headerRef:e.headerRef,registerReady:e.registerReady,resizeSourceRef:e.resizeSourceRef}),f=s.maxHeight,d=s.minHeight,p=s.headerHeight,m=s.footerHeight,h=function(e,n){var t=[].concat(e).map(_).reduce(function(e,t){return e.add(z(t,0,n)),e},new Set),r=Array.from(t),a=Math.min.apply(Math,r);if(Number.isNaN(a))throw new TypeError("minSnap is NaN");var l=Math.max.apply(Math,r);if(Number.isNaN(l))throw new TypeError("maxSnap is NaN");return{snapPoints:r,minSnap:a,maxSnap:l}}(c?n({height:l.current,footerHeight:m,headerHeight:p,minHeight:d,maxHeight:f}):[0],f),v=h.snapPoints,g=h.minSnap,y=h.maxSnap;return r("minSnap: "+g+", maxSnap:"+y),{minSnap:g,maxSnap:y,findSnap:function(e){var n=_("function"==typeof e?e({footerHeight:m,headerHeight:p,height:l.current,minHeight:d,maxHeight:f,snapPoints:v,lastSnap:i.current}):e);return v.reduce(function(e,t){return Math.abs(t-n)<Math.abs(e-n)?t:e},g)},maxHeight:f}}({contentRef:Ee,controlledMaxHeight:A,footerEnabled:!!w,footerRef:Ce,getSnapPoints:K,headerEnabled:!1!==E,headerRef:xe,heightRef:Ne,lastSnapRef:T,ready:se,registerReady:fe,resizeSourceRef:ze}),Me=De.minSnap,Fe=De.maxSnap,Ie=De.maxHeight,He=De.findSnap,Ae=t(Ie),Ue=t(Me),je=t(Fe),Ve=t(He),Be=t(0);N(function(){Ae.current=Ie,je.current=Fe,Ue.current=Me,Ve.current=He,Be.current=He($)},[He,$,Ie,Fe,Me]);var We=i(function(e){var n=e.onRest,t=e.config,r=(t=void 0===t?{}:t).velocity,a=void 0===r?1:r,l=P(t,I),o=P(e,H);return new Promise(function(e){return Se(C({},o,{config:C({velocity:a},l,{mass:1,tension:U,friction:Math.max(j,j+(j-j*a))},ee),onRest:function(){var t=[].slice.call(arguments);e.apply(void 0,t),null==n||n.apply(void 0,t)}}))})},[Se]),Qe=f(M.provide({actions:{onOpenCancel:i(function(){return null==me.current?void 0:me.current({type:"OPEN"})},[]),onSnapCancel:i(function(e){return null==me.current?void 0:me.current({type:"SNAP",source:e.context.snapSource})},[]),onCloseCancel:i(function(){return null==me.current?void 0:me.current({type:"CLOSE"})},[]),onResizeCancel:i(function(){return null==me.current?void 0:me.current({type:"RESIZE",source:ze.current})},[]),onOpenEnd:i(function(){return null==he.current?void 0:he.current({type:"OPEN"})},[]),onSnapEnd:i(function(e,n){return null==he.current?void 0:he.current({type:"SNAP",source:e.context.snapSource})},[]),onResizeEnd:i(function(){return null==he.current?void 0:he.current({type:"RESIZE",source:ze.current})},[])},actors:{onSnapStart:x(function(e){var n=e.input;try{return null==pe.current||pe.current({type:"SNAP",source:n.snapSource||"custom"}),Promise.resolve()}catch(e){return Promise.reject(e)}}),onOpenStart:x(function(e){try{return null==pe.current||pe.current({type:"OPEN"}),Promise.resolve()}catch(e){return Promise.reject(e)}}),onCloseStart:x(function(){try{return Promise.resolve(null==pe.current?void 0:pe.current({type:"CLOSE"}))}catch(e){return Promise.reject(e)}}),onResizeStart:x(function(){try{return Promise.resolve(null==pe.current?void 0:pe.current({type:"RESIZE",source:ze.current}))}catch(e){return Promise.reject(e)}}),onSnapEnd:x(function(){try{return null==he.current||he.current({type:"SNAP",source:$e.context.snapSource}),Promise.resolve()}catch(e){return Promise.reject(e)}}),onOpenEnd:x(function(){try{return Promise.resolve(null==he.current?void 0:he.current({type:"OPEN"}))}catch(e){return Promise.reject(e)}}),onCloseEnd:x(function(){try{return Promise.resolve(null==he.current?void 0:he.current({type:"CLOSE"}))}catch(e){return Promise.reject(e)}}),onResizeEnd:x(function(){try{return Promise.resolve(null==he.current?void 0:he.current({type:"RESIZE",source:ze.current}))}catch(e){return Promise.reject(e)}}),renderVisuallyHidden:x(function(){try{return Promise.resolve(We({y:Be.current,ready:0,maxHeight:Ae.current,maxSnap:je.current,minSnap:Be.current,immediate:!0})).then(function(){})}catch(e){return Promise.reject(e)}}),activate:x(function(){try{return de.current=!0,Promise.resolve(Promise.all([Le.current.activate(),Oe.current.activate(),Te.current.activate()])).then(function(){})}catch(e){return Promise.reject(e)}}),deactivate:x(function(){try{return Le.current.deactivate(),Oe.current.deactivate(),Te.current.deactivate(),de.current=!1,Promise.resolve()}catch(e){return Promise.reject(e)}}),openImmediately:x(function(){try{return Ne.current=Be.current,Promise.resolve(We({y:Be.current,ready:1,maxHeight:Ae.current,maxSnap:je.current,minSnap:Be.current,immediate:!0})).then(function(){})}catch(e){return Promise.reject(e)}}),openSmoothly:x(function(){try{return Promise.resolve(We({y:0,ready:1,maxHeight:Ae.current,maxSnap:je.current,minSnap:Be.current,immediate:!0})).then(function(){return Ne.current=Be.current,Promise.resolve(We({y:Be.current,ready:1,maxHeight:Ae.current,maxSnap:je.current,minSnap:Be.current,immediate:Re.current})).then(function(){})})}catch(e){return Promise.reject(e)}}),snapSmoothly:x(function(e){var n=e.input;try{var t=Ve.current(n.y);return Ne.current=t,T.current=t,Promise.resolve(We({y:t,ready:1,maxHeight:Ae.current,maxSnap:je.current,minSnap:Ue.current,immediate:Re.current,config:{velocity:n.velocity}})).then(function(){})}catch(e){return Promise.reject(e)}}),resizeSmoothly:x(function(){try{var e=Ve.current(Ne.current);return Ne.current=e,T.current=e,Promise.resolve(We({y:e,ready:1,maxHeight:Ae.current,maxSnap:je.current,minSnap:Ue.current,immediate:"element"!==ze.current||Re.current})).then(function(){})}catch(e){return Promise.reject(e)}}),closeSmoothly:x(function(){try{return We({minSnap:Ne.current,immediate:!0}),Ne.current=0,Promise.resolve(We({y:0,maxHeight:Ae.current,maxSnap:je.current,immediate:Re.current})).then(function(){return Promise.resolve(We({ready:0,immediate:!0})).then(function(){})})}catch(e){return Promise.reject(e)}})}})),$e=Qe[0],qe=Qe[1];a(function(){se&&qe(R?{type:"OPEN"}:{type:"CLOSE"})},[R,qe,se]),N(function(){(Ie||Fe||Me)&&qe({type:"RESIZE"})},[Ie,Fe,Me,qe]),a(function(){return function(){Le.current.deactivate(),Oe.current.deactivate(),Te.current.deactivate()}},[Te,Oe,Le]),c(l,function(){return{snapTo:function(e,n){var t=void 0===n?{}:n,r=t.velocity,a=void 0===r?1:r,l=t.source,o=void 0===l?"custom":l;qe({type:"SNAP",payload:{y:Ve.current(e),velocity:a,source:o}})},get height(){return Ne.current}}},[qe]),a(function(){var e=we.current,n=function(e){_e.current&&e.preventDefault()},t=function(n){e.scrollTop<0&&(requestAnimationFrame(function(){e.style.overflow="hidden",e.scrollTop=0,e.style.removeProperty("overflow")}),n.preventDefault())};return ie&&(e.addEventListener("scroll",n),e.addEventListener("touchmove",n),e.addEventListener("touchstart",t)),function(){e.removeEventListener("scroll",n),e.removeEventListener("touchmove",n),e.removeEventListener("touchstart",t)}},[ie,we]);var Ke=v(function(e){var n=e.args,t=(n=void 0===n?[]:n)[0],r=(t=void 0===t?{}:t).closeOnTap,a=void 0!==r&&r,l=t.isContentDragging,o=void 0!==l&&l,i=e.cancel,u=e.direction[1],c=e.down,s=e.first,f=e.last,d=e.memo,p=void 0===d?be.y.getValue():d,m=e.tap,h=e.velocity,v=-1*e.movement[1];if(!de.current)return i(),p;if(D&&a&&m)return i(),setTimeout(function(){return D()},0),p;if(m)return p;var y=p+v,b=v*h,S=Math.max(Ue.current,Math.min(je.current,y+2*b));if(!c&&D&&u>0&&y+b<Ue.current/2)return i(),D(),p;var k=c?D||Ue.current!==je.current?g(y,D?0:Ue.current,je.current,.55):y<Ue.current?g(y,Ue.current,2*je.current,.55):g(y,Ue.current/2,je.current,.55):S;return ie&&o?(k>=je.current&&(k=je.current),p===je.current&&we.current.scrollTop>0&&(k=je.current),_e.current=k<je.current):_e.current=!1,s&&qe({type:"DRAG"}),f?(qe({type:"SNAP",payload:{y:k,velocity:h>.05?h:1,source:"dragging"}}),p):(Se({y:k,ready:1,maxHeight:Ae.current,maxSnap:je.current,minSnap:Ue.current,immediate:!0,config:{velocity:h}}),p)},{filterTaps:!0});if(Number.isNaN(je.current))throw new TypeError("maxSnapRef is NaN!!");if(Number.isNaN(Ue.current))throw new TypeError("minSnapRef is NaN!!");var Ge=function(e){var n,t=e.spring,r=p([t.y,t.maxHeight],function(e,n){return Math.round(z(n-e,0,16))+"px"}),a=p([t.y,t.minSnap,t.maxSnap],function(e,n,t){return z(e,n,t)+"px"}),l=p([t.y,t.minSnap,t.maxSnap],function(e,n,t){return e<n?n-e+"px":e>t?t-e+"px":"0px"}),o=p([t.y,t.maxSnap],function(e,n){return e>=n?Math.ceil(e-n):0}),i=p([t.y,t.minSnap],function(e,n){if(!n)return 0;var t=Math.max(n/2-45,0);return z((e-t)*(1/(Math.min(n/2+45,n)-t)+0),0,1)}),u=p([t.y,t.minSnap],function(e,n){return n?z(e/n,0,1):0});return(n={})["--rsbs-content-opacity"]=i,n["--rsbs-backdrop-opacity"]=u,n["--rsbs-antigap-scale-y"]=o,n["--rsbs-overlay-translate-y"]=l,n["--rsbs-overlay-rounded"]=r,n["--rsbs-overlay-h"]=a,n}({spring:be});/*#__PURE__*/return n.createElement(m.div,C({},ue,{"data-rsbs-root":!0,"data-rsbs-state":B.find(function(e){return(null==$e?void 0:$e.value)===e}),"data-rsbs-is-blocking":Y,"data-rsbs-is-dismissable":!!D,"data-rsbs-has-header":!!E,"data-rsbs-has-footer":!!w,className:k,ref:ke,style:C({},Ge,J,{opacity:be.ready})}),h,Y&&/*#__PURE__*/n.createElement("div",C({key:"backdrop","data-rsbs-backdrop":!0},Ke({closeOnTap:!0}))),/*#__PURE__*/n.createElement("div",{key:"overlay","aria-modal":"true",role:"dialog","data-rsbs-overlay":!0,tabIndex:-1,ref:Pe,onKeyDown:function(e){"Escape"===e.key&&(e.stopPropagation(),D&&D())}},!1!==E&&/*#__PURE__*/n.createElement("div",C({key:"header","data-rsbs-header":!0,ref:xe},Ke()),E),/*#__PURE__*/n.createElement("div",C({key:"scroll","data-rsbs-scroll":!0,ref:we},ie?Ke({isContentDragging:!0}):{}),/*#__PURE__*/n.createElement("div",{"data-rsbs-content":!0,ref:Ee},s)),w&&/*#__PURE__*/n.createElement("div",C({key:"footer",ref:Ce,"data-rsbs-footer":!0},Ke()),w)))}),B=["closed","opening","open","closing","dragging","snapping","resizing"];function W(e){var n=e.lastSnap;return null!=n?n:Math.min.apply(Math,e.snapPoints)}function Q(e){return e.minHeight}var $="undefined"!=typeof window&&window.document&&window.document.createElement?l:a;function q(e){var n={exports:{}};return e(n,n.exports),n.exports}var K=q(function(e,n){function t(e,n){var t=e.length;e.push(n);e:for(;0<t;){var r=t-1>>>1,a=e[r];if(!(0<l(a,n)))break e;e[r]=n,e[t]=a,t=r}}function r(e){return 0===e.length?null:e[0]}function a(e){if(0===e.length)return null;var n=e[0],t=e.pop();if(t!==n){e[0]=t;e:for(var r=0,a=e.length,o=a>>>1;r<o;){var i=2*(r+1)-1,u=e[i],c=i+1,s=e[c];if(0>l(u,t))c<a&&0>l(s,u)?(e[r]=s,e[c]=t,r=c):(e[r]=u,e[i]=t,r=i);else{if(!(c<a&&0>l(s,t)))break e;e[r]=s,e[c]=t,r=c}}}return n}function l(e,n){var t=e.sortIndex-n.sortIndex;return 0!==t?t:e.id-n.id}if("object"==typeof performance&&"function"==typeof performance.now){var o=performance;n.unstable_now=function(){return o.now()}}else{var i=Date,u=i.now();n.unstable_now=function(){return i.now()-u}}var c=[],s=[],f=1,d=null,p=3,m=!1,h=!1,v=!1,g="function"==typeof setTimeout?setTimeout:null,y="function"==typeof clearTimeout?clearTimeout:null,b="undefined"!=typeof setImmediate?setImmediate:null;function S(e){for(var n=r(s);null!==n;){if(null===n.callback)a(s);else{if(!(n.startTime<=e))break;a(s),n.sortIndex=n.expirationTime,t(c,n)}n=r(s)}}function k(e){if(v=!1,S(e),!h)if(null!==r(c))h=!0,O(w);else{var n=r(s);null!==n&&D(k,n.startTime-e)}}function w(e,t){h=!1,v&&(v=!1,y(P),P=-1),m=!0;var l=p;try{for(S(t),d=r(c);null!==d&&(!(d.expirationTime>t)||e&&!_());){var o=d.callback;if("function"==typeof o){d.callback=null,p=d.priorityLevel;var i=o(d.expirationTime<=t);t=n.unstable_now(),"function"==typeof i?d.callback=i:d===r(c)&&a(c),S(t)}else a(c);d=r(c)}if(null!==d)var u=!0;else{var f=r(s);null!==f&&D(k,f.startTime-t),u=!1}return u}finally{d=null,p=l,m=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var E,x=!1,C=null,P=-1,N=5,z=-1;function _(){return!(n.unstable_now()-z<N)}function R(){if(null!==C){var e=n.unstable_now();z=e;var t=!0;try{t=C(!0,e)}finally{t?E():(x=!1,C=null)}}else x=!1}if("function"==typeof b)E=function(){b(R)};else if("undefined"!=typeof MessageChannel){var L=new MessageChannel,T=L.port2;L.port1.onmessage=R,E=function(){T.postMessage(null)}}else E=function(){g(R,0)};function O(e){C=e,x||(x=!0,E())}function D(e,t){P=g(function(){e(n.unstable_now())},t)}n.unstable_IdlePriority=5,n.unstable_ImmediatePriority=1,n.unstable_LowPriority=4,n.unstable_NormalPriority=3,n.unstable_Profiling=null,n.unstable_UserBlockingPriority=2,n.unstable_cancelCallback=function(e){e.callback=null},n.unstable_continueExecution=function(){h||m||(h=!0,O(w))},n.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):N=0<e?Math.floor(1e3/e):5},n.unstable_getCurrentPriorityLevel=function(){return p},n.unstable_getFirstCallbackNode=function(){return r(c)},n.unstable_next=function(e){switch(p){case 1:case 2:case 3:var n=3;break;default:n=p}var t=p;p=n;try{return e()}finally{p=t}},n.unstable_pauseExecution=function(){},n.unstable_requestPaint=function(){},n.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var t=p;p=e;try{return n()}finally{p=t}},n.unstable_scheduleCallback=function(e,a,l){var o=n.unstable_now();switch(l="object"==typeof l&&null!==l&&"number"==typeof(l=l.delay)&&0<l?o+l:o,e){case 1:var i=-1;break;case 2:i=250;break;case 5:i=1073741823;break;case 4:i=1e4;break;default:i=5e3}return e={id:f++,callback:a,priorityLevel:e,startTime:l,expirationTime:i=l+i,sortIndex:-1},l>o?(e.sortIndex=l,t(s,e),null===r(c)&&e===r(s)&&(v?(y(P),P=-1):v=!0,D(k,l-o))):(e.sortIndex=i,t(c,e),h||m||(h=!0,O(w))),e},n.unstable_shouldYield=_,n.unstable_wrapCallback=function(e){var n=p;return function(){var t=p;p=n;try{return e.apply(this,arguments)}finally{p=t}}}});q(function(e,n){});var G=q(function(e){e.exports=K});function Y(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t<arguments.length;t++)n+="&args[]="+encodeURIComponent(arguments[t]);return"Minified React error #"+e+"; visit "+n+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var X=new Set,Z={};function J(e,n){ee(e,n),ee(e+"Capture",n)}function ee(e,n){for(Z[e]=n,e=0;e<n.length;e++)X.add(n[e])}var ne=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),te=Object.prototype.hasOwnProperty,re=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,ae={},le={};function oe(e,n,t,r,a,l,o){this.acceptsBooleans=2===n||3===n||4===n,this.attributeName=r,this.attributeNamespace=a,this.mustUseProperty=t,this.propertyName=e,this.type=n,this.sanitizeURL=l,this.removeEmptyString=o}var ie={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ie[e]=new oe(e,0,!1,e,null,!1,!1)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var n=e[0];ie[n]=new oe(n,1,!1,e[1],null,!1,!1)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){ie[e]=new oe(e,2,!1,e.toLowerCase(),null,!1,!1)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ie[e]=new oe(e,2,!1,e,null,!1,!1)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ie[e]=new oe(e,3,!1,e.toLowerCase(),null,!1,!1)}),["checked","multiple","muted","selected"].forEach(function(e){ie[e]=new oe(e,3,!0,e,null,!1,!1)}),["capture","download"].forEach(function(e){ie[e]=new oe(e,4,!1,e,null,!1,!1)}),["cols","rows","size","span"].forEach(function(e){ie[e]=new oe(e,6,!1,e,null,!1,!1)}),["rowSpan","start"].forEach(function(e){ie[e]=new oe(e,5,!1,e.toLowerCase(),null,!1,!1)});var ue=/[\-:]([a-z])/g;function ce(e){return e[1].toUpperCase()}function se(e,n,t,r){var a=ie.hasOwnProperty(n)?ie[n]:null;(null!==a?0!==a.type:r||!(2<n.length)||"o"!==n[0]&&"O"!==n[0]||"n"!==n[1]&&"N"!==n[1])&&(function(e,n,t,r){if(null==n||function(e,n,t,r){if(null!==t&&0===t.type)return!1;switch(typeof n){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==t?!t.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,n,t,r))return!0;if(r)return!1;if(null!==t)switch(t.type){case 3:return!n;case 4:return!1===n;case 5:return isNaN(n);case 6:return isNaN(n)||1>n}return!1}(n,t,a,r)&&(t=null),r||null===a?function(e){return!!te.call(le,e)||!te.call(ae,e)&&(re.test(e)?le[e]=!0:(ae[e]=!0,!1))}(n)&&(null===t?e.removeAttribute(n):e.setAttribute(n,""+t)):a.mustUseProperty?e[a.propertyName]=null===t?3!==a.type&&"":t:(n=a.attributeName,r=a.attributeNamespace,null===t?e.removeAttribute(n):(t=3===(a=a.type)||4===a&&!0===t?"":""+t,r?e.setAttributeNS(r,n,t):e.setAttribute(n,t))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var n=e.replace(ue,ce);ie[n]=new oe(n,1,!1,e,null,!1,!1)}),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var n=e.replace(ue,ce);ie[n]=new oe(n,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)}),["xml:base","xml:lang","xml:space"].forEach(function(e){var n=e.replace(ue,ce);ie[n]=new oe(n,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)}),["tabIndex","crossOrigin"].forEach(function(e){ie[e]=new oe(e,1,!1,e.toLowerCase(),null,!1,!1)}),ie.xlinkHref=new oe("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach(function(e){ie[e]=new oe(e,1,!1,e.toLowerCase(),null,!0,!0)});var fe=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,de=Symbol.for("react.element"),pe=Symbol.for("react.portal"),me=Symbol.for("react.fragment"),he=Symbol.for("react.strict_mode"),ve=Symbol.for("react.profiler"),ge=Symbol.for("react.provider"),ye=Symbol.for("react.context"),be=Symbol.for("react.forward_ref"),Se=Symbol.for("react.suspense"),ke=Symbol.for("react.suspense_list"),we=Symbol.for("react.memo"),Ee=Symbol.for("react.lazy"),xe=Symbol.for("react.offscreen"),Ce=Symbol.iterator;function Pe(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=Ce&&e[Ce]||e["@@iterator"])?e:null}var Ne,ze=Object.assign;function _e(e){if(void 0===Ne)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);Ne=n&&n[1]||""}return"\n"+Ne+e}var Re=!1;function Le(e,n){if(!e||Re)return"";Re=!0;var t=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(n)if(n=function(){throw Error()},Object.defineProperty(n.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(n,[])}catch(e){var r=e}Reflect.construct(e,[],n)}else{try{n.call()}catch(e){r=e}e.call(n.prototype)}else{try{throw Error()}catch(e){r=e}e()}}catch(n){if(n&&r&&"string"==typeof n.stack){for(var a=n.stack.split("\n"),l=r.stack.split("\n"),o=a.length-1,i=l.length-1;1<=o&&0<=i&&a[o]!==l[i];)i--;for(;1<=o&&0<=i;o--,i--)if(a[o]!==l[i]){if(1!==o||1!==i)do{if(o--,0>--i||a[o]!==l[i]){var u="\n"+a[o].replace(" at new "," at ");return e.displayName&&u.includes("<anonymous>")&&(u=u.replace("<anonymous>",e.displayName)),u}}while(1<=o&&0<=i);break}}}finally{Re=!1,Error.prepareStackTrace=t}return(e=e?e.displayName||e.name:"")?_e(e):""}function Te(e){switch(e.tag){case 5:return _e(e.type);case 16:return _e("Lazy");case 13:return _e("Suspense");case 19:return _e("SuspenseList");case 0:case 2:case 15:return Le(e.type,!1);case 11:return Le(e.type.render,!1);case 1:return Le(e.type,!0);default:return""}}function Oe(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case me:return"Fragment";case pe:return"Portal";case ve:return"Profiler";case he:return"StrictMode";case Se:return"Suspense";case ke:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case ye:return(e.displayName||"Context")+".Consumer";case ge:return(e._context.displayName||"Context")+".Provider";case be:var n=e.render;return(e=e.displayName)||(e=""!==(e=n.displayName||n.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case we:return null!==(n=e.displayName||null)?n:Oe(e.type)||"Memo";case Ee:n=e._payload,e=e._init;try{return Oe(e(n))}catch(e){}}return null}function De(e){var n=e.type;switch(e.tag){case 24:return"Cache";case 9:return(n.displayName||"Context")+".Consumer";case 10:return(n._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=n.render).displayName||e.name||"",n.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return n;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Oe(n);case 8:return n===he?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof n)return n.displayName||n.name||null;if("string"==typeof n)return n}return null}function Me(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function Fe(e){var n=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===n||"radio"===n)}function Ie(e){e._valueTracker||(e._valueTracker=function(e){var n=Fe(e)?"checked":"value",t=Object.getOwnPropertyDescriptor(e.constructor.prototype,n),r=""+e[n];if(!e.hasOwnProperty(n)&&void 0!==t&&"function"==typeof t.get&&"function"==typeof t.set){var a=t.get,l=t.set;return Object.defineProperty(e,n,{configurable:!0,get:function(){return a.call(this)},set:function(e){r=""+e,l.call(this,e)}}),Object.defineProperty(e,n,{enumerable:t.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[n]}}}}(e))}function He(e){if(!e)return!1;var n=e._valueTracker;if(!n)return!0;var t=n.getValue(),r="";return e&&(r=Fe(e)?e.checked?"true":"false":e.value),(e=r)!==t&&(n.setValue(e),!0)}function Ae(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(n){return e.body}}function Ue(e,n){var t=n.checked;return ze({},n,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=t?t:e._wrapperState.initialChecked})}function je(e,n){var t=null==n.defaultValue?"":n.defaultValue,r=null!=n.checked?n.checked:n.defaultChecked;t=Me(null!=n.value?n.value:t),e._wrapperState={initialChecked:r,initialValue:t,controlled:"checkbox"===n.type||"radio"===n.type?null!=n.checked:null!=n.value}}function Ve(e,n){null!=(n=n.checked)&&se(e,"checked",n,!1)}function Be(e,n){Ve(e,n);var t=Me(n.value),r=n.type;if(null!=t)"number"===r?(0===t&&""===e.value||e.value!=t)&&(e.value=""+t):e.value!==""+t&&(e.value=""+t);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");n.hasOwnProperty("value")?Qe(e,n.type,t):n.hasOwnProperty("defaultValue")&&Qe(e,n.type,Me(n.defaultValue)),null==n.checked&&null!=n.defaultChecked&&(e.defaultChecked=!!n.defaultChecked)}function We(e,n,t){if(n.hasOwnProperty("value")||n.hasOwnProperty("defaultValue")){var r=n.type;if(("submit"===r||"reset"===r)&&null==n.value)return;n=""+e._wrapperState.initialValue,t||n===e.value||(e.value=n),e.defaultValue=n}""!==(t=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==t&&(e.name=t)}function Qe(e,n,t){"number"===n&&Ae(e.ownerDocument)===e||(null==t?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+t&&(e.defaultValue=""+t))}var $e=Array.isArray;function qe(e,n,t,r){if(e=e.options,n){n={};for(var a=0;a<t.length;a++)n["$"+t[a]]=!0;for(t=0;t<e.length;t++)a=n.hasOwnProperty("$"+e[t].value),e[t].selected!==a&&(e[t].selected=a),a&&r&&(e[t].defaultSelected=!0)}else{for(t=""+Me(t),n=null,a=0;a<e.length;a++){if(e[a].value===t)return e[a].selected=!0,void(r&&(e[a].defaultSelected=!0));null!==n||e[a].disabled||(n=e[a])}null!==n&&(n.selected=!0)}}function Ke(e,n){if(null!=n.dangerouslySetInnerHTML)throw Error(Y(91));return ze({},n,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function Ge(e,n){var t=n.value;if(null==t){if(t=n.children,n=n.defaultValue,null!=t){if(null!=n)throw Error(Y(92));if($e(t)){if(1<t.length)throw Error(Y(93));t=t[0]}n=t}null==n&&(n=""),t=n}e._wrapperState={initialValue:Me(t)}}function Ye(e,n){var t=Me(n.value),r=Me(n.defaultValue);null!=t&&((t=""+t)!==e.value&&(e.value=t),null==n.defaultValue&&e.defaultValue!==t&&(e.defaultValue=t)),null!=r&&(e.defaultValue=""+r)}function Xe(e){var n=e.textContent;n===e._wrapperState.initialValue&&""!==n&&null!==n&&(e.value=n)}function Ze(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function Je(e,n){return null==e||"http://www.w3.org/1999/xhtml"===e?Ze(n):"http://www.w3.org/2000/svg"===e&&"foreignObject"===n?"http://www.w3.org/1999/xhtml":e}var en,nn,tn=(nn=function(e,n){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=n;else{for((en=en||document.createElement("div")).innerHTML="<svg>"+n.valueOf().toString()+"</svg>",n=en.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;n.firstChild;)e.appendChild(n.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,n,t,r){MSApp.execUnsafeLocalFunction(function(){return nn(e,n)})}:nn);function rn(e,n){if(n){var t=e.firstChild;if(t&&t===e.lastChild&&3===t.nodeType)return void(t.nodeValue=n)}e.textContent=n}var an={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ln=["Webkit","ms","Moz","O"];function on(e,n,t){return null==n||"boolean"==typeof n||""===n?"":t||"number"!=typeof n||0===n||an.hasOwnProperty(e)&&an[e]?(""+n).trim():n+"px"}function un(e,n){for(var t in e=e.style,n)if(n.hasOwnProperty(t)){var r=0===t.indexOf("--"),a=on(t,n[t],r);"float"===t&&(t="cssFloat"),r?e.setProperty(t,a):e[t]=a}}Object.keys(an).forEach(function(e){ln.forEach(function(n){n=n+e.charAt(0).toUpperCase()+e.substring(1),an[n]=an[e]})});var cn=ze({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function sn(e,n){if(n){if(cn[e]&&(null!=n.children||null!=n.dangerouslySetInnerHTML))throw Error(Y(137,e));if(null!=n.dangerouslySetInnerHTML){if(null!=n.children)throw Error(Y(60));if("object"!=typeof n.dangerouslySetInnerHTML||!("__html"in n.dangerouslySetInnerHTML))throw Error(Y(61))}if(null!=n.style&&"object"!=typeof n.style)throw Error(Y(62))}}function fn(e,n){if(-1===e.indexOf("-"))return"string"==typeof n.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var dn=null;function pn(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var mn=null,hn=null,vn=null;function gn(e){if(e=sl(e)){if("function"!=typeof mn)throw Error(Y(280));var n=e.stateNode;n&&(n=dl(n),mn(e.stateNode,e.type,n))}}function yn(e){hn?vn?vn.push(e):vn=[e]:hn=e}function bn(){if(hn){var e=hn,n=vn;if(vn=hn=null,gn(e),n)for(e=0;e<n.length;e++)gn(n[e])}}function Sn(e,n){return e(n)}function kn(){}var wn=!1;function En(e,n,t){if(wn)return e(n,t);wn=!0;try{return Sn(e,n,t)}finally{wn=!1,(null!==hn||null!==vn)&&(kn(),bn())}}function xn(e,n){var t=e.stateNode;if(null===t)return null;var r=dl(t);if(null===r)return null;t=r[n];e:switch(n){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(t&&"function"!=typeof t)throw Error(Y(231,n,typeof t));return t}var Cn=!1;if(ne)try{var Pn={};Object.defineProperty(Pn,"passive",{get:function(){Cn=!0}}),window.addEventListener("test",Pn,Pn),window.removeEventListener("test",Pn,Pn)}catch(nn){Cn=!1}function Nn(e,n,t,r,a,l,o,i,u){var c=Array.prototype.slice.call(arguments,3);try{n.apply(t,c)}catch(e){this.onError(e)}}var zn=!1,_n=null,Rn=!1,Ln=null,Tn={onError:function(e){zn=!0,_n=e}};function On(e,n,t,r,a,l,o,i,u){zn=!1,_n=null,Nn.apply(Tn,arguments)}function Dn(e){var n=e,t=e;if(e.alternate)for(;n.return;)n=n.return;else{e=n;do{!!(4098&(n=e).flags)&&(t=n.return),e=n.return}while(e)}return 3===n.tag?t:null}function Mn(e){if(13===e.tag){var n=e.memoizedState;if(null===n&&null!==(e=e.alternate)&&(n=e.memoizedState),null!==n)return n.dehydrated}return null}function Fn(e){if(Dn(e)!==e)throw Error(Y(188))}function In(e){return null!==(e=function(e){var n=e.alternate;if(!n){if(null===(n=Dn(e)))throw Error(Y(188));return n!==e?null:e}for(var t=e,r=n;;){var a=t.return;if(null===a)break;var l=a.alternate;if(null===l){if(null!==(r=a.return)){t=r;continue}break}if(a.child===l.child){for(l=a.child;l;){if(l===t)return Fn(a),e;if(l===r)return Fn(a),n;l=l.sibling}throw Error(Y(188))}if(t.return!==r.return)t=a,r=l;else{for(var o=!1,i=a.child;i;){if(i===t){o=!0,t=a,r=l;break}if(i===r){o=!0,r=a,t=l;break}i=i.sibling}if(!o){for(i=l.child;i;){if(i===t){o=!0,t=l,r=a;break}if(i===r){o=!0,r=l,t=a;break}i=i.sibling}if(!o)throw Error(Y(189))}}if(t.alternate!==r)throw Error(Y(190))}if(3!==t.tag)throw Error(Y(188));return t.stateNode.current===t?e:n}(e))?Hn(e):null}function Hn(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var n=Hn(e);if(null!==n)return n;e=e.sibling}return null}var An=G.unstable_scheduleCallback,Un=G.unstable_cancelCallback,jn=G.unstable_shouldYield,Vn=G.unstable_requestPaint,Bn=G.unstable_now,Wn=G.unstable_getCurrentPriorityLevel,Qn=G.unstable_ImmediatePriority,$n=G.unstable_UserBlockingPriority,qn=G.unstable_NormalPriority,Kn=G.unstable_LowPriority,Gn=G.unstable_IdlePriority,Yn=null,Xn=null,Zn=Math.clz32?Math.clz32:function(e){return 0==(e>>>=0)?32:31-(Jn(e)/et|0)|0},Jn=Math.log,et=Math.LN2,nt=64,tt=4194304;function rt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function at(e,n){var t=e.pendingLanes;if(0===t)return 0;var r=0,a=e.suspendedLanes,l=e.pingedLanes,o=268435455&t;if(0!==o){var i=o&~a;0!==i?r=rt(i):0!=(l&=o)&&(r=rt(l))}else 0!=(o=t&~a)?r=rt(o):0!==l&&(r=rt(l));if(0===r)return 0;if(0!==n&&n!==r&&!(n&a)&&((a=r&-r)>=(l=n&-n)||16===a&&4194240&l))return n;if(4&r&&(r|=16&t),0!==(n=e.entangledLanes))for(e=e.entanglements,n&=r;0<n;)r|=e[t=31-Zn(n)],n&=~(a=1<<t);return r}function lt(e,n){switch(e){case 1:case 2:case 4:return n+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return n+5e3;default:return-1}}function ot(e){return 0!=(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function it(){var e=nt;return!(4194240&(nt<<=1))&&(nt=64),e}function ut(e){for(var n=[],t=0;31>t;t++)n.push(e);return n}function ct(e,n,t){e.pendingLanes|=n,536870912!==n&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[n=31-Zn(n)]=t}function st(e,n){var t=e.entangledLanes|=n;for(e=e.entanglements;t;){var r=31-Zn(t),a=1<<r;a&n|e[r]&n&&(e[r]|=n),t&=~a}}var ft=0;function dt(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var pt,mt,ht,vt,gt,yt=!1,bt=[],St=null,kt=null,wt=null,Et=new Map,xt=new Map,Ct=[],Pt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Nt(e,n){switch(e){case"focusin":case"focusout":St=null;break;case"dragenter":case"dragleave":kt=null;break;case"mouseover":case"mouseout":wt=null;break;case"pointerover":case"pointerout":Et.delete(n.pointerId);break;case"gotpointercapture":case"lostpointercapture":xt.delete(n.pointerId)}}function zt(e,n,t,r,a,l){return null===e||e.nativeEvent!==l?(e={blockedOn:n,domEventName:t,eventSystemFlags:r,nativeEvent:l,targetContainers:[a]},null!==n&&null!==(n=sl(n))&&mt(n),e):(e.eventSystemFlags|=r,n=e.targetContainers,null!==a&&-1===n.indexOf(a)&&n.push(a),e)}function _t(e){var n=cl(e.target);if(null!==n){var t=Dn(n);if(null!==t)if(13===(n=t.tag)){if(null!==(n=Mn(t)))return e.blockedOn=n,void gt(e.priority,function(){ht(t)})}else if(3===n&&t.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===t.tag?t.stateNode.containerInfo:null)}e.blockedOn=null}function Rt(e){if(null!==e.blockedOn)return!1;for(var n=e.targetContainers;0<n.length;){var t=jt(e.domEventName,e.eventSystemFlags,n[0],e.nativeEvent);if(null!==t)return null!==(n=sl(t))&&mt(n),e.blockedOn=t,!1;var r=new(t=e.nativeEvent).constructor(t.type,t);dn=r,t.target.dispatchEvent(r),dn=null,n.shift()}return!0}function Lt(e,n,t){Rt(e)&&t.delete(n)}function Tt(){yt=!1,null!==St&&Rt(St)&&(St=null),null!==kt&&Rt(kt)&&(kt=null),null!==wt&&Rt(wt)&&(wt=null),Et.forEach(Lt),xt.forEach(Lt)}function Ot(e,n){e.blockedOn===n&&(e.blockedOn=null,yt||(yt=!0,G.unstable_scheduleCallback(G.unstable_NormalPriority,Tt)))}function Dt(e){function n(n){return Ot(n,e)}if(0<bt.length){Ot(bt[0],e);for(var t=1;t<bt.length;t++){var r=bt[t];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==St&&Ot(St,e),null!==kt&&Ot(kt,e),null!==wt&&Ot(wt,e),Et.forEach(n),xt.forEach(n),t=0;t<Ct.length;t++)(r=Ct[t]).blockedOn===e&&(r.blockedOn=null);for(;0<Ct.length&&null===(t=Ct[0]).blockedOn;)_t(t),null===t.blockedOn&&Ct.shift()}var Mt=fe.ReactCurrentBatchConfig,Ft=!0;function It(e,n,t,r){var a=ft,l=Mt.transition;Mt.transition=null;try{ft=1,At(e,n,t,r)}finally{ft=a,Mt.transition=l}}function Ht(e,n,t,r){var a=ft,l=Mt.transition;Mt.transition=null;try{ft=4,At(e,n,t,r)}finally{ft=a,Mt.transition=l}}function At(e,n,t,r){if(Ft){var a=jt(e,n,t,r);if(null===a)Ma(e,n,r,Ut,t),Nt(e,r);else if(function(e,n,t,r,a){switch(n){case"focusin":return St=zt(St,e,n,t,r,a),!0;case"dragenter":return kt=zt(kt,e,n,t,r,a),!0;case"mouseover":return wt=zt(wt,e,n,t,r,a),!0;case"pointerover":var l=a.pointerId;return Et.set(l,zt(Et.get(l)||null,e,n,t,r,a)),!0;case"gotpointercapture":return xt.set(l=a.pointerId,zt(xt.get(l)||null,e,n,t,r,a)),!0}return!1}(a,e,n,t,r))r.stopPropagation();else if(Nt(e,r),4&n&&-1<Pt.indexOf(e)){for(;null!==a;){var l=sl(a);if(null!==l&&pt(l),null===(l=jt(e,n,t,r))&&Ma(e,n,r,Ut,t),l===a)break;a=l}null!==a&&r.stopPropagation()}else Ma(e,n,r,null,t)}}var Ut=null;function jt(e,n,t,r){if(Ut=null,null!==(e=cl(e=pn(r))))if(null===(n=Dn(e)))e=null;else if(13===(t=n.tag)){if(null!==(e=Mn(n)))return e;e=null}else if(3===t){if(n.stateNode.current.memoizedState.isDehydrated)return 3===n.tag?n.stateNode.containerInfo:null;e=null}else n!==e&&(e=null);return Ut=e,nul