package.jsx-runtime.dist.emotion-react-jsx-runtime.umd.min.js.map Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of react Show documentation
Show all versions of react Show documentation
> Simple styling in React.
The newest version!
{"version":3,"file":"emotion-react-jsx-runtime.umd.min.js","sources":["../../../sheet/src/index.ts","../../../../node_modules/stylis/src/Enum.js","../../../../node_modules/stylis/src/Utility.js","../../../../node_modules/stylis/src/Tokenizer.js","../../../../node_modules/stylis/src/Parser.js","../../../../node_modules/stylis/src/Serializer.js","../../../memoize/src/index.ts","../../../cache/src/stylis-plugins.js","../../../cache/src/prefixer.js","../../../cache/src/index.js","../../../../node_modules/stylis/src/Middleware.js","../../src/context.js","../../src/theming.js","../../../utils/src/index.ts","../../src/utils.js","../../../unitless/src/index.ts","../../../serialize/src/conditions/false.ts","../../../serialize/src/index.ts","../../../use-insertion-effect-with-fallbacks/src/index.js","../../src/emotion-element.js","../../../hash/src/index.ts","../../src/jsx-runtime.js"],"sourcesContent":["import isDevelopment from '#is-development'\n/*\n\nBased off glamor's StyleSheet, thanks Sunil ❤️\n\nhigh performance StyleSheet for css-in-js systems\n\n- uses multiple style tags behind the scenes for millions of rules\n- uses `insertRule` for appending in production for *much* faster performance\n\n// usage\n\nimport { StyleSheet } from '@emotion/sheet'\n\nlet styleSheet = new StyleSheet({ key: '', container: document.head })\n\nstyleSheet.insert('#box { border: 1px solid red; }')\n- appends a css rule into the stylesheet\n\nstyleSheet.flush()\n- empties the stylesheet of all its contents\n\n*/\n\nfunction sheetForTag(tag: HTMLStyleElement): CSSStyleSheet {\n if (tag.sheet) {\n return tag.sheet\n }\n\n // this weirdness brought to you by firefox\n /* istanbul ignore next */\n for (let i = 0; i < document.styleSheets.length; i++) {\n if (document.styleSheets[i].ownerNode === tag) {\n return document.styleSheets[i]\n }\n }\n\n // this function should always return with a value\n // TS can't understand it though so we make it stop complaining here\n return undefined as any\n}\n\nexport type Options = {\n nonce?: string\n key: string\n container: Node\n speedy?: boolean\n prepend?: boolean\n insertionPoint?: HTMLElement\n}\n\nfunction createStyleElement(options: Options): HTMLStyleElement {\n let tag = document.createElement('style')\n tag.setAttribute('data-emotion', options.key)\n if (options.nonce !== undefined) {\n tag.setAttribute('nonce', options.nonce)\n }\n tag.appendChild(document.createTextNode(''))\n tag.setAttribute('data-s', '')\n return tag\n}\n\nexport class StyleSheet {\n isSpeedy: boolean\n ctr: number\n tags: HTMLStyleElement[]\n // Using Node instead of HTMLElement since container may be a ShadowRoot\n container: Node\n key: string\n nonce: string | undefined\n prepend: boolean | undefined\n before: Element | null\n insertionPoint: HTMLElement | undefined\n\n private _alreadyInsertedOrderInsensitiveRule: boolean | undefined\n\n constructor(options: Options) {\n this.isSpeedy =\n options.speedy === undefined ? !isDevelopment : options.speedy\n this.tags = []\n this.ctr = 0\n this.nonce = options.nonce\n // key is the value of the data-emotion attribute, it's used to identify different sheets\n this.key = options.key\n this.container = options.container\n this.prepend = options.prepend\n this.insertionPoint = options.insertionPoint\n this.before = null\n }\n\n private _insertTag = (tag: HTMLStyleElement): void => {\n let before\n if (this.tags.length === 0) {\n if (this.insertionPoint) {\n before = this.insertionPoint.nextSibling\n } else if (this.prepend) {\n before = this.container.firstChild\n } else {\n before = this.before\n }\n } else {\n before = this.tags[this.tags.length - 1].nextSibling\n }\n this.container.insertBefore(tag, before)\n this.tags.push(tag)\n }\n\n hydrate(nodes: HTMLStyleElement[]): void {\n nodes.forEach(this._insertTag)\n }\n\n insert(rule: string): void {\n // the max length is how many rules we have per style tag, it's 65000 in speedy mode\n // it's 1 in dev because we insert source maps that map a single rule to a location\n // and you can only have one source map per style tag\n if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {\n this._insertTag(createStyleElement(this))\n }\n const tag = this.tags[this.tags.length - 1]\n\n if (isDevelopment) {\n const isImportRule =\n rule.charCodeAt(0) === 64 && rule.charCodeAt(1) === 105\n\n if (isImportRule && this._alreadyInsertedOrderInsensitiveRule) {\n // this would only cause problem in speedy mode\n // but we don't want enabling speedy to affect the observable behavior\n // so we report this error at all times\n console.error(\n `You're attempting to insert the following rule:\\n` +\n rule +\n '\\n\\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules.'\n )\n }\n\n this._alreadyInsertedOrderInsensitiveRule =\n this._alreadyInsertedOrderInsensitiveRule || !isImportRule\n }\n\n if (this.isSpeedy) {\n const sheet = sheetForTag(tag)\n try {\n // this is the ultrafast version, works across browsers\n // the big drawback is that the css won't be editable in devtools\n sheet.insertRule(rule, sheet.cssRules.length)\n } catch (e) {\n if (\n isDevelopment &&\n !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(\n rule\n )\n ) {\n console.error(\n `There was a problem inserting the following rule: \"${rule}\"`,\n e\n )\n }\n }\n } else {\n tag.appendChild(document.createTextNode(rule))\n }\n this.ctr++\n }\n\n flush(): void {\n this.tags.forEach(tag => tag.parentNode?.removeChild(tag))\n this.tags = []\n this.ctr = 0\n if (isDevelopment) {\n this._alreadyInsertedOrderInsensitiveRule = false\n }\n }\n}\n","export var MS = '-ms-'\nexport var MOZ = '-moz-'\nexport var WEBKIT = '-webkit-'\n\nexport var COMMENT = 'comm'\nexport var RULESET = 'rule'\nexport var DECLARATION = 'decl'\n\nexport var PAGE = '@page'\nexport var MEDIA = '@media'\nexport var IMPORT = '@import'\nexport var CHARSET = '@charset'\nexport var VIEWPORT = '@viewport'\nexport var SUPPORTS = '@supports'\nexport var DOCUMENT = '@document'\nexport var NAMESPACE = '@namespace'\nexport var KEYFRAMES = '@keyframes'\nexport var FONT_FACE = '@font-face'\nexport var COUNTER_STYLE = '@counter-style'\nexport var FONT_FEATURE_VALUES = '@font-feature-values'\nexport var LAYER = '@layer'\n","/**\n * @param {number}\n * @return {number}\n */\nexport var abs = Math.abs\n\n/**\n * @param {number}\n * @return {string}\n */\nexport var from = String.fromCharCode\n\n/**\n * @param {object}\n * @return {object}\n */\nexport var assign = Object.assign\n\n/**\n * @param {string} value\n * @param {number} length\n * @return {number}\n */\nexport function hash (value, length) {\n\treturn charat(value, 0) ^ 45 ? (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3) : 0\n}\n\n/**\n * @param {string} value\n * @return {string}\n */\nexport function trim (value) {\n\treturn value.trim()\n}\n\n/**\n * @param {string} value\n * @param {RegExp} pattern\n * @return {string?}\n */\nexport function match (value, pattern) {\n\treturn (value = pattern.exec(value)) ? value[0] : value\n}\n\n/**\n * @param {string} value\n * @param {(string|RegExp)} pattern\n * @param {string} replacement\n * @return {string}\n */\nexport function replace (value, pattern, replacement) {\n\treturn value.replace(pattern, replacement)\n}\n\n/**\n * @param {string} value\n * @param {string} search\n * @return {number}\n */\nexport function indexof (value, search) {\n\treturn value.indexOf(search)\n}\n\n/**\n * @param {string} value\n * @param {number} index\n * @return {number}\n */\nexport function charat (value, index) {\n\treturn value.charCodeAt(index) | 0\n}\n\n/**\n * @param {string} value\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function substr (value, begin, end) {\n\treturn value.slice(begin, end)\n}\n\n/**\n * @param {string} value\n * @return {number}\n */\nexport function strlen (value) {\n\treturn value.length\n}\n\n/**\n * @param {any[]} value\n * @return {number}\n */\nexport function sizeof (value) {\n\treturn value.length\n}\n\n/**\n * @param {any} value\n * @param {any[]} array\n * @return {any}\n */\nexport function append (value, array) {\n\treturn array.push(value), value\n}\n\n/**\n * @param {string[]} array\n * @param {function} callback\n * @return {string}\n */\nexport function combine (array, callback) {\n\treturn array.map(callback).join('')\n}\n","import {from, trim, charat, strlen, substr, append, assign} from './Utility.js'\n\nexport var line = 1\nexport var column = 1\nexport var length = 0\nexport var position = 0\nexport var character = 0\nexport var characters = ''\n\n/**\n * @param {string} value\n * @param {object | null} root\n * @param {object | null} parent\n * @param {string} type\n * @param {string[] | string} props\n * @param {object[] | string} children\n * @param {number} length\n */\nexport function node (value, root, parent, type, props, children, length) {\n\treturn {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: ''}\n}\n\n/**\n * @param {object} root\n * @param {object} props\n * @return {object}\n */\nexport function copy (root, props) {\n\treturn assign(node('', null, null, '', null, null, 0), root, {length: -root.length}, props)\n}\n\n/**\n * @return {number}\n */\nexport function char () {\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function prev () {\n\tcharacter = position > 0 ? charat(characters, --position) : 0\n\n\tif (column--, character === 10)\n\t\tcolumn = 1, line--\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function next () {\n\tcharacter = position < length ? charat(characters, position++) : 0\n\n\tif (column++, character === 10)\n\t\tcolumn = 1, line++\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function peek () {\n\treturn charat(characters, position)\n}\n\n/**\n * @return {number}\n */\nexport function caret () {\n\treturn position\n}\n\n/**\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function slice (begin, end) {\n\treturn substr(characters, begin, end)\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function token (type) {\n\tswitch (type) {\n\t\t// \\0 \\t \\n \\r \\s whitespace token\n\t\tcase 0: case 9: case 10: case 13: case 32:\n\t\t\treturn 5\n\t\t// ! + , / > @ ~ isolate token\n\t\tcase 33: case 43: case 44: case 47: case 62: case 64: case 126:\n\t\t// ; { } breakpoint token\n\t\tcase 59: case 123: case 125:\n\t\t\treturn 4\n\t\t// : accompanied token\n\t\tcase 58:\n\t\t\treturn 3\n\t\t// \" ' ( [ opening delimit token\n\t\tcase 34: case 39: case 40: case 91:\n\t\t\treturn 2\n\t\t// ) ] closing delimit token\n\t\tcase 41: case 93:\n\t\t\treturn 1\n\t}\n\n\treturn 0\n}\n\n/**\n * @param {string} value\n * @return {any[]}\n */\nexport function alloc (value) {\n\treturn line = column = 1, length = strlen(characters = value), position = 0, []\n}\n\n/**\n * @param {any} value\n * @return {any}\n */\nexport function dealloc (value) {\n\treturn characters = '', value\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function delimit (type) {\n\treturn trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))\n}\n\n/**\n * @param {string} value\n * @return {string[]}\n */\nexport function tokenize (value) {\n\treturn dealloc(tokenizer(alloc(value)))\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function whitespace (type) {\n\twhile (character = peek())\n\t\tif (character < 33)\n\t\t\tnext()\n\t\telse\n\t\t\tbreak\n\n\treturn token(type) > 2 || token(character) > 3 ? '' : ' '\n}\n\n/**\n * @param {string[]} children\n * @return {string[]}\n */\nexport function tokenizer (children) {\n\twhile (next())\n\t\tswitch (token(character)) {\n\t\t\tcase 0: append(identifier(position - 1), children)\n\t\t\t\tbreak\n\t\t\tcase 2: append(delimit(character), children)\n\t\t\t\tbreak\n\t\t\tdefault: append(from(character), children)\n\t\t}\n\n\treturn children\n}\n\n/**\n * @param {number} index\n * @param {number} count\n * @return {string}\n */\nexport function escaping (index, count) {\n\twhile (--count && next())\n\t\t// not 0-9 A-F a-f\n\t\tif (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))\n\t\t\tbreak\n\n\treturn slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function delimiter (type) {\n\twhile (next())\n\t\tswitch (character) {\n\t\t\t// ] ) \" '\n\t\t\tcase type:\n\t\t\t\treturn position\n\t\t\t// \" '\n\t\t\tcase 34: case 39:\n\t\t\t\tif (type !== 34 && type !== 39)\n\t\t\t\t\tdelimiter(character)\n\t\t\t\tbreak\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (type === 41)\n\t\t\t\t\tdelimiter(type)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tnext()\n\t\t\t\tbreak\n\t\t}\n\n\treturn position\n}\n\n/**\n * @param {number} type\n * @param {number} index\n * @return {number}\n */\nexport function commenter (type, index) {\n\twhile (next())\n\t\t// //\n\t\tif (type + character === 47 + 10)\n\t\t\tbreak\n\t\t// /*\n\t\telse if (type + character === 42 + 42 && peek() === 47)\n\t\t\tbreak\n\n\treturn '/*' + slice(index, position - 1) + '*' + from(type === 47 ? type : next())\n}\n\n/**\n * @param {number} index\n * @return {string}\n */\nexport function identifier (index) {\n\twhile (!token(peek()))\n\t\tnext()\n\n\treturn slice(index, position)\n}\n","import {COMMENT, RULESET, DECLARATION} from './Enum.js'\nimport {abs, charat, trim, from, sizeof, strlen, substr, append, replace, indexof} from './Utility.js'\nimport {node, char, prev, next, peek, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'\n\n/**\n * @param {string} value\n * @return {object[]}\n */\nexport function compile (value) {\n\treturn dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {string[]} rule\n * @param {string[]} rules\n * @param {string[]} rulesets\n * @param {number[]} pseudo\n * @param {number[]} points\n * @param {string[]} declarations\n * @return {object}\n */\nexport function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {\n\tvar index = 0\n\tvar offset = 0\n\tvar length = pseudo\n\tvar atrule = 0\n\tvar property = 0\n\tvar previous = 0\n\tvar variable = 1\n\tvar scanning = 1\n\tvar ampersand = 1\n\tvar character = 0\n\tvar type = ''\n\tvar props = rules\n\tvar children = rulesets\n\tvar reference = rule\n\tvar characters = type\n\n\twhile (scanning)\n\t\tswitch (previous = character, character = next()) {\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (previous != 108 && charat(characters, length - 1) == 58) {\n\t\t\t\t\tif (indexof(characters += replace(delimit(character), '&', '&\\f'), '&\\f') != -1)\n\t\t\t\t\t\tampersand = -1\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t// \" ' [\n\t\t\tcase 34: case 39: case 91:\n\t\t\t\tcharacters += delimit(character)\n\t\t\t\tbreak\n\t\t\t// \\t \\n \\r \\s\n\t\t\tcase 9: case 10: case 13: case 32:\n\t\t\t\tcharacters += whitespace(previous)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tcharacters += escaping(caret() - 1, 7)\n\t\t\t\tcontinue\n\t\t\t// /\n\t\t\tcase 47:\n\t\t\t\tswitch (peek()) {\n\t\t\t\t\tcase 42: case 47:\n\t\t\t\t\t\tappend(comment(commenter(next(), caret()), root, parent), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tcharacters += '/'\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t// {\n\t\t\tcase 123 * variable:\n\t\t\t\tpoints[index++] = strlen(characters) * ampersand\n\t\t\t// } ; \\0\n\t\t\tcase 125 * variable: case 59: case 0:\n\t\t\t\tswitch (character) {\n\t\t\t\t\t// \\0 }\n\t\t\t\t\tcase 0: case 125: scanning = 0\n\t\t\t\t\t// ;\n\t\t\t\t\tcase 59 + offset: if (ampersand == -1) characters = replace(characters, /\\f/g, '')\n\t\t\t\t\t\tif (property > 0 && (strlen(characters) - length))\n\t\t\t\t\t\t\tappend(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @ ;\n\t\t\t\t\tcase 59: characters += ';'\n\t\t\t\t\t// { rule/at-rule\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tappend(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length), rulesets)\n\n\t\t\t\t\t\tif (character === 123)\n\t\t\t\t\t\t\tif (offset === 0)\n\t\t\t\t\t\t\t\tparse(characters, root, reference, reference, props, rulesets, length, points, children)\n\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\tswitch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {\n\t\t\t\t\t\t\t\t\t// d l m s\n\t\t\t\t\t\t\t\t\tcase 100: case 108: case 109: case 115:\n\t\t\t\t\t\t\t\t\t\tparse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length), children), rules, children, length, points, rule ? props : children)\n\t\t\t\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\t\tparse(characters, reference, reference, reference, [''], children, 0, points, children)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tindex = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo\n\t\t\t\tbreak\n\t\t\t// :\n\t\t\tcase 58:\n\t\t\t\tlength = 1 + strlen(characters), property = previous\n\t\t\tdefault:\n\t\t\t\tif (variable < 1)\n\t\t\t\t\tif (character == 123)\n\t\t\t\t\t\t--variable\n\t\t\t\t\telse if (character == 125 && variable++ == 0 && prev() == 125)\n\t\t\t\t\t\tcontinue\n\n\t\t\t\tswitch (characters += from(character), character * variable) {\n\t\t\t\t\t// &\n\t\t\t\t\tcase 38:\n\t\t\t\t\t\tampersand = offset > 0 ? 1 : (characters += '\\f', -1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// ,\n\t\t\t\t\tcase 44:\n\t\t\t\t\t\tpoints[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @\n\t\t\t\t\tcase 64:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (peek() === 45)\n\t\t\t\t\t\t\tcharacters += delimit(next())\n\n\t\t\t\t\t\tatrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// -\n\t\t\t\t\tcase 45:\n\t\t\t\t\t\tif (previous === 45 && strlen(characters) == 2)\n\t\t\t\t\t\t\tvariable = 0\n\t\t\t\t}\n\t\t}\n\n\treturn rulesets\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} index\n * @param {number} offset\n * @param {string[]} rules\n * @param {number[]} points\n * @param {string} type\n * @param {string[]} props\n * @param {string[]} children\n * @param {number} length\n * @return {object}\n */\nexport function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length) {\n\tvar post = offset - 1\n\tvar rule = offset === 0 ? rules : ['']\n\tvar size = sizeof(rule)\n\n\tfor (var i = 0, j = 0, k = 0; i < index; ++i)\n\t\tfor (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)\n\t\t\tif (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\\f/g, rule[x])))\n\t\t\t\tprops[k++] = z\n\n\treturn node(value, root, parent, offset === 0 ? RULESET : type, props, children, length)\n}\n\n/**\n * @param {number} value\n * @param {object} root\n * @param {object?} parent\n * @return {object}\n */\nexport function comment (value, root, parent) {\n\treturn node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0)\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} length\n * @return {object}\n */\nexport function declaration (value, root, parent, length) {\n\treturn node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length)\n}\n","import {IMPORT, LAYER, COMMENT, RULESET, DECLARATION, KEYFRAMES} from './Enum.js'\nimport {strlen, sizeof} from './Utility.js'\n\n/**\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function serialize (children, callback) {\n\tvar output = ''\n\tvar length = sizeof(children)\n\n\tfor (var i = 0; i < length; i++)\n\t\toutput += callback(children[i], i, children, callback) || ''\n\n\treturn output\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function stringify (element, index, children, callback) {\n\tswitch (element.type) {\n\t\tcase LAYER: if (element.children.length) break\n\t\tcase IMPORT: case DECLARATION: return element.return = element.return || element.value\n\t\tcase COMMENT: return ''\n\t\tcase KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'\n\t\tcase RULESET: element.value = element.props.join(',')\n\t}\n\n\treturn strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''\n}\n","export default function memoize(fn: (arg: string) => V): (arg: string) => V {\n const cache: Record = Object.create(null)\n\n return (arg: string) => {\n if (cache[arg] === undefined) cache[arg] = fn(arg)\n return cache[arg]\n }\n}\n","import {\n compile,\n alloc,\n dealloc,\n next,\n delimit,\n token,\n char,\n from,\n peek,\n position,\n slice\n} from 'stylis'\n\nconst last = arr => (arr.length ? arr[arr.length - 1] : null)\n\n// based on https://github.com/thysultan/stylis.js/blob/e6843c373ebcbbfade25ebcc23f540ed8508da0a/src/Tokenizer.js#L239-L244\nconst identifierWithPointTracking = (begin, points, index) => {\n let previous = 0\n let character = 0\n\n while (true) {\n previous = character\n character = peek()\n\n // &\\f\n if (previous === 38 && character === 12) {\n points[index] = 1\n }\n\n if (token(character)) {\n break\n }\n\n next()\n }\n\n return slice(begin, position)\n}\n\nconst toRules = (parsed, points) => {\n // pretend we've started with a comma\n let index = -1\n let character = 44\n\n do {\n switch (token(character)) {\n case 0:\n // &\\f\n if (character === 38 && peek() === 12) {\n // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings\n // stylis inserts \\f after & to know when & where it should replace this sequence with the context selector\n // and when it should just concatenate the outer and inner selectors\n // it's very unlikely for this sequence to actually appear in a different context, so we just leverage this fact here\n points[index] = 1\n }\n parsed[index] += identifierWithPointTracking(\n position - 1,\n points,\n index\n )\n break\n case 2:\n parsed[index] += delimit(character)\n break\n case 4:\n // comma\n if (character === 44) {\n // colon\n parsed[++index] = peek() === 58 ? '&\\f' : ''\n points[index] = parsed[index].length\n break\n }\n // fallthrough\n default:\n parsed[index] += from(character)\n }\n } while ((character = next()))\n\n return parsed\n}\n\nconst getRules = (value, points) => dealloc(toRules(alloc(value), points))\n\n// WeakSet would be more appropriate, but only WeakMap is supported in IE11\nconst fixedElements = /* #__PURE__ */ new WeakMap()\n\nexport let compat = element => {\n if (\n element.type !== 'rule' ||\n !element.parent ||\n // positive .length indicates that this rule contains pseudo\n // negative .length indicates that this rule has been already prefixed\n element.length < 1\n ) {\n return\n }\n\n let { value, parent } = element\n let isImplicitRule =\n element.column === parent.column && element.line === parent.line\n\n while (parent.type !== 'rule') {\n parent = parent.parent\n if (!parent) return\n }\n\n // short-circuit for the simplest case\n if (\n element.props.length === 1 &&\n value.charCodeAt(0) !== 58 /* colon */ &&\n !fixedElements.get(parent)\n ) {\n return\n }\n\n // if this is an implicitly inserted rule (the one eagerly inserted at the each new nested level)\n // then the props has already been manipulated beforehand as they that array is shared between it and its \"rule parent\"\n if (isImplicitRule) {\n return\n }\n\n fixedElements.set(element, true)\n\n const points = []\n const rules = getRules(value, points)\n const parentRules = parent.props\n\n for (let i = 0, k = 0; i < rules.length; i++) {\n for (let j = 0; j < parentRules.length; j++, k++) {\n element.props[k] = points[i]\n ? rules[i].replace(/&\\f/g, parentRules[j])\n : `${parentRules[j]} ${rules[i]}`\n }\n }\n}\n\nexport let removeLabel = element => {\n if (element.type === 'decl') {\n var value = element.value\n if (\n // charcode for l\n value.charCodeAt(0) === 108 &&\n // charcode for b\n value.charCodeAt(2) === 98\n ) {\n // this ignores label\n element.return = ''\n element.value = ''\n }\n }\n}\n\nconst ignoreFlag =\n 'emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason'\n\nconst isIgnoringComment = element =>\n element.type === 'comm' && element.children.indexOf(ignoreFlag) > -1\n\nexport let createUnsafeSelectorsAlarm = cache => (element, index, children) => {\n if (element.type !== 'rule' || cache.compat) return\n\n const unsafePseudoClasses = element.value.match(\n /(:first|:nth|:nth-last)-child/g\n )\n\n if (unsafePseudoClasses) {\n const isNested = !!element.parent\n // in nested rules comments become children of the \"auto-inserted\" rule and that's always the `element.parent`\n //\n // considering this input:\n // .a {\n // .b /* comm */ {}\n // color: hotpink;\n // }\n // we get output corresponding to this:\n // .a {\n // & {\n // /* comm */\n // color: hotpink;\n // }\n // .b {}\n // }\n const commentContainer = isNested\n ? element.parent.children\n : // global rule at the root level\n children\n\n for (let i = commentContainer.length - 1; i >= 0; i--) {\n const node = commentContainer[i]\n\n if (node.line < element.line) {\n break\n }\n\n // it is quite weird but comments are *usually* put at `column: element.column - 1`\n // so we seek *from the end* for the node that is earlier than the rule's `element` and check that\n // this will also match inputs like this:\n // .a {\n // /* comm */\n // .b {}\n // }\n //\n // but that is fine\n //\n // it would be the easiest to change the placement of the comment to be the first child of the rule:\n // .a {\n // .b { /* comm */ }\n // }\n // with such inputs we wouldn't have to search for the comment at all\n // TODO: consider changing this comment placement in the next major version\n if (node.column < element.column) {\n if (isIgnoringComment(node)) {\n return\n }\n break\n }\n }\n\n unsafePseudoClasses.forEach(unsafePseudoClass => {\n console.error(\n `The pseudo class \"${unsafePseudoClass}\" is potentially unsafe when doing server-side rendering. Try changing it to \"${\n unsafePseudoClass.split('-child')[0]\n }-of-type\".`\n )\n })\n }\n}\n\nlet isImportRule = element =>\n element.type.charCodeAt(1) === 105 && element.type.charCodeAt(0) === 64\n\nconst isPrependedWithRegularRules = (index, children) => {\n for (let i = index - 1; i >= 0; i--) {\n if (!isImportRule(children[i])) {\n return true\n }\n }\n return false\n}\n\n// use this to remove incorrect elements from further processing\n// so they don't get handed to the `sheet` (or anything else)\n// as that could potentially lead to additional logs which in turn could be overhelming to the user\nconst nullifyElement = element => {\n element.type = ''\n element.value = ''\n element.return = ''\n element.children = ''\n element.props = ''\n}\n\nexport let incorrectImportAlarm = (element, index, children) => {\n if (!isImportRule(element)) {\n return\n }\n\n if (element.parent) {\n console.error(\n \"`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.\"\n )\n nullifyElement(element)\n } else if (isPrependedWithRegularRules(index, children)) {\n console.error(\n \"`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.\"\n )\n nullifyElement(element)\n }\n}\n","/* eslint-disable no-fallthrough */\n/* eslint-disable eqeqeq */\nimport {\n charat,\n combine,\n copy,\n DECLARATION,\n hash,\n indexof,\n KEYFRAMES,\n match,\n MOZ,\n MS,\n replace,\n RULESET,\n serialize,\n strlen,\n WEBKIT\n} from 'stylis'\n\n// this is a copy of [email protected] prefixer, the latter version introduced grid prefixing which we don't want\n\nfunction prefix(value, length) {\n switch (hash(value, length)) {\n // color-adjust\n case 5103:\n return WEBKIT + 'print-' + value + value\n // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)\n case 5737:\n case 4201:\n case 3177:\n case 3433:\n case 1641:\n case 4457:\n case 2921:\n // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break\n case 5572:\n case 6356:\n case 5844:\n case 3191:\n case 6645:\n case 3005:\n // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,\n case 6391:\n case 5879:\n case 5623:\n case 6135:\n case 4599:\n case 4855:\n // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)\n case 4215:\n case 6389:\n case 5109:\n case 5365:\n case 5621:\n case 3829:\n return WEBKIT + value + value\n // appearance, user-select, transform, hyphens, text-size-adjust\n case 5349:\n case 4246:\n case 4810:\n case 6968:\n case 2756:\n return WEBKIT + value + MOZ + value + MS + value + value\n // flex, flex-direction\n case 6828:\n case 4268:\n return WEBKIT + value + MS + value + value\n // order\n case 6165:\n return WEBKIT + value + MS + 'flex-' + value + value\n // align-items\n case 5187:\n return (\n WEBKIT +\n value +\n replace(\n value,\n /(\\w+).+(:[^]+)/,\n WEBKIT + 'box-$1$2' + MS + 'flex-$1$2'\n ) +\n value\n )\n // align-self\n case 5443:\n return (\n WEBKIT +\n value +\n MS +\n 'flex-item-' +\n replace(value, /flex-|-self/, '') +\n value\n )\n // align-content\n case 4675:\n return (\n WEBKIT +\n value +\n MS +\n 'flex-line-pack' +\n replace(value, /align-content|flex-|-self/, '') +\n value\n )\n // flex-shrink\n case 5548:\n return WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value\n // flex-basis\n case 5292:\n return (\n WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value\n )\n // flex-grow\n case 6060:\n return (\n WEBKIT +\n 'box-' +\n replace(value, '-grow', '') +\n WEBKIT +\n value +\n MS +\n replace(value, 'grow', 'positive') +\n value\n )\n // transition\n case 4554:\n return (\n WEBKIT +\n replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') +\n value\n )\n // cursor\n case 6187:\n return (\n replace(\n replace(\n replace(value, /(zoom-|grab)/, WEBKIT + '$1'),\n /(image-set)/,\n WEBKIT + '$1'\n ),\n value,\n ''\n ) + value\n )\n // background, background-image\n case 5495:\n case 3959:\n return replace(value, /(image-set\\([^]*)/, WEBKIT + '$1' + '$`$1')\n // justify-content\n case 4968:\n return (\n replace(\n replace(\n value,\n /(.+:)(flex-)?(.*)/,\n WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'\n ),\n /s.+-b[^;]+/,\n 'justify'\n ) +\n WEBKIT +\n value +\n value\n )\n // (margin|padding)-inline-(start|end)\n case 4095:\n case 3583:\n case 4068:\n case 2532:\n return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value\n // (min|max)?(width|height|inline-size|block-size)\n case 8116:\n case 7059:\n case 5753:\n case 5535:\n case 5445:\n case 5701:\n case 4933:\n case 4677:\n case 5533:\n case 5789:\n case 5021:\n case 4765:\n // stretch, max-content, min-content, fill-available\n if (strlen(value) - 1 - length > 6)\n switch (charat(value, length + 1)) {\n // (m)ax-content, (m)in-content\n case 109:\n // -\n if (charat(value, length + 4) !== 45) break\n // (f)ill-available, (f)it-content\n case 102:\n return (\n replace(\n value,\n /(.+:)(.+)-([^]+)/,\n '$1' +\n WEBKIT +\n '$2-$3' +\n '$1' +\n MOZ +\n (charat(value, length + 3) == 108 ? '$3' : '$2-$3')\n ) + value\n )\n // (s)tretch\n case 115:\n return ~indexof(value, 'stretch')\n ? prefix(replace(value, 'stretch', 'fill-available'), length) +\n value\n : value\n }\n break\n // position: sticky\n case 4949:\n // (s)ticky?\n if (charat(value, length + 1) !== 115) break\n // display: (flex|inline-flex)\n case 6444:\n switch (\n charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))\n ) {\n // stic(k)y\n case 107:\n return replace(value, ':', ':' + WEBKIT) + value\n // (inline-)?fl(e)x\n case 101:\n return (\n replace(\n value,\n /(.+:)([^;!]+)(;|!.+)?/,\n '$1' +\n WEBKIT +\n (charat(value, 14) === 45 ? 'inline-' : '') +\n 'box$3' +\n '$1' +\n WEBKIT +\n '$2$3' +\n '$1' +\n MS +\n '$2box$3'\n ) + value\n )\n }\n break\n // writing-mode\n case 5936:\n switch (charat(value, length + 11)) {\n // vertical-l(r)\n case 114:\n return (\n WEBKIT +\n value +\n MS +\n replace(value, /[svh]\\w+-[tblr]{2}/, 'tb') +\n value\n )\n // vertical-r(l)\n case 108:\n return (\n WEBKIT +\n value +\n MS +\n replace(value, /[svh]\\w+-[tblr]{2}/, 'tb-rl') +\n value\n )\n // horizontal(-)tb\n case 45:\n return (\n WEBKIT +\n value +\n MS +\n replace(value, /[svh]\\w+-[tblr]{2}/, 'lr') +\n value\n )\n }\n\n return WEBKIT + value + MS + value + value\n }\n\n return value\n}\n\nexport let prefixer = (element, index, children, callback) => {\n if (element.length > -1)\n if (!element.return)\n switch (element.type) {\n case DECLARATION:\n element.return = prefix(element.value, element.length)\n break\n case KEYFRAMES:\n return serialize(\n [\n copy(element, {\n value: replace(element.value, '@', '@' + WEBKIT)\n })\n ],\n callback\n )\n case RULESET:\n if (element.length)\n return combine(element.props, function (value) {\n switch (match(value, /(::plac\\w+|:read-\\w+)/)) {\n // :read-(only|write)\n case ':read-only':\n case ':read-write':\n return serialize(\n [\n copy(element, {\n props: [replace(value, /:(read-\\w+)/, ':' + MOZ + '$1')]\n })\n ],\n callback\n )\n // :placeholder\n case '::placeholder':\n return serialize(\n [\n copy(element, {\n props: [\n replace(\n value,\n /:(plac\\w+)/,\n ':' + WEBKIT + 'input-$1'\n )\n ]\n }),\n copy(element, {\n props: [replace(value, /:(plac\\w+)/, ':' + MOZ + '$1')]\n }),\n copy(element, {\n props: [replace(value, /:(plac\\w+)/, MS + 'input-$1')]\n })\n ],\n callback\n )\n }\n\n return ''\n })\n }\n}\n","import { StyleSheet } from '@emotion/sheet'\n/* import { type EmotionCache, type SerializedStyles } from '@emotion/utils' */\nimport {\n serialize,\n compile,\n middleware,\n rulesheet,\n stringify,\n COMMENT\n} from 'stylis'\nimport weakMemoize from '@emotion/weak-memoize'\nimport memoize from '@emotion/memoize'\nimport isDevelopment from '#is-development'\nimport isBrowser from '#is-browser'\nimport {\n compat,\n removeLabel,\n createUnsafeSelectorsAlarm,\n incorrectImportAlarm\n} from './stylis-plugins'\nimport { prefixer } from './prefixer'\n/* import type { StylisPlugin } from './types' */\n\n/*\nexport type Options = {\n nonce?: string,\n stylisPlugins?: StylisPlugin[],\n key: string,\n container?: HTMLElement,\n speedy?: boolean,\n prepend?: boolean,\n insertionPoint?: HTMLElement\n}\n*/\n\nlet getServerStylisCache = isBrowser\n ? undefined\n : weakMemoize(() =>\n memoize(() => {\n let cache = {}\n return name => cache[name]\n })\n )\n\nconst defaultStylisPlugins = [prefixer]\n\nlet createCache = (options /*: Options */) /*: EmotionCache */ => {\n let key = options.key\n\n if (isDevelopment && !key) {\n throw new Error(\n \"You have to configure `key` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\\n\" +\n `If multiple caches share the same key they might \"fight\" for each other's style elements.`\n )\n }\n\n if (isBrowser && key === 'css') {\n const ssrStyles = document.querySelectorAll(\n `style[data-emotion]:not([data-s])`\n )\n\n // get SSRed styles out of the way of React's hydration\n // document.head is a safe place to move them to(though note document.head is not necessarily the last place they will be)\n // note this very very intentionally targets all style elements regardless of the key to ensure\n // that creating a cache works inside of render of a React component\n Array.prototype.forEach.call(ssrStyles, (node /*: HTMLStyleElement */) => {\n // we want to only move elements which have a space in the data-emotion attribute value\n // because that indicates that it is an Emotion 11 server-side rendered style elements\n // while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector\n // Emotion 10 client-side inserted styles did not have data-s (but importantly did not have a space in their data-emotion attributes)\n // so checking for the space ensures that loading Emotion 11 after Emotion 10 has inserted some styles\n // will not result in the Emotion 10 styles being destroyed\n const dataEmotionAttribute = node.getAttribute('data-emotion')\n if (dataEmotionAttribute.indexOf(' ') === -1) {\n return\n }\n\n document.head.appendChild(node)\n node.setAttribute('data-s', '')\n })\n }\n\n const stylisPlugins = options.stylisPlugins || defaultStylisPlugins\n\n if (isDevelopment) {\n if (/[^a-z-]/.test(key)) {\n throw new Error(\n `Emotion key must only contain lower case alphabetical characters and - but \"${key}\" was passed`\n )\n }\n }\n let inserted = {}\n let container /* : Node */\n const nodesToHydrate = []\n if (isBrowser) {\n container = options.container || document.head\n\n Array.prototype.forEach.call(\n // this means we will ignore elements which don't have a space in them which\n // means that the style elements we're looking at are only Emotion 11 server-rendered style elements\n document.querySelectorAll(`style[data-emotion^=\"${key} \"]`),\n (node /*: HTMLStyleElement */) => {\n const attrib = node.getAttribute(`data-emotion`).split(' ')\n for (let i = 1; i < attrib.length; i++) {\n inserted[attrib[i]] = true\n }\n nodesToHydrate.push(node)\n }\n )\n }\n\n let insert /*: (\n selector: string,\n serialized: SerializedStyles,\n sheet: StyleSheet,\n shouldCache: boolean\n ) => string | void */\n const omnipresentPlugins = [compat, removeLabel]\n\n if (isDevelopment) {\n omnipresentPlugins.push(\n createUnsafeSelectorsAlarm({\n get compat() {\n return cache.compat\n }\n }),\n incorrectImportAlarm\n )\n }\n\n if (isBrowser) {\n let currentSheet\n\n const finalizingPlugins = [\n stringify,\n isDevelopment\n ? element => {\n if (!element.root) {\n if (element.return) {\n currentSheet.insert(element.return)\n } else if (element.value && element.type !== COMMENT) {\n // insert empty rule in non-production environments\n // so @emotion/jest can grab `key` from the (JS)DOM for caches without any rules inserted yet\n currentSheet.insert(`${element.value}{}`)\n }\n }\n }\n : rulesheet(rule => {\n currentSheet.insert(rule)\n })\n ]\n\n const serializer = middleware(\n omnipresentPlugins.concat(stylisPlugins, finalizingPlugins)\n )\n const stylis = styles => serialize(compile(styles), serializer)\n\n insert = (\n selector /*: string */,\n serialized /*: SerializedStyles */,\n sheet /*: StyleSheet */,\n shouldCache /*: boolean */\n ) /*: void */ => {\n currentSheet = sheet\n if (isDevelopment && serialized.map !== undefined) {\n currentSheet = {\n insert: (rule /*: string */) => {\n sheet.insert(rule + serialized.map)\n }\n }\n }\n\n stylis(selector ? `${selector}{${serialized.styles}}` : serialized.styles)\n\n if (shouldCache) {\n cache.inserted[serialized.name] = true\n }\n }\n } else {\n const finalizingPlugins = [stringify]\n const serializer = middleware(\n omnipresentPlugins.concat(stylisPlugins, finalizingPlugins)\n )\n const stylis = styles => serialize(compile(styles), serializer)\n\n let serverStylisCache = getServerStylisCache(stylisPlugins)(key)\n let getRules = (\n selector /*: string */,\n serialized /*: SerializedStyles */\n ) /*: string */ => {\n let name = serialized.name\n if (serverStylisCache[name] === undefined) {\n serverStylisCache[name] = stylis(\n selector ? `${selector}{${serialized.styles}}` : serialized.styles\n )\n }\n return serverStylisCache[name]\n }\n insert = (\n selector /*: string */,\n serialized /*: SerializedStyles */,\n sheet /*: StyleSheet */,\n shouldCache /*: boolean */\n ) /*: string | void */ => {\n let name = serialized.name\n let rules = getRules(selector, serialized)\n if (cache.compat === undefined) {\n // in regular mode, we don't set the styles on the inserted cache\n // since we don't need to and that would be wasting memory\n // we return them so that they are rendered in a style tag\n if (shouldCache) {\n cache.inserted[name] = true\n }\n if (isDevelopment && serialized.map !== undefined) {\n return rules + serialized.map\n }\n return rules\n } else {\n // in compat mode, we put the styles on the inserted cache so\n // that emotion-server can pull out the styles\n // except when we don't want to cache it which was in Global but now\n // is nowhere but we don't want to do a major right now\n // and just in case we're going to leave the case here\n // it's also not affecting client side bundle size\n // so it's really not a big deal\n\n if (shouldCache) {\n cache.inserted[name] = rules\n } else {\n return rules\n }\n }\n }\n }\n\n const cache /*: EmotionCache */ = {\n key,\n sheet: new StyleSheet({\n key,\n container,\n nonce: options.nonce,\n speedy: options.speedy,\n prepend: options.prepend,\n insertionPoint: options.insertionPoint\n }),\n nonce: options.nonce,\n inserted,\n registered: {},\n insert\n }\n\n cache.sheet.hydrate(nodesToHydrate)\n\n return cache\n}\n\nexport default createCache\n","import {MS, MOZ, WEBKIT, RULESET, KEYFRAMES, DECLARATION} from './Enum.js'\nimport {match, charat, substr, strlen, sizeof, replace, combine} from './Utility.js'\nimport {copy, tokenize} from './Tokenizer.js'\nimport {serialize} from './Serializer.js'\nimport {prefix} from './Prefixer.js'\n\n/**\n * @param {function[]} collection\n * @return {function}\n */\nexport function middleware (collection) {\n\tvar length = sizeof(collection)\n\n\treturn function (element, index, children, callback) {\n\t\tvar output = ''\n\n\t\tfor (var i = 0; i < length; i++)\n\t\t\toutput += collection[i](element, index, children, callback) || ''\n\n\t\treturn output\n\t}\n}\n\n/**\n * @param {function} callback\n * @return {function}\n */\nexport function rulesheet (callback) {\n\treturn function (element) {\n\t\tif (!element.root)\n\t\t\tif (element = element.return)\n\t\t\t\tcallback(element)\n\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n */\nexport function prefixer (element, index, children, callback) {\n\tif (element.length > -1)\n\t\tif (!element.return)\n\t\t\tswitch (element.type) {\n\t\t\t\tcase DECLARATION: element.return = prefix(element.value, element.length, children)\n\t\t\t\t\treturn\n\t\t\t\tcase KEYFRAMES:\n\t\t\t\t\treturn serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)\n\t\t\t\tcase RULESET:\n\t\t\t\t\tif (element.length)\n\t\t\t\t\t\treturn combine(element.props, function (value) {\n\t\t\t\t\t\t\tswitch (match(value, /(::plac\\w+|:read-\\w+)/)) {\n\t\t\t\t\t\t\t\t// :read-(only|write)\n\t\t\t\t\t\t\t\tcase ':read-only': case ':read-write':\n\t\t\t\t\t\t\t\t\treturn serialize([copy(element, {props: [replace(value, /:(read-\\w+)/, ':' + MOZ + '$1')]})], callback)\n\t\t\t\t\t\t\t\t// :placeholder\n\t\t\t\t\t\t\t\tcase '::placeholder':\n\t\t\t\t\t\t\t\t\treturn serialize([\n\t\t\t\t\t\t\t\t\t\tcopy(element, {props: [replace(value, /:(plac\\w+)/, ':' + WEBKIT + 'input-$1')]}),\n\t\t\t\t\t\t\t\t\t\tcopy(element, {props: [replace(value, /:(plac\\w+)/, ':' + MOZ + '$1')]}),\n\t\t\t\t\t\t\t\t\t\tcopy(element, {props: [replace(value, /:(plac\\w+)/, MS + 'input-$1')]})\n\t\t\t\t\t\t\t\t\t], callback)\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn ''\n\t\t\t\t\t\t})\n\t\t\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n */\nexport function namespace (element) {\n\tswitch (element.type) {\n\t\tcase RULESET:\n\t\t\telement.props = element.props.map(function (value) {\n\t\t\t\treturn combine(tokenize(value), function (value, index, children) {\n\t\t\t\t\tswitch (charat(value, 0)) {\n\t\t\t\t\t\t// \\f\n\t\t\t\t\t\tcase 12:\n\t\t\t\t\t\t\treturn substr(value, 1, strlen(value))\n\t\t\t\t\t\t// \\0 ( + > ~\n\t\t\t\t\t\tcase 0: case 40: case 43: case 62: case 126:\n\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t// :\n\t\t\t\t\t\tcase 58:\n\t\t\t\t\t\t\tif (children[++index] === 'global')\n\t\t\t\t\t\t\t\tchildren[index] = '', children[++index] = '\\f' + substr(children[index], index = 1, -1)\n\t\t\t\t\t\t// \\s\n\t\t\t\t\t\tcase 32:\n\t\t\t\t\t\t\treturn index === 1 ? '' : value\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\tswitch (index) {\n\t\t\t\t\t\t\t\tcase 0: element = value\n\t\t\t\t\t\t\t\t\treturn sizeof(children) > 1 ? '' : value\n\t\t\t\t\t\t\t\tcase index = sizeof(children) - 1: case 2:\n\t\t\t\t\t\t\t\t\treturn index === 2 ? value + element + element : value + element\n\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\t}\n}\n","/* import { type EmotionCache } from '@emotion/utils' */\nimport * as React from 'react'\nimport { useContext, forwardRef } from 'react'\nimport createCache from '@emotion/cache'\nimport isDevelopment from '#is-development'\nimport isBrowser from '#is-browser'\n\nlet EmotionCacheContext /*: React.Context */ =\n /* #__PURE__ */ React.createContext(\n // we're doing this to avoid preconstruct's dead code elimination in this one case\n // because this module is primarily intended for the browser and node\n // but it's also required in react native and similar environments sometimes\n // and we could have a special build just for that\n // but this is much easier and the native packages\n // might use a different theme context in the future anyway\n typeof HTMLElement !== 'undefined'\n ? /* #__PURE__ */ createCache({ key: 'css' })\n : null\n )\n\nif (isDevelopment) {\n EmotionCacheContext.displayName = 'EmotionCacheContext'\n}\n\nexport let CacheProvider = EmotionCacheContext.Provider\n\nexport let __unsafe_useEmotionCache =\n function useEmotionCache() /*: EmotionCache | null*/ {\n return useContext(EmotionCacheContext)\n }\n\nlet withEmotionCache =\n function withEmotionCache /* > */(\n func /*: (props: Props, cache: EmotionCache, ref: Ref) => React.Node */\n ) /*: React.AbstractComponent */ {\n return forwardRef((props /*: Props */, ref /*: Ref */) => {\n // the cache will never be null in the browser\n let cache = useContext(EmotionCacheContext)\n\n return func(props, cache, ref)\n })\n }\n\nif (!isBrowser) {\n withEmotionCache = function withEmotionCache /* */(\n func /*: (props: Props, cache: EmotionCache) => React.Node */\n ) /*: React.StatelessFunctionalComponent */ {\n return (props /*: Props */) => {\n let cache = useContext(EmotionCacheContext)\n if (cache === null) {\n // yes, we're potentially creating this on every render\n // it doesn't actually matter though since it's only on the server\n // so there will only every be a single render\n // that could change in the future because of suspense and etc. but for now,\n // this works and i don't want to optimise for a future thing that we aren't sure about\n cache = createCache({ key: 'css' })\n return (\n \n {func(props, cache)}\n \n )\n } else {\n return func(props, cache)\n }\n }\n }\n}\n\nexport { withEmotionCache }\n","import * as React from 'react'\nimport weakMemoize from '@emotion/weak-memoize'\nimport isDevelopment from '#is-development'\nimport hoistNonReactStatics from './_isolated-hnrs'\n\nexport const ThemeContext = /* #__PURE__ */ React.createContext({})\nif (isDevelopment) {\n ThemeContext.displayName = 'EmotionThemeContext'\n}\n\nexport const useTheme = () => React.useContext(ThemeContext)\n\nconst getTheme = (\n outerTheme /*: Object */,\n theme /*: Object | (Object => Object) */\n) => {\n if (typeof theme === 'function') {\n const mergedTheme = theme(outerTheme)\n if (\n isDevelopment &&\n (mergedTheme == null ||\n typeof mergedTheme !== 'object' ||\n Array.isArray(mergedTheme))\n ) {\n throw new Error(\n '[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!'\n )\n }\n return mergedTheme\n }\n if (\n isDevelopment &&\n (theme == null || typeof theme !== 'object' || Array.isArray(theme))\n ) {\n throw new Error(\n '[ThemeProvider] Please make your theme prop a plain object'\n )\n }\n\n return { ...outerTheme, ...theme }\n}\n\nlet createCacheWithTheme = /* #__PURE__ */ weakMemoize(outerTheme => {\n return weakMemoize(theme => {\n return getTheme(outerTheme, theme)\n })\n})\n\n/*\ntype ThemeProviderProps = {\n theme: Object | (Object => Object),\n children: React.Node\n}\n*/\n\nexport const ThemeProvider = (props /*: ThemeProviderProps */) => {\n let theme = React.useContext(ThemeContext)\n\n if (props.theme !== theme) {\n theme = createCacheWithTheme(theme)(props.theme)\n }\n return (\n \n {props.children}\n \n )\n}\n\nexport function withTheme /* */(\n Component /*: React.AbstractComponent */\n) /*: React.AbstractComponent<$Diff> */ {\n const componentName = Component.displayName || Component.name || 'Component'\n let render = (props, ref) => {\n let theme = React.useContext(ThemeContext)\n\n return = {\n animationIterationCount: 1,\n aspectRatio: 1,\n borderImageOutset: 1,\n borderImageSlice: 1,\n borderImageWidth: 1,\n boxFlex: 1,\n boxFlexGroup: 1,\n boxOrdinalGroup: 1,\n columnCount: 1,\n columns: 1,\n flex: 1,\n flexGrow: 1,\n flexPositive: 1,\n flexShrink: 1,\n flexNegative: 1,\n flexOrder: 1,\n gridRow: 1,\n gridRowEnd: 1,\n gridRowSpan: 1,\n gridRowStart: 1,\n gridColumn: 1,\n gridColumnEnd: 1,\n gridColumnSpan: 1,\n gridColumnStart: 1,\n msGridRow: 1,\n msGridRowSpan: 1,\n msGridColumn: 1,\n msGridColumnSpan: 1,\n fontWeight: 1,\n lineHeight: 1,\n opacity: 1,\n order: 1,\n orphans: 1,\n scale: 1,\n tabSize: 1,\n widows: 1,\n zIndex: 1,\n zoom: 1,\n WebkitLineClamp: 1,\n\n // SVG-related properties\n fillOpacity: 1,\n floodOpacity: 1,\n stopOpacity: 1,\n strokeDasharray: 1,\n strokeDashoffset: 1,\n strokeMiterlimit: 1,\n strokeOpacity: 1,\n strokeWidth: 1\n}\n\nexport default unitlessKeys\n","export default false as boolean\n","import type { RegisteredCache, SerializedStyles } from '@emotion/utils'\nimport hashString from '@emotion/hash'\nimport unitless from '@emotion/unitless'\nimport memoize from '@emotion/memoize'\nimport isDevelopment from '#is-development'\nimport * as CSS from 'csstype'\n\nexport type { RegisteredCache, SerializedStyles }\n\ntype Cursor = {\n name: string\n styles: string\n next?: Cursor\n}\n\nexport type CSSProperties = CSS.PropertiesFallback\nexport type CSSPropertiesWithMultiValues = {\n [K in keyof CSSProperties]:\n | CSSProperties[K]\n | ReadonlyArray>\n}\n\nexport type CSSPseudos = { [K in CSS.Pseudos]?: CSSObject }\n\nexport interface ArrayCSSInterpolation\n extends ReadonlyArray {}\n\nexport type InterpolationPrimitive =\n | null\n | undefined\n | boolean\n | number\n | string\n | ComponentSelector\n | Keyframes\n | SerializedStyles\n | CSSObject\n\nexport type CSSInterpolation = InterpolationPrimitive | ArrayCSSInterpolation\n\nexport interface CSSOthersObject {\n [propertiesName: string]: CSSInterpolation\n}\n\nexport interface CSSObject\n extends CSSPropertiesWithMultiValues,\n CSSPseudos,\n CSSOthersObject {}\n\nexport interface ComponentSelector {\n __emotion_styles: any\n}\n\nexport type Keyframes = {\n name: string\n styles: string\n anim: number\n toString: () => string\n} & string\n\nexport interface ArrayInterpolation\n extends ReadonlyArray> {}\n\nexport interface FunctionInterpolation {\n (props: Props): Interpolation\n}\n\nexport type Interpolation =\n | InterpolationPrimitive\n | ArrayInterpolation\n | FunctionInterpolation\n\nconst 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`\n\nconst UNDEFINED_AS_OBJECT_KEY_ERROR =\n \"You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).\"\n\nlet hyphenateRegex = /[A-Z]|^ms/g\nlet animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g\n\nconst isCustomProperty = (property: string) => property.charCodeAt(1) === 45\nconst isProcessableValue = (value: Interpolation) =>\n value != null && typeof value !== 'boolean'\n\nconst processStyleName = /* #__PURE__ */ memoize((styleName: string) =>\n isCustomProperty(styleName)\n ? styleName\n : styleName.replace(hyphenateRegex, '-$&').toLowerCase()\n)\n\nlet processStyleValue = (\n key: string,\n value: string | number\n): string | number => {\n switch (key) {\n case 'animation':\n case 'animationName': {\n if (typeof value === 'string') {\n return value.replace(animationRegex, (match, p1, p2) => {\n cursor = {\n name: p1,\n styles: p2,\n next: cursor\n }\n return p1\n })\n }\n }\n }\n\n if (\n unitless[key as keyof typeof unitless] !== 1 &&\n !isCustomProperty(key) &&\n typeof value === 'number' &&\n value !== 0\n ) {\n return value + 'px'\n }\n return value\n}\n\nif (isDevelopment) {\n let contentValuePattern =\n /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\\(|(no-)?(open|close)-quote/\n let contentValues = ['normal', 'none', 'initial', 'inherit', 'unset']\n\n let oldProcessStyleValue = processStyleValue\n\n let msPattern = /^-ms-/\n let hyphenPattern = /-(.)/g\n\n let hyphenatedCache: Record = {}\n\n processStyleValue = (key: string, value: string | number) => {\n if (key === 'content') {\n if (\n typeof value !== 'string' ||\n (contentValues.indexOf(value) === -1 &&\n !contentValuePattern.test(value) &&\n (value.charAt(0) !== value.charAt(value.length - 1) ||\n (value.charAt(0) !== '\"' && value.charAt(0) !== \"'\")))\n ) {\n throw new Error(\n `You seem to be using a value for 'content' without quotes, try replacing it with \\`content: '\"${value}\"'\\``\n )\n }\n }\n\n const processed = oldProcessStyleValue(key, value)\n\n if (\n processed !== '' &&\n !isCustomProperty(key) &&\n key.indexOf('-') !== -1 &&\n hyphenatedCache[key] === undefined\n ) {\n hyphenatedCache[key] = true\n console.error(\n `Using kebab-case for css properties in objects is not supported. Did you mean ${key\n .replace(msPattern, 'ms-')\n .replace(hyphenPattern, (str, char) => char.toUpperCase())}?`\n )\n }\n\n return processed\n }\n}\n\nconst noComponentSelectorMessage =\n 'Component selectors can only be used in conjunction with ' +\n '@emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware ' +\n 'compiler transform.'\n\nfunction handleInterpolation(\n mergedProps: unknown | undefined,\n registered: RegisteredCache | undefined,\n interpolation: Interpolation\n): string | number {\n if (interpolation == null) {\n return ''\n }\n const componentSelector = interpolation as ComponentSelector\n if (componentSelector.__emotion_styles !== undefined) {\n if (\n isDevelopment &&\n String(componentSelector) === 'NO_COMPONENT_SELECTOR'\n ) {\n throw new Error(noComponentSelectorMessage)\n }\n return componentSelector as unknown as string\n }\n\n switch (typeof interpolation) {\n case 'boolean': {\n return ''\n }\n case 'object': {\n const keyframes = interpolation as Keyframes\n if (keyframes.anim === 1) {\n cursor = {\n name: keyframes.name,\n styles: keyframes.styles,\n next: cursor\n }\n\n return keyframes.name\n }\n const serializedStyles = interpolation as SerializedStyles\n if (serializedStyles.styles !== undefined) {\n let next = serializedStyles.next\n if (next !== undefined) {\n // not the most efficient thing ever but this is a pretty rare case\n // and there will be very few iterations of this generally\n while (next !== undefined) {\n cursor = {\n name: next.name,\n styles: next.styles,\n next: cursor\n }\n next = next.next\n }\n }\n let styles = `${serializedStyles.styles};`\n if (isDevelopment && serializedStyles.map !== undefined) {\n styles += serializedStyles.map\n }\n\n return styles\n }\n\n return createStringFromObject(\n mergedProps,\n registered,\n interpolation as ArrayInterpolation | CSSObject\n )\n }\n case 'function': {\n if (mergedProps !== undefined) {\n let previousCursor = cursor\n let result = interpolation(mergedProps)\n cursor = previousCursor\n\n return handleInterpolation(mergedProps, registered, result)\n } else if (isDevelopment) {\n console.error(\n 'Functions that are interpolated in css calls will be stringified.\\n' +\n 'If you want to have a css call based on props, create a function that returns a css call like this\\n' +\n 'let dynamicStyle = (props) => css`color: ${props.color}`\\n' +\n 'It can be called directly with props or interpolated in a styled call like this\\n' +\n \"let SomeComponent = styled('div')`${dynamicStyle}`\"\n )\n }\n break\n }\n case 'string':\n if (isDevelopment) {\n const matched: string[] = []\n const replaced = interpolation.replace(\n animationRegex,\n (_match, _p1, p2) => {\n const fakeVarName = `animation${matched.length}`\n matched.push(\n `const ${fakeVarName} = keyframes\\`${p2.replace(\n /^@keyframes animation-\\w+/,\n ''\n )}\\``\n )\n return `\\${${fakeVarName}}`\n }\n )\n if (matched.length) {\n console.error(\n `\\`keyframes\\` output got interpolated into plain string, please wrap it with \\`css\\`.\n\nInstead of doing this:\n\n${[...matched, `\\`${replaced}\\``].join('\\n')}\n\nYou should wrap it with \\`css\\` like this:\n\ncss\\`${replaced}\\``\n )\n }\n }\n break\n }\n\n // finalize string values (regular strings and functions interpolated into css calls)\n const asString = interpolation as string\n if (registered == null) {\n return asString\n }\n const cached = registered[asString]\n return cached !== undefined ? cached : asString\n}\n\nfunction createStringFromObject(\n mergedProps: unknown | undefined,\n registered: RegisteredCache | undefined,\n obj: ArrayInterpolation | CSSObject\n): string {\n let string = ''\n\n if (Array.isArray(obj)) {\n for (let i = 0; i < obj.length; i++) {\n string += `${handleInterpolation(mergedProps, registered, obj[i])};`\n }\n } else {\n for (let key in obj) {\n let value: unknown = obj[key as never]\n if (typeof value !== 'object') {\n const asString = value as string\n if (registered != null && registered[asString] !== undefined) {\n string += `${key}{${registered[asString]}}`\n } else if (isProcessableValue(asString)) {\n string += `${processStyleName(key)}:${processStyleValue(\n key,\n asString\n )};`\n }\n } else {\n if (key === 'NO_COMPONENT_SELECTOR' && isDevelopment) {\n throw new Error(noComponentSelectorMessage)\n }\n if (\n Array.isArray(value) &&\n typeof value[0] === 'string' &&\n (registered == null || registered[value[0]] === undefined)\n ) {\n for (let i = 0; i < value.length; i++) {\n if (isProcessableValue(value[i])) {\n string += `${processStyleName(key)}:${processStyleValue(\n key,\n value[i] as string | number\n )};`\n }\n }\n } else {\n const interpolated = handleInterpolation(\n mergedProps,\n registered,\n value as Interpolation\n )\n switch (key) {\n case 'animation':\n case 'animationName': {\n string += `${processStyleName(key)}:${interpolated};`\n break\n }\n default: {\n if (isDevelopment && key === 'undefined') {\n console.error(UNDEFINED_AS_OBJECT_KEY_ERROR)\n }\n string += `${key}{${interpolated}}`\n }\n }\n }\n }\n }\n }\n\n return string\n}\n\nlet labelPattern = /label:\\s*([^\\s;\\n{]+)\\s*(;|$)/g\n\nlet sourceMapPattern: RegExp | undefined\nif (isDevelopment) {\n sourceMapPattern =\n /\\/\\*#\\ssourceMappingURL=data:application\\/json;\\S+\\s+\\*\\//g\n}\n\n// this is the cursor for keyframes\n// keyframes are stored on the SerializedStyles object as a linked list\nlet cursor: Cursor | undefined\n\nexport function serializeStyles(\n args: Array>,\n registered?: RegisteredCache,\n mergedProps?: Props\n): SerializedStyles\nexport function serializeStyles(\n args: Array>,\n registered?: RegisteredCache,\n mergedProps?: unknown\n): SerializedStyles {\n if (\n args.length === 1 &&\n typeof args[0] === 'object' &&\n args[0] !== null &&\n (args[0] as SerializedStyles).styles !== undefined\n ) {\n return args[0] as SerializedStyles\n }\n let stringMode = true\n let styles = ''\n\n cursor = undefined\n let strings = args[0]\n if (strings == null || (strings as TemplateStringsArray).raw === undefined) {\n stringMode = false\n styles += handleInterpolation(\n mergedProps,\n registered,\n strings as Interpolation\n )\n } else {\n const asTemplateStringsArr = strings as TemplateStringsArray\n if (isDevelopment && asTemplateStringsArr[0] === undefined) {\n console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR)\n }\n styles += asTemplateStringsArr[0]\n }\n // we start at 1 since we've already handled the first arg\n for (let i = 1; i < args.length; i++) {\n styles += handleInterpolation(\n mergedProps,\n registered,\n args[i] as Interpolation\n )\n if (stringMode) {\n const templateStringsArr = strings as TemplateStringsArray\n if (isDevelopment && templateStringsArr[i] === undefined) {\n console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR)\n }\n styles += templateStringsArr[i]\n }\n }\n let sourceMap\n\n if (isDevelopment) {\n styles = styles.replace(sourceMapPattern!, match => {\n sourceMap = match\n return ''\n })\n }\n\n // using a global regex with .exec is stateful so lastIndex has to be reset each time\n labelPattern.lastIndex = 0\n let identifierName = ''\n\n let match\n // https://esbench.com/bench/5b809c2cf2949800a0f61fb5\n while ((match = labelPattern.exec(styles)) !== null) {\n identifierName += '-' + match[1]\n }\n\n let name = hashString(styles) + identifierName\n\n if (isDevelopment) {\n const devStyles = {\n name,\n styles,\n map: sourceMap,\n next: cursor,\n toString() {\n 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).\"\n }\n }\n return devStyles\n }\n return {\n name,\n styles,\n next: cursor\n }\n}\n","import * as React from 'react'\nimport isBrowser from '#is-browser'\n\nconst syncFallback = create => create()\n\nconst useInsertionEffect = React['useInsertion' + 'Effect']\n ? React['useInsertion' + 'Effect']\n : false\n\nexport const useInsertionEffectAlwaysWithSyncFallback = !isBrowser\n ? syncFallback\n : useInsertionEffect || syncFallback\n\nexport const useInsertionEffectWithLayoutFallback =\n useInsertionEffect || React.useLayoutEffect\n","import * as React from 'react'\nimport { withEmotionCache } from './context'\nimport { ThemeContext } from './theming'\nimport {\n getRegisteredStyles,\n insertStyles,\n registerStyles\n} from '@emotion/utils'\nimport { hasOwn } from './utils'\nimport { serializeStyles } from '@emotion/serialize'\nimport isDevelopment from '#is-development'\nimport isBrowser from '#is-browser'\nimport { getLabelFromStackTrace } from './get-label-from-stack-trace'\nimport { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks'\n\nlet typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__'\n\nlet labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__'\n\nexport const createEmotionProps = (\n type /*: React.ElementType */,\n props /*: Object */\n) => {\n if (\n isDevelopment &&\n typeof props.css === 'string' &&\n // check if there is a css declaration\n props.css.indexOf(':') !== -1\n ) {\n throw new Error(\n `Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css\\`${props.css}\\``\n )\n }\n\n let newProps /*: any */ = {}\n\n for (let key in props) {\n if (hasOwn.call(props, key)) {\n newProps[key] = props[key]\n }\n }\n\n newProps[typePropName] = type\n\n // Runtime labeling is an opt-in feature because:\n // - It causes hydration warnings when using Safari and SSR\n // - It can degrade performance if there are a huge number of elements\n //\n // Even if the flag is set, we still don't compute the label if it has already\n // been determined by the Babel plugin.\n if (\n isDevelopment &&\n typeof globalThis !== 'undefined' &&\n !!globalThis.EMOTION_RUNTIME_AUTO_LABEL &&\n !!props.css &&\n (typeof props.css !== 'object' ||\n typeof props.css.name !== 'string' ||\n props.css.name.indexOf('-') === -1)\n ) {\n const label = getLabelFromStackTrace(new Error().stack)\n if (label) newProps[labelPropName] = label\n }\n\n return newProps\n}\n\nconst Insertion = ({ cache, serialized, isStringTag }) => {\n registerStyles(cache, serialized, isStringTag)\n\n const rules = useInsertionEffectAlwaysWithSyncFallback(() =>\n insertStyles(cache, serialized, isStringTag)\n )\n\n if (!isBrowser && rules !== undefined) {\n let serializedNames = serialized.name\n let next = serialized.next\n while (next !== undefined) {\n serializedNames += ' ' + next.name\n next = next.next\n }\n return (\n */ (props, cache, ref) => {\n let cssProp = props.css\n\n // so that using `css` from `emotion` and passing the result to the css prop works\n // not passing the registered cache to serializeStyles because it would\n // make certain babel optimisations not possible\n if (\n typeof cssProp === 'string' &&\n cache.registered[cssProp] !== undefined\n ) {\n cssProp = cache.registered[cssProp]\n }\n\n let WrappedComponent = props[typePropName]\n let registeredStyles = [cssProp]\n let className = ''\n\n if (typeof props.className === 'string') {\n className = getRegisteredStyles(\n cache.registered,\n registeredStyles,\n props.className\n )\n } else if (props.className != null) {\n className = `${props.className} `\n }\n\n let serialized = serializeStyles(\n registeredStyles,\n undefined,\n React.useContext(ThemeContext)\n )\n\n if (isDevelopment && serialized.name.indexOf('-') === -1) {\n let labelFromStack = props[labelPropName]\n if (labelFromStack) {\n serialized = serializeStyles([\n serialized,\n 'label:' + labelFromStack + ';'\n ])\n }\n }\n\n className += `${cache.key}-${serialized.name}`\n\n const newProps = {}\n for (let key in props) {\n if (\n hasOwn.call(props, key) &&\n key !== 'css' &&\n key !== typePropName &&\n (!isDevelopment || key !== labelPropName)\n ) {\n newProps[key] = props[key]\n }\n }\n newProps.className = className\n if (ref) {\n newProps.ref = ref\n }\n\n return (\n <>\n