@zag-js/color-utils 0.79.3 → 0.81.0

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var numericRange = require('@zag-js/numeric-range');
+var utils = require('@zag-js/utils');
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -201,18 +201,18 @@ var Color = class {
   getChannelValuePercent(channel, valueToCheck) {
     const value = valueToCheck ?? this.getChannelValue(channel);
     const { minValue, maxValue } = this.getChannelRange(channel);
-    return numericRange.getValuePercent(value, minValue, maxValue);
+    return utils.getValuePercent(value, minValue, maxValue);
   }
   getChannelPercentValue(channel, percentToCheck) {
     const { minValue, maxValue, step } = this.getChannelRange(channel);
-    const percentValue = numericRange.getPercentValue(percentToCheck, minValue, maxValue, step);
-    return numericRange.snapValueToStep(percentValue, minValue, maxValue, step);
+    const percentValue = utils.getPercentValue(percentToCheck, minValue, maxValue, step);
+    return utils.snapValueToStep(percentValue, minValue, maxValue, step);
   }
   withChannelValue(channel, value) {
     const { minValue, maxValue } = this.getChannelRange(channel);
     if (channel in this) {
       let clone = this.clone();
-      clone[channel] = numericRange.clampValue(value, minValue, maxValue);
+      clone[channel] = utils.clampValue(value, minValue, maxValue);
       return clone;
     }
     throw new Error("Unsupported color channel: " + channel);
@@ -226,8 +226,8 @@ var Color = class {
   }
   incrementChannel(channel, stepSize) {
     const { minValue, maxValue, step } = this.getChannelRange(channel);
-    const value = numericRange.snapValueToStep(
-      numericRange.clampValue(this.getChannelValue(channel) + stepSize, minValue, maxValue),
+    const value = utils.snapValueToStep(
+      utils.clampValue(this.getChannelValue(channel) + stepSize, minValue, maxValue),
       minValue,
       maxValue,
       step
@@ -261,7 +261,7 @@ var _RGBColor = class _RGBColor extends Color {
     }
     const match = value.match(/^rgba?\((.*)\)$/);
     if (match?.[1]) {
-      colors = match[1].split(",").map((value2) => Number(value2.trim())).map((num, i) => numericRange.clampValue(num, 0, i < 3 ? 255 : 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);
   }
@@ -328,10 +328,10 @@ var _RGBColor = class _RGBColor extends Color {
       hue /= 6;
     }
     return new HSBColor(
-      numericRange.toFixedNumber(hue * 360, 2),
-      numericRange.toFixedNumber(saturation * 100, 2),
-      numericRange.toFixedNumber(brightness * 100, 2),
-      numericRange.toFixedNumber(this.alpha, 2)
+      utils.toFixedNumber(hue * 360, 2),
+      utils.toFixedNumber(saturation * 100, 2),
+      utils.toFixedNumber(brightness * 100, 2),
+      utils.toFixedNumber(this.alpha, 2)
     );
   }
   /**
@@ -367,10 +367,10 @@ var _RGBColor = class _RGBColor extends Color {
       hue /= 6;
     }
     return new HSLColor(
-      numericRange.toFixedNumber(hue * 360, 2),
-      numericRange.toFixedNumber(saturation * 100, 2),
-      numericRange.toFixedNumber(lightness * 100, 2),
-      numericRange.toFixedNumber(this.alpha, 2)
+      utils.toFixedNumber(hue * 360, 2),
+      utils.toFixedNumber(saturation * 100, 2),
+      utils.toFixedNumber(lightness * 100, 2),
+      utils.toFixedNumber(this.alpha, 2)
     );
   }
   clone() {
@@ -432,7 +432,7 @@ var _HSLColor = class _HSLColor extends Color {
     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(numericRange.mod(h, 360), numericRange.clampValue(s, 0, 100), numericRange.clampValue(l, 0, 100), numericRange.clampValue(a ?? 1, 0, 1));
+      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) {
@@ -442,10 +442,10 @@ var _HSLColor = class _HSLColor extends Color {
       case "hexa":
         return this.toRGB().toString("hexa");
       case "hsl":
-        return `hsl(${this.hue}, ${numericRange.toFixedNumber(this.saturation, 2)}%, ${numericRange.toFixedNumber(this.lightness, 2)}%)`;
+        return `hsl(${this.hue}, ${utils.toFixedNumber(this.saturation, 2)}%, ${utils.toFixedNumber(this.lightness, 2)}%)`;
       case "css":
       case "hsla":
-        return `hsla(${this.hue}, ${numericRange.toFixedNumber(this.saturation, 2)}%, ${numericRange.toFixedNumber(this.lightness, 2)}%, ${this.alpha})`;
+        return `hsla(${this.hue}, ${utils.toFixedNumber(this.saturation, 2)}%, ${utils.toFixedNumber(this.lightness, 2)}%, ${this.alpha})`;
       case "hsb":
         return this.toHSB().toString("hsb");
       case "rgb":
@@ -477,10 +477,10 @@ var _HSLColor = class _HSLColor extends Color {
     let brightness = lightness + saturation * Math.min(lightness, 1 - lightness);
     saturation = brightness === 0 ? 0 : 2 * (1 - lightness / brightness);
     return new HSBColor(
-      numericRange.toFixedNumber(this.hue, 2),
-      numericRange.toFixedNumber(saturation * 100, 2),
-      numericRange.toFixedNumber(brightness * 100, 2),
-      numericRange.toFixedNumber(this.alpha, 2)
+      utils.toFixedNumber(this.hue, 2),
+      utils.toFixedNumber(saturation * 100, 2),
+      utils.toFixedNumber(brightness * 100, 2),
+      utils.toFixedNumber(this.alpha, 2)
     );
   }
   /**
@@ -498,7 +498,7 @@ var _HSLColor = class _HSLColor extends Color {
       Math.round(fn(0) * 255),
       Math.round(fn(8) * 255),
       Math.round(fn(4) * 255),
-      numericRange.toFixedNumber(this.alpha, 2)
+      utils.toFixedNumber(this.alpha, 2)
     );
   }
   clone() {
@@ -564,7 +564,7 @@ var _HSBColor = class _HSBColor extends Color {
     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(numericRange.mod(h, 360), numericRange.clampValue(s, 0, 100), numericRange.clampValue(b, 0, 100), numericRange.clampValue(a ?? 1, 0, 1));
+      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) {
@@ -576,9 +576,9 @@ var _HSBColor = class _HSBColor extends Color {
       case "hexa":
         return this.toRGB().toString("hexa");
       case "hsb":
-        return `hsb(${this.hue}, ${numericRange.toFixedNumber(this.saturation, 2)}%, ${numericRange.toFixedNumber(this.brightness, 2)}%)`;
+        return `hsb(${this.hue}, ${utils.toFixedNumber(this.saturation, 2)}%, ${utils.toFixedNumber(this.brightness, 2)}%)`;
       case "hsba":
-        return `hsba(${this.hue}, ${numericRange.toFixedNumber(this.saturation, 2)}%, ${numericRange.toFixedNumber(this.brightness, 2)}%, ${this.alpha})`;
+        return `hsba(${this.hue}, ${utils.toFixedNumber(this.saturation, 2)}%, ${utils.toFixedNumber(this.brightness, 2)}%, ${this.alpha})`;
       case "hsl":
         return this.toHSL().toString("hsl");
       case "rgb":
@@ -610,10 +610,10 @@ var _HSBColor = class _HSBColor extends Color {
     let lightness = brightness * (1 - saturation / 2);
     saturation = lightness === 0 || lightness === 1 ? 0 : (brightness - lightness) / Math.min(lightness, 1 - lightness);
     return new HSLColor(
-      numericRange.toFixedNumber(this.hue, 2),
-      numericRange.toFixedNumber(saturation * 100, 2),
-      numericRange.toFixedNumber(lightness * 100, 2),
-      numericRange.toFixedNumber(this.alpha, 2)
+      utils.toFixedNumber(this.hue, 2),
+      utils.toFixedNumber(saturation * 100, 2),
+      utils.toFixedNumber(lightness * 100, 2),
+      utils.toFixedNumber(this.alpha, 2)
     );
   }
   /**
@@ -630,7 +630,7 @@ var _HSBColor = class _HSBColor extends Color {
       Math.round(fn(5) * 255),
       Math.round(fn(3) * 255),
       Math.round(fn(1) * 255),
-      numericRange.toFixedNumber(this.alpha, 2)
+      utils.toFixedNumber(this.alpha, 2)
     );
   }
   clone() {

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { getValuePercent, getPercentValue, snapValueToStep, clampValue, toFixedNumber, mod } from '@zag-js/numeric-range';
+import { getValuePercent, getPercentValue, snapValueToStep, clampValue, toFixedNumber, mod } from '@zag-js/utils';
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/color-utils",
-  "version": "0.79.3",
+  "version": "0.81.0",
   "description": "Color utilities for zag.js",
   "keywords": [
     "js",
@@ -24,7 +24,7 @@
   },
   "clean-package": "../../../clean-package.config.json",
   "dependencies": {
-    "@zag-js/numeric-range": "0.79.3"
+    "@zag-js/utils": "0.81.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"