haze-ui 1.28.0 → 1.30.0

package/dist/components/Collapsible/Collapsible.js

@@ -3,63 +3,66 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { Presence as t } from "../../utils/presence.js";
 /* empty css                      */
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as r, useContext as i } from "react";
+import { createContext as n, useContext as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 import { useControl as a } from "react-use-control";
 //#region src/lib/components/Collapsible/Collapsible.tsx
-var o = r(void 0);
+var o = n(void 0);
 function s() {
-	let e = i(o);
+	let e = r(o);
 	if (!e) throw Error("Collapsible sub-components must be used within <Collapsible>");
 	return e;
 }
 var c = "haze-Collapsible__base";
-function l({ open: t, defaultOpen: r = !1, classNames: i, children: s, className: l }) {
-	let [u, d] = a(t, r);
-	return /* @__PURE__ */ n(o.Provider, {
+function l({ open: t, defaultOpen: n = !1, classNames: r, children: s, className: l }) {
+	let [u, d] = a(t, n);
+	return /* @__PURE__ */ i(o.Provider, {
 		value: {
 			open: u,
 			toggle: () => d((e) => !e),
-			classNames: i
+			classNames: r
 		},
-		children: n("div", {
+		children: i("div", {
+			"data-slot": "collapsible",
 			className: e([
 				c,
 				l,
-				i?.root
+				r?.root
 			]),
 			children: s
 		})
 	});
 }
 var u = "haze-Collapsible__triggerStyle";
-function d({ children: t, className: r }) {
-	let { toggle: i, classNames: a } = s();
-	return /* @__PURE__ */ n("button", {
+function d({ children: t, className: n }) {
+	let { toggle: r, classNames: a } = s();
+	return /* @__PURE__ */ i("button", {
 		type: "button",
-		onClick: i,
+		"data-slot": "trigger",
+		onClick: r,
 		className: e([
 			u,
-			r,
+			n,
 			a?.trigger
 		]),
 		children: t
 	});
 }
 var f = "haze-Collapsible__contentOuter", p = "haze-Collapsible__contentInner";
-function m({ children: r, className: i }) {
+function m({ children: n, className: r }) {
 	let { open: a, classNames: o } = s();
-	return /* @__PURE__ */ n(t, {
+	return /* @__PURE__ */ i(t, {
 		present: a,
-		children: n("div", {
+		children: i("div", {
+			"data-slot": "content",
 			className: e([
 				f,
-				i,
+				r,
 				o?.content
 			]),
-			children: /* @__PURE__ */ n("div", {
+			children: /* @__PURE__ */ i("div", {
 				className: e(p),
-				children: r
+				children: n
 			})
 		})
 	});

package/dist/components/ColorPicker/ColorPicker.js

@@ -1,19 +1,90 @@
+
 "use client";
-import e from "./ColorPickerCore.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useControl as n } from "react-use-control";
+import { classnames as e } from "../../utils/classnames.js";
+import { mergeRefs as t } from "../../utils/refs.js";
+import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { FloatingPanel as r, useFloating as i } from "../../utils/floating.js";
+import { cssColor as a, parseColor as o, rgbHexKey as s } from "./color-math.js";
+import { checkerboard as c, panelVisuals as l, swatchFill as u, trigger as d } from "./color-picker-styles.js";
+import f from "./ColorPickerPanel.js";
+/* empty css                      */
+import { useCallback as p, useEffect as m, useId as h, useRef as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useControl as b } from "react-use-control";
 //#region src/lib/components/ColorPicker/ColorPicker.tsx
-function r({ value: r, presets: i, onChange: a, className: o, ref: s }) {
-	let [c, l] = n(r, "#000000");
-	return /* @__PURE__ */ t(e, {
-		ref: s,
-		value: c,
-		onChange: (e) => {
-			l(e), a?.(e);
-		},
-		presets: i,
-		className: o
+var x = 10, S = "haze-ColorPicker__container";
+function C({ value: C, onChange: w, open: T, inline: E = !1, format: D = "hex", allowAlpha: O = !1, presets: k, recent: A = !1, className: j, "aria-label": M, ref: N }) {
+	let P = n("colorPicker"), [F, I] = b(C, "#000000"), [L, R] = b(T, !1), z = M ?? P.pickColor, B = o(F)?.rgb ?? {
+		r: 0,
+		g: 0,
+		b: 0
+	}, V = p((e) => {
+		I(e), w?.(e);
+	}, [I, w]), [H, U] = _([]), W = p((e) => {
+		if (!A) return;
+		let t = s(o(e)?.rgb ?? {
+			r: 0,
+			g: 0,
+			b: 0
+		});
+		U((n) => [e, ...n.filter((e) => {
+			let n = o(e);
+			return n === null || s(n.rgb) !== t;
+		})].slice(0, x));
+	}, [A]), G = /* @__PURE__ */ v(f, {
+		value: F,
+		onChange: V,
+		onCommit: W,
+		format: D,
+		allowAlpha: O,
+		presets: k,
+		recentColors: A ? H : void 0
+	}), K = g(null), q = g(null), J = p((e) => t(K, N)(e), [N]), Y = h(), X = i({
+		open: L,
+		setOpen: R,
+		triggerRef: K,
+		panelRef: q,
+		animated: !0
+	});
+	return m(() => {
+		X.shown && q.current?.querySelector("[role='slider']")?.focus();
+	}, [X.shown]), E ? /* @__PURE__ */ v("div", {
+		ref: N,
+		"data-slot": "color-picker",
+		className: e([l, j]),
+		children: G
+	}) : /* @__PURE__ */ y("span", {
+		"data-slot": "color-picker",
+		className: S,
+		children: [/* @__PURE__ */ v("button", {
+			ref: J,
+			type: "button",
+			"data-slot": "trigger",
+			style: X.triggerStyle,
+			"aria-label": z,
+			"aria-haspopup": "dialog",
+			"aria-expanded": L,
+			"aria-controls": Y,
+			onPointerDown: X.onTriggerPointerDown,
+			onClick: X.onTriggerClick,
+			className: e([d, c]),
+			children: /* @__PURE__ */ v("span", {
+				"data-slot": "swatch",
+				style: { background: a(B) },
+				className: e([u])
+			})
+		}), /* @__PURE__ */ v(r, {
+			ref: q,
+			behavior: X,
+			placement: "bottom",
+			id: Y,
+			role: "dialog",
+			"aria-label": z,
+			visualClass: l,
+			className: j,
+			children: G
+		})]
 	});
 }
 //#endregion
-export { r as default };
+export { C as default };

package/dist/components/ColorPicker/ColorPickerCore.js

@@ -9,27 +9,33 @@ var i = "haze-ColorPickerCore__container", a = "haze-ColorPickerCore__previewRow
 function d({ value: d, onChange: f, presets: p, className: m, ref: h }) {
 	let g = t("colorPicker");
 	return /* @__PURE__ */ r("div", {
+		"data-slot": "color-picker",
 		className: e([i, m]),
 		children: [/* @__PURE__ */ r("div", {
+			"data-slot": "preview",
 			className: e([a]),
 			children: [/* @__PURE__ */ n("input", {
 				ref: h,
 				type: "color",
+				"data-slot": "color-input",
 				value: d,
 				"aria-label": g.pickColor,
 				onChange: (e) => f(e.target.value),
 				className: e([o])
 			}), /* @__PURE__ */ n("input", {
 				type: "text",
+				"data-slot": "text-input",
 				value: d,
 				"aria-label": g.hexColor,
 				onChange: (e) => f(e.target.value),
 				className: e([s])
 			})]
 		}), p && p.length > 0 && /* @__PURE__ */ n("div", {
+			"data-slot": "swatch-row",
 			className: e([c]),
 			children: p.map((t) => /* @__PURE__ */ n("button", {
 				type: "button",
+				"data-slot": "swatch-item",
 				style: { background: t },
 				"aria-label": t,
 				onClick: () => f(t),

package/dist/components/ColorPicker/ColorPickerPanel.js

@@ -0,0 +1,277 @@
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import { cssColor as n, formatColor as r, hsvToRgb as i, parseColor as a, rgbHexKey as o, rgbToHsv as s } from "./color-math.js";
+import { checkerboard as c, hueTrack as l, panelContent as u, svArea as d, svThumb as f, swatchBtn as p, swatchFill as m, swatchRow as h, track as g, trackThumb as _, valueInput as v } from "./color-picker-styles.js";
+import { useRef as y, useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/lib/components/ColorPicker/ColorPickerPanel.tsx
+var w = {
+	r: 0,
+	g: 0,
+	b: 0
+};
+function T(e) {
+	return Math.min(Math.max(e, 0), 1);
+}
+function E(e) {
+	let t = e.getBoundingClientRect();
+	return t.width > 0 && t.height > 0 ? t : null;
+}
+function D(e, t, n) {
+	let r = y(null);
+	return {
+		onPointerDown(n) {
+			if (n.button !== 0) return;
+			let i = e(n);
+			if (i !== null) {
+				if (n.preventDefault(), r.current = n.pointerId, typeof n.currentTarget.setPointerCapture == "function") try {
+					n.currentTarget.setPointerCapture(n.pointerId);
+				} catch {}
+				t(i);
+			}
+		},
+		onPointerMove(n) {
+			if (r.current !== n.pointerId) return;
+			let i = e(n);
+			i !== null && t(i);
+		},
+		onPointerUp(t) {
+			if (r.current !== t.pointerId) return;
+			r.current = null;
+			let i = e(t);
+			i !== null && n(i);
+		},
+		onPointerCancel(e) {
+			r.current === e.pointerId && (r.current = null);
+		}
+	};
+}
+function O(e) {
+	let t = E(e.currentTarget);
+	return t ? T((e.clientX - t.left) / t.width) : null;
+}
+function k({ value: y, onChange: k, onCommit: A, format: j = "hex", allowAlpha: M = !1, presets: N, recentColors: P, className: F }) {
+	let I = t("colorPicker"), L = a(y)?.rgb ?? w, R = M ? L.a ?? 1 : 1, z = s(L), B = o({
+		...L,
+		a: R
+	}), V = (e, t) => {
+		let n = r({
+			...e,
+			a: M ? e.a : void 0
+		}, j, M);
+		k(n), t && A?.(n);
+	}, H = (e, t) => {
+		V({
+			...i(e),
+			a: R
+		}, t);
+	}, U = (e, t) => {
+		V({
+			...L,
+			a: e
+		}, t);
+	}, W = D((e) => {
+		let t = E(e.currentTarget);
+		return t ? {
+			h: z.h,
+			s: T((e.clientX - t.left) / t.width),
+			v: 1 - T((e.clientY - t.top) / t.height)
+		} : null;
+	}, (e) => H(e, !1), (e) => H(e, !0)), G = D((e) => {
+		let t = O(e);
+		return t === null ? null : t * 360;
+	}, (e) => H({
+		...z,
+		h: e
+	}, !1), (e) => H({
+		...z,
+		h: e
+	}, !0)), K = D((e) => O(e), (e) => U(e, !1), (e) => U(e, !0)), q = (e) => {
+		let t = (e.shiftKey ? 10 : 1) / 100;
+		switch (e.key) {
+			case "ArrowLeft":
+				H({
+					...z,
+					s: T(z.s - t)
+				}, !0);
+				break;
+			case "ArrowRight":
+				H({
+					...z,
+					s: T(z.s + t)
+				}, !0);
+				break;
+			case "ArrowDown":
+				H({
+					...z,
+					v: T(z.v - t)
+				}, !0);
+				break;
+			case "ArrowUp":
+				H({
+					...z,
+					v: T(z.v + t)
+				}, !0);
+				break;
+			default: return;
+		}
+		e.preventDefault();
+	}, J = (e) => {
+		let t = e.shiftKey ? 10 : 1;
+		switch (e.key) {
+			case "ArrowLeft":
+			case "ArrowDown":
+				H({
+					...z,
+					h: ((z.h - t) % 360 + 360) % 360
+				}, !0);
+				break;
+			case "ArrowRight":
+			case "ArrowUp":
+				H({
+					...z,
+					h: (z.h + t) % 360
+				}, !0);
+				break;
+			default: return;
+		}
+		e.preventDefault();
+	}, Y = (e) => {
+		let t = (e.shiftKey ? 10 : 1) / 100;
+		switch (e.key) {
+			case "ArrowLeft":
+			case "ArrowDown":
+				U(T(R - t), !0);
+				break;
+			case "ArrowRight":
+			case "ArrowUp":
+				U(T(R + t), !0);
+				break;
+			default: return;
+		}
+		e.preventDefault();
+	}, [X, Z] = b(null), ee = X ?? r({
+		...L,
+		a: R
+	}, j, M), Q = () => {
+		if (X === null) return;
+		let e = a(X);
+		Z(null), e && V(e.rgb, !0);
+	}, $ = (t, r) => /* @__PURE__ */ S("div", {
+		"data-slot": "swatch-row",
+		className: e([h]),
+		children: t.map((t) => {
+			let i = a(t)?.rgb;
+			return i ? /* @__PURE__ */ S("button", {
+				type: "button",
+				"data-slot": "swatch-item",
+				"aria-label": t,
+				onClick: () => V(i, !0),
+				className: e([
+					p,
+					c,
+					o(i) === B && "haze-color-picker-styles__swatchActive"
+				]),
+				children: /* @__PURE__ */ S("span", {
+					"data-slot": "swatch",
+					style: { background: n(i) },
+					className: e([m])
+				})
+			}, `${r}:${t}`) : null;
+		})
+	});
+	return /* @__PURE__ */ C("div", {
+		"data-slot": "panel",
+		className: e([u, F]),
+		children: [
+			/* @__PURE__ */ S("div", {
+				"data-slot": "saturation",
+				role: "slider",
+				tabIndex: 0,
+				"aria-label": I.saturationBrightness,
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": Math.round(z.s * 100),
+				"aria-valuetext": r(L, "hex", !1),
+				style: { background: `linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0)), hsl(${z.h}, 100%, 50%)` },
+				onKeyDown: q,
+				...W,
+				className: e([d]),
+				children: /* @__PURE__ */ S("span", {
+					"data-slot": "thumb",
+					style: {
+						left: `${z.s * 100}%`,
+						top: `${(1 - z.v) * 100}%`
+					},
+					className: e([f])
+				})
+			}),
+			/* @__PURE__ */ S("div", {
+				"data-slot": "hue-track",
+				role: "slider",
+				tabIndex: 0,
+				"aria-label": I.hue,
+				"aria-valuemin": 0,
+				"aria-valuemax": 360,
+				"aria-valuenow": Math.round(z.h),
+				"aria-valuetext": `${Math.round(z.h)}deg`,
+				onKeyDown: J,
+				...G,
+				className: e([g, l]),
+				children: /* @__PURE__ */ S("span", {
+					"data-slot": "thumb",
+					style: { left: `${z.h / 360 * 100}%` },
+					className: e([_])
+				})
+			}),
+			M && /* @__PURE__ */ C("div", {
+				"data-slot": "alpha-track",
+				role: "slider",
+				tabIndex: 0,
+				"aria-label": I.alpha,
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": Math.round(R * 100),
+				"aria-valuetext": `${Math.round(R * 100)}%`,
+				onKeyDown: Y,
+				...K,
+				className: e(["haze-color-picker-styles__track", "haze-color-picker-styles__checkerboard"]),
+				children: [/* @__PURE__ */ S("span", {
+					"data-slot": "fill",
+					style: { background: `linear-gradient(to right, rgba(${L.r}, ${L.g}, ${L.b}, 0), rgba(${L.r}, ${L.g}, ${L.b}, 1))` },
+					className: e(["haze-color-picker-styles__trackFill"])
+				}), /* @__PURE__ */ S("span", {
+					"data-slot": "thumb",
+					style: { left: `${R * 100}%` },
+					className: e(["haze-color-picker-styles__trackThumb"])
+				})]
+			}),
+			/* @__PURE__ */ S("input", {
+				type: "text",
+				"data-slot": "input",
+				"aria-label": I.hexColor,
+				spellCheck: !1,
+				value: ee,
+				onChange: (e) => Z(e.target.value),
+				onBlur: Q,
+				onKeyDown: (e) => {
+					e.key === "Enter" ? (e.preventDefault(), Q()) : e.key === "Escape" && (e.stopPropagation(), Z(null));
+				},
+				className: e([v])
+			}),
+			N !== void 0 && N.length > 0 && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
+				"data-slot": "group-label",
+				className: e(["haze-color-picker-styles__groupLabel"]),
+				children: I.presetsLabel
+			}), $(N, "preset")] }),
+			P !== void 0 && P.length > 0 && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
+				"data-slot": "group-label",
+				className: e(["haze-color-picker-styles__groupLabel"]),
+				children: I.recentColors
+			}), $(P, "recent")] })
+		]
+	});
+}
+//#endregion
+export { k as default };

package/dist/components/ColorPicker/color-math.js

@@ -0,0 +1,168 @@
+"use client";
+//#region src/lib/components/ColorPicker/color-math.ts
+function e(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function t(t) {
+	return e(t, 0, 1);
+}
+var n = /^#?([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+function r(t, n) {
+	let r = t.endsWith("%"), i = Number(r ? t.slice(0, -1) : t);
+	return Number.isFinite(i) ? e(r ? i / 100 * n : i, 0, n) : NaN;
+}
+function i(e) {
+	if (e === void 0) return;
+	let t = r(e, 1);
+	return Number.isFinite(t) ? t : 1;
+}
+var a = String.raw`\d*\.?\d+`, o = RegExp(`^rgba?\\(\\s*(${a}%?)\\s*[,\\s]\\s*(${a}%?)\\s*[,\\s]\\s*(${a}%?)\\s*(?:[,/]\\s*(${a}%?)\\s*)?\\)$`, "i"), s = RegExp(`^hsla?\\(\\s*(-?${a})(?:deg)?\\s*[,\\s]\\s*(${a})%\\s*[,\\s]\\s*(${a})%\\s*(?:[,/]\\s*(${a}%?)\\s*)?\\)$`, "i");
+function c(e) {
+	let a = e.trim(), c = n.exec(a);
+	if (c) {
+		let e = c[1] ?? "", n = e.length === 3 || e.length === 4 ? e.split("").map((e) => e + e).join("") : e, r = Number.parseInt(n, 16);
+		return {
+			format: "hex",
+			rgb: n.length === 8 ? {
+				r: r >>> 24 & 255,
+				g: r >>> 16 & 255,
+				b: r >>> 8 & 255,
+				a: t((r & 255) / 255)
+			} : {
+				r: r >>> 16 & 255,
+				g: r >>> 8 & 255,
+				b: r & 255
+			}
+		};
+	}
+	let l = o.exec(a);
+	if (l) {
+		let e = r(l[1] ?? "0", 255), t = r(l[2] ?? "0", 255), n = r(l[3] ?? "0", 255);
+		return [
+			e,
+			t,
+			n
+		].every(Number.isFinite) ? {
+			format: "rgb",
+			rgb: {
+				r: Math.round(e),
+				g: Math.round(t),
+				b: Math.round(n),
+				a: i(l[4])
+			}
+		} : null;
+	}
+	let u = s.exec(a);
+	if (u) {
+		let e = Number(u[1]), t = r(u[2] ?? "0", 100) / 100, n = r(u[3] ?? "0", 100) / 100;
+		return [
+			e,
+			t,
+			n
+		].every(Number.isFinite) ? {
+			format: "hsl",
+			rgb: {
+				..._({
+					h: (e % 360 + 360) % 360,
+					s: t,
+					l: n
+				}),
+				a: i(u[4])
+			}
+		} : null;
+	}
+	return null;
+}
+function l(t) {
+	return e(Math.round(t), 0, 255).toString(16).padStart(2, "0");
+}
+function u(e) {
+	let n = t(e).toFixed(3).replace(/0+$/, "").replace(/\.$/, "");
+	return n === "" ? "0" : n;
+}
+function d(e, t, n) {
+	let r = e.a ?? 1, i = n && r < 1;
+	if (t === "hex") {
+		let t = `#${l(e.r)}${l(e.g)}${l(e.b)}`;
+		return i ? `${t}${l(r * 255)}` : t;
+	}
+	if (t === "rgb") return i ? `rgba(${e.r}, ${e.g}, ${e.b}, ${u(r)})` : `rgb(${e.r}, ${e.g}, ${e.b})`;
+	let a = g(e), o = Math.round(a.h), s = Math.round(a.s * 100), c = Math.round(a.l * 100);
+	return i ? `hsla(${o}, ${s}%, ${c}%, ${u(r)})` : `hsl(${o}, ${s}%, ${c}%)`;
+}
+function f(e) {
+	return `rgba(${e.r}, ${e.g}, ${e.b}, ${u(e.a ?? 1)})`;
+}
+function p(e) {
+	return `#${l(e.r)}${l(e.g)}${l(e.b)}${l((e.a ?? 1) * 255)}`;
+}
+function m({ r: e, g: t, b: n }) {
+	let r = e / 255, i = t / 255, a = n / 255, o = Math.max(r, i, a), s = o - Math.min(r, i, a), c = 0;
+	return s !== 0 && (c = o === r ? ((i - a) / s % 6 + 6) % 6 : o === i ? (a - r) / s + 2 : (r - i) / s + 4, c *= 60), {
+		h: c,
+		s: o === 0 ? 0 : s / o,
+		v: o
+	};
+}
+function h({ h: e, s: t, v: n }) {
+	let r = (e % 360 + 360) % 360 / 60, i = n * t, a = i * (1 - Math.abs(r % 2 - 1)), o = n - i, s;
+	return s = r < 1 ? [
+		i,
+		a,
+		0
+	] : r < 2 ? [
+		a,
+		i,
+		0
+	] : r < 3 ? [
+		0,
+		i,
+		a
+	] : r < 4 ? [
+		0,
+		a,
+		i
+	] : r < 5 ? [
+		a,
+		0,
+		i
+	] : [
+		i,
+		0,
+		a
+	], {
+		r: Math.round((s[0] + o) * 255),
+		g: Math.round((s[1] + o) * 255),
+		b: Math.round((s[2] + o) * 255)
+	};
+}
+function g({ r: e, g: t, b: n }) {
+	let r = e / 255, i = t / 255, a = n / 255, o = Math.max(r, i, a), s = Math.min(r, i, a), c = (o + s) / 2, l = o - s, u = 0, d = 0;
+	return l !== 0 && (d = l / (1 - Math.abs(2 * c - 1)), u = o === r ? ((i - a) / l % 6 + 6) % 6 : o === i ? (a - r) / l + 2 : (r - i) / l + 4, u *= 60), {
+		h: u,
+		s: d,
+		l: c
+	};
+}
+function _({ h: e, s: t, l: n }) {
+	let r = (e % 360 + 360) % 360 / 360;
+	if (t === 0) {
+		let e = Math.round(n * 255);
+		return {
+			r: e,
+			g: e,
+			b: e
+		};
+	}
+	let i = n < .5 ? n * (1 + t) : n + t - n * t, a = 2 * n - i, o = (e) => {
+		let t = e;
+		return t < 0 && (t += 1), t > 1 && --t, t < 1 / 6 ? a + (i - a) * 6 * t : t < 1 / 2 ? i : t < 2 / 3 ? a + (i - a) * (2 / 3 - t) * 6 : a;
+	};
+	return {
+		r: Math.round(o(r + 1 / 3) * 255),
+		g: Math.round(o(r) * 255),
+		b: Math.round(o(r - 1 / 3) * 255)
+	};
+}
+//#endregion
+export { f as cssColor, d as formatColor, _ as hslToRgb, h as hsvToRgb, c as parseColor, p as rgbHexKey, g as rgbToHsl, m as rgbToHsv };

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

@@ -0,0 +1,7 @@
+
+"use client";
+/* empty css                              */
+//#region src/lib/components/ColorPicker/color-picker-styles.ts
+var e = "haze-color-picker-styles__panelVisuals", t = "haze-color-picker-styles__panelContent", n = "haze-color-picker-styles__svArea", r = "haze-color-picker-styles__svThumb", i = "haze-color-picker-styles__track", a = "haze-color-picker-styles__hueTrack", o = "haze-color-picker-styles__checkerboard", s = "haze-color-picker-styles__trackFill", c = "haze-color-picker-styles__trackThumb", l = "haze-color-picker-styles__valueInput", u = "haze-color-picker-styles__groupLabel", d = "haze-color-picker-styles__swatchRow", f = "haze-color-picker-styles__swatchBtn", p = "haze-color-picker-styles__swatchFill", m = "haze-color-picker-styles__swatchActive", h = "haze-color-picker-styles__trigger";
+//#endregion
+export { o as checkerboard, u as groupLabel, a as hueTrack, t as panelContent, e as panelVisuals, n as svArea, r as svThumb, m as swatchActive, f as swatchBtn, p as swatchFill, d as swatchRow, i as track, s as trackFill, c as trackThumb, h as trigger, l as valueInput };

package/dist/components/ColorPicker/index.js

@@ -1,4 +1,4 @@
 "use client";
-import e from "./ColorPickerCore.js";
-import t from "./ColorPicker.js";
-export { t as ColorPicker, e as ColorPickerCore };
+import e from "./ColorPicker.js";
+import t from "./ColorPickerCore.js";
+export { e as ColorPicker, t as ColorPickerCore };