@aviala-design/color 0.3.0 → 0.4.1

package/dist/index.mjs

@@ -1,10 +1,10 @@
-import w from "color";
-function K(t) {
-  return w(t).rgb().round().color.join(",");
+import b from "color";
+function st(t) {
+  return b(t).rgb().round().color.join(",");
 }
-const k = ["hex", "rgb", "hsl"];
-function z(t) {
-  return !t || !k.includes(
+const W = ["hex", "rgb", "hsl"];
+function J(t) {
+  return !t || !W.includes(
     /** @type {any} */
     t
   ) ? "hex" : (
@@ -12,432 +12,656 @@ function z(t) {
     t
   );
 }
-function L(t, n) {
-  const c = z(n);
-  return c === "hex" ? t[c]().toLowerCase() : t[c]().round().string();
+function E(t, n) {
+  const r = J(n);
+  return r === "hex" ? t[r]().toLowerCase() : t[r]().round().string();
 }
-function D(t, n, c) {
-  const r = w(t), o = r.hue(), s = r.saturationv(), e = r.value(), a = ((p) => p >= 60 && p <= 240 ? 2.5 : p >= 0 && p < 60 || p > 300 && p <= 360 ? 1.5 : 2)(o), l = 100, f = 9, u = 100, h = 30;
-  function d(p, b) {
-    let x;
-    return o >= 60 && o <= 240 ? x = p ? o - a * b : o + a * b : x = p ? o + a * b : o - a * b, x < 0 ? x += 360 : x >= 360 && (x -= 360), Math.round(x);
+function T(t, n, r) {
+  const e = b(t), o = e.hue(), s = e.saturationv(), a = e.value(), i = ((p) => p >= 60 && p <= 240 ? 2.5 : p >= 0 && p < 60 || p > 300 && p <= 360 ? 1.5 : 2)(o), h = 100, f = 9, u = 100, l = 30;
+  function m(p, x) {
+    let y;
+    return o >= 60 && o <= 240 ? y = p ? o - i * x : o + i * x : y = p ? o + i * x : o - i * x, y < 0 ? y += 360 : y >= 360 && (y -= 360), Math.round(y);
   }
-  function M(p, b) {
-    let x;
+  function d(p, x) {
+    let y;
     if (p)
-      x = s <= f ? s : s - (s - f) / 5.5 * Math.pow(b, 1.05);
+      y = s <= f ? s : s - (s - f) / 5.5 * Math.pow(x, 1.05);
     else {
-      const v = Math.min(l, s + 30);
-      x = s + (v - s) / 4.2 * Math.pow(b, 0.95);
+      const v = Math.min(h, s + 30);
+      y = s + (v - s) / 4.2 * Math.pow(x, 0.95);
     }
-    return Math.max(0, Math.min(100, x));
+    return Math.max(0, Math.min(100, y));
   }
-  function g(p, b) {
-    return p ? Math.min(u, e + (u - e) / 5.2 * Math.pow(b, 0.9)) : e <= h ? e : Math.max(h, e - (e - h) / 4.2 * Math.pow(b, 1.05));
+  function M(p, x) {
+    return p ? Math.min(u, a + (u - a) / 5.2 * Math.pow(x, 0.9)) : a <= l ? a : Math.max(l, a - (a - l) / 4.2 * Math.pow(x, 1.05));
   }
-  const m = n < 6, E = m ? 6 - n : n - 6, y = n === 6 ? r : w({
-    h: d(m, E),
-    s: M(m, E),
-    v: g(m, E)
+  const g = n < 6, w = g ? 6 - n : n - 6, L = n === 6 ? e : b({
+    h: m(g, w),
+    s: d(g, w),
+    v: M(g, w)
   });
-  return L(y, c);
-}
-function H(t, n, c) {
-  const r = w(D(t, 10 - n + 1, "hex")), o = w(t), s = o.hue(), e = o.saturationv();
-  function i(d) {
-    if (d < 6)
-      return l + (6 - d) * u;
-    if (d === 6) {
+  return E(L, r);
+}
+function q(t, n, r) {
+  const e = b(T(t, 10 - n + 1, "hex")), o = b(t), s = o.hue(), a = o.saturationv();
+  function c(m) {
+    if (m < 6)
+      return h + (6 - m) * u;
+    if (m === 6) {
       if (s >= 0 && s < 50)
-        return e - 15;
+        return a - 15;
       if (s >= 50 && s < 191)
-        return e - 20;
+        return a - 20;
       if (s >= 191 && s <= 360)
-        return e - 15;
+        return a - 15;
     }
-    return l - f * (d - 6);
+    return h - f * (m - 6);
   }
-  const l = w({
+  const h = b({
     h: o.hue(),
-    s: i(6),
+    s: c(6),
     v: o.value()
-  }).saturationv(), f = Math.ceil((l - 9) / 4), u = Math.ceil((100 - l) / 5), h = w({
-    h: r.hue(),
-    s: i(n),
-    v: r.value()
+  }).saturationv(), f = Math.ceil((h - 9) / 4), u = Math.ceil((100 - h) / 5), l = b({
+    h: e.hue(),
+    s: c(n),
+    v: e.value()
   });
-  return L(h, c);
-}
-function B(t, n = {}) {
-  const { dark: c, list: r, index: o = 6, format: s = "hex" } = n;
-  if (r) {
-    const e = [], i = c ? H : D;
-    for (let a = 1; a <= 10; a++)
-      e.push(i(t, a, s));
-    return e;
+  return E(l, r);
+}
+function P(t, n = {}) {
+  const { dark: r, list: e, index: o = 6, format: s = "hex" } = n;
+  if (e) {
+    const a = [], c = r ? q : T;
+    for (let i = 1; i <= 10; i++)
+      a.push(c(t, i, s));
+    return a;
   }
-  return c ? H(t, o, s) : D(t, o, s);
+  return r ? q(t, o, s) : T(t, o, s);
 }
-async function P(t) {
+async function Q(t) {
   try {
-    const n = await O(t), c = G(n);
-    return V(c);
+    const n = await X(t), r = Y(n);
+    return Z(r);
   } catch (n) {
     throw console.error("提取图片颜色失败:", n), n;
   }
 }
-async function O(t) {
-  return new Promise((n, c) => {
+async function X(t) {
+  return new Promise((n, r) => {
     try {
       if (typeof document > "u") {
-        c(new Error("图像颜色提取功能仅在浏览器环境中可用"));
+        r(new Error("图像颜色提取功能仅在浏览器环境中可用"));
         return;
       }
-      const r = document.createElement("canvas"), o = r.getContext("2d");
+      const e = document.createElement("canvas"), o = e.getContext("2d");
       if (!o) {
-        c(new Error("无法获取canvas 2d context"));
+        r(new Error("无法获取canvas 2d context"));
         return;
       }
-      const s = Math.min(t.width, 100), e = Math.min(t.height, 100), i = Math.min(s / t.width, e / t.height);
-      r.width = t.width * i, r.height = t.height * i, o.drawImage(t, 0, 0, r.width, r.height);
-      const a = o.getImageData(0, 0, r.width, r.height);
-      n(a);
-    } catch (r) {
-      c(r);
+      const s = Math.min(t.width, 100), a = Math.min(t.height, 100), c = Math.min(s / t.width, a / t.height);
+      e.width = t.width * c, e.height = t.height * c, o.drawImage(t, 0, 0, e.width, e.height);
+      const i = o.getImageData(0, 0, e.width, e.height);
+      n(i);
+    } catch (e) {
+      r(e);
     }
   });
 }
-function G(t) {
-  const n = t.data, c = /* @__PURE__ */ new Map();
+function Y(t) {
+  const n = t.data, r = /* @__PURE__ */ new Map();
   for (let o = 0; o < n.length; o += 4) {
-    const s = n[o], e = n[o + 1], i = n[o + 2];
+    const s = n[o], a = n[o + 1], c = n[o + 2];
     if (n[o + 3] < 128) continue;
-    const l = Math.round(s / 16) * 16, f = Math.round(e / 16) * 16, u = Math.round(i / 16) * 16, h = `${l},${f},${u}`;
-    c.has(h) ? c.set(h, c.get(h) + 1) : c.set(h, 1);
+    const h = Math.round(s / 16) * 16, f = Math.round(a / 16) * 16, u = Math.round(c / 16) * 16, l = `${h},${f},${u}`;
+    r.has(l) ? r.set(l, r.get(l) + 1) : r.set(l, 1);
   }
-  const r = [];
-  return c.forEach((o, s) => {
-    const [e, i, a] = s.split(",").map(Number);
-    r.push({ r: e, g: i, b: a, count: o });
-  }), r;
+  const e = [];
+  return r.forEach((o, s) => {
+    const [a, c, i] = s.split(",").map(Number);
+    e.push({ r: a, g: c, b: i, count: o });
+  }), e;
 }
-function V(t) {
+function Z(t) {
   t.sort((o, s) => s.count - o.count);
   const n = t.filter((o) => {
-    const { r: s, g: e, b: i } = o, a = Math.max(s, e, i), l = Math.min(s, e, i), f = a - l, u = a === 0 ? 0 : f / a, h = a / 255;
-    return u > 0.15 && h > 0.2 && h < 0.8;
-  }), c = n.length > 0 ? n[0] : t[0];
-  return w({ r: c.r, g: c.g, b: c.b }).hex();
+    const { r: s, g: a, b: c } = o, i = Math.max(s, a, c), h = Math.min(s, a, c), f = i - h, u = i === 0 ? 0 : f / i, l = i / 255;
+    return u > 0.15 && l > 0.2 && l < 0.8;
+  }), r = n.length > 0 ? n[0] : t[0];
+  return b({ r: r.r, g: r.g, b: r.b }).hex();
 }
-function W(t) {
-  return new Promise((n, c) => {
+function at(t) {
+  return new Promise((n, r) => {
     if (typeof FileReader > "u" || typeof Image > "u") {
-      c(new Error("文件读取功能仅在浏览器环境中可用"));
+      r(new Error("文件读取功能仅在浏览器环境中可用"));
       return;
     }
     if (!t.type.startsWith("image/")) {
-      c(new Error("请选择图片文件"));
+      r(new Error("请选择图片文件"));
       return;
     }
-    const r = new FileReader();
-    r.onload = async (o) => {
+    const e = new FileReader();
+    e.onload = async (o) => {
       var s;
       try {
-        const e = new Image();
-        e.onload = async () => {
+        const a = new Image();
+        a.onload = async () => {
           try {
-            const a = await P(e);
-            n(a);
-          } catch (a) {
-            c(a);
+            const i = await Q(a);
+            n(i);
+          } catch (i) {
+            r(i);
           }
-        }, e.onerror = () => c(new Error("图片加载失败"));
-        const i = (s = o.target) == null ? void 0 : s.result;
-        typeof i == "string" ? e.src = i : c(new Error("无法读取图片数据"));
-      } catch (e) {
-        c(e);
+        }, a.onerror = () => r(new Error("图片加载失败"));
+        const c = (s = o.target) == null ? void 0 : s.result;
+        typeof c == "string" ? a.src = c : r(new Error("无法读取图片数据"));
+      } catch (a) {
+        r(a);
       }
-    }, r.onerror = () => c(new Error("文件读取失败")), r.readAsDataURL(t);
+    }, e.onerror = () => r(new Error("文件读取失败")), e.readAsDataURL(t);
   });
 }
-function $(t, n, c = {}) {
-  const { steps: r = 10, format: o = "hex", includeEnds: s = !0 } = c;
-  if (r < 2)
+function O(t, n, r = {}) {
+  const { steps: e = 10, format: o = "hex", includeEnds: s = !0 } = r;
+  if (e < 2)
     throw new Error("步数必须至少为2");
-  const e = w(t), i = w(n), a = [], l = s ? r : r + 2, f = 1 / (l - 1);
-  for (let u = 0; u < l; u++) {
-    const h = u * f, d = Math.round(e.red() + (i.red() - e.red()) * h), M = Math.round(e.green() + (i.green() - e.green()) * h), g = Math.round(e.blue() + (i.blue() - e.blue()) * h), m = w({ r: d, g: M, b: g });
-    !s && (u === 0 || u === l - 1) || a.push(L(m, o));
+  const a = b(t), c = b(n), i = [], h = s ? e : e + 2, f = 1 / (h - 1);
+  for (let u = 0; u < h; u++) {
+    const l = u * f, m = Math.round(a.red() + (c.red() - a.red()) * l), d = Math.round(a.green() + (c.green() - a.green()) * l), M = Math.round(a.blue() + (c.blue() - a.blue()) * l), g = b({ r: m, g: d, b: M });
+    !s && (u === 0 || u === h - 1) || i.push(E(g, o));
   }
-  return a;
+  return i;
 }
-function J(t = {}) {
+function it(t = {}) {
   const {
     startGray: n = "#ffffff",
-    endGray: c = "#000000",
-    steps: r = 10,
+    endGray: r = "#000000",
+    steps: e = 10,
     format: o = "hex"
   } = t;
-  return $(n, c, { steps: r, format: o, includeEnds: !0 });
+  return O(n, r, { steps: e, format: o, includeEnds: !0 });
 }
-function j(t, n = {}) {
+function I(t, n = {}) {
   const {
-    steps: c = 10,
-    format: r = "hex",
+    steps: r = 10,
+    format: e = "hex",
     lightnessRange: o = 80,
     minLightness: s = null,
-    maxLightness: e = null
-  } = n, i = w(t);
-  let a, l;
-  if (s !== null && e !== null) {
-    if (s > e)
+    maxLightness: a = null,
+    preserveChroma: c = !1
+  } = n, i = b(t);
+  let h, f;
+  if (s !== null && a !== null) {
+    if (s > a)
       throw new Error("minLightness 不能大于 maxLightness");
-    a = Math.max(0, Math.min(100, e)), l = Math.max(0, Math.min(100, s));
+    h = Math.max(0, Math.min(100, a)), f = Math.max(0, Math.min(100, s));
   } else {
-    const h = i.lightness();
-    a = Math.min(95, h + o / 2), l = Math.max(5, h - o / 2);
+    const m = i.lightness();
+    h = Math.min(95, m + o / 2), f = Math.max(5, m - o / 2);
   }
-  const f = w({
+  if (c)
+    return _(i, h, f, r, e);
+  const u = b({
     h: i.hue(),
     s: i.saturationl(),
-    l: a
-  }), u = w({
+    l: h
+  }), l = b({
     h: i.hue(),
     s: i.saturationl(),
-    l
+    l: f
   });
-  return $(f.hex(), u.hex(), { steps: c, format: r, includeEnds: !0 });
+  return O(u.hex(), l.hex(), { steps: r, format: e, includeEnds: !0 });
 }
-function Q(t, n, c = {}) {
-  const { steps: r = 10, format: o = "hex", includeEnds: s = !0 } = c;
-  if (r < 2)
+function _(t, n, r, e, o) {
+  const s = t.a(), a = t.b(), c = Math.sqrt(s * s + a * a), i = Math.atan2(a, s), h = [], f = (n - r) / (e - 1);
+  for (let u = 0; u < e; u++) {
+    const l = n - f * u;
+    let m = c;
+    if (l > 85) {
+      const p = Math.max(0, (100 - l) / 15);
+      m = c * p;
+    } else if (l < 15) {
+      const p = Math.max(0, l / 15);
+      m = c * p;
+    }
+    const d = m * Math.cos(i), M = m * Math.sin(i);
+    let g = b.lab(l, d, M), w = g.rgb().array(), L = m;
+    for (; (w[0] < 0 || w[0] > 255 || w[1] < 0 || w[1] > 255 || w[2] < 0 || w[2] > 255) && L > 0; ) {
+      L -= 1;
+      const p = L * Math.cos(i), x = L * Math.sin(i);
+      g = b.lab(l, p, x), w = g.rgb().array();
+    }
+    h.push(E(g, o));
+  }
+  return h;
+}
+function ct(t, n, r = {}) {
+  const { steps: e = 10, format: o = "hex", includeEnds: s = !0 } = r;
+  if (e < 2)
     throw new Error("步数必须至少为2");
-  const e = w(t), i = w(n), a = [], l = s ? r : r + 2, f = 1 / (l - 1);
-  let u = e.hue() || 0, h = i.hue() || 0;
-  const d = h - u;
-  Math.abs(d) > 180 && (d > 0 ? u += 360 : h += 360);
-  const M = e.saturationl(), g = i.saturationl(), m = e.lightness(), E = i.lightness();
-  for (let y = 0; y < l; y++) {
-    const p = y * f;
-    let b = u + (h - u) * p;
-    const x = M + (g - M) * p, v = m + (E - m) * p;
-    b = b % 360, b < 0 && (b += 360);
-    const A = w({ h: b, s: x, l: v });
-    !s && (y === 0 || y === l - 1) || a.push(L(A, o));
+  const a = b(t), c = b(n), i = [], h = s ? e : e + 2, f = 1 / (h - 1);
+  let u = a.hue() || 0, l = c.hue() || 0;
+  const m = l - u;
+  Math.abs(m) > 180 && (m > 0 ? u += 360 : l += 360);
+  const d = a.saturationl(), M = c.saturationl(), g = a.lightness(), w = c.lightness();
+  for (let L = 0; L < h; L++) {
+    const p = L * f;
+    let x = u + (l - u) * p;
+    const y = d + (M - d) * p, v = g + (w - g) * p;
+    x = x % 360, x < 0 && (x += 360);
+    const A = b({ h: x, s: y, l: v });
+    !s && (L === 0 || L === h - 1) || i.push(E(A, o));
   }
-  return a;
+  return i;
 }
-function S(t) {
+function R(t) {
   if (!t || typeof t != "string")
     throw new Error("Invalid RGB color: must be a string");
-  let n = t.replace("#", "");
-  if (n.length === 8 && (n = n.substring(0, 6)), !/^[0-9A-Fa-f]{6}$/.test(n))
-    throw new Error("Invalid RGB color format: must be #rrggbb or rrggbb");
-  const c = parseInt(n.slice(0, 2), 16) / 255, r = parseInt(n.slice(2, 4), 16) / 255, o = parseInt(n.slice(4, 6), 16) / 255, s = Math.max(c, r, o), e = Math.min(c, r, o), i = s - e;
-  let a = 0;
-  i !== 0 && (s === c ? a = (r - o) / i % 6 : s === r ? a = (o - c) / i + 2 : a = (c - r) / i + 4), a = Math.round(a * 60), a < 0 && (a += 360);
-  const l = Math.round((0.299 * c + 0.587 * r + 0.114 * o) * 100), f = (s + e) / 2;
-  let u = 0;
-  i !== 0 && f !== 0 && f !== 1 && (u = i / (1 - Math.abs(2 * f - 1)));
-  let h = 0;
-  return l > 0 && l < 100 && (h = Math.round(u * Math.min(l, 100 - l))), { h: a, c: Math.max(0, h), t: Math.max(0, Math.min(100, l)) };
-}
-function R(t, n = {}) {
+  let n;
+  try {
+    n = b(t);
+  } catch {
+    throw new Error("Invalid RGB color format");
+  }
+  const r = n.l(), e = n.a(), o = n.b();
+  let s = Math.atan2(o, e) * (180 / Math.PI);
+  s < 0 && (s += 360);
+  const a = Math.sqrt(e * e + o * o);
+  return {
+    h: s,
+    c: a,
+    t: r
+  };
+}
+function C(t, n = {}) {
   if (!t || typeof t != "object" || t.h === void 0 || t.c === void 0 || t.t === void 0)
     throw new Error("Invalid HCT color: must be an object with h, c, t properties");
-  const { h: c, c: r, t: o } = t, { maxChroma: s = 200 } = n, e = (c % 360 + 360) % 360, i = Math.max(0, Math.min(s, r)), a = Math.max(0, Math.min(100, o)), l = a / 100;
-  let f = 0;
-  if (a > 0 && a < 100 && i > 0) {
-    const y = Math.min(a, 100 - a);
-    f = y > 0 ? i / y : 0;
+  const { gamutMapping: r = "reduce-chroma" } = n;
+  let { h: e, c: o, t: s } = t;
+  e = (e % 360 + 360) % 360, o = Math.max(0, o), s = Math.max(0, Math.min(100, s));
+  const a = e * (Math.PI / 180), c = o * Math.cos(a), i = o * Math.sin(a);
+  try {
+    let h = b.lab(s, c, i);
+    if (r === "reduce-chroma") {
+      let d = o, M = h.rgb().array();
+      for (; (M[0] < 0 || M[0] > 255 || M[1] < 0 || M[1] > 255 || M[2] < 0 || M[2] > 255) && d > 0; ) {
+        d -= 1;
+        const g = d * Math.cos(a), w = d * Math.sin(a);
+        h = b.lab(s, g, w), M = h.rgb().array();
+      }
+    }
+    const f = h.rgb().array(), u = Math.max(0, Math.min(255, Math.round(f[0]))), l = Math.max(0, Math.min(255, Math.round(f[1]))), m = Math.max(0, Math.min(255, Math.round(f[2])));
+    return `#${u.toString(16).padStart(2, "0")}${l.toString(16).padStart(2, "0")}${m.toString(16).padStart(2, "0")}`;
+  } catch {
+    return b.lab(s, c, i).hex().toLowerCase();
   }
-  const u = (1 - Math.abs(2 * l - 1)) * Math.min(1, f), h = u * (1 - Math.abs(e / 60 % 2 - 1)), d = l - u / 2;
-  let M, g, m;
-  e >= 0 && e < 60 ? [M, g, m] = [u, h, 0] : e >= 60 && e < 120 ? [M, g, m] = [h, u, 0] : e >= 120 && e < 180 ? [M, g, m] = [0, u, h] : e >= 180 && e < 240 ? [M, g, m] = [0, h, u] : e >= 240 && e < 300 ? [M, g, m] = [h, 0, u] : [M, g, m] = [u, 0, h];
-  const E = (y) => {
-    const p = Math.max(0, Math.min(1, y + d)), b = Math.round(p * 255).toString(16);
-    return b.length === 1 ? "0" + b : b;
-  };
-  return `#${E(M)}${E(g)}${E(m)}`;
 }
-function F(t, n, c = 0.5) {
+function $(t, n, r = 0.5, e = {}) {
   if (!t || !n)
     throw new Error("Both colors are required for blending");
-  const r = Math.max(0, Math.min(1, c)), o = S(t), s = S(n);
-  let e = o.h, i = s.h, a = i - e;
-  Math.abs(a) > 180 && (a > 0 ? e += 360 : i += 360, a = i - e);
-  const l = (e + a * r) % 360, f = o.c + (s.c - o.c) * r, u = o.t + (s.t - o.t) * r;
-  return R({
-    h: l < 0 ? l + 360 : l,
-    c: Math.max(0, Math.round(f)),
-    t: Math.max(0, Math.min(100, Math.round(u)))
+  const { mode: o = "lab" } = e, s = Math.max(0, Math.min(1, r));
+  return o === "lab" ? tt(t, n, s) : o === "hue-only" ? j(t, n, s) : nt(t, n, s);
+}
+function tt(t, n, r) {
+  const e = b(t), o = b(n), s = e.l(), a = e.a(), c = e.b(), i = o.l(), h = o.a(), f = o.b(), u = s + (i - s) * r, l = a + (h - a) * r, m = c + (f - c) * r;
+  return b.lab(u, l, m).hex().toLowerCase();
+}
+function nt(t, n, r) {
+  const e = R(t), o = R(n), s = k(e.h, o.h, r), a = e.c + (o.c - e.c) * r, c = e.t + (o.t - e.t) * r;
+  return C({
+    h: s,
+    c: Math.max(0, a),
+    t: Math.max(0, Math.min(100, c))
+  });
+}
+function j(t, n, r) {
+  const e = R(t), o = R(n), s = k(e.h, o.h, r);
+  return C({
+    h: s,
+    c: e.c,
+    // 保持第一个颜色的色度
+    t: e.t
+    // 保持第一个颜色的明度
+  });
+}
+function k(t, n, r) {
+  let e = n - t;
+  e > 180 ? e -= 360 : e < -180 && (e += 360);
+  let o = t + e * r;
+  return o < 0 && (o += 360), o >= 360 && (o -= 360), o;
+}
+function lt(t, n) {
+  const r = b(t), e = b(n), o = r.l(), s = r.a(), a = r.b(), c = e.l(), i = e.a(), h = e.b();
+  return Math.sqrt(
+    Math.pow(c - o, 2) + Math.pow(i - s, 2) + Math.pow(h - a, 2)
+  );
+}
+function ht(t, n) {
+  const r = R(t);
+  return C({
+    h: r.h,
+    c: r.c,
+    t: Math.max(0, Math.min(100, n))
+  });
+}
+function ut(t, n) {
+  const r = R(t);
+  return C({
+    h: r.h,
+    c: Math.max(0, n),
+    t: r.t
   });
 }
-function X(t, n, c = 0.15) {
+function ft(t, n) {
+  const r = R(t);
+  return C({
+    h: (n % 360 + 360) % 360,
+    c: r.c,
+    t: r.t
+  });
+}
+function S(t, n) {
+  const r = R(t);
+  let e = r.h + n;
+  return e = (e % 360 + 360) % 360, C({
+    h: e,
+    c: r.c,
+    t: r.t
+  });
+}
+function mt(t) {
+  return S(t, 180);
+}
+function dt(t) {
+  return [
+    t,
+    S(t, 120),
+    S(t, 240)
+  ];
+}
+function gt(t, n = 30) {
+  return [
+    t,
+    S(t, 180 - n),
+    S(t, 180 + n)
+  ];
+}
+function Mt(t, n = 3, r = 30) {
+  const e = [], o = -r * Math.floor(n / 2);
+  for (let s = 0; s < n; s++)
+    e.push(S(t, o + r * s));
+  return e;
+}
+function pt(t, n, r = 0.15) {
   if (!t || !n)
     throw new Error("Both theme color and target color are required");
-  const r = Math.max(0, Math.min(1, c)), o = S(t), s = S(n);
-  let e = s.h, i = o.h, a = i - e;
-  Math.abs(a) > 180 && (a > 0 ? e += 360 : i += 360, a = i - e);
-  const l = (e + a * r) % 360;
-  return R({
-    h: l < 0 ? l + 360 : l,
-    c: s.c,
-    // 保持原有色度
-    t: s.t
-    // 保持原有色调
-  });
+  const e = Math.max(0, Math.min(1, r));
+  return j(n, t, e);
 }
-function Y(t, n) {
+function bt(t, n) {
   if (!t)
     throw new Error("Theme color is required");
-  const c = S(t);
-  let r;
-  if (Array.isArray(n) ? r = n : n && n.tones && Array.isArray(n.tones) ? r = n.tones : r = [10, 20, 30, 40, 50, 60, 70, 80, 90], !Array.isArray(r) || r.length === 0)
+  const r = R(t);
+  let e;
+  if (Array.isArray(n) ? e = n : n && n.tones && Array.isArray(n.tones) ? e = n.tones : e = [10, 20, 30, 40, 50, 60, 70, 80, 90], !Array.isArray(e) || e.length === 0)
     throw new Error("Tone steps must be a non-empty array");
-  const o = r.filter((s) => typeof s == "number" && s >= 0 && s <= 100);
+  const o = e.filter((s) => typeof s == "number" && s >= 0 && s <= 100);
   if (o.length === 0)
     throw new Error("No valid tone values found (must be numbers between 0-100)");
-  return o.map((s) => R({
-    h: c.h,
-    c: c.c,
+  return o.map((s) => C({
+    h: r.h,
+    c: r.c,
     t: s
   }));
 }
-function N(t, n, c = 0.2) {
+function et(t, n, r = 0.2) {
   if (!t)
     throw new Error("Theme color is required");
   if (!n || typeof n != "object")
     throw new Error("UI colors must be an object");
-  const r = Math.max(0, Math.min(1, c)), o = {};
-  for (const [s, e] of Object.entries(n))
+  const e = Math.max(0, Math.min(1, r)), o = {};
+  for (const [s, a] of Object.entries(n))
     try {
-      o[s] = F(t, e, r);
-    } catch (i) {
+      o[s] = $(t, a, e);
+    } catch (c) {
       console.warn(`Failed to blend color for key "${s}": ${/** @type {Error} */
-      i.message}`), o[s] = e;
+      c.message}`), o[s] = a;
     }
   return o;
 }
-function I(t, n = {}) {
+function z(t, n = {}) {
   if (!t)
     throw new Error("Theme color is required");
   const {
-    baseGray: c = "#989898",
-    blendRatio: r = 0.08,
+    baseGray: r = "#989898",
+    blendRatio: e = 0.08,
     isDark: o = !1,
     steps: s = 12,
     // 默认 12 个等级，可以增加到 24、36 等以获得更细腻的梯度
-    lightnessRange: e = 85,
+    lightnessRange: a = 85,
     // 亮度变化范围（中心扩展模式），默认 85
-    minLightness: i = null,
+    minLightness: c = null,
     // 最小亮度（固定端点模式），优先级高于 lightnessRange
-    maxLightness: a = null
+    maxLightness: i = null
     // 最大亮度（固定端点模式），优先级高于 lightnessRange
-  } = n, l = Math.max(0, Math.min(1, r)), f = Math.max(2, Math.min(100, Math.round(s))), u = F(c, t, l), h = {
+  } = n, h = Math.max(0, Math.min(1, e)), f = Math.max(2, Math.min(100, Math.round(s))), u = $(r, t, h), l = {
     steps: f,
     format: "hex"
   };
-  if (i !== null && a !== null)
-    h.minLightness = i, h.maxLightness = a;
+  if (c !== null && i !== null)
+    l.minLightness = c, l.maxLightness = i;
   else {
-    const m = Math.max(20, Math.min(95, e));
-    h.lightnessRange = m;
+    const g = Math.max(20, Math.min(95, a));
+    l.lightnessRange = g;
   }
-  const d = j(u, h), M = o ? d.reverse() : d, g = {};
-  return M.forEach((m, E) => {
-    g[`gray-${E + 1}`] = m;
-  }), g;
+  const m = I(u, l), d = o ? m.reverse() : m, M = {};
+  return d.forEach((g, w) => {
+    M[`gray-${w + 1}`] = g;
+  }), M;
+}
+function rt(t, n = {}) {
+  if (!t)
+    throw new Error("Theme color is required");
+  const {
+    baseGray: r = "#f5f5f5",
+    // 使用浅灰作为基础，比控件色更浅
+    blendRatio: e = 0.03,
+    // 较低的混合比例，保持中性但带有品牌色调
+    steps: o = 6,
+    // 默认 6 个等级
+    minLightness: s = 92,
+    // 最深的浅灰亮度
+    maxLightness: a = 100,
+    // 最浅接近白色
+    prefix: c = "neutral"
+    // 颜色名称前缀
+  } = n, i = Math.max(0, Math.min(1, e)), h = Math.max(2, Math.min(20, Math.round(o))), f = Math.max(80, Math.min(99, s)), u = Math.max(f + 1, Math.min(100, a)), l = $(r, t, i), m = I(l, {
+    steps: h,
+    format: "hex",
+    minLightness: f,
+    maxLightness: u
+  }), d = {};
+  return m.forEach((M, g) => {
+    d[`${c}-${g + 1}`] = M;
+  }), d;
 }
-function T(t, n = {}) {
+function G(t, n = {}) {
   if (!t)
     throw new Error("Theme color is required");
   const {
-    semanticColors: c = {
+    semanticColors: r = {
       success: "#52c41a",
       warning: "#faad14",
       error: "#ff4d4f",
       info: "#1890ff"
     },
-    blendRatio: r = 0,
-    isDark: o = !1
+    blendRatio: e = 0,
+    isDark: o = !1,
+    steps: s = 10,
+    // 默认生成 10 个色阶
+    lightnessRange: a = 80,
+    // 亮度变化范围（中心扩展模式）
+    minLightness: c = 8,
+    // 最小亮度（固定端点模式）- 默认接近黑色
+    maxLightness: i = 97,
+    // 最大亮度（固定端点模式）- 默认接近白色
+    preserveChroma: h = !0
+    // 默认保持色度，避免灰蒙蒙
   } = n;
-  if (!c || typeof c != "object")
+  if (!r || typeof r != "object")
     throw new Error("Semantic colors must be an object");
-  const s = Math.max(0, Math.min(1, r)), e = {};
-  return Object.entries(c).forEach(([i, a]) => {
-    if (!a || typeof a != "string") {
-      console.warn(`Invalid color for semantic color "${i}": ${a}`);
+  const f = Math.max(0, Math.min(1, e)), u = Math.max(2, Math.min(100, Math.round(s))), l = {};
+  return Object.entries(r).forEach(([m, d]) => {
+    if (!d || typeof d != "string") {
+      console.warn(`Invalid color for semantic color "${m}": ${d}`);
       return;
     }
     try {
-      const l = {}, f = S(a);
-      (o ? [90, 80, 70, 60, 50, 40, 30, 25, 20, 15] : [15, 25, 35, 45, 55, 65, 75, 85, 90, 95]).forEach((h, d) => {
-        const M = { h: f.h, c: f.c, t: h }, g = F(R(M), t, s);
-        l[`${i}-${d + 1}`] = g;
-      }), Object.assign(e, l);
-    } catch (l) {
-      console.warn(`Failed to generate variants for semantic color "${i}": ${/** @type {Error} */
-      l.message}`);
+      const M = $(d, t, f), g = {
+        steps: u,
+        format: "hex",
+        preserveChroma: h
+        // 保持色度，避免灰蒙蒙
+      };
+      if (c !== null && i !== null)
+        g.minLightness = c, g.maxLightness = i;
+      else {
+        const p = Math.max(20, Math.min(95, a));
+        g.lightnessRange = p;
+      }
+      const w = I(M, g);
+      (o ? w.reverse() : w).forEach((p, x) => {
+        l[`${m}-${x + 1}`] = p;
+      });
+    } catch (M) {
+      console.warn(`Failed to generate variants for semantic color "${m}": ${/** @type {Error} */
+      M.message}`);
     }
-  }), e;
+  }), l;
 }
-function q(t, n = {}) {
+function N(t, n = {}) {
   if (!t)
     throw new Error("Theme color is required");
-  const { isDark: c = !1 } = n, r = S(t), o = {};
-  return (c ? [90, 80, 70, 60, 50, 40, 30, 25, 20, 15] : [15, 25, 35, 45, 55, 65, 75, 85, 90, 95]).forEach((e, i) => {
-    const a = { h: r.h, c: r.c, t: e };
-    o[`theme-${i + 1}`] = R(a);
-  }), o;
+  const {
+    isDark: r = !1,
+    steps: e = 10,
+    // 默认生成 10 个色阶
+    lightnessRange: o = 80,
+    // 亮度变化范围（中心扩展模式）
+    minLightness: s = 8,
+    // 最小亮度（固定端点模式）- 默认接近黑色
+    maxLightness: a = 97,
+    // 最大亮度（固定端点模式）- 默认接近白色
+    preserveChroma: c = !0
+    // 默认保持色度
+  } = n, h = {
+    steps: Math.max(2, Math.min(100, Math.round(e))),
+    format: "hex",
+    preserveChroma: c
+  };
+  if (s !== null && a !== null)
+    h.minLightness = s, h.maxLightness = a;
+  else {
+    const m = Math.max(20, Math.min(95, o));
+    h.lightnessRange = m;
+  }
+  const f = I(t, h), u = r ? f.reverse() : f, l = {};
+  return u.forEach((m, d) => {
+    l[`theme-${d + 1}`] = m;
+  }), l;
 }
-function Z(t, n = {}) {
+function wt(t, n = {}) {
   if (!t)
     throw new Error("Theme color is required");
   const {
-    baseGray: c = "#666666",
-    isDark: r = !1,
+    baseGray: r = "#666666",
+    isDark: e = !1,
     semanticColors: o,
     controlBlendRatio: s = 0.08,
-    semanticBlendRatio: e = 0.12,
-    controlSteps: i = 12,
+    semanticBlendRatio: a = 0.12,
+    controlSteps: c = 12,
     // 控件色灰度等级数
-    controlLightnessRange: a = 85,
+    controlLightnessRange: i = 85,
     // 控件色亮度变化范围（中心扩展模式）
-    controlMinLightness: l = null,
+    controlMinLightness: h = null,
     // 控件色最小亮度（固定端点模式）
-    controlMaxLightness: f = null
+    controlMaxLightness: f = null,
     // 控件色最大亮度（固定端点模式）
-  } = n, u = Math.max(0, Math.min(1, s)), h = Math.max(0, Math.min(1, e)), d = {
-    baseGray: c,
-    blendRatio: u,
-    isDark: r,
-    steps: i
+    semanticSteps: u = 10,
+    // 语义色等级数
+    semanticLightnessRange: l = 80,
+    // 语义色亮度变化范围
+    semanticMinLightness: m = null,
+    // 语义色最小亮度
+    semanticMaxLightness: d = null,
+    // 语义色最大亮度
+    semanticPreserveChroma: M = !0,
+    // 语义色保持色度（默认开启）
+    themeSteps: g = 10,
+    // 主题色等级数
+    themeLightnessRange: w = 80,
+    // 主题色亮度变化范围
+    themeMinLightness: L = null,
+    // 主题色最小亮度
+    themeMaxLightness: p = null,
+    // 主题色最大亮度
+    themePreserveChroma: x = !0,
+    // 主题色保持色度（默认开启）
+    // 浅灰度颜色配置
+    neutralSteps: y = 6,
+    // 浅灰度等级数
+    neutralMinLightness: v = 92,
+    // 浅灰度最小亮度
+    neutralMaxLightness: A = 100,
+    // 浅灰度最大亮度
+    neutralBlendRatio: V = 0.03
+    // 浅灰度主题色混合比例
+  } = n, U = Math.max(0, Math.min(1, s)), K = Math.max(0, Math.min(1, a)), B = {
+    baseGray: r,
+    blendRatio: U,
+    isDark: e,
+    steps: c
+  };
+  h !== null && f !== null ? (B.minLightness = h, B.maxLightness = f) : B.lightnessRange = i;
+  const D = {
+    semanticColors: o,
+    blendRatio: K,
+    isDark: e,
+    steps: u,
+    preserveChroma: M
+  };
+  m !== null && d !== null ? (D.minLightness = m, D.maxLightness = d) : D.lightnessRange = l;
+  const F = {
+    isDark: e,
+    steps: g,
+    preserveChroma: x
   };
-  return l !== null && f !== null ? (d.minLightness = l, d.maxLightness = f) : d.lightnessRange = a, {
+  return L !== null && p !== null ? (F.minLightness = L, F.maxLightness = p) : F.lightnessRange = w, {
     // 1. 基础控件颜色（灰色系1-12或更多）
-    controls: I(t, d),
-    // 2. 表意色（1-10）
-    semantic: T(t, {
-      semanticColors: o,
-      blendRatio: h,
-      isDark: r
+    controls: z(t, B),
+    // 2. 浅灰度颜色（用于背景、卡片等）
+    neutrals: rt(t, {
+      blendRatio: V,
+      steps: y,
+      minLightness: v,
+      maxLightness: A
     }),
-    // 3. 主题色（1-10）
-    theme: q(t, { isDark: r })
+    // 3. 表意色（1-10或更多）
+    semantic: G(t, D),
+    // 4. 主题色（1-10或更多）
+    theme: N(t, F)
   };
 }
-function _(t, n = {}) {
+function xt(t, n = {}) {
   if (!t)
     throw new Error("Theme color is required");
   const {
-    semanticColors: c = {
+    semanticColors: r = {
       success: "#52c41a",
       warning: "#faad14",
       error: "#ff4d4f",
       info: "#1890ff"
     },
-    uiColors: r = {
+    uiColors: e = {
       background: "#ffffff",
       surface: "#fafafa",
       border: "#d9d9d9",
@@ -445,36 +669,36 @@ function _(t, n = {}) {
     },
     harmonizeRatio: o = 0.15,
     blendRatio: s = 0.12,
-    isDark: e = !1
+    isDark: a = !1
   } = (
     /** @type {any} */
     n
-  ), i = Math.max(0, Math.min(1, o)), a = Math.max(0, Math.min(1, s)), l = q(t, { isDark: e }), f = I(t, {
-    blendRatio: a * 0.5,
+  ), c = Math.max(0, Math.min(1, o)), i = Math.max(0, Math.min(1, s)), h = N(t, { isDark: a }), f = z(t, {
+    blendRatio: i * 0.5,
     // 中性色混合比例稍低
-    isDark: e
-  }), u = T(t, {
-    semanticColors: c,
-    blendRatio: i,
-    isDark: e
-  }), h = {};
-  return Object.entries(c).forEach(([M]) => {
-    h[M] = {};
-    for (let g = 1; g <= 10; g++) {
-      const m = `${M}-${g}`;
-      u[m] && (h[M][g] = u[m]);
+    isDark: a
+  }), u = G(t, {
+    semanticColors: r,
+    blendRatio: c,
+    isDark: a
+  }), l = {};
+  return Object.entries(r).forEach(([d]) => {
+    l[d] = {};
+    for (let M = 1; M <= 10; M++) {
+      const g = `${d}-${M}`;
+      u[g] && (l[d][M] = u[g]);
     }
   }), {
-    theme: l,
+    theme: h,
     // 主题色阶 theme-1 到 theme-10
     controls: f,
     // 中性色阶 gray-1 到 gray-12
-    semantic: h,
+    semantic: l,
     // 功能色系
-    ui: N(t, r, a)
+    ui: et(t, e, i)
   };
 }
-const C = {
+const H = {
   red: "#F53F3F",
   orangered: "#F77234",
   orange: "#FF7D00",
@@ -489,16 +713,16 @@ const C = {
   pinkpurple: "#D91AD9",
   magenta: "#F5319D"
 };
-function tt() {
+function Lt() {
   const t = {};
-  return Object.keys(C).forEach((n) => {
-    t[n] = {}, t[n].light = B(C[
+  return Object.keys(H).forEach((n) => {
+    t[n] = {}, t[n].light = P(H[
       /** @type {keyof typeof colorList} */
       n
-    ], { list: !0 }), t[n].dark = B(C[
+    ], { list: !0 }), t[n].dark = P(H[
       /** @type {keyof typeof colorList} */
       n
-    ], { list: !0, dark: !0 }), t[n].primary = C[
+    ], { list: !0, dark: !0 }), t[n].primary = H[
       /** @type {keyof typeof colorList} */
       n
     ];
@@ -527,25 +751,35 @@ function tt() {
   ], t.gray.primary = t.gray.light[6], t;
 }
 export {
-  F as blendInHct,
-  N as blendUIColors,
-  C as colorList,
-  W as extractColorFromFile,
-  P as extractColorFromImage,
-  B as generate,
-  I as generateControlColors,
-  J as generateGrayLinear,
-  Z as generateInterfaceColorSystem,
-  $ as generateLinear,
-  Q as generateLinearHSL,
-  j as generateMonochromeLinear,
-  T as generateSemanticColors,
-  q as generateThemeColors,
-  _ as generateThemePalette,
-  Y as generateThemeVariants,
-  tt as getPresetColors,
-  K as getRgbStr,
-  X as harmonizeColor,
-  R as hctToRgb,
-  S as rgbToHct
+  ut as adjustChroma,
+  ft as adjustHue,
+  ht as adjustTone,
+  $ as blendInHct,
+  et as blendUIColors,
+  lt as colorDifference,
+  H as colorList,
+  at as extractColorFromFile,
+  Q as extractColorFromImage,
+  P as generate,
+  z as generateControlColors,
+  it as generateGrayLinear,
+  wt as generateInterfaceColorSystem,
+  O as generateLinear,
+  ct as generateLinearHSL,
+  I as generateMonochromeLinear,
+  rt as generateNeutralColors,
+  G as generateSemanticColors,
+  N as generateThemeColors,
+  xt as generateThemePalette,
+  bt as generateThemeVariants,
+  Mt as getAnalogous,
+  mt as getComplementary,
+  Lt as getPresetColors,
+  st as getRgbStr,
+  gt as getSplitComplementary,
+  dt as getTriadic,
+  pt as harmonizeColor,
+  C as hctToRgb,
+  R as rgbToHct,
+  S as rotateHue
 };