Skip to content

Instantly share code, notes, and snippets.

@black1277

black1277/styled-components.js

Last active August 19, 2025 13:14
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save black1277/2a279ba23ec32be35e426f9664743500 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save black1277/2a279ba23ec32be35e426f9664743500 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
styled-components.js
var St = Object.create;
var Me = Object.defineProperty;
var _t = Object.getOwnPropertyDescriptor;
var wt = Object.getOwnPropertyNames;
var bt = Object.getPrototypeOf,
Et = Object.prototype.hasOwnProperty;
var z = (e => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, {
get: (t, n) => (typeof require < "u" ? require : t)[n]
}) : e)(function(e) {
if (typeof require < "u") return require.apply(this, arguments);
throw Error('Dynamic require of "' + e + '" is not supported')
});
var Nt = (e, t) => () => (t || e((t = {
exports: {}
}).exports, t), t.exports);
var ve = (e, t, n, r) => {
if (t && typeof t == "object" || typeof t == "function")
for (let o of wt(t)) !Et.call(e, o) && o !== n && Me(e, o, {
get: () => t[o],
enumerable: !(r = _t(t, o)) || r.enumerable
});
return e
},
ge = (e, t, n) => (ve(e, t, "default"), n && ve(n, t, "default")),
Pt = (e, t, n) => (n = e != null ? St(bt(e)) : {}, ve(t || !e || !e.__esModule ? Me(n, "default", {
value: e,
enumerable: !0
}) : n, e));
var dt = Nt(m => {
"use strict";
Object.defineProperty(m, "__esModule", {
value: !0
});
var p = z("https://cdn.jsdelivr.net/npm/tslib/+esm"),
mn = z("https://cdn.jsdelivr.net/npm/@emotion/is-prop-valid/+esm"),
P = z("https://cdn.jsdelivr.net/npm/[email protected]/+esm"),
Ct = z("https://cdn.jsdelivr.net/npm/shallowequal/+esm"),
At = z("https://cdn.jsdelivr.net/npm/stylis/+esm"),
It = z("https://cdn.jsdelivr.net/npm/@emotion/unitless/+esm");
function De(e) {
return e && e.__esModule ? e : {
default: e
}
}
function Ot(e) {
if (e && e.__esModule) return e;
var t = Object.create(null);
return e && Object.keys(e).forEach(function(n) {
if (n !== "default") {
var r = Object.getOwnPropertyDescriptor(e, n);
Object.defineProperty(t, n, r.get ? r : {
enumerable: !0,
get: function() {
return e[n]
}
})
}
}), t.default = e, Object.freeze(t)
}
var y = De(P),
Dt = De(Ct),
M = Ot(At),
Tt = De(It),
A = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled",
He = "active",
ae = "data-styled-version",
F = "6.1.19",
Te = `/*!sc*/
`,
ie = typeof window < "u" && typeof document < "u",
Rt = !!(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),
jt = {},
le = Object.freeze([]),
G = Object.freeze({});
function be(e, t, n) {
return n === void 0 && (n = G), e.theme !== n.theme && e.theme || t || n.theme
}
var Ue = 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"]),
kt = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,
xt = /(^-|-$)/g;
function Ve(e) {
return e.replace(kt, "-").replace(xt, "")
}
var Mt = /(a)(d)/gi,
te = 52,
Fe = function(e) {
return String.fromCharCode(e + (e > 25 ? 39 : 97))
};
function Ee(e) {
var t, n = "";
for (t = Math.abs(e); t > te; t = t / te | 0) n = Fe(t % te) + n;
return (Fe(t % te) + n).replace(Mt, "$1-$2")
}
var Se, Je = 5381,
B = function(e, t) {
for (var n = t.length; n;) e = 33 * e ^ t.charCodeAt(--n);
return e
},
Xe = function(e) {
return B(Je, e)
};
function Ne(e) {
return Ee(Xe(e) >>> 0)
}
function Ze(e) {
return e.displayName || e.name || "Component"
}
function _e(e) {
return typeof e == "string" && !0
}
var Ke = typeof Symbol == "function" && Symbol.for,
Qe = Ke ? Symbol.for("react.memo") : 60115,
Vt = Ke ? Symbol.for("react.forward_ref") : 60112,
Ft = {
childContextTypes: !0,
contextType: !0,
contextTypes: !0,
defaultProps: !0,
displayName: !0,
getDefaultProps: !0,
getDerivedStateFromError: !0,
getDerivedStateFromProps: !0,
mixins: !0,
propTypes: !0,
type: !0
},
$t = {
name: !0,
length: !0,
prototype: !0,
caller: !0,
callee: !0,
arguments: !0,
arity: !0
},
et = {
$$typeof: !0,
compare: !0,
defaultProps: !0,
displayName: !0,
propTypes: !0,
type: !0
},
zt = ((Se = {})[Vt] = {
$$typeof: !0,
render: !0,
defaultProps: !0,
displayName: !0,
propTypes: !0
}, Se[Qe] = et, Se);
function $e(e) {
return ("type" in (t = e) && t.type.$$typeof) === Qe ? et : "$$typeof" in e ? zt[e.$$typeof] : Ft;
var t
}
var Bt = Object.defineProperty,
Gt = Object.getOwnPropertyNames,
ze = Object.getOwnPropertySymbols,
Lt = Object.getOwnPropertyDescriptor,
qt = Object.getPrototypeOf,
Be = Object.prototype;
function Re(e, t, n) {
if (typeof t != "string") {
if (Be) {
var r = qt(t);
r && r !== Be && Re(e, r, n)
}
var o = Gt(t);
ze && (o = o.concat(ze(t)));
for (var s = $e(e), a = $e(t), u = 0; u < o.length; ++u) {
var i = o[u];
if (!(i in $t || n && n[i] || a && i in a || s && i in s)) {
var c = Lt(t, i);
try {
Bt(e, i, c)
} catch {}
}
}
}
return e
}
function $(e) {
return typeof e == "function"
}
function de(e) {
return typeof e == "object" && "styledComponentId" in e
}
function V(e, t) {
return e && t ? "".concat(e, " ").concat(t) : e || t || ""
}
function J(e, t) {
if (e.length === 0) return "";
for (var n = e[0], r = 1; r < e.length; r++) n += t ? t + e[r] : e[r];
return n
}
function X(e) {
return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof)
}
function Pe(e, t, n) {
if (n === void 0 && (n = !1), !n && !X(e) && !Array.isArray(e)) return t;
if (Array.isArray(t))
for (var r = 0; r < t.length; r++) e[r] = Pe(e[r], t[r]);
else if (X(t))
for (var r in t) e[r] = Pe(e[r], t[r]);
return e
}
function je(e, t) {
Object.defineProperty(e, "toString", {
value: t
})
}
function w(e) {
for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
return 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(", ")) : ""))
}
var Yt = function() {
function e(t) {
this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t
}
return e.prototype.indexOfGroup = function(t) {
for (var n = 0, r = 0; r < t; r++) n += this.groupSizes[r];
return n
}, e.prototype.insertRules = function(t, n) {
if (t >= this.groupSizes.length) {
for (var r = this.groupSizes, o = r.length, s = o; t >= s;)
if ((s <<= 1) < 0) throw w(16, "".concat(t));
this.groupSizes = new Uint32Array(s), this.groupSizes.set(r), this.length = s;
for (var a = o; a < s; a++) this.groupSizes[a] = 0
}
for (var u = this.indexOfGroup(t + 1), i = (a = 0, n.length); a < i; a++) this.tag.insertRule(u, n[a]) && (this.groupSizes[t]++, u++)
}, e.prototype.clearGroup = function(t) {
if (t < this.length) {
var n = this.groupSizes[t],
r = this.indexOfGroup(t),
o = r + n;
this.groupSizes[t] = 0;
for (var s = r; s < o; s++) this.tag.deleteRule(r)
}
}, e.prototype.getGroup = function(t) {
var n = "";
if (t >= this.length || this.groupSizes[t] === 0) return n;
for (var r = this.groupSizes[t], o = this.indexOfGroup(t), s = o + r, a = o; a < s; a++) n += "".concat(this.tag.getRule(a)).concat(Te);
return n
}, e
}(),
yn = 1 << 30,
re = new Map,
ce = new Map,
oe = 1,
ne = function(e) {
if (re.has(e)) return re.get(e);
for (; ce.has(oe);) oe++;
var t = oe++;
return re.set(e, t), ce.set(t, e), t
},
Wt = function(e, t) {
oe = t + 1, re.set(e, t), ce.set(t, e)
},
Ht = "style[".concat(A, "][").concat(ae, '="').concat(F, '"]'),
Ut = new RegExp("^".concat(A, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),
Jt = function(e, t, n) {
for (var r, o = n.split(","), s = 0, a = o.length; s < a; s++)(r = o[s]) && e.registerName(t, r)
},
Xt = function(e, t) {
for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(Te), o = [], s = 0, a = r.length; s < a; s++) {
var u = r[s].trim();
if (u) {
var i = u.match(Ut);
if (i) {
var c = 0 | parseInt(i[1], 10),
l = i[2];
c !== 0 && (Wt(l, c), Jt(e, l, i[3]), e.getTag().insertRules(c, o)), o.length = 0
} else o.push(u)
}
}
},
Ge = function(e) {
for (var t = document.querySelectorAll(Ht), n = 0, r = t.length; n < r; n++) {
var o = t[n];
o && o.getAttribute(A) !== He && (Xt(e, o), o.parentNode && o.parentNode.removeChild(o))
}
};
function Ce() {
return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null
}
var tt = function(e) {
var t = document.head,
n = e || t,
r = document.createElement("style"),
o = function(u) {
var i = Array.from(u.querySelectorAll("style[".concat(A, "]")));
return i[i.length - 1]
}(n),
s = o !== void 0 ? o.nextSibling : null;
r.setAttribute(A, He), r.setAttribute(ae, F);
var a = Ce();
return a && r.setAttribute("nonce", a), n.insertBefore(r, s), r
},
Zt = function() {
function e(t) {
this.element = tt(t), this.element.appendChild(document.createTextNode("")), this.sheet = function(n) {
if (n.sheet) return n.sheet;
for (var r = document.styleSheets, o = 0, s = r.length; o < s; o++) {
var a = r[o];
if (a.ownerNode === n) return a
}
throw w(17)
}(this.element), this.length = 0
}
return e.prototype.insertRule = function(t, n) {
try {
return this.sheet.insertRule(n, t), this.length++, !0
} catch {
return !1
}
}, e.prototype.deleteRule = function(t) {
this.sheet.deleteRule(t), this.length--
}, e.prototype.getRule = function(t) {
var n = this.sheet.cssRules[t];
return n && n.cssText ? n.cssText : ""
}, e
}(),
Kt = function() {
function e(t) {
this.element = tt(t), this.nodes = this.element.childNodes, this.length = 0
}
return e.prototype.insertRule = function(t, n) {
if (t <= this.length && t >= 0) {
var r = document.createTextNode(n);
return this.element.insertBefore(r, 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
}(),
Qt = function() {
function e(t) {
this.rules = [], this.length = 0
}
return e.prototype.insertRule = function(t, n) {
return t <= this.length && (this.rules.splice(t, 0, n), 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
}(),
Le = ie,
en = {
isServer: !ie,
useCSSOMInjection: !Rt
},
L = function() {
function e(t, n, r) {
t === void 0 && (t = G), n === void 0 && (n = {});
var o = this;
this.options = p.__assign(p.__assign({}, en), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && ie && Le && (Le = !1, Ge(this)), je(this, function() {
return function(s) {
for (var a = s.getTag(), u = a.length, i = "", c = function(f) {
var d = function(N) {
return ce.get(N)
}(f);
if (d === void 0) return "continue";
var h = s.names.get(d),
g = a.getGroup(f);
if (h === void 0 || !h.size || g.length === 0) return "continue";
var I = "".concat(A, ".g").concat(f, '[id="').concat(d, '"]'),
j = "";
h !== void 0 && h.forEach(function(N) {
N.length > 0 && (j += "".concat(N, ","))
}), i += "".concat(g).concat(I, '{content:"').concat(j, '"}').concat(Te)
}, l = 0; l < u; l++) c(l);
return i
}(o)
})
}
return e.registerId = function(t) {
return ne(t)
}, e.prototype.rehydrate = function() {
!this.server && ie && Ge(this)
}, e.prototype.reconstructWithOptions = function(t, n) {
return n === void 0 && (n = !0), new e(p.__assign(p.__assign({}, this.options), t), this.gs, n && 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(n) {
var r = n.useCSSOMInjection,
o = n.target;
return n.isServer ? new Qt(o) : r ? new Zt(o) : new Kt(o)
}(this.options), new Yt(t)));
var t
}, e.prototype.hasNameForId = function(t, n) {
return this.names.has(t) && this.names.get(t).has(n)
}, e.prototype.registerName = function(t, n) {
if (ne(t), this.names.has(t)) this.names.get(t).add(n);
else {
var r = new Set;
r.add(n), this.names.set(t, r)
}
}, e.prototype.insertRules = function(t, n, r) {
this.registerName(t, n), this.getTag().insertRules(ne(t), r)
}, e.prototype.clearNames = function(t) {
this.names.has(t) && this.names.get(t).clear()
}, e.prototype.clearRules = function(t) {
this.getTag().clearGroup(ne(t)), this.clearNames(t)
}, e.prototype.clearTag = function() {
this.tag = void 0
}, e
}(),
tn = /&/g,
nn = /^\s*\/\/.*$/gm;
function nt(e, t) {
return e.map(function(n) {
return n.type === "rule" && (n.value = "".concat(t, " ").concat(n.value), n.value = n.value.replaceAll(",", ",".concat(t, " ")), n.props = n.props.map(function(r) {
return "".concat(t, " ").concat(r)
})), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = nt(n.children, t)), n
})
}
function rt(e) {
var t, n, r, o = e === void 0 ? G : e,
s = o.options,
a = s === void 0 ? G : s,
u = o.plugins,
i = u === void 0 ? le : u,
c = function(d, h, g) {
return g.startsWith(n) && g.endsWith(n) && g.replaceAll(n, "").length > 0 ? ".".concat(t) : d
},
l = i.slice();
l.push(function(d) {
d.type === M.RULESET && d.value.includes("&") && (d.props[0] = d.props[0].replace(tn, n).replace(r, c))
}), a.prefix && l.push(M.prefixer), l.push(M.stringify);
var f = function(d, h, g, I) {
h === void 0 && (h = ""), g === void 0 && (g = ""), I === void 0 && (I = "&"), t = I, n = h, r = new RegExp("\\".concat(n, "\\b"), "g");
var j = d.replace(nn, ""),
N = M.compile(g || h ? "".concat(g, " ").concat(h, " { ").concat(j, " }") : j);
a.namespace && (N = nt(N, a.namespace));
var q = [];
return M.serialize(N, M.middleware(l.concat(M.rulesheet(function(S) {
return q.push(S)
})))), q
};
return f.hash = i.length ? i.reduce(function(d, h) {
return h.name || w(15), B(d, h.name)
}, Je).toString() : "", f
}
var ot = new L,
Ae = rt(),
pe = y.default.createContext({
shouldForwardProp: void 0,
styleSheet: ot,
stylis: Ae
}),
rn = pe.Consumer,
on = y.default.createContext(void 0);
function ue() {
return P.useContext(pe)
}
function st(e) {
var t = P.useState(e.stylisPlugins),
n = t[0],
r = t[1],
o = ue().styleSheet,
s = P.useMemo(function() {
var i = o;
return e.sheet ? i = e.sheet : e.target && (i = i.reconstructWithOptions({
target: e.target
}, !1)), e.disableCSSOMInjection && (i = i.reconstructWithOptions({
useCSSOMInjection: !1
})), i
}, [e.disableCSSOMInjection, e.sheet, e.target, o]),
a = P.useMemo(function() {
return rt({
options: {
namespace: e.namespace,
prefix: e.enableVendorPrefixes
},
plugins: n
})
}, [e.enableVendorPrefixes, e.namespace, n]);
P.useEffect(function() {
Dt.default(n, e.stylisPlugins) || r(e.stylisPlugins)
}, [e.stylisPlugins]);
var u = P.useMemo(function() {
return {
shouldForwardProp: e.shouldForwardProp,
styleSheet: s,
stylis: a
}
}, [e.shouldForwardProp, s, a]);
return y.default.createElement(pe.Provider, {
value: u
}, y.default.createElement(on.Provider, {
value: a
}, e.children))
}
var at = function() {
function e(t, n) {
var r = this;
this.inject = function(o, s) {
s === void 0 && (s = Ae);
var a = r.name + s.hash;
o.hasNameForId(r.id, a) || o.insertRules(r.id, a, s(r.rules, a, "@keyframes"))
}, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, je(this, function() {
throw w(12, String(r.name))
})
}
return e.prototype.getName = function(t) {
return t === void 0 && (t = Ae), this.name + t.hash
}, e
}(),
sn = function(e) {
return e >= "A" && e <= "Z"
};
function qe(e) {
for (var t = "", n = 0; n < e.length; n++) {
var r = e[n];
if (n === 1 && r === "-" && e[0] === "-") return e;
sn(r) ? t += "-" + r.toLowerCase() : t += r
}
return t.startsWith("ms-") ? "-" + t : t
}
var it = function(e) {
return e == null || e === !1 || e === ""
},
ct = function(e) {
var t, n, r = [];
for (var o in e) {
var s = e[o];
e.hasOwnProperty(o) && !it(s) && (Array.isArray(s) && s.isCss || $(s) ? r.push("".concat(qe(o), ":"), s, ";") : X(s) ? r.push.apply(r, p.__spreadArray(p.__spreadArray(["".concat(o, " {")], ct(s), !1), ["}"], !1)) : r.push("".concat(qe(o), ": ").concat((t = o, (n = s) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in Tt.default || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")))
}
return r
};
function R(e, t, n, r) {
if (it(e)) return [];
if (de(e)) return [".".concat(e.styledComponentId)];
if ($(e)) {
if (!$(s = e) || s.prototype && s.prototype.isReactComponent || !t) return [e];
var o = e(t);
return R(o, t, n, r)
}
var s;
return e instanceof at ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : X(e) ? ct(e) : Array.isArray(e) ? Array.prototype.concat.apply(le, e.map(function(a) {
return R(a, t, n, r)
})) : [e.toString()]
}
function ut(e) {
for (var t = 0; t < e.length; t += 1) {
var n = e[t];
if ($(n) && !de(n)) return !1
}
return !0
}
var an = Xe(F),
cn = function() {
function e(t, n, r) {
this.rules = t, this.staticRulesId = "", this.isStatic = (r === void 0 || r.isStatic) && ut(t), this.componentId = n, this.baseHash = B(an, n), this.baseStyle = r, L.registerId(n)
}
return e.prototype.generateAndInjectStyles = function(t, n, r) {
var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, n, r) : "";
if (this.isStatic && !r.hash)
if (this.staticRulesId && n.hasNameForId(this.componentId, this.staticRulesId)) o = V(o, this.staticRulesId);
else {
var s = J(R(this.rules, t, n, r)),
a = Ee(B(this.baseHash, s) >>> 0);
if (!n.hasNameForId(this.componentId, a)) {
var u = r(s, ".".concat(a), void 0, this.componentId);
n.insertRules(this.componentId, a, u)
}
o = V(o, a), this.staticRulesId = a
}
else {
for (var i = B(this.baseHash, r.hash), c = "", l = 0; l < this.rules.length; l++) {
var f = this.rules[l];
if (typeof f == "string") c += f;
else if (f) {
var d = J(R(f, t, n, r));
i = B(i, d + l), c += d
}
}
if (c) {
var h = Ee(i >>> 0);
n.hasNameForId(this.componentId, h) || n.insertRules(this.componentId, h, r(c, ".".concat(h), void 0, this.componentId)), o = V(o, h)
}
}
return o
}, e
}(),
T = y.default.createContext(void 0),
un = T.Consumer,
we = {};
function ln(e, t, n) {
var r = de(e),
o = e,
s = !_e(e),
a = t.attrs,
u = a === void 0 ? le : a,
i = t.componentId,
c = i === void 0 ? function(_, b) {
var v = typeof _ != "string" ? "sc" : Ve(_);
we[v] = (we[v] || 0) + 1;
var E = "".concat(v, "-").concat(Ne(F + v + we[v]));
return b ? "".concat(b, "-").concat(E) : E
}(t.displayName, t.parentComponentId) : i,
l = t.displayName,
f = l === void 0 ? function(_) {
return _e(_) ? "styled.".concat(_) : "Styled(".concat(Ze(_), ")")
}(e) : l,
d = t.displayName && t.componentId ? "".concat(Ve(t.displayName), "-").concat(t.componentId) : t.componentId || c,
h = r && o.attrs ? o.attrs.concat(u).filter(Boolean) : u,
g = t.shouldForwardProp;
if (r && o.shouldForwardProp) {
var I = o.shouldForwardProp;
if (t.shouldForwardProp) {
var j = t.shouldForwardProp;
g = function(_, b) {
return I(_, b) && j(_, b)
}
} else g = I
}
var N = new cn(n, d, r ? o.componentStyle : void 0);
function q(_, b) {
return function(v, E, k) {
var Y = v.attrs,
pt = v.componentStyle,
ht = v.defaultProps,
ft = v.foldedComponentIds,
mt = v.styledComponentId,
yt = v.target,
vt = y.default.useContext(T),
gt = ue(),
fe = v.shouldForwardProp || gt.shouldForwardProp,
ke = be(E, vt, ht) || G,
C = function(K, H, Q) {
for (var U, x = p.__assign(p.__assign({}, H), {
className: void 0,
theme: Q
}), ye = 0; ye < K.length; ye += 1) {
var ee = $(U = K[ye]) ? U(x) : U;
for (var D in ee) x[D] = D === "className" ? V(x[D], ee[D]) : D === "style" ? p.__assign(p.__assign({}, x[D]), ee[D]) : ee[D]
}
return H.className && (x.className = V(x.className, H.className)), x
}(Y, E, ke),
Z = C.as || yt,
W = {};
for (var O in C) C[O] === void 0 || O[0] === "$" || O === "as" || O === "theme" && C.theme === ke || (O === "forwardedAs" ? W.as = C.forwardedAs : fe && !fe(O, Z) || (W[O] = C[O]));
var xe = function(K, H) {
var Q = ue(),
U = K.generateAndInjectStyles(H, Q.styleSheet, Q.stylis);
return U
}(pt, C),
me = V(ft, mt);
return xe && (me += " " + xe), C.className && (me += " " + C.className), W[_e(Z) && !Ue.has(Z) ? "class" : "className"] = me, k && (W.ref = k), P.createElement(Z, W)
}(S, _, b)
}
q.displayName = f;
var S = y.default.forwardRef(q);
return S.attrs = h, S.componentStyle = N, S.displayName = f, S.shouldForwardProp = g, S.foldedComponentIds = r ? V(o.foldedComponentIds, o.styledComponentId) : "", S.styledComponentId = d, S.target = r ? o.target : e, Object.defineProperty(S, "defaultProps", {
get: function() {
return this._foldedDefaultProps
},
set: function(_) {
this._foldedDefaultProps = r ? function(b) {
for (var v = [], E = 1; E < arguments.length; E++) v[E - 1] = arguments[E];
for (var k = 0, Y = v; k < Y.length; k++) Pe(b, Y[k], !0);
return b
}({}, o.defaultProps, _) : _
}
}), je(S, function() {
return ".".concat(S.styledComponentId)
}), s && Re(S, e, {
attrs: !0,
componentStyle: !0,
displayName: !0,
foldedComponentIds: !0,
shouldForwardProp: !0,
styledComponentId: !0,
target: !0
}), S
}
function Ye(e, t) {
for (var n = [e[0]], r = 0, o = t.length; r < o; r += 1) n.push(t[r], e[r + 1]);
return n
}
var We = function(e) {
return Object.assign(e, {
isCss: !0
})
};
function se(e) {
for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
if ($(e) || X(e)) return We(R(Ye(le, p.__spreadArray([e], t, !0))));
var r = e;
return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? R(r) : We(R(Ye(r, t)))
}
function Ie(e, t, n) {
if (n === void 0 && (n = G), !t) throw w(1, t);
var r = function(o) {
for (var s = [], a = 1; a < arguments.length; a++) s[a - 1] = arguments[a];
return e(t, n, se.apply(void 0, p.__spreadArray([o], s, !1)))
};
return r.attrs = function(o) {
return Ie(e, t, p.__assign(p.__assign({}, n), {
attrs: Array.prototype.concat(n.attrs, o).filter(Boolean)
}))
}, r.withConfig = function(o) {
return Ie(e, t, p.__assign(p.__assign({}, n), o))
}, r
}
var lt = function(e) {
return Ie(ln, e)
},
Oe = lt;
Ue.forEach(function(e) {
Oe[e] = lt(e)
});
var dn = function() {
function e(t, n) {
this.rules = t, this.componentId = n, this.isStatic = ut(t), L.registerId(this.componentId + 1)
}
return e.prototype.createStyles = function(t, n, r, o) {
var s = o(J(R(this.rules, n, r, o)), ""),
a = this.componentId + t;
r.insertRules(a, a, s)
}, e.prototype.removeStyles = function(t, n) {
n.clearRules(this.componentId + t)
}, e.prototype.renderStyles = function(t, n, r, o) {
t > 2 && L.registerId(this.componentId + t), this.removeStyles(t, r), this.createStyles(t, n, r, o)
}, e
}(),
pn = function() {
function e() {
var t = this;
this._emitSheetCSS = function() {
var n = t.instance.toString();
if (!n) return "";
var r = Ce(),
o = J([r && 'nonce="'.concat(r, '"'), "".concat(A, '="true"'), "".concat(ae, '="').concat(F, '"')].filter(Boolean), " ");
return "<style ".concat(o, ">").concat(n, "</style>")
}, this.getStyleTags = function() {
if (t.sealed) throw w(2);
return t._emitSheetCSS()
}, this.getStyleElement = function() {
var n;
if (t.sealed) throw w(2);
var r = t.instance.toString();
if (!r) return [];
var o = ((n = {})[A] = "", n[ae] = F, n.dangerouslySetInnerHTML = {
__html: r
}, n),
s = Ce();
return s && (o.nonce = s), [y.default.createElement("style", p.__assign({}, o, {
key: "sc-0-0"
}))]
}, this.seal = function() {
t.sealed = !0
}, this.instance = new L({
isServer: !0
}), this.sealed = !1
}
return e.prototype.collectStyles = function(t) {
if (this.sealed) throw w(2);
return y.default.createElement(st, {
sheet: this.instance
}, t)
}, e.prototype.interleaveWithNodeStream = function(t) {
throw w(3)
}, e
}(),
hn = {
StyleSheet: L,
mainSheet: ot
},
vn = "__sc-".concat(A, "__");
m.ServerStyleSheet = pn, m.StyleSheetConsumer = rn, m.StyleSheetContext = pe, m.StyleSheetManager = st, m.ThemeConsumer = un, m.ThemeContext = T, m.ThemeProvider = function(e) {
var t = y.default.useContext(T),
n = P.useMemo(function() {
return function(r, o) {
if (!r) throw w(14);
if ($(r)) {
var s = r(o);
return s
}
if (Array.isArray(r) || typeof r != "object") throw w(8);
return o ? p.__assign(p.__assign({}, o), r) : r
}(e.theme, t)
}, [e.theme, t]);
return e.children ? y.default.createElement(T.Provider, {
value: n
}, e.children) : null
}, m.__PRIVATE__ = hn, m.createGlobalStyle = function(e) {
for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
var r = se.apply(void 0, p.__spreadArray([e], t, !1)),
o = "sc-global-".concat(Ne(JSON.stringify(r))),
s = new dn(r, o),
a = function(i) {
var c = ue(),
l = y.default.useContext(T),
f = y.default.useRef(c.styleSheet.allocateGSInstance(o)).current;
return c.styleSheet.server && u(f, i, c.styleSheet, l, c.stylis), y.default.useLayoutEffect(function() {
if (!c.styleSheet.server) return u(f, i, c.styleSheet, l, c.stylis),
function() {
return s.removeStyles(f, c.styleSheet)
}
}, [f, i, c.styleSheet, l, c.stylis]), null
};
function u(i, c, l, f, d) {
if (s.isStatic) s.renderStyles(i, jt, l, d);
else {
var h = p.__assign(p.__assign({}, c), {
theme: be(c, f, a.defaultProps)
});
s.renderStyles(i, h, l, d)
}
}
return y.default.memo(a)
}, m.css = se, m.default = Oe, m.isStyledComponent = de, m.keyframes = function(e) {
for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
var r = J(se.apply(void 0, p.__spreadArray([e], t, !1))),
o = Ne(r);
return new at(o, r)
}, m.styled = Oe, m.useTheme = function() {
var e = P.useContext(T);
if (!e) throw w(18);
return e
}, m.version = F, m.withTheme = function(e) {
var t = y.default.forwardRef(function(n, r) {
var o = be(n, y.default.useContext(T), e.defaultProps);
return y.default.createElement(e, p.__assign({}, n, {
theme: o,
ref: r
}))
});
return t.displayName = "WithTheme(".concat(Ze(e), ")"), Re(t, e)
}
});
var he = {};
ge(he, Pt(dt()));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment