reka-ui 2.8.2 → 2.9.0

package/dist/color/convert.js

@@ -0,0 +1,237 @@
+//#region src/shared/color/convert.ts
+/**
+* Converts a Color object to a string representation.
+*/
+function colorToString(color, format = "hex") {
+	switch (format) {
+		case "hex": return colorToHex(color);
+		case "rgb": return colorToRgb(color);
+		case "hsl": return colorToHsl(color);
+		case "hsb": return colorToHsb(color);
+		default: throw new Error(`Unknown format: ${format}`);
+	}
+}
+/**
+* Converts any color to hex string.
+*/
+function colorToHex(color) {
+	const rgb = color.space === "rgb" ? color : convertToRgb(color);
+	const toHex = (n) => Math.round(n).toString(16).padStart(2, "0");
+	if (rgb.alpha < 1) {
+		const alpha = Math.round(rgb.alpha * 255).toString(16).padStart(2, "0");
+		return `#${toHex(rgb.r)}${toHex(rgb.g)}${toHex(rgb.b)}${alpha}`;
+	}
+	return `#${toHex(rgb.r)}${toHex(rgb.g)}${toHex(rgb.b)}`;
+}
+/**
+* Converts any color to rgb() string.
+*/
+function colorToRgb(color) {
+	const rgb = color.space === "rgb" ? color : convertToRgb(color);
+	const { r, g, b, alpha } = rgb;
+	if (alpha < 1) return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${alpha})`;
+	return `rgb(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)})`;
+}
+/**
+* Converts any color to hsl() string.
+*/
+function colorToHsl(color) {
+	const hsl = color.space === "hsl" ? color : convertToHsl(color);
+	const { h, s, l, alpha } = hsl;
+	if (alpha < 1) return `hsla(${Math.round(h)}, ${Math.round(s)}%, ${Math.round(l)}%, ${alpha})`;
+	return `hsl(${Math.round(h)}, ${Math.round(s)}%, ${Math.round(l)}%)`;
+}
+/**
+* Converts any color to hsb() string.
+*/
+function colorToHsb(color) {
+	const hsb = color.space === "hsb" ? color : convertToHsb(color);
+	const { h, s, b, alpha } = hsb;
+	if (alpha < 1) return `hsba(${Math.round(h)}, ${Math.round(s)}%, ${Math.round(b)}%, ${alpha})`;
+	return `hsb(${Math.round(h)}, ${Math.round(s)}%, ${Math.round(b)}%)`;
+}
+/**
+* Converts any color to RGB color space.
+*/
+function convertToRgb(color) {
+	if (color.space === "rgb") return color;
+	if (color.space === "hsl") return hslToRgb(color);
+	if (color.space === "hsb") return hsbToRgb(color);
+	throw new Error(`Unknown color space: ${color.space}`);
+}
+/**
+* Converts any color to HSL color space.
+*/
+function convertToHsl(color) {
+	if (color.space === "hsl") return color;
+	return rgbToHsl(convertToRgb(color));
+}
+/**
+* Converts any color to HSB color space.
+*/
+function convertToHsb(color) {
+	if (color.space === "hsb") return color;
+	return rgbToHsb(convertToRgb(color));
+}
+/**
+* Converts RGB to HSL.
+*/
+function rgbToHsl(rgb) {
+	const r = rgb.r / 255;
+	const g = rgb.g / 255;
+	const b = rgb.b / 255;
+	const max = Math.max(r, g, b);
+	const min = Math.min(r, g, b);
+	let h = 0;
+	let s = 0;
+	const l = (max + min) / 2;
+	if (max !== min) {
+		const d = max - min;
+		s = l > .5 ? d / (2 - max - min) : d / (max + min);
+		switch (max) {
+			case r:
+				h = (g - b) / d + (g < b ? 6 : 0);
+				break;
+			case g:
+				h = (b - r) / d + 2;
+				break;
+			case b:
+				h = (r - g) / d + 4;
+				break;
+		}
+		h /= 6;
+	}
+	return {
+		space: "hsl",
+		h: h * 360,
+		s: s * 100,
+		l: l * 100,
+		alpha: rgb.alpha
+	};
+}
+/**
+* Converts HSL to RGB.
+*/
+function hslToRgb(hsl) {
+	const h = hsl.h / 360;
+	const s = hsl.s / 100;
+	const l = hsl.l / 100;
+	let r, g, b;
+	if (s === 0) r = g = b = l;
+	else {
+		const hue2rgb = (p$1, q$1, t) => {
+			if (t < 0) t += 1;
+			if (t > 1) t -= 1;
+			if (t < 1 / 6) return p$1 + (q$1 - p$1) * 6 * t;
+			if (t < 1 / 2) return q$1;
+			if (t < 2 / 3) return p$1 + (q$1 - p$1) * (2 / 3 - t) * 6;
+			return p$1;
+		};
+		const q = l < .5 ? l * (1 + s) : l + s - l * s;
+		const p = 2 * l - q;
+		r = hue2rgb(p, q, h + 1 / 3);
+		g = hue2rgb(p, q, h);
+		b = hue2rgb(p, q, h - 1 / 3);
+	}
+	return {
+		space: "rgb",
+		r: r * 255,
+		g: g * 255,
+		b: b * 255,
+		alpha: hsl.alpha
+	};
+}
+/**
+* Converts RGB to HSB.
+*/
+function rgbToHsb(rgb) {
+	const r = rgb.r / 255;
+	const g = rgb.g / 255;
+	const b = rgb.b / 255;
+	const max = Math.max(r, g, b);
+	const min = Math.min(r, g, b);
+	const d = max - min;
+	let h = 0;
+	const s = max === 0 ? 0 : d / max;
+	const v = max;
+	if (max !== min) {
+		switch (max) {
+			case r:
+				h = (g - b) / d + (g < b ? 6 : 0);
+				break;
+			case g:
+				h = (b - r) / d + 2;
+				break;
+			case b:
+				h = (r - g) / d + 4;
+				break;
+		}
+		h /= 6;
+	}
+	return {
+		space: "hsb",
+		h: h * 360,
+		s: s * 100,
+		b: v * 100,
+		alpha: rgb.alpha
+	};
+}
+/**
+* Converts HSB to RGB.
+*/
+function hsbToRgb(hsb) {
+	const h = hsb.h / 360;
+	const s = hsb.s / 100;
+	const v = hsb.b / 100;
+	let r = 0;
+	let g = 0;
+	let b = 0;
+	const i = Math.floor(h * 6);
+	const f = h * 6 - i;
+	const p = v * (1 - s);
+	const q = v * (1 - f * s);
+	const t = v * (1 - (1 - f) * s);
+	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;
+		case 5:
+			r = v;
+			g = p;
+			b = q;
+			break;
+	}
+	return {
+		space: "rgb",
+		r: r * 255,
+		g: g * 255,
+		b: b * 255,
+		alpha: hsb.alpha
+	};
+}
+
+//#endregion
+export { colorToHex, colorToHsb, colorToHsl, colorToRgb, colorToString, convertToHsb, convertToHsl, convertToRgb };
+//# sourceMappingURL=convert.js.map

package/dist/color/convert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convert.js","names":["color: Color","format: ColorFormat","n: number","rgb: RGBColor","hsl: HSLColor","r: number","g: number","b: number","p: number","q: number","t: number","p","q","hsb: HSBColor"],"sources":["../../src/shared/color/convert.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/color/gradient.cjs

@@ -0,0 +1,377 @@
+const require_color_convert = require('./convert.cjs');
+
+//#region src/shared/color/gradient.ts
+/**
+* Generates a CSS gradient for a color slider track.
+*/
+function getSliderGradient(color, channel, colorSpace = color.space) {
+	const hsl = require_color_convert.convertToHsl(color);
+	const hsb = require_color_convert.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 = require_color_convert.convertToHsl(color);
+	const hsb = require_color_convert.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 = require_color_convert.colorToString({
+		space: "hsl",
+		h: hsl.h,
+		s: 0,
+		l: colorSpace === "hsl" ? hsl.l : 50,
+		alpha: 1
+	}, "hsl");
+	const end = require_color_convert.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 = require_color_convert.colorToString({
+		space: "hsl",
+		h: hsl.h,
+		s: hsl.s,
+		l: 0,
+		alpha: 1
+	}, "hsl");
+	const mid = require_color_convert.colorToString({
+		space: "hsl",
+		h: hsl.h,
+		s: hsl.s,
+		l: 50,
+		alpha: 1
+	}, "hsl");
+	const end = require_color_convert.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 = require_color_convert.colorToString({
+		space: "hsb",
+		h: hsb.h,
+		s: hsb.s,
+		b: 0,
+		alpha: 1
+	}, "rgb");
+	const end = require_color_convert.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 = require_color_convert.colorToString({
+		space: "rgb",
+		r: 0,
+		g,
+		b,
+		alpha: 1
+	}, "rgb");
+	const end = require_color_convert.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 = require_color_convert.colorToString({
+		space: "rgb",
+		r,
+		g: 0,
+		b,
+		alpha: 1
+	}, "rgb");
+	const end = require_color_convert.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 = require_color_convert.colorToString({
+		space: "rgb",
+		r,
+		g,
+		b: 0,
+		alpha: 1
+	}, "rgb");
+	const end = require_color_convert.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 : require_color_convert.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 = require_color_convert.convertToHsl(color);
+	const hsb = require_color_convert.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 = require_color_convert.colorToString({
+				space: "hsl",
+				h: hsl.h,
+				s: 100,
+				l: 50,
+				alpha: 1
+			}, "rgb");
+			return `linear-gradient(${direction}, #ffffff, ${fullColor})`;
+		}
+		case "lightness": {
+			const mid = require_color_convert.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 = require_color_convert.convertToHsl(color);
+	const hsb = require_color_convert.convertToHsb(color);
+	if (colorSpace === "hsl" && xChannel === "saturation" && yChannel === "lightness") return require_color_convert.colorToString({
+		space: "hsl",
+		h: hsl.h,
+		s: 100,
+		l: 50,
+		alpha: 1
+	}, "rgb");
+	if (colorSpace === "hsb" && xChannel === "saturation" && yChannel === "brightness") return require_color_convert.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 = require_color_convert.convertToHsl(color);
+	const hsb = require_color_convert.convertToHsb(color);
+	if (xChannel === "hue") {
+		const hueGradient = "linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)";
+		if (yChannel === "saturation") {
+			const desatColor = require_color_convert.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 = require_color_convert.colorToString({
+				space: "hsl",
+				h: hsl.h,
+				s: 100,
+				l: 50,
+				alpha: 1
+			}, "rgb");
+			const grayColor = require_color_convert.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 = require_color_convert.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 = require_color_convert.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, ${require_color_convert.colorToString(xColorStart, "rgb")}, ${require_color_convert.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, ${require_color_convert.colorToString(xColorStart, "rgb")}, ${require_color_convert.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: require_color_convert.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
+Object.defineProperty(exports, 'getAreaBackgroundStyle', {
+  enumerable: true,
+  get: function () {
+    return getAreaBackgroundStyle;
+  }
+});
+Object.defineProperty(exports, 'getAreaGradient', {
+  enumerable: true,
+  get: function () {
+    return getAreaGradient;
+  }
+});
+Object.defineProperty(exports, 'getSliderBackgroundStyle', {
+  enumerable: true,
+  get: function () {
+    return getSliderBackgroundStyle;
+  }
+});
+Object.defineProperty(exports, 'getSliderGradient', {
+  enumerable: true,
+  get: function () {
+    return getSliderGradient;
+  }
+});
+//# sourceMappingURL=gradient.cjs.map

package/dist/color/gradient.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient.cjs","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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"}