pretty-lights - npm Package Compare versions

Comparing version 0.0.17 to 0.0.18

lib/pretty-lights.js

@@ -1,2 +0,2 @@
-function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var t=e(require("@emotion/stylis")),r=e(require("@emotion/weak-memoize")),n=e(require("@emotion/hash")),o=e(require("@emotion/unitless")),i=e(require("@emotion/memoize")),s=require("react"),a=e(s),c=e(require("@emotion/is-prop-valid")),l=e(require("hoist-non-react-statics")),u=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=function(e){var t=document.createElement("style");return t.setAttribute("data-lights",e.key||""),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}(this);this.container.insertBefore(t,0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling),this.tags.push(t)}var r=this.tags[this.tags.length-1];if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t+=1)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(r);try{var o=105===e.charCodeAt(1)&&64===e.charCodeAt(0);n.insertRule(e,o?0:n.cssRules.length)}catch(t){"production"!==process.env.NODE_ENV&&console.warn('There was a problem inserting the following rule: "'+e+'"',t)}}else r.appendChild(document.createTextNode(e));this.ctr+=1},t.flush=function(){this.tags.forEach(function(e){return e.parentNode.removeChild(e)}),this.tags=[],this.ctr=0},e}(),p={current:null};function d(e){e&&p.current.insert(e+"}")}var h,f=function(e,t,r,n,o,i,s,a,c,l){switch(e){default:break;case 1:switch(t.charCodeAt(0)){default:break;case 64:return p.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===a)return t+"/*|*/";break;case 3:switch(a){case 102:case 112:return p.current.insert(r[0]+t),"";default:return t+(0===l?"/*|*/":"")}case-2:t.split("/*|*/}").forEach(d)}},m=function(e,t){if(1===e&&108===t.charCodeAt(0)&&98===t.charCodeAt(2))return""},v="undefined"!=typeof document,y=/\/\*\|\*\//g,g={},_=v?void 0:r(function(){var e=r(function(){return{}}),t={},n={};return function(r){return void 0===r||!0===r?t:!1===r?n:e(r)}}),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",E=/[A-Z]|^ms/g,N=/_EMO_([^_]+?)_([^]*?)_EMO_/g,w=function(e){return 45===e.charCodeAt(1)},x=function(e){return null!=e&&"boolean"!=typeof e},k=i(function(e){return w(e)?e:e.replace(E,"-$&").toLowerCase()}),O=function(e,t){switch(e){default:break;case"animation":case"animationName":if("string"==typeof t)return t.replace(N,function(e,t,r){return h={name:t,styles:r,next:h},t})}return 1===o[e]||w(e)||"number"!=typeof t||0===t?t:t+"px"};if("production"!==process.env.NODE_ENV){var C=/(attr|calc|counters?|url)\(/,S=["normal","none","counter","open-quote","close-quote","no-open-quote","no-close-quote","initial","inherit","unset"],A=O,P=/^-ms-/,D=/-(.)/g,j={};O=function(e,t){"content"===e&&("string"!=typeof t||-1===S.indexOf(t)&&!C.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=A(e,t);return""===r||w(e)||-1===e.indexOf("-")||void 0!==j[e]||(j[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(P,"ms-").replace(D,function(e,t){return t.toUpperCase()})+"?")),r}}function T(e,t,r,n){if(null==r)return"";if(void 0!==r.__lights_styles){var o=r.toString();if("NO_COMPONENT_SELECTOR"===o&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with pretty-lights/babel.");return o}switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return h={name:r.name,styles:r.styles,next:h},r.name;if(void 0!==r.styles){var i=r.next;if(void 0!==i)for(;void 0!==i;)h={name:i.name,styles:i.styles,next:h},i=i.next;var s=r.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==r.map&&(s+=r.map),s}return function(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o+=1)n+=T(e,t,r[o],!1);else for(var i in r){var s=r[i];if("object"!=typeof s)null!=t&&void 0!==t[s]?n+=i+"{"+t[s]+"}":x(s)&&(n+=k(i)+":"+O(i,s)+";");else{if("NO_COMPONENT_SELECTOR"===i&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with pretty-lights/babel.");if(!Array.isArray(s)||"string"!=typeof s[0]||null!=t&&void 0!==t[s[0]]){var a=T(e,t,s,!1);switch(i){case"animation":case"animationName":n+=k(i)+":"+a+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===i&&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+=i+"{"+a+"}"}}else for(var c=0;c<s.length;c+=1)x(s[c])&&(n+=k(i)+":"+O(i,s[c])+";")}}return n}(e,t,r);case"function":if(void 0!==e){var a=h,c=r(e);return h=a,T(e,t,c,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 l=[],u=r.replace(N,function(e,t,r){var n="animation"+l.length;return l.push("const "+n+" = keyframes`"+r.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+n+"}"});l.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(l,["`"+u+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+u+"`")}}if(null==t)return r;var p=t[r];return!1===n&&void 0!==p?p:r}var V,q=/label:\s*([^\s;\n{]+)\s*;/g;function R(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o=!0,i="";h=void 0;var s,a=e[0];null==a||void 0===a.raw?(o=!1,i+=T(r,t,a,!1)):("production"!==process.env.NODE_ENV&&void 0===a[0]&&console.error(b),i+=a[0]);for(var c=1;c<e.length;c+=1)i+=T(r,t,e[c],46===i.charCodeAt(i.length-1)),o&&("production"!==process.env.NODE_ENV&&void 0===a[c]&&console.error(b),i+=a[c]);"production"!==process.env.NODE_ENV&&(i=i.replace(V,function(e){return s=e,""})),q.lastIndex=0;for(var l,u="";null!==(l=q.exec(i));)u+="-"+l[1];return{name:n(i)+u,styles:i,map:s,next:h}}"production"!==process.env.NODE_ENV&&(V=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);var z="undefined"!=typeof document;function I(e,t,r){var n="";return r.split(" ").forEach(function(r){void 0!==e[r]?t.push(e[r]):r&&(n+=r+" ")}),n}var G=function(e,t){var r=e.key+"-"+t.name;if(void 0===e.registered[r]&&(e.registered[r]=t.styles),void 0===e.inserted[t.name]){var n="",o=t;do{var i=e.insert("."+r,o,e.sheet,!0);z||void 0===i||(n+=i),o=o.next}while(void 0!==o);if(!z&&0!==n.length)return n}};function L(e,t){if(void 0===e.inserted[t.name])return e.insert("",t,e.sheet,!0)}function Y(e,t,r){var n=[],o=I(e,n,r);return n.length<2?r:o+t(n)}var M=function e(t){for(var r="",n=0;n<t.length;n+=1){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&&(r&&(r+=" "),r+=i)}}return r};function U(){return(U=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var F=a.createContext({}),$="undefined"!=typeof document,H=c,W=function(e){return"theme"!==e&&"innerRef"!==e},B=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?H:W},J=r(function(e){return r(function(t){return function(e,t){if("function"==typeof t){var r=t(e);if("production"!==process.env.NODE_ENV&&(null==r||"object"!=typeof r||Array.isArray(r)))throw new Error("[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!");return r}if("production"!==process.env.NODE_ENV&&(null==t||"object"!=typeof t||Array.isArray(t)))throw new Error("[ThemeProvider] Please make your theme prop a plain object");return U({},e,t)}(e,t)})}),Z=function(e){return s.createElement(F.Consumer,null,function(t){return e.theme!==t&&(t=J(t)(e.theme)),s.createElement(F.Provider,{value:t},e.children)})};function K(e,t,r){var n,o=t.theme&&t.theme[e];return"function"==typeof(n="function"==typeof o?o(r):r[o]?r[o]:r.none)?n(t):n}function Q(e,t){return function(r){return K(e,r,t)}}Z.displayName="ThemeProvider",Q.variants=function(e,t,r){return function(n){var o=n[t]&&r[n[t]];return o&&K(e,n,o)}};var X=function(e,r){if(void 0!==e.__SECRET_LIGHTS__)return e.__SECRET_LIGHTS__;var n=function(e){void 0===e&&(e={});var r,n,o=e.key||"css";if("production"!==process.env.NODE_ENV&&/[^a-z-]/.test(o))throw new Error('Pretty Lights key must only contain lower case alphabetical characters and - but "'+o+'" was passed');void 0!==e.prefix&&(n={prefix:e.prefix});var i,s,a=new t(n),c={};if(v){i=e.container||document.head;var l="data-lights-"+o,d=document.querySelectorAll("style["+l+"]");Array.prototype.forEach.call(d,function(e){(e.getAttribute(l)||"").split(" ").forEach(function(e){c[e]=!0}),e.parentNode!==i&&i.appendChild(e)})}if(v)a.use(e.stylisPlugins)(f),s=function(e,t,n,o){if(p.current=n,"production"!==process.env.NODE_ENV&&void 0!==t.map){var i=t.map;p.current={insert:function(e){n.insert(e+i)}}}if(void 0===r.inserted[t.name]){var s=a(e,t.styles);o&&(r.inserted[t.name]=s.replace(y,""))}};else{a.use(m);var h=g;(e.stylisPlugins||void 0!==e.prefix)&&(a.use(e.stylisPlugins),h=_(e.stylisPlugins||g)(e.prefix)),s=function(e,t,n,o){if(void 0===r.inserted[t.name]){var i=function(e,t){var r=t.name;return void 0===h[r]&&(h[r]=a(e,t.styles)),h[r]}(e,t);if(!o)return i;r.inserted[t.name]=i}}}if("production"!==process.env.NODE_ENV){var b=/\/\*/g,E=/\*\//g;a.use(function(e,t){switch(e){default:break;case-1:for(;b.test(t);){if(E.lastIndex=b.lastIndex,!E.test(t))throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');b.lastIndex=E.lastIndex}b.lastIndex=0}})}return r={key:o,sheet:new u({key:o,container:i,nonce:e.nonce,speedy:e.speedy}),nonce:e.nonce,inserted:c,registered:{},insert:s}}(void 0);n.sheet.speedy=function(e){if("production"!==process.env.NODE_ENV&&0!==this.ctr)throw new Error("speedy must be changed before any rules are inserted");this.isSpeedy=e},n.compat=!0;var o=function(){var e=R([].slice.call(arguments),n.registered),t=n.key+"-"+e.name;return G(n,e),t},i={css:o,cx:function(){return Y(n.registered,o,M([].slice.call(arguments)))},injectGlobal:function(){var e=R([].slice.call(arguments),n.registered);L(n,e)},keyframes:function(){var e=R([].slice.call(arguments),n.registered),t="animation-"+e.name;return L(n,{name:e.name,styles:"@keyframes "+t+"{"+e.styles+"}"}),t},hydrate:function(e){e.forEach(function(e){n.inserted[e]=!0})},flush:function(){n.registered={},n.inserted={},n.sheet.flush()},sheet:n.sheet,cache:n,getRegisteredStyles:I,merge:Y.bind(null,n.registered,o)};return e.__SECRET_LIGHTS__=i,i}("undefined"!=typeof global?global:{}),ee=function(e){var t=function(e){var t,r;function n(){return e.apply(this,arguments)||this}r=e,(t=n).prototype=Object.create(r.prototype),t.prototype.constructor=t,t.__proto__=r;var o=n.prototype;return o.componentDidMount=function(){this.sheet=new u({key:this.props.cache.key+"-global",nonce:this.props.cache.sheet.nonce,container:this.props.cache.sheet.container});var e=document.querySelector("style[data-emotion-"+this.props.cache.key+'="'+this.props.serialized.name+'"]');null!==e&&this.sheet.tags.push(e),this.props.cache.sheet.tags.length&&(this.sheet.before=this.props.cache.sheet.tags[0]),this.insertStyles()},o.componentDidUpdate=function(e){e.serialized.name!==this.props.serialized.name&&this.insertStyles()},o.insertStyles=function(){void 0!==this.props.serialized.next&&G(this.props.cache,this.props.serialized.next),this.sheet.tags.length&&(this.sheet.before=this.sheet.tags[this.sheet.tags.length-1].nextElementSibling,this.sheet.flush()),this.props.cache.insert("",this.props.serialized,this.sheet,!1)},o.componentWillUnmount=function(){this.sheet.flush()},o.render=function(){if(!$){for(var e=this.props.serialized,t=e.name,r=e.styles,n=e.next;void 0!==n;)t+=" "+n.name,r+=n.styles,n=n.next;this.props.cache.insert("",{name:t,styles:r},this.sheet,!0)}return null},n}(s.Component);return t.displayName="InnerGlobal",function(r){var n=r.styles;if("function"==typeof n)return s.createElement(F.Consumer,null,function(r){var o=R([n(r)],e.cache.registered);return s.createElement(t,{serialized:o,cache:e.cache})});var o=R([n],e.cache.registered);return s.createElement(t,{serialized:o,cache:e.cache})}}(X),te=function(e){return function t(r,n){if("production"!==process.env.NODE_ENV&&void 0===r)throw new Error("You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.");var o,i,a;void 0!==n&&(o=n.label,a=n.target,i=r.__lights_forwardProp&&n.shouldForwardProp?function(e){return r.__lights_forwardProp(e)&&n.shouldForwardProp(e)}:n.shouldForwardProp);var c=r.__lights_real===r,l=c&&r.__lights_base||r;"function"!=typeof i&&c&&(i=r.__lights_forwardProp);var u=i||B(l),p=!u("as");return function(){var d=[].slice.call(arguments),h=c&&void 0!==r.__lights_styles?r.__lights_styles.slice(0):[];if(void 0!==o&&h.push("label:"+o+";"),null==d[0]||void 0===d[0].raw)h.push.apply(h,d);else{"production"!==process.env.NODE_ENV&&void 0===d[0][0]&&console.error(b),h.push(d[0][0]);for(var f=d.length,m=1;m<f;m+=1)"production"!==process.env.NODE_ENV&&void 0===d[0][m]&&console.error(b),h.push(d[m],d[0][m])}var v=function(t){return s.createElement(F.Consumer,null,function(r){var n=p&&t.as||l,o="",c=[],d=t;if(null==t.theme){for(var f in d={},t)d[f]=t[f];d.theme=r}"string"==typeof t.className?o=I(e.cache.registered,c,t.className):null!=t.className&&(o=t.className+" ");var m=R(h.concat(c),e.cache.registered,d);G(e.cache,m),o+=e.cache.key+"-"+m.name,void 0!==a&&(o+=" "+a);var v=p&&void 0===i?B(n):u,y={};for(var g in t)p&&"as"===g||v(g)&&(y[g]=t[g]);return y.className=o,y.ref=t.innerRef,s.createElement(n,y)})};return v.displayName=void 0!==o?o:"Styled("+("string"==typeof l?l:l.displayName||l.name||"Component")+")",void 0!==r.defaultProps&&(v.defaultProps=r.defaultProps),v.__lights_styles=h,v.__lights_base=l,v.__lights_real=v,v.__lights_forwardProp=i,Object.defineProperty(v,"toString",{value:function(){return void 0===a&&"production"!==process.env.NODE_ENV?"NO_COMPONENT_SELECTOR":"."+a}}),v.withComponent=function(e,r){return t(e,void 0!==r?U({},n||{},r):n).apply(void 0,h)},v}}}(X).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){te[e]=te(e)});var re=X.flush,ne=X.hydrate,oe=X.cx,ie=X.merge,se=X.getRegisteredStyles,ae=X.injectGlobal,ce=X.keyframes,le=X.css,ue=X.sheet,pe=X.cache;exports.Global=ee,exports.ThemeContext=F,exports.ThemeProvider=Z,exports.cache=pe,exports.css=le,exports.cx=oe,exports.flush=re,exports.getRegisteredStyles=se,exports.hydrate=ne,exports.injectGlobal=ae,exports.keyframes=ce,exports.merge=ie,exports.sheet=ue,exports.styled=te,exports.themeFn=Q,exports.useTheme=function(){return a.useContext(F)},exports.withTheme=function(e){var t=e.displayName||e.name||"Component",r=s.forwardRef(function(t,r){return s.createElement(F.Consumer,null,function(n){return s.createElement(e,U({theme:n,ref:r},t))})});return r.displayName="WithTheme("+t+")",l(r,e)};
+function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var t=e(require("@emotion/stylis")),r=e(require("@emotion/weak-memoize")),n=e(require("@emotion/hash")),o=e(require("@emotion/unitless")),s=e(require("@emotion/memoize")),i=require("react"),a=e(i),c=e(require("@emotion/is-prop-valid")),l=e(require("hoist-non-react-statics")),u=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=function(e){var t=document.createElement("style");return t.setAttribute("data-lights",e.key||""),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}(this);this.container.insertBefore(t,0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling),this.tags.push(t)}var r=this.tags[this.tags.length-1];if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t+=1)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(r);try{var o=105===e.charCodeAt(1)&&64===e.charCodeAt(0);n.insertRule(e,o?0:n.cssRules.length)}catch(t){"production"!==process.env.NODE_ENV&&console.warn('There was a problem inserting the following rule: "'+e+'"',t)}}else r.appendChild(document.createTextNode(e));this.ctr+=1},t.flush=function(){this.tags.forEach(function(e){return e.parentNode.removeChild(e)}),this.tags=[],this.ctr=0},e}(),p={current:null};function d(e){e&&p.current.insert(e+"}")}var h,f=function(e,t,r,n,o,s,i,a,c,l){switch(e){default:break;case 1:switch(t.charCodeAt(0)){default:break;case 64:return p.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===a)return t+"/*|*/";break;case 3:switch(a){case 102:case 112:return p.current.insert(r[0]+t),"";default:return t+(0===l?"/*|*/":"")}case-2:t.split("/*|*/}").forEach(d)}},m=function(e,t){if(1===e&&108===t.charCodeAt(0)&&98===t.charCodeAt(2))return""},v="undefined"!=typeof document,y=/\/\*\|\*\//g,g={},b=v?void 0:r(function(){var e=r(function(){return{}}),t={},n={};return function(r){return void 0===r||!0===r?t:!1===r?n:e(r)}}),_="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",E=/[A-Z]|^ms/g,N=/_EMO_([^_]+?)_([^]*?)_EMO_/g,w=function(e){return 45===e.charCodeAt(1)},x=function(e){return null!=e&&"boolean"!=typeof e},k=s(function(e){return w(e)?e:e.replace(E,"-$&").toLowerCase()}),O=function(e,t){switch(e){default:break;case"animation":case"animationName":if("string"==typeof t)return t.replace(N,function(e,t,r){return h={name:t,styles:r,next:h},t})}return 1===o[e]||w(e)||"number"!=typeof t||0===t?t:t+"px"};if("production"!==process.env.NODE_ENV){var C=/(attr|calc|counters?|url)\(/,S=["normal","none","counter","open-quote","close-quote","no-open-quote","no-close-quote","initial","inherit","unset"],A=O,P=/^-ms-/,D=/-(.)/g,j={};O=function(e,t){"content"===e&&("string"!=typeof t||-1===S.indexOf(t)&&!C.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=A(e,t);return""===r||w(e)||-1===e.indexOf("-")||void 0!==j[e]||(j[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(P,"ms-").replace(D,function(e,t){return t.toUpperCase()})+"?")),r}}function T(e,t,r,n){if(null==r)return"";if(void 0!==r.__lights_styles){var o=r.toString();if("NO_COMPONENT_SELECTOR"===o&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with pretty-lights/babel.");return o}switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return h={name:r.name,styles:r.styles,next:h},r.name;if(void 0!==r.styles){var s=r.next;if(void 0!==s)for(;void 0!==s;)h={name:s.name,styles:s.styles,next:h},s=s.next;var i=r.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==r.map&&(i+=r.map),i}return function(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o+=1)n+=T(e,t,r[o],!1);else for(var s in r){var i=r[s];if("object"!=typeof i)null!=t&&void 0!==t[i]?n+=s+"{"+t[i]+"}":x(i)&&(n+=k(s)+":"+O(s,i)+";");else{if("NO_COMPONENT_SELECTOR"===s&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with pretty-lights/babel.");if(!Array.isArray(i)||"string"!=typeof i[0]||null!=t&&void 0!==t[i[0]]){var a=T(e,t,i,!1);switch(s){case"animation":case"animationName":n+=k(s)+":"+a+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===s&&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+=s+"{"+a+"}"}}else for(var c=0;c<i.length;c+=1)x(i[c])&&(n+=k(s)+":"+O(s,i[c])+";")}}return n}(e,t,r);case"function":if(void 0!==e){var a=h,c=r(e);return h=a,T(e,t,c,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 l=[],u=r.replace(N,function(e,t,r){var n="animation"+l.length;return l.push("const "+n+" = keyframes`"+r.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+n+"}"});l.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(l,["`"+u+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+u+"`")}}if(null==t)return r;var p=t[r];return!1===n&&void 0!==p?p:r}var V,q=/label:\s*([^\s;\n{]+)\s*;/g;function R(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o=!0,s="";h=void 0;var i,a=e[0];null==a||void 0===a.raw?(o=!1,s+=T(r,t,a,!1)):("production"!==process.env.NODE_ENV&&void 0===a[0]&&console.error(_),s+=a[0]);for(var c=1;c<e.length;c+=1)s+=T(r,t,e[c],46===s.charCodeAt(s.length-1)),o&&("production"!==process.env.NODE_ENV&&void 0===a[c]&&console.error(_),s+=a[c]);"production"!==process.env.NODE_ENV&&(s=s.replace(V,function(e){return i=e,""})),q.lastIndex=0;for(var l,u="";null!==(l=q.exec(s));)u+="-"+l[1];return{name:n(s)+u,styles:s,map:i,next:h}}"production"!==process.env.NODE_ENV&&(V=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);var z="undefined"!=typeof document;function I(e,t,r){var n="";return r.split(" ").forEach(function(r){void 0!==e[r]?t.push(e[r]):r&&(n+=r+" ")}),n}var G=function(e,t){var r=e.key+"-"+t.name;if(void 0===e.registered[r]&&(e.registered[r]=t.styles),void 0===e.inserted[t.name]){var n="",o=t;do{var s=e.insert("."+r,o,e.sheet,!0);z||void 0===s||(n+=s),o=o.next}while(void 0!==o);if(!z&&0!==n.length)return n}};function L(e,t,r){if(void 0===e.inserted[t.name])return e.insert("",t,e.sheet,!0,r)}function Y(e,t,r){var n=[],o=I(e,n,r);return n.length<2?r:o+t(n)}var M=function e(t){for(var r="",n=0;n<t.length;n+=1){var o=t[n];if(null!=o){var s=void 0;switch(typeof o){case"boolean":break;case"object":if(Array.isArray(o))s=e(o);else for(var i in s="",o)o[i]&&i&&(s&&(s+=" "),s+=i);break;default:s=o}s&&(r&&(r+=" "),r+=s)}}return r};function U(){return(U=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var F=a.createContext({}),$="undefined"!=typeof document,H=c,W=function(e){return"theme"!==e&&"innerRef"!==e},B=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?H:W},J=r(function(e){return r(function(t){return function(e,t){if("function"==typeof t){var r=t(e);if("production"!==process.env.NODE_ENV&&(null==r||"object"!=typeof r||Array.isArray(r)))throw new Error("[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!");return r}if("production"!==process.env.NODE_ENV&&(null==t||"object"!=typeof t||Array.isArray(t)))throw new Error("[ThemeProvider] Please make your theme prop a plain object");return U({},e,t)}(e,t)})}),Z=function(e){return i.createElement(F.Consumer,null,function(t){return e.theme!==t&&(t=J(t)(e.theme)),i.createElement(F.Provider,{value:t},e.children)})};function K(e,t,r){var n,o=t.theme&&t.theme[e];return"function"==typeof(n="function"==typeof o?o(r):r[o]?r[o]:r.none)?n(t):n}function Q(e,t){return function(r){return K(e,r,t)}}Z.displayName="ThemeProvider",Q.variants=function(e,t,r){return function(n){var o=n[t]&&r[n[t]];return o&&K(e,n,o)}};var X=function(e,r){if(void 0!==e.__SECRET_LIGHTS__)return e.__SECRET_LIGHTS__;var n=function(e){void 0===e&&(e={});var r,n,o=e.key||"css";if("production"!==process.env.NODE_ENV&&/[^a-z-]/.test(o))throw new Error('Pretty Lights key must only contain lower case alphabetical characters and - but "'+o+'" was passed');void 0!==e.prefix&&(n={prefix:e.prefix});var s,i,a=new t(n),c={};if(v){s=e.container||document.head;var l="data-lights-"+o,d=document.querySelectorAll("style["+l+"]");Array.prototype.forEach.call(d,function(e){(e.getAttribute(l)||"").split(" ").forEach(function(e){c[e]=!0}),e.parentNode!==s&&s.appendChild(e)})}if(v)a.use(e.stylisPlugins)(f),i=function(e,t,n,o,s){if(p.current=n,"production"!==process.env.NODE_ENV&&void 0!==t.map){var i=t.map;p.current={insert:function(e){n.insert(e+i)}}}if(void 0===r.inserted[t.name]){var c=a(e,t.styles);o&&(r.inserted[t.name]=c.replace(y,""),""===e&&s&&(r.global[t.name]=!0))}};else{a.use(m);var h=g;(e.stylisPlugins||void 0!==e.prefix)&&(a.use(e.stylisPlugins),h=b(e.stylisPlugins||g)(e.prefix)),i=function(e,t,n,o,s){if(void 0===r.inserted[t.name]){var i=function(e,t){var r=t.name;return void 0===h[r]&&(h[r]=a(e,t.styles)),h[r]}(e,t);if(!o)return i;r.inserted[t.name]=i,""===e&&s&&(r.global[t.name]=!0)}}}if("production"!==process.env.NODE_ENV){var _=/\/\*/g,E=/\*\//g;a.use(function(e,t){switch(e){default:break;case-1:for(;_.test(t);){if(E.lastIndex=_.lastIndex,!E.test(t))throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');_.lastIndex=E.lastIndex}_.lastIndex=0}})}return r={key:o,sheet:new u({key:o,container:s,nonce:e.nonce,speedy:e.speedy}),nonce:e.nonce,inserted:c,registered:{},global:{},insert:i}}(void 0);n.sheet.speedy=function(e){if("production"!==process.env.NODE_ENV&&0!==this.ctr)throw new Error("speedy must be changed before any rules are inserted");this.isSpeedy=e},n.compat=!0;var o=function(){var e=R([].slice.call(arguments),n.registered),t=n.key+"-"+e.name;return G(n,e),t},s={css:o,cx:function(){return Y(n.registered,o,M([].slice.call(arguments)))},injectGlobal:function(){var e=R([].slice.call(arguments),n.registered);L(n,e,!0)},keyframes:function(){var e=R([].slice.call(arguments),n.registered),t="animation-"+e.name;return L(n,{name:e.name,styles:"@keyframes "+t+"{"+e.styles+"}"}),t},hydrate:function(e){e.forEach(function(e){n.inserted[e]=!0})},flush:function(){n.registered={},n.inserted={},n.global={},n.sheet.flush()},sheet:n.sheet,cache:n,getRegisteredStyles:I,merge:Y.bind(null,n.registered,o)};return e.__SECRET_LIGHTS__=s,s}("undefined"!=typeof global?global:{}),ee=function(e){var t=function(e){var t,r;function n(){return e.apply(this,arguments)||this}r=e,(t=n).prototype=Object.create(r.prototype),t.prototype.constructor=t,t.__proto__=r;var o=n.prototype;return o.componentDidMount=function(){this.sheet=new u({key:this.props.cache.key+"-global",nonce:this.props.cache.sheet.nonce,container:this.props.cache.sheet.container});var e=document.querySelector("style[data-lights-"+this.props.cache.key+'="'+this.props.serialized.name+'"]');null!==e&&this.sheet.tags.push(e),this.props.cache.sheet.tags.length&&(this.sheet.before=this.props.cache.sheet.tags[0]),this.insertStyles()},o.componentDidUpdate=function(e){e.serialized.name!==this.props.serialized.name&&this.insertStyles()},o.insertStyles=function(){void 0!==this.props.serialized.next&&G(this.props.cache,this.props.serialized.next),this.sheet.tags.length&&(this.sheet.before=this.sheet.tags[this.sheet.tags.length-1].nextElementSibling,this.sheet.flush()),this.props.cache.insert("",this.props.serialized,this.sheet,!1)},o.componentWillUnmount=function(){this.sheet.flush()},o.render=function(){if(!$){for(var e,t=this.props.serialized,r=t.name,n=t.styles,o=t.next;void 0!==o;)r+=" "+o.name,n+=o.styles,o=o.next;this.props.cache.insert("",{name:r,styles:n},this.sheet,!0);var s=((e={})["data-global-"+this.props.cache.key]=r,e);return i.createElement("style",s)}return null},n}(i.Component);return t.displayName="InnerGlobal",function(r){var n=r.styles;if("function"==typeof n)return i.createElement(F.Consumer,null,function(r){var o=R([n(r)],e.cache.registered);return i.createElement(t,{serialized:o,cache:e.cache})});var o=R([n],e.cache.registered);return i.createElement(t,{serialized:o,cache:e.cache})}}(X),te=function(e){return function t(r,n){if("production"!==process.env.NODE_ENV&&void 0===r)throw new Error("You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.");var o,s,a;void 0!==n&&(o=n.label,a=n.target,s=r.__lights_forwardProp&&n.shouldForwardProp?function(e){return r.__lights_forwardProp(e)&&n.shouldForwardProp(e)}:n.shouldForwardProp);var c=r.__lights_real===r,l=c&&r.__lights_base||r;"function"!=typeof s&&c&&(s=r.__lights_forwardProp);var u=s||B(l),p=!u("as");return function(){var d=[].slice.call(arguments),h=c&&void 0!==r.__lights_styles?r.__lights_styles.slice(0):[];if(void 0!==o&&h.push("label:"+o+";"),null==d[0]||void 0===d[0].raw)h.push.apply(h,d);else{"production"!==process.env.NODE_ENV&&void 0===d[0][0]&&console.error(_),h.push(d[0][0]);for(var f=d.length,m=1;m<f;m+=1)"production"!==process.env.NODE_ENV&&void 0===d[0][m]&&console.error(_),h.push(d[m],d[0][m])}var v=function(t){return i.createElement(F.Consumer,null,function(r){var n=p&&t.as||l,o="",c=[],d=t;if(null==t.theme){for(var f in d={},t)d[f]=t[f];d.theme=r}"string"==typeof t.className?o=I(e.cache.registered,c,t.className):null!=t.className&&(o=t.className+" ");var m=R(h.concat(c),e.cache.registered,d);G(e.cache,m),o+=e.cache.key+"-"+m.name,void 0!==a&&(o+=" "+a);var v=p&&void 0===s?B(n):u,y={};for(var g in t)p&&"as"===g||v(g)&&(y[g]=t[g]);return y.className=o,y.ref=t.innerRef,i.createElement(n,y)})};return v.displayName=void 0!==o?o:"Styled("+("string"==typeof l?l:l.displayName||l.name||"Component")+")",void 0!==r.defaultProps&&(v.defaultProps=r.defaultProps),v.__lights_styles=h,v.__lights_base=l,v.__lights_real=v,v.__lights_forwardProp=s,Object.defineProperty(v,"toString",{value:function(){return void 0===a&&"production"!==process.env.NODE_ENV?"NO_COMPONENT_SELECTOR":"."+a}}),v.withComponent=function(e,r){return t(e,void 0!==r?U({},n||{},r):n).apply(void 0,h)},v}}}(X).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){te[e]=te(e)});var re=X.flush,ne=X.hydrate,oe=X.cx,se=X.merge,ie=X.getRegisteredStyles,ae=X.injectGlobal,ce=X.keyframes,le=X.css,ue=X.sheet,pe=X.cache;exports.Global=ee,exports.ThemeContext=F,exports.ThemeProvider=Z,exports.cache=pe,exports.css=le,exports.cx=oe,exports.flush=re,exports.getRegisteredStyles=ie,exports.hydrate=ne,exports.injectGlobal=ae,exports.keyframes=ce,exports.merge=se,exports.sheet=ue,exports.styled=te,exports.themeFn=Q,exports.useTheme=function(){return a.useContext(F)},exports.withTheme=function(e){var t=e.displayName||e.name||"Component",r=i.forwardRef(function(t,r){return i.createElement(F.Consumer,null,function(n){return i.createElement(e,U({theme:n,ref:r},t))})});return r.displayName="WithTheme("+t+")",l(r,e)};
 //# sourceMappingURL=pretty-lights.js.map

lib/pretty-lights.modern.js

@@ -1,2 +0,2 @@
-import e from"@emotion/stylis";import t from"@emotion/weak-memoize";import r from"@emotion/hash";import n from"@emotion/unitless";import o from"@emotion/memoize";import i,{createElement as s,Component as a,forwardRef as c}from"react";import l from"@emotion/is-prop-valid";import u from"hoist-non-react-statics";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=function(e){var t=document.createElement("style");return t.setAttribute("data-lights",e.key||""),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}(this);this.container.insertBefore(t,0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling),this.tags.push(t)}var r=this.tags[this.tags.length-1];if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t+=1)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(r);try{var o=105===e.charCodeAt(1)&&64===e.charCodeAt(0);n.insertRule(e,o?0:n.cssRules.length)}catch(t){"production"!==process.env.NODE_ENV&&console.warn('There was a problem inserting the following rule: "'+e+'"',t)}}else r.appendChild(document.createTextNode(e));this.ctr+=1},t.flush=function(){this.tags.forEach(function(e){return e.parentNode.removeChild(e)}),this.tags=[],this.ctr=0},e}(),d={current:null};function h(e){e&&d.current.insert(e+"}")}var f,m=function(e,t,r,n,o,i,s,a,c,l){switch(e){default:break;case 1:switch(t.charCodeAt(0)){default:break;case 64:return d.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===a)return t+"/*|*/";break;case 3:switch(a){case 102:case 112:return d.current.insert(r[0]+t),"";default:return t+(0===l?"/*|*/":"")}case-2:t.split("/*|*/}").forEach(h)}},v=function(e,t){if(1===e&&108===t.charCodeAt(0)&&98===t.charCodeAt(2))return""},y="undefined"!=typeof document,g=/\/\*\|\*\//g,_={},b=y?void 0:t(function(){var e=t(function(){return{}}),r={},n={};return function(t){return void 0===t||!0===t?r:!1===t?n:e(t)}}),E="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",N=/[A-Z]|^ms/g,w=/_EMO_([^_]+?)_([^]*?)_EMO_/g,k=function(e){return 45===e.charCodeAt(1)},O=function(e){return null!=e&&"boolean"!=typeof e},x=o(function(e){return k(e)?e:e.replace(N,"-$&").toLowerCase()}),S=function(e,t){switch(e){default:break;case"animation":case"animationName":if("string"==typeof t)return t.replace(w,function(e,t,r){return f={name:t,styles:r,next:f},t})}return 1===n[e]||k(e)||"number"!=typeof t||0===t?t:t+"px"};if("production"!==process.env.NODE_ENV){var C=/(attr|calc|counters?|url)\(/,A=["normal","none","counter","open-quote","close-quote","no-open-quote","no-close-quote","initial","inherit","unset"],P=S,D=/^-ms-/,V=/-(.)/g,j={};S=function(e,t){"content"===e&&("string"!=typeof t||-1===A.indexOf(t)&&!C.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=P(e,t);return""===r||k(e)||-1===e.indexOf("-")||void 0!==j[e]||(j[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(D,"ms-").replace(V,function(e,t){return t.toUpperCase()})+"?")),r}}function T(e,t,r,n){if(null==r)return"";if(void 0!==r.__lights_styles){var o=r.toString();if("NO_COMPONENT_SELECTOR"===o&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with pretty-lights/babel.");return o}switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return f={name:r.name,styles:r.styles,next:f},r.name;if(void 0!==r.styles){var i=r.next;if(void 0!==i)for(;void 0!==i;)f={name:i.name,styles:i.styles,next:f},i=i.next;var s=r.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==r.map&&(s+=r.map),s}return function(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o+=1)n+=T(e,t,r[o],!1);else for(var i in r){var s=r[i];if("object"!=typeof s)null!=t&&void 0!==t[s]?n+=i+"{"+t[s]+"}":O(s)&&(n+=x(i)+":"+S(i,s)+";");else{if("NO_COMPONENT_SELECTOR"===i&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with pretty-lights/babel.");if(!Array.isArray(s)||"string"!=typeof s[0]||null!=t&&void 0!==t[s[0]]){var a=T(e,t,s,!1);switch(i){case"animation":case"animationName":n+=x(i)+":"+a+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===i&&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+=i+"{"+a+"}"}}else for(var c=0;c<s.length;c+=1)O(s[c])&&(n+=x(i)+":"+S(i,s[c])+";")}}return n}(e,t,r);case"function":if(void 0!==e){var a=f,c=r(e);return f=a,T(e,t,c,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 l=[],u=r.replace(w,function(e,t,r){var n="animation"+l.length;return l.push("const "+n+" = keyframes`"+r.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+n+"}"});l.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(l,["`"+u+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+u+"`")}}if(null==t)return r;var p=t[r];return!1===n&&void 0!==p?p:r}var R,z=/label:\s*([^\s;\n{]+)\s*;/g;function I(e,t,n){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o=!0,i="";f=void 0;var s,a=e[0];null==a||void 0===a.raw?(o=!1,i+=T(n,t,a,!1)):("production"!==process.env.NODE_ENV&&void 0===a[0]&&console.error(E),i+=a[0]);for(var c=1;c<e.length;c+=1)i+=T(n,t,e[c],46===i.charCodeAt(i.length-1)),o&&("production"!==process.env.NODE_ENV&&void 0===a[c]&&console.error(E),i+=a[c]);"production"!==process.env.NODE_ENV&&(i=i.replace(R,function(e){return s=e,""})),z.lastIndex=0;for(var l,u="";null!==(l=z.exec(i));)u+="-"+l[1];return{name:r(i)+u,styles:i,map:s,next:f}}"production"!==process.env.NODE_ENV&&(R=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);var q="undefined"!=typeof document;function L(e,t,r){var n="";return r.split(" ").forEach(function(r){void 0!==e[r]?t.push(e[r]):r&&(n+=r+" ")}),n}var G=function(e,t){var r=e.key+"-"+t.name;if(void 0===e.registered[r]&&(e.registered[r]=t.styles),void 0===e.inserted[t.name]){var n="",o=t;do{var i=e.insert("."+r,o,e.sheet,!0);q||void 0===i||(n+=i),o=o.next}while(void 0!==o);if(!q&&0!==n.length)return n}};function Y(e,t){if(void 0===e.inserted[t.name])return e.insert("",t,e.sheet,!0)}function M(e,t,r){var n=[],o=L(e,n,r);return n.length<2?r:o+t(n)}var U=function e(t){for(var r="",n=0;n<t.length;n+=1){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&&(r&&(r+=" "),r+=i)}}return r};function F(){return(F=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var $=i.createContext({}),H="undefined"!=typeof document,W=l,B=function(e){return"theme"!==e&&"innerRef"!==e},J=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?W:B},Z=t(function(e){return t(function(t){return function(e,t){if("function"==typeof t){var r=t(e);if("production"!==process.env.NODE_ENV&&(null==r||"object"!=typeof r||Array.isArray(r)))throw new Error("[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!");return r}if("production"!==process.env.NODE_ENV&&(null==t||"object"!=typeof t||Array.isArray(t)))throw new Error("[ThemeProvider] Please make your theme prop a plain object");return F({},e,t)}(e,t)})}),K=function(e){return s($.Consumer,null,function(t){return e.theme!==t&&(t=Z(t)(e.theme)),s($.Provider,{value:t},e.children)})};function Q(e){var t=e.displayName||e.name||"Component",r=c(function(t,r){return s($.Consumer,null,function(n){return s(e,F({theme:n,ref:r},t))})});return r.displayName="WithTheme("+t+")",u(r,e)}function X(){return i.useContext($)}function ee(e,t,r){var n,o=t.theme&&t.theme[e];return"function"==typeof(n="function"==typeof o?o(r):r[o]?r[o]:r.none)?n(t):n}function te(e,t){return function(r){return ee(e,r,t)}}K.displayName="ThemeProvider",te.variants=function(e,t,r){return function(n){var o=n[t]&&r[n[t]];return o&&ee(e,n,o)}};var re=function(t,r){if(void 0!==t.__SECRET_LIGHTS__)return t.__SECRET_LIGHTS__;var n=function(t){void 0===t&&(t={});var r,n,o=t.key||"css";if("production"!==process.env.NODE_ENV&&/[^a-z-]/.test(o))throw new Error('Pretty Lights key must only contain lower case alphabetical characters and - but "'+o+'" was passed');void 0!==t.prefix&&(n={prefix:t.prefix});var i,s,a=new e(n),c={};if(y){i=t.container||document.head;var l="data-lights-"+o,u=document.querySelectorAll("style["+l+"]");Array.prototype.forEach.call(u,function(e){(e.getAttribute(l)||"").split(" ").forEach(function(e){c[e]=!0}),e.parentNode!==i&&i.appendChild(e)})}if(y)a.use(t.stylisPlugins)(m),s=function(e,t,n,o){if(d.current=n,"production"!==process.env.NODE_ENV&&void 0!==t.map){var i=t.map;d.current={insert:function(e){n.insert(e+i)}}}if(void 0===r.inserted[t.name]){var s=a(e,t.styles);o&&(r.inserted[t.name]=s.replace(g,""))}};else{a.use(v);var h=_;(t.stylisPlugins||void 0!==t.prefix)&&(a.use(t.stylisPlugins),h=b(t.stylisPlugins||_)(t.prefix)),s=function(e,t,n,o){if(void 0===r.inserted[t.name]){var i=function(e,t){var r=t.name;return void 0===h[r]&&(h[r]=a(e,t.styles)),h[r]}(e,t);if(!o)return i;r.inserted[t.name]=i}}}if("production"!==process.env.NODE_ENV){var f=/\/\*/g,E=/\*\//g;a.use(function(e,t){switch(e){default:break;case-1:for(;f.test(t);){if(E.lastIndex=f.lastIndex,!E.test(t))throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');f.lastIndex=E.lastIndex}f.lastIndex=0}})}return r={key:o,sheet:new p({key:o,container:i,nonce:t.nonce,speedy:t.speedy}),nonce:t.nonce,inserted:c,registered:{},insert:s}}(void 0);n.sheet.speedy=function(e){if("production"!==process.env.NODE_ENV&&0!==this.ctr)throw new Error("speedy must be changed before any rules are inserted");this.isSpeedy=e},n.compat=!0;var o=function(){var e=I([].slice.call(arguments),n.registered),t=n.key+"-"+e.name;return G(n,e),t},i={css:o,cx:function(){return M(n.registered,o,U([].slice.call(arguments)))},injectGlobal:function(){var e=I([].slice.call(arguments),n.registered);Y(n,e)},keyframes:function(){var e=I([].slice.call(arguments),n.registered),t="animation-"+e.name;return Y(n,{name:e.name,styles:"@keyframes "+t+"{"+e.styles+"}"}),t},hydrate:function(e){e.forEach(function(e){n.inserted[e]=!0})},flush:function(){n.registered={},n.inserted={},n.sheet.flush()},sheet:n.sheet,cache:n,getRegisteredStyles:L,merge:M.bind(null,n.registered,o)};return t.__SECRET_LIGHTS__=i,i}("undefined"!=typeof global?global:{}),ne=function(e){var t=function(e){var t,r;function n(){return e.apply(this,arguments)||this}r=e,(t=n).prototype=Object.create(r.prototype),t.prototype.constructor=t,t.__proto__=r;var o=n.prototype;return o.componentDidMount=function(){this.sheet=new p({key:this.props.cache.key+"-global",nonce:this.props.cache.sheet.nonce,container:this.props.cache.sheet.container});var e=document.querySelector("style[data-emotion-"+this.props.cache.key+'="'+this.props.serialized.name+'"]');null!==e&&this.sheet.tags.push(e),this.props.cache.sheet.tags.length&&(this.sheet.before=this.props.cache.sheet.tags[0]),this.insertStyles()},o.componentDidUpdate=function(e){e.serialized.name!==this.props.serialized.name&&this.insertStyles()},o.insertStyles=function(){void 0!==this.props.serialized.next&&G(this.props.cache,this.props.serialized.next),this.sheet.tags.length&&(this.sheet.before=this.sheet.tags[this.sheet.tags.length-1].nextElementSibling,this.sheet.flush()),this.props.cache.insert("",this.props.serialized,this.sheet,!1)},o.componentWillUnmount=function(){this.sheet.flush()},o.render=function(){if(!H){for(var e=this.props.serialized,t=e.name,r=e.styles,n=e.next;void 0!==n;)t+=" "+n.name,r+=n.styles,n=n.next;this.props.cache.insert("",{name:t,styles:r},this.sheet,!0)}return null},n}(a);return t.displayName="InnerGlobal",function(r){var n=r.styles;if("function"==typeof n)return s($.Consumer,null,function(r){var o=I([n(r)],e.cache.registered);return s(t,{serialized:o,cache:e.cache})});var o=I([n],e.cache.registered);return s(t,{serialized:o,cache:e.cache})}}(re),oe=function(e){return function t(r,n){if("production"!==process.env.NODE_ENV&&void 0===r)throw new Error("You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.");var o,i,a;void 0!==n&&(o=n.label,a=n.target,i=r.__lights_forwardProp&&n.shouldForwardProp?function(e){return r.__lights_forwardProp(e)&&n.shouldForwardProp(e)}:n.shouldForwardProp);var c=r.__lights_real===r,l=c&&r.__lights_base||r;"function"!=typeof i&&c&&(i=r.__lights_forwardProp);var u=i||J(l),p=!u("as");return function(){var d=[].slice.call(arguments),h=c&&void 0!==r.__lights_styles?r.__lights_styles.slice(0):[];if(void 0!==o&&h.push("label:"+o+";"),null==d[0]||void 0===d[0].raw)h.push.apply(h,d);else{"production"!==process.env.NODE_ENV&&void 0===d[0][0]&&console.error(E),h.push(d[0][0]);for(var f=d.length,m=1;m<f;m+=1)"production"!==process.env.NODE_ENV&&void 0===d[0][m]&&console.error(E),h.push(d[m],d[0][m])}var v=function(t){return s($.Consumer,null,function(r){var n=p&&t.as||l,o="",c=[],d=t;if(null==t.theme){for(var f in d={},t)d[f]=t[f];d.theme=r}"string"==typeof t.className?o=L(e.cache.registered,c,t.className):null!=t.className&&(o=t.className+" ");var m=I(h.concat(c),e.cache.registered,d);G(e.cache,m),o+=e.cache.key+"-"+m.name,void 0!==a&&(o+=" "+a);var v=p&&void 0===i?J(n):u,y={};for(var g in t)p&&"as"===g||v(g)&&(y[g]=t[g]);return y.className=o,y.ref=t.innerRef,s(n,y)})};return v.displayName=void 0!==o?o:"Styled("+("string"==typeof l?l:l.displayName||l.name||"Component")+")",void 0!==r.defaultProps&&(v.defaultProps=r.defaultProps),v.__lights_styles=h,v.__lights_base=l,v.__lights_real=v,v.__lights_forwardProp=i,Object.defineProperty(v,"toString",{value:function(){return void 0===a&&"production"!==process.env.NODE_ENV?"NO_COMPONENT_SELECTOR":"."+a}}),v.withComponent=function(e,r){return t(e,void 0!==r?F({},n||{},r):n).apply(void 0,h)},v}}}(re).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){oe[e]=oe(e)});var ie=re.flush,se=re.hydrate,ae=re.cx,ce=re.merge,le=re.getRegisteredStyles,ue=re.injectGlobal,pe=re.keyframes,de=re.css,he=re.sheet,fe=re.cache;export{ne as Global,$ as ThemeContext,K as ThemeProvider,fe as cache,de as css,ae as cx,ie as flush,le as getRegisteredStyles,se as hydrate,ue as injectGlobal,pe as keyframes,ce as merge,he as sheet,oe as styled,te as themeFn,X as useTheme,Q as withTheme};
+import e from"@emotion/stylis";import t from"@emotion/weak-memoize";import r from"@emotion/hash";import n from"@emotion/unitless";import o from"@emotion/memoize";import i,{createElement as s,Component as a,forwardRef as c}from"react";import l from"@emotion/is-prop-valid";import u from"hoist-non-react-statics";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=function(e){var t=document.createElement("style");return t.setAttribute("data-lights",e.key||""),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}(this);this.container.insertBefore(t,0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling),this.tags.push(t)}var r=this.tags[this.tags.length-1];if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t+=1)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(r);try{var o=105===e.charCodeAt(1)&&64===e.charCodeAt(0);n.insertRule(e,o?0:n.cssRules.length)}catch(t){"production"!==process.env.NODE_ENV&&console.warn('There was a problem inserting the following rule: "'+e+'"',t)}}else r.appendChild(document.createTextNode(e));this.ctr+=1},t.flush=function(){this.tags.forEach(function(e){return e.parentNode.removeChild(e)}),this.tags=[],this.ctr=0},e}(),d={current:null};function h(e){e&&d.current.insert(e+"}")}var f,m=function(e,t,r,n,o,i,s,a,c,l){switch(e){default:break;case 1:switch(t.charCodeAt(0)){default:break;case 64:return d.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===a)return t+"/*|*/";break;case 3:switch(a){case 102:case 112:return d.current.insert(r[0]+t),"";default:return t+(0===l?"/*|*/":"")}case-2:t.split("/*|*/}").forEach(h)}},v=function(e,t){if(1===e&&108===t.charCodeAt(0)&&98===t.charCodeAt(2))return""},y="undefined"!=typeof document,g=/\/\*\|\*\//g,b={},_=y?void 0:t(function(){var e=t(function(){return{}}),r={},n={};return function(t){return void 0===t||!0===t?r:!1===t?n:e(t)}}),E="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",N=/[A-Z]|^ms/g,w=/_EMO_([^_]+?)_([^]*?)_EMO_/g,k=function(e){return 45===e.charCodeAt(1)},O=function(e){return null!=e&&"boolean"!=typeof e},x=o(function(e){return k(e)?e:e.replace(N,"-$&").toLowerCase()}),S=function(e,t){switch(e){default:break;case"animation":case"animationName":if("string"==typeof t)return t.replace(w,function(e,t,r){return f={name:t,styles:r,next:f},t})}return 1===n[e]||k(e)||"number"!=typeof t||0===t?t:t+"px"};if("production"!==process.env.NODE_ENV){var C=/(attr|calc|counters?|url)\(/,A=["normal","none","counter","open-quote","close-quote","no-open-quote","no-close-quote","initial","inherit","unset"],P=S,D=/^-ms-/,V=/-(.)/g,j={};S=function(e,t){"content"===e&&("string"!=typeof t||-1===A.indexOf(t)&&!C.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=P(e,t);return""===r||k(e)||-1===e.indexOf("-")||void 0!==j[e]||(j[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(D,"ms-").replace(V,function(e,t){return t.toUpperCase()})+"?")),r}}function T(e,t,r,n){if(null==r)return"";if(void 0!==r.__lights_styles){var o=r.toString();if("NO_COMPONENT_SELECTOR"===o&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with pretty-lights/babel.");return o}switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return f={name:r.name,styles:r.styles,next:f},r.name;if(void 0!==r.styles){var i=r.next;if(void 0!==i)for(;void 0!==i;)f={name:i.name,styles:i.styles,next:f},i=i.next;var s=r.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==r.map&&(s+=r.map),s}return function(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o+=1)n+=T(e,t,r[o],!1);else for(var i in r){var s=r[i];if("object"!=typeof s)null!=t&&void 0!==t[s]?n+=i+"{"+t[s]+"}":O(s)&&(n+=x(i)+":"+S(i,s)+";");else{if("NO_COMPONENT_SELECTOR"===i&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with pretty-lights/babel.");if(!Array.isArray(s)||"string"!=typeof s[0]||null!=t&&void 0!==t[s[0]]){var a=T(e,t,s,!1);switch(i){case"animation":case"animationName":n+=x(i)+":"+a+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===i&&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+=i+"{"+a+"}"}}else for(var c=0;c<s.length;c+=1)O(s[c])&&(n+=x(i)+":"+S(i,s[c])+";")}}return n}(e,t,r);case"function":if(void 0!==e){var a=f,c=r(e);return f=a,T(e,t,c,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 l=[],u=r.replace(w,function(e,t,r){var n="animation"+l.length;return l.push("const "+n+" = keyframes`"+r.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+n+"}"});l.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(l,["`"+u+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+u+"`")}}if(null==t)return r;var p=t[r];return!1===n&&void 0!==p?p:r}var R,z=/label:\s*([^\s;\n{]+)\s*;/g;function I(e,t,n){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o=!0,i="";f=void 0;var s,a=e[0];null==a||void 0===a.raw?(o=!1,i+=T(n,t,a,!1)):("production"!==process.env.NODE_ENV&&void 0===a[0]&&console.error(E),i+=a[0]);for(var c=1;c<e.length;c+=1)i+=T(n,t,e[c],46===i.charCodeAt(i.length-1)),o&&("production"!==process.env.NODE_ENV&&void 0===a[c]&&console.error(E),i+=a[c]);"production"!==process.env.NODE_ENV&&(i=i.replace(R,function(e){return s=e,""})),z.lastIndex=0;for(var l,u="";null!==(l=z.exec(i));)u+="-"+l[1];return{name:r(i)+u,styles:i,map:s,next:f}}"production"!==process.env.NODE_ENV&&(R=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);var q="undefined"!=typeof document;function L(e,t,r){var n="";return r.split(" ").forEach(function(r){void 0!==e[r]?t.push(e[r]):r&&(n+=r+" ")}),n}var G=function(e,t){var r=e.key+"-"+t.name;if(void 0===e.registered[r]&&(e.registered[r]=t.styles),void 0===e.inserted[t.name]){var n="",o=t;do{var i=e.insert("."+r,o,e.sheet,!0);q||void 0===i||(n+=i),o=o.next}while(void 0!==o);if(!q&&0!==n.length)return n}};function Y(e,t,r){if(void 0===e.inserted[t.name])return e.insert("",t,e.sheet,!0,r)}function M(e,t,r){var n=[],o=L(e,n,r);return n.length<2?r:o+t(n)}var U=function e(t){for(var r="",n=0;n<t.length;n+=1){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&&(r&&(r+=" "),r+=i)}}return r};function F(){return(F=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var $=i.createContext({}),H="undefined"!=typeof document,W=l,B=function(e){return"theme"!==e&&"innerRef"!==e},J=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?W:B},Z=t(function(e){return t(function(t){return function(e,t){if("function"==typeof t){var r=t(e);if("production"!==process.env.NODE_ENV&&(null==r||"object"!=typeof r||Array.isArray(r)))throw new Error("[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!");return r}if("production"!==process.env.NODE_ENV&&(null==t||"object"!=typeof t||Array.isArray(t)))throw new Error("[ThemeProvider] Please make your theme prop a plain object");return F({},e,t)}(e,t)})}),K=function(e){return s($.Consumer,null,function(t){return e.theme!==t&&(t=Z(t)(e.theme)),s($.Provider,{value:t},e.children)})};function Q(e){var t=e.displayName||e.name||"Component",r=c(function(t,r){return s($.Consumer,null,function(n){return s(e,F({theme:n,ref:r},t))})});return r.displayName="WithTheme("+t+")",u(r,e)}function X(){return i.useContext($)}function ee(e,t,r){var n,o=t.theme&&t.theme[e];return"function"==typeof(n="function"==typeof o?o(r):r[o]?r[o]:r.none)?n(t):n}function te(e,t){return function(r){return ee(e,r,t)}}K.displayName="ThemeProvider",te.variants=function(e,t,r){return function(n){var o=n[t]&&r[n[t]];return o&&ee(e,n,o)}};var re=function(t,r){if(void 0!==t.__SECRET_LIGHTS__)return t.__SECRET_LIGHTS__;var n=function(t){void 0===t&&(t={});var r,n,o=t.key||"css";if("production"!==process.env.NODE_ENV&&/[^a-z-]/.test(o))throw new Error('Pretty Lights key must only contain lower case alphabetical characters and - but "'+o+'" was passed');void 0!==t.prefix&&(n={prefix:t.prefix});var i,s,a=new e(n),c={};if(y){i=t.container||document.head;var l="data-lights-"+o,u=document.querySelectorAll("style["+l+"]");Array.prototype.forEach.call(u,function(e){(e.getAttribute(l)||"").split(" ").forEach(function(e){c[e]=!0}),e.parentNode!==i&&i.appendChild(e)})}if(y)a.use(t.stylisPlugins)(m),s=function(e,t,n,o,i){if(d.current=n,"production"!==process.env.NODE_ENV&&void 0!==t.map){var s=t.map;d.current={insert:function(e){n.insert(e+s)}}}if(void 0===r.inserted[t.name]){var c=a(e,t.styles);o&&(r.inserted[t.name]=c.replace(g,""),""===e&&i&&(r.global[t.name]=!0))}};else{a.use(v);var h=b;(t.stylisPlugins||void 0!==t.prefix)&&(a.use(t.stylisPlugins),h=_(t.stylisPlugins||b)(t.prefix)),s=function(e,t,n,o,i){if(void 0===r.inserted[t.name]){var s=function(e,t){var r=t.name;return void 0===h[r]&&(h[r]=a(e,t.styles)),h[r]}(e,t);if(!o)return s;r.inserted[t.name]=s,""===e&&i&&(r.global[t.name]=!0)}}}if("production"!==process.env.NODE_ENV){var f=/\/\*/g,E=/\*\//g;a.use(function(e,t){switch(e){default:break;case-1:for(;f.test(t);){if(E.lastIndex=f.lastIndex,!E.test(t))throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');f.lastIndex=E.lastIndex}f.lastIndex=0}})}return r={key:o,sheet:new p({key:o,container:i,nonce:t.nonce,speedy:t.speedy}),nonce:t.nonce,inserted:c,registered:{},global:{},insert:s}}(void 0);n.sheet.speedy=function(e){if("production"!==process.env.NODE_ENV&&0!==this.ctr)throw new Error("speedy must be changed before any rules are inserted");this.isSpeedy=e},n.compat=!0;var o=function(){var e=I([].slice.call(arguments),n.registered),t=n.key+"-"+e.name;return G(n,e),t},i={css:o,cx:function(){return M(n.registered,o,U([].slice.call(arguments)))},injectGlobal:function(){var e=I([].slice.call(arguments),n.registered);Y(n,e,!0)},keyframes:function(){var e=I([].slice.call(arguments),n.registered),t="animation-"+e.name;return Y(n,{name:e.name,styles:"@keyframes "+t+"{"+e.styles+"}"}),t},hydrate:function(e){e.forEach(function(e){n.inserted[e]=!0})},flush:function(){n.registered={},n.inserted={},n.global={},n.sheet.flush()},sheet:n.sheet,cache:n,getRegisteredStyles:L,merge:M.bind(null,n.registered,o)};return t.__SECRET_LIGHTS__=i,i}("undefined"!=typeof global?global:{}),ne=function(e){var t=function(e){var t,r;function n(){return e.apply(this,arguments)||this}r=e,(t=n).prototype=Object.create(r.prototype),t.prototype.constructor=t,t.__proto__=r;var o=n.prototype;return o.componentDidMount=function(){this.sheet=new p({key:this.props.cache.key+"-global",nonce:this.props.cache.sheet.nonce,container:this.props.cache.sheet.container});var e=document.querySelector("style[data-lights-"+this.props.cache.key+'="'+this.props.serialized.name+'"]');null!==e&&this.sheet.tags.push(e),this.props.cache.sheet.tags.length&&(this.sheet.before=this.props.cache.sheet.tags[0]),this.insertStyles()},o.componentDidUpdate=function(e){e.serialized.name!==this.props.serialized.name&&this.insertStyles()},o.insertStyles=function(){void 0!==this.props.serialized.next&&G(this.props.cache,this.props.serialized.next),this.sheet.tags.length&&(this.sheet.before=this.sheet.tags[this.sheet.tags.length-1].nextElementSibling,this.sheet.flush()),this.props.cache.insert("",this.props.serialized,this.sheet,!1)},o.componentWillUnmount=function(){this.sheet.flush()},o.render=function(){if(!H){for(var e,t=this.props.serialized,r=t.name,n=t.styles,o=t.next;void 0!==o;)r+=" "+o.name,n+=o.styles,o=o.next;this.props.cache.insert("",{name:r,styles:n},this.sheet,!0);var i=((e={})["data-global-"+this.props.cache.key]=r,e);return s("style",i)}return null},n}(a);return t.displayName="InnerGlobal",function(r){var n=r.styles;if("function"==typeof n)return s($.Consumer,null,function(r){var o=I([n(r)],e.cache.registered);return s(t,{serialized:o,cache:e.cache})});var o=I([n],e.cache.registered);return s(t,{serialized:o,cache:e.cache})}}(re),oe=function(e){return function t(r,n){if("production"!==process.env.NODE_ENV&&void 0===r)throw new Error("You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.");var o,i,a;void 0!==n&&(o=n.label,a=n.target,i=r.__lights_forwardProp&&n.shouldForwardProp?function(e){return r.__lights_forwardProp(e)&&n.shouldForwardProp(e)}:n.shouldForwardProp);var c=r.__lights_real===r,l=c&&r.__lights_base||r;"function"!=typeof i&&c&&(i=r.__lights_forwardProp);var u=i||J(l),p=!u("as");return function(){var d=[].slice.call(arguments),h=c&&void 0!==r.__lights_styles?r.__lights_styles.slice(0):[];if(void 0!==o&&h.push("label:"+o+";"),null==d[0]||void 0===d[0].raw)h.push.apply(h,d);else{"production"!==process.env.NODE_ENV&&void 0===d[0][0]&&console.error(E),h.push(d[0][0]);for(var f=d.length,m=1;m<f;m+=1)"production"!==process.env.NODE_ENV&&void 0===d[0][m]&&console.error(E),h.push(d[m],d[0][m])}var v=function(t){return s($.Consumer,null,function(r){var n=p&&t.as||l,o="",c=[],d=t;if(null==t.theme){for(var f in d={},t)d[f]=t[f];d.theme=r}"string"==typeof t.className?o=L(e.cache.registered,c,t.className):null!=t.className&&(o=t.className+" ");var m=I(h.concat(c),e.cache.registered,d);G(e.cache,m),o+=e.cache.key+"-"+m.name,void 0!==a&&(o+=" "+a);var v=p&&void 0===i?J(n):u,y={};for(var g in t)p&&"as"===g||v(g)&&(y[g]=t[g]);return y.className=o,y.ref=t.innerRef,s(n,y)})};return v.displayName=void 0!==o?o:"Styled("+("string"==typeof l?l:l.displayName||l.name||"Component")+")",void 0!==r.defaultProps&&(v.defaultProps=r.defaultProps),v.__lights_styles=h,v.__lights_base=l,v.__lights_real=v,v.__lights_forwardProp=i,Object.defineProperty(v,"toString",{value:function(){return void 0===a&&"production"!==process.env.NODE_ENV?"NO_COMPONENT_SELECTOR":"."+a}}),v.withComponent=function(e,r){return t(e,void 0!==r?F({},n||{},r):n).apply(void 0,h)},v}}}(re).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){oe[e]=oe(e)});var ie=re.flush,se=re.hydrate,ae=re.cx,ce=re.merge,le=re.getRegisteredStyles,ue=re.injectGlobal,pe=re.keyframes,de=re.css,he=re.sheet,fe=re.cache;export{ne as Global,$ as ThemeContext,K as ThemeProvider,fe as cache,de as css,ae as cx,ie as flush,le as getRegisteredStyles,se as hydrate,ue as injectGlobal,pe as keyframes,ce as merge,he as sheet,oe as styled,te as themeFn,X as useTheme,Q as withTheme};
 //# sourceMappingURL=pretty-lights.modern.js.map

package.json

 {
   "name": "pretty-lights",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "CSS-in-JS with a reliable API",
@@ -5,0 +5,0 @@ "main": "lib/pretty-lights.js",

server/extract-critical.js

@@ -8,6 +8,39 @@ "use strict";
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var getMatches = function getMatches(regEx, html) {
+  var ids = {};
+  var match; // eslint-disable-next-line no-cond-assign
+
+  while ((match = regEx.exec(html)) !== null) {
+    // $FlowFixMe
+    if (ids[match[1]] === undefined) {
+      if (match[1].indexOf(' ') > 0) {
+        console.log('space', match[1]);
+        match[1].split(' ').forEach(function (id) {
+          ids[id] = true;
+        });
+      } else {
+        // $FlowFixMe
+        ids[match[1]] = true;
+      }
+    }
+  }
+
+  return ids;
+};
+
 var createExtractCritical = function createExtractCritical(cache) {
   return function (html) {
-    // parse out ids from html
+    // parse out globals from <Global />
+    var GLOBAL_RGX = new RegExp("data-global-".concat(cache.key, "=\"([a-zA-Z0-9-_ ]+)\""), 'gm');
+    var GLOBAL_STYLE_TAG = new RegExp("<style data-global-".concat(cache.key, "=\"[^\"]+\"[^>]*></style>"), 'gm'); // parse out animation ids from css
+
+    var ANIM_RGX = new RegExp("animation-([a-zA-Z0-9-_]+)", 'gm'); // parse out ids from html
     // reconstruct css/rules/cache to pass
+
     var RGX = new RegExp("".concat(cache.key, "-([a-zA-Z0-9-_]+)"), 'gm');
@@ -19,15 +52,12 @@ var o = {
     };
-    var match;
-    var ids = {}; // eslint-disable-next-line no-cond-assign
 
-    while ((match = RGX.exec(html)) !== null) {
-      // $FlowFixMe
-      if (ids[match[1]] === undefined) {
-        // $FlowFixMe
-        ids[match[1]] = true;
-      }
-    }
+    var ids = _objectSpread(_objectSpread({}, getMatches(GLOBAL_RGX, html)), getMatches(RGX, html));
 
-    o.ids = Object.keys(cache.inserted).filter(function (id) {
-      if ((ids[id] !== undefined || cache.registered["".concat(cache.key, "-").concat(id)] === undefined) && cache.inserted[id] !== true) {
+    o.ids = o.ids.concat( // add global styles to the front
+    Object.keys(cache.global).map(function (id) {
+      o.css += cache.inserted[id];
+      return id;
+    }), // add styles matching selectors
+    Object.keys(cache.inserted).filter(function (id) {
+      if (ids[id] !== undefined && cache.global[id] === undefined && cache.inserted[id] !== true) {
         o.css += cache.inserted[id];
@@ -38,3 +68,13 @@ return true;
       return false;
-    });
+    })); // include identified keyframe animations at the top
+
+    var animIds = getMatches(ANIM_RGX, o.css);
+    var animCss = '';
+    o.ids = o.ids.concat(Object.keys(animIds).map(function (id) {
+      animCss += cache.inserted[id];
+      return id;
+    }));
+    o.css = animCss + o.css; // remove global component style placeholders
+
+    o.html = o.html.replace(GLOBAL_STYLE_TAG, '');
     return o;
@@ -41,0 +81,0 @@ };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

230243

increased by1.85%

Lines of code

1119

increased by3.13%

No dependency changes