@companycam/slab-web 0.0.23-beta.19 → 0.0.23-beta.2

package/index.mjs

@@ -1,2312 +0,0 @@
-import { jsx as h, jsxs as O } from "react/jsx-runtime";
-import ge, { useRef as ln, useDebugValue as ut, createElement as dn, useContext as un } from "react";
-var P = function() {
-  return P = Object.assign || function(t) {
-    for (var n, r = 1, o = arguments.length; r < o; r++) {
-      n = arguments[r];
-      for (var s in n)
-        Object.prototype.hasOwnProperty.call(n, s) && (t[s] = n[s]);
-    }
-    return t;
-  }, P.apply(this, arguments);
-};
-function Q(e, t, n) {
-  if (n || arguments.length === 2)
-    for (var r = 0, o = t.length, s; r < o; r++)
-      (s || !(r in t)) && (s || (s = Array.prototype.slice.call(t, 0, r)), s[r] = t[r]);
-  return e.concat(s || Array.prototype.slice.call(t));
-}
-function pn(e) {
-  var t = /* @__PURE__ */ Object.create(null);
-  return function(n) {
-    return t[n] === void 0 && (t[n] = e(n)), t[n];
-  };
-}
-var _n = /^((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|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)-.*))$/, fn = /* @__PURE__ */ pn(
-  function(e) {
-    return _n.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-), w = "-ms-", he = "-moz-", b = "-webkit-", Tt = "comm", Ne = "rule", rt = "decl", hn = "@import", Pt = "@keyframes", gn = "@layer", mn = Math.abs, ot = String.fromCharCode, Ye = Object.assign;
-function yn(e, t) {
-  return A(e, 0) ^ 45 ? (((t << 2 ^ A(e, 0)) << 2 ^ A(e, 1)) << 2 ^ A(e, 2)) << 2 ^ A(e, 3) : 0;
-}
-function Ot(e) {
-  return e.trim();
-}
-function B(e, t) {
-  return (e = t.exec(e)) ? e[0] : e;
-}
-function _(e, t, n) {
-  return e.replace(t, n);
-}
-function $e(e, t) {
-  return e.indexOf(t);
-}
-function A(e, t) {
-  return e.charCodeAt(t) | 0;
-}
-function oe(e, t, n) {
-  return e.slice(t, n);
-}
-function L(e) {
-  return e.length;
-}
-function Rt(e) {
-  return e.length;
-}
-function fe(e, t) {
-  return t.push(e), e;
-}
-function bn(e, t) {
-  return e.map(t).join("");
-}
-function pt(e, t) {
-  return e.filter(function(n) {
-    return !B(n, t);
-  });
-}
-var Te = 1, se = 1, Dt = 0, D = 0, I = 0, le = "";
-function Pe(e, t, n, r, o, s, i, c) {
-  return { value: e, root: t, parent: n, type: r, props: o, children: s, line: Te, column: se, length: i, return: "", siblings: c };
-}
-function V(e, t) {
-  return Ye(Pe("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
-}
-function ne(e) {
-  for (; e.root; )
-    e = V(e.root, { children: [e] });
-  fe(e, e.siblings);
-}
-function vn() {
-  return I;
-}
-function xn() {
-  return I = D > 0 ? A(le, --D) : 0, se--, I === 10 && (se = 1, Te--), I;
-}
-function M() {
-  return I = D < Dt ? A(le, D++) : 0, se++, I === 10 && (se = 1, Te++), I;
-}
-function X() {
-  return A(le, D);
-}
-function Se() {
-  return D;
-}
-function Oe(e, t) {
-  return oe(le, e, t);
-}
-function Ue(e) {
-  switch (e) {
-    case 0:
-    case 9:
-    case 10:
-    case 13:
-    case 32:
-      return 5;
-    case 33:
-    case 43:
-    case 44:
-    case 47:
-    case 62:
-    case 64:
-    case 126:
-    case 59:
-    case 123:
-    case 125:
-      return 4;
-    case 58:
-      return 3;
-    case 34:
-    case 39:
-    case 40:
-    case 91:
-      return 2;
-    case 41:
-    case 93:
-      return 1;
-  }
-  return 0;
-}
-function wn(e) {
-  return Te = se = 1, Dt = L(le = e), D = 0, [];
-}
-function kn(e) {
-  return le = "", e;
-}
-function Be(e) {
-  return Ot(Oe(D - 1, We(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
-}
-function $n(e) {
-  for (; (I = X()) && I < 33; )
-    M();
-  return Ue(e) > 2 || Ue(I) > 3 ? "" : " ";
-}
-function Sn(e, t) {
-  for (; --t && M() && !(I < 48 || I > 102 || I > 57 && I < 65 || I > 70 && I < 97); )
-    ;
-  return Oe(e, Se() + (t < 6 && X() == 32 && M() == 32));
-}
-function We(e) {
-  for (; M(); )
-    switch (I) {
-      case e:
-        return D;
-      case 34:
-      case 39:
-        e !== 34 && e !== 39 && We(I);
-        break;
-      case 40:
-        e === 41 && We(e);
-        break;
-      case 92:
-        M();
-        break;
-    }
-  return D;
-}
-function zn(e, t) {
-  for (; M() && e + I !== 47 + 10; )
-    if (e + I === 42 + 42 && X() === 47)
-      break;
-  return "/*" + Oe(t, D - 1) + "*" + ot(e === 47 ? e : M());
-}
-function Cn(e) {
-  for (; !Ue(X()); )
-    M();
-  return Oe(e, D);
-}
-function En(e) {
-  return kn(ze("", null, null, null, [""], e = wn(e), 0, [0], e));
-}
-function ze(e, t, n, r, o, s, i, c, a) {
-  for (var l = 0, p = 0, d = i, m = 0, g = 0, v = 0, $ = 1, N = 1, z = 1, C = 0, x = "", S = o, E = s, y = r, f = x; N; )
-    switch (v = C, C = M()) {
-      case 40:
-        if (v != 108 && A(f, d - 1) == 58) {
-          $e(f += _(Be(C), "&", "&\f"), "&\f") != -1 && (z = -1);
-          break;
-        }
-      case 34:
-      case 39:
-      case 91:
-        f += Be(C);
-        break;
-      case 9:
-      case 10:
-      case 13:
-      case 32:
-        f += $n(v);
-        break;
-      case 92:
-        f += Sn(Se() - 1, 7);
-        continue;
-      case 47:
-        switch (X()) {
-          case 42:
-          case 47:
-            fe(In(zn(M(), Se()), t, n, a), a);
-            break;
-          default:
-            f += "/";
-        }
-        break;
-      case 123 * $:
-        c[l++] = L(f) * z;
-      case 125 * $:
-      case 59:
-      case 0:
-        switch (C) {
-          case 0:
-          case 125:
-            N = 0;
-          case 59 + p:
-            z == -1 && (f = _(f, /\f/g, "")), g > 0 && L(f) - d && fe(g > 32 ? ft(f + ";", r, n, d - 1, a) : ft(_(f, " ", "") + ";", r, n, d - 2, a), a);
-            break;
-          case 59:
-            f += ";";
-          default:
-            if (fe(y = _t(f, t, n, l, p, o, c, x, S = [], E = [], d, s), s), C === 123)
-              if (p === 0)
-                ze(f, t, y, y, S, s, d, c, E);
-              else
-                switch (m === 99 && A(f, 3) === 110 ? 100 : m) {
-                  case 100:
-                  case 108:
-                  case 109:
-                  case 115:
-                    ze(e, y, y, r && fe(_t(e, y, y, 0, 0, o, c, x, o, S = [], d, E), E), o, E, d, c, r ? S : E);
-                    break;
-                  default:
-                    ze(f, y, y, y, [""], E, 0, c, E);
-                }
-        }
-        l = p = g = 0, $ = z = 1, x = f = "", d = i;
-        break;
-      case 58:
-        d = 1 + L(f), g = v;
-      default:
-        if ($ < 1) {
-          if (C == 123)
-            --$;
-          else if (C == 125 && $++ == 0 && xn() == 125)
-            continue;
-        }
-        switch (f += ot(C), C * $) {
-          case 38:
-            z = p > 0 ? 1 : (f += "\f", -1);
-            break;
-          case 44:
-            c[l++] = (L(f) - 1) * z, z = 1;
-            break;
-          case 64:
-            X() === 45 && (f += Be(M())), m = X(), p = d = L(x = f += Cn(Se())), C++;
-            break;
-          case 45:
-            v === 45 && L(f) == 2 && ($ = 0);
-        }
-    }
-  return s;
-}
-function _t(e, t, n, r, o, s, i, c, a, l, p, d) {
-  for (var m = o - 1, g = o === 0 ? s : [""], v = Rt(g), $ = 0, N = 0, z = 0; $ < r; ++$)
-    for (var C = 0, x = oe(e, m + 1, m = mn(N = i[$])), S = e; C < v; ++C)
-      (S = Ot(N > 0 ? g[C] + " " + x : _(x, /&\f/g, g[C]))) && (a[z++] = S);
-  return Pe(e, t, n, o === 0 ? Ne : c, a, l, p, d);
-}
-function In(e, t, n, r) {
-  return Pe(e, t, n, Tt, ot(vn()), oe(e, 2, -2), 0, r);
-}
-function ft(e, t, n, r, o) {
-  return Pe(e, t, n, rt, oe(e, 0, r), oe(e, r + 1, -1), r, o);
-}
-function jt(e, t, n) {
-  switch (yn(e, t)) {
-    case 5103:
-      return b + "print-" + e + e;
-    case 5737:
-    case 4201:
-    case 3177:
-    case 3433:
-    case 1641:
-    case 4457:
-    case 2921:
-    case 5572:
-    case 6356:
-    case 5844:
-    case 3191:
-    case 6645:
-    case 3005:
-    case 6391:
-    case 5879:
-    case 5623:
-    case 6135:
-    case 4599:
-    case 4855:
-    case 4215:
-    case 6389:
-    case 5109:
-    case 5365:
-    case 5621:
-    case 3829:
-      return b + e + e;
-    case 4789:
-      return he + e + e;
-    case 5349:
-    case 4246:
-    case 4810:
-    case 6968:
-    case 2756:
-      return b + e + he + e + w + e + e;
-    case 5936:
-      switch (A(e, t + 11)) {
-        case 114:
-          return b + e + w + _(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
-        case 108:
-          return b + e + w + _(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
-        case 45:
-          return b + e + w + _(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
-      }
-    case 6828:
-    case 4268:
-    case 2903:
-      return b + e + w + e + e;
-    case 6165:
-      return b + e + w + "flex-" + e + e;
-    case 5187:
-      return b + e + _(e, /(\w+).+(:[^]+)/, b + "box-$1$2" + w + "flex-$1$2") + e;
-    case 5443:
-      return b + e + w + "flex-item-" + _(e, /flex-|-self/g, "") + (B(e, /flex-|baseline/) ? "" : w + "grid-row-" + _(e, /flex-|-self/g, "")) + e;
-    case 4675:
-      return b + e + w + "flex-line-pack" + _(e, /align-content|flex-|-self/g, "") + e;
-    case 5548:
-      return b + e + w + _(e, "shrink", "negative") + e;
-    case 5292:
-      return b + e + w + _(e, "basis", "preferred-size") + e;
-    case 6060:
-      return b + "box-" + _(e, "-grow", "") + b + e + w + _(e, "grow", "positive") + e;
-    case 4554:
-      return b + _(e, /([^-])(transform)/g, "$1" + b + "$2") + e;
-    case 6187:
-      return _(_(_(e, /(zoom-|grab)/, b + "$1"), /(image-set)/, b + "$1"), e, "") + e;
-    case 5495:
-    case 3959:
-      return _(e, /(image-set\([^]*)/, b + "$1$`$1");
-    case 4968:
-      return _(_(e, /(.+:)(flex-)?(.*)/, b + "box-pack:$3" + w + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + b + e + e;
-    case 4200:
-      if (!B(e, /flex-|baseline/))
-        return w + "grid-column-align" + oe(e, t) + e;
-      break;
-    case 2592:
-    case 3360:
-      return w + _(e, "template-", "") + e;
-    case 4384:
-    case 3616:
-      return n && n.some(function(r, o) {
-        return t = o, B(r.props, /grid-\w+-end/);
-      }) ? ~$e(e + (n = n[t].value), "span") ? e : w + _(e, "-start", "") + e + w + "grid-row-span:" + (~$e(n, "span") ? B(n, /\d+/) : +B(n, /\d+/) - +B(e, /\d+/)) + ";" : w + _(e, "-start", "") + e;
-    case 4896:
-    case 4128:
-      return n && n.some(function(r) {
-        return B(r.props, /grid-\w+-start/);
-      }) ? e : w + _(_(e, "-end", "-span"), "span ", "") + e;
-    case 4095:
-    case 3583:
-    case 4068:
-    case 2532:
-      return _(e, /(.+)-inline(.+)/, b + "$1$2") + e;
-    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 (L(e) - 1 - t > 6)
-        switch (A(e, t + 1)) {
-          case 109:
-            if (A(e, t + 4) !== 45)
-              break;
-          case 102:
-            return _(e, /(.+:)(.+)-([^]+)/, "$1" + b + "$2-$3$1" + he + (A(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
-          case 115:
-            return ~$e(e, "stretch") ? jt(_(e, "stretch", "fill-available"), t, n) + e : e;
-        }
-      break;
-    case 5152:
-    case 5920:
-      return _(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, s, i, c, a, l) {
-        return w + o + ":" + s + l + (i ? w + o + "-span:" + (c ? a : +a - +s) + l : "") + e;
-      });
-    case 4949:
-      if (A(e, t + 6) === 121)
-        return _(e, ":", ":" + b) + e;
-      break;
-    case 6444:
-      switch (A(e, A(e, 14) === 45 ? 18 : 11)) {
-        case 120:
-          return _(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + b + (A(e, 14) === 45 ? "inline-" : "") + "box$3$1" + b + "$2$3$1" + w + "$2box$3") + e;
-        case 100:
-          return _(e, ":", ":" + w) + e;
-      }
-      break;
-    case 5719:
-    case 2647:
-    case 2135:
-    case 3927:
-    case 2391:
-      return _(e, "scroll-", "scroll-snap-") + e;
-  }
-  return e;
-}
-function Ie(e, t) {
-  for (var n = "", r = 0; r < e.length; r++)
-    n += t(e[r], r, e, t) || "";
-  return n;
-}
-function An(e, t, n, r) {
-  switch (e.type) {
-    case gn:
-      if (e.children.length)
-        break;
-    case hn:
-    case rt:
-      return e.return = e.return || e.value;
-    case Tt:
-      return "";
-    case Pt:
-      return e.return = e.value + "{" + Ie(e.children, r) + "}";
-    case Ne:
-      if (!L(e.value = e.props.join(",")))
-        return "";
-  }
-  return L(n = Ie(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
-}
-function Nn(e) {
-  var t = Rt(e);
-  return function(n, r, o, s) {
-    for (var i = "", c = 0; c < t; c++)
-      i += e[c](n, r, o, s) || "";
-    return i;
-  };
-}
-function Tn(e) {
-  return function(t) {
-    t.root || (t = t.return) && e(t);
-  };
-}
-function Pn(e, t, n, r) {
-  if (e.length > -1 && !e.return)
-    switch (e.type) {
-      case rt:
-        e.return = jt(e.value, e.length, n);
-        return;
-      case Pt:
-        return Ie([V(e, { value: _(e.value, "@", "@" + b) })], r);
-      case Ne:
-        if (e.length)
-          return bn(n = e.props, function(o) {
-            switch (B(o, r = /(::plac\w+|:read-\w+)/)) {
-              case ":read-only":
-              case ":read-write":
-                ne(V(e, { props: [_(o, /:(read-\w+)/, ":" + he + "$1")] })), ne(V(e, { props: [o] })), Ye(e, { props: pt(n, r) });
-                break;
-              case "::placeholder":
-                ne(V(e, { props: [_(o, /:(plac\w+)/, ":" + b + "input-$1")] })), ne(V(e, { props: [_(o, /:(plac\w+)/, ":" + he + "$1")] })), ne(V(e, { props: [_(o, /:(plac\w+)/, w + "input-$1")] })), ne(V(e, { props: [o] })), Ye(e, { props: pt(n, r) });
-                break;
-            }
-            return "";
-          });
-    }
-}
-var On = {
-  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
-}, J = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", st = typeof window < "u" && "HTMLElement" in window, Rn = !!(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"), ht = /invalid hook call/i, xe = /* @__PURE__ */ new Set(), Dn = function(e, t) {
-  if (process.env.NODE_ENV !== "production") {
-    var n = t ? ' with the id of "'.concat(t, '"') : "", r = "The component ".concat(e).concat(n, ` 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.`, o = console.error;
-    try {
-      var s = !0;
-      console.error = function(i) {
-        for (var c = [], a = 1; a < arguments.length; a++)
-          c[a - 1] = arguments[a];
-        ht.test(i) ? (s = !1, xe.delete(r)) : o.apply(void 0, Q([i], c, !1));
-      }, ln(), s && !xe.has(r) && (console.warn(r), xe.add(r));
-    } catch (i) {
-      ht.test(i.message) && xe.delete(r);
-    } finally {
-      console.error = o;
-    }
-  }
-}, Re = Object.freeze([]), ie = Object.freeze({});
-function jn(e, t, n) {
-  return n === void 0 && (n = ie), e.theme !== n.theme && e.theme || t || n.theme;
-}
-var qe = /* @__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"]), Mn = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Ln = /(^-|-$)/g;
-function gt(e) {
-  return e.replace(Mn, "-").replace(Ln, "");
-}
-var Bn = /(a)(d)/gi, mt = function(e) {
-  return String.fromCharCode(e + (e > 25 ? 39 : 97));
-};
-function Xe(e) {
-  var t, n = "";
-  for (t = Math.abs(e); t > 52; t = t / 52 | 0)
-    n = mt(t % 52) + n;
-  return (mt(t % 52) + n).replace(Bn, "$1-$2");
-}
-var Fe, U = function(e, t) {
-  for (var n = t.length; n; )
-    e = 33 * e ^ t.charCodeAt(--n);
-  return e;
-}, Mt = function(e) {
-  return U(5381, e);
-};
-function Lt(e) {
-  return Xe(Mt(e) >>> 0);
-}
-function Bt(e) {
-  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
-}
-function He(e) {
-  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
-}
-var Ft = typeof Symbol == "function" && Symbol.for, Ht = Ft ? Symbol.for("react.memo") : 60115, Fn = Ft ? Symbol.for("react.forward_ref") : 60112, Hn = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Vn = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, Vt = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, Gn = ((Fe = {})[Fn] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Fe[Ht] = Vt, Fe);
-function yt(e) {
-  return ("type" in (t = e) && t.type.$$typeof) === Ht ? Vt : "$$typeof" in e ? Gn[e.$$typeof] : Hn;
-  var t;
-}
-var Yn = Object.defineProperty, Un = Object.getOwnPropertyNames, bt = Object.getOwnPropertySymbols, Wn = Object.getOwnPropertyDescriptor, qn = Object.getPrototypeOf, vt = Object.prototype;
-function Gt(e, t, n) {
-  if (typeof t != "string") {
-    if (vt) {
-      var r = qn(t);
-      r && r !== vt && Gt(e, r, n);
-    }
-    var o = Un(t);
-    bt && (o = o.concat(bt(t)));
-    for (var s = yt(e), i = yt(t), c = 0; c < o.length; ++c) {
-      var a = o[c];
-      if (!(a in Vn || n && n[a] || i && a in i || s && a in s)) {
-        var l = Wn(t, a);
-        try {
-          Yn(e, a, l);
-        } catch {
-        }
-      }
-    }
-  }
-  return e;
-}
-function ae(e) {
-  return typeof e == "function";
-}
-function it(e) {
-  return typeof e == "object" && "styledComponentId" in e;
-}
-function W(e, t) {
-  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
-}
-function Ke(e, t) {
-  if (e.length === 0)
-    return "";
-  for (var n = e[0], r = 1; r < e.length; r++)
-    n += t ? t + e[r] : e[r];
-  return n;
-}
-function ce(e) {
-  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
-}
-function Ze(e, t, n) {
-  if (n === void 0 && (n = !1), !n && !ce(e) && !Array.isArray(e))
-    return t;
-  if (Array.isArray(t))
-    for (var r = 0; r < t.length; r++)
-      e[r] = Ze(e[r], t[r]);
-  else if (ce(t))
-    for (var r in t)
-      e[r] = Ze(e[r], t[r]);
-  return e;
-}
-function at(e, t) {
-  Object.defineProperty(e, "toString", { value: t });
-}
-var Xn = 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 Kn() {
-  for (var e = [], t = 0; t < arguments.length; t++)
-    e[t] = arguments[t];
-  for (var n = e[0], r = [], o = 1, s = e.length; o < s; o += 1)
-    r.push(e[o]);
-  return r.forEach(function(i) {
-    n = n.replace(/%[a-z]/, i);
-  }), n;
-}
-function de(e) {
-  for (var t = [], n = 1; n < arguments.length; n++)
-    t[n - 1] = arguments[n];
-  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(Kn.apply(void 0, Q([Xn[e]], t, !1)).trim());
-}
-var Zn = function() {
-  function e(t) {
-    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
-  }
-  return e.prototype.indexOfGroup = function(t) {
-    for (var n = 0, r = 0; r < t; r++)
-      n += this.groupSizes[r];
-    return n;
-  }, e.prototype.insertRules = function(t, n) {
-    if (t >= this.groupSizes.length) {
-      for (var r = this.groupSizes, o = r.length, s = o; t >= s; )
-        if ((s <<= 1) < 0)
-          throw de(16, "".concat(t));
-      this.groupSizes = new Uint32Array(s), this.groupSizes.set(r), this.length = s;
-      for (var i = o; i < s; i++)
-        this.groupSizes[i] = 0;
-    }
-    for (var c = this.indexOfGroup(t + 1), a = (i = 0, n.length); i < a; i++)
-      this.tag.insertRule(c, n[i]) && (this.groupSizes[t]++, c++);
-  }, e.prototype.clearGroup = function(t) {
-    if (t < this.length) {
-      var n = this.groupSizes[t], r = this.indexOfGroup(t), o = r + n;
-      this.groupSizes[t] = 0;
-      for (var s = r; s < o; s++)
-        this.tag.deleteRule(r);
-    }
-  }, e.prototype.getGroup = function(t) {
-    var n = "";
-    if (t >= this.length || this.groupSizes[t] === 0)
-      return n;
-    for (var r = this.groupSizes[t], o = this.indexOfGroup(t), s = o + r, i = o; i < s; i++)
-      n += "".concat(this.tag.getRule(i)).concat(`/*!sc*/
-`);
-    return n;
-  }, e;
-}(), Ce = /* @__PURE__ */ new Map(), Ae = /* @__PURE__ */ new Map(), Ee = 1, we = function(e) {
-  if (Ce.has(e))
-    return Ce.get(e);
-  for (; Ae.has(Ee); )
-    Ee++;
-  var t = Ee++;
-  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > 1073741824))
-    throw de(16, "".concat(t));
-  return Ce.set(e, t), Ae.set(t, e), t;
-}, Qn = function(e, t) {
-  Ee = t + 1, Ce.set(e, t), Ae.set(t, e);
-}, Jn = "style[".concat(J, "][").concat("data-styled-version", '="').concat("6.1.1", '"]'), er = new RegExp("^".concat(J, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), tr = function(e, t, n) {
-  for (var r, o = n.split(","), s = 0, i = o.length; s < i; s++)
-    (r = o[s]) && e.registerName(t, r);
-}, nr = function(e, t) {
-  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(`/*!sc*/
-`), o = [], s = 0, i = r.length; s < i; s++) {
-    var c = r[s].trim();
-    if (c) {
-      var a = c.match(er);
-      if (a) {
-        var l = 0 | parseInt(a[1], 10), p = a[2];
-        l !== 0 && (Qn(p, l), tr(e, p, a[3]), e.getTag().insertRules(l, o)), o.length = 0;
-      } else
-        o.push(c);
-    }
-  }
-};
-function rr() {
-  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
-}
-var Yt = function(e) {
-  var t = document.head, n = e || t, r = document.createElement("style"), o = function(c) {
-    var a = Array.from(c.querySelectorAll("style[".concat(J, "]")));
-    return a[a.length - 1];
-  }(n), s = o !== void 0 ? o.nextSibling : null;
-  r.setAttribute(J, "active"), r.setAttribute("data-styled-version", "6.1.1");
-  var i = rr();
-  return i && r.setAttribute("nonce", i), n.insertBefore(r, s), r;
-}, or = function() {
-  function e(t) {
-    this.element = Yt(t), this.element.appendChild(document.createTextNode("")), this.sheet = function(n) {
-      if (n.sheet)
-        return n.sheet;
-      for (var r = document.styleSheets, o = 0, s = r.length; o < s; o++) {
-        var i = r[o];
-        if (i.ownerNode === n)
-          return i;
-      }
-      throw de(17);
-    }(this.element), this.length = 0;
-  }
-  return e.prototype.insertRule = function(t, n) {
-    try {
-      return this.sheet.insertRule(n, t), this.length++, !0;
-    } catch {
-      return !1;
-    }
-  }, e.prototype.deleteRule = function(t) {
-    this.sheet.deleteRule(t), this.length--;
-  }, e.prototype.getRule = function(t) {
-    var n = this.sheet.cssRules[t];
-    return n && n.cssText ? n.cssText : "";
-  }, e;
-}(), sr = function() {
-  function e(t) {
-    this.element = Yt(t), this.nodes = this.element.childNodes, this.length = 0;
-  }
-  return e.prototype.insertRule = function(t, n) {
-    if (t <= this.length && t >= 0) {
-      var r = document.createTextNode(n);
-      return this.element.insertBefore(r, 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;
-}(), ir = function() {
-  function e(t) {
-    this.rules = [], this.length = 0;
-  }
-  return e.prototype.insertRule = function(t, n) {
-    return t <= this.length && (this.rules.splice(t, 0, n), 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;
-}(), xt = st, ar = { isServer: !st, useCSSOMInjection: !Rn }, Ut = function() {
-  function e(t, n, r) {
-    t === void 0 && (t = ie), n === void 0 && (n = {});
-    var o = this;
-    this.options = P(P({}, ar), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && st && xt && (xt = !1, function(s) {
-      for (var i = document.querySelectorAll(Jn), c = 0, a = i.length; c < a; c++) {
-        var l = i[c];
-        l && l.getAttribute(J) !== "active" && (nr(s, l), l.parentNode && l.parentNode.removeChild(l));
-      }
-    }(this)), at(this, function() {
-      return function(s) {
-        for (var i = s.getTag(), c = i.length, a = "", l = function(d) {
-          var m = function(z) {
-            return Ae.get(z);
-          }(d);
-          if (m === void 0)
-            return "continue";
-          var g = s.names.get(m), v = i.getGroup(d);
-          if (g === void 0 || v.length === 0)
-            return "continue";
-          var $ = "".concat(J, ".g").concat(d, '[id="').concat(m, '"]'), N = "";
-          g !== void 0 && g.forEach(function(z) {
-            z.length > 0 && (N += "".concat(z, ","));
-          }), a += "".concat(v).concat($, '{content:"').concat(N, '"}').concat(`/*!sc*/
-`);
-        }, p = 0; p < c; p++)
-          l(p);
-        return a;
-      }(o);
-    });
-  }
-  return e.registerId = function(t) {
-    return we(t);
-  }, e.prototype.reconstructWithOptions = function(t, n) {
-    return n === void 0 && (n = !0), new e(P(P({}, this.options), t), this.gs, n && 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(n) {
-      var r = n.useCSSOMInjection, o = n.target;
-      return n.isServer ? new ir(o) : r ? new or(o) : new sr(o);
-    }(this.options), new Zn(t)));
-    var t;
-  }, e.prototype.hasNameForId = function(t, n) {
-    return this.names.has(t) && this.names.get(t).has(n);
-  }, e.prototype.registerName = function(t, n) {
-    if (we(t), this.names.has(t))
-      this.names.get(t).add(n);
-    else {
-      var r = /* @__PURE__ */ new Set();
-      r.add(n), this.names.set(t, r);
-    }
-  }, e.prototype.insertRules = function(t, n, r) {
-    this.registerName(t, n), this.getTag().insertRules(we(t), r);
-  }, e.prototype.clearNames = function(t) {
-    this.names.has(t) && this.names.get(t).clear();
-  }, e.prototype.clearRules = function(t) {
-    this.getTag().clearGroup(we(t)), this.clearNames(t);
-  }, e.prototype.clearTag = function() {
-    this.tag = void 0;
-  }, e;
-}(), cr = /&/g, lr = /^\s*\/\/.*$/gm;
-function Wt(e, t) {
-  return e.map(function(n) {
-    return n.type === "rule" && (n.value = "".concat(t, " ").concat(n.value), n.value = n.value.replaceAll(",", ",".concat(t, " ")), n.props = n.props.map(function(r) {
-      return "".concat(t, " ").concat(r);
-    })), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = Wt(n.children, t)), n;
-  });
-}
-function dr(e) {
-  var t, n, r, o = e === void 0 ? ie : e, s = o.options, i = s === void 0 ? ie : s, c = o.plugins, a = c === void 0 ? Re : c, l = function(m, g, v) {
-    return v === n || v.startsWith(n) && v.endsWith(n) && v.replaceAll(n, "").length > 0 ? ".".concat(t) : m;
-  }, p = a.slice();
-  p.push(function(m) {
-    m.type === Ne && m.value.includes("&") && (m.props[0] = m.props[0].replace(cr, n).replace(r, l));
-  }), i.prefix && p.push(Pn), p.push(An);
-  var d = function(m, g, v, $) {
-    g === void 0 && (g = ""), v === void 0 && (v = ""), $ === void 0 && ($ = "&"), t = $, n = g, r = new RegExp("\\".concat(n, "\\b"), "g");
-    var N = m.replace(lr, ""), z = En(v || g ? "".concat(v, " ").concat(g, " { ").concat(N, " }") : N);
-    i.namespace && (z = Wt(z, i.namespace));
-    var C = [];
-    return Ie(z, Nn(p.concat(Tn(function(x) {
-      return C.push(x);
-    })))), C;
-  };
-  return d.hash = a.length ? a.reduce(function(m, g) {
-    return g.name || de(15), U(m, g.name);
-  }, 5381).toString() : "", d;
-}
-var ur = new Ut(), Qe = dr(), qt = ge.createContext({ shouldForwardProp: void 0, styleSheet: ur, stylis: Qe });
-qt.Consumer;
-ge.createContext(void 0);
-function wt() {
-  return un(qt);
-}
-var Je = function() {
-  function e(t, n) {
-    var r = this;
-    this.inject = function(o, s) {
-      s === void 0 && (s = Qe);
-      var i = r.name + s.hash;
-      o.hasNameForId(r.id, i) || o.insertRules(r.id, i, s(r.rules, i, "@keyframes"));
-    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, at(this, function() {
-      throw de(12, String(r.name));
-    });
-  }
-  return e.prototype.getName = function(t) {
-    return t === void 0 && (t = Qe), this.name + t.hash;
-  }, e;
-}(), pr = function(e) {
-  return e >= "A" && e <= "Z";
-};
-function kt(e) {
-  for (var t = "", n = 0; n < e.length; n++) {
-    var r = e[n];
-    if (n === 1 && r === "-" && e[0] === "-")
-      return e;
-    pr(r) ? t += "-" + r.toLowerCase() : t += r;
-  }
-  return t.startsWith("ms-") ? "-" + t : t;
-}
-var Xt = function(e) {
-  return e == null || e === !1 || e === "";
-}, Kt = function(e) {
-  var t, n, r = [];
-  for (var o in e) {
-    var s = e[o];
-    e.hasOwnProperty(o) && !Xt(s) && (Array.isArray(s) && s.isCss || ae(s) ? r.push("".concat(kt(o), ":"), s, ";") : ce(s) ? r.push.apply(r, Q(Q(["".concat(o, " {")], Kt(s), !1), ["}"], !1)) : r.push("".concat(kt(o), ": ").concat((t = o, (n = s) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in On || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
-  }
-  return r;
-};
-function K(e, t, n, r) {
-  if (Xt(e))
-    return [];
-  if (it(e))
-    return [".".concat(e.styledComponentId)];
-  if (ae(e)) {
-    if (!ae(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 Je || ce(o) || o === null || console.error("".concat(Bt(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.")), K(o, t, n, r);
-  }
-  var s;
-  return e instanceof Je ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : ce(e) ? Kt(e) : Array.isArray(e) ? Array.prototype.concat.apply(Re, e.map(function(i) {
-    return K(i, t, n, r);
-  })) : [e.toString()];
-}
-function _r(e) {
-  for (var t = 0; t < e.length; t += 1) {
-    var n = e[t];
-    if (ae(n) && !it(n))
-      return !1;
-  }
-  return !0;
-}
-var fr = Mt("6.1.1"), hr = function() {
-  function e(t, n, r) {
-    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && _r(t), this.componentId = n, this.baseHash = U(fr, n), this.baseStyle = r, Ut.registerId(n);
-  }
-  return e.prototype.generateAndInjectStyles = function(t, n, r) {
-    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, n, r) : "";
-    if (this.isStatic && !r.hash)
-      if (this.staticRulesId && n.hasNameForId(this.componentId, this.staticRulesId))
-        o = W(o, this.staticRulesId);
-      else {
-        var s = Ke(K(this.rules, t, n, r)), i = Xe(U(this.baseHash, s) >>> 0);
-        if (!n.hasNameForId(this.componentId, i)) {
-          var c = r(s, ".".concat(i), void 0, this.componentId);
-          n.insertRules(this.componentId, i, c);
-        }
-        o = W(o, i), this.staticRulesId = i;
-      }
-    else {
-      for (var a = U(this.baseHash, r.hash), l = "", p = 0; p < this.rules.length; p++) {
-        var d = this.rules[p];
-        if (typeof d == "string")
-          l += d, process.env.NODE_ENV !== "production" && (a = U(a, d));
-        else if (d) {
-          var m = Ke(K(d, t, n, r));
-          a = U(a, m + p), l += m;
-        }
-      }
-      if (l) {
-        var g = Xe(a >>> 0);
-        n.hasNameForId(this.componentId, g) || n.insertRules(this.componentId, g, r(l, ".".concat(g), void 0, this.componentId)), o = W(o, g);
-      }
-    }
-    return o;
-  }, e;
-}(), Zt = ge.createContext(void 0);
-Zt.Consumer;
-var Ve = {}, $t = /* @__PURE__ */ new Set();
-function gr(e, t, n) {
-  var r = it(e), o = e, s = !He(e), i = t.attrs, c = i === void 0 ? Re : i, a = t.componentId, l = a === void 0 ? function(S, E) {
-    var y = typeof S != "string" ? "sc" : gt(S);
-    Ve[y] = (Ve[y] || 0) + 1;
-    var f = "".concat(y, "-").concat(Lt("6.1.1" + y + Ve[y]));
-    return E ? "".concat(E, "-").concat(f) : f;
-  }(t.displayName, t.parentComponentId) : a, p = t.displayName, d = p === void 0 ? function(S) {
-    return He(S) ? "styled.".concat(S) : "Styled(".concat(Bt(S), ")");
-  }(e) : p, m = t.displayName && t.componentId ? "".concat(gt(t.displayName), "-").concat(t.componentId) : t.componentId || l, g = r && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, v = t.shouldForwardProp;
-  if (r && o.shouldForwardProp) {
-    var $ = o.shouldForwardProp;
-    if (t.shouldForwardProp) {
-      var N = t.shouldForwardProp;
-      v = function(S, E) {
-        return $(S, E) && N(S, E);
-      };
-    } else
-      v = $;
-  }
-  var z = new hr(n, m, r ? o.componentStyle : void 0);
-  function C(S, E) {
-    return function(y, f, G) {
-      var ee = y.attrs, nn = y.componentStyle, rn = y.defaultProps, on = y.foldedComponentIds, dt = y.styledComponentId, sn = y.target, an = ge.useContext(Zt), cn = wt(), De = y.shouldForwardProp || cn.shouldForwardProp;
-      process.env.NODE_ENV !== "production" && ut(dt);
-      var F = function(ye, _e, be) {
-        for (var te, Y = P(P({}, _e), { className: void 0, theme: be }), Le = 0; Le < ye.length; Le += 1) {
-          var ve = ae(te = ye[Le]) ? te(Y) : te;
-          for (var H in ve)
-            Y[H] = H === "className" ? W(Y[H], ve[H]) : H === "style" ? P(P({}, Y[H]), ve[H]) : ve[H];
-        }
-        return _e.className && (Y.className = W(Y.className, _e.className)), Y;
-      }(ee, f, jn(f, an, rn) || ie), ue = F.as || sn, pe = {};
-      for (var R in F)
-        F[R] === void 0 || R[0] === "$" || R === "as" || R === "theme" || (R === "forwardedAs" ? pe.as = F.forwardedAs : De && !De(R, ue) || (pe[R] = F[R], De || process.env.NODE_ENV !== "development" || fn(R) || $t.has(R) || !qe.has(ue) || ($t.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 je = function(ye, _e) {
-        var be = wt(), te = ye.generateAndInjectStyles(_e, be.styleSheet, be.stylis);
-        return process.env.NODE_ENV !== "production" && ut(te), te;
-      }(nn, F);
-      process.env.NODE_ENV !== "production" && y.warnTooManyClasses && y.warnTooManyClasses(je);
-      var Me = W(on, dt);
-      return je && (Me += " " + je), F.className && (Me += " " + F.className), pe[He(ue) && !qe.has(ue) ? "class" : "className"] = Me, pe.ref = G, dn(ue, pe);
-    }(x, S, E);
-  }
-  C.displayName = d;
-  var x = ge.forwardRef(C);
-  return x.attrs = g, x.componentStyle = z, x.displayName = d, x.shouldForwardProp = v, x.foldedComponentIds = r ? W(o.foldedComponentIds, o.styledComponentId) : "", x.styledComponentId = m, x.target = r ? o.target : e, Object.defineProperty(x, "defaultProps", { get: function() {
-    return this._foldedDefaultProps;
-  }, set: function(S) {
-    this._foldedDefaultProps = r ? function(E) {
-      for (var y = [], f = 1; f < arguments.length; f++)
-        y[f - 1] = arguments[f];
-      for (var G = 0, ee = y; G < ee.length; G++)
-        Ze(E, ee[G], !0);
-      return E;
-    }({}, o.defaultProps, S) : S;
-  } }), process.env.NODE_ENV !== "production" && (Dn(d, m), x.warnTooManyClasses = function(S, E) {
-    var y = {}, f = !1;
-    return function(G) {
-      if (!f && (y[G] = !0, Object.keys(y).length >= 200)) {
-        var ee = E ? ' with the id of "'.concat(E, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(S).concat(ee, `.
-`) + `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 />`), f = !0, y = {};
-      }
-    };
-  }(d, m)), at(x, function() {
-    return ".".concat(x.styledComponentId);
-  }), s && Gt(x, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), x;
-}
-function St(e, t) {
-  for (var n = [e[0]], r = 0, o = t.length; r < o; r += 1)
-    n.push(t[r], e[r + 1]);
-  return n;
-}
-var zt = function(e) {
-  return Object.assign(e, { isCss: !0 });
-};
-function T(e) {
-  for (var t = [], n = 1; n < arguments.length; n++)
-    t[n - 1] = arguments[n];
-  if (ae(e) || ce(e)) {
-    var r = e;
-    return zt(K(St(Re, Q([r], t, !0))));
-  }
-  var o = e;
-  return t.length === 0 && o.length === 1 && typeof o[0] == "string" ? K(o) : zt(K(St(o, t)));
-}
-function et(e, t, n) {
-  if (n === void 0 && (n = ie), !t)
-    throw de(1, t);
-  var r = function(o) {
-    for (var s = [], i = 1; i < arguments.length; i++)
-      s[i - 1] = arguments[i];
-    return e(t, n, T.apply(void 0, Q([o], s, !1)));
-  };
-  return r.attrs = function(o) {
-    return et(e, t, P(P({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
-  }, r.withConfig = function(o) {
-    return et(e, t, P(P({}, n), o));
-  }, r;
-}
-var Qt = function(e) {
-  return et(gr, e);
-}, u = Qt;
-qe.forEach(function(e) {
-  u[e] = Qt(e);
-});
-function Jt(e) {
-  for (var t = [], n = 1; n < arguments.length; n++)
-    t[n - 1] = arguments[n];
-  process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
-  var r = Ke(T.apply(void 0, Q([e], t, !1))), o = Lt(r);
-  return new Je(o, r);
-}
-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 ke = "__sc-".concat(J, "__");
-process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[ke] || (window[ke] = 0), window[ke] === 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[ke] += 1);
-const mr = u.span`
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  border: 0;
-  opacity: 0;
-`, yr = ({ children: e }) => /* @__PURE__ */ h(mr, { children: e }), br = "#0967d2", vr = "#142334", xr = "#ffd000", wr = "#0ce8d6", kr = "#7949d1", $r = "#bca4e8", Sr = "#ef4e4e", zr = "#f48585", Cr = "#ffd000", Er = "#12a537", Ir = "#3ebd93", Ar = "#42608a", Nr = "#e76119", Tr = "#ffffff", Pr = "#142334", Or = "#f5f7fa", Rr = "#192d43", Dr = "#ebeff5", jr = "#1f3751", Mr = "rgba(31, 55, 81, 0.75)", Lr = "#142334", Br = "#ffffff", Fr = "#4d5a68", Hr = "#c3c8cc", Vr = "#8191a2", Gr = "#a0a7af", Yr = "#0967d2", Ur = "#6fabf1", Wr = "#1f3751", qr = "#ffffff", Xr = "#ebeff5", Kr = "#2a415a", Zr = "#ef4e4e", Qr = "#f48585", Jr = "#12a537", eo = "#3ebd93", to = "#e5f1ff", no = "rgba(255, 255, 255, 0.1)", ro = "#ffffff", oo = "#142334", so = "#ffffff", io = "#142334", ao = "#4d5a68", co = "#c3c8cc", lo = "#ffffff", uo = "#142334", po = "#ffffff", _o = "#142334", fo = "#0967d2", ho = "#6fabf1", go = "#142334", mo = "#ffffff", yo = "#4d5a68", bo = "#c3c8cc", vo = "rgba(20, 35, 52, 0.12)", xo = "rgba(255, 255, 255, 0.15)", wo = "rgba(20, 35, 52, 0.2)", ko = "rgba(255, 255, 255, 0.22)", $o = "#0967d2", So = "#6fabf1", zo = "rgba(20, 35, 52, 0.13)", Co = "rgba(6, 10, 16, 0.5)", Eo = "rgba(20, 35, 52, 0.13)", Io = "rgba(6, 10, 16, 0.6)", Ao = "rgba(20, 35, 52, 0.2)", No = "rgba(6, 10, 16, 0.7)", To = "#31a03c", Po = "#4191ed", Oo = "#a227c5", Ro = "#354b62", Do = "#ffd000", jo = "#e76119", Mo = "#c73732", Lo = "#828c95", Bo = "#4d5a68", Fo = "#a227c5", Ho = "#e76119", Vo = "#31a03c", Go = "#4191ed", Yo = "#c73732", Uo = "#d28e09", Wo = "#354b62", qo = "#413ecf", Xo = "#d63baa", Ko = "#745138", Zo = "#ffd000", Qo = 2, Jo = 4, es = 8, ts = 16, ns = 24, rs = 32, os = 48, ss = 1, is = 2, as = 4, cs = 8, ls = 2, ds = 4, us = 8, ps = 16, _s = 24, fs = 1e3, hs = 10, gs = 12, ms = 14, ys = 16, bs = 20, vs = 24, xs = 32, ws = 42, ks = 16, $s = 24, Ss = 32, zs = 40, Cs = 3, Es = 1, Is = 6, As = 2, Ns = 12, Ts = 4, Ps = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  color_background_1_de: Pr,
-  color_background_1_le: Tr,
-  color_background_2_de: Rr,
-  color_background_2_le: Or,
-  color_background_3_de: jr,
-  color_background_3_le: Dr,
-  color_background_backdrop: Mr,
-  color_border_default_de: xo,
-  color_border_default_le: vo,
-  color_border_input_active_de: So,
-  color_border_input_active_le: $o,
-  color_border_input_inactive_de: ko,
-  color_border_input_inactive_le: wo,
-  color_brand_accent: xr,
-  color_brand_add_on_de: $r,
-  color_brand_add_on_le: kr,
-  color_brand_primary: br,
-  color_brand_secondary: vr,
-  color_brand_upgrade: wr,
-  color_button_background_destroy_de: Qr,
-  color_button_background_destroy_le: Zr,
-  color_button_background_primary_de: Ur,
-  color_button_background_primary_le: Yr,
-  color_button_background_secondary_de: qr,
-  color_button_background_secondary_le: Wr,
-  color_button_background_subtle_de: Kr,
-  color_button_background_subtle_le: Xr,
-  color_button_background_success_de: eo,
-  color_button_background_success_le: Jr,
-  color_button_background_tint_de: no,
-  color_button_background_tint_le: to,
-  color_button_text_destroy_de: uo,
-  color_button_text_destroy_le: lo,
-  color_button_text_primary_de: oo,
-  color_button_text_primary_le: ro,
-  color_button_text_secondary_de: io,
-  color_button_text_secondary_le: so,
-  color_button_text_subtle_de: co,
-  color_button_text_subtle_le: ao,
-  color_button_text_success_de: _o,
-  color_button_text_success_le: po,
-  color_collab_blue: Go,
-  color_collab_brown: Ko,
-  color_collab_green: Vo,
-  color_collab_magenta: Xo,
-  color_collab_navy: Wo,
-  color_collab_orange: Ho,
-  color_collab_owner: Zo,
-  color_collab_plum: qo,
-  color_collab_purple: Fo,
-  color_collab_red: Yo,
-  color_collab_yellow: Uo,
-  color_depth_1_de: Co,
-  color_depth_1_le: zo,
-  color_depth_2_de: Io,
-  color_depth_2_le: Eo,
-  color_depth_3_de: No,
-  color_depth_3_le: Ao,
-  color_label_blue: Po,
-  color_label_dark_gray: Bo,
-  color_label_green: To,
-  color_label_light_gray: Lo,
-  color_label_navy: Ro,
-  color_label_orange: jo,
-  color_label_purple: Oo,
-  color_label_red: Mo,
-  color_label_yellow: Do,
-  color_link_primary_de: ho,
-  color_link_primary_le: fo,
-  color_link_secondary_de: mo,
-  color_link_secondary_le: go,
-  color_link_subtle_de: bo,
-  color_link_subtle_le: yo,
-  color_text_default_de: Br,
-  color_text_default_le: Lr,
-  color_text_nonessential_de: Gr,
-  color_text_nonessential_le: Vr,
-  color_text_subtle_de: Hr,
-  color_text_subtle_le: Fr,
-  color_utility_assigned: Nr,
-  color_utility_caution: Cr,
-  color_utility_destroy_de: zr,
-  color_utility_destroy_le: Sr,
-  color_utility_info: Ar,
-  color_utility_success_de: Ir,
-  color_utility_success_le: Er,
-  size_avatar_l: zs,
-  size_avatar_m: Ss,
-  size_avatar_s: $s,
-  size_avatar_xs: ks,
-  size_border_radius_l: us,
-  size_border_radius_m: ds,
-  size_border_radius_pill: fs,
-  size_border_radius_s: ls,
-  size_border_radius_xl: ps,
-  size_border_radius_xxl: _s,
-  size_border_width_l: as,
-  size_border_width_m: is,
-  size_border_width_s: ss,
-  size_border_width_xl: cs,
-  size_depth_1_blur: Cs,
-  size_depth_1_y: Es,
-  size_depth_2_blur: Is,
-  size_depth_2_y: As,
-  size_depth_3_blur: Ns,
-  size_depth_3_y: Ts,
-  size_spacing_l: ns,
-  size_spacing_m: ts,
-  size_spacing_s: es,
-  size_spacing_xl: rs,
-  size_spacing_xs: Jo,
-  size_spacing_xxl: os,
-  size_spacing_xxs: Qo,
-  size_text_l: bs,
-  size_text_m: ys,
-  size_text_s: ms,
-  size_text_xl: vs,
-  size_text_xs: gs,
-  size_text_xxl: xs,
-  size_text_xxs: hs,
-  size_text_xxxl: ws
-}, Symbol.toStringTag, { value: "Module" })), q = {
-  ...Ps
-}, ct = `font-family: system-ui, -apple-system, BlinkMacSystemFont,
-'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;`, lt = `font-family: 'Averta', system-ui, -apple-system, BlinkMacSystemFont,
-'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;`, en = (e = !1, t = !1) => {
-  const n = T`
-    outline-width: var(--cc_size_border_width_m);
-    outline-style: solid;
-  `;
-  return e || t ? T`
-      ${n}
-      outline-color: ${t && !e ? "var(--cc_color_utility_success)" : "var(--cc_color_utility_destroy)"};
-    ` : T`
-    ${n}
-    outline-color: var(--cc_color_border_input_active);
-  `;
-}, Os = ({ disabled: e = !1, readOnly: t = !1 }) => `
-      all: initial;
-      box-sizing: border-box;
-      font-family: inherit;
-      font-weight: 700;
-      max-width: 100%;
-      overflow: visible;
-      display: inline-block;
-      vertical-align: middle;
-      text-align: center;
-      background: none;
-      position: relative;
-      appearance: none;
-      text-decoration: none;
-      touch-action: manipulation;
-      cursor: pointer;
-      user-select: none;
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-  
-      &:focus-visible {
-        ${en}
-      }
-      
-      ${e || t ? T`
-              pointer-events: none;
-            ` : ""}
-      ${e ? T`
-              opacity: 0.5;
-              cursor: not-allowed;
-            ` : ""}
-    `, Rs = {
-  small: "var(--cc_size_avatar_m)",
-  medium: "var(--cc_size_avatar_l)",
-  large: "48px"
-}, Ds = T`
-  margin: -1px;
-  padding: 0;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  clip: rect(0, 0, 0, 0);
-  position: absolute;
-`, js = (e) => {
-  const t = ["xxl", "xl", "l", "m", "s", "xs", "xxs"], n = e.split(" "), r = [];
-  return n.forEach((o) => {
-    t.includes(o) ? r.push(`var(--cc_size_spacing_${o})`) : r.push("0");
-  }), r.join(" ");
-}, tn = {
-  large: q.size_avatar_l,
-  medium: q.size_avatar_m,
-  small: q.size_avatar_s,
-  xsmall: q.size_avatar_xs
-}, Ms = u.span`
-  box-sizing: border-box;
-  position: relative;
-  display: inline-flex;
-  width: ${(e) => e.$avatarSize}px;
-  height: ${(e) => e.$avatarSize}px;
-  background-color: var(--cc_color_background_3);
-  border-radius: 100%;
-  color: var(--cc_color_text_subtle);
-  ${lt};
-  font-weight: 600;
-`, Ls = u.img`
-  width: 100%;
-  height: 100%;
-  border-radius: 100%;
-  object-fit: cover;
-  object-position: center;
-`, Ct = u.span`
-  font-size: ${(e) => e.$initialsTextSize}px;
-  width: 100%;
-  height: 100%;
-  display: grid;
-  place-items: center;
-  text-align: center;
-`, Bs = u.i`
-  // make icon slightly larger than initials
-  font-size: ${(e) => e.$initialsTextSize + 4}px;
-`, Fs = u.span`
-  position: absolute;
-  display: block;
-  pointer-events: none;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border-width: var(--cc_size_border_width_m);
-  border-style: solid;
-  border-radius: 100%;
-`, Gi = ({
-  fullName: e,
-  iconName: t,
-  imageSrc: n,
-  initials: r,
-  size: o = "medium",
-  testId: s
-}) => {
-  var p, d;
-  const i = typeof o == "number" ? o : tn[o], c = Math.round(i / 2.25), a = ((d = (p = e.match(/(\b\S)?/g)) == null ? void 0 : p.join("").match(/(^\S|\S$)?/g)) == null ? void 0 : d.join("")) ?? "";
-  return /* @__PURE__ */ O(Ms, { $avatarSize: i, "data-testid": s, children: [
-    n ? null : /* @__PURE__ */ h(yr, { children: e }),
-    (() => n ? /* @__PURE__ */ h(Ls, { src: n, alt: e }) : t ? /* @__PURE__ */ h(Ct, { $initialsTextSize: c, children: /* @__PURE__ */ h(
-      Bs,
-      {
-        $initialsTextSize: c,
-        className: `mdi mdi-${t}`,
-        "aria-hidden": "true"
-      }
-    ) }) : /* @__PURE__ */ h(Ct, { $initialsTextSize: c, "aria-hidden": "true", children: r || a }))(),
-    /* @__PURE__ */ h(Fs, {})
-  ] });
-}, j = {
-  add_on: "add_on",
-  assigned: "assigned",
-  caution: "caution",
-  destroy: "destroy",
-  info: "info",
-  success: "success",
-  upgrade: "upgrade"
-}, me = {
-  small: "small",
-  medium: "medium"
-}, Hs = (e) => {
-  switch (e) {
-    case j.info:
-      return "var(--cc_color_background_2)";
-    case j.upgrade:
-      return "var(--cc_color_brand_upgrade_alpha_20)";
-    case j.assigned:
-      return "var(--cc_color_utility_assigned_alpha_20)";
-    case j.add_on:
-      return "var(--cc_color_brand_add_on_alpha_20)";
-    default:
-      return `var(--cc_color_utility_${e}_alpha_20)`;
-  }
-}, Vs = (e) => {
-  switch (e) {
-    case j.info:
-      return "var(--cc_color_border_default)";
-    case j.upgrade:
-      return "var(--cc_color_brand_upgrade_alpha_60)";
-    case j.assigned:
-      return "var(--cc_color_utility_assigned_alpha_60)";
-    case j.add_on:
-      return "var(--cc_color_brand_add_on_alpha_60)";
-    default:
-      return `var(--cc_color_utility_${e}_alpha_60)`;
-  }
-}, Gs = u.span`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--cc_size_spacing_xs);
-  background-color: ${(e) => Hs(e.color || j.info)};
-  border-radius: var(--cc_size_border_radius_pill);
-  border: var(--cc_size_border_width_s) solid
-    ${(e) => Vs(e.color || j.info)};
-  padding: ${(e) => e.size === me.small ? "6px" : "var(--cc_size_spacing_s)"};
-  height: ${(e) => e.size === me.small ? "var(--cc_size_avatar_xs)" : "var(--cc_size_avatar_s)"};
-  line-height: 1.5;
-`, Ys = u.i`
-  color: var(--cc_color_text_default);
-  font-size: ${(e) => e.size === me.small ? "11px" : "14px"};
-  line-height: 0;
-`, Us = u.span`
-  color: var(--cc_color_text_default);
-  font-family: 'Averta', system-ui, sans-serif;
-  font-weight: 600;
-  font-size: ${(e) => e.size === me.small ? "9px" : "10px"};
-  text-transform: uppercase;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  letter-spacing: 0.25px;
-
-  &:empty {
-    display: none;
-  }
-`;
-function Yi({
-  children: e,
-  color: t = j.info,
-  className: n,
-  iconName: r,
-  size: o = me.medium,
-  style: s,
-  testId: i
-}) {
-  return /* @__PURE__ */ O(
-    Gs,
-    {
-      size: o,
-      className: n,
-      color: t,
-      style: s,
-      "data-testid": i,
-      children: [
-        r ? /* @__PURE__ */ h(Ys, { size: o, className: `mdi mdi-${r}` }) : null,
-        /* @__PURE__ */ h(Us, { size: o, children: e })
-      ]
-    }
-  );
-}
-const Ws = Jt`
-  to {
-    stroke-dashoffset: 200;
-  }
-`, qs = Jt`
-  to {
-    transform: rotate(1turn);
-  }
-`, Xs = u.span`
-  display: inline-flex;
-  flex-direction: ${(e) => e.$layout === "vertical" ? "column" : "row"};
-  align-items: center;
-`, Ks = u.span`
-  font-family: system-ui, sans-serif;
-  font-weight: 400;
-  font-size: ${(e) => e.$fontSize}px;
-  color: var(--cc_color_text_nonessential);
-  margin-${(e) => e.$layout === "vertical" ? "block-start" : "inline-start"}: 12px;
-`, Zs = u.span`
-  display: block;
-  position: relative;
-  width: ${(e) => e.$size}px;
-  height: ${(e) => e.$size}px;
-`, Qs = u.svg`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  transform: rotate(0turn);
-  animation-name: ${qs};
-  animation-duration: 0.75s;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
-`, Js = u.circle`
-  stroke: ${(e) => e.$trackColor};
-  fill: transparent;
-  stroke-width: 28;
-`, ei = u.circle`
-  stroke: ${(e) => e.$meterColor};
-  stroke-width: 28;
-  fill: transparent;
-  stroke-dasharray: 540;
-  stroke-dashoffset: 506;
-  animation-name: ${Ws};
-  animation-duration: 1s;
-  animation-iteration-count: infinite;
-  animation-direction: alternate;
-  animation-timing-function: linear;
-`, ti = ({
-  accessibilityLabel: e,
-  testId: t,
-  className: n,
-  label: r,
-  layout: o = "horizontal",
-  meterColor: s = "var(--cc_color_border_input_inactive)",
-  size: i = "medium",
-  style: c,
-  trackColor: a = "var(--cc_color_background_2)"
-}) => {
-  const l = typeof i == "number" ? i : tn[i], p = l <= 24 ? 12 : 14, d = /* @__PURE__ */ h(
-    Zs,
-    {
-      $size: l,
-      className: n,
-      style: c,
-      "data-testid": t,
-      children: /* @__PURE__ */ O(
-        Qs,
-        {
-          viewBox: "0 0 200 200",
-          focusable: "false",
-          "data-svg-type": "spinner",
-          children: [
-            /* @__PURE__ */ h("title", { children: e }),
-            /* @__PURE__ */ O("g", { role: "presentation", children: [
-              /* @__PURE__ */ h(Js, { r: "86", cy: "100", cx: "100", $trackColor: a }),
-              /* @__PURE__ */ h(ei, { r: "86", cy: "100", cx: "100", $meterColor: s })
-            ] })
-          ]
-        }
-      )
-    }
-  );
-  return r ? /* @__PURE__ */ O(Xs, { $layout: o, children: [
-    d,
-    /* @__PURE__ */ h(Ks, { $fontSize: p, $layout: o, children: r })
-  ] }) : d;
-}, Ge = {
-  solid: "solid",
-  outline: "outline",
-  minimal: "minimal"
-}, ni = {
-  small: "0 calc(var(--cc_size_spacing_s) * 1.25)",
-  medium: "0 var(--cc_size_spacing_m)",
-  large: "0 var(--cc_size_spacing_l)"
-}, tt = {
-  // bump up by 1 because Averta renders smaller than system font
-  small: "calc(var(--cc_size_text_xs) + 1px)",
-  medium: "calc(var(--cc_size_text_s) + 1px)",
-  large: "calc(var(--cc_size_text_m) + 1px)"
-}, ri = (e) => `
-    color: var(--cc_color_button_text_${e});
-    background: var(--cc_color_button_background_${e});
-    &:hover {
-      background: var(--cc_color_button_background_${e}_darken_10);
-    }
-  `, oi = (e, t) => e === "destroy" || e === "success" ? `
-      background: transparent;
-      color: var(--cc_color_utility_${e});
-      &:hover {
-        color: var(--cc_color_utility_${e}_darken_10);
-        background: var(--cc_color_button_background_${e}_alpha_10);
-      }
-      ${t ? `
-              border-color: var(--cc_color_button_background_${e});
-              &:hover {
-                border-color: var(--cc_color_button_background_${e}_darken_10);
-              }
-            ` : null}
-    ` : `
-      background: transparent;
-      color: var(--cc_color_link_${e});
-      &:hover {
-        background: var(--cc_color_button_background_${e}_alpha_${e === "subtle" ? "70" : "10"});
-        color: var(--cc_color_link_${e}_darken_15);
-      }
-      ${t ? `
-              border-color: var(--cc_color_link_${e});
-              &:hover {
-                border-color: var(--cc_color_link_${e}_darken_10);
-              }
-            ` : null}
-  `, si = u.button`
-  ${(e) => Os({ disabled: e.disabled })}
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  line-height: 1.2;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: ${(e) => `calc(${tt[e.$size]} * 0.25 + 4px)`};
-  border: var(--cc_size_border_width_m) solid transparent;
-  border-radius: var(--cc_size_border_radius_l);
-  font-weight: 700;
-  transition: transform 0.25s, color 0.25s, background 0.25s;
-  box-sizing: border-box;
-  ${(e) => e.$design === Ge.outline || e.$design === Ge.minimal ? oi(
-  e.$color,
-  e.$design === Ge.outline
-) : ri(e.$color)};
-  height: ${(e) => Rs[e.$size]};
-  padding: ${(e) => ni[e.$size]};
-  font-family: 'Averta', system-ui, -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-  font-size: ${(e) => tt[e.$size]};
-
-  &:active {
-    transform: scale(0.98);
-  }
-`, ii = u.span`
-  position: relative;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  ${(e) => e.$isLoading ? T`
-          visibility: hidden;
-        ` : null}
-`, ai = u(ti)`
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate3d(-50%, -50%, 0);
-`, ci = u.i`
-  // make icons render at the font size + 4px
-  font-size: ${(e) => `calc(${tt[e.size]} + 4px)`};
-  // because MD icon font has extra space at top
-  transform: translateY(-0.05ch);
-  top: 0;
-
-  ${(e) => e.$isLoading ? T`
-          visibility: hidden;
-        ` : null}
-`, nt = ({
-  children: e,
-  color: t = "subtle",
-  design: n = "solid",
-  href: r,
-  icon: o = { position: "before" },
-  loading: s = !1,
-  size: i = "medium",
-  type: c = "button",
-  ...a
-}) => {
-  const l = o != null && o.name ? /* @__PURE__ */ h(ci, { className: `mdi mdi-${o.name}`, size: i, $isLoading: s }) : null;
-  return /* @__PURE__ */ O(
-    si,
-    {
-      as: r ? "a" : "button",
-      $color: t,
-      href: r,
-      disabled: a.disabled,
-      $design: n,
-      $size: i,
-      type: r ? void 0 : c,
-      className: a.className,
-      style: a.style,
-      ...a,
-      children: [
-        (o == null ? void 0 : o.position) === "before" ? l : null,
-        /* @__PURE__ */ h(ii, { $isLoading: s, children: e }),
-        (o == null ? void 0 : o.position) === "after" ? l : null,
-        s ? /* @__PURE__ */ h(
-          ai,
-          {
-            accessibilityLabel: "Loading",
-            size: i === "large" ? 20 : "xsmall",
-            trackColor: "rgba(0, 0, 0, 0.2)",
-            meterColor: "currentColor"
-          }
-        ) : null
-      ]
-    }
-  );
-}, re = {
-  xxxl: {
-    size: "var(--cc_size_text_xxxl)",
-    family: "heading",
-    weight: 800,
-    lineHeight: 1.1
-  },
-  xxl: {
-    size: "var(--cc_size_text_xxl)",
-    family: "heading",
-    weight: 800,
-    lineHeight: 1.1
-  },
-  xl: {
-    size: "var(--cc_size_text_xl)",
-    family: "heading",
-    weight: 700,
-    lineHeight: 1.1
-  },
-  l: {
-    size: "var(--cc_size_text_l)",
-    family: "system",
-    weight: 700,
-    lineHeight: 1.2
-  },
-  m: {
-    size: "var(--cc_size_text_m)",
-    family: "system",
-    lineHeight: 1.4
-  },
-  s: {
-    size: "var(--cc_size_text_s)",
-    family: "system",
-    lineHeight: 1.4
-  },
-  xs: {
-    size: "var(--cc_size_text_xs)",
-    family: "system",
-    lineHeight: 1.4
-  },
-  xxs: {
-    size: "var(--cc_size_text_xxs)",
-    family: "system",
-    lineHeight: 1.4
-  }
-}, li = u.span`
-  /* unset all global typography styles */
-  all: unset;
-
-  /* default is block */
-  display: ${(e) => e.$display};
-
-  /* Component can inherit font color for one-offs */
-  color: ${(e) => e.$color === "inherit" ? "inherit" : `var(--cc_color_text_${e.$color})`};
-
-  /* Use either Averta (heading) or system font stack default */
-  ${(e) => e.$family && e.$family === "heading" || re[e.size].family === "heading" ? lt : ct}
-
-  /* Add 1px to font size if heading font family, due to Averta lookin' too small */
-  font-size: ${(e) => e.$family === "heading" ? `calc(${re[e.size].size} + 1px)` : re[e.size].size};
-  line-height: ${(e) => re[e.size].lineHeight};
-
-  /* if ccMargin is specified in props, convert spacing tokens to CSS variables */
-  ${(e) => e.$ccMargin ? T`
-          margin: ${js(e.$ccMargin)};
-        ` : null}
-
-  /* if user specifies weight in props OR there is a weight default for the font size, set it in CSS */
-  ${(e) => e.$weight || re[e.size].weight ? T`
-          font-weight: ${e.$weight || re[e.size].weight};
-        ` : null}
-`;
-function Et({
-  as: e,
-  forwardedAs: t,
-  children: n,
-  color: r = "default",
-  size: o = "s",
-  family: s,
-  ccMargin: i,
-  weight: c,
-  display: a = "block",
-  className: l,
-  style: p,
-  ...d
-}) {
-  return /* @__PURE__ */ h(
-    li,
-    {
-      as: e,
-      forwardedAs: t,
-      size: o,
-      $family: s,
-      $ccMargin: i,
-      $color: r,
-      $weight: c,
-      $display: a,
-      className: l,
-      style: p,
-      ...d,
-      children: n
-    }
-  );
-}
-const di = {
-  success: "var(--cc_color_utility_success)",
-  caution: "var(--cc_color_utility_caution)",
-  destroy: "var(--cc_color_utility_destroy)",
-  info: "var(--cc_color_utility_info)"
-}, ui = u.div`
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-`, pi = u.div`
-  text-align: center;
-`, _i = u.div`
-  height: 128px;
-  width: 128px;
-  margin-block-end: var(--cc_size_spacing_xs);
-`, fi = u.img`
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-`, hi = u.i`
-  display: block;
-  color: ${(e) => di[e.$iconColor]};
-  font-size: 48px;
-  line-height: 1;
-  margin-block-end: var(--cc_size_spacing_xs);
-`, gi = u.div`
-  display: flex;
-  flex-direction: column;
-  gap: var(--cc_size_spacing_s);
-  margin-block-start: var(--cc_size_spacing_m);
-`, Ui = ({
-  image: e,
-  className: t,
-  color: n = "info",
-  iconName: r,
-  message: o = "",
-  primaryAction: s,
-  secondaryAction: i,
-  style: c,
-  title: a
-}) => {
-  var p, d, m, g;
-  return /* @__PURE__ */ O(ui, { className: t, style: c, children: [
-    (() => e != null && e.src ? /* @__PURE__ */ h(_i, { style: e.imageContainerStyle, children: /* @__PURE__ */ h(fi, { src: e.src, alt: e.alt }) }) : /* @__PURE__ */ h(
-      hi,
-      {
-        className: `mdi mdi-${r}`,
-        $iconColor: n,
-        "aria-hidden": "true"
-      }
-    ))(),
-    /* @__PURE__ */ O(pi, { children: [
-      a ? /* @__PURE__ */ h(
-        Et,
-        {
-          as: "h3",
-          family: "heading",
-          size: "xl",
-          weight: "800",
-          ccMargin: "none none xs",
-          children: a
-        }
-      ) : null,
-      /* @__PURE__ */ h(Et, { as: "p", color: "subtle", children: o })
-    ] }),
-    /* @__PURE__ */ O(gi, { children: [
-      s ? /* @__PURE__ */ h(
-        nt,
-        {
-          ...s,
-          "data-testid": s["data-testid"],
-          color: n === "destroy" ? "destroy" : "primary",
-          icon: {
-            name: (p = s.icon) == null ? void 0 : p.name,
-            position: (d = s.icon) == null ? void 0 : d.position
-          },
-          children: s.label
-        }
-      ) : null,
-      i ? /* @__PURE__ */ h(
-        nt,
-        {
-          ...i,
-          "datatest-id": i["data-testid"],
-          color: "subtle",
-          icon: {
-            name: (m = i.icon) == null ? void 0 : m.name,
-            position: (g = i.icon) == null ? void 0 : g.position
-          },
-          children: i.label
-        }
-      ) : null
-    ] })
-  ] });
-}, mi = u(nt)`
-  padding: 0 0.25ch;
-  height: auto;
-  line-height: inherit;
-  vertical-align: baseline;
-  border-radius: var(--cc_size_border_radius_m);
-`, Wi = ({ ...e }) => /* @__PURE__ */ h(mi, { design: "minimal", ...e }), yi = {
-  default: "default",
-  error: "error",
-  success: "success"
-}, bi = {
-  error: "alert-circle-outline",
-  success: "check-circle-outline"
-}, vi = u.div`
-  position: relative;
-  z-index: 1;
-  ${(e) => e.disabled ? T`
-          opacity: 0.5;
-          pointer-events: none;
-          user-select: none;
-        ` : null}
-`, xi = u.div`
-  display: flex;
-  align-items: center;
-  gap: var(--cc_size_spacing_xs);
-  font-size: var(--cc_size_text_xs);
-  font-weight: 400;
-  margin-block-start: var(--cc_size_spacing_xs);
-  color: ${(e) => `var(--cc_color_utility_${e.status})`};
-`, wi = u.i`
-  font-size: 18px;
-  flex-shrink: 0;
-`, ki = u.span`
-  ${ct}
-`;
-function $i({
-  children: e,
-  className: t,
-  disabled: n = !1,
-  id: r,
-  message: o,
-  status: s = "default",
-  style: i
-}) {
-  return /* @__PURE__ */ O(vi, { className: t, style: i, disabled: n, children: [
-    e,
-    o ? /* @__PURE__ */ O(xi, { status: yi[s], children: [
-      s === "success" || s === "error" ? /* @__PURE__ */ h(
-        wi,
-        {
-          className: `mdi mdi-${bi[s]}`,
-          "aria-hidden": "true"
-        }
-      ) : null,
-      /* @__PURE__ */ h(ki, { id: `${r}-message`, children: o })
-    ] }) : null
-  ] });
-}
-const Si = u.label`
-  all: initial;
-  ${(e) => e.$hideLabel ? Ds : T`
-          box-sizing: border-box;
-          display: block;
-          ${lt}
-          font-weight: 600;
-          font-size: calc(var(--cc_size_text_s) + 1px);
-          color: var(--cc_color_text_default);
-          margin-block-end: var(--cc_size_spacing_xs);
-        `}
-`, zi = u.input`
-  all: initial;
-  box-sizing: border-box;
-  background: transparent;
-  ${ct};
-  font-size: var(--cc_size_text_m);
-  color: var(--cc_color_text_default);
-  padding: 0 calc(var(--cc_size_spacing_m) * 0.75);
-  flex: 1;
-  height: ${(e) => e.$inputSize === "medium" ? 38 : 48}px;
-  overflow: hidden;
-  max-width: 100%;
-  &::placeholder {
-    color: var(--cc_color_text_nonessential);
-  }
-`, Ci = u.div`
-  border-width: var(--cc_size_border_width_s);
-  border-style: solid;
-  border-color: ${(e) => e.$error ? "var(--cc_color_utility_destroy)" : "var(--cc_color_border_input_inactive)"};
-  display: flex;
-  align-items: center;
-  min-width: 1px;
-  transition: border-color 0.3s;
-  border-radius: ${(e) => e.$type === "search" ? "var(--cc_size_border_radius_pill)" : "var(--cc_size_border_radius_l)"};
-  background: var(--cc_color_background_1);
-  ${(e) => e.$disabled ? null : T`
-          &:hover {
-            border-color: var(--cc_color_button_background_secondary);
-          }
-        `}
-
-  &:focus-within {
-    ${(e) => en(e.$error, e.$success)}
-    border-color: transparent;
-    outline-offset: -2px;
-  }
-`, Ei = u.i`
-  color: var(--cc_color_text_nonessential);
-  font-size: ${(e) => e.$inputSize === "large" ? 22 : 20}px;
-  margin-inline-start: calc(var(--cc_size_spacing_m) * 0.75);
-  line-height: 1;
-`, It = u.span`
-  flex-shrink: 0;
-`, Ii = ({ success: e, error: t }) => e && !t ? "success" : t ? "error" : "default", Ai = ({ type: e }) => {
-  switch (e) {
-    case "email":
-      return "email-outline";
-    case "tel":
-      return "phone-outline";
-    case "search":
-      return "magnify";
-    case "url":
-      return "web";
-    default:
-      return null;
-  }
-};
-function qi({
-  className: e,
-  contentBefore: t,
-  contentAfter: n,
-  error: r = !1,
-  hideLabel: o = !1,
-  id: s,
-  label: i,
-  message: c,
-  name: a,
-  inputSize: l = "medium",
-  style: p,
-  success: d = !1,
-  testId: m,
-  type: g = "text",
-  ...v
-}) {
-  const $ = Ai({ type: g }), N = t || $, z = () => N ? /* @__PURE__ */ h(It, { children: t || /* @__PURE__ */ h(Ei, { className: `mdi mdi-${$}`, $inputSize: l }) }) : null;
-  return /* @__PURE__ */ O(
-    $i,
-    {
-      id: s,
-      message: c,
-      disabled: v.disabled,
-      className: e,
-      status: Ii({ success: d, error: r }),
-      style: p,
-      children: [
-        /* @__PURE__ */ h(Si, { htmlFor: s, $hideLabel: o, children: i }),
-        /* @__PURE__ */ O(
-          Ci,
-          {
-            $disabled: v.disabled || !1,
-            $success: d,
-            $error: r,
-            $type: g,
-            children: [
-              z(),
-              /* @__PURE__ */ h(
-                zi,
-                {
-                  disabled: v.disabled,
-                  "aria-labelledby": c ? `${s}-message` : "",
-                  "aria-invalid": r,
-                  id: s,
-                  name: a || s,
-                  $inputSize: l,
-                  "data-testid": m,
-                  type: g,
-                  ...v
-                }
-              ),
-              n ? /* @__PURE__ */ h(It, { children: n }) : null
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-const k = {
-  add_on: "add_on",
-  assigned: "assigned",
-  caution: "caution",
-  destroy: "destroy",
-  info: "info",
-  success: "success",
-  upgrade: "upgrade"
-}, Z = {
-  small: "small",
-  medium: "medium",
-  large: "large"
-}, Ni = (e) => {
-  switch (e) {
-    case k.add_on:
-      return "var(--cc_color_brand_add_on_alpha_10)";
-    case k.assigned:
-      return "var(--cc_color_utility_assigned_alpha_10)";
-    case k.caution:
-      return "var(--cc_color_utility_caution_alpha_20)";
-    case k.destroy:
-      return "var(--cc_color_utility_destroy_alpha_10)";
-    case k.info:
-      return "var(--cc_color_background_3_alpha_80)";
-    case k.success:
-      return "var(--cc_color_utility_success_alpha_10)";
-    case k.upgrade:
-      return "var(--cc_color_brand_upgrade_alpha_10)";
-    default:
-      return "var(--cc_color_background_3_alpha_80)";
-  }
-}, Ti = (e) => {
-  switch (e) {
-    case k.add_on:
-      return "var(--cc_color_brand_add_on)";
-    case k.assigned:
-      return "var(--cc_color_utility_assigned)";
-    case k.caution:
-      return "var(--cc_color_utility_caution)";
-    case k.destroy:
-      return "var(--cc_color_utility_destroy)";
-    case k.info:
-      return "var(--cc_color_utility_info_alpha_80)";
-    case k.success:
-      return "var(--cc_color_utility_success)";
-    case k.upgrade:
-      return "var(--cc_color_brand_upgrade)";
-    default:
-      return "var(--cc_color_utility_info_alpha_80)";
-  }
-}, Pi = (e) => {
-  switch (e) {
-    case k.add_on:
-      return "var(--cc_color_background_1)";
-    case k.assigned:
-      return "var(--cc_color_background_1)";
-    case k.caution:
-      return q.color_text_default_le;
-    case k.destroy:
-      return "var(--cc_color_background_1)";
-    case k.info:
-      return q.color_text_default_de;
-    case k.success:
-      return "var(--cc_color_background_1)";
-    case k.upgrade:
-      return "var(--cc_color_brand_secondary)";
-    default:
-      return q.color_text_default_de;
-  }
-}, Oi = (e, t) => {
-  switch (t) {
-    case "add_on":
-      return e || "information-outline";
-    case "assigned":
-      return e || "account-check";
-    case "success":
-      return e || "check";
-    case "caution":
-      return e || "alert-circle-outline";
-    case "destroy":
-      return e || "alert-circle-outline";
-    case "upgrade":
-      return e || "lightning-bolt";
-    default:
-      return e || "information-outline";
-  }
-}, Ri = (e) => {
-  switch (e) {
-    case "small":
-      return "6px 8px";
-    case "medium":
-      return "calc(var(--cc_size_spacing_s) + 2px) var(--cc_size_spacing_m) calc(var(--cc_size_spacing_s) + 2px)";
-    case "large":
-      return "var(--cc_size_spacing_m) var(--cc_size_spacing_l) var(--cc_size_spacing_m) var(--cc_size_spacing_m)";
-  }
-}, At = (e) => {
-  switch (e) {
-    case "small":
-      return 24;
-    case "medium":
-      return 28;
-    case "large":
-      return 34;
-  }
-}, Di = (e) => {
-  switch (e) {
-    case "small":
-      return "var(--cc_size_text_xs)";
-    case "medium":
-      return "calc(var(--cc_size_text_s) - 1px)";
-    case "large":
-      return "var(--cc_size_text_s)";
-  }
-}, ji = (e) => {
-  switch (e) {
-    case "small":
-      return 16;
-    case "medium":
-      return 18;
-    case "large":
-      return 22;
-  }
-}, Mi = u.div`
-  display: flex;
-  flex-wrap: wrap;
-  align-items: ${({ $contentAlign: e = "center" }) => e};
-  gap: ${({ size: e = Z.medium }) => e === "small" ? "calc(var(--cc_size_spacing_s) + 2px)" : "var(--cc_size_spacing_m)"};
-  padding: ${({ size: e = Z.medium }) => Ri(e)};
-  background-color: ${({ color: e = k.info }) => Ni(e)};
-  border-radius: var(--cc_size_border_radius_l);
-  color: var(--cc_color_text_subtle);
-  font-size: ${({ size: e = Z.medium }) => Di(e)};
-  font-family: system-ui, sans-serif;
-  line-height: 1.3;
-`, Li = u.span`
-  flex: 1;
-`, Nt = u.span`
-  flex-shrink: 0;
-`, Bi = u.span`
-  flex-shrink: 0;
-  display: grid;
-  place-items: center;
-  width: ${({ size: e = Z.medium }) => At(e)}px;
-  height: ${({ size: e = Z.medium }) => At(e)}px;
-  background-color: ${({ color: e = k.info }) => Ti(e)};
-  border-radius: var(--cc_size_border_radius_l);
-`, Fi = u.i`
-  font-size: ${({ size: e = Z.medium }) => ji(e)}px;
-  color: ${({ color: e = k.info }) => Pi(e)};
-`;
-function Xi({
-  children: e,
-  color: t = k.info,
-  contentBefore: n,
-  contentAfter: r,
-  contentAlign: o = "center",
-  iconName: s = "",
-  hideIcon: i,
-  size: c = Z.medium,
-  testId: a
-}) {
-  return /* @__PURE__ */ O(
-    Mi,
-    {
-      color: t,
-      size: c,
-      $contentAlign: o,
-      "data-testid": a,
-      children: [
-        !i && !n ? /* @__PURE__ */ h(Bi, { color: t, size: c, children: /* @__PURE__ */ h(
-          Fi,
-          {
-            className: `mdi mdi-${Oi(s, t)}`,
-            "aria-hidden": "true",
-            size: c,
-            color: t,
-            "data-testid": "icon"
-          }
-        ) }) : null,
-        n ? /* @__PURE__ */ h(Nt, { children: n }) : null,
-        /* @__PURE__ */ h(Li, { children: e }),
-        r ? /* @__PURE__ */ h(Nt, { children: r }) : null
-      ]
-    }
-  );
-}
-export {
-  Gi as Avatar,
-  Yi as Badge,
-  Ui as Billboard,
-  nt as Button,
-  Wi as ButtonCondensed,
-  qi as InputText,
-  Xi as Notice,
-  yr as ScreenReaderContent,
-  ti as Spinner,
-  Et as Text
-};