@zag-js/color-utils 0.10.4 → 0.11.0

package/dist/hsb-color.js

@@ -1,111 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const color = require('./color.js');
-const hslColor = require('./hsl-color.js');
-const rgbColor = require('./rgb-color.js');
-const utils = require('./utils.js');
-
-const HSB_REGEX = /hsb\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsba\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/;
-class HSBColor extends color.Color {
-  constructor(hue, saturation, brightness, alpha) {
-    super();
-    this.hue = hue;
-    this.saturation = saturation;
-    this.brightness = brightness;
-    this.alpha = alpha;
-  }
-  static parse(value) {
-    let m;
-    if (m = value.match(HSB_REGEX)) {
-      const [h, s, b, a] = (m[1] ?? m[2]).split(",").map((n) => Number(n.trim().replace("%", "")));
-      return new HSBColor(utils.mod(h, 360), utils.clampValue(s, 0, 100), utils.clampValue(b, 0, 100), utils.clampValue(a ?? 1, 0, 1));
-    }
-  }
-  toString(format) {
-    switch (format) {
-      case "css":
-        return this.toHSL().toString("css");
-      case "hex":
-        return this.toRGB().toString("hex");
-      case "hexa":
-        return this.toRGB().toString("hexa");
-      case "hsb":
-        return `hsb(${this.hue}, ${utils.toFixedNumber(this.saturation, 2)}%, ${utils.toFixedNumber(this.brightness, 2)}%)`;
-      case "hsba":
-        return `hsba(${this.hue}, ${utils.toFixedNumber(this.saturation, 2)}%, ${utils.toFixedNumber(this.brightness, 2)}%, ${this.alpha})`;
-      default:
-        return this.toFormat(format).toString(format);
-    }
-  }
-  toFormat(format) {
-    switch (format) {
-      case "hsb":
-      case "hsba":
-        return this;
-      case "hsl":
-      case "hsla":
-        return this.toHSL();
-      case "rgb":
-      case "rgba":
-        return this.toRGB();
-      default:
-        throw new Error("Unsupported color conversion: hsb -> " + format);
-    }
-  }
-  /**
-   * Converts a HSB color to HSL.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSV_to_HSL.
-   * @returns An HSLColor object.
-   */
-  toHSL() {
-    let saturation = this.saturation / 100;
-    let brightness = this.brightness / 100;
-    let lightness = brightness * (1 - saturation / 2);
-    saturation = lightness === 0 || lightness === 1 ? 0 : (brightness - lightness) / Math.min(lightness, 1 - lightness);
-    return new hslColor.HSLColor(
-      utils.toFixedNumber(this.hue, 2),
-      utils.toFixedNumber(saturation * 100, 2),
-      utils.toFixedNumber(lightness * 100, 2),
-      this.alpha
-    );
-  }
-  /**
-   * Converts a HSV color value to RGB.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSV_to_RGB_alternative.
-   * @returns An RGBColor object.
-   */
-  toRGB() {
-    let hue = this.hue;
-    let saturation = this.saturation / 100;
-    let brightness = this.brightness / 100;
-    let fn = (n, k = (n + hue / 60) % 6) => brightness - saturation * brightness * Math.max(Math.min(k, 4 - k, 1), 0);
-    return new rgbColor.RGBColor(Math.round(fn(5) * 255), Math.round(fn(3) * 255), Math.round(fn(1) * 255), this.alpha);
-  }
-  clone() {
-    return new HSBColor(this.hue, this.saturation, this.brightness, this.alpha);
-  }
-  getChannelRange(channel) {
-    switch (channel) {
-      case "hue":
-        return { minValue: 0, maxValue: 360, step: 1, pageSize: 15 };
-      case "saturation":
-      case "brightness":
-        return { minValue: 0, maxValue: 100, step: 1, pageSize: 10 };
-      case "alpha":
-        return { minValue: 0, maxValue: 1, step: 0.01, pageSize: 0.1 };
-      default:
-        throw new Error("Unknown color channel: " + channel);
-    }
-  }
-  getColorSpace() {
-    return "hsb";
-  }
-  static colorChannels = ["hue", "saturation", "brightness"];
-  getColorChannels() {
-    return HSBColor.colorChannels;
-  }
-}
-
-exports.HSBColor = HSBColor;

package/dist/hsb-color.mjs

@@ -1,107 +0,0 @@
-import { Color } from './color.mjs';
-import { HSLColor } from './hsl-color.mjs';
-import { RGBColor } from './rgb-color.mjs';
-import { mod, clampValue, toFixedNumber } from './utils.mjs';
-
-const HSB_REGEX = /hsb\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsba\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/;
-class HSBColor extends Color {
-  constructor(hue, saturation, brightness, alpha) {
-    super();
-    this.hue = hue;
-    this.saturation = saturation;
-    this.brightness = brightness;
-    this.alpha = alpha;
-  }
-  static parse(value) {
-    let m;
-    if (m = value.match(HSB_REGEX)) {
-      const [h, s, b, a] = (m[1] ?? m[2]).split(",").map((n) => Number(n.trim().replace("%", "")));
-      return new HSBColor(mod(h, 360), clampValue(s, 0, 100), clampValue(b, 0, 100), clampValue(a ?? 1, 0, 1));
-    }
-  }
-  toString(format) {
-    switch (format) {
-      case "css":
-        return this.toHSL().toString("css");
-      case "hex":
-        return this.toRGB().toString("hex");
-      case "hexa":
-        return this.toRGB().toString("hexa");
-      case "hsb":
-        return `hsb(${this.hue}, ${toFixedNumber(this.saturation, 2)}%, ${toFixedNumber(this.brightness, 2)}%)`;
-      case "hsba":
-        return `hsba(${this.hue}, ${toFixedNumber(this.saturation, 2)}%, ${toFixedNumber(this.brightness, 2)}%, ${this.alpha})`;
-      default:
-        return this.toFormat(format).toString(format);
-    }
-  }
-  toFormat(format) {
-    switch (format) {
-      case "hsb":
-      case "hsba":
-        return this;
-      case "hsl":
-      case "hsla":
-        return this.toHSL();
-      case "rgb":
-      case "rgba":
-        return this.toRGB();
-      default:
-        throw new Error("Unsupported color conversion: hsb -> " + format);
-    }
-  }
-  /**
-   * Converts a HSB color to HSL.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSV_to_HSL.
-   * @returns An HSLColor object.
-   */
-  toHSL() {
-    let saturation = this.saturation / 100;
-    let brightness = this.brightness / 100;
-    let lightness = brightness * (1 - saturation / 2);
-    saturation = lightness === 0 || lightness === 1 ? 0 : (brightness - lightness) / Math.min(lightness, 1 - lightness);
-    return new HSLColor(
-      toFixedNumber(this.hue, 2),
-      toFixedNumber(saturation * 100, 2),
-      toFixedNumber(lightness * 100, 2),
-      this.alpha
-    );
-  }
-  /**
-   * Converts a HSV color value to RGB.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSV_to_RGB_alternative.
-   * @returns An RGBColor object.
-   */
-  toRGB() {
-    let hue = this.hue;
-    let saturation = this.saturation / 100;
-    let brightness = this.brightness / 100;
-    let fn = (n, k = (n + hue / 60) % 6) => brightness - saturation * brightness * Math.max(Math.min(k, 4 - k, 1), 0);
-    return new RGBColor(Math.round(fn(5) * 255), Math.round(fn(3) * 255), Math.round(fn(1) * 255), this.alpha);
-  }
-  clone() {
-    return new HSBColor(this.hue, this.saturation, this.brightness, this.alpha);
-  }
-  getChannelRange(channel) {
-    switch (channel) {
-      case "hue":
-        return { minValue: 0, maxValue: 360, step: 1, pageSize: 15 };
-      case "saturation":
-      case "brightness":
-        return { minValue: 0, maxValue: 100, step: 1, pageSize: 10 };
-      case "alpha":
-        return { minValue: 0, maxValue: 1, step: 0.01, pageSize: 0.1 };
-      default:
-        throw new Error("Unknown color channel: " + channel);
-    }
-  }
-  getColorSpace() {
-    return "hsb";
-  }
-  static colorChannels = ["hue", "saturation", "brightness"];
-  getColorChannels() {
-    return HSBColor.colorChannels;
-  }
-}
-
-export { HSBColor };

package/dist/hsl-color.d.ts

@@ -1,30 +0,0 @@
-import { Color } from "./color";
-import { ColorChannel, ColorChannelRange, ColorFormat, ColorType } from "./types";
-export declare const HSL_REGEX: RegExp;
-export declare class HSLColor extends Color {
-    private hue;
-    private saturation;
-    private lightness;
-    private alpha;
-    constructor(hue: number, saturation: number, lightness: number, alpha: number);
-    static parse(value: string): HSLColor | void;
-    toString(format: ColorFormat | "css"): string;
-    toFormat(format: ColorFormat): ColorType;
-    /**
-     * Converts a HSL color to HSB.
-     * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_HSV.
-     * @returns An HSBColor object.
-     */
-    private toHSB;
-    /**
-     * Converts a HSL color to RGB.
-     * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_RGB_alternative.
-     * @returns An RGBColor object.
-     */
-    private toRGB;
-    clone(): ColorType;
-    getChannelRange(channel: ColorChannel): ColorChannelRange;
-    getColorSpace(): ColorFormat;
-    private static colorChannels;
-    getColorChannels(): [ColorChannel, ColorChannel, ColorChannel];
-}

package/dist/hsl-color.js

@@ -1,112 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const color = require('./color.js');
-const hsbColor = require('./hsb-color.js');
-const rgbColor = require('./rgb-color.js');
-const utils = require('./utils.js');
-
-const HSL_REGEX = /hsl\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsla\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/;
-class HSLColor extends color.Color {
-  constructor(hue, saturation, lightness, alpha) {
-    super();
-    this.hue = hue;
-    this.saturation = saturation;
-    this.lightness = lightness;
-    this.alpha = alpha;
-  }
-  static parse(value) {
-    let m;
-    if (m = value.match(HSL_REGEX)) {
-      const [h, s, l, a] = (m[1] ?? m[2]).split(",").map((n) => Number(n.trim().replace("%", "")));
-      return new HSLColor(utils.mod(h, 360), utils.clampValue(s, 0, 100), utils.clampValue(l, 0, 100), utils.clampValue(a ?? 1, 0, 1));
-    }
-  }
-  toString(format) {
-    switch (format) {
-      case "hex":
-        return this.toRGB().toString("hex");
-      case "hexa":
-        return this.toRGB().toString("hexa");
-      case "hsl":
-        return `hsl(${this.hue}, ${utils.toFixedNumber(this.saturation, 2)}%, ${utils.toFixedNumber(this.lightness, 2)}%)`;
-      case "css":
-      case "hsla":
-        return `hsla(${this.hue}, ${utils.toFixedNumber(this.saturation, 2)}%, ${utils.toFixedNumber(this.lightness, 2)}%, ${this.alpha})`;
-      default:
-        return this.toFormat(format).toString(format);
-    }
-  }
-  toFormat(format) {
-    switch (format) {
-      case "hsl":
-      case "hsla":
-        return this;
-      case "hsb":
-      case "hsba":
-        return this.toHSB();
-      case "rgb":
-      case "rgba":
-        return this.toRGB();
-      default:
-        throw new Error("Unsupported color conversion: hsl -> " + format);
-    }
-  }
-  /**
-   * Converts a HSL color to HSB.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_HSV.
-   * @returns An HSBColor object.
-   */
-  toHSB() {
-    let saturation = this.saturation / 100;
-    let lightness = this.lightness / 100;
-    let brightness = lightness + saturation * Math.min(lightness, 1 - lightness);
-    saturation = brightness === 0 ? 0 : 2 * (1 - lightness / brightness);
-    return new hsbColor.HSBColor(
-      utils.toFixedNumber(this.hue, 2),
-      utils.toFixedNumber(saturation * 100, 2),
-      utils.toFixedNumber(brightness * 100, 2),
-      this.alpha
-    );
-  }
-  /**
-   * Converts a HSL color to RGB.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_RGB_alternative.
-   * @returns An RGBColor object.
-   */
-  toRGB() {
-    let hue = this.hue;
-    let saturation = this.saturation / 100;
-    let lightness = this.lightness / 100;
-    let a = saturation * Math.min(lightness, 1 - lightness);
-    let fn = (n, k = (n + hue / 30) % 12) => lightness - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-    return new rgbColor.RGBColor(Math.round(fn(0) * 255), Math.round(fn(8) * 255), Math.round(fn(4) * 255), this.alpha);
-  }
-  clone() {
-    return new HSLColor(this.hue, this.saturation, this.lightness, this.alpha);
-  }
-  getChannelRange(channel) {
-    switch (channel) {
-      case "hue":
-        return { minValue: 0, maxValue: 360, step: 1, pageSize: 15 };
-      case "saturation":
-      case "lightness":
-        return { minValue: 0, maxValue: 100, step: 1, pageSize: 10 };
-      case "alpha":
-        return { minValue: 0, maxValue: 1, step: 0.01, pageSize: 0.1 };
-      default:
-        throw new Error("Unknown color channel: " + channel);
-    }
-  }
-  getColorSpace() {
-    return "hsl";
-  }
-  static colorChannels = ["hue", "saturation", "lightness"];
-  getColorChannels() {
-    return HSLColor.colorChannels;
-  }
-}
-
-exports.HSLColor = HSLColor;
-exports.HSL_REGEX = HSL_REGEX;

package/dist/hsl-color.mjs

@@ -1,107 +0,0 @@
-import { Color } from './color.mjs';
-import { HSBColor } from './hsb-color.mjs';
-import { RGBColor } from './rgb-color.mjs';
-import { mod, clampValue, toFixedNumber } from './utils.mjs';
-
-const HSL_REGEX = /hsl\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsla\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/;
-class HSLColor extends Color {
-  constructor(hue, saturation, lightness, alpha) {
-    super();
-    this.hue = hue;
-    this.saturation = saturation;
-    this.lightness = lightness;
-    this.alpha = alpha;
-  }
-  static parse(value) {
-    let m;
-    if (m = value.match(HSL_REGEX)) {
-      const [h, s, l, a] = (m[1] ?? m[2]).split(",").map((n) => Number(n.trim().replace("%", "")));
-      return new HSLColor(mod(h, 360), clampValue(s, 0, 100), clampValue(l, 0, 100), clampValue(a ?? 1, 0, 1));
-    }
-  }
-  toString(format) {
-    switch (format) {
-      case "hex":
-        return this.toRGB().toString("hex");
-      case "hexa":
-        return this.toRGB().toString("hexa");
-      case "hsl":
-        return `hsl(${this.hue}, ${toFixedNumber(this.saturation, 2)}%, ${toFixedNumber(this.lightness, 2)}%)`;
-      case "css":
-      case "hsla":
-        return `hsla(${this.hue}, ${toFixedNumber(this.saturation, 2)}%, ${toFixedNumber(this.lightness, 2)}%, ${this.alpha})`;
-      default:
-        return this.toFormat(format).toString(format);
-    }
-  }
-  toFormat(format) {
-    switch (format) {
-      case "hsl":
-      case "hsla":
-        return this;
-      case "hsb":
-      case "hsba":
-        return this.toHSB();
-      case "rgb":
-      case "rgba":
-        return this.toRGB();
-      default:
-        throw new Error("Unsupported color conversion: hsl -> " + format);
-    }
-  }
-  /**
-   * Converts a HSL color to HSB.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_HSV.
-   * @returns An HSBColor object.
-   */
-  toHSB() {
-    let saturation = this.saturation / 100;
-    let lightness = this.lightness / 100;
-    let brightness = lightness + saturation * Math.min(lightness, 1 - lightness);
-    saturation = brightness === 0 ? 0 : 2 * (1 - lightness / brightness);
-    return new HSBColor(
-      toFixedNumber(this.hue, 2),
-      toFixedNumber(saturation * 100, 2),
-      toFixedNumber(brightness * 100, 2),
-      this.alpha
-    );
-  }
-  /**
-   * Converts a HSL color to RGB.
-   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_RGB_alternative.
-   * @returns An RGBColor object.
-   */
-  toRGB() {
-    let hue = this.hue;
-    let saturation = this.saturation / 100;
-    let lightness = this.lightness / 100;
-    let a = saturation * Math.min(lightness, 1 - lightness);
-    let fn = (n, k = (n + hue / 30) % 12) => lightness - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-    return new RGBColor(Math.round(fn(0) * 255), Math.round(fn(8) * 255), Math.round(fn(4) * 255), this.alpha);
-  }
-  clone() {
-    return new HSLColor(this.hue, this.saturation, this.lightness, this.alpha);
-  }
-  getChannelRange(channel) {
-    switch (channel) {
-      case "hue":
-        return { minValue: 0, maxValue: 360, step: 1, pageSize: 15 };
-      case "saturation":
-      case "lightness":
-        return { minValue: 0, maxValue: 100, step: 1, pageSize: 10 };
-      case "alpha":
-        return { minValue: 0, maxValue: 1, step: 0.01, pageSize: 0.1 };
-      default:
-        throw new Error("Unknown color channel: " + channel);
-    }
-  }
-  getColorSpace() {
-    return "hsl";
-  }
-  static colorChannels = ["hue", "saturation", "lightness"];
-  getColorChannels() {
-    return HSLColor.colorChannels;
-  }
-}
-
-export { HSLColor, HSL_REGEX };

package/dist/parse-color.d.ts

@@ -1,3 +0,0 @@
-import { ColorType } from "./types";
-export declare function parseColor(value: string): ColorType;
-export declare function normalizeColor(v: string | ColorType): ColorType;

package/dist/parse-color.js

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const hsbColor = require('./hsb-color.js');
-const hslColor = require('./hsl-color.js');
-const rgbColor = require('./rgb-color.js');
-
-function parseColor(value) {
-  let result = rgbColor.RGBColor.parse(value) || hsbColor.HSBColor.parse(value) || hslColor.HSLColor.parse(value);
-  if (!result) {
-    throw new Error("Invalid color value: " + value);
-  }
-  return result;
-}
-function normalizeColor(v) {
-  if (typeof v === "string") {
-    return parseColor(v);
-  } else {
-    return v;
-  }
-}
-
-exports.normalizeColor = normalizeColor;
-exports.parseColor = parseColor;

package/dist/parse-color.mjs

@@ -1,20 +0,0 @@
-import { HSBColor } from './hsb-color.mjs';
-import { HSLColor } from './hsl-color.mjs';
-import { RGBColor } from './rgb-color.mjs';
-
-function parseColor(value) {
-  let result = RGBColor.parse(value) || HSBColor.parse(value) || HSLColor.parse(value);
-  if (!result) {
-    throw new Error("Invalid color value: " + value);
-  }
-  return result;
-}
-function normalizeColor(v) {
-  if (typeof v === "string") {
-    return parseColor(v);
-  } else {
-    return v;
-  }
-}
-
-export { normalizeColor, parseColor };

package/dist/rgb-color.d.ts

@@ -1,30 +0,0 @@
-import { Color } from "./color";
-import { ColorChannel, ColorChannelRange, ColorFormat, ColorType } from "./types";
-export declare class RGBColor extends Color {
-    private red;
-    private green;
-    private blue;
-    private alpha;
-    constructor(red: number, green: number, blue: number, alpha: number);
-    static parse(value: string): RGBColor | undefined;
-    toString(format: ColorFormat | "css"): string;
-    toFormat(format: ColorFormat): ColorType;
-    toHexInt(): number;
-    /**
-     * Converts an RGB color value to HSB.
-     * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#From_RGB.
-     * @returns An HSBColor object.
-     */
-    private toHSB;
-    /**
-     * Converts an RGB color value to HSL.
-     * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#From_RGB.
-     * @returns An HSLColor object.
-     */
-    private toHSL;
-    clone(): ColorType;
-    getChannelRange(channel: ColorChannel): ColorChannelRange;
-    getColorSpace(): ColorFormat;
-    private static colorChannels;
-    getColorChannels(): [ColorChannel, ColorChannel, ColorChannel];
-}