@cupra/ui-react 2.0.0-canary.11 → 2.0.0-canary.111

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

@@ -0,0 +1,673 @@
+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.
+`, 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 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 ce = /(a)(d)/gi, A = 52, le = function(e) {
+	return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+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 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 fe(e) {
+	return j(de(e) >>> 0);
+}
+function pe(e) {
+	return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+function P(e) {
+	return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+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 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 F(e) {
+	return typeof e == "function";
+}
+function I(e) {
+	return typeof e == "object" && "styledComponentId" in e;
+}
+function L(e, t) {
+	return e && t ? `${e} ${t}` : e || t || "";
+}
+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 z(e) {
+	return typeof e == "object" && !!e && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+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 V(e, t) {
+	Object.defineProperty(e, "toString", { value: t });
+}
+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 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 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 q() {
+	return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}
+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 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 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 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 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 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 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 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 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: {
+      background: props.background,
+    },
+  }))\`width: 100%;\`
+
+  <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 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 dt = function(e) {
+	return Object.assign(e, { isCss: !0 });
+};
+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 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 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 };

package/dist/esm/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Enum.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Enum.js
+var e = "-ms-", t = "-moz-", n = "-webkit-", r = "comm", i = "rule", a = "decl", o = "@import", s = "@keyframes", c = "@layer";
+//#endregion
+export { r as COMMENT, a as DECLARATION, o as IMPORT, s as KEYFRAMES, c as LAYER, t as MOZ, e as MS, i as RULESET, n as WEBKIT };