@hybridcore/ui 1.5.24 → 1.5.26

package/dist/components/uploader/index.js

@@ -0,0 +1,1469 @@
+import { jsxs as L, jsx as d, Fragment as ne } from "react/jsx-runtime";
+import Ce, { useRef as ct, useDebugValue as kt, createElement as Cn, useContext as En, useState as le, useCallback as Se, useEffect as et } from "react";
+import { ImageThumbContainer as An, DropAreaContainer as Ct } from "./styled.js";
+import { SearchOutlined as Pn, DeleteForeverOutlined as On, CloudUploadOutlined as Nn, Close as In, AudioFileOutlined as Rn, VideoFileOutlined as Dn, DescriptionOutlined as Tn } from "@mui/icons-material";
+import { Grid as Et, IconButton as tt, Chip as _n, Typography as De, Dialog as $n } from "@mui/material";
+import nt from "lodash";
+import { confirm as zn, alert as At } from "../confirm/index.js";
+import { Loading as jn } from "../loading/index.js";
+var $ = function() {
+  return $ = Object.assign || function(t) {
+    for (var n, r = 1, o = arguments.length; r < o; r++) {
+      n = arguments[r];
+      for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && (t[i] = n[i]);
+    }
+    return t;
+  }, $.apply(this, arguments);
+};
+function pe(e, t, n) {
+  if (n || arguments.length === 2) for (var r = 0, o = t.length, i; r < o; r++)
+    (i || !(r in t)) && (i || (i = Array.prototype.slice.call(t, 0, r)), i[r] = t[r]);
+  return e.concat(i || Array.prototype.slice.call(t));
+}
+function Ln(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(n) {
+    return t[n] === void 0 && (t[n] = e(n)), t[n];
+  };
+}
+var Mn = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Fn = /* @__PURE__ */ Ln(
+  function(e) {
+    return Mn.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), N = "-ms-", ke = "-moz-", k = "-webkit-", Kt = "comm", Ue = "rule", yt = "decl", Vn = "@import", Jt = "@keyframes", Hn = "@layer", Qt = Math.abs, vt = String.fromCharCode, lt = Object.assign;
+function Bn(e, t) {
+  return R(e, 0) ^ 45 ? (((t << 2 ^ R(e, 0)) << 2 ^ R(e, 1)) << 2 ^ R(e, 2)) << 2 ^ R(e, 3) : 0;
+}
+function en(e) {
+  return e.trim();
+}
+function Y(e, t) {
+  return (e = t.exec(e)) ? e[0] : e;
+}
+function u(e, t, n) {
+  return e.replace(t, n);
+}
+function je(e, t, n) {
+  return e.indexOf(t, n);
+}
+function R(e, t) {
+  return e.charCodeAt(t) | 0;
+}
+function ue(e, t, n) {
+  return e.slice(t, n);
+}
+function B(e) {
+  return e.length;
+}
+function tn(e) {
+  return e.length;
+}
+function xe(e, t) {
+  return t.push(e), e;
+}
+function Gn(e, t) {
+  return e.map(t).join("");
+}
+function Pt(e, t) {
+  return e.filter(function(n) {
+    return !Y(n, t);
+  });
+}
+var We = 1, de = 1, nn = 0, M = 0, I = 0, ge = "";
+function Ye(e, t, n, r, o, i, a, c) {
+  return { value: e, root: t, parent: n, type: r, props: o, children: i, line: We, column: de, length: a, return: "", siblings: c };
+}
+function J(e, t) {
+  return lt(Ye("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
+}
+function ce(e) {
+  for (; e.root; )
+    e = J(e.root, { children: [e] });
+  xe(e, e.siblings);
+}
+function Un() {
+  return I;
+}
+function Wn() {
+  return I = M > 0 ? R(ge, --M) : 0, de--, I === 10 && (de = 1, We--), I;
+}
+function H() {
+  return I = M < nn ? R(ge, M++) : 0, de++, I === 10 && (de = 1, We++), I;
+}
+function oe() {
+  return R(ge, M);
+}
+function Le() {
+  return M;
+}
+function qe(e, t) {
+  return ue(ge, e, t);
+}
+function pt(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 Yn(e) {
+  return We = de = 1, nn = B(ge = e), M = 0, [];
+}
+function qn(e) {
+  return ge = "", e;
+}
+function rt(e) {
+  return en(qe(M - 1, ut(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function Xn(e) {
+  for (; (I = oe()) && I < 33; )
+    H();
+  return pt(e) > 2 || pt(I) > 3 ? "" : " ";
+}
+function Zn(e, t) {
+  for (; --t && H() && !(I < 48 || I > 102 || I > 57 && I < 65 || I > 70 && I < 97); )
+    ;
+  return qe(e, Le() + (t < 6 && oe() == 32 && H() == 32));
+}
+function ut(e) {
+  for (; H(); )
+    switch (I) {
+      case e:
+        return M;
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && ut(I);
+        break;
+      case 40:
+        e === 41 && ut(e);
+        break;
+      case 92:
+        H();
+        break;
+    }
+  return M;
+}
+function Kn(e, t) {
+  for (; H() && e + I !== 57; )
+    if (e + I === 84 && oe() === 47)
+      break;
+  return "/*" + qe(t, M - 1) + "*" + vt(e === 47 ? e : H());
+}
+function Jn(e) {
+  for (; !pt(oe()); )
+    H();
+  return qe(e, M);
+}
+function Qn(e) {
+  return qn(Me("", null, null, null, [""], e = Yn(e), 0, [0], e));
+}
+function Me(e, t, n, r, o, i, a, c, s) {
+  for (var m = 0, g = 0, f = a, y = 0, v = 0, w = 0, A = 1, D = 1, E = 1, C = 0, S = "", p = o, b = i, h = r, l = S; D; )
+    switch (w = C, C = H()) {
+      case 40:
+        if (w != 108 && R(l, f - 1) == 58) {
+          je(l += u(rt(C), "&", "&\f"), "&\f", Qt(m ? c[m - 1] : 0)) != -1 && (E = -1);
+          break;
+        }
+      case 34:
+      case 39:
+      case 91:
+        l += rt(C);
+        break;
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        l += Xn(w);
+        break;
+      case 92:
+        l += Zn(Le() - 1, 7);
+        continue;
+      case 47:
+        switch (oe()) {
+          case 42:
+          case 47:
+            xe(er(Kn(H(), Le()), t, n, s), s);
+            break;
+          default:
+            l += "/";
+        }
+        break;
+      case 123 * A:
+        c[m++] = B(l) * E;
+      case 125 * A:
+      case 59:
+      case 0:
+        switch (C) {
+          case 0:
+          case 125:
+            D = 0;
+          case 59 + g:
+            E == -1 && (l = u(l, /\f/g, "")), v > 0 && B(l) - f && xe(v > 32 ? Nt(l + ";", r, n, f - 1, s) : Nt(u(l, " ", "") + ";", r, n, f - 2, s), s);
+            break;
+          case 59:
+            l += ";";
+          default:
+            if (xe(h = Ot(l, t, n, m, g, o, c, S, p = [], b = [], f, i), i), C === 123)
+              if (g === 0)
+                Me(l, t, h, h, p, i, f, c, b);
+              else
+                switch (y === 99 && R(l, 3) === 110 ? 100 : y) {
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    Me(e, h, h, r && xe(Ot(e, h, h, 0, 0, o, c, S, o, p = [], f, b), b), o, b, f, c, r ? p : b);
+                    break;
+                  default:
+                    Me(l, h, h, h, [""], b, 0, c, b);
+                }
+        }
+        m = g = v = 0, A = E = 1, S = l = "", f = a;
+        break;
+      case 58:
+        f = 1 + B(l), v = w;
+      default:
+        if (A < 1) {
+          if (C == 123)
+            --A;
+          else if (C == 125 && A++ == 0 && Wn() == 125)
+            continue;
+        }
+        switch (l += vt(C), C * A) {
+          case 38:
+            E = g > 0 ? 1 : (l += "\f", -1);
+            break;
+          case 44:
+            c[m++] = (B(l) - 1) * E, E = 1;
+            break;
+          case 64:
+            oe() === 45 && (l += rt(H())), y = oe(), g = f = B(S = l += Jn(Le())), C++;
+            break;
+          case 45:
+            w === 45 && B(l) == 2 && (A = 0);
+        }
+    }
+  return i;
+}
+function Ot(e, t, n, r, o, i, a, c, s, m, g, f) {
+  for (var y = o - 1, v = o === 0 ? i : [""], w = tn(v), A = 0, D = 0, E = 0; A < r; ++A)
+    for (var C = 0, S = ue(e, y + 1, y = Qt(D = a[A])), p = e; C < w; ++C)
+      (p = en(D > 0 ? v[C] + " " + S : u(S, /&\f/g, v[C]))) && (s[E++] = p);
+  return Ye(e, t, n, o === 0 ? Ue : c, s, m, g, f);
+}
+function er(e, t, n, r) {
+  return Ye(e, t, n, Kt, vt(Un()), ue(e, 2, -2), 0, r);
+}
+function Nt(e, t, n, r, o) {
+  return Ye(e, t, n, yt, ue(e, 0, r), ue(e, r + 1, -1), r, o);
+}
+function rn(e, t, n) {
+  switch (Bn(e, t)) {
+    case 5103:
+      return k + "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 k + e + e;
+    case 4789:
+      return ke + e + e;
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return k + e + ke + e + N + e + e;
+    case 5936:
+      switch (R(e, t + 11)) {
+        case 114:
+          return k + e + N + u(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        case 108:
+          return k + e + N + u(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        case 45:
+          return k + e + N + u(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+    case 6828:
+    case 4268:
+    case 2903:
+      return k + e + N + e + e;
+    case 6165:
+      return k + e + N + "flex-" + e + e;
+    case 5187:
+      return k + e + u(e, /(\w+).+(:[^]+)/, k + "box-$1$2" + N + "flex-$1$2") + e;
+    case 5443:
+      return k + e + N + "flex-item-" + u(e, /flex-|-self/g, "") + (Y(e, /flex-|baseline/) ? "" : N + "grid-row-" + u(e, /flex-|-self/g, "")) + e;
+    case 4675:
+      return k + e + N + "flex-line-pack" + u(e, /align-content|flex-|-self/g, "") + e;
+    case 5548:
+      return k + e + N + u(e, "shrink", "negative") + e;
+    case 5292:
+      return k + e + N + u(e, "basis", "preferred-size") + e;
+    case 6060:
+      return k + "box-" + u(e, "-grow", "") + k + e + N + u(e, "grow", "positive") + e;
+    case 4554:
+      return k + u(e, /([^-])(transform)/g, "$1" + k + "$2") + e;
+    case 6187:
+      return u(u(u(e, /(zoom-|grab)/, k + "$1"), /(image-set)/, k + "$1"), e, "") + e;
+    case 5495:
+    case 3959:
+      return u(e, /(image-set\([^]*)/, k + "$1$`$1");
+    case 4968:
+      return u(u(e, /(.+:)(flex-)?(.*)/, k + "box-pack:$3" + N + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + k + e + e;
+    case 4200:
+      if (!Y(e, /flex-|baseline/)) return N + "grid-column-align" + ue(e, t) + e;
+      break;
+    case 2592:
+    case 3360:
+      return N + u(e, "template-", "") + e;
+    case 4384:
+    case 3616:
+      return n && n.some(function(r, o) {
+        return t = o, Y(r.props, /grid-\w+-end/);
+      }) ? ~je(e + (n = n[t].value), "span", 0) ? e : N + u(e, "-start", "") + e + N + "grid-row-span:" + (~je(n, "span", 0) ? Y(n, /\d+/) : +Y(n, /\d+/) - +Y(e, /\d+/)) + ";" : N + u(e, "-start", "") + e;
+    case 4896:
+    case 4128:
+      return n && n.some(function(r) {
+        return Y(r.props, /grid-\w+-start/);
+      }) ? e : N + u(u(e, "-end", "-span"), "span ", "") + e;
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return u(e, /(.+)-inline(.+)/, k + "$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 (B(e) - 1 - t > 6)
+        switch (R(e, t + 1)) {
+          case 109:
+            if (R(e, t + 4) !== 45)
+              break;
+          case 102:
+            return u(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + ke + (R(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          case 115:
+            return ~je(e, "stretch", 0) ? rn(u(e, "stretch", "fill-available"), t, n) + e : e;
+        }
+      break;
+    case 5152:
+    case 5920:
+      return u(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, i, a, c, s, m) {
+        return N + o + ":" + i + m + (a ? N + o + "-span:" + (c ? s : +s - +i) + m : "") + e;
+      });
+    case 4949:
+      if (R(e, t + 6) === 121)
+        return u(e, ":", ":" + k) + e;
+      break;
+    case 6444:
+      switch (R(e, R(e, 14) === 45 ? 18 : 11)) {
+        case 120:
+          return u(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + k + (R(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + N + "$2box$3") + e;
+        case 100:
+          return u(e, ":", ":" + N) + e;
+      }
+      break;
+    case 5719:
+    case 2647:
+    case 2135:
+    case 3927:
+    case 2391:
+      return u(e, "scroll-", "scroll-snap-") + e;
+  }
+  return e;
+}
+function He(e, t) {
+  for (var n = "", r = 0; r < e.length; r++)
+    n += t(e[r], r, e, t) || "";
+  return n;
+}
+function tr(e, t, n, r) {
+  switch (e.type) {
+    case Hn:
+      if (e.children.length) break;
+    case Vn:
+    case yt:
+      return e.return = e.return || e.value;
+    case Kt:
+      return "";
+    case Jt:
+      return e.return = e.value + "{" + He(e.children, r) + "}";
+    case Ue:
+      if (!B(e.value = e.props.join(","))) return "";
+  }
+  return B(n = He(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+}
+function nr(e) {
+  var t = tn(e);
+  return function(n, r, o, i) {
+    for (var a = "", c = 0; c < t; c++)
+      a += e[c](n, r, o, i) || "";
+    return a;
+  };
+}
+function rr(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+function or(e, t, n, r) {
+  if (e.length > -1 && !e.return)
+    switch (e.type) {
+      case yt:
+        e.return = rn(e.value, e.length, n);
+        return;
+      case Jt:
+        return He([J(e, { value: u(e.value, "@", "@" + k) })], r);
+      case Ue:
+        if (e.length)
+          return Gn(n = e.props, function(o) {
+            switch (Y(o, r = /(::plac\w+|:read-\w+)/)) {
+              case ":read-only":
+              case ":read-write":
+                ce(J(e, { props: [u(o, /:(read-\w+)/, ":" + ke + "$1")] })), ce(J(e, { props: [o] })), lt(e, { props: Pt(n, r) });
+                break;
+              case "::placeholder":
+                ce(J(e, { props: [u(o, /:(plac\w+)/, ":" + k + "input-$1")] })), ce(J(e, { props: [u(o, /:(plac\w+)/, ":" + ke + "$1")] })), ce(J(e, { props: [u(o, /:(plac\w+)/, N + "input-$1")] })), ce(J(e, { props: [o] })), lt(e, { props: Pt(n, r) });
+                break;
+            }
+            return "";
+          });
+    }
+}
+var ir = {
+  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
+}, se = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", on = "active", an = "data-styled-version", Xe = "6.1.15", bt = `/*!sc*/
+`, Be = typeof window < "u" && "HTMLElement" in window, ar = !!(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"), It = /invalid hook call/i, Te = /* @__PURE__ */ new Set(), sr = 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 i = !0;
+      console.error = function(a) {
+        for (var c = [], s = 1; s < arguments.length; s++) c[s - 1] = arguments[s];
+        It.test(a) ? (i = !1, Te.delete(r)) : o.apply(void 0, pe([a], c, !1));
+      }, ct(), i && !Te.has(r) && (console.warn(r), Te.add(r));
+    } catch (a) {
+      It.test(a.message) && Te.delete(r);
+    } finally {
+      console.error = o;
+    }
+  }
+}, Ze = Object.freeze([]), fe = Object.freeze({});
+function cr(e, t, n) {
+  return n === void 0 && (n = fe), e.theme !== n.theme && e.theme || t || n.theme;
+}
+var dt = /* @__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"]), lr = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, pr = /(^-|-$)/g;
+function Rt(e) {
+  return e.replace(lr, "-").replace(pr, "");
+}
+var ur = /(a)(d)/gi, _e = 52, Dt = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+function ft(e) {
+  var t, n = "";
+  for (t = Math.abs(e); t > _e; t = t / _e | 0) n = Dt(t % _e) + n;
+  return (Dt(t % _e) + n).replace(ur, "$1-$2");
+}
+var ot, sn = 5381, te = function(e, t) {
+  for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
+  return e;
+}, cn = function(e) {
+  return te(sn, e);
+};
+function dr(e) {
+  return ft(cn(e) >>> 0);
+}
+function ln(e) {
+  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+function it(e) {
+  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+var pn = typeof Symbol == "function" && Symbol.for, un = pn ? Symbol.for("react.memo") : 60115, fr = pn ? Symbol.for("react.forward_ref") : 60112, hr = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, mr = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, dn = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, gr = ((ot = {})[fr] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, ot[un] = dn, ot);
+function Tt(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === un ? dn : "$$typeof" in e ? gr[e.$$typeof] : hr;
+  var t;
+}
+var yr = Object.defineProperty, vr = Object.getOwnPropertyNames, _t = Object.getOwnPropertySymbols, br = Object.getOwnPropertyDescriptor, wr = Object.getPrototypeOf, $t = Object.prototype;
+function fn(e, t, n) {
+  if (typeof t != "string") {
+    if ($t) {
+      var r = wr(t);
+      r && r !== $t && fn(e, r, n);
+    }
+    var o = vr(t);
+    _t && (o = o.concat(_t(t)));
+    for (var i = Tt(e), a = Tt(t), c = 0; c < o.length; ++c) {
+      var s = o[c];
+      if (!(s in mr || n && n[s] || a && s in a || i && s in i)) {
+        var m = br(t, s);
+        try {
+          yr(e, s, m);
+        } catch {
+        }
+      }
+    }
+  }
+  return e;
+}
+function he(e) {
+  return typeof e == "function";
+}
+function wt(e) {
+  return typeof e == "object" && "styledComponentId" in e;
+}
+function re(e, t) {
+  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
+}
+function zt(e, t) {
+  if (e.length === 0) return "";
+  for (var n = e[0], r = 1; r < e.length; r++) n += e[r];
+  return n;
+}
+function me(e) {
+  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+function ht(e, t, n) {
+  if (n === void 0 && (n = !1), !n && !me(e) && !Array.isArray(e)) return t;
+  if (Array.isArray(t)) for (var r = 0; r < t.length; r++) e[r] = ht(e[r], t[r]);
+  else if (me(t)) for (var r in t) e[r] = ht(e[r], t[r]);
+  return e;
+}
+function St(e, t) {
+  Object.defineProperty(e, "toString", { value: t });
+}
+var Sr = 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 xr() {
+  for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
+  for (var n = e[0], r = [], o = 1, i = e.length; o < i; o += 1) r.push(e[o]);
+  return r.forEach(function(a) {
+    n = n.replace(/%[a-z]/, a);
+  }), n;
+}
+function ye(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(xr.apply(void 0, pe([Sr[e]], t, !1)).trim());
+}
+var kr = 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, i = o; t >= i; ) if ((i <<= 1) < 0) throw ye(16, "".concat(t));
+      this.groupSizes = new Uint32Array(i), this.groupSizes.set(r), this.length = i;
+      for (var a = o; a < i; a++) this.groupSizes[a] = 0;
+    }
+    for (var c = this.indexOfGroup(t + 1), s = (a = 0, n.length); a < s; a++) this.tag.insertRule(c, n[a]) && (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 i = r; i < o; i++) 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), i = o + r, a = o; a < i; a++) n += "".concat(this.tag.getRule(a)).concat(bt);
+    return n;
+  }, e;
+}(), Cr = 1 << 30, Fe = /* @__PURE__ */ new Map(), Ge = /* @__PURE__ */ new Map(), Ve = 1, $e = function(e) {
+  if (Fe.has(e)) return Fe.get(e);
+  for (; Ge.has(Ve); ) Ve++;
+  var t = Ve++;
+  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > Cr)) throw ye(16, "".concat(t));
+  return Fe.set(e, t), Ge.set(t, e), t;
+}, Er = function(e, t) {
+  Ve = t + 1, Fe.set(e, t), Ge.set(t, e);
+}, Ar = "style[".concat(se, "][").concat(an, '="').concat(Xe, '"]'), Pr = new RegExp("^".concat(se, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Or = function(e, t, n) {
+  for (var r, o = n.split(","), i = 0, a = o.length; i < a; i++) (r = o[i]) && e.registerName(t, r);
+}, Nr = function(e, t) {
+  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(bt), o = [], i = 0, a = r.length; i < a; i++) {
+    var c = r[i].trim();
+    if (c) {
+      var s = c.match(Pr);
+      if (s) {
+        var m = 0 | parseInt(s[1], 10), g = s[2];
+        m !== 0 && (Er(g, m), Or(e, g, s[3]), e.getTag().insertRules(m, o)), o.length = 0;
+      } else o.push(c);
+    }
+  }
+}, jt = function(e) {
+  for (var t = document.querySelectorAll(Ar), n = 0, r = t.length; n < r; n++) {
+    var o = t[n];
+    o && o.getAttribute(se) !== on && (Nr(e, o), o.parentNode && o.parentNode.removeChild(o));
+  }
+};
+function Ir() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}
+var hn = function(e) {
+  var t = document.head, n = e || t, r = document.createElement("style"), o = function(c) {
+    var s = Array.from(c.querySelectorAll("style[".concat(se, "]")));
+    return s[s.length - 1];
+  }(n), i = o !== void 0 ? o.nextSibling : null;
+  r.setAttribute(se, on), r.setAttribute(an, Xe);
+  var a = Ir();
+  return a && r.setAttribute("nonce", a), n.insertBefore(r, i), r;
+}, Rr = function() {
+  function e(t) {
+    this.element = hn(t), this.element.appendChild(document.createTextNode("")), this.sheet = function(n) {
+      if (n.sheet) return n.sheet;
+      for (var r = document.styleSheets, o = 0, i = r.length; o < i; o++) {
+        var a = r[o];
+        if (a.ownerNode === n) return a;
+      }
+      throw ye(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;
+}(), Dr = function() {
+  function e(t) {
+    this.element = hn(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;
+}(), Tr = 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;
+}(), Lt = Be, _r = { isServer: !Be, useCSSOMInjection: !ar }, mn = function() {
+  function e(t, n, r) {
+    t === void 0 && (t = fe), n === void 0 && (n = {});
+    var o = this;
+    this.options = $($({}, _r), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && Be && Lt && (Lt = !1, jt(this)), St(this, function() {
+      return function(i) {
+        for (var a = i.getTag(), c = a.length, s = "", m = function(f) {
+          var y = function(E) {
+            return Ge.get(E);
+          }(f);
+          if (y === void 0) return "continue";
+          var v = i.names.get(y), w = a.getGroup(f);
+          if (v === void 0 || !v.size || w.length === 0) return "continue";
+          var A = "".concat(se, ".g").concat(f, '[id="').concat(y, '"]'), D = "";
+          v !== void 0 && v.forEach(function(E) {
+            E.length > 0 && (D += "".concat(E, ","));
+          }), s += "".concat(w).concat(A, '{content:"').concat(D, '"}').concat(bt);
+        }, g = 0; g < c; g++) m(g);
+        return s;
+      }(o);
+    });
+  }
+  return e.registerId = function(t) {
+    return $e(t);
+  }, e.prototype.rehydrate = function() {
+    !this.server && Be && jt(this);
+  }, e.prototype.reconstructWithOptions = function(t, n) {
+    return n === void 0 && (n = !0), new e($($({}, 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 Tr(o) : r ? new Rr(o) : new Dr(o);
+    }(this.options), new kr(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 ($e(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($e(t), r);
+  }, e.prototype.clearNames = function(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }, e.prototype.clearRules = function(t) {
+    this.getTag().clearGroup($e(t)), this.clearNames(t);
+  }, e.prototype.clearTag = function() {
+    this.tag = void 0;
+  }, e;
+}(), $r = /&/g, zr = /^\s*\/\/.*$/gm;
+function gn(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 = gn(n.children, t)), n;
+  });
+}
+function jr(e) {
+  var t, n, r, o = fe, i = o.options, a = i === void 0 ? fe : i, c = o.plugins, s = c === void 0 ? Ze : c, m = function(y, v, w) {
+    return w.startsWith(n) && w.endsWith(n) && w.replaceAll(n, "").length > 0 ? ".".concat(t) : y;
+  }, g = s.slice();
+  g.push(function(y) {
+    y.type === Ue && y.value.includes("&") && (y.props[0] = y.props[0].replace($r, n).replace(r, m));
+  }), a.prefix && g.push(or), g.push(tr);
+  var f = function(y, v, w, A) {
+    v === void 0 && (v = ""), w === void 0 && (w = ""), A === void 0 && (A = "&"), t = A, n = v, r = new RegExp("\\".concat(n, "\\b"), "g");
+    var D = y.replace(zr, ""), E = Qn(w || v ? "".concat(w, " ").concat(v, " { ").concat(D, " }") : D);
+    a.namespace && (E = gn(E, a.namespace));
+    var C = [];
+    return He(E, nr(g.concat(rr(function(S) {
+      return C.push(S);
+    })))), C;
+  };
+  return f.hash = s.length ? s.reduce(function(y, v) {
+    return v.name || ye(15), te(y, v.name);
+  }, sn).toString() : "", f;
+}
+var Lr = new mn(), mt = jr(), yn = Ce.createContext({ shouldForwardProp: void 0, styleSheet: Lr, stylis: mt });
+yn.Consumer;
+Ce.createContext(void 0);
+function Mt() {
+  return En(yn);
+}
+var Ft = function() {
+  function e(t, n) {
+    var r = this;
+    this.inject = function(o, i) {
+      i === void 0 && (i = mt);
+      var a = r.name + i.hash;
+      o.hasNameForId(r.id, a) || o.insertRules(r.id, a, i(r.rules, a, "@keyframes"));
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, St(this, function() {
+      throw ye(12, String(r.name));
+    });
+  }
+  return e.prototype.getName = function(t) {
+    return t === void 0 && (t = mt), this.name + t.hash;
+  }, e;
+}(), Mr = function(e) {
+  return e >= "A" && e <= "Z";
+};
+function Vt(e) {
+  for (var t = "", n = 0; n < e.length; n++) {
+    var r = e[n];
+    if (n === 1 && r === "-" && e[0] === "-") return e;
+    Mr(r) ? t += "-" + r.toLowerCase() : t += r;
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
+}
+var vn = function(e) {
+  return e == null || e === !1 || e === "";
+}, bn = function(e) {
+  var t, n, r = [];
+  for (var o in e) {
+    var i = e[o];
+    e.hasOwnProperty(o) && !vn(i) && (Array.isArray(i) && i.isCss || he(i) ? r.push("".concat(Vt(o), ":"), i, ";") : me(i) ? r.push.apply(r, pe(pe(["".concat(o, " {")], bn(i), !1), ["}"], !1)) : r.push("".concat(Vt(o), ": ").concat((t = o, (n = i) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in ir || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
+  }
+  return r;
+};
+function ie(e, t, n, r) {
+  if (vn(e)) return [];
+  if (wt(e)) return [".".concat(e.styledComponentId)];
+  if (he(e)) {
+    if (!he(i = e) || i.prototype && i.prototype.isReactComponent || !t) return [e];
+    var o = e(t);
+    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof Ft || me(o) || o === null || console.error("".concat(ln(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.")), ie(o, t, n, r);
+  }
+  var i;
+  return e instanceof Ft ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : me(e) ? bn(e) : Array.isArray(e) ? Array.prototype.concat.apply(Ze, e.map(function(a) {
+    return ie(a, t, n, r);
+  })) : [e.toString()];
+}
+function Fr(e) {
+  for (var t = 0; t < e.length; t += 1) {
+    var n = e[t];
+    if (he(n) && !wt(n)) return !1;
+  }
+  return !0;
+}
+var Vr = cn(Xe), Hr = function() {
+  function e(t, n, r) {
+    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && Fr(t), this.componentId = n, this.baseHash = te(Vr, n), this.baseStyle = r, mn.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 = re(o, this.staticRulesId);
+    else {
+      var i = zt(ie(this.rules, t, n, r)), a = ft(te(this.baseHash, i) >>> 0);
+      if (!n.hasNameForId(this.componentId, a)) {
+        var c = r(i, ".".concat(a), void 0, this.componentId);
+        n.insertRules(this.componentId, a, c);
+      }
+      o = re(o, a), this.staticRulesId = a;
+    }
+    else {
+      for (var s = te(this.baseHash, r.hash), m = "", g = 0; g < this.rules.length; g++) {
+        var f = this.rules[g];
+        if (typeof f == "string") m += f, process.env.NODE_ENV !== "production" && (s = te(s, f));
+        else if (f) {
+          var y = zt(ie(f, t, n, r));
+          s = te(s, y + g), m += y;
+        }
+      }
+      if (m) {
+        var v = ft(s >>> 0);
+        n.hasNameForId(this.componentId, v) || n.insertRules(this.componentId, v, r(m, ".".concat(v), void 0, this.componentId)), o = re(o, v);
+      }
+    }
+    return o;
+  }, e;
+}(), wn = Ce.createContext(void 0);
+wn.Consumer;
+var at = {}, Ht = /* @__PURE__ */ new Set();
+function Br(e, t, n) {
+  var r = wt(e), o = e, i = !it(e), a = t.attrs, c = a === void 0 ? Ze : a, s = t.componentId, m = s === void 0 ? function(p, b) {
+    var h = typeof p != "string" ? "sc" : Rt(p);
+    at[h] = (at[h] || 0) + 1;
+    var l = "".concat(h, "-").concat(dr(Xe + h + at[h]));
+    return b ? "".concat(b, "-").concat(l) : l;
+  }(t.displayName, t.parentComponentId) : s, g = t.displayName, f = g === void 0 ? function(p) {
+    return it(p) ? "styled.".concat(p) : "Styled(".concat(ln(p), ")");
+  }(e) : g, y = t.displayName && t.componentId ? "".concat(Rt(t.displayName), "-").concat(t.componentId) : t.componentId || m, v = r && o.attrs ? o.attrs.concat(c).filter(Boolean) : c, w = t.shouldForwardProp;
+  if (r && o.shouldForwardProp) {
+    var A = o.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      var D = t.shouldForwardProp;
+      w = function(p, b) {
+        return A(p, b) && D(p, b);
+      };
+    } else w = A;
+  }
+  var E = new Hr(n, y, r ? o.componentStyle : void 0);
+  function C(p, b) {
+    return function(h, l, T) {
+      var G = h.attrs, Ke = h.componentStyle, ve = h.defaultProps, Pe = h.foldedComponentIds, Oe = h.styledComponentId, be = h.target, Ne = Ce.useContext(wn), Ie = Mt(), q = h.shouldForwardProp || Ie.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && kt(Oe);
+      var we = cr(l, Ne, ve) || fe, z = function(W, X, Q) {
+        for (var Z, V = $($({}, X), { className: void 0, theme: Q }), ee = 0; ee < W.length; ee += 1) {
+          var K = he(Z = W[ee]) ? Z(V) : Z;
+          for (var j in K) V[j] = j === "className" ? re(V[j], K[j]) : j === "style" ? $($({}, V[j]), K[j]) : K[j];
+        }
+        return X.className && (V.className = re(V.className, X.className)), V;
+      }(G, l, we), U = z.as || be, x = {};
+      for (var P in z) z[P] === void 0 || P[0] === "$" || P === "as" || P === "theme" && z.theme === we || (P === "forwardedAs" ? x.as = z.forwardedAs : q && !q(P, U) || (x[P] = z[P], q || process.env.NODE_ENV !== "development" || Fn(P) || Ht.has(P) || !dt.has(U) || (Ht.add(P), console.warn('styled-components: it looks like an unknown prop "'.concat(P, '" 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 _ = function(W, X) {
+        var Q = Mt(), Z = W.generateAndInjectStyles(X, Q.styleSheet, Q.stylis);
+        return process.env.NODE_ENV !== "production" && kt(Z), Z;
+      }(Ke, z);
+      process.env.NODE_ENV !== "production" && h.warnTooManyClasses && h.warnTooManyClasses(_);
+      var F = re(Pe, Oe);
+      return _ && (F += " " + _), z.className && (F += " " + z.className), x[it(U) && !dt.has(U) ? "class" : "className"] = F, T && (x.ref = T), Cn(U, x);
+    }(S, p, b);
+  }
+  C.displayName = f;
+  var S = Ce.forwardRef(C);
+  return S.attrs = v, S.componentStyle = E, S.displayName = f, S.shouldForwardProp = w, S.foldedComponentIds = r ? re(o.foldedComponentIds, o.styledComponentId) : "", S.styledComponentId = y, S.target = r ? o.target : e, Object.defineProperty(S, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(p) {
+    this._foldedDefaultProps = r ? function(b) {
+      for (var h = [], l = 1; l < arguments.length; l++) h[l - 1] = arguments[l];
+      for (var T = 0, G = h; T < G.length; T++) ht(b, G[T], !0);
+      return b;
+    }({}, o.defaultProps, p) : p;
+  } }), process.env.NODE_ENV !== "production" && (sr(f, y), S.warnTooManyClasses = /* @__PURE__ */ function(p, b) {
+    var h = {}, l = !1;
+    return function(T) {
+      if (!l && (h[T] = !0, Object.keys(h).length >= 200)) {
+        var G = b ? ' with the id of "'.concat(b, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(p).concat(G, `.
+`) + `Consider using the attrs method, together with a style object for frequently changed styles.
+Example:
+  const Component = styled.div.attrs(props => ({
+    style: {
+      background: props.background,
+    },
+  }))\`width: 100%;\`
+
+  <Component />`), l = !0, h = {};
+      }
+    };
+  }(f, y)), St(S, function() {
+    return ".".concat(S.styledComponentId);
+  }), i && fn(S, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), S;
+}
+function Bt(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 Gt = function(e) {
+  return Object.assign(e, { isCss: !0 });
+};
+function Sn(e) {
+  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
+  if (he(e) || me(e)) return Gt(ie(Bt(Ze, pe([e], t, !0))));
+  var r = e;
+  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? ie(r) : Gt(ie(Bt(r, t)));
+}
+function gt(e, t, n) {
+  if (n === void 0 && (n = fe), !t) throw ye(1, t);
+  var r = function(o) {
+    for (var i = [], a = 1; a < arguments.length; a++) i[a - 1] = arguments[a];
+    return e(t, n, Sn.apply(void 0, pe([o], i, !1)));
+  };
+  return r.attrs = function(o) {
+    return gt(e, t, $($({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
+  }, r.withConfig = function(o) {
+    return gt(e, t, $($({}, n), o));
+  }, r;
+}
+var xn = function(e) {
+  return gt(Br, e);
+}, Ee = xn;
+dt.forEach(function(e) {
+  Ee[e] = xn(e);
+});
+process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
+Perhaps you're looking to import 'styled-components/native'?
+Read more about this at https://www.styled-components.com/docs/basics#react-native`);
+var ze = "__sc-".concat(se, "__");
+process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[ze] || (window[ze] = 0), window[ze] === 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[ze] += 1);
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var ae = function() {
+  return ae = Object.assign || function(e) {
+    for (var t, n = 1, r = arguments.length; n < r; n++) for (var o in t = arguments[n]) Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
+    return e;
+  }, ae.apply(this, arguments);
+};
+function Ae(e, t) {
+  return Object.defineProperty ? Object.defineProperty(e, "raw", { value: t }) : e.raw = t, e;
+}
+var Ut, Wt, Yt, qt, Xt, Gr = Sn(Ut || (Ut = Ae([`
+  display: flex;
+  align-items: center;
+  min-width: 322px;
+  max-width: 508px;
+  height: 48px;
+  border: dashed 2px `, `;
+  padding: 8px 16px 8px 8px;
+  border-radius: 5px;
+  cursor: pointer;
+  flex-grow: 0;
+
+  &.is-disabled {
+    border: dashed 2px `, `;
+    cursor: no-drop;
+    svg {
+      fill: `, `;
+      color: `, `;
+      path {
+        fill: `, `;
+        color: `, `;
+      }
+    }
+  }
+`], [`
+  display: flex;
+  align-items: center;
+  min-width: 322px;
+  max-width: 508px;
+  height: 48px;
+  border: dashed 2px `, `;
+  padding: 8px 16px 8px 8px;
+  border-radius: 5px;
+  cursor: pointer;
+  flex-grow: 0;
+
+  &.is-disabled {
+    border: dashed 2px `, `;
+    cursor: no-drop;
+    svg {
+      fill: `, `;
+      color: `, `;
+      path {
+        fill: `, `;
+        color: `, `;
+      }
+    }
+  }
+`])), "#0658c2", "#666", "#666", "#666", "#666", "#666"), Ur = Ee.label(Wt || (Wt = Ae([`
+  position: relative;
+  `, `;
+  &:focus-within {
+    outline: 2px solid black;
+  }
+  & > input {
+    display: block;
+    opacity: 0;
+    position: absolute;
+    pointer-events: none;
+  }
+`], [`
+  position: relative;
+  `, `;
+  &:focus-within {
+    outline: 2px solid black;
+  }
+  & > input {
+    display: block;
+    opacity: 0;
+    position: absolute;
+    pointer-events: none;
+  }
+`])), function(e) {
+  return e.overRide ? "" : Gr;
+}), Wr = Ee.div(Yt || (Yt = Ae([`
+  border: dashed 2px `, `;
+  border-radius: 5px;
+  background-color: `, `;
+  opacity: 0.9;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 999;
+  & > span {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+  }
+`], [`
+  border: dashed 2px `, `;
+  border-radius: 5px;
+  background-color: `, `;
+  opacity: 0.9;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 999;
+  & > span {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+  }
+`])), "#666", "#999"), Yr = Ee.div(qt || (qt = Ae([`
+  display: flex;
+  justify-content: space-between;
+  flex-grow: 1;
+  & > span {
+    font-size: 12px;
+    color: `, `;
+  }
+  .file-types {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    max-width: 100px;
+  }
+`], [`
+  display: flex;
+  justify-content: space-between;
+  flex-grow: 1;
+  & > span {
+    font-size: 12px;
+    color: `, `;
+  }
+  .file-types {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    max-width: 100px;
+  }
+`])), function(e) {
+  return e.error ? "red" : "#666";
+}), qr = Ee.span(Xt || (Xt = Ae([`
+  font-size: 14px;
+  color: `, `;
+  span {
+    text-decoration: underline;
+  }
+`], [`
+  font-size: 14px;
+  color: `, `;
+  span {
+    text-decoration: underline;
+  }
+`])), "#666"), Zt = function(e) {
+  return e / 1024 / 1024;
+}, Xr = function(e) {
+  return e === void 0 ? "" : e.map(function(t) {
+    return ".".concat(t.toLowerCase());
+  }).join(",");
+};
+function Zr(e) {
+  var t = e.types, n = e.minSize, r = e.maxSize;
+  if (t) {
+    var o = t.toString(), i = "";
+    return r && (i += "size >= ".concat(r, ", ")), n && (i += "size <= ".concat(n, ", ")), d("span", ae({ title: "".concat(i, "types: ").concat(o), className: "file-types" }, { children: o }), void 0);
+  }
+  return null;
+}
+function Kr() {
+  return L("svg", ae({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [d("path", { d: "M5.33317 6.66667H22.6665V16H25.3332V6.66667C25.3332 5.196 24.1372 4 22.6665 4H5.33317C3.8625 4 2.6665 5.196 2.6665 6.66667V22.6667C2.6665 24.1373 3.8625 25.3333 5.33317 25.3333H15.9998V22.6667H5.33317V6.66667Z", fill: "#0658C2" }, void 0), d("path", { d: "M10.6665 14.6667L6.6665 20H21.3332L15.9998 12L11.9998 17.3333L10.6665 14.6667Z", fill: "#0658C2" }, void 0), d("path", { d: "M25.3332 18.6667H22.6665V22.6667H18.6665V25.3333H22.6665V29.3333H25.3332V25.3333H29.3332V22.6667H25.3332V18.6667Z", fill: "#0658C2" }, void 0)] }), void 0);
+}
+var st = 0, Jr = function(e, t, n, r, o, i) {
+  return n ? d("span", { children: "File type/size error, Hovered on types!" }, void 0) : d(qr, { children: r ? d("span", { children: "Upload disabled" }, void 0) : d(ne, e || t ? { children: i ? d(ne, { children: d("span", { children: i }, void 0) }, void 0) : L(ne, { children: [d("span", { children: "Uploaded Successfully!" }, void 0), " Upload another?"] }, void 0) } : { children: L(ne, o ? { children: [d("span", { children: o.split(" ")[0] }, void 0), " ", o.substr(o.indexOf(" ") + 1)] } : { children: [d("span", { children: "Upload" }, void 0), " or drop a file right here"] }, void 0) }, void 0) }, void 0);
+}, Qr = function(e) {
+  var t = e.name, n = e.hoverTitle, r = e.types, o = e.handleChange, i = e.classes, a = e.children, c = e.maxSize, s = e.minSize, m = e.fileOrFiles, g = e.onSizeError, f = e.onTypeError, y = e.onSelect, v = e.onDrop, w = e.disabled, A = e.label, D = e.uploadedLabel, E = e.multiple, C = e.required, S = e.onDraggingStateChange, p = e.dropMessageStyle, b = e.ariaLabel, h = e.ariaDescribedby, l = ct(null), T = ct(null), G = le(!1), Ke = G[0], ve = G[1], Pe = le(null), Oe = Pe[0], be = Pe[1], Ne = le(!1), Ie = Ne[0], q = Ne[1], we = function(x) {
+    return r && !function(P, _) {
+      var F = P.name.split(".").pop();
+      return _.map(function(W) {
+        return W.toLowerCase();
+      }).includes(F.toLowerCase());
+    }(x, r) ? (q(!0), f && f("File type is not supported"), !1) : c && Zt(x.size) > c ? (q(!0), g && g("File size is too big"), !1) : !(s && Zt(x.size) < s) || (q(!0), g && g("File size is too small"), !1);
+  }, z = function(x) {
+    var P = !1;
+    if (x) {
+      if (x instanceof File) P = !we(x);
+      else for (var _ = 0; _ < x.length; _++) {
+        var F = x[_];
+        P = !we(F) || P;
+      }
+      return !P && (o && o(x), be(x), ve(!0), q(!1), !0);
+    }
+    return !1;
+  }, U = function(x) {
+    var P = x.labelRef, _ = x.inputRef, F = x.multiple, W = x.handleChanges, X = x.onDrop, Q = le(!1), Z = Q[0], V = Q[1], ee = Se(function() {
+      _.current.click();
+    }, [_]), K = Se(function(O) {
+      O.preventDefault(), O.stopPropagation(), st++, O.dataTransfer.items && O.dataTransfer.items.length !== 0 && V(!0);
+    }, []), j = Se(function(O) {
+      O.preventDefault(), O.stopPropagation(), --st > 0 || V(!1);
+    }, []), Je = Se(function(O) {
+      O.preventDefault(), O.stopPropagation();
+    }, []), Qe = Se(function(O) {
+      O.preventDefault(), O.stopPropagation(), V(!1), st = 0;
+      var Re = O.dataTransfer.files;
+      if (Re && Re.length > 0) {
+        var xt = F ? Re : Re[0], kn = W(xt);
+        X && kn && X(xt);
+      }
+    }, [W]);
+    return et(function() {
+      var O = P.current;
+      return O.addEventListener("click", ee), O.addEventListener("dragenter", K), O.addEventListener("dragleave", j), O.addEventListener("dragover", Je), O.addEventListener("drop", Qe), function() {
+        O.removeEventListener("click", ee), O.removeEventListener("dragenter", K), O.removeEventListener("dragleave", j), O.removeEventListener("dragover", Je), O.removeEventListener("drop", Qe);
+      };
+    }, [ee, K, j, Je, Qe, P]), Z;
+  }({ labelRef: l, inputRef: T, multiple: E, handleChanges: z, onDrop: v });
+  return et(function() {
+    S == null || S(U);
+  }, [U]), et(function() {
+    m ? (ve(!0), be(m)) : (T.current && (T.current.value = ""), ve(!1), be(null));
+  }, [m]), L(Ur, ae({ overRide: a, className: "".concat(i || "", " ").concat(w ? "is-disabled" : ""), ref: l, htmlFor: t, onClick: function(x) {
+    x.preventDefault(), x.stopPropagation();
+  }, "aria-describedby": h, role: "button", "aria-label": b }, { children: [d("input", { onClick: function(x) {
+    x.stopPropagation(), T && T.current && (T.current.value = "", T.current.click());
+  }, onChange: function(x) {
+    var P = x.target.files, _ = E ? P : P[0], F = z(_);
+    y && F && y(_);
+  }, accept: Xr(r), ref: T, type: "file", id: t, name: t, disabled: w, multiple: E, required: C }, void 0), U && d(Wr, ae({ style: p }, { children: d("span", { children: n || "Drop Here" }, void 0) }), void 0), !a && L(ne, { children: [d(Kr, {}, void 0), L(Yr, ae({ error: Ie }, { children: [Jr(Oe, Ke, Ie, w, A, D), d(Zr, { types: r, minSize: s, maxSize: c }, void 0)] }), void 0)] }, void 0), a] }), void 0);
+};
+const eo = ({ type: e }) => e === "AUDIO" ? /* @__PURE__ */ d(Rn, { sx: { ml: 1 }, fontSize: "small" }) : e === "VIDEO" ? /* @__PURE__ */ d(Dn, { sx: { ml: 1 }, fontSize: "small" }) : /* @__PURE__ */ d(Tn, { sx: { ml: 1 }, fontSize: "small" }), lo = ({
+  type: e = "IMAGE",
+  allowedExtensions: t = ["JPG", "PNG", "GIF"],
+  urls: n = [],
+  inputName: r = "file",
+  multiple: o = !1,
+  maxSize: i = 5,
+  minSize: a,
+  uploadAction: c,
+  onChange: s
+}) => {
+  const [m, g] = le(!1), [f, y] = le(null), v = async (p) => {
+    let b = new FormData();
+    b.append(r, p), g(!0);
+    const h = await c(b);
+    g(!1), h && s && s([...n, h].filter((l) => l));
+  }, w = (p) => async () => {
+    await zn(
+      "Are you sure?",
+      `${nt.startCase(nt.lowerCase(e))} will be removed!`
+    ) && s && s(n.filter((b) => b !== p));
+  }, A = () => {
+    At("Error!", "Type error");
+  }, D = () => {
+    At("Error!", `File size is out of allowed limits!
+Max: ${i}mb`);
+  }, E = (p) => () => {
+    y(p);
+  }, C = () => {
+    y(null);
+  }, S = (p) => () => {
+    window.open(p, "_blank");
+  };
+  return /* @__PURE__ */ L(ne, { children: [
+    n.length > 0 && /* @__PURE__ */ d(ne, { children: e === "IMAGE" ? /* @__PURE__ */ d(Et, { container: !0, spacing: 1, mb: 1, children: n.map((p, b) => /* @__PURE__ */ d(Et, { item: !0, xs: 2, children: /* @__PURE__ */ L(
+      An,
+      {
+        sx: {
+          background: `url(${p}) no-repeat center`,
+          backgroundSize: "cover"
+        },
+        children: [
+          /* @__PURE__ */ d(
+            tt,
+            {
+              size: "small",
+              color: "primary",
+              onClick: E(p),
+              children: /* @__PURE__ */ d(Pn, { fontSize: "small" })
+            }
+          ),
+          /* @__PURE__ */ d(
+            tt,
+            {
+              size: "small",
+              color: "error",
+              onClick: w(p),
+              children: /* @__PURE__ */ d(On, { fontSize: "small" })
+            }
+          )
+        ]
+      }
+    ) }, b)) }) : n.map((p, b) => /* @__PURE__ */ d(
+      _n,
+      {
+        label: p.split("/").pop(),
+        icon: /* @__PURE__ */ d(eo, { type: e }),
+        onClick: S(p),
+        onDelete: w(p),
+        sx: { marginRight: 1, marginBottom: 1 }
+      },
+      b
+    )) }),
+    /* @__PURE__ */ d(
+      Qr,
+      {
+        types: t,
+        multiple: o,
+        maxSize: i,
+        minSize: a,
+        disabled: m,
+        onTypeError: A,
+        onSizeError: D,
+        handleChange: v,
+        children: m ? /* @__PURE__ */ L(Ct, { children: [
+          /* @__PURE__ */ d(jn, { show: m, my: 1.15 }),
+          /* @__PURE__ */ d(De, { variant: "subtitle1", fontWeight: 500, children: "Uploading..." }),
+          /* @__PURE__ */ d(De, { variant: "caption", children: "please wait" })
+        ] }) : /* @__PURE__ */ L(Ct, { "aria-disabled": m, children: [
+          /* @__PURE__ */ d(Nn, { color: "primary" }),
+          /* @__PURE__ */ L(De, { variant: "subtitle1", fontWeight: 500, children: [
+            "Drop your ",
+            nt.lowerCase(e),
+            "s here, or Browse"
+          ] }),
+          /* @__PURE__ */ d(De, { variant: "caption", children: t.join(", ") })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ L(
+      $n,
+      {
+        open: f !== null,
+        onClose: C,
+        fullWidth: !0,
+        maxWidth: "md",
+        children: [
+          /* @__PURE__ */ d(
+            tt,
+            {
+              color: "inherit",
+              size: "small",
+              onClick: C,
+              sx: {
+                position: "absolute",
+                right: 8,
+                top: 8,
+                backgroundColor: "#fff !important"
+              },
+              children: /* @__PURE__ */ d(In, { fontSize: "small" })
+            }
+          ),
+          f !== null ? /* @__PURE__ */ d("img", { src: f, style: { width: "100%" } }) : null
+        ]
+      }
+    )
+  ] });
+};
+export {
+  lo as Uploader
+};