npm - @inntechcorp/it-design - Versions diffs - 2.1.93 → 2.1.96 - Mend

@inntechcorp/it-design 2.1.93 → 2.1.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.cjs.js +2 -2
package/dist/index.esm.js +33 -33
package/dist/modal/container/ModalContainer.d.ts +13 -1
package/dist/modal/modal/Modal.d.ts +7 -0
package/package.json +1 -1

package/dist/index.cjs.js CHANGED Viewed

@@ -1578,7 +1578,7 @@ this.$={type:"Number",value:-1*parseFloat(o[b])}}},table:function(e){for(var b=[
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
   }
-`;const ic=e=>{const b=M.useRef(null),p=M.useRef(null),c=M.useRef(null),[n,r]=M.useState(!0),[O,i]=M.useState(!1),[a,s]=M.useState(!1),[A,d]=M.useState(!1),[l,q]=M.useState(!1),[u,f]=M.useState(""),[W,h]=M.useState(""),[m,R]=M.useState(""),[g,L]=M.useState("");BM(cc,(e=>f(e))),BM(nc,(e=>h(e))),BM(rc,(e=>R(e))),BM(Oc,(e=>L(e))),M.useEffect((()=>(e.onModalEvent(exports.ModalState.BEGIN,e.id?e.id:""),()=>{e.onModalEvent(exports.ModalState.REMOVED,e.id?e.id:"")})),[]),M.useEffect((()=>{e.isActive&&(i(n),n||e.onHideModal&&e.onHideModal(String(e.id)))}),[n]),wM(p,(()=>{!e.closeOnClickOutside||a||l||e.isActive&&(e.onModalEvent(exports.ModalState.OUTSIDE_CLICK,e.id?e.id:""),E(),i(!1))})),XM((()=>{e.preventESC||a||l||e.isActive&&(e.onModalEvent(exports.ModalState.ESC_CLICK,e.id?e.id:""),E(),i(!1))}));const v=()=>{e.isActive&&i(!1)},N=()=>{e.onRemoveModal&&e.onRemoveModal(String(e.id))},y=b=>{e.isActive&&(e.removeOthers,e.onShowModal(b))},x=e=>{d(!e)},B=e=>{s(e)},w=e=>{q(e)},X=()=>{e.onModalEvent(exports.ModalState.CLOSE_CLICK,e.id?e.id:""),E(),i(!1)},S=()=>{e.isActive&&(e.onModalEvent(exports.ModalState.OK_CLICK,e.id?e.id:""),T()&&i(!1))},k=()=>{e.isActive&&(e.onModalEvent(exports.ModalState.CANCEL_CLICK,e.id?e.id:""),E()&&i(!1))},T=()=>{if(!b.current)return!e.onOk||e.onOk();b.current.onClickOK&&b.current.onClickOK()},E=()=>{if(!b.current)return!e.onCancel||e.onCancel();b.current.onClickCancel&&b.current.onClickCancel()},_=()=>{e.onModalEvent(exports.ModalState.ENTERING,e.id?e.id:"")},C=()=>{e.onModalEvent(exports.ModalState.ENTERED,e.id?e.id:"")},D=()=>{e.onModalEvent(exports.ModalState.EXITING,e.id?e.id:"")},P=()=>{e.onModalEvent(exports.ModalState.EXITED,e.id?e.id:""),r(!1)},j=e=>{if(e.content&&Object(e.content).props&&Object.keys(Object(e.content).props).length>0)return{};let o={hideCurrentModal:v,removeCurrentModal:N,showAnotherModal:y,changeButtonsState:x,changeLoadingState:B,changeInnerLoadingState:w,modalProps:{...e.customProps},context:{...e.context}};return e.checkAutoRef&&e.content.type.hasOwnProperty("$$typeof")&&(console.log("(props.content as React.ReactElement).type['$$typeof']",e.content.type.$$typeof),"Symbol(react.forward_ref)"===e.content.type.$$typeof.toString()&&(o.ref=b)),e.useRef&&(o.ref=b),o},I=()=>{if(e.content)return o.jsx("div",{className:"itd-modal-middle-content-body",children:M.cloneElement(e.content,j(e))})},F=()=>{if(e.addContentBefore)return o.jsx(bc,{className:"itd-modal-middle-content-before",$padding:e.beforeContentPadding,children:e.addContentBefore})},$=()=>{if(e.addContentAfter)return o.jsx(oc,{className:"itd-modal-middle-content-after",$padding:e.afterContentPadding,children:e.addContentAfter})},V=()=>{let b=e.width;return"number"==typeof b&&(b=e.width+"px"),b};return M.useEffect((()=>{if(O){const e=window.innerWidth-document.documentElement.clientWidth;document.body.style.overflow="hidden",document.body.style.paddingRight=`${e}px`}else document.body.style.overflow="",document.body.style.paddingRight="";return()=>{document.body.style.overflow="",document.body.style.paddingRight=""}}),[O]),n?o.jsx("div",{className:"itd-modal-container".concat(" "+e.className),children:o.jsx(z.CSSTransition,{in:O,timeout:600,classNames:{enter:u,enterActive:W,exit:m,exitActive:g},nodeRef:c,onEntering:_,onEntered:C,onExiting:D,onExited:P,unmountOnExit:!0,children:o.jsx(Qt,{className:"itd-modal-content-wrapper",ref:c,children:o.jsx(Jt,{className:"itd-modal-inner-wrapper",$padding:e.outerPadding,children:o.jsx(Zt,{className:"itd-modal-body",$width:V(),children:o.jsx(ec,{className:"itd-modal-content",ref:p,children:o.jsxs(wt,{updating:l,children:[!1!==e.showCloseButton&&o.jsx(tc,{className:"itd-modal-close-button",children:o.jsx(Kt,{size:"x-small",variant:"ghost",onClick:X,icon:o.jsx(t.ReactSVG,{src:"data:image/svg+xml,%3csvg width = '10px' height = '10px' viewBox = '0 0 329.26933 329' xmlns = 'http://www.w3.org/2000/svg'%3e %3cpath d='m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0'%3e%3c/path%3e%3c/svg%3e"}),disabled:a||l||!e.isActive})}),e.title?o.jsx(pc,{className:"itd-modal-header",children:"string"==typeof e.title?o.jsx(yi,{children:e.title}):e.title}):null,F(),o.jsx(Mc,{className:"itd-modal-middle-content",$padding:e.contentPadding,children:I()}),$(),e.showOkButton||e.showCancelButton?o.jsxs(zc,{className:"itd-modal-footer",children:[e.showCancelButton&&o.jsx(Kt,{variant:"solid",size:"small",type:"button",onClick:k,disabled:a||l||!e.isActive||A,...e.cancelButtonProps,children:e.cancelButtonText}),e.showOkButton&&o.jsx(Kt,{variant:"default",size:"small",type:"button",onClick:S,loading:a,disabled:l||!e.isActive||A,...e.okButtonProps,children:e.okButtonText})]}):null]})})})})})})}):null},ac=Rt.div`
+`;const ic=e=>{const b=M.useRef(null),p=M.useRef(null),c=M.useRef(null),[n,r]=M.useState(!0),[O,i]=M.useState(!1),[a,s]=M.useState(!1),[A,d]=M.useState(!1),[l,q]=M.useState(!1),[u,f]=M.useState(""),[W,h]=M.useState(""),[m,R]=M.useState(""),[g,L]=M.useState("");BM(cc,(e=>f(e))),BM(nc,(e=>h(e))),BM(rc,(e=>R(e))),BM(Oc,(e=>L(e))),M.useEffect((()=>(e.onModalEvent(exports.ModalState.BEGIN,e.id?e.id:""),()=>{e.onModalEvent(exports.ModalState.REMOVED,e.id?e.id:"")})),[]),M.useEffect((()=>{i(n),n||e.onHideModal&&e.onHideModal(String(e.id))}),[n]),wM(p,(()=>{!e.closeOnClickOutside||a||l||e.isActive&&(e.onModalEvent(exports.ModalState.OUTSIDE_CLICK,e.id?e.id:""),E(),i(!1))})),XM((()=>{e.preventESC||a||l||e.isActive&&(e.onModalEvent(exports.ModalState.ESC_CLICK,e.id?e.id:""),E(),i(!1))}));const v=()=>{e.isActive&&i(!1)},N=()=>{e.onRemoveModal&&e.onRemoveModal(String(e.id))},y=b=>{e.isActive&&(e.removeOthers,e.onShowModal(b))},x=e=>{d(!e)},B=e=>{s(e)},w=e=>{q(e)},X=()=>{e.onModalEvent(exports.ModalState.CLOSE_CLICK,e.id?e.id:""),E(),e.hideModalFromProvider(e.id?e.id:""),i(!1)},S=()=>{e.isActive&&(e.onModalEvent(exports.ModalState.OK_CLICK,e.id?e.id:""),T()&&(e.hideModalFromProvider(e.id?e.id:""),i(!1)))},k=()=>{e.isActive&&(e.onModalEvent(exports.ModalState.CANCEL_CLICK,e.id?e.id:""),E()&&(e.hideModalFromProvider(e.id?e.id:""),i(!1)))},T=()=>{if(!b.current)return!e.onOk||e.onOk();b.current.onClickOK&&b.current.onClickOK()},E=()=>{if(!b.current)return!e.onCancel||e.onCancel();b.current.onClickCancel&&b.current.onClickCancel()},_=()=>{e.onModalEvent(exports.ModalState.ENTERING,e.id?e.id:"")},C=()=>{e.onModalEvent(exports.ModalState.ENTERED,e.id?e.id:"")},D=()=>{e.onModalEvent(exports.ModalState.EXITING,e.id?e.id:"")},P=()=>{e.onModalEvent(exports.ModalState.EXITED,e.id?e.id:""),r(!1)},j=e=>{if(e.content&&Object(e.content).props&&Object.keys(Object(e.content).props).length>0)return{};let o={hideCurrentModal:v,removeCurrentModal:N,showAnotherModal:y,changeButtonsState:x,changeLoadingState:B,changeInnerLoadingState:w,modalProps:{...e.customProps},context:{...e.context}};return e.checkAutoRef&&e.content.type.hasOwnProperty("$$typeof")&&(console.log("(props.content as React.ReactElement).type['$$typeof']",e.content.type.$$typeof),"Symbol(react.forward_ref)"===e.content.type.$$typeof.toString()&&(o.ref=b)),e.useRef&&(o.ref=b),o},I=()=>{if(e.content)return o.jsx("div",{className:"itd-modal-middle-content-body",children:M.cloneElement(e.content,j(e))})},F=()=>{if(e.addContentBefore)return o.jsx(bc,{className:"itd-modal-middle-content-before",$padding:e.beforeContentPadding,children:e.addContentBefore})},$=()=>{if(e.addContentAfter)return o.jsx(oc,{className:"itd-modal-middle-content-after",$padding:e.afterContentPadding,children:e.addContentAfter})},V=()=>{let b=e.width;return"number"==typeof b&&(b=e.width+"px"),b};return M.useEffect((()=>{if(O){const e=window.innerWidth-document.documentElement.clientWidth;document.body.style.overflow="hidden",document.body.style.paddingRight=`${e}px`}else document.body.style.overflow="",document.body.style.paddingRight="";return()=>{document.body.style.overflow="",document.body.style.paddingRight=""}}),[O]),M.useEffect((()=>{e.modalEvent.event===exports.ModalState.EXITING&&e.modalEvent.id===e.id&&i(!1)}),[e.modalEvent,e.id]),M.useEffect((()=>{!e.isVisible&&O&&i(!1)}),[e.isVisible,O,e.id]),n?o.jsx("div",{className:"itd-modal-container".concat(" "+e.className),children:o.jsx(z.CSSTransition,{in:O,timeout:600,classNames:{enter:u,enterActive:W,exit:m,exitActive:g},nodeRef:c,onEntering:_,onEntered:C,onExiting:D,onExited:P,unmountOnExit:!0,children:o.jsx(Qt,{className:"itd-modal-content-wrapper",ref:c,children:o.jsx(Jt,{className:"itd-modal-inner-wrapper",$padding:e.outerPadding,children:o.jsx(Zt,{className:"itd-modal-body",$width:V(),children:o.jsx(ec,{className:"itd-modal-content",ref:p,children:o.jsxs(wt,{updating:l,children:[!1!==e.showCloseButton&&o.jsx(tc,{className:"itd-modal-close-button",children:o.jsx(Kt,{size:"x-small",variant:"ghost",onClick:X,icon:o.jsx(t.ReactSVG,{src:"data:image/svg+xml,%3csvg width = '10px' height = '10px' viewBox = '0 0 329.26933 329' xmlns = 'http://www.w3.org/2000/svg'%3e %3cpath d='m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0'%3e%3c/path%3e%3c/svg%3e"}),disabled:a||l||!e.isActive})}),e.title?o.jsx(pc,{className:"itd-modal-header",children:"string"==typeof e.title?o.jsx(yi,{children:e.title}):e.title}):null,F(),o.jsx(Mc,{className:"itd-modal-middle-content",$padding:e.contentPadding,children:I()}),$(),e.showOkButton||e.showCancelButton?o.jsxs(zc,{className:"itd-modal-footer",children:[e.showCancelButton&&o.jsx(Kt,{variant:"solid",size:"small",type:"button",onClick:k,disabled:a||l||!e.isActive||A,...e.cancelButtonProps,children:e.cancelButtonText}),e.showOkButton&&o.jsx(Kt,{variant:"default",size:"small",type:"button",onClick:S,loading:a,disabled:l||!e.isActive||A,...e.okButtonProps,children:e.okButtonText})]}):null]})})})})})})}):null},ac=Rt.div`
   width: 100vw;
   height: 100vh;
@@ -1604,7 +1604,7 @@ this.$={type:"Number",value:-1*parseFloat(o[b])}}},table:function(e){for(var b=[
         opacity: 0;
       `}
-`,Ac="itd-modal-root",dc=({onShowModal:e,onHideModal:b,onRemoveModal:z,onModalEvent:t,modals:c})=>{const[n,r]=M.useState(null),[O,i]=M.useState([]);M.useEffect((()=>{if(c.map((e=>{O.includes(String(e.id))||i([...O,String(e.id)])})),c.length>0&&!n){if(!document.getElementById(Ac)){let e=document.createElement("div");e.id=Ac,e.style.cssText="position:absolute;z-index:4",document.body.appendChild(e),r(e)}}else if(0===c.length&&n)try{document.body.removeChild(n),r(null)}catch{}}),[c]);const a=(e,b)=>{t(e,b)},s=b=>{e(b)},A=e=>o.jsx(ic,{onShowModal:s,onHideModal:()=>((e="")=>{i(O.filter((b=>b!==e))),setTimeout((()=>b(e)),250)})(e.id),onRemoveModal:z,onModalEvent:a,isActive:c[c.length-1].id===e.id,...e},e.id);return n?p.createPortal(o.jsx("div",{children:c.map((e=>o.jsxs(ac,{id:e.id,className:"itd-modal",children:[o.jsx(sc,{className:"itd-modal-overlay",$show:O.includes(String(e.id))}),A(e)]},e.id)))}),n):null},lc=M.createContext({});lc.displayName="ITDModalContext";const qc={id:"",className:"",title:null,width:"500px",closeOnClickOutside:!0,preventESC:!1,removeOthers:!1,showOkButton:!0,showCancelButton:!0,showCloseButton:!0,okButtonText:"OK",cancelButtonText:"Cancel",okButtonProps:null,cancelButtonProps:null,customProps:{},context:{},onOk:null,onCancel:null,useRef:!1,checkAutoRef:!1,content:null,outerPadding:"50px",contentPadding:"30px 20px",beforeContentPadding:"30px 20px 0",afterContentPadding:"0 20px 30px",addContentAfter:null,addContentBefore:null},uc=({children:e})=>{const[b,p]=M.useState([]),[z,t]=M.useState([]),[c,n]=M.useState({event:exports.ModalState.NOT_SHOW,id:""}),r=(e,b)=>{e!==exports.ModalState.NOT_SHOW&&n({event:e,id:b})},O=M.useCallback((e=>{const o={...qc,...e};""===o.id&&(o.id=K("itd-modal-")),p(o.removeOthers?[o]:[...b,o]),t(o.removeOthers?[o.id]:[...z,o.id])}),[b]),i=M.useCallback((e=>{const o=z.findIndex((b=>b===e));if(-1!==o){const e=[...z.slice(0,o),...z.slice(o+1)];t(e)}const M=b.findIndex((b=>b.id===e));if(-1!==M){const e=[...b.slice(0,M),...b.slice(M+1)];p(e)}}),[b,z]),a=M.useCallback((e=>{i(e)}),[i]);return o.jsxs(lc.Provider,{value:{showModal:O,hideModal:a,removeModal:i,removeAllModals:()=>{t([]),p([]),r(exports.ModalState.ALL_REMOVED,"")},modalEvent:c,isVisible:e=>z.includes(e)},children:[e,o.jsx(dc,{onShowModal:O,onHideModal:a,onRemoveModal:i,onModalEvent:r,modals:b})]})},fc={useModal:()=>M.useContext(lc)};var Wc=Ec(),hc=e=>Xc(e,Wc),mc=Ec();hc.write=e=>Xc(e,mc);var Rc=Ec();hc.onStart=e=>Xc(e,Rc);var gc=Ec();hc.onFrame=e=>Xc(e,gc);var Lc=Ec();hc.onFinish=e=>Xc(e,Lc);var vc=[];hc.setTimeout=(e,b)=>{const o=hc.now()+b,M=()=>{const e=vc.findIndex((e=>e.cancel==M));~e&&vc.splice(e,1),Bc-=~e?1:0},p={time:o,handler:e,cancel:M};return vc.splice(Nc(o),0,p),Bc+=1,Sc(),p};var Nc=e=>~(~vc.findIndex((b=>b.time>e))||~vc.length);hc.cancel=e=>{Rc.delete(e),gc.delete(e),Lc.delete(e),Wc.delete(e),mc.delete(e)},hc.sync=e=>{wc=!0,hc.batchedUpdates(e),wc=!1},hc.throttle=e=>{let b;function o(){try{e(...b)}finally{b=null}}function M(...e){b=e,hc.onStart(o)}return M.handler=e,M.cancel=()=>{Rc.delete(o),b=null},M};var yc="undefined"!=typeof window?window.requestAnimationFrame:()=>{};hc.use=e=>yc=e,hc.now="undefined"!=typeof performance?()=>performance.now():Date.now,hc.batchedUpdates=e=>e(),hc.catch=console.error,hc.frameLoop="always",hc.advance=()=>{"demand"!==hc.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):Tc()};var xc=-1,Bc=0,wc=!1;function Xc(e,b){wc?(b.delete(e),e(0)):(b.add(e),Sc())}function Sc(){xc<0&&(xc=0,"demand"!==hc.frameLoop&&yc(kc))}function kc(){~xc&&(yc(kc),hc.batchedUpdates(Tc))}function Tc(){const e=xc;xc=hc.now();const b=Nc(xc);b&&(_c(vc.splice(0,b),(e=>e.handler())),Bc-=b),Bc?(Rc.flush(),Wc.flush(e?Math.min(64,xc-e):16.667),gc.flush(),mc.flush(),Lc.flush()):xc=-1}function Ec(){let e=new Set,b=e;return{add(o){Bc+=b!=e||e.has(o)?0:1,e.add(o)},delete:o=>(Bc-=b==e&&e.has(o)?1:0,e.delete(o)),flush(o){b.size&&(e=new Set,Bc-=b.size,_c(b,(b=>b(o)&&e.add(b))),Bc+=e.size,b=e)}}}function _c(e,b){e.forEach((e=>{try{b(e)}catch(e){hc.catch(e)}}))}var Cc=Object.defineProperty,Dc={};function Pc(){}((e,b)=>{for(var o in b)Cc(e,o,{get:b[o],enumerable:!0})})(Dc,{assign:()=>en,colors:()=>Qc,createStringInterpolator:()=>Hc,skipAnimation:()=>Jc,to:()=>Yc,willAdvance:()=>Zc});var jc={arr:Array.isArray,obj:e=>!!e&&"Object"===e.constructor.name,fun:e=>"function"==typeof e,str:e=>"string"==typeof e,num:e=>"number"==typeof e,und:e=>void 0===e};function Ic(e,b){if(jc.arr(e)){if(!jc.arr(b)||e.length!==b.length)return!1;for(let o=0;o<e.length;o++)if(e[o]!==b[o])return!1;return!0}return e===b}var Fc=(e,b)=>e.forEach(b);function $c(e,b,o){if(jc.arr(e))for(let M=0;M<e.length;M++)b.call(o,e[M],`${M}`);else for(const M in e)e.hasOwnProperty(M)&&b.call(o,e[M],M)}var Vc=e=>jc.und(e)?[]:jc.arr(e)?e:[e];function Uc(e,b){if(e.size){const o=Array.from(e);e.clear(),Fc(o,b)}}var Hc,Yc,Gc=(e,...b)=>Uc(e,(e=>e(...b))),Kc=()=>"undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent),Qc=null,Jc=!1,Zc=Pc,en=e=>{e.to&&(Yc=e.to),e.now&&(hc.now=e.now),void 0!==e.colors&&(Qc=e.colors),null!=e.skipAnimation&&(Jc=e.skipAnimation),e.createStringInterpolator&&(Hc=e.createStringInterpolator),e.requestAnimationFrame&&hc.use(e.requestAnimationFrame),e.batchedUpdates&&(hc.batchedUpdates=e.batchedUpdates),e.willAdvance&&(Zc=e.willAdvance),e.frameLoop&&(hc.frameLoop=e.frameLoop)},bn=new Set,on=[],Mn=[],pn=0,zn={get idle(){return!bn.size&&!on.length},start(e){pn>e.priority?(bn.add(e),hc.onStart(tn)):(cn(e),hc(rn))},advance:rn,sort(e){if(pn)hc.onFrame((()=>zn.sort(e)));else{const b=on.indexOf(e);~b&&(on.splice(b,1),nn(e))}},clear(){on=[],bn.clear()}};function tn(){bn.forEach(cn),bn.clear(),hc(rn)}function cn(e){on.includes(e)||nn(e)}function nn(e){on.splice(function(e,b){const o=e.findIndex(b);return o<0?e.length:o}(on,(b=>b.priority>e.priority)),0,e)}function rn(e){const b=Mn;for(let o=0;o<on.length;o++){const M=on[o];pn=M.priority,M.idle||(Zc(M),M.advance(e),M.idle||b.push(M))}return pn=0,(Mn=on).length=0,(on=b).length>0}var On="[-+]?\\d*\\.?\\d+",an=On+"%";function sn(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}var An=new RegExp("rgb"+sn(On,On,On)),dn=new RegExp("rgba"+sn(On,On,On,On)),ln=new RegExp("hsl"+sn(On,an,an)),qn=new RegExp("hsla"+sn(On,an,an,On)),un=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,fn=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,Wn=/^#([0-9a-fA-F]{6})$/,hn=/^#([0-9a-fA-F]{8})$/;function mn(e,b,o){return o<0&&(o+=1),o>1&&(o-=1),o<1/6?e+6*(b-e)*o:o<.5?b:o<2/3?e+(b-e)*(2/3-o)*6:e}function Rn(e,b,o){const M=o<.5?o*(1+b):o+b-o*b,p=2*o-M,z=mn(p,M,e+1/3),t=mn(p,M,e),c=mn(p,M,e-1/3);return Math.round(255*z)<<24|Math.round(255*t)<<16|Math.round(255*c)<<8}function gn(e){const b=parseInt(e,10);return b<0?0:b>255?255:b}function Ln(e){return(parseFloat(e)%360+360)%360/360}function vn(e){const b=parseFloat(e);return b<0?0:b>1?255:Math.round(255*b)}function Nn(e){const b=parseFloat(e);return b<0?0:b>100?1:b/100}function yn(e){let b=function(e){let b;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(b=Wn.exec(e))?parseInt(b[1]+"ff",16)>>>0:Qc&&void 0!==Qc[e]?Qc[e]:(b=An.exec(e))?(gn(b[1])<<24|gn(b[2])<<16|gn(b[3])<<8|255)>>>0:(b=dn.exec(e))?(gn(b[1])<<24|gn(b[2])<<16|gn(b[3])<<8|vn(b[4]))>>>0:(b=un.exec(e))?parseInt(b[1]+b[1]+b[2]+b[2]+b[3]+b[3]+"ff",16)>>>0:(b=hn.exec(e))?parseInt(b[1],16)>>>0:(b=fn.exec(e))?parseInt(b[1]+b[1]+b[2]+b[2]+b[3]+b[3]+b[4]+b[4],16)>>>0:(b=ln.exec(e))?(255|Rn(Ln(b[1]),Nn(b[2]),Nn(b[3])))>>>0:(b=qn.exec(e))?(Rn(Ln(b[1]),Nn(b[2]),Nn(b[3]))|vn(b[4]))>>>0:null}(e);if(null===b)return e;b=b||0;return`rgba(${(4278190080&b)>>>24}, ${(16711680&b)>>>16}, ${(65280&b)>>>8}, ${(255&b)/255})`}var xn=(e,b,o)=>{if(jc.fun(e))return e;if(jc.arr(e))return xn({range:e,output:b,extrapolate:o});if(jc.str(e.output[0]))return Hc(e);const M=e,p=M.output,z=M.range||[0,1],t=M.extrapolateLeft||M.extrapolate||"extend",c=M.extrapolateRight||M.extrapolate||"extend",n=M.easing||(e=>e);return e=>{const b=function(e,b){for(var o=1;o<b.length-1&&!(b[o]>=e);++o);return o-1}(e,z);return function(e,b,o,M,p,z,t,c,n){let r=n?n(e):e;if(r<b){if("identity"===t)return r;"clamp"===t&&(r=b)}if(r>o){if("identity"===c)return r;"clamp"===c&&(r=o)}if(M===p)return M;if(b===o)return e<=b?M:p;b===-1/0?r=-r:o===1/0?r-=b:r=(r-b)/(o-b);r=z(r),M===-1/0?r=-r:p===1/0?r+=M:r=r*(p-M)+M;return r}(e,z[b],z[b+1],p[b],p[b+1],n,t,c,M.map)}};var Bn=Symbol.for("FluidValue.get"),wn=Symbol.for("FluidValue.observers"),Xn=e=>Boolean(e&&e[Bn]),Sn=e=>e&&e[Bn]?e[Bn]():e,kn=e=>e[wn]||null;function Tn(e,b){const o=e[wn];o&&o.forEach((e=>{!function(e,b){e.eventObserved?e.eventObserved(b):e(b)}(e,b)}))}var En=class{constructor(e){if(!e&&!(e=this.get))throw Error("Unknown getter");_n(this,e)}},_n=(e,b)=>jn(e,Bn,b);function Cn(e,b){if(e[Bn]){let o=e[wn];o||jn(e,wn,o=new Set),o.has(b)||(o.add(b),e.observerAdded&&e.observerAdded(o.size,b))}return b}function Dn(e,b){const o=e[wn];if(o&&o.has(b)){const M=o.size-1;M?o.delete(b):e[wn]=null,e.observerRemoved&&e.observerRemoved(M,b)}}var Pn,jn=(e,b,o)=>Object.defineProperty(e,b,{value:o,writable:!0,configurable:!0}),In=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Fn=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,$n=new RegExp(`(${In.source})(%|[a-z]+)`,"i"),Vn=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,Un=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,Hn=e=>{const[b,o]=Yn(e);if(!b||Kc())return e;const M=window.getComputedStyle(document.documentElement).getPropertyValue(b);if(M)return M.trim();if(o&&o.startsWith("--")){const b=window.getComputedStyle(document.documentElement).getPropertyValue(o);return b||e}return o&&Un.test(o)?Hn(o):o||e},Yn=e=>{const b=Un.exec(e);if(!b)return[,];const[,o,M]=b;return[o,M]},Gn=(e,b,o,M,p)=>`rgba(${Math.round(b)}, ${Math.round(o)}, ${Math.round(M)}, ${p})`,Kn=e=>{Pn||(Pn=Qc?new RegExp(`(${Object.keys(Qc).join("|")})(?!\\w)`,"g"):/^\b$/);const b=e.output.map((e=>Sn(e).replace(Un,Hn).replace(Fn,yn).replace(Pn,yn))),o=b.map((e=>e.match(In).map(Number))),M=o[0].map(((e,b)=>o.map((e=>{if(!(b in e))throw Error('The arity of each "output" value must be equal');return e[b]})))),p=M.map((b=>xn({...e,output:b})));return e=>{const o=!$n.test(b[0])&&b.find((e=>$n.test(e)))?.replace(In,"");let M=0;return b[0].replace(In,(()=>`${p[M++](e)}${o||""}`)).replace(Vn,Gn)}},Qn="react-spring: ",Jn=e=>{const b=e;let o=!1;if("function"!=typeof b)throw new TypeError(`${Qn}once requires a function parameter`);return(...e)=>{o||(b(...e),o=!0)}},Zn=Jn(console.warn);var er=Jn(console.warn);function br(e){return jc.str(e)&&("#"==e[0]||/\d/.test(e)||!Kc()&&Un.test(e)||e in(Qc||{}))}var or=Kc()?M.useEffect:M.useLayoutEffect;function Mr(){const e=M.useState()[1],b=(()=>{const e=M.useRef(!1);return or((()=>(e.current=!0,()=>{e.current=!1})),[]),e})();return()=>{b.current&&e(Math.random())}}var pr=e=>M.useEffect(e,zr),zr=[];var tr=Symbol.for("Animated:node"),cr=e=>e&&e[tr],nr=(e,b)=>{return o=e,M=tr,p=b,Object.defineProperty(o,M,{value:p,writable:!0,configurable:!0});var o,M,p},rr=e=>e&&e[tr]&&e[tr].getPayload(),Or=class{constructor(){nr(this,this)}getPayload(){return this.payload||[]}},ir=class extends Or{constructor(e){super(),this._value=e,this.done=!0,this.durationProgress=0,jc.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new ir(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,b){return jc.num(e)&&(this.lastPosition=e,b&&(e=Math.round(e/b)*b,this.done&&(this.lastPosition=e))),this._value!==e&&(this._value=e,!0)}reset(){const{done:e}=this;this.done=!1,jc.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}},ar=class extends ir{constructor(e){super(0),this._string=null,this._toString=xn({output:[e,e]})}static create(e){return new ar(e)}getValue(){const e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(jc.str(e)){if(e==this._string)return!1;this._string=e,this._value=1}else{if(!super.setValue(e))return!1;this._string=null}return!0}reset(e){e&&(this._toString=xn({output:[this.getValue(),e]})),this._value=0,super.reset()}},sr={dependencies:null},Ar=class extends Or{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const b={};return $c(this.source,((o,M)=>{var p;(p=o)&&p[tr]===p?b[M]=o.getValue(e):Xn(o)?b[M]=Sn(o):e||(b[M]=o)})),b}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&Fc(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const b=new Set;return $c(e,this._addToPayload,b),Array.from(b)}}_addToPayload(e){sr.dependencies&&Xn(e)&&sr.dependencies.add(e);const b=rr(e);b&&Fc(b,(e=>this.add(e)))}},dr=class extends Ar{constructor(e){super(e)}static create(e){return new dr(e)}getValue(){return this.source.map((e=>e.getValue()))}setValue(e){const b=this.getPayload();return e.length==b.length?b.map(((b,o)=>b.setValue(e[o]))).some(Boolean):(super.setValue(e.map(lr)),!0)}};function lr(e){return(br(e)?ar:ir).create(e)}function qr(e){const b=cr(e);return b?b.constructor:jc.arr(e)?dr:br(e)?ar:ir}var ur=(e,b)=>{const o=!jc.fun(e)||e.prototype&&e.prototype.isReactComponent;return M.forwardRef(((p,z)=>{const t=M.useRef(null),c=o&&M.useCallback((e=>{t.current=function(e,b){e&&(jc.fun(e)?e(b):e.current=b);return b}(z,e)}),[z]),[n,r]=function(e,b){const o=new Set;sr.dependencies=o,e.style&&(e={...e,style:b.createAnimatedStyle(e.style)});return e=new Ar(e),sr.dependencies=null,[e,o]}(p,b),O=Mr(),i=()=>{const e=t.current;if(o&&!e)return;!1===(!!e&&b.applyAnimatedValues(e,n.getValue(!0)))&&O()},a=new fr(i,r),s=M.useRef();or((()=>(s.current=a,Fc(r,(e=>Cn(e,a))),()=>{s.current&&(Fc(s.current.deps,(e=>Dn(e,s.current))),hc.cancel(s.current.update))}))),M.useEffect(i,[]),pr((()=>()=>{const e=s.current;Fc(e.deps,(b=>Dn(b,e)))}));const A=b.getComponentProps(n.getValue());return u.createElement(e,{...A,ref:c})}))},fr=class{constructor(e,b){this.update=e,this.deps=b}eventObserved(e){"change"==e.type&&hc.write(this.update)}};var Wr=Symbol.for("AnimatedComponent"),hr=e=>jc.str(e)?e:e&&jc.str(e.displayName)?e.displayName:jc.fun(e)&&e.name||null;function mr(e,...b){return jc.fun(e)?e(...b):e}var Rr=(e,b)=>!0===e||!!(b&&e&&(jc.fun(e)?e(b):Vc(e).includes(b))),gr=(e,b)=>jc.obj(e)?b&&e[b]:e,Lr=(e,b)=>!0===e.default?e[b]:e.default?e.default[b]:void 0,vr=e=>e,Nr=(e,b=vr)=>{let o=yr;e.default&&!0!==e.default&&(e=e.default,o=Object.keys(e));const M={};for(const p of o){const o=b(e[p],p);jc.und(o)||(M[p]=o)}return M},yr=["config","onProps","onStart","onChange","onPause","onResume","onRest"],xr={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 Br(e){const b=function(e){const b={};let o=0;if($c(e,((e,M)=>{xr[M]||(b[M]=e,o++)})),o)return b}(e);if(b){const o={to:b};return $c(e,((e,M)=>M in b||(o[M]=e))),o}return{...e}}function wr(e){return e=Sn(e),jc.arr(e)?e.map(wr):br(e)?Dc.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function Xr(e){return jc.fun(e)||jc.arr(e)&&jc.obj(e[0])}function Sr(e,b){e.ref?.delete(e),b?.delete(e)}var kr={tension:170,friction:26,mass:1,damping:1,easing:e=>e,clamp:!1},Tr=class{constructor(){this.velocity=0,Object.assign(this,kr)}};function Er(e,b){if(jc.und(b.decay)){const o=!jc.und(b.tension)||!jc.und(b.friction);!o&&jc.und(b.frequency)&&jc.und(b.damping)&&jc.und(b.mass)||(e.duration=void 0,e.decay=void 0),o&&(e.frequency=void 0)}else e.duration=void 0}var _r=[],Cr=class{constructor(){this.changed=!1,this.values=_r,this.toValues=null,this.fromValues=_r,this.config=new Tr,this.immediate=!1}};function Dr(e,{key:b,props:o,defaultProps:M,state:p,actions:z}){return new Promise(((t,c)=>{let n,r,O=Rr(o.cancel??M?.cancel,b);if(O)s();else{jc.und(o.pause)||(p.paused=Rr(o.pause,b));let e=M?.pause;!0!==e&&(e=p.paused||Rr(e,b)),n=mr(o.delay||0,b),e?(p.resumeQueue.add(a),z.pause()):(z.resume(),a())}function i(){p.resumeQueue.add(a),p.timeouts.delete(r),r.cancel(),n=r.time-hc.now()}function a(){n>0&&!Dc.skipAnimation?(p.delayed=!0,r=hc.setTimeout(s,n),p.pauseQueue.add(i),p.timeouts.add(r)):s()}function s(){p.delayed&&(p.delayed=!1),p.pauseQueue.delete(i),p.timeouts.delete(r),e<=(p.cancelId||0)&&(O=!0);try{z.start({...o,callId:e,cancel:O},t)}catch(e){c(e)}}}))}var Pr=(e,b)=>1==b.length?b[0]:b.some((e=>e.cancelled))?Fr(e.get()):b.every((e=>e.noop))?jr(e.get()):Ir(e.get(),b.every((e=>e.finished))),jr=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),Ir=(e,b,o=!1)=>({value:e,finished:b,cancelled:o}),Fr=e=>({value:e,cancelled:!0,finished:!1});function $r(e,b,o,M){const{callId:p,parentId:z,onRest:t}=b,{asyncTo:c,promise:n}=o;return z||e!==c||b.reset?o.promise=(async()=>{o.asyncId=p,o.asyncTo=e;const r=Nr(b,((e,b)=>"onRest"===b?void 0:e));let O,i;const a=new Promise(((e,b)=>(O=e,i=b))),s=e=>{const b=p<=(o.cancelId||0)&&Fr(M)||p!==o.asyncId&&Ir(M,!1);if(b)throw e.result=b,i(e),e},A=(e,b)=>{const z=new Ur,t=new Hr;return(async()=>{if(Dc.skipAnimation)throw Vr(o),t.result=Ir(M,!1),i(t),t;s(z);const c=jc.obj(e)?{...e}:{...b,to:e};c.parentId=p,$c(r,((e,b)=>{jc.und(c[b])&&(c[b]=e)}));const n=await M.start(c);return s(z),o.paused&&await new Promise((e=>{o.resumeQueue.add(e)})),n})()};let d;if(Dc.skipAnimation)return Vr(o),Ir(M,!1);try{let b;b=jc.arr(e)?(async e=>{for(const b of e)await A(b)})(e):Promise.resolve(e(A,M.stop.bind(M))),await Promise.all([b.then(O),a]),d=Ir(M.get(),!0,!1)}catch(e){if(e instanceof Ur)d=e.result;else{if(!(e instanceof Hr))throw e;d=e.result}}finally{p==o.asyncId&&(o.asyncId=z,o.asyncTo=z?c:void 0,o.promise=z?n:void 0)}return jc.fun(t)&&hc.batchedUpdates((()=>{t(d,M,M.item)})),d})():n}function Vr(e,b){Uc(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,b&&(e.cancelId=b)}var Ur=class extends Error{constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise.")}},Hr=class extends Error{constructor(){super("SkipAnimationSignal")}},Yr=e=>e instanceof Kr,Gr=1,Kr=class extends En{constructor(){super(...arguments),this.id=Gr++,this._priority=0}get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){const e=cr(this);return e&&e.getValue()}to(...e){return Dc.to(this,e)}interpolate(...e){return Zn(`${Qn}The "interpolate" function is deprecated in v9 (use "to" instead)`),Dc.to(this,e)}toJSON(){return this.get()}observerAdded(e){1==e&&this._attach()}observerRemoved(e){0==e&&this._detach()}_attach(){}_detach(){}_onChange(e,b=!1){Tn(this,{type:"change",parent:this,value:e,idle:b})}_onPriorityChange(e){this.idle||zn.sort(this),Tn(this,{type:"priority",parent:this,priority:e})}},Qr=Symbol.for("SpringPhase"),Jr=e=>(1&e[Qr])>0,Zr=e=>(2&e[Qr])>0,eO=e=>(4&e[Qr])>0,bO=(e,b)=>b?e[Qr]|=3:e[Qr]&=-3,oO=(e,b)=>b?e[Qr]|=4:e[Qr]&=-5,MO=class extends Kr{constructor(e,b){if(super(),this.animation=new Cr,this.defaultProps={},this._state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!jc.und(e)||!jc.und(b)){const o=jc.obj(e)?{...e}:{...b,from:e};jc.und(o.default)&&(o.default=!0),this.start(o)}}get idle(){return!(Zr(this)||this._state.asyncTo)||eO(this)}get goal(){return Sn(this.animation.to)}get velocity(){const e=cr(this);return e instanceof ir?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return Jr(this)}get isAnimating(){return Zr(this)}get isPaused(){return eO(this)}get isDelayed(){return this._state.delayed}advance(e){let b=!0,o=!1;const M=this.animation;let{toValues:p}=M;const{config:z}=M,t=rr(M.to);!t&&Xn(M.to)&&(p=Vc(Sn(M.to))),M.values.forEach(((c,n)=>{if(c.done)return;const r=c.constructor==ar?1:t?t[n].lastPosition:p[n];let O=M.immediate,i=r;if(!O){if(i=c.lastPosition,z.tension<=0)return void(c.done=!0);let b=c.elapsedTime+=e;const o=M.fromValues[n],p=null!=c.v0?c.v0:c.v0=jc.arr(z.velocity)?z.velocity[n]:z.velocity;let t;const a=z.precision||(o==r?.005:Math.min(1,.001*Math.abs(r-o)));if(jc.und(z.duration))if(z.decay){const e=!0===z.decay?.998:z.decay,M=Math.exp(-(1-e)*b);i=o+p/(1-e)*(1-M),O=Math.abs(c.lastPosition-i)<=a,t=p*M}else{t=null==c.lastVelocity?p:c.lastVelocity;const b=z.restVelocity||a/10,M=z.clamp?0:z.bounce,n=!jc.und(M),s=o==r?c.v0>0:o<r;let A,d=!1;const l=1,q=Math.ceil(e/l);for(let e=0;e<q&&(A=Math.abs(t)>b,A||(O=Math.abs(r-i)<=a,!O));++e){n&&(d=i==r||i>r==s,d&&(t=-t*M,i=r));t+=(1e-6*-z.tension*(i-r)+.001*-z.friction*t)/z.mass*l,i+=t*l}}else{let M=1;z.duration>0&&(this._memoizedDuration!==z.duration&&(this._memoizedDuration=z.duration,c.durationProgress>0&&(c.elapsedTime=z.duration*c.durationProgress,b=c.elapsedTime+=e)),M=(z.progress||0)+b/this._memoizedDuration,M=M>1?1:M<0?0:M,c.durationProgress=M),i=o+z.easing(M)*(r-o),t=(i-c.lastPosition)/e,O=1==M}c.lastVelocity=t,Number.isNaN(i)&&(console.warn("Got NaN while animating:",this),O=!0)}t&&!t[n].done&&(O=!1),O?c.done=!0:b=!1,c.setValue(i,z.round)&&(o=!0)}));const c=cr(this),n=c.getValue();if(b){const e=Sn(M.to);n===e&&!o||z.decay?o&&z.decay&&this._onChange(n):(c.setValue(e),this._onChange(e)),this._stop()}else o&&this._onChange(n)}set(e){return hc.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(Zr(this)){const{to:e,config:b}=this.animation;hc.batchedUpdates((()=>{this._onStart(),b.decay||this._set(e,!1),this._stop()}))}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,b){let o;return jc.und(e)?(o=this.queue||[],this.queue=[]):o=[jc.obj(e)?e:{...b,to:e}],Promise.all(o.map((e=>this._update(e)))).then((e=>Pr(this,e)))}stop(e){const{to:b}=this.animation;return this._focus(this.get()),Vr(this._state,e&&this._lastCallId),hc.batchedUpdates((()=>this._stop(b,e))),this}reset(){this._update({reset:!0})}eventObserved(e){"change"==e.type?this._start():"priority"==e.type&&(this.priority=e.priority+1)}_prepareNode(e){const b=this.key||"";let{to:o,from:M}=e;o=jc.obj(o)?o[b]:o,(null==o||Xr(o))&&(o=void 0),M=jc.obj(M)?M[b]:M,null==M&&(M=void 0);const p={to:o,from:M};return Jr(this)||(e.reverse&&([o,M]=[M,o]),M=Sn(M),jc.und(M)?cr(this)||this._set(o):this._set(M)),p}_update({...e},b){const{key:o,defaultProps:M}=this;e.default&&Object.assign(M,Nr(e,((e,b)=>/^on/.test(b)?gr(e,o):e))),rO(this,e,"onProps"),OO(this,"onProps",e,this);const p=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?");const z=this._state;return Dr(++this._lastCallId,{key:o,props:e,defaultProps:M,state:z,actions:{pause:()=>{eO(this)||(oO(this,!0),Gc(z.pauseQueue),OO(this,"onPause",Ir(this,pO(this,this.animation.to)),this))},resume:()=>{eO(this)&&(oO(this,!1),Zr(this)&&this._resume(),Gc(z.resumeQueue),OO(this,"onResume",Ir(this,pO(this,this.animation.to)),this))},start:this._merge.bind(this,p)}}).then((o=>{if(e.loop&&o.finished&&(!b||!o.noop)){const b=zO(e);if(b)return this._update(b,!0)}return o}))}_merge(e,b,o){if(b.cancel)return this.stop(!0),o(Fr(this));const M=!jc.und(e.to),p=!jc.und(e.from);if(M||p){if(!(b.callId>this._lastToId))return o(Fr(this));this._lastToId=b.callId}const{key:z,defaultProps:t,animation:c}=this,{to:n,from:r}=c;let{to:O=n,from:i=r}=e;!p||M||b.default&&!jc.und(O)||(O=i),b.reverse&&([O,i]=[i,O]);const a=!Ic(i,r);a&&(c.from=i),i=Sn(i);const s=!Ic(O,n);s&&this._focus(O);const A=Xr(b.to),{config:d}=c,{decay:l,velocity:q}=d;(M||p)&&(d.velocity=0),b.config&&!A&&function(e,b,o){o&&(Er(o={...o},b),b={...o,...b}),Er(e,b),Object.assign(e,b);for(const b in kr)null==e[b]&&(e[b]=kr[b]);let{frequency:M,damping:p}=e;const{mass:z}=e;jc.und(M)||(M<.01&&(M=.01),p<0&&(p=0),e.tension=Math.pow(2*Math.PI/M,2)*z,e.friction=4*Math.PI*p*z/M)}(d,mr(b.config,z),b.config!==t.config?mr(t.config,z):void 0);let u=cr(this);if(!u||jc.und(O))return o(Ir(this,!0));const f=jc.und(b.reset)?p&&!b.default:!jc.und(i)&&Rr(b.reset,z),W=f?i:this.get(),h=wr(O),m=jc.num(h)||jc.arr(h)||br(h),R=!A&&(!m||Rr(t.immediate||b.immediate,z));if(s){const e=qr(O);if(e!==u.constructor){if(!R)throw Error(`Cannot animate between ${u.constructor.name} and ${e.name}, as the "to" prop suggests`);u=this._set(h)}}const g=u.constructor;let L=Xn(O),v=!1;if(!L){const e=f||!Jr(this)&&a;(s||e)&&(v=Ic(wr(W),h),L=!v),(Ic(c.immediate,R)||R)&&Ic(d.decay,l)&&Ic(d.velocity,q)||(L=!0)}if(v&&Zr(this)&&(c.changed&&!f?L=!0:L||this._stop(n)),!A&&((L||Xn(n))&&(c.values=u.getPayload(),c.toValues=Xn(O)?null:g==ar?[1]:Vc(h)),c.immediate!=R&&(c.immediate=R,R||f||this._set(n)),L)){const{onRest:e}=c;Fc(nO,(e=>rO(this,b,e)));const M=Ir(this,pO(this,n));Gc(this._pendingCalls,M),this._pendingCalls.add(o),c.changed&&hc.batchedUpdates((()=>{c.changed=!f,e?.(M,this),f?mr(t.onRest,M):c.onStart?.(M,this)}))}f&&this._set(W),A?o($r(b.to,b,this._state,this)):L?this._start():Zr(this)&&!s?this._pendingCalls.add(o):o(jr(W))}_focus(e){const b=this.animation;e!==b.to&&(kn(this)&&this._detach(),b.to=e,kn(this)&&this._attach())}_attach(){let e=0;const{to:b}=this.animation;Xn(b)&&(Cn(b,this),Yr(b)&&(e=b.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;Xn(e)&&Dn(e,this)}_set(e,b=!0){const o=Sn(e);if(!jc.und(o)){const e=cr(this);if(!e||!Ic(o,e.getValue())){const M=qr(o);e&&e.constructor==M?e.setValue(o):nr(this,M.create(o)),e&&hc.batchedUpdates((()=>{this._onChange(o,b)}))}}return cr(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,OO(this,"onStart",Ir(this,pO(this,e.to)),this))}_onChange(e,b){b||(this._onStart(),mr(this.animation.onChange,e,this)),mr(this.defaultProps.onChange,e,this),super._onChange(e,b)}_start(){const e=this.animation;cr(this).reset(Sn(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),Zr(this)||(bO(this,!0),eO(this)||this._resume())}_resume(){Dc.skipAnimation?this.finish():zn.start(this)}_stop(e,b){if(Zr(this)){bO(this,!1);const o=this.animation;Fc(o.values,(e=>{e.done=!0})),o.toValues&&(o.onChange=o.onPause=o.onResume=void 0),Tn(this,{type:"idle",parent:this});const M=b?Fr(this.get()):Ir(this.get(),pO(this,e??o.to));Gc(this._pendingCalls,M),o.changed&&(o.changed=!1,OO(this,"onRest",M,this))}}};function pO(e,b){const o=wr(b);return Ic(wr(e.get()),o)}function zO(e,b=e.loop,o=e.to){const M=mr(b);if(M){const p=!0!==M&&Br(M),z=(p||e).reverse,t=!p||p.reset;return tO({...e,loop:b,default:!1,pause:void 0,to:!z||Xr(o)?o:void 0,from:t?e.from:void 0,reset:t,...p})}}function tO(e){const{to:b,from:o}=e=Br(e),M=new Set;return jc.obj(b)&&cO(b,M),jc.obj(o)&&cO(o,M),e.keys=M.size?Array.from(M):null,e}function cO(e,b){$c(e,((e,o)=>null!=e&&b.add(o)))}var nO=["onStart","onRest","onChange","onPause","onResume"];function rO(e,b,o){e.animation[o]=b[o]!==Lr(b,o)?gr(b[o],e.key):void 0}function OO(e,b,...o){e.animation[b]?.(...o),e.defaultProps[b]?.(...o)}var iO=["onStart","onChange","onRest"],aO=1,sO=class{constructor(e,b){this.id=aO++,this.springs={},this.queue=[],this._lastAsyncId=0,this._active=new Set,this._changed=new Set,this._started=!1,this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._events={onStart:new Map,onChange:new Map,onRest:new Map},this._onFrame=this._onFrame.bind(this),b&&(this._flush=b),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(){const e={};return this.each(((b,o)=>e[o]=b.get())),e}set(e){for(const b in e){const o=e[b];jc.und(o)||this.springs[b].set(o)}}update(e){return e&&this.queue.push(tO(e)),this}start(e){let{queue:b}=this;return e?b=Vc(e).map(tO):this.queue=[],this._flush?this._flush(this,b):(uO(this,b),function(e,b){return Promise.all(b.map((b=>AO(e,b)))).then((b=>Pr(e,b)))}(this,b))}stop(e,b){if(e!==!!e&&(b=e),b){const o=this.springs;Fc(Vc(b),(b=>o[b].stop(!!e)))}else Vr(this._state,this._lastAsyncId),this.each((b=>b.stop(!!e)));return this}pause(e){if(jc.und(e))this.start({pause:!0});else{const b=this.springs;Fc(Vc(e),(e=>b[e].pause()))}return this}resume(e){if(jc.und(e))this.start({pause:!1});else{const b=this.springs;Fc(Vc(e),(e=>b[e].resume()))}return this}each(e){$c(this.springs,e)}_onFrame(){const{onStart:e,onChange:b,onRest:o}=this._events,M=this._active.size>0,p=this._changed.size>0;(M&&!this._started||p&&!this._started)&&(this._started=!0,Uc(e,(([e,b])=>{b.value=this.get(),e(b,this,this._item)})));const z=!M&&this._started,t=p||z&&o.size?this.get():null;p&&b.size&&Uc(b,(([e,b])=>{b.value=t,e(b,this,this._item)})),z&&(this._started=!1,Uc(o,(([e,b])=>{b.value=t,e(b,this,this._item)})))}eventObserved(e){if("change"==e.type)this._changed.add(e.parent),e.idle||this._active.add(e.parent);else{if("idle"!=e.type)return;this._active.delete(e.parent)}hc.onFrame(this._onFrame)}};async function AO(e,b,o){const{keys:M,to:p,from:z,loop:t,onRest:c,onResolve:n}=b,r=jc.obj(b.default)&&b.default;t&&(b.loop=!1),!1===p&&(b.to=null),!1===z&&(b.from=null);const O=jc.arr(p)||jc.fun(p)?p:void 0;O?(b.to=void 0,b.onRest=void 0,r&&(r.onRest=void 0)):Fc(iO,(o=>{const M=b[o];if(jc.fun(M)){const p=e._events[o];b[o]=({finished:e,cancelled:b})=>{const o=p.get(M);o?(e||(o.finished=!1),b&&(o.cancelled=!0)):p.set(M,{value:null,finished:e||!1,cancelled:b||!1})},r&&(r[o]=b[o])}}));const i=e._state;b.pause===!i.paused?(i.paused=b.pause,Gc(b.pause?i.pauseQueue:i.resumeQueue)):i.paused&&(b.pause=!0);const a=(M||Object.keys(e.springs)).map((o=>e.springs[o].start(b))),s=!0===b.cancel||!0===Lr(b,"cancel");(O||s&&i.asyncId)&&a.push(Dr(++e._lastAsyncId,{props:b,state:i,actions:{pause:Pc,resume:Pc,start(b,o){s?(Vr(i,e._lastAsyncId),o(Fr(e))):(b.onRest=c,o($r(O,b,i,e)))}}})),i.paused&&await new Promise((e=>{i.resumeQueue.add(e)}));const A=Pr(e,await Promise.all(a));if(t&&A.finished&&(!o||!A.noop)){const o=zO(b,t,p);if(o)return uO(e,[o]),AO(e,o,!0)}return n&&hc.batchedUpdates((()=>n(A,e,e.item))),A}function dO(e,b){const o={...e.springs};return b&&Fc(Vc(b),(e=>{jc.und(e.keys)&&(e=tO(e)),jc.obj(e.to)||(e={...e,to:void 0}),qO(o,e,(e=>lO(e)))})),function(e,b){$c(b,((b,o)=>{e.springs[o]||(e.springs[o]=b,Cn(b,e))}))}(e,o),o}function lO(e,b){const o=new MO;return o.key=e,b&&Cn(o,b),o}function qO(e,b,o){b.keys&&Fc(b.keys,(M=>{(e[M]||(e[M]=o(M)))._prepareNode(b)}))}function uO(e,b){Fc(b,(b=>{qO(e.springs,b,(b=>lO(b,e)))}))}var fO,WO,hO=({children:e,...b})=>{const o=M.useContext(mO),p=b.pause||!!o.pause,z=b.immediate||!!o.immediate;b=function(e,b){const[o]=M.useState((()=>({inputs:b,result:e()}))),p=M.useRef(),z=p.current;let t=z;if(t){const o=Boolean(b&&t.inputs&&function(e,b){if(e.length!==b.length)return!1;for(let o=0;o<e.length;o++)if(e[o]!==b[o])return!1;return!0}(b,t.inputs));o||(t={inputs:b,result:e()})}else t=o;return M.useEffect((()=>{p.current=t,z==o&&(o.inputs=o.result=void 0)}),[t]),t.result}((()=>({pause:p,immediate:z})),[p,z]);const{Provider:t}=mO;return u.createElement(t,{value:b},e)},mO=(fO=hO,WO={},Object.assign(fO,u.createContext(WO)),fO.Provider._context=fO,fO.Consumer._context=fO,fO);hO.Provider=mO.Provider,hO.Consumer=mO.Consumer;var RO=()=>{const e=[],b=function(b){er(`${Qn}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`);const M=[];return Fc(e,((e,p)=>{if(jc.und(b))M.push(e.start());else{const z=o(b,e,p);z&&M.push(e.start(z))}})),M};b.current=e,b.add=function(b){e.includes(b)||e.push(b)},b.delete=function(b){const o=e.indexOf(b);~o&&e.splice(o,1)},b.pause=function(){return Fc(e,(e=>e.pause(...arguments))),this},b.resume=function(){return Fc(e,(e=>e.resume(...arguments))),this},b.set=function(b){Fc(e,((e,o)=>{const M=jc.fun(b)?b(o,e):b;M&&e.set(M)}))},b.start=function(b){const o=[];return Fc(e,((e,M)=>{if(jc.und(b))o.push(e.start());else{const p=this._getProps(b,e,M);p&&o.push(e.start(p))}})),o},b.stop=function(){return Fc(e,(e=>e.stop(...arguments))),this},b.update=function(b){return Fc(e,((e,o)=>e.update(this._getProps(b,e,o)))),this};const o=function(e,b,o){return jc.fun(e)?e(o,b):e};return b._getProps=o,b};function gO(e,b,o){const p=jc.fun(b)&&b,{reset:z,sort:t,trail:c=0,expires:n=!0,exitBeforeEnter:r=!1,onDestroyed:O,ref:i,config:a}=p?p():b,s=M.useMemo((()=>p||3==arguments.length?RO():void 0),[]),A=Vc(e),d=[],l=M.useRef(null),q=z?null:l.current;or((()=>{l.current=d})),pr((()=>(Fc(d,(e=>{s?.add(e.ctrl),e.ctrl.ref=s})),()=>{Fc(l.current,(e=>{e.expired&&clearTimeout(e.expirationId),Sr(e.ctrl,s),e.ctrl.stop(!0)}))})));const f=function(e,{key:b,keys:o=b},M){if(null===o){const b=new Set;return e.map((e=>{const o=M&&M.find((o=>o.item===e&&"leave"!==o.phase&&!b.has(o)));return o?(b.add(o),o.key):LO++}))}return jc.und(o)?e:jc.fun(o)?e.map(o):Vc(o)}(A,p?p():b,q),W=z&&l.current||[];or((()=>Fc(W,(({ctrl:e,item:b,key:o})=>{Sr(e,s),mr(O,b,o)}))));const h=[];if(q&&Fc(q,((e,b)=>{e.expired?(clearTimeout(e.expirationId),W.push(e)):~(b=h[b]=f.indexOf(e.key))&&(d[b]=e)})),Fc(A,((e,b)=>{d[b]||(d[b]={key:f[b],item:e,phase:"mount",ctrl:new sO},d[b].ctrl.item=e)})),h.length){let e=-1;const{leave:o}=p?p():b;Fc(h,((b,M)=>{const p=q[M];~b?(e=d.indexOf(p),d[e]={...p,item:A[b]}):o&&d.splice(++e,0,p)}))}jc.fun(t)&&d.sort(((e,b)=>t(e.item,b.item)));let m=-c;const R=Mr(),g=Nr(b),L=new Map,v=M.useRef(new Map),N=M.useRef(!1);Fc(d,((e,o)=>{const M=e.key,z=e.phase,t=p?p():b;let O,s;const A=mr(t.delay||0,M);if("mount"==z)O=t.enter,s="enter";else{const e=f.indexOf(M)<0;if("leave"!=z)if(e)O=t.leave,s="leave";else{if(!(O=t.update))return;s="update"}else{if(e)return;O=t.enter,s="enter"}}if(O=mr(O,e.item,o),O=jc.obj(O)?Br(O):{to:O},!O.config){const b=a||g.config;O.config=mr(b,e.item,o,s)}m+=c;const d={...g,delay:A+m,ref:i,immediate:t.immediate,reset:!1,...O};if("enter"==s&&jc.und(d.from)){const M=p?p():b,z=jc.und(M.initial)||q?M.from:M.initial;d.from=mr(z,e.item,o)}const{onResolve:u}=d;d.onResolve=e=>{mr(u,e);const b=l.current,o=b.find((e=>e.key===M));if(o&&(!e.cancelled||"update"==o.phase)&&o.ctrl.idle){const e=b.every((e=>e.ctrl.idle));if("leave"==o.phase){const b=mr(n,o.item);if(!1!==b){const M=!0===b?0:b;if(o.expired=!0,!e&&M>0)return void(M<=2147483647&&(o.expirationId=setTimeout(R,M)))}}e&&b.some((e=>e.expired))&&(v.current.delete(o),r&&(N.current=!0),R())}};const W=dO(e.ctrl,d);"leave"===s&&r?v.current.set(e,{phase:s,springs:W,payload:d}):L.set(e,{phase:s,springs:W,payload:d})}));const y=M.useContext(hO),x=function(e){const b=M.useRef();return M.useEffect((()=>{b.current=e})),b.current}(y),B=y!==x&&function(e){for(const b in e)return!0;return!1}(y);or((()=>{B&&Fc(d,(e=>{e.ctrl.start({default:y})}))}),[y]),Fc(L,((e,b)=>{if(v.current.size){const e=d.findIndex((e=>e.key===b.key));d.splice(e,1)}})),or((()=>{Fc(v.current.size?v.current:L,(({phase:e,payload:b},o)=>{const{ctrl:M}=o;o.phase=e,s?.add(M),B&&"enter"==e&&M.start({default:y}),b&&(!function(e,b){b&&e.ref!==b&&(e.ref?.delete(e),b.add(e),e.ref=b)}(M,b.ref),!M.ref&&!s||N.current?(M.start(b),N.current&&(N.current=!1)):M.update(b))}))}),z?void 0:o);const w=e=>u.createElement(u.Fragment,null,d.map(((b,o)=>{const{springs:M}=L.get(b)||b.ctrl,p=e({...M},b.item,b,o);return p&&p.type?u.createElement(p.type,{...p.props,key:jc.str(b.key)||jc.num(b.key)?b.key:b.ctrl.id,ref:p.ref}):p})));return s?[w,s]:w}var LO=1;var vO=class extends Kr{constructor(e,b){super(),this.source=e,this.idle=!0,this._active=new Set,this.calc=xn(...b);const o=this._get(),M=qr(o);nr(this,M.create(o))}advance(e){const b=this._get();Ic(b,this.get())||(cr(this).setValue(b),this._onChange(b,this.idle)),!this.idle&&yO(this._active)&&xO(this)}_get(){const e=jc.arr(this.source)?this.source.map(Sn):Vc(Sn(this.source));return this.calc(...e)}_start(){this.idle&&!yO(this._active)&&(this.idle=!1,Fc(rr(this),(e=>{e.done=!1})),Dc.skipAnimation?(hc.batchedUpdates((()=>this.advance())),xO(this)):zn.start(this))}_attach(){let e=1;Fc(Vc(this.source),(b=>{Xn(b)&&Cn(b,this),Yr(b)&&(b.idle||this._active.add(b),e=Math.max(e,b.priority+1))})),this.priority=e,this._start()}_detach(){Fc(Vc(this.source),(e=>{Xn(e)&&Dn(e,this)})),this._active.clear(),xO(this)}eventObserved(e){"change"==e.type?e.idle?this.advance():(this._active.add(e.parent),this._start()):"idle"==e.type?this._active.delete(e.parent):"priority"==e.type&&(this.priority=Vc(this.source).reduce(((e,b)=>Math.max(e,(Yr(b)?b.priority:0)+1)),0))}};function NO(e){return!1!==e.idle}function yO(e){return!e.size||Array.from(e).every(NO)}function xO(e){e.idle||(e.idle=!0,Fc(rr(e),(e=>{e.done=!0})),Tn(e,{type:"idle",parent:e}))}Dc.assign({createStringInterpolator:Kn,to:(e,b)=>new vO(e,b)});var BO=/^--/;function wO(e,b){return null==b||"boolean"==typeof b||""===b?"":"number"!=typeof b||0===b||BO.test(e)||SO.hasOwnProperty(e)&&SO[e]?(""+b).trim():b+"px"}var XO={};var SO={animationIterationCount:!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,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},kO=["Webkit","Ms","Moz","O"];SO=Object.keys(SO).reduce(((e,b)=>(kO.forEach((o=>e[((e,b)=>e+b.charAt(0).toUpperCase()+b.substring(1))(o,b)]=e[b])),e)),SO);var TO=/^(matrix|translate|scale|rotate|skew)/,EO=/^(translate)/,_O=/^(rotate|skew)/,CO=(e,b)=>jc.num(e)&&0!==e?e+b:e,DO=(e,b)=>jc.arr(e)?e.every((e=>DO(e,b))):jc.num(e)?e===b:parseFloat(e)===b,PO=class extends Ar{constructor({x:e,y:b,z:o,...M}){const p=[],z=[];(e||b||o)&&(p.push([e||0,b||0,o||0]),z.push((e=>[`translate3d(${e.map((e=>CO(e,"px"))).join(",")})`,DO(e,0)]))),$c(M,((e,b)=>{if("transform"===b)p.push([e||""]),z.push((e=>[e,""===e]));else if(TO.test(b)){if(delete M[b],jc.und(e))return;const o=EO.test(b)?"px":_O.test(b)?"deg":"";p.push(Vc(e)),z.push("rotate3d"===b?([e,b,M,p])=>[`rotate3d(${e},${b},${M},${CO(p,o)})`,DO(p,0)]:e=>[`${b}(${e.map((e=>CO(e,o))).join(",")})`,DO(e,b.startsWith("scale")?1:0)])}})),p.length&&(M.transform=new jO(p,z)),super(M)}},jO=class extends En{constructor(e,b){super(),this.inputs=e,this.transforms=b,this._value=null}get(){return this._value||(this._value=this._get())}_get(){let e="",b=!0;return Fc(this.inputs,((o,M)=>{const p=Sn(o[0]),[z,t]=this.transforms[M](jc.arr(p)?p:o.map(Sn));e+=" "+z,b=b&&t})),b?"none":e}observerAdded(e){1==e&&Fc(this.inputs,(e=>Fc(e,(e=>Xn(e)&&Cn(e,this)))))}observerRemoved(e){0==e&&Fc(this.inputs,(e=>Fc(e,(e=>Xn(e)&&Dn(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Tn(this,e)}};Dc.assign({batchedUpdates:p.unstable_batchedUpdates,createStringInterpolator:Kn,colors:{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 IO=((e,{applyAnimatedValues:b=()=>!1,createAnimatedStyle:o=e=>new Ar(e),getComponentProps:M=e=>e}={})=>{const p={applyAnimatedValues:b,createAnimatedStyle:o,getComponentProps:M},z=e=>{const b=hr(e)||"Anonymous";return(e=jc.str(e)?z[e]||(z[e]=ur(e,p)):e[Wr]||(e[Wr]=ur(e,p))).displayName=`Animated(${b})`,e};return $c(e,((b,o)=>{jc.arr(e)&&(o=hr(b)),z[o]=z(b)})),{animated:z}})(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],{applyAnimatedValues:function(e,b){if(!e.nodeType||!e.setAttribute)return!1;const o="filter"===e.nodeName||e.parentNode&&"filter"===e.parentNode.nodeName,{className:M,style:p,children:z,scrollTop:t,scrollLeft:c,viewBox:n,...r}=b,O=Object.values(r),i=Object.keys(r).map((b=>o||e.hasAttribute(b)?b:XO[b]||(XO[b]=b.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase())))));void 0!==z&&(e.textContent=z);for(const b in p)if(p.hasOwnProperty(b)){const o=wO(b,p[b]);BO.test(b)?e.style.setProperty(b,o):e.style[b]=o}i.forEach(((b,o)=>{e.setAttribute(b,O[o])})),void 0!==M&&(e.className=M),void 0!==t&&(e.scrollTop=t),void 0!==c&&(e.scrollLeft=c),void 0!==n&&e.setAttribute("viewBox",n)},createAnimatedStyle:e=>new PO(e),getComponentProps:({scrollTop:e,scrollLeft:b,...o})=>o}),FO=IO.animated;const $O=Rt(FO.div)`
+`,Ac="itd-modal-root",dc=({onShowModal:e,onHideModal:b,onRemoveModal:z,onModalEvent:t,modals:c,visibleModals:n,modalEvent:r})=>{const[O,i]=M.useState(null);M.useEffect((()=>{if(c.length>0&&!O){if(!document.getElementById(Ac)){let e=document.createElement("div");e.id=Ac,e.style.cssText="position:absolute;z-index:4",document.body.appendChild(e),i(e)}}else if(0===c.length&&0===n.length&&O)try{document.body.removeChild(O),i(null)}catch(e){}}),[c,n,O]);const a=(e,b)=>{t(e,b)},s=b=>{e(b)},A=e=>{b(e)},d=e=>o.jsx(ic,{onShowModal:s,onHideModal:()=>((e="")=>{setTimeout((()=>z(e)),250)})(e.id),onRemoveModal:z,onModalEvent:a,isActive:c[c.length-1].id===e.id,modalEvent:r,hideModalFromProvider:A,isVisible:n.includes(String(e.id)),...e},e.id);return O?p.createPortal(o.jsx("div",{children:c.map((e=>{const b=n.includes(String(e.id));return o.jsxs(ac,{id:e.id,className:"itd-modal",children:[o.jsx(sc,{className:"itd-modal-overlay",$show:b}),d(e)]},e.id)}))}),O):null},lc=M.createContext({});lc.displayName="ITDModalContext";const qc={id:"",className:"",title:null,width:"500px",closeOnClickOutside:!0,preventESC:!1,removeOthers:!1,showOkButton:!0,showCancelButton:!0,showCloseButton:!0,okButtonText:"OK",cancelButtonText:"Cancel",okButtonProps:null,cancelButtonProps:null,customProps:{},context:{},onOk:null,onCancel:null,useRef:!1,checkAutoRef:!1,content:null,outerPadding:"50px",contentPadding:"30px 20px",beforeContentPadding:"30px 20px 0",afterContentPadding:"0 20px 30px",addContentAfter:null,addContentBefore:null},uc=({children:e})=>{const[b,p]=M.useState([]),[z,t]=M.useState([]),[c,n]=M.useState({event:exports.ModalState.NOT_SHOW,id:""}),r=(e,b)=>{e!==exports.ModalState.NOT_SHOW&&n({event:e,id:b})},O=M.useCallback((e=>{const o={...qc,...e};""===o.id&&(o.id=K("itd-modal-")),p(o.removeOthers?[o]:[...b,o]),t(o.removeOthers?[o.id]:[...z,o.id])}),[b]),i=M.useCallback((e=>{const o=z.findIndex((b=>b===e));if(-1!==o){const e=[...z.slice(0,o),...z.slice(o+1)];t(e)}const M=b.findIndex((b=>b.id===e));if(-1!==M){const e=[...b.slice(0,M),...b.slice(M+1)];p(e)}}),[b,z]),a=M.useCallback((e=>{const b=z.findIndex((b=>b===e));if(-1!==b){const e=[...z.slice(0,b),...z.slice(b+1)];t(e)}}),[z]);return o.jsxs(lc.Provider,{value:{showModal:O,hideModal:a,removeModal:i,removeAllModals:()=>{t([]),p([]),r(exports.ModalState.ALL_REMOVED,"")},modalEvent:c,isVisible:e=>z.includes(e)},children:[e,o.jsx(dc,{onShowModal:O,onHideModal:a,onRemoveModal:i,onModalEvent:r,modals:b,visibleModals:z,modalEvent:c})]})},fc={useModal:()=>M.useContext(lc)};var Wc=Ec(),hc=e=>Xc(e,Wc),mc=Ec();hc.write=e=>Xc(e,mc);var Rc=Ec();hc.onStart=e=>Xc(e,Rc);var gc=Ec();hc.onFrame=e=>Xc(e,gc);var Lc=Ec();hc.onFinish=e=>Xc(e,Lc);var vc=[];hc.setTimeout=(e,b)=>{const o=hc.now()+b,M=()=>{const e=vc.findIndex((e=>e.cancel==M));~e&&vc.splice(e,1),Bc-=~e?1:0},p={time:o,handler:e,cancel:M};return vc.splice(Nc(o),0,p),Bc+=1,Sc(),p};var Nc=e=>~(~vc.findIndex((b=>b.time>e))||~vc.length);hc.cancel=e=>{Rc.delete(e),gc.delete(e),Lc.delete(e),Wc.delete(e),mc.delete(e)},hc.sync=e=>{wc=!0,hc.batchedUpdates(e),wc=!1},hc.throttle=e=>{let b;function o(){try{e(...b)}finally{b=null}}function M(...e){b=e,hc.onStart(o)}return M.handler=e,M.cancel=()=>{Rc.delete(o),b=null},M};var yc="undefined"!=typeof window?window.requestAnimationFrame:()=>{};hc.use=e=>yc=e,hc.now="undefined"!=typeof performance?()=>performance.now():Date.now,hc.batchedUpdates=e=>e(),hc.catch=console.error,hc.frameLoop="always",hc.advance=()=>{"demand"!==hc.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):Tc()};var xc=-1,Bc=0,wc=!1;function Xc(e,b){wc?(b.delete(e),e(0)):(b.add(e),Sc())}function Sc(){xc<0&&(xc=0,"demand"!==hc.frameLoop&&yc(kc))}function kc(){~xc&&(yc(kc),hc.batchedUpdates(Tc))}function Tc(){const e=xc;xc=hc.now();const b=Nc(xc);b&&(_c(vc.splice(0,b),(e=>e.handler())),Bc-=b),Bc?(Rc.flush(),Wc.flush(e?Math.min(64,xc-e):16.667),gc.flush(),mc.flush(),Lc.flush()):xc=-1}function Ec(){let e=new Set,b=e;return{add(o){Bc+=b!=e||e.has(o)?0:1,e.add(o)},delete:o=>(Bc-=b==e&&e.has(o)?1:0,e.delete(o)),flush(o){b.size&&(e=new Set,Bc-=b.size,_c(b,(b=>b(o)&&e.add(b))),Bc+=e.size,b=e)}}}function _c(e,b){e.forEach((e=>{try{b(e)}catch(e){hc.catch(e)}}))}var Cc=Object.defineProperty,Dc={};function Pc(){}((e,b)=>{for(var o in b)Cc(e,o,{get:b[o],enumerable:!0})})(Dc,{assign:()=>en,colors:()=>Qc,createStringInterpolator:()=>Hc,skipAnimation:()=>Jc,to:()=>Yc,willAdvance:()=>Zc});var jc={arr:Array.isArray,obj:e=>!!e&&"Object"===e.constructor.name,fun:e=>"function"==typeof e,str:e=>"string"==typeof e,num:e=>"number"==typeof e,und:e=>void 0===e};function Ic(e,b){if(jc.arr(e)){if(!jc.arr(b)||e.length!==b.length)return!1;for(let o=0;o<e.length;o++)if(e[o]!==b[o])return!1;return!0}return e===b}var Fc=(e,b)=>e.forEach(b);function $c(e,b,o){if(jc.arr(e))for(let M=0;M<e.length;M++)b.call(o,e[M],`${M}`);else for(const M in e)e.hasOwnProperty(M)&&b.call(o,e[M],M)}var Vc=e=>jc.und(e)?[]:jc.arr(e)?e:[e];function Uc(e,b){if(e.size){const o=Array.from(e);e.clear(),Fc(o,b)}}var Hc,Yc,Gc=(e,...b)=>Uc(e,(e=>e(...b))),Kc=()=>"undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent),Qc=null,Jc=!1,Zc=Pc,en=e=>{e.to&&(Yc=e.to),e.now&&(hc.now=e.now),void 0!==e.colors&&(Qc=e.colors),null!=e.skipAnimation&&(Jc=e.skipAnimation),e.createStringInterpolator&&(Hc=e.createStringInterpolator),e.requestAnimationFrame&&hc.use(e.requestAnimationFrame),e.batchedUpdates&&(hc.batchedUpdates=e.batchedUpdates),e.willAdvance&&(Zc=e.willAdvance),e.frameLoop&&(hc.frameLoop=e.frameLoop)},bn=new Set,on=[],Mn=[],pn=0,zn={get idle(){return!bn.size&&!on.length},start(e){pn>e.priority?(bn.add(e),hc.onStart(tn)):(cn(e),hc(rn))},advance:rn,sort(e){if(pn)hc.onFrame((()=>zn.sort(e)));else{const b=on.indexOf(e);~b&&(on.splice(b,1),nn(e))}},clear(){on=[],bn.clear()}};function tn(){bn.forEach(cn),bn.clear(),hc(rn)}function cn(e){on.includes(e)||nn(e)}function nn(e){on.splice(function(e,b){const o=e.findIndex(b);return o<0?e.length:o}(on,(b=>b.priority>e.priority)),0,e)}function rn(e){const b=Mn;for(let o=0;o<on.length;o++){const M=on[o];pn=M.priority,M.idle||(Zc(M),M.advance(e),M.idle||b.push(M))}return pn=0,(Mn=on).length=0,(on=b).length>0}var On="[-+]?\\d*\\.?\\d+",an=On+"%";function sn(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}var An=new RegExp("rgb"+sn(On,On,On)),dn=new RegExp("rgba"+sn(On,On,On,On)),ln=new RegExp("hsl"+sn(On,an,an)),qn=new RegExp("hsla"+sn(On,an,an,On)),un=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,fn=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,Wn=/^#([0-9a-fA-F]{6})$/,hn=/^#([0-9a-fA-F]{8})$/;function mn(e,b,o){return o<0&&(o+=1),o>1&&(o-=1),o<1/6?e+6*(b-e)*o:o<.5?b:o<2/3?e+(b-e)*(2/3-o)*6:e}function Rn(e,b,o){const M=o<.5?o*(1+b):o+b-o*b,p=2*o-M,z=mn(p,M,e+1/3),t=mn(p,M,e),c=mn(p,M,e-1/3);return Math.round(255*z)<<24|Math.round(255*t)<<16|Math.round(255*c)<<8}function gn(e){const b=parseInt(e,10);return b<0?0:b>255?255:b}function Ln(e){return(parseFloat(e)%360+360)%360/360}function vn(e){const b=parseFloat(e);return b<0?0:b>1?255:Math.round(255*b)}function Nn(e){const b=parseFloat(e);return b<0?0:b>100?1:b/100}function yn(e){let b=function(e){let b;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(b=Wn.exec(e))?parseInt(b[1]+"ff",16)>>>0:Qc&&void 0!==Qc[e]?Qc[e]:(b=An.exec(e))?(gn(b[1])<<24|gn(b[2])<<16|gn(b[3])<<8|255)>>>0:(b=dn.exec(e))?(gn(b[1])<<24|gn(b[2])<<16|gn(b[3])<<8|vn(b[4]))>>>0:(b=un.exec(e))?parseInt(b[1]+b[1]+b[2]+b[2]+b[3]+b[3]+"ff",16)>>>0:(b=hn.exec(e))?parseInt(b[1],16)>>>0:(b=fn.exec(e))?parseInt(b[1]+b[1]+b[2]+b[2]+b[3]+b[3]+b[4]+b[4],16)>>>0:(b=ln.exec(e))?(255|Rn(Ln(b[1]),Nn(b[2]),Nn(b[3])))>>>0:(b=qn.exec(e))?(Rn(Ln(b[1]),Nn(b[2]),Nn(b[3]))|vn(b[4]))>>>0:null}(e);if(null===b)return e;b=b||0;return`rgba(${(4278190080&b)>>>24}, ${(16711680&b)>>>16}, ${(65280&b)>>>8}, ${(255&b)/255})`}var xn=(e,b,o)=>{if(jc.fun(e))return e;if(jc.arr(e))return xn({range:e,output:b,extrapolate:o});if(jc.str(e.output[0]))return Hc(e);const M=e,p=M.output,z=M.range||[0,1],t=M.extrapolateLeft||M.extrapolate||"extend",c=M.extrapolateRight||M.extrapolate||"extend",n=M.easing||(e=>e);return e=>{const b=function(e,b){for(var o=1;o<b.length-1&&!(b[o]>=e);++o);return o-1}(e,z);return function(e,b,o,M,p,z,t,c,n){let r=n?n(e):e;if(r<b){if("identity"===t)return r;"clamp"===t&&(r=b)}if(r>o){if("identity"===c)return r;"clamp"===c&&(r=o)}if(M===p)return M;if(b===o)return e<=b?M:p;b===-1/0?r=-r:o===1/0?r-=b:r=(r-b)/(o-b);r=z(r),M===-1/0?r=-r:p===1/0?r+=M:r=r*(p-M)+M;return r}(e,z[b],z[b+1],p[b],p[b+1],n,t,c,M.map)}};var Bn=Symbol.for("FluidValue.get"),wn=Symbol.for("FluidValue.observers"),Xn=e=>Boolean(e&&e[Bn]),Sn=e=>e&&e[Bn]?e[Bn]():e,kn=e=>e[wn]||null;function Tn(e,b){const o=e[wn];o&&o.forEach((e=>{!function(e,b){e.eventObserved?e.eventObserved(b):e(b)}(e,b)}))}var En=class{constructor(e){if(!e&&!(e=this.get))throw Error("Unknown getter");_n(this,e)}},_n=(e,b)=>jn(e,Bn,b);function Cn(e,b){if(e[Bn]){let o=e[wn];o||jn(e,wn,o=new Set),o.has(b)||(o.add(b),e.observerAdded&&e.observerAdded(o.size,b))}return b}function Dn(e,b){const o=e[wn];if(o&&o.has(b)){const M=o.size-1;M?o.delete(b):e[wn]=null,e.observerRemoved&&e.observerRemoved(M,b)}}var Pn,jn=(e,b,o)=>Object.defineProperty(e,b,{value:o,writable:!0,configurable:!0}),In=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Fn=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,$n=new RegExp(`(${In.source})(%|[a-z]+)`,"i"),Vn=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,Un=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,Hn=e=>{const[b,o]=Yn(e);if(!b||Kc())return e;const M=window.getComputedStyle(document.documentElement).getPropertyValue(b);if(M)return M.trim();if(o&&o.startsWith("--")){const b=window.getComputedStyle(document.documentElement).getPropertyValue(o);return b||e}return o&&Un.test(o)?Hn(o):o||e},Yn=e=>{const b=Un.exec(e);if(!b)return[,];const[,o,M]=b;return[o,M]},Gn=(e,b,o,M,p)=>`rgba(${Math.round(b)}, ${Math.round(o)}, ${Math.round(M)}, ${p})`,Kn=e=>{Pn||(Pn=Qc?new RegExp(`(${Object.keys(Qc).join("|")})(?!\\w)`,"g"):/^\b$/);const b=e.output.map((e=>Sn(e).replace(Un,Hn).replace(Fn,yn).replace(Pn,yn))),o=b.map((e=>e.match(In).map(Number))),M=o[0].map(((e,b)=>o.map((e=>{if(!(b in e))throw Error('The arity of each "output" value must be equal');return e[b]})))),p=M.map((b=>xn({...e,output:b})));return e=>{const o=!$n.test(b[0])&&b.find((e=>$n.test(e)))?.replace(In,"");let M=0;return b[0].replace(In,(()=>`${p[M++](e)}${o||""}`)).replace(Vn,Gn)}},Qn="react-spring: ",Jn=e=>{const b=e;let o=!1;if("function"!=typeof b)throw new TypeError(`${Qn}once requires a function parameter`);return(...e)=>{o||(b(...e),o=!0)}},Zn=Jn(console.warn);var er=Jn(console.warn);function br(e){return jc.str(e)&&("#"==e[0]||/\d/.test(e)||!Kc()&&Un.test(e)||e in(Qc||{}))}var or=Kc()?M.useEffect:M.useLayoutEffect;function Mr(){const e=M.useState()[1],b=(()=>{const e=M.useRef(!1);return or((()=>(e.current=!0,()=>{e.current=!1})),[]),e})();return()=>{b.current&&e(Math.random())}}var pr=e=>M.useEffect(e,zr),zr=[];var tr=Symbol.for("Animated:node"),cr=e=>e&&e[tr],nr=(e,b)=>{return o=e,M=tr,p=b,Object.defineProperty(o,M,{value:p,writable:!0,configurable:!0});var o,M,p},rr=e=>e&&e[tr]&&e[tr].getPayload(),Or=class{constructor(){nr(this,this)}getPayload(){return this.payload||[]}},ir=class extends Or{constructor(e){super(),this._value=e,this.done=!0,this.durationProgress=0,jc.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new ir(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,b){return jc.num(e)&&(this.lastPosition=e,b&&(e=Math.round(e/b)*b,this.done&&(this.lastPosition=e))),this._value!==e&&(this._value=e,!0)}reset(){const{done:e}=this;this.done=!1,jc.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}},ar=class extends ir{constructor(e){super(0),this._string=null,this._toString=xn({output:[e,e]})}static create(e){return new ar(e)}getValue(){const e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(jc.str(e)){if(e==this._string)return!1;this._string=e,this._value=1}else{if(!super.setValue(e))return!1;this._string=null}return!0}reset(e){e&&(this._toString=xn({output:[this.getValue(),e]})),this._value=0,super.reset()}},sr={dependencies:null},Ar=class extends Or{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const b={};return $c(this.source,((o,M)=>{var p;(p=o)&&p[tr]===p?b[M]=o.getValue(e):Xn(o)?b[M]=Sn(o):e||(b[M]=o)})),b}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&Fc(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const b=new Set;return $c(e,this._addToPayload,b),Array.from(b)}}_addToPayload(e){sr.dependencies&&Xn(e)&&sr.dependencies.add(e);const b=rr(e);b&&Fc(b,(e=>this.add(e)))}},dr=class extends Ar{constructor(e){super(e)}static create(e){return new dr(e)}getValue(){return this.source.map((e=>e.getValue()))}setValue(e){const b=this.getPayload();return e.length==b.length?b.map(((b,o)=>b.setValue(e[o]))).some(Boolean):(super.setValue(e.map(lr)),!0)}};function lr(e){return(br(e)?ar:ir).create(e)}function qr(e){const b=cr(e);return b?b.constructor:jc.arr(e)?dr:br(e)?ar:ir}var ur=(e,b)=>{const o=!jc.fun(e)||e.prototype&&e.prototype.isReactComponent;return M.forwardRef(((p,z)=>{const t=M.useRef(null),c=o&&M.useCallback((e=>{t.current=function(e,b){e&&(jc.fun(e)?e(b):e.current=b);return b}(z,e)}),[z]),[n,r]=function(e,b){const o=new Set;sr.dependencies=o,e.style&&(e={...e,style:b.createAnimatedStyle(e.style)});return e=new Ar(e),sr.dependencies=null,[e,o]}(p,b),O=Mr(),i=()=>{const e=t.current;if(o&&!e)return;!1===(!!e&&b.applyAnimatedValues(e,n.getValue(!0)))&&O()},a=new fr(i,r),s=M.useRef();or((()=>(s.current=a,Fc(r,(e=>Cn(e,a))),()=>{s.current&&(Fc(s.current.deps,(e=>Dn(e,s.current))),hc.cancel(s.current.update))}))),M.useEffect(i,[]),pr((()=>()=>{const e=s.current;Fc(e.deps,(b=>Dn(b,e)))}));const A=b.getComponentProps(n.getValue());return u.createElement(e,{...A,ref:c})}))},fr=class{constructor(e,b){this.update=e,this.deps=b}eventObserved(e){"change"==e.type&&hc.write(this.update)}};var Wr=Symbol.for("AnimatedComponent"),hr=e=>jc.str(e)?e:e&&jc.str(e.displayName)?e.displayName:jc.fun(e)&&e.name||null;function mr(e,...b){return jc.fun(e)?e(...b):e}var Rr=(e,b)=>!0===e||!!(b&&e&&(jc.fun(e)?e(b):Vc(e).includes(b))),gr=(e,b)=>jc.obj(e)?b&&e[b]:e,Lr=(e,b)=>!0===e.default?e[b]:e.default?e.default[b]:void 0,vr=e=>e,Nr=(e,b=vr)=>{let o=yr;e.default&&!0!==e.default&&(e=e.default,o=Object.keys(e));const M={};for(const p of o){const o=b(e[p],p);jc.und(o)||(M[p]=o)}return M},yr=["config","onProps","onStart","onChange","onPause","onResume","onRest"],xr={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 Br(e){const b=function(e){const b={};let o=0;if($c(e,((e,M)=>{xr[M]||(b[M]=e,o++)})),o)return b}(e);if(b){const o={to:b};return $c(e,((e,M)=>M in b||(o[M]=e))),o}return{...e}}function wr(e){return e=Sn(e),jc.arr(e)?e.map(wr):br(e)?Dc.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function Xr(e){return jc.fun(e)||jc.arr(e)&&jc.obj(e[0])}function Sr(e,b){e.ref?.delete(e),b?.delete(e)}var kr={tension:170,friction:26,mass:1,damping:1,easing:e=>e,clamp:!1},Tr=class{constructor(){this.velocity=0,Object.assign(this,kr)}};function Er(e,b){if(jc.und(b.decay)){const o=!jc.und(b.tension)||!jc.und(b.friction);!o&&jc.und(b.frequency)&&jc.und(b.damping)&&jc.und(b.mass)||(e.duration=void 0,e.decay=void 0),o&&(e.frequency=void 0)}else e.duration=void 0}var _r=[],Cr=class{constructor(){this.changed=!1,this.values=_r,this.toValues=null,this.fromValues=_r,this.config=new Tr,this.immediate=!1}};function Dr(e,{key:b,props:o,defaultProps:M,state:p,actions:z}){return new Promise(((t,c)=>{let n,r,O=Rr(o.cancel??M?.cancel,b);if(O)s();else{jc.und(o.pause)||(p.paused=Rr(o.pause,b));let e=M?.pause;!0!==e&&(e=p.paused||Rr(e,b)),n=mr(o.delay||0,b),e?(p.resumeQueue.add(a),z.pause()):(z.resume(),a())}function i(){p.resumeQueue.add(a),p.timeouts.delete(r),r.cancel(),n=r.time-hc.now()}function a(){n>0&&!Dc.skipAnimation?(p.delayed=!0,r=hc.setTimeout(s,n),p.pauseQueue.add(i),p.timeouts.add(r)):s()}function s(){p.delayed&&(p.delayed=!1),p.pauseQueue.delete(i),p.timeouts.delete(r),e<=(p.cancelId||0)&&(O=!0);try{z.start({...o,callId:e,cancel:O},t)}catch(e){c(e)}}}))}var Pr=(e,b)=>1==b.length?b[0]:b.some((e=>e.cancelled))?Fr(e.get()):b.every((e=>e.noop))?jr(e.get()):Ir(e.get(),b.every((e=>e.finished))),jr=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),Ir=(e,b,o=!1)=>({value:e,finished:b,cancelled:o}),Fr=e=>({value:e,cancelled:!0,finished:!1});function $r(e,b,o,M){const{callId:p,parentId:z,onRest:t}=b,{asyncTo:c,promise:n}=o;return z||e!==c||b.reset?o.promise=(async()=>{o.asyncId=p,o.asyncTo=e;const r=Nr(b,((e,b)=>"onRest"===b?void 0:e));let O,i;const a=new Promise(((e,b)=>(O=e,i=b))),s=e=>{const b=p<=(o.cancelId||0)&&Fr(M)||p!==o.asyncId&&Ir(M,!1);if(b)throw e.result=b,i(e),e},A=(e,b)=>{const z=new Ur,t=new Hr;return(async()=>{if(Dc.skipAnimation)throw Vr(o),t.result=Ir(M,!1),i(t),t;s(z);const c=jc.obj(e)?{...e}:{...b,to:e};c.parentId=p,$c(r,((e,b)=>{jc.und(c[b])&&(c[b]=e)}));const n=await M.start(c);return s(z),o.paused&&await new Promise((e=>{o.resumeQueue.add(e)})),n})()};let d;if(Dc.skipAnimation)return Vr(o),Ir(M,!1);try{let b;b=jc.arr(e)?(async e=>{for(const b of e)await A(b)})(e):Promise.resolve(e(A,M.stop.bind(M))),await Promise.all([b.then(O),a]),d=Ir(M.get(),!0,!1)}catch(e){if(e instanceof Ur)d=e.result;else{if(!(e instanceof Hr))throw e;d=e.result}}finally{p==o.asyncId&&(o.asyncId=z,o.asyncTo=z?c:void 0,o.promise=z?n:void 0)}return jc.fun(t)&&hc.batchedUpdates((()=>{t(d,M,M.item)})),d})():n}function Vr(e,b){Uc(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,b&&(e.cancelId=b)}var Ur=class extends Error{constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise.")}},Hr=class extends Error{constructor(){super("SkipAnimationSignal")}},Yr=e=>e instanceof Kr,Gr=1,Kr=class extends En{constructor(){super(...arguments),this.id=Gr++,this._priority=0}get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){const e=cr(this);return e&&e.getValue()}to(...e){return Dc.to(this,e)}interpolate(...e){return Zn(`${Qn}The "interpolate" function is deprecated in v9 (use "to" instead)`),Dc.to(this,e)}toJSON(){return this.get()}observerAdded(e){1==e&&this._attach()}observerRemoved(e){0==e&&this._detach()}_attach(){}_detach(){}_onChange(e,b=!1){Tn(this,{type:"change",parent:this,value:e,idle:b})}_onPriorityChange(e){this.idle||zn.sort(this),Tn(this,{type:"priority",parent:this,priority:e})}},Qr=Symbol.for("SpringPhase"),Jr=e=>(1&e[Qr])>0,Zr=e=>(2&e[Qr])>0,eO=e=>(4&e[Qr])>0,bO=(e,b)=>b?e[Qr]|=3:e[Qr]&=-3,oO=(e,b)=>b?e[Qr]|=4:e[Qr]&=-5,MO=class extends Kr{constructor(e,b){if(super(),this.animation=new Cr,this.defaultProps={},this._state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!jc.und(e)||!jc.und(b)){const o=jc.obj(e)?{...e}:{...b,from:e};jc.und(o.default)&&(o.default=!0),this.start(o)}}get idle(){return!(Zr(this)||this._state.asyncTo)||eO(this)}get goal(){return Sn(this.animation.to)}get velocity(){const e=cr(this);return e instanceof ir?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return Jr(this)}get isAnimating(){return Zr(this)}get isPaused(){return eO(this)}get isDelayed(){return this._state.delayed}advance(e){let b=!0,o=!1;const M=this.animation;let{toValues:p}=M;const{config:z}=M,t=rr(M.to);!t&&Xn(M.to)&&(p=Vc(Sn(M.to))),M.values.forEach(((c,n)=>{if(c.done)return;const r=c.constructor==ar?1:t?t[n].lastPosition:p[n];let O=M.immediate,i=r;if(!O){if(i=c.lastPosition,z.tension<=0)return void(c.done=!0);let b=c.elapsedTime+=e;const o=M.fromValues[n],p=null!=c.v0?c.v0:c.v0=jc.arr(z.velocity)?z.velocity[n]:z.velocity;let t;const a=z.precision||(o==r?.005:Math.min(1,.001*Math.abs(r-o)));if(jc.und(z.duration))if(z.decay){const e=!0===z.decay?.998:z.decay,M=Math.exp(-(1-e)*b);i=o+p/(1-e)*(1-M),O=Math.abs(c.lastPosition-i)<=a,t=p*M}else{t=null==c.lastVelocity?p:c.lastVelocity;const b=z.restVelocity||a/10,M=z.clamp?0:z.bounce,n=!jc.und(M),s=o==r?c.v0>0:o<r;let A,d=!1;const l=1,q=Math.ceil(e/l);for(let e=0;e<q&&(A=Math.abs(t)>b,A||(O=Math.abs(r-i)<=a,!O));++e){n&&(d=i==r||i>r==s,d&&(t=-t*M,i=r));t+=(1e-6*-z.tension*(i-r)+.001*-z.friction*t)/z.mass*l,i+=t*l}}else{let M=1;z.duration>0&&(this._memoizedDuration!==z.duration&&(this._memoizedDuration=z.duration,c.durationProgress>0&&(c.elapsedTime=z.duration*c.durationProgress,b=c.elapsedTime+=e)),M=(z.progress||0)+b/this._memoizedDuration,M=M>1?1:M<0?0:M,c.durationProgress=M),i=o+z.easing(M)*(r-o),t=(i-c.lastPosition)/e,O=1==M}c.lastVelocity=t,Number.isNaN(i)&&(console.warn("Got NaN while animating:",this),O=!0)}t&&!t[n].done&&(O=!1),O?c.done=!0:b=!1,c.setValue(i,z.round)&&(o=!0)}));const c=cr(this),n=c.getValue();if(b){const e=Sn(M.to);n===e&&!o||z.decay?o&&z.decay&&this._onChange(n):(c.setValue(e),this._onChange(e)),this._stop()}else o&&this._onChange(n)}set(e){return hc.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(Zr(this)){const{to:e,config:b}=this.animation;hc.batchedUpdates((()=>{this._onStart(),b.decay||this._set(e,!1),this._stop()}))}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,b){let o;return jc.und(e)?(o=this.queue||[],this.queue=[]):o=[jc.obj(e)?e:{...b,to:e}],Promise.all(o.map((e=>this._update(e)))).then((e=>Pr(this,e)))}stop(e){const{to:b}=this.animation;return this._focus(this.get()),Vr(this._state,e&&this._lastCallId),hc.batchedUpdates((()=>this._stop(b,e))),this}reset(){this._update({reset:!0})}eventObserved(e){"change"==e.type?this._start():"priority"==e.type&&(this.priority=e.priority+1)}_prepareNode(e){const b=this.key||"";let{to:o,from:M}=e;o=jc.obj(o)?o[b]:o,(null==o||Xr(o))&&(o=void 0),M=jc.obj(M)?M[b]:M,null==M&&(M=void 0);const p={to:o,from:M};return Jr(this)||(e.reverse&&([o,M]=[M,o]),M=Sn(M),jc.und(M)?cr(this)||this._set(o):this._set(M)),p}_update({...e},b){const{key:o,defaultProps:M}=this;e.default&&Object.assign(M,Nr(e,((e,b)=>/^on/.test(b)?gr(e,o):e))),rO(this,e,"onProps"),OO(this,"onProps",e,this);const p=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?");const z=this._state;return Dr(++this._lastCallId,{key:o,props:e,defaultProps:M,state:z,actions:{pause:()=>{eO(this)||(oO(this,!0),Gc(z.pauseQueue),OO(this,"onPause",Ir(this,pO(this,this.animation.to)),this))},resume:()=>{eO(this)&&(oO(this,!1),Zr(this)&&this._resume(),Gc(z.resumeQueue),OO(this,"onResume",Ir(this,pO(this,this.animation.to)),this))},start:this._merge.bind(this,p)}}).then((o=>{if(e.loop&&o.finished&&(!b||!o.noop)){const b=zO(e);if(b)return this._update(b,!0)}return o}))}_merge(e,b,o){if(b.cancel)return this.stop(!0),o(Fr(this));const M=!jc.und(e.to),p=!jc.und(e.from);if(M||p){if(!(b.callId>this._lastToId))return o(Fr(this));this._lastToId=b.callId}const{key:z,defaultProps:t,animation:c}=this,{to:n,from:r}=c;let{to:O=n,from:i=r}=e;!p||M||b.default&&!jc.und(O)||(O=i),b.reverse&&([O,i]=[i,O]);const a=!Ic(i,r);a&&(c.from=i),i=Sn(i);const s=!Ic(O,n);s&&this._focus(O);const A=Xr(b.to),{config:d}=c,{decay:l,velocity:q}=d;(M||p)&&(d.velocity=0),b.config&&!A&&function(e,b,o){o&&(Er(o={...o},b),b={...o,...b}),Er(e,b),Object.assign(e,b);for(const b in kr)null==e[b]&&(e[b]=kr[b]);let{frequency:M,damping:p}=e;const{mass:z}=e;jc.und(M)||(M<.01&&(M=.01),p<0&&(p=0),e.tension=Math.pow(2*Math.PI/M,2)*z,e.friction=4*Math.PI*p*z/M)}(d,mr(b.config,z),b.config!==t.config?mr(t.config,z):void 0);let u=cr(this);if(!u||jc.und(O))return o(Ir(this,!0));const f=jc.und(b.reset)?p&&!b.default:!jc.und(i)&&Rr(b.reset,z),W=f?i:this.get(),h=wr(O),m=jc.num(h)||jc.arr(h)||br(h),R=!A&&(!m||Rr(t.immediate||b.immediate,z));if(s){const e=qr(O);if(e!==u.constructor){if(!R)throw Error(`Cannot animate between ${u.constructor.name} and ${e.name}, as the "to" prop suggests`);u=this._set(h)}}const g=u.constructor;let L=Xn(O),v=!1;if(!L){const e=f||!Jr(this)&&a;(s||e)&&(v=Ic(wr(W),h),L=!v),(Ic(c.immediate,R)||R)&&Ic(d.decay,l)&&Ic(d.velocity,q)||(L=!0)}if(v&&Zr(this)&&(c.changed&&!f?L=!0:L||this._stop(n)),!A&&((L||Xn(n))&&(c.values=u.getPayload(),c.toValues=Xn(O)?null:g==ar?[1]:Vc(h)),c.immediate!=R&&(c.immediate=R,R||f||this._set(n)),L)){const{onRest:e}=c;Fc(nO,(e=>rO(this,b,e)));const M=Ir(this,pO(this,n));Gc(this._pendingCalls,M),this._pendingCalls.add(o),c.changed&&hc.batchedUpdates((()=>{c.changed=!f,e?.(M,this),f?mr(t.onRest,M):c.onStart?.(M,this)}))}f&&this._set(W),A?o($r(b.to,b,this._state,this)):L?this._start():Zr(this)&&!s?this._pendingCalls.add(o):o(jr(W))}_focus(e){const b=this.animation;e!==b.to&&(kn(this)&&this._detach(),b.to=e,kn(this)&&this._attach())}_attach(){let e=0;const{to:b}=this.animation;Xn(b)&&(Cn(b,this),Yr(b)&&(e=b.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;Xn(e)&&Dn(e,this)}_set(e,b=!0){const o=Sn(e);if(!jc.und(o)){const e=cr(this);if(!e||!Ic(o,e.getValue())){const M=qr(o);e&&e.constructor==M?e.setValue(o):nr(this,M.create(o)),e&&hc.batchedUpdates((()=>{this._onChange(o,b)}))}}return cr(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,OO(this,"onStart",Ir(this,pO(this,e.to)),this))}_onChange(e,b){b||(this._onStart(),mr(this.animation.onChange,e,this)),mr(this.defaultProps.onChange,e,this),super._onChange(e,b)}_start(){const e=this.animation;cr(this).reset(Sn(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),Zr(this)||(bO(this,!0),eO(this)||this._resume())}_resume(){Dc.skipAnimation?this.finish():zn.start(this)}_stop(e,b){if(Zr(this)){bO(this,!1);const o=this.animation;Fc(o.values,(e=>{e.done=!0})),o.toValues&&(o.onChange=o.onPause=o.onResume=void 0),Tn(this,{type:"idle",parent:this});const M=b?Fr(this.get()):Ir(this.get(),pO(this,e??o.to));Gc(this._pendingCalls,M),o.changed&&(o.changed=!1,OO(this,"onRest",M,this))}}};function pO(e,b){const o=wr(b);return Ic(wr(e.get()),o)}function zO(e,b=e.loop,o=e.to){const M=mr(b);if(M){const p=!0!==M&&Br(M),z=(p||e).reverse,t=!p||p.reset;return tO({...e,loop:b,default:!1,pause:void 0,to:!z||Xr(o)?o:void 0,from:t?e.from:void 0,reset:t,...p})}}function tO(e){const{to:b,from:o}=e=Br(e),M=new Set;return jc.obj(b)&&cO(b,M),jc.obj(o)&&cO(o,M),e.keys=M.size?Array.from(M):null,e}function cO(e,b){$c(e,((e,o)=>null!=e&&b.add(o)))}var nO=["onStart","onRest","onChange","onPause","onResume"];function rO(e,b,o){e.animation[o]=b[o]!==Lr(b,o)?gr(b[o],e.key):void 0}function OO(e,b,...o){e.animation[b]?.(...o),e.defaultProps[b]?.(...o)}var iO=["onStart","onChange","onRest"],aO=1,sO=class{constructor(e,b){this.id=aO++,this.springs={},this.queue=[],this._lastAsyncId=0,this._active=new Set,this._changed=new Set,this._started=!1,this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._events={onStart:new Map,onChange:new Map,onRest:new Map},this._onFrame=this._onFrame.bind(this),b&&(this._flush=b),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(){const e={};return this.each(((b,o)=>e[o]=b.get())),e}set(e){for(const b in e){const o=e[b];jc.und(o)||this.springs[b].set(o)}}update(e){return e&&this.queue.push(tO(e)),this}start(e){let{queue:b}=this;return e?b=Vc(e).map(tO):this.queue=[],this._flush?this._flush(this,b):(uO(this,b),function(e,b){return Promise.all(b.map((b=>AO(e,b)))).then((b=>Pr(e,b)))}(this,b))}stop(e,b){if(e!==!!e&&(b=e),b){const o=this.springs;Fc(Vc(b),(b=>o[b].stop(!!e)))}else Vr(this._state,this._lastAsyncId),this.each((b=>b.stop(!!e)));return this}pause(e){if(jc.und(e))this.start({pause:!0});else{const b=this.springs;Fc(Vc(e),(e=>b[e].pause()))}return this}resume(e){if(jc.und(e))this.start({pause:!1});else{const b=this.springs;Fc(Vc(e),(e=>b[e].resume()))}return this}each(e){$c(this.springs,e)}_onFrame(){const{onStart:e,onChange:b,onRest:o}=this._events,M=this._active.size>0,p=this._changed.size>0;(M&&!this._started||p&&!this._started)&&(this._started=!0,Uc(e,(([e,b])=>{b.value=this.get(),e(b,this,this._item)})));const z=!M&&this._started,t=p||z&&o.size?this.get():null;p&&b.size&&Uc(b,(([e,b])=>{b.value=t,e(b,this,this._item)})),z&&(this._started=!1,Uc(o,(([e,b])=>{b.value=t,e(b,this,this._item)})))}eventObserved(e){if("change"==e.type)this._changed.add(e.parent),e.idle||this._active.add(e.parent);else{if("idle"!=e.type)return;this._active.delete(e.parent)}hc.onFrame(this._onFrame)}};async function AO(e,b,o){const{keys:M,to:p,from:z,loop:t,onRest:c,onResolve:n}=b,r=jc.obj(b.default)&&b.default;t&&(b.loop=!1),!1===p&&(b.to=null),!1===z&&(b.from=null);const O=jc.arr(p)||jc.fun(p)?p:void 0;O?(b.to=void 0,b.onRest=void 0,r&&(r.onRest=void 0)):Fc(iO,(o=>{const M=b[o];if(jc.fun(M)){const p=e._events[o];b[o]=({finished:e,cancelled:b})=>{const o=p.get(M);o?(e||(o.finished=!1),b&&(o.cancelled=!0)):p.set(M,{value:null,finished:e||!1,cancelled:b||!1})},r&&(r[o]=b[o])}}));const i=e._state;b.pause===!i.paused?(i.paused=b.pause,Gc(b.pause?i.pauseQueue:i.resumeQueue)):i.paused&&(b.pause=!0);const a=(M||Object.keys(e.springs)).map((o=>e.springs[o].start(b))),s=!0===b.cancel||!0===Lr(b,"cancel");(O||s&&i.asyncId)&&a.push(Dr(++e._lastAsyncId,{props:b,state:i,actions:{pause:Pc,resume:Pc,start(b,o){s?(Vr(i,e._lastAsyncId),o(Fr(e))):(b.onRest=c,o($r(O,b,i,e)))}}})),i.paused&&await new Promise((e=>{i.resumeQueue.add(e)}));const A=Pr(e,await Promise.all(a));if(t&&A.finished&&(!o||!A.noop)){const o=zO(b,t,p);if(o)return uO(e,[o]),AO(e,o,!0)}return n&&hc.batchedUpdates((()=>n(A,e,e.item))),A}function dO(e,b){const o={...e.springs};return b&&Fc(Vc(b),(e=>{jc.und(e.keys)&&(e=tO(e)),jc.obj(e.to)||(e={...e,to:void 0}),qO(o,e,(e=>lO(e)))})),function(e,b){$c(b,((b,o)=>{e.springs[o]||(e.springs[o]=b,Cn(b,e))}))}(e,o),o}function lO(e,b){const o=new MO;return o.key=e,b&&Cn(o,b),o}function qO(e,b,o){b.keys&&Fc(b.keys,(M=>{(e[M]||(e[M]=o(M)))._prepareNode(b)}))}function uO(e,b){Fc(b,(b=>{qO(e.springs,b,(b=>lO(b,e)))}))}var fO,WO,hO=({children:e,...b})=>{const o=M.useContext(mO),p=b.pause||!!o.pause,z=b.immediate||!!o.immediate;b=function(e,b){const[o]=M.useState((()=>({inputs:b,result:e()}))),p=M.useRef(),z=p.current;let t=z;if(t){const o=Boolean(b&&t.inputs&&function(e,b){if(e.length!==b.length)return!1;for(let o=0;o<e.length;o++)if(e[o]!==b[o])return!1;return!0}(b,t.inputs));o||(t={inputs:b,result:e()})}else t=o;return M.useEffect((()=>{p.current=t,z==o&&(o.inputs=o.result=void 0)}),[t]),t.result}((()=>({pause:p,immediate:z})),[p,z]);const{Provider:t}=mO;return u.createElement(t,{value:b},e)},mO=(fO=hO,WO={},Object.assign(fO,u.createContext(WO)),fO.Provider._context=fO,fO.Consumer._context=fO,fO);hO.Provider=mO.Provider,hO.Consumer=mO.Consumer;var RO=()=>{const e=[],b=function(b){er(`${Qn}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`);const M=[];return Fc(e,((e,p)=>{if(jc.und(b))M.push(e.start());else{const z=o(b,e,p);z&&M.push(e.start(z))}})),M};b.current=e,b.add=function(b){e.includes(b)||e.push(b)},b.delete=function(b){const o=e.indexOf(b);~o&&e.splice(o,1)},b.pause=function(){return Fc(e,(e=>e.pause(...arguments))),this},b.resume=function(){return Fc(e,(e=>e.resume(...arguments))),this},b.set=function(b){Fc(e,((e,o)=>{const M=jc.fun(b)?b(o,e):b;M&&e.set(M)}))},b.start=function(b){const o=[];return Fc(e,((e,M)=>{if(jc.und(b))o.push(e.start());else{const p=this._getProps(b,e,M);p&&o.push(e.start(p))}})),o},b.stop=function(){return Fc(e,(e=>e.stop(...arguments))),this},b.update=function(b){return Fc(e,((e,o)=>e.update(this._getProps(b,e,o)))),this};const o=function(e,b,o){return jc.fun(e)?e(o,b):e};return b._getProps=o,b};function gO(e,b,o){const p=jc.fun(b)&&b,{reset:z,sort:t,trail:c=0,expires:n=!0,exitBeforeEnter:r=!1,onDestroyed:O,ref:i,config:a}=p?p():b,s=M.useMemo((()=>p||3==arguments.length?RO():void 0),[]),A=Vc(e),d=[],l=M.useRef(null),q=z?null:l.current;or((()=>{l.current=d})),pr((()=>(Fc(d,(e=>{s?.add(e.ctrl),e.ctrl.ref=s})),()=>{Fc(l.current,(e=>{e.expired&&clearTimeout(e.expirationId),Sr(e.ctrl,s),e.ctrl.stop(!0)}))})));const f=function(e,{key:b,keys:o=b},M){if(null===o){const b=new Set;return e.map((e=>{const o=M&&M.find((o=>o.item===e&&"leave"!==o.phase&&!b.has(o)));return o?(b.add(o),o.key):LO++}))}return jc.und(o)?e:jc.fun(o)?e.map(o):Vc(o)}(A,p?p():b,q),W=z&&l.current||[];or((()=>Fc(W,(({ctrl:e,item:b,key:o})=>{Sr(e,s),mr(O,b,o)}))));const h=[];if(q&&Fc(q,((e,b)=>{e.expired?(clearTimeout(e.expirationId),W.push(e)):~(b=h[b]=f.indexOf(e.key))&&(d[b]=e)})),Fc(A,((e,b)=>{d[b]||(d[b]={key:f[b],item:e,phase:"mount",ctrl:new sO},d[b].ctrl.item=e)})),h.length){let e=-1;const{leave:o}=p?p():b;Fc(h,((b,M)=>{const p=q[M];~b?(e=d.indexOf(p),d[e]={...p,item:A[b]}):o&&d.splice(++e,0,p)}))}jc.fun(t)&&d.sort(((e,b)=>t(e.item,b.item)));let m=-c;const R=Mr(),g=Nr(b),L=new Map,v=M.useRef(new Map),N=M.useRef(!1);Fc(d,((e,o)=>{const M=e.key,z=e.phase,t=p?p():b;let O,s;const A=mr(t.delay||0,M);if("mount"==z)O=t.enter,s="enter";else{const e=f.indexOf(M)<0;if("leave"!=z)if(e)O=t.leave,s="leave";else{if(!(O=t.update))return;s="update"}else{if(e)return;O=t.enter,s="enter"}}if(O=mr(O,e.item,o),O=jc.obj(O)?Br(O):{to:O},!O.config){const b=a||g.config;O.config=mr(b,e.item,o,s)}m+=c;const d={...g,delay:A+m,ref:i,immediate:t.immediate,reset:!1,...O};if("enter"==s&&jc.und(d.from)){const M=p?p():b,z=jc.und(M.initial)||q?M.from:M.initial;d.from=mr(z,e.item,o)}const{onResolve:u}=d;d.onResolve=e=>{mr(u,e);const b=l.current,o=b.find((e=>e.key===M));if(o&&(!e.cancelled||"update"==o.phase)&&o.ctrl.idle){const e=b.every((e=>e.ctrl.idle));if("leave"==o.phase){const b=mr(n,o.item);if(!1!==b){const M=!0===b?0:b;if(o.expired=!0,!e&&M>0)return void(M<=2147483647&&(o.expirationId=setTimeout(R,M)))}}e&&b.some((e=>e.expired))&&(v.current.delete(o),r&&(N.current=!0),R())}};const W=dO(e.ctrl,d);"leave"===s&&r?v.current.set(e,{phase:s,springs:W,payload:d}):L.set(e,{phase:s,springs:W,payload:d})}));const y=M.useContext(hO),x=function(e){const b=M.useRef();return M.useEffect((()=>{b.current=e})),b.current}(y),B=y!==x&&function(e){for(const b in e)return!0;return!1}(y);or((()=>{B&&Fc(d,(e=>{e.ctrl.start({default:y})}))}),[y]),Fc(L,((e,b)=>{if(v.current.size){const e=d.findIndex((e=>e.key===b.key));d.splice(e,1)}})),or((()=>{Fc(v.current.size?v.current:L,(({phase:e,payload:b},o)=>{const{ctrl:M}=o;o.phase=e,s?.add(M),B&&"enter"==e&&M.start({default:y}),b&&(!function(e,b){b&&e.ref!==b&&(e.ref?.delete(e),b.add(e),e.ref=b)}(M,b.ref),!M.ref&&!s||N.current?(M.start(b),N.current&&(N.current=!1)):M.update(b))}))}),z?void 0:o);const w=e=>u.createElement(u.Fragment,null,d.map(((b,o)=>{const{springs:M}=L.get(b)||b.ctrl,p=e({...M},b.item,b,o);return p&&p.type?u.createElement(p.type,{...p.props,key:jc.str(b.key)||jc.num(b.key)?b.key:b.ctrl.id,ref:p.ref}):p})));return s?[w,s]:w}var LO=1;var vO=class extends Kr{constructor(e,b){super(),this.source=e,this.idle=!0,this._active=new Set,this.calc=xn(...b);const o=this._get(),M=qr(o);nr(this,M.create(o))}advance(e){const b=this._get();Ic(b,this.get())||(cr(this).setValue(b),this._onChange(b,this.idle)),!this.idle&&yO(this._active)&&xO(this)}_get(){const e=jc.arr(this.source)?this.source.map(Sn):Vc(Sn(this.source));return this.calc(...e)}_start(){this.idle&&!yO(this._active)&&(this.idle=!1,Fc(rr(this),(e=>{e.done=!1})),Dc.skipAnimation?(hc.batchedUpdates((()=>this.advance())),xO(this)):zn.start(this))}_attach(){let e=1;Fc(Vc(this.source),(b=>{Xn(b)&&Cn(b,this),Yr(b)&&(b.idle||this._active.add(b),e=Math.max(e,b.priority+1))})),this.priority=e,this._start()}_detach(){Fc(Vc(this.source),(e=>{Xn(e)&&Dn(e,this)})),this._active.clear(),xO(this)}eventObserved(e){"change"==e.type?e.idle?this.advance():(this._active.add(e.parent),this._start()):"idle"==e.type?this._active.delete(e.parent):"priority"==e.type&&(this.priority=Vc(this.source).reduce(((e,b)=>Math.max(e,(Yr(b)?b.priority:0)+1)),0))}};function NO(e){return!1!==e.idle}function yO(e){return!e.size||Array.from(e).every(NO)}function xO(e){e.idle||(e.idle=!0,Fc(rr(e),(e=>{e.done=!0})),Tn(e,{type:"idle",parent:e}))}Dc.assign({createStringInterpolator:Kn,to:(e,b)=>new vO(e,b)});var BO=/^--/;function wO(e,b){return null==b||"boolean"==typeof b||""===b?"":"number"!=typeof b||0===b||BO.test(e)||SO.hasOwnProperty(e)&&SO[e]?(""+b).trim():b+"px"}var XO={};var SO={animationIterationCount:!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,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},kO=["Webkit","Ms","Moz","O"];SO=Object.keys(SO).reduce(((e,b)=>(kO.forEach((o=>e[((e,b)=>e+b.charAt(0).toUpperCase()+b.substring(1))(o,b)]=e[b])),e)),SO);var TO=/^(matrix|translate|scale|rotate|skew)/,EO=/^(translate)/,_O=/^(rotate|skew)/,CO=(e,b)=>jc.num(e)&&0!==e?e+b:e,DO=(e,b)=>jc.arr(e)?e.every((e=>DO(e,b))):jc.num(e)?e===b:parseFloat(e)===b,PO=class extends Ar{constructor({x:e,y:b,z:o,...M}){const p=[],z=[];(e||b||o)&&(p.push([e||0,b||0,o||0]),z.push((e=>[`translate3d(${e.map((e=>CO(e,"px"))).join(",")})`,DO(e,0)]))),$c(M,((e,b)=>{if("transform"===b)p.push([e||""]),z.push((e=>[e,""===e]));else if(TO.test(b)){if(delete M[b],jc.und(e))return;const o=EO.test(b)?"px":_O.test(b)?"deg":"";p.push(Vc(e)),z.push("rotate3d"===b?([e,b,M,p])=>[`rotate3d(${e},${b},${M},${CO(p,o)})`,DO(p,0)]:e=>[`${b}(${e.map((e=>CO(e,o))).join(",")})`,DO(e,b.startsWith("scale")?1:0)])}})),p.length&&(M.transform=new jO(p,z)),super(M)}},jO=class extends En{constructor(e,b){super(),this.inputs=e,this.transforms=b,this._value=null}get(){return this._value||(this._value=this._get())}_get(){let e="",b=!0;return Fc(this.inputs,((o,M)=>{const p=Sn(o[0]),[z,t]=this.transforms[M](jc.arr(p)?p:o.map(Sn));e+=" "+z,b=b&&t})),b?"none":e}observerAdded(e){1==e&&Fc(this.inputs,(e=>Fc(e,(e=>Xn(e)&&Cn(e,this)))))}observerRemoved(e){0==e&&Fc(this.inputs,(e=>Fc(e,(e=>Xn(e)&&Dn(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Tn(this,e)}};Dc.assign({batchedUpdates:p.unstable_batchedUpdates,createStringInterpolator:Kn,colors:{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 IO=((e,{applyAnimatedValues:b=()=>!1,createAnimatedStyle:o=e=>new Ar(e),getComponentProps:M=e=>e}={})=>{const p={applyAnimatedValues:b,createAnimatedStyle:o,getComponentProps:M},z=e=>{const b=hr(e)||"Anonymous";return(e=jc.str(e)?z[e]||(z[e]=ur(e,p)):e[Wr]||(e[Wr]=ur(e,p))).displayName=`Animated(${b})`,e};return $c(e,((b,o)=>{jc.arr(e)&&(o=hr(b)),z[o]=z(b)})),{animated:z}})(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],{applyAnimatedValues:function(e,b){if(!e.nodeType||!e.setAttribute)return!1;const o="filter"===e.nodeName||e.parentNode&&"filter"===e.parentNode.nodeName,{className:M,style:p,children:z,scrollTop:t,scrollLeft:c,viewBox:n,...r}=b,O=Object.values(r),i=Object.keys(r).map((b=>o||e.hasAttribute(b)?b:XO[b]||(XO[b]=b.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase())))));void 0!==z&&(e.textContent=z);for(const b in p)if(p.hasOwnProperty(b)){const o=wO(b,p[b]);BO.test(b)?e.style.setProperty(b,o):e.style[b]=o}i.forEach(((b,o)=>{e.setAttribute(b,O[o])})),void 0!==M&&(e.className=M),void 0!==t&&(e.scrollTop=t),void 0!==c&&(e.scrollLeft=c),void 0!==n&&e.setAttribute("viewBox",n)},createAnimatedStyle:e=>new PO(e),getComponentProps:({scrollTop:e,scrollLeft:b,...o})=>o}),FO=IO.animated;const $O=Rt(FO.div)`
   margin-bottom: 10px;
   max-width: 300px;