@twilio-paste/grid
Advanced tools
Comparing version 0.1.10 to 0.2.0
@@ -6,2 +6,13 @@ # Change Log | ||
# [0.2.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/grid@0.1.10...@twilio-paste/grid@0.2.0) (2020-02-13) | ||
### Features | ||
* **grid:** support the as prop ([fdd5b43](https://github.com/twilio-labs/paste/commit/fdd5b43112c0b15cd557fd0817d61aa9545820f9)) | ||
## [0.1.10](https://github.com/twilio-labs/paste/compare/@twilio-paste/grid@0.1.9...@twilio-paste/grid@0.1.10) (2020-02-13) | ||
@@ -8,0 +19,0 @@ |
@@ -1,2 +0,2 @@ | ||
import{useMemo as e,Children as t,isValidElement as r,cloneElement as n,createElement as o,createContext as a,Fragment as i,forwardRef as s,Component as c}from"react";import{node as l,oneOfType as u,bool as d,arrayOf as p,number as f}from"prop-types";import{useTheme as h}from"@twilio-paste/theme";import{safelySpreadBoxProps as m}from"@twilio-paste/box";import{Flex as v}from"@twilio-paste/flex";import{compose as g,space as y,layout as b}from"styled-system"; | ||
import{useMemo as e,Children as t,isValidElement as r,cloneElement as n,createElement as a,createContext as o,Fragment as i,forwardRef as s,Component as c}from"react";import{string as l,node as u,oneOfType as d,bool as p,arrayOf as f,number as h}from"prop-types";import{useTheme as m}from"@twilio-paste/theme";import{safelySpreadBoxProps as v}from"@twilio-paste/box";import{Flex as g}from"@twilio-paste/flex";import{compose as y,space as b,layout as k}from"styled-system"; | ||
/*! ***************************************************************************** | ||
@@ -15,2 +15,2 @@ Copyright (c) Microsoft Corporation. All rights reserved. | ||
and limitations under the License. | ||
***************************************************************************** */var k=function(){return(k=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};var w=function(e,t){return Array.isArray(t)?t.map((function(t){return"-"+e.space[t]})):t?"-"+e.space[t]:"auto"},_=function(e,t){return Array.isArray(t)?t.map((function(t){return""+e.space[t]})):t?""+e.space[t]:""+e.space[0]},E=function(a){var i=a.children,s=a.gutter,c=a.marginTop,l=a.marginBottom,u=a.vertical,d=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(a,["children","gutter","marginTop","marginBottom","vertical"]),p=h(),f=e((function(){return t.map(i,(function(e){return r(e)?n(e,{count:t.count(i),gutter:s,vertical:u}):e}))}),[i]),g=e((function(){return function(e,t){return{marginLeft:w(e,t),marginRight:w(e,t)}}(p,s)}),[s]);return o(v,k({},g,m(d),{marginTop:c,marginBottom:l,vertical:u}),f)};E.propTypes={children:l.isRequired,vertical:u([u([d]),p(u([d]))])},E.defaultProps={vertical:!1},E.displayName="Grid";var O=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e};function A(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var x=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,C=A((function(e){return x.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}));var N=function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t};var S=function(){function e(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.before=null}var t=e.prototype;return t.insert=function(e){if(this.ctr%(this.isSpeedy?65e3:1)==0){var t,r=function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}(this);t=0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling,this.container.insertBefore(r,t),this.tags.push(r)}var n=this.tags[this.tags.length-1];if(this.isSpeedy){var o=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(n);try{var a=105===e.charCodeAt(1)&&64===e.charCodeAt(0);o.insertRule(e,a?0:o.cssRules.length)}catch(t){"production"!==process.env.NODE_ENV&&console.warn('There was a problem inserting the following rule: "'+e+'"',t)}}else n.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}();function P(e){function t(e,t,n){var o=t.trim().split(h);t=o;var a=o.length,i=e.length;switch(i){case 0:case 1:var s=0;for(e=0===i?"":e[0]+" ";s<a;++s)t[s]=r(e,t[s],n).trim();break;default:var c=s=0;for(t=[];s<a;++s)for(var l=0;l<i;++l)t[c++]=r(e[l]+" ",o[s],n).trim()}return t}function r(e,t,r){var n=t.charCodeAt(0);switch(33>n&&(n=(t=t.trim()).charCodeAt(0)),n){case 38:return t.replace(m,"$1"+e.trim());case 58:return e.trim()+t.replace(m,"$1"+e.trim());default:if(0<1*r&&0<t.indexOf("\f"))return t.replace(m,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function n(e,t,r,a){var i=e+";",s=2*t+3*r+4*a;if(944===s){e=i.indexOf(":",9)+1;var c=i.substring(e,i.length-1).trim();return c=i.substring(0,e).trim()+c+";",1===S||2===S&&o(c,1)?"-webkit-"+c+c:c}if(0===S||2===S&&!o(i,1))return i;switch(s){case 1015:return 97===i.charCodeAt(10)?"-webkit-"+i+i:i;case 951:return 116===i.charCodeAt(3)?"-webkit-"+i+i:i;case 963:return 110===i.charCodeAt(5)?"-webkit-"+i+i:i;case 1009:if(100!==i.charCodeAt(4))break;case 969:case 942:return"-webkit-"+i+i;case 978:return"-webkit-"+i+"-moz-"+i+i;case 1019:case 983:return"-webkit-"+i+"-moz-"+i+"-ms-"+i+i;case 883:if(45===i.charCodeAt(8))return"-webkit-"+i+i;if(0<i.indexOf("image-set(",11))return i.replace(A,"$1-webkit-$2")+i;break;case 932:if(45===i.charCodeAt(4))switch(i.charCodeAt(5)){case 103:return"-webkit-box-"+i.replace("-grow","")+"-webkit-"+i+"-ms-"+i.replace("grow","positive")+i;case 115:return"-webkit-"+i+"-ms-"+i.replace("shrink","negative")+i;case 98:return"-webkit-"+i+"-ms-"+i.replace("basis","preferred-size")+i}return"-webkit-"+i+"-ms-"+i+i;case 964:return"-webkit-"+i+"-ms-flex-"+i+i;case 1023:if(99!==i.charCodeAt(8))break;return"-webkit-box-pack"+(c=i.substring(i.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+i+"-ms-flex-pack"+c+i;case 1005:return p.test(i)?i.replace(d,":-webkit-")+i.replace(d,":-moz-")+i:i;case 1e3:switch(t=(c=i.substring(13).trim()).indexOf("-")+1,c.charCodeAt(0)+c.charCodeAt(t)){case 226:c=i.replace(b,"tb");break;case 232:c=i.replace(b,"tb-rl");break;case 220:c=i.replace(b,"lr");break;default:return i}return"-webkit-"+i+"-ms-"+c+i;case 1017:if(-1===i.indexOf("sticky",9))break;case 975:switch(t=(i=e).length-10,s=(c=(33===i.charCodeAt(t)?i.substring(0,t):i).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|c.charCodeAt(7))){case 203:if(111>c.charCodeAt(8))break;case 115:i=i.replace(c,"-webkit-"+c)+";"+i;break;case 207:case 102:i=i.replace(c,"-webkit-"+(102<s?"inline-":"")+"box")+";"+i.replace(c,"-webkit-"+c)+";"+i.replace(c,"-ms-"+c+"box")+";"+i}return i+";";case 938:if(45===i.charCodeAt(5))switch(i.charCodeAt(6)){case 105:return c=i.replace("-items",""),"-webkit-"+i+"-webkit-box-"+c+"-ms-flex-"+c+i;case 115:return"-webkit-"+i+"-ms-flex-item-"+i.replace(_,"")+i;default:return"-webkit-"+i+"-ms-flex-line-pack"+i.replace("align-content","").replace(_,"")+i}break;case 973:case 989:if(45!==i.charCodeAt(3)||122===i.charCodeAt(4))break;case 931:case 953:if(!0===O.test(e))return 115===(c=e.substring(e.indexOf(":")+1)).charCodeAt(0)?n(e.replace("stretch","fill-available"),t,r,a).replace(":fill-available",":stretch"):i.replace(c,"-webkit-"+c)+i.replace(c,"-moz-"+c.replace("fill-",""))+i;break;case 962:if(i="-webkit-"+i+(102===i.charCodeAt(5)?"-ms-"+i:"")+i,211===r+a&&105===i.charCodeAt(13)&&0<i.indexOf("transform",10))return i.substring(0,i.indexOf(";",27)+1).replace(f,"$1-webkit-$2")+i}return i}function o(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10);return r=e.substring(r+1,e.length-1),j(2!==t?n:n.replace(E,"$1"),r,t)}function a(e,t){var r=n(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(w," or ($1)").substring(4):"("+t+")"}function i(e,t,r,n,o,a,i,s,l,u){for(var d,p=0,f=t;p<D;++p)switch(d=T[p].call(c,e,f,r,n,o,a,i,s,l,u)){case void 0:case!1:case!0:case null:break;default:f=d}if(f!==t)return f}function s(e){return void 0!==(e=e.prefix)&&(j=null,e?"function"!=typeof e?S=1:(S=2,j=e):S=0),s}function c(e,r){var s=e;if(33>s.charCodeAt(0)&&(s=s.trim()),s=[s],0<D){var c=i(-1,r,s,s,C,x,0,0,0,0);void 0!==c&&"string"==typeof c&&(r=c)}var d=function e(r,s,c,d,p){for(var f,h,m,b,w,_=0,E=0,O=0,A=0,T=0,j=0,L=m=f=0,I=0,V=0,M=0,z=0,q=c.length,U=q-1,$="",Y="",H="",B="";I<q;){if(h=c.charCodeAt(I),I===U&&0!==E+A+O+_&&(0!==E&&(h=47===E?10:47),A=O=_=0,q++,U++),0===E+A+O+_){if(I===U&&(0<V&&($=$.replace(u,"")),0<$.trim().length)){switch(h){case 32:case 9:case 59:case 13:case 10:break;default:$+=c.charAt(I)}h=59}switch(h){case 123:for(f=($=$.trim()).charCodeAt(0),m=1,z=++I;I<q;){switch(h=c.charCodeAt(I)){case 123:m++;break;case 125:m--;break;case 47:switch(h=c.charCodeAt(I+1)){case 42:case 47:e:{for(L=I+1;L<U;++L)switch(c.charCodeAt(L)){case 47:if(42===h&&42===c.charCodeAt(L-1)&&I+2!==L){I=L+1;break e}break;case 10:if(47===h){I=L+1;break e}}I=L}}break;case 91:h++;case 40:h++;case 34:case 39:for(;I++<U&&c.charCodeAt(I)!==h;);}if(0===m)break;I++}switch(m=c.substring(z,I),0===f&&(f=($=$.replace(l,"").trim()).charCodeAt(0)),f){case 64:switch(0<V&&($=$.replace(u,"")),h=$.charCodeAt(1)){case 100:case 109:case 115:case 45:V=s;break;default:V=P}if(z=(m=e(s,V,m,h,p+1)).length,0<D&&(w=i(3,m,V=t(P,$,M),s,C,x,z,h,p,d),$=V.join(""),void 0!==w&&0===(z=(m=w.trim()).length)&&(h=0,m="")),0<z)switch(h){case 115:$=$.replace(k,a);case 100:case 109:case 45:m=$+"{"+m+"}";break;case 107:m=($=$.replace(v,"$1 $2"))+"{"+m+"}",m=1===S||2===S&&o("@"+m,3)?"@-webkit-"+m+"@"+m:"@"+m;break;default:m=$+m,112===d&&(Y+=m,m="")}else m="";break;default:m=e(s,t(s,$,M),m,d,p+1)}H+=m,m=M=V=L=f=0,$="",h=c.charCodeAt(++I);break;case 125:case 59:if(1<(z=($=(0<V?$.replace(u,""):$).trim()).length))switch(0===L&&(f=$.charCodeAt(0),45===f||96<f&&123>f)&&(z=($=$.replace(" ",":")).length),0<D&&void 0!==(w=i(1,$,s,r,C,x,Y.length,d,p,d))&&0===(z=($=w.trim()).length)&&($="\0\0"),f=$.charCodeAt(0),h=$.charCodeAt(1),f){case 0:break;case 64:if(105===h||99===h){B+=$+c.charAt(I);break}default:58!==$.charCodeAt(z-1)&&(Y+=n($,f,h,$.charCodeAt(2)))}M=V=L=f=0,$="",h=c.charCodeAt(++I)}}switch(h){case 13:case 10:47===E?E=0:0===1+f&&107!==d&&0<$.length&&(V=1,$+="\0"),0<D*R&&i(0,$,s,r,C,x,Y.length,d,p,d),x=1,C++;break;case 59:case 125:if(0===E+A+O+_){x++;break}default:switch(x++,b=c.charAt(I),h){case 9:case 32:if(0===A+_+E)switch(T){case 44:case 58:case 9:case 32:b="";break;default:32!==h&&(b=" ")}break;case 0:b="\\0";break;case 12:b="\\f";break;case 11:b="\\v";break;case 38:0===A+E+_&&(V=M=1,b="\f"+b);break;case 108:if(0===A+E+_+N&&0<L)switch(I-L){case 2:112===T&&58===c.charCodeAt(I-3)&&(N=T);case 8:111===j&&(N=j)}break;case 58:0===A+E+_&&(L=I);break;case 44:0===E+O+A+_&&(V=1,b+="\r");break;case 34:case 39:0===E&&(A=A===h?0:0===A?h:A);break;case 91:0===A+E+O&&_++;break;case 93:0===A+E+O&&_--;break;case 41:0===A+E+_&&O--;break;case 40:if(0===A+E+_){if(0===f)switch(2*T+3*j){case 533:break;default:f=1}O++}break;case 64:0===E+O+A+_+L+m&&(m=1);break;case 42:case 47:if(!(0<A+_+O))switch(E){case 0:switch(2*h+3*c.charCodeAt(I+1)){case 235:E=47;break;case 220:z=I,E=42}break;case 42:47===h&&42===T&&z+2!==I&&(33===c.charCodeAt(z+2)&&(Y+=c.substring(z,I+1)),b="",E=0)}}0===E&&($+=b)}j=T,T=h,I++}if(0<(z=Y.length)){if(V=s,0<D&&(void 0!==(w=i(2,Y,V,r,C,x,z,d,p,d))&&0===(Y=w).length))return B+Y+H;if(Y=V.join(",")+"{"+Y+"}",0!=S*N){switch(2!==S||o(Y,2)||(N=0),N){case 111:Y=Y.replace(y,":-moz-$1")+Y;break;case 112:Y=Y.replace(g,"::-webkit-input-$1")+Y.replace(g,"::-moz-$1")+Y.replace(g,":-ms-input-$1")+Y}N=0}}return B+Y+H}(P,s,r,0,0);return 0<D&&(void 0!==(c=i(-2,d,s,s,C,x,d.length,0,0,0))&&(d=c)),"",N=0,x=C=1,d}var l=/^\0+/g,u=/[\0\r\f]/g,d=/: */g,p=/zoo|gra/,f=/([,: ])(transform)/g,h=/,\r+?/g,m=/([\t\r\n ])*\f?&/g,v=/@(k\w+)\s*(\S*)\s*/,g=/::(place)/g,y=/:(read-only)/g,b=/[svh]\w+-[tblr]{2}/,k=/\(\s*(.*)\s*\)/g,w=/([\s\S]*?);/g,_=/-self|flex-/g,E=/[^]*?(:[rp][el]a[\w-]+)[^]*/,O=/stretch|:\s*\w+\-(?:conte|avail)/,A=/([^-])(image-set\()/,x=1,C=1,N=0,S=1,P=[],T=[],D=0,j=null,R=0;return c.use=function e(t){switch(t){case void 0:case null:D=T.length=0;break;default:if("function"==typeof t)T[D++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else R=0|!!t}return e},c.set=s,void 0!==e&&s(e),c}var T=function(e){var t=new WeakMap;return function(r){if(t.has(r))return t.get(r);var n=e(r);return t.set(r,n),n}};function D(e){e&&j.current.insert(e+"}")}var j={current:null},R=function(e,t,r,n,o,a,i,s,c,l){switch(e){case 1:switch(t.charCodeAt(0)){case 64:return j.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===s)return t+"/*|*/";break;case 3:switch(s){case 102:case 112:return j.current.insert(r[0]+t),"";default:return t+(0===l?"/*|*/":"")}case-2:t.split("/*|*/}").forEach(D)}},L=function(e,t){if(1===e&&108===t.charCodeAt(0)&&98===t.charCodeAt(2))return""},I="undefined"!=typeof document,V={},M=I?void 0:T((function(){var e=T((function(){return{}})),t={},r={};return function(n){return void 0===n||!0===n?t:!1===n?r:e(n)}})),z=function(e){void 0===e&&(e={});var t,r=e.key||"css";void 0!==e.prefix&&(t={prefix:e.prefix});var n=new P(t);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,a,i={};if(I){o=e.container||document.head;var s=document.querySelectorAll("style[data-emotion-"+r+"]");Array.prototype.forEach.call(s,(function(e){e.getAttribute("data-emotion-"+r).split(" ").forEach((function(e){i[e]=!0})),e.parentNode!==o&&o.appendChild(e)}))}if(I)n.use(e.stylisPlugins)(R),a=function(e,t,r,o){var a=t.name;if(j.current=r,"production"!==process.env.NODE_ENV&&void 0!==t.map){var i=t.map;j.current={insert:function(e){r.insert(e+i)}}}n(e,t.styles),o&&(d.inserted[a]=!0)};else{n.use(L);var c=V;(e.stylisPlugins||void 0!==e.prefix)&&(n.use(e.stylisPlugins),c=M(e.stylisPlugins||V)(e.prefix));a=function(e,t,r,o){var a=t.name,i=function(e,t){var r=t.name;return void 0===c[r]&&(c[r]=n(e,t.styles)),c[r]}(e,t);return void 0===d.compat?(o&&(d.inserted[a]=!0),"development"===process.env.NODE_ENV&&void 0!==t.map?i+t.map:i):o?void(d.inserted[a]=i):i}}if("production"!==process.env.NODE_ENV){var l=/\/\*/g,u=/\*\//g;n.use((function(e,t){switch(e){case-1:for(;l.test(t);){if(u.lastIndex=l.lastIndex,!u.test(t))throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');l.lastIndex=u.lastIndex}l.lastIndex=0}})),n.use((function(e,t,r){switch(e){case-1:var n=t.match(/(:first|:nth|:nth-last)-child/g);n&&!0!==d.compat&&n.forEach((function(e){var r=new RegExp(e+".*\\/\\* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason \\*\\/").test(t);e&&!r&&console.error('The pseudo class "'+e+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+e.split("-child")[0]+'-of-type".')}))}}))}var d={key:r,sheet:new S({key:r,container:o,nonce:e.nonce,speedy:e.speedy}),nonce:e.nonce,inserted:i,registered:{},insert:a};return d},q="undefined"!=typeof document;function U(e,t,r){var n="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]):n+=r+" "})),n}var $=function(e,t,r){var n=e.key+"-"+t.name;if((!1===r||!1===q&&void 0!==e.compat)&&void 0===e.registered[n]&&(e.registered[n]=t.styles),void 0===e.inserted[t.name]){var o="",a=t;do{var i=e.insert("."+n,a,e.sheet,!0);q||void 0===i||(o+=i),a=a.next}while(void 0!==a);if(!q&&0!==o.length)return o}};var Y={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},H="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",B=/[A-Z]|^ms/g,F=/_EMO_([^_]+?)_([^]*?)_EMO_/g,W=function(e){return 45===e.charCodeAt(1)},G=function(e){return null!=e&&"boolean"!=typeof e},X=A((function(e){return W(e)?e:e.replace(B,"-$&").toLowerCase()})),J=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(F,(function(e,t,r){return ie={name:t,styles:r,next:ie},t}))}return 1===Y[e]||W(e)||"number"!=typeof t||0===t?t:t+"px"};if("production"!==process.env.NODE_ENV){var Z=/(attr|calc|counters?|url)\(/,K=["normal","none","counter","open-quote","close-quote","no-open-quote","no-close-quote","initial","inherit","unset"],Q=J,ee=/^-ms-/,te=/-(.)/g,re={};J=function(e,t){"content"===e&&("string"!=typeof t||-1===K.indexOf(t)&&!Z.test(t)&&(t.charAt(0)!==t.charAt(t.length-1)||'"'!==t.charAt(0)&&"'"!==t.charAt(0)))&&console.error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+t+"\"'`");var r=Q(e,t);return""===r||W(e)||-1===e.indexOf("-")||void 0!==re[e]||(re[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(ee,"ms-").replace(te,(function(e,t){return t.toUpperCase()}))+"?")),r}}var ne=!0;function oe(e,t,r,n){if(null==r)return"";if(void 0!==r.__emotion_styles){if("production"!==process.env.NODE_ENV&&"NO_COMPONENT_SELECTOR"===r.toString())throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");return r}switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return ie={name:r.name,styles:r.styles,next:ie},r.name;if(void 0!==r.styles){var o=r.next;if(void 0!==o)for(;void 0!==o;)ie={name:o.name,styles:o.styles,next:ie},o=o.next;var a=r.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==r.map&&(a+=r.map),a}return function(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o++)n+=oe(e,t,r[o],!1);else for(var a in r){var i=r[a];if("object"!=typeof i)null!=t&&void 0!==t[i]?n+=a+"{"+t[i]+"}":G(i)&&(n+=X(a)+":"+J(a,i)+";");else{if("NO_COMPONENT_SELECTOR"===a&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");if(!Array.isArray(i)||"string"!=typeof i[0]||null!=t&&void 0!==t[i[0]]){var s=oe(e,t,i,!1);switch(a){case"animation":case"animationName":n+=X(a)+":"+s+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===a&&console.error("You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key)."),n+=a+"{"+s+"}"}}else for(var c=0;c<i.length;c++)G(i[c])&&(n+=X(a)+":"+J(a,i[c])+";")}}return n}(e,t,r);case"function":if(void 0!==e){var i=ie,s=r(e);return ie=i,oe(e,t,s,n)}"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 c=[],l=r.replace(F,(function(e,t,r){var n="animation"+c.length;return c.push("const "+n+" = keyframes`"+r.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+n+"}"}));c.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(c,["`"+l+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+l+"`")}}if(null==t)return r;var u=t[r];return"production"!==process.env.NODE_ENV&&n&&ne&&void 0!==u&&(console.error("Interpolating a className from css`` is not recommended and will cause problems with composition.\nInterpolating a className from css`` will be completely unsupported in a future major version of Emotion"),ne=!1),void 0===u||n?r:u}var ae,ie,se=/label:\s*([^\s;\n{]+)\s*;/g;"production"!==process.env.NODE_ENV&&(ae=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);var ce=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,o="";ie=void 0;var a,i=e[0];null==i||void 0===i.raw?(n=!1,o+=oe(r,t,i,!1)):("production"!==process.env.NODE_ENV&&void 0===i[0]&&console.error(H),o+=i[0]);for(var s=1;s<e.length;s++)o+=oe(r,t,e[s],46===o.charCodeAt(o.length-1)),n&&("production"!==process.env.NODE_ENV&&void 0===i[s]&&console.error(H),o+=i[s]);"production"!==process.env.NODE_ENV&&(o=o.replace(ae,(function(e){return a=e,""}))),se.lastIndex=0;for(var c,l="";null!==(c=se.exec(o));)l+="-"+c[1];var u=function(e){for(var t,r=e.length,n=r^r,o=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+((1540483477*(t>>>16)&65535)<<16),n=1540483477*(65535&n)+((1540483477*(n>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++o;switch(r){case 3:n^=(255&e.charCodeAt(o+2))<<16;case 2:n^=(255&e.charCodeAt(o+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(o)))+((1540483477*(n>>>16)&65535)<<16)}return n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16),((n^=n>>>15)>>>0).toString(36)}(o)+l;return"production"!==process.env.NODE_ENV?{name:u,styles:o,map:a,next:ie,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:ie}},le="undefined"!=typeof document,ue=a("undefined"!=typeof HTMLElement?z():null),de=a({}),pe=(ue.Provider,function(e){return s((function(t,r){return o(ue.Consumer,null,(function(n){return e(t,n,r)}))}))});if(!le){var fe=function(e){function t(t,r,n){var o;return(o=e.call(this,t,r,n)||this).state={value:z()},o}return N(t,e),t.prototype.render=function(){return o(ue.Provider,this.state,this.props.children(this.state.value))},t}(c);pe=function(e){return function(t){return o(ue.Consumer,null,(function(r){return null===r?o(fe,null,(function(r){return e(t,r)})):e(t,r)}))}}}var he=Object.prototype.hasOwnProperty,me=function(e,t,r,n){var a=null===r?t.css:t.css(r);"string"==typeof a&&void 0!==e.registered[a]&&(a=e.registered[a]);var s=t.__EMOTION_TYPE_PLEASE_DO_NOT_USE__,c=[a],l="";"string"==typeof t.className?l=U(e.registered,c,t.className):null!=t.className&&(l=t.className+" ");var u=ce(c);if("production"!==process.env.NODE_ENV&&-1===u.name.indexOf("-")){var d=t.__EMOTION_LABEL_PLEASE_DO_NOT_USE__;d&&(u=ce([u,"label:"+d+";"]))}var p=$(e,u,"string"==typeof s);l+=e.key+"-"+u.name;var f={};for(var h in t)!he.call(t,h)||"css"===h||"__EMOTION_TYPE_PLEASE_DO_NOT_USE__"===h||"production"!==process.env.NODE_ENV&&"__EMOTION_LABEL_PLEASE_DO_NOT_USE__"===h||(f[h]=t[h]);f.ref=n,f.className=l;var m=o(s,f);if(!le&&void 0!==p){for(var v,g=u.name,y=u.next;void 0!==y;)g+=" "+y.name,y=y.next;return o(i,null,o("style",((v={})["data-emotion-"+e.key]=g,v.dangerouslySetInnerHTML={__html:p},v.nonce=e.sheet.nonce,v)),m)}return m},ve=pe((function(e,t,r){return"function"==typeof e.css?o(de.Consumer,null,(function(n){return me(t,e,n,r)})):me(t,e,null,r)}));"production"!==process.env.NODE_ENV&&(ve.displayName="EmotionCssPropInternal");var ge=function e(t){for(var r=t.length,n=0,o="";n<r;n++){var a=t[n];if(null!=a){var i=void 0;switch(typeof a){case"boolean":break;case"object":if(Array.isArray(a))i=e(a);else for(var s in i="",a)a[s]&&s&&(i&&(i+=" "),i+=s);break;default:i=a}i&&(o&&(o+=" "),o+=i)}}return o};function ye(e,t,r){var n=[],o=U(e,n,r);return n.length<2?r:o+t(n)}pe((function(e,t){return o(de.Consumer,null,(function(r){var n,a="",s="",c=!1,l=function(){if(c&&"production"!==process.env.NODE_ENV)throw new Error("css can only be used during render");for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];var o=ce(r,t.registered);if(le)$(t,o,!1);else{var i=$(t,o,!1);void 0!==i&&(a+=i)}return le||(s+=" "+o.name),t.key+"-"+o.name},u={css:l,cx:function(){if(c&&"production"!==process.env.NODE_ENV)throw new Error("cx can only be used during render");for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return ye(t.registered,l,ge(r))},theme:r},d=e.children(u);return c=!0,le||0===a.length?d:o(i,null,o("style",((n={})["data-emotion-"+t.key]=s.substring(1),n.dangerouslySetInnerHTML={__html:a},n.nonce=t.sheet.nonce,n)),d)}))}));var be=C,ke=function(e){return"theme"!==e&&"innerRef"!==e},we=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?be:ke};function _e(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Ee(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_e(r,!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_e(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var Oe="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",Ae="undefined"!=typeof document,xe=function e(t,r){if("production"!==process.env.NODE_ENV&&void 0===t)throw new Error("You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.");var n,a,s;void 0!==r&&(n=r.label,s=r.target,a=t.__emotion_forwardProp&&r.shouldForwardProp?function(e){return t.__emotion_forwardProp(e)&&r.shouldForwardProp(e)}:r.shouldForwardProp);var c=t.__emotion_real===t,l=c&&t.__emotion_base||t;"function"!=typeof a&&c&&(a=t.__emotion_forwardProp);var u=a||we(l),d=!u("as");return function(){var p=arguments,f=c&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==n&&f.push("label:"+n+";"),null==p[0]||void 0===p[0].raw)f.push.apply(f,p);else{"production"!==process.env.NODE_ENV&&void 0===p[0][0]&&console.error(Oe),f.push(p[0][0]);for(var h=p.length,m=1;m<h;m++)"production"!==process.env.NODE_ENV&&void 0===p[0][m]&&console.error(Oe),f.push(p[m],p[0][m])}var v=pe((function(e,t,r){return o(de.Consumer,null,(function(c){var p=d&&e.as||l,h="",m=[],v=e;if(null==e.theme){for(var g in v={},e)v[g]=e[g];v.theme=c}"string"==typeof e.className?h=U(t.registered,m,e.className):null!=e.className&&(h=e.className+" ");var y=ce(f.concat(m),t.registered,v),b=$(t,y,"string"==typeof p);h+=t.key+"-"+y.name,void 0!==s&&(h+=" "+s);var k=d&&void 0===a?we(p):u,w={};for(var _ in e)d&&"as"===_||k(_)&&(w[_]=e[_]);w.className=h,w.ref=r||e.innerRef,"production"!==process.env.NODE_ENV&&e.innerRef&&console.error("`innerRef` is deprecated and will be removed in a future major version of Emotion, please use the `ref` prop instead"+(void 0===n?"":" in the usage of `"+n+"`"));var E=o(p,w);if(!Ae&&void 0!==b){for(var O,A=y.name,x=y.next;void 0!==x;)A+=" "+x.name,x=x.next;return o(i,null,o("style",((O={})["data-emotion-"+t.key]=A,O.dangerouslySetInnerHTML={__html:b},O.nonce=t.sheet.nonce,O)),E)}return E}))}));return v.displayName=void 0!==n?n:"Styled("+("string"==typeof l?l:l.displayName||l.name||"Component")+")",v.defaultProps=t.defaultProps,v.__emotion_real=v,v.__emotion_base=l,v.__emotion_styles=f,v.__emotion_forwardProp=a,Object.defineProperty(v,"toString",{value:function(){return void 0===s&&"production"!==process.env.NODE_ENV?"NO_COMPONENT_SELECTOR":"."+s}}),v.withComponent=function(t,n){return e(t,void 0!==n?Ee({},r||{},{},n):r).apply(void 0,f)},v}}.bind();["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","marquee","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"].forEach((function(e){xe[e]=xe(e)}));var Ce=function(e,t){var r,n,o,a,i,s={width:(r=t,n=r.count,o=r.span,Array.isArray(o)&&n?o.map((function(e){return e/12*100+"%"})):"number"==typeof o&&n&&n<=12?o/12*100+"%":void 0!==n?1/n*100+"%":1/12*100+"%")};return t.gutter&&(s.paddingLeft=_(e,t.gutter),s.paddingRight=_(e,t.gutter)),t.offset&&(s.marginLeft=(a=t.offset,Array.isArray(a)?a.map((function(e){return e/12*100+"%"})):a/12*100+"%")),t.vertical&&!t.offset&&(s.minWidth=(i=t.vertical,Array.isArray(i)?i.map((function(e){return"boolean"==typeof e?!0===e?"100%":"0":null})):i?"100%":"0"),s.marginLeft="space0"),s},Ne=xe.div(g(y,b)),Se=function(t){var r=t.children,n=t.count,a=t.gutter,i=t.offset,s=t.span,c=t.vertical,l=h(),u=e((function(){return Ce(l,{count:n,gutter:a,offset:i,span:s,vertical:c})}),[n,a,i,s,c]);return o(Ne,k({},u),r)};Se.propTypes={offset:u([u([f]),p(u([f]))]),span:u([u([f]),p(u([f]))])},Se.displayName="Column";export{Se as Column,E as Grid}; | ||
***************************************************************************** */var w=function(){return(w=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)};var _=function(e,t){return Array.isArray(t)?t.map((function(t){return"-"+e.space[t]})):t?"-"+e.space[t]:"auto"},E=function(e,t){return Array.isArray(t)?t.map((function(t){return""+e.space[t]})):t?""+e.space[t]:""+e.space[0]},O=function(o){var i=o.as,s=o.children,c=o.gutter,l=o.marginTop,u=o.marginBottom,d=o.vertical,p=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(o,["as","children","gutter","marginTop","marginBottom","vertical"]),f=m(),h=e((function(){return t.map(s,(function(e){return r(e)?n(e,{count:t.count(s),gutter:c,vertical:d}):e}))}),[s]),y=e((function(){return function(e,t){return{marginLeft:_(e,t),marginRight:_(e,t)}}(f,c)}),[c]);return a(g,w({},y,v(p),{as:i,marginTop:l,marginBottom:u,vertical:d}),h)};O.propTypes={as:l,children:u.isRequired,vertical:d([d([p]),f(d([p]))])},O.defaultProps={vertical:!1},O.displayName="Grid";var A=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e};function x(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var C=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,N=x((function(e){return C.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}));var S=function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t};var P=function(){function e(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.before=null}var t=e.prototype;return t.insert=function(e){if(this.ctr%(this.isSpeedy?65e3:1)==0){var t,r=function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}(this);t=0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling,this.container.insertBefore(r,t),this.tags.push(r)}var n=this.tags[this.tags.length-1];if(this.isSpeedy){var a=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(n);try{var o=105===e.charCodeAt(1)&&64===e.charCodeAt(0);a.insertRule(e,o?0:a.cssRules.length)}catch(t){"production"!==process.env.NODE_ENV&&console.warn('There was a problem inserting the following rule: "'+e+'"',t)}}else n.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}();function T(e){function t(e,t,n){var a=t.trim().split(h);t=a;var o=a.length,i=e.length;switch(i){case 0:case 1:var s=0;for(e=0===i?"":e[0]+" ";s<o;++s)t[s]=r(e,t[s],n).trim();break;default:var c=s=0;for(t=[];s<o;++s)for(var l=0;l<i;++l)t[c++]=r(e[l]+" ",a[s],n).trim()}return t}function r(e,t,r){var n=t.charCodeAt(0);switch(33>n&&(n=(t=t.trim()).charCodeAt(0)),n){case 38:return t.replace(m,"$1"+e.trim());case 58:return e.trim()+t.replace(m,"$1"+e.trim());default:if(0<1*r&&0<t.indexOf("\f"))return t.replace(m,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function n(e,t,r,o){var i=e+";",s=2*t+3*r+4*o;if(944===s){e=i.indexOf(":",9)+1;var c=i.substring(e,i.length-1).trim();return c=i.substring(0,e).trim()+c+";",1===S||2===S&&a(c,1)?"-webkit-"+c+c:c}if(0===S||2===S&&!a(i,1))return i;switch(s){case 1015:return 97===i.charCodeAt(10)?"-webkit-"+i+i:i;case 951:return 116===i.charCodeAt(3)?"-webkit-"+i+i:i;case 963:return 110===i.charCodeAt(5)?"-webkit-"+i+i:i;case 1009:if(100!==i.charCodeAt(4))break;case 969:case 942:return"-webkit-"+i+i;case 978:return"-webkit-"+i+"-moz-"+i+i;case 1019:case 983:return"-webkit-"+i+"-moz-"+i+"-ms-"+i+i;case 883:if(45===i.charCodeAt(8))return"-webkit-"+i+i;if(0<i.indexOf("image-set(",11))return i.replace(A,"$1-webkit-$2")+i;break;case 932:if(45===i.charCodeAt(4))switch(i.charCodeAt(5)){case 103:return"-webkit-box-"+i.replace("-grow","")+"-webkit-"+i+"-ms-"+i.replace("grow","positive")+i;case 115:return"-webkit-"+i+"-ms-"+i.replace("shrink","negative")+i;case 98:return"-webkit-"+i+"-ms-"+i.replace("basis","preferred-size")+i}return"-webkit-"+i+"-ms-"+i+i;case 964:return"-webkit-"+i+"-ms-flex-"+i+i;case 1023:if(99!==i.charCodeAt(8))break;return"-webkit-box-pack"+(c=i.substring(i.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+i+"-ms-flex-pack"+c+i;case 1005:return p.test(i)?i.replace(d,":-webkit-")+i.replace(d,":-moz-")+i:i;case 1e3:switch(t=(c=i.substring(13).trim()).indexOf("-")+1,c.charCodeAt(0)+c.charCodeAt(t)){case 226:c=i.replace(b,"tb");break;case 232:c=i.replace(b,"tb-rl");break;case 220:c=i.replace(b,"lr");break;default:return i}return"-webkit-"+i+"-ms-"+c+i;case 1017:if(-1===i.indexOf("sticky",9))break;case 975:switch(t=(i=e).length-10,s=(c=(33===i.charCodeAt(t)?i.substring(0,t):i).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|c.charCodeAt(7))){case 203:if(111>c.charCodeAt(8))break;case 115:i=i.replace(c,"-webkit-"+c)+";"+i;break;case 207:case 102:i=i.replace(c,"-webkit-"+(102<s?"inline-":"")+"box")+";"+i.replace(c,"-webkit-"+c)+";"+i.replace(c,"-ms-"+c+"box")+";"+i}return i+";";case 938:if(45===i.charCodeAt(5))switch(i.charCodeAt(6)){case 105:return c=i.replace("-items",""),"-webkit-"+i+"-webkit-box-"+c+"-ms-flex-"+c+i;case 115:return"-webkit-"+i+"-ms-flex-item-"+i.replace(_,"")+i;default:return"-webkit-"+i+"-ms-flex-line-pack"+i.replace("align-content","").replace(_,"")+i}break;case 973:case 989:if(45!==i.charCodeAt(3)||122===i.charCodeAt(4))break;case 931:case 953:if(!0===O.test(e))return 115===(c=e.substring(e.indexOf(":")+1)).charCodeAt(0)?n(e.replace("stretch","fill-available"),t,r,o).replace(":fill-available",":stretch"):i.replace(c,"-webkit-"+c)+i.replace(c,"-moz-"+c.replace("fill-",""))+i;break;case 962:if(i="-webkit-"+i+(102===i.charCodeAt(5)?"-ms-"+i:"")+i,211===r+o&&105===i.charCodeAt(13)&&0<i.indexOf("transform",10))return i.substring(0,i.indexOf(";",27)+1).replace(f,"$1-webkit-$2")+i}return i}function a(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10);return r=e.substring(r+1,e.length-1),j(2!==t?n:n.replace(E,"$1"),r,t)}function o(e,t){var r=n(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(w," or ($1)").substring(4):"("+t+")"}function i(e,t,r,n,a,o,i,s,l,u){for(var d,p=0,f=t;p<D;++p)switch(d=T[p].call(c,e,f,r,n,a,o,i,s,l,u)){case void 0:case!1:case!0:case null:break;default:f=d}if(f!==t)return f}function s(e){return void 0!==(e=e.prefix)&&(j=null,e?"function"!=typeof e?S=1:(S=2,j=e):S=0),s}function c(e,r){var s=e;if(33>s.charCodeAt(0)&&(s=s.trim()),s=[s],0<D){var c=i(-1,r,s,s,C,x,0,0,0,0);void 0!==c&&"string"==typeof c&&(r=c)}var d=function e(r,s,c,d,p){for(var f,h,m,b,w,_=0,E=0,O=0,A=0,T=0,j=0,L=m=f=0,I=0,V=0,M=0,z=0,q=c.length,U=q-1,$="",Y="",H="",B="";I<q;){if(h=c.charCodeAt(I),I===U&&0!==E+A+O+_&&(0!==E&&(h=47===E?10:47),A=O=_=0,q++,U++),0===E+A+O+_){if(I===U&&(0<V&&($=$.replace(u,"")),0<$.trim().length)){switch(h){case 32:case 9:case 59:case 13:case 10:break;default:$+=c.charAt(I)}h=59}switch(h){case 123:for(f=($=$.trim()).charCodeAt(0),m=1,z=++I;I<q;){switch(h=c.charCodeAt(I)){case 123:m++;break;case 125:m--;break;case 47:switch(h=c.charCodeAt(I+1)){case 42:case 47:e:{for(L=I+1;L<U;++L)switch(c.charCodeAt(L)){case 47:if(42===h&&42===c.charCodeAt(L-1)&&I+2!==L){I=L+1;break e}break;case 10:if(47===h){I=L+1;break e}}I=L}}break;case 91:h++;case 40:h++;case 34:case 39:for(;I++<U&&c.charCodeAt(I)!==h;);}if(0===m)break;I++}switch(m=c.substring(z,I),0===f&&(f=($=$.replace(l,"").trim()).charCodeAt(0)),f){case 64:switch(0<V&&($=$.replace(u,"")),h=$.charCodeAt(1)){case 100:case 109:case 115:case 45:V=s;break;default:V=P}if(z=(m=e(s,V,m,h,p+1)).length,0<D&&(w=i(3,m,V=t(P,$,M),s,C,x,z,h,p,d),$=V.join(""),void 0!==w&&0===(z=(m=w.trim()).length)&&(h=0,m="")),0<z)switch(h){case 115:$=$.replace(k,o);case 100:case 109:case 45:m=$+"{"+m+"}";break;case 107:m=($=$.replace(v,"$1 $2"))+"{"+m+"}",m=1===S||2===S&&a("@"+m,3)?"@-webkit-"+m+"@"+m:"@"+m;break;default:m=$+m,112===d&&(Y+=m,m="")}else m="";break;default:m=e(s,t(s,$,M),m,d,p+1)}H+=m,m=M=V=L=f=0,$="",h=c.charCodeAt(++I);break;case 125:case 59:if(1<(z=($=(0<V?$.replace(u,""):$).trim()).length))switch(0===L&&(f=$.charCodeAt(0),45===f||96<f&&123>f)&&(z=($=$.replace(" ",":")).length),0<D&&void 0!==(w=i(1,$,s,r,C,x,Y.length,d,p,d))&&0===(z=($=w.trim()).length)&&($="\0\0"),f=$.charCodeAt(0),h=$.charCodeAt(1),f){case 0:break;case 64:if(105===h||99===h){B+=$+c.charAt(I);break}default:58!==$.charCodeAt(z-1)&&(Y+=n($,f,h,$.charCodeAt(2)))}M=V=L=f=0,$="",h=c.charCodeAt(++I)}}switch(h){case 13:case 10:47===E?E=0:0===1+f&&107!==d&&0<$.length&&(V=1,$+="\0"),0<D*R&&i(0,$,s,r,C,x,Y.length,d,p,d),x=1,C++;break;case 59:case 125:if(0===E+A+O+_){x++;break}default:switch(x++,b=c.charAt(I),h){case 9:case 32:if(0===A+_+E)switch(T){case 44:case 58:case 9:case 32:b="";break;default:32!==h&&(b=" ")}break;case 0:b="\\0";break;case 12:b="\\f";break;case 11:b="\\v";break;case 38:0===A+E+_&&(V=M=1,b="\f"+b);break;case 108:if(0===A+E+_+N&&0<L)switch(I-L){case 2:112===T&&58===c.charCodeAt(I-3)&&(N=T);case 8:111===j&&(N=j)}break;case 58:0===A+E+_&&(L=I);break;case 44:0===E+O+A+_&&(V=1,b+="\r");break;case 34:case 39:0===E&&(A=A===h?0:0===A?h:A);break;case 91:0===A+E+O&&_++;break;case 93:0===A+E+O&&_--;break;case 41:0===A+E+_&&O--;break;case 40:if(0===A+E+_){if(0===f)switch(2*T+3*j){case 533:break;default:f=1}O++}break;case 64:0===E+O+A+_+L+m&&(m=1);break;case 42:case 47:if(!(0<A+_+O))switch(E){case 0:switch(2*h+3*c.charCodeAt(I+1)){case 235:E=47;break;case 220:z=I,E=42}break;case 42:47===h&&42===T&&z+2!==I&&(33===c.charCodeAt(z+2)&&(Y+=c.substring(z,I+1)),b="",E=0)}}0===E&&($+=b)}j=T,T=h,I++}if(0<(z=Y.length)){if(V=s,0<D&&(void 0!==(w=i(2,Y,V,r,C,x,z,d,p,d))&&0===(Y=w).length))return B+Y+H;if(Y=V.join(",")+"{"+Y+"}",0!=S*N){switch(2!==S||a(Y,2)||(N=0),N){case 111:Y=Y.replace(y,":-moz-$1")+Y;break;case 112:Y=Y.replace(g,"::-webkit-input-$1")+Y.replace(g,"::-moz-$1")+Y.replace(g,":-ms-input-$1")+Y}N=0}}return B+Y+H}(P,s,r,0,0);return 0<D&&(void 0!==(c=i(-2,d,s,s,C,x,d.length,0,0,0))&&(d=c)),"",N=0,x=C=1,d}var l=/^\0+/g,u=/[\0\r\f]/g,d=/: */g,p=/zoo|gra/,f=/([,: ])(transform)/g,h=/,\r+?/g,m=/([\t\r\n ])*\f?&/g,v=/@(k\w+)\s*(\S*)\s*/,g=/::(place)/g,y=/:(read-only)/g,b=/[svh]\w+-[tblr]{2}/,k=/\(\s*(.*)\s*\)/g,w=/([\s\S]*?);/g,_=/-self|flex-/g,E=/[^]*?(:[rp][el]a[\w-]+)[^]*/,O=/stretch|:\s*\w+\-(?:conte|avail)/,A=/([^-])(image-set\()/,x=1,C=1,N=0,S=1,P=[],T=[],D=0,j=null,R=0;return c.use=function e(t){switch(t){case void 0:case null:D=T.length=0;break;default:if("function"==typeof t)T[D++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else R=0|!!t}return e},c.set=s,void 0!==e&&s(e),c}var D=function(e){var t=new WeakMap;return function(r){if(t.has(r))return t.get(r);var n=e(r);return t.set(r,n),n}};function j(e){e&&R.current.insert(e+"}")}var R={current:null},L=function(e,t,r,n,a,o,i,s,c,l){switch(e){case 1:switch(t.charCodeAt(0)){case 64:return R.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===s)return t+"/*|*/";break;case 3:switch(s){case 102:case 112:return R.current.insert(r[0]+t),"";default:return t+(0===l?"/*|*/":"")}case-2:t.split("/*|*/}").forEach(j)}},I=function(e,t){if(1===e&&108===t.charCodeAt(0)&&98===t.charCodeAt(2))return""},V="undefined"!=typeof document,M={},z=V?void 0:D((function(){var e=D((function(){return{}})),t={},r={};return function(n){return void 0===n||!0===n?t:!1===n?r:e(n)}})),q=function(e){void 0===e&&(e={});var t,r=e.key||"css";void 0!==e.prefix&&(t={prefix:e.prefix});var n=new T(t);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 a,o,i={};if(V){a=e.container||document.head;var s=document.querySelectorAll("style[data-emotion-"+r+"]");Array.prototype.forEach.call(s,(function(e){e.getAttribute("data-emotion-"+r).split(" ").forEach((function(e){i[e]=!0})),e.parentNode!==a&&a.appendChild(e)}))}if(V)n.use(e.stylisPlugins)(L),o=function(e,t,r,a){var o=t.name;if(R.current=r,"production"!==process.env.NODE_ENV&&void 0!==t.map){var i=t.map;R.current={insert:function(e){r.insert(e+i)}}}n(e,t.styles),a&&(d.inserted[o]=!0)};else{n.use(I);var c=M;(e.stylisPlugins||void 0!==e.prefix)&&(n.use(e.stylisPlugins),c=z(e.stylisPlugins||M)(e.prefix));o=function(e,t,r,a){var o=t.name,i=function(e,t){var r=t.name;return void 0===c[r]&&(c[r]=n(e,t.styles)),c[r]}(e,t);return void 0===d.compat?(a&&(d.inserted[o]=!0),"development"===process.env.NODE_ENV&&void 0!==t.map?i+t.map:i):a?void(d.inserted[o]=i):i}}if("production"!==process.env.NODE_ENV){var l=/\/\*/g,u=/\*\//g;n.use((function(e,t){switch(e){case-1:for(;l.test(t);){if(u.lastIndex=l.lastIndex,!u.test(t))throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');l.lastIndex=u.lastIndex}l.lastIndex=0}})),n.use((function(e,t,r){switch(e){case-1:var n=t.match(/(:first|:nth|:nth-last)-child/g);n&&!0!==d.compat&&n.forEach((function(e){var r=new RegExp(e+".*\\/\\* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason \\*\\/").test(t);e&&!r&&console.error('The pseudo class "'+e+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+e.split("-child")[0]+'-of-type".')}))}}))}var d={key:r,sheet:new P({key:r,container:a,nonce:e.nonce,speedy:e.speedy}),nonce:e.nonce,inserted:i,registered:{},insert:o};return d},U="undefined"!=typeof document;function $(e,t,r){var n="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]):n+=r+" "})),n}var Y=function(e,t,r){var n=e.key+"-"+t.name;if((!1===r||!1===U&&void 0!==e.compat)&&void 0===e.registered[n]&&(e.registered[n]=t.styles),void 0===e.inserted[t.name]){var a="",o=t;do{var i=e.insert("."+n,o,e.sheet,!0);U||void 0===i||(a+=i),o=o.next}while(void 0!==o);if(!U&&0!==a.length)return a}};var H={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},B="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",F=/[A-Z]|^ms/g,W=/_EMO_([^_]+?)_([^]*?)_EMO_/g,G=function(e){return 45===e.charCodeAt(1)},X=function(e){return null!=e&&"boolean"!=typeof e},J=x((function(e){return G(e)?e:e.replace(F,"-$&").toLowerCase()})),Z=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(W,(function(e,t,r){return se={name:t,styles:r,next:se},t}))}return 1===H[e]||G(e)||"number"!=typeof t||0===t?t:t+"px"};if("production"!==process.env.NODE_ENV){var K=/(attr|calc|counters?|url)\(/,Q=["normal","none","counter","open-quote","close-quote","no-open-quote","no-close-quote","initial","inherit","unset"],ee=Z,te=/^-ms-/,re=/-(.)/g,ne={};Z=function(e,t){"content"===e&&("string"!=typeof t||-1===Q.indexOf(t)&&!K.test(t)&&(t.charAt(0)!==t.charAt(t.length-1)||'"'!==t.charAt(0)&&"'"!==t.charAt(0)))&&console.error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+t+"\"'`");var r=ee(e,t);return""===r||G(e)||-1===e.indexOf("-")||void 0!==ne[e]||(ne[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(te,"ms-").replace(re,(function(e,t){return t.toUpperCase()}))+"?")),r}}var ae=!0;function oe(e,t,r,n){if(null==r)return"";if(void 0!==r.__emotion_styles){if("production"!==process.env.NODE_ENV&&"NO_COMPONENT_SELECTOR"===r.toString())throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");return r}switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return se={name:r.name,styles:r.styles,next:se},r.name;if(void 0!==r.styles){var a=r.next;if(void 0!==a)for(;void 0!==a;)se={name:a.name,styles:a.styles,next:se},a=a.next;var o=r.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==r.map&&(o+=r.map),o}return function(e,t,r){var n="";if(Array.isArray(r))for(var a=0;a<r.length;a++)n+=oe(e,t,r[a],!1);else for(var o in r){var i=r[o];if("object"!=typeof i)null!=t&&void 0!==t[i]?n+=o+"{"+t[i]+"}":X(i)&&(n+=J(o)+":"+Z(o,i)+";");else{if("NO_COMPONENT_SELECTOR"===o&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");if(!Array.isArray(i)||"string"!=typeof i[0]||null!=t&&void 0!==t[i[0]]){var s=oe(e,t,i,!1);switch(o){case"animation":case"animationName":n+=J(o)+":"+s+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===o&&console.error("You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key)."),n+=o+"{"+s+"}"}}else for(var c=0;c<i.length;c++)X(i[c])&&(n+=J(o)+":"+Z(o,i[c])+";")}}return n}(e,t,r);case"function":if(void 0!==e){var i=se,s=r(e);return se=i,oe(e,t,s,n)}"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 c=[],l=r.replace(W,(function(e,t,r){var n="animation"+c.length;return c.push("const "+n+" = keyframes`"+r.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+n+"}"}));c.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(c,["`"+l+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+l+"`")}}if(null==t)return r;var u=t[r];return"production"!==process.env.NODE_ENV&&n&&ae&&void 0!==u&&(console.error("Interpolating a className from css`` is not recommended and will cause problems with composition.\nInterpolating a className from css`` will be completely unsupported in a future major version of Emotion"),ae=!1),void 0===u||n?r:u}var ie,se,ce=/label:\s*([^\s;\n{]+)\s*;/g;"production"!==process.env.NODE_ENV&&(ie=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);var le=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,a="";se=void 0;var o,i=e[0];null==i||void 0===i.raw?(n=!1,a+=oe(r,t,i,!1)):("production"!==process.env.NODE_ENV&&void 0===i[0]&&console.error(B),a+=i[0]);for(var s=1;s<e.length;s++)a+=oe(r,t,e[s],46===a.charCodeAt(a.length-1)),n&&("production"!==process.env.NODE_ENV&&void 0===i[s]&&console.error(B),a+=i[s]);"production"!==process.env.NODE_ENV&&(a=a.replace(ie,(function(e){return o=e,""}))),ce.lastIndex=0;for(var c,l="";null!==(c=ce.exec(a));)l+="-"+c[1];var u=function(e){for(var t,r=e.length,n=r^r,a=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(a)|(255&e.charCodeAt(++a))<<8|(255&e.charCodeAt(++a))<<16|(255&e.charCodeAt(++a))<<24))+((1540483477*(t>>>16)&65535)<<16),n=1540483477*(65535&n)+((1540483477*(n>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++a;switch(r){case 3:n^=(255&e.charCodeAt(a+2))<<16;case 2:n^=(255&e.charCodeAt(a+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(a)))+((1540483477*(n>>>16)&65535)<<16)}return n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16),((n^=n>>>15)>>>0).toString(36)}(a)+l;return"production"!==process.env.NODE_ENV?{name:u,styles:a,map:o,next:se,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:a,next:se}},ue="undefined"!=typeof document,de=o("undefined"!=typeof HTMLElement?q():null),pe=o({}),fe=(de.Provider,function(e){return s((function(t,r){return a(de.Consumer,null,(function(n){return e(t,n,r)}))}))});if(!ue){var he=function(e){function t(t,r,n){var a;return(a=e.call(this,t,r,n)||this).state={value:q()},a}return S(t,e),t.prototype.render=function(){return a(de.Provider,this.state,this.props.children(this.state.value))},t}(c);fe=function(e){return function(t){return a(de.Consumer,null,(function(r){return null===r?a(he,null,(function(r){return e(t,r)})):e(t,r)}))}}}var me=Object.prototype.hasOwnProperty,ve=function(e,t,r,n){var o=null===r?t.css:t.css(r);"string"==typeof o&&void 0!==e.registered[o]&&(o=e.registered[o]);var s=t.__EMOTION_TYPE_PLEASE_DO_NOT_USE__,c=[o],l="";"string"==typeof t.className?l=$(e.registered,c,t.className):null!=t.className&&(l=t.className+" ");var u=le(c);if("production"!==process.env.NODE_ENV&&-1===u.name.indexOf("-")){var d=t.__EMOTION_LABEL_PLEASE_DO_NOT_USE__;d&&(u=le([u,"label:"+d+";"]))}var p=Y(e,u,"string"==typeof s);l+=e.key+"-"+u.name;var f={};for(var h in t)!me.call(t,h)||"css"===h||"__EMOTION_TYPE_PLEASE_DO_NOT_USE__"===h||"production"!==process.env.NODE_ENV&&"__EMOTION_LABEL_PLEASE_DO_NOT_USE__"===h||(f[h]=t[h]);f.ref=n,f.className=l;var m=a(s,f);if(!ue&&void 0!==p){for(var v,g=u.name,y=u.next;void 0!==y;)g+=" "+y.name,y=y.next;return a(i,null,a("style",((v={})["data-emotion-"+e.key]=g,v.dangerouslySetInnerHTML={__html:p},v.nonce=e.sheet.nonce,v)),m)}return m},ge=fe((function(e,t,r){return"function"==typeof e.css?a(pe.Consumer,null,(function(n){return ve(t,e,n,r)})):ve(t,e,null,r)}));"production"!==process.env.NODE_ENV&&(ge.displayName="EmotionCssPropInternal");var ye=function e(t){for(var r=t.length,n=0,a="";n<r;n++){var o=t[n];if(null!=o){var i=void 0;switch(typeof o){case"boolean":break;case"object":if(Array.isArray(o))i=e(o);else for(var s in i="",o)o[s]&&s&&(i&&(i+=" "),i+=s);break;default:i=o}i&&(a&&(a+=" "),a+=i)}}return a};function be(e,t,r){var n=[],a=$(e,n,r);return n.length<2?r:a+t(n)}fe((function(e,t){return a(pe.Consumer,null,(function(r){var n,o="",s="",c=!1,l=function(){if(c&&"production"!==process.env.NODE_ENV)throw new Error("css can only be used during render");for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];var a=le(r,t.registered);if(ue)Y(t,a,!1);else{var i=Y(t,a,!1);void 0!==i&&(o+=i)}return ue||(s+=" "+a.name),t.key+"-"+a.name},u={css:l,cx:function(){if(c&&"production"!==process.env.NODE_ENV)throw new Error("cx can only be used during render");for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return be(t.registered,l,ye(r))},theme:r},d=e.children(u);return c=!0,ue||0===o.length?d:a(i,null,a("style",((n={})["data-emotion-"+t.key]=s.substring(1),n.dangerouslySetInnerHTML={__html:o},n.nonce=t.sheet.nonce,n)),d)}))}));var ke=N,we=function(e){return"theme"!==e&&"innerRef"!==e},_e=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?ke:we};function Ee(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Oe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Ee(r,!0).forEach((function(t){A(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ee(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var Ae="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="undefined"!=typeof document,Ce=function e(t,r){if("production"!==process.env.NODE_ENV&&void 0===t)throw new Error("You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.");var n,o,s;void 0!==r&&(n=r.label,s=r.target,o=t.__emotion_forwardProp&&r.shouldForwardProp?function(e){return t.__emotion_forwardProp(e)&&r.shouldForwardProp(e)}:r.shouldForwardProp);var c=t.__emotion_real===t,l=c&&t.__emotion_base||t;"function"!=typeof o&&c&&(o=t.__emotion_forwardProp);var u=o||_e(l),d=!u("as");return function(){var p=arguments,f=c&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==n&&f.push("label:"+n+";"),null==p[0]||void 0===p[0].raw)f.push.apply(f,p);else{"production"!==process.env.NODE_ENV&&void 0===p[0][0]&&console.error(Ae),f.push(p[0][0]);for(var h=p.length,m=1;m<h;m++)"production"!==process.env.NODE_ENV&&void 0===p[0][m]&&console.error(Ae),f.push(p[m],p[0][m])}var v=fe((function(e,t,r){return a(pe.Consumer,null,(function(c){var p=d&&e.as||l,h="",m=[],v=e;if(null==e.theme){for(var g in v={},e)v[g]=e[g];v.theme=c}"string"==typeof e.className?h=$(t.registered,m,e.className):null!=e.className&&(h=e.className+" ");var y=le(f.concat(m),t.registered,v),b=Y(t,y,"string"==typeof p);h+=t.key+"-"+y.name,void 0!==s&&(h+=" "+s);var k=d&&void 0===o?_e(p):u,w={};for(var _ in e)d&&"as"===_||k(_)&&(w[_]=e[_]);w.className=h,w.ref=r||e.innerRef,"production"!==process.env.NODE_ENV&&e.innerRef&&console.error("`innerRef` is deprecated and will be removed in a future major version of Emotion, please use the `ref` prop instead"+(void 0===n?"":" in the usage of `"+n+"`"));var E=a(p,w);if(!xe&&void 0!==b){for(var O,A=y.name,x=y.next;void 0!==x;)A+=" "+x.name,x=x.next;return a(i,null,a("style",((O={})["data-emotion-"+t.key]=A,O.dangerouslySetInnerHTML={__html:b},O.nonce=t.sheet.nonce,O)),E)}return E}))}));return v.displayName=void 0!==n?n:"Styled("+("string"==typeof l?l:l.displayName||l.name||"Component")+")",v.defaultProps=t.defaultProps,v.__emotion_real=v,v.__emotion_base=l,v.__emotion_styles=f,v.__emotion_forwardProp=o,Object.defineProperty(v,"toString",{value:function(){return void 0===s&&"production"!==process.env.NODE_ENV?"NO_COMPONENT_SELECTOR":"."+s}}),v.withComponent=function(t,n){return e(t,void 0!==n?Oe({},r||{},{},n):r).apply(void 0,f)},v}}.bind();["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","marquee","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"].forEach((function(e){Ce[e]=Ce(e)}));var Ne=function(e,t){var r,n,a,o,i,s={width:(r=t,n=r.count,a=r.span,Array.isArray(a)&&n?a.map((function(e){return e/12*100+"%"})):"number"==typeof a&&n&&n<=12?a/12*100+"%":void 0!==n?1/n*100+"%":1/12*100+"%")};return t.gutter&&(s.paddingLeft=E(e,t.gutter),s.paddingRight=E(e,t.gutter)),t.offset&&(s.marginLeft=(o=t.offset,Array.isArray(o)?o.map((function(e){return e/12*100+"%"})):o/12*100+"%")),t.vertical&&!t.offset&&(s.minWidth=(i=t.vertical,Array.isArray(i)?i.map((function(e){return"boolean"==typeof e?!0===e?"100%":"0":null})):i?"100%":"0"),s.marginLeft="space0"),s},Se=Ce.div(y(b,k)),Pe=function(t){var r=t.as,n=t.children,o=t.count,i=t.gutter,s=t.offset,c=t.span,l=t.vertical,u=m(),d=e((function(){return Ne(u,{count:o,gutter:i,offset:s,span:c,vertical:l})}),[o,i,s,c,l]);return a(Se,w({},d,{as:r}),n)};Pe.propTypes={as:l,offset:d([d([h]),f(d([h]))]),span:d([d([h]),f(d([h]))])},Pe.displayName="Column";export{Pe as Column,O as Grid}; |
@@ -1,1 +0,1 @@ | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),PropTypes=require("prop-types"),theme=require("@twilio-paste/theme"),box=require("@twilio-paste/box"),flex=require("@twilio-paste/flex"),styledSystem=require("styled-system"),__assign=function(){return(__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function __rest(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}var getOuterGutterPull=function(e,t){return Array.isArray(t)?t.map((function(t){return"-"+e.space[t]})):t?"-"+e.space[t]:"auto"},getColumnGutters=function(e,t){return Array.isArray(t)?t.map((function(t){return""+e.space[t]})):t?""+e.space[t]:""+e.space[0]},getStackedColumns=function(e){return Array.isArray(e)?e.map((function(e){return"boolean"==typeof e?!0===e?"100%":"0":null})):e?"100%":"0"},getColumnSpan=function(e){var t=e.count,r=e.span;return Array.isArray(r)&&t?r.map((function(e){return e/12*100+"%"})):"number"==typeof r&&t&&t<=12?r/12*100+"%":void 0!==t?1/t*100+"%":1/12*100+"%"},getColumnOffset=function(e){return Array.isArray(e)?e.map((function(e){return e/12*100+"%"})):e/12*100+"%"},getGridStyles=function(e,t){return{marginLeft:getOuterGutterPull(e,t),marginRight:getOuterGutterPull(e,t)}},Grid=function(e){var t=e.children,r=e.gutter,n=e.marginTop,o=e.marginBottom,a=e.vertical,i=__rest(e,["children","gutter","marginTop","marginBottom","vertical"]),s=theme.useTheme(),c=React.useMemo((function(){return React.Children.map(t,(function(e){return React.isValidElement(e)?React.cloneElement(e,{count:React.Children.count(t),gutter:r,vertical:a}):e}))}),[t]),l=React.useMemo((function(){return getGridStyles(s,r)}),[r]);return React.createElement(flex.Flex,__assign({},l,box.safelySpreadBoxProps(i),{marginTop:n,marginBottom:o,vertical:a}),c)};function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Grid.propTypes={children:PropTypes.node.isRequired,vertical:PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.bool]),PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.bool]))])},Grid.defaultProps={vertical:!1},Grid.displayName="Grid";var defineProperty=_defineProperty;function memoize(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,index=memoize((function(e){return reactPropsRegex.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}));function _inheritsLoose(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}var inheritsLoose=_inheritsLoose;function sheetForTag(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function createStyleElement(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}var StyleSheet=function(){function e(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.before=null}var t=e.prototype;return t.insert=function(e){if(this.ctr%(this.isSpeedy?65e3:1)==0){var t,r=createStyleElement(this);t=0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling,this.container.insertBefore(r,t),this.tags.push(r)}var n=this.tags[this.tags.length-1];if(this.isSpeedy){var o=sheetForTag(n);try{var a=105===e.charCodeAt(1)&&64===e.charCodeAt(0);o.insertRule(e,a?0:o.cssRules.length)}catch(t){"production"!==process.env.NODE_ENV&&console.warn('There was a problem inserting the following rule: "'+e+'"',t)}}else n.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}();function stylis_min(e){function t(e,t,n){var o=t.trim().split(m);t=o;var a=o.length,i=e.length;switch(i){case 0:case 1:var s=0;for(e=0===i?"":e[0]+" ";s<a;++s)t[s]=r(e,t[s],n).trim();break;default:var c=s=0;for(t=[];s<a;++s)for(var l=0;l<i;++l)t[c++]=r(e[l]+" ",o[s],n).trim()}return t}function r(e,t,r){var n=t.charCodeAt(0);switch(33>n&&(n=(t=t.trim()).charCodeAt(0)),n){case 38:return t.replace(h,"$1"+e.trim());case 58:return e.trim()+t.replace(h,"$1"+e.trim());default:if(0<1*r&&0<t.indexOf("\f"))return t.replace(h,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function n(e,t,r,a){var i=e+";",s=2*t+3*r+4*a;if(944===s){e=i.indexOf(":",9)+1;var c=i.substring(e,i.length-1).trim();return c=i.substring(0,e).trim()+c+";",1===P||2===P&&o(c,1)?"-webkit-"+c+c:c}if(0===P||2===P&&!o(i,1))return i;switch(s){case 1015:return 97===i.charCodeAt(10)?"-webkit-"+i+i:i;case 951:return 116===i.charCodeAt(3)?"-webkit-"+i+i:i;case 963:return 110===i.charCodeAt(5)?"-webkit-"+i+i:i;case 1009:if(100!==i.charCodeAt(4))break;case 969:case 942:return"-webkit-"+i+i;case 978:return"-webkit-"+i+"-moz-"+i+i;case 1019:case 983:return"-webkit-"+i+"-moz-"+i+"-ms-"+i+i;case 883:if(45===i.charCodeAt(8))return"-webkit-"+i+i;if(0<i.indexOf("image-set(",11))return i.replace(_,"$1-webkit-$2")+i;break;case 932:if(45===i.charCodeAt(4))switch(i.charCodeAt(5)){case 103:return"-webkit-box-"+i.replace("-grow","")+"-webkit-"+i+"-ms-"+i.replace("grow","positive")+i;case 115:return"-webkit-"+i+"-ms-"+i.replace("shrink","negative")+i;case 98:return"-webkit-"+i+"-ms-"+i.replace("basis","preferred-size")+i}return"-webkit-"+i+"-ms-"+i+i;case 964:return"-webkit-"+i+"-ms-flex-"+i+i;case 1023:if(99!==i.charCodeAt(8))break;return"-webkit-box-pack"+(c=i.substring(i.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+i+"-ms-flex-pack"+c+i;case 1005:return d.test(i)?i.replace(p,":-webkit-")+i.replace(p,":-moz-")+i:i;case 1e3:switch(t=(c=i.substring(13).trim()).indexOf("-")+1,c.charCodeAt(0)+c.charCodeAt(t)){case 226:c=i.replace(b,"tb");break;case 232:c=i.replace(b,"tb-rl");break;case 220:c=i.replace(b,"lr");break;default:return i}return"-webkit-"+i+"-ms-"+c+i;case 1017:if(-1===i.indexOf("sticky",9))break;case 975:switch(t=(i=e).length-10,s=(c=(33===i.charCodeAt(t)?i.substring(0,t):i).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|c.charCodeAt(7))){case 203:if(111>c.charCodeAt(8))break;case 115:i=i.replace(c,"-webkit-"+c)+";"+i;break;case 207:case 102:i=i.replace(c,"-webkit-"+(102<s?"inline-":"")+"box")+";"+i.replace(c,"-webkit-"+c)+";"+i.replace(c,"-ms-"+c+"box")+";"+i}return i+";";case 938:if(45===i.charCodeAt(5))switch(i.charCodeAt(6)){case 105:return c=i.replace("-items",""),"-webkit-"+i+"-webkit-box-"+c+"-ms-flex-"+c+i;case 115:return"-webkit-"+i+"-ms-flex-item-"+i.replace(C,"")+i;default:return"-webkit-"+i+"-ms-flex-line-pack"+i.replace("align-content","").replace(C,"")+i}break;case 973:case 989:if(45!==i.charCodeAt(3)||122===i.charCodeAt(4))break;case 931:case 953:if(!0===S.test(e))return 115===(c=e.substring(e.indexOf(":")+1)).charCodeAt(0)?n(e.replace("stretch","fill-available"),t,r,a).replace(":fill-available",":stretch"):i.replace(c,"-webkit-"+c)+i.replace(c,"-moz-"+c.replace("fill-",""))+i;break;case 962:if(i="-webkit-"+i+(102===i.charCodeAt(5)?"-ms-"+i:"")+i,211===r+a&&105===i.charCodeAt(13)&&0<i.indexOf("transform",10))return i.substring(0,i.indexOf(";",27)+1).replace(f,"$1-webkit-$2")+i}return i}function o(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10);return r=e.substring(r+1,e.length-1),L(2!==t?n:n.replace(k,"$1"),r,t)}function a(e,t){var r=n(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(E," or ($1)").substring(4):"("+t+")"}function i(e,t,r,n,o,a,i,s,l,u){for(var p,d=0,f=t;d<T;++d)switch(p=R[d].call(c,e,f,r,n,o,a,i,s,l,u)){case void 0:case!1:case!0:case null:break;default:f=p}if(f!==t)return f}function s(e){return void 0!==(e=e.prefix)&&(L=null,e?"function"!=typeof e?P=1:(P=2,L=e):P=0),s}function c(e,r){var s=e;if(33>s.charCodeAt(0)&&(s=s.trim()),s=[s],0<T){var c=i(-1,r,s,s,x,O,0,0,0,0);void 0!==c&&"string"==typeof c&&(r=c)}var p=function e(r,s,c,p,d){for(var f,m,h,b,E,C=0,k=0,S=0,_=0,R=0,L=0,I=h=f=0,V=0,j=0,M=0,z=0,B=c.length,$=B-1,G="",F="",q="",U="";V<B;){if(m=c.charCodeAt(V),V===$&&0!==k+_+S+C&&(0!==k&&(m=47===k?10:47),_=S=C=0,B++,$++),0===k+_+S+C){if(V===$&&(0<j&&(G=G.replace(u,"")),0<G.trim().length)){switch(m){case 32:case 9:case 59:case 13:case 10:break;default:G+=c.charAt(V)}m=59}switch(m){case 123:for(f=(G=G.trim()).charCodeAt(0),h=1,z=++V;V<B;){switch(m=c.charCodeAt(V)){case 123:h++;break;case 125:h--;break;case 47:switch(m=c.charCodeAt(V+1)){case 42:case 47:e:{for(I=V+1;I<$;++I)switch(c.charCodeAt(I)){case 47:if(42===m&&42===c.charCodeAt(I-1)&&V+2!==I){V=I+1;break e}break;case 10:if(47===m){V=I+1;break e}}V=I}}break;case 91:m++;case 40:m++;case 34:case 39:for(;V++<$&&c.charCodeAt(V)!==m;);}if(0===h)break;V++}switch(h=c.substring(z,V),0===f&&(f=(G=G.replace(l,"").trim()).charCodeAt(0)),f){case 64:switch(0<j&&(G=G.replace(u,"")),m=G.charCodeAt(1)){case 100:case 109:case 115:case 45:j=s;break;default:j=N}if(z=(h=e(s,j,h,m,d+1)).length,0<T&&(E=i(3,h,j=t(N,G,M),s,x,O,z,m,d,p),G=j.join(""),void 0!==E&&0===(z=(h=E.trim()).length)&&(m=0,h="")),0<z)switch(m){case 115:G=G.replace(w,a);case 100:case 109:case 45:h=G+"{"+h+"}";break;case 107:h=(G=G.replace(y,"$1 $2"))+"{"+h+"}",h=1===P||2===P&&o("@"+h,3)?"@-webkit-"+h+"@"+h:"@"+h;break;default:h=G+h,112===p&&(F+=h,h="")}else h="";break;default:h=e(s,t(s,G,M),h,p,d+1)}q+=h,h=M=j=I=f=0,G="",m=c.charCodeAt(++V);break;case 125:case 59:if(1<(z=(G=(0<j?G.replace(u,""):G).trim()).length))switch(0===I&&(f=G.charCodeAt(0),45===f||96<f&&123>f)&&(z=(G=G.replace(" ",":")).length),0<T&&void 0!==(E=i(1,G,s,r,x,O,F.length,p,d,p))&&0===(z=(G=E.trim()).length)&&(G="\0\0"),f=G.charCodeAt(0),m=G.charCodeAt(1),f){case 0:break;case 64:if(105===m||99===m){U+=G+c.charAt(V);break}default:58!==G.charCodeAt(z-1)&&(F+=n(G,f,m,G.charCodeAt(2)))}M=j=I=f=0,G="",m=c.charCodeAt(++V)}}switch(m){case 13:case 10:47===k?k=0:0===1+f&&107!==p&&0<G.length&&(j=1,G+="\0"),0<T*D&&i(0,G,s,r,x,O,F.length,p,d,p),O=1,x++;break;case 59:case 125:if(0===k+_+S+C){O++;break}default:switch(O++,b=c.charAt(V),m){case 9:case 32:if(0===_+C+k)switch(R){case 44:case 58:case 9:case 32:b="";break;default:32!==m&&(b=" ")}break;case 0:b="\\0";break;case 12:b="\\f";break;case 11:b="\\v";break;case 38:0===_+k+C&&(j=M=1,b="\f"+b);break;case 108:if(0===_+k+C+A&&0<I)switch(V-I){case 2:112===R&&58===c.charCodeAt(V-3)&&(A=R);case 8:111===L&&(A=L)}break;case 58:0===_+k+C&&(I=V);break;case 44:0===k+S+_+C&&(j=1,b+="\r");break;case 34:case 39:0===k&&(_=_===m?0:0===_?m:_);break;case 91:0===_+k+S&&C++;break;case 93:0===_+k+S&&C--;break;case 41:0===_+k+C&&S--;break;case 40:if(0===_+k+C){if(0===f)switch(2*R+3*L){case 533:break;default:f=1}S++}break;case 64:0===k+S+_+C+I+h&&(h=1);break;case 42:case 47:if(!(0<_+C+S))switch(k){case 0:switch(2*m+3*c.charCodeAt(V+1)){case 235:k=47;break;case 220:z=V,k=42}break;case 42:47===m&&42===R&&z+2!==V&&(33===c.charCodeAt(z+2)&&(F+=c.substring(z,V+1)),b="",k=0)}}0===k&&(G+=b)}L=R,R=m,V++}if(0<(z=F.length)){if(j=s,0<T&&(void 0!==(E=i(2,F,j,r,x,O,z,p,d,p))&&0===(F=E).length))return U+F+q;if(F=j.join(",")+"{"+F+"}",0!=P*A){switch(2!==P||o(F,2)||(A=0),A){case 111:F=F.replace(v,":-moz-$1")+F;break;case 112:F=F.replace(g,"::-webkit-input-$1")+F.replace(g,"::-moz-$1")+F.replace(g,":-ms-input-$1")+F}A=0}}return U+F+q}(N,s,r,0,0);return 0<T&&(void 0!==(c=i(-2,p,s,s,x,O,p.length,0,0,0))&&(p=c)),"",A=0,O=x=1,p}var l=/^\0+/g,u=/[\0\r\f]/g,p=/: */g,d=/zoo|gra/,f=/([,: ])(transform)/g,m=/,\r+?/g,h=/([\t\r\n ])*\f?&/g,y=/@(k\w+)\s*(\S*)\s*/,g=/::(place)/g,v=/:(read-only)/g,b=/[svh]\w+-[tblr]{2}/,w=/\(\s*(.*)\s*\)/g,E=/([\s\S]*?);/g,C=/-self|flex-/g,k=/[^]*?(:[rp][el]a[\w-]+)[^]*/,S=/stretch|:\s*\w+\-(?:conte|avail)/,_=/([^-])(image-set\()/,O=1,x=1,A=0,P=1,N=[],R=[],T=0,L=null,D=0;return c.use=function e(t){switch(t){case void 0:case null:T=R.length=0;break;default:if("function"==typeof t)R[T++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else D=0|!!t}return e},c.set=s,void 0!==e&&s(e),c}var weakMemoize=function(e){var t=new WeakMap;return function(r){if(t.has(r))return t.get(r);var n=e(r);return t.set(r,n),n}},delimiter="/*|*/",needle=delimiter+"}";function toSheet(e){e&&Sheet.current.insert(e+"}")}var Sheet={current:null},ruleSheet=function(e,t,r,n,o,a,i,s,c,l){switch(e){case 1:switch(t.charCodeAt(0)){case 64:return Sheet.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===s)return t+delimiter;break;case 3:switch(s){case 102:case 112:return Sheet.current.insert(r[0]+t),"";default:return t+(0===l?delimiter:"")}case-2:t.split(needle).forEach(toSheet)}},removeLabel=function(e,t){if(1===e&&108===t.charCodeAt(0)&&98===t.charCodeAt(2))return""},isBrowser="undefined"!=typeof document,rootServerStylisCache={},getServerStylisCache=isBrowser?void 0:weakMemoize((function(){var e=weakMemoize((function(){return{}})),t={},r={};return function(n){return void 0===n||!0===n?t:!1===n?r:e(n)}})),createCache=function(e){void 0===e&&(e={});var t,r=e.key||"css";void 0!==e.prefix&&(t={prefix:e.prefix});var n=new stylis_min(t);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,a,i={};if(isBrowser){o=e.container||document.head;var s=document.querySelectorAll("style[data-emotion-"+r+"]");Array.prototype.forEach.call(s,(function(e){e.getAttribute("data-emotion-"+r).split(" ").forEach((function(e){i[e]=!0})),e.parentNode!==o&&o.appendChild(e)}))}if(isBrowser)n.use(e.stylisPlugins)(ruleSheet),a=function(e,t,r,o){var a=t.name;if(Sheet.current=r,"production"!==process.env.NODE_ENV&&void 0!==t.map){var i=t.map;Sheet.current={insert:function(e){r.insert(e+i)}}}n(e,t.styles),o&&(p.inserted[a]=!0)};else{n.use(removeLabel);var c=rootServerStylisCache;(e.stylisPlugins||void 0!==e.prefix)&&(n.use(e.stylisPlugins),c=getServerStylisCache(e.stylisPlugins||rootServerStylisCache)(e.prefix));a=function(e,t,r,o){var a=t.name,i=function(e,t){var r=t.name;return void 0===c[r]&&(c[r]=n(e,t.styles)),c[r]}(e,t);return void 0===p.compat?(o&&(p.inserted[a]=!0),"development"===process.env.NODE_ENV&&void 0!==t.map?i+t.map:i):o?void(p.inserted[a]=i):i}}if("production"!==process.env.NODE_ENV){var l=/\/\*/g,u=/\*\//g;n.use((function(e,t){switch(e){case-1:for(;l.test(t);){if(u.lastIndex=l.lastIndex,!u.test(t))throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');l.lastIndex=u.lastIndex}l.lastIndex=0}})),n.use((function(e,t,r){switch(e){case-1:var n=t.match(/(:first|:nth|:nth-last)-child/g);n&&!0!==p.compat&&n.forEach((function(e){var r=new RegExp(e+".*\\/\\* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason \\*\\/").test(t);e&&!r&&console.error('The pseudo class "'+e+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+e.split("-child")[0]+'-of-type".')}))}}))}var p={key:r,sheet:new StyleSheet({key:r,container:o,nonce:e.nonce,speedy:e.speedy}),nonce:e.nonce,inserted:i,registered:{},insert:a};return p},isBrowser$1="undefined"!=typeof document;function getRegisteredStyles(e,t,r){var n="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]):n+=r+" "})),n}var insertStyles=function(e,t,r){var n=e.key+"-"+t.name;if((!1===r||!1===isBrowser$1&&void 0!==e.compat)&&void 0===e.registered[n]&&(e.registered[n]=t.styles),void 0===e.inserted[t.name]){var o="",a=t;do{var i=e.insert("."+n,a,e.sheet,!0);isBrowser$1||void 0===i||(o+=i),a=a.next}while(void 0!==a);if(!isBrowser$1&&0!==o.length)return o}};function murmurhash2_32_gc(e){for(var t,r=e.length,n=r^r,o=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+((1540483477*(t>>>16)&65535)<<16),n=1540483477*(65535&n)+((1540483477*(n>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++o;switch(r){case 3:n^=(255&e.charCodeAt(o+2))<<16;case 2:n^=(255&e.charCodeAt(o+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(o)))+((1540483477*(n>>>16)&65535)<<16)}return n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16),((n^=n>>>15)>>>0).toString(36)}var unitlessKeys={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},ILLEGAL_ESCAPE_SEQUENCE_ERROR="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",UNDEFINED_AS_OBJECT_KEY_ERROR="You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).",hyphenateRegex=/[A-Z]|^ms/g,animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty=function(e){return 45===e.charCodeAt(1)},isProcessableValue=function(e){return null!=e&&"boolean"!=typeof e},processStyleName=memoize((function(e){return isCustomProperty(e)?e:e.replace(hyphenateRegex,"-$&").toLowerCase()})),processStyleValue=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(animationRegex,(function(e,t,r){return cursor={name:t,styles:r,next:cursor},t}))}return 1===unitlessKeys[e]||isCustomProperty(e)||"number"!=typeof t||0===t?t:t+"px"};if("production"!==process.env.NODE_ENV){var contentValuePattern=/(attr|calc|counters?|url)\(/,contentValues=["normal","none","counter","open-quote","close-quote","no-open-quote","no-close-quote","initial","inherit","unset"],oldProcessStyleValue=processStyleValue,msPattern=/^-ms-/,hyphenPattern=/-(.)/g,hyphenatedCache={};processStyleValue=function(e,t){"content"===e&&("string"!=typeof t||-1===contentValues.indexOf(t)&&!contentValuePattern.test(t)&&(t.charAt(0)!==t.charAt(t.length-1)||'"'!==t.charAt(0)&&"'"!==t.charAt(0)))&&console.error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+t+"\"'`");var r=oldProcessStyleValue(e,t);return""===r||isCustomProperty(e)||-1===e.indexOf("-")||void 0!==hyphenatedCache[e]||(hyphenatedCache[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(msPattern,"ms-").replace(hyphenPattern,(function(e,t){return t.toUpperCase()}))+"?")),r}}var shouldWarnAboutInterpolatingClassNameFromCss=!0;function handleInterpolation(e,t,r,n){if(null==r)return"";if(void 0!==r.__emotion_styles){if("production"!==process.env.NODE_ENV&&"NO_COMPONENT_SELECTOR"===r.toString())throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");return r}switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return cursor={name:r.name,styles:r.styles,next:cursor},r.name;if(void 0!==r.styles){var o=r.next;if(void 0!==o)for(;void 0!==o;)cursor={name:o.name,styles:o.styles,next:cursor},o=o.next;var a=r.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==r.map&&(a+=r.map),a}return createStringFromObject(e,t,r);case"function":if(void 0!==e){var i=cursor,s=r(e);return cursor=i,handleInterpolation(e,t,s,n)}"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 c=[],l=r.replace(animationRegex,(function(e,t,r){var n="animation"+c.length;return c.push("const "+n+" = keyframes`"+r.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+n+"}"}));c.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(c,["`"+l+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+l+"`")}}if(null==t)return r;var u=t[r];return"production"!==process.env.NODE_ENV&&n&&shouldWarnAboutInterpolatingClassNameFromCss&&void 0!==u&&(console.error("Interpolating a className from css`` is not recommended and will cause problems with composition.\nInterpolating a className from css`` will be completely unsupported in a future major version of Emotion"),shouldWarnAboutInterpolatingClassNameFromCss=!1),void 0===u||n?r:u}function createStringFromObject(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o++)n+=handleInterpolation(e,t,r[o],!1);else for(var a in r){var i=r[a];if("object"!=typeof i)null!=t&&void 0!==t[i]?n+=a+"{"+t[i]+"}":isProcessableValue(i)&&(n+=processStyleName(a)+":"+processStyleValue(a,i)+";");else{if("NO_COMPONENT_SELECTOR"===a&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");if(!Array.isArray(i)||"string"!=typeof i[0]||null!=t&&void 0!==t[i[0]]){var s=handleInterpolation(e,t,i,!1);switch(a){case"animation":case"animationName":n+=processStyleName(a)+":"+s+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===a&&console.error(UNDEFINED_AS_OBJECT_KEY_ERROR),n+=a+"{"+s+"}"}}else for(var c=0;c<i.length;c++)isProcessableValue(i[c])&&(n+=processStyleName(a)+":"+processStyleValue(a,i[c])+";")}}return n}var sourceMapPattern,cursor,labelPattern=/label:\s*([^\s;\n{]+)\s*;/g;"production"!==process.env.NODE_ENV&&(sourceMapPattern=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);var serializeStyles=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,o="";cursor=void 0;var a,i=e[0];null==i||void 0===i.raw?(n=!1,o+=handleInterpolation(r,t,i,!1)):("production"!==process.env.NODE_ENV&&void 0===i[0]&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR),o+=i[0]);for(var s=1;s<e.length;s++)o+=handleInterpolation(r,t,e[s],46===o.charCodeAt(o.length-1)),n&&("production"!==process.env.NODE_ENV&&void 0===i[s]&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR),o+=i[s]);"production"!==process.env.NODE_ENV&&(o=o.replace(sourceMapPattern,(function(e){return a=e,""}))),labelPattern.lastIndex=0;for(var c,l="";null!==(c=labelPattern.exec(o));)l+="-"+c[1];var u=murmurhash2_32_gc(o)+l;return"production"!==process.env.NODE_ENV?{name:u,styles:o,map:a,next:cursor,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:cursor}},isBrowser$2="undefined"!=typeof document,EmotionCacheContext=React.createContext("undefined"!=typeof HTMLElement?createCache():null),ThemeContext=React.createContext({}),CacheProvider=EmotionCacheContext.Provider,withEmotionCache=function(e){return React.forwardRef((function(t,r){return React.createElement(EmotionCacheContext.Consumer,null,(function(n){return e(t,n,r)}))}))};if(!isBrowser$2){var BasicProvider=function(e){function t(t,r,n){var o;return(o=e.call(this,t,r,n)||this).state={value:createCache()},o}return inheritsLoose(t,e),t.prototype.render=function(){return React.createElement(EmotionCacheContext.Provider,this.state,this.props.children(this.state.value))},t}(React.Component);withEmotionCache=function(e){return function(t){return React.createElement(EmotionCacheContext.Consumer,null,(function(r){return null===r?React.createElement(BasicProvider,null,(function(r){return e(t,r)})):e(t,r)}))}}}var typePropName="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",labelPropName="__EMOTION_LABEL_PLEASE_DO_NOT_USE__",hasOwnProperty=Object.prototype.hasOwnProperty,render=function(e,t,r,n){var o=null===r?t.css:t.css(r);"string"==typeof o&&void 0!==e.registered[o]&&(o=e.registered[o]);var a=t[typePropName],i=[o],s="";"string"==typeof t.className?s=getRegisteredStyles(e.registered,i,t.className):null!=t.className&&(s=t.className+" ");var c=serializeStyles(i);if("production"!==process.env.NODE_ENV&&-1===c.name.indexOf("-")){var l=t[labelPropName];l&&(c=serializeStyles([c,"label:"+l+";"]))}var u=insertStyles(e,c,"string"==typeof a);s+=e.key+"-"+c.name;var p={};for(var d in t)!hasOwnProperty.call(t,d)||"css"===d||d===typePropName||"production"!==process.env.NODE_ENV&&d===labelPropName||(p[d]=t[d]);p.ref=n,p.className=s;var f=React.createElement(a,p);if(!isBrowser$2&&void 0!==u){for(var m,h=c.name,y=c.next;void 0!==y;)h+=" "+y.name,y=y.next;return React.createElement(React.Fragment,null,React.createElement("style",((m={})["data-emotion-"+e.key]=h,m.dangerouslySetInnerHTML={__html:u},m.nonce=e.sheet.nonce,m)),f)}return f},Emotion=withEmotionCache((function(e,t,r){return"function"==typeof e.css?React.createElement(ThemeContext.Consumer,null,(function(n){return render(t,e,n,r)})):render(t,e,null,r)}));"production"!==process.env.NODE_ENV&&(Emotion.displayName="EmotionCssPropInternal");var classnames=function e(t){for(var r=t.length,n=0,o="";n<r;n++){var a=t[n];if(null!=a){var i=void 0;switch(typeof a){case"boolean":break;case"object":if(Array.isArray(a))i=e(a);else for(var s in i="",a)a[s]&&s&&(i&&(i+=" "),i+=s);break;default:i=a}i&&(o&&(o+=" "),o+=i)}}return o};function merge(e,t,r){var n=[],o=getRegisteredStyles(e,n,r);return n.length<2?r:o+t(n)}var ClassNames=withEmotionCache((function(e,t){return React.createElement(ThemeContext.Consumer,null,(function(r){var n,o="",a="",i=!1,s=function(){if(i&&"production"!==process.env.NODE_ENV)throw new Error("css can only be used during render");for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];var s=serializeStyles(r,t.registered);if(isBrowser$2)insertStyles(t,s,!1);else{var c=insertStyles(t,s,!1);void 0!==c&&(o+=c)}return isBrowser$2||(a+=" "+s.name),t.key+"-"+s.name},c={css:s,cx:function(){if(i&&"production"!==process.env.NODE_ENV)throw new Error("cx can only be used during render");for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return merge(t.registered,s,classnames(r))},theme:r},l=e.children(c);return i=!0,isBrowser$2||0===o.length?l:React.createElement(React.Fragment,null,React.createElement("style",((n={})["data-emotion-"+t.key]=a.substring(1),n.dangerouslySetInnerHTML={__html:o},n.nonce=t.sheet.nonce,n)),l)}))})),testOmitPropsOnStringTag=index,testOmitPropsOnComponent=function(e){return"theme"!==e&&"innerRef"!==e},getDefaultShouldForwardProp=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent};function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var ILLEGAL_ESCAPE_SEQUENCE_ERROR$1="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",isBrowser$3="undefined"!=typeof document,createStyled=function e(t,r){if("production"!==process.env.NODE_ENV&&void 0===t)throw new Error("You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.");var n,o,a;void 0!==r&&(n=r.label,a=r.target,o=t.__emotion_forwardProp&&r.shouldForwardProp?function(e){return t.__emotion_forwardProp(e)&&r.shouldForwardProp(e)}:r.shouldForwardProp);var i=t.__emotion_real===t,s=i&&t.__emotion_base||t;"function"!=typeof o&&i&&(o=t.__emotion_forwardProp);var c=o||getDefaultShouldForwardProp(s),l=!c("as");return function(){var u=arguments,p=i&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==n&&p.push("label:"+n+";"),null==u[0]||void 0===u[0].raw)p.push.apply(p,u);else{"production"!==process.env.NODE_ENV&&void 0===u[0][0]&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR$1),p.push(u[0][0]);for(var d=u.length,f=1;f<d;f++)"production"!==process.env.NODE_ENV&&void 0===u[0][f]&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR$1),p.push(u[f],u[0][f])}var m=withEmotionCache((function(e,t,r){return React.createElement(ThemeContext.Consumer,null,(function(i){var u=l&&e.as||s,d="",f=[],m=e;if(null==e.theme){for(var h in m={},e)m[h]=e[h];m.theme=i}"string"==typeof e.className?d=getRegisteredStyles(t.registered,f,e.className):null!=e.className&&(d=e.className+" ");var y=serializeStyles(p.concat(f),t.registered,m),g=insertStyles(t,y,"string"==typeof u);d+=t.key+"-"+y.name,void 0!==a&&(d+=" "+a);var v=l&&void 0===o?getDefaultShouldForwardProp(u):c,b={};for(var w in e)l&&"as"===w||v(w)&&(b[w]=e[w]);b.className=d,b.ref=r||e.innerRef,"production"!==process.env.NODE_ENV&&e.innerRef&&console.error("`innerRef` is deprecated and will be removed in a future major version of Emotion, please use the `ref` prop instead"+(void 0===n?"":" in the usage of `"+n+"`"));var E=React.createElement(u,b);if(!isBrowser$3&&void 0!==g){for(var C,k=y.name,S=y.next;void 0!==S;)k+=" "+S.name,S=S.next;return React.createElement(React.Fragment,null,React.createElement("style",((C={})["data-emotion-"+t.key]=k,C.dangerouslySetInnerHTML={__html:g},C.nonce=t.sheet.nonce,C)),E)}return E}))}));return m.displayName=void 0!==n?n:"Styled("+("string"==typeof s?s:s.displayName||s.name||"Component")+")",m.defaultProps=t.defaultProps,m.__emotion_real=m,m.__emotion_base=s,m.__emotion_styles=p,m.__emotion_forwardProp=o,Object.defineProperty(m,"toString",{value:function(){return void 0===a&&"production"!==process.env.NODE_ENV?"NO_COMPONENT_SELECTOR":"."+a}}),m.withComponent=function(t,n){return e(t,void 0!==n?_objectSpread({},r||{},{},n):r).apply(void 0,p)},m}},tags=["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","marquee","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"],newStyled=createStyled.bind();tags.forEach((function(e){newStyled[e]=newStyled(e)}));var getColumnStyles=function(e,t){var r={width:getColumnSpan(t)};return t.gutter&&(r.paddingLeft=getColumnGutters(e,t.gutter),r.paddingRight=getColumnGutters(e,t.gutter)),t.offset&&(r.marginLeft=getColumnOffset(t.offset)),t.vertical&&!t.offset&&(r.minWidth=getStackedColumns(t.vertical),r.marginLeft="space0"),r},StyledColumn=newStyled.div(styledSystem.compose(styledSystem.space,styledSystem.layout)),Column=function(e){var t=e.children,r=e.count,n=e.gutter,o=e.offset,a=e.span,i=e.vertical,s=theme.useTheme(),c=React.useMemo((function(){return getColumnStyles(s,{count:r,gutter:n,offset:o,span:a,vertical:i})}),[r,n,o,a,i]);return React.createElement(StyledColumn,__assign({},c),t)};Column.propTypes={offset:PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.number]),PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number]))]),span:PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.number]),PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number]))])},Column.displayName="Column",exports.Column=Column,exports.Grid=Grid; | ||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),PropTypes=require("prop-types"),theme=require("@twilio-paste/theme"),box=require("@twilio-paste/box"),flex=require("@twilio-paste/flex"),styledSystem=require("styled-system"),__assign=function(){return(__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function __rest(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}var getOuterGutterPull=function(e,t){return Array.isArray(t)?t.map((function(t){return"-"+e.space[t]})):t?"-"+e.space[t]:"auto"},getColumnGutters=function(e,t){return Array.isArray(t)?t.map((function(t){return""+e.space[t]})):t?""+e.space[t]:""+e.space[0]},getStackedColumns=function(e){return Array.isArray(e)?e.map((function(e){return"boolean"==typeof e?!0===e?"100%":"0":null})):e?"100%":"0"},getColumnSpan=function(e){var t=e.count,r=e.span;return Array.isArray(r)&&t?r.map((function(e){return e/12*100+"%"})):"number"==typeof r&&t&&t<=12?r/12*100+"%":void 0!==t?1/t*100+"%":1/12*100+"%"},getColumnOffset=function(e){return Array.isArray(e)?e.map((function(e){return e/12*100+"%"})):e/12*100+"%"},getGridStyles=function(e,t){return{marginLeft:getOuterGutterPull(e,t),marginRight:getOuterGutterPull(e,t)}},Grid=function(e){var t=e.as,r=e.children,n=e.gutter,o=e.marginTop,a=e.marginBottom,i=e.vertical,s=__rest(e,["as","children","gutter","marginTop","marginBottom","vertical"]),c=theme.useTheme(),l=React.useMemo((function(){return React.Children.map(r,(function(e){return React.isValidElement(e)?React.cloneElement(e,{count:React.Children.count(r),gutter:n,vertical:i}):e}))}),[r]),u=React.useMemo((function(){return getGridStyles(c,n)}),[n]);return React.createElement(flex.Flex,__assign({},u,box.safelySpreadBoxProps(s),{as:t,marginTop:o,marginBottom:a,vertical:i}),l)};function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Grid.propTypes={as:PropTypes.string,children:PropTypes.node.isRequired,vertical:PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.bool]),PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.bool]))])},Grid.defaultProps={vertical:!1},Grid.displayName="Grid";var defineProperty=_defineProperty;function memoize(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,index=memoize((function(e){return reactPropsRegex.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}));function _inheritsLoose(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}var inheritsLoose=_inheritsLoose;function sheetForTag(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function createStyleElement(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}var StyleSheet=function(){function e(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.before=null}var t=e.prototype;return t.insert=function(e){if(this.ctr%(this.isSpeedy?65e3:1)==0){var t,r=createStyleElement(this);t=0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling,this.container.insertBefore(r,t),this.tags.push(r)}var n=this.tags[this.tags.length-1];if(this.isSpeedy){var o=sheetForTag(n);try{var a=105===e.charCodeAt(1)&&64===e.charCodeAt(0);o.insertRule(e,a?0:o.cssRules.length)}catch(t){"production"!==process.env.NODE_ENV&&console.warn('There was a problem inserting the following rule: "'+e+'"',t)}}else n.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}();function stylis_min(e){function t(e,t,n){var o=t.trim().split(m);t=o;var a=o.length,i=e.length;switch(i){case 0:case 1:var s=0;for(e=0===i?"":e[0]+" ";s<a;++s)t[s]=r(e,t[s],n).trim();break;default:var c=s=0;for(t=[];s<a;++s)for(var l=0;l<i;++l)t[c++]=r(e[l]+" ",o[s],n).trim()}return t}function r(e,t,r){var n=t.charCodeAt(0);switch(33>n&&(n=(t=t.trim()).charCodeAt(0)),n){case 38:return t.replace(h,"$1"+e.trim());case 58:return e.trim()+t.replace(h,"$1"+e.trim());default:if(0<1*r&&0<t.indexOf("\f"))return t.replace(h,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function n(e,t,r,a){var i=e+";",s=2*t+3*r+4*a;if(944===s){e=i.indexOf(":",9)+1;var c=i.substring(e,i.length-1).trim();return c=i.substring(0,e).trim()+c+";",1===P||2===P&&o(c,1)?"-webkit-"+c+c:c}if(0===P||2===P&&!o(i,1))return i;switch(s){case 1015:return 97===i.charCodeAt(10)?"-webkit-"+i+i:i;case 951:return 116===i.charCodeAt(3)?"-webkit-"+i+i:i;case 963:return 110===i.charCodeAt(5)?"-webkit-"+i+i:i;case 1009:if(100!==i.charCodeAt(4))break;case 969:case 942:return"-webkit-"+i+i;case 978:return"-webkit-"+i+"-moz-"+i+i;case 1019:case 983:return"-webkit-"+i+"-moz-"+i+"-ms-"+i+i;case 883:if(45===i.charCodeAt(8))return"-webkit-"+i+i;if(0<i.indexOf("image-set(",11))return i.replace(_,"$1-webkit-$2")+i;break;case 932:if(45===i.charCodeAt(4))switch(i.charCodeAt(5)){case 103:return"-webkit-box-"+i.replace("-grow","")+"-webkit-"+i+"-ms-"+i.replace("grow","positive")+i;case 115:return"-webkit-"+i+"-ms-"+i.replace("shrink","negative")+i;case 98:return"-webkit-"+i+"-ms-"+i.replace("basis","preferred-size")+i}return"-webkit-"+i+"-ms-"+i+i;case 964:return"-webkit-"+i+"-ms-flex-"+i+i;case 1023:if(99!==i.charCodeAt(8))break;return"-webkit-box-pack"+(c=i.substring(i.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+i+"-ms-flex-pack"+c+i;case 1005:return d.test(i)?i.replace(p,":-webkit-")+i.replace(p,":-moz-")+i:i;case 1e3:switch(t=(c=i.substring(13).trim()).indexOf("-")+1,c.charCodeAt(0)+c.charCodeAt(t)){case 226:c=i.replace(b,"tb");break;case 232:c=i.replace(b,"tb-rl");break;case 220:c=i.replace(b,"lr");break;default:return i}return"-webkit-"+i+"-ms-"+c+i;case 1017:if(-1===i.indexOf("sticky",9))break;case 975:switch(t=(i=e).length-10,s=(c=(33===i.charCodeAt(t)?i.substring(0,t):i).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|c.charCodeAt(7))){case 203:if(111>c.charCodeAt(8))break;case 115:i=i.replace(c,"-webkit-"+c)+";"+i;break;case 207:case 102:i=i.replace(c,"-webkit-"+(102<s?"inline-":"")+"box")+";"+i.replace(c,"-webkit-"+c)+";"+i.replace(c,"-ms-"+c+"box")+";"+i}return i+";";case 938:if(45===i.charCodeAt(5))switch(i.charCodeAt(6)){case 105:return c=i.replace("-items",""),"-webkit-"+i+"-webkit-box-"+c+"-ms-flex-"+c+i;case 115:return"-webkit-"+i+"-ms-flex-item-"+i.replace(C,"")+i;default:return"-webkit-"+i+"-ms-flex-line-pack"+i.replace("align-content","").replace(C,"")+i}break;case 973:case 989:if(45!==i.charCodeAt(3)||122===i.charCodeAt(4))break;case 931:case 953:if(!0===S.test(e))return 115===(c=e.substring(e.indexOf(":")+1)).charCodeAt(0)?n(e.replace("stretch","fill-available"),t,r,a).replace(":fill-available",":stretch"):i.replace(c,"-webkit-"+c)+i.replace(c,"-moz-"+c.replace("fill-",""))+i;break;case 962:if(i="-webkit-"+i+(102===i.charCodeAt(5)?"-ms-"+i:"")+i,211===r+a&&105===i.charCodeAt(13)&&0<i.indexOf("transform",10))return i.substring(0,i.indexOf(";",27)+1).replace(f,"$1-webkit-$2")+i}return i}function o(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10);return r=e.substring(r+1,e.length-1),L(2!==t?n:n.replace(k,"$1"),r,t)}function a(e,t){var r=n(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(E," or ($1)").substring(4):"("+t+")"}function i(e,t,r,n,o,a,i,s,l,u){for(var p,d=0,f=t;d<T;++d)switch(p=R[d].call(c,e,f,r,n,o,a,i,s,l,u)){case void 0:case!1:case!0:case null:break;default:f=p}if(f!==t)return f}function s(e){return void 0!==(e=e.prefix)&&(L=null,e?"function"!=typeof e?P=1:(P=2,L=e):P=0),s}function c(e,r){var s=e;if(33>s.charCodeAt(0)&&(s=s.trim()),s=[s],0<T){var c=i(-1,r,s,s,x,O,0,0,0,0);void 0!==c&&"string"==typeof c&&(r=c)}var p=function e(r,s,c,p,d){for(var f,m,h,b,E,C=0,k=0,S=0,_=0,R=0,L=0,I=h=f=0,V=0,j=0,M=0,z=0,B=c.length,$=B-1,G="",F="",q="",U="";V<B;){if(m=c.charCodeAt(V),V===$&&0!==k+_+S+C&&(0!==k&&(m=47===k?10:47),_=S=C=0,B++,$++),0===k+_+S+C){if(V===$&&(0<j&&(G=G.replace(u,"")),0<G.trim().length)){switch(m){case 32:case 9:case 59:case 13:case 10:break;default:G+=c.charAt(V)}m=59}switch(m){case 123:for(f=(G=G.trim()).charCodeAt(0),h=1,z=++V;V<B;){switch(m=c.charCodeAt(V)){case 123:h++;break;case 125:h--;break;case 47:switch(m=c.charCodeAt(V+1)){case 42:case 47:e:{for(I=V+1;I<$;++I)switch(c.charCodeAt(I)){case 47:if(42===m&&42===c.charCodeAt(I-1)&&V+2!==I){V=I+1;break e}break;case 10:if(47===m){V=I+1;break e}}V=I}}break;case 91:m++;case 40:m++;case 34:case 39:for(;V++<$&&c.charCodeAt(V)!==m;);}if(0===h)break;V++}switch(h=c.substring(z,V),0===f&&(f=(G=G.replace(l,"").trim()).charCodeAt(0)),f){case 64:switch(0<j&&(G=G.replace(u,"")),m=G.charCodeAt(1)){case 100:case 109:case 115:case 45:j=s;break;default:j=N}if(z=(h=e(s,j,h,m,d+1)).length,0<T&&(E=i(3,h,j=t(N,G,M),s,x,O,z,m,d,p),G=j.join(""),void 0!==E&&0===(z=(h=E.trim()).length)&&(m=0,h="")),0<z)switch(m){case 115:G=G.replace(w,a);case 100:case 109:case 45:h=G+"{"+h+"}";break;case 107:h=(G=G.replace(y,"$1 $2"))+"{"+h+"}",h=1===P||2===P&&o("@"+h,3)?"@-webkit-"+h+"@"+h:"@"+h;break;default:h=G+h,112===p&&(F+=h,h="")}else h="";break;default:h=e(s,t(s,G,M),h,p,d+1)}q+=h,h=M=j=I=f=0,G="",m=c.charCodeAt(++V);break;case 125:case 59:if(1<(z=(G=(0<j?G.replace(u,""):G).trim()).length))switch(0===I&&(f=G.charCodeAt(0),45===f||96<f&&123>f)&&(z=(G=G.replace(" ",":")).length),0<T&&void 0!==(E=i(1,G,s,r,x,O,F.length,p,d,p))&&0===(z=(G=E.trim()).length)&&(G="\0\0"),f=G.charCodeAt(0),m=G.charCodeAt(1),f){case 0:break;case 64:if(105===m||99===m){U+=G+c.charAt(V);break}default:58!==G.charCodeAt(z-1)&&(F+=n(G,f,m,G.charCodeAt(2)))}M=j=I=f=0,G="",m=c.charCodeAt(++V)}}switch(m){case 13:case 10:47===k?k=0:0===1+f&&107!==p&&0<G.length&&(j=1,G+="\0"),0<T*D&&i(0,G,s,r,x,O,F.length,p,d,p),O=1,x++;break;case 59:case 125:if(0===k+_+S+C){O++;break}default:switch(O++,b=c.charAt(V),m){case 9:case 32:if(0===_+C+k)switch(R){case 44:case 58:case 9:case 32:b="";break;default:32!==m&&(b=" ")}break;case 0:b="\\0";break;case 12:b="\\f";break;case 11:b="\\v";break;case 38:0===_+k+C&&(j=M=1,b="\f"+b);break;case 108:if(0===_+k+C+A&&0<I)switch(V-I){case 2:112===R&&58===c.charCodeAt(V-3)&&(A=R);case 8:111===L&&(A=L)}break;case 58:0===_+k+C&&(I=V);break;case 44:0===k+S+_+C&&(j=1,b+="\r");break;case 34:case 39:0===k&&(_=_===m?0:0===_?m:_);break;case 91:0===_+k+S&&C++;break;case 93:0===_+k+S&&C--;break;case 41:0===_+k+C&&S--;break;case 40:if(0===_+k+C){if(0===f)switch(2*R+3*L){case 533:break;default:f=1}S++}break;case 64:0===k+S+_+C+I+h&&(h=1);break;case 42:case 47:if(!(0<_+C+S))switch(k){case 0:switch(2*m+3*c.charCodeAt(V+1)){case 235:k=47;break;case 220:z=V,k=42}break;case 42:47===m&&42===R&&z+2!==V&&(33===c.charCodeAt(z+2)&&(F+=c.substring(z,V+1)),b="",k=0)}}0===k&&(G+=b)}L=R,R=m,V++}if(0<(z=F.length)){if(j=s,0<T&&(void 0!==(E=i(2,F,j,r,x,O,z,p,d,p))&&0===(F=E).length))return U+F+q;if(F=j.join(",")+"{"+F+"}",0!=P*A){switch(2!==P||o(F,2)||(A=0),A){case 111:F=F.replace(v,":-moz-$1")+F;break;case 112:F=F.replace(g,"::-webkit-input-$1")+F.replace(g,"::-moz-$1")+F.replace(g,":-ms-input-$1")+F}A=0}}return U+F+q}(N,s,r,0,0);return 0<T&&(void 0!==(c=i(-2,p,s,s,x,O,p.length,0,0,0))&&(p=c)),"",A=0,O=x=1,p}var l=/^\0+/g,u=/[\0\r\f]/g,p=/: */g,d=/zoo|gra/,f=/([,: ])(transform)/g,m=/,\r+?/g,h=/([\t\r\n ])*\f?&/g,y=/@(k\w+)\s*(\S*)\s*/,g=/::(place)/g,v=/:(read-only)/g,b=/[svh]\w+-[tblr]{2}/,w=/\(\s*(.*)\s*\)/g,E=/([\s\S]*?);/g,C=/-self|flex-/g,k=/[^]*?(:[rp][el]a[\w-]+)[^]*/,S=/stretch|:\s*\w+\-(?:conte|avail)/,_=/([^-])(image-set\()/,O=1,x=1,A=0,P=1,N=[],R=[],T=0,L=null,D=0;return c.use=function e(t){switch(t){case void 0:case null:T=R.length=0;break;default:if("function"==typeof t)R[T++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else D=0|!!t}return e},c.set=s,void 0!==e&&s(e),c}var weakMemoize=function(e){var t=new WeakMap;return function(r){if(t.has(r))return t.get(r);var n=e(r);return t.set(r,n),n}},delimiter="/*|*/",needle=delimiter+"}";function toSheet(e){e&&Sheet.current.insert(e+"}")}var Sheet={current:null},ruleSheet=function(e,t,r,n,o,a,i,s,c,l){switch(e){case 1:switch(t.charCodeAt(0)){case 64:return Sheet.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===s)return t+delimiter;break;case 3:switch(s){case 102:case 112:return Sheet.current.insert(r[0]+t),"";default:return t+(0===l?delimiter:"")}case-2:t.split(needle).forEach(toSheet)}},removeLabel=function(e,t){if(1===e&&108===t.charCodeAt(0)&&98===t.charCodeAt(2))return""},isBrowser="undefined"!=typeof document,rootServerStylisCache={},getServerStylisCache=isBrowser?void 0:weakMemoize((function(){var e=weakMemoize((function(){return{}})),t={},r={};return function(n){return void 0===n||!0===n?t:!1===n?r:e(n)}})),createCache=function(e){void 0===e&&(e={});var t,r=e.key||"css";void 0!==e.prefix&&(t={prefix:e.prefix});var n=new stylis_min(t);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,a,i={};if(isBrowser){o=e.container||document.head;var s=document.querySelectorAll("style[data-emotion-"+r+"]");Array.prototype.forEach.call(s,(function(e){e.getAttribute("data-emotion-"+r).split(" ").forEach((function(e){i[e]=!0})),e.parentNode!==o&&o.appendChild(e)}))}if(isBrowser)n.use(e.stylisPlugins)(ruleSheet),a=function(e,t,r,o){var a=t.name;if(Sheet.current=r,"production"!==process.env.NODE_ENV&&void 0!==t.map){var i=t.map;Sheet.current={insert:function(e){r.insert(e+i)}}}n(e,t.styles),o&&(p.inserted[a]=!0)};else{n.use(removeLabel);var c=rootServerStylisCache;(e.stylisPlugins||void 0!==e.prefix)&&(n.use(e.stylisPlugins),c=getServerStylisCache(e.stylisPlugins||rootServerStylisCache)(e.prefix));a=function(e,t,r,o){var a=t.name,i=function(e,t){var r=t.name;return void 0===c[r]&&(c[r]=n(e,t.styles)),c[r]}(e,t);return void 0===p.compat?(o&&(p.inserted[a]=!0),"development"===process.env.NODE_ENV&&void 0!==t.map?i+t.map:i):o?void(p.inserted[a]=i):i}}if("production"!==process.env.NODE_ENV){var l=/\/\*/g,u=/\*\//g;n.use((function(e,t){switch(e){case-1:for(;l.test(t);){if(u.lastIndex=l.lastIndex,!u.test(t))throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');l.lastIndex=u.lastIndex}l.lastIndex=0}})),n.use((function(e,t,r){switch(e){case-1:var n=t.match(/(:first|:nth|:nth-last)-child/g);n&&!0!==p.compat&&n.forEach((function(e){var r=new RegExp(e+".*\\/\\* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason \\*\\/").test(t);e&&!r&&console.error('The pseudo class "'+e+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+e.split("-child")[0]+'-of-type".')}))}}))}var p={key:r,sheet:new StyleSheet({key:r,container:o,nonce:e.nonce,speedy:e.speedy}),nonce:e.nonce,inserted:i,registered:{},insert:a};return p},isBrowser$1="undefined"!=typeof document;function getRegisteredStyles(e,t,r){var n="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]):n+=r+" "})),n}var insertStyles=function(e,t,r){var n=e.key+"-"+t.name;if((!1===r||!1===isBrowser$1&&void 0!==e.compat)&&void 0===e.registered[n]&&(e.registered[n]=t.styles),void 0===e.inserted[t.name]){var o="",a=t;do{var i=e.insert("."+n,a,e.sheet,!0);isBrowser$1||void 0===i||(o+=i),a=a.next}while(void 0!==a);if(!isBrowser$1&&0!==o.length)return o}};function murmurhash2_32_gc(e){for(var t,r=e.length,n=r^r,o=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+((1540483477*(t>>>16)&65535)<<16),n=1540483477*(65535&n)+((1540483477*(n>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++o;switch(r){case 3:n^=(255&e.charCodeAt(o+2))<<16;case 2:n^=(255&e.charCodeAt(o+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(o)))+((1540483477*(n>>>16)&65535)<<16)}return n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16),((n^=n>>>15)>>>0).toString(36)}var unitlessKeys={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},ILLEGAL_ESCAPE_SEQUENCE_ERROR="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",UNDEFINED_AS_OBJECT_KEY_ERROR="You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).",hyphenateRegex=/[A-Z]|^ms/g,animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty=function(e){return 45===e.charCodeAt(1)},isProcessableValue=function(e){return null!=e&&"boolean"!=typeof e},processStyleName=memoize((function(e){return isCustomProperty(e)?e:e.replace(hyphenateRegex,"-$&").toLowerCase()})),processStyleValue=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(animationRegex,(function(e,t,r){return cursor={name:t,styles:r,next:cursor},t}))}return 1===unitlessKeys[e]||isCustomProperty(e)||"number"!=typeof t||0===t?t:t+"px"};if("production"!==process.env.NODE_ENV){var contentValuePattern=/(attr|calc|counters?|url)\(/,contentValues=["normal","none","counter","open-quote","close-quote","no-open-quote","no-close-quote","initial","inherit","unset"],oldProcessStyleValue=processStyleValue,msPattern=/^-ms-/,hyphenPattern=/-(.)/g,hyphenatedCache={};processStyleValue=function(e,t){"content"===e&&("string"!=typeof t||-1===contentValues.indexOf(t)&&!contentValuePattern.test(t)&&(t.charAt(0)!==t.charAt(t.length-1)||'"'!==t.charAt(0)&&"'"!==t.charAt(0)))&&console.error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+t+"\"'`");var r=oldProcessStyleValue(e,t);return""===r||isCustomProperty(e)||-1===e.indexOf("-")||void 0!==hyphenatedCache[e]||(hyphenatedCache[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(msPattern,"ms-").replace(hyphenPattern,(function(e,t){return t.toUpperCase()}))+"?")),r}}var shouldWarnAboutInterpolatingClassNameFromCss=!0;function handleInterpolation(e,t,r,n){if(null==r)return"";if(void 0!==r.__emotion_styles){if("production"!==process.env.NODE_ENV&&"NO_COMPONENT_SELECTOR"===r.toString())throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");return r}switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return cursor={name:r.name,styles:r.styles,next:cursor},r.name;if(void 0!==r.styles){var o=r.next;if(void 0!==o)for(;void 0!==o;)cursor={name:o.name,styles:o.styles,next:cursor},o=o.next;var a=r.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==r.map&&(a+=r.map),a}return createStringFromObject(e,t,r);case"function":if(void 0!==e){var i=cursor,s=r(e);return cursor=i,handleInterpolation(e,t,s,n)}"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 c=[],l=r.replace(animationRegex,(function(e,t,r){var n="animation"+c.length;return c.push("const "+n+" = keyframes`"+r.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+n+"}"}));c.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(c,["`"+l+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+l+"`")}}if(null==t)return r;var u=t[r];return"production"!==process.env.NODE_ENV&&n&&shouldWarnAboutInterpolatingClassNameFromCss&&void 0!==u&&(console.error("Interpolating a className from css`` is not recommended and will cause problems with composition.\nInterpolating a className from css`` will be completely unsupported in a future major version of Emotion"),shouldWarnAboutInterpolatingClassNameFromCss=!1),void 0===u||n?r:u}function createStringFromObject(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o++)n+=handleInterpolation(e,t,r[o],!1);else for(var a in r){var i=r[a];if("object"!=typeof i)null!=t&&void 0!==t[i]?n+=a+"{"+t[i]+"}":isProcessableValue(i)&&(n+=processStyleName(a)+":"+processStyleValue(a,i)+";");else{if("NO_COMPONENT_SELECTOR"===a&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");if(!Array.isArray(i)||"string"!=typeof i[0]||null!=t&&void 0!==t[i[0]]){var s=handleInterpolation(e,t,i,!1);switch(a){case"animation":case"animationName":n+=processStyleName(a)+":"+s+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===a&&console.error(UNDEFINED_AS_OBJECT_KEY_ERROR),n+=a+"{"+s+"}"}}else for(var c=0;c<i.length;c++)isProcessableValue(i[c])&&(n+=processStyleName(a)+":"+processStyleValue(a,i[c])+";")}}return n}var sourceMapPattern,cursor,labelPattern=/label:\s*([^\s;\n{]+)\s*;/g;"production"!==process.env.NODE_ENV&&(sourceMapPattern=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);var serializeStyles=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,o="";cursor=void 0;var a,i=e[0];null==i||void 0===i.raw?(n=!1,o+=handleInterpolation(r,t,i,!1)):("production"!==process.env.NODE_ENV&&void 0===i[0]&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR),o+=i[0]);for(var s=1;s<e.length;s++)o+=handleInterpolation(r,t,e[s],46===o.charCodeAt(o.length-1)),n&&("production"!==process.env.NODE_ENV&&void 0===i[s]&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR),o+=i[s]);"production"!==process.env.NODE_ENV&&(o=o.replace(sourceMapPattern,(function(e){return a=e,""}))),labelPattern.lastIndex=0;for(var c,l="";null!==(c=labelPattern.exec(o));)l+="-"+c[1];var u=murmurhash2_32_gc(o)+l;return"production"!==process.env.NODE_ENV?{name:u,styles:o,map:a,next:cursor,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:cursor}},isBrowser$2="undefined"!=typeof document,EmotionCacheContext=React.createContext("undefined"!=typeof HTMLElement?createCache():null),ThemeContext=React.createContext({}),CacheProvider=EmotionCacheContext.Provider,withEmotionCache=function(e){return React.forwardRef((function(t,r){return React.createElement(EmotionCacheContext.Consumer,null,(function(n){return e(t,n,r)}))}))};if(!isBrowser$2){var BasicProvider=function(e){function t(t,r,n){var o;return(o=e.call(this,t,r,n)||this).state={value:createCache()},o}return inheritsLoose(t,e),t.prototype.render=function(){return React.createElement(EmotionCacheContext.Provider,this.state,this.props.children(this.state.value))},t}(React.Component);withEmotionCache=function(e){return function(t){return React.createElement(EmotionCacheContext.Consumer,null,(function(r){return null===r?React.createElement(BasicProvider,null,(function(r){return e(t,r)})):e(t,r)}))}}}var typePropName="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",labelPropName="__EMOTION_LABEL_PLEASE_DO_NOT_USE__",hasOwnProperty=Object.prototype.hasOwnProperty,render=function(e,t,r,n){var o=null===r?t.css:t.css(r);"string"==typeof o&&void 0!==e.registered[o]&&(o=e.registered[o]);var a=t[typePropName],i=[o],s="";"string"==typeof t.className?s=getRegisteredStyles(e.registered,i,t.className):null!=t.className&&(s=t.className+" ");var c=serializeStyles(i);if("production"!==process.env.NODE_ENV&&-1===c.name.indexOf("-")){var l=t[labelPropName];l&&(c=serializeStyles([c,"label:"+l+";"]))}var u=insertStyles(e,c,"string"==typeof a);s+=e.key+"-"+c.name;var p={};for(var d in t)!hasOwnProperty.call(t,d)||"css"===d||d===typePropName||"production"!==process.env.NODE_ENV&&d===labelPropName||(p[d]=t[d]);p.ref=n,p.className=s;var f=React.createElement(a,p);if(!isBrowser$2&&void 0!==u){for(var m,h=c.name,y=c.next;void 0!==y;)h+=" "+y.name,y=y.next;return React.createElement(React.Fragment,null,React.createElement("style",((m={})["data-emotion-"+e.key]=h,m.dangerouslySetInnerHTML={__html:u},m.nonce=e.sheet.nonce,m)),f)}return f},Emotion=withEmotionCache((function(e,t,r){return"function"==typeof e.css?React.createElement(ThemeContext.Consumer,null,(function(n){return render(t,e,n,r)})):render(t,e,null,r)}));"production"!==process.env.NODE_ENV&&(Emotion.displayName="EmotionCssPropInternal");var classnames=function e(t){for(var r=t.length,n=0,o="";n<r;n++){var a=t[n];if(null!=a){var i=void 0;switch(typeof a){case"boolean":break;case"object":if(Array.isArray(a))i=e(a);else for(var s in i="",a)a[s]&&s&&(i&&(i+=" "),i+=s);break;default:i=a}i&&(o&&(o+=" "),o+=i)}}return o};function merge(e,t,r){var n=[],o=getRegisteredStyles(e,n,r);return n.length<2?r:o+t(n)}var ClassNames=withEmotionCache((function(e,t){return React.createElement(ThemeContext.Consumer,null,(function(r){var n,o="",a="",i=!1,s=function(){if(i&&"production"!==process.env.NODE_ENV)throw new Error("css can only be used during render");for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];var s=serializeStyles(r,t.registered);if(isBrowser$2)insertStyles(t,s,!1);else{var c=insertStyles(t,s,!1);void 0!==c&&(o+=c)}return isBrowser$2||(a+=" "+s.name),t.key+"-"+s.name},c={css:s,cx:function(){if(i&&"production"!==process.env.NODE_ENV)throw new Error("cx can only be used during render");for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return merge(t.registered,s,classnames(r))},theme:r},l=e.children(c);return i=!0,isBrowser$2||0===o.length?l:React.createElement(React.Fragment,null,React.createElement("style",((n={})["data-emotion-"+t.key]=a.substring(1),n.dangerouslySetInnerHTML={__html:o},n.nonce=t.sheet.nonce,n)),l)}))})),testOmitPropsOnStringTag=index,testOmitPropsOnComponent=function(e){return"theme"!==e&&"innerRef"!==e},getDefaultShouldForwardProp=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent};function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(r,!0).forEach((function(t){defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(r).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var ILLEGAL_ESCAPE_SEQUENCE_ERROR$1="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",isBrowser$3="undefined"!=typeof document,createStyled=function e(t,r){if("production"!==process.env.NODE_ENV&&void 0===t)throw new Error("You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.");var n,o,a;void 0!==r&&(n=r.label,a=r.target,o=t.__emotion_forwardProp&&r.shouldForwardProp?function(e){return t.__emotion_forwardProp(e)&&r.shouldForwardProp(e)}:r.shouldForwardProp);var i=t.__emotion_real===t,s=i&&t.__emotion_base||t;"function"!=typeof o&&i&&(o=t.__emotion_forwardProp);var c=o||getDefaultShouldForwardProp(s),l=!c("as");return function(){var u=arguments,p=i&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==n&&p.push("label:"+n+";"),null==u[0]||void 0===u[0].raw)p.push.apply(p,u);else{"production"!==process.env.NODE_ENV&&void 0===u[0][0]&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR$1),p.push(u[0][0]);for(var d=u.length,f=1;f<d;f++)"production"!==process.env.NODE_ENV&&void 0===u[0][f]&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR$1),p.push(u[f],u[0][f])}var m=withEmotionCache((function(e,t,r){return React.createElement(ThemeContext.Consumer,null,(function(i){var u=l&&e.as||s,d="",f=[],m=e;if(null==e.theme){for(var h in m={},e)m[h]=e[h];m.theme=i}"string"==typeof e.className?d=getRegisteredStyles(t.registered,f,e.className):null!=e.className&&(d=e.className+" ");var y=serializeStyles(p.concat(f),t.registered,m),g=insertStyles(t,y,"string"==typeof u);d+=t.key+"-"+y.name,void 0!==a&&(d+=" "+a);var v=l&&void 0===o?getDefaultShouldForwardProp(u):c,b={};for(var w in e)l&&"as"===w||v(w)&&(b[w]=e[w]);b.className=d,b.ref=r||e.innerRef,"production"!==process.env.NODE_ENV&&e.innerRef&&console.error("`innerRef` is deprecated and will be removed in a future major version of Emotion, please use the `ref` prop instead"+(void 0===n?"":" in the usage of `"+n+"`"));var E=React.createElement(u,b);if(!isBrowser$3&&void 0!==g){for(var C,k=y.name,S=y.next;void 0!==S;)k+=" "+S.name,S=S.next;return React.createElement(React.Fragment,null,React.createElement("style",((C={})["data-emotion-"+t.key]=k,C.dangerouslySetInnerHTML={__html:g},C.nonce=t.sheet.nonce,C)),E)}return E}))}));return m.displayName=void 0!==n?n:"Styled("+("string"==typeof s?s:s.displayName||s.name||"Component")+")",m.defaultProps=t.defaultProps,m.__emotion_real=m,m.__emotion_base=s,m.__emotion_styles=p,m.__emotion_forwardProp=o,Object.defineProperty(m,"toString",{value:function(){return void 0===a&&"production"!==process.env.NODE_ENV?"NO_COMPONENT_SELECTOR":"."+a}}),m.withComponent=function(t,n){return e(t,void 0!==n?_objectSpread({},r||{},{},n):r).apply(void 0,p)},m}},tags=["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","marquee","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"],newStyled=createStyled.bind();tags.forEach((function(e){newStyled[e]=newStyled(e)}));var getColumnStyles=function(e,t){var r={width:getColumnSpan(t)};return t.gutter&&(r.paddingLeft=getColumnGutters(e,t.gutter),r.paddingRight=getColumnGutters(e,t.gutter)),t.offset&&(r.marginLeft=getColumnOffset(t.offset)),t.vertical&&!t.offset&&(r.minWidth=getStackedColumns(t.vertical),r.marginLeft="space0"),r},StyledColumn=newStyled.div(styledSystem.compose(styledSystem.space,styledSystem.layout)),Column=function(e){var t=e.as,r=e.children,n=e.count,o=e.gutter,a=e.offset,i=e.span,s=e.vertical,c=theme.useTheme(),l=React.useMemo((function(){return getColumnStyles(c,{count:n,gutter:o,offset:a,span:i,vertical:s})}),[n,o,a,i,s]);return React.createElement(StyledColumn,__assign({},l,{as:t}),r)};Column.propTypes={as:PropTypes.string,offset:PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.number]),PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number]))]),span:PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.number]),PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number]))])},Column.displayName="Column",exports.Column=Column,exports.Grid=Grid; |
@@ -6,2 +6,3 @@ /// <reference types="react" /> | ||
export interface GridProps extends SpaceProps { | ||
as?: keyof JSX.IntrinsicElements; | ||
children: NonNullable<React.ReactNode>; | ||
@@ -23,2 +24,3 @@ gutter?: Space; | ||
export interface ColumnProps extends ColumnStyleProps { | ||
as?: keyof JSX.IntrinsicElements; | ||
count?: number; | ||
@@ -25,0 +27,0 @@ gutter?: Space; |
{ | ||
"name": "@twilio-paste/grid", | ||
"version": "0.1.10", | ||
"version": "0.2.0", | ||
"category": "layout", | ||
@@ -31,7 +31,7 @@ "status": "beta", | ||
"peerDependencies": { | ||
"@twilio-paste/box": "^2.1.7", | ||
"@twilio-paste/flex": "^0.2.4", | ||
"@twilio-paste/style-props": "^0.1.6", | ||
"@twilio-paste/theme": "^3.0.2", | ||
"@twilio-paste/theme-tokens": "^3.0.2", | ||
"@twilio-paste/box": "^2.1.8", | ||
"@twilio-paste/flex": "^0.2.5", | ||
"@twilio-paste/style-props": "^0.1.7", | ||
"@twilio-paste/theme": "^3.0.3", | ||
"@twilio-paste/theme-tokens": "^3.0.3", | ||
"prop-types": "^15.7.2", | ||
@@ -44,3 +44,3 @@ "react": "^16.8.6", | ||
"@twilio-paste/box": "^2.1.8", | ||
"@twilio-paste/flex": "^0.2.5", | ||
"@twilio-paste/flex": "^0.3.0", | ||
"@twilio-paste/style-props": "^0.1.7", | ||
@@ -58,3 +58,3 @@ "@twilio-paste/theme": "^3.0.3", | ||
}, | ||
"gitHead": "0fa741a556aeac091951196823f6c54f96d382aa" | ||
"gitHead": "a10f6aae2ac89753e21e2ba6ce0dc1bd9e665d18" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
287341
7785