@cupra/ui-react 2.0.0-canary.12 → 2.0.0-canary.120

package/dist/esm/node_modules/.pnpm/styled-components@6.1.19_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js

@@ -1,514 +1,575 @@
-import { __assign as E, __spreadArray as x } from "../../../../tslib@2.6.2/node_modules/tslib/tslib.es6.js";
-import it from "../../../../@emotion_is-prop-valid@1.2.2/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js";
-import Y, { useDebugValue as Ee, createElement as at, useRef as ct, useContext as ut } from "react";
-import lt from "../../../../@emotion_unitless@0.8.1/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js";
-import { RULESET as pt } from "../../../../stylis@4.3.2/node_modules/stylis/src/Enum.js";
-import { prefixer as dt, middleware as ht, rulesheet as ft } from "../../../../stylis@4.3.2/node_modules/stylis/src/Middleware.js";
-import { stringify as mt, serialize as yt } from "../../../../stylis@4.3.2/node_modules/stylis/src/Serializer.js";
-import { compile as vt } from "../../../../stylis@4.3.2/node_modules/stylis/src/Parser.js";
-var T = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", ze = "active", $e = "data-styled-version", ne = "6.1.19", ye = `/*!sc*/
-`, ee = typeof window < "u" && typeof document < "u", gt = !!(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"), be = /invalid hook call/i, U = /* @__PURE__ */ new Set(), St = function(t, e) {
-  if (process.env.NODE_ENV !== "production") {
-    var n = e ? ' with the id of "'.concat(e, '"') : "", r = "The component ".concat(t).concat(n, ` has been created dynamically.
-`) + `You may see this warning because you've called styled inside another component.
+import { __toESM as e } from "../../../../../../_virtual/_rolldown/runtime.js";
+import { __assign as t, __spreadArray as n } from "../../../../tslib@2.6.2/node_modules/tslib/tslib.es6.js";
+import { isPropValid as r } from "../../../../@emotion_is-prop-valid@1.2.2/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js";
+import { require_shallowequal as i } from "../../../../shallowequal@1.1.0/node_modules/shallowequal/index.js";
+import "../../../../stylis@4.3.2/node_modules/stylis/src/Enum.js";
+import { compile as a } from "../../../../stylis@4.3.2/node_modules/stylis/src/Parser.js";
+import { serialize as o, stringify as s } from "../../../../stylis@4.3.2/node_modules/stylis/src/Serializer.js";
+import { middleware as c, prefixer as l, rulesheet as u } from "../../../../stylis@4.3.2/node_modules/stylis/src/Middleware.js";
+import { unitlessKeys as d } from "../../../../@emotion_unitless@0.8.1/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js";
+import f, { createElement as p, useContext as m, useDebugValue as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
+//#region ../../node_modules/.pnpm/styled-components@6.1.19_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js
+var b = /* @__PURE__ */ e(i()), x = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", S = "active", C = "data-styled-version", w = "6.1.19", T = "/*!sc*/\n", E = typeof window < "u" && typeof document < "u", ee = !!(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"), te = /invalid hook call/i, D = /* @__PURE__ */ new Set(), ne = function(e, t) {
+	if (process.env.NODE_ENV !== "production") {
+		var r = `The component ${e}${t ? ` with the id of "${t}"` : ""} 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.
 See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
-`, o = console.error;
-    try {
-      var s = !0;
-      console.error = function(i) {
-        for (var c = [], a = 1; a < arguments.length; a++) c[a - 1] = arguments[a];
-        be.test(i) ? (s = !1, U.delete(r)) : o.apply(void 0, x([i], c, !1));
-      }, ct(), s && !U.has(r) && (console.warn(r), U.add(r));
-    } catch (i) {
-      be.test(i.message) && U.delete(r);
-    } finally {
-      console.error = o;
-    }
-  }
-}, re = Object.freeze([]), V = Object.freeze({});
-function wt(t, e, n) {
-  return n === void 0 && (n = V), t.theme !== n.theme && t.theme || e || n.theme;
+`, i = console.error;
+		try {
+			var a = !0;
+			console.error = function(e) {
+				var t = [...arguments].slice(1);
+				te.test(e) ? (a = !1, D.delete(r)) : i.apply(void 0, n([e], t, !1));
+			}, v(), a && !D.has(r) && (console.warn(r), D.add(r));
+		} catch (e) {
+			te.test(e.message) && D.delete(r);
+		} finally {
+			console.error = i;
+		}
+	}
+}, O = Object.freeze([]), k = Object.freeze({});
+function re(e, t, n) {
+	return n === void 0 && (n = k), e.theme !== n.theme && e.theme || t || n.theme;
 }
-var pe = /* @__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"]), Et = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, bt = /(^-|-$)/g;
-function Ne(t) {
-  return t.replace(Et, "-").replace(bt, "");
+var ie = new Set(/* @__PURE__ */ "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".split(".")), ae = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, oe = /(^-|-$)/g;
+function se(e) {
+	return e.replace(ae, "-").replace(oe, "");
 }
-var Nt = /(a)(d)/gi, K = 52, _e = function(t) {
-  return String.fromCharCode(t + (t > 25 ? 39 : 97));
+var ce = /(a)(d)/gi, A = 52, le = function(e) {
+	return String.fromCharCode(e + (e > 25 ? 39 : 97));
 };
-function de(t) {
-  var e, n = "";
-  for (e = Math.abs(t); e > K; e = e / K | 0) n = _e(e % K) + n;
-  return (_e(e % K) + n).replace(Nt, "$1-$2");
+function j(e) {
+	var t, n = "";
+	for (t = Math.abs(e); t > A; t = t / A | 0) n = le(t % A) + n;
+	return (le(t % A) + n).replace(ce, "$1-$2");
 }
-var ce, Fe = 5381, D = function(t, e) {
-  for (var n = e.length; n; ) t = 33 * t ^ e.charCodeAt(--n);
-  return t;
-}, Be = function(t) {
-  return D(Fe, t);
+var M, ue = 5381, N = function(e, t) {
+	for (var n = t.length; n;) e = 33 * e ^ t.charCodeAt(--n);
+	return e;
+}, de = function(e) {
+	return N(ue, e);
 };
-function _t(t) {
-  return de(Be(t) >>> 0);
+function fe(e) {
+	return j(de(e) >>> 0);
 }
-function Me(t) {
-  return process.env.NODE_ENV !== "production" && typeof t == "string" && t || t.displayName || t.name || "Component";
+function pe(e) {
+	return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
 }
-function ue(t) {
-  return typeof t == "string" && (process.env.NODE_ENV === "production" || t.charAt(0) === t.charAt(0).toLowerCase());
+function P(e) {
+	return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
 }
-var Le = typeof Symbol == "function" && Symbol.for, Ge = Le ? Symbol.for("react.memo") : 60115, Ct = Le ? Symbol.for("react.forward_ref") : 60112, At = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Pt = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, Ye = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, It = ((ce = {})[Ct] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, ce[Ge] = Ye, ce);
-function Ce(t) {
-  return ("type" in (e = t) && e.type.$$typeof) === Ge ? Ye : "$$typeof" in t ? It[t.$$typeof] : At;
-  var e;
+var me = typeof Symbol == "function" && Symbol.for, he = me ? Symbol.for("react.memo") : 60115, ge = me ? Symbol.for("react.forward_ref") : 60112, _e = {
+	childContextTypes: !0,
+	contextType: !0,
+	contextTypes: !0,
+	defaultProps: !0,
+	displayName: !0,
+	getDefaultProps: !0,
+	getDerivedStateFromError: !0,
+	getDerivedStateFromProps: !0,
+	mixins: !0,
+	propTypes: !0,
+	type: !0
+}, ve = {
+	name: !0,
+	length: !0,
+	prototype: !0,
+	caller: !0,
+	callee: !0,
+	arguments: !0,
+	arity: !0
+}, ye = {
+	$$typeof: !0,
+	compare: !0,
+	defaultProps: !0,
+	displayName: !0,
+	propTypes: !0,
+	type: !0
+}, be = ((M = {})[ge] = {
+	$$typeof: !0,
+	render: !0,
+	defaultProps: !0,
+	displayName: !0,
+	propTypes: !0
+}, M[he] = ye, M);
+function xe(e) {
+	return ("type" in (t = e) && t.type.$$typeof) === he ? ye : "$$typeof" in e ? be[e.$$typeof] : _e;
+	var t;
 }
-var Dt = Object.defineProperty, Ot = Object.getOwnPropertyNames, Ae = Object.getOwnPropertySymbols, Rt = Object.getOwnPropertyDescriptor, Tt = Object.getPrototypeOf, Pe = Object.prototype;
-function qe(t, e, n) {
-  if (typeof e != "string") {
-    if (Pe) {
-      var r = Tt(e);
-      r && r !== Pe && qe(t, r, n);
-    }
-    var o = Ot(e);
-    Ae && (o = o.concat(Ae(e)));
-    for (var s = Ce(t), i = Ce(e), c = 0; c < o.length; ++c) {
-      var a = o[c];
-      if (!(a in Pt || n && n[a] || i && a in i || s && a in s)) {
-        var f = Rt(e, a);
-        try {
-          Dt(t, a, f);
-        } catch {
-        }
-      }
-    }
-  }
-  return t;
+var Se = Object.defineProperty, Ce = Object.getOwnPropertyNames, we = Object.getOwnPropertySymbols, Te = Object.getOwnPropertyDescriptor, Ee = Object.getPrototypeOf, De = Object.prototype;
+function Oe(e, t, n) {
+	if (typeof t != "string") {
+		if (De) {
+			var r = Ee(t);
+			r && r !== De && Oe(e, r, n);
+		}
+		var i = Ce(t);
+		we && (i = i.concat(we(t)));
+		for (var a = xe(e), o = xe(t), s = 0; s < i.length; ++s) {
+			var c = i[s];
+			if (!(c in ve || n && n[c] || o && c in o || a && c in a)) {
+				var l = Te(t, c);
+				try {
+					Se(e, c, l);
+				} catch {}
+			}
+		}
+	}
+	return e;
 }
-function z(t) {
-  return typeof t == "function";
+function F(e) {
+	return typeof e == "function";
 }
-function ve(t) {
-  return typeof t == "object" && "styledComponentId" in t;
+function I(e) {
+	return typeof e == "object" && "styledComponentId" in e;
 }
-function O(t, e) {
-  return t && e ? "".concat(t, " ").concat(e) : t || e || "";
+function L(e, t) {
+	return e && t ? `${e} ${t}` : e || t || "";
 }
-function Ie(t, e) {
-  if (t.length === 0) return "";
-  for (var n = t[0], r = 1; r < t.length; r++) n += t[r];
-  return n;
+function R(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 $(t) {
-  return t !== null && typeof t == "object" && t.constructor.name === Object.name && !("props" in t && t.$$typeof);
+function z(e) {
+	return typeof e == "object" && !!e && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
 }
-function he(t, e, n) {
-  if (n === void 0 && (n = !1), !n && !$(t) && !Array.isArray(t)) return e;
-  if (Array.isArray(e)) for (var r = 0; r < e.length; r++) t[r] = he(t[r], e[r]);
-  else if ($(e)) for (var r in e) t[r] = he(t[r], e[r]);
-  return t;
+function B(e, t, n) {
+	if (n === void 0 && (n = !1), !n && !z(e) && !Array.isArray(e)) return t;
+	if (Array.isArray(t)) for (var r = 0; r < t.length; r++) e[r] = B(e[r], t[r]);
+	else if (z(t)) for (var r in t) e[r] = B(e[r], t[r]);
+	return e;
 }
-function ge(t, e) {
-  Object.defineProperty(t, "toString", { value: e });
+function V(e, t) {
+	Object.defineProperty(e, "toString", { value: t });
 }
-var kt = 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 jt() {
-  for (var t = [], e = 0; e < arguments.length; e++) t[e] = arguments[e];
-  for (var n = t[0], r = [], o = 1, s = t.length; o < s; o += 1) r.push(t[o]);
-  return r.forEach(function(i) {
-    n = n.replace(/%[a-z]/, i);
-  }), n;
+var ke = process.env.NODE_ENV === "production" ? {} : {
+	1: "Cannot create styled-component for component: %s.\n\n",
+	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.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",
+	3: "Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",
+	4: "The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",
+	5: "The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",
+	6: "Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",
+	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.\n\n",
+	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\n\n",
+	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.\n\n",
+	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.\n\n",
+	14: "ThemeProvider: \"theme\" prop is required.\n\n",
+	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.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",
+	17: "CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n",
+	18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"
+};
+function Ae() {
+	for (var e = [...arguments], t = e[0], n = [], r = 1, i = e.length; r < i; r += 1) n.push(e[r]);
+	return n.forEach(function(e) {
+		t = t.replace(/%[a-z]/, e);
+	}), t;
 }
-function F(t) {
-  for (var e = [], n = 1; n < arguments.length; n++) e[n - 1] = arguments[n];
-  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(t, " for more information.").concat(e.length > 0 ? " Args: ".concat(e.join(", ")) : "")) : new Error(jt.apply(void 0, x([kt[t]], e, !1)).trim());
+function H(e) {
+	var t = [...arguments].slice(1);
+	return process.env.NODE_ENV === "production" ? Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${e} for more information.${t.length > 0 ? ` Args: ${t.join(", ")}` : ""}`) : Error(Ae.apply(void 0, n([ke[e]], t, !1)).trim());
 }
-var xt = (function() {
-  function t(e) {
-    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e;
-  }
-  return t.prototype.indexOfGroup = function(e) {
-    for (var n = 0, r = 0; r < e; r++) n += this.groupSizes[r];
-    return n;
-  }, t.prototype.insertRules = function(e, n) {
-    if (e >= this.groupSizes.length) {
-      for (var r = this.groupSizes, o = r.length, s = o; e >= s; ) if ((s <<= 1) < 0) throw F(16, "".concat(e));
-      this.groupSizes = new Uint32Array(s), this.groupSizes.set(r), this.length = s;
-      for (var i = o; i < s; i++) this.groupSizes[i] = 0;
-    }
-    for (var c = this.indexOfGroup(e + 1), a = (i = 0, n.length); i < a; i++) this.tag.insertRule(c, n[i]) && (this.groupSizes[e]++, c++);
-  }, t.prototype.clearGroup = function(e) {
-    if (e < this.length) {
-      var n = this.groupSizes[e], r = this.indexOfGroup(e), o = r + n;
-      this.groupSizes[e] = 0;
-      for (var s = r; s < o; s++) this.tag.deleteRule(r);
-    }
-  }, t.prototype.getGroup = function(e) {
-    var n = "";
-    if (e >= this.length || this.groupSizes[e] === 0) return n;
-    for (var r = this.groupSizes[e], o = this.indexOfGroup(e), s = o + r, i = o; i < s; i++) n += "".concat(this.tag.getRule(i)).concat(ye);
-    return n;
-  }, t;
-})(), Vt = 1 << 30, J = /* @__PURE__ */ new Map(), te = /* @__PURE__ */ new Map(), Q = 1, X = function(t) {
-  if (J.has(t)) return J.get(t);
-  for (; te.has(Q); ) Q++;
-  var e = Q++;
-  if (process.env.NODE_ENV !== "production" && ((0 | e) < 0 || e > Vt)) throw F(16, "".concat(e));
-  return J.set(t, e), te.set(e, t), e;
-}, zt = function(t, e) {
-  Q = e + 1, J.set(t, e), te.set(e, t);
-}, $t = "style[".concat(T, "][").concat($e, '="').concat(ne, '"]'), Ft = new RegExp("^".concat(T, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Bt = function(t, e, n) {
-  for (var r, o = n.split(","), s = 0, i = o.length; s < i; s++) (r = o[s]) && t.registerName(e, r);
-}, Mt = function(t, e) {
-  for (var n, r = ((n = e.textContent) !== null && n !== void 0 ? n : "").split(ye), o = [], s = 0, i = r.length; s < i; s++) {
-    var c = r[s].trim();
-    if (c) {
-      var a = c.match(Ft);
-      if (a) {
-        var f = 0 | parseInt(a[1], 10), d = a[2];
-        f !== 0 && (zt(d, f), Bt(t, d, a[3]), t.getTag().insertRules(f, o)), o.length = 0;
-      } else o.push(c);
-    }
-  }
-}, De = function(t) {
-  for (var e = document.querySelectorAll($t), n = 0, r = e.length; n < r; n++) {
-    var o = e[n];
-    o && o.getAttribute(T) !== ze && (Mt(t, o), o.parentNode && o.parentNode.removeChild(o));
-  }
+var je = function() {
+	function e(e) {
+		this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e;
+	}
+	return e.prototype.indexOfGroup = function(e) {
+		for (var t = 0, n = 0; n < e; n++) t += this.groupSizes[n];
+		return t;
+	}, e.prototype.insertRules = function(e, t) {
+		if (e >= this.groupSizes.length) {
+			for (var n = this.groupSizes, r = n.length, i = r; e >= i;) if ((i <<= 1) < 0) throw H(16, `${e}`);
+			this.groupSizes = new Uint32Array(i), this.groupSizes.set(n), this.length = i;
+			for (var a = r; a < i; a++) this.groupSizes[a] = 0;
+		}
+		for (var o = this.indexOfGroup(e + 1), s = (a = 0, t.length); a < s; a++) this.tag.insertRule(o, t[a]) && (this.groupSizes[e]++, o++);
+	}, e.prototype.clearGroup = function(e) {
+		if (e < this.length) {
+			var t = this.groupSizes[e], n = this.indexOfGroup(e), r = n + t;
+			this.groupSizes[e] = 0;
+			for (var i = n; i < r; i++) this.tag.deleteRule(n);
+		}
+	}, e.prototype.getGroup = function(e) {
+		var t = "";
+		if (e >= this.length || this.groupSizes[e] === 0) return t;
+		for (var n = this.groupSizes[e], r = this.indexOfGroup(e), i = r + n, a = r; a < i; a++) t += `${this.tag.getRule(a)}${T}`;
+		return t;
+	}, e;
+}(), Me = 1 << 30, U = /* @__PURE__ */ new Map(), W = /* @__PURE__ */ new Map(), G = 1, K = function(e) {
+	if (U.has(e)) return U.get(e);
+	for (; W.has(G);) G++;
+	var t = G++;
+	if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > Me)) throw H(16, `${t}`);
+	return U.set(e, t), W.set(t, e), t;
+}, Ne = function(e, t) {
+	G = t + 1, U.set(e, t), W.set(t, e);
+}, Pe = `style[${x}][${C}="${w}"]`, Fe = RegExp(`^${x}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`), Ie = function(e, t, n) {
+	for (var r, i = n.split(","), a = 0, o = i.length; a < o; a++) (r = i[a]) && e.registerName(t, r);
+}, Le = function(e, t) {
+	for (var n = (t.textContent ?? "").split(T), r = [], i = 0, a = n.length; i < a; i++) {
+		var o = n[i].trim();
+		if (o) {
+			var s = o.match(Fe);
+			if (s) {
+				var c = 0 | parseInt(s[1], 10), l = s[2];
+				c !== 0 && (Ne(l, c), Ie(e, l, s[3]), e.getTag().insertRules(c, r)), r.length = 0;
+			} else r.push(o);
+		}
+	}
+}, Re = function(e) {
+	for (var t = document.querySelectorAll(Pe), n = 0, r = t.length; n < r; n++) {
+		var i = t[n];
+		i && i.getAttribute(x) !== S && (Le(e, i), i.parentNode && i.parentNode.removeChild(i));
+	}
 };
-function Lt() {
-  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+function q() {
+	return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
 }
-var He = function(t) {
-  var e = document.head, n = t || e, r = document.createElement("style"), o = (function(c) {
-    var a = Array.from(c.querySelectorAll("style[".concat(T, "]")));
-    return a[a.length - 1];
-  })(n), s = o !== void 0 ? o.nextSibling : null;
-  r.setAttribute(T, ze), r.setAttribute($e, ne);
-  var i = Lt();
-  return i && r.setAttribute("nonce", i), n.insertBefore(r, s), r;
-}, Gt = (function() {
-  function t(e) {
-    this.element = He(e), 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 i = r[o];
-        if (i.ownerNode === n) return i;
-      }
-      throw F(17);
-    })(this.element), this.length = 0;
-  }
-  return t.prototype.insertRule = function(e, n) {
-    try {
-      return this.sheet.insertRule(n, e), this.length++, !0;
-    } catch {
-      return !1;
-    }
-  }, t.prototype.deleteRule = function(e) {
-    this.sheet.deleteRule(e), this.length--;
-  }, t.prototype.getRule = function(e) {
-    var n = this.sheet.cssRules[e];
-    return n && n.cssText ? n.cssText : "";
-  }, t;
-})(), Yt = (function() {
-  function t(e) {
-    this.element = He(e), this.nodes = this.element.childNodes, this.length = 0;
-  }
-  return t.prototype.insertRule = function(e, n) {
-    if (e <= this.length && e >= 0) {
-      var r = document.createTextNode(n);
-      return this.element.insertBefore(r, this.nodes[e] || null), this.length++, !0;
-    }
-    return !1;
-  }, t.prototype.deleteRule = function(e) {
-    this.element.removeChild(this.nodes[e]), this.length--;
-  }, t.prototype.getRule = function(e) {
-    return e < this.length ? this.nodes[e].textContent : "";
-  }, t;
-})(), qt = (function() {
-  function t(e) {
-    this.rules = [], this.length = 0;
-  }
-  return t.prototype.insertRule = function(e, n) {
-    return e <= this.length && (this.rules.splice(e, 0, n), this.length++, !0);
-  }, t.prototype.deleteRule = function(e) {
-    this.rules.splice(e, 1), this.length--;
-  }, t.prototype.getRule = function(e) {
-    return e < this.length ? this.rules[e] : "";
-  }, t;
-})(), Oe = ee, Ht = { isServer: !ee, useCSSOMInjection: !gt }, We = (function() {
-  function t(e, n, r) {
-    e === void 0 && (e = V), n === void 0 && (n = {});
-    var o = this;
-    this.options = E(E({}, Ht), e), this.gs = n, this.names = new Map(r), this.server = !!e.isServer, !this.server && ee && Oe && (Oe = !1, De(this)), ge(this, function() {
-      return (function(s) {
-        for (var i = s.getTag(), c = i.length, a = "", f = function(h) {
-          var u = (function(b) {
-            return te.get(b);
-          })(h);
-          if (u === void 0) return "continue";
-          var p = s.names.get(u), v = i.getGroup(h);
-          if (p === void 0 || !p.size || v.length === 0) return "continue";
-          var _ = "".concat(T, ".g").concat(h, '[id="').concat(u, '"]'), P = "";
-          p !== void 0 && p.forEach(function(b) {
-            b.length > 0 && (P += "".concat(b, ","));
-          }), a += "".concat(v).concat(_, '{content:"').concat(P, '"}').concat(ye);
-        }, d = 0; d < c; d++) f(d);
-        return a;
-      })(o);
-    });
-  }
-  return t.registerId = function(e) {
-    return X(e);
-  }, t.prototype.rehydrate = function() {
-    !this.server && ee && De(this);
-  }, t.prototype.reconstructWithOptions = function(e, n) {
-    return n === void 0 && (n = !0), new t(E(E({}, this.options), e), this.gs, n && this.names || void 0);
-  }, t.prototype.allocateGSInstance = function(e) {
-    return this.gs[e] = (this.gs[e] || 0) + 1;
-  }, t.prototype.getTag = function() {
-    return this.tag || (this.tag = (e = (function(n) {
-      var r = n.useCSSOMInjection, o = n.target;
-      return n.isServer ? new qt(o) : r ? new Gt(o) : new Yt(o);
-    })(this.options), new xt(e)));
-    var e;
-  }, t.prototype.hasNameForId = function(e, n) {
-    return this.names.has(e) && this.names.get(e).has(n);
-  }, t.prototype.registerName = function(e, n) {
-    if (X(e), this.names.has(e)) this.names.get(e).add(n);
-    else {
-      var r = /* @__PURE__ */ new Set();
-      r.add(n), this.names.set(e, r);
-    }
-  }, t.prototype.insertRules = function(e, n, r) {
-    this.registerName(e, n), this.getTag().insertRules(X(e), r);
-  }, t.prototype.clearNames = function(e) {
-    this.names.has(e) && this.names.get(e).clear();
-  }, t.prototype.clearRules = function(e) {
-    this.getTag().clearGroup(X(e)), this.clearNames(e);
-  }, t.prototype.clearTag = function() {
-    this.tag = void 0;
-  }, t;
-})(), Wt = /&/g, Ut = /^\s*\/\/.*$/gm;
-function Ue(t, e) {
-  return t.map(function(n) {
-    return n.type === "rule" && (n.value = "".concat(e, " ").concat(n.value), n.value = n.value.replaceAll(",", ",".concat(e, " ")), n.props = n.props.map(function(r) {
-      return "".concat(e, " ").concat(r);
-    })), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = Ue(n.children, e)), n;
-  });
+var ze = function(e) {
+	var t = document.head, n = e || t, r = document.createElement("style"), i = function(e) {
+		var t = Array.from(e.querySelectorAll(`style[${x}]`));
+		return t[t.length - 1];
+	}(n), a = i === void 0 ? null : i.nextSibling;
+	r.setAttribute(x, S), r.setAttribute(C, w);
+	var o = q();
+	return o && r.setAttribute("nonce", o), n.insertBefore(r, a), r;
+}, Be = function() {
+	function e(e) {
+		this.element = ze(e), this.element.appendChild(document.createTextNode("")), this.sheet = function(e) {
+			if (e.sheet) return e.sheet;
+			for (var t = document.styleSheets, n = 0, r = t.length; n < r; n++) {
+				var i = t[n];
+				if (i.ownerNode === e) return i;
+			}
+			throw H(17);
+		}(this.element), this.length = 0;
+	}
+	return e.prototype.insertRule = function(e, t) {
+		try {
+			return this.sheet.insertRule(t, e), this.length++, !0;
+		} catch {
+			return !1;
+		}
+	}, e.prototype.deleteRule = function(e) {
+		this.sheet.deleteRule(e), this.length--;
+	}, e.prototype.getRule = function(e) {
+		var t = this.sheet.cssRules[e];
+		return t && t.cssText ? t.cssText : "";
+	}, e;
+}(), Ve = function() {
+	function e(e) {
+		this.element = ze(e), this.nodes = this.element.childNodes, this.length = 0;
+	}
+	return e.prototype.insertRule = function(e, t) {
+		if (e <= this.length && e >= 0) {
+			var n = document.createTextNode(t);
+			return this.element.insertBefore(n, this.nodes[e] || null), this.length++, !0;
+		}
+		return !1;
+	}, e.prototype.deleteRule = function(e) {
+		this.element.removeChild(this.nodes[e]), this.length--;
+	}, e.prototype.getRule = function(e) {
+		return e < this.length ? this.nodes[e].textContent : "";
+	}, e;
+}(), He = function() {
+	function e(e) {
+		this.rules = [], this.length = 0;
+	}
+	return e.prototype.insertRule = function(e, t) {
+		return e <= this.length && (this.rules.splice(e, 0, t), this.length++, !0);
+	}, e.prototype.deleteRule = function(e) {
+		this.rules.splice(e, 1), this.length--;
+	}, e.prototype.getRule = function(e) {
+		return e < this.length ? this.rules[e] : "";
+	}, e;
+}(), Ue = E, We = {
+	isServer: !E,
+	useCSSOMInjection: !ee
+}, J = function() {
+	function e(e, n, r) {
+		e === void 0 && (e = k), n === void 0 && (n = {});
+		var i = this;
+		this.options = t(t({}, We), e), this.gs = n, this.names = new Map(r), this.server = !!e.isServer, !this.server && E && Ue && (Ue = !1, Re(this)), V(this, function() {
+			return function(e) {
+				for (var t = e.getTag(), n = t.length, r = "", i = function(n) {
+					var i = function(e) {
+						return W.get(e);
+					}(n);
+					if (i === void 0) return "continue";
+					var a = e.names.get(i), o = t.getGroup(n);
+					if (a === void 0 || !a.size || o.length === 0) return "continue";
+					var s = `${x}.g${n}[id="${i}"]`, c = "";
+					a !== void 0 && a.forEach(function(e) {
+						e.length > 0 && (c += `${e},`);
+					}), r += `${o}${s}{content:"${c}"}${T}`;
+				}, a = 0; a < n; a++) i(a);
+				return r;
+			}(i);
+		});
+	}
+	return e.registerId = function(e) {
+		return K(e);
+	}, e.prototype.rehydrate = function() {
+		!this.server && E && Re(this);
+	}, e.prototype.reconstructWithOptions = function(n, r) {
+		return r === void 0 && (r = !0), new e(t(t({}, this.options), n), this.gs, r && this.names || void 0);
+	}, e.prototype.allocateGSInstance = function(e) {
+		return this.gs[e] = (this.gs[e] || 0) + 1;
+	}, e.prototype.getTag = function() {
+		return this.tag ||= (e = function(e) {
+			var t = e.useCSSOMInjection, n = e.target;
+			return e.isServer ? new He(n) : t ? new Be(n) : new Ve(n);
+		}(this.options), new je(e));
+		var e;
+	}, e.prototype.hasNameForId = function(e, t) {
+		return this.names.has(e) && this.names.get(e).has(t);
+	}, e.prototype.registerName = function(e, t) {
+		if (K(e), this.names.has(e)) this.names.get(e).add(t);
+		else {
+			var n = /* @__PURE__ */ new Set();
+			n.add(t), this.names.set(e, n);
+		}
+	}, e.prototype.insertRules = function(e, t, n) {
+		this.registerName(e, t), this.getTag().insertRules(K(e), n);
+	}, e.prototype.clearNames = function(e) {
+		this.names.has(e) && this.names.get(e).clear();
+	}, e.prototype.clearRules = function(e) {
+		this.getTag().clearGroup(K(e)), this.clearNames(e);
+	}, e.prototype.clearTag = function() {
+		this.tag = void 0;
+	}, e;
+}(), Ge = /&/g, Ke = /^\s*\/\/.*$/gm;
+function qe(e, t) {
+	return e.map(function(e) {
+		return e.type === "rule" && (e.value = `${t} ${e.value}`, e.value = e.value.replaceAll(",", `,${t} `), e.props = e.props.map(function(e) {
+			return `${t} ${e}`;
+		})), Array.isArray(e.children) && e.type !== "@keyframes" && (e.children = qe(e.children, t)), e;
+	});
 }
-function Kt(t) {
-  var e, n, r, o = V, s = o.options, i = s === void 0 ? V : s, c = o.plugins, a = c === void 0 ? re : c, f = function(u, p, v) {
-    return v.startsWith(n) && v.endsWith(n) && v.replaceAll(n, "").length > 0 ? ".".concat(e) : u;
-  }, d = a.slice();
-  d.push(function(u) {
-    u.type === pt && u.value.includes("&") && (u.props[0] = u.props[0].replace(Wt, n).replace(r, f));
-  }), i.prefix && d.push(dt), d.push(mt);
-  var h = function(u, p, v, _) {
-    p === void 0 && (p = ""), v === void 0 && (v = ""), _ === void 0 && (_ = "&"), e = _, n = p, r = new RegExp("\\".concat(n, "\\b"), "g");
-    var P = u.replace(Ut, ""), b = vt(v || p ? "".concat(v, " ").concat(p, " { ").concat(P, " }") : P);
-    i.namespace && (b = Ue(b, i.namespace));
-    var B = [];
-    return yt(b, ht(d.concat(ft(function(m) {
-      return B.push(m);
-    })))), B;
-  };
-  return h.hash = a.length ? a.reduce(function(u, p) {
-    return p.name || F(15), D(u, p.name);
-  }, Fe).toString() : "", h;
+function Je(e) {
+	var t, n, r, i = e === void 0 ? k : e, d = i.options, f = d === void 0 ? k : d, p = i.plugins, m = p === void 0 ? O : p, h = function(e, r, i) {
+		return i.startsWith(n) && i.endsWith(n) && i.replaceAll(n, "").length > 0 ? `.${t}` : e;
+	}, g = m.slice();
+	g.push(function(e) {
+		e.type === "rule" && e.value.includes("&") && (e.props[0] = e.props[0].replace(Ge, n).replace(r, h));
+	}), f.prefix && g.push(l), g.push(s);
+	var _ = function(e, i, s, l) {
+		i === void 0 && (i = ""), s === void 0 && (s = ""), l === void 0 && (l = "&"), t = l, n = i, r = RegExp(`\\${n}\\b`, "g");
+		var d = e.replace(Ke, ""), p = a(s || i ? `${s} ${i} { ${d} }` : d);
+		f.namespace && (p = qe(p, f.namespace));
+		var m = [];
+		return o(p, c(g.concat(u(function(e) {
+			return m.push(e);
+		})))), m;
+	};
+	return _.hash = m.length ? m.reduce(function(e, t) {
+		return t.name || H(15), N(e, t.name);
+	}, ue).toString() : "", _;
 }
-var Xt = new We(), fe = Kt(), Ke = Y.createContext({ shouldForwardProp: void 0, styleSheet: Xt, stylis: fe });
-Ke.Consumer;
-Y.createContext(void 0);
-function Re() {
-  return ut(Ke);
+var Ye = new J(), Y = Je(), X = f.createContext({
+	shouldForwardProp: void 0,
+	styleSheet: Ye,
+	stylis: Y
+});
+X.Consumer;
+var Xe = f.createContext(void 0);
+function Z() {
+	return m(X);
+}
+function Ze(e) {
+	var t = y(e.stylisPlugins), n = t[0], r = t[1], i = Z().styleSheet, a = _(function() {
+		var t = i;
+		return e.sheet ? t = e.sheet : e.target && (t = t.reconstructWithOptions({ target: e.target }, !1)), e.disableCSSOMInjection && (t = t.reconstructWithOptions({ useCSSOMInjection: !1 })), t;
+	}, [
+		e.disableCSSOMInjection,
+		e.sheet,
+		e.target,
+		i
+	]), o = _(function() {
+		return Je({
+			options: {
+				namespace: e.namespace,
+				prefix: e.enableVendorPrefixes
+			},
+			plugins: n
+		});
+	}, [
+		e.enableVendorPrefixes,
+		e.namespace,
+		n
+	]);
+	g(function() {
+		(0, b.default)(n, e.stylisPlugins) || r(e.stylisPlugins);
+	}, [e.stylisPlugins]);
+	var s = _(function() {
+		return {
+			shouldForwardProp: e.shouldForwardProp,
+			styleSheet: a,
+			stylis: o
+		};
+	}, [
+		e.shouldForwardProp,
+		a,
+		o
+	]);
+	return f.createElement(X.Provider, { value: s }, f.createElement(Xe.Provider, { value: o }, e.children));
 }
-var Te = (function() {
-  function t(e, n) {
-    var r = this;
-    this.inject = function(o, s) {
-      s === void 0 && (s = fe);
-      var i = r.name + s.hash;
-      o.hasNameForId(r.id, i) || o.insertRules(r.id, i, s(r.rules, i, "@keyframes"));
-    }, this.name = e, this.id = "sc-keyframes-".concat(e), this.rules = n, ge(this, function() {
-      throw F(12, String(r.name));
-    });
-  }
-  return t.prototype.getName = function(e) {
-    return e === void 0 && (e = fe), this.name + e.hash;
-  }, t;
-})(), Zt = function(t) {
-  return t >= "A" && t <= "Z";
+var Qe = function() {
+	function e(e, t) {
+		var n = this;
+		this.inject = function(e, t) {
+			t === void 0 && (t = Y);
+			var r = n.name + t.hash;
+			e.hasNameForId(n.id, r) || e.insertRules(n.id, r, t(n.rules, r, "@keyframes"));
+		}, this.name = e, this.id = `sc-keyframes-${e}`, this.rules = t, V(this, function() {
+			throw H(12, String(n.name));
+		});
+	}
+	return e.prototype.getName = function(e) {
+		return e === void 0 && (e = Y), this.name + e.hash;
+	}, e;
+}(), $e = function(e) {
+	return e >= "A" && e <= "Z";
 };
-function ke(t) {
-  for (var e = "", n = 0; n < t.length; n++) {
-    var r = t[n];
-    if (n === 1 && r === "-" && t[0] === "-") return t;
-    Zt(r) ? e += "-" + r.toLowerCase() : e += r;
-  }
-  return e.startsWith("ms-") ? "-" + e : e;
+function et(e) {
+	for (var t = "", n = 0; n < e.length; n++) {
+		var r = e[n];
+		if (n === 1 && r === "-" && e[0] === "-") return e;
+		$e(r) ? t += "-" + r.toLowerCase() : t += r;
+	}
+	return t.startsWith("ms-") ? "-" + t : t;
 }
-var Xe = function(t) {
-  return t == null || t === !1 || t === "";
-}, Ze = function(t) {
-  var e, n, r = [];
-  for (var o in t) {
-    var s = t[o];
-    t.hasOwnProperty(o) && !Xe(s) && (Array.isArray(s) && s.isCss || z(s) ? r.push("".concat(ke(o), ":"), s, ";") : $(s) ? r.push.apply(r, x(x(["".concat(o, " {")], Ze(s), !1), ["}"], !1)) : r.push("".concat(ke(o), ": ").concat((e = o, (n = s) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || e in lt || e.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
-  }
-  return r;
+var tt = function(e) {
+	return e == null || !1 === e || e === "";
+}, nt = function(e) {
+	var t, r, i = [];
+	for (var a in e) {
+		var o = e[a];
+		e.hasOwnProperty(a) && !tt(o) && (Array.isArray(o) && o.isCss || F(o) ? i.push(`${et(a)}:`, o, ";") : z(o) ? i.push.apply(i, n(n([`${a} {`], nt(o), !1), ["}"], !1)) : i.push(`${et(a)}: ${t = a, (r = o) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || t in d || t.startsWith("--") ? String(r).trim() : `${r}px`};`));
+	}
+	return i;
 };
-function R(t, e, n, r) {
-  if (Xe(t)) return [];
-  if (ve(t)) return [".".concat(t.styledComponentId)];
-  if (z(t)) {
-    if (!z(s = t) || s.prototype && s.prototype.isReactComponent || !e) return [t];
-    var o = t(e);
-    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof Te || $(o) || o === null || console.error("".concat(Me(t), " 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.")), R(o, e, n, r);
-  }
-  var s;
-  return t instanceof Te ? n ? (t.inject(n, r), [t.getName(r)]) : [t] : $(t) ? Ze(t) : Array.isArray(t) ? Array.prototype.concat.apply(re, t.map(function(i) {
-    return R(i, e, n, r);
-  })) : [t.toString()];
+function Q(e, t, n, r) {
+	if (tt(e)) return [];
+	if (I(e)) return [`.${e.styledComponentId}`];
+	if (F(e)) {
+		if (!F(a = e) || a.prototype && a.prototype.isReactComponent || !t) return [e];
+		var i = e(t);
+		return process.env.NODE_ENV === "production" || typeof i != "object" || Array.isArray(i) || i instanceof Qe || z(i) || i === null || console.error(`${pe(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.`), Q(i, t, n, r);
+	}
+	var a;
+	return e instanceof Qe ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : z(e) ? nt(e) : Array.isArray(e) ? Array.prototype.concat.apply(O, e.map(function(e) {
+		return Q(e, t, n, r);
+	})) : [e.toString()];
 }
-function Jt(t) {
-  for (var e = 0; e < t.length; e += 1) {
-    var n = t[e];
-    if (z(n) && !ve(n)) return !1;
-  }
-  return !0;
+function rt(e) {
+	for (var t = 0; t < e.length; t += 1) {
+		var n = e[t];
+		if (F(n) && !I(n)) return !1;
+	}
+	return !0;
 }
-var Qt = Be(ne), en = (function() {
-  function t(e, n, r) {
-    this.rules = e, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && Jt(e), this.componentId = n, this.baseHash = D(Qt, n), this.baseStyle = r, We.registerId(n);
-  }
-  return t.prototype.generateAndInjectStyles = function(e, n, r) {
-    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e, n, r) : "";
-    if (this.isStatic && !r.hash) if (this.staticRulesId && n.hasNameForId(this.componentId, this.staticRulesId)) o = O(o, this.staticRulesId);
-    else {
-      var s = Ie(R(this.rules, e, n, r)), i = de(D(this.baseHash, s) >>> 0);
-      if (!n.hasNameForId(this.componentId, i)) {
-        var c = r(s, ".".concat(i), void 0, this.componentId);
-        n.insertRules(this.componentId, i, c);
-      }
-      o = O(o, i), this.staticRulesId = i;
-    }
-    else {
-      for (var a = D(this.baseHash, r.hash), f = "", d = 0; d < this.rules.length; d++) {
-        var h = this.rules[d];
-        if (typeof h == "string") f += h, process.env.NODE_ENV !== "production" && (a = D(a, h));
-        else if (h) {
-          var u = Ie(R(h, e, n, r));
-          a = D(a, u + d), f += u;
-        }
-      }
-      if (f) {
-        var p = de(a >>> 0);
-        n.hasNameForId(this.componentId, p) || n.insertRules(this.componentId, p, r(f, ".".concat(p), void 0, this.componentId)), o = O(o, p);
-      }
-    }
-    return o;
-  }, t;
-})(), Je = Y.createContext(void 0);
-Je.Consumer;
-var le = {}, je = /* @__PURE__ */ new Set();
-function tn(t, e, n) {
-  var r = ve(t), o = t, s = !ue(t), i = e.attrs, c = i === void 0 ? re : i, a = e.componentId, f = a === void 0 ? (function(y, g) {
-    var l = typeof y != "string" ? "sc" : Ne(y);
-    le[l] = (le[l] || 0) + 1;
-    var S = "".concat(l, "-").concat(_t(ne + l + le[l]));
-    return g ? "".concat(g, "-").concat(S) : S;
-  })(e.displayName, e.parentComponentId) : a, d = e.displayName, h = d === void 0 ? (function(y) {
-    return ue(y) ? "styled.".concat(y) : "Styled(".concat(Me(y), ")");
-  })(t) : d, u = e.displayName && e.componentId ? "".concat(Ne(e.displayName), "-").concat(e.componentId) : e.componentId || f, p = r && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, v = e.shouldForwardProp;
-  if (r && o.shouldForwardProp) {
-    var _ = o.shouldForwardProp;
-    if (e.shouldForwardProp) {
-      var P = e.shouldForwardProp;
-      v = function(y, g) {
-        return _(y, g) && P(y, g);
-      };
-    } else v = _;
-  }
-  var b = new en(n, u, r ? o.componentStyle : void 0);
-  function B(y, g) {
-    return (function(l, S, C) {
-      var k = l.attrs, et = l.componentStyle, tt = l.defaultProps, nt = l.foldedComponentIds, Se = l.styledComponentId, rt = l.target, ot = Y.useContext(Je), st = Re(), oe = l.shouldForwardProp || st.shouldForwardProp;
-      process.env.NODE_ENV !== "production" && Ee(Se);
-      var we = wt(S, ot, tt) || V, N = (function(q, G, H) {
-        for (var j, I = E(E({}, G), { className: void 0, theme: H }), ae = 0; ae < q.length; ae += 1) {
-          var W = z(j = q[ae]) ? j(I) : j;
-          for (var A in W) I[A] = A === "className" ? O(I[A], W[A]) : A === "style" ? E(E({}, I[A]), W[A]) : W[A];
-        }
-        return G.className && (I.className = O(I.className, G.className)), I;
-      })(k, S, we), M = N.as || rt, L = {};
-      for (var w in N) N[w] === void 0 || w[0] === "$" || w === "as" || w === "theme" && N.theme === we || (w === "forwardedAs" ? L.as = N.forwardedAs : oe && !oe(w, M) || (L[w] = N[w], oe || process.env.NODE_ENV !== "development" || it(w) || je.has(w) || !pe.has(M) || (je.add(w), console.warn('styled-components: it looks like an unknown prop "'.concat(w, '" 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 se = (function(q, G) {
-        var H = Re(), j = q.generateAndInjectStyles(G, H.styleSheet, H.stylis);
-        return process.env.NODE_ENV !== "production" && Ee(j), j;
-      })(et, N);
-      process.env.NODE_ENV !== "production" && l.warnTooManyClasses && l.warnTooManyClasses(se);
-      var ie = O(nt, Se);
-      return se && (ie += " " + se), N.className && (ie += " " + N.className), L[ue(M) && !pe.has(M) ? "class" : "className"] = ie, C && (L.ref = C), at(M, L);
-    })(m, y, g);
-  }
-  B.displayName = h;
-  var m = Y.forwardRef(B);
-  return m.attrs = p, m.componentStyle = b, m.displayName = h, m.shouldForwardProp = v, m.foldedComponentIds = r ? O(o.foldedComponentIds, o.styledComponentId) : "", m.styledComponentId = u, m.target = r ? o.target : t, Object.defineProperty(m, "defaultProps", { get: function() {
-    return this._foldedDefaultProps;
-  }, set: function(y) {
-    this._foldedDefaultProps = r ? (function(g) {
-      for (var l = [], S = 1; S < arguments.length; S++) l[S - 1] = arguments[S];
-      for (var C = 0, k = l; C < k.length; C++) he(g, k[C], !0);
-      return g;
-    })({}, o.defaultProps, y) : y;
-  } }), process.env.NODE_ENV !== "production" && (St(h, u), m.warnTooManyClasses = /* @__PURE__ */ (function(y, g) {
-    var l = {}, S = !1;
-    return function(C) {
-      if (!S && (l[C] = !0, Object.keys(l).length >= 200)) {
-        var k = g ? ' with the id of "'.concat(g, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(y).concat(k, `.
-`) + `Consider using the attrs method, together with a style object for frequently changed styles.
+var it = de(w), at = function() {
+	function e(e, t, n) {
+		this.rules = e, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (n === void 0 || n.isStatic) && rt(e), this.componentId = t, this.baseHash = N(it, t), this.baseStyle = n, J.registerId(t);
+	}
+	return e.prototype.generateAndInjectStyles = function(e, t, n) {
+		var r = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e, t, n) : "";
+		if (this.isStatic && !n.hash) if (this.staticRulesId && t.hasNameForId(this.componentId, this.staticRulesId)) r = L(r, this.staticRulesId);
+		else {
+			var i = R(Q(this.rules, e, t, n)), a = j(N(this.baseHash, i) >>> 0);
+			if (!t.hasNameForId(this.componentId, a)) {
+				var o = n(i, `.${a}`, void 0, this.componentId);
+				t.insertRules(this.componentId, a, o);
+			}
+			r = L(r, a), this.staticRulesId = a;
+		}
+		else {
+			for (var s = N(this.baseHash, n.hash), c = "", l = 0; l < this.rules.length; l++) {
+				var u = this.rules[l];
+				if (typeof u == "string") c += u, process.env.NODE_ENV !== "production" && (s = N(s, u));
+				else if (u) {
+					var d = R(Q(u, e, t, n));
+					s = N(s, d + l), c += d;
+				}
+			}
+			if (c) {
+				var f = j(s >>> 0);
+				t.hasNameForId(this.componentId, f) || t.insertRules(this.componentId, f, n(c, `.${f}`, void 0, this.componentId)), r = L(r, f);
+			}
+		}
+		return r;
+	}, e;
+}(), ot = f.createContext(void 0);
+ot.Consumer;
+var st = {}, ct = /* @__PURE__ */ new Set();
+function lt(e, n, i) {
+	var a = I(e), o = e, s = !P(e), c = n.attrs, l = c === void 0 ? O : c, u = n.componentId, d = u === void 0 ? function(e, t) {
+		var n = typeof e == "string" ? se(e) : "sc";
+		st[n] = (st[n] || 0) + 1;
+		var r = `${n}-${fe(w + n + st[n])}`;
+		return t ? `${t}-${r}` : r;
+	}(n.displayName, n.parentComponentId) : u, m = n.displayName, g = m === void 0 ? function(e) {
+		return P(e) ? `styled.${e}` : `Styled(${pe(e)})`;
+	}(e) : m, _ = n.displayName && n.componentId ? `${se(n.displayName)}-${n.componentId}` : n.componentId || d, v = a && o.attrs ? o.attrs.concat(l).filter(Boolean) : l, y = n.shouldForwardProp;
+	if (a && o.shouldForwardProp) {
+		var b = o.shouldForwardProp;
+		if (n.shouldForwardProp) {
+			var x = n.shouldForwardProp;
+			y = function(e, t) {
+				return b(e, t) && x(e, t);
+			};
+		} else y = b;
+	}
+	var S = new at(i, _, a ? o.componentStyle : void 0);
+	function C(e, n) {
+		return function(e, n, i) {
+			var a = e.attrs, o = e.componentStyle, s = e.defaultProps, c = e.foldedComponentIds, l = e.styledComponentId, u = e.target, d = f.useContext(ot), m = Z(), g = e.shouldForwardProp || m.shouldForwardProp;
+			process.env.NODE_ENV !== "production" && h(l);
+			var _ = re(n, d, s) || k, v = function(e, n, r) {
+				for (var i, a = t(t({}, n), {
+					className: void 0,
+					theme: r
+				}), o = 0; o < e.length; o += 1) {
+					var s = F(i = e[o]) ? i(a) : i;
+					for (var c in s) a[c] = c === "className" ? L(a[c], s[c]) : c === "style" ? t(t({}, a[c]), s[c]) : s[c];
+				}
+				return n.className && (a.className = L(a.className, n.className)), a;
+			}(a, n, _), y = v.as || u, b = {};
+			for (var x in v) v[x] === void 0 || x[0] === "$" || x === "as" || x === "theme" && v.theme === _ || (x === "forwardedAs" ? b.as = v.forwardedAs : g && !g(x, y) || (b[x] = v[x], g || process.env.NODE_ENV !== "development" || r(x) || ct.has(x) || !ie.has(y) || (ct.add(x), console.warn(`styled-components: it looks like an unknown prop "${x}" 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 S = function(e, t) {
+				var n = Z(), r = e.generateAndInjectStyles(t, n.styleSheet, n.stylis);
+				return process.env.NODE_ENV !== "production" && h(r), r;
+			}(o, v);
+			process.env.NODE_ENV !== "production" && e.warnTooManyClasses && e.warnTooManyClasses(S);
+			var C = L(c, l);
+			return S && (C += " " + S), v.className && (C += " " + v.className), b[P(y) && !ie.has(y) ? "class" : "className"] = C, i && (b.ref = i), p(y, b);
+		}(T, e, n);
+	}
+	C.displayName = g;
+	var T = f.forwardRef(C);
+	return T.attrs = v, T.componentStyle = S, T.displayName = g, T.shouldForwardProp = y, T.foldedComponentIds = a ? L(o.foldedComponentIds, o.styledComponentId) : "", T.styledComponentId = _, T.target = a ? o.target : e, Object.defineProperty(T, "defaultProps", {
+		get: function() {
+			return this._foldedDefaultProps;
+		},
+		set: function(e) {
+			this._foldedDefaultProps = a ? function(e) {
+				for (var t = [...arguments].slice(1), n = 0, r = t; n < r.length; n++) B(e, r[n], !0);
+				return e;
+			}({}, o.defaultProps, e) : e;
+		}
+	}), process.env.NODE_ENV !== "production" && (ne(g, _), T.warnTooManyClasses = function(e, t) {
+		var n = {}, r = !1;
+		return function(i) {
+			if (!r && (n[i] = !0, Object.keys(n).length >= 200)) {
+				var a = t ? ` with the id of "${t}"` : "";
+				console.warn(`Over 200 classes were generated for component ${e}${a}.
+Consider using the attrs method, together with a style object for frequently changed styles.
 Example:
   const Component = styled.div.attrs(props => ({
     style: {
@@ -516,57 +577,97 @@ Example:
     },
   }))\`width: 100%;\`
 
-  <Component />`), S = !0, l = {};
-      }
-    };
-  })(h, u)), ge(m, function() {
-    return ".".concat(m.styledComponentId);
-  }), s && qe(m, t, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), m;
+  <Component />`), r = !0, n = {};
+			}
+		};
+	}(g, _)), V(T, function() {
+		return `.${T.styledComponentId}`;
+	}), s && Oe(T, e, {
+		attrs: !0,
+		componentStyle: !0,
+		displayName: !0,
+		foldedComponentIds: !0,
+		shouldForwardProp: !0,
+		styledComponentId: !0,
+		target: !0
+	}), T;
 }
-function xe(t, e) {
-  for (var n = [t[0]], r = 0, o = e.length; r < o; r += 1) n.push(e[r], t[r + 1]);
-  return n;
+function ut(e, t) {
+	for (var n = [e[0]], r = 0, i = t.length; r < i; r += 1) n.push(t[r], e[r + 1]);
+	return n;
 }
-var Ve = function(t) {
-  return Object.assign(t, { isCss: !0 });
+var dt = function(e) {
+	return Object.assign(e, { isCss: !0 });
 };
-function nn(t) {
-  for (var e = [], n = 1; n < arguments.length; n++) e[n - 1] = arguments[n];
-  if (z(t) || $(t)) return Ve(R(xe(re, x([t], e, !0))));
-  var r = t;
-  return e.length === 0 && r.length === 1 && typeof r[0] == "string" ? R(r) : Ve(R(xe(r, e)));
+function ft(e) {
+	var t = [...arguments].slice(1);
+	if (F(e) || z(e)) return dt(Q(ut(O, n([e], t, !0))));
+	var r = e;
+	return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? Q(r) : dt(Q(ut(r, t)));
 }
-function me(t, e, n) {
-  if (n === void 0 && (n = V), !e) throw F(1, e);
-  var r = function(o) {
-    for (var s = [], i = 1; i < arguments.length; i++) s[i - 1] = arguments[i];
-    return t(e, n, nn.apply(void 0, x([o], s, !1)));
-  };
-  return r.attrs = function(o) {
-    return me(t, e, E(E({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
-  }, r.withConfig = function(o) {
-    return me(t, e, E(E({}, n), o));
-  }, r;
+function pt(e, r, i) {
+	if (i === void 0 && (i = k), !r) throw H(1, r);
+	var a = function(t) {
+		var a = [...arguments].slice(1);
+		return e(r, i, ft.apply(void 0, n([t], a, !1)));
+	};
+	return a.attrs = function(n) {
+		return pt(e, r, t(t({}, i), { attrs: Array.prototype.concat(i.attrs, n).filter(Boolean) }));
+	}, a.withConfig = function(n) {
+		return pt(e, r, t(t({}, i), n));
+	}, a;
 }
-var Qe = function(t) {
-  return me(tn, t);
-}, rn = Qe;
-pe.forEach(function(t) {
-  rn[t] = Qe(t);
-});
-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 Z = "__sc-".concat(T, "__");
-process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[Z] || (window[Z] = 0), window[Z] === 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[Z] += 1);
-export {
-  Ke as StyleSheetContext,
-  Je as ThemeContext,
-  nn as css,
-  rn as default,
-  ve as isStyledComponent,
-  rn as styled,
-  ne as version
-};
+var mt = function(e) {
+	return pt(lt, e);
+}, ht = mt;
+ie.forEach(function(e) {
+	ht[e] = mt(e);
+}), function() {
+	function e(e, t) {
+		this.rules = e, this.componentId = t, this.isStatic = rt(e), J.registerId(this.componentId + 1);
+	}
+	return e.prototype.createStyles = function(e, t, n, r) {
+		var i = r(R(Q(this.rules, t, n, r)), ""), a = this.componentId + e;
+		n.insertRules(a, a, i);
+	}, e.prototype.removeStyles = function(e, t) {
+		t.clearRules(this.componentId + e);
+	}, e.prototype.renderStyles = function(e, t, n, r) {
+		e > 2 && J.registerId(this.componentId + e), this.removeStyles(e, n), this.createStyles(e, t, n, r);
+	}, e;
+}(), function() {
+	function e() {
+		var e = this;
+		this._emitSheetCSS = function() {
+			var t = e.instance.toString();
+			if (!t) return "";
+			var n = q();
+			return `<style ${R([
+				n && `nonce="${n}"`,
+				`${x}="true"`,
+				`${C}="${w}"`
+			].filter(Boolean), " ")}>${t}</style>`;
+		}, this.getStyleTags = function() {
+			if (e.sealed) throw H(2);
+			return e._emitSheetCSS();
+		}, this.getStyleElement = function() {
+			var n;
+			if (e.sealed) throw H(2);
+			var r = e.instance.toString();
+			if (!r) return [];
+			var i = ((n = {})[x] = "", n[C] = w, n.dangerouslySetInnerHTML = { __html: r }, n), a = q();
+			return a && (i.nonce = a), [f.createElement("style", t({}, i, { key: "sc-0-0" }))];
+		}, this.seal = function() {
+			e.sealed = !0;
+		}, this.instance = new J({ isServer: !0 }), this.sealed = !1;
+	}
+	return e.prototype.collectStyles = function(e) {
+		if (this.sealed) throw H(2);
+		return f.createElement(Ze, { sheet: this.instance }, e);
+	}, e.prototype.interleaveWithNodeStream = function(e) {
+		throw H(3);
+	}, e;
+}(), process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");
+var $ = `__sc-${x}__`;
+process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[$] || (window[$] = 0), window[$] === 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.\n\nSee https://s-c.sh/2BAXzed for more info."), window[$] += 1);
+//#endregion
+export { ht as dt };