@oscarpalmer/atoms 0.190.0 → 0.192.0

package/dist/color/instance.mjs

@@ -1,59 +1,84 @@
-import { formatHslColor, formatHwbColor, formatRgbColor } from "./misc/index.mjs";
+import { clearSubscriptions, getSubscription, getSubscriptions } from "../internal/subscription.mjs";
+import { COLOR_PROPERTY, COLOR_TYPE } from "./constants.mjs";
 import { getAlpha } from "./misc/alpha.mjs";
-import { getColorState, setHSLColor, setHWBColor, setHexColor, setRGBColor } from "./misc/state.mjs";
+import { getColorFromState, getColorState, setHSLColor, setHWBColor, setHexColor, setRGBColor } from "./misc/state.mjs";
+import { formatHslColor, formatHwbColor, formatRgbColor } from "./misc/format.mjs";
 //#region src/color/instance.ts
 function color(value) {
 	const state = getColorState(value);
+	const subscriptions = getSubscriptions(COLOR_TYPE.all);
 	const instance = {
+		subscribe: (first, second) => subscribeToColor(subscriptions, first, second),
 		toHexString: (alpha) => `#${alpha === true ? instance.hexa : instance.hex}`,
-		toHslString: (alpha) => formatHslColor(state, alpha === true),
-		toHwbString: (alpha) => formatHwbColor(state, alpha === true),
-		toRgbString: (alpha) => formatRgbColor(state, alpha === true),
-		toString: () => instance.toHexString()
+		toHslString: (alpha) => formatHslColor(state, alpha),
+		toHwbString: (alpha) => formatHwbColor(state, alpha),
+		toRgbString: (alpha) => formatRgbColor(state, alpha),
+		toString: () => instance.toHexString(),
+		unsubscribe: () => clearSubscriptions(subscriptions)
 	};
 	Object.defineProperties(instance, {
-		$color: {
+		[COLOR_PROPERTY.name]: {
 			enumerable: false,
-			get: () => true
+			value: true
 		},
 		alpha: {
 			enumerable: true,
 			get: () => state.alpha.value,
-			set: (value) => {
-				if (typeof value === "number" && !Number.isNaN(value)) state.alpha = getAlpha(value);
-			}
+			set: (value) => setAlphaValue(state, value)
 		},
-		hex: getProperty("hex", state, false),
-		hexa: getProperty("hex", state, true),
-		hsl: getProperty("hsl", state, false),
-		hsla: getProperty("hsl", state, true),
-		hwb: getProperty("hwb", state, false),
-		hwba: getProperty("hwb", state, true),
-		rgb: getProperty("rgb", state, false),
-		rgba: getProperty("rgb", state, true)
+		hex: getProperty(COLOR_TYPE.hex, instance, state, subscriptions, false),
+		hexa: getProperty(COLOR_TYPE.hex, instance, state, subscriptions, true),
+		hsl: getProperty(COLOR_TYPE.hsl, instance, state, subscriptions, false),
+		hsla: getProperty(COLOR_TYPE.hsl, instance, state, subscriptions, true),
+		hwb: getProperty(COLOR_TYPE.hwb, instance, state, subscriptions, false),
+		hwba: getProperty(COLOR_TYPE.hwb, instance, state, subscriptions, true),
+		origin: {
+			enumerable: true,
+			get: () => state.origin
+		},
+		rgb: getProperty(COLOR_TYPE.rgb, instance, state, subscriptions, false),
+		rgba: getProperty(COLOR_TYPE.rgb, instance, state, subscriptions, true)
 	});
 	return Object.freeze(instance);
 }
-function getHex(state, alpha) {
-	return alpha ? `${state.hex}${state.alpha.hex}` : state.hex;
-}
-function getProperty(space, state, alpha) {
-	const setter = setters[space];
+function getProperty(space, color, state, subscriptions, alpha) {
+	const setValue = setters[space];
 	return {
 		enumerable: true,
-		get: () => {
-			const value = state[space];
-			if (typeof value === "string") return getHex(state, alpha);
-			return alpha ? {
-				...value,
-				alpha: state.alpha.value
-			} : { ...value };
-		},
-		set: (value) => {
-			setter(state, value, alpha);
-		}
+		get: () => getValue(space, state, alpha),
+		set: (value) => setValue(color, state, subscriptions, value, alpha)
 	};
 }
+function getValue(space, state, alpha) {
+	const value = getColorFromState(state, space);
+	if (typeof value === "string") return alpha ? `${value}${state.alpha.hex}` : value;
+	return alpha ? {
+		...value,
+		alpha: state.alpha.value
+	} : { ...value };
+}
+function setAlphaValue(state, value) {
+	if (typeof value === "number" && !Number.isNaN(value)) state.alpha = getAlpha(value, false);
+}
+function subscribeToColor(subscriptions, first, second) {
+	let key;
+	let value;
+	if (typeof first === "string") {
+		key = first;
+		value = second;
+	} else if (typeof first === "function") value = first;
+	if (typeof value !== "function") throw new Error();
+	return getSubscription({
+		key,
+		subscriptions,
+		value,
+		property: colorSubscription
+	});
+}
+const colorSubscription = {
+	key: COLOR_PROPERTY.name,
+	value: COLOR_PROPERTY.subscription
+};
 const setters = {
 	hex: setHexColor,
 	hsl: setHSLColor,

package/dist/color/misc/alpha.d.mts

@@ -1,6 +1,6 @@
 import { Alpha } from "../models.mjs";
 //#region src/color/misc/alpha.d.ts
-declare function getAlpha(value: unknown): Alpha;
+declare function getAlpha(value: unknown, hex: boolean): Alpha;
 declare function getAlphaHexadecimal(value: number): string;
 declare function getAlphaValue(original: number): number;
 //#endregion

package/dist/color/misc/alpha.mjs

@@ -1,18 +1,20 @@
+import { clamp } from "../../internal/number.mjs";
+import { COLOR_ALPHA, COLOR_DEFAULTS, COLOR_EXPRESSION, COLOR_MAX } from "../constants.mjs";
 import { round } from "../../internal/math/misc.mjs";
-import { ALPHA_FULL_HEX_LONG, DEFAULT_ALPHA } from "../constants.mjs";
 //#region src/color/misc/alpha.ts
-function getAlpha(value) {
+function getAlpha(value, hex) {
 	if (typeof value === "number") return getAlphaFromValue(value);
-	if (typeof value === "string" && value !== ALPHA_FULL_HEX_LONG) return {
+	if (typeof value !== "string" || value.toLowerCase() === COLOR_ALPHA.fullHexLong) return { ...COLOR_DEFAULTS.alpha };
+	if (hex && COLOR_EXPRESSION.alphaHex.test(value)) return {
 		hex: value,
-		value: Number.parseInt(value, 16) / 255
+		value: Number.parseInt(value, 16) / COLOR_MAX.hex
 	};
-	return { ...DEFAULT_ALPHA };
+	return getAlphaFromValue(Number.parseFloat(value));
 }
 function getAlphaHexadecimal(value) {
-	if (value === 0) return "00";
-	if (value === 100) return ALPHA_FULL_HEX_LONG;
-	return round(value * 255).toString(16);
+	if (value === COLOR_ALPHA.noneValue) return COLOR_ALPHA.noneHex;
+	if (value === COLOR_MAX.percent) return COLOR_ALPHA.fullHexLong;
+	return round(value / COLOR_MAX.percent * COLOR_MAX.hex).toString(16);
 }
 function getAlphaFromValue(value) {
 	const alpha = getAlphaValue(value);
@@ -22,8 +24,8 @@ function getAlphaFromValue(value) {
 	};
 }
 function getAlphaValue(original) {
-	if (Number.isNaN(original) || original >= 100) return 100;
-	return original <= 0 ? 0 : original;
+	if (Number.isNaN(original)) return COLOR_MAX.percent;
+	return clamp(original, COLOR_ALPHA.noneValue, COLOR_MAX.percent);
 }
 //#endregion
 export { getAlpha, getAlphaHexadecimal, getAlphaValue };

package/dist/color/misc/format.d.mts

@@ -0,0 +1,7 @@
+import { ColorState } from "../models.mjs";
+//#region src/color/misc/format.d.ts
+declare function formatHslColor(state: ColorState, alpha?: boolean): string;
+declare function formatHwbColor(state: ColorState, alpha?: boolean): string;
+declare function formatRgbColor(state: ColorState, alpha?: boolean): string;
+//#endregion
+export { formatHslColor, formatHwbColor, formatRgbColor };

package/dist/color/misc/format.mjs

@@ -0,0 +1,20 @@
+import { COLOR_TYPE } from "../constants.mjs";
+import { getColorFromState } from "./state.mjs";
+//#region src/color/misc/format.ts
+function formatHslColor(state, alpha) {
+	const { hue, lightness, saturation } = getColorFromState(state, COLOR_TYPE.hsl);
+	return `hsl(${hue}deg ${saturation}% ${lightness}%${getSuffix(state, alpha)})`;
+}
+function formatHwbColor(state, alpha) {
+	const { blackness, hue, whiteness } = getColorFromState(state, COLOR_TYPE.hwb);
+	return `hwb(${hue}deg ${whiteness}% ${blackness}%${getSuffix(state, alpha)})`;
+}
+function formatRgbColor(state, alpha) {
+	const { blue, green, red } = getColorFromState(state, COLOR_TYPE.rgb);
+	return `rgb(${red} ${green} ${blue}${getSuffix(state, alpha)})`;
+}
+function getSuffix(state, alpha) {
+	return alpha === true ? ` / ${state.alpha.value}%` : "";
+}
+//#endregion
+export { formatHslColor, formatHwbColor, formatRgbColor };

package/dist/color/misc/get.mjs

@@ -1,26 +1,26 @@
 import { clamp } from "../../internal/number.mjs";
+import { COLOR_DEFAULTS, COLOR_MAX, COLOR_SRGB, COLOR_TYPE } from "../constants.mjs";
 import { round } from "../../internal/math/misc.mjs";
-import { HEX_BLACK, HEX_WHITE, SRGB_LUMINANCE_EXPONENT, SRGB_LUMINANCE_MODIFIER, SRGB_LUMINANCE_MULTIPLIER, SRGB_LUMINANCE_OFFSET } from "../constants.mjs";
-import { getColorState } from "./state.mjs";
+import { getColorFromState, getColorState } from "./state.mjs";
 import { color } from "../instance.mjs";
 //#region src/color/misc/get.ts
 function getClampedValue(value, minimum, maximum, rounding) {
 	return typeof value === "number" && !Number.isNaN(value) ? clamp(rounding ?? false ? round(value) : value, minimum, maximum) : minimum;
 }
 function getForegroundColor(value, hex) {
-	const { blue, green, red } = getColorState(value).rgb;
+	const { blue, green, red } = getColorFromState(getColorState(value), COLOR_TYPE.rgb);
 	const values = [
-		blue / 255,
-		green / 255,
-		red / 255
+		blue / COLOR_MAX.hex,
+		green / COLOR_MAX.hex,
+		red / COLOR_MAX.hex
 	];
 	const { length } = values;
 	for (let index = 0; index < length; index += 1) {
 		const color = values[index];
-		if (color <= .03928) values[index] /= SRGB_LUMINANCE_MULTIPLIER;
-		else values[index] = ((color + SRGB_LUMINANCE_OFFSET) / SRGB_LUMINANCE_MODIFIER) ** SRGB_LUMINANCE_EXPONENT;
+		if (color <= COLOR_SRGB.luminanceMinimum) values[index] /= COLOR_SRGB.luminanceMultiplier;
+		else values[index] = ((color + COLOR_SRGB.luminanceOffset) / COLOR_SRGB.luminanceModifier) ** COLOR_SRGB.luminanceExponent;
 	}
-	const foreground = .2126 * values[2] + .7152 * values[1] + .0722 * values[0] > .625 ? HEX_BLACK : HEX_WHITE;
+	const foreground = COLOR_SRGB.luminanceRed * values[2] + COLOR_SRGB.luminanceGreen * values[1] + COLOR_SRGB.luminanceBlue * values[0] > COLOR_SRGB.luminanceThreshold ? COLOR_DEFAULTS.hexBlack : COLOR_DEFAULTS.hexWhite;
 	return hex === true ? foreground : color(foreground);
 }
 /**
@@ -46,13 +46,13 @@ function getHexaColor(value) {
 * @returns Hex color string
 */
 function getHexColor(value) {
-	return getColorState(value).hex;
+	return getColorFromState(getColorState(value), COLOR_TYPE.hex);
 }
 function getHexValue(value) {
-	return getClampedValue(value, 0, 255, true);
+	return getClampedValue(value, 0, COLOR_MAX.hex, true);
 }
 function getDegrees(value) {
-	return getClampedValue(value, 0, 360);
+	return getClampedValue(value, 0, COLOR_MAX.degree);
 }
 /**
 * Get the _HSLA_ color from any kind of value
@@ -64,10 +64,10 @@ function getDegrees(value) {
 * @returns _HSLA_ color
 */
 function getHslaColor(value) {
-	const { alpha, hsl } = getColorState(value);
+	const state = getColorState(value);
 	return {
-		...hsl,
-		alpha: alpha.value
+		...getColorFromState(state, COLOR_TYPE.hsl),
+		alpha: state.alpha.value
 	};
 }
 /**
@@ -80,7 +80,7 @@ function getHslaColor(value) {
 * @returns _HWB_ color
 */
 function getHwbColor(value) {
-	return getColorState(value).hwb;
+	return getColorFromState(getColorState(value), COLOR_TYPE.hwb);
 }
 /**
 * Get the _HWBA_ color from any kind of value
@@ -92,10 +92,10 @@ function getHwbColor(value) {
 * @returns _HWBA_ color
 */
 function getHwbaColor(value) {
-	const { alpha, hwb } = getColorState(value);
+	const state = getColorState(value);
 	return {
-		...hwb,
-		alpha: alpha.value
+		...getColorFromState(state, COLOR_TYPE.hwb),
+		alpha: state.alpha.value
 	};
 }
 /**
@@ -108,10 +108,10 @@ function getHwbaColor(value) {
 * @returns _HSL_ color
 */
 function getHslColor(value) {
-	return getColorState(value).hsl;
+	return getColorFromState(getColorState(value), COLOR_TYPE.hsl);
 }
 function getPercentage(value) {
-	return getClampedValue(value, 0, 100);
+	return getClampedValue(value, 0, COLOR_MAX.percent);
 }
 /**
 * Get the _RGBA_ color from any kind of value
@@ -123,10 +123,10 @@ function getPercentage(value) {
 * @returns _RGBA_ color
 */
 function getRgbaColor(value) {
-	const { alpha, rgb } = getColorState(value);
+	const state = getColorState(value);
 	return {
-		...rgb,
-		alpha: alpha.value
+		...getColorFromState(state, COLOR_TYPE.rgb),
+		alpha: state.alpha.value
 	};
 }
 /**
@@ -139,7 +139,7 @@ function getRgbaColor(value) {
 * @returns _RGB_ color
 */
 function getRgbColor(value) {
-	return getColorState(value).rgb;
+	return getColorFromState(getColorState(value), COLOR_TYPE.rgb);
 }
 //#endregion
 export { getDegrees, getForegroundColor, getHexColor, getHexValue, getHexaColor, getHslColor, getHslaColor, getHwbColor, getHwbaColor, getPercentage, getRgbColor, getRgbaColor };

package/dist/color/misc/is.d.mts

@@ -31,12 +31,6 @@ declare function isHexColor(value: unknown, alpha?: boolean): value is string;
  * @returns `true` if the value is an _HSLA_ color, otherwise `false`
  */
 declare function isHslaColor(value: unknown): value is HSLAColor;
-/**
- * Is the value like an _HSLA_ color?
- *
- * @param value Value to check
- * @returns `true` if the value is like an _HSLA_ color, otherwise `false`
- */
 declare function isHslaLike(value: unknown): value is Record<keyof HSLAColor, unknown>;
 /**
  * Is the value an _HSL_ color?
@@ -45,12 +39,6 @@ declare function isHslaLike(value: unknown): value is Record<keyof HSLAColor, un
  * @returns `true` if the value is an _HSL_ color, otherwise `false`
  */
 declare function isHslColor(value: unknown): value is HSLColor;
-/**
- * Is the value like an _HSL_ color?
- *
- * @param value Value to check
- * @returns `true` if the value is like an _HSL_ color, otherwise `false`
- */
 declare function isHslLike(value: unknown): value is Record<keyof HSLColor, unknown>;
 /**
  * Is the value an _HWBA_ color?
@@ -59,12 +47,6 @@ declare function isHslLike(value: unknown): value is Record<keyof HSLColor, unkn
  * @returns `true` if the value is an _HWBA_ color, otherwise `false`
  */
 declare function isHwbaColor(value: unknown): value is HWBAColor;
-/**
- * Is the value like an _HWBA_ color?
- *
- * @param value Value to check
- * @returns `true` if the value is like an _HWBA_ color, otherwise `false`
- */
 declare function isHwbaLike(value: unknown): value is Record<keyof HWBAColor, unknown>;
 /**
  * Is the value an _HWB_ color?
@@ -73,12 +55,6 @@ declare function isHwbaLike(value: unknown): value is Record<keyof HWBAColor, un
  * @returns `true` if the value is an _HWB_ color, otherwise `false`
  */
 declare function isHwbColor(value: unknown): value is HWBColor;
-/**
- * Is the value like an _HWB_ color?
- *
- * @param value Value to check
- * @returns `true` if the value is like an _HWB_ color, otherwise `false`
- */
 declare function isHwbLike(value: unknown): value is Record<keyof HWBColor, unknown>;
 /**
  * Is the value an _RGBA_ color?
@@ -87,12 +63,6 @@ declare function isHwbLike(value: unknown): value is Record<keyof HWBColor, unkn
  * @returns `true` if the value is an _RGBA_ color, otherwise `false`
  */
 declare function isRgbaColor(value: unknown): value is RGBAColor;
-/**
- * Is the value like an _RGBA_ color?
- *
- * @param value Value to check
- * @returns `true` if the value is like an _RGBA_ color, otherwise `false`
- */
 declare function isRgbaLike(value: unknown): value is Record<keyof RGBAColor, unknown>;
 /**
  * Is the value an _RGB_ color?
@@ -101,12 +71,6 @@ declare function isRgbaLike(value: unknown): value is Record<keyof RGBAColor, un
  * @returns `true` if the value is an _RGB_ color, otherwise `false`
  */
 declare function isRgbColor(value: unknown): value is RGBColor;
-/**
- * Is the value like an _RGB_ color?
- *
- * @param value Value to check
- * @returns `true` if the value is like an _RGB_ color, otherwise `false`
- */
 declare function isRgbLike(value: unknown): value is Record<keyof RGBColor, unknown>;
 //#endregion
 export { isColor, isHexColor, isHslColor, isHslLike, isHslaColor, isHslaLike, isHwbColor, isHwbLike, isHwbaColor, isHwbaLike, isRgbColor, isRgbLike, isRgbaColor, isRgbaLike };

package/dist/color/misc/is.mjs

@@ -1,14 +1,15 @@
+import { isPlainObject } from "../../internal/is.mjs";
 import { between } from "../../internal/number.mjs";
-import { EXPRESSION_HEX_LONG, EXPRESSION_HEX_SHORT, EXPRESSION_PREFIX, KEYS_HSL, KEYS_HSLA, KEYS_HWB, KEYS_HWBA, KEYS_RGB, KEYS_RGBA } from "../constants.mjs";
+import { COLOR_ALPHA, COLOR_EXPRESSION, COLOR_KEYS, COLOR_LENGTHS, COLOR_MAX, COLOR_PROPERTY } from "../constants.mjs";
 //#region src/color/misc/is.ts
 function hasKeys(value, keys) {
 	return typeof value === "object" && value !== null && keys.every((key) => key in value);
 }
 function isAlpha(value) {
-	return typeof value === "number" && between(value, 0, 100);
+	return typeof value === "number" && between(value, COLOR_ALPHA.noneValue, COLOR_MAX.percent);
 }
 function isBytey(value) {
-	return typeof value === "number" && between(value, 0, 255);
+	return typeof value === "number" && between(value, 0, COLOR_MAX.hex);
 }
 /**
 * Is the value a _Color_?
@@ -17,7 +18,7 @@ function isBytey(value) {
 * @returns `true` if the value is a _Color_, otherwise `false`
 */
 function isColor(value) {
-	return typeof value === "object" && value !== null && "$color" in value && value.$color === true;
+	return isPlainObject(value) && COLOR_PROPERTY.name in value && value[COLOR_PROPERTY.name] === true;
 }
 function isColorValue(obj, properties) {
 	if (typeof obj !== "object" || obj === null) return false;
@@ -31,7 +32,7 @@ function isColorValue(obj, properties) {
 	return true;
 }
 function isDegree(value) {
-	return typeof value === "number" && between(value, 0, 360);
+	return typeof value === "number" && between(value, 0, COLOR_MAX.degree);
 }
 /**
 * Is the value a hex color?
@@ -51,10 +52,10 @@ function isDegree(value) {
 */
 function isHexColor(value, alpha) {
 	if (typeof value !== "string") return false;
-	if (!(EXPRESSION_HEX_SHORT.test(value) || EXPRESSION_HEX_LONG.test(value))) return false;
+	if (!(COLOR_EXPRESSION.hexShort.test(value) || COLOR_EXPRESSION.hexLong.test(value))) return false;
 	if (alpha === false) {
-		const unprefixed = value.replace(EXPRESSION_PREFIX, "");
-		return unprefixed.length === 3 || unprefixed.length === 6;
+		const unprefixed = value.replace(COLOR_EXPRESSION.prefix, "");
+		return unprefixed.length === COLOR_LENGTHS.hexShort || unprefixed.length === COLOR_LENGTHS.hexLong;
 	}
 	return true;
 }
@@ -65,16 +66,10 @@ function isHexColor(value, alpha) {
 * @returns `true` if the value is an _HSLA_ color, otherwise `false`
 */
 function isHslaColor(value) {
-	return isColorValue(value, KEYS_HSLA);
+	return isColorValue(value, COLOR_KEYS.hsla);
 }
-/**
-* Is the value like an _HSLA_ color?
-*
-* @param value Value to check
-* @returns `true` if the value is like an _HSLA_ color, otherwise `false`
-*/
 function isHslaLike(value) {
-	return hasKeys(value, KEYS_HSLA);
+	return hasKeys(value, COLOR_KEYS.hsla);
 }
 /**
 * Is the value an _HSL_ color?
@@ -83,16 +78,10 @@ function isHslaLike(value) {
 * @returns `true` if the value is an _HSL_ color, otherwise `false`
 */
 function isHslColor(value) {
-	return isColorValue(value, KEYS_HSLA) || isColorValue(value, KEYS_HSL);
+	return isColorValue(value, COLOR_KEYS.hsla) || isColorValue(value, COLOR_KEYS.hsl);
 }
-/**
-* Is the value like an _HSL_ color?
-*
-* @param value Value to check
-* @returns `true` if the value is like an _HSL_ color, otherwise `false`
-*/
 function isHslLike(value) {
-	return hasKeys(value, KEYS_HSL);
+	return hasKeys(value, COLOR_KEYS.hsl);
 }
 /**
 * Is the value an _HWBA_ color?
@@ -101,16 +90,10 @@ function isHslLike(value) {
 * @returns `true` if the value is an _HWBA_ color, otherwise `false`
 */
 function isHwbaColor(value) {
-	return isColorValue(value, KEYS_HWBA);
+	return isColorValue(value, COLOR_KEYS.hwba);
 }
-/**
-* Is the value like an _HWBA_ color?
-*
-* @param value Value to check
-* @returns `true` if the value is like an _HWBA_ color, otherwise `false`
-*/
 function isHwbaLike(value) {
-	return hasKeys(value, KEYS_HWBA);
+	return hasKeys(value, COLOR_KEYS.hwba);
 }
 /**
 * Is the value an _HWB_ color?
@@ -119,16 +102,10 @@ function isHwbaLike(value) {
 * @returns `true` if the value is an _HWB_ color, otherwise `false`
 */
 function isHwbColor(value) {
-	return isColorValue(value, KEYS_HWB) || isColorValue(value, KEYS_HWBA);
+	return isColorValue(value, COLOR_KEYS.hwb) || isColorValue(value, COLOR_KEYS.hwba);
 }
-/**
-* Is the value like an _HWB_ color?
-*
-* @param value Value to check
-* @returns `true` if the value is like an _HWB_ color, otherwise `false`
-*/
 function isHwbLike(value) {
-	return hasKeys(value, KEYS_HWB);
+	return hasKeys(value, COLOR_KEYS.hwb);
 }
 /**
 * Is the value an _RGBA_ color?
@@ -137,16 +114,10 @@ function isHwbLike(value) {
 * @returns `true` if the value is an _RGBA_ color, otherwise `false`
 */
 function isRgbaColor(value) {
-	return isColorValue(value, KEYS_RGBA);
+	return isColorValue(value, COLOR_KEYS.rgba);
 }
-/**
-* Is the value like an _RGBA_ color?
-*
-* @param value Value to check
-* @returns `true` if the value is like an _RGBA_ color, otherwise `false`
-*/
 function isRgbaLike(value) {
-	return hasKeys(value, KEYS_RGBA);
+	return hasKeys(value, COLOR_KEYS.rgba);
 }
 /**
 * Is the value an _RGB_ color?
@@ -155,19 +126,13 @@ function isRgbaLike(value) {
 * @returns `true` if the value is an _RGB_ color, otherwise `false`
 */
 function isRgbColor(value) {
-	return isColorValue(value, KEYS_RGBA) || isColorValue(value, KEYS_RGB);
+	return isColorValue(value, COLOR_KEYS.rgba) || isColorValue(value, COLOR_KEYS.rgb);
 }
-/**
-* Is the value like an _RGB_ color?
-*
-* @param value Value to check
-* @returns `true` if the value is like an _RGB_ color, otherwise `false`
-*/
 function isRgbLike(value) {
-	return hasKeys(value, KEYS_RGB);
+	return hasKeys(value, COLOR_KEYS.rgb);
 }
 function isPercentage(value) {
-	return typeof value === "number" && between(value, 0, 100);
+	return typeof value === "number" && between(value, 0, COLOR_MAX.percent);
 }
 const validators = {
 	alpha: isAlpha,

package/dist/color/misc/state.d.mts

@@ -1,9 +1,11 @@
-import { ColorState } from "../models.mjs";
+import { Subscriptions } from "../../internal/subscription.mjs";
+import { Color, ColorState, ColorType } from "../models.mjs";
 //#region src/color/misc/state.d.ts
+declare function getColorFromState<Type extends ColorType>(state: ColorState, type: Type): NonNullable<ColorState[Type]>;
 declare function getColorState(value: unknown): ColorState;
-declare function setHexColor(state: ColorState, value: string, alpha: boolean): void;
-declare function setHSLColor(state: ColorState, value: unknown, alpha: boolean): void;
-declare function setHWBColor(state: ColorState, value: unknown, alpha: boolean): void;
-declare function setRGBColor(state: ColorState, value: unknown, alpha: boolean): void;
+declare function setHexColor(color: Color, state: ColorState, subscriptions: Subscriptions<Function>, value: string, alpha: boolean): void;
+declare function setHSLColor(color: Color, state: ColorState, subscriptions: Subscriptions<Function>, value: unknown, alpha: boolean): void;
+declare function setHWBColor(color: Color, state: ColorState, subscriptions: Subscriptions<Function>, value: unknown, alpha: boolean): void;
+declare function setRGBColor(color: Color, state: ColorState, subscriptions: Subscriptions<Function>, value: unknown, alpha: boolean): void;
 //#endregion
-export { getColorState, setHSLColor, setHWBColor, setHexColor, setRGBColor };
+export { getColorFromState, getColorState, setHSLColor, setHWBColor, setHexColor, setRGBColor };