@mkyy/mui-search-bar
Version:
SearchBar component designed with Material-UI v5
1,340 lines (1,338 loc) • 197 kB
JavaScript
import * as I from "react";
import Oo, { useLayoutEffect as $i, forwardRef as Pi, useContext as Vt, createContext as Co, createElement as Je, Fragment as Gr, useRef as Ai, useState as ki } from "react";
import { flushSync as Ni } from "react-dom";
function X() {
return X = Object.assign ? Object.assign.bind() : function(e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r)
Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
}, X.apply(this, arguments);
}
function ke(e, t) {
if (e == null)
return {};
var r = {}, n = Object.keys(e), o, s;
for (s = 0; s < n.length; s++)
o = n[s], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
return r;
}
function Ro(e) {
var t = /* @__PURE__ */ Object.create(null);
return function(r) {
return t[r] === void 0 && (t[r] = e(r)), t[r];
};
}
var Ii = /^((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)-.*))$/, Mi = /* @__PURE__ */ Ro(
function(e) {
return Ii.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
}
);
function ji(e) {
if (e.sheet)
return e.sheet;
for (var t = 0; t < document.styleSheets.length; t++)
if (document.styleSheets[t].ownerNode === e)
return document.styleSheets[t];
}
function Di(e) {
var t = document.createElement("style");
return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
}
var Fi = /* @__PURE__ */ function() {
function e(r) {
var n = this;
this._insertTag = function(o) {
var s;
n.tags.length === 0 ? n.insertionPoint ? s = n.insertionPoint.nextSibling : n.prepend ? s = n.container.firstChild : s = n.before : s = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(o, s), n.tags.push(o);
}, this.isSpeedy = r.speedy === void 0 ? process.env.NODE_ENV === "production" : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null;
}
var t = e.prototype;
return t.hydrate = function(n) {
n.forEach(this._insertTag);
}, t.insert = function(n) {
this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Di(this));
var o = this.tags[this.tags.length - 1];
if (process.env.NODE_ENV !== "production") {
var s = n.charCodeAt(0) === 64 && n.charCodeAt(1) === 105;
s && this._alreadyInsertedOrderInsensitiveRule && console.error(`You're attempting to insert the following rule:
` + n + "\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."), this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !s;
}
if (this.isSpeedy) {
var a = ji(o);
try {
a.insertRule(n, a.cssRules.length);
} catch (u) {
process.env.NODE_ENV !== "production" && !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear){/.test(n) && console.error('There was a problem inserting the following rule: "' + n + '"', u);
}
} else
o.appendChild(document.createTextNode(n));
this.ctr++;
}, t.flush = function() {
this.tags.forEach(function(n) {
return n.parentNode && n.parentNode.removeChild(n);
}), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
}, e;
}(), Oe = "-ms-", ur = "-moz-", oe = "-webkit-", Jr = "comm", Xr = "rule", Zr = "decl", Vi = "@import", $o = "@keyframes", Li = Math.abs, dr = String.fromCharCode, zi = Object.assign;
function Ui(e, t) {
return (((t << 2 ^ $e(e, 0)) << 2 ^ $e(e, 1)) << 2 ^ $e(e, 2)) << 2 ^ $e(e, 3);
}
function Po(e) {
return e.trim();
}
function Yi(e, t) {
return (e = t.exec(e)) ? e[0] : e;
}
function fe(e, t, r) {
return e.replace(t, r);
}
function zr(e, t) {
return e.indexOf(t);
}
function $e(e, t) {
return e.charCodeAt(t) | 0;
}
function Nt(e, t, r) {
return e.slice(t, r);
}
function Ye(e) {
return e.length;
}
function Qr(e) {
return e.length;
}
function tr(e, t) {
return t.push(e), e;
}
function Wi(e, t) {
return e.map(t).join("");
}
var pr = 1, xt = 1, Ao = 0, Pe = 0, Se = 0, Et = "";
function mr(e, t, r, n, o, s, a) {
return { value: e, root: t, parent: r, type: n, props: o, children: s, line: pr, column: xt, length: a, return: "" };
}
function Tt(e, t) {
return zi(mr("", null, null, "", null, null, 0), e, { length: -e.length }, t);
}
function Bi() {
return Se;
}
function qi() {
return Se = Pe > 0 ? $e(Et, --Pe) : 0, xt--, Se === 10 && (xt = 1, pr--), Se;
}
function Ne() {
return Se = Pe < Ao ? $e(Et, Pe++) : 0, xt++, Se === 10 && (xt = 1, pr++), Se;
}
function We() {
return $e(Et, Pe);
}
function or() {
return Pe;
}
function Lt(e, t) {
return Nt(Et, e, t);
}
function It(e) {
switch (e) {
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 ko(e) {
return pr = xt = 1, Ao = Ye(Et = e), Pe = 0, [];
}
function No(e) {
return Et = "", e;
}
function ir(e) {
return Po(Lt(Pe - 1, Ur(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
}
function Hi(e) {
for (; (Se = We()) && Se < 33; )
Ne();
return It(e) > 2 || It(Se) > 3 ? "" : " ";
}
function Ki(e, t) {
for (; --t && Ne() && !(Se < 48 || Se > 102 || Se > 57 && Se < 65 || Se > 70 && Se < 97); )
;
return Lt(e, or() + (t < 6 && We() == 32 && Ne() == 32));
}
function Ur(e) {
for (; Ne(); )
switch (Se) {
case e:
return Pe;
case 34:
case 39:
e !== 34 && e !== 39 && Ur(Se);
break;
case 40:
e === 41 && Ur(e);
break;
case 92:
Ne();
break;
}
return Pe;
}
function Gi(e, t) {
for (; Ne() && e + Se !== 47 + 10; )
if (e + Se === 42 + 42 && We() === 47)
break;
return "/*" + Lt(t, Pe - 1) + "*" + dr(e === 47 ? e : Ne());
}
function Ji(e) {
for (; !It(We()); )
Ne();
return Lt(e, Pe);
}
function Xi(e) {
return No(sr("", null, null, null, [""], e = ko(e), 0, [0], e));
}
function sr(e, t, r, n, o, s, a, u, f) {
for (var p = 0, d = 0, m = a, y = 0, E = 0, S = 0, h = 1, g = 1, _ = 1, $ = 0, C = "", P = o, l = s, R = n, k = C; g; )
switch (S = $, $ = Ne()) {
case 40:
if (S != 108 && k.charCodeAt(m - 1) == 58) {
zr(k += fe(ir($), "&", "&\f"), "&\f") != -1 && (_ = -1);
break;
}
case 34:
case 39:
case 91:
k += ir($);
break;
case 9:
case 10:
case 13:
case 32:
k += Hi(S);
break;
case 92:
k += Ki(or() - 1, 7);
continue;
case 47:
switch (We()) {
case 42:
case 47:
tr(Zi(Gi(Ne(), or()), t, r), f);
break;
default:
k += "/";
}
break;
case 123 * h:
u[p++] = Ye(k) * _;
case 125 * h:
case 59:
case 0:
switch ($) {
case 0:
case 125:
g = 0;
case 59 + d:
E > 0 && Ye(k) - m && tr(E > 32 ? wn(k + ";", n, r, m - 1) : wn(fe(k, " ", "") + ";", n, r, m - 2), f);
break;
case 59:
k += ";";
default:
if (tr(R = Sn(k, t, r, p, d, o, u, C, P = [], l = [], m), s), $ === 123)
if (d === 0)
sr(k, t, R, R, P, s, m, u, l);
else
switch (y) {
case 100:
case 109:
case 115:
sr(e, R, R, n && tr(Sn(e, R, R, 0, 0, o, u, C, o, P = [], m), l), o, l, m, u, n ? P : l);
break;
default:
sr(k, R, R, R, [""], l, 0, u, l);
}
}
p = d = E = 0, h = _ = 1, C = k = "", m = a;
break;
case 58:
m = 1 + Ye(k), E = S;
default:
if (h < 1) {
if ($ == 123)
--h;
else if ($ == 125 && h++ == 0 && qi() == 125)
continue;
}
switch (k += dr($), $ * h) {
case 38:
_ = d > 0 ? 1 : (k += "\f", -1);
break;
case 44:
u[p++] = (Ye(k) - 1) * _, _ = 1;
break;
case 64:
We() === 45 && (k += ir(Ne())), y = We(), d = m = Ye(C = k += Ji(or())), $++;
break;
case 45:
S === 45 && Ye(k) == 2 && (h = 0);
}
}
return s;
}
function Sn(e, t, r, n, o, s, a, u, f, p, d) {
for (var m = o - 1, y = o === 0 ? s : [""], E = Qr(y), S = 0, h = 0, g = 0; S < n; ++S)
for (var _ = 0, $ = Nt(e, m + 1, m = Li(h = a[S])), C = e; _ < E; ++_)
(C = Po(h > 0 ? y[_] + " " + $ : fe($, /&\f/g, y[_]))) && (f[g++] = C);
return mr(e, t, r, o === 0 ? Xr : u, f, p, d);
}
function Zi(e, t, r) {
return mr(e, t, r, Jr, dr(Bi()), Nt(e, 2, -2), 0);
}
function wn(e, t, r, n) {
return mr(e, t, r, Zr, Nt(e, 0, n), Nt(e, n + 1, -1), n);
}
function Io(e, t) {
switch (Ui(e, t)) {
case 5103:
return oe + "print-" + e + e;
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 oe + e + e;
case 5349:
case 4246:
case 4810:
case 6968:
case 2756:
return oe + e + ur + e + Oe + e + e;
case 6828:
case 4268:
return oe + e + Oe + e + e;
case 6165:
return oe + e + Oe + "flex-" + e + e;
case 5187:
return oe + e + fe(e, /(\w+).+(:[^]+)/, oe + "box-$1$2" + Oe + "flex-$1$2") + e;
case 5443:
return oe + e + Oe + "flex-item-" + fe(e, /flex-|-self/, "") + e;
case 4675:
return oe + e + Oe + "flex-line-pack" + fe(e, /align-content|flex-|-self/, "") + e;
case 5548:
return oe + e + Oe + fe(e, "shrink", "negative") + e;
case 5292:
return oe + e + Oe + fe(e, "basis", "preferred-size") + e;
case 6060:
return oe + "box-" + fe(e, "-grow", "") + oe + e + Oe + fe(e, "grow", "positive") + e;
case 4554:
return oe + fe(e, /([^-])(transform)/g, "$1" + oe + "$2") + e;
case 6187:
return fe(fe(fe(e, /(zoom-|grab)/, oe + "$1"), /(image-set)/, oe + "$1"), e, "") + e;
case 5495:
case 3959:
return fe(e, /(image-set\([^]*)/, oe + "$1$`$1");
case 4968:
return fe(fe(e, /(.+:)(flex-)?(.*)/, oe + "box-pack:$3" + Oe + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + oe + e + e;
case 4095:
case 3583:
case 4068:
case 2532:
return fe(e, /(.+)-inline(.+)/, oe + "$1$2") + e;
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 (Ye(e) - 1 - t > 6)
switch ($e(e, t + 1)) {
case 109:
if ($e(e, t + 4) !== 45)
break;
case 102:
return fe(e, /(.+:)(.+)-([^]+)/, "$1" + oe + "$2-$3$1" + ur + ($e(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
case 115:
return ~zr(e, "stretch") ? Io(fe(e, "stretch", "fill-available"), t) + e : e;
}
break;
case 4949:
if ($e(e, t + 1) !== 115)
break;
case 6444:
switch ($e(e, Ye(e) - 3 - (~zr(e, "!important") && 10))) {
case 107:
return fe(e, ":", ":" + oe) + e;
case 101:
return fe(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + oe + ($e(e, 14) === 45 ? "inline-" : "") + "box$3$1" + oe + "$2$3$1" + Oe + "$2box$3") + e;
}
break;
case 5936:
switch ($e(e, t + 11)) {
case 114:
return oe + e + Oe + fe(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
case 108:
return oe + e + Oe + fe(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
case 45:
return oe + e + Oe + fe(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
}
return oe + e + Oe + e + e;
}
return e;
}
function bt(e, t) {
for (var r = "", n = Qr(e), o = 0; o < n; o++)
r += t(e[o], o, e, t) || "";
return r;
}
function Qi(e, t, r, n) {
switch (e.type) {
case Vi:
case Zr:
return e.return = e.return || e.value;
case Jr:
return "";
case $o:
return e.return = e.value + "{" + bt(e.children, n) + "}";
case Xr:
e.value = e.props.join(",");
}
return Ye(r = bt(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
}
function es(e) {
var t = Qr(e);
return function(r, n, o, s) {
for (var a = "", u = 0; u < t; u++)
a += e[u](r, n, o, s) || "";
return a;
};
}
function ts(e) {
return function(t) {
t.root || (t = t.return) && e(t);
};
}
function rs(e, t, r, n) {
if (e.length > -1 && !e.return)
switch (e.type) {
case Zr:
e.return = Io(e.value, e.length);
break;
case $o:
return bt([Tt(e, { value: fe(e.value, "@", "@" + oe) })], n);
case Xr:
if (e.length)
return Wi(e.props, function(o) {
switch (Yi(o, /(::plac\w+|:read-\w+)/)) {
case ":read-only":
case ":read-write":
return bt([Tt(e, { props: [fe(o, /:(read-\w+)/, ":" + ur + "$1")] })], n);
case "::placeholder":
return bt([
Tt(e, { props: [fe(o, /:(plac\w+)/, ":" + oe + "input-$1")] }),
Tt(e, { props: [fe(o, /:(plac\w+)/, ":" + ur + "$1")] }),
Tt(e, { props: [fe(o, /:(plac\w+)/, Oe + "input-$1")] })
], n);
}
return "";
});
}
}
var ns = function(t, r, n) {
for (var o = 0, s = 0; o = s, s = We(), o === 38 && s === 12 && (r[n] = 1), !It(s); )
Ne();
return Lt(t, Pe);
}, os = function(t, r) {
var n = -1, o = 44;
do
switch (It(o)) {
case 0:
o === 38 && We() === 12 && (r[n] = 1), t[n] += ns(Pe - 1, r, n);
break;
case 2:
t[n] += ir(o);
break;
case 4:
if (o === 44) {
t[++n] = We() === 58 ? "&\f" : "", r[n] = t[n].length;
break;
}
default:
t[n] += dr(o);
}
while (o = Ne());
return t;
}, is = function(t, r) {
return No(os(ko(t), r));
}, _n = /* @__PURE__ */ new WeakMap(), ss = function(t) {
if (!(t.type !== "rule" || !t.parent || t.length < 1)) {
for (var r = t.value, n = t.parent, o = t.column === n.column && t.line === n.line; n.type !== "rule"; )
if (n = n.parent, !n)
return;
if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !_n.get(n)) && !o) {
_n.set(t, !0);
for (var s = [], a = is(r, s), u = n.props, f = 0, p = 0; f < a.length; f++)
for (var d = 0; d < u.length; d++, p++)
t.props[p] = s[f] ? a[f].replace(/&\f/g, u[d]) : u[d] + " " + a[f];
}
}
}, as = function(t) {
if (t.type === "decl") {
var r = t.value;
r.charCodeAt(0) === 108 && r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
}
}, cs = "emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason", us = function(t) {
return t.type === "comm" && t.children.indexOf(cs) > -1;
}, ls = function(t) {
return function(r, n, o) {
if (!(r.type !== "rule" || t.compat)) {
var s = r.value.match(/(:first|:nth|:nth-last)-child/g);
if (s) {
for (var a = r.parent === o[0], u = a ? o[0].children : o, f = u.length - 1; f >= 0; f--) {
var p = u[f];
if (p.line < r.line)
break;
if (p.column < r.column) {
if (us(p))
return;
break;
}
}
s.forEach(function(d) {
console.error('The pseudo class "' + d + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + d.split("-child")[0] + '-of-type".');
});
}
}
};
}, Mo = function(t) {
return t.type.charCodeAt(1) === 105 && t.type.charCodeAt(0) === 64;
}, fs = function(t, r) {
for (var n = t - 1; n >= 0; n--)
if (!Mo(r[n]))
return !0;
return !1;
}, Tn = function(t) {
t.type = "", t.value = "", t.return = "", t.children = "", t.props = "";
}, ds = function(t, r, n) {
!Mo(t) || (t.parent ? (console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."), Tn(t)) : fs(r, n) && (console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."), Tn(t)));
}, ps = [rs], ms = function(t) {
var r = t.key;
if (process.env.NODE_ENV !== "production" && !r)
throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.
If multiple caches share the same key they might "fight" for each other's style elements.`);
if (r === "css") {
var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
Array.prototype.forEach.call(n, function(h) {
var g = h.getAttribute("data-emotion");
g.indexOf(" ") !== -1 && (document.head.appendChild(h), h.setAttribute("data-s", ""));
});
}
var o = t.stylisPlugins || ps;
if (process.env.NODE_ENV !== "production" && /[^a-z-]/.test(r))
throw new Error('Emotion key must only contain lower case alphabetical characters and - but "' + r + '" was passed');
var s = {}, a, u = [];
a = t.container || document.head, Array.prototype.forEach.call(
document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
function(h) {
for (var g = h.getAttribute("data-emotion").split(" "), _ = 1; _ < g.length; _++)
s[g[_]] = !0;
u.push(h);
}
);
var f, p = [ss, as];
process.env.NODE_ENV !== "production" && p.push(ls({
get compat() {
return S.compat;
}
}), ds);
{
var d, m = [Qi, process.env.NODE_ENV !== "production" ? function(h) {
h.root || (h.return ? d.insert(h.return) : h.value && h.type !== Jr && d.insert(h.value + "{}"));
} : ts(function(h) {
d.insert(h);
})], y = es(p.concat(o, m)), E = function(g) {
return bt(Xi(g), y);
};
f = function(g, _, $, C) {
d = $, process.env.NODE_ENV !== "production" && _.map !== void 0 && (d = {
insert: function(l) {
$.insert(l + _.map);
}
}), E(g ? g + "{" + _.styles + "}" : _.styles), C && (S.inserted[_.name] = !0);
};
}
var S = {
key: r,
sheet: new Fi({
key: r,
container: a,
nonce: t.nonce,
speedy: t.speedy,
prepend: t.prepend,
insertionPoint: t.insertionPoint
}),
nonce: t.nonce,
inserted: s,
registered: {},
insert: f
};
return S.sheet.hydrate(u), S;
};
function jo(e) {
var t = e.default;
if (typeof t == "function") {
var r = function() {
return t.apply(this, arguments);
};
r.prototype = t.prototype;
} else
r = {};
return Object.defineProperty(r, "__esModule", { value: !0 }), Object.keys(e).forEach(function(n) {
var o = Object.getOwnPropertyDescriptor(e, n);
Object.defineProperty(r, n, o.get ? o : {
enumerable: !0,
get: function() {
return e[n];
}
});
}), r;
}
var Do = { exports: {} }, ie = {};
/** @license React v16.13.1
* 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.
*/
var On;
function hs() {
if (On)
return ie;
On = 1;
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, E = e ? Symbol.for("react.memo") : 60115, S = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, g = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, $ = e ? Symbol.for("react.scope") : 60119;
function C(l) {
if (typeof l == "object" && l !== null) {
var R = l.$$typeof;
switch (R) {
case t:
switch (l = l.type, l) {
case f:
case p:
case n:
case s:
case o:
case m:
return l;
default:
switch (l = l && l.$$typeof, l) {
case u:
case d:
case S:
case E:
case a:
return l;
default:
return R;
}
}
case r:
return R;
}
}
}
function P(l) {
return C(l) === p;
}
return ie.AsyncMode = f, ie.ConcurrentMode = p, ie.ContextConsumer = u, ie.ContextProvider = a, ie.Element = t, ie.ForwardRef = d, ie.Fragment = n, ie.Lazy = S, ie.Memo = E, ie.Portal = r, ie.Profiler = s, ie.StrictMode = o, ie.Suspense = m, ie.isAsyncMode = function(l) {
return P(l) || C(l) === f;
}, ie.isConcurrentMode = P, ie.isContextConsumer = function(l) {
return C(l) === u;
}, ie.isContextProvider = function(l) {
return C(l) === a;
}, ie.isElement = function(l) {
return typeof l == "object" && l !== null && l.$$typeof === t;
}, ie.isForwardRef = function(l) {
return C(l) === d;
}, ie.isFragment = function(l) {
return C(l) === n;
}, ie.isLazy = function(l) {
return C(l) === S;
}, ie.isMemo = function(l) {
return C(l) === E;
}, ie.isPortal = function(l) {
return C(l) === r;
}, ie.isProfiler = function(l) {
return C(l) === s;
}, ie.isStrictMode = function(l) {
return C(l) === o;
}, ie.isSuspense = function(l) {
return C(l) === m;
}, ie.isValidElementType = function(l) {
return typeof l == "string" || typeof l == "function" || l === n || l === p || l === s || l === o || l === m || l === y || typeof l == "object" && l !== null && (l.$$typeof === S || l.$$typeof === E || l.$$typeof === a || l.$$typeof === u || l.$$typeof === d || l.$$typeof === g || l.$$typeof === _ || l.$$typeof === $ || l.$$typeof === h);
}, ie.typeOf = C, ie;
}
var se = {};
/** @license React v16.13.1
* react-is.development.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.
*/
var Cn;
function ys() {
return Cn || (Cn = 1, process.env.NODE_ENV !== "production" && function() {
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, E = e ? Symbol.for("react.memo") : 60115, S = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, g = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, $ = e ? Symbol.for("react.scope") : 60119;
function C(v) {
return typeof v == "string" || typeof v == "function" || v === n || v === p || v === s || v === o || v === m || v === y || typeof v == "object" && v !== null && (v.$$typeof === S || v.$$typeof === E || v.$$typeof === a || v.$$typeof === u || v.$$typeof === d || v.$$typeof === g || v.$$typeof === _ || v.$$typeof === $ || v.$$typeof === h);
}
function P(v) {
if (typeof v == "object" && v !== null) {
var j = v.$$typeof;
switch (j) {
case t:
var A = v.type;
switch (A) {
case f:
case p:
case n:
case s:
case o:
case m:
return A;
default:
var Q = A && A.$$typeof;
switch (Q) {
case u:
case d:
case S:
case E:
case a:
return Q;
default:
return j;
}
}
case r:
return j;
}
}
}
var l = f, R = p, k = u, ee = a, Z = t, K = d, de = n, pe = S, te = E, ne = r, he = s, me = o, ye = m, ve = !1;
function Ce(v) {
return ve || (ve = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), w(v) || P(v) === f;
}
function w(v) {
return P(v) === p;
}
function O(v) {
return P(v) === u;
}
function L(v) {
return P(v) === a;
}
function z(v) {
return typeof v == "object" && v !== null && v.$$typeof === t;
}
function Y(v) {
return P(v) === d;
}
function D(v) {
return P(v) === n;
}
function V(v) {
return P(v) === S;
}
function q(v) {
return P(v) === E;
}
function G(v) {
return P(v) === r;
}
function W(v) {
return P(v) === s;
}
function N(v) {
return P(v) === o;
}
function re(v) {
return P(v) === m;
}
se.AsyncMode = l, se.ConcurrentMode = R, se.ContextConsumer = k, se.ContextProvider = ee, se.Element = Z, se.ForwardRef = K, se.Fragment = de, se.Lazy = pe, se.Memo = te, se.Portal = ne, se.Profiler = he, se.StrictMode = me, se.Suspense = ye, se.isAsyncMode = Ce, se.isConcurrentMode = w, se.isContextConsumer = O, se.isContextProvider = L, se.isElement = z, se.isForwardRef = Y, se.isFragment = D, se.isLazy = V, se.isMemo = q, se.isPortal = G, se.isProfiler = W, se.isStrictMode = N, se.isSuspense = re, se.isValidElementType = C, se.typeOf = P;
}()), se;
}
(function(e) {
process.env.NODE_ENV === "production" ? e.exports = hs() : e.exports = ys();
})(Do);
var Fo = Do.exports, gs = {
$$typeof: !0,
render: !0,
defaultProps: !0,
displayName: !0,
propTypes: !0
}, vs = {
$$typeof: !0,
compare: !0,
defaultProps: !0,
displayName: !0,
propTypes: !0,
type: !0
}, Vo = {};
Vo[Fo.ForwardRef] = gs;
Vo[Fo.Memo] = vs;
var bs = !0;
function en(e, t, r) {
var n = "";
return r.split(" ").forEach(function(o) {
e[o] !== void 0 ? t.push(e[o] + ";") : n += o + " ";
}), n;
}
var hr = function(t, r, n) {
var o = t.key + "-" + r.name;
(n === !1 || bs === !1) && t.registered[o] === void 0 && (t.registered[o] = r.styles);
}, yr = function(t, r, n) {
hr(t, r, n);
var o = t.key + "-" + r.name;
if (t.inserted[r.name] === void 0) {
var s = r;
do
t.insert(r === s ? "." + o : "", s, t.sheet, !0), s = s.next;
while (s !== void 0);
}
};
function xs(e) {
for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4)
r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= r >>> 24, t = (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
switch (o) {
case 3:
t ^= (e.charCodeAt(n + 2) & 255) << 16;
case 2:
t ^= (e.charCodeAt(n + 1) & 255) << 8;
case 1:
t ^= e.charCodeAt(n) & 255, t = (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
}
return t ^= t >>> 13, t = (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
}
var Es = {
animationIterationCount: 1,
borderImageOutset: 1,
borderImageSlice: 1,
borderImageWidth: 1,
boxFlex: 1,
boxFlexGroup: 1,
boxOrdinalGroup: 1,
columnCount: 1,
columns: 1,
flex: 1,
flexGrow: 1,
flexPositive: 1,
flexShrink: 1,
flexNegative: 1,
flexOrder: 1,
gridRow: 1,
gridRowEnd: 1,
gridRowSpan: 1,
gridRowStart: 1,
gridColumn: 1,
gridColumnEnd: 1,
gridColumnSpan: 1,
gridColumnStart: 1,
msGridRow: 1,
msGridRowSpan: 1,
msGridColumn: 1,
msGridColumnSpan: 1,
fontWeight: 1,
lineHeight: 1,
opacity: 1,
order: 1,
orphans: 1,
tabSize: 1,
widows: 1,
zIndex: 1,
zoom: 1,
WebkitLineClamp: 1,
fillOpacity: 1,
floodOpacity: 1,
stopOpacity: 1,
strokeDasharray: 1,
strokeDashoffset: 1,
strokeMiterlimit: 1,
strokeOpacity: 1,
strokeWidth: 1
}, Rn = `You have illegal escape sequence in your template literal, most likely inside content's property value.
Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
You can read more about this here:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, Ss = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", ws = /[A-Z]|^ms/g, Lo = /_EMO_([^_]+?)_([^]*?)_EMO_/g, tn = function(t) {
return t.charCodeAt(1) === 45;
}, $n = function(t) {
return t != null && typeof t != "boolean";
}, $r = /* @__PURE__ */ Ro(function(e) {
return tn(e) ? e : e.replace(ws, "-$&").toLowerCase();
}), lr = function(t, r) {
switch (t) {
case "animation":
case "animationName":
if (typeof r == "string")
return r.replace(Lo, function(n, o, s) {
return Fe = {
name: o,
styles: s,
next: Fe
}, o;
});
}
return Es[t] !== 1 && !tn(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
};
if (process.env.NODE_ENV !== "production") {
var _s = /(var|attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, Ts = ["normal", "none", "initial", "inherit", "unset"], Os = lr, Cs = /^-ms-/, Rs = /-(.)/g, Pn = {};
lr = function(t, r) {
if (t === "content" && (typeof r != "string" || Ts.indexOf(r) === -1 && !_s.test(r) && (r.charAt(0) !== r.charAt(r.length - 1) || r.charAt(0) !== '"' && r.charAt(0) !== "'")))
throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + r + "\"'`");
var n = Os(t, r);
return n !== "" && !tn(t) && t.indexOf("-") !== -1 && Pn[t] === void 0 && (Pn[t] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + t.replace(Cs, "ms-").replace(Rs, function(o, s) {
return s.toUpperCase();
}) + "?")), n;
};
}
var zo = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
function Mt(e, t, r) {
if (r == null)
return "";
if (r.__emotion_styles !== void 0) {
if (process.env.NODE_ENV !== "production" && r.toString() === "NO_COMPONENT_SELECTOR")
throw new Error(zo);
return r;
}
switch (typeof r) {
case "boolean":
return "";
case "object": {
if (r.anim === 1)
return Fe = {
name: r.name,
styles: r.styles,
next: Fe
}, r.name;
if (r.styles !== void 0) {
var n = r.next;
if (n !== void 0)
for (; n !== void 0; )
Fe = {
name: n.name,
styles: n.styles,
next: Fe
}, n = n.next;
var o = r.styles + ";";
return process.env.NODE_ENV !== "production" && r.map !== void 0 && (o += r.map), o;
}
return $s(e, t, r);
}
case "function": {
if (e !== void 0) {
var s = Fe, a = r(e);
return Fe = s, Mt(e, t, a);
} else
process.env.NODE_ENV !== "production" && console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
break;
}
case "string":
if (process.env.NODE_ENV !== "production") {
var u = [], f = r.replace(Lo, function(d, m, y) {
var E = "animation" + u.length;
return u.push("const " + E + " = keyframes`" + y.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + E + "}";
});
u.length && console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(u, ["`" + f + "`"]).join(`
`) + `
You should wrap it with \`css\` like this:
` + ("css`" + f + "`"));
}
break;
}
if (t == null)
return r;
var p = t[r];
return p !== void 0 ? p : r;
}
function $s(e, t, r) {
var n = "";
if (Array.isArray(r))
for (var o = 0; o < r.length; o++)
n += Mt(e, t, r[o]) + ";";
else
for (var s in r) {
var a = r[s];
if (typeof a != "object")
t != null && t[a] !== void 0 ? n += s + "{" + t[a] + "}" : $n(a) && (n += $r(s) + ":" + lr(s, a) + ";");
else {
if (s === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
throw new Error(zo);
if (Array.isArray(a) && typeof a[0] == "string" && (t == null || t[a[0]] === void 0))
for (var u = 0; u < a.length; u++)
$n(a[u]) && (n += $r(s) + ":" + lr(s, a[u]) + ";");
else {
var f = Mt(e, t, a);
switch (s) {
case "animation":
case "animationName": {
n += $r(s) + ":" + f + ";";
break;
}
default:
process.env.NODE_ENV !== "production" && s === "undefined" && console.error(Ss), n += s + "{" + f + "}";
}
}
}
}
return n;
}
var An = /label:\s*([^\s;\n{]+)\s*(;|$)/g, Uo;
process.env.NODE_ENV !== "production" && (Uo = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
var Fe, jt = function(t, r, n) {
if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0)
return t[0];
var o = !0, s = "";
Fe = void 0;
var a = t[0];
a == null || a.raw === void 0 ? (o = !1, s += Mt(n, r, a)) : (process.env.NODE_ENV !== "production" && a[0] === void 0 && console.error(Rn), s += a[0]);
for (var u = 1; u < t.length; u++)
s += Mt(n, r, t[u]), o && (process.env.NODE_ENV !== "production" && a[u] === void 0 && console.error(Rn), s += a[u]);
var f;
process.env.NODE_ENV !== "production" && (s = s.replace(Uo, function(y) {
return f = y, "";
})), An.lastIndex = 0;
for (var p = "", d; (d = An.exec(s)) !== null; )
p += "-" + d[1];
var m = xs(s) + p;
return process.env.NODE_ENV !== "production" ? {
name: m,
styles: s,
map: f,
next: Fe,
toString: function() {
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
}
} : {
name: m,
styles: s,
next: Fe
};
}, Ps = function(t) {
return t();
}, Yo = I["useInsertionEffect"] ? I["useInsertionEffect"] : !1, rn = Yo || Ps, kn = Yo || $i, As = {}.hasOwnProperty, nn = /* @__PURE__ */ Co(
typeof HTMLElement < "u" ? /* @__PURE__ */ ms({
key: "css"
}) : null
);
process.env.NODE_ENV !== "production" && (nn.displayName = "EmotionCacheContext");
nn.Provider;
var gr = function(t) {
return /* @__PURE__ */ Pi(function(r, n) {
var o = Vt(nn);
return t(r, o, n);
});
}, zt = /* @__PURE__ */ Co({});
process.env.NODE_ENV !== "production" && (zt.displayName = "EmotionThemeContext");
var Nn = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", In = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", ks = function(t) {
var r = t.cache, n = t.serialized, o = t.isStringTag;
return hr(r, n, o), rn(function() {
return yr(r, n, o);
}), null;
}, Ns = /* @__PURE__ */ gr(function(e, t, r) {
var n = e.css;
typeof n == "string" && t.registered[n] !== void 0 && (n = t.registered[n]);
var o = e[Nn], s = [n], a = "";
typeof e.className == "string" ? a = en(t.registered, s, e.className) : e.className != null && (a = e.className + " ");
var u = jt(s, void 0, Vt(zt));
if (process.env.NODE_ENV !== "production" && u.name.indexOf("-") === -1) {
var f = e[In];
f && (u = jt([u, "label:" + f + ";"]));
}
a += t.key + "-" + u.name;
var p = {};
for (var d in e)
As.call(e, d) && d !== "css" && d !== Nn && (process.env.NODE_ENV === "production" || d !== In) && (p[d] = e[d]);
return p.ref = r, p.className = a, /* @__PURE__ */ Je(Gr, null, /* @__PURE__ */ Je(ks, {
cache: t,
serialized: u,
isStringTag: typeof o == "string"
}), /* @__PURE__ */ Je(o, p));
});
process.env.NODE_ENV !== "production" && (Ns.displayName = "EmotionCssPropInternal");
var Is = {
name: "@emotion/react",
version: "11.10.4",
main: "dist/emotion-react.cjs.js",
module: "dist/emotion-react.esm.js",
browser: {
"./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"
},
exports: {
".": {
module: {
worker: "./dist/emotion-react.worker.esm.js",
browser: "./dist/emotion-react.browser.esm.js",
default: "./dist/emotion-react.esm.js"
},
default: "./dist/emotion-react.cjs.js"
},
"./jsx-runtime": {
module: {
worker: "./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",
browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
default: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"
},
default: "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
},
"./_isolated-hnrs": {
module: {
worker: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",
browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
default: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"
},
default: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
},
"./jsx-dev-runtime": {
module: {
worker: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",
browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
default: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"
},
default: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
},
"./package.json": "./package.json",
"./types/css-prop": "./types/css-prop.d.ts",
"./macro": "./macro.js"
},
types: "types/index.d.ts",
files: [
"src",
"dist",
"jsx-runtime",
"jsx-dev-runtime",
"_isolated-hnrs",
"types/*.d.ts",
"macro.js",
"macro.d.ts",
"macro.js.flow"
],
sideEffects: !1,
author: "Emotion Contributors",
license: "MIT",
scripts: {
"test:typescript": "dtslint types"
},
dependencies: {
"@babel/runtime": "^7.18.3",
"@emotion/babel-plugin": "^11.10.0",
"@emotion/cache": "^11.10.0",
"@emotion/serialize": "^1.1.0",
"@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
"@emotion/utils": "^1.2.0",
"@emotion/weak-memoize": "^0.3.0",
"hoist-non-react-statics": "^3.3.1"
},
peerDependencies: {
"@babel/core": "^7.0.0",
react: ">=16.8.0"
},
peerDependenciesMeta: {
"@babel/core": {
optional: !0
},
"@types/react": {
optional: !0
}
},
devDependencies: {
"@babel/core": "^7.18.5",
"@definitelytyped/dtslint": "0.0.112",
"@emotion/css": "11.10.0",
"@emotion/css-prettifier": "1.1.0",
"@emotion/server": "11.10.0",
"@emotion/styled": "11.10.4",
"html-tag-names": "^1.1.2",
react: "16.14.0",
"svg-tag-names": "^1.1.1",
typescript: "^4.5.5"
},
repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
publishConfig: {
access: "public"
},
"umd:main": "dist/emotion-react.umd.min.js",
preconstruct: {
entrypoints: [
"./index.js",
"./jsx-runtime.js",
"./jsx-dev-runtime.js",
"./_isolated-hnrs.js"
],
umdName: "emotionReact",
exports: {
envConditions: [
"browser",
"worker"
],
extra: {
"./types/css-prop": "./types/css-prop.d.ts",
"./macro": "./macro.js"
}
}
}
}, Mn = !1, Wo = /* @__PURE__ */ gr(function(e, t) {
process.env.NODE_ENV !== "production" && !Mn && (e.className || e.css) && (console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"), Mn = !0);
var r = e.styles, n = jt([r], void 0, Vt(zt)), o = Ai();
return kn(function() {
var s = t.key + "-global", a = new t.sheet.constructor({
key: s,
nonce: t.sheet.nonce,
container: t.sheet.container,
speedy: t.sheet.isSpeedy
}), u = !1, f = document.querySelector('style[data-emotion="' + s + " " + n.name + '"]');
return t.sheet.tags.length && (a.before = t.sheet.tags[0]), f !== null && (u = !0, f.setAttribute("data-emotion", s), a.hydrate([f])), o.current = [a, u], function() {
a.flush();
};
}, [t]), kn(function() {
var s = o.current, a = s[0], u = s[1];
if (u) {
s[1] = !1;
return;
}
if (n.next !== void 0 && yr(t, n.next, !0), a.tags.length) {
var f = a.tags[a.tags.length - 1].nextElementSibling;
a.before = f, a.flush();
}
t.insert("", n, a, !1);
}, [t, n.name]), null;
});
process.env.NODE_ENV !== "production" && (Wo.displayName = "EmotionGlobal");
var Ms = function e(t) {
for (var r = t.length, n = 0, o = ""; n < r; n++) {
var s = t[n];
if (s != null) {
var a = void 0;
switch (typeof s) {
case "boolean":
break;
case "object": {
if (Array.isArray(s))
a = e(s);
else {
process.env.NODE_ENV !== "production" && s.styles !== void 0 && s.name !== void 0 && console.error("You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component."), a = "";
for (var u in s)
s[u] && u && (a && (a += " "), a += u);
}
break;
}
default:
a = s;
}
a && (o && (o += " "), o += a);
}
}
return o;
};
function js(e, t, r) {
var n = [], o = en(e, n, r);
return n.length < 2 ? r : o + t(n);
}
var Ds = function(t) {
var r = t.cache, n = t.serializedArr;
return rn(function() {
for (var o = 0; o < n.length; o++)
yr(r, n[o], !1);
}), null;
}, Fs = /* @__PURE__ */ gr(function(e, t) {
var r = !1, n = [], o = function() {
if (r && process.env.NODE_ENV !== "production")
throw new Error("css can only be used during render");
for (var p = arguments.length, d = new Array(p), m = 0; m < p; m++)
d[m] = arguments[m];
var y = jt(d, t.registered);
return n.push(y), hr(t, y, !1), t.key + "-" + y.name;
}, s = function() {
if (r && process.env.NODE_ENV !== "production")
throw new Error("cx can only be used during render");
for (var p = arguments.length, d = new Array(p), m = 0; m < p; m++)
d[m] = arguments[m];
return js(t.registered, o, Ms(d));
}, a = {
css: o,
cx: s,
theme: Vt(zt)
}, u = e.children(a);
return r = !0, /* @__PURE__ */ Je(Gr, null, /* @__PURE__ */ Je(Ds, {
cache: t,
serializedArr: n
}), u);
});
process.env.NODE_ENV !== "production" && (Fs.displayName = "EmotionClassNames");
if (process.env.NODE_ENV !== "production") {
var jn = !0, Vs = typeof jest < "u";
if (jn && !Vs) {
var Dn = typeof globalThis < "u" ? globalThis : jn ? window : global, Fn = "__EMOTION_REACT_" + Is.version.split(".")[0] + "__";
Dn[Fn] && console.warn("You are loading @emotion/react when it is already loaded. Running multiple instances may cause problems. This can happen if multiple versions are used, or if multiple builds of the same version are used."), Dn[Fn] = !0;
}
}
var Ls = Mi, zs = function(t) {
return t !== "theme";
}, Vn = function(t) {
return typeof t == "string" && t.charCodeAt(0) > 96 ? Ls : zs;
}, Ln = function(t, r, n) {
var o;
if (r) {
var s = r.s