@unicom-cloud/ui 0.8.90 → 0.8.92

package/dist/tinycolor/src/css-color-names.js

@@ -0,0 +1,153 @@
+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"
+};
+export {
+  e as names
+};

package/dist/tinycolor/src/format-input.js

@@ -0,0 +1,77 @@
+import { rgbToRgb as A, hsvToRgb as y, hslToRgb as F, cmykToRgb as v, convertHexToDecimal as i, parseIntFromHex as n } from "./conversion.js";
+import { names as u } from "./css-color-names.js";
+import { convertToPercentage as x, boundAlpha as R } from "./util.js";
+function M(a) {
+  let r = { r: 0, g: 0, b: 0 }, e = 1, g = null, c = null, p = null, o = !1, m = !1;
+  return typeof a == "string" && (a = T(a)), typeof a == "object" && (s(a.r) && s(a.g) && s(a.b) ? (r = A(a.r, a.g, a.b), o = !0, m = String(a.r).slice(-1) === "%" ? "prgb" : "rgb") : s(a.h) && s(a.s) && s(a.v) ? (g = x(a.s), c = x(a.v), r = y(a.h, g, c), o = !0, m = "hsv") : s(a.h) && s(a.s) && s(a.l) ? (g = x(a.s), p = x(a.l), r = F(a.h, g, p), o = !0, m = "hsl") : s(a.c) && s(a.m) && s(a.y) && s(a.k) && (r = v(a.c, a.m, a.y, a.k), o = !0, m = "cmyk"), Object.prototype.hasOwnProperty.call(a, "a") && (e = a.a)), e = R(e), {
+    ok: o,
+    format: a.format || m,
+    r: Math.min(255, Math.max(r.r, 0)),
+    g: Math.min(255, Math.max(r.g, 0)),
+    b: Math.min(255, Math.max(r.b, 0)),
+    a: e
+  };
+}
+const w = "[-\\+]?\\d+%?", k = "[-\\+]?\\d*\\.\\d+%?", f = "(?:" + k + ")|(?:" + w + ")", b = "[\\s|\\(]+(" + f + ")[,|\\s]+(" + f + ")[,|\\s]+(" + f + ")\\s*\\)?", l = (
+  // eslint-disable-next-line prettier/prettier
+  "[\\s|\\(]+(" + f + ")[,|\\s]+(" + f + ")[,|\\s]+(" + f + ")[,|\\s]+(" + f + ")\\s*\\)?"
+), h = {
+  CSS_UNIT: new RegExp(f),
+  rgb: new RegExp("rgb" + b),
+  rgba: new RegExp("rgba" + l),
+  hsl: new RegExp("hsl" + b),
+  hsla: new RegExp("hsla" + l),
+  hsv: new RegExp("hsv" + b),
+  hsva: new RegExp("hsva" + l),
+  cmyk: new RegExp("cmyk" + l),
+  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 T(a) {
+  if (a = a.trim().toLowerCase(), a.length === 0)
+    return !1;
+  let r = !1;
+  if (u[a])
+    a = u[a], r = !0;
+  else if (a === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  let e = h.rgb.exec(a);
+  return e ? { r: e[1], g: e[2], b: e[3] } : (e = h.rgba.exec(a), e ? { r: e[1], g: e[2], b: e[3], a: e[4] } : (e = h.hsl.exec(a), e ? { h: e[1], s: e[2], l: e[3] } : (e = h.hsla.exec(a), e ? { h: e[1], s: e[2], l: e[3], a: e[4] } : (e = h.hsv.exec(a), e ? { h: e[1], s: e[2], v: e[3] } : (e = h.hsva.exec(a), e ? { h: e[1], s: e[2], v: e[3], a: e[4] } : (e = h.cmyk.exec(a), e ? {
+    c: e[1],
+    m: e[2],
+    y: e[3],
+    k: e[4]
+  } : (e = h.hex8.exec(a), e ? {
+    r: n(e[1]),
+    g: n(e[2]),
+    b: n(e[3]),
+    a: i(e[4]),
+    format: r ? "name" : "hex8"
+  } : (e = h.hex6.exec(a), e ? {
+    r: n(e[1]),
+    g: n(e[2]),
+    b: n(e[3]),
+    format: r ? "name" : "hex"
+  } : (e = h.hex4.exec(a), e ? {
+    r: n(e[1] + e[1]),
+    g: n(e[2] + e[2]),
+    b: n(e[3] + e[3]),
+    a: i(e[4] + e[4]),
+    format: r ? "name" : "hex8"
+  } : (e = h.hex3.exec(a), e ? {
+    r: n(e[1] + e[1]),
+    g: n(e[2] + e[2]),
+    b: n(e[3] + e[3]),
+    format: r ? "name" : "hex"
+  } : !1))))))))));
+}
+function s(a) {
+  return typeof a == "number" ? !Number.isNaN(a) : h.CSS_UNIT.test(a);
+}
+export {
+  M as inputToRGB,
+  s as isValidCSSUnit,
+  T as stringInputToObject
+};

package/dist/tinycolor/src/index.js

@@ -0,0 +1,388 @@
+import { numberInputToObject as $, rgbToHsv as b, rgbToHsl as l, rgbToHex as c, rgbaToHex as M, rgbToCmyk as m } from "./conversion.js";
+import { names as H } from "./css-color-names.js";
+import { inputToRGB as f } from "./format-input.js";
+import { boundAlpha as p, clamp01 as u, bound01 as d } from "./util.js";
+var S = Object.defineProperty, x = (a, t, s) => t in a ? S(a, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[t] = s, e = (a, t, s) => x(a, typeof t != "symbol" ? t + "" : t, s);
+class i {
+  constructor(t = "", s = {}) {
+    if (e(this, "r"), e(this, "g"), e(this, "b"), e(this, "a"), e(this, "format"), e(this, "originalInput"), e(this, "isValid"), e(this, "gradientType"), e(this, "roundA"), t instanceof i)
+      return t;
+    typeof t == "number" && (t = $(t)), this.originalInput = t;
+    const r = f(t);
+    this.originalInput = t, this.r = r.r, this.g = r.g, this.b = r.b, this.a = r.a, this.roundA = Math.round(100 * this.a) / 100, this.format = s.format ?? r.format, this.gradientType = s.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 = r.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 s, r, h;
+    const n = t.r / 255, o = t.g / 255, g = t.b / 255;
+    return n <= 0.03928 ? s = n / 12.92 : s = Math.pow((n + 0.055) / 1.055, 2.4), o <= 0.03928 ? r = o / 12.92 : r = Math.pow((o + 0.055) / 1.055, 2.4), g <= 0.03928 ? h = g / 12.92 : h = Math.pow((g + 0.055) / 1.055, 2.4), 0.2126 * s + 0.7152 * r + 0.0722 * h;
+  }
+  /**
+   * 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 = p(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 = b(this.r, this.g, this.b);
+    return { h: t.h * 360, s: t.s, v: t.v, a: this.a };
+  }
+  toHsv_() {
+    const t = b(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 = b(this.r, this.g, this.b), s = Math.round(t.h * 360), r = Math.round(t.s * 100), h = Math.round(t.v * 100);
+    return this.a === 1 ? `hsv(${s}, ${r}%, ${h}%)` : `hsva(${s}, ${r}%, ${h}%, ${this.roundA})`;
+  }
+  /**
+   * Returns the object as a HSLA object.
+   */
+  toHsl() {
+    const t = l(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 = l(this.r, this.g, this.b), s = Math.round(t.h * 360), r = Math.round(t.s * 100), h = Math.round(t.l * 100);
+    return this.a === 1 ? `hsl(${s}, ${r}%, ${h}%)` : `hsla(${s}, ${r}%, ${h}%, ${this.roundA})`;
+  }
+  /**
+   * Returns the hex value of the color.
+   * @param allow3Char will shorten hex value to 3 char if possible
+   */
+  toHex(t = !1) {
+    return c(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 M(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), s = Math.round(this.g), r = Math.round(this.b);
+    return this.a === 1 ? `rgb(${t}, ${s}, ${r})` : `rgba(${t}, ${s}, ${r}, ${this.roundA})`;
+  }
+  toRgbaString() {
+    const t = Math.round(this.r), s = Math.round(this.g), r = Math.round(this.b);
+    return `rgba(${t}, ${s}, ${r}, ${this.roundA})`;
+  }
+  /**
+   * Returns the object as a RGBA object.
+   */
+  toPercentageRgb() {
+    const t = (s) => `${Math.round(d(s, 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 = (s) => Math.round(d(s, 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 {
+      ...m(this.r, this.g, this.b)
+    };
+  }
+  toCmykString() {
+    const { c: t, m: s, y: r, k: h } = m(this.r, this.g, this.b);
+    return `cmyk(${t}, ${s}, ${r}, ${h})`;
+  }
+  /**
+   * 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 = `#${c(this.r, this.g, this.b, !1)}`;
+    for (const [s, r] of Object.entries(H))
+      if (t === r)
+        return s;
+    return !1;
+  }
+  toString(t) {
+    const s = !!t;
+    t = t ?? this.format;
+    let r = !1;
+    const h = this.a < 1 && this.a >= 0;
+    return !s && h && (t.startsWith("hex") || t === "name") ? t === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (r = this.toRgbString()), t === "prgb" && (r = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (r = this.toHexString()), t === "hex3" && (r = this.toHexString(!0)), t === "hex4" && (r = this.toHex8String(!0)), t === "hex8" && (r = this.toHex8String()), t === "name" && (r = this.toName()), t === "hsl" && (r = this.toHslString()), t === "hsv" && (r = this.toHsvString()), t === "cmyk" && (r = this.toCmykString()), r || this.toHexString());
+  }
+  toNumber() {
+    return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
+  }
+  clone() {
+    return new i(this.toString());
+  }
+  /**
+   * Lighten the color a given amount. Providing 100 will always return white.
+   * @param amount - valid between 1-100
+   */
+  lighten(t = 10) {
+    const s = this.toHsl();
+    return s.l += t / 100, s.l = u(s.l), new i(s);
+  }
+  /**
+   * Brighten the color a given amount, from 0 to 100.
+   * @param amount - valid between 1-100
+   */
+  brighten(t = 10) {
+    const s = this.toRgb();
+    return s.r = Math.max(
+      0,
+      Math.min(255, s.r - Math.round(255 * -(t / 100)))
+    ), s.g = Math.max(
+      0,
+      Math.min(255, s.g - Math.round(255 * -(t / 100)))
+    ), s.b = Math.max(
+      0,
+      Math.min(255, s.b - Math.round(255 * -(t / 100)))
+    ), new i(s);
+  }
+  /**
+   * 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 s = this.toHsl();
+    return s.l -= t / 100, s.l = u(s.l), new i(s);
+  }
+  /**
+   * 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 s = this.toHsl();
+    return s.s -= t / 100, s.s = u(s.s), new i(s);
+  }
+  /**
+   * Saturate the color a given amount, from 0 to 100.
+   * @param amount - valid between 1-100
+   */
+  saturate(t = 10) {
+    const s = this.toHsl();
+    return s.s += t / 100, s.s = u(s.s), new i(s);
+  }
+  /**
+   * 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 s = this.toHsl(), r = (s.h + t) % 360;
+    return s.h = r < 0 ? 360 + r : r, new i(s);
+  }
+  /**
+   * Mix the current color a given amount with another color, from 0 to 100.
+   * 0 means no mixing (return current color).
+   */
+  mix(t, s = 50) {
+    const r = this.toRgb(), h = new i(t).toRgb(), n = s / 100, o = {
+      r: (h.r - r.r) * n + r.r,
+      g: (h.g - r.g) * n + r.g,
+      b: (h.b - r.b) * n + r.b,
+      a: (h.a - r.a) * n + r.a
+    };
+    return new i(o);
+  }
+  analogous(t = 6, s = 30) {
+    const r = this.toHsl(), h = 360 / s, n = [this];
+    for (r.h = (r.h - (h * t >> 1) + 720) % 360; --t; )
+      r.h = (r.h + h) % 360, n.push(new i(r));
+    return n;
+  }
+  /**
+   * 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 i(t);
+  }
+  monochromatic(t = 6) {
+    const s = this.toHsv(), { h: r } = s, { s: h } = s;
+    let { v: n } = s;
+    const o = [], g = 1 / t;
+    for (; t--; )
+      o.push(new i({ h: r, s: h, v: n })), n = (n + g) % 1;
+    return o;
+  }
+  splitcomplement() {
+    const t = this.toHsl(), { h: s } = t;
+    return [
+      this,
+      new i({ h: (s + 72) % 360, s: t.s, l: t.l }),
+      new i({ h: (s + 216) % 360, s: t.s, l: t.l })
+    ];
+  }
+  /**
+   * Compute how the color would appear on a background
+   */
+  onBackground(t) {
+    const s = this.toRgb(), r = new i(t).toRgb(), h = s.a + r.a * (1 - s.a);
+    return new i({
+      r: (s.r * s.a + r.r * r.a * (1 - s.a)) / h,
+      g: (s.g * s.a + r.g * r.a * (1 - s.a)) / h,
+      b: (s.b * s.a + r.b * r.a * (1 - s.a)) / h,
+      a: h
+    });
+  }
+  /**
+   * 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 s = this.toHsl(), { h: r } = s, h = [this], n = 360 / t;
+    for (let o = 1; o < t; o++)
+      h.push(
+        new i({ h: (r + o * n) % 360, s: s.s, l: s.l })
+      );
+    return h;
+  }
+  /**
+   * compare color vs current color
+   */
+  equals(t) {
+    const s = new i(t);
+    return this.format === "cmyk" || s.format === "cmyk" ? this.toCmykString() === s.toCmykString() : this.toRgbString() === s.toRgbString();
+  }
+}
+export {
+  i as TinyColor
+};

package/dist/tinycolor/src/util.js

@@ -0,0 +1,32 @@
+function i(n, a) {
+  o(n) && (n = "100%");
+  const e = r(n);
+  return n = a === 360 ? n : Math.min(a, Math.max(0, parseFloat(n))), e && (n = parseInt(String(n * a), 10) / 100), Math.abs(n - a) < 1e-6 ? 1 : (a === 360 ? n = (n < 0 ? n % a + a : n % a) / parseFloat(String(a)) : n = n % a / parseFloat(String(a)), n);
+}
+function s(n) {
+  return Math.min(1, Math.max(0, n));
+}
+function o(n) {
+  return typeof n == "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1;
+}
+function r(n) {
+  return typeof n == "string" && n.indexOf("%") !== -1;
+}
+function u(n) {
+  return n = parseFloat(n), (isNaN(n) || n < 0 || n > 1) && (n = 1), n;
+}
+function p(n) {
+  return Number(n) <= 1 ? `${Number(n) * 100}%` : n;
+}
+function c(n) {
+  return n.length === 1 ? "0" + n : String(n);
+}
+export {
+  i as bound01,
+  u as boundAlpha,
+  s as clamp01,
+  p as convertToPercentage,
+  o as isOnePointZero,
+  r as isPercentage,
+  c as pad2
+};

package/dist/tween/src/easing.js

@@ -0,0 +1,43 @@
+const t = (u) => (a) => Math.pow(a, u), n = (u) => (a) => 1 - Math.abs(Math.pow(a - 1, u)), s = (u) => (a) => a < 0.5 ? t(u)(a * 2) / 2 : n(u)(a * 2 - 1) / 2 + 0.5, i = (u) => u, c = t(2), q = n(2), e = s(2), b = t(3), h = n(3), M = s(3), o = t(4), r = n(4), d = s(4), P = t(5), l = n(5), p = s(5), f = (u) => 1 + Math.sin(Math.PI / 2 * u - Math.PI / 2), w = (u) => Math.sin(Math.PI / 2 * u), x = (u) => (1 + Math.sin(Math.PI * u - Math.PI / 2)) / 2, I = (u) => u < 1 / 2.75 ? 7.5625 * u * u : u < 2 / 2.75 ? (u -= 1.5 / 2.75, 7.5625 * u * u + 0.75) : u < 2.5 / 2.75 ? (u -= 2.25 / 2.75, 7.5625 * u * u + 0.9375) : (u -= 2.625 / 2.75, 7.5625 * u * u + 0.984375), O = (u) => 1 - I(1 - u), g = (u) => u < 0.5 ? O(u * 2) * 0.5 : I(u * 2 - 1) * 0.5 + 0.5, y = {
+  linear: i,
+  quadIn: c,
+  quadOut: q,
+  quadInOut: e,
+  cubicIn: b,
+  cubicOut: h,
+  cubicInOut: M,
+  quartIn: o,
+  quartOut: r,
+  quartInOut: d,
+  quintIn: P,
+  quintOut: l,
+  quintInOut: p,
+  sineIn: f,
+  sineOut: w,
+  sineInOut: x,
+  bounceOut: I,
+  bounceIn: O,
+  bounceInOut: g
+};
+export {
+  O as bounceIn,
+  g as bounceInOut,
+  I as bounceOut,
+  b as cubicIn,
+  M as cubicInOut,
+  h as cubicOut,
+  y as default,
+  i as linear,
+  c as quadIn,
+  e as quadInOut,
+  q as quadOut,
+  o as quartIn,
+  d as quartInOut,
+  r as quartOut,
+  P as quintIn,
+  p as quintInOut,
+  l as quintOut,
+  f as sineIn,
+  x as sineInOut,
+  w as sineOut
+};