@crmchatreactcomponent/quick-messages 0.0.4 → 0.0.5

package/dist/index.es.js

@@ -1,51 +1,54 @@
-import { jsx as p, jsxs as P, Fragment as Qt } from "react/jsx-runtime";
-import * as j from "react";
-import fe, { useContext as lt, useMemo as ce, useState as V, useEffect as de, createContext as en, useRef as ut, useDebugValue as hn, createElement as qo, useLayoutEffect as Bo, useCallback as pn } from "react";
-import { ConfigProvider as Ho, theme as Wo, Popover as Jn, Space as $, message as Uo, Modal as Zn, Table as Be, Empty as Qn, Button as Z, Flex as Ze, Input as _t, Popconfirm as Vo, Menu as Ko, Alert as Yo, ColorPicker as Xo, Tooltip as Jo } from "antd";
-import Zo, { EmojiStyle as Qo, Theme as gn } from "emoji-picker-react";
-import { useTranslation as Ae, I18nextProvider as ea } from "react-i18next";
-import ta from "i18next";
-function er() {
-  const { theme: e } = lt(Ho.ConfigContext);
-  return ce(() => (e == null ? void 0 : e.algorithm) === Wo.darkAlgorithm, [e]);
+import { jsx as t, jsxs as m, Fragment as w } from "react/jsx-runtime";
+import { useContext as F, useMemo as S, useState as v, useEffect as D, createContext as j, useRef as _ } from "react";
+import { ConfigProvider as Me, theme as Ee, Popover as T, Space as C, message as Ge, Modal as I, Table as E, Empty as P, Button as b, Flex as G, Input as $, Popconfirm as $e, Menu as we, Alert as Le, ColorPicker as Ae, Tooltip as Ne } from "antd";
+import Oe, { EmojiStyle as Fe, Theme as L } from "emoji-picker-react";
+import { useTranslation as z, I18nextProvider as je } from "react-i18next";
+import y from "styled-components";
+import { DeleteOutlined as _e, EditOutlined as Te, PlusOutlined as Ie, SettingOutlined as Pe } from "@ant-design/icons";
+import { useLocalStorage as We } from "react-use";
+import Be from "color";
+import He from "i18next";
+function W() {
+  const { theme: e } = F(Me.ConfigContext);
+  return S(() => (e == null ? void 0 : e.algorithm) === Ee.darkAlgorithm, [e]);
 }
-const na = Qo.FACEBOOK, gc = ({
+const Ke = Fe.FACEBOOK, St = ({
   children: e,
-  disabled: t = !1,
-  onSelect: n = () => {
+  disabled: n = !1,
+  onSelect: a = () => {
   },
   onOpenChange: r = () => {
   }
 }) => {
-  const [o, a] = V(!1), i = er();
-  de(() => {
-    r(o);
-  }, [o]);
-  function s(l) {
-    n(l.emoji), a(!1);
-  }
-  function c(l) {
-    t || a(l);
-  }
-  return /* @__PURE__ */ p(
-    Jn,
+  const [i, l] = v(!1), u = W();
+  D(() => {
+    r(i);
+  }, [i]);
+  function f(d) {
+    a(d.emoji), l(!1);
+  }
+  function c(d) {
+    n || l(d);
+  }
+  return /* @__PURE__ */ t(
+    T,
     {
       title: "",
-      open: o,
+      open: i,
       onOpenChange: c,
       overlayInnerStyle: {
         backgroundColor: "transparent",
         padding: 0
       },
       trigger: ["click"],
-      content: /* @__PURE__ */ p($, { direction: "vertical", size: 12, children: /* @__PURE__ */ p(
-        Zo,
+      content: /* @__PURE__ */ t(C, { direction: "vertical", size: 12, children: /* @__PURE__ */ t(
+        Oe,
         {
           skinTonesDisabled: !0,
-          onEmojiClick: s,
-          emojiStyle: na,
+          onEmojiClick: f,
+          emojiStyle: Ke,
           lazyLoadEmojis: !1,
-          theme: i ? gn.DARK : gn.LIGHT
+          theme: u ? L.DARK : L.LIGHT
         }
       ) }),
       destroyTooltipOnHide: !0,
@@ -53,1198 +56,61 @@ const na = Qo.FACEBOOK, gc = ({
     }
   );
 };
-function ra() {
+function Re() {
   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);
+    const n = Math.random() * 16 | 0;
+    return (e == "x" ? n : n & 3 | 8).toString(16);
   });
 }
-function tr(e, t) {
-  return e.length > t ? e.substring(0, t) + "…" : e;
+function B(e, n) {
+  return e.length > n ? e.substring(0, n) + "…" : e;
 }
-const nr = en(null);
-function mc(e) {
-  const [t, n] = Uo.useMessage(), [r, o] = Zn.useModal();
-  return /* @__PURE__ */ P(
-    nr.Provider,
+const H = j(null);
+function Dt(e) {
+  const [n, a] = Ge.useMessage(), [r, i] = I.useModal();
+  return /* @__PURE__ */ m(
+    H.Provider,
     {
       value: {
-        messageApi: t,
+        messageApi: n,
         modalApi: r
       },
       children: [
-        n,
-        o,
+        a,
+        i,
         e.children
       ]
     }
   );
 }
-var _ = function() {
-  return _ = 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;
-  }, _.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 oa(e) {
-  var t = /* @__PURE__ */ Object.create(null);
-  return function(n) {
-    return t[n] === void 0 && (t[n] = e(n)), t[n];
-  };
-}
-var aa = /^((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)-.*))$/, ia = /* @__PURE__ */ oa(
-  function(e) {
-    return aa.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-);
-function rr(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var O = "-ms-", $e = "-moz-", C = "-webkit-", or = "comm", ft = "rule", tn = "decl", sa = "@import", ar = "@keyframes", ca = "@layer", ir = Math.abs, nn = String.fromCharCode, Ft = Object.assign;
-function la(e, t) {
-  return D(e, 0) ^ 45 ? (((t << 2 ^ D(e, 0)) << 2 ^ D(e, 1)) << 2 ^ D(e, 2)) << 2 ^ D(e, 3) : 0;
-}
-function sr(e) {
-  return e.trim();
-}
-function J(e, t) {
-  return (e = t.exec(e)) ? e[0] : e;
-}
-function y(e, t, n) {
-  return e.replace(t, n);
-}
-function Qe(e, t, n) {
-  return e.indexOf(t, n);
-}
-function D(e, t) {
-  return e.charCodeAt(t) | 0;
-}
-function Ce(e, t, n) {
-  return e.slice(t, n);
-}
-function U(e) {
-  return e.length;
-}
-function cr(e) {
-  return e.length;
-}
-function ze(e, t) {
-  return t.push(e), e;
-}
-function ua(e, t) {
-  return e.map(t).join("");
-}
-function mn(e, t) {
-  return e.filter(function(n) {
-    return !J(n, t);
-  });
-}
-var dt = 1, ke = 1, lr = 0, B = 0, T = 0, Me = "";
-function ht(e, t, n, r, o, a, i, s) {
-  return { value: e, root: t, parent: n, type: r, props: o, children: a, line: dt, column: ke, length: i, return: "", siblings: s };
-}
-function ee(e, t) {
-  return Ft(ht("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
-}
-function be(e) {
-  for (; e.root; )
-    e = ee(e.root, { children: [e] });
-  ze(e, e.siblings);
-}
-function fa() {
-  return T;
-}
-function da() {
-  return T = B > 0 ? D(Me, --B) : 0, ke--, T === 10 && (ke = 1, dt--), T;
-}
-function W() {
-  return T = B < lr ? D(Me, B++) : 0, ke++, T === 10 && (ke = 1, dt++), T;
-}
-function le() {
-  return D(Me, B);
-}
-function et() {
-  return B;
-}
-function pt(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 ha(e) {
-  return dt = ke = 1, lr = U(Me = e), B = 0, [];
-}
-function pa(e) {
-  return Me = "", e;
-}
-function Et(e) {
-  return sr(pt(B - 1, jt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
-}
-function ga(e) {
-  for (; (T = le()) && T < 33; )
-    W();
-  return Rt(e) > 2 || Rt(T) > 3 ? "" : " ";
-}
-function ma(e, t) {
-  for (; --t && W() && !(T < 48 || T > 102 || T > 57 && T < 65 || T > 70 && T < 97); )
-    ;
-  return pt(e, et() + (t < 6 && le() == 32 && W() == 32));
-}
-function jt(e) {
-  for (; W(); )
-    switch (T) {
-      case e:
-        return B;
-      case 34:
-      case 39:
-        e !== 34 && e !== 39 && jt(T);
-        break;
-      case 40:
-        e === 41 && jt(e);
-        break;
-      case 92:
-        W();
-        break;
-    }
-  return B;
-}
-function ya(e, t) {
-  for (; W() && e + T !== 57; )
-    if (e + T === 84 && le() === 47)
-      break;
-  return "/*" + pt(t, B - 1) + "*" + nn(e === 47 ? e : W());
-}
-function ba(e) {
-  for (; !Rt(le()); )
-    W();
-  return pt(e, B);
-}
-function va(e) {
-  return pa(tt("", null, null, null, [""], e = ha(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 = W()) {
-      case 40:
-        if (m != 108 && D(b, u - 1) == 58) {
-          Qe(b += y(Et(S), "&", "&\f"), "&\f", ir(l ? s[l - 1] : 0)) != -1 && (v = -1);
-          break;
-        }
-      case 34:
-      case 39:
-      case 91:
-        b += Et(S);
-        break;
-      case 9:
-      case 10:
-      case 13:
-      case 32:
-        b += ga(m);
-        break;
-      case 92:
-        b += ma(et() - 1, 7);
-        continue;
-      case 47:
-        switch (le()) {
-          case 42:
-          case 47:
-            ze(wa(ya(W(), et()), t, n, c), c);
-            break;
-          default:
-            b += "/";
-        }
-        break;
-      case 123 * x:
-        s[l++] = U(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 && U(b) - u && ze(h > 32 ? bn(b + ";", r, n, u - 1, c) : bn(y(b, " ", "") + ";", r, n, u - 2, c), c);
-            break;
-          case 59:
-            b += ";";
-          default:
-            if (ze(w = yn(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 && D(b, 3) === 110 ? 100 : f) {
-                  case 100:
-                  case 108:
-                  case 109:
-                  case 115:
-                    tt(e, w, w, r && ze(yn(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 + U(b), h = m;
-      default:
-        if (x < 1) {
-          if (S == 123)
-            --x;
-          else if (S == 125 && x++ == 0 && da() == 125)
-            continue;
-        }
-        switch (b += nn(S), S * x) {
-          case 38:
-            v = d > 0 ? 1 : (b += "\f", -1);
-            break;
-          case 44:
-            s[l++] = (U(b) - 1) * v, v = 1;
-            break;
-          case 64:
-            le() === 45 && (b += Et(W())), f = le(), d = u = U(k = b += ba(et())), S++;
-            break;
-          case 45:
-            m === 45 && U(b) == 2 && (x = 0);
-        }
-    }
-  return a;
-}
-function yn(e, t, n, r, o, a, i, s, c, l, d, u) {
-  for (var f = o - 1, h = o === 0 ? a : [""], m = cr(h), x = 0, M = 0, v = 0; x < r; ++x)
-    for (var S = 0, k = Ce(e, f + 1, f = ir(M = i[x])), E = e; S < m; ++S)
-      (E = sr(M > 0 ? h[S] + " " + k : y(k, /&\f/g, h[S]))) && (c[v++] = E);
-  return ht(e, t, n, o === 0 ? ft : s, c, l, d, u);
-}
-function wa(e, t, n, r) {
-  return ht(e, t, n, or, nn(fa()), Ce(e, 2, -2), 0, r);
-}
-function bn(e, t, n, r, o) {
-  return ht(e, t, n, tn, Ce(e, 0, r), Ce(e, r + 1, -1), r, o);
-}
-function ur(e, t, n) {
-  switch (la(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 $e + e + e;
-    case 5349:
-    case 4246:
-    case 4810:
-    case 6968:
-    case 2756:
-      return C + e + $e + e + O + e + e;
-    case 5936:
-      switch (D(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, "") + (J(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 (!J(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, J(r.props, /grid-\w+-end/);
-      }) ? ~Qe(e + (n = n[t].value), "span", 0) ? e : O + y(e, "-start", "") + e + O + "grid-row-span:" + (~Qe(n, "span", 0) ? J(n, /\d+/) : +J(n, /\d+/) - +J(e, /\d+/)) + ";" : O + y(e, "-start", "") + e;
-    case 4896:
-    case 4128:
-      return n && n.some(function(r) {
-        return J(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 (U(e) - 1 - t > 6)
-        switch (D(e, t + 1)) {
-          case 109:
-            if (D(e, t + 4) !== 45)
-              break;
-          case 102:
-            return y(e, /(.+:)(.+)-([^]+)/, "$1" + C + "$2-$3$1" + $e + (D(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
-          case 115:
-            return ~Qe(e, "stretch", 0) ? ur(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 (D(e, t + 6) === 121)
-        return y(e, ":", ":" + C) + e;
-      break;
-    case 6444:
-      switch (D(e, D(e, 14) === 45 ? 18 : 11)) {
-        case 120:
-          return y(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + C + (D(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 xa(e, t, n, r) {
-  switch (e.type) {
-    case ca:
-      if (e.children.length)
-        break;
-    case sa:
-    case tn:
-      return e.return = e.return || e.value;
-    case or:
-      return "";
-    case ar:
-      return e.return = e.value + "{" + at(e.children, r) + "}";
-    case ft:
-      if (!U(e.value = e.props.join(",")))
-        return "";
-  }
-  return U(n = at(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
-}
-function Ca(e) {
-  var t = cr(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 ka(e) {
-  return function(t) {
-    t.root || (t = t.return) && e(t);
-  };
-}
-function Sa(e, t, n, r) {
-  if (e.length > -1 && !e.return)
-    switch (e.type) {
-      case tn:
-        e.return = ur(e.value, e.length, n);
-        return;
-      case ar:
-        return at([ee(e, { value: y(e.value, "@", "@" + C) })], r);
-      case ft:
-        if (e.length)
-          return ua(n = e.props, function(o) {
-            switch (J(o, r = /(::plac\w+|:read-\w+)/)) {
-              case ":read-only":
-              case ":read-write":
-                be(ee(e, { props: [y(o, /:(read-\w+)/, ":" + $e + "$1")] })), be(ee(e, { props: [o] })), Ft(e, { props: mn(n, r) });
-                break;
-              case "::placeholder":
-                be(ee(e, { props: [y(o, /:(plac\w+)/, ":" + C + "input-$1")] })), be(ee(e, { props: [y(o, /:(plac\w+)/, ":" + $e + "$1")] })), be(ee(e, { props: [y(o, /:(plac\w+)/, O + "input-$1")] })), be(ee(e, { props: [o] })), Ft(e, { props: mn(n, r) });
-                break;
-            }
-            return "";
-          });
-    }
-}
-var Ea = {
-  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", fr = "active", dr = "data-styled-version", gt = "6.1.8", rn = `/*!sc*/
-`, on = typeof window < "u" && "HTMLElement" in window, Oa = !!(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"), vn = /invalid hook call/i, He = /* @__PURE__ */ new Set(), Aa = 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];
-        vn.test(i) ? (a = !1, He.delete(r)) : o.apply(void 0, xe([i], s, !1));
-      }, ut(), a && !He.has(r) && (console.warn(r), He.add(r));
-    } catch (i) {
-      vn.test(i.message) && He.delete(r);
-    } finally {
-      console.error = o;
-    }
-  }
-}, mt = Object.freeze([]), Se = Object.freeze({});
-function Ma(e, t, n) {
-  return n === void 0 && (n = Se), e.theme !== n.theme && e.theme || t || n.theme;
-}
-var Lt = /* @__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"]), Na = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Pa = /(^-|-$)/g;
-function wn(e) {
-  return e.replace(Na, "-").replace(Pa, "");
-}
-var Ta = /(a)(d)/gi, We = 52, xn = function(e) {
-  return String.fromCharCode(e + (e > 25 ? 39 : 97));
-};
-function Gt(e) {
-  var t, n = "";
-  for (t = Math.abs(e); t > We; t = t / We | 0)
-    n = xn(t % We) + n;
-  return (xn(t % We) + n).replace(Ta, "$1-$2");
-}
-var Ot, hr = 5381, ie = function(e, t) {
-  for (var n = t.length; n; )
-    e = 33 * e ^ t.charCodeAt(--n);
-  return e;
-}, pr = function(e) {
-  return ie(hr, e);
-};
-function Ia(e) {
-  return Gt(pr(e) >>> 0);
-}
-function gr(e) {
-  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
-}
-function At(e) {
-  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
-}
-var mr = typeof Symbol == "function" && Symbol.for, yr = mr ? Symbol.for("react.memo") : 60115, Da = mr ? Symbol.for("react.forward_ref") : 60112, za = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, $a = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, br = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, _a = ((Ot = {})[Da] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Ot[yr] = br, Ot);
-function Cn(e) {
-  return ("type" in (t = e) && t.type.$$typeof) === yr ? br : "$$typeof" in e ? _a[e.$$typeof] : za;
-  var t;
-}
-var Fa = Object.defineProperty, Ra = Object.getOwnPropertyNames, kn = Object.getOwnPropertySymbols, ja = Object.getOwnPropertyDescriptor, La = Object.getPrototypeOf, Sn = Object.prototype;
-function vr(e, t, n) {
-  if (typeof t != "string") {
-    if (Sn) {
-      var r = La(t);
-      r && r !== Sn && vr(e, r, n);
-    }
-    var o = Ra(t);
-    kn && (o = o.concat(kn(t)));
-    for (var a = Cn(e), i = Cn(t), s = 0; s < o.length; ++s) {
-      var c = o[s];
-      if (!(c in $a || n && n[c] || i && c in i || a && c in a)) {
-        var l = ja(t, c);
-        try {
-          Fa(e, c, l);
-        } catch {
-        }
-      }
-    }
-  }
-  return e;
-}
-function Ee(e) {
-  return typeof e == "function";
-}
-function an(e) {
-  return typeof e == "object" && "styledComponentId" in e;
-}
-function se(e, t) {
-  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
-}
-function En(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 qt(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] = qt(e[r], t[r]);
-  else if (Oe(t))
-    for (var r in t)
-      e[r] = qt(e[r], t[r]);
-  return e;
-}
-function sn(e, t) {
-  Object.defineProperty(e, "toString", { value: t });
-}
-var Ga = 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 qa() {
-  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(qa.apply(void 0, xe([Ga[e]], t, !1)).trim());
-}
-var Ba = 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, Ue = 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;
-}, Ha = function(e, t) {
-  rt = t + 1, nt.set(e, t), it.set(t, e);
-}, Wa = "style[".concat(he, "][").concat(dr, '="').concat(gt, '"]'), Ua = new RegExp("^".concat(he, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), Va = 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);
-}, Ka = 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(Ua);
-      if (c) {
-        var l = 0 | parseInt(c[1], 10), d = c[2];
-        l !== 0 && (Ha(d, l), Va(e, d, c[3]), e.getTag().insertRules(l, o)), o.length = 0;
-      } else
-        o.push(s);
-    }
-  }
-};
-function Ya() {
-  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
-}
-var wr = 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, fr), r.setAttribute(dr, gt);
-  var i = Ya();
-  return i && r.setAttribute("nonce", i), n.insertBefore(r, a), r;
-}, Xa = function() {
-  function e(t) {
-    this.element = wr(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;
-}(), Ja = function() {
-  function e(t) {
-    this.element = wr(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;
-}(), Za = 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;
-}(), On = on, Qa = { isServer: !on, useCSSOMInjection: !Oa }, xr = function() {
-  function e(t, n, r) {
-    t === void 0 && (t = Se), n === void 0 && (n = {});
-    var o = this;
-    this.options = _(_({}, Qa), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && on && On && (On = !1, function(a) {
-      for (var i = document.querySelectorAll(Wa), s = 0, c = i.length; s < c; s++) {
-        var l = i[s];
-        l && l.getAttribute(he) !== fr && (Ka(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 Ue(t);
-  }, e.prototype.reconstructWithOptions = function(t, n) {
-    return n === void 0 && (n = !0), new e(_(_({}, this.options), t), this.gs, n && this.names || void 0);
-  }, e.prototype.allocateGSInstance = function(t) {
-    return this.gs[t] = (this.gs[t] || 0) + 1;
-  }, e.prototype.getTag = function() {
-    return this.tag || (this.tag = (t = function(n) {
-      var r = n.useCSSOMInjection, o = n.target;
-      return n.isServer ? new Za(o) : r ? new Xa(o) : new Ja(o);
-    }(this.options), new Ba(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 (Ue(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(Ue(t), r);
-  }, e.prototype.clearNames = function(t) {
-    this.names.has(t) && this.names.get(t).clear();
-  }, e.prototype.clearRules = function(t) {
-    this.getTag().clearGroup(Ue(t)), this.clearNames(t);
-  }, e.prototype.clearTag = function() {
-    this.tag = void 0;
-  }, e;
-}(), ei = /&/g, ti = /^\s*\/\/.*$/gm;
-function Cr(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 = Cr(n.children, t)), n;
-  });
-}
-function ni(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 ? mt : 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 === ft && f.value.includes("&") && (f.props[0] = f.props[0].replace(ei, n).replace(r, l));
-  }), i.prefix && d.push(Sa), d.push(xa);
-  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(ti, ""), v = va(m || h ? "".concat(m, " ").concat(h, " { ").concat(M, " }") : M);
-    i.namespace && (v = Cr(v, i.namespace));
-    var S = [];
-    return at(v, Ca(d.concat(ka(function(k) {
-      return S.push(k);
-    })))), S;
-  };
-  return u.hash = c.length ? c.reduce(function(f, h) {
-    return h.name || Ne(15), ie(f, h.name);
-  }, hr).toString() : "", u;
-}
-var ri = new xr(), Bt = ni(), kr = fe.createContext({ shouldForwardProp: void 0, styleSheet: ri, stylis: Bt });
-kr.Consumer;
-fe.createContext(void 0);
-function An() {
-  return lt(kr);
-}
-var Mn = function() {
-  function e(t, n) {
-    var r = this;
-    this.inject = function(o, a) {
-      a === void 0 && (a = Bt);
-      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 = Bt), this.name + t.hash;
-  }, e;
-}(), oi = function(e) {
-  return e >= "A" && e <= "Z";
-};
-function Nn(e) {
-  for (var t = "", n = 0; n < e.length; n++) {
-    var r = e[n];
-    if (n === 1 && r === "-" && e[0] === "-")
-      return e;
-    oi(r) ? t += "-" + r.toLowerCase() : t += r;
-  }
-  return t.startsWith("ms-") ? "-" + t : t;
-}
-var Sr = function(e) {
-  return e == null || e === !1 || e === "";
-}, Er = function(e) {
-  var t, n, r = [];
-  for (var o in e) {
-    var a = e[o];
-    e.hasOwnProperty(o) && !Sr(a) && (Array.isArray(a) && a.isCss || Ee(a) ? r.push("".concat(Nn(o), ":"), a, ";") : Oe(a) ? r.push.apply(r, xe(xe(["".concat(o, " {")], Er(a), !1), ["}"], !1)) : r.push("".concat(Nn(o), ": ").concat((t = o, (n = a) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in Ea || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
-  }
-  return r;
-};
-function ue(e, t, n, r) {
-  if (Sr(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 Mn || Oe(o) || o === null || console.error("".concat(gr(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.")), ue(o, t, n, r);
-  }
-  var a;
-  return e instanceof Mn ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : Oe(e) ? Er(e) : Array.isArray(e) ? Array.prototype.concat.apply(mt, e.map(function(i) {
-    return ue(i, t, n, r);
-  })) : [e.toString()];
-}
-function ai(e) {
-  for (var t = 0; t < e.length; t += 1) {
-    var n = e[t];
-    if (Ee(n) && !an(n))
-      return !1;
-  }
-  return !0;
-}
-var ii = pr(gt), si = function() {
-  function e(t, n, r) {
-    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && ai(t), this.componentId = n, this.baseHash = ie(ii, n), this.baseStyle = r, xr.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 = se(o, this.staticRulesId);
-      else {
-        var a = En(ue(this.rules, t, n, r)), i = Gt(ie(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 = se(o, i), this.staticRulesId = i;
-      }
-    else {
-      for (var c = ie(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 = ie(c, u));
-        else if (u) {
-          var f = En(ue(u, t, n, r));
-          c = ie(c, f + d), l += f;
-        }
-      }
-      if (l) {
-        var h = Gt(c >>> 0);
-        n.hasNameForId(this.componentId, h) || n.insertRules(this.componentId, h, r(l, ".".concat(h), void 0, this.componentId)), o = se(o, h);
-      }
-    }
-    return o;
-  }, e;
-}(), Or = fe.createContext(void 0);
-Or.Consumer;
-var Mt = {}, Pn = /* @__PURE__ */ new Set();
-function ci(e, t, n) {
-  var r = an(e), o = e, a = !At(e), i = t.attrs, s = i === void 0 ? mt : i, c = t.componentId, l = c === void 0 ? function(E, A) {
-    var w = typeof E != "string" ? "sc" : wn(E);
-    Mt[w] = (Mt[w] || 0) + 1;
-    var b = "".concat(w, "-").concat(Ia(gt + w + Mt[w]));
-    return A ? "".concat(A, "-").concat(b) : b;
-  }(t.displayName, t.parentComponentId) : c, d = t.displayName, u = d === void 0 ? function(E) {
-    return At(E) ? "styled.".concat(E) : "Styled(".concat(gr(E), ")");
-  }(e) : d, f = t.displayName && t.componentId ? "".concat(wn(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 si(n, f, r ? o.componentStyle : void 0);
-  function S(E, A) {
-    return function(w, b, oe) {
-      var me = w.attrs, _o = w.componentStyle, Fo = w.defaultProps, Ro = w.foldedComponentIds, fn = w.styledComponentId, jo = w.target, Lo = fe.useContext(Or), Go = An(), xt = w.shouldForwardProp || Go.shouldForwardProp;
-      process.env.NODE_ENV !== "production" && hn(fn);
-      var dn = Ma(b, Lo, Fo) || Se, Y = function(Le, Ie, Ge) {
-        for (var ye, ae = _(_({}, Ie), { className: void 0, theme: Ge }), St = 0; St < Le.length; St += 1) {
-          var qe = Ee(ye = Le[St]) ? ye(ae) : ye;
-          for (var Q in qe)
-            ae[Q] = Q === "className" ? se(ae[Q], qe[Q]) : Q === "style" ? _(_({}, ae[Q]), qe[Q]) : qe[Q];
-        }
-        return Ie.className && (ae.className = se(ae.className, Ie.className)), ae;
-      }(me, b, dn), Pe = Y.as || jo, 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 : xt && !xt(G, Pe) || (Te[G] = Y[G], xt || process.env.NODE_ENV !== "development" || ia(G) || Pn.has(G) || !Lt.has(Pe) || (Pn.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 Ct = function(Le, Ie) {
-        var Ge = An(), ye = Le.generateAndInjectStyles(Ie, Ge.styleSheet, Ge.stylis);
-        return process.env.NODE_ENV !== "production" && hn(ye), ye;
-      }(_o, Y);
-      process.env.NODE_ENV !== "production" && w.warnTooManyClasses && w.warnTooManyClasses(Ct);
-      var kt = se(Ro, fn);
-      return Ct && (kt += " " + Ct), Y.className && (kt += " " + Y.className), Te[At(Pe) && !Lt.has(Pe) ? "class" : "className"] = kt, Te.ref = oe, qo(Pe, Te);
-    }(k, E, A);
-  }
-  S.displayName = u;
-  var k = fe.forwardRef(S);
-  return k.attrs = h, k.componentStyle = v, k.displayName = u, k.shouldForwardProp = m, k.foldedComponentIds = r ? se(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 oe = 0, me = w; oe < me.length; oe++)
-        qt(A, me[oe], !0);
-      return A;
-    }({}, o.defaultProps, E) : E;
-  } }), process.env.NODE_ENV !== "production" && (Aa(u, f), k.warnTooManyClasses = /* @__PURE__ */ function(E, A) {
-    var w = {}, b = !1;
-    return function(oe) {
-      if (!b && (w[oe] = !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 && vr(k, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), k;
-}
-function Tn(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 In = function(e) {
-  return Object.assign(e, { isCss: !0 });
-};
-function li(e) {
-  for (var t = [], n = 1; n < arguments.length; n++)
-    t[n - 1] = arguments[n];
-  if (Ee(e) || Oe(e))
-    return In(ue(Tn(mt, xe([e], t, !0))));
-  var r = e;
-  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? ue(r) : In(ue(Tn(r, t)));
-}
-function Ht(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, li.apply(void 0, xe([o], a, !1)));
-  };
-  return r.attrs = function(o) {
-    return Ht(e, t, _(_({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
-  }, r.withConfig = function(o) {
-    return Ht(e, t, _(_({}, n), o));
-  }, r;
-}
-var Ar = function(e) {
-  return Ht(ci, e);
-}, K = Ar;
-Lt.forEach(function(e) {
-  K[e] = Ar(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 Ve = "__sc-".concat(he, "__");
-process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[Ve] || (window[Ve] = 0), window[Ve] === 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[Ve] += 1);
-const ui = ({
+const qe = ({
   data: e = [],
-  onChange: t = () => {
+  onChange: n = () => {
   },
-  tableHeight: n = "460px",
+  tableHeight: a = "460px",
   limitation: r = {}
 }) => {
-  const { messageApi: o } = lt(nr), { 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]);
+  const { messageApi: i } = F(H), { title: l = 15, content: u = 2e3 } = r, { t: f } = z();
+  function c(g) {
+    const o = e.findIndex((s) => s.label === g.label);
+    e[o] = g, n([...e]);
   }
-  function l() {
-    const u = [
+  function d() {
+    const g = [
       {
         label: `#${e.length + 1}`,
         content: ""
       },
       ...e
     ];
-    t(u), o.success(s("createSuccessfully"));
+    n(g), i.success(f("createSuccessfully"));
   }
-  function d(u) {
-    const f = e.filter((h) => h.label !== u);
-    t(f);
+  function x(g) {
+    const o = e.filter((s) => s.label !== g);
+    n(o);
   }
-  return /* @__PURE__ */ P(
-    Be,
+  return /* @__PURE__ */ m(
+    E,
     {
       bordered: !0,
       dataSource: e,
@@ -1252,12 +118,12 @@ const ui = ({
       rowKey: "label",
       size: "small",
       scroll: {
-        y: n,
+        y: a,
         x: !0
       },
       locale: {
-        emptyText: () => /* @__PURE__ */ P(
-          $,
+        emptyText: () => /* @__PURE__ */ m(
+          C,
           {
             direction: "vertical",
             size: 24,
@@ -1267,40 +133,40 @@ const ui = ({
               padding: "62px 0px"
             },
             children: [
-              /* @__PURE__ */ p(Qn, {}),
-              /* @__PURE__ */ p(Z, { type: "primary", onClick: l, children: s("create") })
+              /* @__PURE__ */ t(P, {}),
+              /* @__PURE__ */ t(b, { type: "primary", onClick: d, children: f("create") })
             ]
           }
         )
       },
-      footer: () => /* @__PURE__ */ P(Ze, { style: { width: "100%" }, justify: "space-between", children: [
-        /* @__PURE__ */ p($, { children: /* @__PURE__ */ p("div", {}) }),
-        /* @__PURE__ */ p($, { children: /* @__PURE__ */ p(Z, { type: "primary", onClick: l, children: s("create") }) })
+      footer: () => /* @__PURE__ */ m(G, { style: { width: "100%" }, justify: "space-between", children: [
+        /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t("div", {}) }),
+        /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(b, { type: "primary", onClick: d, children: f("create") }) })
       ] }),
       children: [
-        /* @__PURE__ */ p(
-          Be.Column,
+        /* @__PURE__ */ t(
+          E.Column,
           {
-            title: s("titleFieldName"),
+            title: f("titleFieldName"),
             dataIndex: "label",
             width: 400,
-            render: (u, f) => /* @__PURE__ */ p(
-              Dn,
+            render: (g, o) => /* @__PURE__ */ t(
+              A,
               {
-                maxLength: a,
+                maxLength: l,
                 type: "input",
-                value: u,
-                onChange: (h) => {
-                  if (f.label !== h) {
-                    if (e.find((m) => m.label === h)) {
-                      o.error(s("cannotSavedMessageCuzLabelExisted"));
+                value: g,
+                onChange: (s) => {
+                  if (o.label !== s) {
+                    if (e.find((h) => h.label === s)) {
+                      i.error(f("cannotSavedMessageCuzLabelExisted"));
                       return;
                     }
-                    if (h.trim() === "") {
-                      o.error(s("cannotSavedMessageCuzLabelEmpty"));
+                    if (s.trim() === "") {
+                      i.error(f("cannotSavedMessageCuzLabelEmpty"));
                       return;
                     }
-                    f.label = h, c(f);
+                    o.label = s, c(o);
                   }
                 }
               }
@@ -1308,44 +174,44 @@ const ui = ({
           },
           "label"
         ),
-        /* @__PURE__ */ p(
-          Be.Column,
+        /* @__PURE__ */ t(
+          E.Column,
           {
-            title: s("content"),
+            title: f("content"),
             dataIndex: "content",
             width: 400,
-            render: (u, f) => /* @__PURE__ */ p(
-              Dn,
+            render: (g, o) => /* @__PURE__ */ t(
+              A,
               {
-                maxLength: i,
+                maxLength: u,
                 type: "textarea",
-                value: u,
-                onChange: (h) => {
-                  if (h.trim() === "") {
-                    o.error(s("cannotSavedMessageCuzContentEmpty"));
+                value: g,
+                onChange: (s) => {
+                  if (s.trim() === "") {
+                    i.error(f("cannotSavedMessageCuzContentEmpty"));
                     return;
                   }
-                  f.content = h, c(f);
+                  o.content = s, c(o);
                 }
               }
             )
           },
           "content"
         ),
-        /* @__PURE__ */ p(
-          Be.Column,
+        /* @__PURE__ */ t(
+          E.Column,
           {
             title: "操作",
             dataIndex: "id",
             width: 120,
-            render: (u, f) => /* @__PURE__ */ p($, { size: 4, children: /* @__PURE__ */ p(
-              Z,
+            render: (g, o) => /* @__PURE__ */ t(C, { size: 4, children: /* @__PURE__ */ t(
+              b,
               {
                 size: "small",
                 type: "text",
                 danger: !0,
-                onClick: () => d(f.label),
-                children: s("delete")
+                onClick: () => x(o.label),
+                children: f("delete")
               }
             ) })
           },
@@ -1354,7 +220,7 @@ const ui = ({
       ]
     }
   );
-}, fi = K.div`
+}, Ue = y.div`
   border: 1px solid transparent;
   padding: 0 4px;
   margin: 0 -4px;
@@ -1365,24 +231,24 @@ const ui = ({
     border-color: ${(e) => e.$isDark ? "#4d4848" : "#c0bbbb"};
   }
 `;
-function Dn(e) {
-  const [t, n] = V(!1), r = ut(null), o = er();
-  de(() => {
-    t && r.current && (e.type === "input" ? r.current.select() : r.current.focus());
-  }, [t, e.type]);
-  function a() {
-    n(!0);
+function A(e) {
+  const [n, a] = v(!1), r = _(null), i = W();
+  D(() => {
+    n && r.current && (e.type === "input" ? r.current.select() : r.current.focus());
+  }, [n, e.type]);
+  function l() {
+    a(!0);
   }
-  function i(c) {
-    n(!1), e.onChange(c);
+  function u(c) {
+    a(!1), e.onChange(c);
   }
-  function s(c) {
+  function f(c) {
     e.onChange(c), r.current.blur();
   }
-  if (t) {
+  if (n) {
     if (e.type === "textarea")
-      return /* @__PURE__ */ p("div", { style: { paddingBottom: 18 }, children: /* @__PURE__ */ p(
-        _t.TextArea,
+      return /* @__PURE__ */ t("div", { style: { paddingBottom: 18 }, children: /* @__PURE__ */ t(
+        $.TextArea,
         {
           showCount: !0,
           maxLength: e.maxLength,
@@ -1391,23 +257,23 @@ function Dn(e) {
           size: "small",
           style: { width: "100%" },
           autoSize: { minRows: 4, maxRows: 4 },
-          onBlur: (c) => i(c.target.value),
+          onBlur: (c) => u(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;
+                const d = c.target;
+                return f(d.value), !1;
               }
             }
           }
         }
       ) });
     if (e.type === "input")
-      return /* @__PURE__ */ p(
-        _t,
+      return /* @__PURE__ */ t(
+        $,
         {
           showCount: !0,
           maxLength: e.maxLength,
@@ -1415,15 +281,15 @@ function Dn(e) {
           ref: r,
           size: "small",
           style: { width: "100%" },
-          onBlur: (c) => i(c.target.value),
+          onBlur: (c) => u(c.target.value),
           onPressEnter: (c) => {
-            const l = c.target;
-            s(l.value);
+            const d = c.target;
+            f(d.value);
           }
         }
       );
   }
-  return /* @__PURE__ */ p(fi, { onClick: a, $isDark: o, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ t(Ue, { onClick: l, $isDark: i, children: /* @__PURE__ */ t(
     "div",
     {
       style: { minHeight: 22 },
@@ -1435,941 +301,11 @@ function Dn(e) {
     }
   ) });
 }
-var di = /* @__PURE__ */ en({});
-const Mr = di;
-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 hi(e) {
-  if (Array.isArray(e))
-    return e;
-}
-function pi(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 zn(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 gi(e, t) {
-  if (e) {
-    if (typeof e == "string")
-      return zn(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 zn(e, t);
-  }
-}
-function mi() {
-  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 Nr(e, t) {
-  return hi(e) || pi(e, t) || gi(e, t) || mi();
-}
-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 yi(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 bi(e) {
-  var t = yi(e, "string");
-  return ge(t) == "symbol" ? t : String(t);
-}
-function Wt(e, t, n) {
-  return t = bi(t), t in e ? Object.defineProperty(e, t, {
-    value: n,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[t] = n, e;
-}
-function vi(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 Pr(e, t) {
-  if (e == null)
-    return {};
-  var n = vi(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 Tr = { 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;
-  })();
-})(Tr);
-var wi = Tr.exports;
-const xi = /* @__PURE__ */ rr(wi);
-function q(e, t) {
-  Ci(e) && (e = "100%");
-  const n = ki(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 Ci(e) {
-  return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
-}
-function ki(e) {
-  return typeof e == "string" && e.indexOf("%") !== -1;
-}
-function Si(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 Nt(e) {
-  return e.length === 1 ? "0" + e : String(e);
-}
-function Ei(e, t, n) {
-  return {
-    r: q(e, 255) * 255,
-    g: q(t, 255) * 255,
-    b: q(n, 255) * 255
-  };
-}
-function Pt(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 Oi(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 = Pt(s, i, e + 1 / 3), o = Pt(s, i, e), a = Pt(s, i, e - 1 / 3);
-  }
-  return { r: r * 255, g: o * 255, b: a * 255 };
-}
-function Ai(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 Mi(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 Ni(e, t, n, r) {
-  const o = [
-    Nt(Math.round(e).toString(16)),
-    Nt(Math.round(t).toString(16)),
-    Nt(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 F(e) / 255;
-}
-function F(e) {
-  return parseInt(e, 16);
-}
-const _n = {
-  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 De(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 = Ii(e)), typeof e == "object" && (X(e.r) && X(e.g) && X(e.b) ? (t = Ei(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 = Mi(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 = Oi(e.h, r, a), i = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = Si(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 Pi = "[-\\+]?\\d+%?", Ti = "[-\\+]?\\d*\\.\\d+%?", te = `(?:${Ti})|(?:${Pi})`, Tt = `[\\s|\\(]+(${te})[,|\\s]+(${te})[,|\\s]+(${te})\\s*\\)?`, It = `[\\s|\\(]+(${te})[,|\\s]+(${te})[,|\\s]+(${te})[,|\\s]+(${te})\\s*\\)?`, H = {
-  CSS_UNIT: new RegExp(te),
-  rgb: new RegExp("rgb" + Tt),
-  rgba: new RegExp("rgba" + It),
-  hsl: new RegExp("hsl" + Tt),
-  hsla: new RegExp("hsla" + It),
-  hsv: new RegExp("hsv" + Tt),
-  hsva: new RegExp("hsva" + It),
-  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 Ii(e) {
-  if (e = e.trim().toLowerCase(), e.length === 0)
-    return !1;
-  let t = !1;
-  if (_n[e])
-    e = _n[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: F(n[1]),
-    g: F(n[2]),
-    b: F(n[3]),
-    a: $n(n[4]),
-    format: t ? "name" : "hex8"
-  } : (n = H.hex6.exec(e), n ? {
-    r: F(n[1]),
-    g: F(n[2]),
-    b: F(n[3]),
-    format: t ? "name" : "hex"
-  } : (n = H.hex4.exec(e), n ? {
-    r: F(n[1] + n[1]),
-    g: F(n[2] + n[2]),
-    b: F(n[3] + n[3]),
-    a: $n(n[4] + n[4]),
-    format: t ? "name" : "hex8"
-  } : (n = H.hex3.exec(e), n ? {
-    r: F(n[1] + n[1]),
-    g: F(n[2] + n[2]),
-    b: F(n[3] + n[3]),
-    format: t ? "name" : "hex"
-  } : !1)))))))));
-}
-function X(e) {
-  return !!H.CSS_UNIT.exec(String(e));
-}
-var Ye = 2, Fn = 0.16, Di = 0.05, zi = 0.05, $i = 0.15, Ir = 5, Dr = 4, _i = [{
-  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 = Ai(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(Ni(t, n, r, !1));
-}
-function Fi(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 jn(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 Ln(e, t, n) {
-  if (e.h === 0 && e.s === 0)
-    return e.s;
-  var r;
-  return n ? r = e.s - Fn * t : t === Dr ? r = e.s + Fn : r = e.s + Di * t, r > 1 && (r = 1), n && t === Ir && r > 0.1 && (r = 0.1), r < 0.06 && (r = 0.06), Number(r.toFixed(2));
-}
-function Gn(e, t, n) {
-  var r;
-  return n ? r = e.v + zi * t : r = e.v - $i * t, r > 1 && (r = 1), Number(r.toFixed(2));
-}
-function Ut(e) {
-  for (var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = [], r = De(e), o = Ir; o > 0; o -= 1) {
-    var a = Rn(r), i = Xe(De({
-      h: jn(a, o, !0),
-      s: Ln(a, o, !0),
-      v: Gn(a, o, !0)
-    }));
-    n.push(i);
-  }
-  n.push(Xe(r));
-  for (var s = 1; s <= Dr; s += 1) {
-    var c = Rn(r), l = Xe(De({
-      h: jn(c, s),
-      s: Ln(c, s),
-      v: Gn(c, s)
-    }));
-    n.push(l);
-  }
-  return t.theme === "dark" ? _i.map(function(d) {
-    var u = d.index, f = d.opacity, h = Xe(Fi(De(t.backgroundColor || "#141414"), De(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 = {}, zt = {};
-Object.keys(Dt).forEach(function(e) {
-  ot[e] = Ut(Dt[e]), ot[e].primary = ot[e][5], zt[e] = Ut(Dt[e], {
-    theme: "dark",
-    backgroundColor: "#141414"
-  }), zt[e].primary = zt[e][5];
-});
-var Ri = ot.blue;
-function qn(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 ? qn(Object(n), !0).forEach(function(r) {
-      Wt(e, r, n[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : qn(Object(n)).forEach(function(r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
-    });
-  }
-  return e;
-}
-function ji() {
-  return !!(typeof window < "u" && window.document && window.document.createElement);
-}
-function Li(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 Bn = "data-rc-order", Hn = "data-rc-priority", Gi = "rc-util-key", Vt = /* @__PURE__ */ new Map();
-function zr() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.mark;
-  return t ? t.startsWith("data-") ? t : "data-".concat(t) : Gi;
-}
-function cn(e) {
-  if (e.attachTo)
-    return e.attachTo;
-  var t = document.querySelector("head");
-  return t || document.body;
-}
-function qi(e) {
-  return e === "queue" ? "prependQueue" : e ? "prepend" : "append";
-}
-function $r(e) {
-  return Array.from((Vt.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 (!ji())
-    return null;
-  var n = t.csp, r = t.prepend, o = t.priority, a = o === void 0 ? 0 : o, i = qi(r), s = i === "prependQueue", c = document.createElement("style");
-  c.setAttribute(Bn, i), s && a && c.setAttribute(Hn, "".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 = $r(l).filter(function(f) {
-        if (!["prepend", "prependQueue"].includes(f.getAttribute(Bn)))
-          return !1;
-        var h = Number(f.getAttribute(Hn) || 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 Bi(e) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = cn(t);
-  return $r(n).find(function(r) {
-    return r.getAttribute(zr(t)) === e;
-  });
-}
-function Hi(e, t) {
-  var n = Vt.get(e);
-  if (!n || !Li(document, n)) {
-    var r = _r("", t), o = r.parentNode;
-    Vt.set(e, o), e.removeChild(r);
-  }
-}
-function Wi(e, t) {
-  var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = cn(n);
-  Hi(r, n);
-  var o = Bi(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(zr(n), t), c;
-}
-function Fr(e) {
-  var t;
-  return e == null || (t = e.getRootNode) === null || t === void 0 ? void 0 : t.call(e);
-}
-function Ui(e) {
-  return Fr(e) instanceof ShadowRoot;
-}
-function Vi(e) {
-  return Ui(e) ? Fr(e) : null;
-}
-var Kt = {}, ln = [], Ki = function(t) {
-  ln.push(t);
-};
-function Yi(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 Xi(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 Ji() {
-  Kt = {};
-}
-function Rr(e, t, n) {
-  !t && !Kt[n] && (e(!1, n), Kt[n] = !0);
-}
-function yt(e, t) {
-  Rr(Yi, e, t);
-}
-function Zi(e, t) {
-  Rr(Xi, e, t);
-}
-yt.preMessage = Ki;
-yt.resetWarned = Ji;
-yt.noteOnce = Zi;
-function Qi(e) {
-  return e.replace(/-(.)/g, function(t, n) {
-    return n.toUpperCase();
-  });
-}
-function es(e, t) {
-  yt(e, "[@ant-design/icons] ".concat(t));
-}
-function Wn(e) {
-  return ge(e) === "object" && typeof e.name == "string" && typeof e.theme == "string" && (ge(e.icon) === "object" || typeof e.icon == "function");
-}
-function Un() {
-  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[Qi(n)] = r;
-    }
-    return t;
-  }, {});
-}
-function Yt(e, t, n) {
-  return n ? /* @__PURE__ */ fe.createElement(e.tag, ne(ne({
-    key: t
-  }, Un(e.attrs)), n), (e.children || []).map(function(r, o) {
-    return Yt(r, "".concat(t, "-").concat(e.tag, "-").concat(o));
-  })) : /* @__PURE__ */ fe.createElement(e.tag, ne({
-    key: t
-  }, Un(e.attrs)), (e.children || []).map(function(r, o) {
-    return Yt(r, "".concat(t, "-").concat(e.tag, "-").concat(o));
-  }));
-}
-function jr(e) {
-  return Ut(e)[0];
-}
-function Lr(e) {
-  return e ? Array.isArray(e) ? e : [e] : [];
-}
-var ts = `
-.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);
-  }
-}
-`, ns = function(t) {
-  var n = lt(Mr), r = n.csp, o = n.prefixCls, a = ts;
-  o && (a = a.replace(/anticon/g, o)), de(function() {
-    var i = t.current, s = Vi(i);
-    Wi(a, "@ant-design-icons", {
-      prepend: !0,
-      csp: r,
-      attachTo: s
-    });
-  }, []);
-}, rs = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"], _e = {
-  primaryColor: "#333",
-  secondaryColor: "#E6E6E6",
-  calculated: !1
-};
-function os(e) {
-  var t = e.primaryColor, n = e.secondaryColor;
-  _e.primaryColor = t, _e.secondaryColor = n || jr(t), _e.calculated = !!n;
-}
-function as() {
-  return ne({}, _e);
-}
-var bt = function(t) {
-  var n = t.icon, r = t.className, o = t.onClick, a = t.style, i = t.primaryColor, s = t.secondaryColor, c = Pr(t, rs), l = j.useRef(), d = _e;
-  if (i && (d = {
-    primaryColor: i,
-    secondaryColor: s || jr(i)
-  }), ns(l), es(Wn(n), "icon should be icon definiton, but got ".concat(n)), !Wn(n))
-    return null;
-  var u = n;
-  return u && typeof u.icon == "function" && (u = ne(ne({}, u), {}, {
-    icon: u.icon(d.primaryColor, d.secondaryColor)
-  })), Yt(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
-  }));
-};
-bt.displayName = "IconReact";
-bt.getTwoToneColors = as;
-bt.setTwoToneColors = os;
-const un = bt;
-function Gr(e) {
-  var t = Lr(e), n = Nr(t, 2), r = n[0], o = n[1];
-  return un.setTwoToneColors({
-    primaryColor: r,
-    secondaryColor: o
-  });
-}
-function is() {
-  var e = un.getTwoToneColors();
-  return e.calculated ? [e.primaryColor, e.secondaryColor] : e.primaryColor;
-}
-var ss = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
-Gr(Ri.primary);
-var vt = /* @__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 = Pr(e, ss), u = j.useContext(Mr), f = u.prefixCls, h = f === void 0 ? "anticon" : f, m = u.rootClassName, x = xi(m, h, (n = {}, Wt(n, "".concat(h, "-").concat(o.name), !!o.name), Wt(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 = Lr(l), k = Nr(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
-  }));
-});
-vt.displayName = "AntdIcon";
-vt.getTwoToneColor = is;
-vt.setTwoToneColor = Gr;
-const wt = vt;
-var cs = { 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 ls = cs;
-var qr = function(t, n) {
-  return /* @__PURE__ */ j.createElement(wt, pe({}, t, {
-    ref: n,
-    icon: ls
-  }));
-};
-process.env.NODE_ENV !== "production" && (qr.displayName = "DeleteOutlined");
-const us = /* @__PURE__ */ j.forwardRef(qr);
-var fs = { 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 ds = fs;
-var Br = function(t, n) {
-  return /* @__PURE__ */ j.createElement(wt, pe({}, t, {
-    ref: n,
-    icon: ds
-  }));
-};
-process.env.NODE_ENV !== "production" && (Br.displayName = "EditOutlined");
-const hs = /* @__PURE__ */ j.forwardRef(Br);
-var ps = { 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 gs = ps;
-var Hr = function(t, n) {
-  return /* @__PURE__ */ j.createElement(wt, pe({}, t, {
-    ref: n,
-    icon: gs
-  }));
-};
-process.env.NODE_ENV !== "production" && (Hr.displayName = "PlusOutlined");
-const ms = /* @__PURE__ */ j.forwardRef(Hr);
-var ys = { 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 bs = ys;
-var Wr = function(t, n) {
-  return /* @__PURE__ */ j.createElement(wt, pe({}, t, {
-    ref: n,
-    icon: bs
-  }));
-};
-process.env.NODE_ENV !== "production" && (Wr.displayName = "SettingOutlined");
-const vs = /* @__PURE__ */ j.forwardRef(Wr), ws = K.div``, xs = K.div`
+const Qe = y.div``, Ve = y.div`
   min-height: 380px;
-`, Cs = K.span`
+`, Ze = y.span`
   font-size: 12px;
-`, ks = K.div`
+`, Je = y.div`
   &:hover {
     .ant-btn {
       display: block;
@@ -2378,53 +314,53 @@ const vs = /* @__PURE__ */ j.forwardRef(Wr), ws = K.div``, xs = K.div`
   .ant-btn {
     display: none;
   }
-`, Ss = K.div`
+`, Xe = y.div`
   background-color: ${(e) => e.$color};
   width: 12px;
   height: 12px;
   border: 1px solid #fff;
   border-radius: 4px;
-`, Es = ({
+`, Ye = ({
   data: e = [],
-  onChange: t = () => {
+  onChange: n = () => {
   },
-  ...n
+  ...a
 }) => {
-  const [r, o] = V([]), { t: a } = Ae();
-  de(() => {
-    e.length > 0 && o([e[0].id]);
+  const [r, i] = v([]), { t: l } = z();
+  D(() => {
+    e.length > 0 && i([e[0].id]);
   }, []);
-  const i = ce(() => e.map((f) => ({
-    key: f.id,
-    label: /* @__PURE__ */ p(ks, { children: /* @__PURE__ */ P(Ze, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ P($, { children: [
-        /* @__PURE__ */ p("span", { children: f.title }),
-        f.data.length ? /* @__PURE__ */ P(Cs, { children: [
+  const u = S(() => e.map((o) => ({
+    key: o.id,
+    label: /* @__PURE__ */ t(Je, { children: /* @__PURE__ */ m(G, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ m(C, { children: [
+        /* @__PURE__ */ t("span", { children: o.title }),
+        o.data.length ? /* @__PURE__ */ m(Ze, { children: [
           "(",
-          f.data.length,
+          o.data.length,
           ")"
         ] }) : null
       ] }),
-      /* @__PURE__ */ P($, { size: 8, children: [
-        /* @__PURE__ */ p(Ss, { $color: f.color }),
-        /* @__PURE__ */ p(
-          Os,
+      /* @__PURE__ */ m(C, { size: 8, children: [
+        /* @__PURE__ */ t(Xe, { $color: o.color }),
+        /* @__PURE__ */ t(
+          et,
           {
-            data: f,
-            onSaved: (h) => c(f.id, h)
+            data: o,
+            onSaved: (s) => c(o.id, s)
           }
         ),
-        /* @__PURE__ */ p(
-          Vo,
+        /* @__PURE__ */ t(
+          $e,
           {
-            title: a("confirmDelete"),
-            onConfirm: () => l(f.id),
-            children: /* @__PURE__ */ p(
-              Z,
+            title: l("confirmDelete"),
+            onConfirm: () => d(o.id),
+            children: /* @__PURE__ */ t(
+              b,
               {
                 danger: !0,
                 size: "small",
-                icon: /* @__PURE__ */ p(us, {}),
+                icon: /* @__PURE__ */ t(_e, {}),
                 type: "text"
               }
             )
@@ -2432,1192 +368,216 @@ const vs = /* @__PURE__ */ j.forwardRef(Wr), ws = K.div``, xs = K.div`
         )
       ] })
     ] }) })
-  })), [e]), s = ce(() => {
-    const f = r[0];
-    if (f) {
-      const h = e.find((m) => m.id === f);
-      if (h)
-        return h.data;
+  })), [e]), f = S(() => {
+    const o = r[0];
+    if (o) {
+      const s = e.find((h) => h.id === o);
+      if (s)
+        return s.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 = ra(), m = [...e];
-    m.push({
-      id: h,
-      color: f.color,
-      title: f.title,
+  function c(o, s) {
+    const h = [...e], k = h.findIndex((M) => M.id === o);
+    ~k && (h[k] = {
+      ...h[k],
+      ...s
+    }), n(h);
+  }
+  function d(o) {
+    const s = [...e].filter((h) => h.id !== o);
+    n(s);
+  }
+  function x(o) {
+    const s = [...e], h = r[0];
+    if (h) {
+      const k = s.find((M) => M.id === h);
+      k && (k.data = o);
+    }
+    n(s);
+  }
+  function g(o) {
+    const s = Re(), h = [...e];
+    h.push({
+      id: s,
+      color: o.color,
+      title: o.title,
       data: []
-    }), t(m), o([h]);
-  }
-  return i.length === 0 ? /* @__PURE__ */ P(Ze, { vertical: !0, align: "center", gap: 8, children: [
-    /* @__PURE__ */ p(Qn, { description: a("noData") }),
-    /* @__PURE__ */ p(Vn, { onCreate: u })
-  ] }) : /* @__PURE__ */ p(ws, { children: /* @__PURE__ */ P(Ze, { gap: 16, children: [
-    /* @__PURE__ */ P($, { direction: "vertical", children: [
-      /* @__PURE__ */ p(xs, { children: /* @__PURE__ */ p(
-        Ko,
+    }), n(h), i([s]);
+  }
+  return u.length === 0 ? /* @__PURE__ */ m(G, { vertical: !0, align: "center", gap: 8, children: [
+    /* @__PURE__ */ t(P, { description: l("noData") }),
+    /* @__PURE__ */ t(N, { onCreate: g })
+  ] }) : /* @__PURE__ */ t(Qe, { children: /* @__PURE__ */ m(G, { gap: 16, children: [
+    /* @__PURE__ */ m(C, { direction: "vertical", children: [
+      /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ t(
+        we,
         {
-          items: i,
+          items: u,
           style: { width: 300 },
           selectedKeys: r,
-          onSelect: ({ key: f }) => {
-            o([f]);
+          onSelect: ({ key: o }) => {
+            i([o]);
           }
         }
       ) }),
-      /* @__PURE__ */ p(Vn, { onCreate: u, block: !0 })
+      /* @__PURE__ */ t(N, { onCreate: g, block: !0 })
     ] }),
-    s ? /* @__PURE__ */ p(
-      ui,
+    f ? /* @__PURE__ */ t(
+      qe,
       {
-        data: s,
-        onChange: d,
-        ...n
+        data: f,
+        onChange: x,
+        ...a
       }
-    ) : /* @__PURE__ */ p(
-      Yo,
+    ) : /* @__PURE__ */ t(
+      Le,
       {
         type: "info",
-        message: a("selectAGroupFirst"),
+        message: l("selectAGroupFirst"),
         style: { height: 60, minWidth: 400 }
       }
     )
   ] }) });
 };
-function Os(e) {
-  const [t, n] = V({ title: "", color: "" });
-  return /* @__PURE__ */ p(
-    Ur,
+function et(e) {
+  const [n, a] = v({ title: "", color: "" });
+  return /* @__PURE__ */ t(
+    K,
     {
       isEdit: !1,
       onCompleteChange: e.onSaved,
-      data: t,
+      data: n,
       onOpenChange: (r) => {
-        r && n(e.data);
+        r && a(e.data);
       },
-      onDataChange: (r) => n(r),
-      children: /* @__PURE__ */ p(Z, { size: "small", icon: /* @__PURE__ */ p(hs, {}), type: "text" })
+      onDataChange: (r) => a(r),
+      children: /* @__PURE__ */ t(b, { size: "small", icon: /* @__PURE__ */ t(Te, {}), type: "text" })
     }
   );
 }
-function Vn(e) {
-  const { t } = Ae(), n = {
+function N(e) {
+  const { t: n } = z(), a = {
     title: "",
     color: "#1677FF"
-  }, [r, o] = V({
-    ...n
+  }, [r, i] = v({
+    ...a
   });
-  return /* @__PURE__ */ p(
-    Ur,
+  return /* @__PURE__ */ t(
+    K,
     {
       isEdit: !1,
       onCompleteChange: e.onCreate,
       data: r,
-      onOpenChange: (a) => {
-        a && o({
-          ...n
+      onOpenChange: (l) => {
+        l && i({
+          ...a
         });
       },
-      onDataChange: (a) => o(a),
-      children: /* @__PURE__ */ p(Z, { block: !!e.block, icon: /* @__PURE__ */ p(ms, {}), children: t("addNewGroup") })
+      onDataChange: (l) => i(l),
+      children: /* @__PURE__ */ t(b, { block: !!e.block, icon: /* @__PURE__ */ t(Ie, {}), children: n("addNewGroup") })
     }
   );
 }
-function Ur(e) {
-  const [t, n] = V(!1), [r, o] = V(""), a = ut(null), { t: i } = Ae();
-  de(() => {
-    e.onOpenChange(t);
-  }, [t]), de(() => {
-    t ? (o(e.data.color), setTimeout(() => {
-      var l;
-      (l = a.current) == null || l.focus();
-    }, 300)) : o("");
+function K(e) {
+  const [n, a] = v(!1), [r, i] = v(""), l = _(null), { t: u } = z();
+  D(() => {
+    e.onOpenChange(n);
+  }, [n]), D(() => {
+    n ? (i(e.data.color), setTimeout(() => {
+      var d;
+      (d = l.current) == null || d.focus();
+    }, 300)) : i("");
   }, [e.data]);
-  function s() {
+  function f() {
     e.data.title.trim().length !== 0 && (e.onCompleteChange({
       title: e.data.title.trim(),
       color: e.data.color
-    }), n(!1));
+    }), a(!1));
   }
-  function c(l, d) {
+  function c(d, x) {
     e.onDataChange({
       ...e.data,
-      [l]: d
+      [d]: x
     });
   }
-  return /* @__PURE__ */ p(Qt, { children: /* @__PURE__ */ p(
-    Jn,
+  return /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(
+    T,
     {
-      title: e.isEdit ? i("editGroup") : i("createGroup"),
-      open: t,
-      onOpenChange: n,
+      title: e.isEdit ? u("editGroup") : u("createGroup"),
+      open: n,
+      onOpenChange: a,
       trigger: ["click"],
-      content: /* @__PURE__ */ P($, { direction: "vertical", size: 16, children: [
-        /* @__PURE__ */ P($, { size: 16, children: [
-          /* @__PURE__ */ P("span", { children: [
-            i("titleFieldName"),
+      content: /* @__PURE__ */ m(C, { direction: "vertical", size: 16, children: [
+        /* @__PURE__ */ m(C, { size: 16, children: [
+          /* @__PURE__ */ m("span", { children: [
+            u("titleFieldName"),
             ":"
           ] }),
-          /* @__PURE__ */ p(
-            _t,
+          /* @__PURE__ */ t(
+            $,
             {
-              ref: a,
+              ref: l,
               showCount: !0,
               maxLength: 20,
               value: e.data.title,
-              onChange: (l) => c("title", l.target.value)
+              onChange: (d) => c("title", d.target.value)
             }
           )
         ] }),
-        /* @__PURE__ */ P($, { size: 16, children: [
-          /* @__PURE__ */ P("span", { children: [
-            i("colorFieldName"),
+        /* @__PURE__ */ m(C, { size: 16, children: [
+          /* @__PURE__ */ m("span", { children: [
+            u("colorFieldName"),
             ":"
           ] }),
-          r && /* @__PURE__ */ p(
-            Xo,
+          r && /* @__PURE__ */ t(
+            Ae,
             {
               value: r,
-              onChange: (l) => o(`#${l.toHex()}`),
+              onChange: (d) => i(`#${d.toHex()}`),
               showText: !0,
-              onChangeComplete: (l) => {
-                c("color", `#${l.toHex()}`);
+              onChangeComplete: (d) => {
+                c("color", `#${d.toHex()}`);
               }
             }
           )
         ] }),
-        /* @__PURE__ */ p(Z, { block: !0, type: "primary", onClick: s, children: e.isEdit ? i("create") : i("save") })
+        /* @__PURE__ */ t(b, { block: !0, type: "primary", onClick: f, children: e.isEdit ? u("create") : u("save") })
       ] }),
       children: e.children
     }
   ) });
 }
-const As = ({ open: e, onOpenChange: t = () => {
-}, children: n, ...r }) => {
-  const [o, a] = V(e), { t: i } = Ae();
-  return de(() => {
-    a(!!e);
-  }, [e]), /* @__PURE__ */ P(Qt, { children: [
-    /* @__PURE__ */ p(
-      Zn,
+const tt = ({ open: e, onOpenChange: n = () => {
+}, children: a, ...r }) => {
+  const [i, l] = v(e), { t: u } = z();
+  return D(() => {
+    l(!!e);
+  }, [e]), /* @__PURE__ */ m(w, { children: [
+    /* @__PURE__ */ t(
+      I,
       {
-        title: i("quickMessageConfigs"),
-        open: o,
+        title: u("quickMessageConfigs"),
+        open: i,
         onCancel: () => {
-          a(!1), t(!1);
+          l(!1), n(!1);
         },
         width: 980,
         footer: null,
-        children: /* @__PURE__ */ p(Es, { ...r })
+        children: /* @__PURE__ */ t(Ye, { ...r })
       }
     ),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ t(
       "span",
       {
         onClick: () => {
-          a(!0), t(!0);
+          l(!0), n(!0);
         },
-        children: n
+        children: a
       }
     )
   ] });
-};
-var Kn = function() {
-}, Ms = typeof window < "u", Ns = function(e, t, n) {
-  if (!Ms)
-    return [t, Kn, Kn];
-  if (!e)
-    throw new Error("useLocalStorage key may not be falsy");
-  var r = n ? n.raw ? function(d) {
-    return d;
-  } : n.deserializer : JSON.parse, o = ut(function(d) {
-    try {
-      var u = n ? n.raw ? String : n.serializer : JSON.stringify, f = localStorage.getItem(d);
-      return f !== null ? r(f) : (t && localStorage.setItem(d, u(t)), t);
-    } catch {
-      return t;
-    }
-  }), a = V(function() {
-    return o.current(e);
-  }), i = a[0], s = a[1];
-  Bo(function() {
-    return s(o.current(e));
-  }, [e]);
-  var c = pn(function(d) {
-    try {
-      var u = typeof d == "function" ? d(i) : d;
-      if (typeof u > "u")
-        return;
-      var f = void 0;
-      n ? n.raw ? typeof u == "string" ? f = u : f = JSON.stringify(u) : n.serializer ? f = n.serializer(u) : f = JSON.stringify(u) : f = JSON.stringify(u), localStorage.setItem(e, f), s(r(f));
-    } catch {
-    }
-  }, [e, s]), l = pn(function() {
-    try {
-      localStorage.removeItem(e), s(void 0);
-    } catch {
-    }
-  }, [e, s]);
-  return [i, c, l];
-};
-const Ps = Ns;
-var Vr = { exports: {} }, Kr = {
-  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]
-}, Yr = { exports: {} }, Ts = 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");
-}, Is = Ts, Ds = Array.prototype.concat, zs = Array.prototype.slice, Yn = Yr.exports = function(t) {
-  for (var n = [], r = 0, o = t.length; r < o; r++) {
-    var a = t[r];
-    Is(a) ? n = Ds.call(n, zs.call(a)) : n.push(a);
-  }
-  return n;
-};
-Yn.wrap = function(e) {
-  return function() {
-    return e(Yn(arguments));
-  };
-};
-var $s = Yr.exports, Fe = Kr, je = $s, Xr = Object.hasOwnProperty, Jr = /* @__PURE__ */ Object.create(null);
-for (var $t in Fe)
-  Xr.call(Fe, $t) && (Jr[Fe[$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] : Xr.call(Fe, s[1]) ? (i = Fe[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 "#" + Je(e[0]) + Je(e[1]) + Je(e[2]) + (e[3] < 1 ? Je(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 Jr[e.slice(0, 3)];
-};
-function re(e, t, n) {
-  return Math.min(Math.max(t, e), n);
-}
-function Je(e) {
-  var t = Math.round(e).toString(16).toUpperCase();
-  return t.length < 2 ? "0" + t : t;
-}
-var _s = Vr.exports;
-const Re = Kr, Zr = {};
-for (const e of Object.keys(Re))
-  Zr[Re[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 Qr = 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 Fs(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 = Zr[e];
-  if (t)
-    return t;
-  let n = 1 / 0, r;
-  for (const o of Object.keys(Re)) {
-    const a = Re[o], i = Fs(e, a);
-    i < n && (n = i, r = o);
-  }
-  return r;
-};
-g.keyword.rgb = function(e) {
-  return Re[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 = Qr;
-function Rs() {
-  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 js(e) {
-  const t = Rs(), 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 Ls(e, t) {
-  return function(n) {
-    return t(e(n));
-  };
-}
-function Gs(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 = Ls(st[t[o].parent][o], r), o = t[o].parent;
-  return r.conversion = n, r;
-}
-var qs = function(e) {
-  const t = js(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] = Gs(i, t));
-  }
-  return n;
-};
-const Xt = Qr, Bs = qs, ve = {}, Hs = Object.keys(Xt);
-function Ws(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 Us(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;
-}
-Hs.forEach((e) => {
-  ve[e] = {}, Object.defineProperty(ve[e], "channels", { value: Xt[e].channels }), Object.defineProperty(ve[e], "labels", { value: Xt[e].labels });
-  const t = Bs(e);
-  Object.keys(t).forEach((r) => {
-    const o = t[r];
-    ve[e][r] = Us(o), ve[e][r].raw = Ws(o);
-  });
-});
-var Vs = ve;
-const we = _s, R = Vs, eo = [
-  // 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"
-], Jt = {};
-for (const e of Object.keys(R))
-  Jt[[...R[e].labels].sort().join("")] = e;
-const ct = {};
-function z(e, t) {
-  if (!(this instanceof z))
-    return new z(e, t);
-  if (t && t in eo && (t = null), t && !(t in R))
-    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 z)
-    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 = 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 = 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 Jt))
-      throw new Error("Unable to parse color from object: " + JSON.stringify(e));
-    this.model = Jt[a];
-    const { labels: i } = R[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 = 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);
-}
-z.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 } = R[this.model], { labels: n } = R[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 z([...this.color.map(Ys(e)), this.valpha], this.model);
-  },
-  alpha(e) {
-    return e !== void 0 ? new z([...this.color, Math.max(0, Math.min(1, e))], this.model) : this.valpha;
-  },
-  // Rgb
-  red: N("rgb", 0, I(255)),
-  green: N("rgb", 1, I(255)),
-  blue: N("rgb", 2, I(255)),
-  hue: N(["hsl", "hsv", "hsl", "hwb", "hcg"], 0, (e) => (e % 360 + 360) % 360),
-  saturationl: N("hsl", 1, I(100)),
-  lightness: N("hsl", 2, I(100)),
-  saturationv: N("hsv", 1, I(100)),
-  value: N("hsv", 2, I(100)),
-  chroma: N("hcg", 1, I(100)),
-  gray: N("hcg", 2, I(100)),
-  white: N("hwb", 1, I(100)),
-  wblack: N("hwb", 2, I(100)),
-  cyan: N("cmyk", 0, I(100)),
-  magenta: N("cmyk", 1, I(100)),
-  yellow: N("cmyk", 2, I(100)),
-  black: N("cmyk", 3, I(100)),
-  x: N("xyz", 0, I(95.047)),
-  y: N("xyz", 1, I(100)),
-  z: N("xyz", 2, I(108.833)),
-  l: N("lab", 0, I(100)),
-  a: N("lab", 1),
-  b: N("lab", 2),
-  keyword(e) {
-    return e !== void 0 ? new z(e) : R[this.model].keyword(this.color);
-  },
-  hex(e) {
-    return e !== void 0 ? new z(e) : we.to.hex(this.rgb().round().color);
-  },
-  hexa(e) {
-    if (e !== void 0)
-      return new z(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 z.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 z.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(R)) {
-  if (eo.includes(e))
-    continue;
-  const { channels: t } = R[e];
-  z.prototype[e] = function(...n) {
-    return this.model === e ? new z(this) : n.length > 0 ? new z(n, e) : new z([...Xs(R[this.model][e].raw(this.color)), this.valpha], e);
-  }, z[e] = function(...n) {
-    let r = n[0];
-    return typeof r == "number" && (r = Zt(n, t)), new z(r, e);
-  };
-}
-function Ks(e, t) {
-  return Number(e.toFixed(t));
-}
-function Ys(e) {
-  return function(t) {
-    return Ks(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 I(e) {
-  return function(t) {
-    return Math.max(0, Math.min(e, t));
-  };
-}
-function Xs(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 Js = z;
-const Zs = /* @__PURE__ */ rr(Js), Qs = K.div`
+}, nt = y.div`
   font-size: 14px;
   background: #dae5f8;
   padding: 0 4px;
@@ -3634,60 +594,60 @@ const Zs = /* @__PURE__ */ rr(Js), Qs = K.div`
   &:active {
     background-color: #9dbcf3;
   }
-`, ec = K.div`
+`, ot = y.div`
   min-height: 18px;
-`, yc = ({
+`, zt = ({
   data: e = [],
-  onChange: t,
-  tableHeight: n,
+  onChange: n,
+  tableHeight: a,
   limitation: r,
-  displayTitleMaxLength: o = 10,
-  displayMaxLength: a = 99,
-  SlotContentPrefixSlot: i,
-  SlotContentSuffixSlot: s,
+  displayTitleMaxLength: i = 10,
+  displayMaxLength: l = 99,
+  SlotContentPrefixSlot: u,
+  SlotContentSuffixSlot: f,
   onSelect: c = () => {
   }
 }) => {
-  const [l, d] = V(!1), [u, f] = Ps(
+  const [d, x] = v(!1), [g, o] = We(
     "__activeGroupId",
     ""
-  ), { t: h } = Ae(), m = ce(() => e.find((v) => v.id === u), [u, e]), x = ce(() => m ? m.data : [], [m, e]), M = ce(() => e.length === 0, [e]);
-  return /* @__PURE__ */ P(Qt, { children: [
-    M ? /* @__PURE__ */ p(
-      Z,
+  ), { t: s } = z(), h = S(() => e.find((p) => p.id === g), [g, e]), k = S(() => h ? h.data : [], [h, e]), M = S(() => e.length === 0, [e]);
+  return /* @__PURE__ */ m(w, { children: [
+    M ? /* @__PURE__ */ t(
+      b,
       {
         size: "small",
         type: "primary",
-        onClick: () => d(!0),
-        children: h("create")
+        onClick: () => x(!0),
+        children: s("create")
       }
-    ) : /* @__PURE__ */ P($, { size: 2, direction: "vertical", children: [
-      /* @__PURE__ */ p(ec, { children: /* @__PURE__ */ p($, { size: 8, children: x.slice(0, a).map((v) => /* @__PURE__ */ p(
-        Jo,
+    ) : /* @__PURE__ */ m(C, { size: 2, direction: "vertical", children: [
+      /* @__PURE__ */ t(ot, { children: /* @__PURE__ */ t(C, { size: 8, children: k.slice(0, l).map((p) => /* @__PURE__ */ t(
+        Ne,
         {
-          title: v.content,
+          title: p.content,
           destroyTooltipOnHide: !0,
-          children: /* @__PURE__ */ P(
-            Qs,
+          children: /* @__PURE__ */ m(
+            nt,
             {
-              onClick: (S) => {
-                S.target.closest("bdi") || c(v);
+              onClick: (ze) => {
+                ze.target.closest("bdi") || c(p);
               },
               children: [
-                i && /* @__PURE__ */ p("bdi", { children: /* @__PURE__ */ p(
-                  i,
+                u && /* @__PURE__ */ t("bdi", { children: /* @__PURE__ */ t(
+                  u,
                   {
-                    group: m,
-                    message: v
+                    group: h,
+                    message: p
                   }
                 ) }),
-                tr(v.label, o),
-                s && /* @__PURE__ */ P("bdi", { children: [
-                  /* @__PURE__ */ p(
-                    s,
+                B(p.label, i),
+                f && /* @__PURE__ */ m("bdi", { children: [
+                  /* @__PURE__ */ t(
+                    f,
                     {
-                      group: m,
-                      message: v
+                      group: h,
+                      message: p
                     }
                   ),
                   " "
@@ -3696,47 +656,47 @@ const Zs = /* @__PURE__ */ rr(Js), Qs = K.div`
             }
           )
         },
-        v.label
+        p.label
       )) }) }),
-      /* @__PURE__ */ P($, { size: 8, children: [
-        e.slice(0, a).map((v) => /* @__PURE__ */ p(
-          nc,
+      /* @__PURE__ */ m(C, { size: 8, children: [
+        e.slice(0, l).map((p) => /* @__PURE__ */ t(
+          it,
           {
-            data: v,
-            active: u === v.id,
-            displayTitleMaxLength: o,
+            data: p,
+            active: g === p.id,
+            displayTitleMaxLength: i,
             onClick: () => {
-              f(
-                u === v.id ? "" : v.id
+              o(
+                g === p.id ? "" : p.id
               );
             }
           },
-          v.id
+          p.id
         )),
-        /* @__PURE__ */ p(
-          Z,
+        /* @__PURE__ */ t(
+          b,
           {
             size: "small",
             type: "text",
-            onClick: () => d(!0),
-            children: /* @__PURE__ */ p(vs, {})
+            onClick: () => x(!0),
+            children: /* @__PURE__ */ t(Pe, {})
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ p(
-      As,
+    /* @__PURE__ */ t(
+      tt,
       {
-        open: l,
-        onOpenChange: d,
+        open: d,
+        onOpenChange: x,
         data: e,
-        onChange: t,
-        tableHeight: n,
+        onChange: n,
+        tableHeight: a,
         limitation: r
       }
     )
   ] });
-}, tc = K.div`
+}, rt = y.div`
   background-color: ${(e) => e.$backgroundColor};
   color: ${(e) => e.$textColor};
   border: 1px solid transparent;
@@ -3754,132 +714,132 @@ const Zs = /* @__PURE__ */ rr(Js), Qs = K.div`
     opacity: 0.6;
   }
 `;
-function nc(e) {
-  const t = ce(() => {
-    var a, i;
-    const n = Zs(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();
+function it(e) {
+  const n = S(() => {
+    var l, u;
+    const a = Be(e.data.color), r = a.isDark(), i = r ? (l = a.lighten(0.2)) == null ? void 0 : l.hex() : (u = a.darken(0.15)) == null ? void 0 : u.hex();
     return {
       $textColor: r ? "#fff" : "#333",
       $backgroundColor: e.data.color,
-      $hoverColor: o
+      $hoverColor: i
     };
   }, [e.data.color]);
-  return /* @__PURE__ */ p(
-    tc,
+  return /* @__PURE__ */ t(
+    rt,
     {
-      ...t,
+      ...n,
       $active: e.active,
       "data-id": e.data.id,
       onClick: e.onClick,
       title: e.data.title,
-      children: tr(e.data.title, e.displayTitleMaxLength)
+      children: B(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 to = /* @__PURE__ */ ((e) => (e.ZH_CN = "zh-CN", e.EN_US = "en-US", e))(to || {});
-const no = "Are you sure to delete it？", ro = "No data available", oo = "Select a Group first", ao = "Create a Group", io = "Edit Group", so = "Create Group", co = "Title", lo = "Color", uo = "Save", fo = "Create", ho = "Quick Messages Configs", po = "Created Successfully", go = "Cannot be saved: title already existing", mo = "Cannot be saved: title is empty", yo = "Cannot be saved: content is empty", bo = "Content", rc = {
-  confirmDelete: no,
-  noData: ro,
-  selectAGroupFirst: oo,
-  addNewGroup: ao,
-  editGroup: io,
-  createGroup: so,
-  titleFieldName: co,
-  colorFieldName: lo,
-  save: uo,
-  create: fo,
-  quickMessageConfigs: ho,
-  createSuccessfully: po,
-  cannotSavedMessageCuzLabelExisted: go,
-  cannotSavedMessageCuzLabelEmpty: mo,
-  cannotSavedMessageCuzContentEmpty: yo,
-  content: bo,
+var R = /* @__PURE__ */ ((e) => (e.ZH_CN = "zh-CN", e.EN_US = "en-US", e))(R || {});
+const q = "Are you sure to delete it？", U = "No data available", Q = "Select a Group first", V = "Create a Group", Z = "Edit Group", J = "Create Group", X = "Title", Y = "Color", ee = "Save", te = "Create", ne = "Quick Messages Configs", oe = "Created Successfully", re = "Cannot be saved: title already existing", ie = "Cannot be saved: title is empty", ae = "Cannot be saved: content is empty", le = "Content", at = {
+  confirmDelete: q,
+  noData: U,
+  selectAGroupFirst: Q,
+  addNewGroup: V,
+  editGroup: Z,
+  createGroup: J,
+  titleFieldName: X,
+  colorFieldName: Y,
+  save: ee,
+  create: te,
+  quickMessageConfigs: ne,
+  createSuccessfully: oe,
+  cannotSavedMessageCuzLabelExisted: re,
+  cannotSavedMessageCuzLabelEmpty: ie,
+  cannotSavedMessageCuzContentEmpty: ae,
+  content: le,
   delete: "Delete"
-}, oc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addNewGroup: ao,
-  cannotSavedMessageCuzContentEmpty: yo,
-  cannotSavedMessageCuzLabelEmpty: mo,
-  cannotSavedMessageCuzLabelExisted: go,
-  colorFieldName: lo,
-  confirmDelete: no,
-  content: bo,
-  create: fo,
-  createGroup: so,
-  createSuccessfully: po,
-  default: rc,
-  editGroup: io,
-  noData: ro,
-  quickMessageConfigs: ho,
-  save: uo,
-  selectAGroupFirst: oo,
-  titleFieldName: co
-}, Symbol.toStringTag, { value: "Module" })), vo = "确定删除吗？", wo = "没有数据", xo = "请在左侧选择一个分组", Co = "添加一个分组", ko = "编辑分组", So = "新建分组", Eo = "标题", Oo = "颜色", Ao = "保存", Mo = "创建", No = "快捷消息配置", Po = "创建成功", To = "无法保存: 标题重复", Io = "无法保存: 标题不能为空", Do = "无法保存: 内容不能为空", zo = "内容", ac = {
-  confirmDelete: vo,
-  noData: wo,
-  selectAGroupFirst: xo,
-  addNewGroup: Co,
-  editGroup: ko,
-  createGroup: So,
-  titleFieldName: Eo,
-  colorFieldName: Oo,
-  save: Ao,
-  create: Mo,
-  quickMessageConfigs: No,
-  createSuccessfully: Po,
-  cannotSavedMessageCuzLabelExisted: To,
-  cannotSavedMessageCuzLabelEmpty: Io,
-  cannotSavedMessageCuzContentEmpty: Do,
-  content: zo,
+  addNewGroup: V,
+  cannotSavedMessageCuzContentEmpty: ae,
+  cannotSavedMessageCuzLabelEmpty: ie,
+  cannotSavedMessageCuzLabelExisted: re,
+  colorFieldName: Y,
+  confirmDelete: q,
+  content: le,
+  create: te,
+  createGroup: J,
+  createSuccessfully: oe,
+  default: at,
+  editGroup: Z,
+  noData: U,
+  quickMessageConfigs: ne,
+  save: ee,
+  selectAGroupFirst: Q,
+  titleFieldName: X
+}, Symbol.toStringTag, { value: "Module" })), ce = "确定删除吗？", se = "没有数据", de = "请在左侧选择一个分组", ue = "添加一个分组", fe = "编辑分组", he = "新建分组", me = "标题", ge = "颜色", pe = "保存", Ce = "创建", xe = "快捷消息配置", be = "创建成功", ve = "无法保存: 标题重复", ye = "无法保存: 标题不能为空", ke = "无法保存: 内容不能为空", Se = "内容", ct = {
+  confirmDelete: ce,
+  noData: se,
+  selectAGroupFirst: de,
+  addNewGroup: ue,
+  editGroup: fe,
+  createGroup: he,
+  titleFieldName: me,
+  colorFieldName: ge,
+  save: pe,
+  create: Ce,
+  quickMessageConfigs: xe,
+  createSuccessfully: be,
+  cannotSavedMessageCuzLabelExisted: ve,
+  cannotSavedMessageCuzLabelEmpty: ye,
+  cannotSavedMessageCuzContentEmpty: ke,
+  content: Se,
   delete: "删除"
-}, ic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, st = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addNewGroup: Co,
-  cannotSavedMessageCuzContentEmpty: Do,
-  cannotSavedMessageCuzLabelEmpty: Io,
-  cannotSavedMessageCuzLabelExisted: To,
-  colorFieldName: Oo,
-  confirmDelete: vo,
-  content: zo,
-  create: Mo,
-  createGroup: So,
-  createSuccessfully: Po,
-  default: ac,
-  editGroup: ko,
-  noData: wo,
-  quickMessageConfigs: No,
-  save: Ao,
-  selectAGroupFirst: xo,
-  titleFieldName: Eo
-}, Symbol.toStringTag, { value: "Module" })), sc = /* @__PURE__ */ Object.assign({
-  "./locales/en-US/common.json": oc,
-  "./locales/zh-CN/common.json": ic
-}), Xn = Object.entries(sc).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;
+  addNewGroup: ue,
+  cannotSavedMessageCuzContentEmpty: ke,
+  cannotSavedMessageCuzLabelEmpty: ye,
+  cannotSavedMessageCuzLabelExisted: ve,
+  colorFieldName: ge,
+  confirmDelete: ce,
+  content: Se,
+  create: Ce,
+  createGroup: he,
+  createSuccessfully: be,
+  default: ct,
+  editGroup: fe,
+  noData: se,
+  quickMessageConfigs: xe,
+  save: pe,
+  selectAGroupFirst: de,
+  titleFieldName: me
+}, Symbol.toStringTag, { value: "Module" })), dt = /* @__PURE__ */ Object.assign({
+  "./locales/en-US/common.json": lt,
+  "./locales/zh-CN/common.json": st
+}), O = Object.entries(dt).reduce(
+  (e, n) => {
+    const [a, r] = n, i = a.match(/\/locales\/([\w-]+)\//), l = a.match(/\/([\w-_]+)\.json$/);
+    return l && i ? (e[i[1]] = e[i[1]] || {}, e[i[1]][l[1]] = r.default) : console.error(`无法解析文件名称 path:${a}`), e;
   },
   {}
-), $o = ta.createInstance();
-$o.init({
-  lng: to.ZH_CN,
+), De = He.createInstance();
+De.init({
+  lng: R.ZH_CN,
   debug: !1,
-  ns: Object.keys(Xn),
-  resources: Xn
+  ns: Object.keys(O),
+  resources: O
 });
-const cc = en(null);
-function bc(e) {
-  return /* @__PURE__ */ p(ea, { i18n: $o, defaultNS: "common", children: /* @__PURE__ */ p(cc.Provider, { value: {}, children: e.children }) });
+const ut = j(null);
+function Mt(e) {
+  return /* @__PURE__ */ t(je, { i18n: De, defaultNS: "common", children: /* @__PURE__ */ t(ut.Provider, { value: {}, children: e.children }) });
 }
 export {
-  nr as AntdApiContext,
-  mc as AntdApiContextProviderCmp,
-  gc as EmojiPickerWrapper,
-  cc as I18nContext,
-  bc as I18nContextCmp,
-  Es as MessageConfigsPanel,
-  As as MessageConfigsPanelModalWrapper,
-  ui as MessagesEditTable,
-  yc as QuickMessages
+  H as AntdApiContext,
+  Dt as AntdApiContextProviderCmp,
+  St as EmojiPickerWrapper,
+  ut as I18nContext,
+  Mt as I18nContextCmp,
+  Ye as MessageConfigsPanel,
+  tt as MessageConfigsPanelModalWrapper,
+  qe as MessagesEditTable,
+  zt as QuickMessages
 };