@hkyhy/marsun-components-core 0.1.113 → 0.1.114

package/dist/node_modules/styled-components/dist/styled-components.browser.esm.js

@@ -0,0 +1,696 @@
+import at from "../../@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js";
+import A, { createElement as ct } from "react";
+import { RULESET as lt } from "../node_modules/stylis/src/Enum.js";
+import { prefixer as ut, middleware as dt, rulesheet as pt } from "../node_modules/stylis/src/Middleware.js";
+import { stringify as ht, serialize as ft } from "../node_modules/stylis/src/Serializer.js";
+import { compile as mt } from "../node_modules/stylis/src/Parser.js";
+var fe, me;
+const F = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", Fe = "active", Be = "data-styled-version", ae = "6.5.3", Oe = `/*!sc*/
+`, J = typeof window < "u" && typeof document < "u";
+function Ie(e) {
+  if (typeof process < "u" && process.env !== void 0) {
+    const t = process.env[e];
+    if (t !== void 0 && t !== "") return t !== "false";
+  }
+}
+const yt = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : (me = (fe = Ie("REACT_APP_SC_DISABLE_SPEEDY")) !== null && fe !== void 0 ? fe : Ie("SC_DISABLE_SPEEDY")) !== null && me !== void 0 ? me : typeof process < "u" && process.env !== void 0 && process.env.NODE_ENV !== "production"), gt = "sc-keyframes-", vt = 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. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://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://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: `Accessing \`useTheme\` hook outside of a \`<ThemeProvider>\` element.
+
+\`\`\`jsx
+import { useTheme } from 'styled-components';
+export function StyledCompoent({ children }) {
+  const theme = useTheme();
+  return <div style={{ width: theme.sizes.full }}>{children}</div>;
+}
+
+import { StyledComponent } from './StyledComponent';
+import { theme } from './theme';
+export function App() {
+  return (
+    <ThemeProvider theme={theme}>
+      <StyledComponent />
+    </ThemeProvider>
+  );
+}
+\`\`\`
+
+If you need access to the theme in an uncertain composition scenario, \`React.useContext(ThemeContext)\` will not emit an error if there is no \`ThemeProvider\` ancestor.
+` } : {};
+function K(e, ...t) {
+  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#${e} for more information.${t.length > 0 ? ` Args: ${t.join(", ")}` : ""}`) : new Error((function(...n) {
+    let o = n[0];
+    const r = [];
+    for (let s = 1, a = n.length; s < a; s += 1) r.push(n[s]);
+    return r.forEach((s) => {
+      o = o.replace(/%[a-z]/, s);
+    }), o;
+  })(vt[e], ...t).trim());
+}
+const St = 1 << 30;
+let oe = /* @__PURE__ */ new Map(), ie = /* @__PURE__ */ new Map(), re = 1;
+const ee = (e) => {
+  if (oe.has(e)) return oe.get(e);
+  for (; ie.has(re); ) re++;
+  const t = re++;
+  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > St)) throw K(16, `${t}`);
+  return oe.set(e, t), ie.set(t, e), t;
+}, bt = (e) => ie.get(e), wt = (e, t) => {
+  re = t + 1, oe.set(e, t), ie.set(t, e);
+}, Pe = /invalid hook call/i, te = /* @__PURE__ */ new Set(), Ct = (e, t) => {
+  if (process.env.NODE_ENV !== "production") {
+    const n = `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 {
+      let r = !0;
+      console.error = (s, ...a) => {
+        Pe.test(s) ? (r = !1, te.delete(n)) : o(s, ...a);
+      }, typeof A.useState == "function" && A.useState(null), r && !te.has(n) && (console.warn(n), te.add(n));
+    } catch (r) {
+      Pe.test(r.message) && te.delete(n);
+    } finally {
+      console.error = o;
+    }
+  }
+}, Ee = Object.freeze([]), W = Object.freeze({});
+function Nt(e, t, n = W) {
+  return e.theme !== n.theme && e.theme || t || n.theme;
+}
+const At = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Ot = /(^-|-$)/g;
+function Le(e) {
+  return e.replace(At, "-").replace(Ot, "");
+}
+const Et = /(a)(d)/gi, xe = (e) => String.fromCharCode(e + (e > 25 ? 39 : 97));
+function qe(e) {
+  let t, n = "";
+  for (t = Math.abs(e); t > 52; t = t / 52 | 0) n = xe(t % 52) + n;
+  return (xe(t % 52) + n).replace(Et, "$1-$2");
+}
+const be = 5381, G = (e, t) => {
+  let n = t.length;
+  for (; n; ) e = 33 * e ^ t.charCodeAt(--n);
+  return e;
+}, We = (e) => G(be, e);
+function _t(e) {
+  return qe(We(e) >>> 0);
+}
+function _e(e) {
+  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+function se(e) {
+  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+function It(e) {
+  return se(e) ? `styled.${e}` : `Styled(${_e(e)})`;
+}
+const He = Symbol.for("react.memo"), Pt = Symbol.for("react.forward_ref"), xt = { contextType: !0, defaultProps: !0, displayName: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, propTypes: !0, type: !0 }, jt = { 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 }, $t = { [Pt]: { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, [He]: Ye };
+function je(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === He ? Ye : "$$typeof" in e ? $t[e.$$typeof] : xt;
+  var t;
+}
+const kt = Object.defineProperty, Tt = Object.getOwnPropertyNames, Rt = Object.getOwnPropertySymbols, Dt = Object.getOwnPropertyDescriptor, zt = Object.getPrototypeOf, Vt = Object.prototype;
+function Ue(e, t, n) {
+  if (typeof t != "string") {
+    const o = zt(t);
+    o && o !== Vt && Ue(e, o, n);
+    const r = Tt(t).concat(Rt(t)), s = je(e), a = je(t);
+    for (let c = 0; c < r.length; ++c) {
+      const i = r[c];
+      if (!(i in jt || n && n[i] || a && i in a || s && i in s)) {
+        const d = Dt(t, i);
+        try {
+          kt(e, i, d);
+        } catch {
+        }
+      }
+    }
+  }
+  return e;
+}
+function ce(e) {
+  return typeof e == "function";
+}
+const Gt = Symbol.for("react.forward_ref");
+function Je(e) {
+  return e != null && (typeof e == "object" || typeof e == "function") && e.$$typeof === Gt && "styledComponentId" in e;
+}
+function U(e, t) {
+  return e && t ? e + " " + t : e || t || "";
+}
+function $e(e, t) {
+  return e.join("");
+}
+function B(e) {
+  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+function we(e, t, n = !1) {
+  if (!n && !B(e) && !Array.isArray(e)) return t;
+  if (Array.isArray(t)) for (let o = 0; o < t.length; o++) e[o] = we(e[o], t[o]);
+  else if (B(t)) for (const o in t) e[o] = we(e[o], t[o]);
+  return e;
+}
+function Ke(e, t) {
+  Object.defineProperty(e, "toString", { value: t });
+}
+const Mt = class {
+  constructor(e) {
+    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e, this._cGroup = 0, this._cIndex = 0;
+  }
+  indexOfGroup(e) {
+    if (e === this._cGroup) return this._cIndex;
+    let t = this._cIndex;
+    if (e > this._cGroup) for (let n = this._cGroup; n < e; n++) t += this.groupSizes[n];
+    else for (let n = this._cGroup - 1; n >= e; n--) t -= this.groupSizes[n];
+    return this._cGroup = e, this._cIndex = t, t;
+  }
+  insertRules(e, t) {
+    if (e >= this.groupSizes.length) {
+      const r = this.groupSizes, s = r.length;
+      let a = s;
+      for (; e >= a; ) if (a <<= 1, a < 0) throw K(16, `${e}`);
+      this.groupSizes = new Uint32Array(a), this.groupSizes.set(r), this.length = a;
+      for (let c = s; c < a; c++) this.groupSizes[c] = 0;
+    }
+    let n = this.indexOfGroup(e + 1), o = 0;
+    for (let r = 0, s = t.length; r < s; r++) this.tag.insertRule(n, t[r]) && (this.groupSizes[e]++, n++, o++);
+    o > 0 && this._cGroup > e && (this._cIndex += o);
+  }
+  clearGroup(e) {
+    if (e < this.length) {
+      const t = this.groupSizes[e], n = this.indexOfGroup(e), o = n + t;
+      this.groupSizes[e] = 0;
+      for (let r = n; r < o; r++) this.tag.deleteRule(n);
+      t > 0 && this._cGroup > e && (this._cIndex -= t);
+    }
+  }
+  getGroup(e) {
+    let t = "";
+    if (e >= this.length || this.groupSizes[e] === 0) return t;
+    const n = this.groupSizes[e], o = this.indexOfGroup(e), r = o + n;
+    for (let s = o; s < r; s++) t += this.tag.getRule(s) + Oe;
+    return t;
+  }
+}, Ft = `style[${F}][${Be}="${ae}"]`, Bt = new RegExp(`^${F}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`), ke = (e) => typeof ShadowRoot < "u" && e instanceof ShadowRoot || "host" in e && e.nodeType === 11, Ce = (e) => {
+  if (!e) return document;
+  if (ke(e)) return e;
+  if ("getRootNode" in e) {
+    const t = e.getRootNode();
+    if (ke(t)) return t;
+  }
+  return document;
+}, Lt = (e, t, n) => {
+  const o = n.split(",");
+  let r;
+  for (let s = 0, a = o.length; s < a; s++) (r = o[s]) && e.registerName(t, r);
+}, qt = (e, t) => {
+  var n;
+  const o = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(Oe), r = [];
+  for (let s = 0, a = o.length; s < a; s++) {
+    const c = o[s].trim();
+    if (!c) continue;
+    const i = c.match(Bt);
+    if (i) {
+      const d = 0 | parseInt(i[1], 10), p = i[2];
+      d !== 0 && (wt(p, d), Lt(e, p, i[3]), e.getTag().insertRules(d, r)), r.length = 0;
+    } else r.push(c);
+  }
+}, ye = (e) => {
+  const t = Ce(e.options.target).querySelectorAll(Ft);
+  for (let n = 0, o = t.length; n < o; n++) {
+    const r = t[n];
+    r && r.getAttribute(F) !== Fe && (qt(e, r), r.parentNode && r.parentNode.removeChild(r));
+  }
+};
+let Y = !1;
+function Wt() {
+  if (Y !== !1) return Y;
+  if (typeof document < "u") {
+    const e = document.head.querySelector('meta[property="csp-nonce"]');
+    if (e) return Y = e.nonce || e.getAttribute("content") || void 0;
+    const t = document.head.querySelector('meta[name="sc-nonce"]');
+    if (t) return Y = t.getAttribute("content") || void 0;
+  }
+  return Y = typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : void 0;
+}
+const Qe = (e, t) => {
+  const n = document.head, o = e || n, r = document.createElement("style"), s = ((i) => {
+    const d = Array.from(i.querySelectorAll(`style[${F}]`));
+    return d[d.length - 1];
+  })(o), a = s !== void 0 ? s.nextSibling : null;
+  r.setAttribute(F, Fe), r.setAttribute(Be, ae);
+  const c = t || Wt();
+  return c && r.setAttribute("nonce", c), o.insertBefore(r, a), r;
+}, Ht = class {
+  constructor(e, t) {
+    this.element = Qe(e, t), this.element.appendChild(document.createTextNode("")), this.sheet = ((n) => {
+      var o;
+      if (n.sheet) return n.sheet;
+      const r = (o = n.getRootNode().styleSheets) !== null && o !== void 0 ? o : document.styleSheets;
+      for (let s = 0, a = r.length; s < a; s++) {
+        const c = r[s];
+        if (c.ownerNode === n) return c;
+      }
+      throw K(17);
+    })(this.element), this.length = 0;
+  }
+  insertRule(e, t) {
+    try {
+      return this.sheet.insertRule(t, e), this.length++, !0;
+    } catch {
+      return !1;
+    }
+  }
+  deleteRule(e) {
+    this.sheet.deleteRule(e), this.length--;
+  }
+  getRule(e) {
+    const t = this.sheet.cssRules[e];
+    return t && t.cssText ? t.cssText : "";
+  }
+}, Yt = class {
+  constructor(e, t) {
+    this.element = Qe(e, t), this.nodes = this.element.childNodes, this.length = 0;
+  }
+  insertRule(e, t) {
+    if (e <= this.length && e >= 0) {
+      const n = document.createTextNode(t);
+      return this.element.insertBefore(n, this.nodes[e] || null), this.length++, !0;
+    }
+    return !1;
+  }
+  deleteRule(e) {
+    this.element.removeChild(this.nodes[e]), this.length--;
+  }
+  getRule(e) {
+    return e < this.length ? this.nodes[e].textContent : "";
+  }
+};
+let Te = J;
+const Ut = { isServer: !J, useCSSOMInjection: !yt };
+class le {
+  static registerId(t) {
+    return ee(t);
+  }
+  constructor(t = W, n = {}, o) {
+    this.options = Object.assign(Object.assign({}, Ut), t), this.gs = n, this.keyframeIds = /* @__PURE__ */ new Set(), this.names = new Map(o), this.server = !!t.isServer, !this.server && J && Te && (Te = !1, ye(this)), Ke(this, () => ((r) => {
+      const s = r.getTag(), { length: a } = s;
+      let c = "";
+      for (let i = 0; i < a; i++) {
+        const d = bt(i);
+        if (d === void 0) continue;
+        const p = r.names.get(d);
+        if (p === void 0 || !p.size) continue;
+        const m = s.getGroup(i);
+        if (m.length === 0) continue;
+        const f = F + ".g" + i + '[id="' + d + '"]';
+        let I = "";
+        for (const h of p) h.length > 0 && (I += h + ",");
+        c += m + f + '{content:"' + I + '"}' + Oe;
+      }
+      return c;
+    })(this));
+  }
+  rehydrate() {
+    !this.server && J && ye(this);
+  }
+  reconstructWithOptions(t, n = !0) {
+    const o = new le(Object.assign(Object.assign({}, this.options), t), this.gs, n && this.names || void 0);
+    return o.keyframeIds = new Set(this.keyframeIds), !this.server && J && t.target !== this.options.target && Ce(this.options.target) !== Ce(t.target) && ye(o), o;
+  }
+  allocateGSInstance(t) {
+    return this.gs[t] = (this.gs[t] || 0) + 1;
+  }
+  getTag() {
+    return this.tag || (this.tag = (t = (({ useCSSOMInjection: n, target: o, nonce: r }) => n ? new Ht(o, r) : new Yt(o, r))(this.options), new Mt(t)));
+    var t;
+  }
+  hasNameForId(t, n) {
+    var o, r;
+    return (r = (o = this.names.get(t)) === null || o === void 0 ? void 0 : o.has(n)) !== null && r !== void 0 && r;
+  }
+  registerName(t, n) {
+    ee(t), t.startsWith(gt) && this.keyframeIds.add(t);
+    const o = this.names.get(t);
+    o ? o.add(n) : this.names.set(t, /* @__PURE__ */ new Set([n]));
+  }
+  insertRules(t, n, o) {
+    this.registerName(t, n), this.getTag().insertRules(ee(t), o);
+  }
+  clearNames(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }
+  clearRules(t) {
+    this.getTag().clearGroup(ee(t)), this.clearNames(t);
+  }
+  clearTag() {
+    this.tag = void 0;
+  }
+}
+const Xe = /* @__PURE__ */ new WeakSet(), Jt = { animationIterationCount: 1, aspectRatio: 1, borderImageOutset: 1, borderImageSlice: 1, borderImageWidth: 1, columnCount: 1, columns: 1, flex: 1, flexGrow: 1, flexShrink: 1, gridRow: 1, gridRowEnd: 1, gridRowSpan: 1, gridRowStart: 1, gridColumn: 1, gridColumnEnd: 1, gridColumnSpan: 1, gridColumnStart: 1, fontWeight: 1, lineHeight: 1, opacity: 1, order: 1, orphans: 1, scale: 1, tabSize: 1, widows: 1, zIndex: 1, zoom: 1, WebkitLineClamp: 1, fillOpacity: 1, floodOpacity: 1, stopOpacity: 1, strokeDasharray: 1, strokeDashoffset: 1, strokeMiterlimit: 1, strokeOpacity: 1, strokeWidth: 1 };
+function Kt(e, t) {
+  return t == null || typeof t == "boolean" || t === "" ? "" : typeof t != "number" || t === 0 || e in Jt || e.startsWith("--") ? String(t).trim() : t + "px";
+}
+const V = 47;
+function Re(e) {
+  if (e.charCodeAt(0) === 45 && e.charCodeAt(1) === 45) return e;
+  let t = "";
+  for (let n = 0; n < e.length; n++) {
+    const o = e.charCodeAt(n);
+    t += o >= 65 && o <= 90 ? "-" + String.fromCharCode(o + 32) : e[n];
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
+}
+const Qt = Symbol.for("sc-keyframes");
+function Ne(e) {
+  return typeof e == "object" && e !== null && Qt in e;
+}
+function Ze(e) {
+  return ce(e) && !(e.prototype && e.prototype.isReactComponent);
+}
+const et = (e) => e == null || e === !1 || e === "", Xt = Symbol.for("react.client.reference");
+function De(e) {
+  return e.$$typeof === Xt;
+}
+function ze(e) {
+  const t = e.$$id, n = (t && t.includes("#") ? t.split("#").pop() : t) || e.name || "unknown";
+  console.warn(`Interpolating a client component (${n}) as a selector is not supported in server components. The component selector pattern requires access to the component's internal class name, which is not available across the server/client boundary. Use a plain CSS class selector instead.`);
+}
+function tt(e, t) {
+  for (const n in e) {
+    const o = e[n];
+    e.hasOwnProperty(n) && !et(o) && (Array.isArray(o) && Xe.has(o) || ce(o) ? t.push(Re(n) + ":", o, ";") : B(o) ? (t.push(n + " {"), tt(o, t), t.push("}")) : t.push(Re(n) + ": " + Kt(n, o) + ";"));
+  }
+}
+function M(e, t, n, o, r = []) {
+  if (et(e)) return r;
+  const s = typeof e;
+  if (s === "string") return r.push(e), r;
+  if (s === "function") {
+    if (De(e)) return process.env.NODE_ENV !== "production" && ze(e), r;
+    if (Ze(e) && t) {
+      const a = e(t);
+      return process.env.NODE_ENV === "production" || typeof a != "object" || Array.isArray(a) || Ne(a) || B(a) || a === null || console.error(`${_e(e)} is not a styled component and cannot be referred to via component selector. See https://styled-components.com/docs/advanced#referring-to-other-components for more details.`), M(a, t, n, o, r);
+    }
+    return r.push(e), r;
+  }
+  if (Array.isArray(e)) {
+    for (let a = 0; a < e.length; a++) M(e[a], t, n, o, r);
+    return r;
+  }
+  return Je(e) ? (r.push(`.${e.styledComponentId}`), r) : Ne(e) ? (n ? (e.inject(n, o), r.push(e.getName(o))) : r.push(e), r) : De(e) ? (process.env.NODE_ENV !== "production" && ze(e), r) : B(e) ? e.toString !== Object.prototype.toString ? (r.push(e.toString()), r) : (tt(e, r), r) : (r.push(e.toString()), r);
+}
+const Zt = We(ae);
+class en {
+  constructor(t, n, o) {
+    this.rules = t, this.componentId = n, this.baseHash = G(Zt, n), this.baseStyle = o, le.registerId(n);
+  }
+  generateAndInjectStyles(t, n, o) {
+    let r = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, n, o) : "";
+    {
+      let s = "";
+      for (let a = 0; a < this.rules.length; a++) {
+        const c = this.rules[a];
+        if (typeof c == "string") s += c;
+        else if (c) if (Ze(c)) {
+          const i = c(t);
+          typeof i == "string" ? s += i : i != null && i !== !1 && (process.env.NODE_ENV === "production" || typeof i != "object" || Array.isArray(i) || Ne(i) || B(i) || console.error(`${_e(c)} is not a styled component and cannot be referred to via component selector. See https://styled-components.com/docs/advanced#referring-to-other-components for more details.`), s += $e(M(i, t, n, o)));
+        } else s += $e(M(c, t, n, o));
+      }
+      if (s) {
+        this.dynamicNameCache || (this.dynamicNameCache = /* @__PURE__ */ new Map());
+        const a = o.hash ? o.hash + s : s;
+        let c = this.dynamicNameCache.get(a);
+        if (!c) {
+          if (c = qe(G(G(this.baseHash, o.hash), s) >>> 0), this.dynamicNameCache.size >= 200) {
+            const i = this.dynamicNameCache.keys().next().value;
+            i !== void 0 && this.dynamicNameCache.delete(i);
+          }
+          this.dynamicNameCache.set(a, c);
+        }
+        if (!n.hasNameForId(this.componentId, c)) {
+          const i = o(s, "." + c, void 0, this.componentId);
+          n.insertRules(this.componentId, c, i);
+        }
+        r = U(r, c);
+      }
+    }
+    return r;
+  }
+}
+const tn = /&/g;
+function nt(e, t) {
+  let n = 0;
+  for (; --t >= 0 && e.charCodeAt(t) === 92; ) n++;
+  return !(1 & ~n);
+}
+function ge(e) {
+  const t = e.length;
+  let n = "", o = 0, r = 0, s = 0, a = !1, c = !1;
+  for (let i = 0; i < t; i++) {
+    const d = e.charCodeAt(i);
+    if (s !== 0 || a || d !== V || e.charCodeAt(i + 1) !== 42) if (a) d === 42 && e.charCodeAt(i + 1) === V && (a = !1, i++);
+    else if (d !== 34 && d !== 39 || nt(e, i)) {
+      if (s === 0) if (d === 123) r++;
+      else if (d === 125) {
+        if (r--, r < 0) {
+          c = !0;
+          let p = i + 1;
+          for (; p < t; ) {
+            const m = e.charCodeAt(p);
+            if (m === 59 || m === 10) break;
+            p++;
+          }
+          p < t && e.charCodeAt(p) === 59 && p++, r = 0, i = p - 1, o = p;
+          continue;
+        }
+        r === 0 && (n += e.substring(o, i + 1), o = i + 1);
+      } else d === 59 && r === 0 && (n += e.substring(o, i + 1), o = i + 1);
+    } else s === 0 ? s = d : s === d && (s = 0);
+    else a = !0, i++;
+  }
+  return c || r !== 0 || s !== 0 ? (o < t && r === 0 && s === 0 && (n += e.substring(o)), n) : e;
+}
+function ot(e, t) {
+  const n = t + " ", o = "," + n;
+  for (let r = 0; r < e.length; r++) {
+    const s = e[r];
+    if (s.type === "rule") {
+      s.value = (n + s.value).replaceAll(",", o);
+      const a = s.props, c = [];
+      for (let i = 0; i < a.length; i++) c[i] = n + a[i];
+      s.props = c;
+    }
+    Array.isArray(s.children) && s.type !== "@keyframes" && ot(s.children, t);
+  }
+  return e;
+}
+function nn({ options: e = W, plugins: t = Ee } = W) {
+  let n, o, r;
+  const s = (f, I, h) => h.startsWith(o) && h.endsWith(o) && h.replaceAll(o, "").length > 0 ? `.${n}` : f, a = t.slice();
+  a.push((f) => {
+    f.type === lt && f.value.includes("&") && (r || (r = new RegExp(`\\${o}\\b`, "g")), f.props[0] = f.props[0].replace(tn, o).replace(r, s));
+  }), e.prefix && a.push(ut), a.push(ht);
+  let c = [];
+  const i = dt(a.concat(pt((f) => c.push(f)))), d = (f, I = "", h = "", O = "&") => {
+    n = O, o = I, r = void 0;
+    const w = (function(l) {
+      const k = l.indexOf("//") !== -1, ue = l.indexOf("}") !== -1;
+      if (!k && !ue) return l;
+      if (!k) return ge(l);
+      const E = l.length;
+      let T = "", P = 0, u = 0, R = 0, L = 0, C = 0, H = !1;
+      for (; u < E; ) {
+        const g = l.charCodeAt(u);
+        if (g !== 34 && g !== 39 || nt(l, u)) if (R === 0) if (g === V && u + 1 < E && l.charCodeAt(u + 1) === 42) {
+          for (u += 2; u + 1 < E && (l.charCodeAt(u) !== 42 || l.charCodeAt(u + 1) !== V); ) u++;
+          u += 2;
+        } else if (g !== 40) if (g !== 41) if (L > 0) u++;
+        else if (g === 42 && u + 1 < E && l.charCodeAt(u + 1) === V) T += l.substring(P, u), u += 2, P = u, H = !0;
+        else if (g === V && u + 1 < E && l.charCodeAt(u + 1) === V) {
+          for (T += l.substring(P, u); u < E && l.charCodeAt(u) !== 10; ) u++;
+          P = u, H = !0;
+        } else g === 123 ? C++ : g === 125 && C--, u++;
+        else L > 0 && L--, u++;
+        else L++, u++;
+        else u++;
+        else R === 0 ? R = g : R === g && (R = 0), u++;
+      }
+      return H ? (P < E && (T += l.substring(P)), C === 0 ? T : ge(T)) : C === 0 ? l : ge(l);
+    })(f);
+    let y = mt(h || I ? h + " " + I + " { " + w + " }" : w);
+    return e.namespace && (y = ot(y, e.namespace)), c = [], ft(y, i), c;
+  }, p = e;
+  let m = be;
+  for (let f = 0; f < t.length; f++) t[f].name || K(15), m = G(m, t[f].name);
+  return p != null && p.namespace && (m = G(m, p.namespace)), p != null && p.prefix && (m = G(m, "p")), d.hash = m !== be ? m.toString() : "", d;
+}
+const on = new le(), rn = nn(), rt = A.createContext({ shouldForwardProp: void 0, styleSheet: on, stylis: rn, stylisPlugins: void 0 });
+rt.Consumer;
+function sn() {
+  return A.useContext(rt);
+}
+const st = A.createContext(void 0);
+st.Consumer;
+const Ve = Object.prototype.hasOwnProperty, ve = {};
+function an(e, t) {
+  const n = typeof e != "string" ? "sc" : Le(e);
+  ve[n] = (ve[n] || 0) + 1;
+  const o = n + "-" + _t(ae + n + ve[n]);
+  return t ? t + "-" + o : o;
+}
+let Se;
+function cn(e, t, n) {
+  const o = Je(e), r = e, s = !se(e), { attrs: a = Ee, componentId: c = an(t.displayName, t.parentComponentId), displayName: i = It(e) } = t, d = t.displayName && t.componentId ? Le(t.displayName) + "-" + t.componentId : t.componentId || c, p = o && r.attrs ? r.attrs.concat(a).filter(Boolean) : a;
+  let { shouldForwardProp: m } = t;
+  if (o && r.shouldForwardProp) {
+    const O = r.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      const w = t.shouldForwardProp;
+      m = (y, l) => O(y, l) && w(y, l);
+    } else m = O;
+  }
+  const f = new en(n, d, o ? r.componentStyle : void 0);
+  function I(O, w) {
+    return (function(y, l, k) {
+      const { attrs: ue, componentStyle: E, defaultProps: T, foldedComponentIds: P, styledComponentId: u, target: R } = y, L = A.useContext(st), C = sn(), H = y.shouldForwardProp || C.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && A.useDebugValue && A.useDebugValue(u);
+      const g = Nt(l, L, T) || W;
+      let x, D;
+      {
+        const j = A.useRef(null), b = j.current;
+        if (b !== null && b[1] === g && b[2] === C.styleSheet && b[3] === C.stylis && b[7] === E && (function(q, _, N) {
+          const v = q, S = _;
+          let X = 0;
+          for (const z in S) if (Ve.call(S, z) && (X++, v[z] !== S[z])) return !1;
+          return X === N;
+        })(b[0], l, b[4])) x = b[5], D = b[6];
+        else {
+          x = (function(_, N, v) {
+            const S = Object.assign(Object.assign({}, N), { className: void 0, theme: v }), X = _.length > 1;
+            for (let z = 0; z < _.length; z++) {
+              const he = _[z], Z = ce(he) ? he(X ? Object.assign({}, S) : S) : he;
+              for (const $ in Z) $ === "className" ? S.className = U(S.className, Z[$]) : $ === "style" ? S.style = Object.assign(Object.assign({}, S.style), Z[$]) : $ in N && N[$] === void 0 || (S[$] = Z[$]);
+            }
+            return "className" in N && typeof N.className == "string" && (S.className = U(S.className, N.className)), S;
+          })(ue, l, g), D = E.generateAndInjectStyles(x, C.styleSheet, C.stylis);
+          let q = 0;
+          for (const _ in l) Ve.call(l, _) && q++;
+          j.current = [l, g, C.styleSheet, C.stylis, q, x, D, E];
+        }
+      }
+      process.env.NODE_ENV !== "production" && A.useDebugValue && A.useDebugValue(D), process.env.NODE_ENV !== "production" && y.warnTooManyClasses && y.warnTooManyClasses(D);
+      const Q = x.as || R, de = (function(j, b, q, _) {
+        const N = {};
+        for (const v in j) j[v] === void 0 || v[0] === "$" || v === "as" || v === "theme" && j.theme === q || (v === "forwardedAs" ? N.as = j.forwardedAs : _ && !_(v, b) || (N[v] = j[v], _ || process.env.NODE_ENV !== "development" || at(v) || (Se || (Se = /* @__PURE__ */ new Set())).has(v) || !se(b) || b.includes("-") || (Se.add(v), console.warn(`styled-components: it looks like an unknown prop "${v}" 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.)`))));
+        return N;
+      })(x, Q, g, H);
+      let pe = U(P, u);
+      return D && (pe += " " + D), x.className && (pe += " " + x.className), de[se(Q) && Q.includes("-") ? "class" : "className"] = pe, k && (de.ref = k), ct(Q, de);
+    })(h, O, w);
+  }
+  I.displayName = i;
+  let h = A.forwardRef(I);
+  return h.attrs = p, h.componentStyle = f, h.displayName = i, h.shouldForwardProp = m, h.foldedComponentIds = o ? U(r.foldedComponentIds, r.styledComponentId) : "", h.styledComponentId = d, h.target = o ? r.target : e, Object.defineProperty(h, "defaultProps", { get() {
+    return this._foldedDefaultProps;
+  }, set(O) {
+    this._foldedDefaultProps = o ? (function(w, ...y) {
+      for (const l of y) we(w, l, !0);
+      return w;
+    })({}, r.defaultProps, O) : O;
+  } }), process.env.NODE_ENV !== "production" && (Ct(i, d), h.warnTooManyClasses = /* @__PURE__ */ ((O, w) => {
+    let y = {}, l = !1;
+    return (k) => {
+      !l && (y[k] = !0, Object.keys(y).length >= 200) && (console.warn(`Over 200 classes were generated for component ${O}${w ? ` with the id of "${w}"` : ""}.
+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 />`), l = !0, y = {});
+    };
+  })(i, d)), Ke(h, () => `.${h.styledComponentId}`), s && Ue(h, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), h;
+}
+var ln = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "blockquote", "body", "button", "br", "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", "label", "legend", "li", "main", "map", "mark", "menu", "meter", "nav", "object", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "search", "section", "select", "slot", "small", "span", "strong", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "u", "ul", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "filter", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "switch", "symbol", "text", "textPath", "tspan", "use"]);
+function Ge(e, t) {
+  const n = [e[0]];
+  for (let o = 0, r = t.length; o < r; o += 1) n.push(t[o], e[o + 1]);
+  return n;
+}
+const Me = (e) => (Xe.add(e), e);
+function un(e, ...t) {
+  if (ce(e) || B(e)) return Me(M(Ge(Ee, [e, ...t])));
+  const n = e;
+  return t.length === 0 && n.length === 1 && typeof n[0] == "string" ? M(n) : Me(M(Ge(n, t)));
+}
+function Ae(e, t, n = W) {
+  if (!t) throw K(1, t);
+  const o = (r, ...s) => e(t, n, un(r, ...s));
+  return o.attrs = (r) => Ae(e, t, Object.assign(Object.assign({}, n), { attrs: Array.prototype.concat(n.attrs, r).filter(Boolean) })), o.withConfig = (r) => Ae(e, t, Object.assign(Object.assign({}, n), r)), o;
+}
+const it = (e) => Ae(cn, e), dn = it;
+ln.forEach((e) => {
+  dn[e] = it(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.
+Perhaps you're looking to import 'styled-components/native'?
+Read more about this at https://styled-components.com/docs/basics#react-native`);
+const ne = `__sc-${F}__`;
+process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[ne] || (window[ne] = 0), window[ne] === 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://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info.`), window[ne] += 1);
+export {
+  rt as StyleSheetContext,
+  st as ThemeContext,
+  un as css,
+  dn as default,
+  Je as isStyledComponent,
+  dn as styled,
+  ae as version
+};
+//# sourceMappingURL=styled-components.browser.esm.js.map