reka-ui 2.8.2 → 2.9.0

package/dist/color/gradient.js

@@ -0,0 +1,354 @@
+import { colorToString, convertToHsb, convertToHsl, convertToRgb } from "./convert.js";
+
+//#region src/shared/color/gradient.ts
+/**
+* Generates a CSS gradient for a color slider track.
+*/
+function getSliderGradient(color, channel, colorSpace = color.space) {
+	const hsl = convertToHsl(color);
+	const hsb = convertToHsb(color);
+	switch (channel) {
+		case "hue": return getHueGradient();
+		case "saturation": return getSaturationGradient(hsl, colorSpace);
+		case "lightness": return getLightnessGradient(hsl);
+		case "brightness": return getBrightnessGradient(hsb);
+		case "red": return getRedGradient(color);
+		case "green": return getGreenGradient(color);
+		case "blue": return getBlueGradient(color);
+		case "alpha": return getAlphaGradient(color);
+		default: return "";
+	}
+}
+/**
+* Generates a CSS gradient for a color area (2D picker).
+*/
+function getAreaGradient(color, xChannel, yChannel, colorSpace = color.space) {
+	const hsl = convertToHsl(color);
+	const hsb = convertToHsb(color);
+	const gradientX = getChannelGradientForArea(color, xChannel, colorSpace, "x");
+	const gradientY = getChannelGradientForArea(color, yChannel, colorSpace, "y");
+	const bgColor = getAreaBackgroundColor(color, xChannel, yChannel, colorSpace);
+	return {
+		background: bgColor,
+		gradientX,
+		gradientY
+	};
+}
+function getHueGradient() {
+	return "linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)";
+}
+function getSaturationGradient(hsl, colorSpace) {
+	const start = colorToString({
+		space: "hsl",
+		h: hsl.h,
+		s: 0,
+		l: colorSpace === "hsl" ? hsl.l : 50,
+		alpha: 1
+	}, "hsl");
+	const end = colorToString({
+		space: "hsl",
+		h: hsl.h,
+		s: 100,
+		l: colorSpace === "hsl" ? hsl.l : 50,
+		alpha: 1
+	}, "hsl");
+	return `linear-gradient(to right, ${start}, ${end})`;
+}
+function getLightnessGradient(hsl) {
+	const start = colorToString({
+		space: "hsl",
+		h: hsl.h,
+		s: hsl.s,
+		l: 0,
+		alpha: 1
+	}, "hsl");
+	const mid = colorToString({
+		space: "hsl",
+		h: hsl.h,
+		s: hsl.s,
+		l: 50,
+		alpha: 1
+	}, "hsl");
+	const end = colorToString({
+		space: "hsl",
+		h: hsl.h,
+		s: hsl.s,
+		l: 100,
+		alpha: 1
+	}, "hsl");
+	return `linear-gradient(to right, ${start}, ${mid}, ${end})`;
+}
+function getBrightnessGradient(hsb) {
+	const start = colorToString({
+		space: "hsb",
+		h: hsb.h,
+		s: hsb.s,
+		b: 0,
+		alpha: 1
+	}, "rgb");
+	const end = colorToString({
+		space: "hsb",
+		h: hsb.h,
+		s: hsb.s,
+		b: 100,
+		alpha: 1
+	}, "rgb");
+	return `linear-gradient(to right, ${start}, ${end})`;
+}
+function getRedGradient(color) {
+	const { g, b, alpha } = color.space === "rgb" ? color : {
+		g: 128,
+		b: 128,
+		alpha: 1
+	};
+	const start = colorToString({
+		space: "rgb",
+		r: 0,
+		g,
+		b,
+		alpha: 1
+	}, "rgb");
+	const end = colorToString({
+		space: "rgb",
+		r: 255,
+		g,
+		b,
+		alpha: 1
+	}, "rgb");
+	return `linear-gradient(to right, ${start}, ${end})`;
+}
+function getGreenGradient(color) {
+	const { r, b, alpha } = color.space === "rgb" ? color : {
+		r: 128,
+		b: 128,
+		alpha: 1
+	};
+	const start = colorToString({
+		space: "rgb",
+		r,
+		g: 0,
+		b,
+		alpha: 1
+	}, "rgb");
+	const end = colorToString({
+		space: "rgb",
+		r,
+		g: 255,
+		b,
+		alpha: 1
+	}, "rgb");
+	return `linear-gradient(to right, ${start}, ${end})`;
+}
+function getBlueGradient(color) {
+	const { r, g, alpha } = color.space === "rgb" ? color : {
+		r: 128,
+		g: 128,
+		alpha: 1
+	};
+	const start = colorToString({
+		space: "rgb",
+		r,
+		g,
+		b: 0,
+		alpha: 1
+	}, "rgb");
+	const end = colorToString({
+		space: "rgb",
+		r,
+		g,
+		b: 255,
+		alpha: 1
+	}, "rgb");
+	return `linear-gradient(to right, ${start}, ${end})`;
+}
+const CHECKERBOARD_LAYERS = [
+	"linear-gradient(45deg, #ccc 25%, transparent 25%)",
+	"linear-gradient(-45deg, #ccc 25%, transparent 25%)",
+	"linear-gradient(45deg, transparent 75%, #ccc 75%)",
+	"linear-gradient(-45deg, transparent 75%, #ccc 75%)"
+].join(", ");
+function getAlphaGradient(color) {
+	const { r, g, b } = color.space === "rgb" ? color : convertToRgb(color);
+	const solidRgb = `rgb(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)})`;
+	return `linear-gradient(to right, transparent, ${solidRgb}), ${CHECKERBOARD_LAYERS}`;
+}
+function getChannelGradientForArea(color, channel, colorSpace, axis) {
+	const direction = axis === "x" ? "to right" : "to top";
+	const hsl = convertToHsl(color);
+	const hsb = convertToHsb(color);
+	switch (channel) {
+		case "saturation": {
+			if (colorSpace === "hsb") return `linear-gradient(${direction}, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))`;
+			const fullColor = colorToString({
+				space: "hsl",
+				h: hsl.h,
+				s: 100,
+				l: 50,
+				alpha: 1
+			}, "rgb");
+			return `linear-gradient(${direction}, #ffffff, ${fullColor})`;
+		}
+		case "lightness": {
+			const mid = colorToString({
+				space: "hsl",
+				h: hsl.h,
+				s: hsl.s,
+				l: 50,
+				alpha: 1
+			}, "rgb");
+			return `linear-gradient(${direction}, #000000, ${mid}, #ffffff)`;
+		}
+		case "brightness": return `linear-gradient(${direction}, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1))`;
+		default: return "";
+	}
+}
+function getAreaBackgroundColor(color, xChannel, yChannel, colorSpace) {
+	const hsl = convertToHsl(color);
+	const hsb = convertToHsb(color);
+	if (colorSpace === "hsl" && xChannel === "saturation" && yChannel === "lightness") return colorToString({
+		space: "hsl",
+		h: hsl.h,
+		s: 100,
+		l: 50,
+		alpha: 1
+	}, "rgb");
+	if (colorSpace === "hsb" && xChannel === "saturation" && yChannel === "brightness") return colorToString({
+		space: "hsb",
+		h: hsb.h,
+		s: 100,
+		b: 100,
+		alpha: 1
+	}, "rgb");
+	return "#ffffff";
+}
+/**
+* Gets the CSS background style for a color area.
+*/
+function getAreaBackgroundStyle(color, xChannel, yChannel, colorSpace = color.space) {
+	const hsl = convertToHsl(color);
+	const hsb = convertToHsb(color);
+	if (xChannel === "hue") {
+		const hueGradient = "linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)";
+		if (yChannel === "saturation") {
+			const desatColor = colorToString({
+				space: "hsl",
+				h: hsl.h,
+				s: 0,
+				l: hsl.l,
+				alpha: 1
+			}, "rgb");
+			return { backgroundImage: `linear-gradient(to bottom, transparent, ${desatColor}), ${hueGradient}` };
+		}
+		if (yChannel === "lightness") return { backgroundImage: `linear-gradient(to top, #000000, transparent, #ffffff), ${hueGradient}` };
+		if (yChannel === "brightness") return { backgroundImage: `linear-gradient(to top, #000000, transparent), ${hueGradient}` };
+	}
+	if (xChannel === "saturation" && (yChannel === "lightness" || yChannel === "brightness")) {
+		if (colorSpace === "hsl") {
+			const hueColor = colorToString({
+				space: "hsl",
+				h: hsl.h,
+				s: 100,
+				l: 50,
+				alpha: 1
+			}, "rgb");
+			const grayColor = colorToString({
+				space: "hsl",
+				h: hsl.h,
+				s: 0,
+				l: 50,
+				alpha: 1
+			}, "rgb");
+			const satGradient = `linear-gradient(to right, ${grayColor}, transparent)`;
+			const lightGradient = `linear-gradient(to top, #000000, transparent, #ffffff)`;
+			return {
+				backgroundColor: hueColor,
+				backgroundImage: `${lightGradient}, ${satGradient}`
+			};
+		}
+		if (colorSpace === "hsb") {
+			const hueColor = colorToString({
+				space: "hsb",
+				h: hsb.h,
+				s: 100,
+				b: 100,
+				alpha: 1
+			}, "rgb");
+			const satGradient = `linear-gradient(to right, #ffffff, transparent)`;
+			const brightGradient = `linear-gradient(to top, #000000, transparent)`;
+			return {
+				backgroundColor: hueColor,
+				backgroundImage: `${brightGradient}, ${satGradient}`
+			};
+		}
+	}
+	if (colorSpace === "rgb" && (xChannel === "red" || xChannel === "green" || xChannel === "blue") && (yChannel === "red" || yChannel === "green" || yChannel === "blue")) {
+		const rgb = convertToRgb(color);
+		const allChannels = [
+			"red",
+			"green",
+			"blue"
+		];
+		const varyingChannels = [xChannel, yChannel];
+		const constantChannel = allChannels.find((c) => !varyingChannels.includes(c));
+		const constantValue = rgb[constantChannel === "red" ? "r" : constantChannel === "green" ? "g" : "b"];
+		const xColorStart = {
+			space: "rgb",
+			r: 0,
+			g: 0,
+			b: 0,
+			alpha: 1
+		};
+		const xColorEnd = {
+			space: "rgb",
+			r: xChannel === "red" ? 255 : 0,
+			g: xChannel === "green" ? 255 : 0,
+			b: xChannel === "blue" ? 255 : 0,
+			alpha: 1
+		};
+		const xGradient = `linear-gradient(to right, ${colorToString(xColorStart, "rgb")}, ${colorToString(xColorEnd, "rgb")})`;
+		const yColorEnd = {
+			space: "rgb",
+			r: yChannel === "red" ? 255 : 0,
+			g: yChannel === "green" ? 255 : 0,
+			b: yChannel === "blue" ? 255 : 0,
+			alpha: 1
+		};
+		const yGradient = `linear-gradient(to top, ${colorToString(xColorStart, "rgb")}, ${colorToString(yColorEnd, "rgb")})`;
+		const bgColor = {
+			space: "rgb",
+			r: constantChannel === "red" ? constantValue : 0,
+			g: constantChannel === "green" ? constantValue : 0,
+			b: constantChannel === "blue" ? constantValue : 0,
+			alpha: 1
+		};
+		return {
+			backgroundColor: colorToString(bgColor, "rgb"),
+			backgroundImage: `${yGradient}, ${xGradient}`,
+			backgroundBlendMode: "screen"
+		};
+	}
+	const { background, gradientX, gradientY } = getAreaGradient(color, xChannel, yChannel, colorSpace);
+	const gradients = [];
+	if (gradientY) gradients.push(gradientY);
+	if (gradientX) gradients.push(gradientX);
+	return {
+		backgroundColor: background,
+		backgroundImage: gradients.join(", ")
+	};
+}
+/**
+* Gets the CSS background for a slider track.
+*/
+function getSliderBackgroundStyle(color, channel, colorSpace = color.space) {
+	const gradient = getSliderGradient(color, channel, colorSpace);
+	if (channel === "alpha") return {
+		background: gradient,
+		backgroundSize: "100% 100%, 8px 8px, 8px 8px, 8px 8px, 8px 8px",
+		backgroundPosition: "0 0, 0 0, 0 4px, 4px -4px, -4px 0px"
+	};
+	return { background: gradient };
+}
+
+//#endregion
+export { getAreaBackgroundStyle, getAreaGradient, getSliderBackgroundStyle, getSliderGradient };
+//# sourceMappingURL=gradient.js.map

package/dist/color/gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient.js","names":["color: Color","channel: ColorChannel","colorSpace: ColorSpace","xChannel: ColorChannel","yChannel: ColorChannel","hsl: { h: number, s: number, l: number, alpha: number }","hsb: { h: number, s: number, b: number, alpha: number }","axis: 'x' | 'y'","xColorStart: RGBColor","xColorEnd: RGBColor","yColorEnd: RGBColor","bgColor: RGBColor","gradients: string[]"],"sources":["../../src/shared/color/gradient.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/color/parse.cjs

@@ -0,0 +1,113 @@
+
+//#region src/shared/color/parse.ts
+/**
+* Parses a color string into a Color object.
+* Supports hex (#rrggbb, #rgb), rgb(), hsl(), and hsb()/hsv() formats.
+*/
+function parseColor(value) {
+	const trimmed = value.trim().toLowerCase();
+	if (trimmed.startsWith("#")) return parseHex(trimmed);
+	if (trimmed.startsWith("rgb")) return parseRgb(trimmed);
+	if (trimmed.startsWith("hsl")) return parseHsl(trimmed);
+	if (trimmed.startsWith("hsb") || trimmed.startsWith("hsv")) return parseHsb(trimmed);
+	throw new Error(`Unable to parse color: ${value}`);
+}
+function parseHex(hex) {
+	let normalized = hex.slice(1);
+	if (!/^[0-9A-F]{3}$/i.test(normalized) && !/^[0-9A-F]{6}$/i.test(normalized) && !/^[0-9A-F]{8}$/i.test(normalized)) throw new Error(`Invalid hex color: ${hex}. Expected format: #RGB, #RRGGBB, or #RRGGBBAA`);
+	if (normalized.length === 3) normalized = normalized.split("").map((c) => c + c).join("");
+	if (normalized.length === 6) {
+		const bigint = parseInt(normalized, 16);
+		return {
+			space: "rgb",
+			r: bigint >> 16 & 255,
+			g: bigint >> 8 & 255,
+			b: bigint & 255,
+			alpha: 1
+		};
+	}
+	if (normalized.length === 8) {
+		const bigint = parseInt(normalized, 16);
+		return {
+			space: "rgb",
+			r: bigint >> 24 & 255,
+			g: bigint >> 16 & 255,
+			b: bigint >> 8 & 255,
+			alpha: (bigint & 255) / 255
+		};
+	}
+	throw new Error(`Invalid hex color: ${hex}`);
+}
+function parseRgb(rgb) {
+	const match = rgb.match(/rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*(?:,\s*([\d.]+)\s*)?\)/);
+	if (!match) throw new Error(`Invalid RGB color: ${rgb}`);
+	return {
+		space: "rgb",
+		r: parseFloat(match[1]),
+		g: parseFloat(match[2]),
+		b: parseFloat(match[3]),
+		alpha: match[4] ? parseFloat(match[4]) : 1
+	};
+}
+function parseHsl(hsl) {
+	const match = hsl.match(/hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*([\d.]+)\s*)?\)/);
+	if (!match) throw new Error(`Invalid HSL color: ${hsl}`);
+	return {
+		space: "hsl",
+		h: parseFloat(match[1]),
+		s: parseFloat(match[2]),
+		l: parseFloat(match[3]),
+		alpha: match[4] ? parseFloat(match[4]) : 1
+	};
+}
+function parseHsb(hsb) {
+	const match = hsb.match(/hsb[av]?\(\s*([\d.]+)\s*,\s*([\d.]+)%?\s*,\s*([\d.]+)%?\s*(?:,\s*([\d.]+)\s*)?\)/);
+	if (!match) throw new Error(`Invalid HSB color: ${hsb}`);
+	return {
+		space: "hsb",
+		h: parseFloat(match[1]),
+		s: parseFloat(match[2]),
+		b: parseFloat(match[3]),
+		alpha: match[4] ? parseFloat(match[4]) : 1
+	};
+}
+/**
+* Normalizes a value to a Color object.
+* If already a Color, returns it. If a string, parses it.
+*/
+function normalizeColor(value) {
+	if (typeof value === "string") return parseColor(value);
+	return value;
+}
+/**
+* Checks if a string is a valid color.
+*/
+function isValidColor(value) {
+	try {
+		parseColor(value);
+		return true;
+	} catch {
+		return false;
+	}
+}
+
+//#endregion
+Object.defineProperty(exports, 'isValidColor', {
+  enumerable: true,
+  get: function () {
+    return isValidColor;
+  }
+});
+Object.defineProperty(exports, 'normalizeColor', {
+  enumerable: true,
+  get: function () {
+    return normalizeColor;
+  }
+});
+Object.defineProperty(exports, 'parseColor', {
+  enumerable: true,
+  get: function () {
+    return parseColor;
+  }
+});
+//# sourceMappingURL=parse.cjs.map

package/dist/color/parse.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse.cjs","names":["value: string","hex: string","rgb: string","hsl: string","hsb: string","value: string | Color"],"sources":["../../src/shared/color/parse.ts"],"sourcesContent":[],"mappings":";;;;;;AAMA,SAAgB,WAAWA,OAAsB;CAC/C,MAAM,UAAU,MAAM,MAAM,CAAC,aAAa;AAG1C,KAAI,QAAQ,WAAW,IAAI,CACzB,QAAO,SAAS,QAAQ;AAI1B,KAAI,QAAQ,WAAW,MAAM,CAC3B,QAAO,SAAS,QAAQ;AAI1B,KAAI,QAAQ,WAAW,MAAM,CAC3B,QAAO,SAAS,QAAQ;AAI1B,KAAI,QAAQ,WAAW,MAAM,IAAI,QAAQ,WAAW,MAAM,CACxD,QAAO,SAAS,QAAQ;AAG1B,OAAM,IAAI,MAAM,CAAC,uBAAuB,EAAE,OAAO;AAClD;AAED,SAAS,SAASC,KAAuB;CACvC,IAAI,aAAa,IAAI,MAAM,EAAE;AAG7B,MAAK,iBAAiB,KAAK,WAAW,KAAK,iBAAiB,KAAK,WAAW,KAAK,iBAAiB,KAAK,WAAW,CAChH,OAAM,IAAI,MAAM,CAAC,mBAAmB,EAAE,IAAI,8CAA8C,CAAC;AAI3F,KAAI,WAAW,WAAW,EACxB,cAAa,WAAW,MAAM,GAAG,CAAC,IAAI,OAAK,IAAI,EAAE,CAAC,KAAK,GAAG;AAI5D,KAAI,WAAW,WAAW,GAAG;EAC3B,MAAM,SAAS,SAAS,YAAY,GAAG;AACvC,SAAO;GACL,OAAO;GACP,GAAI,UAAU,KAAM;GACpB,GAAI,UAAU,IAAK;GACnB,GAAG,SAAS;GACZ,OAAO;EACR;CACF;AAGD,KAAI,WAAW,WAAW,GAAG;EAC3B,MAAM,SAAS,SAAS,YAAY,GAAG;AACvC,SAAO;GACL,OAAO;GACP,GAAI,UAAU,KAAM;GACpB,GAAI,UAAU,KAAM;GACpB,GAAI,UAAU,IAAK;GACnB,QAAQ,SAAS,OAAO;EACzB;CACF;AAED,OAAM,IAAI,MAAM,CAAC,mBAAmB,EAAE,KAAK;AAC5C;AAED,SAAS,SAASC,KAAuB;CACvC,MAAM,QAAQ,IAAI,MAAM,4EAA4E;AACpG,MAAK,MACH,OAAM,IAAI,MAAM,CAAC,mBAAmB,EAAE,KAAK;AAG7C,QAAO;EACL,OAAO;EACP,GAAG,WAAW,MAAM,GAAG;EACvB,GAAG,WAAW,MAAM,GAAG;EACvB,GAAG,WAAW,MAAM,GAAG;EACvB,OAAO,MAAM,KAAK,WAAW,MAAM,GAAG,GAAG;CAC1C;AACF;AAED,SAAS,SAASC,KAAuB;CACvC,MAAM,QAAQ,IAAI,MAAM,8EAA8E;AACtG,MAAK,MACH,OAAM,IAAI,MAAM,CAAC,mBAAmB,EAAE,KAAK;AAG7C,QAAO;EACL,OAAO;EACP,GAAG,WAAW,MAAM,GAAG;EACvB,GAAG,WAAW,MAAM,GAAG;EACvB,GAAG,WAAW,MAAM,GAAG;EACvB,OAAO,MAAM,KAAK,WAAW,MAAM,GAAG,GAAG;CAC1C;AACF;AAED,SAAS,SAASC,KAAuB;CACvC,MAAM,QAAQ,IAAI,MAAM,mFAAmF;AAC3G,MAAK,MACH,OAAM,IAAI,MAAM,CAAC,mBAAmB,EAAE,KAAK;AAG7C,QAAO;EACL,OAAO;EACP,GAAG,WAAW,MAAM,GAAG;EACvB,GAAG,WAAW,MAAM,GAAG;EACvB,GAAG,WAAW,MAAM,GAAG;EACvB,OAAO,MAAM,KAAK,WAAW,MAAM,GAAG,GAAG;CAC1C;AACF;;;;;AAMD,SAAgB,eAAeC,OAA8B;AAC3D,YAAW,UAAU,SACnB,QAAO,WAAW,MAAM;AAE1B,QAAO;AACR;;;;AAKD,SAAgB,aAAaL,OAAwB;AACnD,KAAI;AACF,aAAW,MAAM;AACjB,SAAO;CACR,QACK;AACJ,SAAO;CACR;AACF"}

package/dist/color/parse.js

@@ -0,0 +1,95 @@
+//#region src/shared/color/parse.ts
+/**
+* Parses a color string into a Color object.
+* Supports hex (#rrggbb, #rgb), rgb(), hsl(), and hsb()/hsv() formats.
+*/
+function parseColor(value) {
+	const trimmed = value.trim().toLowerCase();
+	if (trimmed.startsWith("#")) return parseHex(trimmed);
+	if (trimmed.startsWith("rgb")) return parseRgb(trimmed);
+	if (trimmed.startsWith("hsl")) return parseHsl(trimmed);
+	if (trimmed.startsWith("hsb") || trimmed.startsWith("hsv")) return parseHsb(trimmed);
+	throw new Error(`Unable to parse color: ${value}`);
+}
+function parseHex(hex) {
+	let normalized = hex.slice(1);
+	if (!/^[0-9A-F]{3}$/i.test(normalized) && !/^[0-9A-F]{6}$/i.test(normalized) && !/^[0-9A-F]{8}$/i.test(normalized)) throw new Error(`Invalid hex color: ${hex}. Expected format: #RGB, #RRGGBB, or #RRGGBBAA`);
+	if (normalized.length === 3) normalized = normalized.split("").map((c) => c + c).join("");
+	if (normalized.length === 6) {
+		const bigint = parseInt(normalized, 16);
+		return {
+			space: "rgb",
+			r: bigint >> 16 & 255,
+			g: bigint >> 8 & 255,
+			b: bigint & 255,
+			alpha: 1
+		};
+	}
+	if (normalized.length === 8) {
+		const bigint = parseInt(normalized, 16);
+		return {
+			space: "rgb",
+			r: bigint >> 24 & 255,
+			g: bigint >> 16 & 255,
+			b: bigint >> 8 & 255,
+			alpha: (bigint & 255) / 255
+		};
+	}
+	throw new Error(`Invalid hex color: ${hex}`);
+}
+function parseRgb(rgb) {
+	const match = rgb.match(/rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*(?:,\s*([\d.]+)\s*)?\)/);
+	if (!match) throw new Error(`Invalid RGB color: ${rgb}`);
+	return {
+		space: "rgb",
+		r: parseFloat(match[1]),
+		g: parseFloat(match[2]),
+		b: parseFloat(match[3]),
+		alpha: match[4] ? parseFloat(match[4]) : 1
+	};
+}
+function parseHsl(hsl) {
+	const match = hsl.match(/hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*([\d.]+)\s*)?\)/);
+	if (!match) throw new Error(`Invalid HSL color: ${hsl}`);
+	return {
+		space: "hsl",
+		h: parseFloat(match[1]),
+		s: parseFloat(match[2]),
+		l: parseFloat(match[3]),
+		alpha: match[4] ? parseFloat(match[4]) : 1
+	};
+}
+function parseHsb(hsb) {
+	const match = hsb.match(/hsb[av]?\(\s*([\d.]+)\s*,\s*([\d.]+)%?\s*,\s*([\d.]+)%?\s*(?:,\s*([\d.]+)\s*)?\)/);
+	if (!match) throw new Error(`Invalid HSB color: ${hsb}`);
+	return {
+		space: "hsb",
+		h: parseFloat(match[1]),
+		s: parseFloat(match[2]),
+		b: parseFloat(match[3]),
+		alpha: match[4] ? parseFloat(match[4]) : 1
+	};
+}
+/**
+* Normalizes a value to a Color object.
+* If already a Color, returns it. If a string, parses it.
+*/
+function normalizeColor(value) {
+	if (typeof value === "string") return parseColor(value);
+	return value;
+}
+/**
+* Checks if a string is a valid color.
+*/
+function isValidColor(value) {
+	try {
+		parseColor(value);
+		return true;
+	} catch {
+		return false;
+	}
+}
+
+//#endregion
+export { isValidColor, normalizeColor, parseColor };
+//# sourceMappingURL=parse.js.map

package/dist/color/parse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse.js","names":["value: string","hex: string","rgb: string","hsl: string","hsb: string","value: string | Color"],"sources":["../../src/shared/color/parse.ts"],"sourcesContent":[],"mappings":";;;;;AAMA,SAAgB,WAAWA,OAAsB;CAC/C,MAAM,UAAU,MAAM,MAAM,CAAC,aAAa;AAG1C,KAAI,QAAQ,WAAW,IAAI,CACzB,QAAO,SAAS,QAAQ;AAI1B,KAAI,QAAQ,WAAW,MAAM,CAC3B,QAAO,SAAS,QAAQ;AAI1B,KAAI,QAAQ,WAAW,MAAM,CAC3B,QAAO,SAAS,QAAQ;AAI1B,KAAI,QAAQ,WAAW,MAAM,IAAI,QAAQ,WAAW,MAAM,CACxD,QAAO,SAAS,QAAQ;AAG1B,OAAM,IAAI,MAAM,CAAC,uBAAuB,EAAE,OAAO;AAClD;AAED,SAAS,SAASC,KAAuB;CACvC,IAAI,aAAa,IAAI,MAAM,EAAE;AAG7B,MAAK,iBAAiB,KAAK,WAAW,KAAK,iBAAiB,KAAK,WAAW,KAAK,iBAAiB,KAAK,WAAW,CAChH,OAAM,IAAI,MAAM,CAAC,mBAAmB,EAAE,IAAI,8CAA8C,CAAC;AAI3F,KAAI,WAAW,WAAW,EACxB,cAAa,WAAW,MAAM,GAAG,CAAC,IAAI,OAAK,IAAI,EAAE,CAAC,KAAK,GAAG;AAI5D,KAAI,WAAW,WAAW,GAAG;EAC3B,MAAM,SAAS,SAAS,YAAY,GAAG;AACvC,SAAO;GACL,OAAO;GACP,GAAI,UAAU,KAAM;GACpB,GAAI,UAAU,IAAK;GACnB,GAAG,SAAS;GACZ,OAAO;EACR;CACF;AAGD,KAAI,WAAW,WAAW,GAAG;EAC3B,MAAM,SAAS,SAAS,YAAY,GAAG;AACvC,SAAO;GACL,OAAO;GACP,GAAI,UAAU,KAAM;GACpB,GAAI,UAAU,KAAM;GACpB,GAAI,UAAU,IAAK;GACnB,QAAQ,SAAS,OAAO;EACzB;CACF;AAED,OAAM,IAAI,MAAM,CAAC,mBAAmB,EAAE,KAAK;AAC5C;AAED,SAAS,SAASC,KAAuB;CACvC,MAAM,QAAQ,IAAI,MAAM,4EAA4E;AACpG,MAAK,MACH,OAAM,IAAI,MAAM,CAAC,mBAAmB,EAAE,KAAK;AAG7C,QAAO;EACL,OAAO;EACP,GAAG,WAAW,MAAM,GAAG;EACvB,GAAG,WAAW,MAAM,GAAG;EACvB,GAAG,WAAW,MAAM,GAAG;EACvB,OAAO,MAAM,KAAK,WAAW,MAAM,GAAG,GAAG;CAC1C;AACF;AAED,SAAS,SAASC,KAAuB;CACvC,MAAM,QAAQ,IAAI,MAAM,8EAA8E;AACtG,MAAK,MACH,OAAM,IAAI,MAAM,CAAC,mBAAmB,EAAE,KAAK;AAG7C,QAAO;EACL,OAAO;EACP,GAAG,WAAW,MAAM,GAAG;EACvB,GAAG,WAAW,MAAM,GAAG;EACvB,GAAG,WAAW,MAAM,GAAG;EACvB,OAAO,MAAM,KAAK,WAAW,MAAM,GAAG,GAAG;CAC1C;AACF;AAED,SAAS,SAASC,KAAuB;CACvC,MAAM,QAAQ,IAAI,MAAM,mFAAmF;AAC3G,MAAK,MACH,OAAM,IAAI,MAAM,CAAC,mBAAmB,EAAE,KAAK;AAG7C,QAAO;EACL,OAAO;EACP,GAAG,WAAW,MAAM,GAAG;EACvB,GAAG,WAAW,MAAM,GAAG;EACvB,GAAG,WAAW,MAAM,GAAG;EACvB,OAAO,MAAM,KAAK,WAAW,MAAM,GAAG,GAAG;CAC1C;AACF;;;;;AAMD,SAAgB,eAAeC,OAA8B;AAC3D,YAAW,UAAU,SACnB,QAAO,WAAW,MAAM;AAE1B,QAAO;AACR;;;;AAKD,SAAgB,aAAaL,OAAwB;AACnD,KAAI;AACF,aAAW,MAAM;AACjB,SAAO;CACR,QACK;AACJ,SAAO;CACR;AACF"}