@crmchatreactcomponent/quick-messages 0.0.1

package/dist/index.es.js

@@ -0,0 +1,3834 @@
+import { jsx as p, jsxs as P, Fragment as Qt } from "react/jsx-runtime";
+import * as j from "react";
+import de, { useContext as lt, useMemo as le, useState as U, useEffect as oe, createContext as Jt, useRef as en, useDebugValue as hn, createElement as Lo } from "react";
+import { ConfigProvider as Go, theme as qo, Popover as Yn, Space as F, message as Bo, Modal as Xn, Table as Be, Empty as Zn, Button as Q, Flex as Qe, Input as Ft, Popconfirm as Ho, Menu as Vo, Alert as Wo, ColorPicker as Uo } from "antd";
+import Ko, { EmojiStyle as Yo, Theme as pn } from "emoji-picker-react";
+import { useTranslation as Ae, I18nextProvider as Xo } from "react-i18next";
+import Zo from "i18next";
+function Qn() {
+  const { theme: e } = lt(Go.ConfigContext);
+  return le(() => (e == null ? void 0 : e.algorithm) === qo.darkAlgorithm, [e]);
+}
+const Qo = Yo.FACEBOOK, cc = ({
+  children: e,
+  disabled: t = !1,
+  onSelect: n = () => {
+  },
+  onOpenChange: r = () => {
+  }
+}) => {
+  const [o, a] = U(!1), i = Qn();
+  oe(() => {
+    r(o);
+  }, [o]);
+  function s(l) {
+    n(l.emoji), a(!1);
+  }
+  function c(l) {
+    t || a(l);
+  }
+  return /* @__PURE__ */ p(
+    Yn,
+    {
+      title: "",
+      open: o,
+      onOpenChange: c,
+      overlayInnerStyle: {
+        backgroundColor: "transparent",
+        padding: 0
+      },
+      trigger: ["click"],
+      content: /* @__PURE__ */ p(F, { direction: "vertical", size: 12, children: /* @__PURE__ */ p(
+        Ko,
+        {
+          skinTonesDisabled: !0,
+          onEmojiClick: s,
+          emojiStyle: Qo,
+          lazyLoadEmojis: !1,
+          theme: i ? pn.DARK : pn.LIGHT
+        }
+      ) }),
+      destroyTooltipOnHide: !0,
+      children: e
+    }
+  );
+};
+function Jo() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+    const t = Math.random() * 16 | 0;
+    return (e == "x" ? t : t & 3 | 8).toString(16);
+  });
+}
+function Jn(e, t) {
+  return e.length > t ? e.substring(0, t) + "…" : e;
+}
+const er = Jt(null);
+function lc(e) {
+  const [t, n] = Bo.useMessage(), [r, o] = Xn.useModal();
+  return /* @__PURE__ */ P(
+    er.Provider,
+    {
+      value: {
+        messageApi: t,
+        modalApi: r
+      },
+      children: [
+        n,
+        o,
+        e.children
+      ]
+    }
+  );
+}
+var z = function() {
+  return z = Object.assign || function(t) {
+    for (var n, r = 1, o = arguments.length; r < o; r++) {
+      n = arguments[r];
+      for (var a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+    }
+    return t;
+  }, z.apply(this, arguments);
+};
+function xe(e, t, n) {
+  if (n || arguments.length === 2)
+    for (var r = 0, o = t.length, a; r < o; r++)
+      (a || !(r in t)) && (a || (a = Array.prototype.slice.call(t, 0, r)), a[r] = t[r]);
+  return e.concat(a || Array.prototype.slice.call(t));
+}
+function ea(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(n) {
+    return t[n] === void 0 && (t[n] = e(n)), t[n];
+  };
+}
+var ta = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, na = /* @__PURE__ */ ea(
+  function(e) {
+    return ta.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+function tr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var O = "-ms-", Fe = "-moz-", C = "-webkit-", nr = "comm", ut = "rule", tn = "decl", ra = "@import", rr = "@keyframes", oa = "@layer", or = Math.abs, nn = String.fromCharCode, zt = Object.assign;
+function aa(e, t) {
+  return I(e, 0) ^ 45 ? (((t << 2 ^ I(e, 0)) << 2 ^ I(e, 1)) << 2 ^ I(e, 2)) << 2 ^ I(e, 3) : 0;
+}
+function ar(e) {
+  return e.trim();
+}
+function Z(e, t) {
+  return (e = t.exec(e)) ? e[0] : e;
+}
+function y(e, t, n) {
+  return e.replace(t, n);
+}
+function Je(e, t, n) {
+  return e.indexOf(t, n);
+}
+function I(e, t) {
+  return e.charCodeAt(t) | 0;
+}
+function Ce(e, t, n) {
+  return e.slice(t, n);
+}
+function W(e) {
+  return e.length;
+}
+function ir(e) {
+  return e.length;
+}
+function $e(e, t) {
+  return t.push(e), e;
+}
+function ia(e, t) {
+  return e.map(t).join("");
+}
+function gn(e, t) {
+  return e.filter(function(n) {
+    return !Z(n, t);
+  });
+}
+var ft = 1, ke = 1, sr = 0, B = 0, T = 0, Me = "";
+function dt(e, t, n, r, o, a, i, s) {
+  return { value: e, root: t, parent: n, type: r, props: o, children: a, line: ft, column: ke, length: i, return: "", siblings: s };
+}
+function ee(e, t) {
+  return zt(dt("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
+}
+function be(e) {
+  for (; e.root; )
+    e = ee(e.root, { children: [e] });
+  $e(e, e.siblings);
+}
+function sa() {
+  return T;
+}
+function ca() {
+  return T = B > 0 ? I(Me, --B) : 0, ke--, T === 10 && (ke = 1, ft--), T;
+}
+function V() {
+  return T = B < sr ? I(Me, B++) : 0, ke++, T === 10 && (ke = 1, ft++), T;
+}
+function ue() {
+  return I(Me, B);
+}
+function et() {
+  return B;
+}
+function ht(e, t) {
+  return Ce(Me, e, t);
+}
+function Rt(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 la(e) {
+  return ft = ke = 1, sr = W(Me = e), B = 0, [];
+}
+function ua(e) {
+  return Me = "", e;
+}
+function St(e) {
+  return ar(ht(B - 1, _t(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function fa(e) {
+  for (; (T = ue()) && T < 33; )
+    V();
+  return Rt(e) > 2 || Rt(T) > 3 ? "" : " ";
+}
+function da(e, t) {
+  for (; --t && V() && !(T < 48 || T > 102 || T > 57 && T < 65 || T > 70 && T < 97); )
+    ;
+  return ht(e, et() + (t < 6 && ue() == 32 && V() == 32));
+}
+function _t(e) {
+  for (; V(); )
+    switch (T) {
+      case e:
+        return B;
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && _t(T);
+        break;
+      case 40:
+        e === 41 && _t(e);
+        break;
+      case 92:
+        V();
+        break;
+    }
+  return B;
+}
+function ha(e, t) {
+  for (; V() && e + T !== 57; )
+    if (e + T === 84 && ue() === 47)
+      break;
+  return "/*" + ht(t, B - 1) + "*" + nn(e === 47 ? e : V());
+}
+function pa(e) {
+  for (; !Rt(ue()); )
+    V();
+  return ht(e, B);
+}
+function ga(e) {
+  return ua(tt("", null, null, null, [""], e = la(e), 0, [0], e));
+}
+function tt(e, t, n, r, o, a, i, s, c) {
+  for (var l = 0, d = 0, u = i, f = 0, h = 0, m = 0, x = 1, M = 1, v = 1, S = 0, k = "", E = o, A = a, w = r, b = k; M; )
+    switch (m = S, S = V()) {
+      case 40:
+        if (m != 108 && I(b, u - 1) == 58) {
+          Je(b += y(St(S), "&", "&\f"), "&\f", or(l ? s[l - 1] : 0)) != -1 && (v = -1);
+          break;
+        }
+      case 34:
+      case 39:
+      case 91:
+        b += St(S);
+        break;
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        b += fa(m);
+        break;
+      case 92:
+        b += da(et() - 1, 7);
+        continue;
+      case 47:
+        switch (ue()) {
+          case 42:
+          case 47:
+            $e(ma(ha(V(), et()), t, n, c), c);
+            break;
+          default:
+            b += "/";
+        }
+        break;
+      case 123 * x:
+        s[l++] = W(b) * v;
+      case 125 * x:
+      case 59:
+      case 0:
+        switch (S) {
+          case 0:
+          case 125:
+            M = 0;
+          case 59 + d:
+            v == -1 && (b = y(b, /\f/g, "")), h > 0 && W(b) - u && $e(h > 32 ? yn(b + ";", r, n, u - 1, c) : yn(y(b, " ", "") + ";", r, n, u - 2, c), c);
+            break;
+          case 59:
+            b += ";";
+          default:
+            if ($e(w = mn(b, t, n, l, d, o, s, k, E = [], A = [], u, a), a), S === 123)
+              if (d === 0)
+                tt(b, t, w, w, E, a, u, s, A);
+              else
+                switch (f === 99 && I(b, 3) === 110 ? 100 : f) {
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    tt(e, w, w, r && $e(mn(e, w, w, 0, 0, o, s, k, o, E = [], u, A), A), o, A, u, s, r ? E : A);
+                    break;
+                  default:
+                    tt(b, w, w, w, [""], A, 0, s, A);
+                }
+        }
+        l = d = h = 0, x = v = 1, k = b = "", u = i;
+        break;
+      case 58:
+        u = 1 + W(b), h = m;
+      default:
+        if (x < 1) {
+          if (S == 123)
+            --x;
+          else if (S == 125 && x++ == 0 && ca() == 125)
+            continue;
+        }
+        switch (b += nn(S), S * x) {
+          case 38:
+            v = d > 0 ? 1 : (b += "\f", -1);
+            break;
+          case 44:
+            s[l++] = (W(b) - 1) * v, v = 1;
+            break;
+          case 64:
+            ue() === 45 && (b += St(V())), f = ue(), d = u = W(k = b += pa(et())), S++;
+            break;
+          case 45:
+            m === 45 && W(b) == 2 && (x = 0);
+        }
+    }
+  return a;
+}
+function mn(e, t, n, r, o, a, i, s, c, l, d, u) {
+  for (var f = o - 1, h = o === 0 ? a : [""], m = ir(h), x = 0, M = 0, v = 0; x < r; ++x)
+    for (var S = 0, k = Ce(e, f + 1, f = or(M = i[x])), E = e; S < m; ++S)
+      (E = ar(M > 0 ? h[S] + " " + k : y(k, /&\f/g, h[S]))) && (c[v++] = E);
+  return dt(e, t, n, o === 0 ? ut : s, c, l, d, u);
+}
+function ma(e, t, n, r) {
+  return dt(e, t, n, nr, nn(sa()), Ce(e, 2, -2), 0, r);
+}
+function yn(e, t, n, r, o) {
+  return dt(e, t, n, tn, Ce(e, 0, r), Ce(e, r + 1, -1), r, o);
+}
+function cr(e, t, n) {
+  switch (aa(e, t)) {
+    case 5103:
+      return C + "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 C + e + e;
+    case 4789:
+      return Fe + e + e;
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return C + e + Fe + e + O + e + e;
+    case 5936:
+      switch (I(e, t + 11)) {
+        case 114:
+          return C + e + O + y(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        case 108:
+          return C + e + O + y(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        case 45:
+          return C + e + O + y(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+    case 6828:
+    case 4268:
+    case 2903:
+      return C + e + O + e + e;
+    case 6165:
+      return C + e + O + "flex-" + e + e;
+    case 5187:
+      return C + e + y(e, /(\w+).+(:[^]+)/, C + "box-$1$2" + O + "flex-$1$2") + e;
+    case 5443:
+      return C + e + O + "flex-item-" + y(e, /flex-|-self/g, "") + (Z(e, /flex-|baseline/) ? "" : O + "grid-row-" + y(e, /flex-|-self/g, "")) + e;
+    case 4675:
+      return C + e + O + "flex-line-pack" + y(e, /align-content|flex-|-self/g, "") + e;
+    case 5548:
+      return C + e + O + y(e, "shrink", "negative") + e;
+    case 5292:
+      return C + e + O + y(e, "basis", "preferred-size") + e;
+    case 6060:
+      return C + "box-" + y(e, "-grow", "") + C + e + O + y(e, "grow", "positive") + e;
+    case 4554:
+      return C + y(e, /([^-])(transform)/g, "$1" + C + "$2") + e;
+    case 6187:
+      return y(y(y(e, /(zoom-|grab)/, C + "$1"), /(image-set)/, C + "$1"), e, "") + e;
+    case 5495:
+    case 3959:
+      return y(e, /(image-set\([^]*)/, C + "$1$`$1");
+    case 4968:
+      return y(y(e, /(.+:)(flex-)?(.*)/, C + "box-pack:$3" + O + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + C + e + e;
+    case 4200:
+      if (!Z(e, /flex-|baseline/))
+        return O + "grid-column-align" + Ce(e, t) + e;
+      break;
+    case 2592:
+    case 3360:
+      return O + y(e, "template-", "") + e;
+    case 4384:
+    case 3616:
+      return n && n.some(function(r, o) {
+        return t = o, Z(r.props, /grid-\w+-end/);
+      }) ? ~Je(e + (n = n[t].value), "span", 0) ? e : O + y(e, "-start", "") + e + O + "grid-row-span:" + (~Je(n, "span", 0) ? Z(n, /\d+/) : +Z(n, /\d+/) - +Z(e, /\d+/)) + ";" : O + y(e, "-start", "") + e;
+    case 4896:
+    case 4128:
+      return n && n.some(function(r) {
+        return Z(r.props, /grid-\w+-start/);
+      }) ? e : O + y(y(e, "-end", "-span"), "span ", "") + e;
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return y(e, /(.+)-inline(.+)/, C + "$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 (W(e) - 1 - t > 6)
+        switch (I(e, t + 1)) {
+          case 109:
+            if (I(e, t + 4) !== 45)
+              break;
+          case 102:
+            return y(e, /(.+:)(.+)-([^]+)/, "$1" + C + "$2-$3$1" + Fe + (I(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          case 115:
+            return ~Je(e, "stretch", 0) ? cr(y(e, "stretch", "fill-available"), t, n) + e : e;
+        }
+      break;
+    case 5152:
+    case 5920:
+      return y(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, a, i, s, c, l) {
+        return O + o + ":" + a + l + (i ? O + o + "-span:" + (s ? c : +c - +a) + l : "") + e;
+      });
+    case 4949:
+      if (I(e, t + 6) === 121)
+        return y(e, ":", ":" + C) + e;
+      break;
+    case 6444:
+      switch (I(e, I(e, 14) === 45 ? 18 : 11)) {
+        case 120:
+          return y(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + C + (I(e, 14) === 45 ? "inline-" : "") + "box$3$1" + C + "$2$3$1" + O + "$2box$3") + e;
+        case 100:
+          return y(e, ":", ":" + O) + e;
+      }
+      break;
+    case 5719:
+    case 2647:
+    case 2135:
+    case 3927:
+    case 2391:
+      return y(e, "scroll-", "scroll-snap-") + e;
+  }
+  return e;
+}
+function at(e, t) {
+  for (var n = "", r = 0; r < e.length; r++)
+    n += t(e[r], r, e, t) || "";
+  return n;
+}
+function ya(e, t, n, r) {
+  switch (e.type) {
+    case oa:
+      if (e.children.length)
+        break;
+    case ra:
+    case tn:
+      return e.return = e.return || e.value;
+    case nr:
+      return "";
+    case rr:
+      return e.return = e.value + "{" + at(e.children, r) + "}";
+    case ut:
+      if (!W(e.value = e.props.join(",")))
+        return "";
+  }
+  return W(n = at(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+}
+function ba(e) {
+  var t = ir(e);
+  return function(n, r, o, a) {
+    for (var i = "", s = 0; s < t; s++)
+      i += e[s](n, r, o, a) || "";
+    return i;
+  };
+}
+function va(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+function wa(e, t, n, r) {
+  if (e.length > -1 && !e.return)
+    switch (e.type) {
+      case tn:
+        e.return = cr(e.value, e.length, n);
+        return;
+      case rr:
+        return at([ee(e, { value: y(e.value, "@", "@" + C) })], r);
+      case ut:
+        if (e.length)
+          return ia(n = e.props, function(o) {
+            switch (Z(o, r = /(::plac\w+|:read-\w+)/)) {
+              case ":read-only":
+              case ":read-write":
+                be(ee(e, { props: [y(o, /:(read-\w+)/, ":" + Fe + "$1")] })), be(ee(e, { props: [o] })), zt(e, { props: gn(n, r) });
+                break;
+              case "::placeholder":
+                be(ee(e, { props: [y(o, /:(plac\w+)/, ":" + C + "input-$1")] })), be(ee(e, { props: [y(o, /:(plac\w+)/, ":" + Fe + "$1")] })), be(ee(e, { props: [y(o, /:(plac\w+)/, O + "input-$1")] })), be(ee(e, { props: [o] })), zt(e, { props: gn(n, r) });
+                break;
+            }
+            return "";
+          });
+    }
+}
+var xa = {
+  animationIterationCount: 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
+}, he = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", lr = "active", ur = "data-styled-version", pt = "6.1.8", rn = `/*!sc*/
+`, on = typeof window < "u" && "HTMLElement" in window, Ca = !!(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"), bn = /invalid hook call/i, He = /* @__PURE__ */ new Set(), ka = 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 a = !0;
+      console.error = function(i) {
+        for (var s = [], c = 1; c < arguments.length; c++)
+          s[c - 1] = arguments[c];
+        bn.test(i) ? (a = !1, He.delete(r)) : o.apply(void 0, xe([i], s, !1));
+      }, en(), a && !He.has(r) && (console.warn(r), He.add(r));
+    } catch (i) {
+      bn.test(i.message) && He.delete(r);
+    } finally {
+      console.error = o;
+    }
+  }
+}, gt = Object.freeze([]), Se = Object.freeze({});
+function Sa(e, t, n) {
+  return n === void 0 && (n = Se), e.theme !== n.theme && e.theme || t || n.theme;
+}
+var jt = /* @__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"]), Ea = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Oa = /(^-|-$)/g;
+function vn(e) {
+  return e.replace(Ea, "-").replace(Oa, "");
+}
+var Aa = /(a)(d)/gi, Ve = 52, wn = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+function Lt(e) {
+  var t, n = "";
+  for (t = Math.abs(e); t > Ve; t = t / Ve | 0)
+    n = wn(t % Ve) + n;
+  return (wn(t % Ve) + n).replace(Aa, "$1-$2");
+}
+var Et, fr = 5381, se = function(e, t) {
+  for (var n = t.length; n; )
+    e = 33 * e ^ t.charCodeAt(--n);
+  return e;
+}, dr = function(e) {
+  return se(fr, e);
+};
+function Ma(e) {
+  return Lt(dr(e) >>> 0);
+}
+function hr(e) {
+  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+function Ot(e) {
+  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+var pr = typeof Symbol == "function" && Symbol.for, gr = pr ? Symbol.for("react.memo") : 60115, Na = pr ? Symbol.for("react.forward_ref") : 60112, Pa = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Ta = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, mr = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, Da = ((Et = {})[Na] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Et[gr] = mr, Et);
+function xn(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === gr ? mr : "$$typeof" in e ? Da[e.$$typeof] : Pa;
+  var t;
+}
+var Ia = Object.defineProperty, $a = Object.getOwnPropertyNames, Cn = Object.getOwnPropertySymbols, Fa = Object.getOwnPropertyDescriptor, za = Object.getPrototypeOf, kn = Object.prototype;
+function yr(e, t, n) {
+  if (typeof t != "string") {
+    if (kn) {
+      var r = za(t);
+      r && r !== kn && yr(e, r, n);
+    }
+    var o = $a(t);
+    Cn && (o = o.concat(Cn(t)));
+    for (var a = xn(e), i = xn(t), s = 0; s < o.length; ++s) {
+      var c = o[s];
+      if (!(c in Ta || n && n[c] || i && c in i || a && c in a)) {
+        var l = Fa(t, c);
+        try {
+          Ia(e, c, l);
+        } catch {
+        }
+      }
+    }
+  }
+  return e;
+}
+function Ee(e) {
+  return typeof e == "function";
+}
+function an(e) {
+  return typeof e == "object" && "styledComponentId" in e;
+}
+function ce(e, t) {
+  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
+}
+function Sn(e, t) {
+  if (e.length === 0)
+    return "";
+  for (var n = e[0], r = 1; r < e.length; r++)
+    n += t ? t + e[r] : e[r];
+  return n;
+}
+function Oe(e) {
+  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+function Gt(e, t, n) {
+  if (n === void 0 && (n = !1), !n && !Oe(e) && !Array.isArray(e))
+    return t;
+  if (Array.isArray(t))
+    for (var r = 0; r < t.length; r++)
+      e[r] = Gt(e[r], t[r]);
+  else if (Oe(t))
+    for (var r in t)
+      e[r] = Gt(e[r], t[r]);
+  return e;
+}
+function sn(e, t) {
+  Object.defineProperty(e, "toString", { value: t });
+}
+var Ra = 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 _a() {
+  for (var e = [], t = 0; t < arguments.length; t++)
+    e[t] = arguments[t];
+  for (var n = e[0], r = [], o = 1, a = e.length; o < a; o += 1)
+    r.push(e[o]);
+  return r.forEach(function(i) {
+    n = n.replace(/%[a-z]/, i);
+  }), n;
+}
+function Ne(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(_a.apply(void 0, xe([Ra[e]], t, !1)).trim());
+}
+var ja = 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, a = o; t >= a; )
+        if ((a <<= 1) < 0)
+          throw Ne(16, "".concat(t));
+      this.groupSizes = new Uint32Array(a), this.groupSizes.set(r), this.length = a;
+      for (var i = o; i < a; i++)
+        this.groupSizes[i] = 0;
+    }
+    for (var s = this.indexOfGroup(t + 1), c = (i = 0, n.length); i < c; i++)
+      this.tag.insertRule(s, n[i]) && (this.groupSizes[t]++, s++);
+  }, 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 a = r; a < o; a++)
+        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), a = o + r, i = o; i < a; i++)
+      n += "".concat(this.tag.getRule(i)).concat(rn);
+    return n;
+  }, e;
+}(), nt = /* @__PURE__ */ new Map(), it = /* @__PURE__ */ new Map(), rt = 1, We = function(e) {
+  if (nt.has(e))
+    return nt.get(e);
+  for (; it.has(rt); )
+    rt++;
+  var t = rt++;
+  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > 1073741824))
+    throw Ne(16, "".concat(t));
+  return nt.set(e, t), it.set(t, e), t;
+}, La = function(e, t) {
+  rt = t + 1, nt.set(e, t), it.set(t, e);
+}, Ga = "style[".concat(he, "][").concat(ur, '="').concat(pt, '"]'), qa = new RegExp("^".concat(he, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Ba = function(e, t, n) {
+  for (var r, o = n.split(","), a = 0, i = o.length; a < i; a++)
+    (r = o[a]) && e.registerName(t, r);
+}, Ha = function(e, t) {
+  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(rn), o = [], a = 0, i = r.length; a < i; a++) {
+    var s = r[a].trim();
+    if (s) {
+      var c = s.match(qa);
+      if (c) {
+        var l = 0 | parseInt(c[1], 10), d = c[2];
+        l !== 0 && (La(d, l), Ba(e, d, c[3]), e.getTag().insertRules(l, o)), o.length = 0;
+      } else
+        o.push(s);
+    }
+  }
+};
+function Va() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}
+var br = function(e) {
+  var t = document.head, n = e || t, r = document.createElement("style"), o = function(s) {
+    var c = Array.from(s.querySelectorAll("style[".concat(he, "]")));
+    return c[c.length - 1];
+  }(n), a = o !== void 0 ? o.nextSibling : null;
+  r.setAttribute(he, lr), r.setAttribute(ur, pt);
+  var i = Va();
+  return i && r.setAttribute("nonce", i), n.insertBefore(r, a), r;
+}, Wa = function() {
+  function e(t) {
+    this.element = br(t), this.element.appendChild(document.createTextNode("")), this.sheet = function(n) {
+      if (n.sheet)
+        return n.sheet;
+      for (var r = document.styleSheets, o = 0, a = r.length; o < a; o++) {
+        var i = r[o];
+        if (i.ownerNode === n)
+          return i;
+      }
+      throw Ne(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;
+}(), Ua = function() {
+  function e(t) {
+    this.element = br(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;
+}(), Ka = 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;
+}(), En = on, Ya = { isServer: !on, useCSSOMInjection: !Ca }, vr = function() {
+  function e(t, n, r) {
+    t === void 0 && (t = Se), n === void 0 && (n = {});
+    var o = this;
+    this.options = z(z({}, Ya), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && on && En && (En = !1, function(a) {
+      for (var i = document.querySelectorAll(Ga), s = 0, c = i.length; s < c; s++) {
+        var l = i[s];
+        l && l.getAttribute(he) !== lr && (Ha(a, l), l.parentNode && l.parentNode.removeChild(l));
+      }
+    }(this)), sn(this, function() {
+      return function(a) {
+        for (var i = a.getTag(), s = i.length, c = "", l = function(u) {
+          var f = function(v) {
+            return it.get(v);
+          }(u);
+          if (f === void 0)
+            return "continue";
+          var h = a.names.get(f), m = i.getGroup(u);
+          if (h === void 0 || m.length === 0)
+            return "continue";
+          var x = "".concat(he, ".g").concat(u, '[id="').concat(f, '"]'), M = "";
+          h !== void 0 && h.forEach(function(v) {
+            v.length > 0 && (M += "".concat(v, ","));
+          }), c += "".concat(m).concat(x, '{content:"').concat(M, '"}').concat(rn);
+        }, d = 0; d < s; d++)
+          l(d);
+        return c;
+      }(o);
+    });
+  }
+  return e.registerId = function(t) {
+    return We(t);
+  }, e.prototype.reconstructWithOptions = function(t, n) {
+    return n === void 0 && (n = !0), new e(z(z({}, 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 Ka(o) : r ? new Wa(o) : new Ua(o);
+    }(this.options), new ja(t)));
+    var t;
+  }, e.prototype.hasNameForId = function(t, n) {
+    return this.names.has(t) && this.names.get(t).has(n);
+  }, e.prototype.registerName = function(t, n) {
+    if (We(t), this.names.has(t))
+      this.names.get(t).add(n);
+    else {
+      var r = /* @__PURE__ */ new Set();
+      r.add(n), this.names.set(t, r);
+    }
+  }, e.prototype.insertRules = function(t, n, r) {
+    this.registerName(t, n), this.getTag().insertRules(We(t), r);
+  }, e.prototype.clearNames = function(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }, e.prototype.clearRules = function(t) {
+    this.getTag().clearGroup(We(t)), this.clearNames(t);
+  }, e.prototype.clearTag = function() {
+    this.tag = void 0;
+  }, e;
+}(), Xa = /&/g, Za = /^\s*\/\/.*$/gm;
+function wr(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 = wr(n.children, t)), n;
+  });
+}
+function Qa(e) {
+  var t, n, r, o = e === void 0 ? Se : e, a = o.options, i = a === void 0 ? Se : a, s = o.plugins, c = s === void 0 ? gt : s, l = function(f, h, m) {
+    return m.startsWith(n) && m.endsWith(n) && m.replaceAll(n, "").length > 0 ? ".".concat(t) : f;
+  }, d = c.slice();
+  d.push(function(f) {
+    f.type === ut && f.value.includes("&") && (f.props[0] = f.props[0].replace(Xa, n).replace(r, l));
+  }), i.prefix && d.push(wa), d.push(ya);
+  var u = function(f, h, m, x) {
+    h === void 0 && (h = ""), m === void 0 && (m = ""), x === void 0 && (x = "&"), t = x, n = h, r = new RegExp("\\".concat(n, "\\b"), "g");
+    var M = f.replace(Za, ""), v = ga(m || h ? "".concat(m, " ").concat(h, " { ").concat(M, " }") : M);
+    i.namespace && (v = wr(v, i.namespace));
+    var S = [];
+    return at(v, ba(d.concat(va(function(k) {
+      return S.push(k);
+    })))), S;
+  };
+  return u.hash = c.length ? c.reduce(function(f, h) {
+    return h.name || Ne(15), se(f, h.name);
+  }, fr).toString() : "", u;
+}
+var Ja = new vr(), qt = Qa(), xr = de.createContext({ shouldForwardProp: void 0, styleSheet: Ja, stylis: qt });
+xr.Consumer;
+de.createContext(void 0);
+function On() {
+  return lt(xr);
+}
+var An = function() {
+  function e(t, n) {
+    var r = this;
+    this.inject = function(o, a) {
+      a === void 0 && (a = qt);
+      var i = r.name + a.hash;
+      o.hasNameForId(r.id, i) || o.insertRules(r.id, i, a(r.rules, i, "@keyframes"));
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, sn(this, function() {
+      throw Ne(12, String(r.name));
+    });
+  }
+  return e.prototype.getName = function(t) {
+    return t === void 0 && (t = qt), this.name + t.hash;
+  }, e;
+}(), ei = function(e) {
+  return e >= "A" && e <= "Z";
+};
+function Mn(e) {
+  for (var t = "", n = 0; n < e.length; n++) {
+    var r = e[n];
+    if (n === 1 && r === "-" && e[0] === "-")
+      return e;
+    ei(r) ? t += "-" + r.toLowerCase() : t += r;
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
+}
+var Cr = function(e) {
+  return e == null || e === !1 || e === "";
+}, kr = function(e) {
+  var t, n, r = [];
+  for (var o in e) {
+    var a = e[o];
+    e.hasOwnProperty(o) && !Cr(a) && (Array.isArray(a) && a.isCss || Ee(a) ? r.push("".concat(Mn(o), ":"), a, ";") : Oe(a) ? r.push.apply(r, xe(xe(["".concat(o, " {")], kr(a), !1), ["}"], !1)) : r.push("".concat(Mn(o), ": ").concat((t = o, (n = a) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in xa || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
+  }
+  return r;
+};
+function fe(e, t, n, r) {
+  if (Cr(e))
+    return [];
+  if (an(e))
+    return [".".concat(e.styledComponentId)];
+  if (Ee(e)) {
+    if (!Ee(a = e) || a.prototype && a.prototype.isReactComponent || !t)
+      return [e];
+    var o = e(t);
+    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof An || Oe(o) || o === null || console.error("".concat(hr(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.")), fe(o, t, n, r);
+  }
+  var a;
+  return e instanceof An ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : Oe(e) ? kr(e) : Array.isArray(e) ? Array.prototype.concat.apply(gt, e.map(function(i) {
+    return fe(i, t, n, r);
+  })) : [e.toString()];
+}
+function ti(e) {
+  for (var t = 0; t < e.length; t += 1) {
+    var n = e[t];
+    if (Ee(n) && !an(n))
+      return !1;
+  }
+  return !0;
+}
+var ni = dr(pt), ri = function() {
+  function e(t, n, r) {
+    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && ti(t), this.componentId = n, this.baseHash = se(ni, n), this.baseStyle = r, vr.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 = ce(o, this.staticRulesId);
+      else {
+        var a = Sn(fe(this.rules, t, n, r)), i = Lt(se(this.baseHash, a) >>> 0);
+        if (!n.hasNameForId(this.componentId, i)) {
+          var s = r(a, ".".concat(i), void 0, this.componentId);
+          n.insertRules(this.componentId, i, s);
+        }
+        o = ce(o, i), this.staticRulesId = i;
+      }
+    else {
+      for (var c = se(this.baseHash, r.hash), l = "", d = 0; d < this.rules.length; d++) {
+        var u = this.rules[d];
+        if (typeof u == "string")
+          l += u, process.env.NODE_ENV !== "production" && (c = se(c, u));
+        else if (u) {
+          var f = Sn(fe(u, t, n, r));
+          c = se(c, f + d), l += f;
+        }
+      }
+      if (l) {
+        var h = Lt(c >>> 0);
+        n.hasNameForId(this.componentId, h) || n.insertRules(this.componentId, h, r(l, ".".concat(h), void 0, this.componentId)), o = ce(o, h);
+      }
+    }
+    return o;
+  }, e;
+}(), Sr = de.createContext(void 0);
+Sr.Consumer;
+var At = {}, Nn = /* @__PURE__ */ new Set();
+function oi(e, t, n) {
+  var r = an(e), o = e, a = !Ot(e), i = t.attrs, s = i === void 0 ? gt : i, c = t.componentId, l = c === void 0 ? function(E, A) {
+    var w = typeof E != "string" ? "sc" : vn(E);
+    At[w] = (At[w] || 0) + 1;
+    var b = "".concat(w, "-").concat(Ma(pt + w + At[w]));
+    return A ? "".concat(A, "-").concat(b) : b;
+  }(t.displayName, t.parentComponentId) : c, d = t.displayName, u = d === void 0 ? function(E) {
+    return Ot(E) ? "styled.".concat(E) : "Styled(".concat(hr(E), ")");
+  }(e) : d, f = t.displayName && t.componentId ? "".concat(vn(t.displayName), "-").concat(t.componentId) : t.componentId || l, h = r && o.attrs ? o.attrs.concat(s).filter(Boolean) : s, m = t.shouldForwardProp;
+  if (r && o.shouldForwardProp) {
+    var x = o.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      var M = t.shouldForwardProp;
+      m = function(E, A) {
+        return x(E, A) && M(E, A);
+      };
+    } else
+      m = x;
+  }
+  var v = new ri(n, f, r ? o.componentStyle : void 0);
+  function S(E, A) {
+    return function(w, b, ae) {
+      var me = w.attrs, $o = w.componentStyle, Fo = w.defaultProps, zo = w.foldedComponentIds, fn = w.styledComponentId, Ro = w.target, _o = de.useContext(Sr), jo = On(), wt = w.shouldForwardProp || jo.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && hn(fn);
+      var dn = Sa(b, _o, Fo) || Se, Y = function(Le, De, Ge) {
+        for (var ye, ie = z(z({}, De), { className: void 0, theme: Ge }), kt = 0; kt < Le.length; kt += 1) {
+          var qe = Ee(ye = Le[kt]) ? ye(ie) : ye;
+          for (var J in qe)
+            ie[J] = J === "className" ? ce(ie[J], qe[J]) : J === "style" ? z(z({}, ie[J]), qe[J]) : qe[J];
+        }
+        return De.className && (ie.className = ce(ie.className, De.className)), ie;
+      }(me, b, dn), Pe = Y.as || Ro, Te = {};
+      for (var G in Y)
+        Y[G] === void 0 || G[0] === "$" || G === "as" || G === "theme" && Y.theme === dn || (G === "forwardedAs" ? Te.as = Y.forwardedAs : wt && !wt(G, Pe) || (Te[G] = Y[G], wt || process.env.NODE_ENV !== "development" || na(G) || Nn.has(G) || !jt.has(Pe) || (Nn.add(G), console.warn('styled-components: it looks like an unknown prop "'.concat(G, '" 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 xt = function(Le, De) {
+        var Ge = On(), ye = Le.generateAndInjectStyles(De, Ge.styleSheet, Ge.stylis);
+        return process.env.NODE_ENV !== "production" && hn(ye), ye;
+      }($o, Y);
+      process.env.NODE_ENV !== "production" && w.warnTooManyClasses && w.warnTooManyClasses(xt);
+      var Ct = ce(zo, fn);
+      return xt && (Ct += " " + xt), Y.className && (Ct += " " + Y.className), Te[Ot(Pe) && !jt.has(Pe) ? "class" : "className"] = Ct, Te.ref = ae, Lo(Pe, Te);
+    }(k, E, A);
+  }
+  S.displayName = u;
+  var k = de.forwardRef(S);
+  return k.attrs = h, k.componentStyle = v, k.displayName = u, k.shouldForwardProp = m, k.foldedComponentIds = r ? ce(o.foldedComponentIds, o.styledComponentId) : "", k.styledComponentId = f, k.target = r ? o.target : e, Object.defineProperty(k, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(E) {
+    this._foldedDefaultProps = r ? function(A) {
+      for (var w = [], b = 1; b < arguments.length; b++)
+        w[b - 1] = arguments[b];
+      for (var ae = 0, me = w; ae < me.length; ae++)
+        Gt(A, me[ae], !0);
+      return A;
+    }({}, o.defaultProps, E) : E;
+  } }), process.env.NODE_ENV !== "production" && (ka(u, f), k.warnTooManyClasses = /* @__PURE__ */ function(E, A) {
+    var w = {}, b = !1;
+    return function(ae) {
+      if (!b && (w[ae] = !0, Object.keys(w).length >= 200)) {
+        var me = A ? ' with the id of "'.concat(A, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(E).concat(me, `.
+`) + `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 />`), b = !0, w = {};
+      }
+    };
+  }(u, f)), sn(k, function() {
+    return ".".concat(k.styledComponentId);
+  }), a && yr(k, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), k;
+}
+function Pn(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 Tn = function(e) {
+  return Object.assign(e, { isCss: !0 });
+};
+function ai(e) {
+  for (var t = [], n = 1; n < arguments.length; n++)
+    t[n - 1] = arguments[n];
+  if (Ee(e) || Oe(e))
+    return Tn(fe(Pn(gt, xe([e], t, !0))));
+  var r = e;
+  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? fe(r) : Tn(fe(Pn(r, t)));
+}
+function Bt(e, t, n) {
+  if (n === void 0 && (n = Se), !t)
+    throw Ne(1, t);
+  var r = function(o) {
+    for (var a = [], i = 1; i < arguments.length; i++)
+      a[i - 1] = arguments[i];
+    return e(t, n, ai.apply(void 0, xe([o], a, !1)));
+  };
+  return r.attrs = function(o) {
+    return Bt(e, t, z(z({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
+  }, r.withConfig = function(o) {
+    return Bt(e, t, z(z({}, n), o));
+  }, r;
+}
+var Er = function(e) {
+  return Bt(oi, e);
+}, K = Er;
+jt.forEach(function(e) {
+  K[e] = Er(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 Ue = "__sc-".concat(he, "__");
+process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[Ue] || (window[Ue] = 0), window[Ue] === 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[Ue] += 1);
+const ii = ({
+  data: e = [],
+  onChange: t = () => {
+  },
+  tableHeight: n = "460px",
+  limitation: r = {}
+}) => {
+  const { messageApi: o } = lt(er), { title: a = 15, content: i = 2e3 } = r, { t: s } = Ae();
+  function c(u) {
+    const f = e.findIndex((h) => h.label === u.label);
+    e[f] = u, t([...e]);
+  }
+  function l() {
+    const u = [
+      {
+        label: `#${e.length + 1}`,
+        content: ""
+      },
+      ...e
+    ];
+    t(u), o.success(s("createSuccessfully"));
+  }
+  function d(u) {
+    const f = e.filter((h) => h.label !== u);
+    t(f);
+  }
+  return /* @__PURE__ */ P(
+    Be,
+    {
+      bordered: !0,
+      dataSource: e,
+      pagination: !1,
+      rowKey: "label",
+      size: "small",
+      scroll: {
+        y: n,
+        x: !0
+      },
+      locale: {
+        emptyText: () => /* @__PURE__ */ P(
+          F,
+          {
+            direction: "vertical",
+            size: 24,
+            style: {
+              width: "100%",
+              textAlign: "center",
+              padding: "62px 0px"
+            },
+            children: [
+              /* @__PURE__ */ p(Zn, {}),
+              /* @__PURE__ */ p(Q, { type: "primary", onClick: l, children: s("create") })
+            ]
+          }
+        )
+      },
+      footer: () => /* @__PURE__ */ P(Qe, { style: { width: "100%" }, justify: "space-between", children: [
+        /* @__PURE__ */ p(F, { children: /* @__PURE__ */ p("div", {}) }),
+        /* @__PURE__ */ p(F, { children: /* @__PURE__ */ p(Q, { type: "primary", onClick: l, children: s("create") }) })
+      ] }),
+      children: [
+        /* @__PURE__ */ p(
+          Be.Column,
+          {
+            title: s("titleFieldName"),
+            dataIndex: "label",
+            width: 400,
+            render: (u, f) => /* @__PURE__ */ p(
+              Dn,
+              {
+                maxLength: a,
+                type: "input",
+                value: u,
+                onChange: (h) => {
+                  if (f.label !== h) {
+                    if (e.find((m) => m.label === h)) {
+                      o.error(s("cannotSavedMessageCuzLabelExisted"));
+                      return;
+                    }
+                    if (h.trim() === "") {
+                      o.error(s("cannotSavedMessageCuzLabelEmpty"));
+                      return;
+                    }
+                    f.label = h, c(f);
+                  }
+                }
+              }
+            )
+          },
+          "label"
+        ),
+        /* @__PURE__ */ p(
+          Be.Column,
+          {
+            title: s("content"),
+            dataIndex: "content",
+            width: 400,
+            render: (u, f) => /* @__PURE__ */ p(
+              Dn,
+              {
+                maxLength: i,
+                type: "textarea",
+                value: u,
+                onChange: (h) => {
+                  if (h.trim() === "") {
+                    o.error(s("cannotSavedMessageCuzContentEmpty"));
+                    return;
+                  }
+                  f.content = h, c(f);
+                }
+              }
+            )
+          },
+          "content"
+        ),
+        /* @__PURE__ */ p(
+          Be.Column,
+          {
+            title: "操作",
+            dataIndex: "id",
+            width: 120,
+            render: (u, f) => /* @__PURE__ */ p(F, { size: 4, children: /* @__PURE__ */ p(
+              Q,
+              {
+                size: "small",
+                type: "text",
+                danger: !0,
+                onClick: () => d(f.label),
+                children: s("delete")
+              }
+            ) })
+          },
+          "id"
+        )
+      ]
+    }
+  );
+}, si = K.div`
+  border: 1px solid transparent;
+  padding: 0 4px;
+  margin: 0 -4px;
+  border-radius: 4px;
+  cursor: pointer;
+
+  &:hover {
+    border-color: ${(e) => e.$isDark ? "#4d4848" : "#c0bbbb"};
+  }
+`;
+function Dn(e) {
+  const [t, n] = U(!1), r = en(null), o = Qn();
+  oe(() => {
+    t && r.current && (e.type === "input" ? r.current.select() : r.current.focus());
+  }, [t, e.type]);
+  function a() {
+    n(!0);
+  }
+  function i(c) {
+    n(!1), e.onChange(c);
+  }
+  function s(c) {
+    e.onChange(c), r.current.blur();
+  }
+  if (t) {
+    if (e.type === "textarea")
+      return /* @__PURE__ */ p("div", { style: { paddingBottom: 18 }, children: /* @__PURE__ */ p(
+        Ft.TextArea,
+        {
+          showCount: !0,
+          maxLength: e.maxLength,
+          defaultValue: e.value,
+          ref: r,
+          size: "small",
+          style: { width: "100%" },
+          autoSize: { minRows: 4, maxRows: 4 },
+          onBlur: (c) => i(c.target.value),
+          onKeyDown: (c) => {
+            if (c.key === "Enter") {
+              if (c.shiftKey || c.ctrlKey || c.metaKey)
+                return;
+              {
+                c.preventDefault();
+                const l = c.target;
+                return s(l.value), !1;
+              }
+            }
+          }
+        }
+      ) });
+    if (e.type === "input")
+      return /* @__PURE__ */ p(
+        Ft,
+        {
+          showCount: !0,
+          maxLength: e.maxLength,
+          defaultValue: e.value,
+          ref: r,
+          size: "small",
+          style: { width: "100%" },
+          onBlur: (c) => i(c.target.value),
+          onPressEnter: (c) => {
+            const l = c.target;
+            s(l.value);
+          }
+        }
+      );
+  }
+  return /* @__PURE__ */ p(si, { onClick: a, $isDark: o, children: /* @__PURE__ */ p(
+    "div",
+    {
+      style: { minHeight: 22 },
+      dangerouslySetInnerHTML: {
+        __html: e.value.trim().split(`
+`).slice(0, 4).join("<br/>") + (e.value.trim().split(`
+`).length > 4 ? "..." : "")
+      }
+    }
+  ) });
+}
+var ci = /* @__PURE__ */ Jt({});
+const Or = ci;
+function pe() {
+  return pe = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var r in n)
+        Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+    }
+    return e;
+  }, pe.apply(this, arguments);
+}
+function li(e) {
+  if (Array.isArray(e))
+    return e;
+}
+function ui(e, t) {
+  var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (n != null) {
+    var r, o, a, i, s = [], c = !0, l = !1;
+    try {
+      if (a = (n = n.call(e)).next, t === 0) {
+        if (Object(n) !== n)
+          return;
+        c = !1;
+      } else
+        for (; !(c = (r = a.call(n)).done) && (s.push(r.value), s.length !== t); c = !0)
+          ;
+    } catch (d) {
+      l = !0, o = d;
+    } finally {
+      try {
+        if (!c && n.return != null && (i = n.return(), Object(i) !== i))
+          return;
+      } finally {
+        if (l)
+          throw o;
+      }
+    }
+    return s;
+  }
+}
+function In(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var n = 0, r = new Array(t); n < t; n++)
+    r[n] = e[n];
+  return r;
+}
+function fi(e, t) {
+  if (e) {
+    if (typeof e == "string")
+      return In(e, t);
+    var n = Object.prototype.toString.call(e).slice(8, -1);
+    if (n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set")
+      return Array.from(e);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return In(e, t);
+  }
+}
+function di() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function Ar(e, t) {
+  return li(e) || ui(e, t) || fi(e, t) || di();
+}
+function ge(e) {
+  "@babel/helpers - typeof";
+  return ge = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, ge(e);
+}
+function hi(e, t) {
+  if (ge(e) != "object" || !e)
+    return e;
+  var n = e[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var r = n.call(e, t || "default");
+    if (ge(r) != "object")
+      return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function pi(e) {
+  var t = hi(e, "string");
+  return ge(t) == "symbol" ? t : String(t);
+}
+function Ht(e, t, n) {
+  return t = pi(t), t in e ? Object.defineProperty(e, t, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = n, e;
+}
+function gi(e, t) {
+  if (e == null)
+    return {};
+  var n = {}, r = Object.keys(e), o, a;
+  for (a = 0; a < r.length; a++)
+    o = r[a], !(t.indexOf(o) >= 0) && (n[o] = e[o]);
+  return n;
+}
+function Mr(e, t) {
+  if (e == null)
+    return {};
+  var n = gi(e, t), r, o;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < a.length; o++)
+      r = a[o], !(t.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
+  }
+  return n;
+}
+var Nr = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var a = "", i = 0; i < arguments.length; i++) {
+        var s = arguments[i];
+        s && (a = o(a, r(s)));
+      }
+      return a;
+    }
+    function r(a) {
+      if (typeof a == "string" || typeof a == "number")
+        return a;
+      if (typeof a != "object")
+        return "";
+      if (Array.isArray(a))
+        return n.apply(null, a);
+      if (a.toString !== Object.prototype.toString && !a.toString.toString().includes("[native code]"))
+        return a.toString();
+      var i = "";
+      for (var s in a)
+        t.call(a, s) && a[s] && (i = o(i, s));
+      return i;
+    }
+    function o(a, i) {
+      return i ? a ? a + " " + i : a + i : a;
+    }
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+  })();
+})(Nr);
+var mi = Nr.exports;
+const yi = /* @__PURE__ */ tr(mi);
+function q(e, t) {
+  bi(e) && (e = "100%");
+  const n = vi(e);
+  return e = t === 360 ? e : Math.min(t, Math.max(0, parseFloat(e))), n && (e = parseInt(String(e * t), 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : (t === 360 ? e = (e < 0 ? e % t + t : e % t) / parseFloat(String(t)) : e = e % t / parseFloat(String(t)), e);
+}
+function bi(e) {
+  return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
+}
+function vi(e) {
+  return typeof e == "string" && e.indexOf("%") !== -1;
+}
+function wi(e) {
+  return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
+}
+function Ke(e) {
+  return Number(e) <= 1 ? `${Number(e) * 100}%` : e;
+}
+function Mt(e) {
+  return e.length === 1 ? "0" + e : String(e);
+}
+function xi(e, t, n) {
+  return {
+    r: q(e, 255) * 255,
+    g: q(t, 255) * 255,
+    b: q(n, 255) * 255
+  };
+}
+function Nt(e, t, n) {
+  return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * (6 * n) : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
+}
+function Ci(e, t, n) {
+  let r, o, a;
+  if (e = q(e, 360), t = q(t, 100), n = q(n, 100), t === 0)
+    o = n, a = n, r = n;
+  else {
+    const i = n < 0.5 ? n * (1 + t) : n + t - n * t, s = 2 * n - i;
+    r = Nt(s, i, e + 1 / 3), o = Nt(s, i, e), a = Nt(s, i, e - 1 / 3);
+  }
+  return { r: r * 255, g: o * 255, b: a * 255 };
+}
+function ki(e, t, n) {
+  e = q(e, 255), t = q(t, 255), n = q(n, 255);
+  const r = Math.max(e, t, n), o = Math.min(e, t, n);
+  let a = 0;
+  const i = r, s = r - o, c = r === 0 ? 0 : s / r;
+  if (r === o)
+    a = 0;
+  else {
+    switch (r) {
+      case e:
+        a = (t - n) / s + (t < n ? 6 : 0);
+        break;
+      case t:
+        a = (n - e) / s + 2;
+        break;
+      case n:
+        a = (e - t) / s + 4;
+        break;
+    }
+    a /= 6;
+  }
+  return { h: a, s: c, v: i };
+}
+function Si(e, t, n) {
+  e = q(e, 360) * 6, t = q(t, 100), n = q(n, 100);
+  const r = Math.floor(e), o = e - r, a = n * (1 - t), i = n * (1 - o * t), s = n * (1 - (1 - o) * t), c = r % 6, l = [n, i, a, a, s, n][c], d = [s, n, n, i, a, a][c], u = [a, a, s, n, n, i][c];
+  return { r: l * 255, g: d * 255, b: u * 255 };
+}
+function Ei(e, t, n, r) {
+  const o = [
+    Mt(Math.round(e).toString(16)),
+    Mt(Math.round(t).toString(16)),
+    Mt(Math.round(n).toString(16))
+  ];
+  return r && o[0].startsWith(o[0].charAt(1)) && o[1].startsWith(o[1].charAt(1)) && o[2].startsWith(o[2].charAt(1)) ? o[0].charAt(0) + o[1].charAt(0) + o[2].charAt(0) : o.join("");
+}
+function $n(e) {
+  return R(e) / 255;
+}
+function R(e) {
+  return parseInt(e, 16);
+}
+const Fn = {
+  aliceblue: "#f0f8ff",
+  antiquewhite: "#faebd7",
+  aqua: "#00ffff",
+  aquamarine: "#7fffd4",
+  azure: "#f0ffff",
+  beige: "#f5f5dc",
+  bisque: "#ffe4c4",
+  black: "#000000",
+  blanchedalmond: "#ffebcd",
+  blue: "#0000ff",
+  blueviolet: "#8a2be2",
+  brown: "#a52a2a",
+  burlywood: "#deb887",
+  cadetblue: "#5f9ea0",
+  chartreuse: "#7fff00",
+  chocolate: "#d2691e",
+  coral: "#ff7f50",
+  cornflowerblue: "#6495ed",
+  cornsilk: "#fff8dc",
+  crimson: "#dc143c",
+  cyan: "#00ffff",
+  darkblue: "#00008b",
+  darkcyan: "#008b8b",
+  darkgoldenrod: "#b8860b",
+  darkgray: "#a9a9a9",
+  darkgreen: "#006400",
+  darkgrey: "#a9a9a9",
+  darkkhaki: "#bdb76b",
+  darkmagenta: "#8b008b",
+  darkolivegreen: "#556b2f",
+  darkorange: "#ff8c00",
+  darkorchid: "#9932cc",
+  darkred: "#8b0000",
+  darksalmon: "#e9967a",
+  darkseagreen: "#8fbc8f",
+  darkslateblue: "#483d8b",
+  darkslategray: "#2f4f4f",
+  darkslategrey: "#2f4f4f",
+  darkturquoise: "#00ced1",
+  darkviolet: "#9400d3",
+  deeppink: "#ff1493",
+  deepskyblue: "#00bfff",
+  dimgray: "#696969",
+  dimgrey: "#696969",
+  dodgerblue: "#1e90ff",
+  firebrick: "#b22222",
+  floralwhite: "#fffaf0",
+  forestgreen: "#228b22",
+  fuchsia: "#ff00ff",
+  gainsboro: "#dcdcdc",
+  ghostwhite: "#f8f8ff",
+  goldenrod: "#daa520",
+  gold: "#ffd700",
+  gray: "#808080",
+  green: "#008000",
+  greenyellow: "#adff2f",
+  grey: "#808080",
+  honeydew: "#f0fff0",
+  hotpink: "#ff69b4",
+  indianred: "#cd5c5c",
+  indigo: "#4b0082",
+  ivory: "#fffff0",
+  khaki: "#f0e68c",
+  lavenderblush: "#fff0f5",
+  lavender: "#e6e6fa",
+  lawngreen: "#7cfc00",
+  lemonchiffon: "#fffacd",
+  lightblue: "#add8e6",
+  lightcoral: "#f08080",
+  lightcyan: "#e0ffff",
+  lightgoldenrodyellow: "#fafad2",
+  lightgray: "#d3d3d3",
+  lightgreen: "#90ee90",
+  lightgrey: "#d3d3d3",
+  lightpink: "#ffb6c1",
+  lightsalmon: "#ffa07a",
+  lightseagreen: "#20b2aa",
+  lightskyblue: "#87cefa",
+  lightslategray: "#778899",
+  lightslategrey: "#778899",
+  lightsteelblue: "#b0c4de",
+  lightyellow: "#ffffe0",
+  lime: "#00ff00",
+  limegreen: "#32cd32",
+  linen: "#faf0e6",
+  magenta: "#ff00ff",
+  maroon: "#800000",
+  mediumaquamarine: "#66cdaa",
+  mediumblue: "#0000cd",
+  mediumorchid: "#ba55d3",
+  mediumpurple: "#9370db",
+  mediumseagreen: "#3cb371",
+  mediumslateblue: "#7b68ee",
+  mediumspringgreen: "#00fa9a",
+  mediumturquoise: "#48d1cc",
+  mediumvioletred: "#c71585",
+  midnightblue: "#191970",
+  mintcream: "#f5fffa",
+  mistyrose: "#ffe4e1",
+  moccasin: "#ffe4b5",
+  navajowhite: "#ffdead",
+  navy: "#000080",
+  oldlace: "#fdf5e6",
+  olive: "#808000",
+  olivedrab: "#6b8e23",
+  orange: "#ffa500",
+  orangered: "#ff4500",
+  orchid: "#da70d6",
+  palegoldenrod: "#eee8aa",
+  palegreen: "#98fb98",
+  paleturquoise: "#afeeee",
+  palevioletred: "#db7093",
+  papayawhip: "#ffefd5",
+  peachpuff: "#ffdab9",
+  peru: "#cd853f",
+  pink: "#ffc0cb",
+  plum: "#dda0dd",
+  powderblue: "#b0e0e6",
+  purple: "#800080",
+  rebeccapurple: "#663399",
+  red: "#ff0000",
+  rosybrown: "#bc8f8f",
+  royalblue: "#4169e1",
+  saddlebrown: "#8b4513",
+  salmon: "#fa8072",
+  sandybrown: "#f4a460",
+  seagreen: "#2e8b57",
+  seashell: "#fff5ee",
+  sienna: "#a0522d",
+  silver: "#c0c0c0",
+  skyblue: "#87ceeb",
+  slateblue: "#6a5acd",
+  slategray: "#708090",
+  slategrey: "#708090",
+  snow: "#fffafa",
+  springgreen: "#00ff7f",
+  steelblue: "#4682b4",
+  tan: "#d2b48c",
+  teal: "#008080",
+  thistle: "#d8bfd8",
+  tomato: "#ff6347",
+  turquoise: "#40e0d0",
+  violet: "#ee82ee",
+  wheat: "#f5deb3",
+  white: "#ffffff",
+  whitesmoke: "#f5f5f5",
+  yellow: "#ffff00",
+  yellowgreen: "#9acd32"
+};
+function Ie(e) {
+  let t = { r: 0, g: 0, b: 0 }, n = 1, r = null, o = null, a = null, i = !1, s = !1;
+  return typeof e == "string" && (e = Mi(e)), typeof e == "object" && (X(e.r) && X(e.g) && X(e.b) ? (t = xi(e.r, e.g, e.b), i = !0, s = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : X(e.h) && X(e.s) && X(e.v) ? (r = Ke(e.s), o = Ke(e.v), t = Si(e.h, r, o), i = !0, s = "hsv") : X(e.h) && X(e.s) && X(e.l) && (r = Ke(e.s), a = Ke(e.l), t = Ci(e.h, r, a), i = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = wi(n), {
+    ok: i,
+    format: e.format || s,
+    r: Math.min(255, Math.max(t.r, 0)),
+    g: Math.min(255, Math.max(t.g, 0)),
+    b: Math.min(255, Math.max(t.b, 0)),
+    a: n
+  };
+}
+const Oi = "[-\\+]?\\d+%?", Ai = "[-\\+]?\\d*\\.\\d+%?", te = `(?:${Ai})|(?:${Oi})`, Pt = `[\\s|\\(]+(${te})[,|\\s]+(${te})[,|\\s]+(${te})\\s*\\)?`, Tt = `[\\s|\\(]+(${te})[,|\\s]+(${te})[,|\\s]+(${te})[,|\\s]+(${te})\\s*\\)?`, H = {
+  CSS_UNIT: new RegExp(te),
+  rgb: new RegExp("rgb" + Pt),
+  rgba: new RegExp("rgba" + Tt),
+  hsl: new RegExp("hsl" + Pt),
+  hsla: new RegExp("hsla" + Tt),
+  hsv: new RegExp("hsv" + Pt),
+  hsva: new RegExp("hsva" + Tt),
+  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+};
+function Mi(e) {
+  if (e = e.trim().toLowerCase(), e.length === 0)
+    return !1;
+  let t = !1;
+  if (Fn[e])
+    e = Fn[e], t = !0;
+  else if (e === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  let n = H.rgb.exec(e);
+  return n ? { r: n[1], g: n[2], b: n[3] } : (n = H.rgba.exec(e), n ? { r: n[1], g: n[2], b: n[3], a: n[4] } : (n = H.hsl.exec(e), n ? { h: n[1], s: n[2], l: n[3] } : (n = H.hsla.exec(e), n ? { h: n[1], s: n[2], l: n[3], a: n[4] } : (n = H.hsv.exec(e), n ? { h: n[1], s: n[2], v: n[3] } : (n = H.hsva.exec(e), n ? { h: n[1], s: n[2], v: n[3], a: n[4] } : (n = H.hex8.exec(e), n ? {
+    r: R(n[1]),
+    g: R(n[2]),
+    b: R(n[3]),
+    a: $n(n[4]),
+    format: t ? "name" : "hex8"
+  } : (n = H.hex6.exec(e), n ? {
+    r: R(n[1]),
+    g: R(n[2]),
+    b: R(n[3]),
+    format: t ? "name" : "hex"
+  } : (n = H.hex4.exec(e), n ? {
+    r: R(n[1] + n[1]),
+    g: R(n[2] + n[2]),
+    b: R(n[3] + n[3]),
+    a: $n(n[4] + n[4]),
+    format: t ? "name" : "hex8"
+  } : (n = H.hex3.exec(e), n ? {
+    r: R(n[1] + n[1]),
+    g: R(n[2] + n[2]),
+    b: R(n[3] + n[3]),
+    format: t ? "name" : "hex"
+  } : !1)))))))));
+}
+function X(e) {
+  return !!H.CSS_UNIT.exec(String(e));
+}
+var Ye = 2, zn = 0.16, Ni = 0.05, Pi = 0.05, Ti = 0.15, Pr = 5, Tr = 4, Di = [{
+  index: 7,
+  opacity: 0.15
+}, {
+  index: 6,
+  opacity: 0.25
+}, {
+  index: 5,
+  opacity: 0.3
+}, {
+  index: 5,
+  opacity: 0.45
+}, {
+  index: 5,
+  opacity: 0.65
+}, {
+  index: 5,
+  opacity: 0.85
+}, {
+  index: 4,
+  opacity: 0.9
+}, {
+  index: 3,
+  opacity: 0.95
+}, {
+  index: 2,
+  opacity: 0.97
+}, {
+  index: 1,
+  opacity: 0.98
+}];
+function Rn(e) {
+  var t = e.r, n = e.g, r = e.b, o = ki(t, n, r);
+  return {
+    h: o.h * 360,
+    s: o.s,
+    v: o.v
+  };
+}
+function Xe(e) {
+  var t = e.r, n = e.g, r = e.b;
+  return "#".concat(Ei(t, n, r, !1));
+}
+function Ii(e, t, n) {
+  var r = n / 100, o = {
+    r: (t.r - e.r) * r + e.r,
+    g: (t.g - e.g) * r + e.g,
+    b: (t.b - e.b) * r + e.b
+  };
+  return o;
+}
+function _n(e, t, n) {
+  var r;
+  return Math.round(e.h) >= 60 && Math.round(e.h) <= 240 ? r = n ? Math.round(e.h) - Ye * t : Math.round(e.h) + Ye * t : r = n ? Math.round(e.h) + Ye * t : Math.round(e.h) - Ye * t, r < 0 ? r += 360 : r >= 360 && (r -= 360), r;
+}
+function jn(e, t, n) {
+  if (e.h === 0 && e.s === 0)
+    return e.s;
+  var r;
+  return n ? r = e.s - zn * t : t === Tr ? r = e.s + zn : r = e.s + Ni * t, r > 1 && (r = 1), n && t === Pr && r > 0.1 && (r = 0.1), r < 0.06 && (r = 0.06), Number(r.toFixed(2));
+}
+function Ln(e, t, n) {
+  var r;
+  return n ? r = e.v + Pi * t : r = e.v - Ti * t, r > 1 && (r = 1), Number(r.toFixed(2));
+}
+function Vt(e) {
+  for (var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = [], r = Ie(e), o = Pr; o > 0; o -= 1) {
+    var a = Rn(r), i = Xe(Ie({
+      h: _n(a, o, !0),
+      s: jn(a, o, !0),
+      v: Ln(a, o, !0)
+    }));
+    n.push(i);
+  }
+  n.push(Xe(r));
+  for (var s = 1; s <= Tr; s += 1) {
+    var c = Rn(r), l = Xe(Ie({
+      h: _n(c, s),
+      s: jn(c, s),
+      v: Ln(c, s)
+    }));
+    n.push(l);
+  }
+  return t.theme === "dark" ? Di.map(function(d) {
+    var u = d.index, f = d.opacity, h = Xe(Ii(Ie(t.backgroundColor || "#141414"), Ie(n[u]), f * 100));
+    return h;
+  }) : n;
+}
+var Dt = {
+  red: "#F5222D",
+  volcano: "#FA541C",
+  orange: "#FA8C16",
+  gold: "#FAAD14",
+  yellow: "#FADB14",
+  lime: "#A0D911",
+  green: "#52C41A",
+  cyan: "#13C2C2",
+  blue: "#1677FF",
+  geekblue: "#2F54EB",
+  purple: "#722ED1",
+  magenta: "#EB2F96",
+  grey: "#666666"
+}, ot = {}, It = {};
+Object.keys(Dt).forEach(function(e) {
+  ot[e] = Vt(Dt[e]), ot[e].primary = ot[e][5], It[e] = Vt(Dt[e], {
+    theme: "dark",
+    backgroundColor: "#141414"
+  }), It[e].primary = It[e][5];
+});
+var $i = ot.blue;
+function Gn(e, t) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(e);
+    t && (r = r.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), n.push.apply(n, r);
+  }
+  return n;
+}
+function ne(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var n = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? Gn(Object(n), !0).forEach(function(r) {
+      Ht(e, r, n[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Gn(Object(n)).forEach(function(r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
+    });
+  }
+  return e;
+}
+function Fi() {
+  return !!(typeof window < "u" && window.document && window.document.createElement);
+}
+function zi(e, t) {
+  if (!e)
+    return !1;
+  if (e.contains)
+    return e.contains(t);
+  for (var n = t; n; ) {
+    if (n === e)
+      return !0;
+    n = n.parentNode;
+  }
+  return !1;
+}
+var qn = "data-rc-order", Bn = "data-rc-priority", Ri = "rc-util-key", Wt = /* @__PURE__ */ new Map();
+function Dr() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.mark;
+  return t ? t.startsWith("data-") ? t : "data-".concat(t) : Ri;
+}
+function cn(e) {
+  if (e.attachTo)
+    return e.attachTo;
+  var t = document.querySelector("head");
+  return t || document.body;
+}
+function _i(e) {
+  return e === "queue" ? "prependQueue" : e ? "prepend" : "append";
+}
+function Ir(e) {
+  return Array.from((Wt.get(e) || e).children).filter(function(t) {
+    return t.tagName === "STYLE";
+  });
+}
+function $r(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  if (!Fi())
+    return null;
+  var n = t.csp, r = t.prepend, o = t.priority, a = o === void 0 ? 0 : o, i = _i(r), s = i === "prependQueue", c = document.createElement("style");
+  c.setAttribute(qn, i), s && a && c.setAttribute(Bn, "".concat(a)), n != null && n.nonce && (c.nonce = n == null ? void 0 : n.nonce), c.innerHTML = e;
+  var l = cn(t), d = l.firstChild;
+  if (r) {
+    if (s) {
+      var u = Ir(l).filter(function(f) {
+        if (!["prepend", "prependQueue"].includes(f.getAttribute(qn)))
+          return !1;
+        var h = Number(f.getAttribute(Bn) || 0);
+        return a >= h;
+      });
+      if (u.length)
+        return l.insertBefore(c, u[u.length - 1].nextSibling), c;
+    }
+    l.insertBefore(c, d);
+  } else
+    l.appendChild(c);
+  return c;
+}
+function ji(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = cn(t);
+  return Ir(n).find(function(r) {
+    return r.getAttribute(Dr(t)) === e;
+  });
+}
+function Li(e, t) {
+  var n = Wt.get(e);
+  if (!n || !zi(document, n)) {
+    var r = $r("", t), o = r.parentNode;
+    Wt.set(e, o), e.removeChild(r);
+  }
+}
+function Gi(e, t) {
+  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = cn(n);
+  Li(r, n);
+  var o = ji(t, n);
+  if (o) {
+    var a, i;
+    if ((a = n.csp) !== null && a !== void 0 && a.nonce && o.nonce !== ((i = n.csp) === null || i === void 0 ? void 0 : i.nonce)) {
+      var s;
+      o.nonce = (s = n.csp) === null || s === void 0 ? void 0 : s.nonce;
+    }
+    return o.innerHTML !== e && (o.innerHTML = e), o;
+  }
+  var c = $r(e, n);
+  return c.setAttribute(Dr(n), t), c;
+}
+function Fr(e) {
+  var t;
+  return e == null || (t = e.getRootNode) === null || t === void 0 ? void 0 : t.call(e);
+}
+function qi(e) {
+  return Fr(e) instanceof ShadowRoot;
+}
+function Bi(e) {
+  return qi(e) ? Fr(e) : null;
+}
+var Ut = {}, ln = [], Hi = function(t) {
+  ln.push(t);
+};
+function Vi(e, t) {
+  if (process.env.NODE_ENV !== "production" && !e && console !== void 0) {
+    var n = ln.reduce(function(r, o) {
+      return o(r ?? "", "warning");
+    }, t);
+    n && console.error("Warning: ".concat(n));
+  }
+}
+function Wi(e, t) {
+  if (process.env.NODE_ENV !== "production" && !e && console !== void 0) {
+    var n = ln.reduce(function(r, o) {
+      return o(r ?? "", "note");
+    }, t);
+    n && console.warn("Note: ".concat(n));
+  }
+}
+function Ui() {
+  Ut = {};
+}
+function zr(e, t, n) {
+  !t && !Ut[n] && (e(!1, n), Ut[n] = !0);
+}
+function mt(e, t) {
+  zr(Vi, e, t);
+}
+function Ki(e, t) {
+  zr(Wi, e, t);
+}
+mt.preMessage = Hi;
+mt.resetWarned = Ui;
+mt.noteOnce = Ki;
+function Yi(e) {
+  return e.replace(/-(.)/g, function(t, n) {
+    return n.toUpperCase();
+  });
+}
+function Xi(e, t) {
+  mt(e, "[@ant-design/icons] ".concat(t));
+}
+function Hn(e) {
+  return ge(e) === "object" && typeof e.name == "string" && typeof e.theme == "string" && (ge(e.icon) === "object" || typeof e.icon == "function");
+}
+function Vn() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  return Object.keys(e).reduce(function(t, n) {
+    var r = e[n];
+    switch (n) {
+      case "class":
+        t.className = r, delete t.class;
+        break;
+      default:
+        delete t[n], t[Yi(n)] = r;
+    }
+    return t;
+  }, {});
+}
+function Kt(e, t, n) {
+  return n ? /* @__PURE__ */ de.createElement(e.tag, ne(ne({
+    key: t
+  }, Vn(e.attrs)), n), (e.children || []).map(function(r, o) {
+    return Kt(r, "".concat(t, "-").concat(e.tag, "-").concat(o));
+  })) : /* @__PURE__ */ de.createElement(e.tag, ne({
+    key: t
+  }, Vn(e.attrs)), (e.children || []).map(function(r, o) {
+    return Kt(r, "".concat(t, "-").concat(e.tag, "-").concat(o));
+  }));
+}
+function Rr(e) {
+  return Vt(e)[0];
+}
+function _r(e) {
+  return e ? Array.isArray(e) ? e : [e] : [];
+}
+var Zi = `
+.anticon {
+  display: inline-block;
+  color: inherit;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.anticon > * {
+  line-height: 1;
+}
+
+.anticon svg {
+  display: inline-block;
+}
+
+.anticon::before {
+  display: none;
+}
+
+.anticon .anticon-icon {
+  display: block;
+}
+
+.anticon[tabindex] {
+  cursor: pointer;
+}
+
+.anticon-spin::before,
+.anticon-spin {
+  display: inline-block;
+  -webkit-animation: loadingCircle 1s infinite linear;
+  animation: loadingCircle 1s infinite linear;
+}
+
+@-webkit-keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+`, Qi = function(t) {
+  var n = lt(Or), r = n.csp, o = n.prefixCls, a = Zi;
+  o && (a = a.replace(/anticon/g, o)), oe(function() {
+    var i = t.current, s = Bi(i);
+    Gi(a, "@ant-design-icons", {
+      prepend: !0,
+      csp: r,
+      attachTo: s
+    });
+  }, []);
+}, Ji = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"], ze = {
+  primaryColor: "#333",
+  secondaryColor: "#E6E6E6",
+  calculated: !1
+};
+function es(e) {
+  var t = e.primaryColor, n = e.secondaryColor;
+  ze.primaryColor = t, ze.secondaryColor = n || Rr(t), ze.calculated = !!n;
+}
+function ts() {
+  return ne({}, ze);
+}
+var yt = function(t) {
+  var n = t.icon, r = t.className, o = t.onClick, a = t.style, i = t.primaryColor, s = t.secondaryColor, c = Mr(t, Ji), l = j.useRef(), d = ze;
+  if (i && (d = {
+    primaryColor: i,
+    secondaryColor: s || Rr(i)
+  }), Qi(l), Xi(Hn(n), "icon should be icon definiton, but got ".concat(n)), !Hn(n))
+    return null;
+  var u = n;
+  return u && typeof u.icon == "function" && (u = ne(ne({}, u), {}, {
+    icon: u.icon(d.primaryColor, d.secondaryColor)
+  })), Kt(u.icon, "svg-".concat(u.name), ne(ne({
+    className: r,
+    onClick: o,
+    style: a,
+    "data-icon": u.name,
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, c), {}, {
+    ref: l
+  }));
+};
+yt.displayName = "IconReact";
+yt.getTwoToneColors = ts;
+yt.setTwoToneColors = es;
+const un = yt;
+function jr(e) {
+  var t = _r(e), n = Ar(t, 2), r = n[0], o = n[1];
+  return un.setTwoToneColors({
+    primaryColor: r,
+    secondaryColor: o
+  });
+}
+function ns() {
+  var e = un.getTwoToneColors();
+  return e.calculated ? [e.primaryColor, e.secondaryColor] : e.primaryColor;
+}
+var rs = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
+jr($i.primary);
+var bt = /* @__PURE__ */ j.forwardRef(function(e, t) {
+  var n, r = e.className, o = e.icon, a = e.spin, i = e.rotate, s = e.tabIndex, c = e.onClick, l = e.twoToneColor, d = Mr(e, rs), u = j.useContext(Or), f = u.prefixCls, h = f === void 0 ? "anticon" : f, m = u.rootClassName, x = yi(m, h, (n = {}, Ht(n, "".concat(h, "-").concat(o.name), !!o.name), Ht(n, "".concat(h, "-spin"), !!a || o.name === "loading"), n), r), M = s;
+  M === void 0 && c && (M = -1);
+  var v = i ? {
+    msTransform: "rotate(".concat(i, "deg)"),
+    transform: "rotate(".concat(i, "deg)")
+  } : void 0, S = _r(l), k = Ar(S, 2), E = k[0], A = k[1];
+  return /* @__PURE__ */ j.createElement("span", pe({
+    role: "img",
+    "aria-label": o.name
+  }, d, {
+    ref: t,
+    tabIndex: M,
+    onClick: c,
+    className: x
+  }), /* @__PURE__ */ j.createElement(un, {
+    icon: o,
+    primaryColor: E,
+    secondaryColor: A,
+    style: v
+  }));
+});
+bt.displayName = "AntdIcon";
+bt.getTwoToneColor = ns;
+bt.setTwoToneColor = jr;
+const vt = bt;
+var os = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" } }] }, name: "delete", theme: "outlined" };
+const as = os;
+var Lr = function(t, n) {
+  return /* @__PURE__ */ j.createElement(vt, pe({}, t, {
+    ref: n,
+    icon: as
+  }));
+};
+process.env.NODE_ENV !== "production" && (Lr.displayName = "DeleteOutlined");
+const is = /* @__PURE__ */ j.forwardRef(Lr);
+var ss = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z" } }] }, name: "edit", theme: "outlined" };
+const cs = ss;
+var Gr = function(t, n) {
+  return /* @__PURE__ */ j.createElement(vt, pe({}, t, {
+    ref: n,
+    icon: cs
+  }));
+};
+process.env.NODE_ENV !== "production" && (Gr.displayName = "EditOutlined");
+const ls = /* @__PURE__ */ j.forwardRef(Gr);
+var us = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { tag: "path", attrs: { d: "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, name: "plus", theme: "outlined" };
+const fs = us;
+var qr = function(t, n) {
+  return /* @__PURE__ */ j.createElement(vt, pe({}, t, {
+    ref: n,
+    icon: fs
+  }));
+};
+process.env.NODE_ENV !== "production" && (qr.displayName = "PlusOutlined");
+const ds = /* @__PURE__ */ j.forwardRef(qr);
+var hs = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 009.3-35.2l-.9-2.6a443.74 443.74 0 00-79.7-137.9l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.4a351.86 351.86 0 00-99 57.4l-81.9-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a446.02 446.02 0 00-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1 0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0025.8 25.7l2.7.5a449.4 449.4 0 00159 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-85a350 350 0 0099.7-57.6l81.3 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1 74.7 63.9a370.03 370.03 0 01-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3-17.9 97a377.5 377.5 0 01-85 0l-17.9-97.2-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5 0-15.3 1.2-30.6 3.7-45.5l6.5-40-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2 31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3 17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97 38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8 92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm79.2 255.2A111.6 111.6 0 01512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 01400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8A111.6 111.6 0 01624 502c0 29.9-11.7 58-32.8 79.2z" } }] }, name: "setting", theme: "outlined" };
+const ps = hs;
+var Br = function(t, n) {
+  return /* @__PURE__ */ j.createElement(vt, pe({}, t, {
+    ref: n,
+    icon: ps
+  }));
+};
+process.env.NODE_ENV !== "production" && (Br.displayName = "SettingOutlined");
+const gs = /* @__PURE__ */ j.forwardRef(Br), ms = K.div``, ys = K.div`
+  min-height: 380px;
+`, bs = K.span`
+  font-size: 12px;
+`, vs = K.div`
+  &:hover {
+    .ant-btn {
+      display: block;
+    }
+  }
+  .ant-btn {
+    display: none;
+  }
+`, ws = K.div`
+  background-color: ${(e) => e.$color};
+  width: 12px;
+  height: 12px;
+  border: 1px solid #fff;
+  border-radius: 4px;
+`, xs = ({
+  data: e = [],
+  onChange: t = () => {
+  },
+  ...n
+}) => {
+  const [r, o] = U([]), { t: a } = Ae();
+  oe(() => {
+    e.length > 0 && o([e[0].id]);
+  }, []);
+  const i = le(() => e.map((f) => ({
+    key: f.id,
+    label: /* @__PURE__ */ p(vs, { children: /* @__PURE__ */ P(Qe, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ P(F, { children: [
+        /* @__PURE__ */ p("span", { children: f.title }),
+        f.data.length ? /* @__PURE__ */ P(bs, { children: [
+          "(",
+          f.data.length,
+          ")"
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ P(F, { size: 8, children: [
+        /* @__PURE__ */ p(ws, { $color: f.color }),
+        /* @__PURE__ */ p(
+          Cs,
+          {
+            data: f,
+            onSaved: (h) => c(f.id, h)
+          }
+        ),
+        /* @__PURE__ */ p(
+          Ho,
+          {
+            title: a("confirmDelete"),
+            onConfirm: () => l(f.id),
+            children: /* @__PURE__ */ p(
+              Q,
+              {
+                danger: !0,
+                size: "small",
+                icon: /* @__PURE__ */ p(is, {}),
+                type: "text"
+              }
+            )
+          }
+        )
+      ] })
+    ] }) })
+  })), [e]), s = le(() => {
+    const f = r[0];
+    if (f) {
+      const h = e.find((m) => m.id === f);
+      if (h)
+        return h.data;
+    }
+    return !1;
+  }, [r, e]);
+  function c(f, h) {
+    const m = [...e], x = m.findIndex((M) => M.id === f);
+    ~x && (m[x] = {
+      ...m[x],
+      ...h
+    }), t(m);
+  }
+  function l(f) {
+    const h = [...e].filter((m) => m.id !== f);
+    t(h);
+  }
+  function d(f) {
+    const h = [...e], m = r[0];
+    if (m) {
+      const x = h.find((M) => M.id === m);
+      x && (x.data = f);
+    }
+    t(h);
+  }
+  function u(f) {
+    const h = Jo(), m = [...e];
+    m.push({
+      id: h,
+      color: f.color,
+      title: f.title,
+      data: []
+    }), t(m), o([h]);
+  }
+  return i.length === 0 ? /* @__PURE__ */ P(Qe, { vertical: !0, align: "center", gap: 8, children: [
+    /* @__PURE__ */ p(Zn, { description: a("noData") }),
+    /* @__PURE__ */ p(Wn, { onCreate: u })
+  ] }) : /* @__PURE__ */ p(ms, { children: /* @__PURE__ */ P(Qe, { gap: 16, children: [
+    /* @__PURE__ */ P(F, { direction: "vertical", children: [
+      /* @__PURE__ */ p(ys, { children: /* @__PURE__ */ p(
+        Vo,
+        {
+          items: i,
+          style: { width: 300 },
+          selectedKeys: r,
+          onSelect: ({ key: f }) => {
+            o([f]);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ p(Wn, { onCreate: u, block: !0 })
+    ] }),
+    s ? /* @__PURE__ */ p(
+      ii,
+      {
+        data: s,
+        onChange: d,
+        ...n
+      }
+    ) : /* @__PURE__ */ p(
+      Wo,
+      {
+        type: "info",
+        message: a("selectAGroupFirst"),
+        style: { height: 60, minWidth: 400 }
+      }
+    )
+  ] }) });
+};
+function Cs(e) {
+  const [t, n] = U({ title: "", color: "" });
+  return /* @__PURE__ */ p(
+    Hr,
+    {
+      isEdit: !1,
+      onCompleteChange: e.onSaved,
+      data: t,
+      onOpenChange: (r) => {
+        r && n(e.data);
+      },
+      onDataChange: (r) => n(r),
+      children: /* @__PURE__ */ p(Q, { size: "small", icon: /* @__PURE__ */ p(ls, {}), type: "text" })
+    }
+  );
+}
+function Wn(e) {
+  const { t } = Ae(), n = {
+    title: "",
+    color: "#1677FF"
+  }, [r, o] = U({
+    ...n
+  });
+  return /* @__PURE__ */ p(
+    Hr,
+    {
+      isEdit: !1,
+      onCompleteChange: e.onCreate,
+      data: r,
+      onOpenChange: (a) => {
+        a && o({
+          ...n
+        });
+      },
+      onDataChange: (a) => o(a),
+      children: /* @__PURE__ */ p(Q, { block: !!e.block, icon: /* @__PURE__ */ p(ds, {}), children: t("addNewGroup") })
+    }
+  );
+}
+function Hr(e) {
+  const [t, n] = U(!1), [r, o] = U(""), a = en(null), { t: i } = Ae();
+  oe(() => {
+    e.onOpenChange(t);
+  }, [t]), oe(() => {
+    t ? (o(e.data.color), setTimeout(() => {
+      var l;
+      (l = a.current) == null || l.focus();
+    }, 300)) : o("");
+  }, [e.data]);
+  function s() {
+    e.data.title.trim().length !== 0 && (e.onCompleteChange({
+      title: e.data.title.trim(),
+      color: e.data.color
+    }), n(!1));
+  }
+  function c(l, d) {
+    e.onDataChange({
+      ...e.data,
+      [l]: d
+    });
+  }
+  return /* @__PURE__ */ p(Qt, { children: /* @__PURE__ */ p(
+    Yn,
+    {
+      title: e.isEdit ? i("editGroup") : i("createGroup"),
+      open: t,
+      onOpenChange: n,
+      trigger: ["click"],
+      content: /* @__PURE__ */ P(F, { direction: "vertical", size: 16, children: [
+        /* @__PURE__ */ P(F, { size: 16, children: [
+          /* @__PURE__ */ P("span", { children: [
+            i("titleFieldName"),
+            ":"
+          ] }),
+          /* @__PURE__ */ p(
+            Ft,
+            {
+              ref: a,
+              showCount: !0,
+              maxLength: 20,
+              value: e.data.title,
+              onChange: (l) => c("title", l.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ P(F, { size: 16, children: [
+          /* @__PURE__ */ P("span", { children: [
+            i("colorFieldName"),
+            ":"
+          ] }),
+          r && /* @__PURE__ */ p(
+            Uo,
+            {
+              value: r,
+              onChange: (l) => o(`#${l.toHex()}`),
+              showText: !0,
+              onChangeComplete: (l) => {
+                c("color", `#${l.toHex()}`);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ p(Q, { block: !0, type: "primary", onClick: s, children: e.isEdit ? i("create") : i("save") })
+      ] }),
+      children: e.children
+    }
+  ) });
+}
+const ks = ({ open: e, onOpenChange: t = () => {
+}, children: n, ...r }) => {
+  const [o, a] = U(e), { t: i } = Ae();
+  return oe(() => {
+    a(!!e);
+  }, [e]), /* @__PURE__ */ P(Qt, { children: [
+    /* @__PURE__ */ p(
+      Xn,
+      {
+        title: i("quickMessageConfigs"),
+        open: o,
+        onCancel: () => {
+          a(!1), t(!1);
+        },
+        width: 980,
+        footer: null,
+        children: /* @__PURE__ */ p(xs, { ...r })
+      }
+    ),
+    /* @__PURE__ */ p(
+      "span",
+      {
+        onClick: () => {
+          a(!0), t(!0);
+        },
+        children: n
+      }
+    )
+  ] });
+};
+var Vr = { exports: {} }, Wr = {
+  aliceblue: [240, 248, 255],
+  antiquewhite: [250, 235, 215],
+  aqua: [0, 255, 255],
+  aquamarine: [127, 255, 212],
+  azure: [240, 255, 255],
+  beige: [245, 245, 220],
+  bisque: [255, 228, 196],
+  black: [0, 0, 0],
+  blanchedalmond: [255, 235, 205],
+  blue: [0, 0, 255],
+  blueviolet: [138, 43, 226],
+  brown: [165, 42, 42],
+  burlywood: [222, 184, 135],
+  cadetblue: [95, 158, 160],
+  chartreuse: [127, 255, 0],
+  chocolate: [210, 105, 30],
+  coral: [255, 127, 80],
+  cornflowerblue: [100, 149, 237],
+  cornsilk: [255, 248, 220],
+  crimson: [220, 20, 60],
+  cyan: [0, 255, 255],
+  darkblue: [0, 0, 139],
+  darkcyan: [0, 139, 139],
+  darkgoldenrod: [184, 134, 11],
+  darkgray: [169, 169, 169],
+  darkgreen: [0, 100, 0],
+  darkgrey: [169, 169, 169],
+  darkkhaki: [189, 183, 107],
+  darkmagenta: [139, 0, 139],
+  darkolivegreen: [85, 107, 47],
+  darkorange: [255, 140, 0],
+  darkorchid: [153, 50, 204],
+  darkred: [139, 0, 0],
+  darksalmon: [233, 150, 122],
+  darkseagreen: [143, 188, 143],
+  darkslateblue: [72, 61, 139],
+  darkslategray: [47, 79, 79],
+  darkslategrey: [47, 79, 79],
+  darkturquoise: [0, 206, 209],
+  darkviolet: [148, 0, 211],
+  deeppink: [255, 20, 147],
+  deepskyblue: [0, 191, 255],
+  dimgray: [105, 105, 105],
+  dimgrey: [105, 105, 105],
+  dodgerblue: [30, 144, 255],
+  firebrick: [178, 34, 34],
+  floralwhite: [255, 250, 240],
+  forestgreen: [34, 139, 34],
+  fuchsia: [255, 0, 255],
+  gainsboro: [220, 220, 220],
+  ghostwhite: [248, 248, 255],
+  gold: [255, 215, 0],
+  goldenrod: [218, 165, 32],
+  gray: [128, 128, 128],
+  green: [0, 128, 0],
+  greenyellow: [173, 255, 47],
+  grey: [128, 128, 128],
+  honeydew: [240, 255, 240],
+  hotpink: [255, 105, 180],
+  indianred: [205, 92, 92],
+  indigo: [75, 0, 130],
+  ivory: [255, 255, 240],
+  khaki: [240, 230, 140],
+  lavender: [230, 230, 250],
+  lavenderblush: [255, 240, 245],
+  lawngreen: [124, 252, 0],
+  lemonchiffon: [255, 250, 205],
+  lightblue: [173, 216, 230],
+  lightcoral: [240, 128, 128],
+  lightcyan: [224, 255, 255],
+  lightgoldenrodyellow: [250, 250, 210],
+  lightgray: [211, 211, 211],
+  lightgreen: [144, 238, 144],
+  lightgrey: [211, 211, 211],
+  lightpink: [255, 182, 193],
+  lightsalmon: [255, 160, 122],
+  lightseagreen: [32, 178, 170],
+  lightskyblue: [135, 206, 250],
+  lightslategray: [119, 136, 153],
+  lightslategrey: [119, 136, 153],
+  lightsteelblue: [176, 196, 222],
+  lightyellow: [255, 255, 224],
+  lime: [0, 255, 0],
+  limegreen: [50, 205, 50],
+  linen: [250, 240, 230],
+  magenta: [255, 0, 255],
+  maroon: [128, 0, 0],
+  mediumaquamarine: [102, 205, 170],
+  mediumblue: [0, 0, 205],
+  mediumorchid: [186, 85, 211],
+  mediumpurple: [147, 112, 219],
+  mediumseagreen: [60, 179, 113],
+  mediumslateblue: [123, 104, 238],
+  mediumspringgreen: [0, 250, 154],
+  mediumturquoise: [72, 209, 204],
+  mediumvioletred: [199, 21, 133],
+  midnightblue: [25, 25, 112],
+  mintcream: [245, 255, 250],
+  mistyrose: [255, 228, 225],
+  moccasin: [255, 228, 181],
+  navajowhite: [255, 222, 173],
+  navy: [0, 0, 128],
+  oldlace: [253, 245, 230],
+  olive: [128, 128, 0],
+  olivedrab: [107, 142, 35],
+  orange: [255, 165, 0],
+  orangered: [255, 69, 0],
+  orchid: [218, 112, 214],
+  palegoldenrod: [238, 232, 170],
+  palegreen: [152, 251, 152],
+  paleturquoise: [175, 238, 238],
+  palevioletred: [219, 112, 147],
+  papayawhip: [255, 239, 213],
+  peachpuff: [255, 218, 185],
+  peru: [205, 133, 63],
+  pink: [255, 192, 203],
+  plum: [221, 160, 221],
+  powderblue: [176, 224, 230],
+  purple: [128, 0, 128],
+  rebeccapurple: [102, 51, 153],
+  red: [255, 0, 0],
+  rosybrown: [188, 143, 143],
+  royalblue: [65, 105, 225],
+  saddlebrown: [139, 69, 19],
+  salmon: [250, 128, 114],
+  sandybrown: [244, 164, 96],
+  seagreen: [46, 139, 87],
+  seashell: [255, 245, 238],
+  sienna: [160, 82, 45],
+  silver: [192, 192, 192],
+  skyblue: [135, 206, 235],
+  slateblue: [106, 90, 205],
+  slategray: [112, 128, 144],
+  slategrey: [112, 128, 144],
+  snow: [255, 250, 250],
+  springgreen: [0, 255, 127],
+  steelblue: [70, 130, 180],
+  tan: [210, 180, 140],
+  teal: [0, 128, 128],
+  thistle: [216, 191, 216],
+  tomato: [255, 99, 71],
+  turquoise: [64, 224, 208],
+  violet: [238, 130, 238],
+  wheat: [245, 222, 179],
+  white: [255, 255, 255],
+  whitesmoke: [245, 245, 245],
+  yellow: [255, 255, 0],
+  yellowgreen: [154, 205, 50]
+}, Ur = { exports: {} }, Ss = function(t) {
+  return !t || typeof t == "string" ? !1 : t instanceof Array || Array.isArray(t) || t.length >= 0 && (t.splice instanceof Function || Object.getOwnPropertyDescriptor(t, t.length - 1) && t.constructor.name !== "String");
+}, Es = Ss, Os = Array.prototype.concat, As = Array.prototype.slice, Un = Ur.exports = function(t) {
+  for (var n = [], r = 0, o = t.length; r < o; r++) {
+    var a = t[r];
+    Es(a) ? n = Os.call(n, As.call(a)) : n.push(a);
+  }
+  return n;
+};
+Un.wrap = function(e) {
+  return function() {
+    return e(Un(arguments));
+  };
+};
+var Ms = Ur.exports, Re = Wr, je = Ms, Kr = Object.hasOwnProperty, Yr = /* @__PURE__ */ Object.create(null);
+for (var $t in Re)
+  Kr.call(Re, $t) && (Yr[Re[$t]] = $t);
+var L = Vr.exports = {
+  to: {},
+  get: {}
+};
+L.get = function(e) {
+  var t = e.substring(0, 3).toLowerCase(), n, r;
+  switch (t) {
+    case "hsl":
+      n = L.get.hsl(e), r = "hsl";
+      break;
+    case "hwb":
+      n = L.get.hwb(e), r = "hwb";
+      break;
+    default:
+      n = L.get.rgb(e), r = "rgb";
+      break;
+  }
+  return n ? { model: r, value: n } : null;
+};
+L.get.rgb = function(e) {
+  if (!e)
+    return null;
+  var t = /^#([a-f0-9]{3,4})$/i, n = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i, r = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, o = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/, a = /^(\w+)$/, i = [0, 0, 0, 1], s, c, l;
+  if (s = e.match(n)) {
+    for (l = s[2], s = s[1], c = 0; c < 3; c++) {
+      var d = c * 2;
+      i[c] = parseInt(s.slice(d, d + 2), 16);
+    }
+    l && (i[3] = parseInt(l, 16) / 255);
+  } else if (s = e.match(t)) {
+    for (s = s[1], l = s[3], c = 0; c < 3; c++)
+      i[c] = parseInt(s[c] + s[c], 16);
+    l && (i[3] = parseInt(l + l, 16) / 255);
+  } else if (s = e.match(r)) {
+    for (c = 0; c < 3; c++)
+      i[c] = parseInt(s[c + 1], 0);
+    s[4] && (s[5] ? i[3] = parseFloat(s[4]) * 0.01 : i[3] = parseFloat(s[4]));
+  } else if (s = e.match(o)) {
+    for (c = 0; c < 3; c++)
+      i[c] = Math.round(parseFloat(s[c + 1]) * 2.55);
+    s[4] && (s[5] ? i[3] = parseFloat(s[4]) * 0.01 : i[3] = parseFloat(s[4]));
+  } else
+    return (s = e.match(a)) ? s[1] === "transparent" ? [0, 0, 0, 0] : Kr.call(Re, s[1]) ? (i = Re[s[1]], i[3] = 1, i) : null : null;
+  for (c = 0; c < 3; c++)
+    i[c] = re(i[c], 0, 255);
+  return i[3] = re(i[3], 0, 1), i;
+};
+L.get.hsl = function(e) {
+  if (!e)
+    return null;
+  var t = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/, n = e.match(t);
+  if (n) {
+    var r = parseFloat(n[4]), o = (parseFloat(n[1]) % 360 + 360) % 360, a = re(parseFloat(n[2]), 0, 100), i = re(parseFloat(n[3]), 0, 100), s = re(isNaN(r) ? 1 : r, 0, 1);
+    return [o, a, i, s];
+  }
+  return null;
+};
+L.get.hwb = function(e) {
+  if (!e)
+    return null;
+  var t = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/, n = e.match(t);
+  if (n) {
+    var r = parseFloat(n[4]), o = (parseFloat(n[1]) % 360 + 360) % 360, a = re(parseFloat(n[2]), 0, 100), i = re(parseFloat(n[3]), 0, 100), s = re(isNaN(r) ? 1 : r, 0, 1);
+    return [o, a, i, s];
+  }
+  return null;
+};
+L.to.hex = function() {
+  var e = je(arguments);
+  return "#" + Ze(e[0]) + Ze(e[1]) + Ze(e[2]) + (e[3] < 1 ? Ze(Math.round(e[3] * 255)) : "");
+};
+L.to.rgb = function() {
+  var e = je(arguments);
+  return e.length < 4 || e[3] === 1 ? "rgb(" + Math.round(e[0]) + ", " + Math.round(e[1]) + ", " + Math.round(e[2]) + ")" : "rgba(" + Math.round(e[0]) + ", " + Math.round(e[1]) + ", " + Math.round(e[2]) + ", " + e[3] + ")";
+};
+L.to.rgb.percent = function() {
+  var e = je(arguments), t = Math.round(e[0] / 255 * 100), n = Math.round(e[1] / 255 * 100), r = Math.round(e[2] / 255 * 100);
+  return e.length < 4 || e[3] === 1 ? "rgb(" + t + "%, " + n + "%, " + r + "%)" : "rgba(" + t + "%, " + n + "%, " + r + "%, " + e[3] + ")";
+};
+L.to.hsl = function() {
+  var e = je(arguments);
+  return e.length < 4 || e[3] === 1 ? "hsl(" + e[0] + ", " + e[1] + "%, " + e[2] + "%)" : "hsla(" + e[0] + ", " + e[1] + "%, " + e[2] + "%, " + e[3] + ")";
+};
+L.to.hwb = function() {
+  var e = je(arguments), t = "";
+  return e.length >= 4 && e[3] !== 1 && (t = ", " + e[3]), "hwb(" + e[0] + ", " + e[1] + "%, " + e[2] + "%" + t + ")";
+};
+L.to.keyword = function(e) {
+  return Yr[e.slice(0, 3)];
+};
+function re(e, t, n) {
+  return Math.min(Math.max(t, e), n);
+}
+function Ze(e) {
+  var t = Math.round(e).toString(16).toUpperCase();
+  return t.length < 2 ? "0" + t : t;
+}
+var Ns = Vr.exports;
+const _e = Wr, Xr = {};
+for (const e of Object.keys(_e))
+  Xr[_e[e]] = e;
+const g = {
+  rgb: { channels: 3, labels: "rgb" },
+  hsl: { channels: 3, labels: "hsl" },
+  hsv: { channels: 3, labels: "hsv" },
+  hwb: { channels: 3, labels: "hwb" },
+  cmyk: { channels: 4, labels: "cmyk" },
+  xyz: { channels: 3, labels: "xyz" },
+  lab: { channels: 3, labels: "lab" },
+  lch: { channels: 3, labels: "lch" },
+  hex: { channels: 1, labels: ["hex"] },
+  keyword: { channels: 1, labels: ["keyword"] },
+  ansi16: { channels: 1, labels: ["ansi16"] },
+  ansi256: { channels: 1, labels: ["ansi256"] },
+  hcg: { channels: 3, labels: ["h", "c", "g"] },
+  apple: { channels: 3, labels: ["r16", "g16", "b16"] },
+  gray: { channels: 1, labels: ["gray"] }
+};
+var Zr = g;
+for (const e of Object.keys(g)) {
+  if (!("channels" in g[e]))
+    throw new Error("missing channels property: " + e);
+  if (!("labels" in g[e]))
+    throw new Error("missing channel labels property: " + e);
+  if (g[e].labels.length !== g[e].channels)
+    throw new Error("channel and label counts mismatch: " + e);
+  const { channels: t, labels: n } = g[e];
+  delete g[e].channels, delete g[e].labels, Object.defineProperty(g[e], "channels", { value: t }), Object.defineProperty(g[e], "labels", { value: n });
+}
+g.rgb.hsl = function(e) {
+  const t = e[0] / 255, n = e[1] / 255, r = e[2] / 255, o = Math.min(t, n, r), a = Math.max(t, n, r), i = a - o;
+  let s, c;
+  a === o ? s = 0 : t === a ? s = (n - r) / i : n === a ? s = 2 + (r - t) / i : r === a && (s = 4 + (t - n) / i), s = Math.min(s * 60, 360), s < 0 && (s += 360);
+  const l = (o + a) / 2;
+  return a === o ? c = 0 : l <= 0.5 ? c = i / (a + o) : c = i / (2 - a - o), [s, c * 100, l * 100];
+};
+g.rgb.hsv = function(e) {
+  let t, n, r, o, a;
+  const i = e[0] / 255, s = e[1] / 255, c = e[2] / 255, l = Math.max(i, s, c), d = l - Math.min(i, s, c), u = function(f) {
+    return (l - f) / 6 / d + 1 / 2;
+  };
+  return d === 0 ? (o = 0, a = 0) : (a = d / l, t = u(i), n = u(s), r = u(c), i === l ? o = r - n : s === l ? o = 1 / 3 + t - r : c === l && (o = 2 / 3 + n - t), o < 0 ? o += 1 : o > 1 && (o -= 1)), [
+    o * 360,
+    a * 100,
+    l * 100
+  ];
+};
+g.rgb.hwb = function(e) {
+  const t = e[0], n = e[1];
+  let r = e[2];
+  const o = g.rgb.hsl(e)[0], a = 1 / 255 * Math.min(t, Math.min(n, r));
+  return r = 1 - 1 / 255 * Math.max(t, Math.max(n, r)), [o, a * 100, r * 100];
+};
+g.rgb.cmyk = function(e) {
+  const t = e[0] / 255, n = e[1] / 255, r = e[2] / 255, o = Math.min(1 - t, 1 - n, 1 - r), a = (1 - t - o) / (1 - o) || 0, i = (1 - n - o) / (1 - o) || 0, s = (1 - r - o) / (1 - o) || 0;
+  return [a * 100, i * 100, s * 100, o * 100];
+};
+function Ps(e, t) {
+  return (e[0] - t[0]) ** 2 + (e[1] - t[1]) ** 2 + (e[2] - t[2]) ** 2;
+}
+g.rgb.keyword = function(e) {
+  const t = Xr[e];
+  if (t)
+    return t;
+  let n = 1 / 0, r;
+  for (const o of Object.keys(_e)) {
+    const a = _e[o], i = Ps(e, a);
+    i < n && (n = i, r = o);
+  }
+  return r;
+};
+g.keyword.rgb = function(e) {
+  return _e[e];
+};
+g.rgb.xyz = function(e) {
+  let t = e[0] / 255, n = e[1] / 255, r = e[2] / 255;
+  t = t > 0.04045 ? ((t + 0.055) / 1.055) ** 2.4 : t / 12.92, n = n > 0.04045 ? ((n + 0.055) / 1.055) ** 2.4 : n / 12.92, r = r > 0.04045 ? ((r + 0.055) / 1.055) ** 2.4 : r / 12.92;
+  const o = t * 0.4124 + n * 0.3576 + r * 0.1805, a = t * 0.2126 + n * 0.7152 + r * 0.0722, i = t * 0.0193 + n * 0.1192 + r * 0.9505;
+  return [o * 100, a * 100, i * 100];
+};
+g.rgb.lab = function(e) {
+  const t = g.rgb.xyz(e);
+  let n = t[0], r = t[1], o = t[2];
+  n /= 95.047, r /= 100, o /= 108.883, n = n > 8856e-6 ? n ** (1 / 3) : 7.787 * n + 16 / 116, r = r > 8856e-6 ? r ** (1 / 3) : 7.787 * r + 16 / 116, o = o > 8856e-6 ? o ** (1 / 3) : 7.787 * o + 16 / 116;
+  const a = 116 * r - 16, i = 500 * (n - r), s = 200 * (r - o);
+  return [a, i, s];
+};
+g.hsl.rgb = function(e) {
+  const t = e[0] / 360, n = e[1] / 100, r = e[2] / 100;
+  let o, a, i;
+  if (n === 0)
+    return i = r * 255, [i, i, i];
+  r < 0.5 ? o = r * (1 + n) : o = r + n - r * n;
+  const s = 2 * r - o, c = [0, 0, 0];
+  for (let l = 0; l < 3; l++)
+    a = t + 1 / 3 * -(l - 1), a < 0 && a++, a > 1 && a--, 6 * a < 1 ? i = s + (o - s) * 6 * a : 2 * a < 1 ? i = o : 3 * a < 2 ? i = s + (o - s) * (2 / 3 - a) * 6 : i = s, c[l] = i * 255;
+  return c;
+};
+g.hsl.hsv = function(e) {
+  const t = e[0];
+  let n = e[1] / 100, r = e[2] / 100, o = n;
+  const a = Math.max(r, 0.01);
+  r *= 2, n *= r <= 1 ? r : 2 - r, o *= a <= 1 ? a : 2 - a;
+  const i = (r + n) / 2, s = r === 0 ? 2 * o / (a + o) : 2 * n / (r + n);
+  return [t, s * 100, i * 100];
+};
+g.hsv.rgb = function(e) {
+  const t = e[0] / 60, n = e[1] / 100;
+  let r = e[2] / 100;
+  const o = Math.floor(t) % 6, a = t - Math.floor(t), i = 255 * r * (1 - n), s = 255 * r * (1 - n * a), c = 255 * r * (1 - n * (1 - a));
+  switch (r *= 255, o) {
+    case 0:
+      return [r, c, i];
+    case 1:
+      return [s, r, i];
+    case 2:
+      return [i, r, c];
+    case 3:
+      return [i, s, r];
+    case 4:
+      return [c, i, r];
+    case 5:
+      return [r, i, s];
+  }
+};
+g.hsv.hsl = function(e) {
+  const t = e[0], n = e[1] / 100, r = e[2] / 100, o = Math.max(r, 0.01);
+  let a, i;
+  i = (2 - n) * r;
+  const s = (2 - n) * o;
+  return a = n * o, a /= s <= 1 ? s : 2 - s, a = a || 0, i /= 2, [t, a * 100, i * 100];
+};
+g.hwb.rgb = function(e) {
+  const t = e[0] / 360;
+  let n = e[1] / 100, r = e[2] / 100;
+  const o = n + r;
+  let a;
+  o > 1 && (n /= o, r /= o);
+  const i = Math.floor(6 * t), s = 1 - r;
+  a = 6 * t - i, i & 1 && (a = 1 - a);
+  const c = n + a * (s - n);
+  let l, d, u;
+  switch (i) {
+    default:
+    case 6:
+    case 0:
+      l = s, d = c, u = n;
+      break;
+    case 1:
+      l = c, d = s, u = n;
+      break;
+    case 2:
+      l = n, d = s, u = c;
+      break;
+    case 3:
+      l = n, d = c, u = s;
+      break;
+    case 4:
+      l = c, d = n, u = s;
+      break;
+    case 5:
+      l = s, d = n, u = c;
+      break;
+  }
+  return [l * 255, d * 255, u * 255];
+};
+g.cmyk.rgb = function(e) {
+  const t = e[0] / 100, n = e[1] / 100, r = e[2] / 100, o = e[3] / 100, a = 1 - Math.min(1, t * (1 - o) + o), i = 1 - Math.min(1, n * (1 - o) + o), s = 1 - Math.min(1, r * (1 - o) + o);
+  return [a * 255, i * 255, s * 255];
+};
+g.xyz.rgb = function(e) {
+  const t = e[0] / 100, n = e[1] / 100, r = e[2] / 100;
+  let o, a, i;
+  return o = t * 3.2406 + n * -1.5372 + r * -0.4986, a = t * -0.9689 + n * 1.8758 + r * 0.0415, i = t * 0.0557 + n * -0.204 + r * 1.057, o = o > 31308e-7 ? 1.055 * o ** (1 / 2.4) - 0.055 : o * 12.92, a = a > 31308e-7 ? 1.055 * a ** (1 / 2.4) - 0.055 : a * 12.92, i = i > 31308e-7 ? 1.055 * i ** (1 / 2.4) - 0.055 : i * 12.92, o = Math.min(Math.max(0, o), 1), a = Math.min(Math.max(0, a), 1), i = Math.min(Math.max(0, i), 1), [o * 255, a * 255, i * 255];
+};
+g.xyz.lab = function(e) {
+  let t = e[0], n = e[1], r = e[2];
+  t /= 95.047, n /= 100, r /= 108.883, t = t > 8856e-6 ? t ** (1 / 3) : 7.787 * t + 16 / 116, n = n > 8856e-6 ? n ** (1 / 3) : 7.787 * n + 16 / 116, r = r > 8856e-6 ? r ** (1 / 3) : 7.787 * r + 16 / 116;
+  const o = 116 * n - 16, a = 500 * (t - n), i = 200 * (n - r);
+  return [o, a, i];
+};
+g.lab.xyz = function(e) {
+  const t = e[0], n = e[1], r = e[2];
+  let o, a, i;
+  a = (t + 16) / 116, o = n / 500 + a, i = a - r / 200;
+  const s = a ** 3, c = o ** 3, l = i ** 3;
+  return a = s > 8856e-6 ? s : (a - 16 / 116) / 7.787, o = c > 8856e-6 ? c : (o - 16 / 116) / 7.787, i = l > 8856e-6 ? l : (i - 16 / 116) / 7.787, o *= 95.047, a *= 100, i *= 108.883, [o, a, i];
+};
+g.lab.lch = function(e) {
+  const t = e[0], n = e[1], r = e[2];
+  let o;
+  o = Math.atan2(r, n) * 360 / 2 / Math.PI, o < 0 && (o += 360);
+  const i = Math.sqrt(n * n + r * r);
+  return [t, i, o];
+};
+g.lch.lab = function(e) {
+  const t = e[0], n = e[1], o = e[2] / 360 * 2 * Math.PI, a = n * Math.cos(o), i = n * Math.sin(o);
+  return [t, a, i];
+};
+g.rgb.ansi16 = function(e, t = null) {
+  const [n, r, o] = e;
+  let a = t === null ? g.rgb.hsv(e)[2] : t;
+  if (a = Math.round(a / 50), a === 0)
+    return 30;
+  let i = 30 + (Math.round(o / 255) << 2 | Math.round(r / 255) << 1 | Math.round(n / 255));
+  return a === 2 && (i += 60), i;
+};
+g.hsv.ansi16 = function(e) {
+  return g.rgb.ansi16(g.hsv.rgb(e), e[2]);
+};
+g.rgb.ansi256 = function(e) {
+  const t = e[0], n = e[1], r = e[2];
+  return t === n && n === r ? t < 8 ? 16 : t > 248 ? 231 : Math.round((t - 8) / 247 * 24) + 232 : 16 + 36 * Math.round(t / 255 * 5) + 6 * Math.round(n / 255 * 5) + Math.round(r / 255 * 5);
+};
+g.ansi16.rgb = function(e) {
+  let t = e % 10;
+  if (t === 0 || t === 7)
+    return e > 50 && (t += 3.5), t = t / 10.5 * 255, [t, t, t];
+  const n = (~~(e > 50) + 1) * 0.5, r = (t & 1) * n * 255, o = (t >> 1 & 1) * n * 255, a = (t >> 2 & 1) * n * 255;
+  return [r, o, a];
+};
+g.ansi256.rgb = function(e) {
+  if (e >= 232) {
+    const a = (e - 232) * 10 + 8;
+    return [a, a, a];
+  }
+  e -= 16;
+  let t;
+  const n = Math.floor(e / 36) / 5 * 255, r = Math.floor((t = e % 36) / 6) / 5 * 255, o = t % 6 / 5 * 255;
+  return [n, r, o];
+};
+g.rgb.hex = function(e) {
+  const n = (((Math.round(e[0]) & 255) << 16) + ((Math.round(e[1]) & 255) << 8) + (Math.round(e[2]) & 255)).toString(16).toUpperCase();
+  return "000000".substring(n.length) + n;
+};
+g.hex.rgb = function(e) {
+  const t = e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
+  if (!t)
+    return [0, 0, 0];
+  let n = t[0];
+  t[0].length === 3 && (n = n.split("").map((s) => s + s).join(""));
+  const r = parseInt(n, 16), o = r >> 16 & 255, a = r >> 8 & 255, i = r & 255;
+  return [o, a, i];
+};
+g.rgb.hcg = function(e) {
+  const t = e[0] / 255, n = e[1] / 255, r = e[2] / 255, o = Math.max(Math.max(t, n), r), a = Math.min(Math.min(t, n), r), i = o - a;
+  let s, c;
+  return i < 1 ? s = a / (1 - i) : s = 0, i <= 0 ? c = 0 : o === t ? c = (n - r) / i % 6 : o === n ? c = 2 + (r - t) / i : c = 4 + (t - n) / i, c /= 6, c %= 1, [c * 360, i * 100, s * 100];
+};
+g.hsl.hcg = function(e) {
+  const t = e[1] / 100, n = e[2] / 100, r = n < 0.5 ? 2 * t * n : 2 * t * (1 - n);
+  let o = 0;
+  return r < 1 && (o = (n - 0.5 * r) / (1 - r)), [e[0], r * 100, o * 100];
+};
+g.hsv.hcg = function(e) {
+  const t = e[1] / 100, n = e[2] / 100, r = t * n;
+  let o = 0;
+  return r < 1 && (o = (n - r) / (1 - r)), [e[0], r * 100, o * 100];
+};
+g.hcg.rgb = function(e) {
+  const t = e[0] / 360, n = e[1] / 100, r = e[2] / 100;
+  if (n === 0)
+    return [r * 255, r * 255, r * 255];
+  const o = [0, 0, 0], a = t % 1 * 6, i = a % 1, s = 1 - i;
+  let c = 0;
+  switch (Math.floor(a)) {
+    case 0:
+      o[0] = 1, o[1] = i, o[2] = 0;
+      break;
+    case 1:
+      o[0] = s, o[1] = 1, o[2] = 0;
+      break;
+    case 2:
+      o[0] = 0, o[1] = 1, o[2] = i;
+      break;
+    case 3:
+      o[0] = 0, o[1] = s, o[2] = 1;
+      break;
+    case 4:
+      o[0] = i, o[1] = 0, o[2] = 1;
+      break;
+    default:
+      o[0] = 1, o[1] = 0, o[2] = s;
+  }
+  return c = (1 - n) * r, [
+    (n * o[0] + c) * 255,
+    (n * o[1] + c) * 255,
+    (n * o[2] + c) * 255
+  ];
+};
+g.hcg.hsv = function(e) {
+  const t = e[1] / 100, n = e[2] / 100, r = t + n * (1 - t);
+  let o = 0;
+  return r > 0 && (o = t / r), [e[0], o * 100, r * 100];
+};
+g.hcg.hsl = function(e) {
+  const t = e[1] / 100, r = e[2] / 100 * (1 - t) + 0.5 * t;
+  let o = 0;
+  return r > 0 && r < 0.5 ? o = t / (2 * r) : r >= 0.5 && r < 1 && (o = t / (2 * (1 - r))), [e[0], o * 100, r * 100];
+};
+g.hcg.hwb = function(e) {
+  const t = e[1] / 100, n = e[2] / 100, r = t + n * (1 - t);
+  return [e[0], (r - t) * 100, (1 - r) * 100];
+};
+g.hwb.hcg = function(e) {
+  const t = e[1] / 100, r = 1 - e[2] / 100, o = r - t;
+  let a = 0;
+  return o < 1 && (a = (r - o) / (1 - o)), [e[0], o * 100, a * 100];
+};
+g.apple.rgb = function(e) {
+  return [e[0] / 65535 * 255, e[1] / 65535 * 255, e[2] / 65535 * 255];
+};
+g.rgb.apple = function(e) {
+  return [e[0] / 255 * 65535, e[1] / 255 * 65535, e[2] / 255 * 65535];
+};
+g.gray.rgb = function(e) {
+  return [e[0] / 100 * 255, e[0] / 100 * 255, e[0] / 100 * 255];
+};
+g.gray.hsl = function(e) {
+  return [0, 0, e[0]];
+};
+g.gray.hsv = g.gray.hsl;
+g.gray.hwb = function(e) {
+  return [0, 100, e[0]];
+};
+g.gray.cmyk = function(e) {
+  return [0, 0, 0, e[0]];
+};
+g.gray.lab = function(e) {
+  return [e[0], 0, 0];
+};
+g.gray.hex = function(e) {
+  const t = Math.round(e[0] / 100 * 255) & 255, r = ((t << 16) + (t << 8) + t).toString(16).toUpperCase();
+  return "000000".substring(r.length) + r;
+};
+g.rgb.gray = function(e) {
+  return [(e[0] + e[1] + e[2]) / 3 / 255 * 100];
+};
+const st = Zr;
+function Ts() {
+  const e = {}, t = Object.keys(st);
+  for (let n = t.length, r = 0; r < n; r++)
+    e[t[r]] = {
+      // http://jsperf.com/1-vs-infinity
+      // micro-opt, but this is simple.
+      distance: -1,
+      parent: null
+    };
+  return e;
+}
+function Ds(e) {
+  const t = Ts(), n = [e];
+  for (t[e].distance = 0; n.length; ) {
+    const r = n.pop(), o = Object.keys(st[r]);
+    for (let a = o.length, i = 0; i < a; i++) {
+      const s = o[i], c = t[s];
+      c.distance === -1 && (c.distance = t[r].distance + 1, c.parent = r, n.unshift(s));
+    }
+  }
+  return t;
+}
+function Is(e, t) {
+  return function(n) {
+    return t(e(n));
+  };
+}
+function $s(e, t) {
+  const n = [t[e].parent, e];
+  let r = st[t[e].parent][e], o = t[e].parent;
+  for (; t[o].parent; )
+    n.unshift(t[o].parent), r = Is(st[t[o].parent][o], r), o = t[o].parent;
+  return r.conversion = n, r;
+}
+var Fs = function(e) {
+  const t = Ds(e), n = {}, r = Object.keys(t);
+  for (let o = r.length, a = 0; a < o; a++) {
+    const i = r[a];
+    t[i].parent !== null && (n[i] = $s(i, t));
+  }
+  return n;
+};
+const Yt = Zr, zs = Fs, ve = {}, Rs = Object.keys(Yt);
+function _s(e) {
+  const t = function(...n) {
+    const r = n[0];
+    return r == null ? r : (r.length > 1 && (n = r), e(n));
+  };
+  return "conversion" in e && (t.conversion = e.conversion), t;
+}
+function js(e) {
+  const t = function(...n) {
+    const r = n[0];
+    if (r == null)
+      return r;
+    r.length > 1 && (n = r);
+    const o = e(n);
+    if (typeof o == "object")
+      for (let a = o.length, i = 0; i < a; i++)
+        o[i] = Math.round(o[i]);
+    return o;
+  };
+  return "conversion" in e && (t.conversion = e.conversion), t;
+}
+Rs.forEach((e) => {
+  ve[e] = {}, Object.defineProperty(ve[e], "channels", { value: Yt[e].channels }), Object.defineProperty(ve[e], "labels", { value: Yt[e].labels });
+  const t = zs(e);
+  Object.keys(t).forEach((r) => {
+    const o = t[r];
+    ve[e][r] = js(o), ve[e][r].raw = _s(o);
+  });
+});
+var Ls = ve;
+const we = Ns, _ = Ls, Qr = [
+  // To be honest, I don't really feel like keyword belongs in color convert, but eh.
+  "keyword",
+  // Gray conflicts with some method names, and has its own method defined.
+  "gray",
+  // Shouldn't really be in color-convert either...
+  "hex"
+], Xt = {};
+for (const e of Object.keys(_))
+  Xt[[..._[e].labels].sort().join("")] = e;
+const ct = {};
+function $(e, t) {
+  if (!(this instanceof $))
+    return new $(e, t);
+  if (t && t in Qr && (t = null), t && !(t in _))
+    throw new Error("Unknown model: " + t);
+  let n, r;
+  if (e == null)
+    this.model = "rgb", this.color = [0, 0, 0], this.valpha = 1;
+  else if (e instanceof $)
+    this.model = e.model, this.color = [...e.color], this.valpha = e.valpha;
+  else if (typeof e == "string") {
+    const o = we.get(e);
+    if (o === null)
+      throw new Error("Unable to parse color from string: " + e);
+    this.model = o.model, r = _[this.model].channels, this.color = o.value.slice(0, r), this.valpha = typeof o.value[r] == "number" ? o.value[r] : 1;
+  } else if (e.length > 0) {
+    this.model = t || "rgb", r = _[this.model].channels;
+    const o = Array.prototype.slice.call(e, 0, r);
+    this.color = Zt(o, r), this.valpha = typeof e[r] == "number" ? e[r] : 1;
+  } else if (typeof e == "number")
+    this.model = "rgb", this.color = [
+      e >> 16 & 255,
+      e >> 8 & 255,
+      e & 255
+    ], this.valpha = 1;
+  else {
+    this.valpha = 1;
+    const o = Object.keys(e);
+    "alpha" in e && (o.splice(o.indexOf("alpha"), 1), this.valpha = typeof e.alpha == "number" ? e.alpha : 0);
+    const a = o.sort().join("");
+    if (!(a in Xt))
+      throw new Error("Unable to parse color from object: " + JSON.stringify(e));
+    this.model = Xt[a];
+    const { labels: i } = _[this.model], s = [];
+    for (n = 0; n < i.length; n++)
+      s.push(e[i[n]]);
+    this.color = Zt(s);
+  }
+  if (ct[this.model])
+    for (r = _[this.model].channels, n = 0; n < r; n++) {
+      const o = ct[this.model][n];
+      o && (this.color[n] = o(this.color[n]));
+    }
+  this.valpha = Math.max(0, Math.min(1, this.valpha)), Object.freeze && Object.freeze(this);
+}
+$.prototype = {
+  toString() {
+    return this.string();
+  },
+  toJSON() {
+    return this[this.model]();
+  },
+  string(e) {
+    let t = this.model in we.to ? this : this.rgb();
+    t = t.round(typeof e == "number" ? e : 1);
+    const n = t.valpha === 1 ? t.color : [...t.color, this.valpha];
+    return we.to[t.model](n);
+  },
+  percentString(e) {
+    const t = this.rgb().round(typeof e == "number" ? e : 1), n = t.valpha === 1 ? t.color : [...t.color, this.valpha];
+    return we.to.rgb.percent(n);
+  },
+  array() {
+    return this.valpha === 1 ? [...this.color] : [...this.color, this.valpha];
+  },
+  object() {
+    const e = {}, { channels: t } = _[this.model], { labels: n } = _[this.model];
+    for (let r = 0; r < t; r++)
+      e[n[r]] = this.color[r];
+    return this.valpha !== 1 && (e.alpha = this.valpha), e;
+  },
+  unitArray() {
+    const e = this.rgb().color;
+    return e[0] /= 255, e[1] /= 255, e[2] /= 255, this.valpha !== 1 && e.push(this.valpha), e;
+  },
+  unitObject() {
+    const e = this.rgb().object();
+    return e.r /= 255, e.g /= 255, e.b /= 255, this.valpha !== 1 && (e.alpha = this.valpha), e;
+  },
+  round(e) {
+    return e = Math.max(e || 0, 0), new $([...this.color.map(qs(e)), this.valpha], this.model);
+  },
+  alpha(e) {
+    return e !== void 0 ? new $([...this.color, Math.max(0, Math.min(1, e))], this.model) : this.valpha;
+  },
+  // Rgb
+  red: N("rgb", 0, D(255)),
+  green: N("rgb", 1, D(255)),
+  blue: N("rgb", 2, D(255)),
+  hue: N(["hsl", "hsv", "hsl", "hwb", "hcg"], 0, (e) => (e % 360 + 360) % 360),
+  saturationl: N("hsl", 1, D(100)),
+  lightness: N("hsl", 2, D(100)),
+  saturationv: N("hsv", 1, D(100)),
+  value: N("hsv", 2, D(100)),
+  chroma: N("hcg", 1, D(100)),
+  gray: N("hcg", 2, D(100)),
+  white: N("hwb", 1, D(100)),
+  wblack: N("hwb", 2, D(100)),
+  cyan: N("cmyk", 0, D(100)),
+  magenta: N("cmyk", 1, D(100)),
+  yellow: N("cmyk", 2, D(100)),
+  black: N("cmyk", 3, D(100)),
+  x: N("xyz", 0, D(95.047)),
+  y: N("xyz", 1, D(100)),
+  z: N("xyz", 2, D(108.833)),
+  l: N("lab", 0, D(100)),
+  a: N("lab", 1),
+  b: N("lab", 2),
+  keyword(e) {
+    return e !== void 0 ? new $(e) : _[this.model].keyword(this.color);
+  },
+  hex(e) {
+    return e !== void 0 ? new $(e) : we.to.hex(this.rgb().round().color);
+  },
+  hexa(e) {
+    if (e !== void 0)
+      return new $(e);
+    const t = this.rgb().round().color;
+    let n = Math.round(this.valpha * 255).toString(16).toUpperCase();
+    return n.length === 1 && (n = "0" + n), we.to.hex(t) + n;
+  },
+  rgbNumber() {
+    const e = this.rgb().color;
+    return (e[0] & 255) << 16 | (e[1] & 255) << 8 | e[2] & 255;
+  },
+  luminosity() {
+    const e = this.rgb().color, t = [];
+    for (const [n, r] of e.entries()) {
+      const o = r / 255;
+      t[n] = o <= 0.04045 ? o / 12.92 : ((o + 0.055) / 1.055) ** 2.4;
+    }
+    return 0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2];
+  },
+  contrast(e) {
+    const t = this.luminosity(), n = e.luminosity();
+    return t > n ? (t + 0.05) / (n + 0.05) : (n + 0.05) / (t + 0.05);
+  },
+  level(e) {
+    const t = this.contrast(e);
+    return t >= 7 ? "AAA" : t >= 4.5 ? "AA" : "";
+  },
+  isDark() {
+    const e = this.rgb().color;
+    return (e[0] * 2126 + e[1] * 7152 + e[2] * 722) / 1e4 < 128;
+  },
+  isLight() {
+    return !this.isDark();
+  },
+  negate() {
+    const e = this.rgb();
+    for (let t = 0; t < 3; t++)
+      e.color[t] = 255 - e.color[t];
+    return e;
+  },
+  lighten(e) {
+    const t = this.hsl();
+    return t.color[2] += t.color[2] * e, t;
+  },
+  darken(e) {
+    const t = this.hsl();
+    return t.color[2] -= t.color[2] * e, t;
+  },
+  saturate(e) {
+    const t = this.hsl();
+    return t.color[1] += t.color[1] * e, t;
+  },
+  desaturate(e) {
+    const t = this.hsl();
+    return t.color[1] -= t.color[1] * e, t;
+  },
+  whiten(e) {
+    const t = this.hwb();
+    return t.color[1] += t.color[1] * e, t;
+  },
+  blacken(e) {
+    const t = this.hwb();
+    return t.color[2] += t.color[2] * e, t;
+  },
+  grayscale() {
+    const e = this.rgb().color, t = e[0] * 0.3 + e[1] * 0.59 + e[2] * 0.11;
+    return $.rgb(t, t, t);
+  },
+  fade(e) {
+    return this.alpha(this.valpha - this.valpha * e);
+  },
+  opaquer(e) {
+    return this.alpha(this.valpha + this.valpha * e);
+  },
+  rotate(e) {
+    const t = this.hsl();
+    let n = t.color[0];
+    return n = (n + e) % 360, n = n < 0 ? 360 + n : n, t.color[0] = n, t;
+  },
+  mix(e, t) {
+    if (!e || !e.rgb)
+      throw new Error('Argument to "mix" was not a Color instance, but rather an instance of ' + typeof e);
+    const n = e.rgb(), r = this.rgb(), o = t === void 0 ? 0.5 : t, a = 2 * o - 1, i = n.alpha() - r.alpha(), s = ((a * i === -1 ? a : (a + i) / (1 + a * i)) + 1) / 2, c = 1 - s;
+    return $.rgb(
+      s * n.red() + c * r.red(),
+      s * n.green() + c * r.green(),
+      s * n.blue() + c * r.blue(),
+      n.alpha() * o + r.alpha() * (1 - o)
+    );
+  }
+};
+for (const e of Object.keys(_)) {
+  if (Qr.includes(e))
+    continue;
+  const { channels: t } = _[e];
+  $.prototype[e] = function(...n) {
+    return this.model === e ? new $(this) : n.length > 0 ? new $(n, e) : new $([...Bs(_[this.model][e].raw(this.color)), this.valpha], e);
+  }, $[e] = function(...n) {
+    let r = n[0];
+    return typeof r == "number" && (r = Zt(n, t)), new $(r, e);
+  };
+}
+function Gs(e, t) {
+  return Number(e.toFixed(t));
+}
+function qs(e) {
+  return function(t) {
+    return Gs(t, e);
+  };
+}
+function N(e, t, n) {
+  e = Array.isArray(e) ? e : [e];
+  for (const r of e)
+    (ct[r] || (ct[r] = []))[t] = n;
+  return e = e[0], function(r) {
+    let o;
+    return r !== void 0 ? (n && (r = n(r)), o = this[e](), o.color[t] = r, o) : (o = this[e]().color[t], n && (o = n(o)), o);
+  };
+}
+function D(e) {
+  return function(t) {
+    return Math.max(0, Math.min(e, t));
+  };
+}
+function Bs(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function Zt(e, t) {
+  for (let n = 0; n < t; n++)
+    typeof e[n] != "number" && (e[n] = 0);
+  return e;
+}
+var Hs = $;
+const Vs = /* @__PURE__ */ tr(Hs), Ws = K.div`
+  font-size: 14px;
+  background: #dae5f8;
+  padding: 0 4px;
+  border-radius: 2px;
+  cursor: pointer;
+  min-width: 20px;
+  user-select: none;
+
+  &:hover {
+    background-color: #bcd0f3;
+  }
+
+  &:active {
+    background-color: #9dbcf3;
+  }
+`, Us = K.div`
+  min-height: 18px;
+`, uc = ({
+  data: e = [],
+  onChange: t,
+  tableHeight: n,
+  limitation: r,
+  displayTitleMaxLength: o = 10,
+  displayMaxLength: a = 99,
+  SlotContentPrefixSlot: i,
+  SlotContentSuffixSlot: s,
+  onSelect: c = () => {
+  }
+}) => {
+  const [l, d] = U(!1), [u, f] = U(""), { t: h } = Ae(), m = le(() => e.find((v) => v.id === u), [u, e]), x = le(() => m ? m.data : [], [m, e]), M = le(() => e.length === 0, [e]);
+  return oe(() => {
+    e.length > 0 && f(e[0].id);
+  }, []), /* @__PURE__ */ P(Qt, { children: [
+    M ? /* @__PURE__ */ p(
+      Q,
+      {
+        size: "small",
+        type: "primary",
+        onClick: () => d(!0),
+        children: h("create")
+      }
+    ) : /* @__PURE__ */ P(F, { size: 2, direction: "vertical", children: [
+      /* @__PURE__ */ p(Us, { children: /* @__PURE__ */ p(F, { size: 8, children: x.slice(0, a).map((v) => /* @__PURE__ */ P(
+        Ws,
+        {
+          title: v.label,
+          onClick: (S) => {
+            S.target.closest("bdi") || c(v);
+          },
+          children: [
+            i && /* @__PURE__ */ p("bdi", { children: /* @__PURE__ */ p(
+              i,
+              {
+                group: m,
+                message: v
+              }
+            ) }),
+            Jn(v.label, o),
+            s && /* @__PURE__ */ P("bdi", { children: [
+              /* @__PURE__ */ p(
+                s,
+                {
+                  group: m,
+                  message: v
+                }
+              ),
+              " "
+            ] })
+          ]
+        },
+        v.label
+      )) }) }),
+      /* @__PURE__ */ P(F, { size: 8, children: [
+        e.slice(0, a).map((v) => /* @__PURE__ */ p(
+          Ys,
+          {
+            data: v,
+            active: u === v.id,
+            displayTitleMaxLength: o,
+            onClick: () => f(v.id)
+          },
+          v.id
+        )),
+        /* @__PURE__ */ p(
+          Q,
+          {
+            size: "small",
+            type: "text",
+            onClick: () => d(!0),
+            children: /* @__PURE__ */ p(gs, {})
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ p(
+      ks,
+      {
+        open: l,
+        onOpenChange: d,
+        data: e,
+        onChange: t,
+        tableHeight: n,
+        limitation: r
+      }
+    )
+  ] });
+}, Ks = K.div`
+  background-color: ${(e) => e.$backgroundColor};
+  color: ${(e) => e.$textColor};
+  border: 1px solid transparent;
+  border-color: ${(e) => e.$active ? "#ccc" : "transparent"};
+  padding: 0px 4px;
+  font-size: 14px;
+  border-radius: 2px;
+  cursor: pointer;
+  min-width: 20px;
+  user-select: none;
+  &:hover {
+    background-color: ${(e) => e.$hoverColor};
+  }
+  &:active {
+    opacity: 0.6;
+  }
+`;
+function Ys(e) {
+  const t = le(() => {
+    var a, i;
+    const n = Vs(e.data.color), r = n.isDark(), o = r ? (a = n.lighten(0.2)) == null ? void 0 : a.hex() : (i = n.darken(0.15)) == null ? void 0 : i.hex();
+    return {
+      $textColor: r ? "#fff" : "#333",
+      $backgroundColor: e.data.color,
+      $hoverColor: o
+    };
+  }, [e.data.color]);
+  return /* @__PURE__ */ p(
+    Ks,
+    {
+      ...t,
+      $active: e.active,
+      "data-id": e.data.id,
+      onClick: e.onClick,
+      title: e.data.title,
+      children: Jn(e.data.title, e.displayTitleMaxLength)
+    }
+  );
+}
+/*! This file was generated by vite-i18n-gen-resources-type check https://github.com/CRMChatReactComponent/vite-i18n-gen-resources-type. Please do not modify. */
+var Jr = /* @__PURE__ */ ((e) => (e.ZH_CN = "zh-CN", e.EN_US = "en-US", e))(Jr || {});
+const eo = "Are you sure to delete it？", to = "No data available", no = "Select a Group first", ro = "Create a Group", oo = "Edit Group", ao = "Create Group", io = "Title", so = "Color", co = "Save", lo = "Create", uo = "Quick Messages Configs", fo = "Created Successfully", ho = "Cannot be saved: title already existing", po = "Cannot be saved: title is empty", go = "Cannot be saved: content is empty", mo = "Content", Xs = {
+  confirmDelete: eo,
+  noData: to,
+  selectAGroupFirst: no,
+  addNewGroup: ro,
+  editGroup: oo,
+  createGroup: ao,
+  titleFieldName: io,
+  colorFieldName: so,
+  save: co,
+  create: lo,
+  quickMessageConfigs: uo,
+  createSuccessfully: fo,
+  cannotSavedMessageCuzLabelExisted: ho,
+  cannotSavedMessageCuzLabelEmpty: po,
+  cannotSavedMessageCuzContentEmpty: go,
+  content: mo,
+  delete: "Delete"
+}, Zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  addNewGroup: ro,
+  cannotSavedMessageCuzContentEmpty: go,
+  cannotSavedMessageCuzLabelEmpty: po,
+  cannotSavedMessageCuzLabelExisted: ho,
+  colorFieldName: so,
+  confirmDelete: eo,
+  content: mo,
+  create: lo,
+  createGroup: ao,
+  createSuccessfully: fo,
+  default: Xs,
+  editGroup: oo,
+  noData: to,
+  quickMessageConfigs: uo,
+  save: co,
+  selectAGroupFirst: no,
+  titleFieldName: io
+}, Symbol.toStringTag, { value: "Module" })), yo = "确定删除吗？", bo = "没有数据", vo = "请在左侧选择一个分组", wo = "添加一个分组", xo = "编辑分组", Co = "新建分组", ko = "标题", So = "颜色", Eo = "保存", Oo = "创建", Ao = "快捷消息配置", Mo = "创建成功", No = "无法保存: 标题重复", Po = "无法保存: 标题不能为空", To = "无法保存: 内容不能为空", Do = "内容", Qs = {
+  confirmDelete: yo,
+  noData: bo,
+  selectAGroupFirst: vo,
+  addNewGroup: wo,
+  editGroup: xo,
+  createGroup: Co,
+  titleFieldName: ko,
+  colorFieldName: So,
+  save: Eo,
+  create: Oo,
+  quickMessageConfigs: Ao,
+  createSuccessfully: Mo,
+  cannotSavedMessageCuzLabelExisted: No,
+  cannotSavedMessageCuzLabelEmpty: Po,
+  cannotSavedMessageCuzContentEmpty: To,
+  content: Do,
+  delete: "删除"
+}, Js = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  addNewGroup: wo,
+  cannotSavedMessageCuzContentEmpty: To,
+  cannotSavedMessageCuzLabelEmpty: Po,
+  cannotSavedMessageCuzLabelExisted: No,
+  colorFieldName: So,
+  confirmDelete: yo,
+  content: Do,
+  create: Oo,
+  createGroup: Co,
+  createSuccessfully: Mo,
+  default: Qs,
+  editGroup: xo,
+  noData: bo,
+  quickMessageConfigs: Ao,
+  save: Eo,
+  selectAGroupFirst: vo,
+  titleFieldName: ko
+}, Symbol.toStringTag, { value: "Module" })), ec = /* @__PURE__ */ Object.assign({
+  "./locales/en-US/common.json": Zs,
+  "./locales/zh-CN/common.json": Js
+}), Kn = Object.entries(ec).reduce(
+  (e, t) => {
+    const [n, r] = t, o = n.match(/\/locales\/([\w-]+)\//), a = n.match(/\/([\w-_]+)\.json$/);
+    return a && o ? (e[o[1]] = e[o[1]] || {}, e[o[1]][a[1]] = r.default) : console.error(`无法解析文件名称 path:${n}`), e;
+  },
+  {}
+), Io = Zo.createInstance();
+Io.init({
+  lng: Jr.ZH_CN,
+  debug: !1,
+  ns: Object.keys(Kn),
+  resources: Kn
+});
+const tc = Jt(null);
+function fc(e) {
+  return /* @__PURE__ */ p(Xo, { i18n: Io, defaultNS: "common", children: /* @__PURE__ */ p(tc.Provider, { value: {}, children: e.children }) });
+}
+export {
+  er as AntdApiContext,
+  lc as AntdApiContextProviderCmp,
+  cc as EmojiPickerWrapper,
+  tc as I18nContext,
+  fc as I18nContextCmp,
+  xs as MessageConfigsPanel,
+  ks as MessageConfigsPanelModalWrapper,
+  ii as MessagesEditTable,
+  uc as QuickMessages
+};