@oscarpalmer/atoms 0.202.0 → 0.203.0

package/dist/color/instance.mjs

@@ -1,66 +1,133 @@
-import { SUBSCRIPTION_NAME } from "../internal/subscription.mjs";
+import "../internal/subscription.mjs";
 import { herald } from "../internal/herald.mjs";
-import { COLOR_PROPERTY, COLOR_TYPE } from "./constants.mjs";
+import { COLOR_NAME, COLOR_PROPERTY, COLOR_SYMBOL, COLOR_TYPE, colorSubscription } from "./constants.mjs";
 import { getAlpha } from "./misc/alpha.mjs";
 import { getColorFromState, getColorState, setHSLColor, setHWBColor, setHexColor, setRGBColor } from "./misc/state.mjs";
 import { formatHexColor, formatHslColor, formatHwbColor, formatRgbColor } from "./misc/format.mjs";
 //#region src/color/instance.ts
-function color(value) {
-	const changes = herald({
-		names: [COLOR_TYPE.wildcard, ...COLOR_TYPE.all],
-		property: colorSubscription,
-		onCreate: (event, callback) => onCreateSubscription(instance, event, callback)
-	});
-	const state = getColorState(value);
-	const instance = {
-		subscribe: (callback, signal) => changes.subscribe(COLOR_TYPE.wildcard, callback, signal),
-		toHexString: (alpha) => formatHexColor(instance, alpha),
-		toHslString: (alpha) => formatHslColor(state, alpha),
-		toHwbString: (alpha) => formatHwbColor(state, alpha),
-		toRgbString: (alpha) => formatRgbColor(state, alpha),
-		toString: () => instance.toHexString(),
-		unsubscribe: () => changes.clear()
-	};
-	Object.defineProperties(instance, {
-		[COLOR_PROPERTY.name]: { value: true },
-		alpha: {
-			enumerable: true,
-			get: () => state.alpha.value,
-			set: (value) => setAlphaValue(state, value)
+function Color(value) {
+	Object.defineProperty(this, COLOR_SYMBOL, { value: {
+		changes: herald({
+			names: [COLOR_TYPE.wildcard, ...COLOR_TYPE.all],
+			property: colorSubscription,
+			onCreate: (event, callback) => onCreateSubscription(this, event, callback)
+		}),
+		values: getColorState(value)
+	} });
+}
+Object.defineProperties(Color.prototype, {
+	[COLOR_PROPERTY]: { value: COLOR_NAME },
+	alpha: {
+		enumerable: true,
+		get() {
+			return this[COLOR_SYMBOL].values.alpha.value;
 		},
-		changes: {
-			enumerable: true,
-			value: changes.events
+		set(value) {
+			setAlphaValue(this[COLOR_SYMBOL].values, value);
+		}
+	},
+	changes: {
+		enumerable: true,
+		get() {
+			return this[COLOR_SYMBOL].changes.events;
+		}
+	},
+	hex: {
+		enumerable: true,
+		get() {
+			return getColorValue(this, COLOR_TYPE.hex, false);
 		},
-		hex: createColorProperty(COLOR_TYPE.hex, instance, state, changes, false),
-		hexa: createColorProperty(COLOR_TYPE.hex, instance, state, changes, true),
-		hsl: createColorProperty(COLOR_TYPE.hsl, instance, state, changes, false),
-		hsla: createColorProperty(COLOR_TYPE.hsl, instance, state, changes, true),
-		hwb: createColorProperty(COLOR_TYPE.hwb, instance, state, changes, false),
-		hwba: createColorProperty(COLOR_TYPE.hwb, instance, state, changes, true),
-		origin: {
-			enumerable: true,
-			get: () => state.origin
+		set(value) {
+			setHexColor(this, value, false);
+		}
+	},
+	hexa: {
+		enumerable: true,
+		get() {
+			return getColorValue(this, COLOR_TYPE.hex, true);
 		},
-		rgb: createColorProperty(COLOR_TYPE.rgb, instance, state, changes, false),
-		rgba: createColorProperty(COLOR_TYPE.rgb, instance, state, changes, true)
-	});
-	return Object.freeze(instance);
-}
-function createColorProperty(space, color, state, changes, alpha) {
-	const setValue = setters[space];
-	return {
+		set(value) {
+			setHexColor(this, value, true);
+		}
+	},
+	hsl: {
+		enumerable: true,
+		get() {
+			return getColorValue(this, COLOR_TYPE.hsl, false);
+		},
+		set(value) {
+			setHSLColor(this, value, false);
+		}
+	},
+	hsla: {
+		enumerable: true,
+		get() {
+			return getColorValue(this, COLOR_TYPE.hsl, true);
+		},
+		set(value) {
+			setHSLColor(this, value, true);
+		}
+	},
+	hwb: {
 		enumerable: true,
-		get: () => getColorValue(space, state, alpha),
-		set: (value) => setValue(color, state, changes, value, alpha)
-	};
+		get() {
+			return getColorValue(this, COLOR_TYPE.hwb, false);
+		},
+		set(value) {
+			setHWBColor(this, value, false);
+		}
+	},
+	hwba: {
+		enumerable: true,
+		get() {
+			return getColorValue(this, COLOR_TYPE.hwb, true);
+		},
+		set(value) {
+			setHWBColor(this, value, true);
+		}
+	},
+	origin: {
+		enumerable: true,
+		get() {
+			return this[COLOR_SYMBOL].values.origin;
+		}
+	},
+	rgb: {
+		enumerable: true,
+		get() {
+			return getColorValue(this, COLOR_TYPE.rgb, false);
+		},
+		set(value) {
+			setRGBColor(this, value, false);
+		}
+	},
+	rgba: {
+		enumerable: true,
+		get() {
+			return getColorValue(this, COLOR_TYPE.rgb, true);
+		},
+		set(value) {
+			setRGBColor(this, value, true);
+		}
+	},
+	subscribe: { value: subscribeToColor },
+	toHexString: { value: formatHexColor },
+	toHslString: { value: formatHslColor },
+	toHwbString: { value: formatHwbColor },
+	toRgbString: { value: formatRgbColor },
+	toString: { value: formatHexColor },
+	unsubscribe: { value: unsubscribeFromColor }
+});
+function color(value) {
+	return new Color(value);
 }
-function getColorValue(space, state, alpha) {
-	const value = getColorFromState(state, space);
-	if (typeof value === "string") return alpha ? `${value}${state.alpha.hex}` : value;
+function getColorValue(instance, type, alpha) {
+	const { values } = instance[COLOR_SYMBOL];
+	const value = getColorFromState(values, type);
+	if (typeof value === "string") return alpha ? `${value}${values.alpha.hex}` : value;
 	return alpha ? {
 		...value,
-		alpha: state.alpha.value
+		alpha: values.alpha.value
 	} : { ...value };
 }
 function onCreateSubscription(instance, event, callback) {
@@ -72,15 +139,12 @@ function onCreateSubscription(instance, event, callback) {
 function setAlphaValue(state, value) {
 	if (typeof value === "number" && !Number.isNaN(value)) state.alpha = getAlpha(value, false);
 }
-const colorSubscription = {
-	key: COLOR_PROPERTY.name,
-	value: SUBSCRIPTION_NAME
-};
-const setters = {
-	hex: setHexColor,
-	hsl: setHSLColor,
-	hwb: setHWBColor,
-	rgb: setRGBColor
-};
+function subscribeToColor(callback, signal) {
+	const { changes } = this[COLOR_SYMBOL];
+	return changes.subscribe(COLOR_TYPE.wildcard, callback, signal);
+}
+function unsubscribeFromColor() {
+	this[COLOR_SYMBOL].changes.clear();
+}
 //#endregion
 export { color };

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

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

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

@@ -1,8 +1,7 @@
-import { Color, ColorState } from "../models.mjs";
+import { InternalColor } from "../models.mjs";
 //#region src/color/misc/format.d.ts
-declare function formatHexColor(color: Color, alpha?: boolean): string;
-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 { formatHexColor, formatHslColor, formatHwbColor, formatRgbColor };
+export declare function formatHexColor(this: InternalColor, alpha?: boolean): string;
+export declare function formatHslColor(this: InternalColor, alpha?: boolean): string;
+export declare function formatHwbColor(this: InternalColor, alpha?: boolean): string;
+export declare function formatRgbColor(this: InternalColor, alpha?: boolean): string;
+//#endregion

package/dist/color/misc/format.mjs

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

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

@@ -9,7 +9,7 @@ import { Color, HSLAColor, HSLColor, HWBAColor, HWBColor, RGBAColor, RGBColor }
  * @param value Original value
  * @returns Foreground color
  */
-declare function getForegroundColor(value: unknown, hex: true): string;
+export declare function getForegroundColor(value: unknown, hex: true): string;
 /**
  * Get a foreground color _(usually text)_ based on a background color's luminance
  *
@@ -19,7 +19,7 @@ declare function getForegroundColor(value: unknown, hex: true): string;
  * @param value Original value
  * @returns Foreground color
  */
-declare function getForegroundColor(value: unknown): Color;
+export declare function getForegroundColor(value: unknown): Color;
 /**
  * Get the hex color _(with alpha channel, i.e., opacity)_ from any kind of value
  *
@@ -29,7 +29,7 @@ declare function getForegroundColor(value: unknown): Color;
  * @param value Original value
  * @returns Hex color string
  */
-declare function getHexaColor(value: unknown): string;
+export declare function getHexaColor(value: unknown): string;
 /**
  * Get the hex color from any kind of value
  *
@@ -39,9 +39,9 @@ declare function getHexaColor(value: unknown): string;
  * @param value Original value
  * @returns Hex color string
  */
-declare function getHexColor(value: unknown): string;
-declare function getHexValue(value: unknown): number;
-declare function getDegrees(value: unknown): number;
+export declare function getHexColor(value: unknown): string;
+export declare function getHexValue(value: unknown): number;
+export declare function getDegrees(value: unknown): number;
 /**
  * Get the _HSLA_ color from any kind of value
  *
@@ -51,7 +51,7 @@ declare function getDegrees(value: unknown): number;
  * @param value Original value
  * @returns _HSLA_ color
  */
-declare function getHslaColor(value: unknown): HSLAColor;
+export declare function getHslaColor(value: unknown): HSLAColor;
 /**
  * Get the _HWB_ color from any kind of value
  *
@@ -61,7 +61,7 @@ declare function getHslaColor(value: unknown): HSLAColor;
  * @param value Original value
  * @returns _HWB_ color
  */
-declare function getHwbColor(value: unknown): HWBColor;
+export declare function getHwbColor(value: unknown): HWBColor;
 /**
  * Get the _HWBA_ color from any kind of value
  *
@@ -71,7 +71,7 @@ declare function getHwbColor(value: unknown): HWBColor;
  * @param value Original value
  * @returns _HWBA_ color
  */
-declare function getHwbaColor(value: unknown): HWBAColor;
+export declare function getHwbaColor(value: unknown): HWBAColor;
 /**
  * Get the _HSL_ color from any kind of value
  *
@@ -81,8 +81,8 @@ declare function getHwbaColor(value: unknown): HWBAColor;
  * @param value Original value
  * @returns _HSL_ color
  */
-declare function getHslColor(value: unknown): HSLColor;
-declare function getPercentage(value: unknown): number;
+export declare function getHslColor(value: unknown): HSLColor;
+export declare function getPercentage(value: unknown): number;
 /**
  * Get the _RGBA_ color from any kind of value
  *
@@ -92,7 +92,7 @@ declare function getPercentage(value: unknown): number;
  * @param value Original value
  * @returns _RGBA_ color
  */
-declare function getRgbaColor(value: unknown): RGBAColor;
+export declare function getRgbaColor(value: unknown): RGBAColor;
 /**
  * Get the _RGB_ color from any kind of value
  *
@@ -102,6 +102,5 @@ declare function getRgbaColor(value: unknown): RGBAColor;
  * @param value Original value
  * @returns _RGB_ color
  */
-declare function getRgbColor(value: unknown): RGBColor;
-//#endregion
-export { getDegrees, getForegroundColor, getHexColor, getHexValue, getHexaColor, getHslColor, getHslaColor, getHwbColor, getHwbaColor, getPercentage, getRgbColor, getRgbaColor };
+export declare function getRgbColor(value: unknown): RGBColor;
+//#endregion

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

@@ -7,14 +7,14 @@ import { Color, HSLAColor, HSLColor, HWBAColor, HWBColor, RGBAColor, RGBColor }
  * @param value Value to check
  * @returns `true` if the value is a _Color_, otherwise `false`
  */
-declare function isColor(value: unknown): value is Color;
+export declare function isColor(value: unknown): value is Color;
 /**
  * Is the value a color subscription?
  *
  * @param value Value to check
  * @returns `true` if the value is a color subscription, otherwise `false`
  */
-declare function isColorSubscription(value: unknown): value is Subscription;
+export declare function isColorSubscription(value: unknown): value is Subscription;
 /**
  * Is the value a hex color?
  *
@@ -31,54 +31,53 @@ declare function isColorSubscription(value: unknown): value is Subscription;
  * isHexColor('#ff000050', false); // => false
  * ```
  */
-declare function isHexColor(value: unknown, alpha?: boolean): value is string;
+export declare function isHexColor(value: unknown, alpha?: boolean): value is string;
 /**
  * Is the value an _HSLA_ color?
  *
  * @param value Value to check
  * @returns `true` if the value is an _HSLA_ color, otherwise `false`
  */
-declare function isHslaColor(value: unknown): value is HSLAColor;
-declare function isHslaLike(value: unknown): value is Record<keyof HSLAColor, unknown>;
+export declare function isHslaColor(value: unknown): value is HSLAColor;
+export declare function isHslaLike(value: unknown): value is Record<keyof HSLAColor, unknown>;
 /**
  * Is the value an _HSL_ color?
  *
  * @param value Value to check
  * @returns `true` if the value is an _HSL_ color, otherwise `false`
  */
-declare function isHslColor(value: unknown): value is HSLColor;
-declare function isHslLike(value: unknown): value is Record<keyof HSLColor, unknown>;
+export declare function isHslColor(value: unknown): value is HSLColor;
+export declare function isHslLike(value: unknown): value is Record<keyof HSLColor, unknown>;
 /**
  * Is the value an _HWBA_ color?
  *
  * @param value Value to check
  * @returns `true` if the value is an _HWBA_ color, otherwise `false`
  */
-declare function isHwbaColor(value: unknown): value is HWBAColor;
-declare function isHwbaLike(value: unknown): value is Record<keyof HWBAColor, unknown>;
+export declare function isHwbaColor(value: unknown): value is HWBAColor;
+export declare function isHwbaLike(value: unknown): value is Record<keyof HWBAColor, unknown>;
 /**
  * Is the value an _HWB_ color?
  *
  * @param value Value to check
  * @returns `true` if the value is an _HWB_ color, otherwise `false`
  */
-declare function isHwbColor(value: unknown): value is HWBColor;
-declare function isHwbLike(value: unknown): value is Record<keyof HWBColor, unknown>;
+export declare function isHwbColor(value: unknown): value is HWBColor;
+export declare function isHwbLike(value: unknown): value is Record<keyof HWBColor, unknown>;
 /**
  * Is the value an _RGBA_ color?
  *
  * @param value Value to check
  * @returns `true` if the value is an _RGBA_ color, otherwise `false`
  */
-declare function isRgbaColor(value: unknown): value is RGBAColor;
-declare function isRgbaLike(value: unknown): value is Record<keyof RGBAColor, unknown>;
+export declare function isRgbaColor(value: unknown): value is RGBAColor;
+export declare function isRgbaLike(value: unknown): value is Record<keyof RGBAColor, unknown>;
 /**
  * Is the value an _RGB_ color?
  *
  * @param value Value to check
  * @returns `true` if the value is an _RGB_ color, otherwise `false`
  */
-declare function isRgbColor(value: unknown): value is RGBColor;
-declare function isRgbLike(value: unknown): value is Record<keyof RGBColor, unknown>;
-//#endregion
-export { isColor, isColorSubscription, isHexColor, isHslColor, isHslLike, isHslaColor, isHslaLike, isHwbColor, isHwbLike, isHwbaColor, isHwbaLike, isRgbColor, isRgbLike, isRgbaColor, isRgbaLike };
+export declare function isRgbColor(value: unknown): value is RGBColor;
+export declare function isRgbLike(value: unknown): value is Record<keyof RGBColor, unknown>;
+//#endregion

package/dist/color/misc/is.mjs

@@ -1,7 +1,6 @@
-import { isPlainObject } from "../../internal/is.mjs";
 import { isSubscription } from "../../internal/subscription.mjs";
 import { between } from "../../internal/number.mjs";
-import { COLOR_ALPHA, COLOR_EXPRESSION, COLOR_KEYS, COLOR_LENGTHS, COLOR_MAX, COLOR_PROPERTY } from "../constants.mjs";
+import { COLOR_ALPHA, COLOR_EXPRESSION, COLOR_KEYS, COLOR_LENGTHS, COLOR_MAX } 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);
@@ -19,7 +18,7 @@ function isBytey(value) {
 * @returns `true` if the value is a _Color_, otherwise `false`
 */
 function isColor(value) {
-	return isPlainObject(value) && COLOR_PROPERTY.name in value && value[COLOR_PROPERTY.name] === true;
+	return typeof value === "object" && value !== null && "$color" in value && value["$color"] === "color";
 }
 /**
 * Is the value a color subscription?
@@ -28,7 +27,7 @@ function isColor(value) {
 * @returns `true` if the value is a color subscription, otherwise `false`
 */
 function isColorSubscription(value) {
-	return isSubscription(value) && value[COLOR_PROPERTY.name] === "subscription";
+	return isSubscription(value) && value["$color"] === "subscription";
 }
 function isColorValue(obj, properties) {
 	if (typeof obj !== "object" || obj === null) return false;

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

@@ -1,11 +1,9 @@
-import { Herald } from "../../internal/herald.mjs";
-import { Color, ColorChanges, ColorState, ColorType } from "../models.mjs";
+import { ColorState, ColorType, InternalColor } 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(color: Color, state: ColorState, changes: Herald<ColorChanges>, value: string, alpha: boolean): void;
-declare function setHSLColor(color: Color, state: ColorState, changes: Herald<ColorChanges>, value: unknown, alpha: boolean): void;
-declare function setHWBColor(color: Color, state: ColorState, changes: Herald<ColorChanges>, value: unknown, alpha: boolean): void;
-declare function setRGBColor(color: Color, state: ColorState, changes: Herald<ColorChanges>, value: unknown, alpha: boolean): void;
-//#endregion
-export { getColorFromState, getColorState, setHSLColor, setHWBColor, setHexColor, setRGBColor };
+export declare function getColorFromState<Type extends ColorType>(state: ColorState, type: Type): NonNullable<ColorState[Type]>;
+export declare function getColorState(value: unknown): ColorState;
+export declare function setHexColor(instance: InternalColor, value: string, alpha: boolean): void;
+export declare function setHSLColor(instance: InternalColor, value: unknown, alpha: boolean): void;
+export declare function setHWBColor(instance: InternalColor, value: unknown, alpha: boolean): void;
+export declare function setRGBColor(instance: InternalColor, value: unknown, alpha: boolean): void;
+//#endregion

package/dist/color/misc/state.mjs

@@ -1,4 +1,4 @@
-import { COLOR_DEFAULTS, COLOR_KEYS, COLOR_LENGTHS, COLOR_MAX, COLOR_TYPE } from "../constants.mjs";
+import { COLOR_DEFAULTS, COLOR_KEYS, COLOR_LENGTHS, COLOR_MAX, COLOR_SYMBOL, COLOR_TYPE } from "../constants.mjs";
 import { getAlpha } from "./alpha.mjs";
 import { getDegrees, getHexValue, getPercentage } from "./get.mjs";
 import { isColor, isHexColor, isHslLike, isHwbLike, isRgbLike } from "./is.mjs";
@@ -59,41 +59,43 @@ function getDefaultColorState() {
 		origin: COLOR_TYPE.hex
 	};
 }
-function setColorValue(color, state, changes, type, value, alpha) {
-	state.hex = void 0;
-	state.hsl = void 0;
-	state.hwb = void 0;
-	state.rgb = void 0;
-	state.origin = type;
-	state[type] = value;
-	if (alpha != null) state.alpha = getAlpha(alpha, type === COLOR_TYPE.hex);
-	for (const type of COLOR_TYPE.all) if (changes.observed(type)) changes.emit(type, color[type]);
-	changes.emit(COLOR_TYPE.wildcard, color);
+function setColorValue(instance, type, value, alpha) {
+	const { changes, values } = instance[COLOR_SYMBOL];
+	values.hex = void 0;
+	values.hsl = void 0;
+	values.hwb = void 0;
+	values.rgb = void 0;
+	values.origin = type;
+	values[type] = value;
+	if (alpha != null) values.alpha = getAlpha(alpha, type === COLOR_TYPE.hex);
+	for (const type of COLOR_TYPE.all) if (changes.observed(type)) changes.emit(type, instance[type]);
+	changes.emit(COLOR_TYPE.wildcard, instance);
 }
-function setHexColor(color, state, changes, value, alpha) {
-	if (!isHexColor(value) || !alpha && value === state.hex) return;
+function setHexColor(instance, value, alpha) {
+	const { values } = instance[COLOR_SYMBOL];
+	if (!isHexColor(value) || !alpha && value === values.hex) return;
 	const normalized = getNormalizedHex(value, true);
-	setColorValue(color, state, changes, COLOR_TYPE.hex, normalized.slice(0, COLOR_LENGTHS.hexLong), alpha ? normalized.slice(COLOR_LENGTHS.hexLong) : void 0);
+	setColorValue(instance, COLOR_TYPE.hex, normalized.slice(0, COLOR_LENGTHS.hexLong), alpha ? normalized.slice(COLOR_LENGTHS.hexLong) : void 0);
 }
-function setHSLColor(color, state, changes, value, alpha) {
+function setHSLColor(instance, value, alpha) {
 	if (!isHslLike(value)) return;
-	setColorValue(color, state, changes, COLOR_TYPE.hsl, {
+	setColorValue(instance, COLOR_TYPE.hsl, {
 		hue: getDegrees(value.hue),
 		saturation: getPercentage(value.saturation),
 		lightness: getPercentage(value.lightness)
 	}, alpha ? value.alpha : void 0);
 }
-function setHWBColor(color, state, changes, value, alpha) {
+function setHWBColor(instance, value, alpha) {
 	if (!isHwbLike(value)) return;
-	setColorValue(color, state, changes, COLOR_TYPE.hwb, {
+	setColorValue(instance, COLOR_TYPE.hwb, {
 		hue: getDegrees(value.hue),
 		whiteness: getPercentage(value.whiteness),
 		blackness: getPercentage(value.blackness)
 	}, alpha ? value.alpha : void 0);
 }
-function setRGBColor(color, state, changes, value, alpha) {
+function setRGBColor(instance, value, alpha) {
 	if (!isRgbLike(value)) return;
-	setColorValue(color, state, changes, COLOR_TYPE.rgb, {
+	setColorValue(instance, COLOR_TYPE.rgb, {
 		red: getHexValue(value.red),
 		green: getHexValue(value.green),
 		blue: getHexValue(value.blue)