@hairy/palette 0.3.12 → 1.5.0

package/{LICENSE → LICENSE.md}

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019-PRESENT Hairyf<https://github.com/hairyf>
+Copyright (c) 2025-PRESENT Hairyf <https://github.com/antfu>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -19,5 +19,3 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
-
-

package/README.md

@@ -0,0 +1,36 @@
+# @hairy/palette
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![bundle][bundle-src]][bundle-href]
+[![JSDocs][jsdocs-src]][jsdocs-href]
+[![License][license-src]][license-href]
+
+## Install
+
+```
+ni @hairy/palette
+```
+
+## CDN
+
+```html
+<script src="https://unpkg.com/@hairy/palette"></script>
+```
+
+## License
+
+[MIT](./LICENSE) License © [Hairyf](https://github.com/hairyf)
+
+<!-- Badges -->
+
+[npm-version-src]: https://img.shields.io/npm/v/@hairy/palette?style=flat&colorA=080f12&colorB=1fa669
+[npm-version-href]: https://npmjs.com/package/@hairy/palette
+[npm-downloads-src]: https://img.shields.io/npm/dm/@hairy/palette?style=flat&colorA=080f12&colorB=1fa669
+[npm-downloads-href]: https://npmjs.com/package/@hairy/palette
+[bundle-src]: https://img.shields.io/bundlephobia/minzip/@hairy/palette?style=flat&colorA=080f12&colorB=1fa669&label=minzip
+[bundle-href]: https://bundlephobia.com/result?p=@hairy/palette
+[license-src]: https://img.shields.io/github/license/hairyf/hairylib.svg?style=flat&colorA=080f12&colorB=1fa669
+[license-href]: https://github.com/hairyf/hairylib/blob/main/LICENSE
+[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
+[jsdocs-href]: https://www.jsdocs.io/package/@hairy/palette

package/dist/index.cjs

@@ -28,8 +28,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   blend: () => blend,
   brightness: () => brightness,
   changeAlpha: () => changeAlpha,
@@ -42,10 +42,10 @@ __export(src_exports, {
   rgbToHsv: () => rgbToHsv,
   textToRgb: () => textToRgb
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 var import_colord = require("colord");
-var import_a11y = __toESM(require("colord/plugins/a11y"));
-var import_mix = __toESM(require("colord/plugins/mix"));
+var import_a11y = __toESM(require("colord/plugins/a11y"), 1);
+var import_mix = __toESM(require("colord/plugins/mix"), 1);
 (0, import_colord.extend)([import_a11y.default, import_mix.default]);
 function rgbToHex({ r, g, b, a }) {
   return (0, import_colord.colord)({ r, g, b, a }).toHex();
@@ -120,8 +120,7 @@ function saturation(hsv, i, isLight) {
     saturation2 = hsv.s - saturationStep * i;
   else if (i === darkColorCount)
     saturation2 = hsv.s + saturationStep;
-  else
-    saturation2 = hsv.s + saturationStep2 * i;
+  else saturation2 = hsv.s + saturationStep2 * i;
   if (saturation2 > 100)
     saturation2 = 100;
   if (isLight && i === lightColorCount && saturation2 > 10)

package/dist/index.d.ts

@@ -1,111 +1,111 @@
 import * as colord from 'colord';
 import { RgbaColor, HsvaColor, AnyColor } from 'colord';
 
-type RGBA = Record<'r' | 'g' | 'b' | 'a', number>;
-type RGB = Record<'r' | 'g' | 'b', number> & {
-    a?: number;
-};
-type HexColor = string;
-type HSVA = Record<'h' | 's' | 'v' | 'a', number>;
-type RGBA_TEXT = string;
-type HEX_TEXT = string;
-type HSVA_TEXT = string;
-type COLOR = RGBA_TEXT | HEX_TEXT | HSVA_TEXT;
-type PALETTE_INDEXES = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
-/**
- * Converts a RGB/A color
- *
- * Object (`{ r: [0-255], g: [0-255], b: [0-255}<, a: [0-100]>}`)
- *
- * to its HEX/A representation as a
- *
- * String (`#RRGGBB<AA>`).
- *
- * If Alpha channel is present in the original object it will be present also in the output.
- */
-declare function rgbToHex({ r, g, b, a }: RgbaColor): HexColor;
-/**
- * Converts a HEX/A color
- *
- * String (`#RRGGBB<AA>`) or a RGB/A color String(`rgb(R, G, B<, A>)`)
- *
- * to its RGB/A representation as an
- *
- * Object (`{ r: [0-255], g: [0-255], b: [0-255}<, a: [0-100]>}`).
- *
- * If Alpha channel is present in the original object it will be present also in the output.
- */
-declare function hexToRgb(hex: HexColor): RgbaColor;
-/**
- * Converts a HEX/A color
- *
- * String (`#RRGGBB<AA>`)
- *
- * to its RGB/A representation as an
- *
- * Object (`{ r: [0-255], g: [0-255], b: [0-255}<, a: [0-100]>}`) .
- *
- * If Alpha channel is present in the original object it will be present also in the output.
- */
-declare function hsvToRgb({ h, s, v, a }: HsvaColor): RgbaColor;
-/**
- * Converts a RGB/A color
- *
- * Object (`{ r: [0-255], g: [0-255], b: [0-255}<, a: [0-100]>}`)
- *
- * to its HSV/A representation as an
- *
- * Object (`{ h: [0-360], s: [0-100], v: [0-100}, a: [0-1]}`).
- *
- * If Alpha channel is present in the original object it will be present also in the output.
- */
-declare function rgbToHsv({ r, g, b, a }: RgbaColor): HsvaColor;
-/**
- * Converts a HEX/A color
- *
- * String (`#RRGGBB<AA>`) or a RGB/A color String(`rgb(R, G, B<, A>)`)
- *
- * to its RGB/A representation as an
- *
- * Object (`{ r: [0-255], g: [0-255], b: [0-255}<, a: [0-100]>}`).
- *
- * If Alpha channel is present in the original object it will be present also in the output.
- */
-declare function textToRgb(str: AnyColor): RgbaColor;
-/**
- * Lighten the `color` (if `percent` is positive) or darken it (if `percent` is negative).
- *
- * Accepts a HEX/A String or a RGB/A String as color and a percent (0 to 1 or -1 to 0) of lighten/darken to be applied to the   `color`. Returns a HEX String representation of the calculated `color`.
- */
-declare function lighten(color: AnyColor, percent: number): string;
-/**
- * Calculates the [relative luminance](https://www.w3.org/TR/WCAG20/#relativeluminancedef) of the `color`.
- *
- * Accepts a HEX/A String, a RGB/A String or a RGB/A Object as `color`. Returns a value between 0 and 1.
- */
-declare function luminance(color: AnyColor): number;
-/**
- * Calculates the [color contrast](https://www.w3.org/TR/AERT/#color-contrast) of the `color`.
- *
- * Accepts a HEX/A String, a RGB/A String or a RGB/A Object as `color`. Returns a value between 0 and 1.
- */
-declare function brightness(color: AnyColor): number;
-/**
- * Calculates the [blend](https://www.w3.org/TR/compositing-1/#simplealphacompositing) of two colors.
- *
- * Accepts a HEX/A String or a RGB/A Object as `fgColor`/`bgColor`. If the alpha channel of the `fgColor` is completely opaque, then the result will be the `fgColor`. If the alpha channel of the `bgColor` is completely opaque, then the resulting blended color will also be opaque. Returns the same type as input for fgColor.
- */
-declare function blend(fgColor: AnyColor, bgColor: AnyColor): colord.Colord;
-/**
- * Change color transparency
- */
-declare function changeAlpha(color: COLOR, alpha: number): string;
-/**
- * 根据颜色获取调色板颜色(从左至右颜色从浅到深，6为主色号)
- * @param color - 颜色
- * @param index - 调色板的对应的色号(6为主色号)
- * @description 算法实现从ant-design调色板算法中借鉴 https://github.com/ant-design/ant-design/blob/master/components/style/color/colorPalette.less
- */
+type RGBA = Record<'r' | 'g' | 'b' | 'a', number>;
+type RGB = Record<'r' | 'g' | 'b', number> & {
+    a?: number;
+};
+type HexColor = string;
+type HSVA = Record<'h' | 's' | 'v' | 'a', number>;
+type RGBA_TEXT = string;
+type HEX_TEXT = string;
+type HSVA_TEXT = string;
+type COLOR = RGBA_TEXT | HEX_TEXT | HSVA_TEXT;
+type PALETTE_INDEXES = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+/**
+ * Converts a RGB/A color
+ *
+ * Object (`{ r: [0-255], g: [0-255], b: [0-255}<, a: [0-100]>}`)
+ *
+ * to its HEX/A representation as a
+ *
+ * String (`#RRGGBB<AA>`).
+ *
+ * If Alpha channel is present in the original object it will be present also in the output.
+ */
+declare function rgbToHex({ r, g, b, a }: RgbaColor): HexColor;
+/**
+ * Converts a HEX/A color
+ *
+ * String (`#RRGGBB<AA>`) or a RGB/A color String(`rgb(R, G, B<, A>)`)
+ *
+ * to its RGB/A representation as an
+ *
+ * Object (`{ r: [0-255], g: [0-255], b: [0-255}<, a: [0-100]>}`).
+ *
+ * If Alpha channel is present in the original object it will be present also in the output.
+ */
+declare function hexToRgb(hex: HexColor): RgbaColor;
+/**
+ * Converts a HEX/A color
+ *
+ * String (`#RRGGBB<AA>`)
+ *
+ * to its RGB/A representation as an
+ *
+ * Object (`{ r: [0-255], g: [0-255], b: [0-255}<, a: [0-100]>}`) .
+ *
+ * If Alpha channel is present in the original object it will be present also in the output.
+ */
+declare function hsvToRgb({ h, s, v, a }: HsvaColor): RgbaColor;
+/**
+ * Converts a RGB/A color
+ *
+ * Object (`{ r: [0-255], g: [0-255], b: [0-255}<, a: [0-100]>}`)
+ *
+ * to its HSV/A representation as an
+ *
+ * Object (`{ h: [0-360], s: [0-100], v: [0-100}, a: [0-1]}`).
+ *
+ * If Alpha channel is present in the original object it will be present also in the output.
+ */
+declare function rgbToHsv({ r, g, b, a }: RgbaColor): HsvaColor;
+/**
+ * Converts a HEX/A color
+ *
+ * String (`#RRGGBB<AA>`) or a RGB/A color String(`rgb(R, G, B<, A>)`)
+ *
+ * to its RGB/A representation as an
+ *
+ * Object (`{ r: [0-255], g: [0-255], b: [0-255}<, a: [0-100]>}`).
+ *
+ * If Alpha channel is present in the original object it will be present also in the output.
+ */
+declare function textToRgb(str: AnyColor): RgbaColor;
+/**
+ * Lighten the `color` (if `percent` is positive) or darken it (if `percent` is negative).
+ *
+ * Accepts a HEX/A String or a RGB/A String as color and a percent (0 to 1 or -1 to 0) of lighten/darken to be applied to the   `color`. Returns a HEX String representation of the calculated `color`.
+ */
+declare function lighten(color: AnyColor, percent: number): string;
+/**
+ * Calculates the [relative luminance](https://www.w3.org/TR/WCAG20/#relativeluminancedef) of the `color`.
+ *
+ * Accepts a HEX/A String, a RGB/A String or a RGB/A Object as `color`. Returns a value between 0 and 1.
+ */
+declare function luminance(color: AnyColor): number;
+/**
+ * Calculates the [color contrast](https://www.w3.org/TR/AERT/#color-contrast) of the `color`.
+ *
+ * Accepts a HEX/A String, a RGB/A String or a RGB/A Object as `color`. Returns a value between 0 and 1.
+ */
+declare function brightness(color: AnyColor): number;
+/**
+ * Calculates the [blend](https://www.w3.org/TR/compositing-1/#simplealphacompositing) of two colors.
+ *
+ * Accepts a HEX/A String or a RGB/A Object as `fgColor`/`bgColor`. If the alpha channel of the `fgColor` is completely opaque, then the result will be the `fgColor`. If the alpha channel of the `bgColor` is completely opaque, then the resulting blended color will also be opaque. Returns the same type as input for fgColor.
+ */
+declare function blend(fgColor: AnyColor, bgColor: AnyColor): colord.Colord;
+/**
+ * Change color transparency
+ */
+declare function changeAlpha(color: COLOR, alpha: number): string;
+/**
+ * Obtain palette colors based on color (from left to right, from light to dark, with 6 as the main color number)
+ * @param color - Color
+ * @param index - The corresponding color number of the color palette (6 as the main color number)
+ * @description algorithm implementation draws inspiration from ant design palette algorithm https://github.com/ant-design/ant-design/blob/master/components/style/color/colorPalette.less
+ */
 declare function colorPalette(color: string | RgbaColor, index: PALETTE_INDEXES): string;
 
-export { COLOR, HEX_TEXT, HSVA, HSVA_TEXT, HexColor, PALETTE_INDEXES, RGB, RGBA, RGBA_TEXT, blend, brightness, changeAlpha, colorPalette, hexToRgb, hsvToRgb, lighten, luminance, rgbToHex, rgbToHsv, textToRgb };
+export { type COLOR, type HEX_TEXT, type HSVA, type HSVA_TEXT, type HexColor, type PALETTE_INDEXES, type RGB, type RGBA, type RGBA_TEXT, blend, brightness, changeAlpha, colorPalette, hexToRgb, hsvToRgb, lighten, luminance, rgbToHex, rgbToHsv, textToRgb };

package/dist/index.global.js

@@ -0,0 +1,338 @@
+"use strict";
+(() => {
+  // ../../node_modules/.pnpm/colord@2.9.3/node_modules/colord/index.mjs
+  var r = { grad: 0.9, turn: 360, rad: 360 / (2 * Math.PI) };
+  var t = function(r3) {
+    return "string" == typeof r3 ? r3.length > 0 : "number" == typeof r3;
+  };
+  var n = function(r3, t4, n3) {
+    return void 0 === t4 && (t4 = 0), void 0 === n3 && (n3 = Math.pow(10, t4)), Math.round(n3 * r3) / n3 + 0;
+  };
+  var e = function(r3, t4, n3) {
+    return void 0 === t4 && (t4 = 0), void 0 === n3 && (n3 = 1), r3 > n3 ? n3 : r3 > t4 ? r3 : t4;
+  };
+  var u = function(r3) {
+    return (r3 = isFinite(r3) ? r3 % 360 : 0) > 0 ? r3 : r3 + 360;
+  };
+  var a = function(r3) {
+    return { r: e(r3.r, 0, 255), g: e(r3.g, 0, 255), b: e(r3.b, 0, 255), a: e(r3.a) };
+  };
+  var o = function(r3) {
+    return { r: n(r3.r), g: n(r3.g), b: n(r3.b), a: n(r3.a, 3) };
+  };
+  var i = /^#([0-9a-f]{3,8})$/i;
+  var s = function(r3) {
+    var t4 = r3.toString(16);
+    return t4.length < 2 ? "0" + t4 : t4;
+  };
+  var h = function(r3) {
+    var t4 = r3.r, n3 = r3.g, e3 = r3.b, u3 = r3.a, a3 = Math.max(t4, n3, e3), o4 = a3 - Math.min(t4, n3, e3), i3 = o4 ? a3 === t4 ? (n3 - e3) / o4 : a3 === n3 ? 2 + (e3 - t4) / o4 : 4 + (t4 - n3) / o4 : 0;
+    return { h: 60 * (i3 < 0 ? i3 + 6 : i3), s: a3 ? o4 / a3 * 100 : 0, v: a3 / 255 * 100, a: u3 };
+  };
+  var b = function(r3) {
+    var t4 = r3.h, n3 = r3.s, e3 = r3.v, u3 = r3.a;
+    t4 = t4 / 360 * 6, n3 /= 100, e3 /= 100;
+    var a3 = Math.floor(t4), o4 = e3 * (1 - n3), i3 = e3 * (1 - (t4 - a3) * n3), s2 = e3 * (1 - (1 - t4 + a3) * n3), h3 = a3 % 6;
+    return { r: 255 * [e3, i3, o4, o4, s2, e3][h3], g: 255 * [s2, e3, e3, i3, o4, o4][h3], b: 255 * [o4, o4, s2, e3, e3, i3][h3], a: u3 };
+  };
+  var g = function(r3) {
+    return { h: u(r3.h), s: e(r3.s, 0, 100), l: e(r3.l, 0, 100), a: e(r3.a) };
+  };
+  var d = function(r3) {
+    return { h: n(r3.h), s: n(r3.s), l: n(r3.l), a: n(r3.a, 3) };
+  };
+  var f = function(r3) {
+    return b((n3 = (t4 = r3).s, { h: t4.h, s: (n3 *= ((e3 = t4.l) < 50 ? e3 : 100 - e3) / 100) > 0 ? 2 * n3 / (e3 + n3) * 100 : 0, v: e3 + n3, a: t4.a }));
+    var t4, n3, e3;
+  };
+  var c = function(r3) {
+    return { h: (t4 = h(r3)).h, s: (u3 = (200 - (n3 = t4.s)) * (e3 = t4.v) / 100) > 0 && u3 < 200 ? n3 * e3 / 100 / (u3 <= 100 ? u3 : 200 - u3) * 100 : 0, l: u3 / 2, a: t4.a };
+    var t4, n3, e3, u3;
+  };
+  var l = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i;
+  var p = /^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i;
+  var v = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i;
+  var m = /^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i;
+  var y = { string: [[function(r3) {
+    var t4 = i.exec(r3);
+    return t4 ? (r3 = t4[1]).length <= 4 ? { r: parseInt(r3[0] + r3[0], 16), g: parseInt(r3[1] + r3[1], 16), b: parseInt(r3[2] + r3[2], 16), a: 4 === r3.length ? n(parseInt(r3[3] + r3[3], 16) / 255, 2) : 1 } : 6 === r3.length || 8 === r3.length ? { r: parseInt(r3.substr(0, 2), 16), g: parseInt(r3.substr(2, 2), 16), b: parseInt(r3.substr(4, 2), 16), a: 8 === r3.length ? n(parseInt(r3.substr(6, 2), 16) / 255, 2) : 1 } : null : null;
+  }, "hex"], [function(r3) {
+    var t4 = v.exec(r3) || m.exec(r3);
+    return t4 ? t4[2] !== t4[4] || t4[4] !== t4[6] ? null : a({ r: Number(t4[1]) / (t4[2] ? 100 / 255 : 1), g: Number(t4[3]) / (t4[4] ? 100 / 255 : 1), b: Number(t4[5]) / (t4[6] ? 100 / 255 : 1), a: void 0 === t4[7] ? 1 : Number(t4[7]) / (t4[8] ? 100 : 1) }) : null;
+  }, "rgb"], [function(t4) {
+    var n3 = l.exec(t4) || p.exec(t4);
+    if (!n3) return null;
+    var e3, u3, a3 = g({ h: (e3 = n3[1], u3 = n3[2], void 0 === u3 && (u3 = "deg"), Number(e3) * (r[u3] || 1)), s: Number(n3[3]), l: Number(n3[4]), a: void 0 === n3[5] ? 1 : Number(n3[5]) / (n3[6] ? 100 : 1) });
+    return f(a3);
+  }, "hsl"]], object: [[function(r3) {
+    var n3 = r3.r, e3 = r3.g, u3 = r3.b, o4 = r3.a, i3 = void 0 === o4 ? 1 : o4;
+    return t(n3) && t(e3) && t(u3) ? a({ r: Number(n3), g: Number(e3), b: Number(u3), a: Number(i3) }) : null;
+  }, "rgb"], [function(r3) {
+    var n3 = r3.h, e3 = r3.s, u3 = r3.l, a3 = r3.a, o4 = void 0 === a3 ? 1 : a3;
+    if (!t(n3) || !t(e3) || !t(u3)) return null;
+    var i3 = g({ h: Number(n3), s: Number(e3), l: Number(u3), a: Number(o4) });
+    return f(i3);
+  }, "hsl"], [function(r3) {
+    var n3 = r3.h, a3 = r3.s, o4 = r3.v, i3 = r3.a, s2 = void 0 === i3 ? 1 : i3;
+    if (!t(n3) || !t(a3) || !t(o4)) return null;
+    var h3 = function(r4) {
+      return { h: u(r4.h), s: e(r4.s, 0, 100), v: e(r4.v, 0, 100), a: e(r4.a) };
+    }({ h: Number(n3), s: Number(a3), v: Number(o4), a: Number(s2) });
+    return b(h3);
+  }, "hsv"]] };
+  var N = function(r3, t4) {
+    for (var n3 = 0; n3 < t4.length; n3++) {
+      var e3 = t4[n3][0](r3);
+      if (e3) return [e3, t4[n3][1]];
+    }
+    return [null, void 0];
+  };
+  var x = function(r3) {
+    return "string" == typeof r3 ? N(r3.trim(), y.string) : "object" == typeof r3 && null !== r3 ? N(r3, y.object) : [null, void 0];
+  };
+  var M = function(r3, t4) {
+    var n3 = c(r3);
+    return { h: n3.h, s: e(n3.s + 100 * t4, 0, 100), l: n3.l, a: n3.a };
+  };
+  var H = function(r3) {
+    return (299 * r3.r + 587 * r3.g + 114 * r3.b) / 1e3 / 255;
+  };
+  var $ = function(r3, t4) {
+    var n3 = c(r3);
+    return { h: n3.h, s: n3.s, l: e(n3.l + 100 * t4, 0, 100), a: n3.a };
+  };
+  var j = function() {
+    function r3(r4) {
+      this.parsed = x(r4)[0], this.rgba = this.parsed || { r: 0, g: 0, b: 0, a: 1 };
+    }
+    return r3.prototype.isValid = function() {
+      return null !== this.parsed;
+    }, r3.prototype.brightness = function() {
+      return n(H(this.rgba), 2);
+    }, r3.prototype.isDark = function() {
+      return H(this.rgba) < 0.5;
+    }, r3.prototype.isLight = function() {
+      return H(this.rgba) >= 0.5;
+    }, r3.prototype.toHex = function() {
+      return r4 = o(this.rgba), t4 = r4.r, e3 = r4.g, u3 = r4.b, i3 = (a3 = r4.a) < 1 ? s(n(255 * a3)) : "", "#" + s(t4) + s(e3) + s(u3) + i3;
+      var r4, t4, e3, u3, a3, i3;
+    }, r3.prototype.toRgb = function() {
+      return o(this.rgba);
+    }, r3.prototype.toRgbString = function() {
+      return r4 = o(this.rgba), t4 = r4.r, n3 = r4.g, e3 = r4.b, (u3 = r4.a) < 1 ? "rgba(" + t4 + ", " + n3 + ", " + e3 + ", " + u3 + ")" : "rgb(" + t4 + ", " + n3 + ", " + e3 + ")";
+      var r4, t4, n3, e3, u3;
+    }, r3.prototype.toHsl = function() {
+      return d(c(this.rgba));
+    }, r3.prototype.toHslString = function() {
+      return r4 = d(c(this.rgba)), t4 = r4.h, n3 = r4.s, e3 = r4.l, (u3 = r4.a) < 1 ? "hsla(" + t4 + ", " + n3 + "%, " + e3 + "%, " + u3 + ")" : "hsl(" + t4 + ", " + n3 + "%, " + e3 + "%)";
+      var r4, t4, n3, e3, u3;
+    }, r3.prototype.toHsv = function() {
+      return r4 = h(this.rgba), { h: n(r4.h), s: n(r4.s), v: n(r4.v), a: n(r4.a, 3) };
+      var r4;
+    }, r3.prototype.invert = function() {
+      return w({ r: 255 - (r4 = this.rgba).r, g: 255 - r4.g, b: 255 - r4.b, a: r4.a });
+      var r4;
+    }, r3.prototype.saturate = function(r4) {
+      return void 0 === r4 && (r4 = 0.1), w(M(this.rgba, r4));
+    }, r3.prototype.desaturate = function(r4) {
+      return void 0 === r4 && (r4 = 0.1), w(M(this.rgba, -r4));
+    }, r3.prototype.grayscale = function() {
+      return w(M(this.rgba, -1));
+    }, r3.prototype.lighten = function(r4) {
+      return void 0 === r4 && (r4 = 0.1), w($(this.rgba, r4));
+    }, r3.prototype.darken = function(r4) {
+      return void 0 === r4 && (r4 = 0.1), w($(this.rgba, -r4));
+    }, r3.prototype.rotate = function(r4) {
+      return void 0 === r4 && (r4 = 15), this.hue(this.hue() + r4);
+    }, r3.prototype.alpha = function(r4) {
+      return "number" == typeof r4 ? w({ r: (t4 = this.rgba).r, g: t4.g, b: t4.b, a: r4 }) : n(this.rgba.a, 3);
+      var t4;
+    }, r3.prototype.hue = function(r4) {
+      var t4 = c(this.rgba);
+      return "number" == typeof r4 ? w({ h: r4, s: t4.s, l: t4.l, a: t4.a }) : n(t4.h);
+    }, r3.prototype.isEqual = function(r4) {
+      return this.toHex() === w(r4).toHex();
+    }, r3;
+  }();
+  var w = function(r3) {
+    return r3 instanceof j ? r3 : new j(r3);
+  };
+  var S = [];
+  var k = function(r3) {
+    r3.forEach(function(r4) {
+      S.indexOf(r4) < 0 && (r4(j, y), S.push(r4));
+    });
+  };
+
+  // ../../node_modules/.pnpm/colord@2.9.3/node_modules/colord/plugins/a11y.mjs
+  var o2 = function(o4) {
+    var t4 = o4 / 255;
+    return t4 < 0.04045 ? t4 / 12.92 : Math.pow((t4 + 0.055) / 1.055, 2.4);
+  };
+  var t2 = function(t4) {
+    return 0.2126 * o2(t4.r) + 0.7152 * o2(t4.g) + 0.0722 * o2(t4.b);
+  };
+  function a11y_default(o4) {
+    o4.prototype.luminance = function() {
+      return o5 = t2(this.rgba), void 0 === (r3 = 2) && (r3 = 0), void 0 === n3 && (n3 = Math.pow(10, r3)), Math.round(n3 * o5) / n3 + 0;
+      var o5, r3, n3;
+    }, o4.prototype.contrast = function(r3) {
+      void 0 === r3 && (r3 = "#FFF");
+      var n3, a3, i3, e3, v2, u3, d2, c3 = r3 instanceof o4 ? r3 : new o4(r3);
+      return e3 = this.rgba, v2 = c3.toRgb(), u3 = t2(e3), d2 = t2(v2), n3 = u3 > d2 ? (u3 + 0.05) / (d2 + 0.05) : (d2 + 0.05) / (u3 + 0.05), void 0 === (a3 = 2) && (a3 = 0), void 0 === i3 && (i3 = Math.pow(10, a3)), Math.floor(i3 * n3) / i3 + 0;
+    }, o4.prototype.isReadable = function(o5, t4) {
+      return void 0 === o5 && (o5 = "#FFF"), void 0 === t4 && (t4 = {}), this.contrast(o5) >= (e3 = void 0 === (i3 = (r3 = t4).size) ? "normal" : i3, "AAA" === (a3 = void 0 === (n3 = r3.level) ? "AA" : n3) && "normal" === e3 ? 7 : "AA" === a3 && "large" === e3 ? 3 : 4.5);
+      var r3, n3, a3, i3, e3;
+    };
+  }
+
+  // ../../node_modules/.pnpm/colord@2.9.3/node_modules/colord/plugins/mix.mjs
+  var t3 = function(t4, a3, n3) {
+    return void 0 === a3 && (a3 = 0), void 0 === n3 && (n3 = 1), t4 > n3 ? n3 : t4 > a3 ? t4 : a3;
+  };
+  var a2 = function(t4) {
+    var a3 = t4 / 255;
+    return a3 < 0.04045 ? a3 / 12.92 : Math.pow((a3 + 0.055) / 1.055, 2.4);
+  };
+  var n2 = function(t4) {
+    return 255 * (t4 > 31308e-7 ? 1.055 * Math.pow(t4, 1 / 2.4) - 0.055 : 12.92 * t4);
+  };
+  var r2 = 96.422;
+  var o3 = 100;
+  var u2 = 82.521;
+  var e2 = function(a3) {
+    var r3, o4, u3 = { x: 0.9555766 * (r3 = a3).x + -0.0230393 * r3.y + 0.0631636 * r3.z, y: -0.0282895 * r3.x + 1.0099416 * r3.y + 0.0210077 * r3.z, z: 0.0122982 * r3.x + -0.020483 * r3.y + 1.3299098 * r3.z };
+    return o4 = { r: n2(0.032404542 * u3.x - 0.015371385 * u3.y - 4985314e-9 * u3.z), g: n2(-969266e-8 * u3.x + 0.018760108 * u3.y + 41556e-8 * u3.z), b: n2(556434e-9 * u3.x - 2040259e-9 * u3.y + 0.010572252 * u3.z), a: a3.a }, { r: t3(o4.r, 0, 255), g: t3(o4.g, 0, 255), b: t3(o4.b, 0, 255), a: t3(o4.a) };
+  };
+  var i2 = function(n3) {
+    var e3 = a2(n3.r), i3 = a2(n3.g), p3 = a2(n3.b);
+    return function(a3) {
+      return { x: t3(a3.x, 0, r2), y: t3(a3.y, 0, o3), z: t3(a3.z, 0, u2), a: t3(a3.a) };
+    }(function(t4) {
+      return { x: 1.0478112 * t4.x + 0.0228866 * t4.y + -0.050127 * t4.z, y: 0.0295424 * t4.x + 0.9904844 * t4.y + -0.0170491 * t4.z, z: -92345e-7 * t4.x + 0.0150436 * t4.y + 0.7521316 * t4.z, a: t4.a };
+    }({ x: 100 * (0.4124564 * e3 + 0.3575761 * i3 + 0.1804375 * p3), y: 100 * (0.2126729 * e3 + 0.7151522 * i3 + 0.072175 * p3), z: 100 * (0.0193339 * e3 + 0.119192 * i3 + 0.9503041 * p3), a: n3.a }));
+  };
+  var p2 = 216 / 24389;
+  var h2 = 24389 / 27;
+  var f2 = function(t4) {
+    var a3 = i2(t4), n3 = a3.x / r2, e3 = a3.y / o3, f3 = a3.z / u2;
+    return n3 = n3 > p2 ? Math.cbrt(n3) : (h2 * n3 + 16) / 116, { l: 116 * (e3 = e3 > p2 ? Math.cbrt(e3) : (h2 * e3 + 16) / 116) - 16, a: 500 * (n3 - e3), b: 200 * (e3 - (f3 = f3 > p2 ? Math.cbrt(f3) : (h2 * f3 + 16) / 116)), alpha: a3.a };
+  };
+  var c2 = function(a3, n3, i3) {
+    var c3, y2 = f2(a3), x2 = f2(n3);
+    return function(t4) {
+      var a4 = (t4.l + 16) / 116, n4 = t4.a / 500 + a4, i4 = a4 - t4.b / 200;
+      return e2({ x: (Math.pow(n4, 3) > p2 ? Math.pow(n4, 3) : (116 * n4 - 16) / h2) * r2, y: (t4.l > 8 ? Math.pow((t4.l + 16) / 116, 3) : t4.l / h2) * o3, z: (Math.pow(i4, 3) > p2 ? Math.pow(i4, 3) : (116 * i4 - 16) / h2) * u2, a: t4.alpha });
+    }({ l: t3((c3 = { l: y2.l * (1 - i3) + x2.l * i3, a: y2.a * (1 - i3) + x2.a * i3, b: y2.b * (1 - i3) + x2.b * i3, alpha: y2.alpha * (1 - i3) + x2.alpha * i3 }).l, 0, 400), a: c3.a, b: c3.b, alpha: t3(c3.alpha) });
+  };
+  function mix_default(t4) {
+    function a3(t5, a4, n3) {
+      void 0 === n3 && (n3 = 5);
+      for (var r3 = [], o4 = 1 / (n3 - 1), u3 = 0; u3 <= n3 - 1; u3++) r3.push(t5.mix(a4, o4 * u3));
+      return r3;
+    }
+    t4.prototype.mix = function(a4, n3) {
+      void 0 === n3 && (n3 = 0.5);
+      var r3 = a4 instanceof t4 ? a4 : new t4(a4), o4 = c2(this.toRgb(), r3.toRgb(), n3);
+      return new t4(o4);
+    }, t4.prototype.tints = function(t5) {
+      return a3(this, "#fff", t5);
+    }, t4.prototype.shades = function(t5) {
+      return a3(this, "#000", t5);
+    }, t4.prototype.tones = function(t5) {
+      return a3(this, "#808080", t5);
+    };
+  }
+
+  // src/index.ts
+  k([a11y_default, mix_default]);
+  function rgbToHex({ r: r3, g: g2, b: b2, a: a3 }) {
+    return w({ r: r3, g: g2, b: b2, a: a3 }).toHex();
+  }
+  function hexToRgb(hex) {
+    return w(hex).toRgb();
+  }
+  function hsvToRgb({ h: h3, s: s2, v: v2, a: a3 }) {
+    return w({ h: h3, s: s2, v: v2, a: a3 }).toRgb();
+  }
+  function rgbToHsv({ r: r3, g: g2, b: b2, a: a3 }) {
+    return w({ r: r3, b: b2, g: g2, a: a3 }).toHsv();
+  }
+  function textToRgb(str) {
+    return w(str).toRgb();
+  }
+  function lighten(color, percent) {
+    return w(color).lighten(percent).toHex();
+  }
+  function luminance(color) {
+    return w(color).luminance();
+  }
+  function brightness(color) {
+    return w(color).brightness();
+  }
+  function blend(fgColor, bgColor) {
+    return w(fgColor).mix(bgColor);
+  }
+  function changeAlpha(color, alpha) {
+    return w(color).alpha(alpha).toHex();
+  }
+  var hueStep = 2;
+  var saturationStep = 16;
+  var saturationStep2 = 5;
+  var brightnessStep1 = 5;
+  var brightnessStep2 = 15;
+  var lightColorCount = 5;
+  var darkColorCount = 4;
+  function colorPalette(color, index) {
+    if (typeof color !== "string" && (!color || color.r === void 0))
+      throw new TypeError("Expected a string or a {r, g, b} object as color");
+    const rgb = typeof color === "string" ? textToRgb(color) : color;
+    const oldHsv = w(rgb).toHsv();
+    if (index === 6)
+      return rgbToHex(rgb);
+    const light = index < 6;
+    const i3 = light ? lightColorCount + 1 - index : index - lightColorCount - 1;
+    const newHsv = {
+      h: hue(oldHsv, i3, light),
+      s: saturation(oldHsv, i3, light),
+      v: value(oldHsv, i3, light),
+      a: oldHsv.a
+    };
+    return w(newHsv).toHex();
+  }
+  function hue(hsv, i3, isLight) {
+    let hue2;
+    if (hsv.h >= 60 && hsv.h <= 240) {
+      hue2 = isLight ? hsv.h - hueStep * i3 : hsv.h + hueStep * i3;
+    } else {
+      hue2 = isLight ? hsv.h + hueStep * i3 : hsv.h - hueStep * i3;
+    }
+    if (hue2 < 0)
+      hue2 += 360;
+    else if (hue2 >= 360)
+      hue2 -= 360;
+    return hue2;
+  }
+  function saturation(hsv, i3, isLight) {
+    let saturation2;
+    if (isLight)
+      saturation2 = hsv.s - saturationStep * i3;
+    else if (i3 === darkColorCount)
+      saturation2 = hsv.s + saturationStep;
+    else saturation2 = hsv.s + saturationStep2 * i3;
+    if (saturation2 > 100)
+      saturation2 = 100;
+    if (isLight && i3 === lightColorCount && saturation2 > 10)
+      saturation2 = 10;
+    if (saturation2 < 6)
+      saturation2 = 6;
+    return saturation2;
+  }
+  function value(hsv, i3, isLight) {
+    let value2;
+    value2 = isLight ? hsv.v + brightnessStep1 * i3 : hsv.v - brightnessStep2 * i3;
+    if (value2 > 100)
+      value2 = 100;
+    return value2;
+  }
+})();

package/dist/{index.mjs → index.js}

@@ -76,8 +76,7 @@ function saturation(hsv, i, isLight) {
     saturation2 = hsv.s - saturationStep * i;
   else if (i === darkColorCount)
     saturation2 = hsv.s + saturationStep;
-  else
-    saturation2 = hsv.s + saturationStep2 * i;
+  else saturation2 = hsv.s + saturationStep2 * i;
   if (saturation2 > 100)
     saturation2 = 100;
   if (isLight && i === lightColorCount && saturation2 > 10)

package/package.json

@@ -1,10 +1,22 @@
 {
   "name": "@hairy/palette",
-  "version": "0.3.12",
+  "type": "module",
+  "version": "1.5.0",
+  "description": "Library for color palette",
+  "author": "Hairyf <wwu710632@gmail.com>",
   "license": "MIT",
-  "main": "./dist/index.cjs",
+  "funding": "https://github.com/sponsors/hairyf",
+  "homepage": "https://github.com/hairyf/hairylib#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hairyf/hairylib.git"
+  },
+  "bugs": "https://github.com/hairyf/hairylib/issues",
+  "keywords": [],
+  "sideEffects": false,
+  "main": "./dist/index.js",
   "publishConfig": {
-    "jsdelivr": "./dist/index.iife.min.js"
+    "jsdelivr": "./dist/index.global.js"
   },
   "files": [
     "dist"
@@ -13,14 +25,16 @@
     "colord": "^2.9.3"
   },
   "scripts": {
-    "build": "ptsup src/index.ts --dts"
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "start": "tsx src/index.ts"
   },
-  "module": "./dist/index.mjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "unpkg": "./dist/index.iife.min.js",
+  "unpkg": "./dist/index.global.js",
   "exports": {
     ".": {
-      "import": "./dist/index.mjs",
+      "import": "./dist/index.js",
       "require": "./dist/index.cjs",
       "types": "./dist/index.d.ts"
     },