chroma-panel 0.1.0

package/dist/color/convert.js

@@ -0,0 +1,153 @@
+//#region src/color/convert.ts
+function clamp(value, min, max) {
+	return value < min ? min : value > max ? max : value;
+}
+function normalizeHue(h) {
+	const r = h % 360;
+	return r < 0 ? r + 360 : r;
+}
+function rgbaToHsva(rgba) {
+	const { r, g, b, a } = rgba;
+	const max = Math.max(r, g, b);
+	const d = max - Math.min(r, g, b);
+	let hh;
+	if (d === 0) hh = 0;
+	else if (max === r) hh = (g - b) / d;
+	else if (max === g) hh = 2 + (b - r) / d;
+	else hh = 4 + (r - g) / d;
+	return {
+		h: 60 * (hh < 0 ? hh + 6 : hh),
+		s: max === 0 ? 0 : d / max * 100,
+		v: max / 255 * 100,
+		a
+	};
+}
+function hsvaToRgba(hsva) {
+	const hh = normalizeHue(hsva.h) / 360 * 6;
+	const i = Math.floor(hh);
+	const f = hh - i;
+	const s = hsva.s;
+	const v = hsva.v;
+	const p = v * (100 - s) / 100;
+	const q = v * (100 - f * s) / 100;
+	const t = v * (100 - (1 - f) * s) / 100;
+	let r;
+	let g;
+	let b;
+	switch (i % 6) {
+		case 0:
+			r = v;
+			g = t;
+			b = p;
+			break;
+		case 1:
+			r = q;
+			g = v;
+			b = p;
+			break;
+		case 2:
+			r = p;
+			g = v;
+			b = t;
+			break;
+		case 3:
+			r = p;
+			g = q;
+			b = v;
+			break;
+		case 4:
+			r = t;
+			g = p;
+			b = v;
+			break;
+		default:
+			r = v;
+			g = p;
+			b = q;
+	}
+	return {
+		r: r * 255 / 100,
+		g: g * 255 / 100,
+		b: b * 255 / 100,
+		a: hsva.a
+	};
+}
+function hsvaToHsla(hsva) {
+	const { h, s, v, a } = hsva;
+	const hh = (200 - s) * v / 100;
+	return {
+		h,
+		s: hh > 0 && hh < 200 ? s * v / 100 / (hh <= 100 ? hh : 200 - hh) * 100 : 0,
+		l: hh / 2,
+		a
+	};
+}
+function hslaToHsva(hsla) {
+	const { h, s, l, a } = hsla;
+	const ss = s * (l < 50 ? l : 100 - l) / 100;
+	return {
+		h,
+		s: ss > 0 ? 2 * ss / (l + ss) * 100 : 0,
+		v: l + ss,
+		a
+	};
+}
+function hwbaToHsva(hwba) {
+	const { h, a } = hwba;
+	let { w, b } = hwba;
+	const sum = w + b;
+	if (sum >= 100) {
+		const grey = w / sum * 100;
+		w = grey;
+		b = 100 - grey;
+		return {
+			h,
+			s: 0,
+			v: grey,
+			a
+		};
+	}
+	const v = 100 - b;
+	return {
+		h,
+		s: v === 0 ? 0 : (1 - w / v) * 100,
+		v,
+		a
+	};
+}
+function hsvaToHwba(hsva) {
+	const { h, s, v, a } = hsva;
+	return {
+		h,
+		w: (100 - s) * v / 100,
+		b: 100 - v,
+		a
+	};
+}
+function hsvaToRgb(hsva) {
+	const { r, g, b } = hsvaToRgba(hsva);
+	return {
+		r,
+		g,
+		b
+	};
+}
+function hsvaToHsl(hsva) {
+	const { h, s, l } = hsvaToHsla(hsva);
+	return {
+		h,
+		s,
+		l
+	};
+}
+function roundRgba(rgba) {
+	return {
+		r: Math.round(clamp(rgba.r, 0, 255)),
+		g: Math.round(clamp(rgba.g, 0, 255)),
+		b: Math.round(clamp(rgba.b, 0, 255)),
+		a: clamp(rgba.a, 0, 1)
+	};
+}
+//#endregion
+export { clamp, hslaToHsva, hsvaToHsl, hsvaToHsla, hsvaToHwba, hsvaToRgb, hsvaToRgba, hwbaToHsva, normalizeHue, rgbaToHsva, roundRgba };
+

package/dist/color/parse.cjs

@@ -0,0 +1,153 @@
+const require_convert = require("./convert.cjs");
+//#region src/color/parse.ts
+let namedTable = null;
+function registerNamedColors(table) {
+	namedTable = namedTable ? {
+		...namedTable,
+		...table
+	} : { ...table };
+}
+function clearNamedColors() {
+	namedTable = null;
+}
+const NUM = /^([+-]?(?:\d*\.)?\d+(?:e[+-]?\d+)?)(%?)$/i;
+const ANGLE = /^([+-]?(?:\d*\.)?\d+(?:e[+-]?\d+)?)(deg|grad|rad|turn)?$/i;
+function parseHue(token) {
+	const m = ANGLE.exec(token);
+	if (!m) return null;
+	const n = Number.parseFloat(m[1]);
+	if (!Number.isFinite(n)) return null;
+	switch ((m[2] ?? "deg").toLowerCase()) {
+		case "grad": return n * .9;
+		case "rad": return n * 180 / Math.PI;
+		case "turn": return n * 360;
+		default: return n;
+	}
+}
+function parseChannel(token) {
+	const m = NUM.exec(token);
+	if (!m) return null;
+	const n = Number.parseFloat(m[1]);
+	if (!Number.isFinite(n)) return null;
+	return m[2] ? n / 100 * 255 : n;
+}
+function parsePercent(token) {
+	const m = NUM.exec(token);
+	if (!m) return null;
+	const n = Number.parseFloat(m[1]);
+	return Number.isFinite(n) ? n : null;
+}
+function parseAlpha(token) {
+	if (token === null) return 1;
+	if (token.toLowerCase() === "none") return 1;
+	const m = NUM.exec(token);
+	if (!m) return null;
+	const n = Number.parseFloat(m[1]);
+	if (!Number.isFinite(n)) return null;
+	return require_convert.clamp(m[2] ? n / 100 : n, 0, 1);
+}
+function splitArgs(body) {
+	const slash = body.indexOf("/");
+	let head = body;
+	let alpha = null;
+	if (slash !== -1) {
+		head = body.slice(0, slash);
+		alpha = body.slice(slash + 1).trim() || null;
+	}
+	const parts = head.split(/[\s,]+/).filter(Boolean);
+	if (alpha === null && parts.length === 4) alpha = parts.pop();
+	return {
+		parts,
+		alpha
+	};
+}
+const HEX = /^#?([0-9a-f]{3,8})$/i;
+function parseHex(input) {
+	const m = HEX.exec(input);
+	if (!m) return null;
+	const hex = m[1];
+	const len = hex.length;
+	if (len !== 3 && len !== 4 && len !== 6 && len !== 8) return null;
+	const short = len < 6;
+	const step = short ? 1 : 2;
+	const read = (i) => {
+		const slice = hex.slice(i * step, i * step + step);
+		return Number.parseInt(short ? slice + slice : slice, 16);
+	};
+	const hasAlpha = len === 4 || len === 8;
+	return require_convert.rgbaToHsva({
+		r: read(0),
+		g: read(1),
+		b: read(2),
+		a: hasAlpha ? read(3) / 255 : 1
+	});
+}
+const FUNC = /^([a-z]+)\(\s*([^)]*)\)$/i;
+function parse(input) {
+	const raw = input.trim();
+	if (raw === "") return null;
+	const lower = raw.toLowerCase();
+	if (lower === "transparent") return {
+		h: 0,
+		s: 0,
+		v: 0,
+		a: 0
+	};
+	if (namedTable !== null) {
+		const named = namedTable[lower];
+		if (named !== void 0) return parseHex(named);
+	}
+	if (raw.charCodeAt(0) === 35) return parseHex(raw);
+	const fn = FUNC.exec(raw);
+	if (fn === null) return parseHex(raw);
+	const name = fn[1].toLowerCase();
+	const { parts, alpha: alphaToken } = splitArgs(fn[2]);
+	if (parts.length !== 3) return null;
+	const alpha = parseAlpha(alphaToken);
+	if (alpha === null) return null;
+	if (name === "rgb" || name === "rgba") {
+		const r = parseChannel(parts[0]);
+		const g = parseChannel(parts[1]);
+		const b = parseChannel(parts[2]);
+		if (r === null || g === null || b === null) return null;
+		return require_convert.rgbaToHsva({
+			r: require_convert.clamp(r, 0, 255),
+			g: require_convert.clamp(g, 0, 255),
+			b: require_convert.clamp(b, 0, 255),
+			a: alpha
+		});
+	}
+	if (name === "hsl" || name === "hsla") {
+		const h = parseHue(parts[0]);
+		const s = parsePercent(parts[1]);
+		const l = parsePercent(parts[2]);
+		if (h === null || s === null || l === null) return null;
+		return require_convert.hslaToHsva({
+			h,
+			s: require_convert.clamp(s, 0, 100),
+			l: require_convert.clamp(l, 0, 100),
+			a: alpha
+		});
+	}
+	if (name === "hwb") {
+		const h = parseHue(parts[0]);
+		const w = parsePercent(parts[1]);
+		const b = parsePercent(parts[2]);
+		if (h === null || w === null || b === null) return null;
+		return require_convert.hwbaToHsva({
+			h,
+			w: require_convert.clamp(w, 0, 100),
+			b: require_convert.clamp(b, 0, 100),
+			a: alpha
+		});
+	}
+	return null;
+}
+function isValidColor(input) {
+	return parse(input) !== null;
+}
+//#endregion
+exports.clearNamedColors = clearNamedColors;
+exports.isValidColor = isValidColor;
+exports.parse = parse;
+exports.registerNamedColors = registerNamedColors;

package/dist/color/parse.d.cts

@@ -0,0 +1,7 @@
+import { Hsva } from "./types.cjs";
+//#region src/color/parse.d.ts
+export declare function registerNamedColors(table: Record<string, string>): void;
+export declare function clearNamedColors(): void;
+export declare function parse(input: string): Hsva | null;
+export declare function isValidColor(input: string): boolean;
+//#endregion

package/dist/color/parse.d.ts

@@ -0,0 +1,7 @@
+import { Hsva } from "./types.js";
+//#region src/color/parse.d.ts
+export declare function registerNamedColors(table: Record<string, string>): void;
+export declare function clearNamedColors(): void;
+export declare function parse(input: string): Hsva | null;
+export declare function isValidColor(input: string): boolean;
+//#endregion

package/dist/color/parse.js

@@ -0,0 +1,151 @@
+import { clamp, hslaToHsva, hwbaToHsva, rgbaToHsva } from "./convert.js";
+//#region src/color/parse.ts
+let namedTable = null;
+function registerNamedColors(table) {
+	namedTable = namedTable ? {
+		...namedTable,
+		...table
+	} : { ...table };
+}
+function clearNamedColors() {
+	namedTable = null;
+}
+const NUM = /^([+-]?(?:\d*\.)?\d+(?:e[+-]?\d+)?)(%?)$/i;
+const ANGLE = /^([+-]?(?:\d*\.)?\d+(?:e[+-]?\d+)?)(deg|grad|rad|turn)?$/i;
+function parseHue(token) {
+	const m = ANGLE.exec(token);
+	if (!m) return null;
+	const n = Number.parseFloat(m[1]);
+	if (!Number.isFinite(n)) return null;
+	switch ((m[2] ?? "deg").toLowerCase()) {
+		case "grad": return n * .9;
+		case "rad": return n * 180 / Math.PI;
+		case "turn": return n * 360;
+		default: return n;
+	}
+}
+function parseChannel(token) {
+	const m = NUM.exec(token);
+	if (!m) return null;
+	const n = Number.parseFloat(m[1]);
+	if (!Number.isFinite(n)) return null;
+	return m[2] ? n / 100 * 255 : n;
+}
+function parsePercent(token) {
+	const m = NUM.exec(token);
+	if (!m) return null;
+	const n = Number.parseFloat(m[1]);
+	return Number.isFinite(n) ? n : null;
+}
+function parseAlpha(token) {
+	if (token === null) return 1;
+	if (token.toLowerCase() === "none") return 1;
+	const m = NUM.exec(token);
+	if (!m) return null;
+	const n = Number.parseFloat(m[1]);
+	if (!Number.isFinite(n)) return null;
+	return clamp(m[2] ? n / 100 : n, 0, 1);
+}
+function splitArgs(body) {
+	const slash = body.indexOf("/");
+	let head = body;
+	let alpha = null;
+	if (slash !== -1) {
+		head = body.slice(0, slash);
+		alpha = body.slice(slash + 1).trim() || null;
+	}
+	const parts = head.split(/[\s,]+/).filter(Boolean);
+	if (alpha === null && parts.length === 4) alpha = parts.pop();
+	return {
+		parts,
+		alpha
+	};
+}
+const HEX = /^#?([0-9a-f]{3,8})$/i;
+function parseHex(input) {
+	const m = HEX.exec(input);
+	if (!m) return null;
+	const hex = m[1];
+	const len = hex.length;
+	if (len !== 3 && len !== 4 && len !== 6 && len !== 8) return null;
+	const short = len < 6;
+	const step = short ? 1 : 2;
+	const read = (i) => {
+		const slice = hex.slice(i * step, i * step + step);
+		return Number.parseInt(short ? slice + slice : slice, 16);
+	};
+	const hasAlpha = len === 4 || len === 8;
+	return rgbaToHsva({
+		r: read(0),
+		g: read(1),
+		b: read(2),
+		a: hasAlpha ? read(3) / 255 : 1
+	});
+}
+const FUNC = /^([a-z]+)\(\s*([^)]*)\)$/i;
+function parse(input) {
+	const raw = input.trim();
+	if (raw === "") return null;
+	const lower = raw.toLowerCase();
+	if (lower === "transparent") return {
+		h: 0,
+		s: 0,
+		v: 0,
+		a: 0
+	};
+	if (namedTable !== null) {
+		const named = namedTable[lower];
+		if (named !== void 0) return parseHex(named);
+	}
+	if (raw.charCodeAt(0) === 35) return parseHex(raw);
+	const fn = FUNC.exec(raw);
+	if (fn === null) return parseHex(raw);
+	const name = fn[1].toLowerCase();
+	const { parts, alpha: alphaToken } = splitArgs(fn[2]);
+	if (parts.length !== 3) return null;
+	const alpha = parseAlpha(alphaToken);
+	if (alpha === null) return null;
+	if (name === "rgb" || name === "rgba") {
+		const r = parseChannel(parts[0]);
+		const g = parseChannel(parts[1]);
+		const b = parseChannel(parts[2]);
+		if (r === null || g === null || b === null) return null;
+		return rgbaToHsva({
+			r: clamp(r, 0, 255),
+			g: clamp(g, 0, 255),
+			b: clamp(b, 0, 255),
+			a: alpha
+		});
+	}
+	if (name === "hsl" || name === "hsla") {
+		const h = parseHue(parts[0]);
+		const s = parsePercent(parts[1]);
+		const l = parsePercent(parts[2]);
+		if (h === null || s === null || l === null) return null;
+		return hslaToHsva({
+			h,
+			s: clamp(s, 0, 100),
+			l: clamp(l, 0, 100),
+			a: alpha
+		});
+	}
+	if (name === "hwb") {
+		const h = parseHue(parts[0]);
+		const w = parsePercent(parts[1]);
+		const b = parsePercent(parts[2]);
+		if (h === null || w === null || b === null) return null;
+		return hwbaToHsva({
+			h,
+			w: clamp(w, 0, 100),
+			b: clamp(b, 0, 100),
+			a: alpha
+		});
+	}
+	return null;
+}
+function isValidColor(input) {
+	return parse(input) !== null;
+}
+//#endregion
+export { clearNamedColors, isValidColor, parse, registerNamedColors };
+

package/dist/color/serialize.cjs

@@ -0,0 +1,79 @@
+const require_convert = require("./convert.cjs");
+//#region src/color/serialize.ts
+function hex2(channel) {
+	const v = Math.round(require_convert.clamp(channel, 0, 255));
+	return v < 16 ? "0" + v.toString(16) : v.toString(16);
+}
+function toHex(hsva) {
+	const { r, g, b } = require_convert.hsvaToRgba(hsva);
+	return "#" + hex2(r) + hex2(g) + hex2(b);
+}
+function toHexa(hsva) {
+	const { r, g, b, a } = require_convert.hsvaToRgba(hsva);
+	return "#" + hex2(r) + hex2(g) + hex2(b) + hex2(require_convert.clamp(a, 0, 1) * 255);
+}
+function toRgbString(hsva) {
+	const { r, g, b } = require_convert.roundRgba(require_convert.hsvaToRgba(hsva));
+	return `rgb(${r}, ${g}, ${b})`;
+}
+function toRgbaString(hsva) {
+	const { r, g, b, a } = require_convert.roundRgba(require_convert.hsvaToRgba(hsva));
+	return `rgba(${r}, ${g}, ${b}, ${round(a, 3)})`;
+}
+function toHslString(hsva) {
+	const { h, s, l } = require_convert.hsvaToHsla(hsva);
+	return `hsl(${Math.round(require_convert.normalizeHue(h))}, ${Math.round(s)}%, ${Math.round(l)}%)`;
+}
+function toHslaString(hsva) {
+	const { h, s, l, a } = require_convert.hsvaToHsla(hsva);
+	return `hsla(${Math.round(require_convert.normalizeHue(h))}, ${Math.round(s)}%, ${Math.round(l)}%, ${round(a, 3)})`;
+}
+function round(value, places) {
+	const f = 10 ** places;
+	return Math.round(value * f) / f;
+}
+function toFormat(hsva, format) {
+	switch (format) {
+		case "hexa": return toHexa(hsva);
+		case "rgb": return toRgbString(hsva);
+		case "rgba": return toRgbaString(hsva);
+		case "hsl": return toHslString(hsva);
+		case "hsla": return toHslaString(hsva);
+		default: return toHex(hsva);
+	}
+}
+function toResult(hsva, format) {
+	const rgba = require_convert.roundRgba(require_convert.hsvaToRgba(hsva));
+	const hsla = require_convert.hsvaToHsla(hsva);
+	const hsl = {
+		h: Math.round(require_convert.normalizeHue(hsla.h)),
+		s: Math.round(hsla.s),
+		l: Math.round(hsla.l)
+	};
+	return {
+		hex: toHex(hsva),
+		hexa: toHexa(hsva),
+		rgb: {
+			r: rgba.r,
+			g: rgba.g,
+			b: rgba.b
+		},
+		rgba,
+		hsl,
+		hsla: {
+			...hsl,
+			a: round(hsva.a, 3)
+		},
+		hsva,
+		css: toFormat(hsva, format)
+	};
+}
+//#endregion
+exports.toFormat = toFormat;
+exports.toHex = toHex;
+exports.toHexa = toHexa;
+exports.toHslString = toHslString;
+exports.toHslaString = toHslaString;
+exports.toResult = toResult;
+exports.toRgbString = toRgbString;
+exports.toRgbaString = toRgbaString;

package/dist/color/serialize.d.cts

@@ -0,0 +1,11 @@
+import { ColorChangeResult, ColorFormat, Hsva } from "./types.cjs";
+//#region src/color/serialize.d.ts
+export declare function toHex(hsva: Hsva): string;
+export declare function toHexa(hsva: Hsva): string;
+export declare function toRgbString(hsva: Hsva): string;
+export declare function toRgbaString(hsva: Hsva): string;
+export declare function toHslString(hsva: Hsva): string;
+export declare function toHslaString(hsva: Hsva): string;
+export declare function toFormat(hsva: Hsva, format: ColorFormat): string;
+export declare function toResult(hsva: Hsva, format: ColorFormat): ColorChangeResult;
+//#endregion

package/dist/color/serialize.d.ts

@@ -0,0 +1,11 @@
+import { ColorChangeResult, ColorFormat, Hsva } from "./types.js";
+//#region src/color/serialize.d.ts
+export declare function toHex(hsva: Hsva): string;
+export declare function toHexa(hsva: Hsva): string;
+export declare function toRgbString(hsva: Hsva): string;
+export declare function toRgbaString(hsva: Hsva): string;
+export declare function toHslString(hsva: Hsva): string;
+export declare function toHslaString(hsva: Hsva): string;
+export declare function toFormat(hsva: Hsva, format: ColorFormat): string;
+export declare function toResult(hsva: Hsva, format: ColorFormat): ColorChangeResult;
+//#endregion

package/dist/color/serialize.js

@@ -0,0 +1,73 @@
+import { clamp, hsvaToHsla, hsvaToRgba, normalizeHue, roundRgba } from "./convert.js";
+//#region src/color/serialize.ts
+function hex2(channel) {
+	const v = Math.round(clamp(channel, 0, 255));
+	return v < 16 ? "0" + v.toString(16) : v.toString(16);
+}
+function toHex(hsva) {
+	const { r, g, b } = hsvaToRgba(hsva);
+	return "#" + hex2(r) + hex2(g) + hex2(b);
+}
+function toHexa(hsva) {
+	const { r, g, b, a } = hsvaToRgba(hsva);
+	return "#" + hex2(r) + hex2(g) + hex2(b) + hex2(clamp(a, 0, 1) * 255);
+}
+function toRgbString(hsva) {
+	const { r, g, b } = roundRgba(hsvaToRgba(hsva));
+	return `rgb(${r}, ${g}, ${b})`;
+}
+function toRgbaString(hsva) {
+	const { r, g, b, a } = roundRgba(hsvaToRgba(hsva));
+	return `rgba(${r}, ${g}, ${b}, ${round(a, 3)})`;
+}
+function toHslString(hsva) {
+	const { h, s, l } = hsvaToHsla(hsva);
+	return `hsl(${Math.round(normalizeHue(h))}, ${Math.round(s)}%, ${Math.round(l)}%)`;
+}
+function toHslaString(hsva) {
+	const { h, s, l, a } = hsvaToHsla(hsva);
+	return `hsla(${Math.round(normalizeHue(h))}, ${Math.round(s)}%, ${Math.round(l)}%, ${round(a, 3)})`;
+}
+function round(value, places) {
+	const f = 10 ** places;
+	return Math.round(value * f) / f;
+}
+function toFormat(hsva, format) {
+	switch (format) {
+		case "hexa": return toHexa(hsva);
+		case "rgb": return toRgbString(hsva);
+		case "rgba": return toRgbaString(hsva);
+		case "hsl": return toHslString(hsva);
+		case "hsla": return toHslaString(hsva);
+		default: return toHex(hsva);
+	}
+}
+function toResult(hsva, format) {
+	const rgba = roundRgba(hsvaToRgba(hsva));
+	const hsla = hsvaToHsla(hsva);
+	const hsl = {
+		h: Math.round(normalizeHue(hsla.h)),
+		s: Math.round(hsla.s),
+		l: Math.round(hsla.l)
+	};
+	return {
+		hex: toHex(hsva),
+		hexa: toHexa(hsva),
+		rgb: {
+			r: rgba.r,
+			g: rgba.g,
+			b: rgba.b
+		},
+		rgba,
+		hsl,
+		hsla: {
+			...hsl,
+			a: round(hsva.a, 3)
+		},
+		hsva,
+		css: toFormat(hsva, format)
+	};
+}
+//#endregion
+export { toFormat, toHex, toHexa, toHslString, toHslaString, toResult, toRgbString, toRgbaString };
+

package/dist/color/sticky.cjs

@@ -0,0 +1,20 @@
+const require_serialize = require("./serialize.cjs");
+//#region src/color/sticky.ts
+function ingest(next, prev) {
+	return {
+		h: next.s > 0 && next.v > 0 ? next.h : prev.h,
+		s: next.v > 0 ? next.s : prev.s,
+		v: next.v,
+		a: next.a
+	};
+}
+function sameRendered(a, b) {
+	return require_serialize.toHexa(a) === require_serialize.toHexa(b);
+}
+function sameHsva(a, b) {
+	return a.h === b.h && a.s === b.s && a.v === b.v && a.a === b.a;
+}
+//#endregion
+exports.ingest = ingest;
+exports.sameHsva = sameHsva;
+exports.sameRendered = sameRendered;

package/dist/color/sticky.d.cts

@@ -0,0 +1,6 @@
+import { Hsva } from "./types.cjs";
+//#region src/color/sticky.d.ts
+export declare function ingest(next: Hsva, prev: Hsva): Hsva;
+export declare function sameRendered(a: Hsva, b: Hsva): boolean;
+export declare function sameHsva(a: Hsva, b: Hsva): boolean;
+//#endregion

package/dist/color/sticky.d.ts

@@ -0,0 +1,6 @@
+import { Hsva } from "./types.js";
+//#region src/color/sticky.d.ts
+export declare function ingest(next: Hsva, prev: Hsva): Hsva;
+export declare function sameRendered(a: Hsva, b: Hsva): boolean;
+export declare function sameHsva(a: Hsva, b: Hsva): boolean;
+//#endregion

package/dist/color/sticky.js

@@ -0,0 +1,19 @@
+import { toHexa } from "./serialize.js";
+//#region src/color/sticky.ts
+function ingest(next, prev) {
+	return {
+		h: next.s > 0 && next.v > 0 ? next.h : prev.h,
+		s: next.v > 0 ? next.s : prev.s,
+		v: next.v,
+		a: next.a
+	};
+}
+function sameRendered(a, b) {
+	return toHexa(a) === toHexa(b);
+}
+function sameHsva(a, b) {
+	return a.h === b.h && a.s === b.s && a.v === b.v && a.a === b.a;
+}
+//#endregion
+export { ingest, sameHsva, sameRendered };
+