@unicom-cloud/ui 0.8.73 → 0.8.74

package/chunk/CWjvjpyc.js

@@ -0,0 +1,873 @@
+function l(r, t) {
+  U(r) && (r = "100%");
+  const e = Y(r);
+  return r = t === 360 ? r : Math.min(t, Math.max(0, parseFloat(r))), e && (r = parseInt(String(r * t), 10) / 100), Math.abs(r - t) < 1e-6 ? 1 : (t === 360 ? r = (r < 0 ? r % t + t : r % t) / parseFloat(String(t)) : r = r % t / parseFloat(String(t)), r);
+}
+function w(r) {
+  return Math.min(1, Math.max(0, r));
+}
+function U(r) {
+  return typeof r == "string" && r.indexOf(".") !== -1 && parseFloat(r) === 1;
+}
+function Y(r) {
+  return typeof r == "string" && r.indexOf("%") !== -1;
+}
+function q(r) {
+  return r = parseFloat(r), (isNaN(r) || r < 0 || r > 1) && (r = 1), r;
+}
+function $(r) {
+  return Number(r) <= 1 ? `${Number(r) * 100}%` : r;
+}
+function d(r) {
+  return r.length === 1 ? "0" + r : String(r);
+}
+function J(r, t, e) {
+  return {
+    r: l(r, 255) * 255,
+    g: l(t, 255) * 255,
+    b: l(e, 255) * 255
+  };
+}
+function z(r, t, e) {
+  r = l(r, 255), t = l(t, 255), e = l(e, 255);
+  const a = Math.max(r, t, e), n = Math.min(r, t, e);
+  let s = 0, i = 0;
+  const h = (a + n) / 2;
+  if (a === n)
+    i = 0, s = 0;
+  else {
+    const u = a - n;
+    switch (i = h > 0.5 ? u / (2 - a - n) : u / (a + n), a) {
+      case r:
+        s = (t - e) / u + (t < e ? 6 : 0);
+        break;
+      case t:
+        s = (e - r) / u + 2;
+        break;
+      case e:
+        s = (r - t) / u + 4;
+        break;
+    }
+    s /= 6;
+  }
+  return { h: s, s: i, l: h };
+}
+function F(r, t, e) {
+  return e < 0 && (e += 1), e > 1 && (e -= 1), e < 1 / 6 ? r + (t - r) * (6 * e) : e < 1 / 2 ? t : e < 2 / 3 ? r + (t - r) * (2 / 3 - e) * 6 : r;
+}
+function K(r, t, e) {
+  let a, n, s;
+  if (r = l(r, 360), t = l(t, 100), e = l(e, 100), t === 0)
+    n = e, s = e, a = e;
+  else {
+    const i = e < 0.5 ? e * (1 + t) : e + t - e * t, h = 2 * e - i;
+    a = F(h, i, r + 1 / 3), n = F(h, i, r), s = F(h, i, r - 1 / 3);
+  }
+  return { r: a * 255, g: n * 255, b: s * 255 };
+}
+function H(r, t, e) {
+  r = l(r, 255), t = l(t, 255), e = l(e, 255);
+  const a = Math.max(r, t, e), n = Math.min(r, t, e);
+  let s = 0;
+  const i = a, h = a - n, u = a === 0 ? 0 : h / a;
+  if (a === n)
+    s = 0;
+  else {
+    switch (a) {
+      case r:
+        s = (t - e) / h + (t < e ? 6 : 0);
+        break;
+      case t:
+        s = (e - r) / h + 2;
+        break;
+      case e:
+        s = (r - t) / h + 4;
+        break;
+    }
+    s /= 6;
+  }
+  return { h: s, s: u, v: i };
+}
+function Q(r, t, e) {
+  r = l(r, 360) * 6, t = l(t, 100), e = l(e, 100);
+  const a = Math.floor(r), n = r - a, s = e * (1 - t), i = e * (1 - n * t), h = e * (1 - (1 - n) * t), u = a % 6, k = [e, i, s, s, h, e][u], m = [h, e, e, i, s, s][u], S = [s, s, h, e, e, i][u];
+  return { r: k * 255, g: m * 255, b: S * 255 };
+}
+function j(r, t, e, a) {
+  const n = [
+    d(Math.round(r).toString(16)),
+    d(Math.round(t).toString(16)),
+    d(Math.round(e).toString(16))
+  ];
+  return a && n[0].startsWith(n[0].charAt(1)) && n[1].startsWith(n[1].charAt(1)) && n[2].startsWith(n[2].charAt(1)) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
+}
+function X(r, t, e, a, n) {
+  const s = [
+    d(Math.round(r).toString(16)),
+    d(Math.round(t).toString(16)),
+    d(Math.round(e).toString(16)),
+    d(W(a))
+  ];
+  return n && s[0].startsWith(s[0].charAt(1)) && s[1].startsWith(s[1].charAt(1)) && s[2].startsWith(s[2].charAt(1)) && s[3].startsWith(s[3].charAt(1)) ? s[0].charAt(0) + s[1].charAt(0) + s[2].charAt(0) + s[3].charAt(0) : s.join("");
+}
+function oe(r, t, e, a) {
+  return [
+    d(W(a)),
+    d(Math.round(r).toString(16)),
+    d(Math.round(t).toString(16)),
+    d(Math.round(e).toString(16))
+  ].join("");
+}
+function Z(r, t, e, a) {
+  const n = r / 100, s = t / 100, i = e / 100, h = a / 100, u = 255 * (1 - n) * (1 - h), k = 255 * (1 - s) * (1 - h), m = 255 * (1 - i) * (1 - h);
+  return { r: u, g: k, b: m };
+}
+function N(r, t, e) {
+  let a = 1 - r / 255, n = 1 - t / 255, s = 1 - e / 255, i = Math.min(a, n, s);
+  return i === 1 ? (a = 0, n = 0, s = 0) : (a = (a - i) / (1 - i) * 100, n = (n - i) / (1 - i) * 100, s = (s - i) / (1 - i) * 100), i *= 100, {
+    c: Math.round(a),
+    m: Math.round(n),
+    y: Math.round(s),
+    k: Math.round(i)
+  };
+}
+function W(r) {
+  return Math.round(parseFloat(r) * 255).toString(16);
+}
+function O(r) {
+  return g(r) / 255;
+}
+function g(r) {
+  return parseInt(r, 16);
+}
+function _(r) {
+  return {
+    r: r >> 16,
+    g: (r & 65280) >> 8,
+    b: r & 255
+  };
+}
+const E = {
+  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 ee(r) {
+  let t = { r: 0, g: 0, b: 0 }, e = 1, a = null, n = null, s = null, i = !1, h = !1;
+  return typeof r == "string" && (r = ae(r)), typeof r == "object" && (f(r.r) && f(r.g) && f(r.b) ? (t = J(r.r, r.g, r.b), i = !0, h = String(r.r).slice(-1) === "%" ? "prgb" : "rgb") : f(r.h) && f(r.s) && f(r.v) ? (a = $(r.s), n = $(r.v), t = Q(r.h, a, n), i = !0, h = "hsv") : f(r.h) && f(r.s) && f(r.l) ? (a = $(r.s), s = $(r.l), t = K(r.h, a, s), i = !0, h = "hsl") : f(r.c) && f(r.m) && f(r.y) && f(r.k) && (t = Z(r.c, r.m, r.y, r.k), i = !0, h = "cmyk"), Object.prototype.hasOwnProperty.call(r, "a") && (e = r.a)), e = q(e), {
+    ok: i,
+    format: r.format || h,
+    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: e
+  };
+}
+const te = "[-\\+]?\\d+%?", re = "[-\\+]?\\d*\\.\\d+%?", p = "(?:" + re + ")|(?:" + te + ")", R = "[\\s|\\(]+(" + p + ")[,|\\s]+(" + p + ")[,|\\s]+(" + p + ")\\s*\\)?", A = (
+  // eslint-disable-next-line prettier/prettier
+  "[\\s|\\(]+(" + p + ")[,|\\s]+(" + p + ")[,|\\s]+(" + p + ")[,|\\s]+(" + p + ")\\s*\\)?"
+), c = {
+  CSS_UNIT: new RegExp(p),
+  rgb: new RegExp("rgb" + R),
+  rgba: new RegExp("rgba" + A),
+  hsl: new RegExp("hsl" + R),
+  hsla: new RegExp("hsla" + A),
+  hsv: new RegExp("hsv" + R),
+  hsva: new RegExp("hsva" + A),
+  cmyk: new RegExp("cmyk" + A),
+  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 ae(r) {
+  if (r = r.trim().toLowerCase(), r.length === 0)
+    return !1;
+  let t = !1;
+  if (E[r])
+    r = E[r], t = !0;
+  else if (r === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  let e = c.rgb.exec(r);
+  return e ? { r: e[1], g: e[2], b: e[3] } : (e = c.rgba.exec(r), e ? { r: e[1], g: e[2], b: e[3], a: e[4] } : (e = c.hsl.exec(r), e ? { h: e[1], s: e[2], l: e[3] } : (e = c.hsla.exec(r), e ? { h: e[1], s: e[2], l: e[3], a: e[4] } : (e = c.hsv.exec(r), e ? { h: e[1], s: e[2], v: e[3] } : (e = c.hsva.exec(r), e ? { h: e[1], s: e[2], v: e[3], a: e[4] } : (e = c.cmyk.exec(r), e ? {
+    c: e[1],
+    m: e[2],
+    y: e[3],
+    k: e[4]
+  } : (e = c.hex8.exec(r), e ? {
+    r: g(e[1]),
+    g: g(e[2]),
+    b: g(e[3]),
+    a: O(e[4]),
+    format: t ? "name" : "hex8"
+  } : (e = c.hex6.exec(r), e ? {
+    r: g(e[1]),
+    g: g(e[2]),
+    b: g(e[3]),
+    format: t ? "name" : "hex"
+  } : (e = c.hex4.exec(r), e ? {
+    r: g(e[1] + e[1]),
+    g: g(e[2] + e[2]),
+    b: g(e[3] + e[3]),
+    a: O(e[4] + e[4]),
+    format: t ? "name" : "hex8"
+  } : (e = c.hex3.exec(r), e ? {
+    r: g(e[1] + e[1]),
+    g: g(e[2] + e[2]),
+    b: g(e[3] + e[3]),
+    format: t ? "name" : "hex"
+  } : !1))))))))));
+}
+function f(r) {
+  return typeof r == "number" ? !Number.isNaN(r) : c.CSS_UNIT.test(r);
+}
+var ne = Object.defineProperty, se = (r, t, e) => t in r ? ne(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, b = (r, t, e) => se(r, typeof t != "symbol" ? t + "" : t, e);
+class o {
+  constructor(t = "", e = {}) {
+    if (b(this, "r"), b(this, "g"), b(this, "b"), b(this, "a"), b(this, "format"), b(this, "originalInput"), b(this, "isValid"), b(this, "gradientType"), b(this, "roundA"), t instanceof o)
+      return t;
+    typeof t == "number" && (t = _(t)), this.originalInput = t;
+    const a = ee(t);
+    this.originalInput = t, this.r = a.r, this.g = a.g, this.b = a.b, this.a = a.a, this.roundA = Math.round(100 * this.a) / 100, this.format = e.format ?? a.format, this.gradientType = e.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = a.ok;
+  }
+  get ok() {
+    return this.isValid;
+  }
+  isDark() {
+    return this.getBrightness() < 128;
+  }
+  isLight() {
+    return !this.isDark();
+  }
+  /**
+   * Returns the perceived brightness of the color, from 0-255.
+   */
+  getBrightness() {
+    const t = this.toRgb();
+    return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
+  }
+  /**
+   * Returns the perceived luminance of a color, from 0-1.
+   */
+  getLuminance() {
+    const t = this.toRgb();
+    let e, a, n;
+    const s = t.r / 255, i = t.g / 255, h = t.b / 255;
+    return s <= 0.03928 ? e = s / 12.92 : e = Math.pow((s + 0.055) / 1.055, 2.4), i <= 0.03928 ? a = i / 12.92 : a = Math.pow((i + 0.055) / 1.055, 2.4), h <= 0.03928 ? n = h / 12.92 : n = Math.pow((h + 0.055) / 1.055, 2.4), 0.2126 * e + 0.7152 * a + 0.0722 * n;
+  }
+  /**
+   * Returns the alpha value of a color, from 0-1.
+   */
+  getAlpha() {
+    return this.a;
+  }
+  /**
+   * Sets the alpha value on the current color.
+   *
+   * @param alpha - The new alpha value. The accepted range is 0-1.
+   */
+  setAlpha(t) {
+    return this.a = q(t), this.roundA = Math.round(100 * this.a) / 100, this;
+  }
+  /**
+   * Returns whether the color is monochrome.
+   */
+  isMonochrome() {
+    const { s: t } = this.toHsl();
+    return t === 0;
+  }
+  /**
+   * Returns the object as a HSVA object.
+   */
+  toHsv() {
+    const t = H(this.r, this.g, this.b);
+    return { h: t.h * 360, s: t.s, v: t.v, a: this.a };
+  }
+  toHsv_() {
+    const t = H(this.r, this.g, this.b);
+    return { h: t.h, s: t.s, v: t.v, a: this.a };
+  }
+  /**
+   * Returns the hsva values interpolated into a string with the following format:
+   * "hsva(xxx, xxx, xxx, xx)".
+   */
+  toHsvString() {
+    const t = H(this.r, this.g, this.b), e = Math.round(t.h * 360), a = Math.round(t.s * 100), n = Math.round(t.v * 100);
+    return this.a === 1 ? `hsv(${e}, ${a}%, ${n}%)` : `hsva(${e}, ${a}%, ${n}%, ${this.roundA})`;
+  }
+  /**
+   * Returns the object as a HSLA object.
+   */
+  toHsl() {
+    const t = z(this.r, this.g, this.b);
+    return { h: t.h * 360, s: t.s, l: t.l, a: this.a };
+  }
+  /**
+   * Returns the hsla values interpolated into a string with the following format:
+   * "hsla(xxx, xxx, xxx, xx)".
+   */
+  toHslString() {
+    const t = z(this.r, this.g, this.b), e = Math.round(t.h * 360), a = Math.round(t.s * 100), n = Math.round(t.l * 100);
+    return this.a === 1 ? `hsl(${e}, ${a}%, ${n}%)` : `hsla(${e}, ${a}%, ${n}%, ${this.roundA})`;
+  }
+  /**
+   * Returns the hex value of the color.
+   * @param allow3Char will shorten hex value to 3 char if possible
+   */
+  toHex(t = !1) {
+    return j(this.r, this.g, this.b, t);
+  }
+  /**
+   * Returns the hex value of the color -with a # prefixed.
+   * @param allow3Char will shorten hex value to 3 char if possible
+   */
+  toHexString(t = !1) {
+    return `#${this.toHex(t)}`;
+  }
+  /**
+   * Returns the hex 8 value of the color.
+   * @param allow4Char will shorten hex value to 4 char if possible
+   */
+  toHex8(t = !1) {
+    return X(this.r, this.g, this.b, this.a, t);
+  }
+  /**
+   * Returns the hex 8 value of the color -with a # prefixed.
+   * @param allow4Char will shorten hex value to 4 char if possible
+   */
+  toHex8String(t = !1) {
+    return `#${this.toHex8(t)}`;
+  }
+  /**
+   * Returns the shorter hex value of the color depends on its alpha -with a # prefixed.
+   * @param allowShortChar will shorten hex value to 3 or 4 char if possible
+   */
+  toHexShortString(t = !1) {
+    return this.a === 1 ? this.toHexString(t) : this.toHex8String(t);
+  }
+  /**
+   * Returns the object as a RGBA object.
+   */
+  toRgb() {
+    return {
+      r: Math.round(this.r),
+      g: Math.round(this.g),
+      b: Math.round(this.b),
+      a: this.a
+    };
+  }
+  toRgba() {
+    return this.toRgb();
+  }
+  toRgbArray() {
+    const t = this.toRgb();
+    return [t.r, t.g, t.b];
+  }
+  toRgbArrayString() {
+    const t = this.toRgb();
+    return `${t.r},${t.g},${t.b}`;
+  }
+  /**
+   * Returns the RGBA values interpolated into a string with the following format:
+   * "RGBA(xxx, xxx, xxx, xx)".
+   */
+  toRgbString() {
+    const t = Math.round(this.r), e = Math.round(this.g), a = Math.round(this.b);
+    return this.a === 1 ? `rgb(${t}, ${e}, ${a})` : `rgba(${t}, ${e}, ${a}, ${this.roundA})`;
+  }
+  toRgbaString() {
+    const t = Math.round(this.r), e = Math.round(this.g), a = Math.round(this.b);
+    return `rgba(${t}, ${e}, ${a}, ${this.roundA})`;
+  }
+  /**
+   * Returns the object as a RGBA object.
+   */
+  toPercentageRgb() {
+    const t = (e) => `${Math.round(l(e, 255) * 100)}%`;
+    return {
+      r: t(this.r),
+      g: t(this.g),
+      b: t(this.b),
+      a: this.a
+    };
+  }
+  /**
+   * Returns the RGBA relative values interpolated into a string
+   */
+  toPercentageRgbString() {
+    const t = (e) => Math.round(l(e, 255) * 100);
+    return this.a === 1 ? `rgb(${t(this.r)}%, ${t(this.g)}%, ${t(this.b)}%)` : `rgba(${t(this.r)}%, ${t(this.g)}%, ${t(this.b)}%, ${this.roundA})`;
+  }
+  toCmyk() {
+    return {
+      ...N(this.r, this.g, this.b)
+    };
+  }
+  toCmykString() {
+    const { c: t, m: e, y: a, k: n } = N(this.r, this.g, this.b);
+    return `cmyk(${t}, ${e}, ${a}, ${n})`;
+  }
+  /**
+   * The 'real' name of the color -if there is one.
+   */
+  toName() {
+    if (this.a === 0)
+      return "transparent";
+    if (this.a < 1)
+      return !1;
+    const t = `#${j(this.r, this.g, this.b, !1)}`;
+    for (const [e, a] of Object.entries(E))
+      if (t === a)
+        return e;
+    return !1;
+  }
+  toString(t) {
+    const e = !!t;
+    t = t ?? this.format;
+    let a = !1;
+    const n = this.a < 1 && this.a >= 0;
+    return !e && n && (t.startsWith("hex") || t === "name") ? t === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (a = this.toRgbString()), t === "prgb" && (a = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (a = this.toHexString()), t === "hex3" && (a = this.toHexString(!0)), t === "hex4" && (a = this.toHex8String(!0)), t === "hex8" && (a = this.toHex8String()), t === "name" && (a = this.toName()), t === "hsl" && (a = this.toHslString()), t === "hsv" && (a = this.toHsvString()), t === "cmyk" && (a = this.toCmykString()), a || this.toHexString());
+  }
+  toNumber() {
+    return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
+  }
+  clone() {
+    return new o(this.toString());
+  }
+  /**
+   * Lighten the color a given amount. Providing 100 will always return white.
+   * @param amount - valid between 1-100
+   */
+  lighten(t = 10) {
+    const e = this.toHsl();
+    return e.l += t / 100, e.l = w(e.l), new o(e);
+  }
+  /**
+   * Brighten the color a given amount, from 0 to 100.
+   * @param amount - valid between 1-100
+   */
+  brighten(t = 10) {
+    const e = this.toRgb();
+    return e.r = Math.max(
+      0,
+      Math.min(255, e.r - Math.round(255 * -(t / 100)))
+    ), e.g = Math.max(
+      0,
+      Math.min(255, e.g - Math.round(255 * -(t / 100)))
+    ), e.b = Math.max(
+      0,
+      Math.min(255, e.b - Math.round(255 * -(t / 100)))
+    ), new o(e);
+  }
+  /**
+   * Darken the color a given amount, from 0 to 100.
+   * Providing 100 will always return black.
+   * @param amount - valid between 1-100
+   */
+  darken(t = 10) {
+    const e = this.toHsl();
+    return e.l -= t / 100, e.l = w(e.l), new o(e);
+  }
+  /**
+   * Mix the color with pure white, from 0 to 100.
+   * Providing 0 will do nothing, providing 100 will always return white.
+   * @param amount - valid between 1-100
+   */
+  tint(t = 10) {
+    return this.mix("white", t);
+  }
+  /**
+   * Mix the color with pure black, from 0 to 100.
+   * Providing 0 will do nothing, providing 100 will always return black.
+   * @param amount - valid between 1-100
+   */
+  shade(t = 10) {
+    return this.mix("black", t);
+  }
+  /**
+   * Desaturate the color a given amount, from 0 to 100.
+   * Providing 100 will is the same as calling greyscale
+   * @param amount - valid between 1-100
+   */
+  desaturate(t = 10) {
+    const e = this.toHsl();
+    return e.s -= t / 100, e.s = w(e.s), new o(e);
+  }
+  /**
+   * Saturate the color a given amount, from 0 to 100.
+   * @param amount - valid between 1-100
+   */
+  saturate(t = 10) {
+    const e = this.toHsl();
+    return e.s += t / 100, e.s = w(e.s), new o(e);
+  }
+  /**
+   * Completely desaturates a color into greyscale.
+   * Same as calling `desaturate(100)`
+   */
+  greyscale() {
+    return this.desaturate(100);
+  }
+  /**
+   * Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
+   * Values outside of this range will be wrapped into this range.
+   */
+  spin(t) {
+    const e = this.toHsl(), a = (e.h + t) % 360;
+    return e.h = a < 0 ? 360 + a : a, new o(e);
+  }
+  /**
+   * Mix the current color a given amount with another color, from 0 to 100.
+   * 0 means no mixing (return current color).
+   */
+  mix(t, e = 50) {
+    const a = this.toRgb(), n = new o(t).toRgb(), s = e / 100, i = {
+      r: (n.r - a.r) * s + a.r,
+      g: (n.g - a.g) * s + a.g,
+      b: (n.b - a.b) * s + a.b,
+      a: (n.a - a.a) * s + a.a
+    };
+    return new o(i);
+  }
+  analogous(t = 6, e = 30) {
+    const a = this.toHsl(), n = 360 / e, s = [this];
+    for (a.h = (a.h - (n * t >> 1) + 720) % 360; --t; )
+      a.h = (a.h + n) % 360, s.push(new o(a));
+    return s;
+  }
+  /**
+   * taken from https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js
+   */
+  complement() {
+    const t = this.toHsl();
+    return t.h = (t.h + 180) % 360, new o(t);
+  }
+  monochromatic(t = 6) {
+    const e = this.toHsv(), { h: a } = e, { s: n } = e;
+    let { v: s } = e;
+    const i = [], h = 1 / t;
+    for (; t--; )
+      i.push(new o({ h: a, s: n, v: s })), s = (s + h) % 1;
+    return i;
+  }
+  splitcomplement() {
+    const t = this.toHsl(), { h: e } = t;
+    return [
+      this,
+      new o({ h: (e + 72) % 360, s: t.s, l: t.l }),
+      new o({ h: (e + 216) % 360, s: t.s, l: t.l })
+    ];
+  }
+  /**
+   * Compute how the color would appear on a background
+   */
+  onBackground(t) {
+    const e = this.toRgb(), a = new o(t).toRgb(), n = e.a + a.a * (1 - e.a);
+    return new o({
+      r: (e.r * e.a + a.r * a.a * (1 - e.a)) / n,
+      g: (e.g * e.a + a.g * a.a * (1 - e.a)) / n,
+      b: (e.b * e.a + a.b * a.a * (1 - e.a)) / n,
+      a: n
+    });
+  }
+  /**
+   * Alias for `polyad(3)`
+   */
+  triad() {
+    return this.polyad(3);
+  }
+  /**
+   * Alias for `polyad(4)`
+   */
+  tetrad() {
+    return this.polyad(4);
+  }
+  /**
+   * Get polyad colors, like (for 1, 2, 3, 4, 5, 6, 7, 8, etc...)
+   * monad, dyad, triad, tetrad, pentad, hexad, heptad, octad, etc...
+   */
+  polyad(t) {
+    const e = this.toHsl(), { h: a } = e, n = [this], s = 360 / t;
+    for (let i = 1; i < t; i++)
+      n.push(
+        new o({ h: (a + i * s) % 360, s: e.s, l: e.l })
+      );
+    return n;
+  }
+  /**
+   * compare color vs current color
+   */
+  equals(t) {
+    const e = new o(t);
+    return this.format === "cmyk" || e.format === "cmyk" ? this.toCmykString() === e.toCmykString() : this.toRgbString() === e.toRgbString();
+  }
+}
+const y = 10, M = {
+  red: { name: { zh: "浪漫红", en: "Red" }, value: "#F53F3F" },
+  orangered: { name: { zh: "晚秋红", en: "Orange Red" }, value: "#FF702E" },
+  orange: { name: { zh: "活力橙", en: "Orange" }, value: "#FFA500" },
+  gold: { name: { zh: "黄昏", en: "Gold" }, value: "#FFBD14" },
+  yellow: { name: { zh: "柠檬黄", en: "Yellow" }, value: "#FFE014" },
+  lime: { name: { zh: "新生绿", en: "Lime" }, value: "#A1E619" },
+  green: { name: { zh: "仙野绿", en: "Green" }, value: "#00B82B" },
+  cyan: { name: { zh: "碧涛青", en: "Cyan" }, value: "#0BD0D0" },
+  blue: { name: { zh: "海蔚蓝", en: "Blue" }, value: "#2E8FFF" },
+  pqbblue: { name: { zh: "极致蓝", en: "Pqb Blue" }, value: "#1A5EFF" },
+  purple: { name: { zh: "暗夜紫", en: "Purple" }, value: "#7126D9" },
+  pinkpurple: { name: { zh: "青春紫", en: "Pink Purple" }, value: "#D91AD9" },
+  magenta: { name: { zh: "品红", en: "Magenta" }, value: "#FF299F" },
+  gray: { name: { zh: "中性灰", en: "Gray" }, value: "#6B6C6D" }
+}, { gray: le, ...ie } = M, P = Object.fromEntries(
+  Object.entries(ie).map(([r, t], e, a) => [r, t.value])
+), T = {
+  light: [
+    "#F7F8F9",
+    "#F2F3F4",
+    "#E5E6E7",
+    "#C9CACB",
+    "#A9ABAC",
+    "#868788",
+    M.gray.value,
+    "#4D4E4F",
+    "#28292A",
+    "#1E1F20"
+  ],
+  dark: [
+    "#121213",
+    "#1C1C1D",
+    "#404142",
+    "#5E5F60",
+    "#797A7B",
+    "#9C9E9F",
+    "#BCBDBE",
+    "#D8D9DB",
+    "#E4E6E8",
+    "#E8EBEE"
+  ],
+  primary: M.gray.value,
+  name: M.gray.name
+}, he = Object.fromEntries(
+  Object.entries(M).map(([r, t], e, a) => {
+    const n = t.value;
+    return [
+      r,
+      {
+        light: L({ color: n, length: y }),
+        dark: G({ color: n, length: y }),
+        primary: n,
+        name: t.name
+      }
+    ];
+  }).concat([["gray", T]])
+);
+function C(r = {}) {
+  const t = ((r == null ? void 0 : r.length) ?? y) / 2 + 1, e = (r == null ? void 0 : r.level) ?? t;
+  let a = new o(r == null ? void 0 : r.color);
+  const n = a.toHsv(), s = n.h, i = n.s, h = n.v, u = s === 0 && i === 0, k = e < t, m = Math.abs(t - e), S = 1, B = 0.1;
+  let v = i;
+  v > B && (k ? v = i - (i - B) / (t - 1) * m : v = i + (S - i) / (t - 1) * m), u && (v = i);
+  const V = u ? 0.97 : 1, D = 0.1;
+  let x = h;
+  return x > D && (k ? x = h + (V - h) / (t - 1) * m : x = h - (h - D) / (t - 1) * m), a = new o({
+    h: s,
+    s: v,
+    v: x
+  }), r.dark && (a = a.darken(r.amount ?? 10)), a.toHexString();
+}
+function I(r = {}) {
+  return C({ ...r, dark: !0 });
+}
+function L(r = {}) {
+  return new Array((r == null ? void 0 : r.length) ?? y).fill(0).map((t, e, a) => {
+    const n = e + 1;
+    return C({ ...r, level: n });
+  });
+}
+function G(r = {}) {
+  return new Array((r == null ? void 0 : r.length) ?? y).fill(0).map((t, e, a) => {
+    const n = e + 1;
+    return I({
+      ...r,
+      level: y - n + 1
+    });
+  });
+}
+const ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LENGTH: y,
+  colorPresets: he,
+  colors: P,
+  default: P,
+  generate: L,
+  generateDark: G,
+  grayPresets: T,
+  palette: C,
+  paletteDark: I
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  J as A,
+  N as C,
+  j as H,
+  ee as N,
+  ue as P,
+  _ as R,
+  Q as S,
+  z as T,
+  X as W,
+  o as a,
+  g as b,
+  W as d,
+  E as e,
+  O as j,
+  K as k,
+  H as l,
+  f as n,
+  oe as p,
+  ae as w,
+  Z as y
+};