@norges-domstoler/dds-components 0.0.0-dev-20240717100958 → 0.0.0-dev-20240723110258

package/dist/index.js

@@ -3416,7 +3416,7 @@ var isPropValid = /* @__PURE__ */ memoize(
   /* Z+1 */
 );
 
-// ../../node_modules/.pnpm/styled-components@6.1.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.esm.js
+// ../../node_modules/.pnpm/styled-components@6.1.12_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.esm.js
 var import_react22 = __toESM(require("react"));
 var import_shallowequal = __toESM(require_shallowequal());
 
@@ -4012,11 +4012,11 @@ var unitlessKeys = {
   strokeWidth: 1
 };
 
-// ../../node_modules/.pnpm/styled-components@6.1.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.esm.js
+// ../../node_modules/.pnpm/styled-components@6.1.12_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.esm.js
 var f = "undefined" != typeof process && void 0 !== process.env && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled";
 var m = "active";
 var y = "data-styled-version";
-var v = "6.1.11";
+var v = "6.1.12";
 var g = "/*!sc*/\n";
 var S = "undefined" != typeof window && "HTMLElement" in window;
 var w = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.REACT_APP_SC_DISABLE_SPEEDY && "" !== process.env.REACT_APP_SC_DISABLE_SPEEDY ? "false" !== process.env.REACT_APP_SC_DISABLE_SPEEDY && process.env.REACT_APP_SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.SC_DISABLE_SPEEDY && "" !== process.env.SC_DISABLE_SPEEDY ? "false" !== process.env.SC_DISABLE_SPEEDY && process.env.SC_DISABLE_SPEEDY : "production" !== process.env.NODE_ENV);
@@ -4024,11 +4024,11 @@ var E = /invalid hook call/i;
 var N = /* @__PURE__ */ new Set();
 var P = function(t, n) {
   if ("production" !== process.env.NODE_ENV) {
-    var o2 = n ? ' with the id of "'.concat(n, '"') : "", s2 = "The component ".concat(t).concat(o2, " has been created dynamically.\n") + "You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.", i2 = console.error;
+    var r2 = n ? ' with the id of "'.concat(n, '"') : "", s2 = "The component ".concat(t).concat(r2, " has been created dynamically.\n") + "You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.", i2 = console.error;
     try {
       var a3 = true;
       console.error = function(t2) {
-        for (var n2 = [], o3 = 1; o3 < arguments.length; o3++) n2[o3 - 1] = arguments[o3];
+        for (var n2 = [], r3 = 1; r3 < arguments.length; r3++) n2[r3 - 1] = arguments[r3];
         E.test(t2) ? (a3 = false, N.delete(s2)) : i2.apply(void 0, __spreadArray([t2], n2, false));
       }, (0, import_react22.useRef)(), a3 && !N.has(s2) && (console.warn(s2), N.add(s2));
     } catch (e) {
@@ -4094,16 +4094,16 @@ var Q = Object.getOwnPropertySymbols;
 var ee = Object.getOwnPropertyDescriptor;
 var te = Object.getPrototypeOf;
 var ne = Object.prototype;
-function oe(e, t, n) {
+function re(e, t, n) {
   if ("string" != typeof t) {
     if (ne) {
-      var o2 = te(t);
-      o2 && o2 !== ne && oe(e, o2, n);
+      var r2 = te(t);
+      r2 && r2 !== ne && re(e, r2, n);
     }
-    var r2 = K(t);
-    Q && (r2 = r2.concat(Q(t)));
-    for (var s2 = X(e), i2 = X(t), a3 = 0; a3 < r2.length; ++a3) {
-      var c2 = r2[a3];
+    var o2 = K(t);
+    Q && (o2 = o2.concat(Q(t)));
+    for (var s2 = X(e), i2 = X(t), a3 = 0; a3 < o2.length; ++a3) {
+      var c2 = o2[a3];
       if (!(c2 in H || n && n[c2] || i2 && c2 in i2 || s2 && c2 in s2)) {
         var l2 = ee(t, c2);
         try {
@@ -4115,7 +4115,7 @@ function oe(e, t, n) {
   }
   return e;
 }
-function re(e) {
+function oe(e) {
   return "function" == typeof e;
 }
 function se(e) {
@@ -4126,7 +4126,7 @@ function ie(e, t) {
 }
 function ae(e, t) {
   if (0 === e.length) return "";
-  for (var n = e[0], o2 = 1; o2 < e.length; o2++) n += t ? t + e[o2] : e[o2];
+  for (var n = e[0], r2 = 1; r2 < e.length; r2++) n += t ? t + e[r2] : e[r2];
   return n;
 }
 function ce(e) {
@@ -4134,8 +4134,8 @@ function ce(e) {
 }
 function le(e, t, n) {
   if (void 0 === n && (n = false), !n && !ce(e) && !Array.isArray(e)) return t;
-  if (Array.isArray(t)) for (var o2 = 0; o2 < t.length; o2++) e[o2] = le(e[o2], t[o2]);
-  else if (ce(t)) for (var o2 in t) e[o2] = le(e[o2], t[o2]);
+  if (Array.isArray(t)) for (var r2 = 0; r2 < t.length; r2++) e[r2] = le(e[r2], t[r2]);
+  else if (ce(t)) for (var r2 in t) e[r2] = le(e[r2], t[r2]);
   return e;
 }
 function ue(e, t) {
@@ -4144,13 +4144,13 @@ function ue(e, t) {
 var pe = "production" !== process.env.NODE_ENV ? { 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 de() {
   for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
-  for (var n = e[0], o2 = [], r2 = 1, s2 = e.length; r2 < s2; r2 += 1) o2.push(e[r2]);
-  return o2.forEach(function(e2) {
+  for (var n = e[0], r2 = [], o2 = 1, s2 = e.length; o2 < s2; o2 += 1) r2.push(e[o2]);
+  return r2.forEach(function(e2) {
     n = n.replace(/%[a-z]/, e2);
   }), n;
 }
 function he(t) {
-  for (var n = [], o2 = 1; o2 < arguments.length; o2++) n[o2 - 1] = arguments[o2];
+  for (var n = [], r2 = 1; r2 < arguments.length; r2++) n[r2 - 1] = arguments[r2];
   return "production" === process.env.NODE_ENV ? 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(n.length > 0 ? " Args: ".concat(n.join(", ")) : "")) : new Error(de.apply(void 0, __spreadArray([pe[t]], n, false)).trim());
 }
 var fe = function() {
@@ -4162,21 +4162,21 @@ var fe = function() {
     return t;
   }, e.prototype.insertRules = function(e2, t) {
     if (e2 >= this.groupSizes.length) {
-      for (var n = this.groupSizes, o2 = n.length, r2 = o2; e2 >= r2; ) if ((r2 <<= 1) < 0) throw he(16, "".concat(e2));
-      this.groupSizes = new Uint32Array(r2), this.groupSizes.set(n), this.length = r2;
-      for (var s2 = o2; s2 < r2; s2++) this.groupSizes[s2] = 0;
+      for (var n = this.groupSizes, r2 = n.length, o2 = r2; e2 >= o2; ) if ((o2 <<= 1) < 0) throw he(16, "".concat(e2));
+      this.groupSizes = new Uint32Array(o2), this.groupSizes.set(n), this.length = o2;
+      for (var s2 = r2; s2 < o2; s2++) this.groupSizes[s2] = 0;
     }
     for (var i2 = this.indexOfGroup(e2 + 1), a3 = (s2 = 0, t.length); s2 < a3; s2++) this.tag.insertRule(i2, t[s2]) && (this.groupSizes[e2]++, i2++);
   }, e.prototype.clearGroup = function(e2) {
     if (e2 < this.length) {
-      var t = this.groupSizes[e2], n = this.indexOfGroup(e2), o2 = n + t;
+      var t = this.groupSizes[e2], n = this.indexOfGroup(e2), r2 = n + t;
       this.groupSizes[e2] = 0;
-      for (var r2 = n; r2 < o2; r2++) this.tag.deleteRule(n);
+      for (var o2 = n; o2 < r2; o2++) this.tag.deleteRule(n);
     }
   }, e.prototype.getGroup = function(e2) {
     var t = "";
     if (e2 >= this.length || 0 === this.groupSizes[e2]) return t;
-    for (var n = this.groupSizes[e2], o2 = this.indexOfGroup(e2), r2 = o2 + n, s2 = o2; s2 < r2; s2++) t += "".concat(this.tag.getRule(s2)).concat(g);
+    for (var n = this.groupSizes[e2], r2 = this.indexOfGroup(e2), o2 = r2 + n, s2 = r2; s2 < o2; s2++) t += "".concat(this.tag.getRule(s2)).concat(g);
     return t;
   }, e;
 }();
@@ -4197,39 +4197,45 @@ var we = function(e, t) {
 var be = "style[".concat(f, "][").concat(y, '="').concat(v, '"]');
 var Ee = new RegExp("^".concat(f, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'));
 var Ne = function(e, t, n) {
-  for (var o2, r2 = n.split(","), s2 = 0, i2 = r2.length; s2 < i2; s2++) (o2 = r2[s2]) && e.registerName(t, o2);
+  for (var r2, o2 = n.split(","), s2 = 0, i2 = o2.length; s2 < i2; s2++) (r2 = o2[s2]) && e.registerName(t, r2);
 };
 var Pe = function(e, t) {
-  for (var n, o2 = (null !== (n = t.textContent) && void 0 !== n ? n : "").split(g), r2 = [], s2 = 0, i2 = o2.length; s2 < i2; s2++) {
-    var a3 = o2[s2].trim();
+  for (var n, r2 = (null !== (n = t.textContent) && void 0 !== n ? n : "").split(g), o2 = [], s2 = 0, i2 = r2.length; s2 < i2; s2++) {
+    var a3 = r2[s2].trim();
     if (a3) {
       var c2 = a3.match(Ee);
       if (c2) {
         var l2 = 0 | parseInt(c2[1], 10), u2 = c2[2];
-        0 !== l2 && (we(u2, l2), Ne(e, u2, c2[3]), e.getTag().insertRules(l2, r2)), r2.length = 0;
-      } else r2.push(a3);
+        0 !== l2 && (we(u2, l2), Ne(e, u2, c2[3]), e.getTag().insertRules(l2, o2)), o2.length = 0;
+      } else o2.push(a3);
     }
   }
 };
-function _e() {
+var _e = function(e) {
+  for (var t = document.querySelectorAll(be), n = 0, r2 = t.length; n < r2; n++) {
+    var o2 = t[n];
+    o2 && o2.getAttribute(f) !== m && (Pe(e, o2), o2.parentNode && o2.parentNode.removeChild(o2));
+  }
+};
+function Ce() {
   return "undefined" != typeof __webpack_nonce__ ? __webpack_nonce__ : null;
 }
-var Ce = function(e) {
-  var t = document.head, n = e || t, o2 = document.createElement("style"), r2 = function(e2) {
+var Ie = function(e) {
+  var t = document.head, n = e || t, r2 = document.createElement("style"), o2 = function(e2) {
     var t2 = Array.from(e2.querySelectorAll("style[".concat(f, "]")));
     return t2[t2.length - 1];
-  }(n), s2 = void 0 !== r2 ? r2.nextSibling : null;
-  o2.setAttribute(f, m), o2.setAttribute(y, v);
-  var i2 = _e();
-  return i2 && o2.setAttribute("nonce", i2), n.insertBefore(o2, s2), o2;
+  }(n), s2 = void 0 !== o2 ? o2.nextSibling : null;
+  r2.setAttribute(f, m), r2.setAttribute(y, v);
+  var i2 = Ce();
+  return i2 && r2.setAttribute("nonce", i2), n.insertBefore(r2, s2), r2;
 };
-var Ie = function() {
+var Ae = function() {
   function e(e2) {
-    this.element = Ce(e2), this.element.appendChild(document.createTextNode("")), this.sheet = function(e3) {
+    this.element = Ie(e2), this.element.appendChild(document.createTextNode("")), this.sheet = function(e3) {
       if (e3.sheet) return e3.sheet;
-      for (var t = document.styleSheets, n = 0, o2 = t.length; n < o2; n++) {
-        var r2 = t[n];
-        if (r2.ownerNode === e3) return r2;
+      for (var t = document.styleSheets, n = 0, r2 = t.length; n < r2; n++) {
+        var o2 = t[n];
+        if (o2.ownerNode === e3) return o2;
       }
       throw he(17);
     }(this.element), this.length = 0;
@@ -4247,9 +4253,9 @@ var Ie = function() {
     return t && t.cssText ? t.cssText : "";
   }, e;
 }();
-var Ae = function() {
+var Oe = function() {
   function e(e2) {
-    this.element = Ce(e2), this.nodes = this.element.childNodes, this.length = 0;
+    this.element = Ie(e2), this.nodes = this.element.childNodes, this.length = 0;
   }
   return e.prototype.insertRule = function(e2, t) {
     if (e2 <= this.length && e2 >= 0) {
@@ -4263,7 +4269,7 @@ var Ae = function() {
     return e2 < this.length ? this.nodes[e2].textContent : "";
   }, e;
 }();
-var Oe = function() {
+var De = function() {
   function e(e2) {
     this.rules = [], this.length = 0;
   }
@@ -4275,45 +4281,42 @@ var Oe = function() {
     return e2 < this.length ? this.rules[e2] : "";
   }, e;
 }();
-var De = S;
-var Re = { isServer: !S, useCSSOMInjection: !w };
-var Te = function() {
-  function e(e2, n, o2) {
+var Re = S;
+var Te = { isServer: !S, useCSSOMInjection: !w };
+var ke = function() {
+  function e(e2, n, r2) {
     void 0 === e2 && (e2 = C), void 0 === n && (n = {});
-    var r2 = this;
-    this.options = __assign(__assign({}, Re), e2), this.gs = n, this.names = new Map(o2), this.server = !!e2.isServer, !this.server && S && De && (De = false, function(e3) {
-      for (var t = document.querySelectorAll(be), n2 = 0, o3 = t.length; n2 < o3; n2++) {
-        var r3 = t[n2];
-        r3 && r3.getAttribute(f) !== m && (Pe(e3, r3), r3.parentNode && r3.parentNode.removeChild(r3));
-      }
-    }(this)), ue(this, function() {
+    var o2 = this;
+    this.options = __assign(__assign({}, Te), e2), this.gs = n, this.names = new Map(r2), this.server = !!e2.isServer, !this.server && S && Re && (Re = false, _e(this)), ue(this, function() {
       return function(e3) {
-        for (var t = e3.getTag(), n2 = t.length, o3 = "", r3 = function(n3) {
-          var r4 = function(e4) {
+        for (var t = e3.getTag(), n2 = t.length, r3 = "", o3 = function(n3) {
+          var o4 = function(e4) {
             return ve.get(e4);
           }(n3);
-          if (void 0 === r4) return "continue";
-          var s3 = e3.names.get(r4), i2 = t.getGroup(n3);
-          if (void 0 === s3 || 0 === i2.length) return "continue";
-          var a3 = "".concat(f, ".g").concat(n3, '[id="').concat(r4, '"]'), c2 = "";
+          if (void 0 === o4) return "continue";
+          var s3 = e3.names.get(o4), i2 = t.getGroup(n3);
+          if (void 0 === s3 || !s3.size || 0 === i2.length) return "continue";
+          var a3 = "".concat(f, ".g").concat(n3, '[id="').concat(o4, '"]'), c2 = "";
           void 0 !== s3 && s3.forEach(function(e4) {
             e4.length > 0 && (c2 += "".concat(e4, ","));
-          }), o3 += "".concat(i2).concat(a3, '{content:"').concat(c2, '"}').concat(g);
-        }, s2 = 0; s2 < n2; s2++) r3(s2);
-        return o3;
-      }(r2);
+          }), r3 += "".concat(i2).concat(a3, '{content:"').concat(c2, '"}').concat(g);
+        }, s2 = 0; s2 < n2; s2++) o3(s2);
+        return r3;
+      }(o2);
     });
   }
   return e.registerId = function(e2) {
     return Se(e2);
-  }, e.prototype.reconstructWithOptions = function(n, o2) {
-    return void 0 === o2 && (o2 = true), new e(__assign(__assign({}, this.options), n), this.gs, o2 && this.names || void 0);
+  }, e.prototype.rehydrate = function() {
+    !this.server && S && _e(this);
+  }, e.prototype.reconstructWithOptions = function(n, r2) {
+    return void 0 === r2 && (r2 = true), new e(__assign(__assign({}, this.options), n), this.gs, r2 && this.names || void 0);
   }, e.prototype.allocateGSInstance = function(e2) {
     return this.gs[e2] = (this.gs[e2] || 0) + 1;
   }, e.prototype.getTag = function() {
     return this.tag || (this.tag = (e2 = function(e3) {
       var t = e3.useCSSOMInjection, n = e3.target;
-      return e3.isServer ? new Oe(n) : t ? new Ie(n) : new Ae(n);
+      return e3.isServer ? new De(n) : t ? new Ae(n) : new Oe(n);
     }(this.options), new fe(e2)));
     var e2;
   }, e.prototype.hasNameForId = function(e2, t) {
@@ -4334,26 +4337,26 @@ var Te = function() {
     this.tag = void 0;
   }, e;
 }();
-var ke = /&/g;
-var je = /^\s*\/\/.*$/gm;
-function xe(e, t) {
+var je = /&/g;
+var xe = /^\s*\/\/.*$/gm;
+function Ve(e, t) {
   return e.map(function(e2) {
     return "rule" === e2.type && (e2.value = "".concat(t, " ").concat(e2.value), e2.value = e2.value.replaceAll(",", ",".concat(t, " ")), e2.props = e2.props.map(function(e3) {
       return "".concat(t, " ").concat(e3);
-    })), Array.isArray(e2.children) && "@keyframes" !== e2.type && (e2.children = xe(e2.children, t)), e2;
+    })), Array.isArray(e2.children) && "@keyframes" !== e2.type && (e2.children = Ve(e2.children, t)), e2;
   });
 }
-function Ve(e) {
-  var t, n, o2, r2 = void 0 === e ? C : e, s2 = r2.options, i2 = void 0 === s2 ? C : s2, a3 = r2.plugins, c2 = void 0 === a3 ? _ : a3, l2 = function(e2, o3, r3) {
-    return r3.startsWith(n) && r3.endsWith(n) && r3.replaceAll(n, "").length > 0 ? ".".concat(t) : e2;
+function Fe(e) {
+  var t, n, r2, o2 = void 0 === e ? C : e, s2 = o2.options, i2 = void 0 === s2 ? C : s2, a3 = o2.plugins, c2 = void 0 === a3 ? _ : a3, l2 = function(e2, r3, o3) {
+    return o3.startsWith(n) && o3.endsWith(n) && o3.replaceAll(n, "").length > 0 ? ".".concat(t) : e2;
   }, u2 = c2.slice();
   u2.push(function(e2) {
-    e2.type === RULESET && e2.value.includes("&") && (e2.props[0] = e2.props[0].replace(ke, n).replace(o2, l2));
+    e2.type === RULESET && e2.value.includes("&") && (e2.props[0] = e2.props[0].replace(je, n).replace(r2, l2));
   }), i2.prefix && u2.push(prefixer), u2.push(stringify);
-  var p2 = function(e2, r3, s3, a4) {
-    void 0 === r3 && (r3 = ""), void 0 === s3 && (s3 = ""), void 0 === a4 && (a4 = "&"), t = a4, n = r3, o2 = new RegExp("\\".concat(n, "\\b"), "g");
-    var c3 = e2.replace(je, ""), l3 = compile(s3 || r3 ? "".concat(s3, " ").concat(r3, " { ").concat(c3, " }") : c3);
-    i2.namespace && (l3 = xe(l3, i2.namespace));
+  var p2 = function(e2, o3, s3, a4) {
+    void 0 === o3 && (o3 = ""), void 0 === s3 && (s3 = ""), void 0 === a4 && (a4 = "&"), t = a4, n = o3, r2 = new RegExp("\\".concat(n, "\\b"), "g");
+    var c3 = e2.replace(xe, ""), l3 = compile(s3 || o3 ? "".concat(s3, " ").concat(o3, " { ").concat(c3, " }") : c3);
+    i2.namespace && (l3 = Ve(l3, i2.namespace));
     var p3 = [];
     return serialize(l3, middleware(u2.concat(rulesheet(function(e3) {
       return p3.push(e3);
@@ -4363,162 +4366,162 @@ function Ve(e) {
     return t2.name || he(15), M(e2, t2.name);
   }, F).toString() : "", p2;
 }
-var Fe = new Te();
-var Me = Ve();
-var ze = import_react22.default.createContext({ shouldForwardProp: void 0, styleSheet: Fe, stylis: Me });
-var $e = ze.Consumer;
-var Be = import_react22.default.createContext(void 0);
-function Le() {
-  return (0, import_react22.useContext)(ze);
+var Me = new ke();
+var ze = Fe();
+var $e = import_react22.default.createContext({ shouldForwardProp: void 0, styleSheet: Me, stylis: ze });
+var Be = $e.Consumer;
+var Le = import_react22.default.createContext(void 0);
+function Ge() {
+  return (0, import_react22.useContext)($e);
 }
-function Ge(e) {
-  var t = (0, import_react22.useState)(e.stylisPlugins), n = t[0], r2 = t[1], c2 = Le().styleSheet, l2 = (0, import_react22.useMemo)(function() {
+function Ye(e) {
+  var t = (0, import_react22.useState)(e.stylisPlugins), n = t[0], o2 = t[1], c2 = Ge().styleSheet, l2 = (0, import_react22.useMemo)(function() {
     var t2 = c2;
     return e.sheet ? t2 = e.sheet : e.target && (t2 = t2.reconstructWithOptions({ target: e.target }, false)), e.disableCSSOMInjection && (t2 = t2.reconstructWithOptions({ useCSSOMInjection: false })), t2;
   }, [e.disableCSSOMInjection, e.sheet, e.target, c2]), u2 = (0, import_react22.useMemo)(function() {
-    return Ve({ options: { namespace: e.namespace, prefix: e.enableVendorPrefixes }, plugins: n });
+    return Fe({ options: { namespace: e.namespace, prefix: e.enableVendorPrefixes }, plugins: n });
   }, [e.enableVendorPrefixes, e.namespace, n]);
   (0, import_react22.useEffect)(function() {
-    (0, import_shallowequal.default)(n, e.stylisPlugins) || r2(e.stylisPlugins);
+    (0, import_shallowequal.default)(n, e.stylisPlugins) || o2(e.stylisPlugins);
   }, [e.stylisPlugins]);
   var d = (0, import_react22.useMemo)(function() {
     return { shouldForwardProp: e.shouldForwardProp, styleSheet: l2, stylis: u2 };
   }, [e.shouldForwardProp, l2, u2]);
-  return import_react22.default.createElement(ze.Provider, { value: d }, import_react22.default.createElement(Be.Provider, { value: u2 }, e.children));
+  return import_react22.default.createElement($e.Provider, { value: d }, import_react22.default.createElement(Le.Provider, { value: u2 }, e.children));
 }
-var Ye = function() {
+var qe = function() {
   function e(e2, t) {
     var n = this;
     this.inject = function(e3, t2) {
-      void 0 === t2 && (t2 = Me);
-      var o2 = n.name + t2.hash;
-      e3.hasNameForId(n.id, o2) || e3.insertRules(n.id, o2, t2(n.rules, o2, "@keyframes"));
+      void 0 === t2 && (t2 = ze);
+      var r2 = n.name + t2.hash;
+      e3.hasNameForId(n.id, r2) || e3.insertRules(n.id, r2, t2(n.rules, r2, "@keyframes"));
     }, this.name = e2, this.id = "sc-keyframes-".concat(e2), this.rules = t, ue(this, function() {
       throw he(12, String(n.name));
     });
   }
   return e.prototype.getName = function(e2) {
-    return void 0 === e2 && (e2 = Me), this.name + e2.hash;
+    return void 0 === e2 && (e2 = ze), this.name + e2.hash;
   }, e;
 }();
-var qe = function(e) {
+var We = function(e) {
   return e >= "A" && e <= "Z";
 };
-function We(e) {
+function He(e) {
   for (var t = "", n = 0; n < e.length; n++) {
-    var o2 = e[n];
-    if (1 === n && "-" === o2 && "-" === e[0]) return e;
-    qe(o2) ? t += "-" + o2.toLowerCase() : t += o2;
+    var r2 = e[n];
+    if (1 === n && "-" === r2 && "-" === e[0]) return e;
+    We(r2) ? t += "-" + r2.toLowerCase() : t += r2;
   }
   return t.startsWith("ms-") ? "-" + t : t;
 }
-var He = function(e) {
+var Ue = function(e) {
   return null == e || false === e || "" === e;
 };
-var Ue = function(t) {
-  var n, o2, r2 = [];
+var Je = function(t) {
+  var n, r2, o2 = [];
   for (var s2 in t) {
     var i2 = t[s2];
-    t.hasOwnProperty(s2) && !He(i2) && (Array.isArray(i2) && i2.isCss || re(i2) ? r2.push("".concat(We(s2), ":"), i2, ";") : ce(i2) ? r2.push.apply(r2, __spreadArray(__spreadArray(["".concat(s2, " {")], Ue(i2), false), ["}"], false)) : r2.push("".concat(We(s2), ": ").concat((n = s2, null == (o2 = i2) || "boolean" == typeof o2 || "" === o2 ? "" : "number" != typeof o2 || 0 === o2 || n in unitlessKeys || n.startsWith("--") ? String(o2).trim() : "".concat(o2, "px")), ";")));
+    t.hasOwnProperty(s2) && !Ue(i2) && (Array.isArray(i2) && i2.isCss || oe(i2) ? o2.push("".concat(He(s2), ":"), i2, ";") : ce(i2) ? o2.push.apply(o2, __spreadArray(__spreadArray(["".concat(s2, " {")], Je(i2), false), ["}"], false)) : o2.push("".concat(He(s2), ": ").concat((n = s2, null == (r2 = i2) || "boolean" == typeof r2 || "" === r2 ? "" : "number" != typeof r2 || 0 === r2 || n in unitlessKeys || n.startsWith("--") ? String(r2).trim() : "".concat(r2, "px")), ";")));
   }
-  return r2;
+  return o2;
 };
-function Je(e, t, n, o2) {
-  if (He(e)) return [];
+function Xe(e, t, n, r2) {
+  if (Ue(e)) return [];
   if (se(e)) return [".".concat(e.styledComponentId)];
-  if (re(e)) {
-    if (!re(s2 = e) || s2.prototype && s2.prototype.isReactComponent || !t) return [e];
-    var r2 = e(t);
-    return "production" === process.env.NODE_ENV || "object" != typeof r2 || Array.isArray(r2) || r2 instanceof Ye || ce(r2) || null === r2 || console.error("".concat(B(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.")), Je(r2, t, n, o2);
+  if (oe(e)) {
+    if (!oe(s2 = e) || s2.prototype && s2.prototype.isReactComponent || !t) return [e];
+    var o2 = e(t);
+    return "production" === process.env.NODE_ENV || "object" != typeof o2 || Array.isArray(o2) || o2 instanceof qe || ce(o2) || null === o2 || console.error("".concat(B(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.")), Xe(o2, t, n, r2);
   }
   var s2;
-  return e instanceof Ye ? n ? (e.inject(n, o2), [e.getName(o2)]) : [e] : ce(e) ? Ue(e) : Array.isArray(e) ? Array.prototype.concat.apply(_, e.map(function(e2) {
-    return Je(e2, t, n, o2);
+  return e instanceof qe ? n ? (e.inject(n, r2), [e.getName(r2)]) : [e] : ce(e) ? Je(e) : Array.isArray(e) ? Array.prototype.concat.apply(_, e.map(function(e2) {
+    return Xe(e2, t, n, r2);
   })) : [e.toString()];
 }
-function Xe(e) {
+function Ze(e) {
   for (var t = 0; t < e.length; t += 1) {
     var n = e[t];
-    if (re(n) && !se(n)) return false;
+    if (oe(n) && !se(n)) return false;
   }
   return true;
 }
-var Ze = z(v);
-var Ke = function() {
+var Ke = z(v);
+var Qe = function() {
   function e(e2, t, n) {
-    this.rules = e2, this.staticRulesId = "", this.isStatic = "production" === process.env.NODE_ENV && (void 0 === n || n.isStatic) && Xe(e2), this.componentId = t, this.baseHash = M(Ze, t), this.baseStyle = n, Te.registerId(t);
+    this.rules = e2, this.staticRulesId = "", this.isStatic = "production" === process.env.NODE_ENV && (void 0 === n || n.isStatic) && Ze(e2), this.componentId = t, this.baseHash = M(Ke, t), this.baseStyle = n, ke.registerId(t);
   }
   return e.prototype.generateAndInjectStyles = function(e2, t, n) {
-    var o2 = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e2, t, n) : "";
-    if (this.isStatic && !n.hash) if (this.staticRulesId && t.hasNameForId(this.componentId, this.staticRulesId)) o2 = ie(o2, this.staticRulesId);
+    var r2 = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e2, t, n) : "";
+    if (this.isStatic && !n.hash) if (this.staticRulesId && t.hasNameForId(this.componentId, this.staticRulesId)) r2 = ie(r2, this.staticRulesId);
     else {
-      var r2 = ae(Je(this.rules, e2, t, n)), s2 = x(M(this.baseHash, r2) >>> 0);
+      var o2 = ae(Xe(this.rules, e2, t, n)), s2 = x(M(this.baseHash, o2) >>> 0);
       if (!t.hasNameForId(this.componentId, s2)) {
-        var i2 = n(r2, ".".concat(s2), void 0, this.componentId);
+        var i2 = n(o2, ".".concat(s2), void 0, this.componentId);
         t.insertRules(this.componentId, s2, i2);
       }
-      o2 = ie(o2, s2), this.staticRulesId = s2;
+      r2 = ie(r2, s2), this.staticRulesId = s2;
     }
     else {
       for (var a3 = M(this.baseHash, n.hash), c2 = "", l2 = 0; l2 < this.rules.length; l2++) {
         var u2 = this.rules[l2];
         if ("string" == typeof u2) c2 += u2, "production" !== process.env.NODE_ENV && (a3 = M(a3, u2));
         else if (u2) {
-          var p2 = ae(Je(u2, e2, t, n));
+          var p2 = ae(Xe(u2, e2, t, n));
           a3 = M(a3, p2 + l2), c2 += p2;
         }
       }
       if (c2) {
         var d = x(a3 >>> 0);
-        t.hasNameForId(this.componentId, d) || t.insertRules(this.componentId, d, n(c2, ".".concat(d), void 0, this.componentId)), o2 = ie(o2, d);
+        t.hasNameForId(this.componentId, d) || t.insertRules(this.componentId, d, n(c2, ".".concat(d), void 0, this.componentId)), r2 = ie(r2, d);
       }
     }
-    return o2;
+    return r2;
   }, e;
 }();
-var Qe = import_react22.default.createContext(void 0);
-var et = Qe.Consumer;
+var et = import_react22.default.createContext(void 0);
+var tt = et.Consumer;
 var ot = {};
-var rt = /* @__PURE__ */ new Set();
-function st(e, r2, s2) {
-  var i2 = se(e), a3 = e, c2 = !L(e), p2 = r2.attrs, d = void 0 === p2 ? _ : p2, h = r2.componentId, f2 = void 0 === h ? function(e2, t) {
+var st = /* @__PURE__ */ new Set();
+function it(e, o2, s2) {
+  var i2 = se(e), a3 = e, c2 = !L(e), p2 = o2.attrs, d = void 0 === p2 ? _ : p2, h = o2.componentId, f2 = void 0 === h ? function(e2, t) {
     var n = "string" != typeof e2 ? "sc" : R(e2);
     ot[n] = (ot[n] || 0) + 1;
-    var o2 = "".concat(n, "-").concat($(v + n + ot[n]));
-    return t ? "".concat(t, "-").concat(o2) : o2;
-  }(r2.displayName, r2.parentComponentId) : h, m2 = r2.displayName, y2 = void 0 === m2 ? function(e2) {
+    var r2 = "".concat(n, "-").concat($(v + n + ot[n]));
+    return t ? "".concat(t, "-").concat(r2) : r2;
+  }(o2.displayName, o2.parentComponentId) : h, m2 = o2.displayName, y2 = void 0 === m2 ? function(e2) {
     return L(e2) ? "styled.".concat(e2) : "Styled(".concat(B(e2), ")");
-  }(e) : m2, g2 = r2.displayName && r2.componentId ? "".concat(R(r2.displayName), "-").concat(r2.componentId) : r2.componentId || f2, S2 = i2 && a3.attrs ? a3.attrs.concat(d).filter(Boolean) : d, w2 = r2.shouldForwardProp;
+  }(e) : m2, g2 = o2.displayName && o2.componentId ? "".concat(R(o2.displayName), "-").concat(o2.componentId) : o2.componentId || f2, S2 = i2 && a3.attrs ? a3.attrs.concat(d).filter(Boolean) : d, w2 = o2.shouldForwardProp;
   if (i2 && a3.shouldForwardProp) {
     var b = a3.shouldForwardProp;
-    if (r2.shouldForwardProp) {
-      var E2 = r2.shouldForwardProp;
+    if (o2.shouldForwardProp) {
+      var E2 = o2.shouldForwardProp;
       w2 = function(e2, t) {
         return b(e2, t) && E2(e2, t);
       };
     } else w2 = b;
   }
-  var N2 = new Ke(s2, g2, i2 ? a3.componentStyle : void 0);
-  function O2(e2, r3) {
-    return function(e3, r4, s3) {
-      var i3 = e3.attrs, a4 = e3.componentStyle, c3 = e3.defaultProps, p3 = e3.foldedComponentIds, d2 = e3.styledComponentId, h2 = e3.target, f3 = import_react22.default.useContext(Qe), m3 = Le(), y3 = e3.shouldForwardProp || m3.shouldForwardProp;
+  var N2 = new Qe(s2, g2, i2 ? a3.componentStyle : void 0);
+  function O2(e2, o3) {
+    return function(e3, o4, s3) {
+      var i3 = e3.attrs, a4 = e3.componentStyle, c3 = e3.defaultProps, p3 = e3.foldedComponentIds, d2 = e3.styledComponentId, h2 = e3.target, f3 = import_react22.default.useContext(et), m3 = Ge(), y3 = e3.shouldForwardProp || m3.shouldForwardProp;
       "production" !== process.env.NODE_ENV && (0, import_react22.useDebugValue)(d2);
-      var v2 = I(r4, f3, c3) || C, g3 = function(e4, n, o2) {
-        for (var r5, s4 = __assign(__assign({}, n), { className: void 0, theme: o2 }), i4 = 0; i4 < e4.length; i4 += 1) {
-          var a5 = re(r5 = e4[i4]) ? r5(s4) : r5;
+      var v2 = I(o4, f3, c3) || C, g3 = function(e4, n, r2) {
+        for (var o5, s4 = __assign(__assign({}, n), { className: void 0, theme: r2 }), i4 = 0; i4 < e4.length; i4 += 1) {
+          var a5 = oe(o5 = e4[i4]) ? o5(s4) : o5;
           for (var c4 in a5) s4[c4] = "className" === c4 ? ie(s4[c4], a5[c4]) : "style" === c4 ? __assign(__assign({}, s4[c4]), a5[c4]) : a5[c4];
         }
         return n.className && (s4.className = ie(s4.className, n.className)), s4;
-      }(i3, r4, v2), S3 = g3.as || h2, w3 = {};
-      for (var b2 in g3) void 0 === g3[b2] || "$" === b2[0] || "as" === b2 || "theme" === b2 && g3.theme === v2 || ("forwardedAs" === b2 ? w3.as = g3.forwardedAs : y3 && !y3(b2, S3) || (w3[b2] = g3[b2], y3 || "development" !== process.env.NODE_ENV || isPropValid(b2) || rt.has(b2) || !A.has(S3) || (rt.add(b2), console.warn('styled-components: it looks like an unknown prop "'.concat(b2, '" 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.)')))));
+      }(i3, o4, v2), S3 = g3.as || h2, w3 = {};
+      for (var b2 in g3) void 0 === g3[b2] || "$" === b2[0] || "as" === b2 || "theme" === b2 && g3.theme === v2 || ("forwardedAs" === b2 ? w3.as = g3.forwardedAs : y3 && !y3(b2, S3) || (w3[b2] = g3[b2], y3 || "development" !== process.env.NODE_ENV || isPropValid(b2) || st.has(b2) || !A.has(S3) || (st.add(b2), console.warn('styled-components: it looks like an unknown prop "'.concat(b2, '" 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 E3 = function(e4, t) {
-        var n = Le(), o2 = e4.generateAndInjectStyles(t, n.styleSheet, n.stylis);
-        return "production" !== process.env.NODE_ENV && (0, import_react22.useDebugValue)(o2), o2;
+        var n = Ge(), r2 = e4.generateAndInjectStyles(t, n.styleSheet, n.stylis);
+        return "production" !== process.env.NODE_ENV && (0, import_react22.useDebugValue)(r2), r2;
       }(a4, g3);
       "production" !== process.env.NODE_ENV && e3.warnTooManyClasses && e3.warnTooManyClasses(E3);
       var N3 = ie(p3, d2);
       return E3 && (N3 += " " + E3), g3.className && (N3 += " " + g3.className), w3[L(S3) && !A.has(S3) ? "class" : "className"] = N3, w3.ref = s3, (0, import_react22.createElement)(S3, w3);
-    }(D2, e2, r3);
+    }(D2, e2, o3);
   }
   O2.displayName = y2;
   var D2 = import_react22.default.forwardRef(O2);
@@ -4527,95 +4530,99 @@ function st(e, r2, s2) {
   }, set: function(e2) {
     this._foldedDefaultProps = i2 ? function(e3) {
       for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
-      for (var o2 = 0, r3 = t; o2 < r3.length; o2++) le(e3, r3[o2], true);
+      for (var r2 = 0, o3 = t; r2 < o3.length; r2++) le(e3, o3[r2], true);
       return e3;
     }({}, a3.defaultProps, e2) : e2;
   } }), "production" !== process.env.NODE_ENV && (P(y2, g2), D2.warnTooManyClasses = /* @__PURE__ */ function(e2, t) {
-    var n = {}, o2 = false;
-    return function(r3) {
-      if (!o2 && (n[r3] = true, Object.keys(n).length >= 200)) {
+    var n = {}, r2 = false;
+    return function(o3) {
+      if (!r2 && (n[o3] = true, Object.keys(n).length >= 200)) {
         var s3 = t ? ' with the id of "'.concat(t, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(e2).concat(s3, ".\n") + "Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"), o2 = true, n = {};
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(e2).concat(s3, ".\n") + "Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"), r2 = true, n = {};
       }
     };
   }(y2, g2)), ue(D2, function() {
     return ".".concat(D2.styledComponentId);
-  }), c2 && oe(D2, e, { attrs: true, componentStyle: true, displayName: true, foldedComponentIds: true, shouldForwardProp: true, styledComponentId: true, target: true }), D2;
+  }), c2 && re(D2, e, { attrs: true, componentStyle: true, displayName: true, foldedComponentIds: true, shouldForwardProp: true, styledComponentId: true, target: true }), D2;
 }
-function it(e, t) {
-  for (var n = [e[0]], o2 = 0, r2 = t.length; o2 < r2; o2 += 1) n.push(t[o2], e[o2 + 1]);
+function at(e, t) {
+  for (var n = [e[0]], r2 = 0, o2 = t.length; r2 < o2; r2 += 1) n.push(t[r2], e[r2 + 1]);
   return n;
 }
-var at = function(e) {
+var ct = function(e) {
   return Object.assign(e, { isCss: true });
 };
-function ct(t) {
-  for (var n = [], o2 = 1; o2 < arguments.length; o2++) n[o2 - 1] = arguments[o2];
-  if (re(t) || ce(t)) return at(Je(it(_, __spreadArray([t], n, true))));
-  var r2 = t;
-  return 0 === n.length && 1 === r2.length && "string" == typeof r2[0] ? Je(r2) : at(Je(it(r2, n)));
+function lt(t) {
+  for (var n = [], r2 = 1; r2 < arguments.length; r2++) n[r2 - 1] = arguments[r2];
+  if (oe(t) || ce(t)) return ct(Xe(at(_, __spreadArray([t], n, true))));
+  var o2 = t;
+  return 0 === n.length && 1 === o2.length && "string" == typeof o2[0] ? Xe(o2) : ct(Xe(at(o2, n)));
 }
-function lt(n, o2, r2) {
-  if (void 0 === r2 && (r2 = C), !o2) throw he(1, o2);
+function ut(n, r2, o2) {
+  if (void 0 === o2 && (o2 = C), !r2) throw he(1, r2);
   var s2 = function(t) {
     for (var s3 = [], i2 = 1; i2 < arguments.length; i2++) s3[i2 - 1] = arguments[i2];
-    return n(o2, r2, ct.apply(void 0, __spreadArray([t], s3, false)));
+    return n(r2, o2, lt.apply(void 0, __spreadArray([t], s3, false)));
   };
   return s2.attrs = function(e) {
-    return lt(n, o2, __assign(__assign({}, r2), { attrs: Array.prototype.concat(r2.attrs, e).filter(Boolean) }));
+    return ut(n, r2, __assign(__assign({}, o2), { attrs: Array.prototype.concat(o2.attrs, e).filter(Boolean) }));
   }, s2.withConfig = function(e) {
-    return lt(n, o2, __assign(__assign({}, r2), e));
+    return ut(n, r2, __assign(__assign({}, o2), e));
   }, s2;
 }
-var ut = function(e) {
-  return lt(st, e);
+var pt = function(e) {
+  return ut(it, e);
 };
-var pt = ut;
+var dt = pt;
 A.forEach(function(e) {
-  pt[e] = ut(e);
+  dt[e] = pt(e);
 });
-var dt = function() {
+var ht = function() {
   function e(e2, t) {
-    this.rules = e2, this.componentId = t, this.isStatic = Xe(e2), Te.registerId(this.componentId + 1);
+    this.rules = e2, this.componentId = t, this.isStatic = Ze(e2), ke.registerId(this.componentId + 1);
   }
-  return e.prototype.createStyles = function(e2, t, n, o2) {
-    var r2 = o2(ae(Je(this.rules, t, n, o2)), ""), s2 = this.componentId + e2;
-    n.insertRules(s2, s2, r2);
+  return e.prototype.createStyles = function(e2, t, n, r2) {
+    var o2 = r2(ae(Xe(this.rules, t, n, r2)), ""), s2 = this.componentId + e2;
+    n.insertRules(s2, s2, o2);
   }, e.prototype.removeStyles = function(e2, t) {
     t.clearRules(this.componentId + e2);
-  }, e.prototype.renderStyles = function(e2, t, n, o2) {
-    e2 > 2 && Te.registerId(this.componentId + e2), this.removeStyles(e2, n), this.createStyles(e2, t, n, o2);
+  }, e.prototype.renderStyles = function(e2, t, n, r2) {
+    e2 > 2 && ke.registerId(this.componentId + e2), this.removeStyles(e2, n), this.createStyles(e2, t, n, r2);
   }, e;
 }();
-var yt = /^\s*<\/[a-z]/i;
-var vt = function() {
+var vt = /^\s*<\/[a-z]/i;
+var gt = function() {
   function e() {
     var e2 = this;
     this._emitSheetCSS = function() {
-      var t = e2.instance.toString(), n = _e(), o2 = ae([n && 'nonce="'.concat(n, '"'), "".concat(f, '="true"'), "".concat(y, '="').concat(v, '"')].filter(Boolean), " ");
-      return "<style ".concat(o2, ">").concat(t, "</style>");
+      var t = e2.instance.toString();
+      if (!t) return "";
+      var n = Ce(), r2 = ae([n && 'nonce="'.concat(n, '"'), "".concat(f, '="true"'), "".concat(y, '="').concat(v, '"')].filter(Boolean), " ");
+      return "<style ".concat(r2, ">").concat(t, "</style>");
     }, this.getStyleTags = function() {
       if (e2.sealed) throw he(2);
       return e2._emitSheetCSS();
     }, this.getStyleElement = function() {
       var n;
       if (e2.sealed) throw he(2);
-      var r2 = ((n = {})[f] = "", n[y] = v, n.dangerouslySetInnerHTML = { __html: e2.instance.toString() }, n), s2 = _e();
-      return s2 && (r2.nonce = s2), [import_react22.default.createElement("style", __assign({}, r2, { key: "sc-0-0" }))];
+      var o2 = e2.instance.toString();
+      if (!o2) return [];
+      var s2 = ((n = {})[f] = "", n[y] = v, n.dangerouslySetInnerHTML = { __html: o2 }, n), i2 = Ce();
+      return i2 && (s2.nonce = i2), [import_react22.default.createElement("style", __assign({}, s2, { key: "sc-0-0" }))];
     }, this.seal = function() {
       e2.sealed = true;
-    }, this.instance = new Te({ isServer: true }), this.sealed = false;
+    }, this.instance = new ke({ isServer: true }), this.sealed = false;
   }
   return e.prototype.collectStyles = function(e2) {
     if (this.sealed) throw he(2);
-    return import_react22.default.createElement(Ge, { sheet: this.instance }, e2);
+    return import_react22.default.createElement(Ye, { sheet: this.instance }, e2);
   }, e.prototype.interleaveWithNodeStream = function(e2) {
     if (S) throw he(3);
     if (this.sealed) throw he(2);
     this.seal();
-    var t = require("stream").Transform, n = e2, o2 = this.instance, r2 = this._emitSheetCSS, s2 = new t({ transform: function(e3, t2, n2) {
-      var s3 = e3.toString(), i2 = r2();
-      if (o2.clearTag(), yt.test(s3)) {
+    var t = require("stream").Transform, n = e2, r2 = this.instance, o2 = this._emitSheetCSS, s2 = new t({ transform: function(e3, t2, n2) {
+      var s3 = e3.toString(), i2 = o2();
+      if (r2.clearTag(), vt.test(s3)) {
         var a3 = s3.indexOf(">") + 1, c2 = s3.slice(0, a3), l2 = s3.slice(a3);
         this.push(c2 + i2 + l2);
       } else this.push(i2 + s3);
@@ -4627,12 +4634,12 @@ var vt = function() {
   }, e;
 }();
 "production" !== process.env.NODE_ENV && "undefined" != typeof navigator && "ReactNative" === navigator.product && 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 St = "__sc-".concat(f, "__");
-"production" !== process.env.NODE_ENV && "test" !== process.env.NODE_ENV && "undefined" != typeof window && (window[St] || (window[St] = 0), 1 === window[St] && 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[St] += 1);
+var wt = "__sc-".concat(f, "__");
+"production" !== process.env.NODE_ENV && "test" !== process.env.NODE_ENV && "undefined" != typeof window && (window[wt] || (window[wt] = 0), 1 === window[wt] && 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[wt] += 1);
 
 // src/components/helpers/styling/visibilityTransition.tsx
 var visibilityTransition = (open) => {
-  return ct`
+  return lt`
     @media (prefers-reduced-motion: no-preference) {
       transition:
         visibility 0.4s,