@thlmenezes/ui-react
Version:
Devopness Design System React Components - Painless essential DevOps to everyone
1,154 lines (1,135 loc) • 318 kB
JavaScript
var Na = Object.defineProperty;
var Ia = (e, t, r) => t in e ? Na(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
var br = (e, t, r) => Ia(e, typeof t != "symbol" ? t + "" : t, r);
import { j as X, i as bs } from "./iconLoader-CEpeP1GC.js";
import * as O from "react";
import je, { useRef as vs, useDebugValue as ui, createElement as Ma, useContext as Da, Children as ja, isValidElement as tn, cloneElement as rn, useState as _a, useEffect as Ba } from "react";
import { getColor as Ne, getOpacity as La } from "./colors.js";
import { getFont as ko } from "./fonts.js";
import { u as Va } from "./useWindowSize-CY3RhgF-.js";
import { g as Fa } from "./_commonjsHelpers-DaMA6jEr.js";
import * as za from "react-dom";
import Wr from "react-dom";
var _e = function() {
return _e = Object.assign || function(t) {
for (var r, n = 1, o = arguments.length; n < o; n++) {
r = arguments[n];
for (var i in r) Object.prototype.hasOwnProperty.call(r, i) && (t[i] = r[i]);
}
return t;
}, _e.apply(this, arguments);
};
function Vt(e, t, r) {
if (r || arguments.length === 2) for (var n = 0, o = t.length, i; n < o; n++)
(i || !(n in t)) && (i || (i = Array.prototype.slice.call(t, 0, n)), i[n] = t[n]);
return e.concat(i || Array.prototype.slice.call(t));
}
function Wa(e) {
var t = /* @__PURE__ */ Object.create(null);
return function(r) {
return t[r] === void 0 && (t[r] = e(r)), t[r];
};
}
var Ua = /^((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|disableRemotePlayback|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)-.*))$/, Ha = /* @__PURE__ */ Wa(
function(e) {
return Ua.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
}
/* Z+1 */
), me = "-ms-", Rr = "-moz-", pe = "-webkit-", ws = "comm", En = "rule", No = "decl", Ya = "@import", Ss = "@keyframes", qa = "@layer", Es = Math.abs, Io = String.fromCharCode, so = Object.assign;
function Ga(e, t) {
return $e(e, 0) ^ 45 ? (((t << 2 ^ $e(e, 0)) << 2 ^ $e(e, 1)) << 2 ^ $e(e, 2)) << 2 ^ $e(e, 3) : 0;
}
function xs(e) {
return e.trim();
}
function dt(e, t) {
return (e = t.exec(e)) ? e[0] : e;
}
function ne(e, t, r) {
return e.replace(t, r);
}
function nn(e, t, r) {
return e.indexOf(t, r);
}
function $e(e, t) {
return e.charCodeAt(t) | 0;
}
function or(e, t, r) {
return e.slice(t, r);
}
function it(e) {
return e.length;
}
function Ts(e) {
return e.length;
}
function Er(e, t) {
return t.push(e), e;
}
function Ka(e, t) {
return e.map(t).join("");
}
function pi(e, t) {
return e.filter(function(r) {
return !dt(r, t);
});
}
var xn = 1, ir = 1, Cs = 0, qe = 0, Te = 0, mr = "";
function Tn(e, t, r, n, o, i, s, c) {
return { value: e, root: t, parent: r, type: n, props: o, children: i, line: xn, column: ir, length: s, return: "", siblings: c };
}
function St(e, t) {
return so(Tn("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
}
function qt(e) {
for (; e.root; )
e = St(e.root, { children: [e] });
Er(e, e.siblings);
}
function Xa() {
return Te;
}
function Qa() {
return Te = qe > 0 ? $e(mr, --qe) : 0, ir--, Te === 10 && (ir = 1, xn--), Te;
}
function Je() {
return Te = qe < Cs ? $e(mr, qe++) : 0, ir++, Te === 10 && (ir = 1, xn++), Te;
}
function _t() {
return $e(mr, qe);
}
function on() {
return qe;
}
function Cn(e, t) {
return or(mr, e, t);
}
function ao(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 Ja(e) {
return xn = ir = 1, Cs = it(mr = e), qe = 0, [];
}
function Za(e) {
return mr = "", e;
}
function Yn(e) {
return xs(Cn(qe - 1, co(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
}
function ec(e) {
for (; (Te = _t()) && Te < 33; )
Je();
return ao(e) > 2 || ao(Te) > 3 ? "" : " ";
}
function tc(e, t) {
for (; --t && Je() && !(Te < 48 || Te > 102 || Te > 57 && Te < 65 || Te > 70 && Te < 97); )
;
return Cn(e, on() + (t < 6 && _t() == 32 && Je() == 32));
}
function co(e) {
for (; Je(); )
switch (Te) {
case e:
return qe;
case 34:
case 39:
e !== 34 && e !== 39 && co(Te);
break;
case 40:
e === 41 && co(e);
break;
case 92:
Je();
break;
}
return qe;
}
function rc(e, t) {
for (; Je() && e + Te !== 57; )
if (e + Te === 84 && _t() === 47)
break;
return "/*" + Cn(t, qe - 1) + "*" + Io(e === 47 ? e : Je());
}
function nc(e) {
for (; !ao(_t()); )
Je();
return Cn(e, qe);
}
function oc(e) {
return Za(sn("", null, null, null, [""], e = Ja(e), 0, [0], e));
}
function sn(e, t, r, n, o, i, s, c, l) {
for (var p = 0, f = 0, d = s, h = 0, b = 0, w = 0, m = 1, y = 1, S = 1, P = 0, E = "", v = o, g = i, T = n, R = E; y; )
switch (w = P, P = Je()) {
case 40:
if (w != 108 && $e(R, d - 1) == 58) {
nn(R += ne(Yn(P), "&", "&\f"), "&\f", Es(p ? c[p - 1] : 0)) != -1 && (S = -1);
break;
}
case 34:
case 39:
case 91:
R += Yn(P);
break;
case 9:
case 10:
case 13:
case 32:
R += ec(w);
break;
case 92:
R += tc(on() - 1, 7);
continue;
case 47:
switch (_t()) {
case 42:
case 47:
Er(ic(rc(Je(), on()), t, r, l), l);
break;
default:
R += "/";
}
break;
case 123 * m:
c[p++] = it(R) * S;
case 125 * m:
case 59:
case 0:
switch (P) {
case 0:
case 125:
y = 0;
case 59 + f:
S == -1 && (R = ne(R, /\f/g, "")), b > 0 && it(R) - d && Er(b > 32 ? di(R + ";", n, r, d - 1, l) : di(ne(R, " ", "") + ";", n, r, d - 2, l), l);
break;
case 59:
R += ";";
default:
if (Er(T = fi(R, t, r, p, f, o, c, E, v = [], g = [], d, i), i), P === 123)
if (f === 0)
sn(R, t, T, T, v, i, d, c, g);
else
switch (h === 99 && $e(R, 3) === 110 ? 100 : h) {
case 100:
case 108:
case 109:
case 115:
sn(e, T, T, n && Er(fi(e, T, T, 0, 0, o, c, E, o, v = [], d, g), g), o, g, d, c, n ? v : g);
break;
default:
sn(R, T, T, T, [""], g, 0, c, g);
}
}
p = f = b = 0, m = S = 1, E = R = "", d = s;
break;
case 58:
d = 1 + it(R), b = w;
default:
if (m < 1) {
if (P == 123)
--m;
else if (P == 125 && m++ == 0 && Qa() == 125)
continue;
}
switch (R += Io(P), P * m) {
case 38:
S = f > 0 ? 1 : (R += "\f", -1);
break;
case 44:
c[p++] = (it(R) - 1) * S, S = 1;
break;
case 64:
_t() === 45 && (R += Yn(Je())), h = _t(), f = d = it(E = R += nc(on())), P++;
break;
case 45:
w === 45 && it(R) == 2 && (m = 0);
}
}
return i;
}
function fi(e, t, r, n, o, i, s, c, l, p, f, d) {
for (var h = o - 1, b = o === 0 ? i : [""], w = Ts(b), m = 0, y = 0, S = 0; m < n; ++m)
for (var P = 0, E = or(e, h + 1, h = Es(y = s[m])), v = e; P < w; ++P)
(v = xs(y > 0 ? b[P] + " " + E : ne(E, /&\f/g, b[P]))) && (l[S++] = v);
return Tn(e, t, r, o === 0 ? En : c, l, p, f, d);
}
function ic(e, t, r, n) {
return Tn(e, t, r, ws, Io(Xa()), or(e, 2, -2), 0, n);
}
function di(e, t, r, n, o) {
return Tn(e, t, r, No, or(e, 0, n), or(e, n + 1, -1), n, o);
}
function Os(e, t, r) {
switch (Ga(e, t)) {
case 5103:
return pe + "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 pe + e + e;
case 4789:
return Rr + e + e;
case 5349:
case 4246:
case 4810:
case 6968:
case 2756:
return pe + e + Rr + e + me + e + e;
case 5936:
switch ($e(e, t + 11)) {
case 114:
return pe + e + me + ne(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
case 108:
return pe + e + me + ne(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
case 45:
return pe + e + me + ne(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
}
case 6828:
case 4268:
case 2903:
return pe + e + me + e + e;
case 6165:
return pe + e + me + "flex-" + e + e;
case 5187:
return pe + e + ne(e, /(\w+).+(:[^]+)/, pe + "box-$1$2" + me + "flex-$1$2") + e;
case 5443:
return pe + e + me + "flex-item-" + ne(e, /flex-|-self/g, "") + (dt(e, /flex-|baseline/) ? "" : me + "grid-row-" + ne(e, /flex-|-self/g, "")) + e;
case 4675:
return pe + e + me + "flex-line-pack" + ne(e, /align-content|flex-|-self/g, "") + e;
case 5548:
return pe + e + me + ne(e, "shrink", "negative") + e;
case 5292:
return pe + e + me + ne(e, "basis", "preferred-size") + e;
case 6060:
return pe + "box-" + ne(e, "-grow", "") + pe + e + me + ne(e, "grow", "positive") + e;
case 4554:
return pe + ne(e, /([^-])(transform)/g, "$1" + pe + "$2") + e;
case 6187:
return ne(ne(ne(e, /(zoom-|grab)/, pe + "$1"), /(image-set)/, pe + "$1"), e, "") + e;
case 5495:
case 3959:
return ne(e, /(image-set\([^]*)/, pe + "$1$`$1");
case 4968:
return ne(ne(e, /(.+:)(flex-)?(.*)/, pe + "box-pack:$3" + me + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + pe + e + e;
case 4200:
if (!dt(e, /flex-|baseline/)) return me + "grid-column-align" + or(e, t) + e;
break;
case 2592:
case 3360:
return me + ne(e, "template-", "") + e;
case 4384:
case 3616:
return r && r.some(function(n, o) {
return t = o, dt(n.props, /grid-\w+-end/);
}) ? ~nn(e + (r = r[t].value), "span", 0) ? e : me + ne(e, "-start", "") + e + me + "grid-row-span:" + (~nn(r, "span", 0) ? dt(r, /\d+/) : +dt(r, /\d+/) - +dt(e, /\d+/)) + ";" : me + ne(e, "-start", "") + e;
case 4896:
case 4128:
return r && r.some(function(n) {
return dt(n.props, /grid-\w+-start/);
}) ? e : me + ne(ne(e, "-end", "-span"), "span ", "") + e;
case 4095:
case 3583:
case 4068:
case 2532:
return ne(e, /(.+)-inline(.+)/, pe + "$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 (it(e) - 1 - t > 6)
switch ($e(e, t + 1)) {
case 109:
if ($e(e, t + 4) !== 45)
break;
case 102:
return ne(e, /(.+:)(.+)-([^]+)/, "$1" + pe + "$2-$3$1" + Rr + ($e(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
case 115:
return ~nn(e, "stretch", 0) ? Os(ne(e, "stretch", "fill-available"), t, r) + e : e;
}
break;
case 5152:
case 5920:
return ne(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, o, i, s, c, l, p) {
return me + o + ":" + i + p + (s ? me + o + "-span:" + (c ? l : +l - +i) + p : "") + e;
});
case 4949:
if ($e(e, t + 6) === 121)
return ne(e, ":", ":" + pe) + e;
break;
case 6444:
switch ($e(e, $e(e, 14) === 45 ? 18 : 11)) {
case 120:
return ne(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + pe + ($e(e, 14) === 45 ? "inline-" : "") + "box$3$1" + pe + "$2$3$1" + me + "$2box$3") + e;
case 100:
return ne(e, ":", ":" + me) + e;
}
break;
case 5719:
case 2647:
case 2135:
case 3927:
case 2391:
return ne(e, "scroll-", "scroll-snap-") + e;
}
return e;
}
function pn(e, t) {
for (var r = "", n = 0; n < e.length; n++)
r += t(e[n], n, e, t) || "";
return r;
}
function sc(e, t, r, n) {
switch (e.type) {
case qa:
if (e.children.length) break;
case Ya:
case No:
return e.return = e.return || e.value;
case ws:
return "";
case Ss:
return e.return = e.value + "{" + pn(e.children, n) + "}";
case En:
if (!it(e.value = e.props.join(","))) return "";
}
return it(r = pn(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
}
function ac(e) {
var t = Ts(e);
return function(r, n, o, i) {
for (var s = "", c = 0; c < t; c++)
s += e[c](r, n, o, i) || "";
return s;
};
}
function cc(e) {
return function(t) {
t.root || (t = t.return) && e(t);
};
}
function lc(e, t, r, n) {
if (e.length > -1 && !e.return)
switch (e.type) {
case No:
e.return = Os(e.value, e.length, r);
return;
case Ss:
return pn([St(e, { value: ne(e.value, "@", "@" + pe) })], n);
case En:
if (e.length)
return Ka(r = e.props, function(o) {
switch (dt(o, n = /(::plac\w+|:read-\w+)/)) {
case ":read-only":
case ":read-write":
qt(St(e, { props: [ne(o, /:(read-\w+)/, ":" + Rr + "$1")] })), qt(St(e, { props: [o] })), so(e, { props: pi(r, n) });
break;
case "::placeholder":
qt(St(e, { props: [ne(o, /:(plac\w+)/, ":" + pe + "input-$1")] })), qt(St(e, { props: [ne(o, /:(plac\w+)/, ":" + Rr + "$1")] })), qt(St(e, { props: [ne(o, /:(plac\w+)/, me + "input-$1")] })), qt(St(e, { props: [o] })), so(e, { props: pi(r, n) });
break;
}
return "";
});
}
}
var uc = {
animationIterationCount: 1,
aspectRatio: 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
}, Ft = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", Rs = "active", $s = "data-styled-version", On = "6.1.13", Mo = `/*!sc*/
`, fn = typeof window < "u" && "HTMLElement" in window, pc = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), hi = /invalid hook call/i, Ur = /* @__PURE__ */ new Set(), fc = function(e, t) {
if (process.env.NODE_ENV !== "production") {
var r = t ? ' with the id of "'.concat(t, '"') : "", n = "The component ".concat(e).concat(r, ` has been created dynamically.
`) + `You may see this warning because you've called styled inside another component.
To resolve this only create new StyledComponents outside of any render method and function component.`, o = console.error;
try {
var i = !0;
console.error = function(s) {
for (var c = [], l = 1; l < arguments.length; l++) c[l - 1] = arguments[l];
hi.test(s) ? (i = !1, Ur.delete(n)) : o.apply(void 0, Vt([s], c, !1));
}, vs(), i && !Ur.has(n) && (console.warn(n), Ur.add(n));
} catch (s) {
hi.test(s.message) && Ur.delete(n);
} finally {
console.error = o;
}
}
}, Rn = Object.freeze([]), sr = Object.freeze({});
function dc(e, t, r) {
return r === void 0 && (r = sr), e.theme !== r.theme && e.theme || t || r.theme;
}
var lo = /* @__PURE__ */ new Set(["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", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "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", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), hc = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, mc = /(^-|-$)/g;
function mi(e) {
return e.replace(hc, "-").replace(mc, "");
}
var gc = /(a)(d)/gi, Hr = 52, gi = function(e) {
return String.fromCharCode(e + (e > 25 ? 39 : 97));
};
function uo(e) {
var t, r = "";
for (t = Math.abs(e); t > Hr; t = t / Hr | 0) r = gi(t % Hr) + r;
return (gi(t % Hr) + r).replace(gc, "$1-$2");
}
var qn, Ps = 5381, Mt = function(e, t) {
for (var r = t.length; r; ) e = 33 * e ^ t.charCodeAt(--r);
return e;
}, As = function(e) {
return Mt(Ps, e);
};
function ks(e) {
return uo(As(e) >>> 0);
}
function Ns(e) {
return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
}
function Gn(e) {
return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
}
var Is = typeof Symbol == "function" && Symbol.for, Ms = Is ? Symbol.for("react.memo") : 60115, yc = Is ? Symbol.for("react.forward_ref") : 60112, bc = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, vc = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, Ds = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, wc = ((qn = {})[yc] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, qn[Ms] = Ds, qn);
function yi(e) {
return ("type" in (t = e) && t.type.$$typeof) === Ms ? Ds : "$$typeof" in e ? wc[e.$$typeof] : bc;
var t;
}
var Sc = Object.defineProperty, Ec = Object.getOwnPropertyNames, bi = Object.getOwnPropertySymbols, xc = Object.getOwnPropertyDescriptor, Tc = Object.getPrototypeOf, vi = Object.prototype;
function js(e, t, r) {
if (typeof t != "string") {
if (vi) {
var n = Tc(t);
n && n !== vi && js(e, n, r);
}
var o = Ec(t);
bi && (o = o.concat(bi(t)));
for (var i = yi(e), s = yi(t), c = 0; c < o.length; ++c) {
var l = o[c];
if (!(l in vc || r && r[l] || s && l in s || i && l in i)) {
var p = xc(t, l);
try {
Sc(e, l, p);
} catch {
}
}
}
}
return e;
}
function ar(e) {
return typeof e == "function";
}
function Do(e) {
return typeof e == "object" && "styledComponentId" in e;
}
function Dt(e, t) {
return e && t ? "".concat(e, " ").concat(t) : e || t || "";
}
function po(e, t) {
if (e.length === 0) return "";
for (var r = e[0], n = 1; n < e.length; n++) r += e[n];
return r;
}
function cr(e) {
return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
}
function fo(e, t, r) {
if (r === void 0 && (r = !1), !r && !cr(e) && !Array.isArray(e)) return t;
if (Array.isArray(t)) for (var n = 0; n < t.length; n++) e[n] = fo(e[n], t[n]);
else if (cr(t)) for (var n in t) e[n] = fo(e[n], t[n]);
return e;
}
function jo(e, t) {
Object.defineProperty(e, "toString", { value: t });
}
var Cc = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
`, 2: `Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
- Are you trying to reuse it across renders?
- Are you accidentally calling collectStyles twice?
`, 3: `Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
`, 4: `The \`StyleSheetManager\` expects a valid target or sheet prop!
- Does this error occur on the client and is your target falsy?
- Does this error occur on the server and is the sheet falsy?
`, 5: `The clone method cannot be used on the client!
- Are you running in a client-like environment on the server?
- Are you trying to run SSR on the client?
`, 6: `Trying to insert a new style tag, but the given Node is unmounted!
- Are you using a custom target that isn't mounted?
- Does your document not have a valid head element?
- Have you accidentally removed a style tag manually?
`, 7: 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8: `ThemeProvider: Please make your "theme" prop an object.
`, 9: "Missing document `<head>`\n\n", 10: `Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
`, 11: `_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
`, 12: "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13: `%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
`, 14: `ThemeProvider: "theme" prop is required.
`, 15: "A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16: `Reached the limit of how many styled components may be created at group %s.
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
as for instance in your render method then you may be running into this limitation.
`, 17: `CSSStyleSheet could not be found on HTMLStyleElement.
Has styled-components' style tag been unmounted or altered by another script?
`, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
function Oc() {
for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
for (var r = e[0], n = [], o = 1, i = e.length; o < i; o += 1) n.push(e[o]);
return n.forEach(function(s) {
r = r.replace(/%[a-z]/, s);
}), r;
}
function gr(e) {
for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : "")) : new Error(Oc.apply(void 0, Vt([Cc[e]], t, !1)).trim());
}
var Rc = function() {
function e(t) {
this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
}
return e.prototype.indexOfGroup = function(t) {
for (var r = 0, n = 0; n < t; n++) r += this.groupSizes[n];
return r;
}, e.prototype.insertRules = function(t, r) {
if (t >= this.groupSizes.length) {
for (var n = this.groupSizes, o = n.length, i = o; t >= i; ) if ((i <<= 1) < 0) throw gr(16, "".concat(t));
this.groupSizes = new Uint32Array(i), this.groupSizes.set(n), this.length = i;
for (var s = o; s < i; s++) this.groupSizes[s] = 0;
}
for (var c = this.indexOfGroup(t + 1), l = (s = 0, r.length); s < l; s++) this.tag.insertRule(c, r[s]) && (this.groupSizes[t]++, c++);
}, e.prototype.clearGroup = function(t) {
if (t < this.length) {
var r = this.groupSizes[t], n = this.indexOfGroup(t), o = n + r;
this.groupSizes[t] = 0;
for (var i = n; i < o; i++) this.tag.deleteRule(n);
}
}, e.prototype.getGroup = function(t) {
var r = "";
if (t >= this.length || this.groupSizes[t] === 0) return r;
for (var n = this.groupSizes[t], o = this.indexOfGroup(t), i = o + n, s = o; s < i; s++) r += "".concat(this.tag.getRule(s)).concat(Mo);
return r;
}, e;
}(), $c = 1 << 30, an = /* @__PURE__ */ new Map(), dn = /* @__PURE__ */ new Map(), cn = 1, Yr = function(e) {
if (an.has(e)) return an.get(e);
for (; dn.has(cn); ) cn++;
var t = cn++;
if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > $c)) throw gr(16, "".concat(t));
return an.set(e, t), dn.set(t, e), t;
}, Pc = function(e, t) {
cn = t + 1, an.set(e, t), dn.set(t, e);
}, Ac = "style[".concat(Ft, "][").concat($s, '="').concat(On, '"]'), kc = new RegExp("^".concat(Ft, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Nc = function(e, t, r) {
for (var n, o = r.split(","), i = 0, s = o.length; i < s; i++) (n = o[i]) && e.registerName(t, n);
}, Ic = function(e, t) {
for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(Mo), o = [], i = 0, s = n.length; i < s; i++) {
var c = n[i].trim();
if (c) {
var l = c.match(kc);
if (l) {
var p = 0 | parseInt(l[1], 10), f = l[2];
p !== 0 && (Pc(f, p), Nc(e, f, l[3]), e.getTag().insertRules(p, o)), o.length = 0;
} else o.push(c);
}
}
}, wi = function(e) {
for (var t = document.querySelectorAll(Ac), r = 0, n = t.length; r < n; r++) {
var o = t[r];
o && o.getAttribute(Ft) !== Rs && (Ic(e, o), o.parentNode && o.parentNode.removeChild(o));
}
};
function Mc() {
return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
}
var _s = function(e) {
var t = document.head, r = e || t, n = document.createElement("style"), o = function(c) {
var l = Array.from(c.querySelectorAll("style[".concat(Ft, "]")));
return l[l.length - 1];
}(r), i = o !== void 0 ? o.nextSibling : null;
n.setAttribute(Ft, Rs), n.setAttribute($s, On);
var s = Mc();
return s && n.setAttribute("nonce", s), r.insertBefore(n, i), n;
}, Dc = function() {
function e(t) {
this.element = _s(t), this.element.appendChild(document.createTextNode("")), this.sheet = function(r) {
if (r.sheet) return r.sheet;
for (var n = document.styleSheets, o = 0, i = n.length; o < i; o++) {
var s = n[o];
if (s.ownerNode === r) return s;
}
throw gr(17);
}(this.element), this.length = 0;
}
return e.prototype.insertRule = function(t, r) {
try {
return this.sheet.insertRule(r, t), this.length++, !0;
} catch {
return !1;
}
}, e.prototype.deleteRule = function(t) {
this.sheet.deleteRule(t), this.length--;
}, e.prototype.getRule = function(t) {
var r = this.sheet.cssRules[t];
return r && r.cssText ? r.cssText : "";
}, e;
}(), jc = function() {
function e(t) {
this.element = _s(t), this.nodes = this.element.childNodes, this.length = 0;
}
return e.prototype.insertRule = function(t, r) {
if (t <= this.length && t >= 0) {
var n = document.createTextNode(r);
return this.element.insertBefore(n, this.nodes[t] || null), this.length++, !0;
}
return !1;
}, e.prototype.deleteRule = function(t) {
this.element.removeChild(this.nodes[t]), this.length--;
}, e.prototype.getRule = function(t) {
return t < this.length ? this.nodes[t].textContent : "";
}, e;
}(), _c = function() {
function e(t) {
this.rules = [], this.length = 0;
}
return e.prototype.insertRule = function(t, r) {
return t <= this.length && (this.rules.splice(t, 0, r), this.length++, !0);
}, e.prototype.deleteRule = function(t) {
this.rules.splice(t, 1), this.length--;
}, e.prototype.getRule = function(t) {
return t < this.length ? this.rules[t] : "";
}, e;
}(), Si = fn, Bc = { isServer: !fn, useCSSOMInjection: !pc }, Bs = function() {
function e(t, r, n) {
t === void 0 && (t = sr), r === void 0 && (r = {});
var o = this;
this.options = _e(_e({}, Bc), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && fn && Si && (Si = !1, wi(this)), jo(this, function() {
return function(i) {
for (var s = i.getTag(), c = s.length, l = "", p = function(d) {
var h = function(S) {
return dn.get(S);
}(d);
if (h === void 0) return "continue";
var b = i.names.get(h), w = s.getGroup(d);
if (b === void 0 || !b.size || w.length === 0) return "continue";
var m = "".concat(Ft, ".g").concat(d, '[id="').concat(h, '"]'), y = "";
b !== void 0 && b.forEach(function(S) {
S.length > 0 && (y += "".concat(S, ","));
}), l += "".concat(w).concat(m, '{content:"').concat(y, '"}').concat(Mo);
}, f = 0; f < c; f++) p(f);
return l;
}(o);
});
}
return e.registerId = function(t) {
return Yr(t);
}, e.prototype.rehydrate = function() {
!this.server && fn && wi(this);
}, e.prototype.reconstructWithOptions = function(t, r) {
return r === void 0 && (r = !0), new e(_e(_e({}, this.options), t), this.gs, r && this.names || void 0);
}, e.prototype.allocateGSInstance = function(t) {
return this.gs[t] = (this.gs[t] || 0) + 1;
}, e.prototype.getTag = function() {
return this.tag || (this.tag = (t = function(r) {
var n = r.useCSSOMInjection, o = r.target;
return r.isServer ? new _c(o) : n ? new Dc(o) : new jc(o);
}(this.options), new Rc(t)));
var t;
}, e.prototype.hasNameForId = function(t, r) {
return this.names.has(t) && this.names.get(t).has(r);
}, e.prototype.registerName = function(t, r) {
if (Yr(t), this.names.has(t)) this.names.get(t).add(r);
else {
var n = /* @__PURE__ */ new Set();
n.add(r), this.names.set(t, n);
}
}, e.prototype.insertRules = function(t, r, n) {
this.registerName(t, r), this.getTag().insertRules(Yr(t), n);
}, e.prototype.clearNames = function(t) {
this.names.has(t) && this.names.get(t).clear();
}, e.prototype.clearRules = function(t) {
this.getTag().clearGroup(Yr(t)), this.clearNames(t);
}, e.prototype.clearTag = function() {
this.tag = void 0;
}, e;
}(), Lc = /&/g, Vc = /^\s*\/\/.*$/gm;
function Ls(e, t) {
return e.map(function(r) {
return r.type === "rule" && (r.value = "".concat(t, " ").concat(r.value), r.value = r.value.replaceAll(",", ",".concat(t, " ")), r.props = r.props.map(function(n) {
return "".concat(t, " ").concat(n);
})), Array.isArray(r.children) && r.type !== "@keyframes" && (r.children = Ls(r.children, t)), r;
});
}
function Fc(e) {
var t, r, n, o = sr, i = o.options, s = i === void 0 ? sr : i, c = o.plugins, l = c === void 0 ? Rn : c, p = function(h, b, w) {
return w.startsWith(r) && w.endsWith(r) && w.replaceAll(r, "").length > 0 ? ".".concat(t) : h;
}, f = l.slice();
f.push(function(h) {
h.type === En && h.value.includes("&") && (h.props[0] = h.props[0].replace(Lc, r).replace(n, p));
}), s.prefix && f.push(lc), f.push(sc);
var d = function(h, b, w, m) {
b === void 0 && (b = ""), w === void 0 && (w = ""), m === void 0 && (m = "&"), t = m, r = b, n = new RegExp("\\".concat(r, "\\b"), "g");
var y = h.replace(Vc, ""), S = oc(w || b ? "".concat(w, " ").concat(b, " { ").concat(y, " }") : y);
s.namespace && (S = Ls(S, s.namespace));
var P = [];
return pn(S, ac(f.concat(cc(function(E) {
return P.push(E);
})))), P;
};
return d.hash = l.length ? l.reduce(function(h, b) {
return b.name || gr(15), Mt(h, b.name);
}, Ps).toString() : "", d;
}
var zc = new Bs(), ho = Fc(), Vs = je.createContext({ shouldForwardProp: void 0, styleSheet: zc, stylis: ho });
Vs.Consumer;
je.createContext(void 0);
function Ei() {
return Da(Vs);
}
var mo = function() {
function e(t, r) {
var n = this;
this.inject = function(o, i) {
i === void 0 && (i = ho);
var s = n.name + i.hash;
o.hasNameForId(n.id, s) || o.insertRules(n.id, s, i(n.rules, s, "@keyframes"));
}, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = r, jo(this, function() {
throw gr(12, String(n.name));
});
}
return e.prototype.getName = function(t) {
return t === void 0 && (t = ho), this.name + t.hash;
}, e;
}(), Wc = function(e) {
return e >= "A" && e <= "Z";
};
function xi(e) {
for (var t = "", r = 0; r < e.length; r++) {
var n = e[r];
if (r === 1 && n === "-" && e[0] === "-") return e;
Wc(n) ? t += "-" + n.toLowerCase() : t += n;
}
return t.startsWith("ms-") ? "-" + t : t;
}
var Fs = function(e) {
return e == null || e === !1 || e === "";
}, zs = function(e) {
var t, r, n = [];
for (var o in e) {
var i = e[o];
e.hasOwnProperty(o) && !Fs(i) && (Array.isArray(i) && i.isCss || ar(i) ? n.push("".concat(xi(o), ":"), i, ";") : cr(i) ? n.push.apply(n, Vt(Vt(["".concat(o, " {")], zs(i), !1), ["}"], !1)) : n.push("".concat(xi(o), ": ").concat((t = o, (r = i) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || t in uc || t.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
}
return n;
};
function Bt(e, t, r, n) {
if (Fs(e)) return [];
if (Do(e)) return [".".concat(e.styledComponentId)];
if (ar(e)) {
if (!ar(i = e) || i.prototype && i.prototype.isReactComponent || !t) return [e];
var o = e(t);
return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof mo || cr(o) || o === null || console.error("".concat(Ns(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), Bt(o, t, r, n);
}
var i;
return e instanceof mo ? r ? (e.inject(r, n), [e.getName(n)]) : [e] : cr(e) ? zs(e) : Array.isArray(e) ? Array.prototype.concat.apply(Rn, e.map(function(s) {
return Bt(s, t, r, n);
})) : [e.toString()];
}
function Uc(e) {
for (var t = 0; t < e.length; t += 1) {
var r = e[t];
if (ar(r) && !Do(r)) return !1;
}
return !0;
}
var Hc = As(On), Yc = function() {
function e(t, r, n) {
this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (n === void 0 || n.isStatic) && Uc(t), this.componentId = r, this.baseHash = Mt(Hc, r), this.baseStyle = n, Bs.registerId(r);
}
return e.prototype.generateAndInjectStyles = function(t, r, n) {
var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, r, n) : "";
if (this.isStatic && !n.hash) if (this.staticRulesId && r.hasNameForId(this.componentId, this.staticRulesId)) o = Dt(o, this.staticRulesId);
else {
var i = po(Bt(this.rules, t, r, n)), s = uo(Mt(this.baseHash, i) >>> 0);
if (!r.hasNameForId(this.componentId, s)) {
var c = n(i, ".".concat(s), void 0, this.componentId);
r.insertRules(this.componentId, s, c);
}
o = Dt(o, s), this.staticRulesId = s;
}
else {
for (var l = Mt(this.baseHash, n.hash), p = "", f = 0; f < this.rules.length; f++) {
var d = this.rules[f];
if (typeof d == "string") p += d, process.env.NODE_ENV !== "production" && (l = Mt(l, d));
else if (d) {
var h = po(Bt(d, t, r, n));
l = Mt(l, h + f), p += h;
}
}
if (p) {
var b = uo(l >>> 0);
r.hasNameForId(this.componentId, b) || r.insertRules(this.componentId, b, n(p, ".".concat(b), void 0, this.componentId)), o = Dt(o, b);
}
}
return o;
}, e;
}(), _o = je.createContext(void 0);
_o.Consumer;
var Kn = {}, Ti = /* @__PURE__ */ new Set();
function qc(e, t, r) {
var n = Do(e), o = e, i = !Gn(e), s = t.attrs, c = s === void 0 ? Rn : s, l = t.componentId, p = l === void 0 ? function(v, g) {
var T = typeof v != "string" ? "sc" : mi(v);
Kn[T] = (Kn[T] || 0) + 1;
var R = "".concat(T, "-").concat(ks(On + T + Kn[T]));
return g ? "".concat(g, "-").concat(R) : R;
}(t.displayName, t.parentComponentId) : l, f = t.displayName, d = f === void 0 ? function(v) {
return Gn(v) ? "styled.".concat(v) : "Styled(".concat(Ns(v), ")");
}(e) : f, h = t.displayName && t.componentId ? "".concat(mi(t.displayName), "-").concat(t.componentId) : t.componentId || p, b = n && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, w = t.shouldForwardProp;
if (n && o.shouldForwardProp) {
var m = o.shouldForwardProp;
if (t.shouldForwardProp) {
var y = t.shouldForwardProp;
w = function(v, g) {
return m(v, g) && y(v, g);
};
} else w = m;
}
var S = new Yc(r, h, n ? o.componentStyle : void 0);
function P(v, g) {
return function(T, R, _) {
var M = T.attrs, u = T.componentStyle, $ = T.defaultProps, I = T.foldedComponentIds, N = T.styledComponentId, W = T.target, F = je.useContext(_o), L = Ei(), z = T.shouldForwardProp || L.shouldForwardProp;
process.env.NODE_ENV !== "production" && ui(N);
var te = dc(R, F, $) || sr, Q = function(G, V, q) {
for (var H, J = _e(_e({}, V), { className: void 0, theme: q }), ee = 0; ee < G.length; ee += 1) {
var se = ar(H = G[ee]) ? H(J) : H;
for (var A in se) J[A] = A === "className" ? Dt(J[A], se[A]) : A === "style" ? _e(_e({}, J[A]), se[A]) : se[A];
}
return V.className && (J.className = Dt(J.className, V.className)), J;
}(M, R, te), x = Q.as || W, k = {};
for (var B in Q) Q[B] === void 0 || B[0] === "$" || B === "as" || B === "theme" && Q.theme === te || (B === "forwardedAs" ? k.as = Q.forwardedAs : z && !z(B, x) || (k[B] = Q[B], z || process.env.NODE_ENV !== "development" || Ha(B) || Ti.has(B) || !lo.has(x) || (Ti.add(B), console.warn('styled-components: it looks like an unknown prop "'.concat(B, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
var K = function(G, V) {
var q = Ei(), H = G.generateAndInjectStyles(V, q.styleSheet, q.stylis);
return process.env.NODE_ENV !== "production" && ui(H), H;
}(u, Q);
process.env.NODE_ENV !== "production" && T.warnTooManyClasses && T.warnTooManyClasses(K);
var D = Dt(I, N);
return K && (D += " " + K), Q.className && (D += " " + Q.className), k[Gn(x) && !lo.has(x) ? "class" : "className"] = D, k.ref = _, Ma(x, k);
}(E, v, g);
}
P.displayName = d;
var E = je.forwardRef(P);
return E.attrs = b, E.componentStyle = S, E.displayName = d, E.shouldForwardProp = w, E.foldedComponentIds = n ? Dt(o.foldedComponentIds, o.styledComponentId) : "", E.styledComponentId = h, E.target = n ? o.target : e, Object.defineProperty(E, "defaultProps", { get: function() {
return this._foldedDefaultProps;
}, set: function(v) {
this._foldedDefaultProps = n ? function(g) {
for (var T = [], R = 1; R < arguments.length; R++) T[R - 1] = arguments[R];
for (var _ = 0, M = T; _ < M.length; _++) fo(g, M[_], !0);
return g;
}({}, o.defaultProps, v) : v;
} }), process.env.NODE_ENV !== "production" && (fc(d, h), E.warnTooManyClasses = /* @__PURE__ */ function(v, g) {
var T = {}, R = !1;
return function(_) {
if (!R && (T[_] = !0, Object.keys(T).length >= 200)) {
var M = g ? ' with the id of "'.concat(g, '"') : "";
console.warn("Over ".concat(200, " classes were generated for component ").concat(v).concat(M, `.
`) + `Consider using the attrs method, together with a style object for frequently changed styles.
Example:
const Component = styled.div.attrs(props => ({
style: {
background: props.background,
},
}))\`width: 100%;\`
<Component />`), R = !0, T = {};
}
};
}(d, h)), jo(E, function() {
return ".".concat(E.styledComponentId);
}), i && js(E, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), E;
}
function Ci(e, t) {
for (var r = [e[0]], n = 0, o = t.length; n < o; n += 1) r.push(t[n], e[n + 1]);
return r;
}
var Oi = function(e) {
return Object.assign(e, { isCss: !0 });
};
function yr(e) {
for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
if (ar(e) || cr(e)) return Oi(Bt(Ci(Rn, Vt([e], t, !0))));
var n = e;
return t.length === 0 && n.length === 1 && typeof n[0] == "string" ? Bt(n) : Oi(Bt(Ci(n, t)));
}
function go(e, t, r) {
if (r === void 0 && (r = sr), !t) throw gr(1, t);
var n = function(o) {
for (var i = [], s = 1; s < arguments.length; s++) i[s - 1] = arguments[s];
return e(t, r, yr.apply(void 0, Vt([o], i, !1)));
};
return n.attrs = function(o) {
return go(e, t, _e(_e({}, r), { attrs: Array.prototype.concat(r.attrs, o).filter(Boolean) }));
}, n.withConfig = function(o) {
return go(e, t, _e(_e({}, r), o));
}, n;
}
var Ws = function(e) {
return go(qc, e);
}, Ze = Ws;
lo.forEach(function(e) {
Ze[e] = Ws(e);
});
function Bo(e) {
for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
var n = po(yr.apply(void 0, Vt([e], t, !1))), o = ks(n);
return new mo(o, n);
}
process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
Perhaps you're looking to import 'styled-components/native'?
Read more about this at https://www.styled-components.com/docs/basics#react-native`);
var qr = "__sc-".concat(Ft, "__");
process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[qr] || (window[qr] = 0), window[qr] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
See https://s-c.sh/2BAXzed for more info.`), window[qr] += 1);
const Gc = (e, t) => {
switch (e) {
case "borderless":
return "transparent";
case "outlinedSecondary":
case "outlinedAuxiliary":
return (t == null ? void 0 : t.backgroundColor) ?? Ne("white");
default:
return (t == null ? void 0 : t.backgroundColor) ?? Ne("purple.800");
}
}, Kc = (e, t) => {
switch (e) {
case "borderless":
case "outlinedSecondary":
case "outlinedAuxiliary":
return (t == null ? void 0 : t.color) ?? Ne("purple.800");
default:
return (t == null ? void 0 : t.color) ?? Ne("white");
}
}, Xc = (e) => {
switch (e) {
case "borderless":
return "none";
default:
return "solid";
}
}, Qc = (e, t) => {
switch (e) {
case "borderless":
return "";
case "outlinedSecondary":
return (t == null ? void 0 : t.borderColor) ?? Ne("purple.800");
case "outlinedAuxiliary":
return (t == null ? void 0 : t.borderColor) ?? Ne("gray.800");
default:
return (t == null ? void 0 : t.borderColor) ?? Ne("purple.800");
}
}, Jc = (e) => {
switch (e) {
case "medium":
return 1;
default:
return 2;
}
}, Zc = (e) => {
switch (e) {
case "auto":
return "auto";
case "medium":
return "27px";
default:
return "34px";
}
}, el = Ze.div`