@ylzcc/editor 0.9.0 → 0.10.0

package/dist/editor.es.js

@@ -12434,7 +12434,7 @@ const applyStyles$1 = {
 function getBasePlacement$1(Ff) {
   return Ff.split("-")[0];
 }
-var max = Math.max, min = Math.min, round = Math.round;
+var max = Math.max, min = Math.min, round$1 = Math.round;
 function getUAString() {
   var Ff = navigator.userAgentData;
   return Ff != null && Ff.brands && Array.isArray(Ff.brands) ? Ff.brands.map(function(kh) {
@@ -12447,7 +12447,7 @@ function isLayoutViewport() {
 function getBoundingClientRect(Ff, kh, x_) {
   kh === void 0 && (kh = !1), x_ === void 0 && (x_ = !1);
   var B_ = Ff.getBoundingClientRect(), $_ = 1, $P = 1;
-  kh && isHTMLElement(Ff) && ($_ = Ff.offsetWidth > 0 && round(B_.width) / Ff.offsetWidth || 1, $P = Ff.offsetHeight > 0 && round(B_.height) / Ff.offsetHeight || 1);
+  kh && isHTMLElement(Ff) && ($_ = Ff.offsetWidth > 0 && round$1(B_.width) / Ff.offsetWidth || 1, $P = Ff.offsetHeight > 0 && round$1(B_.height) / Ff.offsetHeight || 1);
   var zP = isElement$1(Ff) ? getWindow(Ff) : window, eme = zP.visualViewport, tme = !isLayoutViewport() && x_, nme = (B_.left + (tme && eme ? eme.offsetLeft : 0)) / $_, rme = (B_.top + (tme && eme ? eme.offsetTop : 0)) / $P, ime = B_.width / $_, ame = B_.height / $P;
   return {
     width: ime,
@@ -12595,8 +12595,8 @@ var unsetSides = {
 function roundOffsetsByDPR(Ff, kh) {
   var x_ = Ff.x, B_ = Ff.y, $_ = kh.devicePixelRatio || 1;
   return {
-    x: round(x_ * $_) / $_ || 0,
-    y: round(B_ * $_) / $_ || 0
+    x: round$1(x_ * $_) / $_ || 0,
+    y: round$1(B_ * $_) / $_ || 0
   };
 }
 function mapToStyles(Ff) {
@@ -13079,7 +13079,7 @@ function getNodeScroll(Ff) {
   return Ff === getWindow(Ff) || !isHTMLElement(Ff) ? getWindowScroll(Ff) : getHTMLElementScroll(Ff);
 }
 function isElementScaled(Ff) {
-  var kh = Ff.getBoundingClientRect(), x_ = round(kh.width) / Ff.offsetWidth || 1, B_ = round(kh.height) / Ff.offsetHeight || 1;
+  var kh = Ff.getBoundingClientRect(), x_ = round$1(kh.width) / Ff.offsetWidth || 1, B_ = round$1(kh.height) / Ff.offsetHeight || 1;
   return x_ !== 1 || B_ !== 1;
 }
 function getCompositeRect(Ff, kh, x_) {
@@ -28233,7 +28233,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), Ame = Pme, Vme = Dme)
 var highlight$2 = HLJS$1({}), core$1 = highlight$2;
 highlight$2.HighlightJS = highlight$2;
 highlight$2.default = highlight$2;
-const HighlightJS$2 = /* @__PURE__ */ getDefaultExportFromCjs(core$1);
+const HighlightJS$1 = /* @__PURE__ */ getDefaultExportFromCjs(core$1);
 var format = { exports: {} };
 (function(Ff) {
   (function() {
@@ -28313,21 +28313,21 @@ function highlight$1(Ff, kh, x_ = {}) {
   let B_ = x_.prefix;
   if (typeof Ff != "string")
     throw fault("Expected `string` for name, got `%s`", Ff);
-  if (!HighlightJS$2.getLanguage(Ff))
+  if (!HighlightJS$1.getLanguage(Ff))
     throw fault("Unknown language: `%s` is not registered", Ff);
   if (typeof kh != "string")
     throw fault("Expected `string` for value, got `%s`", kh);
-  B_ == null && (B_ = defaultPrefix), HighlightJS$2.configure({ __emitter: HastEmitter, classPrefix: B_ });
+  B_ == null && (B_ = defaultPrefix), HighlightJS$1.configure({ __emitter: HastEmitter, classPrefix: B_ });
   const $_ = (
     /** @type {HighlightResult & {_emitter: HastEmitter}} */
-    HighlightJS$2.highlight(kh, { language: Ff, ignoreIllegals: !0 })
+    HighlightJS$1.highlight(kh, { language: Ff, ignoreIllegals: !0 })
   );
-  if (HighlightJS$2.configure({}), $_.errorRaised)
+  if (HighlightJS$1.configure({}), $_.errorRaised)
     throw $_.errorRaised;
   return $_._emitter.root.data.language = $_.language, $_._emitter.root.data.relevance = $_.relevance, $_._emitter.root;
 }
 function highlightAuto(Ff, kh = {}) {
-  const x_ = kh.subset || HighlightJS$2.listLanguages();
+  const x_ = kh.subset || HighlightJS$1.listLanguages();
   kh.prefix;
   let B_ = -1, $_ = {
     type: "root",
@@ -28338,7 +28338,7 @@ function highlightAuto(Ff, kh = {}) {
     throw fault("Expected `string` for value, got `%s`", Ff);
   for (; ++B_ < x_.length; ) {
     const $P = x_[B_];
-    if (!HighlightJS$2.getLanguage($P))
+    if (!HighlightJS$1.getLanguage($P))
       continue;
     const zP = highlight$1($P, Ff, kh);
     zP.data.relevance > $_.data.relevance && ($_ = zP);
@@ -28346,7 +28346,7 @@ function highlightAuto(Ff, kh = {}) {
   return $_;
 }
 function registerLanguage(Ff, kh) {
-  HighlightJS$2.registerLanguage(Ff, kh);
+  HighlightJS$1.registerLanguage(Ff, kh);
 }
 const registerAlias = (
   /**
@@ -28362,19 +28362,19 @@ const registerAlias = (
    */
   function(Ff, kh) {
     if (typeof Ff == "string")
-      HighlightJS$2.registerAliases(kh, { languageName: Ff });
+      HighlightJS$1.registerAliases(kh, { languageName: Ff });
     else {
       let x_;
       for (x_ in Ff)
-        own$4.call(Ff, x_) && HighlightJS$2.registerAliases(Ff[x_], { languageName: x_ });
+        own$4.call(Ff, x_) && HighlightJS$1.registerAliases(Ff[x_], { languageName: x_ });
     }
   }
 );
-function registered$1(Ff) {
-  return !!HighlightJS$2.getLanguage(Ff);
+function registered(Ff) {
+  return !!HighlightJS$1.getLanguage(Ff);
 }
 function listLanguages() {
-  return HighlightJS$2.listLanguages();
+  return HighlightJS$1.listLanguages();
 }
 class HastEmitter {
   /**
@@ -28451,7 +28451,7 @@ const lowlight = {
   highlight: highlight$1,
   highlightAuto,
   registerLanguage,
-  registered: registered$1,
+  registered,
   listLanguages,
   registerAlias
 };
@@ -30657,7 +30657,6 @@ highlight.newInstance = () => HLJS({});
 var core = highlight;
 highlight.HighlightJS = highlight;
 highlight.default = highlight;
-const HighlightJS$1 = /* @__PURE__ */ getDefaultExportFromCjs(core);
 function parseNodes(Ff, kh = []) {
   return Ff.map((x_) => {
     const B_ = [...kh, ...x_.properties ? x_.properties.className : []];
@@ -30670,9 +30669,6 @@ function parseNodes(Ff, kh = []) {
 function getHighlightNodes(Ff) {
   return Ff.value || Ff.children || [];
 }
-function registered(Ff) {
-  return !!HighlightJS$1.getLanguage(Ff);
-}
 function getDecorations({
   doc: Ff,
   name: kh,
@@ -30682,7 +30678,7 @@ function getDecorations({
   const $_ = [], $P = x_.listLanguages();
   return findChildren(Ff, (zP) => zP.type.name === kh).forEach((zP) => {
     let eme = zP.pos + 1;
-    const tme = zP.node.attrs.language || B_, nme = tme && ($P.includes(tme) || registered(tme)) ? getHighlightNodes(x_.highlight(tme, zP.node.textContent)) : getHighlightNodes(x_.highlightAuto(zP.node.textContent));
+    const tme = zP.node.attrs.language || B_, nme = tme && $P.includes(tme) ? getHighlightNodes(x_.highlight(tme, zP.node.textContent)) : getHighlightNodes(x_.highlightAuto(zP.node.textContent));
     parseNodes(nme).forEach((rme) => {
       const ime = eme + rme.text.length;
       if (rme.classes.length) {
@@ -57437,10 +57433,10 @@ function _extends() {
     for (var kh = 1; kh < arguments.length; kh++) {
       var x_ = arguments[kh];
       for (var B_ in x_)
-        Object.prototype.hasOwnProperty.call(x_, B_) && (Ff[B_] = x_[B_]);
+        ({}).hasOwnProperty.call(x_, B_) && (Ff[B_] = x_[B_]);
     }
     return Ff;
-  }, _extends.apply(this, arguments);
+  }, _extends.apply(null, arguments);
 }
 function _arrayWithHoles(Ff) {
   if (Array.isArray(Ff))
@@ -57474,7 +57470,7 @@ function _iterableToArrayLimit(Ff, kh) {
 }
 function _arrayLikeToArray(Ff, kh) {
   (kh == null || kh > Ff.length) && (kh = Ff.length);
-  for (var x_ = 0, B_ = new Array(kh); x_ < kh; x_++)
+  for (var x_ = 0, B_ = Array(kh); x_ < kh; x_++)
     B_[x_] = Ff[x_];
   return B_;
 }
@@ -57482,11 +57478,8 @@ function _unsupportedIterableToArray(Ff, kh) {
   if (Ff) {
     if (typeof Ff == "string")
       return _arrayLikeToArray(Ff, kh);
-    var x_ = Object.prototype.toString.call(Ff).slice(8, -1);
-    if (x_ === "Object" && Ff.constructor && (x_ = Ff.constructor.name), x_ === "Map" || x_ === "Set")
-      return Array.from(Ff);
-    if (x_ === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(x_))
-      return _arrayLikeToArray(Ff, kh);
+    var x_ = {}.toString.call(Ff).slice(8, -1);
+    return x_ === "Object" && Ff.constructor && (x_ = Ff.constructor.name), x_ === "Map" || x_ === "Set" ? Array.from(Ff) : x_ === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(x_) ? _arrayLikeToArray(Ff, kh) : void 0;
   }
 }
 function _nonIterableRest() {
@@ -57518,10 +57511,10 @@ function toPrimitive(Ff, kh) {
 }
 function toPropertyKey(Ff) {
   var kh = toPrimitive(Ff, "string");
-  return _typeof(kh) == "symbol" ? kh : String(kh);
+  return _typeof(kh) == "symbol" ? kh : kh + "";
 }
 function _defineProperty(Ff, kh, x_) {
-  return kh = toPropertyKey(kh), kh in Ff ? Object.defineProperty(Ff, kh, {
+  return (kh = toPropertyKey(kh)) in Ff ? Object.defineProperty(Ff, kh, {
     value: x_,
     enumerable: !0,
     configurable: !0,
@@ -57531,21 +57524,25 @@ function _defineProperty(Ff, kh, x_) {
 function _objectWithoutPropertiesLoose(Ff, kh) {
   if (Ff == null)
     return {};
-  var x_ = {}, B_ = Object.keys(Ff), $_, $P;
-  for ($P = 0; $P < B_.length; $P++)
-    $_ = B_[$P], !(kh.indexOf($_) >= 0) && (x_[$_] = Ff[$_]);
+  var x_ = {};
+  for (var B_ in Ff)
+    if ({}.hasOwnProperty.call(Ff, B_)) {
+      if (kh.indexOf(B_) !== -1)
+        continue;
+      x_[B_] = Ff[B_];
+    }
   return x_;
 }
 function _objectWithoutProperties(Ff, kh) {
   if (Ff == null)
     return {};
-  var x_ = _objectWithoutPropertiesLoose(Ff, kh), B_, $_;
+  var x_, B_, $_ = _objectWithoutPropertiesLoose(Ff, kh);
   if (Object.getOwnPropertySymbols) {
     var $P = Object.getOwnPropertySymbols(Ff);
-    for ($_ = 0; $_ < $P.length; $_++)
-      B_ = $P[$_], !(kh.indexOf(B_) >= 0) && Object.prototype.propertyIsEnumerable.call(Ff, B_) && (x_[B_] = Ff[B_]);
+    for (B_ = 0; B_ < $P.length; B_++)
+      x_ = $P[B_], kh.indexOf(x_) === -1 && {}.propertyIsEnumerable.call(Ff, x_) && ($_[x_] = Ff[x_]);
   }
-  return x_;
+  return $_;
 }
 var classnames = { exports: {} };
 /*!
@@ -57584,348 +57581,360 @@ var classnames = { exports: {} };
   })();
 })(classnames);
 var classnamesExports = classnames.exports;
-const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-function bound01(Ff, kh) {
-  isOnePointZero(Ff) && (Ff = "100%");
-  var x_ = isPercentage(Ff);
-  return Ff = kh === 360 ? Ff : Math.min(kh, Math.max(0, parseFloat(Ff))), x_ && (Ff = parseInt(String(Ff * kh), 10) / 100), Math.abs(Ff - kh) < 1e-6 ? 1 : (kh === 360 ? Ff = (Ff < 0 ? Ff % kh + kh : Ff % kh) / parseFloat(String(kh)) : Ff = Ff % kh / parseFloat(String(kh)), Ff);
-}
-function isOnePointZero(Ff) {
-  return typeof Ff == "string" && Ff.indexOf(".") !== -1 && parseFloat(Ff) === 1;
-}
-function isPercentage(Ff) {
-  return typeof Ff == "string" && Ff.indexOf("%") !== -1;
-}
-function boundAlpha(Ff) {
-  return Ff = parseFloat(Ff), (isNaN(Ff) || Ff < 0 || Ff > 1) && (Ff = 1), Ff;
-}
-function convertToPercentage(Ff) {
-  return Ff <= 1 ? "".concat(Number(Ff) * 100, "%") : Ff;
-}
-function pad2(Ff) {
-  return Ff.length === 1 ? "0" + Ff : String(Ff);
-}
-function rgbToRgb(Ff, kh, x_) {
-  return {
-    r: bound01(Ff, 255) * 255,
-    g: bound01(kh, 255) * 255,
-    b: bound01(x_, 255) * 255
-  };
-}
-function hue2rgb(Ff, kh, x_) {
-  return x_ < 0 && (x_ += 1), x_ > 1 && (x_ -= 1), x_ < 1 / 6 ? Ff + (kh - Ff) * (6 * x_) : x_ < 1 / 2 ? kh : x_ < 2 / 3 ? Ff + (kh - Ff) * (2 / 3 - x_) * 6 : Ff;
-}
-function hslToRgb(Ff, kh, x_) {
-  var B_, $_, $P;
-  if (Ff = bound01(Ff, 360), kh = bound01(kh, 100), x_ = bound01(x_, 100), kh === 0)
-    $_ = x_, $P = x_, B_ = x_;
-  else {
-    var zP = x_ < 0.5 ? x_ * (1 + kh) : x_ + kh - x_ * kh, eme = 2 * x_ - zP;
-    B_ = hue2rgb(eme, zP, Ff + 1 / 3), $_ = hue2rgb(eme, zP, Ff), $P = hue2rgb(eme, zP, Ff - 1 / 3);
+const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports), round = Math.round;
+function splitColorStr(Ff, kh) {
+  const x_ = Ff.replace(/^[^(]*\((.*)/, "$1").replace(/\).*/, "").match(/\d*\.?\d+%?/g) || [], B_ = x_.map(($_) => parseFloat($_));
+  for (let $_ = 0; $_ < 3; $_ += 1)
+    B_[$_] = kh(B_[$_] || 0, x_[$_] || "", $_);
+  return x_[3] ? B_[3] = x_[3].includes("%") ? B_[3] / 100 : B_[3] : B_[3] = 1, B_;
+}
+const parseHSVorHSL = (Ff, kh, x_) => x_ === 0 ? Ff : Ff / 100;
+function limitRange(Ff, kh) {
+  const x_ = kh || 255;
+  return Ff > x_ ? x_ : Ff < 0 ? 0 : Ff;
+}
+class FastColor {
+  constructor(kh) {
+    _defineProperty(this, "isValid", !0), _defineProperty(this, "r", 0), _defineProperty(this, "g", 0), _defineProperty(this, "b", 0), _defineProperty(this, "a", 1), _defineProperty(this, "_h", void 0), _defineProperty(this, "_s", void 0), _defineProperty(this, "_l", void 0), _defineProperty(this, "_v", void 0), _defineProperty(this, "_max", void 0), _defineProperty(this, "_min", void 0), _defineProperty(this, "_brightness", void 0);
+    function x_(B_) {
+      return B_[0] in kh && B_[1] in kh && B_[2] in kh;
+    }
+    if (kh)
+      if (typeof kh == "string") {
+        let $_ = function($P) {
+          return B_.startsWith($P);
+        };
+        const B_ = kh.trim();
+        /^#?[A-F\d]{3,8}$/i.test(B_) ? this.fromHexString(B_) : $_("rgb") ? this.fromRgbString(B_) : $_("hsl") ? this.fromHslString(B_) : ($_("hsv") || $_("hsb")) && this.fromHsvString(B_);
+      } else if (kh instanceof FastColor)
+        this.r = kh.r, this.g = kh.g, this.b = kh.b, this.a = kh.a, this._h = kh._h, this._s = kh._s, this._l = kh._l, this._v = kh._v;
+      else if (x_("rgb"))
+        this.r = limitRange(kh.r), this.g = limitRange(kh.g), this.b = limitRange(kh.b), this.a = typeof kh.a == "number" ? limitRange(kh.a, 1) : 1;
+      else if (x_("hsl"))
+        this.fromHsl(kh);
+      else if (x_("hsv"))
+        this.fromHsv(kh);
+      else
+        throw new Error("@ant-design/fast-color: unsupported input " + JSON.stringify(kh));
   }
-  return { r: B_ * 255, g: $_ * 255, b: $P * 255 };
-}
-function rgbToHsv(Ff, kh, x_) {
-  Ff = bound01(Ff, 255), kh = bound01(kh, 255), x_ = bound01(x_, 255);
-  var B_ = Math.max(Ff, kh, x_), $_ = Math.min(Ff, kh, x_), $P = 0, zP = B_, eme = B_ - $_, tme = B_ === 0 ? 0 : eme / B_;
-  if (B_ === $_)
-    $P = 0;
-  else {
-    switch (B_) {
-      case Ff:
-        $P = (kh - x_) / eme + (kh < x_ ? 6 : 0);
+  // ======================= Setter =======================
+  setR(kh) {
+    return this._sc("r", kh);
+  }
+  setG(kh) {
+    return this._sc("g", kh);
+  }
+  setB(kh) {
+    return this._sc("b", kh);
+  }
+  setA(kh) {
+    return this._sc("a", kh, 1);
+  }
+  setHue(kh) {
+    const x_ = this.toHsv();
+    return x_.h = kh, this._c(x_);
+  }
+  // ======================= Getter =======================
+  /**
+   * Returns the perceived luminance of a color, from 0-1.
+   * @see http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
+   */
+  getLuminance() {
+    function kh($P) {
+      const zP = $P / 255;
+      return zP <= 0.03928 ? zP / 12.92 : Math.pow((zP + 0.055) / 1.055, 2.4);
+    }
+    const x_ = kh(this.r), B_ = kh(this.g), $_ = kh(this.b);
+    return 0.2126 * x_ + 0.7152 * B_ + 0.0722 * $_;
+  }
+  getHue() {
+    if (typeof this._h > "u") {
+      const kh = this.getMax() - this.getMin();
+      kh === 0 ? this._h = 0 : this._h = round(60 * (this.r === this.getMax() ? (this.g - this.b) / kh + (this.g < this.b ? 6 : 0) : this.g === this.getMax() ? (this.b - this.r) / kh + 2 : (this.r - this.g) / kh + 4));
+    }
+    return this._h;
+  }
+  getSaturation() {
+    if (typeof this._s > "u") {
+      const kh = this.getMax() - this.getMin();
+      kh === 0 ? this._s = 0 : this._s = kh / this.getMax();
+    }
+    return this._s;
+  }
+  getLightness() {
+    return typeof this._l > "u" && (this._l = (this.getMax() + this.getMin()) / 510), this._l;
+  }
+  getValue() {
+    return typeof this._v > "u" && (this._v = this.getMax() / 255), this._v;
+  }
+  /**
+   * Returns the perceived brightness of the color, from 0-255.
+   * Note: this is not the b of HSB
+   * @see http://www.w3.org/TR/AERT#color-contrast
+   */
+  getBrightness() {
+    return typeof this._brightness > "u" && (this._brightness = (this.r * 299 + this.g * 587 + this.b * 114) / 1e3), this._brightness;
+  }
+  // ======================== Func ========================
+  darken(kh = 10) {
+    const x_ = this.getHue(), B_ = this.getSaturation();
+    let $_ = this.getLightness() - kh / 100;
+    return $_ < 0 && ($_ = 0), this._c({
+      h: x_,
+      s: B_,
+      l: $_,
+      a: this.a
+    });
+  }
+  lighten(kh = 10) {
+    const x_ = this.getHue(), B_ = this.getSaturation();
+    let $_ = this.getLightness() + kh / 100;
+    return $_ > 1 && ($_ = 1), this._c({
+      h: x_,
+      s: B_,
+      l: $_,
+      a: this.a
+    });
+  }
+  /**
+   * Mix the current color a given amount with another color, from 0 to 100.
+   * 0 means no mixing (return current color).
+   */
+  mix(kh, x_ = 50) {
+    const B_ = this._c(kh), $_ = x_ / 100, $P = (eme) => (B_[eme] - this[eme]) * $_ + this[eme], zP = {
+      r: round($P("r")),
+      g: round($P("g")),
+      b: round($P("b")),
+      a: round($P("a") * 100) / 100
+    };
+    return this._c(zP);
+  }
+  /**
+   * Mix the color with pure white, from 0 to 100.
+   * Providing 0 will do nothing, providing 100 will always return white.
+   */
+  tint(kh = 10) {
+    return this.mix({
+      r: 255,
+      g: 255,
+      b: 255,
+      a: 1
+    }, kh);
+  }
+  /**
+   * Mix the color with pure black, from 0 to 100.
+   * Providing 0 will do nothing, providing 100 will always return black.
+   */
+  shade(kh = 10) {
+    return this.mix({
+      r: 0,
+      g: 0,
+      b: 0,
+      a: 1
+    }, kh);
+  }
+  onBackground(kh) {
+    const x_ = this._c(kh), B_ = this.a + x_.a * (1 - this.a), $_ = ($P) => round((this[$P] * this.a + x_[$P] * x_.a * (1 - this.a)) / B_);
+    return this._c({
+      r: $_("r"),
+      g: $_("g"),
+      b: $_("b"),
+      a: B_
+    });
+  }
+  // ======================= Status =======================
+  isDark() {
+    return this.getBrightness() < 128;
+  }
+  isLight() {
+    return this.getBrightness() >= 128;
+  }
+  // ======================== MISC ========================
+  equals(kh) {
+    return this.r === kh.r && this.g === kh.g && this.b === kh.b && this.a === kh.a;
+  }
+  clone() {
+    return this._c(this);
+  }
+  // ======================= Format =======================
+  toHexString() {
+    let kh = "#";
+    const x_ = (this.r || 0).toString(16);
+    kh += x_.length === 2 ? x_ : "0" + x_;
+    const B_ = (this.g || 0).toString(16);
+    kh += B_.length === 2 ? B_ : "0" + B_;
+    const $_ = (this.b || 0).toString(16);
+    if (kh += $_.length === 2 ? $_ : "0" + $_, typeof this.a == "number" && this.a >= 0 && this.a < 1) {
+      const $P = round(this.a * 255).toString(16);
+      kh += $P.length === 2 ? $P : "0" + $P;
+    }
+    return kh;
+  }
+  /** CSS support color pattern */
+  toHsl() {
+    return {
+      h: this.getHue(),
+      s: this.getSaturation(),
+      l: this.getLightness(),
+      a: this.a
+    };
+  }
+  /** CSS support color pattern */
+  toHslString() {
+    const kh = this.getHue(), x_ = round(this.getSaturation() * 100), B_ = round(this.getLightness() * 100);
+    return this.a !== 1 ? `hsla(${kh},${x_}%,${B_}%,${this.a})` : `hsl(${kh},${x_}%,${B_}%)`;
+  }
+  /** Same as toHsb */
+  toHsv() {
+    return {
+      h: this.getHue(),
+      s: this.getSaturation(),
+      v: this.getValue(),
+      a: this.a
+    };
+  }
+  toRgb() {
+    return {
+      r: this.r,
+      g: this.g,
+      b: this.b,
+      a: this.a
+    };
+  }
+  toRgbString() {
+    return this.a !== 1 ? `rgba(${this.r},${this.g},${this.b},${this.a})` : `rgb(${this.r},${this.g},${this.b})`;
+  }
+  toString() {
+    return this.toRgbString();
+  }
+  // ====================== Privates ======================
+  /** Return a new FastColor object with one channel changed */
+  _sc(kh, x_, B_) {
+    const $_ = this.clone();
+    return $_[kh] = limitRange(x_, B_), $_;
+  }
+  _c(kh) {
+    return new this.constructor(kh);
+  }
+  getMax() {
+    return typeof this._max > "u" && (this._max = Math.max(this.r, this.g, this.b)), this._max;
+  }
+  getMin() {
+    return typeof this._min > "u" && (this._min = Math.min(this.r, this.g, this.b)), this._min;
+  }
+  fromHexString(kh) {
+    const x_ = kh.replace("#", "");
+    function B_($_, $P) {
+      return parseInt(x_[$_] + x_[$P || $_], 16);
+    }
+    x_.length < 6 ? (this.r = B_(0), this.g = B_(1), this.b = B_(2), this.a = x_[3] ? B_(3) / 255 : 1) : (this.r = B_(0, 1), this.g = B_(2, 3), this.b = B_(4, 5), this.a = x_[6] ? B_(6, 7) / 255 : 1);
+  }
+  fromHsl({
+    h: kh,
+    s: x_,
+    l: B_,
+    a: $_
+  }) {
+    if (this._h = kh % 360, this._s = x_, this._l = B_, this.a = typeof $_ == "number" ? $_ : 1, x_ <= 0) {
+      const ame = round(B_ * 255);
+      this.r = ame, this.g = ame, this.b = ame;
+    }
+    let $P = 0, zP = 0, eme = 0;
+    const tme = kh / 60, nme = (1 - Math.abs(2 * B_ - 1)) * x_, rme = nme * (1 - Math.abs(tme % 2 - 1));
+    tme >= 0 && tme < 1 ? ($P = nme, zP = rme) : tme >= 1 && tme < 2 ? ($P = rme, zP = nme) : tme >= 2 && tme < 3 ? (zP = nme, eme = rme) : tme >= 3 && tme < 4 ? (zP = rme, eme = nme) : tme >= 4 && tme < 5 ? ($P = rme, eme = nme) : tme >= 5 && tme < 6 && ($P = nme, eme = rme);
+    const ime = B_ - nme / 2;
+    this.r = round(($P + ime) * 255), this.g = round((zP + ime) * 255), this.b = round((eme + ime) * 255);
+  }
+  fromHsv({
+    h: kh,
+    s: x_,
+    v: B_,
+    a: $_
+  }) {
+    this._h = kh % 360, this._s = x_, this._v = B_, this.a = typeof $_ == "number" ? $_ : 1;
+    const $P = round(B_ * 255);
+    if (this.r = $P, this.g = $P, this.b = $P, x_ <= 0)
+      return;
+    const zP = kh / 60, eme = Math.floor(zP), tme = zP - eme, nme = round(B_ * (1 - x_) * 255), rme = round(B_ * (1 - x_ * tme) * 255), ime = round(B_ * (1 - x_ * (1 - tme)) * 255);
+    switch (eme) {
+      case 0:
+        this.g = ime, this.b = nme;
+        break;
+      case 1:
+        this.r = rme, this.b = nme;
+        break;
+      case 2:
+        this.r = nme, this.b = ime;
         break;
-      case kh:
-        $P = (x_ - Ff) / eme + 2;
+      case 3:
+        this.r = nme, this.g = rme;
         break;
-      case x_:
-        $P = (Ff - kh) / eme + 4;
+      case 4:
+        this.r = ime, this.g = nme;
+        break;
+      case 5:
+      default:
+        this.g = nme, this.b = rme;
         break;
     }
-    $P /= 6;
   }
-  return { h: $P, s: tme, v: zP };
-}
-function hsvToRgb(Ff, kh, x_) {
-  Ff = bound01(Ff, 360) * 6, kh = bound01(kh, 100), x_ = bound01(x_, 100);
-  var B_ = Math.floor(Ff), $_ = Ff - B_, $P = x_ * (1 - kh), zP = x_ * (1 - $_ * kh), eme = x_ * (1 - (1 - $_) * kh), tme = B_ % 6, nme = [x_, zP, $P, $P, eme, x_][tme], rme = [eme, x_, x_, zP, $P, $P][tme], ime = [$P, $P, eme, x_, x_, zP][tme];
-  return { r: nme * 255, g: rme * 255, b: ime * 255 };
-}
-function rgbToHex(Ff, kh, x_, B_) {
-  var $_ = [
-    pad2(Math.round(Ff).toString(16)),
-    pad2(Math.round(kh).toString(16)),
-    pad2(Math.round(x_).toString(16))
-  ];
-  return B_ && $_[0].startsWith($_[0].charAt(1)) && $_[1].startsWith($_[1].charAt(1)) && $_[2].startsWith($_[2].charAt(1)) ? $_[0].charAt(0) + $_[1].charAt(0) + $_[2].charAt(0) : $_.join("");
-}
-function convertHexToDecimal(Ff) {
-  return parseIntFromHex(Ff) / 255;
-}
-function parseIntFromHex(Ff) {
-  return parseInt(Ff, 16);
-}
-var names = {
-  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 inputToRGB(Ff) {
-  var kh = { r: 0, g: 0, b: 0 }, x_ = 1, B_ = null, $_ = null, $P = null, zP = !1, eme = !1;
-  return typeof Ff == "string" && (Ff = stringInputToObject(Ff)), typeof Ff == "object" && (isValidCSSUnit(Ff.r) && isValidCSSUnit(Ff.g) && isValidCSSUnit(Ff.b) ? (kh = rgbToRgb(Ff.r, Ff.g, Ff.b), zP = !0, eme = String(Ff.r).substr(-1) === "%" ? "prgb" : "rgb") : isValidCSSUnit(Ff.h) && isValidCSSUnit(Ff.s) && isValidCSSUnit(Ff.v) ? (B_ = convertToPercentage(Ff.s), $_ = convertToPercentage(Ff.v), kh = hsvToRgb(Ff.h, B_, $_), zP = !0, eme = "hsv") : isValidCSSUnit(Ff.h) && isValidCSSUnit(Ff.s) && isValidCSSUnit(Ff.l) && (B_ = convertToPercentage(Ff.s), $P = convertToPercentage(Ff.l), kh = hslToRgb(Ff.h, B_, $P), zP = !0, eme = "hsl"), Object.prototype.hasOwnProperty.call(Ff, "a") && (x_ = Ff.a)), x_ = boundAlpha(x_), {
-    ok: zP,
-    format: Ff.format || eme,
-    r: Math.min(255, Math.max(kh.r, 0)),
-    g: Math.min(255, Math.max(kh.g, 0)),
-    b: Math.min(255, Math.max(kh.b, 0)),
-    a: x_
-  };
-}
-var CSS_INTEGER = "[-\\+]?\\d+%?", CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?", CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")"), PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?"), PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?"), matchers = {
-  CSS_UNIT: new RegExp(CSS_UNIT),
-  rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
-  rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
-  hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
-  hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
-  hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
-  hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
-  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 stringInputToObject(Ff) {
-  if (Ff = Ff.trim().toLowerCase(), Ff.length === 0)
-    return !1;
-  var kh = !1;
-  if (names[Ff])
-    Ff = names[Ff], kh = !0;
-  else if (Ff === "transparent")
-    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-  var x_ = matchers.rgb.exec(Ff);
-  return x_ ? { r: x_[1], g: x_[2], b: x_[3] } : (x_ = matchers.rgba.exec(Ff), x_ ? { r: x_[1], g: x_[2], b: x_[3], a: x_[4] } : (x_ = matchers.hsl.exec(Ff), x_ ? { h: x_[1], s: x_[2], l: x_[3] } : (x_ = matchers.hsla.exec(Ff), x_ ? { h: x_[1], s: x_[2], l: x_[3], a: x_[4] } : (x_ = matchers.hsv.exec(Ff), x_ ? { h: x_[1], s: x_[2], v: x_[3] } : (x_ = matchers.hsva.exec(Ff), x_ ? { h: x_[1], s: x_[2], v: x_[3], a: x_[4] } : (x_ = matchers.hex8.exec(Ff), x_ ? {
-    r: parseIntFromHex(x_[1]),
-    g: parseIntFromHex(x_[2]),
-    b: parseIntFromHex(x_[3]),
-    a: convertHexToDecimal(x_[4]),
-    format: kh ? "name" : "hex8"
-  } : (x_ = matchers.hex6.exec(Ff), x_ ? {
-    r: parseIntFromHex(x_[1]),
-    g: parseIntFromHex(x_[2]),
-    b: parseIntFromHex(x_[3]),
-    format: kh ? "name" : "hex"
-  } : (x_ = matchers.hex4.exec(Ff), x_ ? {
-    r: parseIntFromHex(x_[1] + x_[1]),
-    g: parseIntFromHex(x_[2] + x_[2]),
-    b: parseIntFromHex(x_[3] + x_[3]),
-    a: convertHexToDecimal(x_[4] + x_[4]),
-    format: kh ? "name" : "hex8"
-  } : (x_ = matchers.hex3.exec(Ff), x_ ? {
-    r: parseIntFromHex(x_[1] + x_[1]),
-    g: parseIntFromHex(x_[2] + x_[2]),
-    b: parseIntFromHex(x_[3] + x_[3]),
-    format: kh ? "name" : "hex"
-  } : !1)))))))));
-}
-function isValidCSSUnit(Ff) {
-  return !!matchers.CSS_UNIT.exec(String(Ff));
+  fromHsvString(kh) {
+    const x_ = splitColorStr(kh, parseHSVorHSL);
+    this.fromHsv({
+      h: x_[0],
+      s: x_[1],
+      v: x_[2],
+      a: x_[3]
+    });
+  }
+  fromHslString(kh) {
+    const x_ = splitColorStr(kh, parseHSVorHSL);
+    this.fromHsl({
+      h: x_[0],
+      s: x_[1],
+      l: x_[2],
+      a: x_[3]
+    });
+  }
+  fromRgbString(kh) {
+    const x_ = splitColorStr(kh, (B_, $_) => (
+      // Convert percentage to number. e.g. 50% -> 128
+      $_.includes("%") ? round(B_ / 100 * 255) : B_
+    ));
+    this.r = x_[0], this.g = x_[1], this.b = x_[2], this.a = x_[3];
+  }
 }
 var hueStep = 2, saturationStep = 0.16, saturationStep2 = 0.05, brightnessStep1 = 0.05, brightnessStep2 = 0.15, lightColorCount = 5, darkColorCount = 4, darkColorMap = [{
   index: 7,
-  opacity: 0.15
+  amount: 15
 }, {
   index: 6,
-  opacity: 0.25
+  amount: 25
 }, {
   index: 5,
-  opacity: 0.3
+  amount: 30
 }, {
   index: 5,
-  opacity: 0.45
+  amount: 45
 }, {
   index: 5,
-  opacity: 0.65
+  amount: 65
 }, {
   index: 5,
-  opacity: 0.85
+  amount: 85
 }, {
   index: 4,
-  opacity: 0.9
+  amount: 90
 }, {
   index: 3,
-  opacity: 0.95
+  amount: 95
 }, {
   index: 2,
-  opacity: 0.97
+  amount: 97
 }, {
   index: 1,
-  opacity: 0.98
+  amount: 98
 }];
-function toHsv(Ff) {
-  var kh = Ff.r, x_ = Ff.g, B_ = Ff.b, $_ = rgbToHsv(kh, x_, B_);
-  return {
-    h: $_.h * 360,
-    s: $_.s,
-    v: $_.v
-  };
-}
-function toHex(Ff) {
-  var kh = Ff.r, x_ = Ff.g, B_ = Ff.b;
-  return "#".concat(rgbToHex(kh, x_, B_, !1));
-}
-function mix(Ff, kh, x_) {
-  var B_ = x_ / 100, $_ = {
-    r: (kh.r - Ff.r) * B_ + Ff.r,
-    g: (kh.g - Ff.g) * B_ + Ff.g,
-    b: (kh.b - Ff.b) * B_ + Ff.b
-  };
-  return $_;
-}
 function getHue(Ff, kh, x_) {
   var B_;
   return Math.round(Ff.h) >= 60 && Math.round(Ff.h) <= 240 ? B_ = x_ ? Math.round(Ff.h) - hueStep * kh : Math.round(Ff.h) + hueStep * kh : B_ = x_ ? Math.round(Ff.h) + hueStep * kh : Math.round(Ff.h) - hueStep * kh, B_ < 0 ? B_ += 360 : B_ >= 360 && (B_ -= 360), B_;
@@ -57934,57 +57943,39 @@ function getSaturation(Ff, kh, x_) {
   if (Ff.h === 0 && Ff.s === 0)
     return Ff.s;
   var B_;
-  return x_ ? B_ = Ff.s - saturationStep * kh : kh === darkColorCount ? B_ = Ff.s + saturationStep : B_ = Ff.s + saturationStep2 * kh, B_ > 1 && (B_ = 1), x_ && kh === lightColorCount && B_ > 0.1 && (B_ = 0.1), B_ < 0.06 && (B_ = 0.06), Number(B_.toFixed(2));
+  return x_ ? B_ = Ff.s - saturationStep * kh : kh === darkColorCount ? B_ = Ff.s + saturationStep : B_ = Ff.s + saturationStep2 * kh, B_ > 1 && (B_ = 1), x_ && kh === lightColorCount && B_ > 0.1 && (B_ = 0.1), B_ < 0.06 && (B_ = 0.06), Math.round(B_ * 100) / 100;
 }
 function getValue(Ff, kh, x_) {
   var B_;
-  return x_ ? B_ = Ff.v + brightnessStep1 * kh : B_ = Ff.v - brightnessStep2 * kh, B_ > 1 && (B_ = 1), Number(B_.toFixed(2));
+  return x_ ? B_ = Ff.v + brightnessStep1 * kh : B_ = Ff.v - brightnessStep2 * kh, B_ = Math.max(0, Math.min(1, B_)), Math.round(B_ * 100) / 100;
 }
 function generate$1(Ff) {
-  for (var kh = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, x_ = [], B_ = inputToRGB(Ff), $_ = lightColorCount; $_ > 0; $_ -= 1) {
-    var $P = toHsv(B_), zP = toHex(inputToRGB({
-      h: getHue($P, $_, !0),
-      s: getSaturation($P, $_, !0),
-      v: getValue($P, $_, !0)
-    }));
+  for (var kh = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, x_ = [], B_ = new FastColor(Ff), $_ = B_.toHsv(), $P = lightColorCount; $P > 0; $P -= 1) {
+    var zP = new FastColor({
+      h: getHue($_, $P, !0),
+      s: getSaturation($_, $P, !0),
+      v: getValue($_, $P, !0)
+    });
     x_.push(zP);
   }
-  x_.push(toHex(B_));
+  x_.push(B_);
   for (var eme = 1; eme <= darkColorCount; eme += 1) {
-    var tme = toHsv(B_), nme = toHex(inputToRGB({
-      h: getHue(tme, eme),
-      s: getSaturation(tme, eme),
-      v: getValue(tme, eme)
-    }));
-    x_.push(nme);
+    var tme = new FastColor({
+      h: getHue($_, eme),
+      s: getSaturation($_, eme),
+      v: getValue($_, eme)
+    });
+    x_.push(tme);
   }
-  return kh.theme === "dark" ? darkColorMap.map(function(rme) {
-    var ime = rme.index, ame = rme.opacity, ome = toHex(mix(inputToRGB(kh.backgroundColor || "#141414"), inputToRGB(x_[ime]), ame * 100));
-    return ome;
-  }) : x_;
-}
-var presetPrimaryColors = {
-  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"
-}, presetPalettes = {}, presetDarkPalettes = {};
-Object.keys(presetPrimaryColors).forEach(function(Ff) {
-  presetPalettes[Ff] = generate$1(presetPrimaryColors[Ff]), presetPalettes[Ff].primary = presetPalettes[Ff][5], presetDarkPalettes[Ff] = generate$1(presetPrimaryColors[Ff], {
-    theme: "dark",
-    backgroundColor: "#141414"
-  }), presetDarkPalettes[Ff].primary = presetDarkPalettes[Ff][5];
-});
-var blue = presetPalettes.blue;
+  return kh.theme === "dark" ? darkColorMap.map(function(nme) {
+    var rme = nme.index, ime = nme.amount;
+    return new FastColor(kh.backgroundColor || "#141414").mix(x_[rme], ime).toHexString();
+  }) : x_.map(function(nme) {
+    return nme.toHexString();
+  });
+}
+var blue = ["#e6f4ff", "#bae0ff", "#91caff", "#69b1ff", "#4096ff", "#1677ff", "#0958d9", "#003eb3", "#002c8c", "#001d66"];
+blue.primary = blue[5];
 function ownKeys(Ff, kh) {
   var x_ = Object.keys(Ff);
   if (Object.getOwnPropertySymbols) {
@@ -58182,7 +58173,7 @@ function normalizeTwoToneColors(Ff) {
 var iconStyles = `
 .anticon {
   display: inline-flex;
-  alignItems: center;
+  align-items: center;
   color: inherit;
   font-style: normal;
   line-height: 0;
@@ -58235,13 +58226,15 @@ var iconStyles = `
   }
 }
 `, useInsertStyles = function Ff(kh) {
-  var x_ = useContext(Context), B_ = x_.csp, $_ = x_.prefixCls, $P = iconStyles;
-  $_ && ($P = $P.replace(/anticon/g, $_)), useEffect(function() {
-    var zP = kh.current, eme = getShadowRoot(zP);
-    updateCSS($P, "@ant-design-icons", {
-      prepend: !0,
+  var x_ = useContext(Context), B_ = x_.csp, $_ = x_.prefixCls, $P = x_.layer, zP = iconStyles;
+  $_ && (zP = zP.replace(/anticon/g, $_)), $P && (zP = "@layer ".concat($P, ` {
+`).concat(zP, `
+}`)), useEffect(function() {
+    var eme = kh.current, tme = getShadowRoot(eme);
+    updateCSS(zP, "@ant-design-icons", {
+      prepend: !$P,
       csp: B_,
-      attachTo: eme
+      attachTo: tme
     });
   }, []);
 }, _excluded$1 = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"], twoToneColorPalette = {