react-neat-ui/dist/esm/index.js

A customisable react component library focused on neat and clean approach.

import e,{createContext as r,useContext as t,createElement as n,Fragment as o,forwardRef as s,useRef as i,useLayoutEffect as a,useState as c,useEffect as l,useCallback as u,useMemo as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";
/*! *****************************************************************************
Copyright (c) Microsoft Corporation.

Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */var m=function(){return m=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},m.apply(this,arguments)};const h=e=>"object"==typeof e&&null!==e&&"__default"in e;function y(e,r,t,n,o){const s=r&&"string"==typeof r?r.split("."):[r];for(n=0;n<s.length;n++)e=e?e[s[n]]:o;return e===o?t:h(e)?e.__default:e}const g=(e,r)=>{if(e&&e.variant){let t={};for(const n in e){const o=e[n];if("variant"===n){const e="function"==typeof o?o(r):o,n=g(y(r,e),r);t={...t,...n}}else t[n]=o}return t}return e},b=[40,52,64].map((e=>e+"em")),v={space:[0,4,8,16,32,64,128,256,512],fontSizes:[12,14,16,20,24,32,48,64,72]},w={bg:"backgroundColor",m:"margin",mt:"marginTop",mr:"marginRight",mb:"marginBottom",ml:"marginLeft",mx:"marginX",my:"marginY",p:"padding",pt:"paddingTop",pr:"paddingRight",pb:"paddingBottom",pl:"paddingLeft",px:"paddingX",py:"paddingY"},E={marginX:["marginLeft","marginRight"],marginY:["marginTop","marginBottom"],paddingX:["paddingLeft","paddingRight"],paddingY:["paddingTop","paddingBottom"],scrollMarginX:["scrollMarginLeft","scrollMarginRight"],scrollMarginY:["scrollMarginTop","scrollMarginBottom"],scrollPaddingX:["scrollPaddingLeft","scrollPaddingRight"],scrollPaddingY:["scrollPaddingTop","scrollPaddingBottom"],size:["width","height"]},S={color:"colors",background:"colors",backgroundColor:"colors",borderColor:"colors",caretColor:"colors",columnRuleColor:"colors",outlineColor:"colors",textDecorationColor:"colors",opacity:"opacities",transition:"transitions",margin:"space",marginTop:"space",marginRight:"space",marginBottom:"space",marginLeft:"space",marginX:"space",marginY:"space",marginBlock:"space",marginBlockEnd:"space",marginBlockStart:"space",marginInline:"space",marginInlineEnd:"space",marginInlineStart:"space",padding:"space",paddingTop:"space",paddingRight:"space",paddingBottom:"space",paddingLeft:"space",paddingX:"space",paddingY:"space",paddingBlock:"space",paddingBlockEnd:"space",paddingBlockStart:"space",paddingInline:"space",paddingInlineEnd:"space",paddingInlineStart:"space",scrollMargin:"space",scrollMarginTop:"space",scrollMarginRight:"space",scrollMarginBottom:"space",scrollMarginLeft:"space",scrollMarginX:"space",scrollMarginY:"space",scrollPadding:"space",scrollPaddingTop:"space",scrollPaddingRight:"space",scrollPaddingBottom:"space",scrollPaddingLeft:"space",scrollPaddingX:"space",scrollPaddingY:"space",inset:"space",insetBlock:"space",insetBlockEnd:"space",insetBlockStart:"space",insetInline:"space",insetInlineEnd:"space",insetInlineStart:"space",top:"space",right:"space",bottom:"space",left:"space",gridGap:"space",gridColumnGap:"space",gridRowGap:"space",gap:"space",columnGap:"space",rowGap:"space",fontFamily:"fonts",fontSize:"fontSizes",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",border:"borders",borderTop:"borders",borderRight:"borders",borderBottom:"borders",borderLeft:"borders",borderWidth:"borderWidths",borderStyle:"borderStyles",borderRadius:"radii",borderTopRightRadius:"radii",borderTopLeftRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",borderTopWidth:"borderWidths",borderTopColor:"colors",borderTopStyle:"borderStyles",borderBottomWidth:"borderWidths",borderBottomColor:"colors",borderBottomStyle:"borderStyles",borderLeftWidth:"borderWidths",borderLeftColor:"colors",borderLeftStyle:"borderStyles",borderRightWidth:"borderWidths",borderRightColor:"colors",borderRightStyle:"borderStyles",borderBlock:"borders",borderBlockColor:"colors",borderBlockEnd:"borders",borderBlockEndColor:"colors",borderBlockEndStyle:"borderStyles",borderBlockEndWidth:"borderWidths",borderBlockStart:"borders",borderBlockStartColor:"colors",borderBlockStartStyle:"borderStyles",borderBlockStartWidth:"borderWidths",borderBlockStyle:"borderStyles",borderBlockWidth:"borderWidths",borderEndEndRadius:"radii",borderEndStartRadius:"radii",borderInline:"borders",borderInlineColor:"colors",borderInlineEnd:"borders",borderInlineEndColor:"colors",borderInlineEndStyle:"borderStyles",borderInlineEndWidth:"borderWidths",borderInlineStart:"borders",borderInlineStartColor:"colors",borderInlineStartStyle:"borderStyles",borderInlineStartWidth:"borderWidths",borderInlineStyle:"borderStyles",borderInlineWidth:"borderWidths",borderStartEndRadius:"radii",borderStartStartRadius:"radii",columnRuleWidth:"borderWidths",boxShadow:"shadows",textShadow:"shadows",zIndex:"zIndices",width:"sizes",minWidth:"sizes",maxWidth:"sizes",height:"sizes",minHeight:"sizes",maxHeight:"sizes",flexBasis:"sizes",size:"sizes",blockSize:"sizes",inlineSize:"sizes",maxBlockSize:"sizes",maxInlineSize:"sizes",minBlockSize:"sizes",minInlineSize:"sizes",columnWidth:"sizes",fill:"colors",stroke:"colors"},O=(e,r)=>{if("number"!=typeof r||r>=0){if("string"==typeof r&&r.startsWith("-")){const t=r.substring(1),n=y(e,t,t);return"number"==typeof n?-1*n:`-${n}`}return y(e,r,r)}const t=Math.abs(r),n=y(e,t,t);return"string"==typeof n?"-"+n:-1*Number(n)},x=["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginBlock","marginBlockEnd","marginBlockStart","marginInline","marginInlineEnd","marginInlineStart","top","bottom","left","right"].reduce(((e,r)=>({...e,[r]:O})),{}),k=(e={})=>(r={})=>{const t={...v,..."theme"in r?r.theme:r},n=(e=>r=>{const t={},n=[null,...(r&&r.breakpoints||b).map((e=>e.includes("@media")?e:`@media screen and (min-width: ${e})`))];for(const o in e){const s=o;let i=e[s];if("function"==typeof i&&(i=i(r||{})),!1!==i&&null!=i)if(Array.isArray(i))for(let e=0;e<i.slice(0,n.length).length;e++){const r=n[e];r?(t[r]=t[r]||{},null!=i[e]&&(t[r][s]=i[e])):t[s]=i[e]}else t[s]=i}return t})(g("function"==typeof e?e(t):e,t))(t);let o={};for(const e in n){const r=n[e],s="function"==typeof r?r(t):r;if(s&&"object"==typeof s){if(h(s)){o[e]=s.__default;continue}o[e]=k(s)(t);continue}const i=e in w?w[e]:e,a=i in S?S[i]:void 0,c=a?null==t?void 0:t[a]:y(t,i,{}),l=y(x,i,y)(c,s,s);if(i in E){const e=E[i];for(let r=0;r<e.length;r++)o[e[r]]=l}else o[i]=l}return o},C=e=>{if(!e||!e.sx&&!e.css)return e;const r={};for(let t in e)"sx"!==t&&(r[t]=e[t]);return r.css=(e=>r=>[k(e.sx)(r),"function"==typeof e.css?e.css(r):e.css])(e),r};var N=function(){function e(e){var r=this;this._insertTag=function(e){var t;t=0===r.tags.length?r.insertionPoint?r.insertionPoint.nextSibling:r.prepend?r.container.firstChild:r.before:r.tags[r.tags.length-1].nextSibling,r.container.insertBefore(e,t),r.tags.push(e)},this.isSpeedy=void 0===e.speedy?"production"===process.env.NODE_ENV:e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var r=e.prototype;return r.hydrate=function(e){e.forEach(this._insertTag)},r.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)==0&&this._insertTag(function(e){var r=document.createElement("style");return r.setAttribute("data-emotion",e.key),void 0!==e.nonce&&r.setAttribute("nonce",e.nonce),r.appendChild(document.createTextNode("")),r.setAttribute("data-s",""),r}(this));var r=this.tags[this.tags.length-1];if("production"!==process.env.NODE_ENV){var t=64===e.charCodeAt(0)&&105===e.charCodeAt(1);t&&this._alreadyInsertedOrderInsensitiveRule&&console.error("You're attempting to insert the following rule:\n"+e+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!t}if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var r=0;r<document.styleSheets.length;r++)if(document.styleSheets[r].ownerNode===e)return document.styleSheets[r]}(r);try{n.insertRule(e,n.cssRules.length)}catch(r){"production"===process.env.NODE_ENV||/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear){/.test(e)||console.error('There was a problem inserting the following rule: "'+e+'"',r)}}else r.appendChild(document.createTextNode(e));this.ctr++},r.flush=function(){this.tags.forEach((function(e){return e.parentNode&&e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0,"production"!==process.env.NODE_ENV&&(this._alreadyInsertedOrderInsensitiveRule=!1)},e}(),_="-ms-",$="-moz-",M="-webkit-",j=Math.abs,P=String.fromCharCode,A=Object.assign;function I(e){return e.trim()}function D(e,r,t){return e.replace(r,t)}function B(e,r){return e.indexOf(r)}function T(e,r){return 0|e.charCodeAt(r)}function R(e,r,t){return e.slice(r,t)}function z(e){return e.length}function F(e){return e.length}function L(e,r){return r.push(e),e}var V=1,W=1,Y=0,G=0,X=0,q="";function H(e,r,t,n,o,s,i){return{value:e,root:r,parent:t,type:n,props:o,children:s,line:V,column:W,length:i,return:""}}function U(e,r){return A(H("",null,null,"",null,null,0),e,{length:-e.length},r)}function Z(){return X=G>0?T(q,--G):0,W--,10===X&&(W=1,V--),X}function K(){return X=G<Y?T(q,G++):0,W++,10===X&&(W=1,V++),X}function J(){return T(q,G)}function Q(){return G}function ee(e,r){return R(q,e,r)}function re(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function te(e){return V=W=1,Y=z(q=e),G=0,[]}function ne(e){return q="",e}function oe(e){return I(ee(G-1,ae(91===e?e+2:40===e?e+1:e)))}function se(e){for(;(X=J())&&X<33;)K();return re(e)>2||re(X)>3?"":" "}function ie(e,r){for(;--r&&K()&&!(X<48||X>102||X>57&&X<65||X>70&&X<97););return ee(e,Q()+(r<6&&32==J()&&32==K()))}function ae(e){for(;K();)switch(X){case e:return G;case 34:case 39:34!==e&&39!==e&&ae(X);break;case 40:41===e&&ae(e);break;case 92:K()}return G}function ce(e,r){for(;K()&&e+X!==57&&(e+X!==84||47!==J()););return"/*"+ee(r,G-1)+"*"+P(47===e?e:K())}function le(e){for(;!re(J());)K();return ee(e,G)}function ue(e){return ne(de("",null,null,null,[""],e=te(e),0,[0],e))}function de(e,r,t,n,o,s,i,a,c){for(var l=0,u=0,d=i,f=0,p=0,m=0,h=1,y=1,g=1,b=0,v="",w=o,E=s,S=n,O=v;y;)switch(m=b,b=K()){case 40:if(108!=m&&58==O.charCodeAt(d-1)){-1!=B(O+=D(oe(b),"&","&\f"),"&\f")&&(g=-1);break}case 34:case 39:case 91:O+=oe(b);break;case 9:case 10:case 13:case 32:O+=se(m);break;case 92:O+=ie(Q()-1,7);continue;case 47:switch(J()){case 42:case 47:L(pe(ce(K(),Q()),r,t),c);break;default:O+="/"}break;case 123*h:a[l++]=z(O)*g;case 125*h:case 59:case 0:switch(b){case 0:case 125:y=0;case 59+u:p>0&&z(O)-d&&L(p>32?me(O+";",n,t,d-1):me(D(O," ","")+";",n,t,d-2),c);break;case 59:O+=";";default:if(L(S=fe(O,r,t,l,u,o,a,v,w=[],E=[],d),s),123===b)if(0===u)de(O,r,S,S,w,s,d,a,E);else switch(f){case 100:case 109:case 115:de(e,S,S,n&&L(fe(e,S,S,0,0,o,a,v,o,w=[],d),E),o,E,d,a,n?w:E);break;default:de(O,S,S,S,[""],E,0,a,E)}}l=u=p=0,h=g=1,v=O="",d=i;break;case 58:d=1+z(O),p=m;default:if(h<1)if(123==b)--h;else if(125==b&&0==h++&&125==Z())continue;switch(O+=P(b),b*h){case 38:g=u>0?1:(O+="\f",-1);break;case 44:a[l++]=(z(O)-1)*g,g=1;break;case 64:45===J()&&(O+=oe(K())),f=J(),u=d=z(v=O+=le(Q())),b++;break;case 45:45===m&&2==z(O)&&(h=0)}}return s}function fe(e,r,t,n,o,s,i,a,c,l,u){for(var d=o-1,f=0===o?s:[""],p=F(f),m=0,h=0,y=0;m<n;++m)for(var g=0,b=R(e,d+1,d=j(h=i[m])),v=e;g<p;++g)(v=I(h>0?f[g]+" "+b:D(b,/&\f/g,f[g])))&&(c[y++]=v);return H(e,r,t,0===o?"rule":a,c,l,u)}function pe(e,r,t){return H(e,r,t,"comm",P(X),R(e,2,-2),0)}function me(e,r,t,n){return H(e,r,t,"decl",R(e,0,n),R(e,n+1,-1),n)}function he(e,r){switch(function(e,r){return(((r<<2^T(e,0))<<2^T(e,1))<<2^T(e,2))<<2^T(e,3)}(e,r)){case 5103:return M+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return M+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return M+e+$+e+_+e+e;case 6828:case 4268:return M+e+_+e+e;case 6165:return M+e+_+"flex-"+e+e;case 5187:return M+e+D(e,/(\w+).+(:[^]+)/,"-webkit-box-$1$2-ms-flex-$1$2")+e;case 5443:return M+e+_+"flex-item-"+D(e,/flex-|-self/,"")+e;case 4675:return M+e+_+"flex-line-pack"+D(e,/align-content|flex-|-self/,"")+e;case 5548:return M+e+_+D(e,"shrink","negative")+e;case 5292:return M+e+_+D(e,"basis","preferred-size")+e;case 6060:return M+"box-"+D(e,"-grow","")+M+e+_+D(e,"grow","positive")+e;case 4554:return M+D(e,/([^-])(transform)/g,"$1-webkit-$2")+e;case 6187:return D(D(D(e,/(zoom-|grab)/,M+"$1"),/(image-set)/,M+"$1"),e,"")+e;case 5495:case 3959:return D(e,/(image-set\([^]*)/,M+"$1$`$1");case 4968:return D(D(e,/(.+:)(flex-)?(.*)/,"-webkit-box-pack:$3-ms-flex-pack:$3"),/s.+-b[^;]+/,"justify")+M+e+e;case 4095:case 3583:case 4068:case 2532:return D(e,/(.+)-inline(.+)/,M+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(z(e)-1-r>6)switch(T(e,r+1)){case 109:if(45!==T(e,r+4))break;case 102:return D(e,/(.+:)(.+)-([^]+)/,"$1-webkit-$2-$3$1"+$+(108==T(e,r+3)?"$3":"$2-$3"))+e;case 115:return~B(e,"stretch")?he(D(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(115!==T(e,r+1))break;case 6444:switch(T(e,z(e)-3-(~B(e,"!important")&&10))){case 107:return D(e,":",":"+M)+e;case 101:return D(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+M+(45===T(e,14)?"inline-":"")+"box$3$1"+M+"$2$3$1"+_+"$2box$3")+e}break;case 5936:switch(T(e,r+11)){case 114:return M+e+_+D(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return M+e+_+D(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return M+e+_+D(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return M+e+_+e+e}return e}function ye(e,r){for(var t="",n=F(e),o=0;o<n;o++)t+=r(e[o],o,e,r)||"";return t}function ge(e,r,t,n){switch(e.type){case"@import":case"decl":return e.return=e.return||e.value;case"comm":return"";case"@keyframes":return e.return=e.value+"{"+ye(e.children,n)+"}";case"rule":e.value=e.props.join(",")}return z(t=ye(e.children,n))?e.return=e.value+"{"+t+"}":""}function be(e){var r=F(e);return function(t,n,o,s){for(var i="",a=0;a<r;a++)i+=e[a](t,n,o,s)||"";return i}}function ve(e){var r={};return function(t){return void 0===r[t]&&(r[t]=e(t)),r[t]}}var we,Ee,Se,Oe=function(e,r,t){for(var n=0,o=0;n=o,o=J(),38===n&&12===o&&(r[t]=1),!re(o);)K();return ee(e,G)},xe=function(e,r){return ne(function(e,r){var t=-1,n=44;do{switch(re(n)){case 0:38===n&&12===J()&&(r[t]=1),e[t]+=Oe(G-1,r,t);break;case 2:e[t]+=oe(n);break;case 4:if(44===n){e[++t]=58===J()?"&\f":"",r[t]=e[t].length;break}default:e[t]+=P(n)}}while(n=K());return e}(te(e),r))},ke=new WeakMap,Ce=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var r=e.value,t=e.parent,n=e.column===t.column&&e.line===t.line;"rule"!==t.type;)if(!(t=t.parent))return;if((1!==e.props.length||58===r.charCodeAt(0)||ke.get(t))&&!n){ke.set(e,!0);for(var o=[],s=xe(r,o),i=t.props,a=0,c=0;a<s.length;a++)for(var l=0;l<i.length;l++,c++)e.props[c]=o[a]?s[a].replace(/&\f/g,i[l]):i[l]+" "+s[a]}}},Ne=function(e){if("decl"===e.type){var r=e.value;108===r.charCodeAt(0)&&98===r.charCodeAt(2)&&(e.return="",e.value="")}},_e=function(e){return 105===e.type.charCodeAt(1)&&64===e.type.charCodeAt(0)},$e=function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},Me=function(e,r,t){_e(e)&&(e.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),$e(e)):function(e,r){for(var t=e-1;t>=0;t--)if(!_e(r[t]))return!0;return!1}(r,t)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),$e(e)))},je="undefined"!=typeof document,Pe=je?void 0:(we=function(){return ve((function(){var e={};return function(r){return e[r]}}))},Ee=new WeakMap,function(e){if(Ee.has(e))return Ee.get(e);var r=we(e);return Ee.set(e,r),r}),Ae=[function(e,r,t,n){if(e.length>-1&&!e.return)switch(e.type){case"decl":e.return=he(e.value,e.length);break;case"@keyframes":return ye([U(e,{value:D(e.value,"@","@"+M)})],n);case"rule":if(e.length)return function(e,r){return e.map(r).join("")}(e.props,(function(r){switch(function(e,r){return(e=r.exec(e))?e[0]:e}(r,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ye([U(e,{props:[D(r,/:(read-\w+)/,":-moz-$1")]})],n);case"::placeholder":return ye([U(e,{props:[D(r,/:(plac\w+)/,":-webkit-input-$1")]}),U(e,{props:[D(r,/:(plac\w+)/,":-moz-$1")]}),U(e,{props:[D(r,/:(plac\w+)/,_+"input-$1")]})],n)}return""}))}}],Ie=function(e){var r=e.key;if("production"!==process.env.NODE_ENV&&!r)throw new Error("You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.");if(je&&"css"===r){var t=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(t,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var n=e.stylisPlugins||Ae;if("production"!==process.env.NODE_ENV&&/[^a-z-]/.test(r))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+r+'" was passed');var o,s,i={},a=[];je&&(o=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),(function(e){for(var r=e.getAttribute("data-emotion").split(" "),t=1;t<r.length;t++)i[r[t]]=!0;a.push(e)})));var c,l=[Ce,Ne];if("production"!==process.env.NODE_ENV&&l.push(function(e){return function(r,t,n){if("rule"===r.type){var o,s=r.value.match(/(:first|:nth|:nth-last)-child/g);if(s&&!0!==e.compat){var i=t>0?n[t-1]:null;if(i&&function(e){return!!e&&"comm"===e.type&&e.children.indexOf("emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason")>-1}((o=i.children).length?o[o.length-1]:null))return;s.forEach((function(e){console.error('The pseudo class "'+e+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+e.split("-child")[0]+'-of-type".')}))}}}}({get compat(){return g.compat}}),Me),je){var u,d=[ge,"production"!==process.env.NODE_ENV?function(e){e.root||(e.return?u.insert(e.return):e.value&&"comm"!==e.type&&u.insert(e.value+"{}"))}:(c=function(e){u.insert(e)},function(e){e.root||(e=e.return)&&c(e)})],f=be(l.concat(n,d));s=function(e,r,t,n){u=t,"production"!==process.env.NODE_ENV&&void 0!==r.map&&(u={insert:function(e){t.insert(e+r.map)}}),ye(ue(e?e+"{"+r.styles+"}":r.styles),f),n&&(g.inserted[r.name]=!0)}}else{var p=[ge],m=be(l.concat(n,p)),h=Pe(n)(r),y=function(e,r){var t=r.name;return void 0===h[t]&&(h[t]=ye(ue(e?e+"{"+r.styles+"}":r.styles),m)),h[t]};s=function(e,r,t,n){var o=r.name,s=y(e,r);return void 0===g.compat?(n&&(g.inserted[o]=!0),"development"===process.env.NODE_ENV&&void 0!==r.map?s+r.map:s):n?void(g.inserted[o]=s):s}}var g={key:r,sheet:new N({key:r,container:o,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:i,registered:{},insert:s};return g.sheet.hydrate(a),g},De={exports:{}},Be={};var Te,Re={};
/** @license React v16.13.1
 * react-is.development.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */!function(e){"production"===process.env.NODE_ENV?e.exports=function(){if(Se)return Be;Se=1;var e="function"==typeof Symbol&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function v(e){if("object"==typeof e&&null!==e){var f=e.$$typeof;switch(f){case r:switch(e=e.type){case c:case l:case n:case s:case o:case d:return e;default:switch(e=e&&e.$$typeof){case a:case u:case m:case p:case i:return e;default:return f}}case t:return f}}}function w(e){return v(e)===l}return Be.AsyncMode=c,Be.ConcurrentMode=l,Be.ContextConsumer=a,Be.ContextProvider=i,Be.Element=r,Be.ForwardRef=u,Be.Fragment=n,Be.Lazy=m,Be.Memo=p,Be.Portal=t,Be.Profiler=s,Be.StrictMode=o,Be.Suspense=d,Be.isAsyncMode=function(e){return w(e)||v(e)===c},Be.isConcurrentMode=w,Be.isContextConsumer=function(e){return v(e)===a},Be.isContextProvider=function(e){return v(e)===i},Be.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},Be.isForwardRef=function(e){return v(e)===u},Be.isFragment=function(e){return v(e)===n},Be.isLazy=function(e){return v(e)===m},Be.isMemo=function(e){return v(e)===p},Be.isPortal=function(e){return v(e)===t},Be.isProfiler=function(e){return v(e)===s},Be.isStrictMode=function(e){return v(e)===o},Be.isSuspense=function(e){return v(e)===d},Be.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===l||e===s||e===o||e===d||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===p||e.$$typeof===i||e.$$typeof===a||e.$$typeof===u||e.$$typeof===y||e.$$typeof===g||e.$$typeof===b||e.$$typeof===h)},Be.typeOf=v,Be}():e.exports=(Te||(Te=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,g=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function v(e){if("object"==typeof e&&null!==e){var f=e.$$typeof;switch(f){case r:var h=e.type;switch(h){case c:case l:case n:case s:case o:case d:return h;default:var y=h&&h.$$typeof;switch(y){case a:case u:case m:case p:case i:return y;default:return f}}case t:return f}}}var w=c,E=l,S=a,O=i,x=r,k=u,C=n,N=m,_=p,$=t,M=s,j=o,P=d,A=!1;function I(e){return v(e)===l}Re.AsyncMode=w,Re.ConcurrentMode=E,Re.ContextConsumer=S,Re.ContextProvider=O,Re.Element=x,Re.ForwardRef=k,Re.Fragment=C,Re.Lazy=N,Re.Memo=_,Re.Portal=$,Re.Profiler=M,Re.StrictMode=j,Re.Suspense=P,Re.isAsyncMode=function(e){return A||(A=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),I(e)||v(e)===c},Re.isConcurrentMode=I,Re.isContextConsumer=function(e){return v(e)===a},Re.isContextProvider=function(e){return v(e)===i},Re.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},Re.isForwardRef=function(e){return v(e)===u},Re.isFragment=function(e){return v(e)===n},Re.isLazy=function(e){return v(e)===m},Re.isMemo=function(e){return v(e)===p},Re.isPortal=function(e){return v(e)===t},Re.isProfiler=function(e){return v(e)===s},Re.isStrictMode=function(e){return v(e)===o},Re.isSuspense=function(e){return v(e)===d},Re.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===l||e===s||e===o||e===d||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===p||e.$$typeof===i||e.$$typeof===a||e.$$typeof===u||e.$$typeof===y||e.$$typeof===g||e.$$typeof===b||e.$$typeof===h)},Re.typeOf=v}()),Re)}(De);var ze=De.exports,Fe={};Fe[ze.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Fe[ze.Memo]={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0};var Le="undefined"!=typeof document;function Ve(e,r,t){var n="";return t.split(" ").forEach((function(t){void 0!==e[t]?r.push(e[t]+";"):n+=t+" "})),n}var We=function(e,r,t){!function(e,r,t){var n=e.key+"-"+r.name;(!1===t||!1===Le&&void 0!==e.compat)&&void 0===e.registered[n]&&(e.registered[n]=r.styles)}(e,r,t);var n=e.key+"-"+r.name;if(void 0===e.inserted[r.name]){var o="",s=r;do{var i=e.insert(r===s?"."+n:"",s,e.sheet,!0);Le||void 0===i||(o+=i),s=s.next}while(void 0!==s);if(!Le&&0!==o.length)return o}};var Ye={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Ge="You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences",Xe="You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).",qe=/[A-Z]|^ms/g,He=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Ue=function(e){return 45===e.charCodeAt(1)},Ze=function(e){return null!=e&&"boolean"!=typeof e},Ke=ve((function(e){return Ue(e)?e:e.replace(qe,"-$&").toLowerCase()})),Je=function(e,r){switch(e){case"animation":case"animationName":if("string"==typeof r)return r.replace(He,(function(e,r,t){return ar={name:r,styles:t,next:ar},r}))}return 1===Ye[e]||Ue(e)||"number"!=typeof r||0===r?r:r+"px"};if("production"!==process.env.NODE_ENV){var Qe=/(var|attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/,er=["normal","none","initial","inherit","unset"],rr=Je,tr=/^-ms-/,nr=/-(.)/g,or={};Je=function(e,r){if("content"===e&&("string"!=typeof r||-1===er.indexOf(r)&&!Qe.test(r)&&(r.charAt(0)!==r.charAt(r.length-1)||'"'!==r.charAt(0)&&"'"!==r.charAt(0))))throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+r+"\"'`");var t=rr(e,r);return""===t||Ue(e)||-1===e.indexOf("-")||void 0!==or[e]||(or[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(tr,"ms-").replace(nr,(function(e,r){return r.toUpperCase()}))+"?")),t}}function sr(e,r,t){if(null==t)return"";if(void 0!==t.__emotion_styles){if("production"!==process.env.NODE_ENV&&"NO_COMPONENT_SELECTOR"===t.toString())throw new Error("Component selectors can only be used in conjunction with @emotion/babel-plugin.");return t}switch(typeof t){case"boolean":return"";case"object":if(1===t.anim)return ar={name:t.name,styles:t.styles,next:ar},t.name;if(void 0!==t.styles){var n=t.next;if(void 0!==n)for(;void 0!==n;)ar={name:n.name,styles:n.styles,next:ar},n=n.next;var o=t.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==t.map&&(o+=t.map),o}return function(e,r,t){var n="";if(Array.isArray(t))for(var o=0;o<t.length;o++)n+=sr(e,r,t[o])+";";else for(var s in t){var i=t[s];if("object"!=typeof i)null!=r&&void 0!==r[i]?n+=s+"{"+r[i]+"}":Ze(i)&&(n+=Ke(s)+":"+Je(s,i)+";");else{if("NO_COMPONENT_SELECTOR"===s&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with @emotion/babel-plugin.");if(!Array.isArray(i)||"string"!=typeof i[0]||null!=r&&void 0!==r[i[0]]){var a=sr(e,r,i);switch(s){case"animation":case"animationName":n+=Ke(s)+":"+a+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===s&&console.error(Xe),n+=s+"{"+a+"}"}}else for(var c=0;c<i.length;c++)Ze(i[c])&&(n+=Ke(s)+":"+Je(s,i[c])+";")}}return n}(e,r,t);case"function":if(void 0!==e){var s=ar,i=t(e);return ar=s,sr(e,r,i)}"production"!==process.env.NODE_ENV&&console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");break;case"string":if("production"!==process.env.NODE_ENV){var a=[],c=t.replace(He,(function(e,r,t){var n="animation"+a.length;return a.push("const "+n+" = keyframes`"+t.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+n+"}"}));a.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(a,["`"+c+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+c+"`")}}if(null==r)return t;var l=r[t];return void 0!==l?l:t}var ir,ar,cr=/label:\s*([^\s;\n{]+)\s*(;|$)/g;"production"!==process.env.NODE_ENV&&(ir=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);var lr=function(e,r,t){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,o="";ar=void 0;var s,i=e[0];null==i||void 0===i.raw?(n=!1,o+=sr(t,r,i)):("production"!==process.env.NODE_ENV&&void 0===i[0]&&console.error(Ge),o+=i[0]);for(var a=1;a<e.length;a++)o+=sr(t,r,e[a]),n&&("production"!==process.env.NODE_ENV&&void 0===i[a]&&console.error(Ge),o+=i[a]);"production"!==process.env.NODE_ENV&&(o=o.replace(ir,(function(e){return s=e,""}))),cr.lastIndex=0;for(var c,l="";null!==(c=cr.exec(o));)l+="-"+c[1];var u=function(e){for(var r,t=0,n=0,o=e.length;o>=4;++n,o-=4)r=1540483477*(65535&(r=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(r>>>16)<<16),t=1540483477*(65535&(r^=r>>>24))+(59797*(r>>>16)<<16)^1540483477*(65535&t)+(59797*(t>>>16)<<16);switch(o){case 3:t^=(255&e.charCodeAt(n+2))<<16;case 2:t^=(255&e.charCodeAt(n+1))<<8;case 1:t=1540483477*(65535&(t^=255&e.charCodeAt(n)))+(59797*(t>>>16)<<16)}return(((t=1540483477*(65535&(t^=t>>>13))+(59797*(t>>>16)<<16))^t>>>15)>>>0).toString(36)}(o)+l;return"production"!==process.env.NODE_ENV?{name:u,styles:o,map:s,next:ar,toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}:{name:u,styles:o,next:ar}},ur="undefined"!=typeof document,dr={}.hasOwnProperty,fr=r("undefined"!=typeof HTMLElement?Ie({key:"css"}):null);"production"!==process.env.NODE_ENV&&(fr.displayName="EmotionCacheContext"),fr.Provider;var pr=function(e){return s((function(r,n){var o=t(fr);return e(r,o,n)}))};ur||(pr=function(e){return function(r){var o=t(fr);return null===o?(o=Ie({key:"css"}),n(fr.Provider,{value:o},e(r,o))):e(r,o)}});var mr=r({});"production"!==process.env.NODE_ENV&&(mr.displayName="EmotionThemeContext");var hr=function(e){var r=/^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(e);if(r){var t=r[1].split(".");return t[t.length-1]}if(r=/^([A-Za-z0-9$.]+)@/.exec(e))return r[1]},yr=new Set(["renderWithHooks","processChild","finishClassComponent","renderToString"]),gr=function(e){return e.replace(/\$/g,"-")},br="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",vr="__EMOTION_LABEL_PLEASE_DO_NOT_USE__",wr=function(e,r){if("production"!==process.env.NODE_ENV&&"string"==typeof r.css&&-1!==r.css.indexOf(":"))throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`"+r.css+"`");var t={};for(var n in r)dr.call(r,n)&&(t[n]=r[n]);if(t[br]=e,"production"!==process.env.NODE_ENV&&r.css&&("object"!=typeof r.css||"string"!=typeof r.css.name||-1===r.css.name.indexOf("-"))){var o=function(e){if(e)for(var r=e.split("\n"),t=0;t<r.length;t++){var n=hr(r[t]);if(n){if(yr.has(n))break;if(/^[A-Z]/.test(n))return gr(n)}}}((new Error).stack);o&&(t[vr]=o)}return t},Er=function(){return null},Sr=pr((function(e,r,s){var i=e.css;"string"==typeof i&&void 0!==r.registered[i]&&(i=r.registered[i]);var a=e[br],c=[i],l="";"string"==typeof e.className?l=Ve(r.registered,c,e.className):null!=e.className&&(l=e.className+" ");var u=lr(c,void 0,t(mr));if("production"!==process.env.NODE_ENV&&-1===u.name.indexOf("-")){var d=e[vr];d&&(u=lr([u,"label:"+d+";"]))}var f=We(r,u,"string"==typeof a);l+=r.key+"-"+u.name;var p={};for(var m in e)!dr.call(e,m)||"css"===m||m===br||"production"!==process.env.NODE_ENV&&m===vr||(p[m]=e[m]);p.ref=s,p.className=l;var h=n(a,p),y=n(Er,null);if(!ur&&void 0!==f){for(var g,b=u.name,v=u.next;void 0!==v;)b+=" "+v.name,v=v.next;y=n("style",((g={})["data-emotion"]=r.key+" "+b,g.dangerouslySetInnerHTML={__html:f},g.nonce=r.sheet.nonce,g))}return n(o,null,y,h)}));"production"!==process.env.NODE_ENV&&(Sr.displayName="EmotionCssPropInternal");const Or=(e,r,t)=>function(e,r,t){return dr.call(r,"css")?f(Sr,wr(e,r),t):f(e,r,t)}(e,C(r),t),xr=(e,r,t)=>function(e,r,t){return dr.call(r,"css")?p(Sr,wr(e,r),t):p(e,r,t)}(e,C(r),t);var kr=function(e,r){return"sm"===e?void 0!==r?"0.5em":"0.5em 1em;":"md"===e?void 0!==r?"0.75em":"0.75em 1.5em;":void 0!==r?"0.85em":"0.85em 2em;"},Cr=function(e,r){return"sharp"===e?"0px;":"pill"===e?void 0!==r?"50%":"50px;":"circle"===e?"50%;":"4px;"},Nr=function(r){var t=r.children,n=r.variant,o=void 0===n?"primary":n,s=r.fill,i=r.size,a=void 0===i?"md":i,c=r.border,l=void 0===c?"rounded":c,u=r.leftIcon,d=r.rightIcon,f=r.icon,p=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}(r,["children","variant","fill","size","border","leftIcon","rightIcon","icon"]),h="solid"===s?"".concat(o,".400"):"transparent",y=t,g="white",b="".concat(o,".500"),v="".concat(o,".500"),w="".concat(o,".100"),E="".concat(o,".100");return"solid"===s?(b="".concat(o,".500"),v="".concat(o,".500"),g=o&&["secondary","warning"].includes(o)?"black":"white"):"outline"===s?(b="".concat(o,".100"),v="".concat(o,".400"),w="white",E="".concat(o,".200"),g="".concat(o,".500")):(b="".concat(o,".200"),v="".concat(o,".200"),w="".concat(o,".100"),E="".concat(o,".100"),g="".concat(o,".500")),y=void 0!==u?xr(e.Fragment,{children:[Or("span",m({sx:{mr:"0.75rem"}},{children:u})),t]}):void 0!==d?xr(e.Fragment,{children:[t,Or("span",m({sx:{ml:"0.75rem"}},{children:d}))]}):void 0!==f?f:t,Or("button",m({sx:{display:"flex",alignItems:"center",justifyContent:"space-around",p:kr(a,f),m:"1rem",bg:h,color:p.disabled?"".concat(o,".200"):g,width:void 0!==f?"50px":"max-content",height:void 0!==f?"50px":"100%",overflow:"hidden",cursor:p.disabled?"not-allowed":"pointer",whiteSpace:"nowrap",textOverflow:"ellipsis",borderRadius:Cr(l,f),fontSize:"1em",borderWidth:1,borderStyle:"solid",borderColor:"invisible"===s?"transparent":"".concat(o,".400"),":hover":{bg:b,borderColor:v},":disabled":{bg:w,borderColor:E}}},p,{children:y}))},_r={colors:{white:"#FFFFFF",black:"#3F3F3F",primary:{100:"#EDE6F4",200:"#C6B0DE",300:"#8455B7",400:"#6D34A9",500:"#5C1BA2"},secondary:{100:"#FEFDE7",200:"#FAF9B5",300:"#F8F692",400:"#F5F260",500:"#F0EC1D"},success:{100:"#E8F9EF",200:"#B6ECCD",300:"#62D592",400:"#44CD7D",500:"#15C15D"},warning:{100:"#FEF7E7",200:"#FAE7B5",300:"#F5CB60",400:"#F3C141",500:"#F0B211"},error:{100:"#FEE7E7",200:"#FAB5B5",300:"#F56060",400:"#F01111",500:"#DA0F0F"},neutral:{100:"#F5F5F5",200:"#DFDFDF",300:"#D0D0D0",400:"#ADADAD",500:"#6C6C6C"}}},$r=function(e,r){var t=arguments;if(null==r||!dr.call(r,"css"))return n.apply(void 0,t);var o=t.length,s=new Array(o);s[0]=Sr,s[1]=wr(e,r);for(var i=2;i<o;i++)s[i]=t[i];return n.apply(null,s)},Mr=!1,jr=pr((function(e,r){"production"===process.env.NODE_ENV||Mr||!e.className&&!e.css||(console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"),Mr=!0);var o=e.styles,s=lr([o],void 0,t(mr));if(!ur){for(var c,l=s.name,u=s.styles,d=s.next;void 0!==d;)l+=" "+d.name,u+=d.styles,d=d.next;var f=!0===r.compat,p=r.insert("",{name:l,styles:u},r.sheet,f);return f?null:n("style",((c={})["data-emotion"]=r.key+"-global "+l,c.dangerouslySetInnerHTML={__html:p},c.nonce=r.sheet.nonce,c))}var m=i();return a((function(){var e=r.key+"-global",t=new N({key:e,nonce:r.sheet.nonce,container:r.sheet.container,speedy:r.sheet.isSpeedy}),n=!1,o=document.querySelector('style[data-emotion="'+e+" "+s.name+'"]');return r.sheet.tags.length&&(t.before=r.sheet.tags[0]),null!==o&&(n=!0,o.setAttribute("data-emotion",e),t.hydrate([o])),m.current=[t,n],function(){t.flush()}}),[r]),a((function(){var e=m.current,t=e[0];if(e[1])e[1]=!1;else{if(void 0!==s.next&&We(r,s.next,!0),t.tags.length){var n=t.tags[t.tags.length-1].nextElementSibling;t.before=n,t.flush()}r.insert("",s,t,!1)}}),[r,s.name]),null}));function Pr(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return lr(r)}"production"!==process.env.NODE_ENV&&(jr.displayName="EmotionGlobal");var Ar=function e(r){for(var t=r.length,n=0,o="";n<t;n++){var s=r[n];if(null!=s){var i=void 0;switch(typeof s){case"boolean":break;case"object":if(Array.isArray(s))i=e(s);else for(var a in"production"!==process.env.NODE_ENV&&void 0!==s.styles&&void 0!==s.name&&console.error("You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component."),i="",s)s[a]&&a&&(i&&(i+=" "),i+=a);break;default:i=s}i&&(o&&(o+=" "),o+=i)}}return o};function Ir(e,r,t){var n=[],o=Ve(e,n,t);return n.length<2?t:o+r(n)}var Dr=function(){return null},Br=pr((function(e,r){var s="",i="",a=!1,c=function(){if(a&&"production"!==process.env.NODE_ENV)throw new Error("css can only be used during render");for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var o=lr(t,r.registered);if(ur)We(r,o,!1);else{var c=We(r,o,!1);void 0!==c&&(s+=c)}return ur||(i+=" "+o.name),r.key+"-"+o.name},l={css:c,cx:function(){if(a&&"production"!==process.env.NODE_ENV)throw new Error("cx can only be used during render");for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return Ir(r.registered,c,Ar(t))},theme:t(mr)},u=e.children(l);a=!0;var d,f=n(Dr,null);ur||0===s.length||(f=n("style",((d={})["data-emotion"]=r.key+" "+i.substring(1),d.dangerouslySetInnerHTML={__html:s},d.nonce=r.sheet.nonce,d)));return n(o,null,f,u)}));if("production"!==process.env.NODE_ENV&&(Br.displayName="EmotionClassNames"),"production"!==process.env.NODE_ENV){var Tr="undefined"!=typeof document,Rr="undefined"!=typeof jest;if(Tr&&!Rr){var zr="undefined"!=typeof globalThis?globalThis:Tr?window:global,Fr="__EMOTION_REACT_"+"11.7.1".split(".")[0]+"__";zr[Fr]&&console.warn("You are loading @emotion/react when it is already loaded. Running multiple instances may cause problems. This can happen if multiple versions are used, or if multiple builds of the same version are used."),zr[Fr]=!0}}var Lr=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var r=Object.prototype.toString.call(e);return"[object RegExp]"===r||"[object Date]"===r||function(e){return e.$$typeof===Vr}(e)}(e)};var Vr="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Wr(e,r){return!1!==r.clone&&r.isMergeableObject(e)?Hr((t=e,Array.isArray(t)?[]:{}),e,r):e;var t}function Yr(e,r,t){return e.concat(r).map((function(e){return Wr(e,t)}))}function Gr(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(r){return e.propertyIsEnumerable(r)})):[]}(e))}function Xr(e,r){try{return r in e}catch(e){return!1}}function qr(e,r,t){var n={};return t.isMergeableObject(e)&&Gr(e).forEach((function(r){n[r]=Wr(e[r],t)})),Gr(r).forEach((function(o){(function(e,r){return Xr(e,r)&&!(Object.hasOwnProperty.call(e,r)&&Object.propertyIsEnumerable.call(e,r))})(e,o)||(Xr(e,o)&&t.isMergeableObject(r[o])?n[o]=function(e,r){if(!r.customMerge)return Hr;var t=r.customMerge(e);return"function"==typeof t?t:Hr}(o,t)(e[o],r[o],t):n[o]=Wr(r[o],t))})),n}function Hr(e,r,t){(t=t||{}).arrayMerge=t.arrayMerge||Yr,t.isMergeableObject=t.isMergeableObject||Lr,t.cloneUnlessOtherwiseSpecified=Wr;var n=Array.isArray(r);return n===Array.isArray(e)?n?t.arrayMerge(e,r,t):qr(e,r,t):Wr(r,t)}Hr.all=function(e,r){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,t){return Hr(e,t,r)}),{})};var Ur=Hr;const Zr="11.7.1",Kr=(e,r,...t)=>$r(e,C(r),...t),Jr={__EMOTION_VERSION__:Zr,theme:{}},Qr=r(Jr),et=()=>t(Qr),rt="function"==typeof Symbol&&Symbol.for,tt=rt?Symbol.for("react.element"):60103,nt=rt?Symbol.for("react.forward_ref"):60103,ot={isMergeableObject:e=>!!e&&"object"==typeof e&&e.$$typeof!==tt&&e.$$typeof!==nt,arrayMerge:(e,r)=>r},st=(e,r)=>Ur(e,r,ot);st.all=function(...e){return Ur.all(e,ot)};const it=({context:e,children:r})=>Kr(mr.Provider,{value:e.theme},Kr(Qr.Provider,{value:e,children:r}));function at({theme:e,children:r}){const t=et();"production"!==process.env.NODE_ENV&&t.__EMOTION_VERSION__!==Zr&&console.warn("Multiple versions of Emotion detected,","and theming might not work as expected.","Please ensure there is only one copy of @emotion/react installed in your application.");const n="function"==typeof e?{...t,theme:e(t.theme)}:st.all({},t,{theme:e});return Kr(it,{context:n,children:r})}const ct=e=>`--theme-ui-${e.replace("-__default","")}`,lt=e=>`var(${ct(e)})`,ut=(...e)=>e.filter(Boolean).join("-"),dt=new Set(["useCustomProperties","initialColorModeName","printColorModeName","initialColorMode","useLocalStorage","config"]),ft=(e,r)=>{const t=Array.isArray(e)?[]:{};for(let n in e){const o=e[n],s=ut(r,n);o&&"object"==typeof o?t[n]=ft(o,s):dt.has(n)?t[n]=o:t[n]=lt(s)}return t},pt=(e,r)=>{let t={};for(let n in r){if("modes"===n)continue;const o=ut(e,n),s=r[n];s&&"object"==typeof s?t={...t,...pt(o,s)}:t[ct(o)]=s}return t},mt=(e={})=>{const{useCustomProperties:r,initialColorModeName:t,printColorModeName:n,useRootStyles:o}=e.config||e||{},s=e.rawColors||e.colors;if(!s||!1===o)return{};if(!1===r)return k({color:"text",bg:"background"})(e);const i=s.modes||{},a=ht(s,i);if(n){let e=i[n];e||n!==t||(e=s),e?a["@media print"]=pt("colors",e):console.error("Theme UI `printColorModeName` was not found in colors scale",{colors:s,printColorModeName:n})}const c=e=>lt(`colors-${e}`);return k({...a,color:c("text"),bg:c("background")})(e)};function ht(e,r){const t=pt("colors",e);return Object.keys(r).forEach((e=>{const n=`.theme-ui-${e}`;t[`&${n}, ${n} &`]=pt("colors",r[e])})),t}const yt="(prefers-color-scheme: dark)",gt=()=>{try{return window.localStorage.getItem("theme-ui-color-mode")}catch(e){console.warn("localStorage is disabled and color mode might not work as expected.","Please check your Site Settings.",e)}},bt=e=>{try{window.localStorage.setItem("theme-ui-color-mode",e)}catch(e){console.warn("localStorage is disabled and color mode might not work as expected.","Please check your Site Settings.",e)}},vt=()=>{if("undefined"!=typeof window&&window.matchMedia){if(window.matchMedia(yt).matches)return"dark";if(window.matchMedia("(prefers-color-scheme: light)").matches)return"light"}return null},wt="undefined"==typeof window?()=>{}:a,Et=({outerCtx:r,children:t})=>{const n=r.theme||{},{initialColorModeName:o,useColorSchemeMediaQuery:s,useLocalStorage:i}=n.config||n;let[a,d]=c((()=>!1!==s&&vt()||o));wt((()=>{const e=!1!==i&&gt();"undefined"!=typeof document&&document.documentElement.classList.remove("theme-ui-"+e),"system"!==s&&e&&e!==a&&(a=e,d(e))}),[]),l((()=>{a&&!1!==i&&bt(a)}),[a,i]);const f=u((()=>{const e=vt();d(e||o)}),[o]);if(l((()=>{if("system"===s&&window.matchMedia){const e=window.matchMedia(yt);"function"==typeof e.addEventListener?e.addEventListener("change",f):"function"==typeof e.addListener&&e.addListener(f)}return()=>{if("system"===s&&window.matchMedia){const e=window.matchMedia(yt);"function"==typeof e.removeEventListener?e.removeEventListener("change",f):"function"==typeof e.removeListener&&e.removeListener(f)}}}),[s,f]),"production"!==process.env.NODE_ENV){var p,m;null!=(p=n.colors)&&p.modes&&o&&Object.keys(n.colors.modes).indexOf(o)>-1&&console.warn("[theme-ui] The `initialColorModeName` value should be a unique name and cannot reference a key in `theme.colors.modes`.");const e=[],r=t=>(Object.keys(t).forEach((n=>{e.push(n),"object"==typeof t[n]&&r(t[n])})),e);r(null!=(m=n.colors)?m:{}).forEach((e=>{e!==e.trim()&&console.warn(`[theme-ui] Key \`${e}\` in theme.colors contains leading/trailing whitespace, which can cause bugs in your project.`)}))}const h=xt({colorMode:a,outerTheme:n}),y={...r,theme:h,colorMode:a,setColorMode:d};return e.createElement(it,{context:y},e.createElement(kt,{theme:h}),t)},St=e=>{const r={...e};return delete r.modes,r};function Ot(e,r){for(const[t,n]of Object.entries(e))if("string"!=typeof n||n.startsWith("var(")){if("object"==typeof n){const e={...r[t]};Ot(n,e),r[t]=e}}else r[t]=n}function xt({outerTheme:e,colorMode:r}){return d((()=>{const t={...e},n=y(t,"colors.modes",{}),o=y(n,r,{});r&&(t.colors={...t.colors,...o});const{useCustomProperties:s,initialColorModeName:i="__default"}=e.config||e;let a=e.rawColors||e.colors||{};if(!1!==s){const e=null!=t.rawColors,r=t.colors||{};if(e)a={...a},Ot(r,a),a.modes&&(a.modes[i]=St(a)),t.rawColors=a;else if("modes"in a){const e={[i]:St(a),...a.modes};t.rawColors={...r,modes:e}}else t.rawColors=r;t.colors=ft(St(a),"colors")}return t}),[r,e])}function kt({theme:e}){return Kr(jr,{styles:()=>({html:mt(e)})})}function Ct({outerCtx:r,children:t}){var n;const o=xt({outerTheme:r.theme,colorMode:r.colorMode}),[s,i]=c((()=>{var e;return!1!==(null==(e=o.config)?void 0:e.useLocalStorage)}));wt((()=>{i(!1)}),[]);const a=o.rawColors||o.colors,l=null==(n=o.config)?void 0:n.useCustomProperties,u=d((()=>{if(!1===l)return{};const e=a||{};return k(ht(e,e.modes||{}))(o)}),[o,a,l]);return e.createElement(it,{context:{...r,theme:o}},Kr("div",{"data-themeui-nested-provider":!0,key:Number(s),suppressHydrationWarning:!0,css:u,children:t}))}const Nt=({children:r})=>{const t=et();return"function"!=typeof t.setColorMode?e.createElement(Et,{outerCtx:t},r):e.createElement(Ct,{outerCtx:t},r)};function _t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function $t(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function Mt(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?$t(Object(t),!0).forEach((function(r){_t(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):$t(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function jt(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var Pt=e.createContext({}),At=function(r){var t=e.useContext(Pt),n=t;return r&&(n="function"==typeof r?r(t):Mt(Mt({},t),r)),n},It=function(r){var t=At(r.components);return e.createElement(Pt.Provider,{value:t},r.children)},Dt={inlineCode:"code",wrapper:function(r){var t=r.children;return e.createElement(e.Fragment,{},t)}},Bt=e.forwardRef((function(r,t){var n=r.components,o=r.mdxType,s=r.originalType,i=r.parentName,a=jt(r,["com