@zag-js/color-utils 0.10.5 → 0.11.1

package/dist/rgb-color.js

@@ -1,166 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const color = require('./color.js');
-const hsbColor = require('./hsb-color.js');
-const hslColor = require('./hsl-color.js');
-const utils = require('./utils.js');
-
-class RGBColor extends color.Color {
-  constructor(red, green, blue, alpha) {
-    super();
-    this.red = red;
-    this.green = green;
-    this.blue = blue;
-    this.alpha = alpha;
-  }
-  static parse(value) {
-    let colors = [];
-    if (/^#[\da-f]+$/i.test(value) && [4, 5, 7, 9].includes(value.length)) {
-      const values = (value.length < 6 ? value.replace(/[^#]/gi, "$&$&") : value).slice(1).split("");
-      while (values.length > 0) {
-        colors.push(parseInt(values.splice(0, 2).join(""), 16));
-      }
-      colors[3] = colors[3] !== void 0 ? colors[3] / 255 : void 0;
-    }
-    const match = value.match(/^rgba?\((.*)\)$/);
-    if (match?.[1]) {
-      colors = match[1].split(",").map((value2) => Number(value2.trim())).map((num, i) => utils.clampValue(num, 0, i < 3 ? 255 : 1));
-    }
-    return colors.length < 3 ? void 0 : new RGBColor(colors[0], colors[1], colors[2], colors[3] ?? 1);
-  }
-  toString(format) {
-    switch (format) {
-      case "hex":
-        return "#" + (this.red.toString(16).padStart(2, "0") + this.green.toString(16).padStart(2, "0") + this.blue.toString(16).padStart(2, "0")).toUpperCase();
-      case "hexa":
-        return "#" + (this.red.toString(16).padStart(2, "0") + this.green.toString(16).padStart(2, "0") + this.blue.toString(16).padStart(2, "0") + Math.round(this.alpha * 255).toString(16).padStart(2, "0")).toUpperCase();
-      case "rgb":
-        return `rgb(${this.red}, ${this.green}, ${this.blue})`;
-      case "css":
-      case "rgba":
-        return `rgba(${this.red}, ${this.green}, ${this.blue}, ${this.alpha})`;
-      default:
-        return this.toFormat(format).toString(format);
-    }
-  }
-  toFormat(format) {
-    switch (format) {
-      case "hex":
-      case "hexa":
-      case "rgb":
-      case "rgba":
-        return this;
-      case "hsb":
-      case "hsba":
-        return this.toHSB();
-      case "hsl":
-      case "hsla":
-        return this.toHSL();
-      default:
-        throw new Error("Unsupported color conversion: rgb -> " + format);
-    }
-  }
-  toHexInt() {
-    return this.red << 16 | this.green << 8 | this.blue;
-  }
-  /**
-   * 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.
-   */
-  toHSB() {
-    const red = this.red / 255;
-    const green = this.green / 255;
-    const blue = this.blue / 255;
-    const min = Math.min(red, green, blue);
-    const brightness = Math.max(red, green, blue);
-    const chroma = brightness - min;
-    const saturation = brightness === 0 ? 0 : chroma / brightness;
-    let hue = 0;
-    if (chroma !== 0) {
-      switch (brightness) {
-        case red:
-          hue = (green - blue) / chroma + (green < blue ? 6 : 0);
-          break;
-        case green:
-          hue = (blue - red) / chroma + 2;
-          break;
-        case blue:
-          hue = (red - green) / chroma + 4;
-          break;
-      }
-      hue /= 6;
-    }
-    return new hsbColor.HSBColor(
-      utils.toFixedNumber(hue * 360, 2),
-      utils.toFixedNumber(saturation * 100, 2),
-      utils.toFixedNumber(brightness * 100, 2),
-      this.alpha
-    );
-  }
-  /**
-   * 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.
-   */
-  toHSL() {
-    const red = this.red / 255;
-    const green = this.green / 255;
-    const blue = this.blue / 255;
-    const min = Math.min(red, green, blue);
-    const max = Math.max(red, green, blue);
-    const lightness = (max + min) / 2;
-    const chroma = max - min;
-    let hue = -1;
-    let saturation = -1;
-    if (chroma === 0) {
-      hue = saturation = 0;
-    } else {
-      saturation = chroma / (lightness < 0.5 ? max + min : 2 - max - min);
-      switch (max) {
-        case red:
-          hue = (green - blue) / chroma + (green < blue ? 6 : 0);
-          break;
-        case green:
-          hue = (blue - red) / chroma + 2;
-          break;
-        case blue:
-          hue = (red - green) / chroma + 4;
-          break;
-      }
-      hue /= 6;
-    }
-    return new hslColor.HSLColor(
-      utils.toFixedNumber(hue * 360, 2),
-      utils.toFixedNumber(saturation * 100, 2),
-      utils.toFixedNumber(lightness * 100, 2),
-      this.alpha
-    );
-  }
-  clone() {
-    return new RGBColor(this.red, this.green, this.blue, this.alpha);
-  }
-  getChannelRange(channel) {
-    switch (channel) {
-      case "red":
-      case "green":
-      case "blue":
-        return { minValue: 0, maxValue: 255, step: 1, pageSize: 17 };
-      case "alpha":
-        return { minValue: 0, maxValue: 1, step: 0.01, pageSize: 0.1 };
-      default:
-        throw new Error("Unknown color channel: " + channel);
-    }
-  }
-  getColorSpace() {
-    return "rgb";
-  }
-  static colorChannels = ["red", "green", "blue"];
-  getColorChannels() {
-    return RGBColor.colorChannels;
-  }
-}
-
-exports.RGBColor = RGBColor;

package/dist/rgb-color.mjs

@@ -1,162 +0,0 @@
-import { Color } from './color.mjs';
-import { HSBColor } from './hsb-color.mjs';
-import { HSLColor } from './hsl-color.mjs';
-import { clampValue, toFixedNumber } from './utils.mjs';
-
-class RGBColor extends Color {
-  constructor(red, green, blue, alpha) {
-    super();
-    this.red = red;
-    this.green = green;
-    this.blue = blue;
-    this.alpha = alpha;
-  }
-  static parse(value) {
-    let colors = [];
-    if (/^#[\da-f]+$/i.test(value) && [4, 5, 7, 9].includes(value.length)) {
-      const values = (value.length < 6 ? value.replace(/[^#]/gi, "$&$&") : value).slice(1).split("");
-      while (values.length > 0) {
-        colors.push(parseInt(values.splice(0, 2).join(""), 16));
-      }
-      colors[3] = colors[3] !== void 0 ? colors[3] / 255 : void 0;
-    }
-    const match = value.match(/^rgba?\((.*)\)$/);
-    if (match?.[1]) {
-      colors = match[1].split(",").map((value2) => Number(value2.trim())).map((num, i) => clampValue(num, 0, i < 3 ? 255 : 1));
-    }
-    return colors.length < 3 ? void 0 : new RGBColor(colors[0], colors[1], colors[2], colors[3] ?? 1);
-  }
-  toString(format) {
-    switch (format) {
-      case "hex":
-        return "#" + (this.red.toString(16).padStart(2, "0") + this.green.toString(16).padStart(2, "0") + this.blue.toString(16).padStart(2, "0")).toUpperCase();
-      case "hexa":
-        return "#" + (this.red.toString(16).padStart(2, "0") + this.green.toString(16).padStart(2, "0") + this.blue.toString(16).padStart(2, "0") + Math.round(this.alpha * 255).toString(16).padStart(2, "0")).toUpperCase();
-      case "rgb":
-        return `rgb(${this.red}, ${this.green}, ${this.blue})`;
-      case "css":
-      case "rgba":
-        return `rgba(${this.red}, ${this.green}, ${this.blue}, ${this.alpha})`;
-      default:
-        return this.toFormat(format).toString(format);
-    }
-  }
-  toFormat(format) {
-    switch (format) {
-      case "hex":
-      case "hexa":
-      case "rgb":
-      case "rgba":
-        return this;
-      case "hsb":
-      case "hsba":
-        return this.toHSB();
-      case "hsl":
-      case "hsla":
-        return this.toHSL();
-      default:
-        throw new Error("Unsupported color conversion: rgb -> " + format);
-    }
-  }
-  toHexInt() {
-    return this.red << 16 | this.green << 8 | this.blue;
-  }
-  /**
-   * 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.
-   */
-  toHSB() {
-    const red = this.red / 255;
-    const green = this.green / 255;
-    const blue = this.blue / 255;
-    const min = Math.min(red, green, blue);
-    const brightness = Math.max(red, green, blue);
-    const chroma = brightness - min;
-    const saturation = brightness === 0 ? 0 : chroma / brightness;
-    let hue = 0;
-    if (chroma !== 0) {
-      switch (brightness) {
-        case red:
-          hue = (green - blue) / chroma + (green < blue ? 6 : 0);
-          break;
-        case green:
-          hue = (blue - red) / chroma + 2;
-          break;
-        case blue:
-          hue = (red - green) / chroma + 4;
-          break;
-      }
-      hue /= 6;
-    }
-    return new HSBColor(
-      toFixedNumber(hue * 360, 2),
-      toFixedNumber(saturation * 100, 2),
-      toFixedNumber(brightness * 100, 2),
-      this.alpha
-    );
-  }
-  /**
-   * 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.
-   */
-  toHSL() {
-    const red = this.red / 255;
-    const green = this.green / 255;
-    const blue = this.blue / 255;
-    const min = Math.min(red, green, blue);
-    const max = Math.max(red, green, blue);
-    const lightness = (max + min) / 2;
-    const chroma = max - min;
-    let hue = -1;
-    let saturation = -1;
-    if (chroma === 0) {
-      hue = saturation = 0;
-    } else {
-      saturation = chroma / (lightness < 0.5 ? max + min : 2 - max - min);
-      switch (max) {
-        case red:
-          hue = (green - blue) / chroma + (green < blue ? 6 : 0);
-          break;
-        case green:
-          hue = (blue - red) / chroma + 2;
-          break;
-        case blue:
-          hue = (red - green) / chroma + 4;
-          break;
-      }
-      hue /= 6;
-    }
-    return new HSLColor(
-      toFixedNumber(hue * 360, 2),
-      toFixedNumber(saturation * 100, 2),
-      toFixedNumber(lightness * 100, 2),
-      this.alpha
-    );
-  }
-  clone() {
-    return new RGBColor(this.red, this.green, this.blue, this.alpha);
-  }
-  getChannelRange(channel) {
-    switch (channel) {
-      case "red":
-      case "green":
-      case "blue":
-        return { minValue: 0, maxValue: 255, step: 1, pageSize: 17 };
-      case "alpha":
-        return { minValue: 0, maxValue: 1, step: 0.01, pageSize: 0.1 };
-      default:
-        throw new Error("Unknown color channel: " + channel);
-    }
-  }
-  getColorSpace() {
-    return "rgb";
-  }
-  static colorChannels = ["red", "green", "blue"];
-  getColorChannels() {
-    return RGBColor.colorChannels;
-  }
-}
-
-export { RGBColor };

package/dist/utils.d.ts

@@ -1,3 +0,0 @@
-export declare function mod(n: number, m: number): number;
-export declare function toFixedNumber(num: number, digits: number): number;
-export declare function clampValue(value: number, min: number, max: number): number;

package/dist/utils.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-function mod(n, m) {
-  return (n % m + m) % m;
-}
-function toFixedNumber(num, digits) {
-  return Math.round(Math.pow(10, digits) * num) / Math.pow(10, digits);
-}
-function clampValue(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-
-exports.clampValue = clampValue;
-exports.mod = mod;
-exports.toFixedNumber = toFixedNumber;

package/dist/utils.mjs

@@ -1,11 +0,0 @@
-function mod(n, m) {
-  return (n % m + m) % m;
-}
-function toFixedNumber(num, digits) {
-  return Math.round(Math.pow(10, digits) * num) / Math.pow(10, digits);
-}
-function clampValue(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-
-export { clampValue, mod, toFixedNumber };