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 React8 = 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(React8); 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 || React8.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 React8 = 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__ */ React8.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 React8.useContext(EmotionCacheContext); }; exports.withEmotionCache = function withEmotionCache(func) { return /* @__PURE__ */ React8.forwardRef(function(props, ref) { var cache = React8.useContext(EmotionCacheContext); return func(props, cache, ref); }); }; if (!isBrowser) { exports.withEmotionCache = function withEmotionCache(func) { return function(props) { var cache = React8.useContext(EmotionCacheContext); if (cache === null) { cache = createCache__default["default"]({ key: "css" }); return /* @__PURE__ */ React8.createElement(EmotionCacheContext.Provider, { value: cache }, func(props, cache)); } else { return func(props, cache); } }; }; } var ThemeContext = /* @__PURE__ */ React8.createContext({}); var useTheme = function useTheme2() { return React8.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 = React8.useContext(ThemeContext); if (props.theme !== theme) { theme = createCacheWithTheme(theme)(props.theme); } return /* @__PURE__ */ React8.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 = React8.useContext(ThemeContext); return /* @__PURE__ */ React8.createElement(Component, _extends({ theme, ref }, props)); }; var WithTheme = /* @__PURE__ */ React8.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__ */ React8.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, React8.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__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(Insertion, { cache, serialized, isStringTag: typeof WrappedComponent === "string" }), /* @__PURE__ */ React8.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 React8 = 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 jsx6 = function jsx7(type, props) { var args = arguments; if (props == null || !emotionElement.hasOwnProperty.call(props, "css")) { return React8.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 React8.createElement.apply(null, createElementArgArray); }; var Global = /* @__PURE__ */ emotionElement.withEmotionCache(function(props, cache) { var styles = props.styles; var serialized = serialize.serializeStyles([styles], void 0, React8.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__ */ React8.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = { __html: rules }, _ref.nonce = cache.sheet.nonce, _ref)); } var sheetRef = React8.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__ */ React8.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: React8.useContext(emotionElement.ThemeContext) }; var ele = props.children(content); hasRendered = true; return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.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 = jsx6; exports.css = css; exports.jsx = jsx6; 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 React8 = 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__ */ React8.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 = React8.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__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(Insertion, { cache, serialized, isStringTag: typeof FinalTag === "string" }), /* @__PURE__ */ React8.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-58794b40-5bf1-44f2-944c-4c64b5a531ff.mdx var mdx_bundler_entry_point_58794b40_5bf1_44f2_944c_4c64b5a531ff_exports = {}; __export(mdx_bundler_entry_point_58794b40_5bf1_44f2_944c_4c64b5a531ff_exports, { default: () => mdx_bundler_entry_point_58794b40_5bf1_44f2_944c_4c64b5a531ff_default, frontmatter: () => frontmatter }); var import_jsx_runtime6 = __toESM(require_jsx_runtime()); // ../demos/pan_zoom/demos/chart/ChartDemo.tsx var import_react4 = __toESM(require_react()); // ../demos/pan_zoom/misc/Geometry.ts var drawDot = (ctx, x, y) => { let text = ` (${x}, ${y})`; const tm = ctx.measureText(text); ctx.fillText(text, x, y + tm.actualBoundingBoxAscent + tm.actualBoundingBoxDescent); ctx.beginPath(); ctx.ellipse(x, y, 2, 2, 0, 0, 360); ctx.fill(); }; var drawRect = (ctx, x, y, w, h) => { ctx.strokeRect(x, y, w, h); drawDot(ctx, x, y); drawDot(ctx, x + w, y + h); }; var drawLines = (context, pz, data) => { context.beginPath(); let p = pz.apply(0, data[0]); context.moveTo(p.x, p.y); for (let i = 1; i < data.length; i++) { p = pz.apply(i, data[i]); context.lineTo(p.x, p.y); } context.stroke(); }; // ../demos/pan_zoom/misc/CreateRandomData.ts var createRandomData = (n) => { let v = 0; const data = []; for (let i = 0; i < n; i++) { v += Math.random() - 0.5; data.push(v); } const dataMin = Math.min(...data); const dataMax = Math.max(...data); return { data, dataMin, dataMax }; }; // ../demos/pan_zoom/PanZoom.tsx var TransformationMatrix = class { constructor() { this.a = 1; this.b = 0; this.c = 0; this.d = 1; this.e = 0; this.f = 0; } apply(p) { return { mx: this.a * p.mx + this.c * p.my + this.e, my: this.b * p.mx + this.d * p.my + this.f }; } translate(x, y) { this.e += this.a * x + this.c * y; this.f += this.b * x + this.d * y; } scale(x, y) { this.a *= x; this.d *= y; } inv() { const rdet = this.a * this.d - this.b * this.c; const m = new TransformationMatrix(); m.a = this.d / rdet; m.b = this.b / -rdet; m.c = this.c / -rdet; m.d = this.a / rdet; m.e = (this.d * this.e - this.c * this.f) / -rdet; m.f = (this.b * this.e - this.a * this.f) / rdet; return m; } }; // ../demos/pan_zoom/transformation/PanZoom1D.ts var PanZoom1D = class { constructor(_k = 1, _b = 0) { this._k = _k; this._b = _b; } apply(v) { return this._k * v + this._b; } scale(sx) { return new PanZoom1D(this._k * sx, this._b); } /** tx is given in canvas coordinates */ translate(tx) { return new PanZoom1D(this._k, this._b + this._k * tx); } /** ts is given in screen coordinates */ translateScreen(ts) { return this.translate(ts / this._k); } inv() { return new PanZoom1D(1 / this._k, -this._b / this._k); } zoomAt(m, s, minScale2 = 0) { let scale = s; if (scale * this._k < minScale2) { scale = minScale2 / this._k; } return new PanZoom1D(scale * this._k, m + scale * (this._b - m)); } get k() { return this._k; } get b() { return this._b; } setK(k) { return new PanZoom1D(k, this._b); } }; // ../demos/pan_zoom/transformation/constrained/ConstrainedPanZoom1D.ts var minScale = (constraint) => { if (!constraint) return 0; const canvasWidth = constraint.canvas.max - constraint.canvas.min; const screenWidth = constraint.screen.max - constraint.screen.min; return screenWidth / canvasWidth; }; var ConstrainedPanZoom1D = class { constructor(_pz = new PanZoom1D(), constraint) { this._pz = _pz; this.constraint = constraint; } get pz() { return this._pz; } get k() { return this._pz.k; } get b() { return this._pz.b; } zoomAt(p, scale, scaleLimit = minScale(this.constraint)) { return new ConstrainedPanZoom1D(this._pz.zoomAt(p, scale, scaleLimit), this.constraint).adjustPosition(); } translateScreen(p) { return new ConstrainedPanZoom1D(this._pz.translateScreen(p), this.constraint).adjustPosition(); } apply(p) { return this._pz.apply(p); } setK(k) { return new ConstrainedPanZoom1D(this._pz.setK(k), this.constraint).adjustPosition(); } adjustPosition() { if (!this.constraint) return this; const left = this._pz.apply(this.constraint.canvas.min); const right = this._pz.apply(this.constraint.canvas.max); let transform = this._pz; if (left > this.constraint.screen.min) { transform = transform.translateScreen(this.constraint.screen.min - left); } if (right < this.constraint.screen.max) { transform = transform.translateScreen(this.constraint.screen.max - right); } return new ConstrainedPanZoom1D(transform, this.constraint); } adjustScale() { const ms = minScale(this.constraint); if (this.k < ms) { return this.setK(ms); } else { return this; } } updateConstraint(c) { return new ConstrainedPanZoom1D(this._pz, c).adjustScale().adjustPosition(); } static forConstraint(c) { return new ConstrainedPanZoom1D(new PanZoom1D(), c).setK(minScale(c)); } }; // ../demos/pan_zoom/transformation/constrained/ConstrainedPanZoom2D.ts var ConstrainedPanZoom2D = class { constructor(tx = new ConstrainedPanZoom1D(), ty = new ConstrainedPanZoom1D()) { this.tx = tx; this.ty = ty; } zoomXAt(x, scale) { return new ConstrainedPanZoom2D(this.tx.zoomAt(x, scale), this.ty); } zoomAt({ mx, my }, scale) { const scaleLimit = Math.max(minScale(this.tx.constraint), minScale(this.ty.constraint)); return new ConstrainedPanZoom2D(this.tx.zoomAt(mx, scale, scaleLimit), this.ty.zoomAt(my, scale, scaleLimit)); } apply(x, y) { return { x: this.tx.apply(x), y: this.ty.apply(y) }; } translateScreen(tx, ty) { return new ConstrainedPanZoom2D(this.tx.translateScreen(tx), this.ty.translateScreen(ty)); } get matrix() { const tm = new TransformationMatrix(); tm.translate(this.tx.b, this.ty.b); tm.scale(this.tx.k, this.ty.k); return tm; } updateConstraints(cx, cy) { return new ConstrainedPanZoom2D( new ConstrainedPanZoom1D(this.tx.pz, cx), new ConstrainedPanZoom1D(this.ty.pz, cy) ); } setMinScale(separate = false) { if (separate) { const minKx = minScale(this.tx.constraint); const minKy = minScale(this.ty.constraint); return new ConstrainedPanZoom2D(this.tx.setK(minKx), this.ty.setK(minKy)); } else { const scale = Math.min(minScale(this.tx.constraint), minScale(this.ty.constraint)); return new ConstrainedPanZoom2D(this.tx.setK(scale), this.ty.setK(scale)); } } adjustScale(separate = false) { if (separate) { const minKx = minScale(this.tx.constraint); const minKy = minScale(this.ty.constraint); const kx = Math.max(this.tx.k, minKx); const ky = Math.max(this.ty.k, minKy); return new ConstrainedPanZoom2D(this.tx.setK(kx), this.ty.setK(ky)); } else { if (!this.tx.constraint || !this.ty.constraint) return this; const maxScale = Math.max(minScale(this.tx.constraint), minScale(this.ty.constraint)); const kx = Math.max(this.tx.k, maxScale); const ky = Math.max(this.ty.k, maxScale); return new ConstrainedPanZoom2D(this.tx.setK(kx), this.ty.setK(ky)); } } adjustPosition() { return new ConstrainedPanZoom2D( this.tx.adjustPosition(), this.ty.adjustPosition() ); } }; // ../demos/pan_zoom/demos/chart/MainChart.tsx var import_react2 = __toESM(require_react()); // ../demos/pan_zoom/Demo.tsx var import_react = __toESM(require_react()); // ../demos/pan_zoom/styled/StyledCanvas.tsx var import_styled = __toESM(require_emotion_styled_cjs()); var StyledCanvas = import_styled.default.canvas` border: 1px solid black; width: ${(props) => props.width}px; height: ${(props) => props.height}px; `; // ../demos/pan_zoom/Demo.tsx var import_jsx_runtime = __toESM(require_jsx_runtime()); var getZoomFactor = (deltaY) => Math.pow(10, deltaY / 2e3); var canvasCoordinates = (cv, ev) => { const dpr = 1; const { left, top } = cv.getBoundingClientRect(); return { mx: (ev.x - left) * dpr, my: (ev.y - top) * dpr }; }; var applyTransform = (canvas, pz) => { const context = canvas.getContext("2d"); context.resetTransform(); context.translate(pz.tx.b, pz.ty.b); context.scale(pz.tx.k, pz.tx.k); }; var Demo = ({ data, dimensions, paint, onWheel, panZoom, onStartDrag, onDrag, onStopDrag }) => { const canvasRef = (0, import_react.useRef)(null); const repaint = (0, import_react.useCallback)(() => { const canvas = canvasRef.current; const context = canvas.getContext("2d"); context.resetTransform(); context.clearRect(0, 0, canvas.width, canvas.height); applyTransform(canvas, panZoom); paint(context, data); }, [data, panZoom]); (0, import_react.useEffect)(() => repaint(), [data, panZoom]); (0, import_react.useEffect)(() => { const canvas = canvasRef.current; const mouseDownListener = (ev) => { if (!onStartDrag) return; if (onStartDrag(canvasCoordinates(canvasRef.current, ev), canvas)) { const dragListener = (ev2) => { ev2.preventDefault(); if (onDrag) { onDrag({ dx: ev2.movementX, dy: ev2.movementY }, canvas); } }; window.addEventListener("mousemove", dragListener); window.addEventListener("mouseup", () => { if (onStopDrag) { onStopDrag(); } window.removeEventListener("mousemove", dragListener); }, { once: true }); } }; const wheelListener = (ev) => { ev.preventDefault(); onWheel(canvasCoordinates(canvasRef.current, ev), ev.deltaY); }; canvas.addEventListener("mousedown", mouseDownListener); canvas.addEventListener("wheel", wheelListener, { passive: false, capture: true }); repaint(); return () => { canvas.removeEventListener("mousedown", mouseDownListener); canvas.removeEventListener("wheel", wheelListener, { capture: true }); }; }, [data]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "App", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)( StyledCanvas, { width: dimensions.canvasWidth, height: dimensions.canvasHeight, ref: canvasRef } ) }); }; // ../demos/pan_zoom/demos/chart/updateChartConstraints.tsx var updateChartConstraints = (prevPanZoom, canvasWidth, canvasHeight, chartData, paddingTop = 0, paddingBottom = 0) => { const constraintX = { screen: { min: 0, max: canvasWidth }, canvas: { min: 0, max: chartData.data.length - 1 } }; const constraintY = { screen: { min: paddingTop, max: canvasHeight - paddingBottom }, canvas: { min: chartData.dataMin, max: chartData.dataMax } }; return prevPanZoom.updateConstraints(constraintX, constraintY).setMinScale(true).adjustPosition(); }; // ../demos/pan_zoom/demos/chart/MainChart.tsx var import_jsx_runtime2 = __toESM(require_jsx_runtime()); var MainChart = ({ chartData, width, height, panZoom, paint, updatePanZoom }) => { (0, import_react2.useEffect)(() => { updatePanZoom((prevPanZoom) => updateChartConstraints(prevPanZoom, width, height, chartData, 10, 10)); }, [width, height, chartData]); const onDrag = (0, import_react2.useCallback)(({ dx, dy }) => { updatePanZoom((pz) => pz.translateScreen(dx, dy)); }, [updatePanZoom]); return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)( Demo, { dimensions: { canvasWidth: width, canvasHeight: height }, data: chartData, panZoom, updatePanZoom, paint, onStartDrag: () => true, onDrag, onWheel: (p, deltaY) => updatePanZoom((pz) => pz.zoomXAt(p.mx, getZoomFactor(deltaY))) } ) }); }; // ../demos/pan_zoom/demos/chart/MiniChart.tsx var import_react3 = __toESM(require_react()); var import_jsx_runtime3 = __toESM(require_jsx_runtime()); var LIGHT_GRAY = "#d3d3d3"; var MiniChart = ({ chartData, width, height, chartPanZoom, updateChartPanZoom }) => { const [leftX, updateLeftX] = (0, import_react3.useState)(0); const [rightX, updateRightX] = (0, import_react3.useState)(width); const [minichartPanZoom, updateMinichartPanZoom] = (0, import_react3.useState)(new ConstrainedPanZoom2D()); (0, import_react3.useEffect)(() => { updateMinichartPanZoom((prevPanZoom) => updateChartConstraints(prevPanZoom, width, height, chartData, 5, 5)); }, [chartData]); (0, import_react3.useEffect)(() => { const pz = minichartPanZoom.tx.pz; const pzInv = chartPanZoom.tx.pz.inv(); const leftX2 = pz.apply(pzInv.apply(0)); const rightX2 = pz.apply(pzInv.apply(width)); updateLeftX(leftX2); updateRightX(rightX2); }, [chartPanZoom]); const paint = (0, import_react3.useCallback)((ctx, { leftX: leftX2, rightX: rightX2 }) => { ctx.resetTransform(); ctx.fillStyle = LIGHT_GRAY; ctx.fillRect(0, 0, leftX2, height); ctx.fillRect(rightX2, 0, width, height); drawLines(ctx, minichartPanZoom, chartData.data); }, [minichartPanZoom]); const onDrag = (0, import_react3.useCallback)(({ dx }) => { updateChartPanZoom((pz) => { const factor = pz.tx.k / minichartPanZoom.tx.k; return pz.translateScreen(-dx * factor, 0); }); }, [minichartPanZoom]); const inDragZone = (0, import_react3.useCallback)((x) => x >= leftX && x <= rightX, [leftX, rightX]); return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)( Demo, { dimensions: { canvasWidth: width, canvasHeight: height }, data: { ...chartData, leftX, rightX }, panZoom: minichartPanZoom, updatePanZoom: updateMinichartPanZoom, paint, onDrag, onWheel: ({ mx }, deltaY) => { if (inDragZone(mx)) { updateChartPanZoom((cpz) => cpz.zoomXAt(mx, getZoomFactor(deltaY))); } }, onStartDrag: ({ mx }) => inDragZone(mx) } ) }); }; // ../demos/pan_zoom/styled/StyledColumn.tsx var import_styled2 = __toESM(require_emotion_styled_cjs()); var StyledColumn = import_styled2.default.div` flex-direction: column; `; // ../demos/pan_zoom/demos/chart/ChartDemo.tsx var import_jsx_runtime4 = __toESM(require_jsx_runtime()); var chartWidth = 320; var chartHeight = 240; var minimapHeight = 50; var ChartDemo = () => { const chartData = (0, import_react4.useMemo)(() => createRandomData(200), []); const [panZoom, updatePanZoom] = (0, import_react4.useState)(new ConstrainedPanZoom2D(new ConstrainedPanZoom1D(), new ConstrainedPanZoom1D())); const paint = (0, import_react4.useCallback)((ctx) => { ctx.resetTransform(); drawLines(ctx, panZoom, chartData.data); }, [panZoom]); return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: "Here are a few pan-and-zoom demonstrations that work with desktop browsers. Click, drag and wheel with mouse and see what happens next" }), /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(StyledColumn, { children: [ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: "Chart" }), /* @__PURE__ */ (0, import_jsx_runtime4.jsx)( MainChart, { width: chartWidth, height: chartHeight, chartData, panZoom, updatePanZoom, paint } ), /* @__PURE__ */ (0, import_jsx_runtime4.jsx)( MiniChart, { width: chartWidth, height: minimapHeight, chartData, chartPanZoom: panZoom, updateChartPanZoom: updatePanZoom } ) ] }) ] }); }; // ../demos/pan_zoom/demos/RectanglesDemo.tsx var import_react5 = __toESM(require_react()); var import_jsx_runtime5 = __toESM(require_jsx_runtime()); var RectanglesDemo = () => { const width = 320; const height = 240; const data = (0, import_react5.useMemo)(() => { return [ { x: 0, y: 0, w: 100, h: 100 }, { x: 150, y: 0, w: 100, h: 100 }, { x: 0, y: 300, w: 100, h: 100 }, { x: 150, y: 300, w: 100, h: 100 } ]; }, []); const [panZoom, updatePanZoom] = (0, import_react5.useState)( new ConstrainedPanZoom2D( new ConstrainedPanZoom1D().updateConstraint({ screen: { min: 0, max: width }, canvas: { min: 0, max: 640 } }).adjustScale().adjustPosition(), new ConstrainedPanZoom1D().updateConstraint({ screen: { min: 0, max: height }, canvas: { min: 0, max: 480 } }) ).adjustScale().adjustPosition() ); const paint = (0, import_react5.useCallback)((ctx, data2) => { ctx.setTransform(panZoom.matrix); data2.forEach(({ x, y, w, h }) => drawRect(ctx, x, y, w, h)); }, [panZoom]); const onDrag = (0, import_react5.useCallback)(({ dx, dy }) => { updatePanZoom((pz) => pz.translateScreen(dx, dy)); }, []); return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { children: "Map" }), /* @__PURE__ */ (0, import_jsx_runtime5.jsx)( Demo, { panZoom, updatePanZoom, dimensions: { canvasWidth: width, canvasHeight: height }, paint, onWheel: (p, deltaY) => updatePanZoom((pz) => pz.zoomAt(p, getZoomFactor(deltaY))), onStartDrag: () => true, onDrag, data } ) ] }); }; // ChartDemoMdx.tsx var import_react6 = __toESM(require_react()); var ChartDemoMdx = () => { return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(ChartDemo, null), /* @__PURE__ */ import_react6.default.createElement(RectanglesDemo, null), /* @__PURE__ */ import_react6.default.createElement("p", null, "Source code of demo is available on ", /* @__PURE__ */ import_react6.default.createElement( "a", { href: "https://github.com/vzhn/pan-zoom-demo", "data-ribbon": "Fork me on GitHub", title: "Fork me on GitHub" }, "Github" ))); }; var ChartDemoMdx_default = ChartDemoMdx; // _mdx_bundler_entry_point-58794b40-5bf1-44f2-944c-4c64b5a531ff.mdx var frontmatter = { "title": "Pan Zoom demo", "date": "2024-08-02T14:52:15+02:00", "slug": "pan-zoom-demo", "type": "post", "tags": [] }; function _createMdxContent(props) { return (0, import_jsx_runtime6.jsx)(ChartDemoMdx_default, {}); } function MDXContent(props = {}) { const { wrapper: MDXLayout } = props.components || {}; return MDXLayout ? (0, import_jsx_runtime6.jsx)(MDXLayout, Object.assign({}, props, { children: (0, import_jsx_runtime6.jsx)(_createMdxContent, props) })) : _createMdxContent(props); } var mdx_bundler_entry_point_58794b40_5bf1_44f2_944c_4c64b5a531ff_default = MDXContent; return __toCommonJS(mdx_bundler_entry_point_58794b40_5bf1_44f2_944c_4c64b5a531ff_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;