var Component = (() => { var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __commonJS = (cb, mod) => function __require() { return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; }; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // global-externals:react/jsx-runtime var require_jsx_runtime = __commonJS({ "global-externals:react/jsx-runtime"(exports, module) { module.exports = _jsx_runtime; } }); // global-externals:react var require_react = __commonJS({ "global-externals:react"(exports, module) { module.exports = React; } }); // ../../node_modules/@babel/runtime/helpers/extends.js var require_extends = __commonJS({ "../../node_modules/@babel/runtime/helpers/extends.js"(exports, module) { function _extends() { module.exports = _extends = Object.assign ? Object.assign.bind() : function(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }, module.exports.__esModule = true, module.exports["default"] = module.exports; return _extends.apply(this, arguments); } module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports; } }); // ../../node_modules/@emotion/memoize/dist/emotion-memoize.cjs.prod.js var require_emotion_memoize_cjs_prod = __commonJS({ "../../node_modules/@emotion/memoize/dist/emotion-memoize.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); function memoize(fn) { var cache = /* @__PURE__ */ Object.create(null); return function(arg) { if (cache[arg] === void 0) cache[arg] = fn(arg); return cache[arg]; }; } exports.default = memoize; } }); // ../../node_modules/@emotion/memoize/dist/emotion-memoize.cjs.js var require_emotion_memoize_cjs = __commonJS({ "../../node_modules/@emotion/memoize/dist/emotion-memoize.cjs.js"(exports, module) { "use strict"; if (true) { module.exports = require_emotion_memoize_cjs_prod(); } else { module.exports = null; } } }); // ../../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.cjs.prod.js var require_emotion_is_prop_valid_cjs_prod = __commonJS({ "../../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var memoize = require_emotion_memoize_cjs(); function _interopDefault(e) { return e && e.__esModule ? e : { "default": e }; } var memoize__default = /* @__PURE__ */ _interopDefault(memoize); var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; var isPropValid = /* @__PURE__ */ memoize__default["default"]( function(prop) { return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91; } /* Z+1 */ ); exports.default = isPropValid; } }); // ../../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.cjs.js var require_emotion_is_prop_valid_cjs = __commonJS({ "../../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.cjs.js"(exports, module) { "use strict"; if (true) { module.exports = require_emotion_is_prop_valid_cjs_prod(); } else { module.exports = null; } } }); // ../../node_modules/@emotion/sheet/dist/emotion-sheet.cjs.prod.js var require_emotion_sheet_cjs_prod = __commonJS({ "../../node_modules/@emotion/sheet/dist/emotion-sheet.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); function sheetForTag(tag) { if (tag.sheet) { return tag.sheet; } for (var i = 0; i < document.styleSheets.length; i++) { if (document.styleSheets[i].ownerNode === tag) { return document.styleSheets[i]; } } } function createStyleElement(options) { var tag = document.createElement("style"); tag.setAttribute("data-emotion", options.key); if (options.nonce !== void 0) { tag.setAttribute("nonce", options.nonce); } tag.appendChild(document.createTextNode("")); tag.setAttribute("data-s", ""); return tag; } var StyleSheet = /* @__PURE__ */ function() { function StyleSheet2(options) { var _this = this; this._insertTag = function(tag) { var before; if (_this.tags.length === 0) { if (_this.insertionPoint) { before = _this.insertionPoint.nextSibling; } else if (_this.prepend) { before = _this.container.firstChild; } else { before = _this.before; } } else { before = _this.tags[_this.tags.length - 1].nextSibling; } _this.container.insertBefore(tag, before); _this.tags.push(tag); }; this.isSpeedy = options.speedy === void 0 ? true : options.speedy; this.tags = []; this.ctr = 0; this.nonce = options.nonce; this.key = options.key; this.container = options.container; this.prepend = options.prepend; this.insertionPoint = options.insertionPoint; this.before = null; } var _proto = StyleSheet2.prototype; _proto.hydrate = function hydrate(nodes) { nodes.forEach(this._insertTag); }; _proto.insert = function insert(rule) { if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) { this._insertTag(createStyleElement(this)); } var tag = this.tags[this.tags.length - 1]; if (this.isSpeedy) { var sheet = sheetForTag(tag); try { sheet.insertRule(rule, sheet.cssRules.length); } catch (e) { } } else { tag.appendChild(document.createTextNode(rule)); } this.ctr++; }; _proto.flush = function flush() { this.tags.forEach(function(tag) { return tag.parentNode && tag.parentNode.removeChild(tag); }); this.tags = []; this.ctr = 0; }; return StyleSheet2; }(); exports.StyleSheet = StyleSheet; } }); // ../../node_modules/@emotion/sheet/dist/emotion-sheet.cjs.js var require_emotion_sheet_cjs = __commonJS({ "../../node_modules/@emotion/sheet/dist/emotion-sheet.cjs.js"(exports, module) { "use strict"; if (true) { module.exports = require_emotion_sheet_cjs_prod(); } else { module.exports = null; } } }); // ../../node_modules/stylis/dist/umd/stylis.js var require_stylis = __commonJS({ "../../node_modules/stylis/dist/umd/stylis.js"(exports, module) { (function(e, r) { typeof exports === "object" && typeof module !== "undefined" ? r(exports) : typeof define === "function" && define.amd ? define(["exports"], r) : (e = e || self, r(e.stylis = {})); })(exports, function(e) { "use strict"; var r = "-ms-"; var a = "-moz-"; var c = "-webkit-"; var t = "comm"; var n = "rule"; var s = "decl"; var i = "@page"; var u = "@media"; var o = "@import"; var f = "@charset"; var l = "@viewport"; var p = "@supports"; var h = "@document"; var v = "@namespace"; var d = "@keyframes"; var b = "@font-face"; var w = "@counter-style"; var m = "@font-feature-values"; var g = Math.abs; var k = String.fromCharCode; var $ = Object.assign; function x(e2, r2) { return A(e2, 0) ^ 45 ? (((r2 << 2 ^ A(e2, 0)) << 2 ^ A(e2, 1)) << 2 ^ A(e2, 2)) << 2 ^ A(e2, 3) : 0; } function E(e2) { return e2.trim(); } function y(e2, r2) { return (e2 = r2.exec(e2)) ? e2[0] : e2; } function T(e2, r2, a2) { return e2.replace(r2, a2); } function O(e2, r2) { return e2.indexOf(r2); } function A(e2, r2) { return e2.charCodeAt(r2) | 0; } function M(e2, r2, a2) { return e2.slice(r2, a2); } function C(e2) { return e2.length; } function S(e2) { return e2.length; } function R(e2, r2) { return r2.push(e2), e2; } function z(e2, r2) { return e2.map(r2).join(""); } e.line = 1; e.column = 1; e.length = 0; e.position = 0; e.character = 0; e.characters = ""; function N(r2, a2, c2, t2, n2, s2, i2) { return { value: r2, root: a2, parent: c2, type: t2, props: n2, children: s2, line: e.line, column: e.column, length: i2, return: "" }; } function P(e2, r2) { return $(N("", null, null, "", null, null, 0), e2, { length: -e2.length }, r2); } function j() { return e.character; } function U() { e.character = e.position > 0 ? A(e.characters, --e.position) : 0; if (e.column--, e.character === 10) e.column = 1, e.line--; return e.character; } function _() { e.character = e.position < e.length ? A(e.characters, e.position++) : 0; if (e.column++, e.character === 10) e.column = 1, e.line++; return e.character; } function F() { return A(e.characters, e.position); } function I() { return e.position; } function L(r2, a2) { return M(e.characters, r2, a2); } function D(e2) { switch (e2) { case 0: case 9: case 10: case 13: case 32: return 5; case 33: case 43: case 44: case 47: case 62: case 64: case 126: case 59: case 123: case 125: return 4; case 58: return 3; case 34: case 39: case 40: case 91: return 2; case 41: case 93: return 1; } return 0; } function K(r2) { return e.line = e.column = 1, e.length = C(e.characters = r2), e.position = 0, []; } function V(r2) { return e.characters = "", r2; } function W(r2) { return E(L(e.position - 1, Z(r2 === 91 ? r2 + 2 : r2 === 40 ? r2 + 1 : r2))); } function Y(e2) { return V(G(K(e2))); } function B(r2) { while (e.character = F()) if (e.character < 33) _(); else break; return D(r2) > 2 || D(e.character) > 3 ? "" : " "; } function G(r2) { while (_()) switch (D(e.character)) { case 0: R(J(e.position - 1), r2); break; case 2: R(W(e.character), r2); break; default: R(k(e.character), r2); } return r2; } function H(r2, a2) { while (--a2 && _()) if (e.character < 48 || e.character > 102 || e.character > 57 && e.character < 65 || e.character > 70 && e.character < 97) break; return L(r2, I() + (a2 < 6 && F() == 32 && _() == 32)); } function Z(r2) { while (_()) switch (e.character) { case r2: return e.position; case 34: case 39: if (r2 !== 34 && r2 !== 39) Z(e.character); break; case 40: if (r2 === 41) Z(r2); break; case 92: _(); break; } return e.position; } function q(r2, a2) { while (_()) if (r2 + e.character === 47 + 10) break; else if (r2 + e.character === 42 + 42 && F() === 47) break; return "/*" + L(a2, e.position - 1) + "*" + k(r2 === 47 ? r2 : _()); } function J(r2) { while (!D(F())) _(); return L(r2, e.position); } function Q(e2) { return V(X("", null, null, null, [""], e2 = K(e2), 0, [0], e2)); } function X(e2, r2, a2, c2, t2, n2, s2, i2, u2) { var o2 = 0; var f2 = 0; var l2 = s2; var p2 = 0; var h2 = 0; var v2 = 0; var d2 = 1; var b2 = 1; var w2 = 1; var m2 = 0; var g2 = ""; var $2 = t2; var x2 = n2; var E2 = c2; var y2 = g2; while (b2) switch (v2 = m2, m2 = _()) { case 40: if (v2 != 108 && A(y2, l2 - 1) == 58) { if (O(y2 += T(W(m2), "&", "&\f"), "&\f") != -1) w2 = -1; break; } case 34: case 39: case 91: y2 += W(m2); break; case 9: case 10: case 13: case 32: y2 += B(v2); break; case 92: y2 += H(I() - 1, 7); continue; case 47: switch (F()) { case 42: case 47: R(re(q(_(), I()), r2, a2), u2); break; default: y2 += "/"; } break; case 123 * d2: i2[o2++] = C(y2) * w2; case 125 * d2: case 59: case 0: switch (m2) { case 0: case 125: b2 = 0; case 59 + f2: if (h2 > 0 && C(y2) - l2) R(h2 > 32 ? ae(y2 + ";", c2, a2, l2 - 1) : ae(T(y2, " ", "") + ";", c2, a2, l2 - 2), u2); break; case 59: y2 += ";"; default: R(E2 = ee(y2, r2, a2, o2, f2, t2, i2, g2, $2 = [], x2 = [], l2), n2); if (m2 === 123) if (f2 === 0) X(y2, r2, E2, E2, $2, n2, l2, i2, x2); else switch (p2 === 99 && A(y2, 3) === 110 ? 100 : p2) { case 100: case 109: case 115: X(e2, E2, E2, c2 && R(ee(e2, E2, E2, 0, 0, t2, i2, g2, t2, $2 = [], l2), x2), t2, x2, l2, i2, c2 ? $2 : x2); break; default: X(y2, E2, E2, E2, [""], x2, 0, i2, x2); } } o2 = f2 = h2 = 0, d2 = w2 = 1, g2 = y2 = "", l2 = s2; break; case 58: l2 = 1 + C(y2), h2 = v2; default: if (d2 < 1) { if (m2 == 123) --d2; else if (m2 == 125 && d2++ == 0 && U() == 125) continue; } switch (y2 += k(m2), m2 * d2) { case 38: w2 = f2 > 0 ? 1 : (y2 += "\f", -1); break; case 44: i2[o2++] = (C(y2) - 1) * w2, w2 = 1; break; case 64: if (F() === 45) y2 += W(_()); p2 = F(), f2 = l2 = C(g2 = y2 += J(I())), m2++; break; case 45: if (v2 === 45 && C(y2) == 2) d2 = 0; } } return n2; } function ee(e2, r2, a2, c2, t2, s2, i2, u2, o2, f2, l2) { var p2 = t2 - 1; var h2 = t2 === 0 ? s2 : [""]; var v2 = S(h2); for (var d2 = 0, b2 = 0, w2 = 0; d2 < c2; ++d2) for (var m2 = 0, k2 = M(e2, p2 + 1, p2 = g(b2 = i2[d2])), $2 = e2; m2 < v2; ++m2) if ($2 = E(b2 > 0 ? h2[m2] + " " + k2 : T(k2, /&\f/g, h2[m2]))) o2[w2++] = $2; return N(e2, r2, a2, t2 === 0 ? n : u2, o2, f2, l2); } function re(e2, r2, a2) { return N(e2, r2, a2, t, k(j()), M(e2, 2, -2), 0); } function ae(e2, r2, a2, c2) { return N(e2, r2, a2, s, M(e2, 0, c2), M(e2, c2 + 1, -1), c2); } function ce(e2, t2, n2) { switch (x(e2, t2)) { case 5103: return c + "print-" + e2 + e2; case 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921: case 5572: case 6356: case 5844: case 3191: case 6645: case 3005: case 6391: case 5879: case 5623: case 6135: case 4599: case 4855: case 4215: case 6389: case 5109: case 5365: case 5621: case 3829: return c + e2 + e2; case 4789: return a + e2 + e2; case 5349: case 4246: case 4810: case 6968: case 2756: return c + e2 + a + e2 + r + e2 + e2; case 5936: switch (A(e2, t2 + 11)) { case 114: return c + e2 + r + T(e2, /[svh]\w+-[tblr]{2}/, "tb") + e2; case 108: return c + e2 + r + T(e2, /[svh]\w+-[tblr]{2}/, "tb-rl") + e2; case 45: return c + e2 + r + T(e2, /[svh]\w+-[tblr]{2}/, "lr") + e2; } case 6828: case 4268: case 2903: return c + e2 + r + e2 + e2; case 6165: return c + e2 + r + "flex-" + e2 + e2; case 5187: return c + e2 + T(e2, /(\w+).+(:[^]+)/, c + "box-$1$2" + r + "flex-$1$2") + e2; case 5443: return c + e2 + r + "flex-item-" + T(e2, /flex-|-self/g, "") + (!y(e2, /flex-|baseline/) ? r + "grid-row-" + T(e2, /flex-|-self/g, "") : "") + e2; case 4675: return c + e2 + r + "flex-line-pack" + T(e2, /align-content|flex-|-self/g, "") + e2; case 5548: return c + e2 + r + T(e2, "shrink", "negative") + e2; case 5292: return c + e2 + r + T(e2, "basis", "preferred-size") + e2; case 6060: return c + "box-" + T(e2, "-grow", "") + c + e2 + r + T(e2, "grow", "positive") + e2; case 4554: return c + T(e2, /([^-])(transform)/g, "$1" + c + "$2") + e2; case 6187: return T(T(T(e2, /(zoom-|grab)/, c + "$1"), /(image-set)/, c + "$1"), e2, "") + e2; case 5495: case 3959: return T(e2, /(image-set\([^]*)/, c + "$1$`$1"); case 4968: return T(T(e2, /(.+:)(flex-)?(.*)/, c + "box-pack:$3" + r + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + c + e2 + e2; case 4200: if (!y(e2, /flex-|baseline/)) return r + "grid-column-align" + M(e2, t2) + e2; break; case 2592: case 3360: return r + T(e2, "template-", "") + e2; case 4384: case 3616: if (n2 && n2.some(function(e3, r2) { return t2 = r2, y(e3.props, /grid-\w+-end/); })) { return ~O(e2 + (n2 = n2[t2].value), "span") ? e2 : r + T(e2, "-start", "") + e2 + r + "grid-row-span:" + (~O(n2, "span") ? y(n2, /\d+/) : +y(n2, /\d+/) - +y(e2, /\d+/)) + ";"; } return r + T(e2, "-start", "") + e2; case 4896: case 4128: return n2 && n2.some(function(e3) { return y(e3.props, /grid-\w+-start/); }) ? e2 : r + T(T(e2, "-end", "-span"), "span ", "") + e2; case 4095: case 3583: case 4068: case 2532: return T(e2, /(.+)-inline(.+)/, c + "$1$2") + e2; case 8116: case 7059: case 5753: case 5535: case 5445: case 5701: case 4933: case 4677: case 5533: case 5789: case 5021: case 4765: if (C(e2) - 1 - t2 > 6) switch (A(e2, t2 + 1)) { case 109: if (A(e2, t2 + 4) !== 45) break; case 102: return T(e2, /(.+:)(.+)-([^]+)/, "$1" + c + "$2-$3$1" + a + (A(e2, t2 + 3) == 108 ? "$3" : "$2-$3")) + e2; case 115: return ~O(e2, "stretch") ? ce(T(e2, "stretch", "fill-available"), t2, n2) + e2 : e2; } break; case 5152: case 5920: return T(e2, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(a2, c2, t3, n3, s2, i2, u2) { return r + c2 + ":" + t3 + u2 + (n3 ? r + c2 + "-span:" + (s2 ? i2 : +i2 - +t3) + u2 : "") + e2; }); case 4949: if (A(e2, t2 + 6) === 121) return T(e2, ":", ":" + c) + e2; break; case 6444: switch (A(e2, A(e2, 14) === 45 ? 18 : 11)) { case 120: return T(e2, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + c + (A(e2, 14) === 45 ? "inline-" : "") + "box$3$1" + c + "$2$3$1" + r + "$2box$3") + e2; case 100: return T(e2, ":", ":" + r) + e2; } break; case 5719: case 2647: case 2135: case 3927: case 2391: return T(e2, "scroll-", "scroll-snap-") + e2; } return e2; } function te(e2, r2) { var a2 = ""; var c2 = S(e2); for (var t2 = 0; t2 < c2; t2++) a2 += r2(e2[t2], t2, e2, r2) || ""; return a2; } function ne(e2, r2, a2, c2) { switch (e2.type) { case o: case s: return e2.return = e2.return || e2.value; case t: return ""; case d: return e2.return = e2.value + "{" + te(e2.children, c2) + "}"; case n: e2.value = e2.props.join(","); } return C(a2 = te(e2.children, c2)) ? e2.return = e2.value + "{" + a2 + "}" : ""; } function se(e2) { var r2 = S(e2); return function(a2, c2, t2, n2) { var s2 = ""; for (var i2 = 0; i2 < r2; i2++) s2 += e2[i2](a2, c2, t2, n2) || ""; return s2; }; } function ie(e2) { return function(r2) { if (!r2.root) { if (r2 = r2.return) e2(r2); } }; } function ue(e2, t2, i2, u2) { if (e2.length > -1) { if (!e2.return) switch (e2.type) { case s: e2.return = ce(e2.value, e2.length, i2); return; case d: return te([P(e2, { value: T(e2.value, "@", "@" + c) })], u2); case n: if (e2.length) return z(e2.props, function(t3) { switch (y(t3, /(::plac\w+|:read-\w+)/)) { case ":read-only": case ":read-write": return te([P(e2, { props: [T(t3, /:(read-\w+)/, ":" + a + "$1")] })], u2); case "::placeholder": return te([P(e2, { props: [T(t3, /:(plac\w+)/, ":" + c + "input-$1")] }), P(e2, { props: [T(t3, /:(plac\w+)/, ":" + a + "$1")] }), P(e2, { props: [T(t3, /:(plac\w+)/, r + "input-$1")] })], u2); } return ""; }); } } } function oe(e2) { switch (e2.type) { case n: e2.props = e2.props.map(function(r2) { return z(Y(r2), function(r3, a2, c2) { switch (A(r3, 0)) { case 12: return M(r3, 1, C(r3)); case 0: case 40: case 43: case 62: case 126: return r3; case 58: if (c2[++a2] === "global") c2[a2] = "", c2[++a2] = "\f" + M(c2[a2], a2 = 1, -1); case 32: return a2 === 1 ? "" : r3; default: switch (a2) { case 0: e2 = r3; return S(c2) > 1 ? "" : r3; case (a2 = S(c2) - 1): case 2: return a2 === 2 ? r3 + e2 + e2 : r3 + e2; default: return r3; } } }); }); } } e.CHARSET = f; e.COMMENT = t; e.COUNTER_STYLE = w; e.DECLARATION = s; e.DOCUMENT = h; e.FONT_FACE = b; e.FONT_FEATURE_VALUES = m; e.IMPORT = o; e.KEYFRAMES = d; e.MEDIA = u; e.MOZ = a; e.MS = r; e.NAMESPACE = v; e.PAGE = i; e.RULESET = n; e.SUPPORTS = p; e.VIEWPORT = l; e.WEBKIT = c; e.abs = g; e.alloc = K; e.append = R; e.assign = $; e.caret = I; e.char = j; e.charat = A; e.combine = z; e.comment = re; e.commenter = q; e.compile = Q; e.copy = P; e.dealloc = V; e.declaration = ae; e.delimit = W; e.delimiter = Z; e.escaping = H; e.from = k; e.hash = x; e.identifier = J; e.indexof = O; e.match = y; e.middleware = se; e.namespace = oe; e.next = _; e.node = N; e.parse = X; e.peek = F; e.prefix = ce; e.prefixer = ue; e.prev = U; e.replace = T; e.ruleset = ee; e.rulesheet = ie; e.serialize = te; e.sizeof = S; e.slice = L; e.stringify = ne; e.strlen = C; e.substr = M; e.token = D; e.tokenize = Y; e.tokenizer = G; e.trim = E; e.whitespace = B; Object.defineProperty(e, "__esModule", { value: true }); }); } }); // ../../node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.cjs.prod.js var require_emotion_weak_memoize_cjs_prod = __commonJS({ "../../node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var weakMemoize = function weakMemoize2(func) { var cache = /* @__PURE__ */ new WeakMap(); return function(arg) { if (cache.has(arg)) { return cache.get(arg); } var ret = func(arg); cache.set(arg, ret); return ret; }; }; exports.default = weakMemoize; } }); // ../../node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.cjs.js var require_emotion_weak_memoize_cjs = __commonJS({ "../../node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.cjs.js"(exports, module) { "use strict"; if (true) { module.exports = require_emotion_weak_memoize_cjs_prod(); } else { module.exports = null; } } }); // ../../node_modules/@emotion/cache/dist/emotion-cache.cjs.prod.js var require_emotion_cache_cjs_prod = __commonJS({ "../../node_modules/@emotion/cache/dist/emotion-cache.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var sheet = require_emotion_sheet_cjs(); var stylis = require_stylis(); var weakMemoize = require_emotion_weak_memoize_cjs(); var memoize = require_emotion_memoize_cjs(); function _interopDefault(e) { return e && e.__esModule ? e : { "default": e }; } var weakMemoize__default = /* @__PURE__ */ _interopDefault(weakMemoize); var memoize__default = /* @__PURE__ */ _interopDefault(memoize); var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) { var previous = 0; var character = 0; while (true) { previous = character; character = stylis.peek(); if (previous === 38 && character === 12) { points[index] = 1; } if (stylis.token(character)) { break; } stylis.next(); } return stylis.slice(begin, stylis.position); }; var toRules = function toRules2(parsed, points) { var index = -1; var character = 44; do { switch (stylis.token(character)) { case 0: if (character === 38 && stylis.peek() === 12) { points[index] = 1; } parsed[index] += identifierWithPointTracking(stylis.position - 1, points, index); break; case 2: parsed[index] += stylis.delimit(character); break; case 4: if (character === 44) { parsed[++index] = stylis.peek() === 58 ? "&\f" : ""; points[index] = parsed[index].length; break; } default: parsed[index] += stylis.from(character); } } while (character = stylis.next()); return parsed; }; var getRules = function getRules2(value, points) { return stylis.dealloc(toRules(stylis.alloc(value), points)); }; var fixedElements = /* @__PURE__ */ new WeakMap(); var compat = function compat2(element) { if (element.type !== "rule" || !element.parent || // positive .length indicates that this rule contains pseudo // negative .length indicates that this rule has been already prefixed element.length < 1) { return; } var value = element.value, parent = element.parent; var isImplicitRule = element.column === parent.column && element.line === parent.line; while (parent.type !== "rule") { parent = parent.parent; if (!parent) return; } if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) { return; } if (isImplicitRule) { return; } fixedElements.set(element, true); var points = []; var rules = getRules(value, points); var parentRules = parent.props; for (var i = 0, k = 0; i < rules.length; i++) { for (var j = 0; j < parentRules.length; j++, k++) { element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i]; } } }; var removeLabel = function removeLabel2(element) { if (element.type === "decl") { var value = element.value; if ( // charcode for l value.charCodeAt(0) === 108 && // charcode for b value.charCodeAt(2) === 98 ) { element["return"] = ""; element.value = ""; } } }; function prefix(value, length) { switch (stylis.hash(value, length)) { case 5103: return stylis.WEBKIT + "print-" + value + value; case 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921: case 5572: case 6356: case 5844: case 3191: case 6645: case 3005: case 6391: case 5879: case 5623: case 6135: case 4599: case 4855: case 4215: case 6389: case 5109: case 5365: case 5621: case 3829: return stylis.WEBKIT + value + value; case 5349: case 4246: case 4810: case 6968: case 2756: return stylis.WEBKIT + value + stylis.MOZ + value + stylis.MS + value + value; case 6828: case 4268: return stylis.WEBKIT + value + stylis.MS + value + value; case 6165: return stylis.WEBKIT + value + stylis.MS + "flex-" + value + value; case 5187: return stylis.WEBKIT + value + stylis.replace(value, /(\w+).+(:[^]+)/, stylis.WEBKIT + "box-$1$2" + stylis.MS + "flex-$1$2") + value; case 5443: return stylis.WEBKIT + value + stylis.MS + "flex-item-" + stylis.replace(value, /flex-|-self/, "") + value; case 4675: return stylis.WEBKIT + value + stylis.MS + "flex-line-pack" + stylis.replace(value, /align-content|flex-|-self/, "") + value; case 5548: return stylis.WEBKIT + value + stylis.MS + stylis.replace(value, "shrink", "negative") + value; case 5292: return stylis.WEBKIT + value + stylis.MS + stylis.replace(value, "basis", "preferred-size") + value; case 6060: return stylis.WEBKIT + "box-" + stylis.replace(value, "-grow", "") + stylis.WEBKIT + value + stylis.MS + stylis.replace(value, "grow", "positive") + value; case 4554: return stylis.WEBKIT + stylis.replace(value, /([^-])(transform)/g, "$1" + stylis.WEBKIT + "$2") + value; case 6187: return stylis.replace(stylis.replace(stylis.replace(value, /(zoom-|grab)/, stylis.WEBKIT + "$1"), /(image-set)/, stylis.WEBKIT + "$1"), value, "") + value; case 5495: case 3959: return stylis.replace(value, /(image-set\([^]*)/, stylis.WEBKIT + "$1$`$1"); case 4968: return stylis.replace(stylis.replace(value, /(.+:)(flex-)?(.*)/, stylis.WEBKIT + "box-pack:$3" + stylis.MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + stylis.WEBKIT + value + value; case 4095: case 3583: case 4068: case 2532: return stylis.replace(value, /(.+)-inline(.+)/, stylis.WEBKIT + "$1$2") + value; case 8116: case 7059: case 5753: case 5535: case 5445: case 5701: case 4933: case 4677: case 5533: case 5789: case 5021: case 4765: if (stylis.strlen(value) - 1 - length > 6) switch (stylis.charat(value, length + 1)) { case 109: if (stylis.charat(value, length + 4) !== 45) break; case 102: return stylis.replace(value, /(.+:)(.+)-([^]+)/, "$1" + stylis.WEBKIT + "$2-$3$1" + stylis.MOZ + (stylis.charat(value, length + 3) == 108 ? "$3" : "$2-$3")) + value; case 115: return ~stylis.indexof(value, "stretch") ? prefix(stylis.replace(value, "stretch", "fill-available"), length) + value : value; } break; case 4949: if (stylis.charat(value, length + 1) !== 115) break; case 6444: switch (stylis.charat(value, stylis.strlen(value) - 3 - (~stylis.indexof(value, "!important") && 10))) { case 107: return stylis.replace(value, ":", ":" + stylis.WEBKIT) + value; case 101: return stylis.replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + stylis.WEBKIT + (stylis.charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + stylis.WEBKIT + "$2$3$1" + stylis.MS + "$2box$3") + value; } break; case 5936: switch (stylis.charat(value, length + 11)) { case 114: return stylis.WEBKIT + value + stylis.MS + stylis.replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value; case 108: return stylis.WEBKIT + value + stylis.MS + stylis.replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value; case 45: return stylis.WEBKIT + value + stylis.MS + stylis.replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value; } return stylis.WEBKIT + value + stylis.MS + value + value; } return value; } var prefixer = function prefixer2(element, index, children, callback) { if (element.length > -1) { if (!element["return"]) switch (element.type) { case stylis.DECLARATION: element["return"] = prefix(element.value, element.length); break; case stylis.KEYFRAMES: return stylis.serialize([stylis.copy(element, { value: stylis.replace(element.value, "@", "@" + stylis.WEBKIT) })], callback); case stylis.RULESET: if (element.length) return stylis.combine(element.props, function(value) { switch (stylis.match(value, /(::plac\w+|:read-\w+)/)) { case ":read-only": case ":read-write": return stylis.serialize([stylis.copy(element, { props: [stylis.replace(value, /:(read-\w+)/, ":" + stylis.MOZ + "$1")] })], callback); case "::placeholder": return stylis.serialize([stylis.copy(element, { props: [stylis.replace(value, /:(plac\w+)/, ":" + stylis.WEBKIT + "input-$1")] }), stylis.copy(element, { props: [stylis.replace(value, /:(plac\w+)/, ":" + stylis.MOZ + "$1")] }), stylis.copy(element, { props: [stylis.replace(value, /:(plac\w+)/, stylis.MS + "input-$1")] })], callback); } return ""; }); } } }; var isBrowser = typeof document !== "undefined"; var getServerStylisCache = isBrowser ? void 0 : weakMemoize__default["default"](function() { return memoize__default["default"](function() { var cache = {}; return function(name) { return cache[name]; }; }); }); var defaultStylisPlugins = [prefixer]; var createCache = function createCache2(options) { var key = options.key; if (isBrowser && key === "css") { var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])"); Array.prototype.forEach.call(ssrStyles, function(node) { var dataEmotionAttribute = node.getAttribute("data-emotion"); if (dataEmotionAttribute.indexOf(" ") === -1) { return; } document.head.appendChild(node); node.setAttribute("data-s", ""); }); } var stylisPlugins = options.stylisPlugins || defaultStylisPlugins; var inserted = {}; var container; var nodesToHydrate = []; if (isBrowser) { container = options.container || document.head; Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which // means that the style elements we're looking at are only Emotion 11 server-rendered style elements document.querySelectorAll('style[data-emotion^="' + key + ' "]'), function(node) { var attrib = node.getAttribute("data-emotion").split(" "); for (var i = 1; i < attrib.length; i++) { inserted[attrib[i]] = true; } nodesToHydrate.push(node); } ); } var _insert; var omnipresentPlugins = [compat, removeLabel]; if (isBrowser) { var currentSheet; var finalizingPlugins = [stylis.stringify, stylis.rulesheet(function(rule) { currentSheet.insert(rule); })]; var serializer = stylis.middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins)); var stylis$1 = function stylis$12(styles) { return stylis.serialize(stylis.compile(styles), serializer); }; _insert = function insert(selector, serialized, sheet2, shouldCache) { currentSheet = sheet2; stylis$1(selector ? selector + "{" + serialized.styles + "}" : serialized.styles); if (shouldCache) { cache.inserted[serialized.name] = true; } }; } else { var _finalizingPlugins = [stylis.stringify]; var _serializer = stylis.middleware(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins)); var _stylis = function _stylis2(styles) { return stylis.serialize(stylis.compile(styles), _serializer); }; var serverStylisCache = getServerStylisCache(stylisPlugins)(key); var getRules2 = function getRules3(selector, serialized) { var name = serialized.name; if (serverStylisCache[name] === void 0) { serverStylisCache[name] = _stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles); } return serverStylisCache[name]; }; _insert = function _insert2(selector, serialized, sheet2, shouldCache) { var name = serialized.name; var rules = getRules2(selector, serialized); if (cache.compat === void 0) { if (shouldCache) { cache.inserted[name] = true; } return rules; } else { if (shouldCache) { cache.inserted[name] = rules; } else { return rules; } } }; } var cache = { key, sheet: new sheet.StyleSheet({ key, container, nonce: options.nonce, speedy: options.speedy, prepend: options.prepend, insertionPoint: options.insertionPoint }), nonce: options.nonce, inserted, registered: {}, insert: _insert }; cache.sheet.hydrate(nodesToHydrate); return cache; }; exports.default = createCache; } }); // ../../node_modules/@emotion/cache/dist/emotion-cache.cjs.js var require_emotion_cache_cjs = __commonJS({ "../../node_modules/@emotion/cache/dist/emotion-cache.cjs.js"(exports, module) { "use strict"; if (true) { module.exports = require_emotion_cache_cjs_prod(); } else { module.exports = null; } } }); // ../../node_modules/react-is/cjs/react-is.production.min.js var require_react_is_production_min = __commonJS({ "../../node_modules/react-is/cjs/react-is.production.min.js"(exports) { "use strict"; var b = 60103; var c = 60106; var d = 60107; var e = 60108; var f = 60114; var g = 60109; var h = 60110; var k = 60112; var l = 60113; var m = 60120; var n = 60115; var p = 60116; var q = 60121; var r = 60122; var u = 60117; var v = 60129; var w = 60131; if ("function" === typeof Symbol && Symbol.for) { x = Symbol.for; b = x("react.element"); c = x("react.portal"); d = x("react.fragment"); e = x("react.strict_mode"); f = x("react.profiler"); g = x("react.provider"); h = x("react.context"); k = x("react.forward_ref"); l = x("react.suspense"); m = x("react.suspense_list"); n = x("react.memo"); p = x("react.lazy"); q = x("react.block"); r = x("react.server.block"); u = x("react.fundamental"); v = x("react.debug_trace_mode"); w = x("react.legacy_hidden"); } var x; function y(a) { if ("object" === typeof a && null !== a) { var t = a.$$typeof; switch (t) { case b: switch (a = a.type, a) { case d: case f: case e: case l: case m: return a; default: switch (a = a && a.$$typeof, a) { case h: case k: case p: case n: case g: return a; default: return t; } } case c: return t; } } } var z = g; var A = b; var B = k; var C = d; var D = p; var E = n; var F = c; var G = f; var H = e; var I = l; exports.ContextConsumer = h; exports.ContextProvider = z; exports.Element = A; exports.ForwardRef = B; exports.Fragment = C; exports.Lazy = D; exports.Memo = E; exports.Portal = F; exports.Profiler = G; exports.StrictMode = H; exports.Suspense = I; exports.isAsyncMode = function() { return false; }; exports.isConcurrentMode = function() { return false; }; exports.isContextConsumer = function(a) { return y(a) === h; }; exports.isContextProvider = function(a) { return y(a) === g; }; exports.isElement = function(a) { return "object" === typeof a && null !== a && a.$$typeof === b; }; exports.isForwardRef = function(a) { return y(a) === k; }; exports.isFragment = function(a) { return y(a) === d; }; exports.isLazy = function(a) { return y(a) === p; }; exports.isMemo = function(a) { return y(a) === n; }; exports.isPortal = function(a) { return y(a) === c; }; exports.isProfiler = function(a) { return y(a) === f; }; exports.isStrictMode = function(a) { return y(a) === e; }; exports.isSuspense = function(a) { return y(a) === l; }; exports.isValidElementType = function(a) { return "string" === typeof a || "function" === typeof a || a === d || a === f || a === v || a === e || a === l || a === m || a === w || "object" === typeof a && null !== a && (a.$$typeof === p || a.$$typeof === n || a.$$typeof === g || a.$$typeof === h || a.$$typeof === k || a.$$typeof === u || a.$$typeof === q || a[0] === r) ? true : false; }; exports.typeOf = y; } }); // ../../node_modules/react-is/index.js var require_react_is = __commonJS({ "../../node_modules/react-is/index.js"(exports, module) { "use strict"; if (true) { module.exports = require_react_is_production_min(); } else { module.exports = null; } } }); // ../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js var require_hoist_non_react_statics_cjs = __commonJS({ "../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports, module) { "use strict"; var reactIs = require_react_is(); var REACT_STATICS = { childContextTypes: true, contextType: true, contextTypes: true, defaultProps: true, displayName: true, getDefaultProps: true, getDerivedStateFromError: true, getDerivedStateFromProps: true, mixins: true, propTypes: true, type: true }; var KNOWN_STATICS = { name: true, length: true, prototype: true, caller: true, callee: true, arguments: true, arity: true }; var FORWARD_REF_STATICS = { "$$typeof": true, render: true, defaultProps: true, displayName: true, propTypes: true }; var MEMO_STATICS = { "$$typeof": true, compare: true, defaultProps: true, displayName: true, propTypes: true, type: true }; var TYPE_STATICS = {}; TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS; TYPE_STATICS[reactIs.Memo] = MEMO_STATICS; function getStatics(component) { if (reactIs.isMemo(component)) { return MEMO_STATICS; } return TYPE_STATICS[component["$$typeof"]] || REACT_STATICS; } var defineProperty = Object.defineProperty; var getOwnPropertyNames = Object.getOwnPropertyNames; var getOwnPropertySymbols = Object.getOwnPropertySymbols; var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; var getPrototypeOf = Object.getPrototypeOf; var objectPrototype = Object.prototype; function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) { if (typeof sourceComponent !== "string") { if (objectPrototype) { var inheritedComponent = getPrototypeOf(sourceComponent); if (inheritedComponent && inheritedComponent !== objectPrototype) { hoistNonReactStatics(targetComponent, inheritedComponent, blacklist); } } var keys = getOwnPropertyNames(sourceComponent); if (getOwnPropertySymbols) { keys = keys.concat(getOwnPropertySymbols(sourceComponent)); } var targetStatics = getStatics(targetComponent); var sourceStatics = getStatics(sourceComponent); for (var i = 0; i < keys.length; ++i) { var key = keys[i]; if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) { var descriptor = getOwnPropertyDescriptor(sourceComponent, key); try { defineProperty(targetComponent, key, descriptor); } catch (e) { } } } } return targetComponent; } module.exports = hoistNonReactStatics; } }); // ../../node_modules/@emotion/react/_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.prod.js var require_emotion_react_isolated_hnrs_cjs_prod = __commonJS({ "../../node_modules/@emotion/react/_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var hoistNonReactStatics$1 = require_hoist_non_react_statics_cjs(); function _interopDefault(e) { return e && e.__esModule ? e : { "default": e }; } var hoistNonReactStatics__default = /* @__PURE__ */ _interopDefault(hoistNonReactStatics$1); var hoistNonReactStatics = function(targetComponent, sourceComponent) { return hoistNonReactStatics__default["default"](targetComponent, sourceComponent); }; exports.default = hoistNonReactStatics; } }); // ../../node_modules/@emotion/utils/dist/emotion-utils.cjs.prod.js var require_emotion_utils_cjs_prod = __commonJS({ "../../node_modules/@emotion/utils/dist/emotion-utils.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var isBrowser = typeof document !== "undefined"; function getRegisteredStyles(registered, registeredStyles, classNames) { var rawClassName = ""; classNames.split(" ").forEach(function(className) { if (registered[className] !== void 0) { registeredStyles.push(registered[className] + ";"); } else { rawClassName += className + " "; } }); return rawClassName; } var registerStyles = function registerStyles2(cache, serialized, isStringTag) { var className = cache.key + "-" + serialized.name; if ( // we only need to add the styles to the registered cache if the // class name could be used further down // the tree but if it's a string tag, we know it won't // so we don't have to add it to registered cache. // this improves memory usage since we can avoid storing the whole style string (isStringTag === false || // we need to always store it if we're in compat mode and // in node since emotion-server relies on whether a style is in // the registered cache to know whether a style is global or not // also, note that this check will be dead code eliminated in the browser isBrowser === false && cache.compat !== void 0) && cache.registered[className] === void 0 ) { cache.registered[className] = serialized.styles; } }; var insertStyles = function insertStyles2(cache, serialized, isStringTag) { registerStyles(cache, serialized, isStringTag); var className = cache.key + "-" + serialized.name; if (cache.inserted[serialized.name] === void 0) { var stylesForSSR = ""; var current = serialized; do { var maybeStyles = cache.insert(serialized === current ? "." + className : "", current, cache.sheet, true); if (!isBrowser && maybeStyles !== void 0) { stylesForSSR += maybeStyles; } current = current.next; } while (current !== void 0); if (!isBrowser && stylesForSSR.length !== 0) { return stylesForSSR; } } }; exports.getRegisteredStyles = getRegisteredStyles; exports.insertStyles = insertStyles; exports.registerStyles = registerStyles; } }); // ../../node_modules/@emotion/utils/dist/emotion-utils.cjs.js var require_emotion_utils_cjs = __commonJS({ "../../node_modules/@emotion/utils/dist/emotion-utils.cjs.js"(exports, module) { "use strict"; if (true) { module.exports = require_emotion_utils_cjs_prod(); } else { module.exports = null; } } }); // ../../node_modules/@emotion/hash/dist/emotion-hash.cjs.prod.js var require_emotion_hash_cjs_prod = __commonJS({ "../../node_modules/@emotion/hash/dist/emotion-hash.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); function murmur2(str) { var h = 0; var k, i = 0, len = str.length; for (; len >= 4; ++i, len -= 4) { k = str.charCodeAt(i) & 255 | (str.charCodeAt(++i) & 255) << 8 | (str.charCodeAt(++i) & 255) << 16 | (str.charCodeAt(++i) & 255) << 24; k = /* Math.imul(k, m): */ (k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16); k ^= /* k >>> r: */ k >>> 24; h = /* Math.imul(k, m): */ (k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */ (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16); } switch (len) { case 3: h ^= (str.charCodeAt(i + 2) & 255) << 16; case 2: h ^= (str.charCodeAt(i + 1) & 255) << 8; case 1: h ^= str.charCodeAt(i) & 255; h = /* Math.imul(h, m): */ (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16); } h ^= h >>> 13; h = /* Math.imul(h, m): */ (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16); return ((h ^ h >>> 15) >>> 0).toString(36); } exports.default = murmur2; } }); // ../../node_modules/@emotion/hash/dist/emotion-hash.cjs.js var require_emotion_hash_cjs = __commonJS({ "../../node_modules/@emotion/hash/dist/emotion-hash.cjs.js"(exports, module) { "use strict"; if (true) { module.exports = require_emotion_hash_cjs_prod(); } else { module.exports = null; } } }); // ../../node_modules/@emotion/unitless/dist/emotion-unitless.cjs.prod.js var require_emotion_unitless_cjs_prod = __commonJS({ "../../node_modules/@emotion/unitless/dist/emotion-unitless.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var unitlessKeys = { animationIterationCount: 1, borderImageOutset: 1, borderImageSlice: 1, borderImageWidth: 1, boxFlex: 1, boxFlexGroup: 1, boxOrdinalGroup: 1, columnCount: 1, columns: 1, flex: 1, flexGrow: 1, flexPositive: 1, flexShrink: 1, flexNegative: 1, flexOrder: 1, gridRow: 1, gridRowEnd: 1, gridRowSpan: 1, gridRowStart: 1, gridColumn: 1, gridColumnEnd: 1, gridColumnSpan: 1, gridColumnStart: 1, msGridRow: 1, msGridRowSpan: 1, msGridColumn: 1, msGridColumnSpan: 1, fontWeight: 1, lineHeight: 1, opacity: 1, order: 1, orphans: 1, tabSize: 1, widows: 1, zIndex: 1, zoom: 1, WebkitLineClamp: 1, // SVG-related properties fillOpacity: 1, floodOpacity: 1, stopOpacity: 1, strokeDasharray: 1, strokeDashoffset: 1, strokeMiterlimit: 1, strokeOpacity: 1, strokeWidth: 1 }; exports.default = unitlessKeys; } }); // ../../node_modules/@emotion/unitless/dist/emotion-unitless.cjs.js var require_emotion_unitless_cjs = __commonJS({ "../../node_modules/@emotion/unitless/dist/emotion-unitless.cjs.js"(exports, module) { "use strict"; if (true) { module.exports = require_emotion_unitless_cjs_prod(); } else { module.exports = null; } } }); // ../../node_modules/@emotion/serialize/dist/emotion-serialize.cjs.prod.js var require_emotion_serialize_cjs_prod = __commonJS({ "../../node_modules/@emotion/serialize/dist/emotion-serialize.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var hashString = require_emotion_hash_cjs(); var unitless = require_emotion_unitless_cjs(); var memoize = require_emotion_memoize_cjs(); function _interopDefault(e) { return e && e.__esModule ? e : { "default": e }; } var hashString__default = /* @__PURE__ */ _interopDefault(hashString); var unitless__default = /* @__PURE__ */ _interopDefault(unitless); var memoize__default = /* @__PURE__ */ _interopDefault(memoize); var hyphenateRegex = /[A-Z]|^ms/g; var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g; var isCustomProperty = function isCustomProperty2(property) { return property.charCodeAt(1) === 45; }; var isProcessableValue = function isProcessableValue2(value) { return value != null && typeof value !== "boolean"; }; var processStyleName = /* @__PURE__ */ memoize__default["default"](function(styleName) { return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, "-$&").toLowerCase(); }); var processStyleValue = function processStyleValue2(key, value) { switch (key) { case "animation": case "animationName": { if (typeof value === "string") { return value.replace(animationRegex, function(match, p1, p2) { cursor = { name: p1, styles: p2, next: cursor }; return p1; }); } } } if (unitless__default["default"][key] !== 1 && !isCustomProperty(key) && typeof value === "number" && value !== 0) { return value + "px"; } return value; }; function handleInterpolation(mergedProps, registered, interpolation) { if (interpolation == null) { return ""; } if (interpolation.__emotion_styles !== void 0) { return interpolation; } switch (typeof interpolation) { case "boolean": { return ""; } case "object": { if (interpolation.anim === 1) { cursor = { name: interpolation.name, styles: interpolation.styles, next: cursor }; return interpolation.name; } if (interpolation.styles !== void 0) { var next = interpolation.next; if (next !== void 0) { while (next !== void 0) { cursor = { name: next.name, styles: next.styles, next: cursor }; next = next.next; } } var styles = interpolation.styles + ";"; return styles; } return createStringFromObject(mergedProps, registered, interpolation); } case "function": { if (mergedProps !== void 0) { var previousCursor = cursor; var result = interpolation(mergedProps); cursor = previousCursor; return handleInterpolation(mergedProps, registered, result); } break; } } if (registered == null) { return interpolation; } var cached = registered[interpolation]; return cached !== void 0 ? cached : interpolation; } function createStringFromObject(mergedProps, registered, obj) { var string = ""; if (Array.isArray(obj)) { for (var i = 0; i < obj.length; i++) { string += handleInterpolation(mergedProps, registered, obj[i]) + ";"; } } else { for (var _key in obj) { var value = obj[_key]; if (typeof value !== "object") { if (registered != null && registered[value] !== void 0) { string += _key + "{" + registered[value] + "}"; } else if (isProcessableValue(value)) { string += processStyleName(_key) + ":" + processStyleValue(_key, value) + ";"; } } else { if (_key === "NO_COMPONENT_SELECTOR" && false) { throw new Error(noComponentSelectorMessage); } if (Array.isArray(value) && typeof value[0] === "string" && (registered == null || registered[value[0]] === void 0)) { for (var _i = 0; _i < value.length; _i++) { if (isProcessableValue(value[_i])) { string += processStyleName(_key) + ":" + processStyleValue(_key, value[_i]) + ";"; } } } else { var interpolated = handleInterpolation(mergedProps, registered, value); switch (_key) { case "animation": case "animationName": { string += processStyleName(_key) + ":" + interpolated + ";"; break; } default: { string += _key + "{" + interpolated + "}"; } } } } } } return string; } var labelPattern = /label:\s*([^\s;\n{]+)\s*(;|$)/g; var cursor; var serializeStyles = function serializeStyles2(args, registered, mergedProps) { if (args.length === 1 && typeof args[0] === "object" && args[0] !== null && args[0].styles !== void 0) { return args[0]; } var stringMode = true; var styles = ""; cursor = void 0; var strings = args[0]; if (strings == null || strings.raw === void 0) { stringMode = false; styles += handleInterpolation(mergedProps, registered, strings); } else { styles += strings[0]; } for (var i = 1; i < args.length; i++) { styles += handleInterpolation(mergedProps, registered, args[i]); if (stringMode) { styles += strings[i]; } } labelPattern.lastIndex = 0; var identifierName = ""; var match; while ((match = labelPattern.exec(styles)) !== null) { identifierName += "-" + // $FlowFixMe we know it's not null match[1]; } var name = hashString__default["default"](styles) + identifierName; return { name, styles, next: cursor }; }; exports.serializeStyles = serializeStyles; } }); // ../../node_modules/@emotion/serialize/dist/emotion-serialize.cjs.js var require_emotion_serialize_cjs = __commonJS({ "../../node_modules/@emotion/serialize/dist/emotion-serialize.cjs.js"(exports, module) { "use strict"; if (true) { module.exports = require_emotion_serialize_cjs_prod(); } else { module.exports = null; } } }); // ../../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.cjs.prod.js var require_emotion_use_insertion_effect_with_fallbacks_cjs_prod = __commonJS({ "../../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var React3 = require_react(); function _interopNamespace(e) { if (e && e.__esModule) return e; var n = /* @__PURE__ */ Object.create(null); if (e) { Object.keys(e).forEach(function(k) { if (k !== "default") { var d = Object.getOwnPropertyDescriptor(e, k); Object.defineProperty(n, k, d.get ? d : { enumerable: true, get: function() { return e[k]; } }); } }); } n["default"] = e; return Object.freeze(n); } var React__namespace = /* @__PURE__ */ _interopNamespace(React3); var isBrowser = typeof document !== "undefined"; var syncFallback = function syncFallback2(create) { return create(); }; var useInsertionEffect = React__namespace["useInsertionEffect"] ? React__namespace["useInsertionEffect"] : false; var useInsertionEffectAlwaysWithSyncFallback = !isBrowser ? syncFallback : useInsertionEffect || syncFallback; var useInsertionEffectWithLayoutFallback = useInsertionEffect || React3.useLayoutEffect; exports.useInsertionEffectAlwaysWithSyncFallback = useInsertionEffectAlwaysWithSyncFallback; exports.useInsertionEffectWithLayoutFallback = useInsertionEffectWithLayoutFallback; } }); // ../../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.cjs.js var require_emotion_use_insertion_effect_with_fallbacks_cjs = __commonJS({ "../../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.cjs.js"(exports, module) { "use strict"; if (true) { module.exports = require_emotion_use_insertion_effect_with_fallbacks_cjs_prod(); } else { module.exports = null; } } }); // ../../node_modules/@emotion/react/dist/emotion-element-20108edd.cjs.prod.js var require_emotion_element_20108edd_cjs_prod = __commonJS({ "../../node_modules/@emotion/react/dist/emotion-element-20108edd.cjs.prod.js"(exports) { "use strict"; var React3 = require_react(); var createCache = require_emotion_cache_cjs(); var _extends = require_extends(); var weakMemoize = require_emotion_weak_memoize_cjs(); var _isolatedHnrs_dist_emotionReact_isolatedHnrs = require_emotion_react_isolated_hnrs_cjs_prod(); var utils = require_emotion_utils_cjs(); var serialize = require_emotion_serialize_cjs(); var useInsertionEffectWithFallbacks = require_emotion_use_insertion_effect_with_fallbacks_cjs(); function _interopDefault(e) { return e && e.__esModule ? e : { "default": e }; } var createCache__default = /* @__PURE__ */ _interopDefault(createCache); var weakMemoize__default = /* @__PURE__ */ _interopDefault(weakMemoize); var isBrowser = typeof document !== "undefined"; var hasOwnProperty = {}.hasOwnProperty; var EmotionCacheContext = /* @__PURE__ */ React3.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case // because this module is primarily intended for the browser and node // but it's also required in react native and similar environments sometimes // and we could have a special build just for that // but this is much easier and the native packages // might use a different theme context in the future anyway typeof HTMLElement !== "undefined" ? /* @__PURE__ */ createCache__default["default"]({ key: "css" }) : null ); var CacheProvider = EmotionCacheContext.Provider; var __unsafe_useEmotionCache = function useEmotionCache() { return React3.useContext(EmotionCacheContext); }; exports.withEmotionCache = function withEmotionCache(func) { return /* @__PURE__ */ React3.forwardRef(function(props, ref) { var cache = React3.useContext(EmotionCacheContext); return func(props, cache, ref); }); }; if (!isBrowser) { exports.withEmotionCache = function withEmotionCache(func) { return function(props) { var cache = React3.useContext(EmotionCacheContext); if (cache === null) { cache = createCache__default["default"]({ key: "css" }); return /* @__PURE__ */ React3.createElement(EmotionCacheContext.Provider, { value: cache }, func(props, cache)); } else { return func(props, cache); } }; }; } var ThemeContext = /* @__PURE__ */ React3.createContext({}); var useTheme = function useTheme2() { return React3.useContext(ThemeContext); }; var getTheme = function getTheme2(outerTheme, theme) { if (typeof theme === "function") { var mergedTheme = theme(outerTheme); return mergedTheme; } return _extends({}, outerTheme, theme); }; var createCacheWithTheme = /* @__PURE__ */ weakMemoize__default["default"](function(outerTheme) { return weakMemoize__default["default"](function(theme) { return getTheme(outerTheme, theme); }); }); var ThemeProvider = function ThemeProvider2(props) { var theme = React3.useContext(ThemeContext); if (props.theme !== theme) { theme = createCacheWithTheme(theme)(props.theme); } return /* @__PURE__ */ React3.createElement(ThemeContext.Provider, { value: theme }, props.children); }; function withTheme(Component) { var componentName = Component.displayName || Component.name || "Component"; var render = function render2(props, ref) { var theme = React3.useContext(ThemeContext); return /* @__PURE__ */ React3.createElement(Component, _extends({ theme, ref }, props)); }; var WithTheme = /* @__PURE__ */ React3.forwardRef(render); WithTheme.displayName = "WithTheme(" + componentName + ")"; return _isolatedHnrs_dist_emotionReact_isolatedHnrs["default"](WithTheme, Component); } var typePropName = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__"; var createEmotionProps = function createEmotionProps2(type, props) { var newProps = {}; for (var key in props) { if (hasOwnProperty.call(props, key)) { newProps[key] = props[key]; } } newProps[typePropName] = type; return newProps; }; var Insertion = function Insertion2(_ref) { var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag; utils.registerStyles(cache, serialized, isStringTag); var rules = useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function() { return utils.insertStyles(cache, serialized, isStringTag); }); if (!isBrowser && rules !== void 0) { var _ref2; var serializedNames = serialized.name; var next = serialized.next; while (next !== void 0) { serializedNames += " " + next.name; next = next.next; } return /* @__PURE__ */ React3.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = { __html: rules }, _ref2.nonce = cache.sheet.nonce, _ref2)); } return null; }; var Emotion = /* @__PURE__ */ exports.withEmotionCache(function(props, cache, ref) { var cssProp = props.css; if (typeof cssProp === "string" && cache.registered[cssProp] !== void 0) { cssProp = cache.registered[cssProp]; } var WrappedComponent = props[typePropName]; var registeredStyles = [cssProp]; var className = ""; if (typeof props.className === "string") { className = utils.getRegisteredStyles(cache.registered, registeredStyles, props.className); } else if (props.className != null) { className = props.className + " "; } var serialized = serialize.serializeStyles(registeredStyles, void 0, React3.useContext(ThemeContext)); className += cache.key + "-" + serialized.name; var newProps = {}; for (var key in props) { if (hasOwnProperty.call(props, key) && key !== "css" && key !== typePropName && true) { newProps[key] = props[key]; } } newProps.ref = ref; newProps.className = className; return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Insertion, { cache, serialized, isStringTag: typeof WrappedComponent === "string" }), /* @__PURE__ */ React3.createElement(WrappedComponent, newProps)); }); exports.CacheProvider = CacheProvider; exports.Emotion = Emotion; exports.ThemeContext = ThemeContext; exports.ThemeProvider = ThemeProvider; exports.__unsafe_useEmotionCache = __unsafe_useEmotionCache; exports.createEmotionProps = createEmotionProps; exports.hasOwnProperty = hasOwnProperty; exports.isBrowser = isBrowser; exports.useTheme = useTheme; exports.withTheme = withTheme; } }); // ../../node_modules/@emotion/react/dist/emotion-react.cjs.prod.js var require_emotion_react_cjs_prod = __commonJS({ "../../node_modules/@emotion/react/dist/emotion-react.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var React3 = require_react(); require_emotion_cache_cjs(); var emotionElement = require_emotion_element_20108edd_cjs_prod(); require_extends(); require_emotion_weak_memoize_cjs(); require_hoist_non_react_statics_cjs(); require_emotion_react_isolated_hnrs_cjs_prod(); var utils = require_emotion_utils_cjs(); var serialize = require_emotion_serialize_cjs(); var useInsertionEffectWithFallbacks = require_emotion_use_insertion_effect_with_fallbacks_cjs(); var jsx2 = function jsx3(type, props) { var args = arguments; if (props == null || !emotionElement.hasOwnProperty.call(props, "css")) { return React3.createElement.apply(void 0, args); } var argsLength = args.length; var createElementArgArray = new Array(argsLength); createElementArgArray[0] = emotionElement.Emotion; createElementArgArray[1] = emotionElement.createEmotionProps(type, props); for (var i = 2; i < argsLength; i++) { createElementArgArray[i] = args[i]; } return React3.createElement.apply(null, createElementArgArray); }; var Global = /* @__PURE__ */ emotionElement.withEmotionCache(function(props, cache) { var styles = props.styles; var serialized = serialize.serializeStyles([styles], void 0, React3.useContext(emotionElement.ThemeContext)); if (!emotionElement.isBrowser) { var _ref; var serializedNames = serialized.name; var serializedStyles = serialized.styles; var next = serialized.next; while (next !== void 0) { serializedNames += " " + next.name; serializedStyles += next.styles; next = next.next; } var shouldCache = cache.compat === true; var rules = cache.insert("", { name: serializedNames, styles: serializedStyles }, cache.sheet, shouldCache); if (shouldCache) { return null; } return /* @__PURE__ */ React3.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = { __html: rules }, _ref.nonce = cache.sheet.nonce, _ref)); } var sheetRef = React3.useRef(); useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback(function() { var key = cache.key + "-global"; var sheet = new cache.sheet.constructor({ key, nonce: cache.sheet.nonce, container: cache.sheet.container, speedy: cache.sheet.isSpeedy }); var rehydrating = false; var node = document.querySelector('style[data-emotion="' + key + " " + serialized.name + '"]'); if (cache.sheet.tags.length) { sheet.before = cache.sheet.tags[0]; } if (node !== null) { rehydrating = true; node.setAttribute("data-emotion", key); sheet.hydrate([node]); } sheetRef.current = [sheet, rehydrating]; return function() { sheet.flush(); }; }, [cache]); useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback(function() { var sheetRefCurrent = sheetRef.current; var sheet = sheetRefCurrent[0], rehydrating = sheetRefCurrent[1]; if (rehydrating) { sheetRefCurrent[1] = false; return; } if (serialized.next !== void 0) { utils.insertStyles(cache, serialized.next, true); } if (sheet.tags.length) { var element = sheet.tags[sheet.tags.length - 1].nextElementSibling; sheet.before = element; sheet.flush(); } cache.insert("", serialized, sheet, false); }, [cache, serialized.name]); return null; }); function css() { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return serialize.serializeStyles(args); } var keyframes = function keyframes2() { var insertable = css.apply(void 0, arguments); var name = "animation-" + insertable.name; return { name, styles: "@keyframes " + name + "{" + insertable.styles + "}", anim: 1, toString: function toString() { return "_EMO_" + this.name + "_" + this.styles + "_EMO_"; } }; }; var classnames = function classnames2(args) { var len = args.length; var i = 0; var cls = ""; for (; i < len; i++) { var arg = args[i]; if (arg == null) continue; var toAdd = void 0; switch (typeof arg) { case "boolean": break; case "object": { if (Array.isArray(arg)) { toAdd = classnames2(arg); } else { toAdd = ""; for (var k in arg) { if (arg[k] && k) { toAdd && (toAdd += " "); toAdd += k; } } } break; } default: { toAdd = arg; } } if (toAdd) { cls && (cls += " "); cls += toAdd; } } return cls; }; function merge(registered, css2, className) { var registeredStyles = []; var rawClassName = utils.getRegisteredStyles(registered, registeredStyles, className); if (registeredStyles.length < 2) { return className; } return rawClassName + css2(registeredStyles); } var Insertion = function Insertion2(_ref) { var cache = _ref.cache, serializedArr = _ref.serializedArr; var rules = useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function() { var rules2 = ""; for (var i = 0; i < serializedArr.length; i++) { var res = utils.insertStyles(cache, serializedArr[i], false); if (!emotionElement.isBrowser && res !== void 0) { rules2 += res; } } if (!emotionElement.isBrowser) { return rules2; } }); if (!emotionElement.isBrowser && rules.length !== 0) { var _ref2; return /* @__PURE__ */ React3.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function(serialized) { return serialized.name; }).join(" "), _ref2.dangerouslySetInnerHTML = { __html: rules }, _ref2.nonce = cache.sheet.nonce, _ref2)); } return null; }; var ClassNames = /* @__PURE__ */ emotionElement.withEmotionCache(function(props, cache) { var hasRendered = false; var serializedArr = []; var css2 = function css3() { if (hasRendered && false) { throw new Error("css can only be used during render"); } for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } var serialized = serialize.serializeStyles(args, cache.registered); serializedArr.push(serialized); utils.registerStyles(cache, serialized, false); return cache.key + "-" + serialized.name; }; var cx = function cx2() { if (hasRendered && false) { throw new Error("cx can only be used during render"); } for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2]; } return merge(cache.registered, css2, classnames(args)); }; var content = { css: css2, cx, theme: React3.useContext(emotionElement.ThemeContext) }; var ele = props.children(content); hasRendered = true; return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Insertion, { cache, serializedArr }), ele); }); exports.CacheProvider = emotionElement.CacheProvider; exports.ThemeContext = emotionElement.ThemeContext; exports.ThemeProvider = emotionElement.ThemeProvider; exports.__unsafe_useEmotionCache = emotionElement.__unsafe_useEmotionCache; exports.useTheme = emotionElement.useTheme; Object.defineProperty(exports, "withEmotionCache", { enumerable: true, get: function() { return emotionElement.withEmotionCache; } }); exports.withTheme = emotionElement.withTheme; exports.ClassNames = ClassNames; exports.Global = Global; exports.createElement = jsx2; exports.css = css; exports.jsx = jsx2; exports.keyframes = keyframes; } }); // ../../node_modules/@emotion/react/dist/emotion-react.cjs.js var require_emotion_react_cjs = __commonJS({ "../../node_modules/@emotion/react/dist/emotion-react.cjs.js"(exports, module) { "use strict"; if (true) { module.exports = require_emotion_react_cjs_prod(); } else { module.exports = null; } } }); // ../../node_modules/@emotion/styled/base/dist/emotion-styled-base.cjs.prod.js var require_emotion_styled_base_cjs_prod = __commonJS({ "../../node_modules/@emotion/styled/base/dist/emotion-styled-base.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var _extends = require_extends(); var React3 = require_react(); var isPropValid = require_emotion_is_prop_valid_cjs(); var react = require_emotion_react_cjs(); var utils = require_emotion_utils_cjs(); var serialize = require_emotion_serialize_cjs(); var useInsertionEffectWithFallbacks = require_emotion_use_insertion_effect_with_fallbacks_cjs(); function _interopDefault(e) { return e && e.__esModule ? e : { "default": e }; } var isPropValid__default = /* @__PURE__ */ _interopDefault(isPropValid); var testOmitPropsOnStringTag = isPropValid__default["default"]; var testOmitPropsOnComponent = function testOmitPropsOnComponent2(key) { return key !== "theme"; }; var getDefaultShouldForwardProp = function getDefaultShouldForwardProp2(tag) { return typeof tag === "string" && // 96 is one less than the char code // for "a" so this is checking that // it's a lowercase character tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent; }; var composeShouldForwardProps = function composeShouldForwardProps2(tag, options, isReal) { var shouldForwardProp; if (options) { var optionsShouldForwardProp = options.shouldForwardProp; shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function(propName) { return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName); } : optionsShouldForwardProp; } if (typeof shouldForwardProp !== "function" && isReal) { shouldForwardProp = tag.__emotion_forwardProp; } return shouldForwardProp; }; var isBrowser = typeof document !== "undefined"; var Insertion = function Insertion2(_ref) { var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag; utils.registerStyles(cache, serialized, isStringTag); var rules = useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function() { return utils.insertStyles(cache, serialized, isStringTag); }); if (!isBrowser && rules !== void 0) { var _ref2; var serializedNames = serialized.name; var next = serialized.next; while (next !== void 0) { serializedNames += " " + next.name; next = next.next; } return /* @__PURE__ */ React3.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = { __html: rules }, _ref2.nonce = cache.sheet.nonce, _ref2)); } return null; }; var createStyled = function createStyled2(tag, options) { var isReal = tag.__emotion_real === tag; var baseTag = isReal && tag.__emotion_base || tag; var identifierName; var targetClassName; if (options !== void 0) { identifierName = options.label; targetClassName = options.target; } var shouldForwardProp = composeShouldForwardProps(tag, options, isReal); var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag); var shouldUseAs = !defaultShouldForwardProp("as"); return function() { var args = arguments; var styles = isReal && tag.__emotion_styles !== void 0 ? tag.__emotion_styles.slice(0) : []; if (identifierName !== void 0) { styles.push("label:" + identifierName + ";"); } if (args[0] == null || args[0].raw === void 0) { styles.push.apply(styles, args); } else { styles.push(args[0][0]); var len = args.length; var i = 1; for (; i < len; i++) { styles.push(args[i], args[0][i]); } } var Styled = react.withEmotionCache(function(props, cache, ref) { var FinalTag = shouldUseAs && props.as || baseTag; var className = ""; var classInterpolations = []; var mergedProps = props; if (props.theme == null) { mergedProps = {}; for (var key in props) { mergedProps[key] = props[key]; } mergedProps.theme = React3.useContext(react.ThemeContext); } if (typeof props.className === "string") { className = utils.getRegisteredStyles(cache.registered, classInterpolations, props.className); } else if (props.className != null) { className = props.className + " "; } var serialized = serialize.serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps); className += cache.key + "-" + serialized.name; if (targetClassName !== void 0) { className += " " + targetClassName; } var finalShouldForwardProp = shouldUseAs && shouldForwardProp === void 0 ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp; var newProps = {}; for (var _key in props) { if (shouldUseAs && _key === "as") continue; if ( // $FlowFixMe finalShouldForwardProp(_key) ) { newProps[_key] = props[_key]; } } newProps.className = className; newProps.ref = ref; return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Insertion, { cache, serialized, isStringTag: typeof FinalTag === "string" }), /* @__PURE__ */ React3.createElement(FinalTag, newProps)); }); Styled.displayName = identifierName !== void 0 ? identifierName : "Styled(" + (typeof baseTag === "string" ? baseTag : baseTag.displayName || baseTag.name || "Component") + ")"; Styled.defaultProps = tag.defaultProps; Styled.__emotion_real = Styled; Styled.__emotion_base = baseTag; Styled.__emotion_styles = styles; Styled.__emotion_forwardProp = shouldForwardProp; Object.defineProperty(Styled, "toString", { value: function value() { if (targetClassName === void 0 && false) { return "NO_COMPONENT_SELECTOR"; } return "." + targetClassName; } }); Styled.withComponent = function(nextTag, nextOptions) { return createStyled2(nextTag, _extends({}, options, nextOptions, { shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true) })).apply(void 0, styles); }; return Styled; }; }; exports.default = createStyled; } }); // ../../node_modules/@emotion/styled/dist/emotion-styled.cjs.prod.js var require_emotion_styled_cjs_prod = __commonJS({ "../../node_modules/@emotion/styled/dist/emotion-styled.cjs.prod.js"(exports) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); require_extends(); require_react(); require_emotion_is_prop_valid_cjs(); var base_dist_emotionStyledBase = require_emotion_styled_base_cjs_prod(); require_emotion_react_cjs(); require_emotion_utils_cjs(); require_emotion_serialize_cjs(); require_emotion_use_insertion_effect_with_fallbacks_cjs(); var tags = [ "a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "marquee", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "u", "ul", "var", "video", "wbr", // SVG "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan" ]; var newStyled = base_dist_emotionStyledBase["default"].bind(); tags.forEach(function(tagName) { newStyled[tagName] = newStyled(tagName); }); exports.default = newStyled; } }); // ../../node_modules/@emotion/styled/dist/emotion-styled.cjs.js var require_emotion_styled_cjs = __commonJS({ "../../node_modules/@emotion/styled/dist/emotion-styled.cjs.js"(exports, module) { "use strict"; if (true) { module.exports = require_emotion_styled_cjs_prod(); } else { module.exports = null; } } }); // _mdx_bundler_entry_point-f65a039b-ef7c-40c2-8a45-101394f2b5e0.mdx var mdx_bundler_entry_point_f65a039b_ef7c_40c2_8a45_101394f2b5e0_exports = {}; __export(mdx_bundler_entry_point_f65a039b_ef7c_40c2_8a45_101394f2b5e0_exports, { default: () => mdx_bundler_entry_point_f65a039b_ef7c_40c2_8a45_101394f2b5e0_default, frontmatter: () => frontmatter }); var import_jsx_runtime2 = __toESM(require_jsx_runtime()); // CurveEditorDemo.tsx var React2 = __toESM(require_react()); var import_react2 = __toESM(require_react()); // CurveEditorControl.tsx var import_styled = __toESM(require_emotion_styled_cjs()); var import_react = __toESM(require_react()); // ../utils/math.ts var findSegmentIndex = (p, ss) => { if (ss.length === 0) return void 0; const distances = ss.map(({ a, b }) => distance(p, a, b)); const minDistance = Math.min(...distances); return { index: distances.indexOf(minDistance), distance: minDistance }; }; var segments = (ps) => { let result = []; for (let i = 1; i < ps.length; i++) { result.push({ a: ps[i - 1], b: ps[i] }); } return result; }; var segmentsToPoints = (ss) => { const result = []; ss.forEach((v) => result.push(v.a)); result.push(ss[ss.length - 1].b); return result; }; var divideSegment = (p, segment) => { const sa = { a: segment.a, b: p }; const sb = { a: p, b: segment.b }; return [sa, sb]; }; var distance = (p, a, b) => { const { x, y } = p; const { x: x1, y: y1 } = a; const { x: x2, y: y2 } = b; const A = x - x1; const B = y - y1; const C = x2 - x1; const D = y2 - y1; const dot = A * C + B * D; const len_sq = C * C + D * D; let param = -1; if (len_sq != 0) param = dot / len_sq; let xx, yy; if (param < 0) { xx = x1; yy = y1; } else if (param > 1) { xx = x2; yy = y2; } else { xx = x1 + param * C; yy = y1 + param * D; } const dx = x - xx; const dy = y - yy; return Math.sqrt(dx * dx + dy * dy); }; var isInsideSquare = (p, square, side) => { return p.x >= square.x && p.y >= square.y && p.x < square.x + side && p.y < square.y + side; }; var clamp = (v, min, max) => { return Math.min(max, Math.max(min, v)); }; // CurveEditorControl.tsx var import_jsx_runtime = __toESM(require_jsx_runtime()); var DefaultCurveEditorUi = { control: { border: 4, padding: 16 }, content: { border: 4, padding: 20 }, dot: { side: 10 }, canvasWidth: 192, canvasHeight: 192, draw: (ui, ps, closestSegmentIndex, hoveredPointIndex, context) => { context.clearRect(0, 0, context.canvas.width, context.canvas.height); context.fillStyle = "lightyellow"; context.fillRect(ui.content.padding, ui.content.padding, ui.canvasWidth - 2 * ui.content.padding, ui.canvasHeight - 2 * ui.content.padding); context.strokeStyle = "orange"; context.strokeRect(ui.content.padding, ui.content.padding, ui.canvasWidth - 2 * ui.content.padding, ui.canvasHeight - 2 * ui.content.padding); ui.drawLines(ui, ps, closestSegmentIndex, context); ui.drawDots(ui, ps, hoveredPointIndex, context); }, drawDots: (ui, points, hoveredPointIndex, context) => { for (let index = 0; index < points.length; index++) { const p = minus(ui.plotToCanvas(points[index], ui), ui.dot.side / 2); ui.drawDot(p, ui, context, { hovered: hoveredPointIndex === index }); } }, drawDot: (p, ui, context, options) => { const side = ui.dot.side; context.strokeStyle = options.hovered ? "red" : "black"; context.fillStyle = "white"; context.beginPath(); context.ellipse(p.x + side / 2, p.y + side / 2, side / 2, side / 2, 0, 0, 2 * Math.PI); context.fill(); context.stroke(); }, drawLines: (ui, ps, closestSegmentIndex, context) => { context.save(); for (let index = 0; index < ps.length - 1; index++) { if (index === closestSegmentIndex) { context.lineWidth = 2; } else { context.lineWidth = 1; } ui.drawLine( ui.plotToCanvas(ps[index], ui), ui.plotToCanvas(ps[index + 1], ui), context ); } context.restore(); }, drawLine: (prev, cur, context) => { context.beginPath(); context.moveTo(prev.x, prev.y); context.lineTo(cur.x, cur.y); context.strokeStyle = "black"; context.stroke(); }, plotToCanvas: (p, ui) => { const scaleFactor = ui.canvasWidth - 2 * ui.content.padding; return { x: p.x * scaleFactor + ui.content.padding, y: ui.canvasHeight - (p.y * scaleFactor + ui.content.padding) }; }, canvasToPlot: (p, ui) => { const scaleFactor = ui.canvasWidth - 2 * ui.content.padding; return { x: (p.x - ui.content.padding) / scaleFactor, y: (-(p.y - ui.canvasHeight) - ui.content.padding) / scaleFactor }; } }; var CurveEditorControl = ({ points, update }) => { const canvasRef = (0, import_react.useRef)(null); const ui = DefaultCurveEditorUi; const { control, content, canvasWidth, canvasHeight, dot } = ui; const [altPressed, setAltPressed] = (0, import_react.useState)(false); const [hoveredPointIndex, setHoveredPointIndex] = (0, import_react.useState)(); const [hoveredSegmentIndex, setHoveredSegmentIndex] = (0, import_react.useState)(); const [draggingPointIndex, setDraggingPointIndex] = (0, import_react.useState)(); const [draggingPoint, updateDraggingPoint] = (0, import_react.useState)(); const [dirtyPoints, updateDirtyPoints] = (0, import_react.useState)(void 0); const scaleFactor = canvasWidth - 2 * content.padding; const dragPoint = (p, delta) => { return { x: p.x + delta.x / scaleFactor, y: p.y - delta.y / scaleFactor }; }; const mouseToCanvas = (ev) => ({ x: ev.offsetX, y: ev.offsetY }); (0, import_react.useEffect)(() => { const altKeyListener = (ev) => { setAltPressed(ev.altKey); if (ev.altKey) { setHoveredSegmentIndex(void 0); } }; window.addEventListener("keydown", altKeyListener); window.addEventListener("keyup", altKeyListener); return () => { window.removeEventListener("keydown", altKeyListener); window.removeEventListener("keyup", altKeyListener); }; }, []); (0, import_react.useEffect)(() => { const canvas = canvasRef.current; const context = canvas.getContext("2d"); ui.draw(ui, dirtyPoints || points, hoveredSegmentIndex, hoveredPointIndex, context); }, [dirtyPoints, points, hoveredPointIndex, draggingPoint, hoveredSegmentIndex]); const updateHovering = (ev) => { if (draggingPointIndex !== void 0) return; const mp = mouseToCanvas(ev.nativeEvent); let hoveredIndex = points.findIndex( (p) => isInsideSquare( mp, minus(ui.plotToCanvas(p, ui), dot.side / 2), dot.side ) ); if (hoveredIndex < 0) { hoveredIndex = void 0; } setHoveredPointIndex(hoveredIndex); if (hoveredIndex === void 0 && !altPressed) { const sIndex = findSegmentIndex(mp, segments(points.map((p) => ui.plotToCanvas(p, ui)))); setHoveredSegmentIndex(sIndex && Math.abs(sIndex.distance) < ui.dot.side ? sIndex.index : void 0); } else { setHoveredSegmentIndex(void 0); } }; let cursor = void 0; if (hoveredSegmentIndex !== void 0) { if (altPressed) { cursor = void 0; } else { cursor = "crosshair"; } } else if (hoveredPointIndex !== void 0) { if (altPressed) { cursor = "not-allowed"; } else { cursor = "pointer"; } } return /* @__PURE__ */ (0, import_jsx_runtime.jsx)( StyledCurveEditorControl, { border: control.border, padding: control.padding, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( StyledCanvas, { ref: canvasRef, cursor, border: content.border, width: canvasWidth, height: canvasHeight, onMouseDown: (startDragEvent) => { if (startDragEvent.altKey) { if (hoveredPointIndex !== void 0) { const newPoints = [...points]; newPoints.splice(hoveredPointIndex, 1); update(newPoints); } return false; } let ps = points; let pointIndex = hoveredPointIndex; if (hoveredSegmentIndex !== void 0) { const cp = mouseToCanvas(startDragEvent.nativeEvent); const mp = ui.canvasToPlot(cp, ui); const allSegments = segments(ps); const segment = allSegments[hoveredSegmentIndex]; const parts = divideSegment(mp, segment); allSegments.splice(hoveredSegmentIndex, 1, ...parts); ps = segmentsToPoints(allSegments); pointIndex = hoveredSegmentIndex + 1; setHoveredPointIndex(pointIndex); setHoveredSegmentIndex(void 0); update(ps); } if (pointIndex !== void 0) { updateDirtyPoints(ps); setDraggingPointIndex(pointIndex); let draggingPointPosition = ps[pointIndex]; updateDraggingPoint(draggingPointPosition); const dragListener = (ev) => { draggingPointPosition = dragPoint(ps[pointIndex], clientDelta(ev, startDragEvent)); if (pointIndex === 0) { draggingPointPosition.x = ps[0].x; } else if (pointIndex === ps.length - 1) { draggingPointPosition.x = ps[ps.length - 1].x; } else { const leftX = ps[pointIndex - 1].x; const rightX = ps[pointIndex + 1].x; draggingPointPosition.x = clamp(draggingPointPosition.x, leftX, rightX); } draggingPointPosition.y = clamp(draggingPointPosition.y, 0, 1); updateDraggingPoint(draggingPointPosition); updateDirtyPoints((prev) => { const copy = [...prev || []]; copy[pointIndex] = draggingPointPosition; return copy; }); }; const dragStopListener = () => { window.removeEventListener("mousemove", dragListener); const newPoints = [...ps]; newPoints[pointIndex] = { ...draggingPointPosition }; update(newPoints); updateDraggingPoint(void 0); setDraggingPointIndex(void 0); updateDirtyPoints(void 0); }; window.addEventListener("mousemove", dragListener); window.addEventListener("mouseup", dragStopListener, { once: true }); } }, onMouseMove: updateHovering, onMouseUp: updateHovering } ) } ); }; var clientDelta = (a, b) => { return { x: a.clientX - b.clientX, y: a.clientY - b.clientY }; }; var minus = (p, a) => ({ x: p.x - a, y: p.y - a }); var StyledCanvas = import_styled.default.canvas` cursor: ${(props) => props.cursor}; box-sizing: border-box; background: lightgreen; border: solid ${(props) => props.border}px darkgreen; width: 100%; height: 100%; `; var StyledCurveEditorControl = import_styled.default.div` background: lightskyblue; border: solid ${(props) => props.border}px mediumblue; width: 200px; height: 200px; padding: ${(props) => props.padding}px; `; // CurveEditorDemo.tsx var CurveEditorDemo = () => { const [points, setPoints] = (0, import_react2.useState)([ { x: 0, y: 0 }, { x: 0.25, y: 0.25 }, { x: 0.5, y: 0.75 }, { x: 1, y: 1 } ]); return /* @__PURE__ */ React2.createElement(CurveEditorControl, { points, update: setPoints }); }; var CurveEditorDemo_default = CurveEditorDemo; // _mdx_bundler_entry_point-f65a039b-ef7c-40c2-8a45-101394f2b5e0.mdx var frontmatter = { "title": "Curve editor p. 1", "date": "2023-05-24T00:00:00Z", "slug": "curve-editor-01", "tags": ["control"], "draft": true }; function _createMdxContent(props) { const _components = Object.assign({ p: "p", img: "img" }, props.components); return (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [(0, import_jsx_runtime2.jsx)(_components.p, { children: "I want to start series of posts about design and implementation curve editor, like this one from Gimp software:" }), "\n", (0, import_jsx_runtime2.jsx)(_components.p, { children: (0, import_jsx_runtime2.jsx)(_components.img, { src: "/img/gimp_curves.png", alt: "image" }) }), "\n", (0, import_jsx_runtime2.jsx)(_components.p, { children: "With Typescript and React. Let's start!" }), "\n", (0, import_jsx_runtime2.jsx)(_components.p, { children: "At first, we need to decompose component into parts and name each part of it" }), "\n", (0, import_jsx_runtime2.jsx)(_components.p, { children: (0, import_jsx_runtime2.jsx)(_components.img, { src: "/img/curves_001.png", alt: "image" }) }), "\n", (0, import_jsx_runtime2.jsx)(_components.p, { children: "I choose B\xE9zier curves to make task more interesting. But I start from simple polyline." }), "\n", (0, import_jsx_runtime2.jsx)(_components.p, { children: "Here is draft of React component:" }), "\n", (0, import_jsx_runtime2.jsx)(CurveEditorDemo_default, {})] }); } function MDXContent(props = {}) { const { wrapper: MDXLayout } = props.components || {}; return MDXLayout ? (0, import_jsx_runtime2.jsx)(MDXLayout, Object.assign({}, props, { children: (0, import_jsx_runtime2.jsx)(_createMdxContent, props) })) : _createMdxContent(props); } var mdx_bundler_entry_point_f65a039b_ef7c_40c2_8a45_101394f2b5e0_default = MDXContent; return __toCommonJS(mdx_bundler_entry_point_f65a039b_ef7c_40c2_8a45_101394f2b5e0_exports); })(); /*! Bundled license information: react-is/cjs/react-is.production.min.js: (** @license React v17.0.2 * react-is.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */ ;return Component;