@class101/cdn-ui-system 0.0.10 → 0.0.14

package/lib/Chip/InputChip/InputChip.js

@@ -0,0 +1,1441 @@
+import {
+  is_prop_valid_browser_esm_default
+} from "../../../chunk-PXGPVISY.js";
+import {
+  require_hoist_non_react_statics_cjs,
+  require_react_is,
+  unitless_browser_esm_default
+} from "../../../chunk-KAXHKCBQ.js";
+import {
+  React,
+  __commonJS,
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  __toModule,
+  init_react_shim
+} from "../../../chunk-IPJCOOHW.js";
+
+// node_modules/shallowequal/index.js
+var require_shallowequal = __commonJS({
+  "node_modules/shallowequal/index.js"(exports, module) {
+    init_react_shim();
+    module.exports = function shallowEqual(objA, objB, compare, compareContext) {
+      var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
+      if (ret !== void 0) {
+        return !!ret;
+      }
+      if (objA === objB) {
+        return true;
+      }
+      if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
+        return false;
+      }
+      var keysA = Object.keys(objA);
+      var keysB = Object.keys(objB);
+      if (keysA.length !== keysB.length) {
+        return false;
+      }
+      var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
+      for (var idx = 0; idx < keysA.length; idx++) {
+        var key = keysA[idx];
+        if (!bHasOwnProperty(key)) {
+          return false;
+        }
+        var valueA = objA[key];
+        var valueB = objB[key];
+        ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
+        if (ret === false || ret === void 0 && valueA !== valueB) {
+          return false;
+        }
+      }
+      return true;
+    };
+  }
+});
+
+// libs/shared/ui-system/src/lib/Chip/InputChip/InputChip.tsx
+init_react_shim();
+
+// libs/shared/legacy-ui/src/index.ts
+init_react_shim();
+
+// node_modules/styled-components/dist/styled-components.browser.esm.js
+init_react_shim();
+var import_react_is = __toModule(require_react_is());
+var import_shallowequal = __toModule(require_shallowequal());
+import r, { useState as o, useContext as s, useMemo as i, useEffect as a, useRef as c, createElement as u, useDebugValue as l, useLayoutEffect as d } from "react";
+
+// node_modules/@emotion/stylis/dist/stylis.browser.esm.js
+init_react_shim();
+function stylis_min(W2) {
+  function M2(d2, c2, e2, h2, a2) {
+    for (var m = 0, b2 = 0, v2 = 0, n2 = 0, q2, g2, x2 = 0, K2 = 0, k2, u2 = k2 = q2 = 0, l2 = 0, r2 = 0, I2 = 0, t2 = 0, B3 = e2.length, J2 = B3 - 1, y2, f = "", p = "", F3 = "", G3 = "", C; l2 < B3; ) {
+      g2 = e2.charCodeAt(l2);
+      l2 === J2 && b2 + n2 + v2 + m !== 0 && (b2 !== 0 && (g2 = b2 === 47 ? 10 : 47), n2 = v2 = m = 0, B3++, J2++);
+      if (b2 + n2 + v2 + m === 0) {
+        if (l2 === J2 && (0 < r2 && (f = f.replace(N2, "")), 0 < f.trim().length)) {
+          switch (g2) {
+            case 32:
+            case 9:
+            case 59:
+            case 13:
+            case 10:
+              break;
+            default:
+              f += e2.charAt(l2);
+          }
+          g2 = 59;
+        }
+        switch (g2) {
+          case 123:
+            f = f.trim();
+            q2 = f.charCodeAt(0);
+            k2 = 1;
+            for (t2 = ++l2; l2 < B3; ) {
+              switch (g2 = e2.charCodeAt(l2)) {
+                case 123:
+                  k2++;
+                  break;
+                case 125:
+                  k2--;
+                  break;
+                case 47:
+                  switch (g2 = e2.charCodeAt(l2 + 1)) {
+                    case 42:
+                    case 47:
+                      a: {
+                        for (u2 = l2 + 1; u2 < J2; ++u2) {
+                          switch (e2.charCodeAt(u2)) {
+                            case 47:
+                              if (g2 === 42 && e2.charCodeAt(u2 - 1) === 42 && l2 + 2 !== u2) {
+                                l2 = u2 + 1;
+                                break a;
+                              }
+                              break;
+                            case 10:
+                              if (g2 === 47) {
+                                l2 = u2 + 1;
+                                break a;
+                              }
+                          }
+                        }
+                        l2 = u2;
+                      }
+                  }
+                  break;
+                case 91:
+                  g2++;
+                case 40:
+                  g2++;
+                case 34:
+                case 39:
+                  for (; l2++ < J2 && e2.charCodeAt(l2) !== g2; ) {
+                  }
+              }
+              if (k2 === 0)
+                break;
+              l2++;
+            }
+            k2 = e2.substring(t2, l2);
+            q2 === 0 && (q2 = (f = f.replace(ca, "").trim()).charCodeAt(0));
+            switch (q2) {
+              case 64:
+                0 < r2 && (f = f.replace(N2, ""));
+                g2 = f.charCodeAt(1);
+                switch (g2) {
+                  case 100:
+                  case 109:
+                  case 115:
+                  case 45:
+                    r2 = c2;
+                    break;
+                  default:
+                    r2 = O;
+                }
+                k2 = M2(c2, r2, k2, g2, a2 + 1);
+                t2 = k2.length;
+                0 < A2 && (r2 = X2(O, f, I2), C = H2(3, k2, r2, c2, D2, z2, t2, g2, a2, h2), f = r2.join(""), C !== void 0 && (t2 = (k2 = C.trim()).length) === 0 && (g2 = 0, k2 = ""));
+                if (0 < t2)
+                  switch (g2) {
+                    case 115:
+                      f = f.replace(da, ea);
+                    case 100:
+                    case 109:
+                    case 45:
+                      k2 = f + "{" + k2 + "}";
+                      break;
+                    case 107:
+                      f = f.replace(fa, "$1 $2");
+                      k2 = f + "{" + k2 + "}";
+                      k2 = w2 === 1 || w2 === 2 && L2("@" + k2, 3) ? "@-webkit-" + k2 + "@" + k2 : "@" + k2;
+                      break;
+                    default:
+                      k2 = f + k2, h2 === 112 && (k2 = (p += k2, ""));
+                  }
+                else
+                  k2 = "";
+                break;
+              default:
+                k2 = M2(c2, X2(c2, f, I2), k2, h2, a2 + 1);
+            }
+            F3 += k2;
+            k2 = I2 = r2 = u2 = q2 = 0;
+            f = "";
+            g2 = e2.charCodeAt(++l2);
+            break;
+          case 125:
+          case 59:
+            f = (0 < r2 ? f.replace(N2, "") : f).trim();
+            if (1 < (t2 = f.length))
+              switch (u2 === 0 && (q2 = f.charCodeAt(0), q2 === 45 || 96 < q2 && 123 > q2) && (t2 = (f = f.replace(" ", ":")).length), 0 < A2 && (C = H2(1, f, c2, d2, D2, z2, p.length, h2, a2, h2)) !== void 0 && (t2 = (f = C.trim()).length) === 0 && (f = "\0\0"), q2 = f.charCodeAt(0), g2 = f.charCodeAt(1), q2) {
+                case 0:
+                  break;
+                case 64:
+                  if (g2 === 105 || g2 === 99) {
+                    G3 += f + e2.charAt(l2);
+                    break;
+                  }
+                default:
+                  f.charCodeAt(t2 - 1) !== 58 && (p += P2(f, q2, g2, f.charCodeAt(2)));
+              }
+            I2 = r2 = u2 = q2 = 0;
+            f = "";
+            g2 = e2.charCodeAt(++l2);
+        }
+      }
+      switch (g2) {
+        case 13:
+        case 10:
+          b2 === 47 ? b2 = 0 : 1 + q2 === 0 && h2 !== 107 && 0 < f.length && (r2 = 1, f += "\0");
+          0 < A2 * Y2 && H2(0, f, c2, d2, D2, z2, p.length, h2, a2, h2);
+          z2 = 1;
+          D2++;
+          break;
+        case 59:
+        case 125:
+          if (b2 + n2 + v2 + m === 0) {
+            z2++;
+            break;
+          }
+        default:
+          z2++;
+          y2 = e2.charAt(l2);
+          switch (g2) {
+            case 9:
+            case 32:
+              if (n2 + m + b2 === 0)
+                switch (x2) {
+                  case 44:
+                  case 58:
+                  case 9:
+                  case 32:
+                    y2 = "";
+                    break;
+                  default:
+                    g2 !== 32 && (y2 = " ");
+                }
+              break;
+            case 0:
+              y2 = "\\0";
+              break;
+            case 12:
+              y2 = "\\f";
+              break;
+            case 11:
+              y2 = "\\v";
+              break;
+            case 38:
+              n2 + b2 + m === 0 && (r2 = I2 = 1, y2 = "\f" + y2);
+              break;
+            case 108:
+              if (n2 + b2 + m + E2 === 0 && 0 < u2)
+                switch (l2 - u2) {
+                  case 2:
+                    x2 === 112 && e2.charCodeAt(l2 - 3) === 58 && (E2 = x2);
+                  case 8:
+                    K2 === 111 && (E2 = K2);
+                }
+              break;
+            case 58:
+              n2 + b2 + m === 0 && (u2 = l2);
+              break;
+            case 44:
+              b2 + v2 + n2 + m === 0 && (r2 = 1, y2 += "\r");
+              break;
+            case 34:
+            case 39:
+              b2 === 0 && (n2 = n2 === g2 ? 0 : n2 === 0 ? g2 : n2);
+              break;
+            case 91:
+              n2 + b2 + v2 === 0 && m++;
+              break;
+            case 93:
+              n2 + b2 + v2 === 0 && m--;
+              break;
+            case 41:
+              n2 + b2 + m === 0 && v2--;
+              break;
+            case 40:
+              if (n2 + b2 + m === 0) {
+                if (q2 === 0)
+                  switch (2 * x2 + 3 * K2) {
+                    case 533:
+                      break;
+                    default:
+                      q2 = 1;
+                  }
+                v2++;
+              }
+              break;
+            case 64:
+              b2 + v2 + n2 + m + u2 + k2 === 0 && (k2 = 1);
+              break;
+            case 42:
+            case 47:
+              if (!(0 < n2 + m + v2))
+                switch (b2) {
+                  case 0:
+                    switch (2 * g2 + 3 * e2.charCodeAt(l2 + 1)) {
+                      case 235:
+                        b2 = 47;
+                        break;
+                      case 220:
+                        t2 = l2, b2 = 42;
+                    }
+                    break;
+                  case 42:
+                    g2 === 47 && x2 === 42 && t2 + 2 !== l2 && (e2.charCodeAt(t2 + 2) === 33 && (p += e2.substring(t2, l2 + 1)), y2 = "", b2 = 0);
+                }
+          }
+          b2 === 0 && (f += y2);
+      }
+      K2 = x2;
+      x2 = g2;
+      l2++;
+    }
+    t2 = p.length;
+    if (0 < t2) {
+      r2 = c2;
+      if (0 < A2 && (C = H2(2, p, r2, d2, D2, z2, t2, h2, a2, h2), C !== void 0 && (p = C).length === 0))
+        return G3 + p + F3;
+      p = r2.join(",") + "{" + p + "}";
+      if (w2 * E2 !== 0) {
+        w2 !== 2 || L2(p, 2) || (E2 = 0);
+        switch (E2) {
+          case 111:
+            p = p.replace(ha, ":-moz-$1") + p;
+            break;
+          case 112:
+            p = p.replace(Q2, "::-webkit-input-$1") + p.replace(Q2, "::-moz-$1") + p.replace(Q2, ":-ms-input-$1") + p;
+        }
+        E2 = 0;
+      }
+    }
+    return G3 + p + F3;
+  }
+  function X2(d2, c2, e2) {
+    var h2 = c2.trim().split(ia);
+    c2 = h2;
+    var a2 = h2.length, m = d2.length;
+    switch (m) {
+      case 0:
+      case 1:
+        var b2 = 0;
+        for (d2 = m === 0 ? "" : d2[0] + " "; b2 < a2; ++b2) {
+          c2[b2] = Z2(d2, c2[b2], e2).trim();
+        }
+        break;
+      default:
+        var v2 = b2 = 0;
+        for (c2 = []; b2 < a2; ++b2) {
+          for (var n2 = 0; n2 < m; ++n2) {
+            c2[v2++] = Z2(d2[n2] + " ", h2[b2], e2).trim();
+          }
+        }
+    }
+    return c2;
+  }
+  function Z2(d2, c2, e2) {
+    var h2 = c2.charCodeAt(0);
+    33 > h2 && (h2 = (c2 = c2.trim()).charCodeAt(0));
+    switch (h2) {
+      case 38:
+        return c2.replace(F2, "$1" + d2.trim());
+      case 58:
+        return d2.trim() + c2.replace(F2, "$1" + d2.trim());
+      default:
+        if (0 < 1 * e2 && 0 < c2.indexOf("\f"))
+          return c2.replace(F2, (d2.charCodeAt(0) === 58 ? "" : "$1") + d2.trim());
+    }
+    return d2 + c2;
+  }
+  function P2(d2, c2, e2, h2) {
+    var a2 = d2 + ";", m = 2 * c2 + 3 * e2 + 4 * h2;
+    if (m === 944) {
+      d2 = a2.indexOf(":", 9) + 1;
+      var b2 = a2.substring(d2, a2.length - 1).trim();
+      b2 = a2.substring(0, d2).trim() + b2 + ";";
+      return w2 === 1 || w2 === 2 && L2(b2, 1) ? "-webkit-" + b2 + b2 : b2;
+    }
+    if (w2 === 0 || w2 === 2 && !L2(a2, 1))
+      return a2;
+    switch (m) {
+      case 1015:
+        return a2.charCodeAt(10) === 97 ? "-webkit-" + a2 + a2 : a2;
+      case 951:
+        return a2.charCodeAt(3) === 116 ? "-webkit-" + a2 + a2 : a2;
+      case 963:
+        return a2.charCodeAt(5) === 110 ? "-webkit-" + a2 + a2 : a2;
+      case 1009:
+        if (a2.charCodeAt(4) !== 100)
+          break;
+      case 969:
+      case 942:
+        return "-webkit-" + a2 + a2;
+      case 978:
+        return "-webkit-" + a2 + "-moz-" + a2 + a2;
+      case 1019:
+      case 983:
+        return "-webkit-" + a2 + "-moz-" + a2 + "-ms-" + a2 + a2;
+      case 883:
+        if (a2.charCodeAt(8) === 45)
+          return "-webkit-" + a2 + a2;
+        if (0 < a2.indexOf("image-set(", 11))
+          return a2.replace(ja, "$1-webkit-$2") + a2;
+        break;
+      case 932:
+        if (a2.charCodeAt(4) === 45)
+          switch (a2.charCodeAt(5)) {
+            case 103:
+              return "-webkit-box-" + a2.replace("-grow", "") + "-webkit-" + a2 + "-ms-" + a2.replace("grow", "positive") + a2;
+            case 115:
+              return "-webkit-" + a2 + "-ms-" + a2.replace("shrink", "negative") + a2;
+            case 98:
+              return "-webkit-" + a2 + "-ms-" + a2.replace("basis", "preferred-size") + a2;
+          }
+        return "-webkit-" + a2 + "-ms-" + a2 + a2;
+      case 964:
+        return "-webkit-" + a2 + "-ms-flex-" + a2 + a2;
+      case 1023:
+        if (a2.charCodeAt(8) !== 99)
+          break;
+        b2 = a2.substring(a2.indexOf(":", 15)).replace("flex-", "").replace("space-between", "justify");
+        return "-webkit-box-pack" + b2 + "-webkit-" + a2 + "-ms-flex-pack" + b2 + a2;
+      case 1005:
+        return ka.test(a2) ? a2.replace(aa, ":-webkit-") + a2.replace(aa, ":-moz-") + a2 : a2;
+      case 1e3:
+        b2 = a2.substring(13).trim();
+        c2 = b2.indexOf("-") + 1;
+        switch (b2.charCodeAt(0) + b2.charCodeAt(c2)) {
+          case 226:
+            b2 = a2.replace(G2, "tb");
+            break;
+          case 232:
+            b2 = a2.replace(G2, "tb-rl");
+            break;
+          case 220:
+            b2 = a2.replace(G2, "lr");
+            break;
+          default:
+            return a2;
+        }
+        return "-webkit-" + a2 + "-ms-" + b2 + a2;
+      case 1017:
+        if (a2.indexOf("sticky", 9) === -1)
+          break;
+      case 975:
+        c2 = (a2 = d2).length - 10;
+        b2 = (a2.charCodeAt(c2) === 33 ? a2.substring(0, c2) : a2).substring(d2.indexOf(":", 7) + 1).trim();
+        switch (m = b2.charCodeAt(0) + (b2.charCodeAt(7) | 0)) {
+          case 203:
+            if (111 > b2.charCodeAt(8))
+              break;
+          case 115:
+            a2 = a2.replace(b2, "-webkit-" + b2) + ";" + a2;
+            break;
+          case 207:
+          case 102:
+            a2 = a2.replace(b2, "-webkit-" + (102 < m ? "inline-" : "") + "box") + ";" + a2.replace(b2, "-webkit-" + b2) + ";" + a2.replace(b2, "-ms-" + b2 + "box") + ";" + a2;
+        }
+        return a2 + ";";
+      case 938:
+        if (a2.charCodeAt(5) === 45)
+          switch (a2.charCodeAt(6)) {
+            case 105:
+              return b2 = a2.replace("-items", ""), "-webkit-" + a2 + "-webkit-box-" + b2 + "-ms-flex-" + b2 + a2;
+            case 115:
+              return "-webkit-" + a2 + "-ms-flex-item-" + a2.replace(ba, "") + a2;
+            default:
+              return "-webkit-" + a2 + "-ms-flex-line-pack" + a2.replace("align-content", "").replace(ba, "") + a2;
+          }
+        break;
+      case 973:
+      case 989:
+        if (a2.charCodeAt(3) !== 45 || a2.charCodeAt(4) === 122)
+          break;
+      case 931:
+      case 953:
+        if (la.test(d2) === true)
+          return (b2 = d2.substring(d2.indexOf(":") + 1)).charCodeAt(0) === 115 ? P2(d2.replace("stretch", "fill-available"), c2, e2, h2).replace(":fill-available", ":stretch") : a2.replace(b2, "-webkit-" + b2) + a2.replace(b2, "-moz-" + b2.replace("fill-", "")) + a2;
+        break;
+      case 962:
+        if (a2 = "-webkit-" + a2 + (a2.charCodeAt(5) === 102 ? "-ms-" + a2 : "") + a2, e2 + h2 === 211 && a2.charCodeAt(13) === 105 && 0 < a2.indexOf("transform", 10))
+          return a2.substring(0, a2.indexOf(";", 27) + 1).replace(ma, "$1-webkit-$2") + a2;
+    }
+    return a2;
+  }
+  function L2(d2, c2) {
+    var e2 = d2.indexOf(c2 === 1 ? ":" : "{"), h2 = d2.substring(0, c2 !== 3 ? e2 : 10);
+    e2 = d2.substring(e2 + 1, d2.length - 1);
+    return R2(c2 !== 2 ? h2 : h2.replace(na, "$1"), e2, c2);
+  }
+  function ea(d2, c2) {
+    var e2 = P2(c2, c2.charCodeAt(0), c2.charCodeAt(1), c2.charCodeAt(2));
+    return e2 !== c2 + ";" ? e2.replace(oa, " or ($1)").substring(4) : "(" + c2 + ")";
+  }
+  function H2(d2, c2, e2, h2, a2, m, b2, v2, n2, q2) {
+    for (var g2 = 0, x2 = c2, w3; g2 < A2; ++g2) {
+      switch (w3 = S2[g2].call(B2, d2, x2, e2, h2, a2, m, b2, v2, n2, q2)) {
+        case void 0:
+        case false:
+        case true:
+        case null:
+          break;
+        default:
+          x2 = w3;
+      }
+    }
+    if (x2 !== c2)
+      return x2;
+  }
+  function T2(d2) {
+    switch (d2) {
+      case void 0:
+      case null:
+        A2 = S2.length = 0;
+        break;
+      default:
+        if (typeof d2 === "function")
+          S2[A2++] = d2;
+        else if (typeof d2 === "object")
+          for (var c2 = 0, e2 = d2.length; c2 < e2; ++c2) {
+            T2(d2[c2]);
+          }
+        else
+          Y2 = !!d2 | 0;
+    }
+    return T2;
+  }
+  function U2(d2) {
+    d2 = d2.prefix;
+    d2 !== void 0 && (R2 = null, d2 ? typeof d2 !== "function" ? w2 = 1 : (w2 = 2, R2 = d2) : w2 = 0);
+    return U2;
+  }
+  function B2(d2, c2) {
+    var e2 = d2;
+    33 > e2.charCodeAt(0) && (e2 = e2.trim());
+    V2 = e2;
+    e2 = [V2];
+    if (0 < A2) {
+      var h2 = H2(-1, c2, e2, e2, D2, z2, 0, 0, 0, 0);
+      h2 !== void 0 && typeof h2 === "string" && (c2 = h2);
+    }
+    var a2 = M2(O, e2, c2, 0, 0);
+    0 < A2 && (h2 = H2(-2, a2, e2, e2, D2, z2, a2.length, 0, 0, 0), h2 !== void 0 && (a2 = h2));
+    V2 = "";
+    E2 = 0;
+    z2 = D2 = 1;
+    return a2;
+  }
+  var ca = /^\0+/g, N2 = /[\0\r\f]/g, aa = /: */g, ka = /zoo|gra/, ma = /([,: ])(transform)/g, ia = /,\r+?/g, F2 = /([\t\r\n ])*\f?&/g, fa = /@(k\w+)\s*(\S*)\s*/, Q2 = /::(place)/g, ha = /:(read-only)/g, G2 = /[svh]\w+-[tblr]{2}/, da = /\(\s*(.*)\s*\)/g, oa = /([\s\S]*?);/g, ba = /-self|flex-/g, na = /[^]*?(:[rp][el]a[\w-]+)[^]*/, la = /stretch|:\s*\w+\-(?:conte|avail)/, ja = /([^-])(image-set\()/, z2 = 1, D2 = 1, E2 = 0, w2 = 1, O = [], S2 = [], A2 = 0, R2 = null, Y2 = 0, V2 = "";
+  B2.use = T2;
+  B2.set = U2;
+  W2 !== void 0 && U2(W2);
+  return B2;
+}
+var stylis_browser_esm_default = stylis_min;
+
+// node_modules/styled-components/dist/styled-components.browser.esm.js
+var import_hoist_non_react_statics = __toModule(require_hoist_non_react_statics_cjs());
+function v() {
+  return (v = Object.assign || function(e2) {
+    for (var t2 = 1; t2 < arguments.length; t2++) {
+      var n2 = arguments[t2];
+      for (var r2 in n2)
+        Object.prototype.hasOwnProperty.call(n2, r2) && (e2[r2] = n2[r2]);
+    }
+    return e2;
+  }).apply(this, arguments);
+}
+var g = function(e2, t2) {
+  for (var n2 = [e2[0]], r2 = 0, o2 = t2.length; r2 < o2; r2 += 1)
+    n2.push(t2[r2], e2[r2 + 1]);
+  return n2;
+};
+var S = function(t2) {
+  return t2 !== null && typeof t2 == "object" && (t2.toString ? t2.toString() : Object.prototype.toString.call(t2)) === "[object Object]" && !(0, import_react_is.typeOf)(t2);
+};
+var w = Object.freeze([]);
+var E = Object.freeze({});
+function b(e2) {
+  return typeof e2 == "function";
+}
+function _(e2) {
+  return typeof e2 == "string" && e2 || e2.displayName || e2.name || "Component";
+}
+function N(e2) {
+  return e2 && typeof e2.styledComponentId == "string";
+}
+var A = typeof process != "undefined" && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled";
+var I = typeof window != "undefined" && "HTMLElement" in window;
+var P = Boolean(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process != "undefined" && 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 != "undefined" && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : true);
+var R = true ? { 1: "Cannot create styled-component for component: %s.\n\n", 2: "Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n", 3: "Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n", 4: "The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n", 5: "The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n", 6: "Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n", 7: 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8: 'ThemeProvider: Please make your "theme" prop an object.\n\n', 9: "Missing document `<head>`\n\n", 10: "Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n", 11: "_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n", 12: "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13: "%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n", 14: 'ThemeProvider: "theme" prop is required.\n\n', 15: "A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16: "Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n", 17: "CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n" } : {};
+function D() {
+  for (var e2 = arguments.length <= 0 ? void 0 : arguments[0], t2 = [], n2 = 1, r2 = arguments.length; n2 < r2; n2 += 1)
+    t2.push(n2 < 0 || arguments.length <= n2 ? void 0 : arguments[n2]);
+  return t2.forEach(function(t3) {
+    e2 = e2.replace(/%[a-z]/, t3);
+  }), e2;
+}
+function j(e2) {
+  for (var t2 = arguments.length, n2 = new Array(t2 > 1 ? t2 - 1 : 0), r2 = 1; r2 < t2; r2++)
+    n2[r2 - 1] = arguments[r2];
+  throw false ? new Error("An error occurred. See https://git.io/JUIaE#" + e2 + " for more information." + (n2.length > 0 ? " Args: " + n2.join(", ") : "")) : new Error(D.apply(void 0, [R[e2]].concat(n2)).trim());
+}
+var T = function() {
+  function e2(e3) {
+    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e3;
+  }
+  var t2 = e2.prototype;
+  return t2.indexOfGroup = function(e3) {
+    for (var t3 = 0, n2 = 0; n2 < e3; n2++)
+      t3 += this.groupSizes[n2];
+    return t3;
+  }, t2.insertRules = function(e3, t3) {
+    if (e3 >= this.groupSizes.length) {
+      for (var n2 = this.groupSizes, r2 = n2.length, o2 = r2; e3 >= o2; )
+        (o2 <<= 1) < 0 && j(16, "" + e3);
+      this.groupSizes = new Uint32Array(o2), this.groupSizes.set(n2), this.length = o2;
+      for (var s2 = r2; s2 < o2; s2++)
+        this.groupSizes[s2] = 0;
+    }
+    for (var i2 = this.indexOfGroup(e3 + 1), a2 = 0, c2 = t3.length; a2 < c2; a2++)
+      this.tag.insertRule(i2, t3[a2]) && (this.groupSizes[e3]++, i2++);
+  }, t2.clearGroup = function(e3) {
+    if (e3 < this.length) {
+      var t3 = this.groupSizes[e3], n2 = this.indexOfGroup(e3), r2 = n2 + t3;
+      this.groupSizes[e3] = 0;
+      for (var o2 = n2; o2 < r2; o2++)
+        this.tag.deleteRule(n2);
+    }
+  }, t2.getGroup = function(e3) {
+    var t3 = "";
+    if (e3 >= this.length || this.groupSizes[e3] === 0)
+      return t3;
+    for (var n2 = this.groupSizes[e3], r2 = this.indexOfGroup(e3), o2 = r2 + n2, s2 = r2; s2 < o2; s2++)
+      t3 += this.tag.getRule(s2) + "/*!sc*/\n";
+    return t3;
+  }, e2;
+}();
+var x = new Map();
+var k = new Map();
+var V = 1;
+var B = function(e2) {
+  if (x.has(e2))
+    return x.get(e2);
+  for (; k.has(V); )
+    V++;
+  var t2 = V++;
+  return ((0 | t2) < 0 || t2 > 1 << 30) && j(16, "" + t2), x.set(e2, t2), k.set(t2, e2), t2;
+};
+var z = function(e2) {
+  return k.get(e2);
+};
+var M = function(e2, t2) {
+  t2 >= V && (V = t2 + 1), x.set(e2, t2), k.set(t2, e2);
+};
+var G = "style[" + A + '][data-styled-version="5.3.3"]';
+var L = new RegExp("^" + A + '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)');
+var F = function(e2, t2, n2) {
+  for (var r2, o2 = n2.split(","), s2 = 0, i2 = o2.length; s2 < i2; s2++)
+    (r2 = o2[s2]) && e2.registerName(t2, r2);
+};
+var Y = function(e2, t2) {
+  for (var n2 = (t2.textContent || "").split("/*!sc*/\n"), r2 = [], o2 = 0, s2 = n2.length; o2 < s2; o2++) {
+    var i2 = n2[o2].trim();
+    if (i2) {
+      var a2 = i2.match(L);
+      if (a2) {
+        var c2 = 0 | parseInt(a2[1], 10), u2 = a2[2];
+        c2 !== 0 && (M(u2, c2), F(e2, u2, a2[3]), e2.getTag().insertRules(c2, r2)), r2.length = 0;
+      } else
+        r2.push(i2);
+    }
+  }
+};
+var q = function() {
+  return typeof window != "undefined" && window.__webpack_nonce__ !== void 0 ? window.__webpack_nonce__ : null;
+};
+var H = function(e2) {
+  var t2 = document.head, n2 = e2 || t2, r2 = document.createElement("style"), o2 = function(e3) {
+    for (var t3 = e3.childNodes, n3 = t3.length; n3 >= 0; n3--) {
+      var r3 = t3[n3];
+      if (r3 && r3.nodeType === 1 && r3.hasAttribute(A))
+        return r3;
+    }
+  }(n2), s2 = o2 !== void 0 ? o2.nextSibling : null;
+  r2.setAttribute(A, "active"), r2.setAttribute("data-styled-version", "5.3.3");
+  var i2 = q();
+  return i2 && r2.setAttribute("nonce", i2), n2.insertBefore(r2, s2), r2;
+};
+var $ = function() {
+  function e2(e3) {
+    var t3 = this.element = H(e3);
+    t3.appendChild(document.createTextNode("")), this.sheet = function(e4) {
+      if (e4.sheet)
+        return e4.sheet;
+      for (var t4 = document.styleSheets, n2 = 0, r2 = t4.length; n2 < r2; n2++) {
+        var o2 = t4[n2];
+        if (o2.ownerNode === e4)
+          return o2;
+      }
+      j(17);
+    }(t3), this.length = 0;
+  }
+  var t2 = e2.prototype;
+  return t2.insertRule = function(e3, t3) {
+    try {
+      return this.sheet.insertRule(t3, e3), this.length++, true;
+    } catch (e4) {
+      return false;
+    }
+  }, t2.deleteRule = function(e3) {
+    this.sheet.deleteRule(e3), this.length--;
+  }, t2.getRule = function(e3) {
+    var t3 = this.sheet.cssRules[e3];
+    return t3 !== void 0 && typeof t3.cssText == "string" ? t3.cssText : "";
+  }, e2;
+}();
+var W = function() {
+  function e2(e3) {
+    var t3 = this.element = H(e3);
+    this.nodes = t3.childNodes, this.length = 0;
+  }
+  var t2 = e2.prototype;
+  return t2.insertRule = function(e3, t3) {
+    if (e3 <= this.length && e3 >= 0) {
+      var n2 = document.createTextNode(t3), r2 = this.nodes[e3];
+      return this.element.insertBefore(n2, r2 || null), this.length++, true;
+    }
+    return false;
+  }, t2.deleteRule = function(e3) {
+    this.element.removeChild(this.nodes[e3]), this.length--;
+  }, t2.getRule = function(e3) {
+    return e3 < this.length ? this.nodes[e3].textContent : "";
+  }, e2;
+}();
+var U = function() {
+  function e2(e3) {
+    this.rules = [], this.length = 0;
+  }
+  var t2 = e2.prototype;
+  return t2.insertRule = function(e3, t3) {
+    return e3 <= this.length && (this.rules.splice(e3, 0, t3), this.length++, true);
+  }, t2.deleteRule = function(e3) {
+    this.rules.splice(e3, 1), this.length--;
+  }, t2.getRule = function(e3) {
+    return e3 < this.length ? this.rules[e3] : "";
+  }, e2;
+}();
+var J = I;
+var X = { isServer: !I, useCSSOMInjection: !P };
+var Z = function() {
+  function e2(e3, t3, n2) {
+    e3 === void 0 && (e3 = E), t3 === void 0 && (t3 = {}), this.options = v({}, X, {}, e3), this.gs = t3, this.names = new Map(n2), this.server = !!e3.isServer, !this.server && I && J && (J = false, function(e4) {
+      for (var t4 = document.querySelectorAll(G), n3 = 0, r2 = t4.length; n3 < r2; n3++) {
+        var o2 = t4[n3];
+        o2 && o2.getAttribute(A) !== "active" && (Y(e4, o2), o2.parentNode && o2.parentNode.removeChild(o2));
+      }
+    }(this));
+  }
+  e2.registerId = function(e3) {
+    return B(e3);
+  };
+  var t2 = e2.prototype;
+  return t2.reconstructWithOptions = function(t3, n2) {
+    return n2 === void 0 && (n2 = true), new e2(v({}, this.options, {}, t3), this.gs, n2 && this.names || void 0);
+  }, t2.allocateGSInstance = function(e3) {
+    return this.gs[e3] = (this.gs[e3] || 0) + 1;
+  }, t2.getTag = function() {
+    return this.tag || (this.tag = (n2 = (t3 = this.options).isServer, r2 = t3.useCSSOMInjection, o2 = t3.target, e3 = n2 ? new U(o2) : r2 ? new $(o2) : new W(o2), new T(e3)));
+    var e3, t3, n2, r2, o2;
+  }, t2.hasNameForId = function(e3, t3) {
+    return this.names.has(e3) && this.names.get(e3).has(t3);
+  }, t2.registerName = function(e3, t3) {
+    if (B(e3), this.names.has(e3))
+      this.names.get(e3).add(t3);
+    else {
+      var n2 = new Set();
+      n2.add(t3), this.names.set(e3, n2);
+    }
+  }, t2.insertRules = function(e3, t3, n2) {
+    this.registerName(e3, t3), this.getTag().insertRules(B(e3), n2);
+  }, t2.clearNames = function(e3) {
+    this.names.has(e3) && this.names.get(e3).clear();
+  }, t2.clearRules = function(e3) {
+    this.getTag().clearGroup(B(e3)), this.clearNames(e3);
+  }, t2.clearTag = function() {
+    this.tag = void 0;
+  }, t2.toString = function() {
+    return function(e3) {
+      for (var t3 = e3.getTag(), n2 = t3.length, r2 = "", o2 = 0; o2 < n2; o2++) {
+        var s2 = z(o2);
+        if (s2 !== void 0) {
+          var i2 = e3.names.get(s2), a2 = t3.getGroup(o2);
+          if (i2 && a2 && i2.size) {
+            var c2 = A + ".g" + o2 + '[id="' + s2 + '"]', u2 = "";
+            i2 !== void 0 && i2.forEach(function(e4) {
+              e4.length > 0 && (u2 += e4 + ",");
+            }), r2 += "" + a2 + c2 + '{content:"' + u2 + '"}/*!sc*/\n';
+          }
+        }
+      }
+      return r2;
+    }(this);
+  }, e2;
+}();
+var K = /(a)(d)/gi;
+var Q = function(e2) {
+  return String.fromCharCode(e2 + (e2 > 25 ? 39 : 97));
+};
+function ee(e2) {
+  var t2, n2 = "";
+  for (t2 = Math.abs(e2); t2 > 52; t2 = t2 / 52 | 0)
+    n2 = Q(t2 % 52) + n2;
+  return (Q(t2 % 52) + n2).replace(K, "$1-$2");
+}
+var te = function(e2, t2) {
+  for (var n2 = t2.length; n2; )
+    e2 = 33 * e2 ^ t2.charCodeAt(--n2);
+  return e2;
+};
+var ne = function(e2) {
+  return te(5381, e2);
+};
+function re(e2) {
+  for (var t2 = 0; t2 < e2.length; t2 += 1) {
+    var n2 = e2[t2];
+    if (b(n2) && !N(n2))
+      return false;
+  }
+  return true;
+}
+var oe = ne("5.3.3");
+var se = function() {
+  function e2(e3, t2, n2) {
+    this.rules = e3, this.staticRulesId = "", this.isStatic = false, this.componentId = t2, this.baseHash = te(oe, t2), this.baseStyle = n2, Z.registerId(t2);
+  }
+  return e2.prototype.generateAndInjectStyles = function(e3, t2, n2) {
+    var r2 = this.componentId, o2 = [];
+    if (this.baseStyle && o2.push(this.baseStyle.generateAndInjectStyles(e3, t2, n2)), this.isStatic && !n2.hash)
+      if (this.staticRulesId && t2.hasNameForId(r2, this.staticRulesId))
+        o2.push(this.staticRulesId);
+      else {
+        var s2 = Ne(this.rules, e3, t2, n2).join(""), i2 = ee(te(this.baseHash, s2) >>> 0);
+        if (!t2.hasNameForId(r2, i2)) {
+          var a2 = n2(s2, "." + i2, void 0, r2);
+          t2.insertRules(r2, i2, a2);
+        }
+        o2.push(i2), this.staticRulesId = i2;
+      }
+    else {
+      for (var c2 = this.rules.length, u2 = te(this.baseHash, n2.hash), l2 = "", d2 = 0; d2 < c2; d2++) {
+        var h2 = this.rules[d2];
+        if (typeof h2 == "string")
+          l2 += h2, u2 = te(u2, h2 + d2);
+        else if (h2) {
+          var p = Ne(h2, e3, t2, n2), f = Array.isArray(p) ? p.join("") : p;
+          u2 = te(u2, f + d2), l2 += f;
+        }
+      }
+      if (l2) {
+        var m = ee(u2 >>> 0);
+        if (!t2.hasNameForId(r2, m)) {
+          var y2 = n2(l2, "." + m, void 0, r2);
+          t2.insertRules(r2, m, y2);
+        }
+        o2.push(m);
+      }
+    }
+    return o2.join(" ");
+  }, e2;
+}();
+var ie = /^\s*\/\/.*$/gm;
+var ae = [":", "[", ".", "#"];
+function ce(e2) {
+  var t2, n2, r2, o2, s2 = e2 === void 0 ? E : e2, i2 = s2.options, a2 = i2 === void 0 ? E : i2, c2 = s2.plugins, u2 = c2 === void 0 ? w : c2, l2 = new stylis_browser_esm_default(a2), d2 = [], h2 = function(e3) {
+    function t3(t4) {
+      if (t4)
+        try {
+          e3(t4 + "}");
+        } catch (e4) {
+        }
+    }
+    return function(n3, r3, o3, s3, i3, a3, c3, u3, l3, d3) {
+      switch (n3) {
+        case 1:
+          if (l3 === 0 && r3.charCodeAt(0) === 64)
+            return e3(r3 + ";"), "";
+          break;
+        case 2:
+          if (u3 === 0)
+            return r3 + "/*|*/";
+          break;
+        case 3:
+          switch (u3) {
+            case 102:
+            case 112:
+              return e3(o3[0] + r3), "";
+            default:
+              return r3 + (d3 === 0 ? "/*|*/" : "");
+          }
+        case -2:
+          r3.split("/*|*/}").forEach(t3);
+      }
+    };
+  }(function(e3) {
+    d2.push(e3);
+  }), f = function(e3, r3, s3) {
+    return r3 === 0 && ae.indexOf(s3[n2.length]) !== -1 || s3.match(o2) ? e3 : "." + t2;
+  };
+  function m(e3, s3, i3, a3) {
+    a3 === void 0 && (a3 = "&");
+    var c3 = e3.replace(ie, ""), u3 = s3 && i3 ? i3 + " " + s3 + " { " + c3 + " }" : c3;
+    return t2 = a3, n2 = s3, r2 = new RegExp("\\" + n2 + "\\b", "g"), o2 = new RegExp("(\\" + n2 + "\\b){2,}"), l2(i3 || !s3 ? "" : s3, u3);
+  }
+  return l2.use([].concat(u2, [function(e3, t3, o3) {
+    e3 === 2 && o3.length && o3[0].lastIndexOf(n2) > 0 && (o3[0] = o3[0].replace(r2, f));
+  }, h2, function(e3) {
+    if (e3 === -2) {
+      var t3 = d2;
+      return d2 = [], t3;
+    }
+  }])), m.hash = u2.length ? u2.reduce(function(e3, t3) {
+    return t3.name || j(15), te(e3, t3.name);
+  }, 5381).toString() : "", m;
+}
+var ue = r.createContext();
+var le = ue.Consumer;
+var de = r.createContext();
+var he = (de.Consumer, new Z());
+var pe = ce();
+function fe() {
+  return s(ue) || he;
+}
+function me() {
+  return s(de) || pe;
+}
+function ye(e2) {
+  var t2 = o(e2.stylisPlugins), n2 = t2[0], s2 = t2[1], c2 = fe(), u2 = i(function() {
+    var t3 = c2;
+    return e2.sheet ? t3 = e2.sheet : e2.target && (t3 = t3.reconstructWithOptions({ target: e2.target }, false)), e2.disableCSSOMInjection && (t3 = t3.reconstructWithOptions({ useCSSOMInjection: false })), t3;
+  }, [e2.disableCSSOMInjection, e2.sheet, e2.target]), l2 = i(function() {
+    return ce({ options: { prefix: !e2.disableVendorPrefixes }, plugins: n2 });
+  }, [e2.disableVendorPrefixes, n2]);
+  return a(function() {
+    (0, import_shallowequal.default)(n2, e2.stylisPlugins) || s2(e2.stylisPlugins);
+  }, [e2.stylisPlugins]), r.createElement(ue.Provider, { value: u2 }, r.createElement(de.Provider, { value: l2 }, true ? r.Children.only(e2.children) : e2.children));
+}
+var ve = function() {
+  function e2(e3, t2) {
+    var n2 = this;
+    this.inject = function(e4, t3) {
+      t3 === void 0 && (t3 = pe);
+      var r2 = n2.name + t3.hash;
+      e4.hasNameForId(n2.id, r2) || e4.insertRules(n2.id, r2, t3(n2.rules, r2, "@keyframes"));
+    }, this.toString = function() {
+      return j(12, String(n2.name));
+    }, this.name = e3, this.id = "sc-keyframes-" + e3, this.rules = t2;
+  }
+  return e2.prototype.getName = function(e3) {
+    return e3 === void 0 && (e3 = pe), this.name + e3.hash;
+  }, e2;
+}();
+var ge = /([A-Z])/;
+var Se = /([A-Z])/g;
+var we = /^ms-/;
+var Ee = function(e2) {
+  return "-" + e2.toLowerCase();
+};
+function be(e2) {
+  return ge.test(e2) ? e2.replace(Se, Ee).replace(we, "-ms-") : e2;
+}
+var _e = function(e2) {
+  return e2 == null || e2 === false || e2 === "";
+};
+function Ne(e2, n2, r2, o2) {
+  if (Array.isArray(e2)) {
+    for (var s2, i2 = [], a2 = 0, c2 = e2.length; a2 < c2; a2 += 1)
+      (s2 = Ne(e2[a2], n2, r2, o2)) !== "" && (Array.isArray(s2) ? i2.push.apply(i2, s2) : i2.push(s2));
+    return i2;
+  }
+  if (_e(e2))
+    return "";
+  if (N(e2))
+    return "." + e2.styledComponentId;
+  if (b(e2)) {
+    if (typeof (l2 = e2) != "function" || l2.prototype && l2.prototype.isReactComponent || !n2)
+      return e2;
+    var u2 = e2(n2);
+    return (0, import_react_is.isElement)(u2) && console.warn(_(e2) + " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."), Ne(u2, n2, r2, o2);
+  }
+  var l2;
+  return e2 instanceof ve ? r2 ? (e2.inject(r2, o2), e2.getName(o2)) : e2 : S(e2) ? function e3(t2, n3) {
+    var r3, o3, s3 = [];
+    for (var i3 in t2)
+      t2.hasOwnProperty(i3) && !_e(t2[i3]) && (Array.isArray(t2[i3]) && t2[i3].isCss || b(t2[i3]) ? s3.push(be(i3) + ":", t2[i3], ";") : S(t2[i3]) ? s3.push.apply(s3, e3(t2[i3], i3)) : s3.push(be(i3) + ": " + (r3 = i3, (o3 = t2[i3]) == null || typeof o3 == "boolean" || o3 === "" ? "" : typeof o3 != "number" || o3 === 0 || r3 in unitless_browser_esm_default ? String(o3).trim() : o3 + "px") + ";"));
+    return n3 ? [n3 + " {"].concat(s3, ["}"]) : s3;
+  }(e2) : e2.toString();
+}
+var Ae = function(e2) {
+  return Array.isArray(e2) && (e2.isCss = true), e2;
+};
+function Ce(e2) {
+  for (var t2 = arguments.length, n2 = new Array(t2 > 1 ? t2 - 1 : 0), r2 = 1; r2 < t2; r2++)
+    n2[r2 - 1] = arguments[r2];
+  return b(e2) || S(e2) ? Ae(Ne(g(w, [e2].concat(n2)))) : n2.length === 0 && e2.length === 1 && typeof e2[0] == "string" ? e2 : Ae(Ne(g(e2, n2)));
+}
+var Ie = /invalid hook call/i;
+var Pe = new Set();
+var Oe = function(e2, t2) {
+  if (true) {
+    var n2 = "The component " + e2 + (t2 ? ' with the id of "' + t2 + '"' : "") + " has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.", r2 = console.error;
+    try {
+      var o2 = true;
+      console.error = function(e3) {
+        if (Ie.test(e3))
+          o2 = false, Pe.delete(n2);
+        else {
+          for (var t3 = arguments.length, s2 = new Array(t3 > 1 ? t3 - 1 : 0), i2 = 1; i2 < t3; i2++)
+            s2[i2 - 1] = arguments[i2];
+          r2.apply(void 0, [e3].concat(s2));
+        }
+      }, c(), o2 && !Pe.has(n2) && (console.warn(n2), Pe.add(n2));
+    } catch (e3) {
+      Ie.test(e3.message) && Pe.delete(n2);
+    } finally {
+      console.error = r2;
+    }
+  }
+};
+var Re = function(e2, t2, n2) {
+  return n2 === void 0 && (n2 = E), e2.theme !== n2.theme && e2.theme || t2 || n2.theme;
+};
+var De = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g;
+var je = /(^-|-$)/g;
+function Te(e2) {
+  return e2.replace(De, "-").replace(je, "");
+}
+var xe = function(e2) {
+  return ee(ne(e2) >>> 0);
+};
+function ke(e2) {
+  return typeof e2 == "string" && e2.charAt(0) === e2.charAt(0).toLowerCase();
+}
+var Ve = function(e2) {
+  return typeof e2 == "function" || typeof e2 == "object" && e2 !== null && !Array.isArray(e2);
+};
+var Be = function(e2) {
+  return e2 !== "__proto__" && e2 !== "constructor" && e2 !== "prototype";
+};
+function ze(e2, t2, n2) {
+  var r2 = e2[n2];
+  Ve(t2) && Ve(r2) ? Me(r2, t2) : e2[n2] = t2;
+}
+function Me(e2) {
+  for (var t2 = arguments.length, n2 = new Array(t2 > 1 ? t2 - 1 : 0), r2 = 1; r2 < t2; r2++)
+    n2[r2 - 1] = arguments[r2];
+  for (var o2 = 0, s2 = n2; o2 < s2.length; o2++) {
+    var i2 = s2[o2];
+    if (Ve(i2))
+      for (var a2 in i2)
+        Be(a2) && ze(e2, i2[a2], a2);
+  }
+  return e2;
+}
+var Ge = r.createContext();
+var Le = Ge.Consumer;
+var Ye = {};
+function qe(e2, t2, n2) {
+  var o2 = N(e2), i2 = !ke(e2), a2 = t2.attrs, c2 = a2 === void 0 ? w : a2, d2 = t2.componentId, h2 = d2 === void 0 ? function(e3, t3) {
+    var n3 = typeof e3 != "string" ? "sc" : Te(e3);
+    Ye[n3] = (Ye[n3] || 0) + 1;
+    var r2 = n3 + "-" + xe("5.3.3" + n3 + Ye[n3]);
+    return t3 ? t3 + "-" + r2 : r2;
+  }(t2.displayName, t2.parentComponentId) : d2, p = t2.displayName, f = p === void 0 ? function(e3) {
+    return ke(e3) ? "styled." + e3 : "Styled(" + _(e3) + ")";
+  }(e2) : p, g2 = t2.displayName && t2.componentId ? Te(t2.displayName) + "-" + t2.componentId : t2.componentId || h2, S2 = o2 && e2.attrs ? Array.prototype.concat(e2.attrs, c2).filter(Boolean) : c2, A2 = t2.shouldForwardProp;
+  o2 && e2.shouldForwardProp && (A2 = t2.shouldForwardProp ? function(n3, r2, o3) {
+    return e2.shouldForwardProp(n3, r2, o3) && t2.shouldForwardProp(n3, r2, o3);
+  } : e2.shouldForwardProp);
+  var C, I2 = new se(n2, g2, o2 ? e2.componentStyle : void 0), P2 = I2.isStatic && c2.length === 0, O = function(e3, t3) {
+    return function(e4, t4, n3, r2) {
+      var o3 = e4.attrs, i3 = e4.componentStyle, a3 = e4.defaultProps, c3 = e4.foldedComponentIds, d3 = e4.shouldForwardProp, h3 = e4.styledComponentId, p2 = e4.target;
+      l(h3);
+      var f2 = function(e5, t5, n4) {
+        e5 === void 0 && (e5 = E);
+        var r3 = v({}, t5, { theme: e5 }), o4 = {};
+        return n4.forEach(function(e6) {
+          var t6, n5, s2, i4 = e6;
+          for (t6 in b(i4) && (i4 = i4(r3)), i4)
+            r3[t6] = o4[t6] = t6 === "className" ? (n5 = o4[t6], s2 = i4[t6], n5 && s2 ? n5 + " " + s2 : n5 || s2) : i4[t6];
+        }), [r3, o4];
+      }(Re(t4, s(Ge), a3) || E, t4, o3), y2 = f2[0], g3 = f2[1], S3 = function(e5, t5, n4, r3) {
+        var o4 = fe(), s2 = me(), i4 = t5 ? e5.generateAndInjectStyles(E, o4, s2) : e5.generateAndInjectStyles(n4, o4, s2);
+        return l(i4), !t5 && r3 && r3(i4), i4;
+      }(i3, r2, y2, true ? e4.warnTooManyClasses : void 0), w2 = n3, _2 = g3.$as || t4.$as || g3.as || t4.as || p2, N2 = ke(_2), A3 = g3 !== t4 ? v({}, t4, {}, g3) : t4, C2 = {};
+      for (var I3 in A3)
+        I3[0] !== "$" && I3 !== "as" && (I3 === "forwardedAs" ? C2.as = A3[I3] : (d3 ? d3(I3, is_prop_valid_browser_esm_default, _2) : !N2 || is_prop_valid_browser_esm_default(I3)) && (C2[I3] = A3[I3]));
+      return t4.style && g3.style !== t4.style && (C2.style = v({}, t4.style, {}, g3.style)), C2.className = Array.prototype.concat(c3, h3, S3 !== h3 ? S3 : null, t4.className, g3.className).filter(Boolean).join(" "), C2.ref = w2, u(_2, C2);
+    }(C, e3, t3, P2);
+  };
+  return O.displayName = f, (C = r.forwardRef(O)).attrs = S2, C.componentStyle = I2, C.displayName = f, C.shouldForwardProp = A2, C.foldedComponentIds = o2 ? Array.prototype.concat(e2.foldedComponentIds, e2.styledComponentId) : w, C.styledComponentId = g2, C.target = o2 ? e2.target : e2, C.withComponent = function(e3) {
+    var r2 = t2.componentId, o3 = function(e4, t3) {
+      if (e4 == null)
+        return {};
+      var n3, r3, o4 = {}, s3 = Object.keys(e4);
+      for (r3 = 0; r3 < s3.length; r3++)
+        n3 = s3[r3], t3.indexOf(n3) >= 0 || (o4[n3] = e4[n3]);
+      return o4;
+    }(t2, ["componentId"]), s2 = r2 && r2 + "-" + (ke(e3) ? e3 : Te(_(e3)));
+    return qe(e3, v({}, o3, { attrs: S2, componentId: s2 }), n2);
+  }, Object.defineProperty(C, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(t3) {
+    this._foldedDefaultProps = o2 ? Me({}, e2.defaultProps, t3) : t3;
+  } }), Oe(f, g2), C.warnTooManyClasses = function(e3, t3) {
+    var n3 = {}, r2 = false;
+    return function(o3) {
+      if (!r2 && (n3[o3] = true, Object.keys(n3).length >= 200)) {
+        var s2 = t3 ? ' with the id of "' + t3 + '"' : "";
+        console.warn("Over 200 classes were generated for component " + e3 + s2 + ".\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"), r2 = true, n3 = {};
+      }
+    };
+  }(f, g2), C.toString = function() {
+    return "." + C.styledComponentId;
+  }, i2 && (0, import_hoist_non_react_statics.default)(C, e2, { attrs: true, componentStyle: true, displayName: true, foldedComponentIds: true, shouldForwardProp: true, styledComponentId: true, target: true, withComponent: true }), C;
+}
+var He = function(e2) {
+  return function e3(t2, r2, o2) {
+    if (o2 === void 0 && (o2 = E), !(0, import_react_is.isValidElementType)(r2))
+      return j(1, String(r2));
+    var s2 = function() {
+      return t2(r2, o2, Ce.apply(void 0, arguments));
+    };
+    return s2.withConfig = function(n2) {
+      return e3(t2, r2, v({}, o2, {}, n2));
+    }, s2.attrs = function(n2) {
+      return e3(t2, r2, v({}, o2, { attrs: Array.prototype.concat(o2.attrs, n2).filter(Boolean) }));
+    }, s2;
+  }(qe, e2);
+};
+["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", "head", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "marquee", "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", "title", "tr", "track", "u", "ul", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "textPath", "tspan"].forEach(function(e2) {
+  He[e2] = He(e2);
+});
+var $e = function() {
+  function e2(e3, t3) {
+    this.rules = e3, this.componentId = t3, this.isStatic = re(e3), Z.registerId(this.componentId + 1);
+  }
+  var t2 = e2.prototype;
+  return t2.createStyles = function(e3, t3, n2, r2) {
+    var o2 = r2(Ne(this.rules, t3, n2, r2).join(""), ""), s2 = this.componentId + e3;
+    n2.insertRules(s2, s2, o2);
+  }, t2.removeStyles = function(e3, t3) {
+    t3.clearRules(this.componentId + e3);
+  }, t2.renderStyles = function(e3, t3, n2, r2) {
+    e3 > 2 && Z.registerId(this.componentId + e3), this.removeStyles(e3, n2), this.createStyles(e3, t3, n2, r2);
+  }, e2;
+}();
+var Je = function() {
+  function e2() {
+    var e3 = this;
+    this._emitSheetCSS = function() {
+      var t3 = e3.instance.toString();
+      if (!t3)
+        return "";
+      var n2 = q();
+      return "<style " + [n2 && 'nonce="' + n2 + '"', A + '="true"', 'data-styled-version="5.3.3"'].filter(Boolean).join(" ") + ">" + t3 + "</style>";
+    }, this.getStyleTags = function() {
+      return e3.sealed ? j(2) : e3._emitSheetCSS();
+    }, this.getStyleElement = function() {
+      var t3;
+      if (e3.sealed)
+        return j(2);
+      var n2 = ((t3 = {})[A] = "", t3["data-styled-version"] = "5.3.3", t3.dangerouslySetInnerHTML = { __html: e3.instance.toString() }, t3), o2 = q();
+      return o2 && (n2.nonce = o2), [r.createElement("style", v({}, n2, { key: "sc-0-0" }))];
+    }, this.seal = function() {
+      e3.sealed = true;
+    }, this.instance = new Z({ isServer: true }), this.sealed = false;
+  }
+  var t2 = e2.prototype;
+  return t2.collectStyles = function(e3) {
+    return this.sealed ? j(2) : r.createElement(ye, { sheet: this.instance }, e3);
+  }, t2.interleaveWithNodeStream = function(e3) {
+    return j(3);
+  }, e2;
+}();
+typeof navigator != "undefined" && navigator.product === "ReactNative" && console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"), typeof window != "undefined" && (window["__styled-components-init__"] = window["__styled-components-init__"] || 0, window["__styled-components-init__"] === 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.\n\nSee https://s-c.sh/2BAXzed for more info."), window["__styled-components-init__"] += 1);
+var styled_components_browser_esm_default = He;
+
+// libs/shared/legacy-ui/src/core/Colors/index.ts
+init_react_shim();
+var gray000 = "#f8f8f8";
+var gray100 = gray000;
+
+// libs/shared/legacy-ui/src/core/Position/index.ts
+init_react_shim();
+var Position = {
+  BOTTOM: "bottom",
+  BOTTOM_LEFT: "bottom-left",
+  BOTTOM_RIGHT: "bottom-right",
+  LEFT: "left",
+  LEFT_BOTTOM: "left-bottom",
+  LEFT_TOP: "left-top",
+  RIGHT: "right",
+  RIGHT_BOTTOM: "right-bottom",
+  RIGHT_TOP: "right-top",
+  TOP: "top",
+  TOP_LEFT: "top-left",
+  TOP_RIGHT: "top-right"
+};
+
+// libs/shared/legacy-ui/src/components/Avatar/index.tsx
+init_react_shim();
+import React2, { PureComponent } from "react";
+var AvatarSize;
+(function(AvatarSize2) {
+  AvatarSize2["SMALL"] = "sm";
+  AvatarSize2["MEDIUM"] = "md";
+  AvatarSize2["LARGE"] = "lg";
+})(AvatarSize || (AvatarSize = {}));
+var Avatar = class extends PureComponent {
+  constructor() {
+    super(...arguments);
+    this.state = {
+      isError: false
+    };
+    this.handleImageError = (e2) => {
+      const { onError } = this.props;
+      this.setState({
+        isError: true
+      });
+      if (onError) {
+        onError(e2);
+      }
+    };
+  }
+  render() {
+    const {
+      size,
+      src,
+      text,
+      className,
+      icon,
+      iconRatio,
+      iconPosition,
+      srcSet,
+      alt,
+      onClick,
+      onIconClick,
+      "data-element-name": dataElementName
+    } = this.props;
+    const { isError } = this.state;
+    const avatarSize = typeof size === "number" ? size : avatarSizeBySize[size];
+    const iconSize = typeof size === "number" ? avatarSize * iconRatio : iconSizeBySize[size];
+    const sizedIcon = icon && React2.cloneElement(icon, { size: iconSize });
+    return /* @__PURE__ */ React2.createElement(Container, {
+      onClick,
+      size: avatarSize,
+      className,
+      "data-element-name": dataElementName
+    }, src && !isError ? /* @__PURE__ */ React2.createElement(AvatarImage, {
+      src,
+      srcSet,
+      alt,
+      onError: this.handleImageError
+    }) : text && /* @__PURE__ */ React2.createElement(TextWrapper, null, text.substr(0, 2).toUpperCase()), sizedIcon && /* @__PURE__ */ React2.createElement(IconWrapper, {
+      position: iconPosition,
+      onClick: onIconClick
+    }, sizedIcon));
+  }
+};
+Avatar.defaultProps = {
+  size: AvatarSize.MEDIUM,
+  iconRatio: 0.55,
+  iconPosition: Position.BOTTOM_RIGHT
+};
+var iconPositionByPosition = {
+  [Position.BOTTOM]: Ce`
+    bottom: -2px;
+    right: 50%;
+    transform: translateX(50%);
+  `,
+  [Position.BOTTOM_RIGHT]: Ce`
+    bottom: -2px;
+    right: -2px;
+  `,
+  [Position.BOTTOM_LEFT]: Ce`
+    bottom: -2px;
+    left: -2px;
+  `,
+  [Position.TOP]: Ce`
+    top: -2px;
+    right: 50%;
+    transform: translateX(50%);
+  `,
+  [Position.TOP_RIGHT]: Ce`
+    top: -2px;
+    right: -2px;
+  `,
+  [Position.TOP_LEFT]: Ce`
+    top: -2px;
+    left: -2px;
+  `,
+  [Position.LEFT]: Ce`
+    bottom: 50%;
+    left: -2px;
+    transform: translateY(50%);
+  `,
+  [Position.RIGHT]: Ce`
+    bottom: 50%;
+    right: -2px;
+    transform: translateY(50%);
+  `
+};
+var avatarSizeBySize = {
+  [AvatarSize.LARGE]: 40,
+  [AvatarSize.MEDIUM]: 24,
+  [AvatarSize.SMALL]: 18
+};
+var iconSizeBySize = {
+  [AvatarSize.LARGE]: 20,
+  [AvatarSize.MEDIUM]: 16,
+  [AvatarSize.SMALL]: 12
+};
+var Container = styled_components_browser_esm_default.span`
+  display: inline-block;
+  position: relative;
+  ${(props) => Ce`
+    width: ${props.size}px;
+    height: ${props.size}px;
+  `};
+  border-radius: 50%;
+  background: ${gray100};
+  text-align: center;
+  vertical-align: top;
+`;
+var AvatarImage = styled_components_browser_esm_default.img`
+  width: 100%;
+  border-radius: 50%;
+  height: 100%;
+  display: block;
+  object-fit: cover;
+`;
+var TextWrapper = styled_components_browser_esm_default.span`
+  font-size: 13px;
+  text-align: center;
+`;
+var IconWrapper = styled_components_browser_esm_default.div`
+  display: flex;
+  position: absolute;
+  z-index: 0;
+  ${(props) => iconPositionByPosition[props.position]}
+`;
+
+// libs/shared/ui-system/src/lib/Chip/InputChip/InputChip.tsx
+import { propVariant, system } from "../../../core/index.js";
+import { Box } from "../../../private/Box/index.js";
+import { Action } from "../../Action/index.js";
+import { Icon } from "../../Icon/index.js";
+import { HStack } from "../../Layout/HStack/index.js";
+import { Space } from "../../Space/index.js";
+import { Body } from "../../Typography/Body/index.js";
+var InputChip = system()(propVariant({
+  prop: "size",
+  variants: {
+    sm: {
+      iconSize: 12,
+      TextComponent: (props) => /* @__PURE__ */ React.createElement(Body, __spreadProps(__spreadValues({}, props), {
+        level: 5,
+        color: "gray.900",
+        weight: "medium"
+      })),
+      paddingX: 6,
+      paddingY: 6,
+      avatarSize: 16,
+      horizontalSpacing: 4
+    },
+    md: {
+      iconSize: 16,
+      TextComponent: (props) => /* @__PURE__ */ React.createElement(Body, __spreadProps(__spreadValues({}, props), {
+        level: 2,
+        color: "gray.900",
+        weight: "medium"
+      })),
+      paddingX: 8,
+      paddingY: 8,
+      avatarSize: 22,
+      horizontalSpacing: 6
+    }
+  },
+  skipForward: true
+}))((_a) => {
+  var _b = _a, {
+    children,
+    onDelete,
+    horizontalSpacing,
+    avatarSize,
+    IconComponent,
+    avatarSrc,
+    iconSize,
+    TextComponent
+  } = _b, restProps = __objRest(_b, [
+    "children",
+    "onDelete",
+    "horizontalSpacing",
+    "avatarSize",
+    "IconComponent",
+    "avatarSrc",
+    "iconSize",
+    "TextComponent"
+  ]);
+  return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, restProps), {
+    display: "inline-flex",
+    backgroundColor: "gray.100",
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: "gray.300",
+    borderRadius: 24
+  }), /* @__PURE__ */ React.createElement(HStack, {
+    alignment: "center"
+  }, IconComponent && /* @__PURE__ */ React.createElement(IconComponent, {
+    fill: "gray.900",
+    size: iconSize
+  }), avatarSrc && /* @__PURE__ */ React.createElement(Avatar, {
+    src: avatarSrc,
+    size: avatarSize
+  }), /* @__PURE__ */ React.createElement(Space, {
+    width: horizontalSpacing
+  }), /* @__PURE__ */ React.createElement(TextComponent, null, children), /* @__PURE__ */ React.createElement(Space, {
+    width: horizontalSpacing
+  }), onDelete && /* @__PURE__ */ React.createElement(Action, {
+    onClick: onDelete
+  }, /* @__PURE__ */ React.createElement(Icon.Fill.Close, {
+    fill: "gray.900",
+    size: iconSize
+  }))));
+});
+export {
+  InputChip
+};