@schematichq/schematic-components 2.6.1 → 2.7.0

package/dist/schematic-components.esm.js

@@ -2540,84 +2540,84 @@ function entitlementCountsReducer(acc, plan) {
 
 // src/utils/color.ts
 function hexToHSL(color) {
-  let r2 = 0;
-  let g2 = 0;
-  let b2 = 0;
+  let r3 = 0;
+  let g3 = 0;
+  let b3 = 0;
   if (color.length == 4) {
-    r2 = parseInt("0x" + color[1] + color[1]);
-    g2 = parseInt("0x" + color[2] + color[2]);
-    b2 = parseInt("0x" + color[3] + color[3]);
+    r3 = parseInt("0x" + color[1] + color[1]);
+    g3 = parseInt("0x" + color[2] + color[2]);
+    b3 = parseInt("0x" + color[3] + color[3]);
   } else if (color.length == 7) {
-    r2 = parseInt("0x" + color[1] + color[2]);
-    g2 = parseInt("0x" + color[3] + color[4]);
-    b2 = parseInt("0x" + color[5] + color[6]);
-  }
-  r2 /= 255;
-  g2 /= 255;
-  b2 /= 255;
-  const cmin = Math.min(r2, g2, b2);
-  const cmax = Math.max(r2, g2, b2);
+    r3 = parseInt("0x" + color[1] + color[2]);
+    g3 = parseInt("0x" + color[3] + color[4]);
+    b3 = parseInt("0x" + color[5] + color[6]);
+  }
+  r3 /= 255;
+  g3 /= 255;
+  b3 /= 255;
+  const cmin = Math.min(r3, g3, b3);
+  const cmax = Math.max(r3, g3, b3);
   const delta = cmax - cmin;
-  let h2 = 0;
+  let h3 = 0;
   let s = 0;
-  let l2 = 0;
-  if (delta == 0) h2 = 0;
-  else if (cmax == r2) h2 = (g2 - b2) / delta % 6;
-  else if (cmax == g2) h2 = (b2 - r2) / delta + 2;
-  else h2 = (r2 - g2) / delta + 4;
-  h2 = Math.round(h2 * 60);
-  if (h2 < 0) h2 += 360;
-  l2 = (cmax + cmin) / 2;
-  s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l2 - 1));
+  let l3 = 0;
+  if (delta == 0) h3 = 0;
+  else if (cmax == r3) h3 = (g3 - b3) / delta % 6;
+  else if (cmax == g3) h3 = (b3 - r3) / delta + 2;
+  else h3 = (r3 - g3) / delta + 4;
+  h3 = Math.round(h3 * 60);
+  if (h3 < 0) h3 += 360;
+  l3 = (cmax + cmin) / 2;
+  s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l3 - 1));
   s = +(s * 100).toFixed(1);
-  l2 = +(l2 * 100).toFixed(1);
-  return { h: h2, s, l: l2 };
+  l3 = +(l3 * 100).toFixed(1);
+  return { h: h3, s, l: l3 };
 }
-function hslToHex({ h: h2, s, l: l2 }) {
+function hslToHex({ h: h3, s, l: l3 }) {
   s /= 100;
-  l2 /= 100;
-  const c2 = (1 - Math.abs(2 * l2 - 1)) * s;
-  const x2 = c2 * (1 - Math.abs(h2 / 60 % 2 - 1));
-  const m2 = l2 - c2 / 2;
-  let r2 = 0;
-  let g2 = 0;
-  let b2 = 0;
-  if (0 <= h2 && h2 < 60) {
-    r2 = c2;
-    g2 = x2;
-    b2 = 0;
-  } else if (60 <= h2 && h2 < 120) {
-    r2 = x2;
-    g2 = c2;
-    b2 = 0;
-  } else if (120 <= h2 && h2 < 180) {
-    r2 = 0;
-    g2 = c2;
-    b2 = x2;
-  } else if (180 <= h2 && h2 < 240) {
-    r2 = 0;
-    g2 = x2;
-    b2 = c2;
-  } else if (240 <= h2 && h2 < 300) {
-    r2 = x2;
-    g2 = 0;
-    b2 = c2;
-  } else if (300 <= h2 && h2 < 360) {
-    r2 = c2;
-    g2 = 0;
-    b2 = x2;
-  }
-  let rs = Math.round((r2 + m2) * 255).toString(16);
-  let gs = Math.round((g2 + m2) * 255).toString(16);
-  let bs = Math.round((b2 + m2) * 255).toString(16);
+  l3 /= 100;
+  const c3 = (1 - Math.abs(2 * l3 - 1)) * s;
+  const x3 = c3 * (1 - Math.abs(h3 / 60 % 2 - 1));
+  const m3 = l3 - c3 / 2;
+  let r3 = 0;
+  let g3 = 0;
+  let b3 = 0;
+  if (0 <= h3 && h3 < 60) {
+    r3 = c3;
+    g3 = x3;
+    b3 = 0;
+  } else if (60 <= h3 && h3 < 120) {
+    r3 = x3;
+    g3 = c3;
+    b3 = 0;
+  } else if (120 <= h3 && h3 < 180) {
+    r3 = 0;
+    g3 = c3;
+    b3 = x3;
+  } else if (180 <= h3 && h3 < 240) {
+    r3 = 0;
+    g3 = x3;
+    b3 = c3;
+  } else if (240 <= h3 && h3 < 300) {
+    r3 = x3;
+    g3 = 0;
+    b3 = c3;
+  } else if (300 <= h3 && h3 < 360) {
+    r3 = c3;
+    g3 = 0;
+    b3 = x3;
+  }
+  let rs = Math.round((r3 + m3) * 255).toString(16);
+  let gs = Math.round((g3 + m3) * 255).toString(16);
+  let bs = Math.round((b3 + m3) * 255).toString(16);
   if (rs.length == 1) rs = "0" + rs;
   if (gs.length == 1) gs = "0" + gs;
   if (bs.length == 1) bs = "0" + bs;
   return "#" + rs + gs + bs;
 }
 function adjustLightness(color, amount) {
-  const { h: h2, s, l: l2 } = hexToHSL(color);
-  return hslToHex({ h: h2, s, l: Math.max(Math.min(l2 + amount * 100, 100), 0) });
+  const { h: h3, s, l: l3 } = hexToHSL(color);
+  return hslToHex({ h: h3, s, l: Math.max(Math.min(l3 + amount * 100, 100), 0) });
 }
 function lighten(color, amount) {
   return adjustLightness(color, amount);
@@ -2626,8 +2626,8 @@ function darken(color, amount) {
   return adjustLightness(color, -amount);
 }
 function hsla(color, amount) {
-  const { h: h2, s, l: l2 } = hexToHSL(color);
-  return `hsla(${h2}, ${s}%, ${l2}%, ${amount})`;
+  const { h: h3, s, l: l3 } = hexToHSL(color);
+  return `hsla(${h3}, ${s}%, ${l3}%, ${amount})`;
 }
 function isLightColor(color) {
   return hexToHSL(color).l > 50;
@@ -2681,7 +2681,7 @@ var createKeyboardExecutionHandler = (fn) => {
 
 // src/utils/string.ts
 function camelToHyphen(str) {
-  return str.replace(/([a-z][A-Z])/g, (g2) => `${g2[0]}-${g2[1].toLowerCase()}`);
+  return str.replace(/([a-z][A-Z])/g, (g3) => `${g3[0]}-${g3[1].toLowerCase()}`);
 }
 function formatNumber(num) {
   return new Intl.NumberFormat("en-US").format(num);
@@ -2749,14 +2749,14 @@ var __assign = function() {
   __assign = Object.assign || function __assign2(t2) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-      for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2)) t2[p2] = s[p2];
+      for (var p3 in s) if (Object.prototype.hasOwnProperty.call(s, p3)) t2[p3] = s[p3];
     }
     return t2;
   };
   return __assign.apply(this, arguments);
 };
 function __spreadArray(to, from2, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l2 = from2.length, ar; i < l2; i++) {
+  if (pack || arguments.length === 2) for (var i = 0, l3 = from2.length, ar; i < l3; i++) {
     if (ar || !(i in from2)) {
       if (!ar) ar = Array.prototype.slice.call(from2, 0, i);
       ar[i] = from2[i];
@@ -2784,7 +2784,7 @@ var isPropValid = /* @__PURE__ */ memoize(
 );
 
 // node_modules/styled-components/dist/styled-components.browser.esm.js
-import r, { createElement as o } from "react";
+import o, { createElement as r } from "react";
 
 // node_modules/stylis/src/Enum.js
 var MS = "-ms-";
@@ -3125,10 +3125,10 @@ function ruleset(value, root, parent, index, offset, rules, points, type, props,
   var post = offset - 1;
   var rule = offset === 0 ? rules : [""];
   var size = sizeof(rule);
-  for (var i = 0, j2 = 0, k2 = 0; i < index; ++i)
-    for (var x2 = 0, y2 = substr(value, post + 1, post = abs(j2 = points[i])), z2 = value; x2 < size; ++x2)
-      if (z2 = trim(j2 > 0 ? rule[x2] + " " + y2 : replace2(y2, /&\f/g, rule[x2])))
-        props[k2++] = z2;
+  for (var i = 0, j3 = 0, k3 = 0; i < index; ++i)
+    for (var x3 = 0, y3 = substr(value, post + 1, post = abs(j3 = points[i])), z3 = value; x3 < size; ++x3)
+      if (z3 = trim(j3 > 0 ? rule[x3] + " " + y3 : replace2(y3, /&\f/g, rule[x3])))
+        props[k3++] = z3;
   return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length2, siblings);
 }
 function comment(value, root, parent, siblings) {
@@ -3297,8 +3297,8 @@ function prefix(value, length2, children) {
     // grid-(column|row)
     case 5152:
     case 5920:
-      return replace2(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(_2, a2, b2, c2, d2, e2, f2) {
-        return MS + a2 + ":" + b2 + f2 + (c2 ? MS + a2 + "-span:" + (d2 ? e2 : +e2 - +b2) + f2 : "") + value;
+      return replace2(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(_3, a3, b3, c3, d3, e2, f2) {
+        return MS + a3 + ":" + b3 + f2 + (c3 ? MS + a3 + "-span:" + (d3 ? e2 : +e2 - +b3) + f2 : "") + value;
       });
     // position: sticky
     case 4949:
@@ -3461,99 +3461,122 @@ var unitlessKeys = {
 var a = "undefined" != typeof process && void 0 !== process.env && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled";
 var c = "active";
 var u = "data-styled-version";
-var l = "6.3.9";
-var d = "/*!sc*/\n";
+var l = "6.3.11";
+var p = "/*!sc*/\n";
 var h = "undefined" != typeof window && "undefined" != typeof document;
-var p = void 0 === r.createContext;
-var f = 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 : true);
-var m = {};
-var y = /invalid hook call/i;
-var v = /* @__PURE__ */ new Set();
-var g = function(t2, n) {
+var d = 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 : true);
+var m = true ? { 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 y() {
+  for (var e2 = [], t2 = 0; t2 < arguments.length; t2++) e2[t2] = arguments[t2];
+  for (var n = e2[0], o3 = [], r3 = 1, s = e2.length; r3 < s; r3 += 1) o3.push(e2[r3]);
+  return o3.forEach(function(e3) {
+    n = n.replace(/%[a-z]/, e3);
+  }), n;
+}
+function v(t2) {
+  for (var n = [], o3 = 1; o3 < arguments.length; o3++) n[o3 - 1] = arguments[o3];
+  return false ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t2, " for more information.").concat(n.length > 0 ? " Args: ".concat(n.join(", ")) : "")) : new Error(y.apply(void 0, __spreadArray([m[t2]], n, false)).trim());
+}
+var g = 1 << 30;
+var S = /* @__PURE__ */ new Map();
+var w = /* @__PURE__ */ new Map();
+var b = 1;
+var N = function(e2) {
+  if (S.has(e2)) return S.get(e2);
+  for (; w.has(b); ) b++;
+  var t2 = b++;
+  if ((0 | t2) < 0 || t2 > g) throw v(16, "".concat(t2));
+  return S.set(e2, t2), w.set(t2, e2), t2;
+};
+var E = function(e2, t2) {
+  b = t2 + 1, S.set(e2, t2), w.set(t2, e2);
+};
+var C = /invalid hook call/i;
+var A = /* @__PURE__ */ new Set();
+var _ = function(t2, n) {
   if (true) {
-    if (p) return;
-    var o2 = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t2).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.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n", i = console.error;
+    var r3 = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t2).concat(r3, " 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.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n", i = console.error;
     try {
-      var a2 = true;
+      var a3 = true;
       console.error = function(t3) {
-        for (var n2 = [], r2 = 1; r2 < arguments.length; r2++) n2[r2 - 1] = arguments[r2];
-        y.test(t3) ? (a2 = false, v.delete(s)) : i.apply(void 0, __spreadArray([t3], n2, false));
-      }, "function" == typeof r.useState && r.useState(null), a2 && !v.has(s) && (console.warn(s), v.add(s));
+        for (var n2 = [], o3 = 1; o3 < arguments.length; o3++) n2[o3 - 1] = arguments[o3];
+        C.test(t3) ? (a3 = false, A.delete(s)) : i.apply(void 0, __spreadArray([t3], n2, false));
+      }, "function" == typeof o.useState && o.useState(null), a3 && !A.has(s) && (console.warn(s), A.add(s));
     } catch (e2) {
-      y.test(e2.message) && v.delete(s);
+      C.test(e2.message) && A.delete(s);
     } finally {
       console.error = i;
     }
   }
 };
-var S = Object.freeze([]);
-var w = Object.freeze({});
-function b(e2, t2, n) {
-  return void 0 === n && (n = w), e2.theme !== n.theme && e2.theme || t2 || n.theme;
+var P = Object.freeze([]);
+var I = Object.freeze({});
+function O(e2, t2, n) {
+  return void 0 === n && (n = I), e2.theme !== n.theme && e2.theme || t2 || n.theme;
 }
-var N = /* @__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"]);
-var E = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g;
-var C = /(^-|-$)/g;
-function A(e2) {
-  return e2.replace(E, "-").replace(C, "");
+var D = /* @__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"]);
+var R = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g;
+var T = /(^-|-$)/g;
+function x(e2) {
+  return e2.replace(R, "-").replace(T, "");
 }
-var _ = /(a)(d)/gi;
-var P = function(e2) {
+var j = /(a)(d)/gi;
+var k = function(e2) {
   return String.fromCharCode(e2 + (e2 > 25 ? 39 : 97));
 };
-function I(e2) {
+function M(e2) {
   var t2, n = "";
-  for (t2 = Math.abs(e2); t2 > 52; t2 = t2 / 52 | 0) n = P(t2 % 52) + n;
-  return (P(t2 % 52) + n).replace(_, "$1-$2");
+  for (t2 = Math.abs(e2); t2 > 52; t2 = t2 / 52 | 0) n = k(t2 % 52) + n;
+  return (k(t2 % 52) + n).replace(j, "$1-$2");
 }
-var O;
-var D = function(e2, t2) {
+var V;
+var F = function(e2, t2) {
   for (var n = t2.length; n; ) e2 = 33 * e2 ^ t2.charCodeAt(--n);
   return e2;
 };
-var R = function(e2) {
-  return D(5381, e2);
+var G = function(e2) {
+  return F(5381, e2);
 };
-function T(e2) {
-  return I(R(e2) >>> 0);
+function L(e2) {
+  return M(G(e2) >>> 0);
 }
-function x(e2) {
+function B(e2) {
   return "string" == typeof e2 && e2 || e2.displayName || e2.name || "Component";
 }
-function j(e2) {
+function z(e2) {
   return "string" == typeof e2 && e2.charAt(0) === e2.charAt(0).toLowerCase();
 }
-var k = "function" == typeof Symbol && Symbol.for;
-var M = k ? /* @__PURE__ */ Symbol.for("react.memo") : 60115;
-var V = k ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112;
-var F = { childContextTypes: true, contextType: true, contextTypes: true, defaultProps: true, displayName: true, getDefaultProps: true, getDerivedStateFromError: true, getDerivedStateFromProps: true, mixins: true, propTypes: true, type: true };
-var G = { name: true, length: true, prototype: true, caller: true, callee: true, arguments: true, arity: true };
-var L = { $$typeof: true, compare: true, defaultProps: true, displayName: true, propTypes: true, type: true };
-var B = ((O = {})[V] = { $$typeof: true, render: true, defaultProps: true, displayName: true, propTypes: true }, O[M] = L, O);
-function z(e2) {
-  return ("type" in (t2 = e2) && t2.type.$$typeof) === M ? L : "$$typeof" in e2 ? B[e2.$$typeof] : F;
+var $ = "function" == typeof Symbol && Symbol.for;
+var Y = $ ? /* @__PURE__ */ Symbol.for("react.memo") : 60115;
+var W = $ ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112;
+var q = { childContextTypes: true, contextType: true, contextTypes: true, defaultProps: true, displayName: true, getDefaultProps: true, getDerivedStateFromError: true, getDerivedStateFromProps: true, mixins: true, propTypes: true, type: true };
+var H = { name: true, length: true, prototype: true, caller: true, callee: true, arguments: true, arity: true };
+var U = { $$typeof: true, compare: true, defaultProps: true, displayName: true, propTypes: true, type: true };
+var J = ((V = {})[W] = { $$typeof: true, render: true, defaultProps: true, displayName: true, propTypes: true }, V[Y] = U, V);
+function X(e2) {
+  return ("type" in (t2 = e2) && t2.type.$$typeof) === Y ? U : "$$typeof" in e2 ? J[e2.$$typeof] : q;
   var t2;
 }
-var $ = Object.defineProperty;
-var Y = Object.getOwnPropertyNames;
-var W = Object.getOwnPropertySymbols;
-var q = Object.getOwnPropertyDescriptor;
-var H = Object.getPrototypeOf;
-var U = Object.prototype;
-function J(e2, t2, n) {
+var Z = Object.defineProperty;
+var K = Object.getOwnPropertyNames;
+var Q = Object.getOwnPropertySymbols;
+var ee = Object.getOwnPropertyDescriptor;
+var te = Object.getPrototypeOf;
+var ne = Object.prototype;
+function oe(e2, t2, n) {
   if ("string" != typeof t2) {
-    if (U) {
-      var r2 = H(t2);
-      r2 && r2 !== U && J(e2, r2, n);
-    }
-    var o2 = Y(t2);
-    W && (o2 = o2.concat(W(t2)));
-    for (var s = z(e2), i = z(t2), a2 = 0; a2 < o2.length; ++a2) {
-      var c2 = o2[a2];
-      if (!(c2 in G || n && n[c2] || i && c2 in i || s && c2 in s)) {
-        var u2 = q(t2, c2);
+    if (ne) {
+      var o3 = te(t2);
+      o3 && o3 !== ne && oe(e2, o3, n);
+    }
+    var r3 = K(t2);
+    Q && (r3 = r3.concat(Q(t2)));
+    for (var s = X(e2), i = X(t2), a3 = 0; a3 < r3.length; ++a3) {
+      var c3 = r3[a3];
+      if (!(c3 in H || n && n[c3] || i && c3 in i || s && c3 in s)) {
+        var u3 = ee(t2, c3);
         try {
-          $(e2, c2, u2);
+          Z(e2, c3, u3);
         } catch (e3) {
         }
       }
@@ -3561,43 +3584,31 @@ function J(e2, t2, n) {
   }
   return e2;
 }
-function X(e2) {
+function re(e2) {
   return "function" == typeof e2;
 }
-function Z(e2) {
+function se(e2) {
   return "object" == typeof e2 && "styledComponentId" in e2;
 }
-function K(e2, t2) {
+function ie(e2, t2) {
   return e2 && t2 ? "".concat(e2, " ").concat(t2) : e2 || t2 || "";
 }
-function Q(e2, t2) {
+function ae(e2, t2) {
   return e2.join(t2 || "");
 }
-function ee(e2) {
+function ce(e2) {
   return null !== e2 && "object" == typeof e2 && e2.constructor.name === Object.name && !("props" in e2 && e2.$$typeof);
 }
-function te(e2, t2, n) {
-  if (void 0 === n && (n = false), !n && !ee(e2) && !Array.isArray(e2)) return t2;
-  if (Array.isArray(t2)) for (var r2 = 0; r2 < t2.length; r2++) e2[r2] = te(e2[r2], t2[r2]);
-  else if (ee(t2)) for (var r2 in t2) e2[r2] = te(e2[r2], t2[r2]);
+function ue(e2, t2, n) {
+  if (void 0 === n && (n = false), !n && !ce(e2) && !Array.isArray(e2)) return t2;
+  if (Array.isArray(t2)) for (var o3 = 0; o3 < t2.length; o3++) e2[o3] = ue(e2[o3], t2[o3]);
+  else if (ce(t2)) for (var o3 in t2) e2[o3] = ue(e2[o3], t2[o3]);
   return e2;
 }
-function ne(e2, t2) {
+function le(e2, t2) {
   Object.defineProperty(e2, "toString", { value: t2 });
 }
-var re = true ? { 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 oe() {
-  for (var e2 = [], t2 = 0; t2 < arguments.length; t2++) e2[t2] = arguments[t2];
-  for (var n = e2[0], r2 = [], o2 = 1, s = e2.length; o2 < s; o2 += 1) r2.push(e2[o2]);
-  return r2.forEach(function(e3) {
-    n = n.replace(/%[a-z]/, e3);
-  }), n;
-}
-function se(t2) {
-  for (var n = [], r2 = 1; r2 < arguments.length; r2++) n[r2 - 1] = arguments[r2];
-  return false ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t2, " for more information.").concat(n.length > 0 ? " Args: ".concat(n.join(", ")) : "")) : new Error(oe.apply(void 0, __spreadArray([re[t2]], n, false)).trim());
-}
-var ie = (function() {
+var pe = (function() {
   function e2(e3) {
     this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e3, this._cGroup = 0, this._cIndex = 0;
   }
@@ -3609,97 +3620,83 @@ var ie = (function() {
     return this._cGroup = e3, this._cIndex = t2, t2;
   }, e2.prototype.insertRules = function(e3, t2) {
     if (e3 >= this.groupSizes.length) {
-      for (var n = this.groupSizes, r2 = n.length, o2 = r2; e3 >= o2; ) if ((o2 <<= 1) < 0) throw se(16, "".concat(e3));
-      this.groupSizes = new Uint32Array(o2), this.groupSizes.set(n), this.length = o2;
-      for (var s = r2; s < o2; s++) this.groupSizes[s] = 0;
+      for (var n = this.groupSizes, o3 = n.length, r3 = o3; e3 >= r3; ) if ((r3 <<= 1) < 0) throw v(16, "".concat(e3));
+      this.groupSizes = new Uint32Array(r3), this.groupSizes.set(n), this.length = r3;
+      for (var s = o3; s < r3; s++) this.groupSizes[s] = 0;
     }
-    for (var i = this.indexOfGroup(e3 + 1), a2 = 0, c2 = (s = 0, t2.length); s < c2; s++) this.tag.insertRule(i, t2[s]) && (this.groupSizes[e3]++, i++, a2++);
-    a2 > 0 && this._cGroup > e3 && (this._cIndex += a2);
+    for (var i = this.indexOfGroup(e3 + 1), a3 = 0, c3 = (s = 0, t2.length); s < c3; s++) this.tag.insertRule(i, t2[s]) && (this.groupSizes[e3]++, i++, a3++);
+    a3 > 0 && this._cGroup > e3 && (this._cIndex += a3);
   }, e2.prototype.clearGroup = function(e3) {
     if (e3 < this.length) {
-      var t2 = this.groupSizes[e3], n = this.indexOfGroup(e3), r2 = n + t2;
+      var t2 = this.groupSizes[e3], n = this.indexOfGroup(e3), o3 = n + t2;
       this.groupSizes[e3] = 0;
-      for (var o2 = n; o2 < r2; o2++) this.tag.deleteRule(n);
+      for (var r3 = n; r3 < o3; r3++) this.tag.deleteRule(n);
       t2 > 0 && this._cGroup > e3 && (this._cIndex -= t2);
     }
   }, e2.prototype.getGroup = function(e3) {
     var t2 = "";
     if (e3 >= this.length || 0 === this.groupSizes[e3]) return t2;
-    for (var n = this.groupSizes[e3], r2 = this.indexOfGroup(e3), o2 = r2 + n, s = r2; s < o2; s++) t2 += this.tag.getRule(s) + d;
+    for (var n = this.groupSizes[e3], o3 = this.indexOfGroup(e3), r3 = o3 + n, s = o3; s < r3; s++) t2 += this.tag.getRule(s) + p;
     return t2;
   }, e2;
 })();
-var ae = 1 << 30;
-var ce = /* @__PURE__ */ new Map();
-var ue = /* @__PURE__ */ new Map();
-var le = 1;
-var de = function(e2) {
-  if (ce.has(e2)) return ce.get(e2);
-  for (; ue.has(le); ) le++;
-  var t2 = le++;
-  if ((0 | t2) < 0 || t2 > ae) throw se(16, "".concat(t2));
-  return ce.set(e2, t2), ue.set(t2, e2), t2;
-};
-var he = function(e2, t2) {
-  le = t2 + 1, ce.set(e2, t2), ue.set(t2, e2);
-};
-var pe = "style[".concat(a, "][").concat(u, '="').concat(l, '"]');
-var fe = new RegExp("^".concat(a, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'));
-var me = function(e2) {
+var he = "style[".concat(a, "][").concat(u, '="').concat(l, '"]');
+var de = new RegExp("^".concat(a, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'));
+var fe = function(e2) {
   return "undefined" != typeof ShadowRoot && e2 instanceof ShadowRoot || "host" in e2 && 11 === e2.nodeType;
 };
-var ye = function(e2) {
+var me = function(e2) {
   if (!e2) return document;
-  if (me(e2)) return e2;
+  if (fe(e2)) return e2;
   if ("getRootNode" in e2) {
     var t2 = e2.getRootNode();
-    if (me(t2)) return t2;
+    if (fe(t2)) return t2;
   }
   return document;
 };
-var ve = function(e2, t2, n) {
-  for (var r2, o2 = n.split(","), s = 0, i = o2.length; s < i; s++) (r2 = o2[s]) && e2.registerName(t2, r2);
+var ye = function(e2, t2, n) {
+  for (var o3, r3 = n.split(","), s = 0, i = r3.length; s < i; s++) (o3 = r3[s]) && e2.registerName(t2, o3);
 };
-var ge = function(e2, t2) {
-  for (var n, r2 = (null !== (n = t2.textContent) && void 0 !== n ? n : "").split(d), o2 = [], s = 0, i = r2.length; s < i; s++) {
-    var a2 = r2[s].trim();
-    if (a2) {
-      var c2 = a2.match(fe);
-      if (c2) {
-        var u2 = 0 | parseInt(c2[1], 10), l2 = c2[2];
-        0 !== u2 && (he(l2, u2), ve(e2, l2, c2[3]), e2.getTag().insertRules(u2, o2)), o2.length = 0;
-      } else o2.push(a2);
+var ve = function(e2, t2) {
+  for (var n, o3 = (null !== (n = t2.textContent) && void 0 !== n ? n : "").split(p), r3 = [], s = 0, i = o3.length; s < i; s++) {
+    var a3 = o3[s].trim();
+    if (a3) {
+      var c3 = a3.match(de);
+      if (c3) {
+        var u3 = 0 | parseInt(c3[1], 10), l3 = c3[2];
+        0 !== u3 && (E(l3, u3), ye(e2, l3, c3[3]), e2.getTag().insertRules(u3, r3)), r3.length = 0;
+      } else r3.push(a3);
     }
   }
 };
-var Se = function(e2) {
-  for (var t2 = ye(e2.options.target).querySelectorAll(pe), n = 0, r2 = t2.length; n < r2; n++) {
-    var o2 = t2[n];
-    o2 && o2.getAttribute(a) !== c && (ge(e2, o2), o2.parentNode && o2.parentNode.removeChild(o2));
+var ge = function(e2) {
+  for (var t2 = me(e2.options.target).querySelectorAll(he), n = 0, o3 = t2.length; n < o3; n++) {
+    var r3 = t2[n];
+    r3 && r3.getAttribute(a) !== c && (ve(e2, r3), r3.parentNode && r3.parentNode.removeChild(r3));
   }
 };
-function we() {
+function Se() {
   return "undefined" != typeof __webpack_nonce__ ? __webpack_nonce__ : null;
 }
-var be = function(e2) {
-  var t2 = document.head, n = e2 || t2, r2 = document.createElement("style"), o2 = (function(e3) {
+var we = function(e2) {
+  var t2 = document.head, n = e2 || t2, o3 = document.createElement("style"), r3 = (function(e3) {
     var t3 = Array.from(e3.querySelectorAll("style[".concat(a, "]")));
     return t3[t3.length - 1];
-  })(n), s = void 0 !== o2 ? o2.nextSibling : null;
-  r2.setAttribute(a, c), r2.setAttribute(u, l);
-  var i = we();
-  return i && r2.setAttribute("nonce", i), n.insertBefore(r2, s), r2;
+  })(n), s = void 0 !== r3 ? r3.nextSibling : null;
+  o3.setAttribute(a, c), o3.setAttribute(u, l);
+  var i = Se();
+  return i && o3.setAttribute("nonce", i), n.insertBefore(o3, s), o3;
 };
-var Ne = (function() {
+var be = (function() {
   function e2(e3) {
-    this.element = be(e3), this.element.appendChild(document.createTextNode("")), this.sheet = (function(e4) {
+    this.element = we(e3), this.element.appendChild(document.createTextNode("")), this.sheet = (function(e4) {
       var t2;
       if (e4.sheet) return e4.sheet;
-      for (var n = null !== (t2 = e4.getRootNode().styleSheets) && void 0 !== t2 ? t2 : document.styleSheets, r2 = 0, o2 = n.length; r2 < o2; r2++) {
-        var s = n[r2];
+      for (var n = null !== (t2 = e4.getRootNode().styleSheets) && void 0 !== t2 ? t2 : document.styleSheets, o3 = 0, r3 = n.length; o3 < r3; o3++) {
+        var s = n[o3];
         if (s.ownerNode === e4) return s;
       }
-      throw se(17);
+      throw v(17);
     })(this.element), this.length = 0;
   }
   return e2.prototype.insertRule = function(e3, t2) {
@@ -3715,9 +3712,9 @@ var Ne = (function() {
     return t2 && t2.cssText ? t2.cssText : "";
   }, e2;
 })();
-var Ee = (function() {
+var Ne = (function() {
   function e2(e3) {
-    this.element = be(e3), this.nodes = this.element.childNodes, this.length = 0;
+    this.element = we(e3), this.nodes = this.element.childNodes, this.length = 0;
   }
   return e2.prototype.insertRule = function(e3, t2) {
     if (e3 <= this.length && e3 >= 0) {
@@ -3731,7 +3728,7 @@ var Ee = (function() {
     return e3 < this.length ? this.nodes[e3].textContent : "";
   }, e2;
 })();
-var Ce = (function() {
+var Ee = (function() {
   function e2(e3) {
     this.rules = [], this.length = 0;
   }
@@ -3743,493 +3740,447 @@ var Ce = (function() {
     return e3 < this.length ? this.rules[e3] : "";
   }, e2;
 })();
-var Ae = h;
-var _e = { isServer: !h, useCSSOMInjection: !f };
-var Pe = (function() {
-  function e2(e3, n, r2) {
-    void 0 === e3 && (e3 = w), void 0 === n && (n = {});
-    var o2 = this;
-    this.options = __assign(__assign({}, _e), e3), this.gs = n, this.names = new Map(r2), this.server = !!e3.isServer, !this.server && h && Ae && (Ae = false, Se(this)), ne(this, function() {
+var Ce = h;
+var Ae = { isServer: !h, useCSSOMInjection: !d };
+var _e = (function() {
+  function e2(e3, n, o3) {
+    void 0 === e3 && (e3 = I), void 0 === n && (n = {});
+    var r3 = this;
+    this.options = __assign(__assign({}, Ae), e3), this.gs = n, this.names = new Map(o3), this.server = !!e3.isServer, !this.server && h && Ce && (Ce = false, ge(this)), le(this, function() {
       return (function(e4) {
-        for (var t2 = e4.getTag(), n2 = t2.length, r3 = "", o3 = function(n3) {
-          var o4 = (function(e5) {
-            return ue.get(e5);
+        for (var t2 = e4.getTag(), n2 = t2.length, o4 = "", r4 = function(n3) {
+          var r5 = (function(e5) {
+            return w.get(e5);
           })(n3);
-          if (void 0 === o4) return "continue";
-          var s2 = e4.names.get(o4);
+          if (void 0 === r5) return "continue";
+          var s2 = e4.names.get(r5);
           if (void 0 === s2 || !s2.size) return "continue";
           var i = t2.getGroup(n3);
           if (0 === i.length) return "continue";
-          var c2 = a + ".g" + n3 + '[id="' + o4 + '"]', u2 = "";
+          var c3 = a + ".g" + n3 + '[id="' + r5 + '"]', u3 = "";
           s2.forEach(function(e5) {
-            e5.length > 0 && (u2 += e5 + ",");
-          }), r3 += i + c2 + '{content:"' + u2 + '"}' + d;
-        }, s = 0; s < n2; s++) o3(s);
-        return r3;
-      })(o2);
+            e5.length > 0 && (u3 += e5 + ",");
+          }), o4 += i + c3 + '{content:"' + u3 + '"}' + p;
+        }, s = 0; s < n2; s++) r4(s);
+        return o4;
+      })(r3);
     });
   }
   return e2.registerId = function(e3) {
-    return de(e3);
+    return N(e3);
   }, e2.prototype.rehydrate = function() {
-    !this.server && h && Se(this);
-  }, e2.prototype.reconstructWithOptions = function(n, r2) {
-    void 0 === r2 && (r2 = true);
-    var o2 = new e2(__assign(__assign({}, this.options), n), this.gs, r2 && this.names || void 0);
-    return !this.server && h && n.target !== this.options.target && ye(this.options.target) !== ye(n.target) && Se(o2), o2;
+    !this.server && h && ge(this);
+  }, e2.prototype.reconstructWithOptions = function(n, o3) {
+    void 0 === o3 && (o3 = true);
+    var r3 = new e2(__assign(__assign({}, this.options), n), this.gs, o3 && this.names || void 0);
+    return !this.server && h && n.target !== this.options.target && me(this.options.target) !== me(n.target) && ge(r3), r3;
   }, e2.prototype.allocateGSInstance = function(e3) {
     return this.gs[e3] = (this.gs[e3] || 0) + 1;
   }, e2.prototype.getTag = function() {
     return this.tag || (this.tag = (e3 = (function(e4) {
       var t2 = e4.useCSSOMInjection, n = e4.target;
-      return e4.isServer ? new Ce(n) : t2 ? new Ne(n) : new Ee(n);
-    })(this.options), new ie(e3)));
+      return e4.isServer ? new Ee(n) : t2 ? new be(n) : new Ne(n);
+    })(this.options), new pe(e3)));
     var e3;
   }, e2.prototype.hasNameForId = function(e3, t2) {
-    var n, r2;
-    return null !== (r2 = null === (n = this.names.get(e3)) || void 0 === n ? void 0 : n.has(t2)) && void 0 !== r2 && r2;
+    var n, o3;
+    return null !== (o3 = null === (n = this.names.get(e3)) || void 0 === n ? void 0 : n.has(t2)) && void 0 !== o3 && o3;
   }, e2.prototype.registerName = function(e3, t2) {
-    de(e3);
+    N(e3);
     var n = this.names.get(e3);
     n ? n.add(t2) : this.names.set(e3, /* @__PURE__ */ new Set([t2]));
   }, e2.prototype.insertRules = function(e3, t2, n) {
-    this.registerName(e3, t2), this.getTag().insertRules(de(e3), n);
+    this.registerName(e3, t2), this.getTag().insertRules(N(e3), n);
   }, e2.prototype.clearNames = function(e3) {
     this.names.has(e3) && this.names.get(e3).clear();
   }, e2.prototype.clearRules = function(e3) {
-    this.getTag().clearGroup(de(e3)), this.clearNames(e3);
+    this.getTag().clearGroup(N(e3)), this.clearNames(e3);
   }, e2.prototype.clearTag = function() {
     this.tag = void 0;
   }, e2;
 })();
-var Ie = /&/g;
-var Oe = 47;
-var De = 42;
-function Re(e2) {
+var Pe = /&/g;
+var Ie = 47;
+var Oe = 42;
+function De(e2) {
   if (-1 === e2.indexOf("}")) return false;
-  for (var t2 = e2.length, n = 0, r2 = 0, o2 = false, s = 0; s < t2; s++) {
+  for (var t2 = e2.length, n = 0, o3 = 0, r3 = false, s = 0; s < t2; s++) {
     var i = e2.charCodeAt(s);
-    if (0 !== r2 || o2 || i !== Oe || e2.charCodeAt(s + 1) !== De) if (o2) i === De && e2.charCodeAt(s + 1) === Oe && (o2 = false, s++);
+    if (0 !== o3 || r3 || i !== Ie || e2.charCodeAt(s + 1) !== Oe) if (r3) i === Oe && e2.charCodeAt(s + 1) === Ie && (r3 = false, s++);
     else if (34 !== i && 39 !== i || 0 !== s && 92 === e2.charCodeAt(s - 1)) {
-      if (0 === r2) {
+      if (0 === o3) {
         if (123 === i) n++;
         else if (125 === i && --n < 0) return true;
       }
-    } else 0 === r2 ? r2 = i : r2 === i && (r2 = 0);
-    else o2 = true, s++;
+    } else 0 === o3 ? o3 = i : o3 === i && (o3 = 0);
+    else r3 = true, s++;
   }
-  return 0 !== n || 0 !== r2;
+  return 0 !== n || 0 !== o3;
 }
-function Te(e2, t2) {
+function Re(e2, t2) {
   return e2.map(function(e3) {
     return "rule" === e3.type && (e3.value = "".concat(t2, " ").concat(e3.value), e3.value = e3.value.replaceAll(",", ",".concat(t2, " ")), e3.props = e3.props.map(function(e4) {
       return "".concat(t2, " ").concat(e4);
-    })), Array.isArray(e3.children) && "@keyframes" !== e3.type && (e3.children = Te(e3.children, t2)), e3;
+    })), Array.isArray(e3.children) && "@keyframes" !== e3.type && (e3.children = Re(e3.children, t2)), e3;
   });
 }
-function xe(e2) {
-  var t2, n, r2, o2 = void 0 === e2 ? w : e2, i = o2.options, a2 = void 0 === i ? w : i, c2 = o2.plugins, u2 = void 0 === c2 ? S : c2, l2 = function(e3, r3, o3) {
-    return o3.startsWith(n) && o3.endsWith(n) && o3.replaceAll(n, "").length > 0 ? ".".concat(t2) : e3;
-  }, d2 = u2.slice();
-  d2.push(function(e3) {
-    e3.type === RULESET && e3.value.includes("&") && (r2 || (r2 = new RegExp("\\".concat(n, "\\b"), "g")), e3.props[0] = e3.props[0].replace(Ie, n).replace(r2, l2));
-  }), a2.prefix && d2.push(prefixer), d2.push(stringify);
-  var h2 = [], p2 = middleware(d2.concat(rulesheet(function(e3) {
-    return h2.push(e3);
-  }))), f2 = function(e3, o3, i2, c3) {
-    void 0 === o3 && (o3 = ""), void 0 === i2 && (i2 = ""), void 0 === c3 && (c3 = "&"), t2 = c3, n = o3, r2 = void 0;
-    var u3 = (function(e4) {
-      if (!Re(e4)) return e4;
-      for (var t3 = e4.length, n2 = "", r3 = 0, o4 = 0, s = 0, i3 = false, a3 = 0; a3 < t3; a3++) {
-        var c4 = e4.charCodeAt(a3);
-        if (0 !== s || i3 || c4 !== Oe || e4.charCodeAt(a3 + 1) !== De) if (i3) c4 === De && e4.charCodeAt(a3 + 1) === Oe && (i3 = false, a3++);
-        else if (34 !== c4 && 39 !== c4 || 0 !== a3 && 92 === e4.charCodeAt(a3 - 1)) {
-          if (0 === s) if (123 === c4) o4++;
-          else if (125 === c4) {
-            if (--o4 < 0) {
-              for (var u4 = a3 + 1; u4 < t3; ) {
-                var l4 = e4.charCodeAt(u4);
-                if (59 === l4 || 10 === l4) break;
-                u4++;
+function Te(e2) {
+  var t2, n, o3, r3 = void 0 === e2 ? I : e2, i = r3.options, a3 = void 0 === i ? I : i, c3 = r3.plugins, u3 = void 0 === c3 ? P : c3, l3 = function(e3, o4, r4) {
+    return r4.startsWith(n) && r4.endsWith(n) && r4.replaceAll(n, "").length > 0 ? ".".concat(t2) : e3;
+  }, p3 = u3.slice();
+  p3.push(function(e3) {
+    e3.type === RULESET && e3.value.includes("&") && (o3 || (o3 = new RegExp("\\".concat(n, "\\b"), "g")), e3.props[0] = e3.props[0].replace(Pe, n).replace(o3, l3));
+  }), a3.prefix && p3.push(prefixer), p3.push(stringify);
+  var h3 = [], d3 = middleware(p3.concat(rulesheet(function(e3) {
+    return h3.push(e3);
+  }))), f2 = function(e3, r4, i2, c4) {
+    void 0 === r4 && (r4 = ""), void 0 === i2 && (i2 = ""), void 0 === c4 && (c4 = "&"), t2 = c4, n = r4, o3 = void 0;
+    var u4 = (function(e4) {
+      if (!De(e4)) return e4;
+      for (var t3 = e4.length, n2 = "", o4 = 0, r5 = 0, s = 0, i3 = false, a4 = 0; a4 < t3; a4++) {
+        var c5 = e4.charCodeAt(a4);
+        if (0 !== s || i3 || c5 !== Ie || e4.charCodeAt(a4 + 1) !== Oe) if (i3) c5 === Oe && e4.charCodeAt(a4 + 1) === Ie && (i3 = false, a4++);
+        else if (34 !== c5 && 39 !== c5 || 0 !== a4 && 92 === e4.charCodeAt(a4 - 1)) {
+          if (0 === s) if (123 === c5) r5++;
+          else if (125 === c5) {
+            if (--r5 < 0) {
+              for (var u5 = a4 + 1; u5 < t3; ) {
+                var l5 = e4.charCodeAt(u5);
+                if (59 === l5 || 10 === l5) break;
+                u5++;
               }
-              u4 < t3 && 59 === e4.charCodeAt(u4) && u4++, o4 = 0, a3 = u4 - 1, r3 = u4;
+              u5 < t3 && 59 === e4.charCodeAt(u5) && u5++, r5 = 0, a4 = u5 - 1, o4 = u5;
               continue;
             }
-            0 === o4 && (n2 += e4.substring(r3, a3 + 1), r3 = a3 + 1);
-          } else 59 === c4 && 0 === o4 && (n2 += e4.substring(r3, a3 + 1), r3 = a3 + 1);
-        } else 0 === s ? s = c4 : s === c4 && (s = 0);
-        else i3 = true, a3++;
+            0 === r5 && (n2 += e4.substring(o4, a4 + 1), o4 = a4 + 1);
+          } else 59 === c5 && 0 === r5 && (n2 += e4.substring(o4, a4 + 1), o4 = a4 + 1);
+        } else 0 === s ? s = c5 : s === c5 && (s = 0);
+        else i3 = true, a4++;
       }
-      if (r3 < t3) {
-        var d3 = e4.substring(r3);
-        Re(d3) || (n2 += d3);
+      if (o4 < t3) {
+        var p4 = e4.substring(o4);
+        De(p4) || (n2 += p4);
       }
       return n2;
     })((function(e4) {
       if (-1 === e4.indexOf("//")) return e4;
-      for (var t3 = e4.length, n2 = [], r3 = 0, o4 = 0, s = 0, i3 = 0; o4 < t3; ) {
-        var a3 = e4.charCodeAt(o4);
-        if (34 !== a3 && 39 !== a3 || 0 !== o4 && 92 === e4.charCodeAt(o4 - 1)) if (0 === s) if (a3 === Oe && o4 + 1 < t3 && e4.charCodeAt(o4 + 1) === De) {
-          for (o4 += 2; o4 + 1 < t3 && (e4.charCodeAt(o4) !== De || e4.charCodeAt(o4 + 1) !== Oe); ) o4++;
-          o4 += 2;
-        } else if (40 === a3 && o4 >= 3 && 108 == (32 | e4.charCodeAt(o4 - 1)) && 114 == (32 | e4.charCodeAt(o4 - 2)) && 117 == (32 | e4.charCodeAt(o4 - 3))) i3 = 1, o4++;
-        else if (i3 > 0) 41 === a3 ? i3-- : 40 === a3 && i3++, o4++;
-        else if (a3 === De && o4 + 1 < t3 && e4.charCodeAt(o4 + 1) === Oe) o4 > r3 && n2.push(e4.substring(r3, o4)), r3 = o4 += 2;
-        else if (a3 === Oe && o4 + 1 < t3 && e4.charCodeAt(o4 + 1) === Oe) {
-          for (o4 > r3 && n2.push(e4.substring(r3, o4)); o4 < t3 && 10 !== e4.charCodeAt(o4); ) o4++;
-          r3 = o4;
-        } else o4++;
-        else o4++;
-        else 0 === s ? s = a3 : s === a3 && (s = 0), o4++;
-      }
-      return 0 === r3 ? e4 : (r3 < t3 && n2.push(e4.substring(r3)), n2.join(""));
-    })(e3)), l3 = compile(i2 || o3 ? "".concat(i2, " ").concat(o3, " { ").concat(u3, " }") : u3);
-    return a2.namespace && (l3 = Te(l3, a2.namespace)), h2 = [], serialize(l3, p2), h2;
+      for (var t3 = e4.length, n2 = [], o4 = 0, r5 = 0, s = 0, i3 = 0; r5 < t3; ) {
+        var a4 = e4.charCodeAt(r5);
+        if (34 !== a4 && 39 !== a4 || 0 !== r5 && 92 === e4.charCodeAt(r5 - 1)) if (0 === s) if (a4 === Ie && r5 + 1 < t3 && e4.charCodeAt(r5 + 1) === Oe) {
+          for (r5 += 2; r5 + 1 < t3 && (e4.charCodeAt(r5) !== Oe || e4.charCodeAt(r5 + 1) !== Ie); ) r5++;
+          r5 += 2;
+        } else if (40 === a4 && r5 >= 3 && 108 == (32 | e4.charCodeAt(r5 - 1)) && 114 == (32 | e4.charCodeAt(r5 - 2)) && 117 == (32 | e4.charCodeAt(r5 - 3))) i3 = 1, r5++;
+        else if (i3 > 0) 41 === a4 ? i3-- : 40 === a4 && i3++, r5++;
+        else if (a4 === Oe && r5 + 1 < t3 && e4.charCodeAt(r5 + 1) === Ie) r5 > o4 && n2.push(e4.substring(o4, r5)), o4 = r5 += 2;
+        else if (a4 === Ie && r5 + 1 < t3 && e4.charCodeAt(r5 + 1) === Ie) {
+          for (r5 > o4 && n2.push(e4.substring(o4, r5)); r5 < t3 && 10 !== e4.charCodeAt(r5); ) r5++;
+          o4 = r5;
+        } else r5++;
+        else r5++;
+        else 0 === s ? s = a4 : s === a4 && (s = 0), r5++;
+      }
+      return 0 === o4 ? e4 : (o4 < t3 && n2.push(e4.substring(o4)), n2.join(""));
+    })(e3)), l4 = compile(i2 || r4 ? "".concat(i2, " ").concat(r4, " { ").concat(u4, " }") : u4);
+    return a3.namespace && (l4 = Re(l4, a3.namespace)), h3 = [], serialize(l4, d3), h3;
   };
-  return f2.hash = u2.length ? u2.reduce(function(e3, t3) {
-    return t3.name || se(15), D(e3, t3.name);
+  return f2.hash = u3.length ? u3.reduce(function(e3, t3) {
+    return t3.name || v(15), F(e3, t3.name);
   }, 5381).toString() : "", f2;
 }
-var je = new Pe();
-var ke = xe();
-var Me = { shouldForwardProp: void 0, styleSheet: je, stylis: ke };
-var Ve = p ? { Provider: function(e2) {
-  return e2.children;
-}, Consumer: function(e2) {
-  return (0, e2.children)(Me);
-} } : r.createContext(Me);
-var Fe = Ve.Consumer;
-var Ge = p ? { Provider: function(e2) {
-  return e2.children;
-}, Consumer: function(e2) {
-  return (0, e2.children)(void 0);
-} } : r.createContext(void 0);
-function Le() {
-  return p ? Me : r.useContext(Ve);
-}
-function Be(e2) {
-  if (p || !r.useMemo) return e2.children;
-  var t2 = Le().styleSheet, n = r.useMemo(function() {
+var xe = new _e();
+var je = Te();
+var ke = o.createContext({ shouldForwardProp: void 0, styleSheet: xe, stylis: je });
+var Me = ke.Consumer;
+var Ve = o.createContext(void 0);
+function Fe() {
+  return o.useContext(ke);
+}
+function Ge(e2) {
+  if (!o.useMemo) return e2.children;
+  var t2 = Fe().styleSheet, n = o.useMemo(function() {
     var n2 = t2;
     return e2.sheet ? n2 = e2.sheet : e2.target && (n2 = n2.reconstructWithOptions({ target: e2.target }, false)), e2.disableCSSOMInjection && (n2 = n2.reconstructWithOptions({ useCSSOMInjection: false })), n2;
-  }, [e2.disableCSSOMInjection, e2.sheet, e2.target, t2]), o2 = r.useMemo(function() {
-    return xe({ options: { namespace: e2.namespace, prefix: e2.enableVendorPrefixes }, plugins: e2.stylisPlugins });
-  }, [e2.enableVendorPrefixes, e2.namespace, e2.stylisPlugins]), s = r.useMemo(function() {
-    return { shouldForwardProp: e2.shouldForwardProp, styleSheet: n, stylis: o2 };
-  }, [e2.shouldForwardProp, n, o2]);
-  return r.createElement(Ve.Provider, { value: s }, r.createElement(Ge.Provider, { value: o2 }, e2.children));
-}
-var ze = (function() {
+  }, [e2.disableCSSOMInjection, e2.sheet, e2.target, t2]), r3 = o.useMemo(function() {
+    return Te({ options: { namespace: e2.namespace, prefix: e2.enableVendorPrefixes }, plugins: e2.stylisPlugins });
+  }, [e2.enableVendorPrefixes, e2.namespace, e2.stylisPlugins]), s = o.useMemo(function() {
+    return { shouldForwardProp: e2.shouldForwardProp, styleSheet: n, stylis: r3 };
+  }, [e2.shouldForwardProp, n, r3]);
+  return o.createElement(ke.Provider, { value: s }, o.createElement(Ve.Provider, { value: r3 }, e2.children));
+}
+var Le = (function() {
   function e2(e3, t2) {
     var n = this;
     this.inject = function(e4, t3) {
-      void 0 === t3 && (t3 = ke);
-      var r2 = n.name + t3.hash;
-      e4.hasNameForId(n.id, r2) || e4.insertRules(n.id, r2, t3(n.rules, r2, "@keyframes"));
-    }, this.name = e3, this.id = "sc-keyframes-".concat(e3), this.rules = t2, ne(this, function() {
-      throw se(12, String(n.name));
+      void 0 === t3 && (t3 = je);
+      var o3 = n.name + t3.hash;
+      e4.hasNameForId(n.id, o3) || e4.insertRules(n.id, o3, t3(n.rules, o3, "@keyframes"));
+    }, this.name = e3, this.id = "sc-keyframes-".concat(e3), this.rules = t2, le(this, function() {
+      throw v(12, String(n.name));
     });
   }
   return e2.prototype.getName = function(e3) {
-    return void 0 === e3 && (e3 = ke), this.name + e3.hash;
+    return void 0 === e3 && (e3 = je), this.name + e3.hash;
   }, e2;
 })();
-function $e(e2, t2) {
+function Be(e2, t2) {
   return null == t2 || "boolean" == typeof t2 || "" === t2 ? "" : "number" != typeof t2 || 0 === t2 || e2 in unitlessKeys || e2.startsWith("--") ? String(t2).trim() : "".concat(t2, "px");
 }
-var Ye = function(e2) {
+var ze = function(e2) {
   return e2 >= "A" && e2 <= "Z";
 };
-function We(e2) {
+function $e(e2) {
   for (var t2 = "", n = 0; n < e2.length; n++) {
-    var r2 = e2[n];
-    if (1 === n && "-" === r2 && "-" === e2[0]) return e2;
-    Ye(r2) ? t2 += "-" + r2.toLowerCase() : t2 += r2;
+    var o3 = e2[n];
+    if (1 === n && "-" === o3 && "-" === e2[0]) return e2;
+    ze(o3) ? t2 += "-" + o3.toLowerCase() : t2 += o3;
   }
   return t2.startsWith("ms-") ? "-" + t2 : t2;
 }
-var qe = function(e2) {
+var Ye = function(e2) {
   return null == e2 || false === e2 || "" === e2;
 };
-var He = function(t2) {
+var We = function(t2) {
   var n = [];
-  for (var r2 in t2) {
-    var o2 = t2[r2];
-    t2.hasOwnProperty(r2) && !qe(o2) && (Array.isArray(o2) && o2.isCss || X(o2) ? n.push("".concat(We(r2), ":"), o2, ";") : ee(o2) ? n.push.apply(n, __spreadArray(__spreadArray(["".concat(r2, " {")], He(o2), false), ["}"], false)) : n.push("".concat(We(r2), ": ").concat($e(r2, o2), ";")));
+  for (var o3 in t2) {
+    var r3 = t2[o3];
+    t2.hasOwnProperty(o3) && !Ye(r3) && (Array.isArray(r3) && r3.isCss || re(r3) ? n.push("".concat($e(o3), ":"), r3, ";") : ce(r3) ? n.push.apply(n, __spreadArray(__spreadArray(["".concat(o3, " {")], We(r3), false), ["}"], false)) : n.push("".concat($e(o3), ": ").concat(Be(o3, r3), ";")));
   }
   return n;
 };
-function Ue(e2, t2, n, r2, o2) {
-  if (void 0 === o2 && (o2 = []), "string" == typeof e2) return e2 && o2.push(e2), o2;
-  if (qe(e2)) return o2;
-  if (Z(e2)) return o2.push(".".concat(e2.styledComponentId)), o2;
-  if (X(e2)) {
-    if (!X(i = e2) || i.prototype && i.prototype.isReactComponent || !t2) return o2.push(e2), o2;
+function qe(e2, t2, n, o3, r3) {
+  if (void 0 === r3 && (r3 = []), "string" == typeof e2) return e2 && r3.push(e2), r3;
+  if (Ye(e2)) return r3;
+  if (se(e2)) return r3.push(".".concat(e2.styledComponentId)), r3;
+  if (re(e2)) {
+    if (!re(i = e2) || i.prototype && i.prototype.isReactComponent || !t2) return r3.push(e2), r3;
     var s = e2(t2);
-    return "object" != typeof s || Array.isArray(s) || s instanceof ze || ee(s) || null === s || console.error("".concat(x(e2), " 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.")), Ue(s, t2, n, r2, o2);
+    return "object" != typeof s || Array.isArray(s) || s instanceof Le || ce(s) || null === s || console.error("".concat(B(e2), " 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.")), qe(s, t2, n, o3, r3);
   }
   var i;
-  if (e2 instanceof ze) return n ? (e2.inject(n, r2), o2.push(e2.getName(r2))) : o2.push(e2), o2;
-  if (ee(e2)) {
-    for (var a2 = He(e2), c2 = 0; c2 < a2.length; c2++) o2.push(a2[c2]);
-    return o2;
+  if (e2 instanceof Le) return n ? (e2.inject(n, o3), r3.push(e2.getName(o3))) : r3.push(e2), r3;
+  if (ce(e2)) {
+    for (var a3 = We(e2), c3 = 0; c3 < a3.length; c3++) r3.push(a3[c3]);
+    return r3;
   }
-  if (!Array.isArray(e2)) return o2.push(e2.toString()), o2;
-  for (c2 = 0; c2 < e2.length; c2++) Ue(e2[c2], t2, n, r2, o2);
-  return o2;
+  if (!Array.isArray(e2)) return r3.push(e2.toString()), r3;
+  for (c3 = 0; c3 < e2.length; c3++) qe(e2[c3], t2, n, o3, r3);
+  return r3;
 }
-function Je(e2) {
+function He(e2) {
   for (var t2 = 0; t2 < e2.length; t2 += 1) {
     var n = e2[t2];
-    if (X(n) && !Z(n)) return false;
+    if (re(n) && !se(n)) return false;
   }
   return true;
 }
-var Xe = R(l);
-var Ze = (function() {
+var Ue = G(l);
+var Je = (function() {
   function e2(e3, t2, n) {
-    this.rules = e3, this.staticRulesId = "", this.isStatic = false, this.componentId = t2, this.baseHash = D(Xe, t2), this.baseStyle = n, Pe.registerId(t2);
+    this.rules = e3, this.staticRulesId = "", this.isStatic = false, this.componentId = t2, this.baseHash = F(Ue, t2), this.baseStyle = n, _e.registerId(t2);
   }
   return e2.prototype.generateAndInjectStyles = function(e3, t2, n) {
-    var r2 = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e3, t2, n).className : "";
-    if (this.isStatic && !n.hash) if (this.staticRulesId && t2.hasNameForId(this.componentId, this.staticRulesId)) r2 = K(r2, this.staticRulesId);
+    var o3 = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e3, t2, n).className : "";
+    if (this.isStatic && !n.hash) if (this.staticRulesId && t2.hasNameForId(this.componentId, this.staticRulesId)) o3 = ie(o3, this.staticRulesId);
     else {
-      var o2 = Q(Ue(this.rules, e3, t2, n)), s = I(D(this.baseHash, o2) >>> 0);
+      var r3 = ae(qe(this.rules, e3, t2, n)), s = M(F(this.baseHash, r3) >>> 0);
       if (!t2.hasNameForId(this.componentId, s)) {
-        var i = n(o2, ".".concat(s), void 0, this.componentId);
+        var i = n(r3, ".".concat(s), void 0, this.componentId);
         t2.insertRules(this.componentId, s, i);
       }
-      r2 = K(r2, s), this.staticRulesId = s;
+      o3 = ie(o3, s), this.staticRulesId = s;
     }
     else {
-      for (var a2 = D(this.baseHash, n.hash), c2 = "", u2 = 0; u2 < this.rules.length; u2++) {
-        var l2 = this.rules[u2];
-        if ("string" == typeof l2) c2 += l2, a2 = D(a2, l2);
-        else if (l2) {
-          var d2 = Q(Ue(l2, e3, t2, n));
-          a2 = D(D(a2, String(u2)), d2), c2 += d2;
+      for (var a3 = F(this.baseHash, n.hash), c3 = "", u3 = 0; u3 < this.rules.length; u3++) {
+        var l3 = this.rules[u3];
+        if ("string" == typeof l3) c3 += l3, a3 = F(a3, l3);
+        else if (l3) {
+          var p3 = ae(qe(l3, e3, t2, n));
+          a3 = F(F(a3, String(u3)), p3), c3 += p3;
         }
       }
-      if (c2) {
-        var h2 = I(a2 >>> 0);
-        if (!t2.hasNameForId(this.componentId, h2)) {
-          var p2 = n(c2, ".".concat(h2), void 0, this.componentId);
-          t2.insertRules(this.componentId, h2, p2);
+      if (c3) {
+        var h3 = M(a3 >>> 0);
+        if (!t2.hasNameForId(this.componentId, h3)) {
+          var d3 = n(c3, ".".concat(h3), void 0, this.componentId);
+          t2.insertRules(this.componentId, h3, d3);
         }
-        r2 = K(r2, h2);
+        o3 = ie(o3, h3);
       }
     }
-    return { className: r2, css: "undefined" == typeof window ? t2.getTag().getGroup(de(this.componentId)) : "" };
+    return { className: o3, css: "undefined" == typeof window ? t2.getTag().getGroup(N(this.componentId)) : "" };
   }, e2;
 })();
-var Ke = p ? { Provider: function(e2) {
-  return e2.children;
-}, Consumer: function(e2) {
-  return (0, e2.children)(void 0);
-} } : r.createContext(void 0);
-var Qe = Ke.Consumer;
-function tt(e2) {
-  if (p) return e2.children;
-  var n = r.useContext(Ke), o2 = r.useMemo(function() {
+var Xe = o.createContext(void 0);
+var Ze = Xe.Consumer;
+function Qe(e2) {
+  var n = o.useContext(Xe), r3 = o.useMemo(function() {
     return (function(e3, n2) {
-      if (!e3) throw se(14);
-      if (X(e3)) {
-        var r2 = e3(n2);
-        if (null === r2 || Array.isArray(r2) || "object" != typeof r2) throw se(7);
-        return r2;
+      if (!e3) throw v(14);
+      if (re(e3)) {
+        var o3 = e3(n2);
+        if (null === o3 || Array.isArray(o3) || "object" != typeof o3) throw v(7);
+        return o3;
       }
-      if (Array.isArray(e3) || "object" != typeof e3) throw se(8);
+      if (Array.isArray(e3) || "object" != typeof e3) throw v(8);
       return n2 ? __assign(__assign({}, n2), e3) : e3;
     })(e2.theme, n);
   }, [e2.theme, n]);
-  return e2.children ? r.createElement(Ke.Provider, { value: o2 }, e2.children) : null;
-}
-var nt = {};
-var rt = /* @__PURE__ */ new Set();
-function ot(e2, s, i) {
-  var a2 = Z(e2), c2 = e2, u2 = !j(e2), d2 = s.attrs, h2 = void 0 === d2 ? S : d2, f2 = s.componentId, m2 = void 0 === f2 ? (function(e3, t2) {
-    var n = "string" != typeof e3 ? "sc" : A(e3);
-    nt[n] = (nt[n] || 0) + 1;
-    var r2 = "".concat(n, "-").concat(T(l + n + nt[n]));
-    return t2 ? "".concat(t2, "-").concat(r2) : r2;
-  })(s.displayName, s.parentComponentId) : f2, y2 = s.displayName, v2 = void 0 === y2 ? (function(e3) {
-    return j(e3) ? "styled.".concat(e3) : "Styled(".concat(x(e3), ")");
-  })(e2) : y2, E2 = s.displayName && s.componentId ? "".concat(A(s.displayName), "-").concat(s.componentId) : s.componentId || m2, C2 = a2 && c2.attrs ? c2.attrs.concat(h2).filter(Boolean) : h2, _2 = s.shouldForwardProp;
-  if (a2 && c2.shouldForwardProp) {
-    var P2 = c2.shouldForwardProp;
+  return e2.children ? o.createElement(Xe.Provider, { value: r3 }, e2.children) : null;
+}
+var et = {};
+var tt = /* @__PURE__ */ new Set();
+function nt(e2, s, i) {
+  var a3 = se(e2), c3 = e2, u3 = !z(e2), p3 = s.attrs, h3 = void 0 === p3 ? P : p3, d3 = s.componentId, f2 = void 0 === d3 ? (function(e3, t2) {
+    var n = "string" != typeof e3 ? "sc" : x(e3);
+    et[n] = (et[n] || 0) + 1;
+    var o3 = "".concat(n, "-").concat(L(l + n + et[n]));
+    return t2 ? "".concat(t2, "-").concat(o3) : o3;
+  })(s.displayName, s.parentComponentId) : d3, m3 = s.displayName, y3 = void 0 === m3 ? (function(e3) {
+    return z(e3) ? "styled.".concat(e3) : "Styled(".concat(B(e3), ")");
+  })(e2) : m3, v3 = s.displayName && s.componentId ? "".concat(x(s.displayName), "-").concat(s.componentId) : s.componentId || f2, g3 = a3 && c3.attrs ? c3.attrs.concat(h3).filter(Boolean) : h3, S3 = s.shouldForwardProp;
+  if (a3 && c3.shouldForwardProp) {
+    var w3 = c3.shouldForwardProp;
     if (s.shouldForwardProp) {
-      var I2 = s.shouldForwardProp;
-      _2 = function(e3, t2) {
-        return P2(e3, t2) && I2(e3, t2);
+      var b3 = s.shouldForwardProp;
+      S3 = function(e3, t2) {
+        return w3(e3, t2) && b3(e3, t2);
       };
-    } else _2 = P2;
+    } else S3 = w3;
   }
-  var O2 = new Ze(i, E2, a2 ? c2.componentStyle : void 0);
-  function D2(e3, s2) {
+  var N3 = new Je(i, v3, a3 ? c3.componentStyle : void 0);
+  function E3(e3, s2) {
     return (function(e4, s3, i2) {
-      var a3 = e4.attrs, c3 = e4.componentStyle, u3 = e4.defaultProps, l2 = e4.foldedComponentIds, d3 = e4.styledComponentId, h3 = e4.target, f3 = p ? void 0 : r.useContext(Ke), m3 = Le(), y3 = e4.shouldForwardProp || m3.shouldForwardProp;
-      r.useDebugValue && r.useDebugValue(d3);
-      var v3 = b(s3, f3, u3) || (p ? void 0 : w), g2 = (function(e5, n, r2) {
-        for (var o2, s4 = __assign(__assign({}, n), { className: void 0, theme: r2 }), i3 = 0; i3 < e5.length; i3 += 1) {
-          var a4 = X(o2 = e5[i3]) ? o2(s4) : o2;
-          for (var c4 in a4) "className" === c4 ? s4.className = K(s4.className, a4[c4]) : "style" === c4 ? s4.style = __assign(__assign({}, s4.style), a4[c4]) : s4[c4] = a4[c4];
+      var a4 = e4.attrs, c4 = e4.componentStyle, u4 = e4.defaultProps, l3 = e4.foldedComponentIds, p4 = e4.styledComponentId, h4 = e4.target, d4 = o.useContext(Xe), f3 = Fe(), m4 = e4.shouldForwardProp || f3.shouldForwardProp;
+      o.useDebugValue && o.useDebugValue(p4);
+      var y4 = O(s3, d4, u4) || I, v5 = (function(e5, n, o3) {
+        for (var r3, s4 = __assign(__assign({}, n), { className: void 0, theme: o3 }), i3 = 0; i3 < e5.length; i3 += 1) {
+          var a5 = re(r3 = e5[i3]) ? r3(s4) : r3;
+          for (var c5 in a5) "className" === c5 ? s4.className = ie(s4.className, a5[c5]) : "style" === c5 ? s4.style = __assign(__assign({}, s4.style), a5[c5]) : s4[c5] = a5[c5];
         }
-        return "className" in n && "string" == typeof n.className && (s4.className = K(s4.className, n.className)), s4;
-      })(a3, s3, v3), S2 = g2.as || h3, E3 = {};
-      for (var C3 in g2) void 0 === g2[C3] || "$" === C3[0] || "as" === C3 || "theme" === C3 && g2.theme === v3 || ("forwardedAs" === C3 ? E3.as = g2.forwardedAs : y3 && !y3(C3, S2) || (E3[C3] = g2[C3], y3 || false || isPropValid(C3) || rt.has(C3) || !N.has(S2) || (rt.add(C3), console.warn('styled-components: it looks like an unknown prop "'.concat(C3, '" 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 A2 = (function(e5, t2) {
-        var n = Le(), o2 = e5.generateAndInjectStyles(t2, n.styleSheet, n.stylis);
-        return r.useDebugValue && r.useDebugValue(o2.className), o2;
-      })(c3, g2), _3 = A2.className, P3 = A2.css;
-      e4.warnTooManyClasses && e4.warnTooManyClasses(_3);
-      var I3 = K(l2, d3);
-      _3 && (I3 += " " + _3), g2.className && (I3 += " " + g2.className), E3[j(S2) && !N.has(S2) ? "class" : "className"] = I3, i2 && (E3.ref = i2);
-      var O3 = o(S2, E3);
-      return p && P3 ? r.createElement(r.Fragment, null, r.createElement("style", { precedence: "styled-components", href: "sc-".concat(d3, "-").concat(_3), children: P3 }), O3) : O3;
-    })(R2, e3, s2);
-  }
-  D2.displayName = v2;
-  var R2 = r.forwardRef(D2);
-  return R2.attrs = C2, R2.componentStyle = O2, R2.displayName = v2, R2.shouldForwardProp = _2, R2.foldedComponentIds = a2 ? K(c2.foldedComponentIds, c2.styledComponentId) : "", R2.styledComponentId = E2, R2.target = a2 ? c2.target : e2, Object.defineProperty(R2, "defaultProps", { get: function() {
+        return "className" in n && "string" == typeof n.className && (s4.className = ie(s4.className, n.className)), s4;
+      })(a4, s3, y4), g4 = v5.as || h4, S4 = {};
+      for (var w4 in v5) void 0 === v5[w4] || "$" === w4[0] || "as" === w4 || "theme" === w4 && v5.theme === y4 || ("forwardedAs" === w4 ? S4.as = v5.forwardedAs : m4 && !m4(w4, g4) || (S4[w4] = v5[w4], m4 || false || isPropValid(w4) || tt.has(w4) || !D.has(g4) || (tt.add(w4), console.warn('styled-components: it looks like an unknown prop "'.concat(w4, '" 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 b4 = (function(e5, t2) {
+        var n = Fe(), r3 = e5.generateAndInjectStyles(t2, n.styleSheet, n.stylis);
+        return o.useDebugValue && o.useDebugValue(r3.className), r3;
+      })(c4, v5), N4 = b4.className;
+      e4.warnTooManyClasses && e4.warnTooManyClasses(N4);
+      var E4 = ie(l3, p4);
+      return N4 && (E4 += " " + N4), v5.className && (E4 += " " + v5.className), S4[z(g4) && !D.has(g4) ? "class" : "className"] = E4, i2 && (S4.ref = i2), r(g4, S4);
+    })(C3, e3, s2);
+  }
+  E3.displayName = y3;
+  var C3 = o.forwardRef(E3);
+  return C3.attrs = g3, C3.componentStyle = N3, C3.displayName = y3, C3.shouldForwardProp = S3, C3.foldedComponentIds = a3 ? ie(c3.foldedComponentIds, c3.styledComponentId) : "", C3.styledComponentId = v3, C3.target = a3 ? c3.target : e2, Object.defineProperty(C3, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(e3) {
-    this._foldedDefaultProps = a2 ? (function(e4) {
+    this._foldedDefaultProps = a3 ? (function(e4) {
       for (var t2 = [], n = 1; n < arguments.length; n++) t2[n - 1] = arguments[n];
-      for (var r2 = 0, o2 = t2; r2 < o2.length; r2++) te(e4, o2[r2], true);
+      for (var o3 = 0, r3 = t2; o3 < r3.length; o3++) ue(e4, r3[o3], true);
       return e4;
-    })({}, c2.defaultProps, e3) : e3;
-  } }), g(v2, E2), R2.warnTooManyClasses = /* @__PURE__ */ (function(e3, t2) {
-    var n = {}, r2 = false;
-    return function(o2) {
-      if (!r2 && (n[o2] = true, Object.keys(n).length >= 200)) {
+    })({}, c3.defaultProps, e3) : e3;
+  } }), _(y3, v3), C3.warnTooManyClasses = /* @__PURE__ */ (function(e3, t2) {
+    var n = {}, o3 = false;
+    return function(r3) {
+      if (!o3 && (n[r3] = true, Object.keys(n).length >= 200)) {
         var s2 = t2 ? ' with the id of "'.concat(t2, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(e3).concat(s2, ".\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 = {};
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(e3).concat(s2, ".\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 />"), o3 = true, n = {};
       }
     };
-  })(v2, E2), ne(R2, function() {
-    return ".".concat(R2.styledComponentId);
-  }), u2 && J(R2, e2, { attrs: true, componentStyle: true, displayName: true, foldedComponentIds: true, shouldForwardProp: true, styledComponentId: true, target: true }), R2;
+  })(y3, v3), le(C3, function() {
+    return ".".concat(C3.styledComponentId);
+  }), u3 && oe(C3, e2, { attrs: true, componentStyle: true, displayName: true, foldedComponentIds: true, shouldForwardProp: true, styledComponentId: true, target: true }), C3;
 }
-function st(e2, t2) {
-  for (var n = [e2[0]], r2 = 0, o2 = t2.length; r2 < o2; r2 += 1) n.push(t2[r2], e2[r2 + 1]);
+function ot(e2, t2) {
+  for (var n = [e2[0]], o3 = 0, r3 = t2.length; o3 < r3; o3 += 1) n.push(t2[o3], e2[o3 + 1]);
   return n;
 }
-var it = function(e2) {
+var rt = function(e2) {
   return Object.assign(e2, { isCss: true });
 };
-function at(t2) {
-  for (var n = [], r2 = 1; r2 < arguments.length; r2++) n[r2 - 1] = arguments[r2];
-  if (X(t2) || ee(t2)) return it(Ue(st(S, __spreadArray([t2], n, true))));
-  var o2 = t2;
-  return 0 === n.length && 1 === o2.length && "string" == typeof o2[0] ? Ue(o2) : it(Ue(st(o2, n)));
+function st(t2) {
+  for (var n = [], o3 = 1; o3 < arguments.length; o3++) n[o3 - 1] = arguments[o3];
+  if (re(t2) || ce(t2)) return rt(qe(ot(P, __spreadArray([t2], n, true))));
+  var r3 = t2;
+  return 0 === n.length && 1 === r3.length && "string" == typeof r3[0] ? qe(r3) : rt(qe(ot(r3, n)));
 }
-function ct(n, r2, o2) {
-  if (void 0 === o2 && (o2 = w), !r2) throw se(1, r2);
+function it(n, o3, r3) {
+  if (void 0 === r3 && (r3 = I), !o3) throw v(1, o3);
   var s = function(t2) {
     for (var s2 = [], i = 1; i < arguments.length; i++) s2[i - 1] = arguments[i];
-    return n(r2, o2, at.apply(void 0, __spreadArray([t2], s2, false)));
+    return n(o3, r3, st.apply(void 0, __spreadArray([t2], s2, false)));
   };
   return s.attrs = function(e2) {
-    return ct(n, r2, __assign(__assign({}, o2), { attrs: Array.prototype.concat(o2.attrs, e2).filter(Boolean) }));
+    return it(n, o3, __assign(__assign({}, r3), { attrs: Array.prototype.concat(r3.attrs, e2).filter(Boolean) }));
   }, s.withConfig = function(e2) {
-    return ct(n, r2, __assign(__assign({}, o2), e2));
+    return it(n, o3, __assign(__assign({}, r3), e2));
   }, s;
 }
-var ut = function(e2) {
-  return ct(ot, e2);
+var at = function(e2) {
+  return it(nt, e2);
 };
-var lt = ut;
-N.forEach(function(e2) {
-  lt[e2] = ut(e2);
+var ct = at;
+D.forEach(function(e2) {
+  ct[e2] = at(e2);
 });
-var dt = (function() {
+var ut = (function() {
   function e2(e3, t2) {
-    this.rules = e3, this.componentId = t2, this.isStatic = Je(e3), Pe.registerId(this.componentId + 1);
+    this.rules = e3, this.componentId = t2, this.isStatic = He(e3), _e.registerId(this.componentId + 1);
   }
-  return e2.prototype.createStyles = function(e3, t2, n, r2) {
-    var o2 = r2(Q(Ue(this.rules, t2, n, r2)), ""), s = this.componentId + e3;
-    n.insertRules(s, s, o2);
+  return e2.prototype.createStyles = function(e3, t2, n, o3) {
+    var r3 = o3(ae(qe(this.rules, t2, n, o3)), ""), s = this.componentId + e3;
+    n.insertRules(s, s, r3);
   }, e2.prototype.removeStyles = function(e3, t2) {
     t2.clearRules(this.componentId + e3);
-  }, e2.prototype.renderStyles = function(e3, t2, n, r2) {
-    e3 > 2 && Pe.registerId(this.componentId + e3);
-    var o2 = this.componentId + e3;
-    this.isStatic ? n.hasNameForId(o2, o2) || this.createStyles(e3, t2, n, r2) : (this.removeStyles(e3, n), this.createStyles(e3, t2, n, r2));
+  }, e2.prototype.renderStyles = function(e3, t2, n, o3) {
+    e3 > 2 && _e.registerId(this.componentId + e3);
+    var r3 = this.componentId + e3;
+    this.isStatic ? n.hasNameForId(r3, r3) || this.createStyles(e3, t2, n, o3) : (this.removeStyles(e3, n), this.createStyles(e3, t2, n, o3));
   }, e2;
 })();
-function ht(n) {
-  for (var o2 = [], s = 1; s < arguments.length; s++) o2[s - 1] = arguments[s];
-  var i = at.apply(void 0, __spreadArray([n], o2, false)), a2 = "sc-global-".concat(T(JSON.stringify(i))), c2 = new dt(i, a2);
-  g(a2);
-  var u2 = /* @__PURE__ */ new WeakMap(), l2 = function(e2) {
-    var t2 = Le(), n2 = p ? void 0 : r.useContext(Ke), o3 = u2.get(t2.styleSheet);
-    if (void 0 === o3 && (o3 = t2.styleSheet.allocateGSInstance(a2), u2.set(t2.styleSheet, o3)), r.Children.count(e2.children) && console.warn("The global style component ".concat(a2, " was given child JSX. createGlobalStyle does not render children.")), i.some(function(e3) {
-      return "string" == typeof e3 && -1 !== e3.indexOf("@import");
-    }) && console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."), ("undefined" == typeof window || !t2.styleSheet.server) && d2(o3, e2, t2.styleSheet, n2, t2.stylis), p || r.useLayoutEffect(function() {
-      return t2.styleSheet.server || d2(o3, e2, t2.styleSheet, n2, t2.stylis), function() {
-        var e3;
-        c2.removeStyles(o3, t2.styleSheet), e3 = t2.styleSheet.options.target, "undefined" != typeof document && (null != e3 ? e3 : document).querySelectorAll('style[data-styled-global="'.concat(a2, '"]')).forEach(function(e4) {
-          return e4.remove();
-        });
-      };
-    }, [o3, e2, t2.styleSheet, n2, t2.stylis]), p) {
-      var s2 = a2 + o3, l3 = "undefined" == typeof window ? t2.styleSheet.getTag().getGroup(de(s2)) : "";
-      if (l3) return r.createElement("style", { key: "".concat(a2, "-").concat(o3), "data-styled-global": a2, children: l3 });
-    }
-    return null;
-  };
-  function d2(e2, n2, r2, o3, s2) {
-    if (c2.isStatic) c2.renderStyles(e2, m, r2, s2);
-    else {
-      var i2 = __assign(__assign({}, n2), { theme: b(n2, o3, l2.defaultProps) });
-      c2.renderStyles(e2, i2, r2, s2);
-    }
-  }
-  return r.memo(l2);
-}
 function pt(t2) {
-  for (var n = [], r2 = 1; r2 < arguments.length; r2++) n[r2 - 1] = arguments[r2];
+  for (var n = [], o3 = 1; o3 < arguments.length; o3++) n[o3 - 1] = arguments[o3];
   "undefined" != typeof navigator && "ReactNative" === navigator.product && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
-  var o2 = Q(at.apply(void 0, __spreadArray([t2], n, false))), s = T(o2);
-  return new ze(s, o2);
+  var r3 = ae(st.apply(void 0, __spreadArray([t2], n, false))), s = L(r3);
+  return new Le(s, r3);
 }
-var mt = (function() {
+var dt = (function() {
   function e2() {
     var e3 = this;
     this._emitSheetCSS = function() {
       var t2 = e3.instance.toString();
       if (!t2) return "";
-      var n = we(), r2 = Q([n && 'nonce="'.concat(n, '"'), "".concat(a, '="true"'), "".concat(u, '="').concat(l, '"')].filter(Boolean), " ");
-      return "<style ".concat(r2, ">").concat(t2, "</style>");
+      var n = Se(), o3 = ae([n && 'nonce="'.concat(n, '"'), "".concat(a, '="true"'), "".concat(u, '="').concat(l, '"')].filter(Boolean), " ");
+      return "<style ".concat(o3, ">").concat(t2, "</style>");
     }, this.getStyleTags = function() {
-      if (e3.sealed) throw se(2);
+      if (e3.sealed) throw v(2);
       return e3._emitSheetCSS();
     }, this.getStyleElement = function() {
       var n;
-      if (e3.sealed) throw se(2);
-      var o2 = e3.instance.toString();
-      if (!o2) return [];
-      var s = ((n = {})[a] = "", n[u] = l, n.dangerouslySetInnerHTML = { __html: o2 }, n), i = we();
-      return i && (s.nonce = i), [r.createElement("style", __assign({}, s, { key: "sc-0-0" }))];
+      if (e3.sealed) throw v(2);
+      var r3 = e3.instance.toString();
+      if (!r3) return [];
+      var s = ((n = {})[a] = "", n[u] = l, n.dangerouslySetInnerHTML = { __html: r3 }, n), i = Se();
+      return i && (s.nonce = i), [o.createElement("style", __assign({}, s, { key: "sc-0-0" }))];
     }, this.seal = function() {
       e3.sealed = true;
-    }, this.instance = new Pe({ isServer: true }), this.sealed = false;
+    }, this.instance = new _e({ isServer: true }), this.sealed = false;
   }
   return e2.prototype.collectStyles = function(e3) {
-    if (this.sealed) throw se(2);
-    return r.createElement(Be, { sheet: this.instance }, e3);
+    if (this.sealed) throw v(2);
+    return o.createElement(Ge, { sheet: this.instance }, e3);
   }, e2.prototype.interleaveWithNodeStream = function(e3) {
-    throw se(3);
+    throw v(3);
   }, e2;
 })();
 "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 vt = "__sc-".concat(a, "__");
-"undefined" != typeof window && (window[vt] || (window[vt] = 0), 1 === window[vt] && 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://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info."), window[vt] += 1);
+var mt = "__sc-".concat(a, "__");
+"undefined" != typeof window && (window[mt] || (window[mt] = 0), 1 === window[mt] && 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://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info."), window[mt] += 1);
 
 // src/utils/style.ts
 function attr(key, value) {
   if (typeof value !== "undefined") {
-    return at`
+    return st`
       ${key}: ${value};
     `;
   }
@@ -4407,9 +4358,9 @@ var makeString = (object) => {
   if (object == null) return "";
   return "" + object;
 };
-var copy2 = (a2, s, t2) => {
-  a2.forEach((m2) => {
-    if (s[m2]) t2[m2] = s[m2];
+var copy2 = (a3, s, t2) => {
+  a3.forEach((m3) => {
+    if (s[m3]) t2[m3] = s[m3];
   });
 };
 var lastOfPathSeparatorRegExp = /###/g;
@@ -4438,19 +4389,19 @@ var getLastOfPath = (object, path, Empty) => {
 var setPath = (object, path, newValue) => {
   const {
     obj,
-    k: k2
+    k: k3
   } = getLastOfPath(object, path, Object);
   if (obj !== void 0 || path.length === 1) {
-    obj[k2] = newValue;
+    obj[k3] = newValue;
     return;
   }
   let e2 = path[path.length - 1];
-  let p2 = path.slice(0, path.length - 1);
-  let last = getLastOfPath(object, p2, Object);
-  while (last.obj === void 0 && p2.length) {
-    e2 = `${p2[p2.length - 1]}.${e2}`;
-    p2 = p2.slice(0, p2.length - 1);
-    last = getLastOfPath(object, p2, Object);
+  let p3 = path.slice(0, path.length - 1);
+  let last = getLastOfPath(object, p3, Object);
+  while (last.obj === void 0 && p3.length) {
+    e2 = `${p3[p3.length - 1]}.${e2}`;
+    p3 = p3.slice(0, p3.length - 1);
+    last = getLastOfPath(object, p3, Object);
     if (last?.obj && typeof last.obj[`${last.k}.${e2}`] !== "undefined") {
       last.obj = void 0;
     }
@@ -4460,19 +4411,19 @@ var setPath = (object, path, newValue) => {
 var pushPath = (object, path, newValue, concat) => {
   const {
     obj,
-    k: k2
+    k: k3
   } = getLastOfPath(object, path, Object);
-  obj[k2] = obj[k2] || [];
-  obj[k2].push(newValue);
+  obj[k3] = obj[k3] || [];
+  obj[k3].push(newValue);
 };
 var getPath = (object, path) => {
   const {
     obj,
-    k: k2
+    k: k3
   } = getLastOfPath(object, path);
   if (!obj) return void 0;
-  if (!Object.prototype.hasOwnProperty.call(obj, k2)) return void 0;
-  return obj[k2];
+  if (!Object.prototype.hasOwnProperty.call(obj, k3)) return void 0;
+  return obj[k3];
 };
 var getPathWithDefaults = (data, defaultData, key) => {
   const value = getPath(data, key);
@@ -4537,13 +4488,13 @@ var looksLikeObjectPathRegExpCache = new RegExpCache(20);
 var looksLikeObjectPath = (key, nsSeparator, keySeparator) => {
   nsSeparator = nsSeparator || "";
   keySeparator = keySeparator || "";
-  const possibleChars = chars.filter((c2) => nsSeparator.indexOf(c2) < 0 && keySeparator.indexOf(c2) < 0);
+  const possibleChars = chars.filter((c3) => nsSeparator.indexOf(c3) < 0 && keySeparator.indexOf(c3) < 0);
   if (possibleChars.length === 0) return true;
-  const r2 = looksLikeObjectPathRegExpCache.getRegExp(`(${possibleChars.map((c2) => c2 === "?" ? "\\?" : c2).join("|")})`);
-  let matched = !r2.test(key);
+  const r3 = looksLikeObjectPathRegExpCache.getRegExp(`(${possibleChars.map((c3) => c3 === "?" ? "\\?" : c3).join("|")})`);
+  let matched = !r3.test(key);
   if (!matched) {
     const ki = key.indexOf(keySeparator);
-    if (ki > 0 && !r2.test(key.substring(0, ki))) {
+    if (ki > 0 && !r3.test(key.substring(0, ki))) {
       matched = true;
     }
   }
@@ -4563,17 +4514,17 @@ var deepFind = (obj, path, keySeparator = ".") => {
     }
     let next2;
     let nextPath = "";
-    for (let j2 = i; j2 < tokens.length; ++j2) {
-      if (j2 !== i) {
+    for (let j3 = i; j3 < tokens.length; ++j3) {
+      if (j3 !== i) {
         nextPath += keySeparator;
       }
-      nextPath += tokens[j2];
+      nextPath += tokens[j3];
       next2 = current[nextPath];
       if (next2 !== void 0) {
-        if (["string", "number", "boolean"].indexOf(typeof next2) > -1 && j2 < tokens.length - 1) {
+        if (["string", "number", "boolean"].indexOf(typeof next2) > -1 && j3 < tokens.length - 1) {
           continue;
         }
-        i += j2 - i + 1;
+        i += j3 - i + 1;
         break;
       }
     }
@@ -4749,8 +4700,8 @@ var ResourceStore = class extends EventEmitter {
   addResources(lng, ns, resources, options = {
     silent: false
   }) {
-    for (const m2 in resources) {
-      if (isString(resources[m2]) || Array.isArray(resources[m2])) this.addResource(lng, ns, m2, resources[m2], {
+    for (const m3 in resources) {
+      if (isString(resources[m3]) || Array.isArray(resources[m3])) this.addResource(lng, ns, m3, resources[m3], {
         silent: true
       });
     }
@@ -4801,7 +4752,7 @@ var ResourceStore = class extends EventEmitter {
   hasLanguageSomeTranslations(lng) {
     const data = this.getDataByLanguage(lng);
     const n = data && Object.keys(data) || [];
-    return !!n.find((v2) => data[v2] && Object.keys(data[v2]).length > 0);
+    return !!n.find((v3) => data[v3] && Object.keys(data[v3]).length > 0);
   }
   toJSON() {
     return this.data;
@@ -4854,11 +4805,11 @@ var Translator = class _Translator extends EventEmitter {
   changeLanguage(lng) {
     if (lng) this.language = lng;
   }
-  exists(key, o2 = {
+  exists(key, o3 = {
     interpolation: {}
   }) {
     const opt = {
-      ...o2
+      ...o3
     };
     if (key == null) return false;
     const resolved = this.resolve(key, opt);
@@ -4877,8 +4828,8 @@ var Translator = class _Translator extends EventEmitter {
     const wouldCheckForNsInKey = nsSeparator && key.indexOf(nsSeparator) > -1;
     const seemsNaturalLanguage = !this.options.userDefinedKeySeparator && !opt.keySeparator && !this.options.userDefinedNsSeparator && !opt.nsSeparator && !looksLikeObjectPath(key, nsSeparator, keySeparator);
     if (wouldCheckForNsInKey && !seemsNaturalLanguage) {
-      const m2 = key.match(this.interpolator.nestingRegexp);
-      if (m2 && m2.length > 0) {
+      const m3 = key.match(this.interpolator.nestingRegexp);
+      if (m3 && m3.length > 0) {
         return {
           key,
           namespaces: isString(namespaces) ? [namespaces] : namespaces
@@ -4893,10 +4844,10 @@ var Translator = class _Translator extends EventEmitter {
       namespaces: isString(namespaces) ? [namespaces] : namespaces
     };
   }
-  translate(keys, o2, lastKey) {
-    let opt = typeof o2 === "object" ? {
-      ...o2
-    } : o2;
+  translate(keys, o3, lastKey) {
+    let opt = typeof o3 === "object" ? {
+      ...o3
+    } : o3;
     if (typeof opt !== "object" && this.options.overloadTranslationOptionHandler) {
       opt = this.options.overloadTranslationOptionHandler(arguments);
     }
@@ -4973,35 +4924,35 @@ var Translator = class _Translator extends EventEmitter {
         if (!this.options.returnedObjectHandler) {
           this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         }
-        const r2 = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(resUsedKey, resForObjHndl, {
+        const r3 = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(resUsedKey, resForObjHndl, {
           ...opt,
           ns: namespaces
         }) : `key '${key} (${this.language})' returned an object instead of string.`;
         if (returnDetails) {
-          resolved.res = r2;
+          resolved.res = r3;
           resolved.usedParams = this.getUsedParamsDetails(opt);
           return resolved;
         }
-        return r2;
+        return r3;
       }
       if (keySeparator) {
         const resTypeIsArray = Array.isArray(resForObjHndl);
         const copy3 = resTypeIsArray ? [] : {};
         const newKeyToUse = resTypeIsArray ? resExactUsedKey : resUsedKey;
-        for (const m2 in resForObjHndl) {
-          if (Object.prototype.hasOwnProperty.call(resForObjHndl, m2)) {
-            const deepKey = `${newKeyToUse}${keySeparator}${m2}`;
+        for (const m3 in resForObjHndl) {
+          if (Object.prototype.hasOwnProperty.call(resForObjHndl, m3)) {
+            const deepKey = `${newKeyToUse}${keySeparator}${m3}`;
             if (hasDefaultValue && !res) {
-              copy3[m2] = this.translate(deepKey, {
+              copy3[m3] = this.translate(deepKey, {
                 ...opt,
-                defaultValue: shouldHandleAsObject(defaultValue) ? defaultValue[m2] : void 0,
+                defaultValue: shouldHandleAsObject(defaultValue) ? defaultValue[m3] : void 0,
                 ...{
                   joinArrays: false,
                   ns: namespaces
                 }
               });
             } else {
-              copy3[m2] = this.translate(deepKey, {
+              copy3[m3] = this.translate(deepKey, {
                 ...opt,
                 ...{
                   joinArrays: false,
@@ -5009,7 +4960,7 @@ var Translator = class _Translator extends EventEmitter {
                 }
               });
             }
-            if (copy3[m2] === deepKey) copy3[m2] = resForObjHndl[m2];
+            if (copy3[m3] === deepKey) copy3[m3] = resForObjHndl[m3];
           }
         }
         res = copy3;
@@ -5051,14 +5002,14 @@ var Translator = class _Translator extends EventEmitter {
         } else {
           lngs.push(opt.lng || this.language);
         }
-        const send = (l2, k2, specificDefaultValue) => {
+        const send = (l3, k3, specificDefaultValue) => {
           const defaultForMissing = hasDefaultValue && specificDefaultValue !== res ? specificDefaultValue : resForMissing;
           if (this.options.missingKeyHandler) {
-            this.options.missingKeyHandler(l2, namespace, k2, defaultForMissing, updateMissing, opt);
+            this.options.missingKeyHandler(l3, namespace, k3, defaultForMissing, updateMissing, opt);
           } else if (this.backendConnector?.saveMissing) {
-            this.backendConnector.saveMissing(l2, namespace, k2, defaultForMissing, updateMissing, opt);
+            this.backendConnector.saveMissing(l3, namespace, k3, defaultForMissing, updateMissing, opt);
           }
-          this.emit("missingKey", l2, namespace, k2, res);
+          this.emit("missingKey", l3, namespace, k3, res);
         };
         if (this.options.saveMissing) {
           if (this.options.saveMissingPlurals && needsPluralHandling) {
@@ -5156,9 +5107,9 @@ var Translator = class _Translator extends EventEmitter {
     let usedLng;
     let usedNS;
     if (isString(keys)) keys = [keys];
-    keys.forEach((k2) => {
+    keys.forEach((k3) => {
       if (this.isValidLookup(found)) return;
-      const extracted = this.extractFromKey(k2, opt);
+      const extracted = this.extractFromKey(k3, opt);
       const key = extracted.key;
       usedKey = key;
       let namespaces = extracted.namespaces;
@@ -5275,17 +5226,17 @@ var LanguageUtil = class {
   getScriptPartFromCode(code) {
     code = getCleanedCode(code);
     if (!code || code.indexOf("-") < 0) return null;
-    const p2 = code.split("-");
-    if (p2.length === 2) return null;
-    p2.pop();
-    if (p2[p2.length - 1].toLowerCase() === "x") return null;
-    return this.formatLanguageCode(p2.join("-"));
+    const p3 = code.split("-");
+    if (p3.length === 2) return null;
+    p3.pop();
+    if (p3[p3.length - 1].toLowerCase() === "x") return null;
+    return this.formatLanguageCode(p3.join("-"));
   }
   getLanguagePartFromCode(code) {
     code = getCleanedCode(code);
     if (!code || code.indexOf("-") < 0) return code;
-    const p2 = code.split("-");
-    return this.formatLanguageCode(p2[0]);
+    const p3 = code.split("-");
+    return this.formatLanguageCode(p3[0]);
   }
   formatLanguageCode(code) {
     if (isString(code) && code.indexOf("-") > -1) {
@@ -5353,12 +5304,12 @@ var LanguageUtil = class {
   toResolveHierarchy(code, fallbackCode) {
     const fallbackCodes = this.getFallbackCodes((fallbackCode === false ? [] : fallbackCode) || this.options.fallbackLng || [], code);
     const codes = [];
-    const addCode = (c2) => {
-      if (!c2) return;
-      if (this.isSupportedCode(c2)) {
-        codes.push(c2);
+    const addCode = (c3) => {
+      if (!c3) return;
+      if (this.isSupportedCode(c3)) {
+        codes.push(c3);
       } else {
-        this.logger.warn(`rejecting language code not found in supportedLngs: ${c2}`);
+        this.logger.warn(`rejecting language code not found in supportedLngs: ${c3}`);
       }
     };
     if (isString(code) && (code.indexOf("-") > -1 || code.indexOf("_") > -1)) {
@@ -5531,13 +5482,13 @@ var Interpolator = class {
           interpolationkey: key
         }) : path;
       }
-      const p2 = key.split(this.formatSeparator);
-      const k2 = p2.shift().trim();
-      const f2 = p2.join(this.formatSeparator).trim();
-      return this.format(deepFindWithDefaults(data, defaultData, k2, this.options.keySeparator, this.options.ignoreJSONStructure), f2, lng, {
+      const p3 = key.split(this.formatSeparator);
+      const k3 = p3.shift().trim();
+      const f2 = p3.join(this.formatSeparator).trim();
+      return this.format(deepFindWithDefaults(data, defaultData, k3, this.options.keySeparator, this.options.ignoreJSONStructure), f2, lng, {
         ...options,
         ...data,
-        interpolationkey: k2
+        interpolationkey: k3
       });
     };
     this.resetRegExp();
@@ -5594,9 +5545,9 @@ var Interpolator = class {
     const handleHasOptions = (key, inheritedOptions) => {
       const sep = this.nestingOptionsSeparator;
       if (key.indexOf(sep) < 0) return key;
-      const c2 = key.split(new RegExp(`${regexEscape(sep)}[ ]*{`));
-      let optionsString = `{${c2[1]}`;
-      key = c2[0];
+      const c3 = key.split(new RegExp(`${regexEscape(sep)}[ ]*{`));
+      let optionsString = `{${c3[1]}`;
+      key = c3[0];
       optionsString = this.interpolate(optionsString, clonedOptions);
       const matchedSingleQuotes = optionsString.match(/'/g);
       const matchedDoubleQuotes = optionsString.match(/"/g);
@@ -5637,7 +5588,7 @@ var Interpolator = class {
         value = "";
       }
       if (formatters.length) {
-        value = formatters.reduce((v2, f2) => this.format(v2, f2, options.lng, {
+        value = formatters.reduce((v3, f2) => this.format(v3, f2, options.lng, {
           ...options,
           interpolationkey: match2[1].trim()
         }), value.trim());
@@ -5652,9 +5603,9 @@ var parseFormatStr = (formatStr) => {
   let formatName = formatStr.toLowerCase().trim();
   const formatOptions = {};
   if (formatStr.indexOf("(") > -1) {
-    const p2 = formatStr.split("(");
-    formatName = p2[0].toLowerCase().trim();
-    const optStr = p2[1].substring(0, p2[1].length - 1);
+    const p3 = formatStr.split("(");
+    formatName = p3[0].toLowerCase().trim();
+    const optStr = p3[1].substring(0, p3[1].length - 1);
     if (formatName === "currency" && optStr.indexOf(":") < 0) {
       if (!formatOptions.currency) formatOptions.currency = optStr.trim();
     } else if (formatName === "relativetime" && optStr.indexOf(":") < 0) {
@@ -5681,24 +5632,24 @@ var parseFormatStr = (formatStr) => {
 };
 var createCachedFormatter = (fn) => {
   const cache = {};
-  return (v2, l2, o2) => {
-    let optForCache = o2;
-    if (o2 && o2.interpolationkey && o2.formatParams && o2.formatParams[o2.interpolationkey] && o2[o2.interpolationkey]) {
+  return (v3, l3, o3) => {
+    let optForCache = o3;
+    if (o3 && o3.interpolationkey && o3.formatParams && o3.formatParams[o3.interpolationkey] && o3[o3.interpolationkey]) {
       optForCache = {
         ...optForCache,
-        [o2.interpolationkey]: void 0
+        [o3.interpolationkey]: void 0
       };
     }
-    const key = l2 + JSON.stringify(optForCache);
+    const key = l3 + JSON.stringify(optForCache);
     let frm = cache[key];
     if (!frm) {
-      frm = fn(getCleanedCode(l2), o2);
+      frm = fn(getCleanedCode(l3), o3);
       cache[key] = frm;
     }
-    return frm(v2);
+    return frm(v3);
   };
 };
-var createNonCachedFormatter = (fn) => (v2, l2, o2) => fn(getCleanedCode(l2), o2)(v2);
+var createNonCachedFormatter = (fn) => (v3, l3, o3) => fn(getCleanedCode(l3), o3)(v3);
 var Formatter = class {
   constructor(options = {}) {
     this.logger = baseLogger.create("formatter");
@@ -5765,8 +5716,8 @@ var Formatter = class {
         let formatted = mem;
         try {
           const valOptions = options?.formatParams?.[options.interpolationkey] || {};
-          const l2 = valOptions.locale || valOptions.lng || options.locale || options.lng || lng;
-          formatted = this.formats[formatName](mem, l2, {
+          const l3 = valOptions.locale || valOptions.lng || options.locale || options.lng || lng;
+          formatted = this.formats[formatName](mem, l3, {
             ...formatOptions,
             ...options,
             ...valOptions
@@ -5783,10 +5734,10 @@ var Formatter = class {
     return result;
   }
 };
-var removePending = (q2, name) => {
-  if (q2.pending[name] !== void 0) {
-    delete q2.pending[name];
-    q2.pendingCount--;
+var removePending = (q3, name) => {
+  if (q3.pending[name] !== void 0) {
+    delete q3.pending[name];
+    q3.pendingCount--;
   }
 };
 var Connector = class extends EventEmitter {
@@ -5860,30 +5811,30 @@ var Connector = class extends EventEmitter {
     this.state[name] = err2 ? -1 : 2;
     if (err2 && data) this.state[name] = 0;
     const loaded = {};
-    this.queue.forEach((q2) => {
-      pushPath(q2.loaded, [lng], ns);
-      removePending(q2, name);
-      if (err2) q2.errors.push(err2);
-      if (q2.pendingCount === 0 && !q2.done) {
-        Object.keys(q2.loaded).forEach((l2) => {
-          if (!loaded[l2]) loaded[l2] = {};
-          const loadedKeys = q2.loaded[l2];
+    this.queue.forEach((q3) => {
+      pushPath(q3.loaded, [lng], ns);
+      removePending(q3, name);
+      if (err2) q3.errors.push(err2);
+      if (q3.pendingCount === 0 && !q3.done) {
+        Object.keys(q3.loaded).forEach((l3) => {
+          if (!loaded[l3]) loaded[l3] = {};
+          const loadedKeys = q3.loaded[l3];
           if (loadedKeys.length) {
             loadedKeys.forEach((n) => {
-              if (loaded[l2][n] === void 0) loaded[l2][n] = true;
+              if (loaded[l3][n] === void 0) loaded[l3][n] = true;
             });
           }
         });
-        q2.done = true;
-        if (q2.errors.length) {
-          q2.callback(q2.errors);
+        q3.done = true;
+        if (q3.errors.length) {
+          q3.callback(q3.errors);
         } else {
-          q2.callback();
+          q3.callback();
         }
       }
     });
     this.emit("loaded", loaded);
-    this.queue = this.queue.filter((q2) => !q2.done);
+    this.queue = this.queue.filter((q3) => !q3.done);
   }
   read(lng, ns, fcName, tried = 0, wait = this.retryTimeout, callback) {
     if (!lng.length) return callback(null, {});
@@ -5916,11 +5867,11 @@ var Connector = class extends EventEmitter {
     const fc = this.backend[fcName].bind(this.backend);
     if (fc.length === 2) {
       try {
-        const r2 = fc(lng, ns);
-        if (r2 && typeof r2.then === "function") {
-          r2.then((data) => resolver(null, data)).catch(resolver);
+        const r3 = fc(lng, ns);
+        if (r3 && typeof r3.then === "function") {
+          r3.then((data) => resolver(null, data)).catch(resolver);
         } else {
-          resolver(null, r2);
+          resolver(null, r3);
         }
       } catch (err2) {
         resolver(err2);
@@ -5978,16 +5929,16 @@ var Connector = class extends EventEmitter {
       const fc = this.backend.create.bind(this.backend);
       if (fc.length < 6) {
         try {
-          let r2;
+          let r3;
           if (fc.length === 5) {
-            r2 = fc(languages, namespace, key, fallbackValue, opts);
+            r3 = fc(languages, namespace, key, fallbackValue, opts);
           } else {
-            r2 = fc(languages, namespace, key, fallbackValue);
+            r3 = fc(languages, namespace, key, fallbackValue);
           }
-          if (r2 && typeof r2.then === "function") {
-            r2.then((data) => clb(null, data)).catch(clb);
+          if (r3 && typeof r3.then === "function") {
+            r3.then((data) => clb(null, data)).catch(clb);
           } else {
-            clb(null, r2);
+            clb(null, r3);
           }
         } catch (err2) {
           clb(err2);
@@ -6081,12 +6032,20 @@ var bindMemberFunctions = (inst) => {
     }
   });
 };
-var supportNoticeShown = false;
+var SUPPORT_NOTICE_KEY = "__i18next_supportNoticeShown";
+var getSupportNoticeShown = () => typeof globalThis !== "undefined" && !!globalThis[SUPPORT_NOTICE_KEY];
+var setSupportNoticeShown = () => {
+  if (typeof globalThis !== "undefined") globalThis[SUPPORT_NOTICE_KEY] = true;
+};
 var usesLocize = (inst) => {
   if (inst?.modules?.backend?.name?.indexOf("Locize") > 0) return true;
   if (inst?.modules?.backend?.constructor?.name?.indexOf("Locize") > 0) return true;
   if (inst?.options?.backend?.backends) {
-    if (inst.options.backend.backends.some((b2) => b2?.name?.indexOf("Locize") > 0 || b2?.constructor?.name?.indexOf("Locize") > 0)) return true;
+    if (inst.options.backend.backends.some((b3) => b3?.name?.indexOf("Locize") > 0 || b3?.constructor?.name?.indexOf("Locize") > 0)) return true;
+  }
+  if (inst?.options?.backend?.projectId) return true;
+  if (inst?.options?.backend?.backendOptions) {
+    if (inst.options.backend.backendOptions.some((b3) => b3?.projectId)) return true;
   }
   return false;
 };
@@ -6142,9 +6101,9 @@ var I18n = class _I18n extends EventEmitter {
     if (typeof this.options.overloadTranslationOptionHandler !== "function") {
       this.options.overloadTranslationOptionHandler = defOpts.overloadTranslationOptionHandler;
     }
-    if (this.options.showSupportNotice !== false && !usesLocize(this) && !supportNoticeShown) {
+    if (this.options.showSupportNotice !== false && !usesLocize(this) && !getSupportNoticeShown()) {
       if (typeof console !== "undefined" && typeof console.info !== "undefined") console.info("\u{1F310} i18next is maintained with support from Locize \u2014 consider powering your project with managed localization (AI, CDN, integrations): https://locize.com \u{1F499}");
-      supportNoticeShown = true;
+      setSupportNoticeShown();
     }
     const createClassOnDemand = (ClassOrObject) => {
       if (!ClassOrObject) return null;
@@ -6202,8 +6161,8 @@ var I18n = class _I18n extends EventEmitter {
       this.translator.on("*", (event, ...args) => {
         this.emit(event, ...args);
       });
-      this.modules.external.forEach((m2) => {
-        if (m2.init) m2.init(this);
+      this.modules.external.forEach((m3) => {
+        if (m3.init) m3.init(this);
       });
     }
     this.format = this.options.interpolation.format;
@@ -6258,18 +6217,18 @@ var I18n = class _I18n extends EventEmitter {
         if (!lng) return;
         if (lng === "cimode") return;
         const lngs = this.services.languageUtils.toResolveHierarchy(lng);
-        lngs.forEach((l2) => {
-          if (l2 === "cimode") return;
-          if (toLoad.indexOf(l2) < 0) toLoad.push(l2);
+        lngs.forEach((l3) => {
+          if (l3 === "cimode") return;
+          if (toLoad.indexOf(l3) < 0) toLoad.push(l3);
         });
       };
       if (!usedLng) {
         const fallbacks = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
-        fallbacks.forEach((l2) => append2(l2));
+        fallbacks.forEach((l3) => append2(l3));
       } else {
         append2(usedLng);
       }
-      this.options.preload?.forEach?.((l2) => append2(l2));
+      this.options.preload?.forEach?.((l3) => append2(l3));
       this.services.backendConnector.load(toLoad, this.options.ns, (e2) => {
         if (!e2 && !this.resolvedLanguage && this.language) this.setResolvedLanguage(this.language);
         usedCallback(e2);
@@ -6323,9 +6282,9 @@ var I18n = class _I18n extends EventEmitter {
     }
     return this;
   }
-  setResolvedLanguage(l2) {
-    if (!l2 || !this.languages) return;
-    if (["cimode", "dev"].indexOf(l2) > -1) return;
+  setResolvedLanguage(l3) {
+    if (!l3 || !this.languages) return;
+    if (["cimode", "dev"].indexOf(l3) > -1) return;
     for (let li = 0; li < this.languages.length; li++) {
       const lngInLngs = this.languages[li];
       if (["cimode", "dev"].indexOf(lngInLngs) > -1) continue;
@@ -6334,29 +6293,29 @@ var I18n = class _I18n extends EventEmitter {
         break;
       }
     }
-    if (!this.resolvedLanguage && this.languages.indexOf(l2) < 0 && this.store.hasLanguageSomeTranslations(l2)) {
-      this.resolvedLanguage = l2;
-      this.languages.unshift(l2);
+    if (!this.resolvedLanguage && this.languages.indexOf(l3) < 0 && this.store.hasLanguageSomeTranslations(l3)) {
+      this.resolvedLanguage = l3;
+      this.languages.unshift(l3);
     }
   }
   changeLanguage(lng, callback) {
     this.isLanguageChangingTo = lng;
     const deferred = defer();
     this.emit("languageChanging", lng);
-    const setLngProps = (l2) => {
-      this.language = l2;
-      this.languages = this.services.languageUtils.toResolveHierarchy(l2);
+    const setLngProps = (l3) => {
+      this.language = l3;
+      this.languages = this.services.languageUtils.toResolveHierarchy(l3);
       this.resolvedLanguage = void 0;
-      this.setResolvedLanguage(l2);
+      this.setResolvedLanguage(l3);
     };
-    const done = (err2, l2) => {
-      if (l2) {
+    const done = (err2, l3) => {
+      if (l3) {
         if (this.isLanguageChangingTo === lng) {
-          setLngProps(l2);
-          this.translator.changeLanguage(l2);
+          setLngProps(l3);
+          this.translator.changeLanguage(l3);
           this.isLanguageChangingTo = void 0;
-          this.emit("languageChanged", l2);
-          this.logger.log("languageChanged", l2);
+          this.emit("languageChanged", l3);
+          this.logger.log("languageChanged", l3);
         }
       } else {
         this.isLanguageChangingTo = void 0;
@@ -6367,16 +6326,16 @@ var I18n = class _I18n extends EventEmitter {
     const setLng = (lngs) => {
       if (!lng && !lngs && this.services.languageDetector) lngs = [];
       const fl = isString(lngs) ? lngs : lngs && lngs[0];
-      const l2 = this.store.hasLanguageSomeTranslations(fl) ? fl : this.services.languageUtils.getBestMatchFromCodes(isString(lngs) ? [lngs] : lngs);
-      if (l2) {
+      const l3 = this.store.hasLanguageSomeTranslations(fl) ? fl : this.services.languageUtils.getBestMatchFromCodes(isString(lngs) ? [lngs] : lngs);
+      if (l3) {
         if (!this.language) {
-          setLngProps(l2);
+          setLngProps(l3);
         }
-        if (!this.translator.language) this.translator.changeLanguage(l2);
-        this.services.languageDetector?.cacheUserLanguage?.(l2);
+        if (!this.translator.language) this.translator.changeLanguage(l3);
+        this.services.languageDetector?.cacheUserLanguage?.(l3);
       }
-      this.loadResources(l2, (err2) => {
-        done(err2, l2);
+      this.loadResources(l3, (err2) => {
+        done(err2, l3);
       });
     };
     if (!lng && this.services.languageDetector && !this.services.languageDetector.async) {
@@ -6394,36 +6353,36 @@ var I18n = class _I18n extends EventEmitter {
   }
   getFixedT(lng, ns, keyPrefix) {
     const fixedT = (key, opts, ...rest) => {
-      let o2;
+      let o3;
       if (typeof opts !== "object") {
-        o2 = this.options.overloadTranslationOptionHandler([key, opts].concat(rest));
+        o3 = this.options.overloadTranslationOptionHandler([key, opts].concat(rest));
       } else {
-        o2 = {
+        o3 = {
           ...opts
         };
       }
-      o2.lng = o2.lng || fixedT.lng;
-      o2.lngs = o2.lngs || fixedT.lngs;
-      o2.ns = o2.ns || fixedT.ns;
-      if (o2.keyPrefix !== "") o2.keyPrefix = o2.keyPrefix || keyPrefix || fixedT.keyPrefix;
+      o3.lng = o3.lng || fixedT.lng;
+      o3.lngs = o3.lngs || fixedT.lngs;
+      o3.ns = o3.ns || fixedT.ns;
+      if (o3.keyPrefix !== "") o3.keyPrefix = o3.keyPrefix || keyPrefix || fixedT.keyPrefix;
       const keySeparator = this.options.keySeparator || ".";
       let resultKey;
-      if (o2.keyPrefix && Array.isArray(key)) {
-        resultKey = key.map((k2) => {
-          if (typeof k2 === "function") k2 = keysFromSelector(k2, {
+      if (o3.keyPrefix && Array.isArray(key)) {
+        resultKey = key.map((k3) => {
+          if (typeof k3 === "function") k3 = keysFromSelector(k3, {
             ...this.options,
             ...opts
           });
-          return `${o2.keyPrefix}${keySeparator}${k2}`;
+          return `${o3.keyPrefix}${keySeparator}${k3}`;
         });
       } else {
         if (typeof key === "function") key = keysFromSelector(key, {
           ...this.options,
           ...opts
         });
-        resultKey = o2.keyPrefix ? `${o2.keyPrefix}${keySeparator}${key}` : key;
+        resultKey = o3.keyPrefix ? `${o3.keyPrefix}${keySeparator}${key}` : key;
       }
-      return this.t(resultKey, o2);
+      return this.t(resultKey, o3);
     };
     if (isString(lng)) {
       fixedT.lng = lng;
@@ -6456,8 +6415,8 @@ var I18n = class _I18n extends EventEmitter {
     const fallbackLng = this.options ? this.options.fallbackLng : false;
     const lastLng = this.languages[this.languages.length - 1];
     if (lng.toLowerCase() === "cimode") return true;
-    const loadNotPending = (l2, n) => {
-      const loadState = this.services.backendConnector.state[`${l2}|${n}`];
+    const loadNotPending = (l3, n) => {
+      const loadState = this.services.backendConnector.state[`${l3}|${n}`];
       return loadState === -1 || loadState === 0 || loadState === 2;
     };
     if (options.precheck) {
@@ -6505,9 +6464,9 @@ var I18n = class _I18n extends EventEmitter {
     if (!lng) lng = this.resolvedLanguage || (this.languages?.length > 0 ? this.languages[0] : this.language);
     if (!lng) return "rtl";
     try {
-      const l2 = new Intl.Locale(lng);
-      if (l2 && l2.getTextInfo) {
-        const ti = l2.getTextInfo();
+      const l3 = new Intl.Locale(lng);
+      if (l3 && l3.getTextInfo) {
+        const ti = l3.getTextInfo();
         if (ti && ti.direction) return ti.direction;
       }
     } catch (e2) {
@@ -6537,8 +6496,8 @@ var I18n = class _I18n extends EventEmitter {
       clone.logger = clone.logger.clone(options);
     }
     const membersToCopy = ["store", "services", "language"];
-    membersToCopy.forEach((m2) => {
-      clone[m2] = this[m2];
+    membersToCopy.forEach((m3) => {
+      clone[m3] = this[m3];
     });
     clone.services = {
       ...this.services
@@ -6547,16 +6506,16 @@ var I18n = class _I18n extends EventEmitter {
       hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
     };
     if (forkResourceStore) {
-      const clonedData = Object.keys(this.store.data).reduce((prev2, l2) => {
-        prev2[l2] = {
-          ...this.store.data[l2]
+      const clonedData = Object.keys(this.store.data).reduce((prev2, l3) => {
+        prev2[l3] = {
+          ...this.store.data[l3]
         };
-        prev2[l2] = Object.keys(prev2[l2]).reduce((acc, n) => {
+        prev2[l3] = Object.keys(prev2[l3]).reduce((acc, n) => {
           acc[n] = {
-            ...prev2[l2][n]
+            ...prev2[l3][n]
           };
           return acc;
-        }, prev2[l2]);
+        }, prev2[l3]);
         return prev2;
       }, {});
       clone.store = new ResourceStore(clonedData, mergedOptions);
@@ -6708,7 +6667,7 @@ var htmlEntities = {
   "&#x2F;": "/",
   "&#47;": "/"
 };
-var unescapeHtmlEntity = (m2) => htmlEntities[m2];
+var unescapeHtmlEntity = (m3) => htmlEntities[m3];
 var unescape = (text) => text.replace(matchHtmlEntity, unescapeHtmlEntity);
 
 // node_modules/react-i18next/dist/es/defaults.js
@@ -6995,7 +6954,7 @@ var commonEntities = {
   "&alefsym;": "\u2135"
 };
 var entityPattern = new RegExp(Object.keys(commonEntities).map((entity) => entity.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|"), "g");
-var decodeHtmlEntities = (text) => text.replace(entityPattern, (match2) => commonEntities[match2]).replace(/&#(\d+);/g, (_2, num) => String.fromCharCode(parseInt(num, 10))).replace(/&#x([0-9a-fA-F]+);/g, (_2, hex) => String.fromCharCode(parseInt(hex, 16)));
+var decodeHtmlEntities = (text) => text.replace(entityPattern, (match2) => commonEntities[match2]).replace(/&#(\d+);/g, (_3, num) => String.fromCharCode(parseInt(num, 10))).replace(/&#x([0-9a-fA-F]+);/g, (_3, hex) => String.fromCharCode(parseInt(hex, 16)));
 
 // node_modules/react-i18next/dist/es/IcuTransUtils/tokenizer.js
 var tokenize2 = (translation) => {
@@ -7172,7 +7131,7 @@ function IcuTransWithoutContext({
     });
     return React2.createElement(React2.Fragment, {}, defaultTranslation);
   }
-  const t2 = tFromProps || i18n.t?.bind(i18n) || ((k2) => k2);
+  const t2 = tFromProps || i18n.t?.bind(i18n) || ((k3) => k3);
   let namespaces = ns || t2.ns || i18n.options?.defaultNS;
   namespaces = isString2(namespaces) ? [namespaces] : namespaces || ["translation"];
   let mergedValues = values;
@@ -7253,10 +7212,10 @@ var useTranslation = (ns, props = {}) => {
   if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
   if (!i18n) {
     warnOnce(i18n, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
-    const notReadyT = (k2, optsOrDefaultValue) => {
+    const notReadyT = (k3, optsOrDefaultValue) => {
       if (isString2(optsOrDefaultValue)) return optsOrDefaultValue;
       if (isObject(optsOrDefaultValue) && isString2(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
-      return Array.isArray(k2) ? k2[k2.length - 1] : k2;
+      return Array.isArray(k3) ? k3[k3.length - 1] : k3;
     };
     const retNotReady = [notReadyT, {}, false];
     retNotReady.t = notReadyT;
@@ -7353,7 +7312,7 @@ import { useContext as useContext4 } from "react";
 var en_default = {
   translation: {
     "A problem occurred while saving your payment method.": "A problem occurred while saving your payment method.",
-    "Access to plan will end on": "Access to plan will end on {{date}}",
+    "Access to plan will end.": "Access to {{plan}} will end on {{date}}.",
     Active: "Active",
     Add: "Add",
     "Add new payment method": "Add new payment method",
@@ -7371,7 +7330,7 @@ var en_default = {
     "An unknown error occurred.": "An unknown error occurred.",
     Billed: "Billed {{period}}",
     "Cancel subscription": "Cancel subscription",
-    "Cannot change to this plan.": "{{reason, list(style: 'long'; type: 'disjunction';)}} usage is over the limit.",
+    "Cannot change to this plan.": "{{reason, list(type: 'conjunction')}} usage is over the limit.",
     "Cannot downgrade entitlement": "Cannot downgrade to a quantity lower than current usage.",
     "Card ending in": "\u{1F4B3} Card ending in {{value}}",
     "Change add-on": "Change add-on",
@@ -7390,6 +7349,7 @@ var en_default = {
     "Currently using": "Currently using {{quantity}} {{unit}}",
     "Custom price": "Custom price",
     Discount: "Discount",
+    "Downgrade to plan scheduled": "Downgrade to {{plan}} scheduled",
     "Due today": "Due today",
     "Edit payment method": "Edit payment method",
     Edit: "Edit",
@@ -7459,7 +7419,8 @@ var en_default = {
     "Select quantities for add-ons": "Select quantities for add-ons",
     Selected: "Selected",
     "Selected plan or associated price is missing.": "Selected plan or associated price is missing.",
-    "Self-service downgrade not permitted.": "Self-service downgrade not permitted.",
+    "Downgrade not permitted.": "Downgrade not permitted.",
+    "Downgrade pending.": "Downgrade pending.",
     "Session expired. Please refresh and try again.": "Session expired. Please refresh and try again.",
     "Show details": "Show details",
     "Start trial": "Start trial",
@@ -7507,6 +7468,7 @@ var en_default = {
     "X units per use": "{{amount}} {{units}} per use",
     "X time left in trial": "{{amount}} {{units}} left in trial",
     "Yearly total": "Yearly total",
+    "You will be downgraded at the end of your billing period.": "You will be downgraded to the {{plan}} plan at the end of your billing period on {{date}}.",
     "You will retain access to your plan until the end of the billing period, on": "You will retain access to your plan until the end of the billing period, on",
     "$X per unit": "{{cost}} per {{unit}}",
     "$X per Y units": "{{cost}} per {{size}} {{units}}",
@@ -7545,6 +7507,754 @@ instance.use(initReactI18next).init({
 // node_modules/@schematichq/schematic-icons/dist/components/Icon/Icon.js
 import { jsx as _jsx } from "react/jsx-runtime";
 
+// node_modules/@schematichq/schematic-icons/node_modules/styled-components/dist/styled-components.browser.esm.js
+import r2, { createElement as o2 } from "react";
+var a2 = "undefined" != typeof process && void 0 !== process.env && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled";
+var c2 = "active";
+var u2 = "data-styled-version";
+var l2 = "6.3.9";
+var d2 = "/*!sc*/\n";
+var h2 = "undefined" != typeof window && "undefined" != typeof document;
+var p2 = void 0 === r2.createContext;
+var f = 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 : true);
+var m2 = {};
+var y2 = /invalid hook call/i;
+var v2 = /* @__PURE__ */ new Set();
+var g2 = function(t2, n) {
+  if (true) {
+    if (p2) return;
+    var o3 = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t2).concat(o3, " 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.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n", i = console.error;
+    try {
+      var a3 = true;
+      console.error = function(t3) {
+        for (var n2 = [], r3 = 1; r3 < arguments.length; r3++) n2[r3 - 1] = arguments[r3];
+        y2.test(t3) ? (a3 = false, v2.delete(s)) : i.apply(void 0, __spreadArray([t3], n2, false));
+      }, "function" == typeof r2.useState && r2.useState(null), a3 && !v2.has(s) && (console.warn(s), v2.add(s));
+    } catch (e2) {
+      y2.test(e2.message) && v2.delete(s);
+    } finally {
+      console.error = i;
+    }
+  }
+};
+var S2 = Object.freeze([]);
+var w2 = Object.freeze({});
+function b2(e2, t2, n) {
+  return void 0 === n && (n = w2), e2.theme !== n.theme && e2.theme || t2 || n.theme;
+}
+var N2 = /* @__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"]);
+var E2 = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g;
+var C2 = /(^-|-$)/g;
+function A2(e2) {
+  return e2.replace(E2, "-").replace(C2, "");
+}
+var _2 = /(a)(d)/gi;
+var P2 = function(e2) {
+  return String.fromCharCode(e2 + (e2 > 25 ? 39 : 97));
+};
+function I2(e2) {
+  var t2, n = "";
+  for (t2 = Math.abs(e2); t2 > 52; t2 = t2 / 52 | 0) n = P2(t2 % 52) + n;
+  return (P2(t2 % 52) + n).replace(_2, "$1-$2");
+}
+var O2;
+var D2 = function(e2, t2) {
+  for (var n = t2.length; n; ) e2 = 33 * e2 ^ t2.charCodeAt(--n);
+  return e2;
+};
+var R2 = function(e2) {
+  return D2(5381, e2);
+};
+function T2(e2) {
+  return I2(R2(e2) >>> 0);
+}
+function x2(e2) {
+  return "string" == typeof e2 && e2 || e2.displayName || e2.name || "Component";
+}
+function j2(e2) {
+  return "string" == typeof e2 && e2.charAt(0) === e2.charAt(0).toLowerCase();
+}
+var k2 = "function" == typeof Symbol && Symbol.for;
+var M2 = k2 ? /* @__PURE__ */ Symbol.for("react.memo") : 60115;
+var V2 = k2 ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112;
+var F2 = { childContextTypes: true, contextType: true, contextTypes: true, defaultProps: true, displayName: true, getDefaultProps: true, getDerivedStateFromError: true, getDerivedStateFromProps: true, mixins: true, propTypes: true, type: true };
+var G2 = { name: true, length: true, prototype: true, caller: true, callee: true, arguments: true, arity: true };
+var L2 = { $$typeof: true, compare: true, defaultProps: true, displayName: true, propTypes: true, type: true };
+var B2 = ((O2 = {})[V2] = { $$typeof: true, render: true, defaultProps: true, displayName: true, propTypes: true }, O2[M2] = L2, O2);
+function z2(e2) {
+  return ("type" in (t2 = e2) && t2.type.$$typeof) === M2 ? L2 : "$$typeof" in e2 ? B2[e2.$$typeof] : F2;
+  var t2;
+}
+var $2 = Object.defineProperty;
+var Y2 = Object.getOwnPropertyNames;
+var W2 = Object.getOwnPropertySymbols;
+var q2 = Object.getOwnPropertyDescriptor;
+var H2 = Object.getPrototypeOf;
+var U2 = Object.prototype;
+function J2(e2, t2, n) {
+  if ("string" != typeof t2) {
+    if (U2) {
+      var r3 = H2(t2);
+      r3 && r3 !== U2 && J2(e2, r3, n);
+    }
+    var o3 = Y2(t2);
+    W2 && (o3 = o3.concat(W2(t2)));
+    for (var s = z2(e2), i = z2(t2), a3 = 0; a3 < o3.length; ++a3) {
+      var c3 = o3[a3];
+      if (!(c3 in G2 || n && n[c3] || i && c3 in i || s && c3 in s)) {
+        var u3 = q2(t2, c3);
+        try {
+          $2(e2, c3, u3);
+        } catch (e3) {
+        }
+      }
+    }
+  }
+  return e2;
+}
+function X2(e2) {
+  return "function" == typeof e2;
+}
+function Z2(e2) {
+  return "object" == typeof e2 && "styledComponentId" in e2;
+}
+function K2(e2, t2) {
+  return e2 && t2 ? "".concat(e2, " ").concat(t2) : e2 || t2 || "";
+}
+function Q2(e2, t2) {
+  return e2.join(t2 || "");
+}
+function ee2(e2) {
+  return null !== e2 && "object" == typeof e2 && e2.constructor.name === Object.name && !("props" in e2 && e2.$$typeof);
+}
+function te2(e2, t2, n) {
+  if (void 0 === n && (n = false), !n && !ee2(e2) && !Array.isArray(e2)) return t2;
+  if (Array.isArray(t2)) for (var r3 = 0; r3 < t2.length; r3++) e2[r3] = te2(e2[r3], t2[r3]);
+  else if (ee2(t2)) for (var r3 in t2) e2[r3] = te2(e2[r3], t2[r3]);
+  return e2;
+}
+function ne2(e2, t2) {
+  Object.defineProperty(e2, "toString", { value: t2 });
+}
+var re2 = true ? { 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 oe2() {
+  for (var e2 = [], t2 = 0; t2 < arguments.length; t2++) e2[t2] = arguments[t2];
+  for (var n = e2[0], r3 = [], o3 = 1, s = e2.length; o3 < s; o3 += 1) r3.push(e2[o3]);
+  return r3.forEach(function(e3) {
+    n = n.replace(/%[a-z]/, e3);
+  }), n;
+}
+function se2(t2) {
+  for (var n = [], r3 = 1; r3 < arguments.length; r3++) n[r3 - 1] = arguments[r3];
+  return false ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t2, " for more information.").concat(n.length > 0 ? " Args: ".concat(n.join(", ")) : "")) : new Error(oe2.apply(void 0, __spreadArray([re2[t2]], n, false)).trim());
+}
+var ie2 = (function() {
+  function e2(e3) {
+    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e3, this._cGroup = 0, this._cIndex = 0;
+  }
+  return e2.prototype.indexOfGroup = function(e3) {
+    if (e3 === this._cGroup) return this._cIndex;
+    var t2 = this._cIndex;
+    if (e3 > this._cGroup) for (var n = this._cGroup; n < e3; n++) t2 += this.groupSizes[n];
+    else for (n = this._cGroup - 1; n >= e3; n--) t2 -= this.groupSizes[n];
+    return this._cGroup = e3, this._cIndex = t2, t2;
+  }, e2.prototype.insertRules = function(e3, t2) {
+    if (e3 >= this.groupSizes.length) {
+      for (var n = this.groupSizes, r3 = n.length, o3 = r3; e3 >= o3; ) if ((o3 <<= 1) < 0) throw se2(16, "".concat(e3));
+      this.groupSizes = new Uint32Array(o3), this.groupSizes.set(n), this.length = o3;
+      for (var s = r3; s < o3; s++) this.groupSizes[s] = 0;
+    }
+    for (var i = this.indexOfGroup(e3 + 1), a3 = 0, c3 = (s = 0, t2.length); s < c3; s++) this.tag.insertRule(i, t2[s]) && (this.groupSizes[e3]++, i++, a3++);
+    a3 > 0 && this._cGroup > e3 && (this._cIndex += a3);
+  }, e2.prototype.clearGroup = function(e3) {
+    if (e3 < this.length) {
+      var t2 = this.groupSizes[e3], n = this.indexOfGroup(e3), r3 = n + t2;
+      this.groupSizes[e3] = 0;
+      for (var o3 = n; o3 < r3; o3++) this.tag.deleteRule(n);
+      t2 > 0 && this._cGroup > e3 && (this._cIndex -= t2);
+    }
+  }, e2.prototype.getGroup = function(e3) {
+    var t2 = "";
+    if (e3 >= this.length || 0 === this.groupSizes[e3]) return t2;
+    for (var n = this.groupSizes[e3], r3 = this.indexOfGroup(e3), o3 = r3 + n, s = r3; s < o3; s++) t2 += this.tag.getRule(s) + d2;
+    return t2;
+  }, e2;
+})();
+var ae2 = 1 << 30;
+var ce2 = /* @__PURE__ */ new Map();
+var ue2 = /* @__PURE__ */ new Map();
+var le2 = 1;
+var de2 = function(e2) {
+  if (ce2.has(e2)) return ce2.get(e2);
+  for (; ue2.has(le2); ) le2++;
+  var t2 = le2++;
+  if ((0 | t2) < 0 || t2 > ae2) throw se2(16, "".concat(t2));
+  return ce2.set(e2, t2), ue2.set(t2, e2), t2;
+};
+var he2 = function(e2, t2) {
+  le2 = t2 + 1, ce2.set(e2, t2), ue2.set(t2, e2);
+};
+var pe2 = "style[".concat(a2, "][").concat(u2, '="').concat(l2, '"]');
+var fe2 = new RegExp("^".concat(a2, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'));
+var me2 = function(e2) {
+  return "undefined" != typeof ShadowRoot && e2 instanceof ShadowRoot || "host" in e2 && 11 === e2.nodeType;
+};
+var ye2 = function(e2) {
+  if (!e2) return document;
+  if (me2(e2)) return e2;
+  if ("getRootNode" in e2) {
+    var t2 = e2.getRootNode();
+    if (me2(t2)) return t2;
+  }
+  return document;
+};
+var ve2 = function(e2, t2, n) {
+  for (var r3, o3 = n.split(","), s = 0, i = o3.length; s < i; s++) (r3 = o3[s]) && e2.registerName(t2, r3);
+};
+var ge2 = function(e2, t2) {
+  for (var n, r3 = (null !== (n = t2.textContent) && void 0 !== n ? n : "").split(d2), o3 = [], s = 0, i = r3.length; s < i; s++) {
+    var a3 = r3[s].trim();
+    if (a3) {
+      var c3 = a3.match(fe2);
+      if (c3) {
+        var u3 = 0 | parseInt(c3[1], 10), l3 = c3[2];
+        0 !== u3 && (he2(l3, u3), ve2(e2, l3, c3[3]), e2.getTag().insertRules(u3, o3)), o3.length = 0;
+      } else o3.push(a3);
+    }
+  }
+};
+var Se2 = function(e2) {
+  for (var t2 = ye2(e2.options.target).querySelectorAll(pe2), n = 0, r3 = t2.length; n < r3; n++) {
+    var o3 = t2[n];
+    o3 && o3.getAttribute(a2) !== c2 && (ge2(e2, o3), o3.parentNode && o3.parentNode.removeChild(o3));
+  }
+};
+function we2() {
+  return "undefined" != typeof __webpack_nonce__ ? __webpack_nonce__ : null;
+}
+var be2 = function(e2) {
+  var t2 = document.head, n = e2 || t2, r3 = document.createElement("style"), o3 = (function(e3) {
+    var t3 = Array.from(e3.querySelectorAll("style[".concat(a2, "]")));
+    return t3[t3.length - 1];
+  })(n), s = void 0 !== o3 ? o3.nextSibling : null;
+  r3.setAttribute(a2, c2), r3.setAttribute(u2, l2);
+  var i = we2();
+  return i && r3.setAttribute("nonce", i), n.insertBefore(r3, s), r3;
+};
+var Ne2 = (function() {
+  function e2(e3) {
+    this.element = be2(e3), this.element.appendChild(document.createTextNode("")), this.sheet = (function(e4) {
+      var t2;
+      if (e4.sheet) return e4.sheet;
+      for (var n = null !== (t2 = e4.getRootNode().styleSheets) && void 0 !== t2 ? t2 : document.styleSheets, r3 = 0, o3 = n.length; r3 < o3; r3++) {
+        var s = n[r3];
+        if (s.ownerNode === e4) return s;
+      }
+      throw se2(17);
+    })(this.element), this.length = 0;
+  }
+  return e2.prototype.insertRule = function(e3, t2) {
+    try {
+      return this.sheet.insertRule(t2, e3), this.length++, true;
+    } catch (e4) {
+      return false;
+    }
+  }, e2.prototype.deleteRule = function(e3) {
+    this.sheet.deleteRule(e3), this.length--;
+  }, e2.prototype.getRule = function(e3) {
+    var t2 = this.sheet.cssRules[e3];
+    return t2 && t2.cssText ? t2.cssText : "";
+  }, e2;
+})();
+var Ee2 = (function() {
+  function e2(e3) {
+    this.element = be2(e3), this.nodes = this.element.childNodes, this.length = 0;
+  }
+  return e2.prototype.insertRule = function(e3, t2) {
+    if (e3 <= this.length && e3 >= 0) {
+      var n = document.createTextNode(t2);
+      return this.element.insertBefore(n, this.nodes[e3] || null), this.length++, true;
+    }
+    return false;
+  }, e2.prototype.deleteRule = function(e3) {
+    this.element.removeChild(this.nodes[e3]), this.length--;
+  }, e2.prototype.getRule = function(e3) {
+    return e3 < this.length ? this.nodes[e3].textContent : "";
+  }, e2;
+})();
+var Ce2 = (function() {
+  function e2(e3) {
+    this.rules = [], this.length = 0;
+  }
+  return e2.prototype.insertRule = function(e3, t2) {
+    return e3 <= this.length && (e3 === this.length ? this.rules.push(t2) : this.rules.splice(e3, 0, t2), this.length++, true);
+  }, e2.prototype.deleteRule = function(e3) {
+    this.rules.splice(e3, 1), this.length--;
+  }, e2.prototype.getRule = function(e3) {
+    return e3 < this.length ? this.rules[e3] : "";
+  }, e2;
+})();
+var Ae2 = h2;
+var _e2 = { isServer: !h2, useCSSOMInjection: !f };
+var Pe2 = (function() {
+  function e2(e3, n, r3) {
+    void 0 === e3 && (e3 = w2), void 0 === n && (n = {});
+    var o3 = this;
+    this.options = __assign(__assign({}, _e2), e3), this.gs = n, this.names = new Map(r3), this.server = !!e3.isServer, !this.server && h2 && Ae2 && (Ae2 = false, Se2(this)), ne2(this, function() {
+      return (function(e4) {
+        for (var t2 = e4.getTag(), n2 = t2.length, r4 = "", o4 = function(n3) {
+          var o5 = (function(e5) {
+            return ue2.get(e5);
+          })(n3);
+          if (void 0 === o5) return "continue";
+          var s2 = e4.names.get(o5);
+          if (void 0 === s2 || !s2.size) return "continue";
+          var i = t2.getGroup(n3);
+          if (0 === i.length) return "continue";
+          var c3 = a2 + ".g" + n3 + '[id="' + o5 + '"]', u3 = "";
+          s2.forEach(function(e5) {
+            e5.length > 0 && (u3 += e5 + ",");
+          }), r4 += i + c3 + '{content:"' + u3 + '"}' + d2;
+        }, s = 0; s < n2; s++) o4(s);
+        return r4;
+      })(o3);
+    });
+  }
+  return e2.registerId = function(e3) {
+    return de2(e3);
+  }, e2.prototype.rehydrate = function() {
+    !this.server && h2 && Se2(this);
+  }, e2.prototype.reconstructWithOptions = function(n, r3) {
+    void 0 === r3 && (r3 = true);
+    var o3 = new e2(__assign(__assign({}, this.options), n), this.gs, r3 && this.names || void 0);
+    return !this.server && h2 && n.target !== this.options.target && ye2(this.options.target) !== ye2(n.target) && Se2(o3), o3;
+  }, e2.prototype.allocateGSInstance = function(e3) {
+    return this.gs[e3] = (this.gs[e3] || 0) + 1;
+  }, e2.prototype.getTag = function() {
+    return this.tag || (this.tag = (e3 = (function(e4) {
+      var t2 = e4.useCSSOMInjection, n = e4.target;
+      return e4.isServer ? new Ce2(n) : t2 ? new Ne2(n) : new Ee2(n);
+    })(this.options), new ie2(e3)));
+    var e3;
+  }, e2.prototype.hasNameForId = function(e3, t2) {
+    var n, r3;
+    return null !== (r3 = null === (n = this.names.get(e3)) || void 0 === n ? void 0 : n.has(t2)) && void 0 !== r3 && r3;
+  }, e2.prototype.registerName = function(e3, t2) {
+    de2(e3);
+    var n = this.names.get(e3);
+    n ? n.add(t2) : this.names.set(e3, /* @__PURE__ */ new Set([t2]));
+  }, e2.prototype.insertRules = function(e3, t2, n) {
+    this.registerName(e3, t2), this.getTag().insertRules(de2(e3), n);
+  }, e2.prototype.clearNames = function(e3) {
+    this.names.has(e3) && this.names.get(e3).clear();
+  }, e2.prototype.clearRules = function(e3) {
+    this.getTag().clearGroup(de2(e3)), this.clearNames(e3);
+  }, e2.prototype.clearTag = function() {
+    this.tag = void 0;
+  }, e2;
+})();
+var Ie2 = /&/g;
+var Oe2 = 47;
+var De2 = 42;
+function Re2(e2) {
+  if (-1 === e2.indexOf("}")) return false;
+  for (var t2 = e2.length, n = 0, r3 = 0, o3 = false, s = 0; s < t2; s++) {
+    var i = e2.charCodeAt(s);
+    if (0 !== r3 || o3 || i !== Oe2 || e2.charCodeAt(s + 1) !== De2) if (o3) i === De2 && e2.charCodeAt(s + 1) === Oe2 && (o3 = false, s++);
+    else if (34 !== i && 39 !== i || 0 !== s && 92 === e2.charCodeAt(s - 1)) {
+      if (0 === r3) {
+        if (123 === i) n++;
+        else if (125 === i && --n < 0) return true;
+      }
+    } else 0 === r3 ? r3 = i : r3 === i && (r3 = 0);
+    else o3 = true, s++;
+  }
+  return 0 !== n || 0 !== r3;
+}
+function Te2(e2, t2) {
+  return e2.map(function(e3) {
+    return "rule" === e3.type && (e3.value = "".concat(t2, " ").concat(e3.value), e3.value = e3.value.replaceAll(",", ",".concat(t2, " ")), e3.props = e3.props.map(function(e4) {
+      return "".concat(t2, " ").concat(e4);
+    })), Array.isArray(e3.children) && "@keyframes" !== e3.type && (e3.children = Te2(e3.children, t2)), e3;
+  });
+}
+function xe2(e2) {
+  var t2, n, r3, o3 = void 0 === e2 ? w2 : e2, i = o3.options, a3 = void 0 === i ? w2 : i, c3 = o3.plugins, u3 = void 0 === c3 ? S2 : c3, l3 = function(e3, r4, o4) {
+    return o4.startsWith(n) && o4.endsWith(n) && o4.replaceAll(n, "").length > 0 ? ".".concat(t2) : e3;
+  }, d3 = u3.slice();
+  d3.push(function(e3) {
+    e3.type === RULESET && e3.value.includes("&") && (r3 || (r3 = new RegExp("\\".concat(n, "\\b"), "g")), e3.props[0] = e3.props[0].replace(Ie2, n).replace(r3, l3));
+  }), a3.prefix && d3.push(prefixer), d3.push(stringify);
+  var h3 = [], p3 = middleware(d3.concat(rulesheet(function(e3) {
+    return h3.push(e3);
+  }))), f2 = function(e3, o4, i2, c4) {
+    void 0 === o4 && (o4 = ""), void 0 === i2 && (i2 = ""), void 0 === c4 && (c4 = "&"), t2 = c4, n = o4, r3 = void 0;
+    var u4 = (function(e4) {
+      if (!Re2(e4)) return e4;
+      for (var t3 = e4.length, n2 = "", r4 = 0, o5 = 0, s = 0, i3 = false, a4 = 0; a4 < t3; a4++) {
+        var c5 = e4.charCodeAt(a4);
+        if (0 !== s || i3 || c5 !== Oe2 || e4.charCodeAt(a4 + 1) !== De2) if (i3) c5 === De2 && e4.charCodeAt(a4 + 1) === Oe2 && (i3 = false, a4++);
+        else if (34 !== c5 && 39 !== c5 || 0 !== a4 && 92 === e4.charCodeAt(a4 - 1)) {
+          if (0 === s) if (123 === c5) o5++;
+          else if (125 === c5) {
+            if (--o5 < 0) {
+              for (var u5 = a4 + 1; u5 < t3; ) {
+                var l5 = e4.charCodeAt(u5);
+                if (59 === l5 || 10 === l5) break;
+                u5++;
+              }
+              u5 < t3 && 59 === e4.charCodeAt(u5) && u5++, o5 = 0, a4 = u5 - 1, r4 = u5;
+              continue;
+            }
+            0 === o5 && (n2 += e4.substring(r4, a4 + 1), r4 = a4 + 1);
+          } else 59 === c5 && 0 === o5 && (n2 += e4.substring(r4, a4 + 1), r4 = a4 + 1);
+        } else 0 === s ? s = c5 : s === c5 && (s = 0);
+        else i3 = true, a4++;
+      }
+      if (r4 < t3) {
+        var d4 = e4.substring(r4);
+        Re2(d4) || (n2 += d4);
+      }
+      return n2;
+    })((function(e4) {
+      if (-1 === e4.indexOf("//")) return e4;
+      for (var t3 = e4.length, n2 = [], r4 = 0, o5 = 0, s = 0, i3 = 0; o5 < t3; ) {
+        var a4 = e4.charCodeAt(o5);
+        if (34 !== a4 && 39 !== a4 || 0 !== o5 && 92 === e4.charCodeAt(o5 - 1)) if (0 === s) if (a4 === Oe2 && o5 + 1 < t3 && e4.charCodeAt(o5 + 1) === De2) {
+          for (o5 += 2; o5 + 1 < t3 && (e4.charCodeAt(o5) !== De2 || e4.charCodeAt(o5 + 1) !== Oe2); ) o5++;
+          o5 += 2;
+        } else if (40 === a4 && o5 >= 3 && 108 == (32 | e4.charCodeAt(o5 - 1)) && 114 == (32 | e4.charCodeAt(o5 - 2)) && 117 == (32 | e4.charCodeAt(o5 - 3))) i3 = 1, o5++;
+        else if (i3 > 0) 41 === a4 ? i3-- : 40 === a4 && i3++, o5++;
+        else if (a4 === De2 && o5 + 1 < t3 && e4.charCodeAt(o5 + 1) === Oe2) o5 > r4 && n2.push(e4.substring(r4, o5)), r4 = o5 += 2;
+        else if (a4 === Oe2 && o5 + 1 < t3 && e4.charCodeAt(o5 + 1) === Oe2) {
+          for (o5 > r4 && n2.push(e4.substring(r4, o5)); o5 < t3 && 10 !== e4.charCodeAt(o5); ) o5++;
+          r4 = o5;
+        } else o5++;
+        else o5++;
+        else 0 === s ? s = a4 : s === a4 && (s = 0), o5++;
+      }
+      return 0 === r4 ? e4 : (r4 < t3 && n2.push(e4.substring(r4)), n2.join(""));
+    })(e3)), l4 = compile(i2 || o4 ? "".concat(i2, " ").concat(o4, " { ").concat(u4, " }") : u4);
+    return a3.namespace && (l4 = Te2(l4, a3.namespace)), h3 = [], serialize(l4, p3), h3;
+  };
+  return f2.hash = u3.length ? u3.reduce(function(e3, t3) {
+    return t3.name || se2(15), D2(e3, t3.name);
+  }, 5381).toString() : "", f2;
+}
+var je2 = new Pe2();
+var ke2 = xe2();
+var Me2 = { shouldForwardProp: void 0, styleSheet: je2, stylis: ke2 };
+var Ve2 = p2 ? { Provider: function(e2) {
+  return e2.children;
+}, Consumer: function(e2) {
+  return (0, e2.children)(Me2);
+} } : r2.createContext(Me2);
+var Fe2 = Ve2.Consumer;
+var Ge2 = p2 ? { Provider: function(e2) {
+  return e2.children;
+}, Consumer: function(e2) {
+  return (0, e2.children)(void 0);
+} } : r2.createContext(void 0);
+function Le2() {
+  return p2 ? Me2 : r2.useContext(Ve2);
+}
+function Be2(e2) {
+  if (p2 || !r2.useMemo) return e2.children;
+  var t2 = Le2().styleSheet, n = r2.useMemo(function() {
+    var n2 = t2;
+    return e2.sheet ? n2 = e2.sheet : e2.target && (n2 = n2.reconstructWithOptions({ target: e2.target }, false)), e2.disableCSSOMInjection && (n2 = n2.reconstructWithOptions({ useCSSOMInjection: false })), n2;
+  }, [e2.disableCSSOMInjection, e2.sheet, e2.target, t2]), o3 = r2.useMemo(function() {
+    return xe2({ options: { namespace: e2.namespace, prefix: e2.enableVendorPrefixes }, plugins: e2.stylisPlugins });
+  }, [e2.enableVendorPrefixes, e2.namespace, e2.stylisPlugins]), s = r2.useMemo(function() {
+    return { shouldForwardProp: e2.shouldForwardProp, styleSheet: n, stylis: o3 };
+  }, [e2.shouldForwardProp, n, o3]);
+  return r2.createElement(Ve2.Provider, { value: s }, r2.createElement(Ge2.Provider, { value: o3 }, e2.children));
+}
+var ze2 = (function() {
+  function e2(e3, t2) {
+    var n = this;
+    this.inject = function(e4, t3) {
+      void 0 === t3 && (t3 = ke2);
+      var r3 = n.name + t3.hash;
+      e4.hasNameForId(n.id, r3) || e4.insertRules(n.id, r3, t3(n.rules, r3, "@keyframes"));
+    }, this.name = e3, this.id = "sc-keyframes-".concat(e3), this.rules = t2, ne2(this, function() {
+      throw se2(12, String(n.name));
+    });
+  }
+  return e2.prototype.getName = function(e3) {
+    return void 0 === e3 && (e3 = ke2), this.name + e3.hash;
+  }, e2;
+})();
+function $e2(e2, t2) {
+  return null == t2 || "boolean" == typeof t2 || "" === t2 ? "" : "number" != typeof t2 || 0 === t2 || e2 in unitlessKeys || e2.startsWith("--") ? String(t2).trim() : "".concat(t2, "px");
+}
+var Ye2 = function(e2) {
+  return e2 >= "A" && e2 <= "Z";
+};
+function We2(e2) {
+  for (var t2 = "", n = 0; n < e2.length; n++) {
+    var r3 = e2[n];
+    if (1 === n && "-" === r3 && "-" === e2[0]) return e2;
+    Ye2(r3) ? t2 += "-" + r3.toLowerCase() : t2 += r3;
+  }
+  return t2.startsWith("ms-") ? "-" + t2 : t2;
+}
+var qe2 = function(e2) {
+  return null == e2 || false === e2 || "" === e2;
+};
+var He2 = function(t2) {
+  var n = [];
+  for (var r3 in t2) {
+    var o3 = t2[r3];
+    t2.hasOwnProperty(r3) && !qe2(o3) && (Array.isArray(o3) && o3.isCss || X2(o3) ? n.push("".concat(We2(r3), ":"), o3, ";") : ee2(o3) ? n.push.apply(n, __spreadArray(__spreadArray(["".concat(r3, " {")], He2(o3), false), ["}"], false)) : n.push("".concat(We2(r3), ": ").concat($e2(r3, o3), ";")));
+  }
+  return n;
+};
+function Ue2(e2, t2, n, r3, o3) {
+  if (void 0 === o3 && (o3 = []), "string" == typeof e2) return e2 && o3.push(e2), o3;
+  if (qe2(e2)) return o3;
+  if (Z2(e2)) return o3.push(".".concat(e2.styledComponentId)), o3;
+  if (X2(e2)) {
+    if (!X2(i = e2) || i.prototype && i.prototype.isReactComponent || !t2) return o3.push(e2), o3;
+    var s = e2(t2);
+    return "object" != typeof s || Array.isArray(s) || s instanceof ze2 || ee2(s) || null === s || console.error("".concat(x2(e2), " 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.")), Ue2(s, t2, n, r3, o3);
+  }
+  var i;
+  if (e2 instanceof ze2) return n ? (e2.inject(n, r3), o3.push(e2.getName(r3))) : o3.push(e2), o3;
+  if (ee2(e2)) {
+    for (var a3 = He2(e2), c3 = 0; c3 < a3.length; c3++) o3.push(a3[c3]);
+    return o3;
+  }
+  if (!Array.isArray(e2)) return o3.push(e2.toString()), o3;
+  for (c3 = 0; c3 < e2.length; c3++) Ue2(e2[c3], t2, n, r3, o3);
+  return o3;
+}
+function Je2(e2) {
+  for (var t2 = 0; t2 < e2.length; t2 += 1) {
+    var n = e2[t2];
+    if (X2(n) && !Z2(n)) return false;
+  }
+  return true;
+}
+var Xe2 = R2(l2);
+var Ze2 = (function() {
+  function e2(e3, t2, n) {
+    this.rules = e3, this.staticRulesId = "", this.isStatic = false, this.componentId = t2, this.baseHash = D2(Xe2, t2), this.baseStyle = n, Pe2.registerId(t2);
+  }
+  return e2.prototype.generateAndInjectStyles = function(e3, t2, n) {
+    var r3 = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e3, t2, n).className : "";
+    if (this.isStatic && !n.hash) if (this.staticRulesId && t2.hasNameForId(this.componentId, this.staticRulesId)) r3 = K2(r3, this.staticRulesId);
+    else {
+      var o3 = Q2(Ue2(this.rules, e3, t2, n)), s = I2(D2(this.baseHash, o3) >>> 0);
+      if (!t2.hasNameForId(this.componentId, s)) {
+        var i = n(o3, ".".concat(s), void 0, this.componentId);
+        t2.insertRules(this.componentId, s, i);
+      }
+      r3 = K2(r3, s), this.staticRulesId = s;
+    }
+    else {
+      for (var a3 = D2(this.baseHash, n.hash), c3 = "", u3 = 0; u3 < this.rules.length; u3++) {
+        var l3 = this.rules[u3];
+        if ("string" == typeof l3) c3 += l3, a3 = D2(a3, l3);
+        else if (l3) {
+          var d3 = Q2(Ue2(l3, e3, t2, n));
+          a3 = D2(D2(a3, String(u3)), d3), c3 += d3;
+        }
+      }
+      if (c3) {
+        var h3 = I2(a3 >>> 0);
+        if (!t2.hasNameForId(this.componentId, h3)) {
+          var p3 = n(c3, ".".concat(h3), void 0, this.componentId);
+          t2.insertRules(this.componentId, h3, p3);
+        }
+        r3 = K2(r3, h3);
+      }
+    }
+    return { className: r3, css: "undefined" == typeof window ? t2.getTag().getGroup(de2(this.componentId)) : "" };
+  }, e2;
+})();
+var Ke = p2 ? { Provider: function(e2) {
+  return e2.children;
+}, Consumer: function(e2) {
+  return (0, e2.children)(void 0);
+} } : r2.createContext(void 0);
+var Qe2 = Ke.Consumer;
+var nt2 = {};
+var rt2 = /* @__PURE__ */ new Set();
+function ot2(e2, s, i) {
+  var a3 = Z2(e2), c3 = e2, u3 = !j2(e2), d3 = s.attrs, h3 = void 0 === d3 ? S2 : d3, f2 = s.componentId, m3 = void 0 === f2 ? (function(e3, t2) {
+    var n = "string" != typeof e3 ? "sc" : A2(e3);
+    nt2[n] = (nt2[n] || 0) + 1;
+    var r3 = "".concat(n, "-").concat(T2(l2 + n + nt2[n]));
+    return t2 ? "".concat(t2, "-").concat(r3) : r3;
+  })(s.displayName, s.parentComponentId) : f2, y3 = s.displayName, v3 = void 0 === y3 ? (function(e3) {
+    return j2(e3) ? "styled.".concat(e3) : "Styled(".concat(x2(e3), ")");
+  })(e2) : y3, E3 = s.displayName && s.componentId ? "".concat(A2(s.displayName), "-").concat(s.componentId) : s.componentId || m3, C3 = a3 && c3.attrs ? c3.attrs.concat(h3).filter(Boolean) : h3, _3 = s.shouldForwardProp;
+  if (a3 && c3.shouldForwardProp) {
+    var P3 = c3.shouldForwardProp;
+    if (s.shouldForwardProp) {
+      var I3 = s.shouldForwardProp;
+      _3 = function(e3, t2) {
+        return P3(e3, t2) && I3(e3, t2);
+      };
+    } else _3 = P3;
+  }
+  var O3 = new Ze2(i, E3, a3 ? c3.componentStyle : void 0);
+  function D3(e3, s2) {
+    return (function(e4, s3, i2) {
+      var a4 = e4.attrs, c4 = e4.componentStyle, u4 = e4.defaultProps, l3 = e4.foldedComponentIds, d4 = e4.styledComponentId, h4 = e4.target, f3 = p2 ? void 0 : r2.useContext(Ke), m4 = Le2(), y4 = e4.shouldForwardProp || m4.shouldForwardProp;
+      r2.useDebugValue && r2.useDebugValue(d4);
+      var v5 = b2(s3, f3, u4) || (p2 ? void 0 : w2), g3 = (function(e5, n, r3) {
+        for (var o3, s4 = __assign(__assign({}, n), { className: void 0, theme: r3 }), i3 = 0; i3 < e5.length; i3 += 1) {
+          var a5 = X2(o3 = e5[i3]) ? o3(s4) : o3;
+          for (var c5 in a5) "className" === c5 ? s4.className = K2(s4.className, a5[c5]) : "style" === c5 ? s4.style = __assign(__assign({}, s4.style), a5[c5]) : s4[c5] = a5[c5];
+        }
+        return "className" in n && "string" == typeof n.className && (s4.className = K2(s4.className, n.className)), s4;
+      })(a4, s3, v5), S3 = g3.as || h4, E4 = {};
+      for (var C4 in g3) void 0 === g3[C4] || "$" === C4[0] || "as" === C4 || "theme" === C4 && g3.theme === v5 || ("forwardedAs" === C4 ? E4.as = g3.forwardedAs : y4 && !y4(C4, S3) || (E4[C4] = g3[C4], y4 || false || isPropValid(C4) || rt2.has(C4) || !N2.has(S3) || (rt2.add(C4), console.warn('styled-components: it looks like an unknown prop "'.concat(C4, '" 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 A3 = (function(e5, t2) {
+        var n = Le2(), o3 = e5.generateAndInjectStyles(t2, n.styleSheet, n.stylis);
+        return r2.useDebugValue && r2.useDebugValue(o3.className), o3;
+      })(c4, g3), _4 = A3.className, P4 = A3.css;
+      e4.warnTooManyClasses && e4.warnTooManyClasses(_4);
+      var I4 = K2(l3, d4);
+      _4 && (I4 += " " + _4), g3.className && (I4 += " " + g3.className), E4[j2(S3) && !N2.has(S3) ? "class" : "className"] = I4, i2 && (E4.ref = i2);
+      var O4 = o2(S3, E4);
+      return p2 && P4 ? r2.createElement(r2.Fragment, null, r2.createElement("style", { precedence: "styled-components", href: "sc-".concat(d4, "-").concat(_4), children: P4 }), O4) : O4;
+    })(R3, e3, s2);
+  }
+  D3.displayName = v3;
+  var R3 = r2.forwardRef(D3);
+  return R3.attrs = C3, R3.componentStyle = O3, R3.displayName = v3, R3.shouldForwardProp = _3, R3.foldedComponentIds = a3 ? K2(c3.foldedComponentIds, c3.styledComponentId) : "", R3.styledComponentId = E3, R3.target = a3 ? c3.target : e2, Object.defineProperty(R3, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(e3) {
+    this._foldedDefaultProps = a3 ? (function(e4) {
+      for (var t2 = [], n = 1; n < arguments.length; n++) t2[n - 1] = arguments[n];
+      for (var r3 = 0, o3 = t2; r3 < o3.length; r3++) te2(e4, o3[r3], true);
+      return e4;
+    })({}, c3.defaultProps, e3) : e3;
+  } }), g2(v3, E3), R3.warnTooManyClasses = /* @__PURE__ */ (function(e3, t2) {
+    var n = {}, r3 = false;
+    return function(o3) {
+      if (!r3 && (n[o3] = true, Object.keys(n).length >= 200)) {
+        var s2 = t2 ? ' with the id of "'.concat(t2, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(e3).concat(s2, ".\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 />"), r3 = true, n = {};
+      }
+    };
+  })(v3, E3), ne2(R3, function() {
+    return ".".concat(R3.styledComponentId);
+  }), u3 && J2(R3, e2, { attrs: true, componentStyle: true, displayName: true, foldedComponentIds: true, shouldForwardProp: true, styledComponentId: true, target: true }), R3;
+}
+function st2(e2, t2) {
+  for (var n = [e2[0]], r3 = 0, o3 = t2.length; r3 < o3; r3 += 1) n.push(t2[r3], e2[r3 + 1]);
+  return n;
+}
+var it2 = function(e2) {
+  return Object.assign(e2, { isCss: true });
+};
+function at2(t2) {
+  for (var n = [], r3 = 1; r3 < arguments.length; r3++) n[r3 - 1] = arguments[r3];
+  if (X2(t2) || ee2(t2)) return it2(Ue2(st2(S2, __spreadArray([t2], n, true))));
+  var o3 = t2;
+  return 0 === n.length && 1 === o3.length && "string" == typeof o3[0] ? Ue2(o3) : it2(Ue2(st2(o3, n)));
+}
+function ct2(n, r3, o3) {
+  if (void 0 === o3 && (o3 = w2), !r3) throw se2(1, r3);
+  var s = function(t2) {
+    for (var s2 = [], i = 1; i < arguments.length; i++) s2[i - 1] = arguments[i];
+    return n(r3, o3, at2.apply(void 0, __spreadArray([t2], s2, false)));
+  };
+  return s.attrs = function(e2) {
+    return ct2(n, r3, __assign(__assign({}, o3), { attrs: Array.prototype.concat(o3.attrs, e2).filter(Boolean) }));
+  }, s.withConfig = function(e2) {
+    return ct2(n, r3, __assign(__assign({}, o3), e2));
+  }, s;
+}
+var ut2 = function(e2) {
+  return ct2(ot2, e2);
+};
+var lt = ut2;
+N2.forEach(function(e2) {
+  lt[e2] = ut2(e2);
+});
+var dt2 = (function() {
+  function e2(e3, t2) {
+    this.rules = e3, this.componentId = t2, this.isStatic = Je2(e3), Pe2.registerId(this.componentId + 1);
+  }
+  return e2.prototype.createStyles = function(e3, t2, n, r3) {
+    var o3 = r3(Q2(Ue2(this.rules, t2, n, r3)), ""), s = this.componentId + e3;
+    n.insertRules(s, s, o3);
+  }, e2.prototype.removeStyles = function(e3, t2) {
+    t2.clearRules(this.componentId + e3);
+  }, e2.prototype.renderStyles = function(e3, t2, n, r3) {
+    e3 > 2 && Pe2.registerId(this.componentId + e3);
+    var o3 = this.componentId + e3;
+    this.isStatic ? n.hasNameForId(o3, o3) || this.createStyles(e3, t2, n, r3) : (this.removeStyles(e3, n), this.createStyles(e3, t2, n, r3));
+  }, e2;
+})();
+function ht(n) {
+  for (var o3 = [], s = 1; s < arguments.length; s++) o3[s - 1] = arguments[s];
+  var i = at2.apply(void 0, __spreadArray([n], o3, false)), a3 = "sc-global-".concat(T2(JSON.stringify(i))), c3 = new dt2(i, a3);
+  g2(a3);
+  var u3 = /* @__PURE__ */ new WeakMap(), l3 = function(e2) {
+    var t2 = Le2(), n2 = p2 ? void 0 : r2.useContext(Ke), o4 = u3.get(t2.styleSheet);
+    if (void 0 === o4 && (o4 = t2.styleSheet.allocateGSInstance(a3), u3.set(t2.styleSheet, o4)), r2.Children.count(e2.children) && console.warn("The global style component ".concat(a3, " was given child JSX. createGlobalStyle does not render children.")), i.some(function(e3) {
+      return "string" == typeof e3 && -1 !== e3.indexOf("@import");
+    }) && console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."), ("undefined" == typeof window || !t2.styleSheet.server) && d3(o4, e2, t2.styleSheet, n2, t2.stylis), p2 || r2.useLayoutEffect(function() {
+      return t2.styleSheet.server || d3(o4, e2, t2.styleSheet, n2, t2.stylis), function() {
+        var e3;
+        c3.removeStyles(o4, t2.styleSheet), e3 = t2.styleSheet.options.target, "undefined" != typeof document && (null != e3 ? e3 : document).querySelectorAll('style[data-styled-global="'.concat(a3, '"]')).forEach(function(e4) {
+          return e4.remove();
+        });
+      };
+    }, [o4, e2, t2.styleSheet, n2, t2.stylis]), p2) {
+      var s2 = a3 + o4, l4 = "undefined" == typeof window ? t2.styleSheet.getTag().getGroup(de2(s2)) : "";
+      if (l4) return r2.createElement("style", { key: "".concat(a3, "-").concat(o4), "data-styled-global": a3, children: l4 });
+    }
+    return null;
+  };
+  function d3(e2, n2, r3, o4, s2) {
+    if (c3.isStatic) c3.renderStyles(e2, m2, r3, s2);
+    else {
+      var i2 = __assign(__assign({}, n2), { theme: b2(n2, o4, l3.defaultProps) });
+      c3.renderStyles(e2, i2, r3, s2);
+    }
+  }
+  return r2.memo(l3);
+}
+var mt2 = (function() {
+  function e2() {
+    var e3 = this;
+    this._emitSheetCSS = function() {
+      var t2 = e3.instance.toString();
+      if (!t2) return "";
+      var n = we2(), r3 = Q2([n && 'nonce="'.concat(n, '"'), "".concat(a2, '="true"'), "".concat(u2, '="').concat(l2, '"')].filter(Boolean), " ");
+      return "<style ".concat(r3, ">").concat(t2, "</style>");
+    }, this.getStyleTags = function() {
+      if (e3.sealed) throw se2(2);
+      return e3._emitSheetCSS();
+    }, this.getStyleElement = function() {
+      var n;
+      if (e3.sealed) throw se2(2);
+      var o3 = e3.instance.toString();
+      if (!o3) return [];
+      var s = ((n = {})[a2] = "", n[u2] = l2, n.dangerouslySetInnerHTML = { __html: o3 }, n), i = we2();
+      return i && (s.nonce = i), [r2.createElement("style", __assign({}, s, { key: "sc-0-0" }))];
+    }, this.seal = function() {
+      e3.sealed = true;
+    }, this.instance = new Pe2({ isServer: true }), this.sealed = false;
+  }
+  return e2.prototype.collectStyles = function(e3) {
+    if (this.sealed) throw se2(2);
+    return r2.createElement(Be2, { sheet: this.instance }, e3);
+  }, e2.prototype.interleaveWithNodeStream = function(e3) {
+    throw se2(3);
+  }, e2;
+})();
+"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 vt = "__sc-".concat(a2, "__");
+"undefined" != typeof window && (window[vt] || (window[vt] = 0), 1 === window[vt] && 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://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info."), window[vt] += 1);
+
 // node_modules/@schematichq/schematic-icons/dist/types.js
 var iconsList = {
   "wind": 61697,
@@ -9674,6 +10384,7 @@ function CompanyPlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    activeVersion: json["active_version"] == null ? void 0 : PlanVersionResponseDataFromJSON(json["active_version"]),
     audienceType: json["audience_type"] == null ? void 0 : json["audience_type"],
     billingProduct: json["billing_product"] == null ? void 0 : BillingProductDetailResponseDataFromJSON(json["billing_product"]),
     chargeType: ChargeTypeFromJSON(json["charge_type"]),
@@ -9686,6 +10397,7 @@ function CompanyPlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     custom: json["custom"],
     customPlanConfig: json["custom_plan_config"] == null ? void 0 : CustomPlanConfigFromJSON(json["custom_plan_config"]),
     description: json["description"],
+    draftVersion: json["draft_version"] == null ? void 0 : PlanVersionResponseDataFromJSON(json["draft_version"]),
     entitlements: json["entitlements"].map(
       PlanEntitlementResponseDataFromJSON
     ),
@@ -9827,6 +10539,7 @@ function PlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    activeVersion: json["active_version"] == null ? void 0 : PlanVersionResponseDataFromJSON(json["active_version"]),
     audienceType: json["audience_type"] == null ? void 0 : json["audience_type"],
     billingProduct: json["billing_product"] == null ? void 0 : BillingProductDetailResponseDataFromJSON(json["billing_product"]),
     chargeType: ChargeTypeFromJSON(json["charge_type"]),
@@ -9834,6 +10547,7 @@ function PlanDetailResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     controlledBy: PlanControlledByTypeFromJSON(json["controlled_by"]),
     createdAt: new Date(json["created_at"]),
     description: json["description"],
+    draftVersion: json["draft_version"] == null ? void 0 : PlanVersionResponseDataFromJSON(json["draft_version"]),
     features: json["features"].map(
       FeatureDetailResponseDataFromJSON
     ),
@@ -11812,6 +12526,7 @@ function PlanViewPublicResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     return json;
   }
   return {
+    activeVersion: json["active_version"] == null ? void 0 : PlanVersionResponseDataFromJSON2(json["active_version"]),
     audienceType: json["audience_type"] == null ? void 0 : json["audience_type"],
     billingProduct: json["billing_product"] == null ? void 0 : BillingProductDetailResponseDataFromJSON2(json["billing_product"]),
     chargeType: ChargeTypeFromJSON2(json["charge_type"]),
@@ -11822,6 +12537,7 @@ function PlanViewPublicResponseDataFromJSONTyped(json, ignoreDiscriminator) {
     custom: json["custom"],
     customPlanConfig: json["custom_plan_config"] == null ? void 0 : CustomPlanConfigFromJSON2(json["custom_plan_config"]),
     description: json["description"],
+    draftVersion: json["draft_version"] == null ? void 0 : PlanVersionResponseDataFromJSON2(json["draft_version"]),
     entitlements: json["entitlements"].map(
       PlanEntitlementResponseDataFromJSON2
     ),
@@ -12126,7 +12842,7 @@ var reducer = (state, action) => {
 // src/context/EmbedProvider.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var getCustomHeaders = (sessionId) => ({
-  "X-Schematic-Components-Version": "2.6.1",
+  "X-Schematic-Components-Version": "2.7.0",
   "X-Schematic-Session-ID": sessionId
 });
 var EmbedProvider = ({
@@ -12483,7 +13199,7 @@ var EmbedProvider = ({
       fontSet.add(fontFamily);
     });
     if (fontSet.size > 0) {
-      const weights = new Array(9).fill(0).map((_2, i) => (i + 1) * 100);
+      const weights = new Array(9).fill(0).map((_3, i) => (i + 1) * 100);
       const src = `https://fonts.googleapis.com/css2?${[...fontSet].map(
         (fontFamily) => `family=${fontFamily}:wght@${weights.join(";")}&display=swap`
       ).join("&")}`;
@@ -12543,7 +13259,7 @@ var EmbedProvider = ({
         updateSettings,
         debug
       },
-      children: /* @__PURE__ */ jsxs(tt, { theme: state.settings.theme, children: [
+      children: /* @__PURE__ */ jsxs(Qe, { theme: state.settings.theme, children: [
         /* @__PURE__ */ jsx(IconStyles, {}),
         children
       ] })
@@ -12760,7 +13476,7 @@ function useWrapChildren(ref) {
 }
 
 // src/components/ui/box/styles.ts
-var Box = lt("div")((props) => {
+var Box = ct("div")((props) => {
   function reducer2(acc, [key, value]) {
     if (key.startsWith("$") && !["$viewport"].includes(key)) {
       acc.push(
@@ -12771,14 +13487,14 @@ var Box = lt("div")((props) => {
     return acc;
   }
   const styles = Object.entries(props).reduce(reducer2, [
-    at`
+    st`
       &:focus-visible {
         outline: 2px solid ${({ theme }) => theme.primary};
       }
     `
   ]);
   for (const [key, value] of Object.entries(props.$viewport || {})) {
-    styles.push(at`
+    styles.push(st`
       ${{
       "xs": "@container (min-width: 375px)",
       "sm": "@container (min-width: 640px)",
@@ -12793,11 +13509,11 @@ var Box = lt("div")((props) => {
   }
   return styles;
 });
-var TransitionBox = lt(Box)`
+var TransitionBox = ct(Box)`
   ${({ $isExpanded = true }) => {
-  return $isExpanded ? at`
+  return $isExpanded ? st`
           height: auto;
-        ` : at`
+        ` : st`
           height: 0;
           overflow: hidden;
         `;
@@ -12814,7 +13530,7 @@ var TransitionBox = lt(Box)`
 `;
 
 // src/components/ui/icon/styles.ts
-var Icon2 = lt(Icon).attrs(({ name, title, onClick }) => ({
+var Icon2 = ct(Icon).attrs(({ name, title, onClick }) => ({
   title: title || name,
   ...onClick && { tabIndex: 0 }
 }))`
@@ -12824,7 +13540,7 @@ var Icon2 = lt(Icon).attrs(({ name, title, onClick }) => ({
   flex-shrink: 0;
   transition: 0.1s;
 
-  ${({ onClick }) => onClick && at`
+  ${({ onClick }) => onClick && st`
       &:hover {
         cursor: pointer;
       }
@@ -12835,7 +13551,7 @@ var Icon2 = lt(Icon).attrs(({ name, title, onClick }) => ({
     outline-offset: 2px;
   }
 
-  ${({ $rounded }) => $rounded && at`
+  ${({ $rounded }) => $rounded && st`
       border-radius: 9999px;
     `}
 
@@ -12866,10 +13582,10 @@ var Icon2 = lt(Icon).attrs(({ name, title, onClick }) => ({
       scale *= 3;
       break;
   }
-  return at`
+  return st`
       font-size: ${base * scale / TEXT_BASE_SIZE}rem;
 
-      ${$rounded && at`
+      ${$rounded && st`
         width: ${base * (11 / 6) * scale / TEXT_BASE_SIZE}rem;
         height: ${base * (11 / 6) * scale / TEXT_BASE_SIZE}rem;
       `}
@@ -12877,10 +13593,10 @@ var Icon2 = lt(Icon).attrs(({ name, title, onClick }) => ({
 }}
 
   ${({ $variant, $color, $background }) => {
-  return $variant === "outline" ? at`
+  return $variant === "outline" ? st`
           color: ${$color};
           background-color: transparent;
-        ` : at`
+        ` : st`
           color: ${$color};
           background-color: ${$background};
         `;
@@ -12901,11 +13617,11 @@ var loaderStyles = ({
   $color,
   $size = "md",
   $isLoading = true
-}) => at(({ theme }) => {
-  const { l: l2 } = hexToHSL(theme.card.background);
+}) => st(({ theme }) => {
+  const { l: l3 } = hexToHSL(theme.card.background);
   let color = $color ?? theme.primary;
   let colorFn;
-  if (l2 > 50) {
+  if (l3 > 50) {
     color = color ?? "#000000";
     colorFn = lighten;
   } else {
@@ -12937,14 +13653,14 @@ var loaderStyles = ({
       px = 64;
       break;
   }
-  return at`
+  return st`
       display: inline-block;
       width: ${($isLoading ? px : 0) / TEXT_BASE_SIZE}rem;
       height: ${($isLoading ? px : 0) / TEXT_BASE_SIZE}rem;
       border-width: ${($isLoading ? px : 0) / 16 / TEXT_BASE_SIZE}rem;
-      ${$isLoading ? at`
+      ${$isLoading ? st`
             animation: 1.5s linear infinite ${spin};
-          ` : at`
+          ` : st`
             transform: scale(0);
           `}
       border-style: solid;
@@ -12955,12 +13671,12 @@ var loaderStyles = ({
       animation: 1.5s linear infinite ${spin};
     `;
 });
-var Loader = lt.div((props) => {
+var Loader = ct.div((props) => {
   return loaderStyles(props);
 });
 
 // src/components/ui/button/styles.ts
-var Button = lt.button(
+var Button = ct.button(
   ({
     theme,
     disabled = false,
@@ -12972,7 +13688,7 @@ var Button = lt.button(
     $alignment = "center",
     $selfAlignment
   }) => {
-    return at`
+    return st`
       appearance: none;
       font-family: "Public Sans", sans-serif;
       font-weight: 500;
@@ -12980,7 +13696,7 @@ var Button = lt.button(
       display: flex;
       justify-content: ${$alignment};
       align-items: center;
-      ${() => $selfAlignment && at`
+      ${() => $selfAlignment && st`
           align-self: ${$selfAlignment};
         `}
       width: ${$fullWidth ? "100%" : "fit-content"};
@@ -12990,21 +13706,21 @@ var Button = lt.button(
       ${function sizeStyles() {
       switch ($size) {
         case "sm":
-          return at`
+          return st`
               font-size: ${15 / TEXT_BASE_SIZE}rem;
               height: ${40 / TEXT_BASE_SIZE}rem;
               padding: ${7 / TEXT_BASE_SIZE}rem ${20 / TEXT_BASE_SIZE}rem;
               border-radius: ${6 / TEXT_BASE_SIZE}rem;
             `;
         case "md":
-          return at`
+          return st`
               font-size: ${17 / TEXT_BASE_SIZE}rem;
               height: ${52 / TEXT_BASE_SIZE}rem;
               padding: ${8 / TEXT_BASE_SIZE}rem ${24 / TEXT_BASE_SIZE}rem;
               border-radius: ${8 / TEXT_BASE_SIZE}rem;
             `;
         case "lg":
-          return at`
+          return st`
               font-size: ${19 / TEXT_BASE_SIZE}rem;
               height: ${64 / TEXT_BASE_SIZE}rem;
               padding: ${9 / TEXT_BASE_SIZE}rem ${28 / TEXT_BASE_SIZE}rem;
@@ -13014,12 +13730,12 @@ var Button = lt.button(
     }}
 
       ${function colorStyles() {
-      const { l: l2 } = hexToHSL(theme[$color]);
-      let color = l2 > 50 ? "#000000" : "#FFFFFF";
+      const { l: l3 } = hexToHSL(theme[$color]);
+      let color = l3 > 50 ? "#000000" : "#FFFFFF";
       if (disabled) {
-        color = l2 > 50 ? lighten(color, 0.625) : darken(color, 0.375);
+        color = l3 > 50 ? lighten(color, 0.625) : darken(color, 0.375);
       }
-      return at`
+      return st`
           color: ${color};
 
           ${Text}, ${Icon2} {
@@ -13029,14 +13745,14 @@ var Button = lt.button(
     }}
 
       ${function variantStyles() {
-      const { l: l2 } = hexToHSL(theme.card.background);
+      const { l: l3 } = hexToHSL(theme.card.background);
       let color = theme[$color];
       if (disabled) {
-        color = hslToHex({ h: 0, s: 0, l: l2 });
-        color = l2 > 50 ? darken(color, 0.075) : lighten(color, 0.15);
+        color = hslToHex({ h: 0, s: 0, l: l3 });
+        color = l3 > 50 ? darken(color, 0.075) : lighten(color, 0.15);
       }
       if ($variant === "outline") {
-        return at`
+        return st`
             color: ${color};
             background-color: transparent;
             border-color: ${color};
@@ -13047,10 +13763,10 @@ var Button = lt.button(
           `;
       }
       if ($variant === "ghost") {
-        return at`
+        return st`
             color: ${color};
             background-color: transparent;
-            border-color: ${l2 > 50 ? darken(theme.card.background, 0.2) : lighten(theme.card.background, 0.2)};
+            border-color: ${l3 > 50 ? darken(theme.card.background, 0.2) : lighten(theme.card.background, 0.2)};
 
             ${Text}, ${Icon2} {
               color: ${color};
@@ -13058,7 +13774,7 @@ var Button = lt.button(
           `;
       }
       if ($variant === "text") {
-        return at`
+        return st`
             color: ${color};
             background-color: transparent;
             border-color: transparent;
@@ -13068,7 +13784,7 @@ var Button = lt.button(
             }
           `;
       }
-      return at`
+      return st`
           background-color: ${color};
           border-color: ${color};
         `;
@@ -13086,7 +13802,7 @@ var Button = lt.button(
       &::before {
         content: "";
         ${loaderStyles({ $color: theme[$color], $size, $isLoading })}
-        ${$isLoading && at`
+        ${$isLoading && st`
           margin-right: 0.5rem;
         `}
       }
@@ -13098,19 +13814,19 @@ var Button = lt.button(
 
       &:not(:disabled):hover {
         ${function hoverStyles() {
-      const { l: l2 } = hexToHSL(theme[$color]);
-      const color = l2 > 50 ? "#000000" : "#FFFFFF";
+      const { l: l3 } = hexToHSL(theme[$color]);
+      const color = l3 > 50 ? "#000000" : "#FFFFFF";
       const specified = theme[$color];
       const lightened = lighten(specified, 0.15);
       const bgColor = specified === lightened ? darken(specified, 0.15) : lightened;
       if ($variant === "filled") {
-        return at`
+        return st`
               background-color: ${bgColor};
               border-color: ${bgColor};
             `;
       }
       if ($variant === "outline") {
-        return at`
+        return st`
               color: ${color};
               background-color: ${bgColor};
               border-color: ${bgColor};
@@ -13121,15 +13837,15 @@ var Button = lt.button(
             `;
       }
       if ($variant === "ghost") {
-        const { l: l3 } = hexToHSL(theme.card.background);
-        return at`
-              border-color: ${l3 > 50 ? darken(theme.card.background, 0.125) : lighten(theme.card.background, 0.125)};
+        const { l: l4 } = hexToHSL(theme.card.background);
+        return st`
+              border-color: ${l4 > 50 ? darken(theme.card.background, 0.125) : lighten(theme.card.background, 0.125)};
               box-shadow: 0 1px 2px
-                ${l3 > 50 ? darken(theme.card.background, 0.075) : lighten(theme.card.background, 0.075)};
+                ${l4 > 50 ? darken(theme.card.background, 0.075) : lighten(theme.card.background, 0.075)};
             `;
       }
       if ($variant === "text") {
-        return at`
+        return st`
               text-decoration: underline;
             `;
       }
@@ -13149,9 +13865,9 @@ import {
 } from "react";
 
 // src/components/ui/dialog/styles.ts
-var Dialog = lt.dialog(
+var Dialog = ct.dialog(
   ({ theme, $isModal, $size, $top }) => {
-    return at`
+    return st`
       ${ResetStyle}
       ${$isModal && ContainerStyle}
 
@@ -13327,7 +14043,7 @@ var DialogHeader = ({
 };
 
 // src/components/ui/flex/styles.ts
-var Flex = lt(Box)`
+var Flex = ct(Box)`
   display: flex;
 `;
 
@@ -13361,9 +14077,9 @@ var Icon3 = ({
 };
 
 // src/components/ui/input/styles.ts
-var Input = lt.input(({ theme, $size = "md", $variant = "filled" }) => {
+var Input = ct.input(({ theme, $size = "md", $variant = "filled" }) => {
   const isLightBackground = useIsLightBackground();
-  return at`
+  return st`
     font-family: "Inter", sans-serif;
     font-weight: 500;
     width: 100%;
@@ -13383,14 +14099,14 @@ var Input = lt.input(({ theme, $size = "md", $variant = "filled" }) => {
     ${() => {
     switch ($size) {
       case "sm": {
-        return at`
+        return st`
             font-size: 0.875rem;
             line-height: 1.5rem;
             height: 1.5rem;
           `;
       }
       case "md": {
-        return at`
+        return st`
             font-size: 1rem;
             line-height: 3rem;
             height: 3rem;
@@ -13398,7 +14114,7 @@ var Input = lt.input(({ theme, $size = "md", $variant = "filled" }) => {
           `;
       }
       case "lg": {
-        return at`
+        return st`
             font-size: 1.25rem;
             line-height: 4rem;
             height: 4rem;
@@ -13406,7 +14122,7 @@ var Input = lt.input(({ theme, $size = "md", $variant = "filled" }) => {
           `;
       }
       case "full": {
-        return at`
+        return st`
             font-size: 1rem;
             line-height: 1;
             height: 100%;
@@ -13420,7 +14136,7 @@ var Input = lt.input(({ theme, $size = "md", $variant = "filled" }) => {
     const color = $variant !== "filled" && !isLightBackground ? theme.typography.text.color : "#000000";
     const bgColor = $variant === "filled" ? "#F1F1F1" : "transparent";
     const borderColor = $variant === "text" ? "transparent" : "#CBCBCB";
-    return at`
+    return st`
         color: ${color};
         background-color: ${bgColor};
         border-color: ${borderColor};
@@ -13446,8 +14162,8 @@ var Input = lt.input(({ theme, $size = "md", $variant = "filled" }) => {
 });
 
 // src/components/ui/overlay/styles.ts
-var Overlay = lt(Flex)(({ theme }) => {
-  return at`
+var Overlay = ct(Flex)(({ theme }) => {
+  return st`
     position: absolute;
     top: 0;
     right: 0;
@@ -13565,7 +14281,7 @@ var LeadingLineHeightMap = {
   relaxed: 1.625,
   loose: 2
 };
-var Text = lt.span.withConfig({
+var Text = ct.span.withConfig({
   shouldForwardProp: (prop) => prop !== "display"
 }).attrs(({ onClick }) => ({
   ...onClick && { tabIndex: 0 }
@@ -13588,7 +14304,7 @@ var Text = lt.span.withConfig({
     const fontWeight = $weight || fontStyle.fontWeight;
     const lineHeight = $leading && LeadingLineHeightMap[$leading];
     const color = $color || fontStyle.color;
-    return at`
+    return st`
       font-family: ${fontFamily}, sans-serif;
       font-size: ${typeof fontSize === "number" ? `${fontSize / TEXT_BASE_SIZE}rem` : fontSize};
       font-weight: ${fontWeight};
@@ -13596,19 +14312,19 @@ var Text = lt.span.withConfig({
       color: ${color};
       text-wrap: pretty;
 
-      ${lineHeight && at`
+      ${lineHeight && st`
         line-height: ${lineHeight};
       `}
 
-      ${$align && at`
+      ${$align && st`
         text-align: ${$align};
       `};
 
-      ${$width && at`
+      ${$width && st`
         width: ${$width};
       `};
 
-      ${onClick && at`
+      ${onClick && st`
         &:hover {
           cursor: pointer;
           text-decoration: underline;
@@ -13629,64 +14345,64 @@ import { useCallback as useCallback6, useLayoutEffect as useLayoutEffect3, useRe
 import { createPortal } from "react-dom";
 
 // src/components/ui/tooltip/styles.ts
-var Trigger = lt(Box)`
-  ${({ $fullWidth = false }) => $fullWidth && at`
+var Trigger = ct(Box)`
+  ${({ $fullWidth = false }) => $fullWidth && st`
       width: 100%;
       flex-grow: 1;
     `}
 `;
 var coords = (position2) => {
-  let x2 = 0;
-  let y2 = 0;
+  let x3 = 0;
+  let y3 = 0;
   switch (position2) {
     case "top":
-      x2 = -50;
-      y2 = -100;
+      x3 = -50;
+      y3 = -100;
       break;
     case "right":
-      x2 = 0;
-      y2 = -50;
+      x3 = 0;
+      y3 = -50;
       break;
     case "bottom":
-      x2 = -50;
-      y2 = 0;
+      x3 = -50;
+      y3 = 0;
       break;
     case "left":
-      x2 = -100;
-      y2 = -50;
+      x3 = -100;
+      y3 = -50;
       break;
   }
-  return { x: x2, y: y2 };
+  return { x: x3, y: y3 };
 };
 var arrowCoords = (position2) => {
-  let x2 = 0;
-  let y2 = 0;
+  let x3 = 0;
+  let y3 = 0;
   switch (position2) {
     case "top":
-      x2 = -50;
-      y2 = -50;
+      x3 = -50;
+      y3 = -50;
       break;
     case "right":
-      x2 = 50;
-      y2 = -50;
+      x3 = 50;
+      y3 = -50;
       break;
     case "bottom":
-      x2 = -50;
-      y2 = 50;
+      x3 = -50;
+      y3 = 50;
       break;
     case "left":
-      x2 = -50;
-      y2 = -50;
+      x3 = -50;
+      y3 = -50;
       break;
   }
-  return { x: x2, y: y2 };
+  return { x: x3, y: y3 };
 };
 var origin = (position2) => {
-  const o2 = {
+  const o3 = {
     x: position2 === "top" ? "bottom" : position2 === "bottom" ? "top" : "center",
     y: position2 === "left" ? "right" : position2 === "right" ? "left" : "center"
   };
-  return o2;
+  return o3;
 };
 var grow = (translate) => {
   return pt`
@@ -13701,20 +14417,20 @@ var grow = (translate) => {
     }
   `;
 };
-var Content = lt.div.withConfig({
+var Content = ct.div.withConfig({
   shouldForwardProp: (prop) => !["x", "y", "position", "zIndex"].includes(prop)
-})(({ x: x2, y: y2, position: position2, theme }) => {
+})(({ x: x3, y: y3, position: position2, theme }) => {
   const translate = coords(position2);
   const arrowTranslate = arrowCoords(position2);
   const transformOrigin = origin(position2);
-  return at`
+  return st`
     position: absolute;
     top: calc(
-      ${y2}px -
+      ${y3}px -
         ${position2 === "top" ? 0.75 : position2 === "bottom" ? -0.75 : 0}rem
     );
     left: calc(
-      ${x2}px -
+      ${x3}px -
         ${position2 === "left" ? 0.75 : position2 === "right" ? -0.75 : 0}rem
     );
     transform: translate(${translate.x}%, ${translate.y}%);
@@ -13749,16 +14465,16 @@ var Content = lt.div.withConfig({
     &::after {
       position: absolute;
       z-index: 0;
-      ${position2 === "top" ? at`
+      ${position2 === "top" ? st`
             top: 100%;
             left: 50%;
-          ` : position2 === "right" ? at`
+          ` : position2 === "right" ? st`
               top: 50%;
               right: 100%;
-            ` : position2 === "bottom" ? at`
+            ` : position2 === "bottom" ? st`
                 bottom: 100%;
                 left: 50%;
-              ` : at`
+              ` : st`
                 top: 50%;
                 left: 100%;
               `};
@@ -13777,22 +14493,22 @@ var Content = lt.div.withConfig({
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var getCoords = ({ element, portal, position: position2 }) => {
   const { top: offsetTop, left: offsetLeft } = (portal || document.body).getBoundingClientRect();
-  let x2 = 0;
-  let y2 = 0;
+  let x3 = 0;
+  let y3 = 0;
   if (element) {
     const rect = element.getBoundingClientRect();
-    x2 = position2 === "left" ? rect.left : rect.right;
+    x3 = position2 === "left" ? rect.left : rect.right;
     if (position2 === "top" || position2 === "bottom") {
-      x2 -= rect.width / 2;
+      x3 -= rect.width / 2;
     }
-    y2 = position2 === "top" ? rect.top : rect.bottom;
+    y3 = position2 === "top" ? rect.top : rect.bottom;
     if (position2 === "left" || position2 === "right") {
-      y2 -= rect.height / 2;
+      y3 -= rect.height / 2;
     }
   }
   return {
-    x: Math.round(x2 - offsetLeft),
-    y: Math.round(y2 - offsetTop)
+    x: Math.round(x3 - offsetLeft),
+    y: Math.round(y3 - offsetTop)
   };
 };
 var Tooltip = ({
@@ -13846,15 +14562,15 @@ var Tooltip = ({
 };
 
 // src/components/layout/card/styles.ts
-var Element = lt(Box)``;
-var FussyChild = lt(Element)``;
-var Notice = lt(Box)``;
+var Element = ct(Box)``;
+var FussyChild = ct(Element)``;
+var Notice = ct(Box)``;
 var cardBoxShadow = "0px 1px 20px 0px #1018280F, 0px 1px 3px 0px #1018281A";
-var StyledCard = lt.div(({ theme }) => {
-  const { l: l2 } = hexToHSL(theme.card.background);
-  const borderColor = l2 > 50 ? "hsla(0, 0%, 0%, 0.1)" : "hsla(0, 0%, 100%, 0.2)";
+var StyledCard = ct.div(({ theme }) => {
+  const { l: l3 } = hexToHSL(theme.card.background);
+  const borderColor = l3 > 50 ? "hsla(0, 0%, 0%, 0.1)" : "hsla(0, 0%, 100%, 0.2)";
   const borderRadius = `${theme.card.borderRadius / TEXT_BASE_SIZE}rem`;
-  return at`
+  return st`
     position: relative;
 
     ${theme.sectionLayout === "merged" ? `&:not(:has(${FussyChild}))` : `${Element}:not(:is(${FussyChild}))`} {
@@ -13869,9 +14585,9 @@ var StyledCard = lt.div(({ theme }) => {
         ${theme.card.padding / TEXT_BASE_SIZE}rem;
 
       &:not(:last-child) {
-        ${theme.sectionLayout === "merged" ? at`
+        ${theme.sectionLayout === "merged" ? st`
               border-bottom: 1px solid ${borderColor};
-            ` : at`
+            ` : st`
               margin-bottom: 1rem;
             `}
       }
@@ -13917,7 +14633,7 @@ Card.displayName = "Card";
 import { Children as Children2, forwardRef as forwardRef5 } from "react";
 
 // src/components/layout/column/styles.ts
-var StyledColumn = lt.div`
+var StyledColumn = ct.div`
   height: min-content;
 `;
 
@@ -13934,7 +14650,7 @@ Column.displayName = "Column";
 import { forwardRef as forwardRef6 } from "react";
 
 // src/components/layout/root/styles.ts
-var ResetStyle = at`
+var ResetStyle = st`
   box-sizing: border-box;
   font-size: 1rem;
   line-height: 1.375;
@@ -13959,11 +14675,11 @@ var ResetStyle = at`
     vertical-align: top;
   }
 `;
-var ContainerStyle = at`
+var ContainerStyle = st`
   container-type: inline-size;
   interpolate-size: allow-keywords;
 `;
-var Container = lt.div`
+var Container = ct.div`
   ${ResetStyle}
   ${ContainerStyle}
 `;
@@ -15495,6 +16211,7 @@ var CheckoutDialog = ({ top }) => {
   );
   const [promoCode, setPromoCode] = useState8(null);
   const [isPaymentMethodRequired, setIsPaymentMethodRequired] = useState8(false);
+  const [willScheduleDowngrade, setWillScheduleDowngrade] = useState8(false);
   const willTrialWithoutPaymentMethod = useMemo9(
     () => shouldTrial && !trialPaymentMethodRequired,
     [shouldTrial, trialPaymentMethodRequired]
@@ -15706,6 +16423,7 @@ var CheckoutDialog = ({ top }) => {
         if (response) {
           setCharges(response.data.finance);
           setIsPaymentMethodRequired(response.data.paymentMethodRequired);
+          setWillScheduleDowngrade(response.data.isScheduledDowngrade);
         }
         if (typeof updates.promoCode !== "undefined") {
           setPromoCode(code);
@@ -15729,7 +16447,14 @@ var CheckoutDialog = ({ top }) => {
                 setError(t2("Quantity is required."));
                 return;
               case "self-service downgrade not permitted":
-                setError(t2("Self-service downgrade not permitted."));
+                setError(t2("Downgrade not permitted."));
+                return;
+            }
+          }
+          if (err2.response.status === 409) {
+            switch (data2.error) {
+              case "cannot purchase pay-in-advance entitlements while a scheduled downgrade is pending; cancel the scheduled downgrade first":
+                setError(t2("Downgrade pending."));
                 return;
             }
           }
@@ -16240,7 +16965,8 @@ var CheckoutDialog = ({ top }) => {
               updatePromoCode,
               shouldTrial,
               setConfirmPaymentIntent: setConfirmPaymentIntentProps,
-              willTrialWithoutPaymentMethod
+              willTrialWithoutPaymentMethod,
+              willScheduleDowngrade
             }
           )
         ] })
@@ -16304,7 +17030,7 @@ import {
 import { useState as useState10 } from "react";
 
 // src/components/shared/payment-form/styles.ts
-var Label = lt.label`
+var Label = ct.label`
   display: flex;
   margin-bottom: 0.75rem;
   font-family: "Public Sans", system-ui, sans-serif;
@@ -16316,7 +17042,7 @@ var Label = lt.label`
   color: ${({ theme }) => isLightColor(theme.card.background) ? "#000000" : "#cdd6f4"};
   touch-action: manipulation;
 `;
-var Input2 = lt.input`
+var Input2 = ct.input`
   padding: 0.75rem;
   background-color: white;
   border-radius: 0.5rem;
@@ -16756,6 +17482,7 @@ var NoPaymentRequired = ({
   isDisabled,
   isLoading,
   isSticky = false,
+  willScheduleDowngrade = false,
   onClick
 }) => {
   const { t: t2 } = useTranslation();
@@ -16768,11 +17495,12 @@ var NoPaymentRequired = ({
       $size: isSticky ? "sm" : "md",
       $fullWidth: true,
       $isLoading: isLoading,
-      children: t2("Subscribe and close")
+      children: willScheduleDowngrade ? t2("Schedule downgrade") : t2("Subscribe and close")
     }
   );
 };
 var CheckoutStageButton = ({
+  canCheckout,
   checkout,
   checkoutStage,
   checkoutStages,
@@ -16786,10 +17514,11 @@ var CheckoutStageButton = ({
   setCheckoutStage,
   trialPaymentMethodRequired,
   shouldTrial,
-  willTrialWithoutPaymentMethod
+  willTrialWithoutPaymentMethod,
+  willScheduleDowngrade
 }) => {
   const { t: t2 } = useTranslation();
-  const isDisabled = isLoading || !hasPlan || inEditMode;
+  const isDisabled = isLoading || !hasPlan || inEditMode || !canCheckout;
   const getNextStageId = (currentStageId) => {
     if (!checkoutStages) return void 0;
     const currentIndex = checkoutStages.findIndex(
@@ -17060,7 +17789,7 @@ var CheckoutStageButton = ({
         onClick: checkout,
         $fullWidth: true,
         $isLoading: isLoading,
-        children: willTrialWithoutPaymentMethod ? t2("Start trial") : t2("Pay now")
+        children: willScheduleDowngrade ? t2("Schedule downgrade") : willTrialWithoutPaymentMethod ? t2("Start trial") : t2("Pay now")
       }
     );
   }
@@ -17222,6 +17951,7 @@ var SubscriptionSidebar = forwardRef7(
     showHeader = true,
     shouldTrial = false,
     willTrialWithoutPaymentMethod = false,
+    willScheduleDowngrade = false,
     setConfirmPaymentIntent
   }, ref) => {
     const portal = portalRef?.current || document.body;
@@ -17565,12 +18295,14 @@ var SubscriptionSidebar = forwardRef7(
     }, [t2, unsubscribe, setError, setIsLoading, setLayout]);
     const isSelectedPlanTrialable = selectedPlan?.companyCanTrial === true && selectedPlan?.isTrialable === true;
     const button = useMemo13(() => {
+      const canCheckout = error !== t2("Downgrade not permitted.");
       const isSticky = !isButtonInView;
       switch (layout) {
         case "checkout":
           return /* @__PURE__ */ jsx30(
             CheckoutStageButton,
             {
+              canCheckout,
               isLoading,
               isSticky,
               inEditMode: settings.mode === "edit",
@@ -17583,6 +18315,7 @@ var SubscriptionSidebar = forwardRef7(
               isSelectedPlanTrialable,
               trialPaymentMethodRequired,
               willTrialWithoutPaymentMethod,
+              willScheduleDowngrade,
               shouldTrial,
               checkout: handleCheckout
             }
@@ -17606,6 +18339,7 @@ var SubscriptionSidebar = forwardRef7(
       t2,
       layout,
       settings.mode,
+      error,
       isLoading,
       isButtonInView,
       checkoutStage,
@@ -17617,6 +18351,7 @@ var SubscriptionSidebar = forwardRef7(
       willTrialWithoutPaymentMethod,
       shouldTrial,
       isPaymentMethodRequired,
+      willScheduleDowngrade,
       paymentMethod,
       paymentMethodId,
       handleCheckout,
@@ -18162,8 +18897,30 @@ var SubscriptionSidebar = forwardRef7(
                     portal
                   )
                 ] }),
-                !isLoading && error && /* @__PURE__ */ jsx30(Box, { children: /* @__PURE__ */ jsx30(Text, { $weight: 500, $color: "#DB6669", children: error }) }),
-                layout !== "unsubscribe" && /* @__PURE__ */ jsx30(Box, { $opacity: "0.625", children: /* @__PURE__ */ jsx30(Text, { children: subscriptionPrice && // TODO: localize
+                !isLoading && error && /* @__PURE__ */ jsxs23(Flex, { $flexDirection: "column", children: [
+                  /* @__PURE__ */ jsx30(Text, { $weight: 500, $color: "#DB6669", children: error }),
+                  error === t2("Downgrade not permitted.") && data?.preventSelfServiceDowngrade && data?.preventSelfServiceDowngradeUrl && data?.preventSelfServiceDowngradeButtonText && /* @__PURE__ */ jsx30(
+                    Text,
+                    {
+                      as: "a",
+                      display: "link",
+                      href: data.preventSelfServiceDowngradeUrl,
+                      children: data.preventSelfServiceDowngradeButtonText
+                    }
+                  )
+                ] }),
+                layout !== "unsubscribe" && /* @__PURE__ */ jsx30(Box, { $opacity: "0.625", children: /* @__PURE__ */ jsx30(Text, { children: willScheduleDowngrade && selectedPlan?.name && billingSubscription ? t2(
+                  "You will be downgraded at the end of your billing period.",
+                  {
+                    plan: selectedPlan.name,
+                    date: toPrettyDate(
+                      new Date(billingSubscription.periodEnd * 1e3),
+                      {
+                        month: "numeric"
+                      }
+                    )
+                  }
+                ) : subscriptionPrice && // TODO: localize
                 `You will be billed ${subscriptionPrice} ${usageBasedEntitlements.length > 0 ? "plus usage based costs" : ""} for this subscription
                 every ${planPeriod} ${periodStart ? `on the ${formatOrdinal(periodStart.getDate())}` : ""} ${planPeriod === "year" && periodStart ? `of ${getMonthName(periodStart)}` : ""} unless you unsubscribe.` }) })
               ]
@@ -18377,6 +19134,9 @@ import { jsx as jsx32 } from "react/jsx-runtime";
 var UsageViolationText = ({ violations }) => {
   const { t: t2 } = useTranslation();
   const { settings } = useEmbed();
+  if (violations.length === 0) {
+    return null;
+  }
   return /* @__PURE__ */ jsx32(
     Text,
     {
@@ -18530,7 +19290,7 @@ var RenderLayout = ({ children }) => {
 };
 
 // src/components/layout/viewport/styles.ts
-var StyledViewport = lt.div.withConfig({
+var StyledViewport = ct.div.withConfig({
   shouldForwardProp: (prop) => !["$numberOfColumns", "numberOfColumns"].includes(prop)
 })`
   display: grid;
@@ -18543,7 +19303,7 @@ var StyledViewport = lt.div.withConfig({
   }
 
   @container (min-width: 768px) {
-    grid-template-columns: ${({ theme }) => at`repeat(${theme.numberOfColumns}, minmax(300px, 1fr))`};
+    grid-template-columns: ${({ theme }) => st`repeat(${theme.numberOfColumns}, minmax(300px, 1fr))`};
   }
 `;
 
@@ -19116,7 +19876,7 @@ function resolveDesignProps3(props) {
 function formatInvoices(invoices, options) {
   const { hideUpcoming = true } = options || {};
   const now = /* @__PURE__ */ new Date();
-  return (invoices || []).filter(({ dueDate }) => !hideUpcoming || dueDate && +dueDate <= +now).sort((a2, b2) => a2.dueDate && b2.dueDate ? +b2.dueDate - +a2.dueDate : 1).map(({ amountDue, dueDate, url, currency }) => ({
+  return (invoices || []).filter(({ dueDate }) => !hideUpcoming || dueDate && +dueDate <= +now).sort((a3, b3) => a3.dueDate && b3.dueDate ? +b3.dueDate - +a3.dueDate : 1).map(({ amountDue, dueDate, url, currency }) => ({
     amount: formatCurrency(amountDue, currency),
     date: dueDate ? toPrettyDate(dueDate) : void 0,
     url: url || void 0
@@ -19369,14 +20129,14 @@ var PriceDetails = ({
 };
 
 // src/components/elements/metered-features/styles.ts
-var Container2 = lt.div`
+var Container2 = ct.div`
   display: flex;
   flex-direction: column;
 
   &:last-child {
     ${({ theme }) => {
   const borderRadius = `${theme.card.borderRadius / TEXT_BASE_SIZE}rem`;
-  return theme.sectionLayout === "merged" && at`
+  return theme.sectionLayout === "merged" && st`
           overflow: hidden;
           border-bottom-left-radius: ${borderRadius};
           border-bottom-right-radius: ${borderRadius};
@@ -20087,7 +20847,7 @@ var registerWrapper = function registerWrapper2(stripe, startTime) {
   }
   stripe._registerWrapper({
     name: "stripe-js",
-    version: "8.7.0",
+    version: "8.8.0",
     startTime
   });
 };
@@ -20165,7 +20925,7 @@ var initStripe = function initStripe2(maybeStripe, args, startTime) {
   var version = runtimeVersionToUrlVersion(maybeStripe.version);
   var expectedVersion = RELEASE_TRAIN;
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.7.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("8.8.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
   }
   var stripe = maybeStripe.apply(void 0, args);
   registerWrapper(stripe, startTime);
@@ -20822,7 +21582,7 @@ var PlanManager = forwardRef14(({ children, className, portal, ...rest }, ref) =
           )
         ]
       }
-    ) : willSubscriptionCancel && /* @__PURE__ */ jsxs37(
+    ) : willSubscriptionCancel ? /* @__PURE__ */ jsxs37(
       Notice,
       {
         as: Flex,
@@ -20838,7 +21598,8 @@ var PlanManager = forwardRef14(({ children, className, portal, ...rest }, ref) =
             {
               as: "p",
               $size: 0.8125 * settings.theme.typography.text.fontSize,
-              children: t2("Access to plan will end on", {
+              children: t2("Access to plan will end.", {
+                plan: currentPlan?.name || "plan",
                 date: toPrettyDate(
                   new Date(billingSubscription.cancelAt * 1e3),
                   {
@@ -20850,6 +21611,37 @@ var PlanManager = forwardRef14(({ children, className, portal, ...rest }, ref) =
           )
         ]
       }
+    ) : data?.company?.scheduledDowngrade?.toPlanName && /* @__PURE__ */ jsxs37(
+      Notice,
+      {
+        as: Flex,
+        $flexDirection: "column",
+        $gap: "0.5rem",
+        $padding: "1.5rem",
+        $textAlign: "center",
+        $backgroundColor: isLightBackground ? darken(settings.theme.card.background, 0.04) : lighten(settings.theme.card.background, 0.04),
+        children: [
+          /* @__PURE__ */ jsx48(Text, { as: "h3", display: "heading3", children: t2("Downgrade to plan scheduled", {
+            plan: data.company.scheduledDowngrade.toPlanName
+          }) }),
+          typeof billingSubscription?.periodEnd === "number" && /* @__PURE__ */ jsx48(
+            Text,
+            {
+              as: "p",
+              $size: 0.8125 * settings.theme.typography.text.fontSize,
+              children: t2("Access to plan will end.", {
+                plan: data.company.scheduledDowngrade.fromPlanName,
+                date: toPrettyDate(
+                  new Date(billingSubscription.periodEnd * 1e3),
+                  {
+                    month: "numeric"
+                  }
+                )
+              })
+            }
+          )
+        ]
+      }
     ),
     /* @__PURE__ */ jsxs37(
       Element,
@@ -21028,7 +21820,7 @@ var PlanManager = forwardRef14(({ children, className, portal, ...rest }, ref) =
               }
             ),
             /* @__PURE__ */ jsx48(Flex, { $flexDirection: "column", $gap: "1rem", children: creditGroups.bundles.map((group, groupIndex) => {
-              const bundle = group?.bundleId ? creditBundles.find((b2) => b2.id === group.bundleId) : void 0;
+              const bundle = group?.bundleId ? creditBundles.find((b3) => b3.id === group.bundleId) : void 0;
               return /* @__PURE__ */ jsxs37(
                 Flex,
                 {
@@ -22494,9 +23286,9 @@ function TreeDesc(dyn_tree, stat_desc) {
 var d_code = (dist) => {
   return dist < 256 ? _dist_code[dist] : _dist_code[256 + (dist >>> 7)];
 };
-var put_short = (s, w2) => {
-  s.pending_buf[s.pending++] = w2 & 255;
-  s.pending_buf[s.pending++] = w2 >>> 8 & 255;
+var put_short = (s, w3) => {
+  s.pending_buf[s.pending++] = w3 & 255;
+  s.pending_buf[s.pending++] = w3 >>> 8 & 255;
 };
 var send_bits = (s, value, length2) => {
   if (s.bi_valid > Buf_size - length2) {
@@ -22509,11 +23301,11 @@ var send_bits = (s, value, length2) => {
     s.bi_valid += length2;
   }
 };
-var send_code = (s, c2, tree) => {
+var send_code = (s, c3, tree) => {
   send_bits(
     s,
-    tree[c2 * 2],
-    tree[c2 * 2 + 1]
+    tree[c3 * 2],
+    tree[c3 * 2 + 1]
     /*.Len*/
   );
 };
@@ -22545,8 +23337,8 @@ var gen_bitlen = (s, desc) => {
   const extra = desc.stat_desc.extra_bits;
   const base = desc.stat_desc.extra_base;
   const max_length = desc.stat_desc.max_length;
-  let h2;
-  let n, m2;
+  let h3;
+  let n, m3;
   let bits;
   let xbits;
   let f2;
@@ -22555,8 +23347,8 @@ var gen_bitlen = (s, desc) => {
     s.bl_count[bits] = 0;
   }
   tree[s.heap[s.heap_max] * 2 + 1] = 0;
-  for (h2 = s.heap_max + 1; h2 < HEAP_SIZE$1; h2++) {
-    n = s.heap[h2];
+  for (h3 = s.heap_max + 1; h3 < HEAP_SIZE$1; h3++) {
+    n = s.heap[h3];
     bits = tree[tree[n * 2 + 1] * 2 + 1] + 1;
     if (bits > max_length) {
       bits = max_length;
@@ -22593,13 +23385,13 @@ var gen_bitlen = (s, desc) => {
   for (bits = max_length; bits !== 0; bits--) {
     n = s.bl_count[bits];
     while (n !== 0) {
-      m2 = s.heap[--h2];
-      if (m2 > max_code) {
+      m3 = s.heap[--h3];
+      if (m3 > max_code) {
         continue;
       }
-      if (tree[m2 * 2 + 1] !== bits) {
-        s.opt_len += (bits - tree[m2 * 2 + 1]) * tree[m2 * 2];
-        tree[m2 * 2 + 1] = bits;
+      if (tree[m3 * 2 + 1] !== bits) {
+        s.opt_len += (bits - tree[m3 * 2 + 1]) * tree[m3 * 2];
+        tree[m3 * 2 + 1] = bits;
       }
       n--;
     }
@@ -22708,26 +23500,26 @@ var bi_windup = (s) => {
   s.bi_buf = 0;
   s.bi_valid = 0;
 };
-var smaller = (tree, n, m2, depth) => {
+var smaller = (tree, n, m3, depth) => {
   const _n2 = n * 2;
-  const _m2 = m2 * 2;
-  return tree[_n2] < tree[_m2] || tree[_n2] === tree[_m2] && depth[n] <= depth[m2];
+  const _m2 = m3 * 2;
+  return tree[_n2] < tree[_m2] || tree[_n2] === tree[_m2] && depth[n] <= depth[m3];
 };
-var pqdownheap = (s, tree, k2) => {
-  const v2 = s.heap[k2];
-  let j2 = k2 << 1;
-  while (j2 <= s.heap_len) {
-    if (j2 < s.heap_len && smaller(tree, s.heap[j2 + 1], s.heap[j2], s.depth)) {
-      j2++;
+var pqdownheap = (s, tree, k3) => {
+  const v3 = s.heap[k3];
+  let j3 = k3 << 1;
+  while (j3 <= s.heap_len) {
+    if (j3 < s.heap_len && smaller(tree, s.heap[j3 + 1], s.heap[j3], s.depth)) {
+      j3++;
     }
-    if (smaller(tree, v2, s.heap[j2], s.depth)) {
+    if (smaller(tree, v3, s.heap[j3], s.depth)) {
       break;
     }
-    s.heap[k2] = s.heap[j2];
-    k2 = j2;
-    j2 <<= 1;
+    s.heap[k3] = s.heap[j3];
+    k3 = j3;
+    j3 <<= 1;
   }
-  s.heap[k2] = v2;
+  s.heap[k3] = v3;
 };
 var compress_block = (s, ltree, dtree) => {
   let dist;
@@ -22768,7 +23560,7 @@ var build_tree = (s, desc) => {
   const stree = desc.stat_desc.static_tree;
   const has_stree = desc.stat_desc.has_stree;
   const elems = desc.stat_desc.elems;
-  let n, m2;
+  let n, m3;
   let max_code = -1;
   let node2;
   s.heap_len = 0;
@@ -22810,15 +23602,15 @@ var build_tree = (s, desc) => {
       1
       /*SMALLEST*/
     );
-    m2 = s.heap[
+    m3 = s.heap[
       1
       /*SMALLEST*/
     ];
     s.heap[--s.heap_max] = n;
-    s.heap[--s.heap_max] = m2;
-    tree[node2 * 2] = tree[n * 2] + tree[m2 * 2];
-    s.depth[node2] = (s.depth[n] >= s.depth[m2] ? s.depth[n] : s.depth[m2]) + 1;
-    tree[n * 2 + 1] = tree[m2 * 2 + 1] = node2;
+    s.heap[--s.heap_max] = m3;
+    tree[node2 * 2] = tree[n * 2] + tree[m3 * 2];
+    s.depth[node2] = (s.depth[n] >= s.depth[m3] ? s.depth[n] : s.depth[m3]) + 1;
+    tree[n * 2 + 1] = tree[m3 * 2 + 1] = node2;
     s.heap[
       1
       /*SMALLEST*/
@@ -23075,13 +23867,13 @@ var adler32 = (adler, buf, len, pos) => {
 };
 var adler32_1 = adler32;
 var makeTable = () => {
-  let c2, table = [];
+  let c3, table = [];
   for (var n = 0; n < 256; n++) {
-    c2 = n;
-    for (var k2 = 0; k2 < 8; k2++) {
-      c2 = c2 & 1 ? 3988292384 ^ c2 >>> 1 : c2 >>> 1;
+    c3 = n;
+    for (var k3 = 0; k3 < 8; k3++) {
+      c3 = c3 & 1 ? 3988292384 ^ c3 >>> 1 : c3 >>> 1;
     }
-    table[n] = c2;
+    table[n] = c3;
   }
   return table;
 };
@@ -23218,20 +24010,20 @@ var zero = (buf) => {
   }
 };
 var slide_hash = (s) => {
-  let n, m2;
-  let p2;
+  let n, m3;
+  let p3;
   let wsize = s.w_size;
   n = s.hash_size;
-  p2 = n;
+  p3 = n;
   do {
-    m2 = s.head[--p2];
-    s.head[p2] = m2 >= wsize ? m2 - wsize : 0;
+    m3 = s.head[--p3];
+    s.head[p3] = m3 >= wsize ? m3 - wsize : 0;
   } while (--n);
   n = wsize;
-  p2 = n;
+  p3 = n;
   do {
-    m2 = s.prev[--p2];
-    s.prev[p2] = m2 >= wsize ? m2 - wsize : 0;
+    m3 = s.prev[--p3];
+    s.prev[p3] = m3 >= wsize ? m3 - wsize : 0;
   } while (--n);
 };
 var HASH_ZLIB = (s, prev2, data) => (prev2 << s.hash_shift ^ data) & s.hash_mask;
@@ -23260,12 +24052,12 @@ var flush_block_only = (s, last) => {
   s.block_start = s.strstart;
   flush_pending(s.strm);
 };
-var put_byte = (s, b2) => {
-  s.pending_buf[s.pending++] = b2;
+var put_byte = (s, b3) => {
+  s.pending_buf[s.pending++] = b3;
 };
-var putShortMSB = (s, b2) => {
-  s.pending_buf[s.pending++] = b2 >>> 8 & 255;
-  s.pending_buf[s.pending++] = b2 & 255;
+var putShortMSB = (s, b3) => {
+  s.pending_buf[s.pending++] = b3 >>> 8 & 255;
+  s.pending_buf[s.pending++] = b3 & 255;
 };
 var read_buf = (strm, buf, start, size) => {
   let len = strm.avail_in;
@@ -24310,9 +25102,9 @@ var assign2 = function(obj) {
     if (typeof source !== "object") {
       throw new TypeError(source + "must be non-object");
     }
-    for (const p2 in source) {
-      if (_has(source, p2)) {
-        obj[p2] = source[p2];
+    for (const p3 in source) {
+      if (_has(source, p3)) {
+        obj[p3] = source[p3];
       }
     }
   }
@@ -24320,11 +25112,11 @@ var assign2 = function(obj) {
 };
 var flattenChunks = (chunks) => {
   let len = 0;
-  for (let i = 0, l2 = chunks.length; i < l2; i++) {
+  for (let i = 0, l3 = chunks.length; i < l3; i++) {
     len += chunks[i].length;
   }
   const result = new Uint8Array(len);
-  for (let i = 0, pos = 0, l2 = chunks.length; i < l2; i++) {
+  for (let i = 0, pos = 0, l3 = chunks.length; i < l3; i++) {
     let chunk = chunks[i];
     result.set(chunk, pos);
     pos += chunk.length;
@@ -24342,50 +25134,50 @@ try {
   STR_APPLY_UIA_OK = false;
 }
 var _utf8len = new Uint8Array(256);
-for (let q2 = 0; q2 < 256; q2++) {
-  _utf8len[q2] = q2 >= 252 ? 6 : q2 >= 248 ? 5 : q2 >= 240 ? 4 : q2 >= 224 ? 3 : q2 >= 192 ? 2 : 1;
+for (let q3 = 0; q3 < 256; q3++) {
+  _utf8len[q3] = q3 >= 252 ? 6 : q3 >= 248 ? 5 : q3 >= 240 ? 4 : q3 >= 224 ? 3 : q3 >= 192 ? 2 : 1;
 }
 _utf8len[254] = _utf8len[254] = 1;
 var string2buf = (str) => {
   if (typeof TextEncoder === "function" && TextEncoder.prototype.encode) {
     return new TextEncoder().encode(str);
   }
-  let buf, c2, c22, m_pos, i, str_len = str.length, buf_len = 0;
+  let buf, c3, c22, m_pos, i, str_len = str.length, buf_len = 0;
   for (m_pos = 0; m_pos < str_len; m_pos++) {
-    c2 = str.charCodeAt(m_pos);
-    if ((c2 & 64512) === 55296 && m_pos + 1 < str_len) {
+    c3 = str.charCodeAt(m_pos);
+    if ((c3 & 64512) === 55296 && m_pos + 1 < str_len) {
       c22 = str.charCodeAt(m_pos + 1);
       if ((c22 & 64512) === 56320) {
-        c2 = 65536 + (c2 - 55296 << 10) + (c22 - 56320);
+        c3 = 65536 + (c3 - 55296 << 10) + (c22 - 56320);
         m_pos++;
       }
     }
-    buf_len += c2 < 128 ? 1 : c2 < 2048 ? 2 : c2 < 65536 ? 3 : 4;
+    buf_len += c3 < 128 ? 1 : c3 < 2048 ? 2 : c3 < 65536 ? 3 : 4;
   }
   buf = new Uint8Array(buf_len);
   for (i = 0, m_pos = 0; i < buf_len; m_pos++) {
-    c2 = str.charCodeAt(m_pos);
-    if ((c2 & 64512) === 55296 && m_pos + 1 < str_len) {
+    c3 = str.charCodeAt(m_pos);
+    if ((c3 & 64512) === 55296 && m_pos + 1 < str_len) {
       c22 = str.charCodeAt(m_pos + 1);
       if ((c22 & 64512) === 56320) {
-        c2 = 65536 + (c2 - 55296 << 10) + (c22 - 56320);
+        c3 = 65536 + (c3 - 55296 << 10) + (c22 - 56320);
         m_pos++;
       }
     }
-    if (c2 < 128) {
-      buf[i++] = c2;
-    } else if (c2 < 2048) {
-      buf[i++] = 192 | c2 >>> 6;
-      buf[i++] = 128 | c2 & 63;
-    } else if (c2 < 65536) {
-      buf[i++] = 224 | c2 >>> 12;
-      buf[i++] = 128 | c2 >>> 6 & 63;
-      buf[i++] = 128 | c2 & 63;
+    if (c3 < 128) {
+      buf[i++] = c3;
+    } else if (c3 < 2048) {
+      buf[i++] = 192 | c3 >>> 6;
+      buf[i++] = 128 | c3 & 63;
+    } else if (c3 < 65536) {
+      buf[i++] = 224 | c3 >>> 12;
+      buf[i++] = 128 | c3 >>> 6 & 63;
+      buf[i++] = 128 | c3 & 63;
     } else {
-      buf[i++] = 240 | c2 >>> 18;
-      buf[i++] = 128 | c2 >>> 12 & 63;
-      buf[i++] = 128 | c2 >>> 6 & 63;
-      buf[i++] = 128 | c2 & 63;
+      buf[i++] = 240 | c3 >>> 18;
+      buf[i++] = 128 | c3 >>> 12 & 63;
+      buf[i++] = 128 | c3 >>> 6 & 63;
+      buf[i++] = 128 | c3 & 63;
     }
   }
   return buf;
@@ -24410,32 +25202,32 @@ var buf2string = (buf, max) => {
   let i, out;
   const utf16buf = new Array(len * 2);
   for (out = 0, i = 0; i < len; ) {
-    let c2 = buf[i++];
-    if (c2 < 128) {
-      utf16buf[out++] = c2;
+    let c3 = buf[i++];
+    if (c3 < 128) {
+      utf16buf[out++] = c3;
       continue;
     }
-    let c_len = _utf8len[c2];
+    let c_len = _utf8len[c3];
     if (c_len > 4) {
       utf16buf[out++] = 65533;
       i += c_len - 1;
       continue;
     }
-    c2 &= c_len === 2 ? 31 : c_len === 3 ? 15 : 7;
+    c3 &= c_len === 2 ? 31 : c_len === 3 ? 15 : 7;
     while (c_len > 1 && i < len) {
-      c2 = c2 << 6 | buf[i++] & 63;
+      c3 = c3 << 6 | buf[i++] & 63;
       c_len--;
     }
     if (c_len > 1) {
       utf16buf[out++] = 65533;
       continue;
     }
-    if (c2 < 65536) {
-      utf16buf[out++] = c2;
+    if (c3 < 65536) {
+      utf16buf[out++] = c3;
     } else {
-      c2 -= 65536;
-      utf16buf[out++] = 55296 | c2 >> 10 & 1023;
-      utf16buf[out++] = 56320 | c2 & 1023;
+      c3 -= 65536;
+      utf16buf[out++] = 55296 | c3 >> 10 & 1023;
+      utf16buf[out++] = 56320 | c3 & 1023;
     }
   }
   return buf2binstring(utf16buf, out);
@@ -25211,8 +26003,8 @@ var ENOUGH_LENS = 852;
 var ENOUGH_DISTS = 592;
 var MAX_WBITS = 15;
 var DEF_WBITS = MAX_WBITS;
-var zswap32 = (q2) => {
-  return (q2 >>> 24 & 255) + (q2 >>> 8 & 65280) + ((q2 & 65280) << 8) + ((q2 & 255) << 24);
+var zswap32 = (q3) => {
+  return (q3 >>> 24 & 255) + (q3 >>> 8 & 65280) + ((q3 & 65280) << 8) + ((q3 & 255) << 24);
 };
 function InflateState() {
   this.strm = null;
@@ -26712,7 +27504,7 @@ var Error2 = ({ message }) => {
 };
 var SchematicEmbed = ({ id, accessToken }) => {
   const [children, setChildren] = useState21(/* @__PURE__ */ jsx56(Loading, {}));
-  const theme = useContext6(Ke);
+  const theme = useContext6(Xe);
   const {
     data,
     error,