@forte-ui/react 1.0.0-alpha.1

package/dist/components/color-picker/color.js

@@ -0,0 +1,249 @@
+//#region src/components/color-picker/color.ts
+var e = (e, t, n) => e < t ? t : e > n ? n : e, t = (e) => (e % 360 + 360) % 360, n = (e, t) => Number(e.toFixed(t));
+function r({ h: e, s: n, v: r, a: i }) {
+	let a = r * n, o = t(e) / 60, s = a * (1 - Math.abs(o % 2 - 1)), c = r - a, l = 0, u = 0, d = 0;
+	return o < 1 ? [l, u, d] = [
+		a,
+		s,
+		0
+	] : o < 2 ? [l, u, d] = [
+		s,
+		a,
+		0
+	] : o < 3 ? [l, u, d] = [
+		0,
+		a,
+		s
+	] : o < 4 ? [l, u, d] = [
+		0,
+		s,
+		a
+	] : o < 5 ? [l, u, d] = [
+		s,
+		0,
+		a
+	] : [l, u, d] = [
+		a,
+		0,
+		s
+	], {
+		r: (l + c) * 255,
+		g: (u + c) * 255,
+		b: (d + c) * 255,
+		a: i
+	};
+}
+function i({ r: e, g: n, b: r, a: i }) {
+	let a = e / 255, o = n / 255, s = r / 255, c = Math.max(a, o, s), l = c - Math.min(a, o, s), u = 0;
+	return l !== 0 && (u = c === a ? 60 * ((o - s) / l % 6) : c === o ? 60 * ((s - a) / l + 2) : 60 * ((a - o) / l + 4)), {
+		h: t(u),
+		s: c === 0 ? 0 : l / c,
+		v: c,
+		a: i
+	};
+}
+function a({ h: e, s: t, v: n }) {
+	let r = n * (1 - t / 2);
+	return {
+		h: e,
+		s: r === 0 || r === 1 ? 0 : (n - r) / Math.min(r, 1 - r),
+		l: r
+	};
+}
+function o(e, t, n, r) {
+	let i = n + t * Math.min(n, 1 - n);
+	return {
+		h: e,
+		s: i === 0 ? 0 : 2 * (1 - n / i),
+		v: i,
+		a: r
+	};
+}
+var s = (e) => e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4, c = (e) => e <= .0031308 ? e * 12.92 : 1.055 * e ** (1 / 2.4) - .055;
+function l(e, t, n) {
+	let r = Math.cbrt(.4122214708 * e + .5363325363 * t + .0514459929 * n), i = Math.cbrt(.2119034982 * e + .6806995451 * t + .1073969566 * n), a = Math.cbrt(.0883024619 * e + .2817188376 * t + .6299787005 * n);
+	return {
+		L: .2104542553 * r + .793617785 * i - .0040720468 * a,
+		a: 1.9779984951 * r - 2.428592205 * i + .4505937099 * a,
+		b: .0259040371 * r + .7827717662 * i - .808675766 * a
+	};
+}
+function u(e, t, n) {
+	let r = (e + .3963377774 * t + .2158037573 * n) ** 3, i = (e - .1055613458 * t - .0638541728 * n) ** 3, a = (e - .0894841775 * t - 1.291485548 * n) ** 3;
+	return {
+		r: 4.0767416621 * r - 3.3077115913 * i + .2309699292 * a,
+		g: -1.2684380046 * r + 2.6097574011 * i - .3413193965 * a,
+		b: -.0041960863 * r - .7034186147 * i + 1.707614701 * a
+	};
+}
+function d({ r: e, g: n, b: r, a: i }) {
+	let { L: a, a: o, b: c } = l(s(e / 255), s(n / 255), s(r / 255)), u = Math.hypot(o, c);
+	return {
+		l: a,
+		c: u,
+		h: u < 1e-6 ? 0 : t(Math.atan2(c, o) * 180 / Math.PI),
+		a: i
+	};
+}
+function f(e, t, n) {
+	let r = n * Math.PI / 180, { r: i, g: a, b: o } = u(e, t * Math.cos(r), t * Math.sin(r));
+	return i >= -1e-5 && i <= 1.00001 && a >= -1e-5 && a <= 1.00001 && o >= -1e-5 && o <= 1.00001;
+}
+function p(t, n, r, i) {
+	let a = e(t, 0, 1), o = Math.max(n, 0);
+	if (!f(a, o, r)) {
+		let e = 0, t = o;
+		for (let n = 0; n < 16; n += 1) {
+			let n = (e + t) / 2;
+			f(a, n, r) ? e = n : t = n;
+		}
+		o = e;
+	}
+	let s = r * Math.PI / 180, l = u(a, o * Math.cos(s), o * Math.sin(s));
+	return {
+		r: e(c(l.r), 0, 1) * 255,
+		g: e(c(l.g), 0, 1) * 255,
+		b: e(c(l.b), 0, 1) * 255,
+		a: i
+	};
+}
+function m({ r: e, g: t, b: n }) {
+	return .2126 * s(e / 255) + .7152 * s(t / 255) + .0722 * s(n / 255) > .36 ? "black" : "white";
+}
+function h(e, t) {
+	if (e === "none") return 0;
+	if (e.endsWith("%")) {
+		let n = Number(e.slice(0, -1));
+		return Number.isFinite(n) ? n / 100 * t : null;
+	}
+	let n = Number(e);
+	return Number.isFinite(n) ? n : null;
+}
+function g(e) {
+	if (e === "none") return 0;
+	let t = /^(-?[\d.]+(?:e-?\d+)?)(deg|rad|grad|turn)?$/i.exec(e);
+	if (!t) return null;
+	let n = Number(t[1]);
+	if (!Number.isFinite(n)) return null;
+	switch (t[2]?.toLowerCase()) {
+		case "rad": return n * 180 / Math.PI;
+		case "grad": return n * .9;
+		case "turn": return n * 360;
+		default: return n;
+	}
+}
+function _(e) {
+	let t = e.slice(1), n = t.length === 3 || t.length === 4, r = t.length === 6 || t.length === 8;
+	if (!n && !r || !/^[\da-f]+$/i.test(t)) return null;
+	let i = n ? 1 : 2, a = (e) => {
+		let r = t.slice(e * i, e * i + i);
+		return parseInt(n ? r + r : r, 16);
+	}, o = n ? 4 : 8;
+	return {
+		r: a(0),
+		g: a(1),
+		b: a(2),
+		a: t.length === o ? a(3) / 255 : 1
+	};
+}
+function v(n) {
+	let r = n.trim().toLowerCase();
+	if (r === "") return null;
+	if (r === "transparent") return {
+		h: 0,
+		s: 0,
+		v: 0,
+		a: 0
+	};
+	if (r.startsWith("#")) {
+		let e = _(r);
+		return e ? i(e) : null;
+	}
+	let a = /^([a-z]+)\(([^()]*)\)$/.exec(r);
+	if (!a) return null;
+	let s = a[1] ?? "", c = (a[2] ?? "").split("/");
+	if (c.length > 2) return null;
+	let l = (c[0] ?? "").trim().replace(/,/g, " ").split(/\s+/).filter(Boolean), u = c[1]?.trim() ?? (l.length === 4 ? l[3] : null), d = u == null ? 1 : h(u, 1);
+	if (d === null) return null;
+	let f = e(d, 0, 1), [m, v, y] = l;
+	if (m === void 0 || v === void 0 || y === void 0) return null;
+	switch (s) {
+		case "rgb":
+		case "rgba": {
+			let t = h(m, 255), n = h(v, 255), r = h(y, 255);
+			return t === null || n === null || r === null ? null : i({
+				r: e(t, 0, 255),
+				g: e(n, 0, 255),
+				b: e(r, 0, 255),
+				a: f
+			});
+		}
+		case "hsl":
+		case "hsla": {
+			let n = g(m), r = h(v, 1), i = h(y, 1);
+			return n === null || r === null || i === null ? null : o(t(n), e(r, 0, 1), e(i, 0, 1), f);
+		}
+		case "oklch": {
+			let e = h(m, 1), n = h(v, .4), r = g(y);
+			return e === null || n === null || r === null ? null : i(p(e, n, t(r), f));
+		}
+		case "oklab": {
+			let e = h(m, 1), n = h(v, .4), r = h(y, .4);
+			if (e === null || n === null || r === null) return null;
+			let a = Math.hypot(n, r);
+			return i(p(e, a, a < 1e-6 ? 0 : t(Math.atan2(r, n) * 180 / Math.PI), f));
+		}
+		default: return null;
+	}
+}
+var y = (t) => Math.round(e(t, 0, 255)).toString(16).padStart(2, "0");
+function b(e, t) {
+	let i = r(e), o = n(e.a, 3), s = o >= 1;
+	switch (t) {
+		case "hex": return `#${y(i.r)}${y(i.g)}${y(i.b)}${s ? "" : y(o * 255)}`;
+		case "rgb": return `rgb(${`${Math.round(i.r)} ${Math.round(i.g)} ${Math.round(i.b)}`}${s ? "" : ` / ${o}`})`;
+		case "hsl": {
+			let { h: t, s: r, l: i } = a(e);
+			return `hsl(${`${n(t, 1)} ${n(r * 100, 1)}% ${n(i * 100, 1)}%`}${s ? "" : ` / ${o}`})`;
+		}
+		case "oklch": {
+			let { l: e, c: t, h: r } = d(i);
+			return `oklch(${`${n(e, 4)} ${n(t, 4)} ${n(r, 2)}`}${s ? "" : ` / ${o}`})`;
+		}
+	}
+}
+function x(e) {
+	let { r: t, g: i, b: a } = r(e), o = n(e.a, 3), s = `${Math.round(t)} ${Math.round(i)} ${Math.round(a)}`;
+	return o >= 1 ? `rgb(${s})` : `rgb(${s} / ${o})`;
+}
+function S(e, t) {
+	return Math.round(e.r) === Math.round(t.r) && Math.round(e.g) === Math.round(t.g) && Math.round(e.b) === Math.round(t.b) && n(e.a, 3) === n(t.a, 3);
+}
+var C = [
+	"#ffffff",
+	"#f4f4f5",
+	"#d4d4d8",
+	"#a1a1aa",
+	"#71717a",
+	"#3f3f46",
+	"#18181b",
+	"#000000",
+	"#ef4444",
+	"#f97316",
+	"#f59e0b",
+	"#eab308",
+	"#84cc16",
+	"#22c55e",
+	"#10b981",
+	"#14b8a6",
+	"#06b6d4",
+	"#0ea5e9",
+	"#3b82f6",
+	"#6366f1",
+	"#8b5cf6",
+	"#a855f7",
+	"#d946ef",
+	"#ec4899"
+];
+//#endregion
+export { C as DEFAULT_SWATCHES, b as formatColor, o as hslToHsv, a as hsvaToHsl, r as hsvaToRgba, p as oklchToRgba, m as onColor, v as parseColor, i as rgbaToHsva, d as rgbaToOklch, S as sameColor, x as toCssColor };

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorPicker, DEFAULT_SWATCHES } from './ColorPicker';
+export type { ColorPickerFormat, ColorPickerChangeReason, ColorPickerChangeDetails, ColorPickerRootProps, ColorPickerTriggerProps, ColorPickerPopupProps, ColorPickerPanelProps, ColorPickerRowProps, ColorPickerAreaProps, ColorPickerHueSliderProps, ColorPickerAlphaSliderProps, ColorPickerSwatchesProps, ColorPickerSwatchProps, ColorPickerPreviewProps, ColorPickerValueProps, ColorPickerFormatProps, ColorPickerInputProps, ColorPickerEyeDropperProps, ColorPickerHiddenInputProps, Hsva, Rgba, } from './ColorPicker';

package/dist/components/color-picker/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "../../ColorPicker-B-eCI31W.js";
+import { DEFAULT_SWATCHES as t } from "./color.js";
+export { e as ColorPicker, t as DEFAULT_SWATCHES };