tcce-design-system-test 0.1.0

package/dist/tcce-design-system-components.js

@@ -0,0 +1,1185 @@
+import { jsx as Ut } from "react/jsx-runtime";
+import ie, { useDebugValue as Je, createElement as Xt, useRef as Kt, useContext as Zt } from "react";
+var N = function() {
+  return N = Object.assign || function(t) {
+    for (var r, n = 1, o = arguments.length; n < o; n++) {
+      r = arguments[n];
+      for (var s in r) Object.prototype.hasOwnProperty.call(r, s) && (t[s] = r[s]);
+    }
+    return t;
+  }, N.apply(this, arguments);
+};
+function U(e, t, r) {
+  if (r || arguments.length === 2) for (var n = 0, o = t.length, s; n < o; n++)
+    (s || !(n in t)) && (s || (s = Array.prototype.slice.call(t, 0, n)), s[n] = t[n]);
+  return e.concat(s || Array.prototype.slice.call(t));
+}
+function Jt(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(r) {
+    return t[r] === void 0 && (t[r] = e(r)), t[r];
+  };
+}
+var Qt = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, er = /* @__PURE__ */ Jt(
+  function(e) {
+    return Qt.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), w = "-ms-", ae = "-moz-", h = "-webkit-", yt = "comm", xe = "rule", Ye = "decl", tr = "@import", vt = "@keyframes", rr = "@layer", wt = Math.abs, We = String.fromCharCode, ze = Object.assign;
+function nr(e, t) {
+  return P(e, 0) ^ 45 ? (((t << 2 ^ P(e, 0)) << 2 ^ P(e, 1)) << 2 ^ P(e, 2)) << 2 ^ P(e, 3) : 0;
+}
+function bt(e) {
+  return e.trim();
+}
+function $(e, t) {
+  return (e = t.exec(e)) ? e[0] : e;
+}
+function u(e, t, r) {
+  return e.replace(t, r);
+}
+function me(e, t, r) {
+  return e.indexOf(t, r);
+}
+function P(e, t) {
+  return e.charCodeAt(t) | 0;
+}
+function X(e, t, r) {
+  return e.slice(t, r);
+}
+function T(e) {
+  return e.length;
+}
+function St(e) {
+  return e.length;
+}
+function se(e, t) {
+  return t.push(e), e;
+}
+function or(e, t) {
+  return e.map(t).join("");
+}
+function Qe(e, t) {
+  return e.filter(function(r) {
+    return !$(r, t);
+  });
+}
+var Ee = 1, K = 1, kt = 0, I = 0, A = 0, ee = "";
+function Ce(e, t, r, n, o, s, a, c) {
+  return { value: e, root: t, parent: r, type: n, props: o, children: s, line: Ee, column: K, length: a, return: "", siblings: c };
+}
+function M(e, t) {
+  return ze(Ce("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
+}
+function q(e) {
+  for (; e.root; )
+    e = M(e.root, { children: [e] });
+  se(e, e.siblings);
+}
+function sr() {
+  return A;
+}
+function ar() {
+  return A = I > 0 ? P(ee, --I) : 0, K--, A === 10 && (K = 1, Ee--), A;
+}
+function _() {
+  return A = I < kt ? P(ee, I++) : 0, K++, A === 10 && (K = 1, Ee++), A;
+}
+function V() {
+  return P(ee, I);
+}
+function ge() {
+  return I;
+}
+function Ae(e, t) {
+  return X(ee, e, t);
+}
+function Me(e) {
+  switch (e) {
+    // \0 \t \n \r \s whitespace token
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    // ! + , / > @ ~ isolate token
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    // ; { } breakpoint token
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    // : accompanied token
+    case 58:
+      return 3;
+    // " ' ( [ opening delimit token
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    // ) ] closing delimit token
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function ir(e) {
+  return Ee = K = 1, kt = T(ee = e), I = 0, [];
+}
+function cr(e) {
+  return ee = "", e;
+}
+function Te(e) {
+  return bt(Ae(I - 1, Le(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function ur(e) {
+  for (; (A = V()) && A < 33; )
+    _();
+  return Me(e) > 2 || Me(A) > 3 ? "" : " ";
+}
+function lr(e, t) {
+  for (; --t && _() && !(A < 48 || A > 102 || A > 57 && A < 65 || A > 70 && A < 97); )
+    ;
+  return Ae(e, ge() + (t < 6 && V() == 32 && _() == 32));
+}
+function Le(e) {
+  for (; _(); )
+    switch (A) {
+      // ] ) " '
+      case e:
+        return I;
+      // " '
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && Le(A);
+        break;
+      // (
+      case 40:
+        e === 41 && Le(e);
+        break;
+      // \
+      case 92:
+        _();
+        break;
+    }
+  return I;
+}
+function pr(e, t) {
+  for (; _() && e + A !== 57; )
+    if (e + A === 84 && V() === 47)
+      break;
+  return "/*" + Ae(t, I - 1) + "*" + We(e === 47 ? e : _());
+}
+function dr(e) {
+  for (; !Me(V()); )
+    _();
+  return Ae(e, I);
+}
+function fr(e) {
+  return cr(ye("", null, null, null, [""], e = ir(e), 0, [0], e));
+}
+function ye(e, t, r, n, o, s, a, c, i) {
+  for (var y = 0, m = 0, d = a, g = 0, f = 0, S = 0, E = 1, O = 1, C = 1, k = 0, v = "", b = o, x = s, p = n, l = v; O; )
+    switch (S = k, k = _()) {
+      // (
+      case 40:
+        if (S != 108 && P(l, d - 1) == 58) {
+          me(l += u(Te(k), "&", "&\f"), "&\f", wt(y ? c[y - 1] : 0)) != -1 && (C = -1);
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        l += Te(k);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        l += ur(S);
+        break;
+      // \
+      case 92:
+        l += lr(ge() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (V()) {
+          case 42:
+          case 47:
+            se(hr(pr(_(), ge()), t, r, i), i);
+            break;
+          default:
+            l += "/";
+        }
+        break;
+      // {
+      case 123 * E:
+        c[y++] = T(l) * C;
+      // } ; \0
+      case 125 * E:
+      case 59:
+      case 0:
+        switch (k) {
+          // \0 }
+          case 0:
+          case 125:
+            O = 0;
+          // ;
+          case 59 + m:
+            C == -1 && (l = u(l, /\f/g, "")), f > 0 && T(l) - d && se(f > 32 ? tt(l + ";", n, r, d - 1, i) : tt(u(l, " ", "") + ";", n, r, d - 2, i), i);
+            break;
+          // @ ;
+          case 59:
+            l += ";";
+          // { rule/at-rule
+          default:
+            if (se(p = et(l, t, r, y, m, o, c, v, b = [], x = [], d, s), s), k === 123)
+              if (m === 0)
+                ye(l, t, p, p, b, s, d, c, x);
+              else
+                switch (g === 99 && P(l, 3) === 110 ? 100 : g) {
+                  // d l m s
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    ye(e, p, p, n && se(et(e, p, p, 0, 0, o, c, v, o, b = [], d, x), x), o, x, d, c, n ? b : x);
+                    break;
+                  default:
+                    ye(l, p, p, p, [""], x, 0, c, x);
+                }
+        }
+        y = m = f = 0, E = C = 1, v = l = "", d = a;
+        break;
+      // :
+      case 58:
+        d = 1 + T(l), f = S;
+      default:
+        if (E < 1) {
+          if (k == 123)
+            --E;
+          else if (k == 125 && E++ == 0 && ar() == 125)
+            continue;
+        }
+        switch (l += We(k), k * E) {
+          // &
+          case 38:
+            C = m > 0 ? 1 : (l += "\f", -1);
+            break;
+          // ,
+          case 44:
+            c[y++] = (T(l) - 1) * C, C = 1;
+            break;
+          // @
+          case 64:
+            V() === 45 && (l += Te(_())), g = V(), m = d = T(v = l += dr(ge())), k++;
+            break;
+          // -
+          case 45:
+            S === 45 && T(l) == 2 && (E = 0);
+        }
+    }
+  return s;
+}
+function et(e, t, r, n, o, s, a, c, i, y, m, d) {
+  for (var g = o - 1, f = o === 0 ? s : [""], S = St(f), E = 0, O = 0, C = 0; E < n; ++E)
+    for (var k = 0, v = X(e, g + 1, g = wt(O = a[E])), b = e; k < S; ++k)
+      (b = bt(O > 0 ? f[k] + " " + v : u(v, /&\f/g, f[k]))) && (i[C++] = b);
+  return Ce(e, t, r, o === 0 ? xe : c, i, y, m, d);
+}
+function hr(e, t, r, n) {
+  return Ce(e, t, r, yt, We(sr()), X(e, 2, -2), 0, n);
+}
+function tt(e, t, r, n, o) {
+  return Ce(e, t, r, Ye, X(e, 0, n), X(e, n + 1, -1), n, o);
+}
+function xt(e, t, r) {
+  switch (nr(e, t)) {
+    // color-adjust
+    case 5103:
+      return h + "print-" + e + e;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return h + e + e;
+    // tab-size
+    case 4789:
+      return ae + e + e;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return h + e + ae + e + w + e + e;
+    // writing-mode
+    case 5936:
+      switch (P(e, t + 11)) {
+        // vertical-l(r)
+        case 114:
+          return h + e + w + u(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        // vertical-r(l)
+        case 108:
+          return h + e + w + u(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        // horizontal(-)tb
+        case 45:
+          return h + e + w + u(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+    // flex, flex-direction, scroll-snap-type, writing-mode
+    case 6828:
+    case 4268:
+    case 2903:
+      return h + e + w + e + e;
+    // order
+    case 6165:
+      return h + e + w + "flex-" + e + e;
+    // align-items
+    case 5187:
+      return h + e + u(e, /(\w+).+(:[^]+)/, h + "box-$1$2" + w + "flex-$1$2") + e;
+    // align-self
+    case 5443:
+      return h + e + w + "flex-item-" + u(e, /flex-|-self/g, "") + ($(e, /flex-|baseline/) ? "" : w + "grid-row-" + u(e, /flex-|-self/g, "")) + e;
+    // align-content
+    case 4675:
+      return h + e + w + "flex-line-pack" + u(e, /align-content|flex-|-self/g, "") + e;
+    // flex-shrink
+    case 5548:
+      return h + e + w + u(e, "shrink", "negative") + e;
+    // flex-basis
+    case 5292:
+      return h + e + w + u(e, "basis", "preferred-size") + e;
+    // flex-grow
+    case 6060:
+      return h + "box-" + u(e, "-grow", "") + h + e + w + u(e, "grow", "positive") + e;
+    // transition
+    case 4554:
+      return h + u(e, /([^-])(transform)/g, "$1" + h + "$2") + e;
+    // cursor
+    case 6187:
+      return u(u(u(e, /(zoom-|grab)/, h + "$1"), /(image-set)/, h + "$1"), e, "") + e;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return u(e, /(image-set\([^]*)/, h + "$1$`$1");
+    // justify-content
+    case 4968:
+      return u(u(e, /(.+:)(flex-)?(.*)/, h + "box-pack:$3" + w + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + h + e + e;
+    // justify-self
+    case 4200:
+      if (!$(e, /flex-|baseline/)) return w + "grid-column-align" + X(e, t) + e;
+      break;
+    // grid-template-(columns|rows)
+    case 2592:
+    case 3360:
+      return w + u(e, "template-", "") + e;
+    // grid-(row|column)-start
+    case 4384:
+    case 3616:
+      return r && r.some(function(n, o) {
+        return t = o, $(n.props, /grid-\w+-end/);
+      }) ? ~me(e + (r = r[t].value), "span", 0) ? e : w + u(e, "-start", "") + e + w + "grid-row-span:" + (~me(r, "span", 0) ? $(r, /\d+/) : +$(r, /\d+/) - +$(e, /\d+/)) + ";" : w + u(e, "-start", "") + e;
+    // grid-(row|column)-end
+    case 4896:
+    case 4128:
+      return r && r.some(function(n) {
+        return $(n.props, /grid-\w+-start/);
+      }) ? e : w + u(u(e, "-end", "-span"), "span ", "") + e;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return u(e, /(.+)-inline(.+)/, h + "$1$2") + e;
+    // (min|max)?(width|height|inline-size|block-size)
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      if (T(e) - 1 - t > 6)
+        switch (P(e, t + 1)) {
+          // (m)ax-content, (m)in-content
+          case 109:
+            if (P(e, t + 4) !== 45)
+              break;
+          // (f)ill-available, (f)it-content
+          case 102:
+            return u(e, /(.+:)(.+)-([^]+)/, "$1" + h + "$2-$3$1" + ae + (P(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          // (s)tretch
+          case 115:
+            return ~me(e, "stretch", 0) ? xt(u(e, "stretch", "fill-available"), t, r) + e : e;
+        }
+      break;
+    // grid-(column|row)
+    case 5152:
+    case 5920:
+      return u(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(n, o, s, a, c, i, y) {
+        return w + o + ":" + s + y + (a ? w + o + "-span:" + (c ? i : +i - +s) + y : "") + e;
+      });
+    // position: sticky
+    case 4949:
+      if (P(e, t + 6) === 121)
+        return u(e, ":", ":" + h) + e;
+      break;
+    // display: (flex|inline-flex|grid|inline-grid)
+    case 6444:
+      switch (P(e, P(e, 14) === 45 ? 18 : 11)) {
+        // (inline-)?fle(x)
+        case 120:
+          return u(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + h + (P(e, 14) === 45 ? "inline-" : "") + "box$3$1" + h + "$2$3$1" + w + "$2box$3") + e;
+        // (inline-)?gri(d)
+        case 100:
+          return u(e, ":", ":" + w) + e;
+      }
+      break;
+    // scroll-margin, scroll-margin-(top|right|bottom|left)
+    case 5719:
+    case 2647:
+    case 2135:
+    case 3927:
+    case 2391:
+      return u(e, "scroll-", "scroll-snap-") + e;
+  }
+  return e;
+}
+function be(e, t) {
+  for (var r = "", n = 0; n < e.length; n++)
+    r += t(e[n], n, e, t) || "";
+  return r;
+}
+function mr(e, t, r, n) {
+  switch (e.type) {
+    case rr:
+      if (e.children.length) break;
+    case tr:
+    case Ye:
+      return e.return = e.return || e.value;
+    case yt:
+      return "";
+    case vt:
+      return e.return = e.value + "{" + be(e.children, n) + "}";
+    case xe:
+      if (!T(e.value = e.props.join(","))) return "";
+  }
+  return T(r = be(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+}
+function gr(e) {
+  var t = St(e);
+  return function(r, n, o, s) {
+    for (var a = "", c = 0; c < t; c++)
+      a += e[c](r, n, o, s) || "";
+    return a;
+  };
+}
+function yr(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+function vr(e, t, r, n) {
+  if (e.length > -1 && !e.return)
+    switch (e.type) {
+      case Ye:
+        e.return = xt(e.value, e.length, r);
+        return;
+      case vt:
+        return be([M(e, { value: u(e.value, "@", "@" + h) })], n);
+      case xe:
+        if (e.length)
+          return or(r = e.props, function(o) {
+            switch ($(o, n = /(::plac\w+|:read-\w+)/)) {
+              // :read-(only|write)
+              case ":read-only":
+              case ":read-write":
+                q(M(e, { props: [u(o, /:(read-\w+)/, ":" + ae + "$1")] })), q(M(e, { props: [o] })), ze(e, { props: Qe(r, n) });
+                break;
+              // :placeholder
+              case "::placeholder":
+                q(M(e, { props: [u(o, /:(plac\w+)/, ":" + h + "input-$1")] })), q(M(e, { props: [u(o, /:(plac\w+)/, ":" + ae + "$1")] })), q(M(e, { props: [u(o, /:(plac\w+)/, w + "input-$1")] })), q(M(e, { props: [o] })), ze(e, { props: Qe(r, n) });
+                break;
+            }
+            return "";
+          });
+    }
+}
+var wr = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+}, H = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", Et = "active", Ct = "data-styled-version", Pe = "6.1.19", qe = `/*!sc*/
+`, Se = typeof window < "u" && typeof document < "u", br = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), rt = /invalid hook call/i, pe = /* @__PURE__ */ new Set(), Sr = function(e, t) {
+  if (process.env.NODE_ENV !== "production") {
+    var r = t ? ' with the id of "'.concat(t, '"') : "", n = "The component ".concat(e).concat(r, ` has been created dynamically.
+`) + `You may see this warning because you've called styled inside another component.
+To resolve this only create new StyledComponents outside of any render method and function component.
+See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
+`, o = console.error;
+    try {
+      var s = !0;
+      console.error = function(a) {
+        for (var c = [], i = 1; i < arguments.length; i++) c[i - 1] = arguments[i];
+        rt.test(a) ? (s = !1, pe.delete(n)) : o.apply(void 0, U([a], c, !1));
+      }, Kt(), s && !pe.has(n) && (console.warn(n), pe.add(n));
+    } catch (a) {
+      rt.test(a.message) && pe.delete(n);
+    } finally {
+      console.error = o;
+    }
+  }
+}, Ne = Object.freeze([]), Z = Object.freeze({});
+function kr(e, t, r) {
+  return r === void 0 && (r = Z), e.theme !== r.theme && e.theme || t || r.theme;
+}
+var Fe = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), xr = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Er = /(^-|-$)/g;
+function nt(e) {
+  return e.replace(xr, "-").replace(Er, "");
+}
+var Cr = /(a)(d)/gi, de = 52, ot = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+function Be(e) {
+  var t, r = "";
+  for (t = Math.abs(e); t > de; t = t / de | 0) r = ot(t % de) + r;
+  return (ot(t % de) + r).replace(Cr, "$1-$2");
+}
+var De, At = 5381, F = function(e, t) {
+  for (var r = t.length; r; ) e = 33 * e ^ t.charCodeAt(--r);
+  return e;
+}, Pt = function(e) {
+  return F(At, e);
+};
+function Ar(e) {
+  return Be(Pt(e) >>> 0);
+}
+function Nt(e) {
+  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+function $e(e) {
+  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+var Ot = typeof Symbol == "function" && Symbol.for, Rt = Ot ? Symbol.for("react.memo") : 60115, Pr = Ot ? Symbol.for("react.forward_ref") : 60112, Nr = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Or = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, It = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, Rr = ((De = {})[Pr] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, De[Rt] = It, De);
+function st(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === Rt ? It : "$$typeof" in e ? Rr[e.$$typeof] : Nr;
+  var t;
+}
+var Ir = Object.defineProperty, _r = Object.getOwnPropertyNames, at = Object.getOwnPropertySymbols, Tr = Object.getOwnPropertyDescriptor, Dr = Object.getPrototypeOf, it = Object.prototype;
+function _t(e, t, r) {
+  if (typeof t != "string") {
+    if (it) {
+      var n = Dr(t);
+      n && n !== it && _t(e, n, r);
+    }
+    var o = _r(t);
+    at && (o = o.concat(at(t)));
+    for (var s = st(e), a = st(t), c = 0; c < o.length; ++c) {
+      var i = o[c];
+      if (!(i in Or || r && r[i] || a && i in a || s && i in s)) {
+        var y = Tr(t, i);
+        try {
+          Ir(e, i, y);
+        } catch {
+        }
+      }
+    }
+  }
+  return e;
+}
+function J(e) {
+  return typeof e == "function";
+}
+function Ue(e) {
+  return typeof e == "object" && "styledComponentId" in e;
+}
+function B(e, t) {
+  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
+}
+function ct(e, t) {
+  if (e.length === 0) return "";
+  for (var r = e[0], n = 1; n < e.length; n++) r += e[n];
+  return r;
+}
+function Q(e) {
+  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+function Ve(e, t, r) {
+  if (r === void 0 && (r = !1), !r && !Q(e) && !Array.isArray(e)) return t;
+  if (Array.isArray(t)) for (var n = 0; n < t.length; n++) e[n] = Ve(e[n], t[n]);
+  else if (Q(t)) for (var n in t) e[n] = Ve(e[n], t[n]);
+  return e;
+}
+function Xe(e, t) {
+  Object.defineProperty(e, "toString", { value: t });
+}
+var $r = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
+
+`, 2: `Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
+
+- Are you trying to reuse it across renders?
+- Are you accidentally calling collectStyles twice?
+
+`, 3: `Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
+
+`, 4: `The \`StyleSheetManager\` expects a valid target or sheet prop!
+
+- Does this error occur on the client and is your target falsy?
+- Does this error occur on the server and is the sheet falsy?
+
+`, 5: `The clone method cannot be used on the client!
+
+- Are you running in a client-like environment on the server?
+- Are you trying to run SSR on the client?
+
+`, 6: `Trying to insert a new style tag, but the given Node is unmounted!
+
+- Are you using a custom target that isn't mounted?
+- Does your document not have a valid head element?
+- Have you accidentally removed a style tag manually?
+
+`, 7: 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8: `ThemeProvider: Please make your "theme" prop an object.
+
+`, 9: "Missing document `<head>`\n\n", 10: `Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
+
+`, 11: `_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
+
+`, 12: "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13: `%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
+
+`, 14: `ThemeProvider: "theme" prop is required.
+
+`, 15: "A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16: `Reached the limit of how many styled components may be created at group %s.
+You may only create up to 1,073,741,824 components. If you're creating components dynamically,
+as for instance in your render method then you may be running into this limitation.
+
+`, 17: `CSSStyleSheet could not be found on HTMLStyleElement.
+Has styled-components' style tag been unmounted or altered by another script?
+`, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
+function jr() {
+  for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
+  for (var r = e[0], n = [], o = 1, s = e.length; o < s; o += 1) n.push(e[o]);
+  return n.forEach(function(a) {
+    r = r.replace(/%[a-z]/, a);
+  }), r;
+}
+function te(e) {
+  for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
+  return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : "")) : new Error(jr.apply(void 0, U([$r[e]], t, !1)).trim());
+}
+var zr = (function() {
+  function e(t) {
+    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
+  }
+  return e.prototype.indexOfGroup = function(t) {
+    for (var r = 0, n = 0; n < t; n++) r += this.groupSizes[n];
+    return r;
+  }, e.prototype.insertRules = function(t, r) {
+    if (t >= this.groupSizes.length) {
+      for (var n = this.groupSizes, o = n.length, s = o; t >= s; ) if ((s <<= 1) < 0) throw te(16, "".concat(t));
+      this.groupSizes = new Uint32Array(s), this.groupSizes.set(n), this.length = s;
+      for (var a = o; a < s; a++) this.groupSizes[a] = 0;
+    }
+    for (var c = this.indexOfGroup(t + 1), i = (a = 0, r.length); a < i; a++) this.tag.insertRule(c, r[a]) && (this.groupSizes[t]++, c++);
+  }, e.prototype.clearGroup = function(t) {
+    if (t < this.length) {
+      var r = this.groupSizes[t], n = this.indexOfGroup(t), o = n + r;
+      this.groupSizes[t] = 0;
+      for (var s = n; s < o; s++) this.tag.deleteRule(n);
+    }
+  }, e.prototype.getGroup = function(t) {
+    var r = "";
+    if (t >= this.length || this.groupSizes[t] === 0) return r;
+    for (var n = this.groupSizes[t], o = this.indexOfGroup(t), s = o + n, a = o; a < s; a++) r += "".concat(this.tag.getRule(a)).concat(qe);
+    return r;
+  }, e;
+})(), Mr = 1 << 30, ve = /* @__PURE__ */ new Map(), ke = /* @__PURE__ */ new Map(), we = 1, fe = function(e) {
+  if (ve.has(e)) return ve.get(e);
+  for (; ke.has(we); ) we++;
+  var t = we++;
+  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > Mr)) throw te(16, "".concat(t));
+  return ve.set(e, t), ke.set(t, e), t;
+}, Lr = function(e, t) {
+  we = t + 1, ve.set(e, t), ke.set(t, e);
+}, Fr = "style[".concat(H, "][").concat(Ct, '="').concat(Pe, '"]'), Br = new RegExp("^".concat(H, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Vr = function(e, t, r) {
+  for (var n, o = r.split(","), s = 0, a = o.length; s < a; s++) (n = o[s]) && e.registerName(t, n);
+}, Gr = function(e, t) {
+  for (var r, n = ((r = t.textContent) !== null && r !== void 0 ? r : "").split(qe), o = [], s = 0, a = n.length; s < a; s++) {
+    var c = n[s].trim();
+    if (c) {
+      var i = c.match(Br);
+      if (i) {
+        var y = 0 | parseInt(i[1], 10), m = i[2];
+        y !== 0 && (Lr(m, y), Vr(e, m, i[3]), e.getTag().insertRules(y, o)), o.length = 0;
+      } else o.push(c);
+    }
+  }
+}, ut = function(e) {
+  for (var t = document.querySelectorAll(Fr), r = 0, n = t.length; r < n; r++) {
+    var o = t[r];
+    o && o.getAttribute(H) !== Et && (Gr(e, o), o.parentNode && o.parentNode.removeChild(o));
+  }
+};
+function Hr() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}
+var Tt = function(e) {
+  var t = document.head, r = e || t, n = document.createElement("style"), o = (function(c) {
+    var i = Array.from(c.querySelectorAll("style[".concat(H, "]")));
+    return i[i.length - 1];
+  })(r), s = o !== void 0 ? o.nextSibling : null;
+  n.setAttribute(H, Et), n.setAttribute(Ct, Pe);
+  var a = Hr();
+  return a && n.setAttribute("nonce", a), r.insertBefore(n, s), n;
+}, Yr = (function() {
+  function e(t) {
+    this.element = Tt(t), this.element.appendChild(document.createTextNode("")), this.sheet = (function(r) {
+      if (r.sheet) return r.sheet;
+      for (var n = document.styleSheets, o = 0, s = n.length; o < s; o++) {
+        var a = n[o];
+        if (a.ownerNode === r) return a;
+      }
+      throw te(17);
+    })(this.element), this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, r) {
+    try {
+      return this.sheet.insertRule(r, t), this.length++, !0;
+    } catch {
+      return !1;
+    }
+  }, e.prototype.deleteRule = function(t) {
+    this.sheet.deleteRule(t), this.length--;
+  }, e.prototype.getRule = function(t) {
+    var r = this.sheet.cssRules[t];
+    return r && r.cssText ? r.cssText : "";
+  }, e;
+})(), Wr = (function() {
+  function e(t) {
+    this.element = Tt(t), this.nodes = this.element.childNodes, this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, r) {
+    if (t <= this.length && t >= 0) {
+      var n = document.createTextNode(r);
+      return this.element.insertBefore(n, this.nodes[t] || null), this.length++, !0;
+    }
+    return !1;
+  }, e.prototype.deleteRule = function(t) {
+    this.element.removeChild(this.nodes[t]), this.length--;
+  }, e.prototype.getRule = function(t) {
+    return t < this.length ? this.nodes[t].textContent : "";
+  }, e;
+})(), qr = (function() {
+  function e(t) {
+    this.rules = [], this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, r) {
+    return t <= this.length && (this.rules.splice(t, 0, r), this.length++, !0);
+  }, e.prototype.deleteRule = function(t) {
+    this.rules.splice(t, 1), this.length--;
+  }, e.prototype.getRule = function(t) {
+    return t < this.length ? this.rules[t] : "";
+  }, e;
+})(), lt = Se, Ur = { isServer: !Se, useCSSOMInjection: !br }, Dt = (function() {
+  function e(t, r, n) {
+    t === void 0 && (t = Z), r === void 0 && (r = {});
+    var o = this;
+    this.options = N(N({}, Ur), t), this.gs = r, this.names = new Map(n), this.server = !!t.isServer, !this.server && Se && lt && (lt = !1, ut(this)), Xe(this, function() {
+      return (function(s) {
+        for (var a = s.getTag(), c = a.length, i = "", y = function(d) {
+          var g = (function(C) {
+            return ke.get(C);
+          })(d);
+          if (g === void 0) return "continue";
+          var f = s.names.get(g), S = a.getGroup(d);
+          if (f === void 0 || !f.size || S.length === 0) return "continue";
+          var E = "".concat(H, ".g").concat(d, '[id="').concat(g, '"]'), O = "";
+          f !== void 0 && f.forEach(function(C) {
+            C.length > 0 && (O += "".concat(C, ","));
+          }), i += "".concat(S).concat(E, '{content:"').concat(O, '"}').concat(qe);
+        }, m = 0; m < c; m++) y(m);
+        return i;
+      })(o);
+    });
+  }
+  return e.registerId = function(t) {
+    return fe(t);
+  }, e.prototype.rehydrate = function() {
+    !this.server && Se && ut(this);
+  }, e.prototype.reconstructWithOptions = function(t, r) {
+    return r === void 0 && (r = !0), new e(N(N({}, this.options), t), this.gs, r && this.names || void 0);
+  }, e.prototype.allocateGSInstance = function(t) {
+    return this.gs[t] = (this.gs[t] || 0) + 1;
+  }, e.prototype.getTag = function() {
+    return this.tag || (this.tag = (t = (function(r) {
+      var n = r.useCSSOMInjection, o = r.target;
+      return r.isServer ? new qr(o) : n ? new Yr(o) : new Wr(o);
+    })(this.options), new zr(t)));
+    var t;
+  }, e.prototype.hasNameForId = function(t, r) {
+    return this.names.has(t) && this.names.get(t).has(r);
+  }, e.prototype.registerName = function(t, r) {
+    if (fe(t), this.names.has(t)) this.names.get(t).add(r);
+    else {
+      var n = /* @__PURE__ */ new Set();
+      n.add(r), this.names.set(t, n);
+    }
+  }, e.prototype.insertRules = function(t, r, n) {
+    this.registerName(t, r), this.getTag().insertRules(fe(t), n);
+  }, e.prototype.clearNames = function(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }, e.prototype.clearRules = function(t) {
+    this.getTag().clearGroup(fe(t)), this.clearNames(t);
+  }, e.prototype.clearTag = function() {
+    this.tag = void 0;
+  }, e;
+})(), Xr = /&/g, Kr = /^\s*\/\/.*$/gm;
+function $t(e, t) {
+  return e.map(function(r) {
+    return r.type === "rule" && (r.value = "".concat(t, " ").concat(r.value), r.value = r.value.replaceAll(",", ",".concat(t, " ")), r.props = r.props.map(function(n) {
+      return "".concat(t, " ").concat(n);
+    })), Array.isArray(r.children) && r.type !== "@keyframes" && (r.children = $t(r.children, t)), r;
+  });
+}
+function Zr(e) {
+  var t, r, n, o = Z, s = o.options, a = s === void 0 ? Z : s, c = o.plugins, i = c === void 0 ? Ne : c, y = function(g, f, S) {
+    return S.startsWith(r) && S.endsWith(r) && S.replaceAll(r, "").length > 0 ? ".".concat(t) : g;
+  }, m = i.slice();
+  m.push(function(g) {
+    g.type === xe && g.value.includes("&") && (g.props[0] = g.props[0].replace(Xr, r).replace(n, y));
+  }), a.prefix && m.push(vr), m.push(mr);
+  var d = function(g, f, S, E) {
+    f === void 0 && (f = ""), S === void 0 && (S = ""), E === void 0 && (E = "&"), t = E, r = f, n = new RegExp("\\".concat(r, "\\b"), "g");
+    var O = g.replace(Kr, ""), C = fr(S || f ? "".concat(S, " ").concat(f, " { ").concat(O, " }") : O);
+    a.namespace && (C = $t(C, a.namespace));
+    var k = [];
+    return be(C, gr(m.concat(yr(function(v) {
+      return k.push(v);
+    })))), k;
+  };
+  return d.hash = i.length ? i.reduce(function(g, f) {
+    return f.name || te(15), F(g, f.name);
+  }, At).toString() : "", d;
+}
+var Jr = new Dt(), Ge = Zr(), jt = ie.createContext({ shouldForwardProp: void 0, styleSheet: Jr, stylis: Ge });
+jt.Consumer;
+ie.createContext(void 0);
+function pt() {
+  return Zt(jt);
+}
+var dt = (function() {
+  function e(t, r) {
+    var n = this;
+    this.inject = function(o, s) {
+      s === void 0 && (s = Ge);
+      var a = n.name + s.hash;
+      o.hasNameForId(n.id, a) || o.insertRules(n.id, a, s(n.rules, a, "@keyframes"));
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = r, Xe(this, function() {
+      throw te(12, String(n.name));
+    });
+  }
+  return e.prototype.getName = function(t) {
+    return t === void 0 && (t = Ge), this.name + t.hash;
+  }, e;
+})(), Qr = function(e) {
+  return e >= "A" && e <= "Z";
+};
+function ft(e) {
+  for (var t = "", r = 0; r < e.length; r++) {
+    var n = e[r];
+    if (r === 1 && n === "-" && e[0] === "-") return e;
+    Qr(n) ? t += "-" + n.toLowerCase() : t += n;
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
+}
+var zt = function(e) {
+  return e == null || e === !1 || e === "";
+}, Mt = function(e) {
+  var t, r, n = [];
+  for (var o in e) {
+    var s = e[o];
+    e.hasOwnProperty(o) && !zt(s) && (Array.isArray(s) && s.isCss || J(s) ? n.push("".concat(ft(o), ":"), s, ";") : Q(s) ? n.push.apply(n, U(U(["".concat(o, " {")], Mt(s), !1), ["}"], !1)) : n.push("".concat(ft(o), ": ").concat((t = o, (r = s) == null || typeof r == "boolean" || r === "" ? "" : typeof r != "number" || r === 0 || t in wr || t.startsWith("--") ? String(r).trim() : "".concat(r, "px")), ";")));
+  }
+  return n;
+};
+function G(e, t, r, n) {
+  if (zt(e)) return [];
+  if (Ue(e)) return [".".concat(e.styledComponentId)];
+  if (J(e)) {
+    if (!J(s = e) || s.prototype && s.prototype.isReactComponent || !t) return [e];
+    var o = e(t);
+    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof dt || Q(o) || o === null || console.error("".concat(Nt(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), G(o, t, r, n);
+  }
+  var s;
+  return e instanceof dt ? r ? (e.inject(r, n), [e.getName(n)]) : [e] : Q(e) ? Mt(e) : Array.isArray(e) ? Array.prototype.concat.apply(Ne, e.map(function(a) {
+    return G(a, t, r, n);
+  })) : [e.toString()];
+}
+function en(e) {
+  for (var t = 0; t < e.length; t += 1) {
+    var r = e[t];
+    if (J(r) && !Ue(r)) return !1;
+  }
+  return !0;
+}
+var tn = Pt(Pe), rn = (function() {
+  function e(t, r, n) {
+    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (n === void 0 || n.isStatic) && en(t), this.componentId = r, this.baseHash = F(tn, r), this.baseStyle = n, Dt.registerId(r);
+  }
+  return e.prototype.generateAndInjectStyles = function(t, r, n) {
+    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, r, n) : "";
+    if (this.isStatic && !n.hash) if (this.staticRulesId && r.hasNameForId(this.componentId, this.staticRulesId)) o = B(o, this.staticRulesId);
+    else {
+      var s = ct(G(this.rules, t, r, n)), a = Be(F(this.baseHash, s) >>> 0);
+      if (!r.hasNameForId(this.componentId, a)) {
+        var c = n(s, ".".concat(a), void 0, this.componentId);
+        r.insertRules(this.componentId, a, c);
+      }
+      o = B(o, a), this.staticRulesId = a;
+    }
+    else {
+      for (var i = F(this.baseHash, n.hash), y = "", m = 0; m < this.rules.length; m++) {
+        var d = this.rules[m];
+        if (typeof d == "string") y += d, process.env.NODE_ENV !== "production" && (i = F(i, d));
+        else if (d) {
+          var g = ct(G(d, t, r, n));
+          i = F(i, g + m), y += g;
+        }
+      }
+      if (y) {
+        var f = Be(i >>> 0);
+        r.hasNameForId(this.componentId, f) || r.insertRules(this.componentId, f, n(y, ".".concat(f), void 0, this.componentId)), o = B(o, f);
+      }
+    }
+    return o;
+  }, e;
+})(), Lt = ie.createContext(void 0);
+Lt.Consumer;
+var je = {}, ht = /* @__PURE__ */ new Set();
+function nn(e, t, r) {
+  var n = Ue(e), o = e, s = !$e(e), a = t.attrs, c = a === void 0 ? Ne : a, i = t.componentId, y = i === void 0 ? (function(b, x) {
+    var p = typeof b != "string" ? "sc" : nt(b);
+    je[p] = (je[p] || 0) + 1;
+    var l = "".concat(p, "-").concat(Ar(Pe + p + je[p]));
+    return x ? "".concat(x, "-").concat(l) : l;
+  })(t.displayName, t.parentComponentId) : i, m = t.displayName, d = m === void 0 ? (function(b) {
+    return $e(b) ? "styled.".concat(b) : "Styled(".concat(Nt(b), ")");
+  })(e) : m, g = t.displayName && t.componentId ? "".concat(nt(t.displayName), "-").concat(t.componentId) : t.componentId || y, f = n && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, S = t.shouldForwardProp;
+  if (n && o.shouldForwardProp) {
+    var E = o.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      var O = t.shouldForwardProp;
+      S = function(b, x) {
+        return E(b, x) && O(b, x);
+      };
+    } else S = E;
+  }
+  var C = new rn(r, g, n ? o.componentStyle : void 0);
+  function k(b, x) {
+    return (function(p, l, j) {
+      var Y = p.attrs, Vt = p.componentStyle, Gt = p.defaultProps, Ht = p.foldedComponentIds, Ke = p.styledComponentId, Yt = p.target, Wt = ie.useContext(Lt), qt = pt(), Oe = p.shouldForwardProp || qt.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && Je(Ke);
+      var Ze = kr(l, Wt, Gt) || Z, D = (function(ce, oe, ue) {
+        for (var W, L = N(N({}, oe), { className: void 0, theme: ue }), _e = 0; _e < ce.length; _e += 1) {
+          var le = J(W = ce[_e]) ? W(L) : W;
+          for (var z in le) L[z] = z === "className" ? B(L[z], le[z]) : z === "style" ? N(N({}, L[z]), le[z]) : le[z];
+        }
+        return oe.className && (L.className = B(L.className, oe.className)), L;
+      })(Y, l, Ze), re = D.as || Yt, ne = {};
+      for (var R in D) D[R] === void 0 || R[0] === "$" || R === "as" || R === "theme" && D.theme === Ze || (R === "forwardedAs" ? ne.as = D.forwardedAs : Oe && !Oe(R, re) || (ne[R] = D[R], Oe || process.env.NODE_ENV !== "development" || er(R) || ht.has(R) || !Fe.has(re) || (ht.add(R), console.warn('styled-components: it looks like an unknown prop "'.concat(R, '" 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 Re = (function(ce, oe) {
+        var ue = pt(), W = ce.generateAndInjectStyles(oe, ue.styleSheet, ue.stylis);
+        return process.env.NODE_ENV !== "production" && Je(W), W;
+      })(Vt, D);
+      process.env.NODE_ENV !== "production" && p.warnTooManyClasses && p.warnTooManyClasses(Re);
+      var Ie = B(Ht, Ke);
+      return Re && (Ie += " " + Re), D.className && (Ie += " " + D.className), ne[$e(re) && !Fe.has(re) ? "class" : "className"] = Ie, j && (ne.ref = j), Xt(re, ne);
+    })(v, b, x);
+  }
+  k.displayName = d;
+  var v = ie.forwardRef(k);
+  return v.attrs = f, v.componentStyle = C, v.displayName = d, v.shouldForwardProp = S, v.foldedComponentIds = n ? B(o.foldedComponentIds, o.styledComponentId) : "", v.styledComponentId = g, v.target = n ? o.target : e, Object.defineProperty(v, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(b) {
+    this._foldedDefaultProps = n ? (function(x) {
+      for (var p = [], l = 1; l < arguments.length; l++) p[l - 1] = arguments[l];
+      for (var j = 0, Y = p; j < Y.length; j++) Ve(x, Y[j], !0);
+      return x;
+    })({}, o.defaultProps, b) : b;
+  } }), process.env.NODE_ENV !== "production" && (Sr(d, g), v.warnTooManyClasses = /* @__PURE__ */ (function(b, x) {
+    var p = {}, l = !1;
+    return function(j) {
+      if (!l && (p[j] = !0, Object.keys(p).length >= 200)) {
+        var Y = x ? ' with the id of "'.concat(x, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(b).concat(Y, `.
+`) + `Consider using the attrs method, together with a style object for frequently changed styles.
+Example:
+  const Component = styled.div.attrs(props => ({
+    style: {
+      background: props.background,
+    },
+  }))\`width: 100%;\`
+
+  <Component />`), l = !0, p = {};
+      }
+    };
+  })(d, g)), Xe(v, function() {
+    return ".".concat(v.styledComponentId);
+  }), s && _t(v, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), v;
+}
+function mt(e, t) {
+  for (var r = [e[0]], n = 0, o = t.length; n < o; n += 1) r.push(t[n], e[n + 1]);
+  return r;
+}
+var gt = function(e) {
+  return Object.assign(e, { isCss: !0 });
+};
+function on(e) {
+  for (var t = [], r = 1; r < arguments.length; r++) t[r - 1] = arguments[r];
+  if (J(e) || Q(e)) return gt(G(mt(Ne, U([e], t, !0))));
+  var n = e;
+  return t.length === 0 && n.length === 1 && typeof n[0] == "string" ? G(n) : gt(G(mt(n, t)));
+}
+function He(e, t, r) {
+  if (r === void 0 && (r = Z), !t) throw te(1, t);
+  var n = function(o) {
+    for (var s = [], a = 1; a < arguments.length; a++) s[a - 1] = arguments[a];
+    return e(t, r, on.apply(void 0, U([o], s, !1)));
+  };
+  return n.attrs = function(o) {
+    return He(e, t, N(N({}, r), { attrs: Array.prototype.concat(r.attrs, o).filter(Boolean) }));
+  }, n.withConfig = function(o) {
+    return He(e, t, N(N({}, r), o));
+  }, n;
+}
+var Ft = function(e) {
+  return He(nn, e);
+}, Bt = Ft;
+Fe.forEach(function(e) {
+  Bt[e] = Ft(e);
+});
+process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
+Perhaps you're looking to import 'styled-components/native'?
+Read more about this at https://www.styled-components.com/docs/basics#react-native`);
+var he = "__sc-".concat(H, "__");
+process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[he] || (window[he] = 0), window[he] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
+
+See https://s-c.sh/2BAXzed for more info.`), window[he] += 1);
+const sn = Bt.button`
+    border-radius: var(--border-radius-button);
+    background-color: var(--color-blue-primary);
+    color: var(--white);
+    padding: 1.25rem 0.625rem;
+    transition: all 0.3s ease-in-out;
+    &:hover {
+        cursor: pointer;
+        background-color: var(--purple-600);
+    }
+
+    &:disabled {
+        cursor: not-allowed;
+        background-color: var(--grey);
+        box-shadow: none;
+    }
+`, un = ({ ...e }) => {
+  const { slot: t, type: r = "button", name: n, onClick: o, disabled: s, className: a } = e;
+  return /* @__PURE__ */ Ut(
+    sn,
+    {
+      className: `body-text-normal-20 ${a ?? ""}`,
+      type: r,
+      name: n,
+      onClick: o,
+      disabled: s,
+      children: t
+    }
+  );
+};
+export {
+  un as PrimaryButton
+};