@banzamel/mineralui 0.9.0 → 0.10.0

package/dist/ColorPicker-BqE5PvW5.js

@@ -0,0 +1,457 @@
+import { t as e } from "./ChevronDownIcon-BDiyHPT4.js";
+import { t } from "./cn-BIeeqGZv.js";
+import { t as n } from "./appearanceProps-8tN47e1u.js";
+import { t as r } from "./Stack-xUXSOKqN.js";
+import { t as i } from "./Button-BnxXh7zp.js";
+import { r as a } from "./locale-DofwII5P.js";
+import { Children as o, isValidElement as s, useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/utils/relativeTime.ts
+var h = 1e3, g = 60 * h, _ = 60 * g, v = 24 * _, y = 7 * v, b = Math.round(30.44 * v), x = Math.round(365.25 * v), S = {
+	s: h,
+	m: g,
+	h: _,
+	d: v,
+	w: y,
+	mo: b,
+	y: x
+};
+function C(e) {
+	let t = e instanceof Date ? e : new Date(e);
+	return Number.isNaN(t.getTime()) ? null : t;
+}
+function w(e) {
+	if (e == null) return null;
+	if (typeof e == "number") return e >= 0 ? e : null;
+	let t = e.trim().match(/^(\d+)\s*(mo|[smhdwy])$/i);
+	return t ? Number(t[1]) * S[t[2].toLowerCase()] : null;
+}
+function T(e, t = Date.now()) {
+	let n = C(e), r = C(t);
+	if (!n || !r) return null;
+	let i = n.getTime() - r.getTime(), a = Math.abs(i);
+	return a < g ? {
+		value: Math.round(i / h),
+		unit: "second"
+	} : a < _ ? {
+		value: Math.round(i / g),
+		unit: "minute"
+	} : a < v ? {
+		value: Math.round(i / _),
+		unit: "hour"
+	} : a < y ? {
+		value: Math.round(i / v),
+		unit: "day"
+	} : a < b ? {
+		value: Math.round(i / y),
+		unit: "week"
+	} : a < x ? {
+		value: Math.round(i / b),
+		unit: "month"
+	} : {
+		value: Math.round(i / x),
+		unit: "year"
+	};
+}
+function E(e, { locale: t = "en", now: n = Date.now() } = {}) {
+	let r = T(e, n);
+	if (!r) return null;
+	let i;
+	try {
+		i = new Intl.RelativeTimeFormat(t, {
+			numeric: "auto",
+			style: "long"
+		});
+	} catch {
+		i = new Intl.RelativeTimeFormat("en", {
+			numeric: "auto",
+			style: "long"
+		});
+	}
+	return i.format(r.value, r.unit);
+}
+function D(e, t = "en", n = "date") {
+	let r = C(e);
+	if (!r) return null;
+	let i;
+	try {
+		i = new Intl.DateTimeFormat(t, {
+			dateStyle: "medium",
+			...n === "datetime" ? { timeStyle: "short" } : {}
+		});
+	} catch {
+		i = new Intl.DateTimeFormat("en", {
+			dateStyle: "medium",
+			...n === "datetime" ? { timeStyle: "short" } : {}
+		});
+	}
+	return i.format(r);
+}
+function O(e, t = Date.now()) {
+	let n = C(e), r = C(t);
+	if (!n || !r) return _;
+	let i = Math.abs(n.getTime() - r.getTime());
+	return i < g ? h : i < _ ? g : i < v ? _ : v;
+}
+//#endregion
+//#region src/components/display/Collapsible/Collapsible.tsx
+function k({ title: a, defaultOpen: o = !1, open: s, onToggle: c, fcolor: l, className: u, children: d, ...h }) {
+	let [g, _] = f(o), v = s ?? g, y = () => {
+		let e = !v;
+		s === void 0 && _(e), c?.(e);
+	}, b = /* @__PURE__ */ p("span", {
+		className: t("chevron", v && "open"),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ p(e, {})
+	});
+	return /* @__PURE__ */ m("div", {
+		className: t("collapsible", ...n({ fcolor: l }), u),
+		...h,
+		children: [/* @__PURE__ */ p(i, {
+			variant: "ghost",
+			className: "trigger",
+			"aria-expanded": v,
+			onClick: y,
+			endIcon: b,
+			children: a
+		}), /* @__PURE__ */ p("div", {
+			className: t("content-wrap", v && "open"),
+			"aria-hidden": !v,
+			children: /* @__PURE__ */ p(r, {
+				className: "content",
+				children: d
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/display/Accordion/Accordion.tsx
+function A(e) {
+	return null;
+}
+function j({ multiple: e = !1, defaultOpen: n, onChange: r, bordered: i = !1, className: a, children: l, ...u }) {
+	let [d, m] = f(Array.isArray(n) ? n : n ? [n] : []), h = c((t, n) => {
+		m((i) => {
+			let a;
+			return a = n ? e ? [...i, t] : [t] : i.filter((e) => e !== t), r?.(a), a;
+		});
+	}, [e, r]), g = o.toArray(l).filter((e) => s(e) && e.type === A);
+	return /* @__PURE__ */ p("div", {
+		className: t("accordion", i && "bordered", a),
+		...u,
+		children: g.map((e) => {
+			if (!s(e)) return null;
+			let { id: n, title: r, children: i, disabled: a, fcolor: o } = e.props, c = d.includes(n);
+			return /* @__PURE__ */ p("div", {
+				className: t("accordion-item", a && "disabled"),
+				children: /* @__PURE__ */ p(k, {
+					title: r,
+					open: c,
+					onToggle: a ? void 0 : (e) => h(n, e),
+					fcolor: o,
+					children: i
+				})
+			}, n);
+		})
+	});
+}
+//#endregion
+//#region src/components/display/ProgressBar/ProgressBar.tsx
+var M = 800;
+function N(e) {
+	return 1 - (1 - e) ** 3;
+}
+function P({ value: e, max: n = 100, color: r = "primary", size: i = "md", label: a, showValue: o = !1, animated: s = !1, striped: u = !1, className: h, ...g }) {
+	let _ = Math.min(100, Math.max(0, e / n * 100)), [v, y] = f(0), [b, x] = f(0), S = d(0), C = d(0), w = c((e, t) => {
+		cancelAnimationFrame(C.current);
+		let n = performance.now(), r = (i) => {
+			let a = i - n, o = Math.min(a / M, 1), s = N(o);
+			y(e + (t - e) * s), o < 1 && (C.current = requestAnimationFrame(r));
+		};
+		x(t), C.current = requestAnimationFrame(r);
+	}, []);
+	return l(() => (w(S.current, _), S.current = _, () => cancelAnimationFrame(C.current)), [_, w]), /* @__PURE__ */ m("div", {
+		className: t("progress bar", r, i, h),
+		role: "progressbar",
+		"aria-valuenow": e,
+		"aria-valuemin": 0,
+		"aria-valuemax": n,
+		"aria-label": a,
+		...g,
+		children: [(a || o) && /* @__PURE__ */ m("div", {
+			className: "progress bar header",
+			children: [a && /* @__PURE__ */ p("span", {
+				className: "progress bar label",
+				children: a
+			}), o && /* @__PURE__ */ m("span", {
+				className: "progress bar value",
+				children: [Math.round(v), "%"]
+			})]
+		}), /* @__PURE__ */ p("div", {
+			className: "progress bar track",
+			children: /* @__PURE__ */ p("div", {
+				className: t("progress bar fill", s && "animated", u && "striped"),
+				style: { width: `${b}%` }
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/display/CountUp/CountUp.tsx
+function F({ value: e, from: n = 0, duration: r = 1e3, decimals: i = 0, prefix: a = "", suffix: o = "", separator: s = "", className: c, ...u }) {
+	let [p, h] = f(n), g = d(0), _ = d(null);
+	l(() => {
+		let t = p;
+		_.current = null;
+		let n = (i) => {
+			_.current === null && (_.current = i);
+			let a = i - _.current, o = Math.min(a / r, 1), s = 1 - (1 - o) ** 3;
+			h(t + (e - t) * s), o < 1 && (g.current = requestAnimationFrame(n));
+		};
+		return g.current = requestAnimationFrame(n), () => cancelAnimationFrame(g.current);
+	}, [e, r]);
+	let v = I(p, i, s);
+	return /* @__PURE__ */ m("span", {
+		className: t("count-up", c),
+		...u,
+		children: [
+			a,
+			v,
+			o
+		]
+	});
+}
+function I(e, t, n) {
+	let r = e.toFixed(t);
+	if (!n) return r;
+	let [i, a] = r.split("."), o = i.replace(/\B(?=(\d{3})+(?!\d))/g, n);
+	return a === void 0 ? o : `${o}.${a}`;
+}
+//#endregion
+//#region src/components/display/TimeAgo/TimeAgo.tsx
+function L(e, t, n) {
+	return e === "none" ? null : e === "minute" ? 60 * 1e3 : e === "hour" ? 3600 * 1e3 : e === "day" ? 1440 * 60 * 1e3 : O(t, n);
+}
+function R({ value: e, locale: n, maxRelative: r, fallbackFormat: i = "date", titleAbsolute: o = !0, update: s = "auto", className: c, ...d }) {
+	let m = a(n), [h, g] = f(() => Date.now()), _ = u(() => L(s, e, h), [
+		h,
+		s,
+		e
+	]);
+	l(() => {
+		if (!_) return;
+		let e = window.setInterval(() => g(Date.now()), _);
+		return () => window.clearInterval(e);
+	}, [_]);
+	let v = u(() => C(e), [e]), y = u(() => w(r), [r]), b = u(() => D(e, m, i), [
+		e,
+		m,
+		i
+	]), x = u(() => {
+		if (!v) return String(e);
+		let t = Math.abs(v.getTime() - h);
+		return y != null && t > y ? b ?? String(e) : E(v, {
+			locale: m,
+			now: h
+		}) ?? b ?? String(e);
+	}, [
+		b,
+		v,
+		m,
+		y,
+		h,
+		e
+	]);
+	return /* @__PURE__ */ p("time", {
+		className: t("time ago", c),
+		dateTime: v?.toISOString(),
+		title: o ? b ?? void 0 : void 0,
+		...d,
+		children: x
+	});
+}
+//#endregion
+//#region src/components/display/ColorPicker/ColorPicker.tsx
+function z(e, t, n) {
+	let r = (r) => {
+		let i = (r + e / 60) % 6;
+		return n - n * t * Math.max(0, Math.min(i, 4 - i, 1));
+	};
+	return `#${[
+		Math.round(r(5) * 255),
+		Math.round(r(3) * 255),
+		Math.round(r(1) * 255)
+	].map((e) => e.toString(16).padStart(2, "0")).join("")}`;
+}
+function B(e) {
+	let t = e.replace("#", "").match(/.{2}/g);
+	if (!t) return [
+		0,
+		0,
+		1
+	];
+	let [n, r, i] = t.map((e) => parseInt(e, 16) / 255), a = Math.max(n, r, i), o = a - Math.min(n, r, i), s = 0;
+	o !== 0 && (s = a === n ? ((r - i) / o + 6) % 6 : a === r ? (i - n) / o + 2 : (n - r) / o + 4, s *= 60);
+	let c = a === 0 ? 0 : o / a;
+	return [
+		s,
+		c,
+		a
+	];
+}
+function V(e) {
+	let t = e.replace("#", "").match(/.{2}/g);
+	if (!t) return "rgb(0, 0, 0)";
+	let [n, r, i] = t.map((e) => parseInt(e, 16));
+	return `rgb(${n}, ${r}, ${i})`;
+}
+function H(e) {
+	let t = e.replace("#", "").match(/.{2}/g);
+	if (!t) return "hsl(0, 0%, 0%)";
+	let [n, r, i] = t.map((e) => parseInt(e, 16) / 255), a = Math.max(n, r, i), o = Math.min(n, r, i), s = (a + o) / 2, c = 0, l = 0;
+	if (a !== o) {
+		let e = a - o;
+		l = s > .5 ? e / (2 - a - o) : e / (a + o), c = a === n ? ((r - i) / e + 6) % 6 : a === r ? (i - n) / e + 2 : (n - r) / e + 4, c *= 60;
+	}
+	return `hsl(${Math.round(c)}, ${Math.round(l * 100)}%, ${Math.round(s * 100)}%)`;
+}
+function U(e, t) {
+	return t === "rgb" ? V(e) : t === "hsl" ? H(e) : e;
+}
+function W(e) {
+	if (!e) return "#000000";
+	if (e.startsWith("#")) return e.length === 7 ? e : "#000000";
+	let t = e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+	return t ? `#${[
+		t[1],
+		t[2],
+		t[3]
+	].map((e) => parseInt(e).toString(16).padStart(2, "0")).join("")}` : "#000000";
+}
+var G = [
+	"#ef4444",
+	"#f97316",
+	"#eab308",
+	"#22c55e",
+	"#06b6d4",
+	"#3b82f6",
+	"#8b5cf6",
+	"#ec4899",
+	"#000000",
+	"#ffffff"
+];
+function K({ value: e, onChange: n, swatches: r = G, format: i = "hex", size: a = "md", label: o, disabled: s = !1, className: u, ...h }) {
+	let g = W(e ?? "#3b82f6"), [_, v] = f(() => B(g)), [y, b] = f(U(g, i)), x = d(null), S = d(null), C = d(null);
+	l(() => {
+		let t = W(e ?? "#3b82f6");
+		v(B(t)), b(U(t, i));
+	}, [e, i]);
+	let w = c((e, t, r) => {
+		let a = z(e, t, r);
+		v([
+			e,
+			t,
+			r
+		]), b(U(a, i)), n?.(U(a, i));
+	}, [n, i]);
+	function T(e) {
+		let t = x.current?.getBoundingClientRect();
+		if (!t) return;
+		let n = Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)), r = Math.max(0, Math.min(1, 1 - (e.clientY - t.top) / t.height));
+		w(_[0], n, r);
+	}
+	function E(e) {
+		let t = S.current?.getBoundingClientRect();
+		t && w(Math.max(0, Math.min(360, (e.clientX - t.left) / t.width * 360)), _[1], _[2]);
+	}
+	l(() => {
+		function e(e) {
+			C.current === "area" ? T(e) : C.current === "hue" && E(e);
+		}
+		function t() {
+			C.current = null;
+		}
+		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
+			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
+		};
+	});
+	function D(e) {
+		b(e);
+		try {
+			let t = W(e);
+			(t !== "#000000" || e === "#000000" || e.toLowerCase() === "rgb(0, 0, 0)") && (v(B(t)), n?.(U(t, i)));
+		} catch {}
+	}
+	let O = z(_[0], _[1], _[2]);
+	return /* @__PURE__ */ m("div", {
+		className: t("color-picker", a, s && "disabled", u),
+		...h,
+		children: [
+			o && /* @__PURE__ */ p("label", {
+				className: "label",
+				children: o
+			}),
+			/* @__PURE__ */ m("div", {
+				ref: x,
+				className: "area",
+				style: { background: `hsl(${_[0]}, 100%, 50%)` },
+				onPointerDown: (e) => {
+					s || (C.current = "area", T(e));
+				},
+				children: [
+					/* @__PURE__ */ p("div", { className: "white" }),
+					/* @__PURE__ */ p("div", { className: "black" }),
+					/* @__PURE__ */ p("div", {
+						className: "cursor",
+						style: {
+							left: `${_[1] * 100}%`,
+							top: `${(1 - _[2]) * 100}%`,
+							background: O
+						}
+					})
+				]
+			}),
+			/* @__PURE__ */ p("div", {
+				ref: S,
+				className: "hue",
+				onPointerDown: (e) => {
+					s || (C.current = "hue", E(e));
+				},
+				children: /* @__PURE__ */ p("div", {
+					className: "hue-thumb",
+					style: { left: `${_[0] / 360 * 100}%` }
+				})
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "controls",
+				children: [/* @__PURE__ */ p("div", {
+					className: "preview",
+					style: { background: O }
+				}), /* @__PURE__ */ p("input", {
+					type: "text",
+					className: "input",
+					value: y,
+					onChange: (e) => D(e.target.value),
+					disabled: s
+				})]
+			}),
+			r.length > 0 && /* @__PURE__ */ p("div", {
+				className: "swatches",
+				children: r.map((e) => /* @__PURE__ */ p("button", {
+					type: "button",
+					className: t("swatch", O.toLowerCase() === e.toLowerCase() && "active"),
+					style: { background: e },
+					onClick: () => {
+						if (s) return;
+						let [t, n, r] = B(e);
+						w(t, n, r);
+					}
+				}, e))
+			})
+		]
+	});
+}
+//#endregion
+export { j as a, D as c, T as d, w as f, P as i, E as l, R as n, A as o, C as p, F as r, k as s, K as t, O as u };
+
+//# sourceMappingURL=ColorPicker-BqE5PvW5.js.map

package/dist/ColorPicker-BqE5PvW5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker-BqE5PvW5.js","names":[],"sources":["../src/utils/relativeTime.ts","../src/components/display/Collapsible/Collapsible.tsx","../src/components/display/Accordion/Accordion.tsx","../src/components/display/ProgressBar/ProgressBar.tsx","../src/components/display/CountUp/CountUp.tsx","../src/components/display/TimeAgo/TimeAgo.tsx","../src/components/display/ColorPicker/ColorPicker.tsx"],"sourcesContent":["export type RelativeTimeUnit = Intl.RelativeTimeFormatUnit\n\nexport type RelativeTimeFallbackFormat = 'date' | 'datetime'\n\nexport interface RelativeTimeValue {\n    value: number\n    unit: RelativeTimeUnit\n}\n\nexport interface FormatRelativeTimeOptions {\n    locale?: string\n    now?: Date | number\n}\n\nconst SECOND = 1000\nconst MINUTE = 60 * SECOND\nconst HOUR = 60 * MINUTE\nconst DAY = 24 * HOUR\nconst WEEK = 7 * DAY\nconst MONTH = Math.round(30.44 * DAY)\nconst YEAR = Math.round(365.25 * DAY)\n\nconst thresholdMap = {\n    s: SECOND,\n    m: MINUTE,\n    h: HOUR,\n    d: DAY,\n    w: WEEK,\n    mo: MONTH,\n    y: YEAR,\n} as const\n\nexport function toDate(value: Date | string | number): Date | null {\n    const date = value instanceof Date ? value : new Date(value)\n    return Number.isNaN(date.getTime()) ? null : date\n}\n\nexport function parseRelativeThreshold(value?: string | number | null): number | null {\n    if (value == null) return null\n    if (typeof value === 'number') return value >= 0 ? value : null\n\n    const match = value.trim().match(/^(\\d+)\\s*(mo|[smhdwy])$/i)\n    if (!match) return null\n\n    const amount = Number(match[1])\n    const unit = match[2].toLowerCase() as keyof typeof thresholdMap\n\n    return amount * thresholdMap[unit]\n}\n\nexport function getRelativeTimeValue(\n    value: Date | string | number,\n    now: Date | number = Date.now()\n): RelativeTimeValue | null {\n    const date = toDate(value)\n    const current = toDate(now)\n\n    if (!date || !current) return null\n\n    const diff = date.getTime() - current.getTime()\n    const abs = Math.abs(diff)\n\n    if (abs < MINUTE) {\n        return {value: Math.round(diff / SECOND), unit: 'second'}\n    }\n\n    if (abs < HOUR) {\n        return {value: Math.round(diff / MINUTE), unit: 'minute'}\n    }\n\n    if (abs < DAY) {\n        return {value: Math.round(diff / HOUR), unit: 'hour'}\n    }\n\n    if (abs < WEEK) {\n        return {value: Math.round(diff / DAY), unit: 'day'}\n    }\n\n    if (abs < MONTH) {\n        return {value: Math.round(diff / WEEK), unit: 'week'}\n    }\n\n    if (abs < YEAR) {\n        return {value: Math.round(diff / MONTH), unit: 'month'}\n    }\n\n    return {value: Math.round(diff / YEAR), unit: 'year'}\n}\n\nexport function formatRelativeTime(\n    value: Date | string | number,\n    {locale = 'en', now = Date.now()}: FormatRelativeTimeOptions = {}\n): string | null {\n    const relative = getRelativeTimeValue(value, now)\n\n    if (!relative) return null\n\n    let formatter: Intl.RelativeTimeFormat\n\n    try {\n        formatter = new Intl.RelativeTimeFormat(locale, {\n            numeric: 'auto',\n            style: 'long',\n        })\n    } catch {\n        formatter = new Intl.RelativeTimeFormat('en', {\n            numeric: 'auto',\n            style: 'long',\n        })\n    }\n\n    return formatter.format(relative.value, relative.unit)\n}\n\nexport function formatAbsoluteTime(\n    value: Date | string | number,\n    locale: string = 'en',\n    fallbackFormat: RelativeTimeFallbackFormat = 'date'\n): string | null {\n    const date = toDate(value)\n\n    if (!date) return null\n\n    let formatter: Intl.DateTimeFormat\n\n    try {\n        formatter = new Intl.DateTimeFormat(locale, {\n            dateStyle: 'medium',\n            ...(fallbackFormat === 'datetime' ? {timeStyle: 'short'} : {}),\n        })\n    } catch {\n        formatter = new Intl.DateTimeFormat('en', {\n            dateStyle: 'medium',\n            ...(fallbackFormat === 'datetime' ? {timeStyle: 'short'} : {}),\n        })\n    }\n\n    return formatter.format(date)\n}\n\nexport function getAutoUpdateInterval(value: Date | string | number, now: Date | number = Date.now()): number {\n    const date = toDate(value)\n    const current = toDate(now)\n\n    if (!date || !current) return HOUR\n\n    const diff = Math.abs(date.getTime() - current.getTime())\n\n    if (diff < MINUTE) return SECOND\n    if (diff < HOUR) return MINUTE\n    if (diff < DAY) return HOUR\n    return DAY\n}\n","import {useState} from 'react'\nimport {Button} from '../../controls'\nimport {Stack} from '../../layout'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport type {CollapsibleProps} from './Collapsible.types'\nimport {ChevronDownIcon} from '../../../icons'\nimport './Collapsible.css'\n\n// Toggle a section of content with a built-in trigger and disclosure state.\nexport function Collapsible({\n    title,\n    defaultOpen = false,\n    open: controlledOpen,\n    onToggle,\n    fcolor,\n    className,\n    children,\n    ...rest\n}: CollapsibleProps) {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const open = controlledOpen ?? internalOpen\n\n    const handleToggle = () => {\n        const nextOpen = !open\n\n        if (controlledOpen === undefined) {\n            setInternalOpen(nextOpen)\n        }\n\n        onToggle?.(nextOpen)\n    }\n\n    const chevronIcon = (\n        <span className={cn('chevron', open && 'open')} aria-hidden=\"true\">\n            <ChevronDownIcon />\n        </span>\n    )\n\n    return (\n        <div className={cn('collapsible', ...getAppearanceClassNames({fcolor}), className)} {...rest}>\n            <Button\n                variant=\"ghost\"\n                className=\"trigger\"\n                aria-expanded={open}\n                onClick={handleToggle}\n                endIcon={chevronIcon}\n            >\n                {title}\n            </Button>\n            <div className={cn('content-wrap', open && 'open')} aria-hidden={!open}>\n                <Stack className=\"content\">{children}</Stack>\n            </div>\n        </div>\n    )\n}\n","import {useState, useCallback, Children, isValidElement} from 'react'\nimport {Collapsible} from '../Collapsible'\nimport {cn} from '../../../utils/cn'\nimport type {AccordionProps, AccordionItemProps} from './Accordion.types'\nimport './Accordion.css'\n\nexport function AccordionItem(_props: AccordionItemProps) {\n    return null\n}\n\nexport function Accordion({\n    multiple = false,\n    defaultOpen,\n    onChange,\n    bordered = false,\n    className,\n    children,\n    ...rest\n}: AccordionProps) {\n    const initialOpen = Array.isArray(defaultOpen) ? defaultOpen : defaultOpen ? [defaultOpen] : []\n\n    const [openIds, setOpenIds] = useState<string[]>(initialOpen)\n\n    const handleToggle = useCallback(\n        (id: string, isOpen: boolean) => {\n            setOpenIds((prev) => {\n                let next: string[]\n                if (isOpen) {\n                    next = multiple ? [...prev, id] : [id]\n                } else {\n                    next = prev.filter((v) => v !== id)\n                }\n                onChange?.(next)\n                return next\n            })\n        },\n        [multiple, onChange]\n    )\n\n    const items = Children.toArray(children).filter(\n        (child) => isValidElement(child) && (child.type as any) === AccordionItem\n    )\n\n    return (\n        <div className={cn('accordion', bordered && 'bordered', className)} {...rest}>\n            {items.map((child) => {\n                if (!isValidElement<AccordionItemProps>(child)) return null\n                const {id, title, children: content, disabled, fcolor} = child.props\n                const isOpen = openIds.includes(id)\n\n                return (\n                    <div key={id} className={cn('accordion-item', disabled && 'disabled')}>\n                        <Collapsible\n                            title={title}\n                            open={isOpen}\n                            onToggle={disabled ? undefined : (open) => handleToggle(id, open)}\n                            fcolor={fcolor}\n                        >\n                            {content}\n                        </Collapsible>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n","import {useState, useEffect, useRef, useCallback} from 'react'\nimport type {ProgressBarProps} from './ProgressBar.types'\nimport {cn} from '../../../utils/cn'\nimport './ProgressBar.css'\n\nconst DURATION = 800\n\nfunction easeOutCubic(t: number) {\n    return 1 - Math.pow(1 - t, 3)\n}\n\n// Render a horizontal bar that fills to represent progress as a percentage.\nexport function ProgressBar({\n    value,\n    max = 100,\n    color = 'primary',\n    size = 'md',\n    label,\n    showValue = false,\n    animated = false,\n    striped = false,\n    className,\n    ...rest\n}: ProgressBarProps) {\n    const percent = Math.min(100, Math.max(0, (value / max) * 100))\n    const [displayPercent, setDisplayPercent] = useState(0)\n    const [barPercent, setBarPercent] = useState(0)\n    const prevPercent = useRef(0)\n    const rafRef = useRef(0)\n\n    const animate = useCallback((from: number, to: number) => {\n        cancelAnimationFrame(rafRef.current)\n        const start = performance.now()\n\n        const step = (now: number) => {\n            const elapsed = now - start\n            const progress = Math.min(elapsed / DURATION, 1)\n            const eased = easeOutCubic(progress)\n            const current = from + (to - from) * eased\n\n            setDisplayPercent(current)\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        // Set bar width immediately for CSS transition\n        setBarPercent(to)\n        rafRef.current = requestAnimationFrame(step)\n    }, [])\n\n    useEffect(() => {\n        animate(prevPercent.current, percent)\n        prevPercent.current = percent\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [percent, animate])\n\n    return (\n        <div\n            className={cn('progress bar', color, size, className)}\n            role=\"progressbar\"\n            aria-valuenow={value}\n            aria-valuemin={0}\n            aria-valuemax={max}\n            aria-label={label}\n            {...rest}\n        >\n            {(label || showValue) && (\n                <div className=\"progress bar header\">\n                    {label && <span className=\"progress bar label\">{label}</span>}\n                    {showValue && <span className=\"progress bar value\">{Math.round(displayPercent)}%</span>}\n                </div>\n            )}\n            <div className=\"progress bar track\">\n                <div\n                    className={cn('progress bar fill', animated && 'animated', striped && 'striped')}\n                    style={{width: `${barPercent}%`}}\n                />\n            </div>\n        </div>\n    )\n}\n","import {useState, useEffect, useRef} from 'react'\nimport type {CountUpProps} from './CountUp.types'\nimport {cn} from '../../../utils/cn'\n\n// Animate a number from a start value to a target, with an easing curve.\nexport function CountUp({\n    value,\n    from = 0,\n    duration = 1000,\n    decimals = 0,\n    prefix = '',\n    suffix = '',\n    separator = '',\n    className,\n    ...rest\n}: CountUpProps) {\n    const [display, setDisplay] = useState(from)\n    const rafRef = useRef<number>(0)\n    const startRef = useRef<number | null>(null)\n\n    useEffect(() => {\n        const startValue = display\n        startRef.current = null\n\n        const step = (timestamp: number) => {\n            if (startRef.current === null) startRef.current = timestamp\n            const elapsed = timestamp - startRef.current\n            const progress = Math.min(elapsed / duration, 1)\n            const eased = 1 - Math.pow(1 - progress, 3)\n            const current = startValue + (value - startValue) * eased\n\n            setDisplay(current)\n\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        rafRef.current = requestAnimationFrame(step)\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [value, duration])\n\n    const formatted = formatNumber(display, decimals, separator)\n\n    return (\n        <span className={cn('count-up', className)} {...rest}>\n            {prefix}\n            {formatted}\n            {suffix}\n        </span>\n    )\n}\n\nfunction formatNumber(num: number, decimals: number, separator: string): string {\n    const fixed = num.toFixed(decimals)\n    if (!separator) return fixed\n\n    const [int, dec] = fixed.split('.')\n    const withSep = int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n    return dec !== undefined ? `${withSep}.${dec}` : withSep\n}\n","import {useEffect, useMemo, useState} from 'react'\nimport type {TimeAgoProps, TimeAgoUpdate} from './TimeAgo.types'\nimport {cn} from '../../../utils/cn'\nimport {useDocumentLocale} from '../../../utils/locale'\nimport {\n    formatAbsoluteTime,\n    formatRelativeTime,\n    getAutoUpdateInterval,\n    parseRelativeThreshold,\n    toDate,\n} from '../../../utils/relativeTime'\nimport './TimeAgo.css'\n\nfunction getUpdateInterval(update: TimeAgoUpdate, value: Date | string | number, now: number): number | null {\n    if (update === 'none') return null\n    if (update === 'minute') return 60 * 1000\n    if (update === 'hour') return 60 * 60 * 1000\n    if (update === 'day') return 24 * 60 * 60 * 1000\n    return getAutoUpdateInterval(value, now)\n}\n\nexport function TimeAgo({\n    value,\n    locale: localeOverride,\n    maxRelative,\n    fallbackFormat = 'date',\n    titleAbsolute = true,\n    update = 'auto',\n    className,\n    ...rest\n}: TimeAgoProps) {\n    const locale = useDocumentLocale(localeOverride)\n    const [now, setNow] = useState(() => Date.now())\n    const interval = useMemo(() => getUpdateInterval(update, value, now), [now, update, value])\n\n    useEffect(() => {\n        if (!interval) return\n\n        const id = window.setInterval(() => setNow(Date.now()), interval)\n        return () => window.clearInterval(id)\n    }, [interval])\n\n    const date = useMemo(() => toDate(value), [value])\n    const maxRelativeMs = useMemo(() => parseRelativeThreshold(maxRelative), [maxRelative])\n\n    const absolute = useMemo(() => formatAbsoluteTime(value, locale, fallbackFormat), [value, locale, fallbackFormat])\n\n    const content = useMemo(() => {\n        if (!date) return String(value)\n\n        const diff = Math.abs(date.getTime() - now)\n        if (maxRelativeMs != null && diff > maxRelativeMs) {\n            return absolute ?? String(value)\n        }\n\n        return formatRelativeTime(date, {locale, now}) ?? absolute ?? String(value)\n    }, [absolute, date, locale, maxRelativeMs, now, value])\n\n    return (\n        <time\n            className={cn('time ago', className)}\n            dateTime={date?.toISOString()}\n            title={titleAbsolute ? (absolute ?? undefined) : undefined}\n            {...rest}\n        >\n            {content}\n        </time>\n    )\n}\n","import {useCallback, useEffect, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {ColorPickerProps} from './ColorPicker.types'\nimport {cn} from '../../../utils/cn'\nimport './ColorPicker.css'\n\nfunction hsvToHex(h: number, s: number, v: number): string {\n    const f = (n: number) => {\n        const k = (n + h / 60) % 6\n        return v - v * s * Math.max(0, Math.min(k, 4 - k, 1))\n    }\n    const r = Math.round(f(5) * 255)\n    const g = Math.round(f(3) * 255)\n    const b = Math.round(f(1) * 255)\n    return `#${[r, g, b].map((c) => c.toString(16).padStart(2, '0')).join('')}`\n}\n\nfunction hexToHsv(hex: string): [number, number, number] {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return [0, 0, 1]\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const d = max - min\n    let h = 0\n    if (d !== 0) {\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    const s = max === 0 ? 0 : d / max\n    return [h, s, max]\n}\n\nfunction hexToRgb(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'rgb(0, 0, 0)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16))\n    return `rgb(${r}, ${g}, ${b})`\n}\n\nfunction hexToHsl(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'hsl(0, 0%, 0%)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const l = (max + min) / 2\n    let h = 0\n    let s = 0\n    if (max !== min) {\n        const d = max - min\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    return `hsl(${Math.round(h)}, ${Math.round(s * 100)}%, ${Math.round(l * 100)}%)`\n}\n\nfunction formatOutput(hex: string, format: string): string {\n    if (format === 'rgb') return hexToRgb(hex)\n    if (format === 'hsl') return hexToHsl(hex)\n    return hex\n}\n\nfunction normalizeToHex(value: string): string {\n    if (!value) return '#000000'\n    if (value.startsWith('#')) return value.length === 7 ? value : '#000000'\n    const rgbMatch = value.match(/rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)/)\n    if (rgbMatch) {\n        return `#${[rgbMatch[1], rgbMatch[2], rgbMatch[3]]\n            .map((c) => parseInt(c).toString(16).padStart(2, '0'))\n            .join('')}`\n    }\n    return '#000000'\n}\n\nconst DEFAULT_SWATCHES = [\n    '#ef4444',\n    '#f97316',\n    '#eab308',\n    '#22c55e',\n    '#06b6d4',\n    '#3b82f6',\n    '#8b5cf6',\n    '#ec4899',\n    '#000000',\n    '#ffffff',\n]\n\nexport function ColorPicker({\n    value,\n    onChange,\n    swatches = DEFAULT_SWATCHES,\n    format = 'hex',\n    size = 'md',\n    label,\n    disabled = false,\n    className,\n    ...rest\n}: ColorPickerProps) {\n    const hex = normalizeToHex(value ?? '#3b82f6')\n    const [hsv, setHsv] = useState<[number, number, number]>(() => hexToHsv(hex))\n    const [inputValue, setInputValue] = useState(formatOutput(hex, format))\n    const areaRef = useRef<HTMLDivElement>(null)\n    const hueRef = useRef<HTMLDivElement>(null)\n    const dragging = useRef<'area' | 'hue' | null>(null)\n\n    useEffect(() => {\n        const newHex = normalizeToHex(value ?? '#3b82f6')\n        setHsv(hexToHsv(newHex))\n        setInputValue(formatOutput(newHex, format))\n    }, [value, format])\n\n    const emit = useCallback(\n        (h: number, s: number, v: number) => {\n            const newHex = hsvToHex(h, s, v)\n            setHsv([h, s, v])\n            setInputValue(formatOutput(newHex, format))\n            onChange?.(formatOutput(newHex, format))\n        },\n        [onChange, format]\n    )\n\n    function handleAreaPointer(e: React.PointerEvent | PointerEvent) {\n        const rect = areaRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const s = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n        const v = Math.max(0, Math.min(1, 1 - (e.clientY - rect.top) / rect.height))\n        emit(hsv[0], s, v)\n    }\n\n    function handleHuePointer(e: React.PointerEvent | PointerEvent) {\n        const rect = hueRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const h = Math.max(0, Math.min(360, ((e.clientX - rect.left) / rect.width) * 360))\n        emit(h, hsv[1], hsv[2])\n    }\n\n    useEffect(() => {\n        function onMove(e: PointerEvent) {\n            if (dragging.current === 'area') handleAreaPointer(e)\n            else if (dragging.current === 'hue') handleHuePointer(e)\n        }\n        function onUp() {\n            dragging.current = null\n        }\n        window.addEventListener('pointermove', onMove)\n        window.addEventListener('pointerup', onUp)\n        return () => {\n            window.removeEventListener('pointermove', onMove)\n            window.removeEventListener('pointerup', onUp)\n        }\n    })\n\n    function handleInputChange(val: string) {\n        setInputValue(val)\n        try {\n            const h = normalizeToHex(val)\n            if (h !== '#000000' || val === '#000000' || val.toLowerCase() === 'rgb(0, 0, 0)') {\n                setHsv(hexToHsv(h))\n                onChange?.(formatOutput(h, format))\n            }\n        } catch {\n            // ignore invalid input while typing\n        }\n    }\n\n    const currentHex = hsvToHex(hsv[0], hsv[1], hsv[2])\n\n    return (\n        <div className={cn('color-picker', size, disabled && 'disabled', className)} {...rest}>\n            {label && <label className=\"label\">{label}</label>}\n\n            <div\n                ref={areaRef}\n                className=\"area\"\n                style={{background: `hsl(${hsv[0]}, 100%, 50%)`}}\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'area'\n                    handleAreaPointer(e)\n                }}\n            >\n                <div className=\"white\" />\n                <div className=\"black\" />\n                <div\n                    className=\"cursor\"\n                    style={{\n                        left: `${hsv[1] * 100}%`,\n                        top: `${(1 - hsv[2]) * 100}%`,\n                        background: currentHex,\n                    }}\n                />\n            </div>\n\n            <div\n                ref={hueRef}\n                className=\"hue\"\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'hue'\n                    handleHuePointer(e)\n                }}\n            >\n                <div className=\"hue-thumb\" style={{left: `${(hsv[0] / 360) * 100}%`}} />\n            </div>\n\n            <div className=\"controls\">\n                <div className=\"preview\" style={{background: currentHex}} />\n                <input\n                    type=\"text\"\n                    className=\"input\"\n                    value={inputValue}\n                    onChange={(e) => handleInputChange(e.target.value)}\n                    disabled={disabled}\n                />\n            </div>\n\n            {swatches.length > 0 && (\n                <div className=\"swatches\">\n                    {swatches.map((swatch) => (\n                        <button\n                            key={swatch}\n                            type=\"button\"\n                            className={cn('swatch', currentHex.toLowerCase() === swatch.toLowerCase() && 'active')}\n                            style={{background: swatch}}\n                            onClick={() => {\n                                if (disabled) return\n                                const [h, s, v] = hexToHsv(swatch)\n                                emit(h, s, v)\n                            }}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/ColorPicker-DlrPaM8W.cjs

@@ -0,0 +1,2 @@
+const e=require(`./ChevronDownIcon-CkT_O5e5.cjs`),t=require(`./cn-BOmEz3Rt.cjs`),n=require(`./appearanceProps-65LbXIeI.cjs`),r=require(`./Stack-DzFHpLMS.cjs`),i=require(`./Button-BUd8Dkdx.cjs`),a=require(`./locale-C_PRdyIv.cjs`);let o=require(`react`),s=require(`react/jsx-runtime`);var c=1e3,l=60*c,u=60*l,d=24*u,f=7*d,p=Math.round(30.44*d),m=Math.round(365.25*d),h={s:c,m:l,h:u,d,w:f,mo:p,y:m};function g(e){let t=e instanceof Date?e:new Date(e);return Number.isNaN(t.getTime())?null:t}function _(e){if(e==null)return null;if(typeof e==`number`)return e>=0?e:null;let t=e.trim().match(/^(\d+)\s*(mo|[smhdwy])$/i);return t?Number(t[1])*h[t[2].toLowerCase()]:null}function v(e,t=Date.now()){let n=g(e),r=g(t);if(!n||!r)return null;let i=n.getTime()-r.getTime(),a=Math.abs(i);return a<l?{value:Math.round(i/c),unit:`second`}:a<u?{value:Math.round(i/l),unit:`minute`}:a<d?{value:Math.round(i/u),unit:`hour`}:a<f?{value:Math.round(i/d),unit:`day`}:a<p?{value:Math.round(i/f),unit:`week`}:a<m?{value:Math.round(i/p),unit:`month`}:{value:Math.round(i/m),unit:`year`}}function y(e,{locale:t=`en`,now:n=Date.now()}={}){let r=v(e,n);if(!r)return null;let i;try{i=new Intl.RelativeTimeFormat(t,{numeric:`auto`,style:`long`})}catch{i=new Intl.RelativeTimeFormat(`en`,{numeric:`auto`,style:`long`})}return i.format(r.value,r.unit)}function b(e,t=`en`,n=`date`){let r=g(e);if(!r)return null;let i;try{i=new Intl.DateTimeFormat(t,{dateStyle:`medium`,...n===`datetime`?{timeStyle:`short`}:{}})}catch{i=new Intl.DateTimeFormat(`en`,{dateStyle:`medium`,...n===`datetime`?{timeStyle:`short`}:{}})}return i.format(r)}function x(e,t=Date.now()){let n=g(e),r=g(t);if(!n||!r)return u;let i=Math.abs(n.getTime()-r.getTime());return i<l?c:i<u?l:i<d?u:d}function S({title:a,defaultOpen:c=!1,open:l,onToggle:u,fcolor:d,className:f,children:p,...m}){let[h,g]=(0,o.useState)(c),_=l??h,v=()=>{let e=!_;l===void 0&&g(e),u?.(e)},y=(0,s.jsx)(`span`,{className:t.t(`chevron`,_&&`open`),"aria-hidden":`true`,children:(0,s.jsx)(e.t,{})});return(0,s.jsxs)(`div`,{className:t.t(`collapsible`,...n.t({fcolor:d}),f),...m,children:[(0,s.jsx)(i.t,{variant:`ghost`,className:`trigger`,"aria-expanded":_,onClick:v,endIcon:y,children:a}),(0,s.jsx)(`div`,{className:t.t(`content-wrap`,_&&`open`),"aria-hidden":!_,children:(0,s.jsx)(r.t,{className:`content`,children:p})})]})}function C(e){return null}function w({multiple:e=!1,defaultOpen:n,onChange:r,bordered:i=!1,className:a,children:c,...l}){let[u,d]=(0,o.useState)(Array.isArray(n)?n:n?[n]:[]),f=(0,o.useCallback)((t,n)=>{d(i=>{let a;return a=n?e?[...i,t]:[t]:i.filter(e=>e!==t),r?.(a),a})},[e,r]),p=o.Children.toArray(c).filter(e=>(0,o.isValidElement)(e)&&e.type===C);return(0,s.jsx)(`div`,{className:t.t(`accordion`,i&&`bordered`,a),...l,children:p.map(e=>{if(!(0,o.isValidElement)(e))return null;let{id:n,title:r,children:i,disabled:a,fcolor:c}=e.props,l=u.includes(n);return(0,s.jsx)(`div`,{className:t.t(`accordion-item`,a&&`disabled`),children:(0,s.jsx)(S,{title:r,open:l,onToggle:a?void 0:e=>f(n,e),fcolor:c,children:i})},n)})})}var T=800;function E(e){return 1-(1-e)**3}function D({value:e,max:n=100,color:r=`primary`,size:i=`md`,label:a,showValue:c=!1,animated:l=!1,striped:u=!1,className:d,...f}){let p=Math.min(100,Math.max(0,e/n*100)),[m,h]=(0,o.useState)(0),[g,_]=(0,o.useState)(0),v=(0,o.useRef)(0),y=(0,o.useRef)(0),b=(0,o.useCallback)((e,t)=>{cancelAnimationFrame(y.current);let n=performance.now(),r=i=>{let a=i-n,o=Math.min(a/T,1),s=E(o);h(e+(t-e)*s),o<1&&(y.current=requestAnimationFrame(r))};_(t),y.current=requestAnimationFrame(r)},[]);return(0,o.useEffect)(()=>(b(v.current,p),v.current=p,()=>cancelAnimationFrame(y.current)),[p,b]),(0,s.jsxs)(`div`,{className:t.t(`progress bar`,r,i,d),role:`progressbar`,"aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":n,"aria-label":a,...f,children:[(a||c)&&(0,s.jsxs)(`div`,{className:`progress bar header`,children:[a&&(0,s.jsx)(`span`,{className:`progress bar label`,children:a}),c&&(0,s.jsxs)(`span`,{className:`progress bar value`,children:[Math.round(m),`%`]})]}),(0,s.jsx)(`div`,{className:`progress bar track`,children:(0,s.jsx)(`div`,{className:t.t(`progress bar fill`,l&&`animated`,u&&`striped`),style:{width:`${g}%`}})})]})}function O({value:e,from:n=0,duration:r=1e3,decimals:i=0,prefix:a=``,suffix:c=``,separator:l=``,className:u,...d}){let[f,p]=(0,o.useState)(n),m=(0,o.useRef)(0),h=(0,o.useRef)(null);(0,o.useEffect)(()=>{let t=f;h.current=null;let n=i=>{h.current===null&&(h.current=i);let a=i-h.current,o=Math.min(a/r,1),s=1-(1-o)**3;p(t+(e-t)*s),o<1&&(m.current=requestAnimationFrame(n))};return m.current=requestAnimationFrame(n),()=>cancelAnimationFrame(m.current)},[e,r]);let g=k(f,i,l);return(0,s.jsxs)(`span`,{className:t.t(`count-up`,u),...d,children:[a,g,c]})}function k(e,t,n){let r=e.toFixed(t);if(!n)return r;let[i,a]=r.split(`.`),o=i.replace(/\B(?=(\d{3})+(?!\d))/g,n);return a===void 0?o:`${o}.${a}`}function A(e,t,n){return e===`none`?null:e===`minute`?60*1e3:e===`hour`?3600*1e3:e===`day`?1440*60*1e3:x(t,n)}function j({value:e,locale:n,maxRelative:r,fallbackFormat:i=`date`,titleAbsolute:c=!0,update:l=`auto`,className:u,...d}){let f=a.r(n),[p,m]=(0,o.useState)(()=>Date.now()),h=(0,o.useMemo)(()=>A(l,e,p),[p,l,e]);(0,o.useEffect)(()=>{if(!h)return;let e=window.setInterval(()=>m(Date.now()),h);return()=>window.clearInterval(e)},[h]);let v=(0,o.useMemo)(()=>g(e),[e]),x=(0,o.useMemo)(()=>_(r),[r]),S=(0,o.useMemo)(()=>b(e,f,i),[e,f,i]),C=(0,o.useMemo)(()=>{if(!v)return String(e);let t=Math.abs(v.getTime()-p);return x!=null&&t>x?S??String(e):y(v,{locale:f,now:p})??S??String(e)},[S,v,f,x,p,e]);return(0,s.jsx)(`time`,{className:t.t(`time ago`,u),dateTime:v?.toISOString(),title:c?S??void 0:void 0,...d,children:C})}function M(e,t,n){let r=r=>{let i=(r+e/60)%6;return n-n*t*Math.max(0,Math.min(i,4-i,1))};return`#${[Math.round(r(5)*255),Math.round(r(3)*255),Math.round(r(1)*255)].map(e=>e.toString(16).padStart(2,`0`)).join(``)}`}function N(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return[0,0,1];let[n,r,i]=t.map(e=>parseInt(e,16)/255),a=Math.max(n,r,i),o=a-Math.min(n,r,i),s=0;o!==0&&(s=a===n?((r-i)/o+6)%6:a===r?(i-n)/o+2:(n-r)/o+4,s*=60);let c=a===0?0:o/a;return[s,c,a]}function P(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return`rgb(0, 0, 0)`;let[n,r,i]=t.map(e=>parseInt(e,16));return`rgb(${n}, ${r}, ${i})`}function F(e){let t=e.replace(`#`,``).match(/.{2}/g);if(!t)return`hsl(0, 0%, 0%)`;let[n,r,i]=t.map(e=>parseInt(e,16)/255),a=Math.max(n,r,i),o=Math.min(n,r,i),s=(a+o)/2,c=0,l=0;if(a!==o){let e=a-o;l=s>.5?e/(2-a-o):e/(a+o),c=a===n?((r-i)/e+6)%6:a===r?(i-n)/e+2:(n-r)/e+4,c*=60}return`hsl(${Math.round(c)}, ${Math.round(l*100)}%, ${Math.round(s*100)}%)`}function I(e,t){return t===`rgb`?P(e):t===`hsl`?F(e):e}function L(e){if(!e)return`#000000`;if(e.startsWith(`#`))return e.length===7?e:`#000000`;let t=e.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);return t?`#${[t[1],t[2],t[3]].map(e=>parseInt(e).toString(16).padStart(2,`0`)).join(``)}`:`#000000`}var R=[`#ef4444`,`#f97316`,`#eab308`,`#22c55e`,`#06b6d4`,`#3b82f6`,`#8b5cf6`,`#ec4899`,`#000000`,`#ffffff`];function z({value:e,onChange:n,swatches:r=R,format:i=`hex`,size:a=`md`,label:c,disabled:l=!1,className:u,...d}){let f=L(e??`#3b82f6`),[p,m]=(0,o.useState)(()=>N(f)),[h,g]=(0,o.useState)(I(f,i)),_=(0,o.useRef)(null),v=(0,o.useRef)(null),y=(0,o.useRef)(null);(0,o.useEffect)(()=>{let t=L(e??`#3b82f6`);m(N(t)),g(I(t,i))},[e,i]);let b=(0,o.useCallback)((e,t,r)=>{let a=M(e,t,r);m([e,t,r]),g(I(a,i)),n?.(I(a,i))},[n,i]);function x(e){let t=_.current?.getBoundingClientRect();if(!t)return;let n=Math.max(0,Math.min(1,(e.clientX-t.left)/t.width)),r=Math.max(0,Math.min(1,1-(e.clientY-t.top)/t.height));b(p[0],n,r)}function S(e){let t=v.current?.getBoundingClientRect();t&&b(Math.max(0,Math.min(360,(e.clientX-t.left)/t.width*360)),p[1],p[2])}(0,o.useEffect)(()=>{function e(e){y.current===`area`?x(e):y.current===`hue`&&S(e)}function t(){y.current=null}return window.addEventListener(`pointermove`,e),window.addEventListener(`pointerup`,t),()=>{window.removeEventListener(`pointermove`,e),window.removeEventListener(`pointerup`,t)}});function C(e){g(e);try{let t=L(e);(t!==`#000000`||e===`#000000`||e.toLowerCase()===`rgb(0, 0, 0)`)&&(m(N(t)),n?.(I(t,i)))}catch{}}let w=M(p[0],p[1],p[2]);return(0,s.jsxs)(`div`,{className:t.t(`color-picker`,a,l&&`disabled`,u),...d,children:[c&&(0,s.jsx)(`label`,{className:`label`,children:c}),(0,s.jsxs)(`div`,{ref:_,className:`area`,style:{background:`hsl(${p[0]}, 100%, 50%)`},onPointerDown:e=>{l||(y.current=`area`,x(e))},children:[(0,s.jsx)(`div`,{className:`white`}),(0,s.jsx)(`div`,{className:`black`}),(0,s.jsx)(`div`,{className:`cursor`,style:{left:`${p[1]*100}%`,top:`${(1-p[2])*100}%`,background:w}})]}),(0,s.jsx)(`div`,{ref:v,className:`hue`,onPointerDown:e=>{l||(y.current=`hue`,S(e))},children:(0,s.jsx)(`div`,{className:`hue-thumb`,style:{left:`${p[0]/360*100}%`}})}),(0,s.jsxs)(`div`,{className:`controls`,children:[(0,s.jsx)(`div`,{className:`preview`,style:{background:w}}),(0,s.jsx)(`input`,{type:`text`,className:`input`,value:h,onChange:e=>C(e.target.value),disabled:l})]}),r.length>0&&(0,s.jsx)(`div`,{className:`swatches`,children:r.map(e=>(0,s.jsx)(`button`,{type:`button`,className:t.t(`swatch`,w.toLowerCase()===e.toLowerCase()&&`active`),style:{background:e},onClick:()=>{if(l)return;let[t,n,r]=N(e);b(t,n,r)}},e))})]})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return x}});
+//# sourceMappingURL=ColorPicker-DlrPaM8W.cjs.map

package/dist/ColorPicker-DlrPaM8W.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker-DlrPaM8W.cjs","names":[],"sources":["../src/utils/relativeTime.ts","../src/components/display/Collapsible/Collapsible.tsx","../src/components/display/Accordion/Accordion.tsx","../src/components/display/ProgressBar/ProgressBar.tsx","../src/components/display/CountUp/CountUp.tsx","../src/components/display/TimeAgo/TimeAgo.tsx","../src/components/display/ColorPicker/ColorPicker.tsx"],"sourcesContent":["export type RelativeTimeUnit = Intl.RelativeTimeFormatUnit\n\nexport type RelativeTimeFallbackFormat = 'date' | 'datetime'\n\nexport interface RelativeTimeValue {\n    value: number\n    unit: RelativeTimeUnit\n}\n\nexport interface FormatRelativeTimeOptions {\n    locale?: string\n    now?: Date | number\n}\n\nconst SECOND = 1000\nconst MINUTE = 60 * SECOND\nconst HOUR = 60 * MINUTE\nconst DAY = 24 * HOUR\nconst WEEK = 7 * DAY\nconst MONTH = Math.round(30.44 * DAY)\nconst YEAR = Math.round(365.25 * DAY)\n\nconst thresholdMap = {\n    s: SECOND,\n    m: MINUTE,\n    h: HOUR,\n    d: DAY,\n    w: WEEK,\n    mo: MONTH,\n    y: YEAR,\n} as const\n\nexport function toDate(value: Date | string | number): Date | null {\n    const date = value instanceof Date ? value : new Date(value)\n    return Number.isNaN(date.getTime()) ? null : date\n}\n\nexport function parseRelativeThreshold(value?: string | number | null): number | null {\n    if (value == null) return null\n    if (typeof value === 'number') return value >= 0 ? value : null\n\n    const match = value.trim().match(/^(\\d+)\\s*(mo|[smhdwy])$/i)\n    if (!match) return null\n\n    const amount = Number(match[1])\n    const unit = match[2].toLowerCase() as keyof typeof thresholdMap\n\n    return amount * thresholdMap[unit]\n}\n\nexport function getRelativeTimeValue(\n    value: Date | string | number,\n    now: Date | number = Date.now()\n): RelativeTimeValue | null {\n    const date = toDate(value)\n    const current = toDate(now)\n\n    if (!date || !current) return null\n\n    const diff = date.getTime() - current.getTime()\n    const abs = Math.abs(diff)\n\n    if (abs < MINUTE) {\n        return {value: Math.round(diff / SECOND), unit: 'second'}\n    }\n\n    if (abs < HOUR) {\n        return {value: Math.round(diff / MINUTE), unit: 'minute'}\n    }\n\n    if (abs < DAY) {\n        return {value: Math.round(diff / HOUR), unit: 'hour'}\n    }\n\n    if (abs < WEEK) {\n        return {value: Math.round(diff / DAY), unit: 'day'}\n    }\n\n    if (abs < MONTH) {\n        return {value: Math.round(diff / WEEK), unit: 'week'}\n    }\n\n    if (abs < YEAR) {\n        return {value: Math.round(diff / MONTH), unit: 'month'}\n    }\n\n    return {value: Math.round(diff / YEAR), unit: 'year'}\n}\n\nexport function formatRelativeTime(\n    value: Date | string | number,\n    {locale = 'en', now = Date.now()}: FormatRelativeTimeOptions = {}\n): string | null {\n    const relative = getRelativeTimeValue(value, now)\n\n    if (!relative) return null\n\n    let formatter: Intl.RelativeTimeFormat\n\n    try {\n        formatter = new Intl.RelativeTimeFormat(locale, {\n            numeric: 'auto',\n            style: 'long',\n        })\n    } catch {\n        formatter = new Intl.RelativeTimeFormat('en', {\n            numeric: 'auto',\n            style: 'long',\n        })\n    }\n\n    return formatter.format(relative.value, relative.unit)\n}\n\nexport function formatAbsoluteTime(\n    value: Date | string | number,\n    locale: string = 'en',\n    fallbackFormat: RelativeTimeFallbackFormat = 'date'\n): string | null {\n    const date = toDate(value)\n\n    if (!date) return null\n\n    let formatter: Intl.DateTimeFormat\n\n    try {\n        formatter = new Intl.DateTimeFormat(locale, {\n            dateStyle: 'medium',\n            ...(fallbackFormat === 'datetime' ? {timeStyle: 'short'} : {}),\n        })\n    } catch {\n        formatter = new Intl.DateTimeFormat('en', {\n            dateStyle: 'medium',\n            ...(fallbackFormat === 'datetime' ? {timeStyle: 'short'} : {}),\n        })\n    }\n\n    return formatter.format(date)\n}\n\nexport function getAutoUpdateInterval(value: Date | string | number, now: Date | number = Date.now()): number {\n    const date = toDate(value)\n    const current = toDate(now)\n\n    if (!date || !current) return HOUR\n\n    const diff = Math.abs(date.getTime() - current.getTime())\n\n    if (diff < MINUTE) return SECOND\n    if (diff < HOUR) return MINUTE\n    if (diff < DAY) return HOUR\n    return DAY\n}\n","import {useState} from 'react'\nimport {Button} from '../../controls'\nimport {Stack} from '../../layout'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport type {CollapsibleProps} from './Collapsible.types'\nimport {ChevronDownIcon} from '../../../icons'\nimport './Collapsible.css'\n\n// Toggle a section of content with a built-in trigger and disclosure state.\nexport function Collapsible({\n    title,\n    defaultOpen = false,\n    open: controlledOpen,\n    onToggle,\n    fcolor,\n    className,\n    children,\n    ...rest\n}: CollapsibleProps) {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const open = controlledOpen ?? internalOpen\n\n    const handleToggle = () => {\n        const nextOpen = !open\n\n        if (controlledOpen === undefined) {\n            setInternalOpen(nextOpen)\n        }\n\n        onToggle?.(nextOpen)\n    }\n\n    const chevronIcon = (\n        <span className={cn('chevron', open && 'open')} aria-hidden=\"true\">\n            <ChevronDownIcon />\n        </span>\n    )\n\n    return (\n        <div className={cn('collapsible', ...getAppearanceClassNames({fcolor}), className)} {...rest}>\n            <Button\n                variant=\"ghost\"\n                className=\"trigger\"\n                aria-expanded={open}\n                onClick={handleToggle}\n                endIcon={chevronIcon}\n            >\n                {title}\n            </Button>\n            <div className={cn('content-wrap', open && 'open')} aria-hidden={!open}>\n                <Stack className=\"content\">{children}</Stack>\n            </div>\n        </div>\n    )\n}\n","import {useState, useCallback, Children, isValidElement} from 'react'\nimport {Collapsible} from '../Collapsible'\nimport {cn} from '../../../utils/cn'\nimport type {AccordionProps, AccordionItemProps} from './Accordion.types'\nimport './Accordion.css'\n\nexport function AccordionItem(_props: AccordionItemProps) {\n    return null\n}\n\nexport function Accordion({\n    multiple = false,\n    defaultOpen,\n    onChange,\n    bordered = false,\n    className,\n    children,\n    ...rest\n}: AccordionProps) {\n    const initialOpen = Array.isArray(defaultOpen) ? defaultOpen : defaultOpen ? [defaultOpen] : []\n\n    const [openIds, setOpenIds] = useState<string[]>(initialOpen)\n\n    const handleToggle = useCallback(\n        (id: string, isOpen: boolean) => {\n            setOpenIds((prev) => {\n                let next: string[]\n                if (isOpen) {\n                    next = multiple ? [...prev, id] : [id]\n                } else {\n                    next = prev.filter((v) => v !== id)\n                }\n                onChange?.(next)\n                return next\n            })\n        },\n        [multiple, onChange]\n    )\n\n    const items = Children.toArray(children).filter(\n        (child) => isValidElement(child) && (child.type as any) === AccordionItem\n    )\n\n    return (\n        <div className={cn('accordion', bordered && 'bordered', className)} {...rest}>\n            {items.map((child) => {\n                if (!isValidElement<AccordionItemProps>(child)) return null\n                const {id, title, children: content, disabled, fcolor} = child.props\n                const isOpen = openIds.includes(id)\n\n                return (\n                    <div key={id} className={cn('accordion-item', disabled && 'disabled')}>\n                        <Collapsible\n                            title={title}\n                            open={isOpen}\n                            onToggle={disabled ? undefined : (open) => handleToggle(id, open)}\n                            fcolor={fcolor}\n                        >\n                            {content}\n                        </Collapsible>\n                    </div>\n                )\n            })}\n        </div>\n    )\n}\n","import {useState, useEffect, useRef, useCallback} from 'react'\nimport type {ProgressBarProps} from './ProgressBar.types'\nimport {cn} from '../../../utils/cn'\nimport './ProgressBar.css'\n\nconst DURATION = 800\n\nfunction easeOutCubic(t: number) {\n    return 1 - Math.pow(1 - t, 3)\n}\n\n// Render a horizontal bar that fills to represent progress as a percentage.\nexport function ProgressBar({\n    value,\n    max = 100,\n    color = 'primary',\n    size = 'md',\n    label,\n    showValue = false,\n    animated = false,\n    striped = false,\n    className,\n    ...rest\n}: ProgressBarProps) {\n    const percent = Math.min(100, Math.max(0, (value / max) * 100))\n    const [displayPercent, setDisplayPercent] = useState(0)\n    const [barPercent, setBarPercent] = useState(0)\n    const prevPercent = useRef(0)\n    const rafRef = useRef(0)\n\n    const animate = useCallback((from: number, to: number) => {\n        cancelAnimationFrame(rafRef.current)\n        const start = performance.now()\n\n        const step = (now: number) => {\n            const elapsed = now - start\n            const progress = Math.min(elapsed / DURATION, 1)\n            const eased = easeOutCubic(progress)\n            const current = from + (to - from) * eased\n\n            setDisplayPercent(current)\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        // Set bar width immediately for CSS transition\n        setBarPercent(to)\n        rafRef.current = requestAnimationFrame(step)\n    }, [])\n\n    useEffect(() => {\n        animate(prevPercent.current, percent)\n        prevPercent.current = percent\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [percent, animate])\n\n    return (\n        <div\n            className={cn('progress bar', color, size, className)}\n            role=\"progressbar\"\n            aria-valuenow={value}\n            aria-valuemin={0}\n            aria-valuemax={max}\n            aria-label={label}\n            {...rest}\n        >\n            {(label || showValue) && (\n                <div className=\"progress bar header\">\n                    {label && <span className=\"progress bar label\">{label}</span>}\n                    {showValue && <span className=\"progress bar value\">{Math.round(displayPercent)}%</span>}\n                </div>\n            )}\n            <div className=\"progress bar track\">\n                <div\n                    className={cn('progress bar fill', animated && 'animated', striped && 'striped')}\n                    style={{width: `${barPercent}%`}}\n                />\n            </div>\n        </div>\n    )\n}\n","import {useState, useEffect, useRef} from 'react'\nimport type {CountUpProps} from './CountUp.types'\nimport {cn} from '../../../utils/cn'\n\n// Animate a number from a start value to a target, with an easing curve.\nexport function CountUp({\n    value,\n    from = 0,\n    duration = 1000,\n    decimals = 0,\n    prefix = '',\n    suffix = '',\n    separator = '',\n    className,\n    ...rest\n}: CountUpProps) {\n    const [display, setDisplay] = useState(from)\n    const rafRef = useRef<number>(0)\n    const startRef = useRef<number | null>(null)\n\n    useEffect(() => {\n        const startValue = display\n        startRef.current = null\n\n        const step = (timestamp: number) => {\n            if (startRef.current === null) startRef.current = timestamp\n            const elapsed = timestamp - startRef.current\n            const progress = Math.min(elapsed / duration, 1)\n            const eased = 1 - Math.pow(1 - progress, 3)\n            const current = startValue + (value - startValue) * eased\n\n            setDisplay(current)\n\n            if (progress < 1) {\n                rafRef.current = requestAnimationFrame(step)\n            }\n        }\n\n        rafRef.current = requestAnimationFrame(step)\n        return () => cancelAnimationFrame(rafRef.current)\n    }, [value, duration])\n\n    const formatted = formatNumber(display, decimals, separator)\n\n    return (\n        <span className={cn('count-up', className)} {...rest}>\n            {prefix}\n            {formatted}\n            {suffix}\n        </span>\n    )\n}\n\nfunction formatNumber(num: number, decimals: number, separator: string): string {\n    const fixed = num.toFixed(decimals)\n    if (!separator) return fixed\n\n    const [int, dec] = fixed.split('.')\n    const withSep = int.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n    return dec !== undefined ? `${withSep}.${dec}` : withSep\n}\n","import {useEffect, useMemo, useState} from 'react'\nimport type {TimeAgoProps, TimeAgoUpdate} from './TimeAgo.types'\nimport {cn} from '../../../utils/cn'\nimport {useDocumentLocale} from '../../../utils/locale'\nimport {\n    formatAbsoluteTime,\n    formatRelativeTime,\n    getAutoUpdateInterval,\n    parseRelativeThreshold,\n    toDate,\n} from '../../../utils/relativeTime'\nimport './TimeAgo.css'\n\nfunction getUpdateInterval(update: TimeAgoUpdate, value: Date | string | number, now: number): number | null {\n    if (update === 'none') return null\n    if (update === 'minute') return 60 * 1000\n    if (update === 'hour') return 60 * 60 * 1000\n    if (update === 'day') return 24 * 60 * 60 * 1000\n    return getAutoUpdateInterval(value, now)\n}\n\nexport function TimeAgo({\n    value,\n    locale: localeOverride,\n    maxRelative,\n    fallbackFormat = 'date',\n    titleAbsolute = true,\n    update = 'auto',\n    className,\n    ...rest\n}: TimeAgoProps) {\n    const locale = useDocumentLocale(localeOverride)\n    const [now, setNow] = useState(() => Date.now())\n    const interval = useMemo(() => getUpdateInterval(update, value, now), [now, update, value])\n\n    useEffect(() => {\n        if (!interval) return\n\n        const id = window.setInterval(() => setNow(Date.now()), interval)\n        return () => window.clearInterval(id)\n    }, [interval])\n\n    const date = useMemo(() => toDate(value), [value])\n    const maxRelativeMs = useMemo(() => parseRelativeThreshold(maxRelative), [maxRelative])\n\n    const absolute = useMemo(() => formatAbsoluteTime(value, locale, fallbackFormat), [value, locale, fallbackFormat])\n\n    const content = useMemo(() => {\n        if (!date) return String(value)\n\n        const diff = Math.abs(date.getTime() - now)\n        if (maxRelativeMs != null && diff > maxRelativeMs) {\n            return absolute ?? String(value)\n        }\n\n        return formatRelativeTime(date, {locale, now}) ?? absolute ?? String(value)\n    }, [absolute, date, locale, maxRelativeMs, now, value])\n\n    return (\n        <time\n            className={cn('time ago', className)}\n            dateTime={date?.toISOString()}\n            title={titleAbsolute ? (absolute ?? undefined) : undefined}\n            {...rest}\n        >\n            {content}\n        </time>\n    )\n}\n","import {useCallback, useEffect, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {ColorPickerProps} from './ColorPicker.types'\nimport {cn} from '../../../utils/cn'\nimport './ColorPicker.css'\n\nfunction hsvToHex(h: number, s: number, v: number): string {\n    const f = (n: number) => {\n        const k = (n + h / 60) % 6\n        return v - v * s * Math.max(0, Math.min(k, 4 - k, 1))\n    }\n    const r = Math.round(f(5) * 255)\n    const g = Math.round(f(3) * 255)\n    const b = Math.round(f(1) * 255)\n    return `#${[r, g, b].map((c) => c.toString(16).padStart(2, '0')).join('')}`\n}\n\nfunction hexToHsv(hex: string): [number, number, number] {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return [0, 0, 1]\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const d = max - min\n    let h = 0\n    if (d !== 0) {\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    const s = max === 0 ? 0 : d / max\n    return [h, s, max]\n}\n\nfunction hexToRgb(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'rgb(0, 0, 0)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16))\n    return `rgb(${r}, ${g}, ${b})`\n}\n\nfunction hexToHsl(hex: string): string {\n    const m = hex.replace('#', '').match(/.{2}/g)\n    if (!m) return 'hsl(0, 0%, 0%)'\n    const [r, g, b] = m.map((c) => parseInt(c, 16) / 255)\n    const max = Math.max(r, g, b)\n    const min = Math.min(r, g, b)\n    const l = (max + min) / 2\n    let h = 0\n    let s = 0\n    if (max !== min) {\n        const d = max - min\n        s = l > 0.5 ? d / (2 - max - min) : d / (max + min)\n        if (max === r) h = ((g - b) / d + 6) % 6\n        else if (max === g) h = (b - r) / d + 2\n        else h = (r - g) / d + 4\n        h *= 60\n    }\n    return `hsl(${Math.round(h)}, ${Math.round(s * 100)}%, ${Math.round(l * 100)}%)`\n}\n\nfunction formatOutput(hex: string, format: string): string {\n    if (format === 'rgb') return hexToRgb(hex)\n    if (format === 'hsl') return hexToHsl(hex)\n    return hex\n}\n\nfunction normalizeToHex(value: string): string {\n    if (!value) return '#000000'\n    if (value.startsWith('#')) return value.length === 7 ? value : '#000000'\n    const rgbMatch = value.match(/rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)/)\n    if (rgbMatch) {\n        return `#${[rgbMatch[1], rgbMatch[2], rgbMatch[3]]\n            .map((c) => parseInt(c).toString(16).padStart(2, '0'))\n            .join('')}`\n    }\n    return '#000000'\n}\n\nconst DEFAULT_SWATCHES = [\n    '#ef4444',\n    '#f97316',\n    '#eab308',\n    '#22c55e',\n    '#06b6d4',\n    '#3b82f6',\n    '#8b5cf6',\n    '#ec4899',\n    '#000000',\n    '#ffffff',\n]\n\nexport function ColorPicker({\n    value,\n    onChange,\n    swatches = DEFAULT_SWATCHES,\n    format = 'hex',\n    size = 'md',\n    label,\n    disabled = false,\n    className,\n    ...rest\n}: ColorPickerProps) {\n    const hex = normalizeToHex(value ?? '#3b82f6')\n    const [hsv, setHsv] = useState<[number, number, number]>(() => hexToHsv(hex))\n    const [inputValue, setInputValue] = useState(formatOutput(hex, format))\n    const areaRef = useRef<HTMLDivElement>(null)\n    const hueRef = useRef<HTMLDivElement>(null)\n    const dragging = useRef<'area' | 'hue' | null>(null)\n\n    useEffect(() => {\n        const newHex = normalizeToHex(value ?? '#3b82f6')\n        setHsv(hexToHsv(newHex))\n        setInputValue(formatOutput(newHex, format))\n    }, [value, format])\n\n    const emit = useCallback(\n        (h: number, s: number, v: number) => {\n            const newHex = hsvToHex(h, s, v)\n            setHsv([h, s, v])\n            setInputValue(formatOutput(newHex, format))\n            onChange?.(formatOutput(newHex, format))\n        },\n        [onChange, format]\n    )\n\n    function handleAreaPointer(e: React.PointerEvent | PointerEvent) {\n        const rect = areaRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const s = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n        const v = Math.max(0, Math.min(1, 1 - (e.clientY - rect.top) / rect.height))\n        emit(hsv[0], s, v)\n    }\n\n    function handleHuePointer(e: React.PointerEvent | PointerEvent) {\n        const rect = hueRef.current?.getBoundingClientRect()\n        if (!rect) return\n        const h = Math.max(0, Math.min(360, ((e.clientX - rect.left) / rect.width) * 360))\n        emit(h, hsv[1], hsv[2])\n    }\n\n    useEffect(() => {\n        function onMove(e: PointerEvent) {\n            if (dragging.current === 'area') handleAreaPointer(e)\n            else if (dragging.current === 'hue') handleHuePointer(e)\n        }\n        function onUp() {\n            dragging.current = null\n        }\n        window.addEventListener('pointermove', onMove)\n        window.addEventListener('pointerup', onUp)\n        return () => {\n            window.removeEventListener('pointermove', onMove)\n            window.removeEventListener('pointerup', onUp)\n        }\n    })\n\n    function handleInputChange(val: string) {\n        setInputValue(val)\n        try {\n            const h = normalizeToHex(val)\n            if (h !== '#000000' || val === '#000000' || val.toLowerCase() === 'rgb(0, 0, 0)') {\n                setHsv(hexToHsv(h))\n                onChange?.(formatOutput(h, format))\n            }\n        } catch {\n            // ignore invalid input while typing\n        }\n    }\n\n    const currentHex = hsvToHex(hsv[0], hsv[1], hsv[2])\n\n    return (\n        <div className={cn('color-picker', size, disabled && 'disabled', className)} {...rest}>\n            {label && <label className=\"label\">{label}</label>}\n\n            <div\n                ref={areaRef}\n                className=\"area\"\n                style={{background: `hsl(${hsv[0]}, 100%, 50%)`}}\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'area'\n                    handleAreaPointer(e)\n                }}\n            >\n                <div className=\"white\" />\n                <div className=\"black\" />\n                <div\n                    className=\"cursor\"\n                    style={{\n                        left: `${hsv[1] * 100}%`,\n                        top: `${(1 - hsv[2]) * 100}%`,\n                        background: currentHex,\n                    }}\n                />\n            </div>\n\n            <div\n                ref={hueRef}\n                className=\"hue\"\n                onPointerDown={(e) => {\n                    if (disabled) return\n                    dragging.current = 'hue'\n                    handleHuePointer(e)\n                }}\n            >\n                <div className=\"hue-thumb\" style={{left: `${(hsv[0] / 360) * 100}%`}} />\n            </div>\n\n            <div className=\"controls\">\n                <div className=\"preview\" style={{background: currentHex}} />\n                <input\n                    type=\"text\"\n                    className=\"input\"\n                    value={inputValue}\n                    onChange={(e) => handleInputChange(e.target.value)}\n                    disabled={disabled}\n                />\n            </div>\n\n            {swatches.length > 0 && (\n                <div className=\"swatches\">\n                    {swatches.map((swatch) => (\n                        <button\n                            key={swatch}\n                            type=\"button\"\n                            className={cn('swatch', currentHex.toLowerCase() === swatch.toLowerCase() && 'active')}\n                            style={{background: swatch}}\n                            onClick={() => {\n                                if (disabled) return\n                                const [h, s, v] = hexToHsv(swatch)\n                                emit(h, s, v)\n                            }}\n                        />\n                    ))}\n                </div>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}