@oscarpalmer/atoms 0.190.0 → 0.191.0

package/dist/color/constants.d.mts

@@ -8,6 +8,7 @@ declare const DEFAULT_ALPHA: Alpha;
 declare const DEFAULT_HSL: HSLColor;
 declare const DEFAULT_HWB: HWBColor;
 declare const DEFAULT_RGB: RGBColor;
+declare const EXPRESSION_ALPHA_HEX: RegExp;
 declare const EXPRESSION_HEX_LONG: RegExp;
 declare const EXPRESSION_HEX_SHORT: RegExp;
 declare const EXPRESSION_PREFIX: RegExp;
@@ -24,6 +25,11 @@ declare const KEYS_RGBA: Array<keyof RGBAColor>;
 declare const MAX_DEGREE = 360;
 declare const MAX_HEX = 255;
 declare const MAX_PERCENT = 100;
+declare const PROPERTY_COLOR = "$color";
+declare const TYPE_HEX = "hex";
+declare const TYPE_HSL = "hsl";
+declare const TYPE_HWB = "hwb";
+declare const TYPE_RGB = "rgb";
 declare const SRGB_LUMINANCE_BLUE = 0.0722;
 declare const SRGB_LUMINANCE_EXPONENT = 2.4;
 declare const SRGB_LUMINANCE_GREEN = 0.7152;
@@ -34,4 +40,4 @@ declare const SRGB_LUMINANCE_OFFSET = 0.055;
 declare const SRGB_LUMINANCE_RED = 0.2126;
 declare const SRGB_LUMINANCE_THRESHOLD = 0.625;
 //#endregion
-export { ALPHA_FULL_HEX_LONG, ALPHA_FULL_HEX_SHORT, ALPHA_NONE_HEX, ALPHA_NONE_VALUE, DEFAULT_ALPHA, DEFAULT_HSL, DEFAULT_HWB, DEFAULT_RGB, EXPRESSION_HEX_LONG, EXPRESSION_HEX_SHORT, EXPRESSION_PREFIX, HEX_BLACK, HEX_WHITE, KEYS_HSL, KEYS_HSLA, KEYS_HWB, KEYS_HWBA, KEYS_RGB, KEYS_RGBA, LENGTH_LONG, LENGTH_SHORT, MAX_DEGREE, MAX_HEX, MAX_PERCENT, SRGB_LUMINANCE_BLUE, SRGB_LUMINANCE_EXPONENT, SRGB_LUMINANCE_GREEN, SRGB_LUMINANCE_MINIMUM, SRGB_LUMINANCE_MODIFIER, SRGB_LUMINANCE_MULTIPLIER, SRGB_LUMINANCE_OFFSET, SRGB_LUMINANCE_RED, SRGB_LUMINANCE_THRESHOLD };
+export { ALPHA_FULL_HEX_LONG, ALPHA_FULL_HEX_SHORT, ALPHA_NONE_HEX, ALPHA_NONE_VALUE, DEFAULT_ALPHA, DEFAULT_HSL, DEFAULT_HWB, DEFAULT_RGB, EXPRESSION_ALPHA_HEX, EXPRESSION_HEX_LONG, EXPRESSION_HEX_SHORT, EXPRESSION_PREFIX, HEX_BLACK, HEX_WHITE, KEYS_HSL, KEYS_HSLA, KEYS_HWB, KEYS_HWBA, KEYS_RGB, KEYS_RGBA, LENGTH_LONG, LENGTH_SHORT, MAX_DEGREE, MAX_HEX, MAX_PERCENT, PROPERTY_COLOR, SRGB_LUMINANCE_BLUE, SRGB_LUMINANCE_EXPONENT, SRGB_LUMINANCE_GREEN, SRGB_LUMINANCE_MINIMUM, SRGB_LUMINANCE_MODIFIER, SRGB_LUMINANCE_MULTIPLIER, SRGB_LUMINANCE_OFFSET, SRGB_LUMINANCE_RED, SRGB_LUMINANCE_THRESHOLD, TYPE_HEX, TYPE_HSL, TYPE_HWB, TYPE_RGB };

package/dist/color/constants.mjs

@@ -22,6 +22,7 @@ const DEFAULT_RGB = {
 	green: 0,
 	red: 0
 };
+const EXPRESSION_ALPHA_HEX = /^([a-f0-9]{1,2})$/i;
 const EXPRESSION_HEX_LONG = /^#?([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})?$/i;
 const EXPRESSION_HEX_SHORT = /^#?([a-f0-9]{3,4})$/i;
 const EXPRESSION_PREFIX = /^#/;
@@ -50,6 +51,11 @@ const KEYS_RGBA = [...KEYS_RGB, "alpha"];
 const MAX_DEGREE = 360;
 const MAX_HEX = 255;
 const MAX_PERCENT = 100;
+const PROPERTY_COLOR = "$color";
+const TYPE_HEX = "hex";
+const TYPE_HSL = "hsl";
+const TYPE_HWB = "hwb";
+const TYPE_RGB = "rgb";
 const SRGB_LUMINANCE_BLUE = .0722;
 const SRGB_LUMINANCE_EXPONENT = 2.4;
 const SRGB_LUMINANCE_GREEN = .7152;
@@ -60,4 +66,4 @@ const SRGB_LUMINANCE_OFFSET = .055;
 const SRGB_LUMINANCE_RED = .2126;
 const SRGB_LUMINANCE_THRESHOLD = .625;
 //#endregion
-export { ALPHA_FULL_HEX_LONG, ALPHA_FULL_HEX_SHORT, ALPHA_NONE_HEX, ALPHA_NONE_VALUE, DEFAULT_ALPHA, DEFAULT_HSL, DEFAULT_HWB, DEFAULT_RGB, EXPRESSION_HEX_LONG, EXPRESSION_HEX_SHORT, EXPRESSION_PREFIX, HEX_BLACK, HEX_WHITE, KEYS_HSL, KEYS_HSLA, KEYS_HWB, KEYS_HWBA, KEYS_RGB, KEYS_RGBA, LENGTH_LONG, LENGTH_SHORT, MAX_DEGREE, MAX_HEX, MAX_PERCENT, SRGB_LUMINANCE_BLUE, SRGB_LUMINANCE_EXPONENT, SRGB_LUMINANCE_GREEN, SRGB_LUMINANCE_MINIMUM, SRGB_LUMINANCE_MODIFIER, SRGB_LUMINANCE_MULTIPLIER, SRGB_LUMINANCE_OFFSET, SRGB_LUMINANCE_RED, SRGB_LUMINANCE_THRESHOLD };
+export { ALPHA_FULL_HEX_LONG, ALPHA_FULL_HEX_SHORT, ALPHA_NONE_HEX, ALPHA_NONE_VALUE, DEFAULT_ALPHA, DEFAULT_HSL, DEFAULT_HWB, DEFAULT_RGB, EXPRESSION_ALPHA_HEX, EXPRESSION_HEX_LONG, EXPRESSION_HEX_SHORT, EXPRESSION_PREFIX, HEX_BLACK, HEX_WHITE, KEYS_HSL, KEYS_HSLA, KEYS_HWB, KEYS_HWBA, KEYS_RGB, KEYS_RGBA, LENGTH_LONG, LENGTH_SHORT, MAX_DEGREE, MAX_HEX, MAX_PERCENT, PROPERTY_COLOR, SRGB_LUMINANCE_BLUE, SRGB_LUMINANCE_EXPONENT, SRGB_LUMINANCE_GREEN, SRGB_LUMINANCE_MINIMUM, SRGB_LUMINANCE_MODIFIER, SRGB_LUMINANCE_MULTIPLIER, SRGB_LUMINANCE_OFFSET, SRGB_LUMINANCE_RED, SRGB_LUMINANCE_THRESHOLD, TYPE_HEX, TYPE_HSL, TYPE_HWB, TYPE_RGB };

package/dist/color/index.d.mts

@@ -1,6 +1,6 @@
-import { Color, HSLAColor, HSLColor, HWBAColor, HWBColor, RGBAColor, RGBColor } from "./models.mjs";
+import { Color, ColorType, ColorTypeExtended, ColorValue, ColorValueExtended, HSLAColor, HSLColor, HWBAColor, HWBColor, RGBAColor, RGBColor } from "./models.mjs";
 import { getForegroundColor, getHexColor, getHexaColor, getHslColor, getHslaColor, getHwbColor, getHwbaColor, getRgbColor, getRgbaColor } from "./misc/get.mjs";
-import { isColor, isHexColor, isHslColor, isHslLike, isHslaColor, isHwbColor, isHwbLike, isHwbaColor, isHwbaLike, isRgbColor, isRgbLike, isRgbaColor } from "./misc/is.mjs";
+import { isColor, isHexColor, isHslColor, isHslaColor, isHwbColor, isHwbaColor, isRgbColor, isRgbaColor } from "./misc/is.mjs";
 import { getNormalizedHex, hexToHsl, hexToHsla, hexToHwb, hexToHwba, hexToRgb, hexToRgba } from "./space/hex.mjs";
 import { hslToHex, hslToHwb, hslToHwba, hslToRgb, hslToRgba } from "./space/hsl.mjs";
 import { hwbToHex, hwbToHsl, hwbToHsla, hwbToRgb, hwbToRgba } from "./space/hwb.mjs";
@@ -17,4 +17,4 @@ import { rgbToHex, rgbToHsl, rgbToHsla, rgbToHwb, rgbToHwba } from "./space/rgb.
  */
 declare function getColor(value: unknown): Color;
 //#endregion
-export { type Color, type HSLAColor, type HSLColor, type HWBAColor, type HWBColor, type RGBAColor, type RGBColor, getColor, getForegroundColor, getHexColor, getHexaColor, getHslColor, getHslaColor, getHwbColor, getHwbaColor, getNormalizedHex, getRgbColor, getRgbaColor, hexToHsl, hexToHsla, hexToHwb, hexToHwba, hexToRgb, hexToRgba, hslToHex, hslToHwb, hslToHwba, hslToRgb, hslToRgba, hwbToHex, hwbToHsl, hwbToHsla, hwbToRgb, hwbToRgba, isColor, isHexColor, isHslColor, isHslLike, isHslaColor, isHwbColor, isHwbLike, isHwbaColor, isHwbaLike, isRgbColor, isRgbLike, isRgbaColor, rgbToHex, rgbToHsl, rgbToHsla, rgbToHwb, rgbToHwba };
+export { type Color, type ColorType, type ColorTypeExtended, type ColorValue, type ColorValueExtended, type HSLAColor, type HSLColor, type HWBAColor, type HWBColor, type RGBAColor, type RGBColor, getColor, getForegroundColor, getHexColor, getHexaColor, getHslColor, getHslaColor, getHwbColor, getHwbaColor, getNormalizedHex, getRgbColor, getRgbaColor, hexToHsl, hexToHsla, hexToHwb, hexToHwba, hexToRgb, hexToRgba, hslToHex, hslToHwb, hslToHwba, hslToRgb, hslToRgba, hwbToHex, hwbToHsl, hwbToHsla, hwbToRgb, hwbToRgba, isColor, isHexColor, isHslColor, isHslaColor, isHwbColor, isHwbaColor, isRgbColor, isRgbaColor, rgbToHex, rgbToHsl, rgbToHsla, rgbToHwb, rgbToHwba };

package/dist/color/index.mjs

@@ -1,5 +1,5 @@
 import { getForegroundColor, getHexColor, getHexaColor, getHslColor, getHslaColor, getHwbColor, getHwbaColor, getRgbColor, getRgbaColor } from "./misc/get.mjs";
-import { isColor, isHexColor, isHslColor, isHslLike, isHslaColor, isHwbColor, isHwbLike, isHwbaColor, isHwbaLike, isRgbColor, isRgbLike, isRgbaColor } from "./misc/is.mjs";
+import { isColor, isHexColor, isHslColor, isHslaColor, isHwbColor, isHwbaColor, isRgbColor, isRgbaColor } from "./misc/is.mjs";
 import { rgbToHex, rgbToHsl, rgbToHsla, rgbToHwb, rgbToHwba } from "./space/rgb.mjs";
 import { getNormalizedHex, hexToHsl, hexToHsla, hexToHwb, hexToHwba, hexToRgb, hexToRgba } from "./space/hex.mjs";
 import { hslToHex, hslToHwb, hslToHwba, hslToRgb, hslToRgba } from "./space/hsl.mjs";
@@ -19,4 +19,4 @@ function getColor(value) {
 	return isColor(value) ? value : color(value);
 }
 //#endregion
-export { getColor, getForegroundColor, getHexColor, getHexaColor, getHslColor, getHslaColor, getHwbColor, getHwbaColor, getNormalizedHex, getRgbColor, getRgbaColor, hexToHsl, hexToHsla, hexToHwb, hexToHwba, hexToRgb, hexToRgba, hslToHex, hslToHwb, hslToHwba, hslToRgb, hslToRgba, hwbToHex, hwbToHsl, hwbToHsla, hwbToRgb, hwbToRgba, isColor, isHexColor, isHslColor, isHslLike, isHslaColor, isHwbColor, isHwbLike, isHwbaColor, isHwbaLike, isRgbColor, isRgbLike, isRgbaColor, rgbToHex, rgbToHsl, rgbToHsla, rgbToHwb, rgbToHwba };
+export { getColor, getForegroundColor, getHexColor, getHexaColor, getHslColor, getHslaColor, getHwbColor, getHwbaColor, getNormalizedHex, getRgbColor, getRgbaColor, hexToHsl, hexToHsla, hexToHwb, hexToHwba, hexToRgb, hexToRgba, hslToHex, hslToHwb, hslToHwba, hslToRgb, hslToRgba, hwbToHex, hwbToHsl, hwbToHsla, hwbToRgb, hwbToRgba, isColor, isHexColor, isHslColor, isHslaColor, isHwbColor, isHwbaColor, isRgbColor, isRgbaColor, rgbToHex, rgbToHsl, rgbToHsla, rgbToHwb, rgbToHwba };

package/dist/color/instance.mjs

@@ -1,27 +1,26 @@
-import { formatHslColor, formatHwbColor, formatRgbColor } from "./misc/index.mjs";
+import { PROPERTY_COLOR } 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 instance = {
 		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),
+		toHslString: (alpha) => formatHslColor(state, alpha),
+		toHwbString: (alpha) => formatHwbColor(state, alpha),
+		toRgbString: (alpha) => formatRgbColor(state, alpha),
 		toString: () => instance.toHexString()
 	};
 	Object.defineProperties(instance, {
-		$color: {
+		[PROPERTY_COLOR]: {
 			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),
@@ -29,31 +28,34 @@ function color(value) {
 		hsla: getProperty("hsl", state, true),
 		hwb: getProperty("hwb", state, false),
 		hwba: getProperty("hwb", state, true),
+		origin: {
+			enumerable: true,
+			get: () => state.origin
+		},
 		rgb: getProperty("rgb", state, false),
 		rgba: getProperty("rgb", state, 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];
+	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(state, 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);
+}
 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,21 @@
+import { clamp } from "../../internal/number.mjs";
+import { ALPHA_FULL_HEX_LONG, DEFAULT_ALPHA, EXPRESSION_ALPHA_HEX } from "../constants.mjs";
 import { round } from "../../internal/math/misc.mjs";
-import { ALPHA_FULL_HEX_LONG, DEFAULT_ALPHA } from "../constants.mjs";
+import "../../index.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() === ALPHA_FULL_HEX_LONG) return { ...DEFAULT_ALPHA };
+	if (hex && EXPRESSION_ALPHA_HEX.test(value)) return {
 		hex: value,
 		value: Number.parseInt(value, 16) / 255
 	};
-	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);
+	return round(value / 100 * 255).toString(16);
 }
 function getAlphaFromValue(value) {
 	const alpha = getAlphaValue(value);
@@ -22,8 +25,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 100;
+	return clamp(original, 0, 100);
 }
 //#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 "../constants.mjs";
+import { getColorFromState } from "./state.mjs";
+//#region src/color/misc/format.ts
+function formatHslColor(state, alpha) {
+	const { hue, lightness, saturation } = getColorFromState(state, "hsl");
+	return `hsl(${hue}deg ${saturation}% ${lightness}%${getSuffix(state, alpha)})`;
+}
+function formatHwbColor(state, alpha) {
+	const { blackness, hue, whiteness } = getColorFromState(state, "hwb");
+	return `hwb(${hue}deg ${whiteness}% ${blackness}%${getSuffix(state, alpha)})`;
+}
+function formatRgbColor(state, alpha) {
+	const { blue, green, red } = getColorFromState(state, "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,14 +1,14 @@
 import { clamp } from "../../internal/number.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 { round } from "../../internal/math/misc.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), "rgb");
 	const values = [
 		blue / 255,
 		green / 255,
@@ -46,7 +46,7 @@ function getHexaColor(value) {
 * @returns Hex color string
 */
 function getHexColor(value) {
-	return getColorState(value).hex;
+	return getColorFromState(getColorState(value), "hex");
 }
 function getHexValue(value) {
 	return getClampedValue(value, 0, 255, true);
@@ -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, "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), "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, "hwb"),
+		alpha: state.alpha.value
 	};
 }
 /**
@@ -108,7 +108,7 @@ function getHwbaColor(value) {
 * @returns _HSL_ color
 */
 function getHslColor(value) {
-	return getColorState(value).hsl;
+	return getColorFromState(getColorState(value), "hsl");
 }
 function getPercentage(value) {
 	return getClampedValue(value, 0, 100);
@@ -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, "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), "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

@@ -17,7 +17,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 typeof value === "object" && value !== null && "$color" in value && value["$color"] === true;
 }
 function isColorValue(obj, properties) {
 	if (typeof obj !== "object" || obj === null) return false;
@@ -67,12 +67,6 @@ function isHexColor(value, alpha) {
 function isHslaColor(value) {
 	return isColorValue(value, 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);
 }
@@ -85,12 +79,6 @@ function isHslaLike(value) {
 function isHslColor(value) {
 	return isColorValue(value, KEYS_HSLA) || isColorValue(value, 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);
 }
@@ -103,12 +91,6 @@ function isHslLike(value) {
 function isHwbaColor(value) {
 	return isColorValue(value, 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);
 }
@@ -121,12 +103,6 @@ function isHwbaLike(value) {
 function isHwbColor(value) {
 	return isColorValue(value, KEYS_HWB) || isColorValue(value, 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);
 }
@@ -139,12 +115,6 @@ function isHwbLike(value) {
 function isRgbaColor(value) {
 	return isColorValue(value, 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);
 }
@@ -157,12 +127,6 @@ function isRgbaLike(value) {
 function isRgbColor(value) {
 	return isColorValue(value, KEYS_RGBA) || isColorValue(value, 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);
 }

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

@@ -1,9 +1,10 @@
-import { ColorState } from "../models.mjs";
+import { 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;
 //#endregion
-export { getColorState, setHSLColor, setHWBColor, setHexColor, setRGBColor };
+export { getColorFromState, getColorState, setHSLColor, setHWBColor, setHexColor, setRGBColor };