@ponti-studios/ui 0.1.2

package/dist/index.js

@@ -0,0 +1,2118 @@
+import * as e from "react";
+import { useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a, useSyncExternalStore as o } from "react";
+//#region src/constants/chart-colors.ts
+var s = {
+	chart1: "var(--color-chart-1)",
+	chart2: "var(--color-chart-2)",
+	chart3: "var(--color-chart-3)",
+	chart4: "var(--color-chart-4)",
+	chart5: "var(--color-chart-5)",
+	positive: "var(--color-chart-positive)",
+	negative: "var(--color-chart-negative)",
+	neutral: "var(--color-chart-neutral)",
+	background: "var(--color-surface-canvas)",
+	grid: "var(--color-border-subtle)",
+	axis: "var(--color-text-tertiary)",
+	label: "var(--color-text-secondary)",
+	tooltip: {
+		background: "var(--color-surface-panel)",
+		text: "var(--color-text-primary)",
+		border: "var(--color-border-default)"
+	}
+}, c = {
+	positive: "var(--color-chart-positive)",
+	negative: "var(--color-chart-negative)",
+	neutral: "var(--color-chart-neutral)",
+	chart1: "var(--color-chart-1)",
+	chart2: "var(--color-chart-2)",
+	chart3: "var(--color-chart-3)",
+	chart4: "var(--color-chart-4)",
+	chart5: "var(--color-chart-5)"
+}, l = void 0;
+function u() {
+	let [e, n] = a({
+		isLoading: !1,
+		error: null
+	}), i = t(async (e, t = {}) => {
+		let { method: r = "GET", body: i, headers: a = {}, stream: o = !1 } = t;
+		n((e) => ({
+			...e,
+			isLoading: !0,
+			error: null
+		}));
+		try {
+			let t = {};
+			i instanceof FormData || (t["Content-Type"] = "application/json");
+			let s = i instanceof FormData ? i : i ? JSON.stringify(i) : null, c = await fetch(`${l}${e}`, {
+				method: r,
+				headers: {
+					...t,
+					...a
+				},
+				body: s,
+				credentials: "include"
+			});
+			if (!c.ok) {
+				let e = await c.json().catch(() => ({}));
+				throw Error(e.message || "An error occurred");
+			}
+			if (o) return n((e) => ({
+				...e,
+				isLoading: !1
+			})), c;
+			let u = await c.json();
+			return n((e) => ({
+				...e,
+				isLoading: !1
+			})), u;
+		} catch (e) {
+			throw n((t) => ({
+				...t,
+				isLoading: !1,
+				error: e instanceof Error ? e : /* @__PURE__ */ Error("An unknown error occurred")
+			})), e;
+		}
+	}, []);
+	return {
+		...r(() => ({
+			get: (e, t) => i(e, {
+				...t,
+				method: "GET"
+			}),
+			post: (e, t, n) => i(e, {
+				...n,
+				method: "POST",
+				body: t || void 0
+			}),
+			postStream: (e, t, n) => i(e, {
+				...n,
+				method: "POST",
+				body: t,
+				stream: !0
+			}),
+			postFormData: (e, t, n) => i(e, {
+				...n,
+				method: "POST",
+				body: t
+			}),
+			put: (e, t, n) => i(e, {
+				...n,
+				method: "PUT",
+				body: t
+			}),
+			delete: (e, t) => i(e, {
+				...t,
+				method: "DELETE",
+				body: {}
+			})
+		}), [i]),
+		isLoading: e.isLoading,
+		error: e.error
+	};
+}
+//#endregion
+//#region src/hooks/use-debounced-value.ts
+function d(e, t) {
+	let [r, i] = a(e);
+	return n(() => {
+		let n = setTimeout(() => i(e), t);
+		return () => clearTimeout(n);
+	}, [t, e]), r;
+}
+//#endregion
+//#region src/hooks/use-filter-state.ts
+function ee(e) {
+	let { initialFilters: r, onFiltersChange: o, debounceMs: s } = e, [c, l] = a(r), u = i(null), d = t((e) => {
+		let t = typeof e == "function" ? e(c) : e;
+		l(t), s && s > 0 ? (u.current && clearTimeout(u.current), u.current = setTimeout(() => {
+			o?.(t);
+		}, s)) : o?.(t);
+	}, [
+		c,
+		o,
+		s
+	]), ee = t((e, t) => {
+		d((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, [d]), f = t(() => {
+		l(r), o?.(r);
+	}, [r, o]), p = t(() => {
+		l(r), o?.(r);
+	}, [r, o]);
+	return n(() => () => {
+		u.current && clearTimeout(u.current);
+	}, []), {
+		filters: c,
+		setFilters: d,
+		updateFilter: ee,
+		clearFilters: f,
+		resetFilters: p
+	};
+}
+//#endregion
+//#region src/hooks/use-media-query.ts
+function f(e, t) {
+	if (t?.width !== void 0) {
+		let n = e.match(/\(min-width:\s*(\d+)px\)/), r = e.match(/\(max-width:\s*(\d+)px\)/);
+		if (n && n[1]) return t.width >= Number.parseInt(n[1], 10);
+		if (r && r[1]) return t.width <= Number.parseInt(r[1], 10);
+	}
+	return window.matchMedia(e).matches;
+}
+function p(e) {
+	return o(t((t) => {
+		if (typeof window > "u") return () => {};
+		let n = window.matchMedia(e), r = () => {
+			t();
+		};
+		return n.addEventListener("change", r), () => {
+			n.removeEventListener("change", r);
+		};
+	}, [e]), t(() => typeof window > "u" ? !1 : f(e), [e]), () => !1);
+}
+//#endregion
+//#region src/hooks/use-mobile.tsx
+var m = 768;
+function h() {
+	let [t, n] = e.useState(void 0);
+	return e.useEffect(() => {
+		let e = window.matchMedia(`(max-width: ${m - 1}px)`), t = () => {
+			n(window.innerWidth < m);
+		};
+		return e.addEventListener("change", t), n(window.innerWidth < m), () => e.removeEventListener("change", t);
+	}, []), !!t;
+}
+//#endregion
+//#region src/lib/auth.ts
+var g = 6;
+function _(e, t = 6) {
+	return e.replace(/\D/g, "").slice(0, t);
+}
+//#endregion
+//#region src/lib/clipboard.ts
+async function v(e) {
+	try {
+		return await navigator.clipboard.writeText(e), !0;
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+//#region src/lib/create-memory-storage.ts
+function y() {
+	let e = /* @__PURE__ */ new Map();
+	return {
+		get length() {
+			return e.size;
+		},
+		clear() {
+			e.clear();
+		},
+		getItem(t) {
+			return e.get(t) ?? null;
+		},
+		key(t) {
+			return Array.from(e.keys())[t] ?? null;
+		},
+		removeItem(t) {
+			e.delete(t);
+		},
+		setItem(t, n) {
+			e.set(t, n);
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function b(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var i = e.length;
+		for (t = 0; t < i; t++) e[t] && (n = b(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function x() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = b(e)) && (r && (r += " "), r += t);
+	return r;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/tailwind-merge@3.6.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+var te = (e, t) => {
+	let n = Array(e.length + t.length);
+	for (let t = 0; t < e.length; t++) n[t] = e[t];
+	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
+	return n;
+}, S = (e, t) => ({
+	classGroupId: e,
+	validator: t
+}), C = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+	nextPart: e,
+	validators: t,
+	classGroupId: n
+}), w = "-", ne = [], T = "arbitrary..", re = (e) => {
+	let t = O(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+	return {
+		getClassGroupId: (e) => {
+			if (e.startsWith("[") && e.endsWith("]")) return D(e);
+			let n = e.split(w);
+			return E(n, +(n[0] === "" && n.length > 1), t);
+		},
+		getConflictingClassGroupIds: (e, t) => {
+			if (t) {
+				let t = r[e], i = n[e];
+				return t ? i ? te(i, t) : t : i || ne;
+			}
+			return n[e] || ne;
+		}
+	};
+}, E = (e, t, n) => {
+	if (e.length - t === 0) return n.classGroupId;
+	let r = e[t], i = n.nextPart.get(r);
+	if (i) {
+		let n = E(e, t + 1, i);
+		if (n) return n;
+	}
+	let a = n.validators;
+	if (a === null) return;
+	let o = t === 0 ? e.join(w) : e.slice(t).join(w), s = a.length;
+	for (let e = 0; e < s; e++) {
+		let t = a[e];
+		if (t.validator(o)) return t.classGroupId;
+	}
+}, D = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+	let t = e.slice(1, -1), n = t.indexOf(":"), r = t.slice(0, n);
+	return r ? T + r : void 0;
+})(), O = (e) => {
+	let { theme: t, classGroups: n } = e;
+	return k(n, t);
+}, k = (e, t) => {
+	let n = C();
+	for (let r in e) {
+		let i = e[r];
+		A(i, n, r, t);
+	}
+	return n;
+}, A = (e, t, n, r) => {
+	let i = e.length;
+	for (let a = 0; a < i; a++) {
+		let i = e[a];
+		j(i, t, n, r);
+	}
+}, j = (e, t, n, r) => {
+	if (typeof e == "string") {
+		M(e, t, n);
+		return;
+	}
+	if (typeof e == "function") {
+		ie(e, t, n, r);
+		return;
+	}
+	ae(e, t, n, r);
+}, M = (e, t, n) => {
+	let r = e === "" ? t : N(t, e);
+	r.classGroupId = n;
+}, ie = (e, t, n, r) => {
+	if (P(e)) {
+		A(e(r), t, n, r);
+		return;
+	}
+	t.validators === null && (t.validators = []), t.validators.push(S(n, e));
+}, ae = (e, t, n, r) => {
+	let i = Object.entries(e), a = i.length;
+	for (let e = 0; e < a; e++) {
+		let [a, o] = i[e];
+		A(o, N(t, a), n, r);
+	}
+}, N = (e, t) => {
+	let n = e, r = t.split(w), i = r.length;
+	for (let e = 0; e < i; e++) {
+		let t = r[e], i = n.nextPart.get(t);
+		i || (i = C(), n.nextPart.set(t, i)), n = i;
+	}
+	return n;
+}, P = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, F = (e) => {
+	if (e < 1) return {
+		get: () => void 0,
+		set: () => {}
+	};
+	let t = 0, n = Object.create(null), r = Object.create(null), i = (i, a) => {
+		n[i] = a, t++, t > e && (t = 0, r = n, n = Object.create(null));
+	};
+	return {
+		get(e) {
+			let t = n[e];
+			if (t !== void 0) return t;
+			if ((t = r[e]) !== void 0) return i(e, t), t;
+		},
+		set(e, t) {
+			e in n ? n[e] = t : i(e, t);
+		}
+	};
+}, I = "!", L = ":", oe = [], R = (e, t, n, r, i) => ({
+	modifiers: e,
+	hasImportantModifier: t,
+	baseClassName: n,
+	maybePostfixModifierPosition: r,
+	isExternal: i
+}), se = (e) => {
+	let { prefix: t, experimentalParseClassName: n } = e, r = (e) => {
+		let t = [], n = 0, r = 0, i = 0, a, o = e.length;
+		for (let s = 0; s < o; s++) {
+			let o = e[s];
+			if (n === 0 && r === 0) {
+				if (o === L) {
+					t.push(e.slice(i, s)), i = s + 1;
+					continue;
+				}
+				if (o === "/") {
+					a = s;
+					continue;
+				}
+			}
+			o === "[" ? n++ : o === "]" ? n-- : o === "(" ? r++ : o === ")" && r--;
+		}
+		let s = t.length === 0 ? e : e.slice(i), c = s, l = !1;
+		s.endsWith(I) ? (c = s.slice(0, -1), l = !0) : s.startsWith(I) && (c = s.slice(1), l = !0);
+		let u = a && a > i ? a - i : void 0;
+		return R(t, l, c, u);
+	};
+	if (t) {
+		let e = t + L, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : R(oe, !1, t, void 0, !0);
+	}
+	if (n) {
+		let e = r;
+		r = (t) => n({
+			className: t,
+			parseClassName: e
+		});
+	}
+	return r;
+}, z = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	return e.orderSensitiveModifiers.forEach((e, n) => {
+		t.set(e, 1e6 + n);
+	}), (e) => {
+		let n = [], r = [];
+		for (let i = 0; i < e.length; i++) {
+			let a = e[i], o = a[0] === "[", s = t.has(a);
+			o || s ? (r.length > 0 && (r.sort(), n.push(...r), r = []), n.push(a)) : r.push(a);
+		}
+		return r.length > 0 && (r.sort(), n.push(...r)), n;
+	};
+}, B = (e) => ({
+	cache: F(e.cacheSize),
+	parseClassName: se(e),
+	sortModifiers: z(e),
+	postfixLookupClassGroupIds: V(e),
+	...re(e)
+}), V = (e) => {
+	let t = Object.create(null), n = e.postfixLookupClassGroups;
+	if (n) for (let e = 0; e < n.length; e++) t[n[e]] = !0;
+	return t;
+}, H = /\s+/, ce = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(H), l = "";
+	for (let e = c.length - 1; e >= 0; --e) {
+		let t = c[e], { isExternal: u, modifiers: d, hasImportantModifier: ee, baseClassName: f, maybePostfixModifierPosition: p } = n(t);
+		if (u) {
+			l = t + (l.length > 0 ? " " + l : l);
+			continue;
+		}
+		let m = !!p, h;
+		if (m) {
+			h = r(f.substring(0, p));
+			let e = h && o[h] ? r(f) : void 0;
+			e && e !== h && (h = e, m = !1);
+		} else h = r(f);
+		if (!h) {
+			if (!m) {
+				l = t + (l.length > 0 ? " " + l : l);
+				continue;
+			}
+			if (h = r(f), !h) {
+				l = t + (l.length > 0 ? " " + l : l);
+				continue;
+			}
+			m = !1;
+		}
+		let g = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), _ = ee ? g + I : g, v = _ + h;
+		if (s.indexOf(v) > -1) continue;
+		s.push(v);
+		let y = i(h, m);
+		for (let e = 0; e < y.length; ++e) {
+			let t = y[e];
+			s.push(_ + t);
+		}
+		l = t + (l.length > 0 ? " " + l : l);
+	}
+	return l;
+}, le = (...e) => {
+	let t = 0, n, r, i = "";
+	for (; t < e.length;) (n = e[t++]) && (r = ue(n)) && (i && (i += " "), i += r);
+	return i;
+}, ue = (e) => {
+	if (typeof e == "string") return e;
+	let t, n = "";
+	for (let r = 0; r < e.length; r++) e[r] && (t = ue(e[r])) && (n && (n += " "), n += t);
+	return n;
+}, de = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = B(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
+		let t = r(e);
+		if (t) return t;
+		let a = ce(e, n);
+		return i(e, a), a;
+	};
+	return a = o, (...e) => a(le(...e));
+}, fe = [], U = (e) => {
+	let t = (t) => t[e] || fe;
+	return t.isThemeGetter = !0, t;
+}, pe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, me = /^\((?:(\w[\w-]*):)?(.+)\)$/i, he = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, ge = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, _e = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ve = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ye = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, be = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, W = (e) => he.test(e), G = (e) => !!e && !Number.isNaN(Number(e)), K = (e) => !!e && Number.isInteger(Number(e)), xe = (e) => e.endsWith("%") && G(e.slice(0, -1)), q = (e) => ge.test(e), Se = () => !0, Ce = (e) => _e.test(e) && !ve.test(e), we = () => !1, Te = (e) => ye.test(e), Ee = (e) => be.test(e), De = (e) => !J(e) && !X(e), Oe = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), ke = (e) => Q(e, We, we), J = (e) => pe.test(e), Y = (e) => Q(e, Ge, Ce), Ae = (e) => Q(e, Ke, G), je = (e) => Q(e, Je, Se), Me = (e) => Q(e, qe, we), Ne = (e) => Q(e, He, we), Pe = (e) => Q(e, Ue, Ee), Fe = (e) => Q(e, Ye, Te), X = (e) => me.test(e), Z = (e) => $(e, Ge), Ie = (e) => $(e, qe), Le = (e) => $(e, He), Re = (e) => $(e, We), ze = (e) => $(e, Ue), Be = (e) => $(e, Ye, !0), Ve = (e) => $(e, Je, !0), Q = (e, t, n) => {
+	let r = pe.exec(e);
+	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
+}, $ = (e, t, n = !1) => {
+	let r = me.exec(e);
+	return r ? r[1] ? t(r[1]) : n : !1;
+}, He = (e) => e === "position" || e === "percentage", Ue = (e) => e === "image" || e === "url", We = (e) => e === "length" || e === "size" || e === "bg-size", Ge = (e) => e === "length", Ke = (e) => e === "number", qe = (e) => e === "family-name", Je = (e) => e === "number" || e === "weight", Ye = (e) => e === "shadow", Xe = /*#__PURE__*/ de(() => {
+	let e = U("color"), t = U("font"), n = U("text"), r = U("font-weight"), i = U("tracking"), a = U("leading"), o = U("breakpoint"), s = U("container"), c = U("spacing"), l = U("radius"), u = U("shadow"), d = U("inset-shadow"), ee = U("text-shadow"), f = U("drop-shadow"), p = U("blur"), m = U("perspective"), h = U("aspect"), g = U("ease"), _ = U("animate"), v = () => [
+		"auto",
+		"avoid",
+		"all",
+		"avoid-page",
+		"page",
+		"left",
+		"right",
+		"column"
+	], y = () => [
+		"center",
+		"top",
+		"bottom",
+		"left",
+		"right",
+		"top-left",
+		"left-top",
+		"top-right",
+		"right-top",
+		"bottom-right",
+		"right-bottom",
+		"bottom-left",
+		"left-bottom"
+	], b = () => [
+		...y(),
+		X,
+		J
+	], x = () => [
+		"auto",
+		"hidden",
+		"clip",
+		"visible",
+		"scroll"
+	], te = () => [
+		"auto",
+		"contain",
+		"none"
+	], S = () => [
+		X,
+		J,
+		c
+	], C = () => [
+		W,
+		"full",
+		"auto",
+		...S()
+	], w = () => [
+		K,
+		"none",
+		"subgrid",
+		X,
+		J
+	], ne = () => [
+		"auto",
+		{ span: [
+			"full",
+			K,
+			X,
+			J
+		] },
+		K,
+		X,
+		J
+	], T = () => [
+		K,
+		"auto",
+		X,
+		J
+	], re = () => [
+		"auto",
+		"min",
+		"max",
+		"fr",
+		X,
+		J
+	], E = () => [
+		"start",
+		"end",
+		"center",
+		"between",
+		"around",
+		"evenly",
+		"stretch",
+		"baseline",
+		"center-safe",
+		"end-safe"
+	], D = () => [
+		"start",
+		"end",
+		"center",
+		"stretch",
+		"center-safe",
+		"end-safe"
+	], O = () => ["auto", ...S()], k = () => [
+		W,
+		"auto",
+		"full",
+		"dvw",
+		"dvh",
+		"lvw",
+		"lvh",
+		"svw",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...S()
+	], A = () => [
+		W,
+		"screen",
+		"full",
+		"dvw",
+		"lvw",
+		"svw",
+		"min",
+		"max",
+		"fit",
+		...S()
+	], j = () => [
+		W,
+		"screen",
+		"full",
+		"lh",
+		"dvh",
+		"lvh",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...S()
+	], M = () => [
+		e,
+		X,
+		J
+	], ie = () => [
+		...y(),
+		Le,
+		Ne,
+		{ position: [X, J] }
+	], ae = () => ["no-repeat", { repeat: [
+		"",
+		"x",
+		"y",
+		"space",
+		"round"
+	] }], N = () => [
+		"auto",
+		"cover",
+		"contain",
+		Re,
+		ke,
+		{ size: [X, J] }
+	], P = () => [
+		xe,
+		Z,
+		Y
+	], F = () => [
+		"",
+		"none",
+		"full",
+		l,
+		X,
+		J
+	], I = () => [
+		"",
+		G,
+		Z,
+		Y
+	], L = () => [
+		"solid",
+		"dashed",
+		"dotted",
+		"double"
+	], oe = () => [
+		"normal",
+		"multiply",
+		"screen",
+		"overlay",
+		"darken",
+		"lighten",
+		"color-dodge",
+		"color-burn",
+		"hard-light",
+		"soft-light",
+		"difference",
+		"exclusion",
+		"hue",
+		"saturation",
+		"color",
+		"luminosity"
+	], R = () => [
+		G,
+		xe,
+		Le,
+		Ne
+	], se = () => [
+		"",
+		"none",
+		p,
+		X,
+		J
+	], z = () => [
+		"none",
+		G,
+		X,
+		J
+	], B = () => [
+		"none",
+		G,
+		X,
+		J
+	], V = () => [
+		G,
+		X,
+		J
+	], H = () => [
+		W,
+		"full",
+		...S()
+	];
+	return {
+		cacheSize: 500,
+		theme: {
+			animate: [
+				"spin",
+				"ping",
+				"pulse",
+				"bounce"
+			],
+			aspect: ["video"],
+			blur: [q],
+			breakpoint: [q],
+			color: [Se],
+			container: [q],
+			"drop-shadow": [q],
+			ease: [
+				"in",
+				"out",
+				"in-out"
+			],
+			font: [De],
+			"font-weight": [
+				"thin",
+				"extralight",
+				"light",
+				"normal",
+				"medium",
+				"semibold",
+				"bold",
+				"extrabold",
+				"black"
+			],
+			"inset-shadow": [q],
+			leading: [
+				"none",
+				"tight",
+				"snug",
+				"normal",
+				"relaxed",
+				"loose"
+			],
+			perspective: [
+				"dramatic",
+				"near",
+				"normal",
+				"midrange",
+				"distant",
+				"none"
+			],
+			radius: [q],
+			shadow: [q],
+			spacing: ["px", G],
+			text: [q],
+			"text-shadow": [q],
+			tracking: [
+				"tighter",
+				"tight",
+				"normal",
+				"wide",
+				"wider",
+				"widest"
+			]
+		},
+		classGroups: {
+			aspect: [{ aspect: [
+				"auto",
+				"square",
+				W,
+				J,
+				X,
+				h
+			] }],
+			container: ["container"],
+			"container-type": [{ "@container": [
+				"",
+				"normal",
+				"size",
+				X,
+				J
+			] }],
+			"container-named": [Oe],
+			columns: [{ columns: [
+				G,
+				J,
+				X,
+				s
+			] }],
+			"break-after": [{ "break-after": v() }],
+			"break-before": [{ "break-before": v() }],
+			"break-inside": [{ "break-inside": [
+				"auto",
+				"avoid",
+				"avoid-page",
+				"avoid-column"
+			] }],
+			"box-decoration": [{ "box-decoration": ["slice", "clone"] }],
+			box: [{ box: ["border", "content"] }],
+			display: [
+				"block",
+				"inline-block",
+				"inline",
+				"flex",
+				"inline-flex",
+				"table",
+				"inline-table",
+				"table-caption",
+				"table-cell",
+				"table-column",
+				"table-column-group",
+				"table-footer-group",
+				"table-header-group",
+				"table-row-group",
+				"table-row",
+				"flow-root",
+				"grid",
+				"inline-grid",
+				"contents",
+				"list-item",
+				"hidden"
+			],
+			sr: ["sr-only", "not-sr-only"],
+			float: [{ float: [
+				"right",
+				"left",
+				"none",
+				"start",
+				"end"
+			] }],
+			clear: [{ clear: [
+				"left",
+				"right",
+				"both",
+				"none",
+				"start",
+				"end"
+			] }],
+			isolation: ["isolate", "isolation-auto"],
+			"object-fit": [{ object: [
+				"contain",
+				"cover",
+				"fill",
+				"none",
+				"scale-down"
+			] }],
+			"object-position": [{ object: b() }],
+			overflow: [{ overflow: x() }],
+			"overflow-x": [{ "overflow-x": x() }],
+			"overflow-y": [{ "overflow-y": x() }],
+			overscroll: [{ overscroll: te() }],
+			"overscroll-x": [{ "overscroll-x": te() }],
+			"overscroll-y": [{ "overscroll-y": te() }],
+			position: [
+				"static",
+				"fixed",
+				"absolute",
+				"relative",
+				"sticky"
+			],
+			inset: [{ inset: C() }],
+			"inset-x": [{ "inset-x": C() }],
+			"inset-y": [{ "inset-y": C() }],
+			start: [{
+				"inset-s": C(),
+				start: C()
+			}],
+			end: [{
+				"inset-e": C(),
+				end: C()
+			}],
+			"inset-bs": [{ "inset-bs": C() }],
+			"inset-be": [{ "inset-be": C() }],
+			top: [{ top: C() }],
+			right: [{ right: C() }],
+			bottom: [{ bottom: C() }],
+			left: [{ left: C() }],
+			visibility: [
+				"visible",
+				"invisible",
+				"collapse"
+			],
+			z: [{ z: [
+				K,
+				"auto",
+				X,
+				J
+			] }],
+			basis: [{ basis: [
+				W,
+				"full",
+				"auto",
+				s,
+				...S()
+			] }],
+			"flex-direction": [{ flex: [
+				"row",
+				"row-reverse",
+				"col",
+				"col-reverse"
+			] }],
+			"flex-wrap": [{ flex: [
+				"nowrap",
+				"wrap",
+				"wrap-reverse"
+			] }],
+			flex: [{ flex: [
+				G,
+				W,
+				"auto",
+				"initial",
+				"none",
+				J
+			] }],
+			grow: [{ grow: [
+				"",
+				G,
+				X,
+				J
+			] }],
+			shrink: [{ shrink: [
+				"",
+				G,
+				X,
+				J
+			] }],
+			order: [{ order: [
+				K,
+				"first",
+				"last",
+				"none",
+				X,
+				J
+			] }],
+			"grid-cols": [{ "grid-cols": w() }],
+			"col-start-end": [{ col: ne() }],
+			"col-start": [{ "col-start": T() }],
+			"col-end": [{ "col-end": T() }],
+			"grid-rows": [{ "grid-rows": w() }],
+			"row-start-end": [{ row: ne() }],
+			"row-start": [{ "row-start": T() }],
+			"row-end": [{ "row-end": T() }],
+			"grid-flow": [{ "grid-flow": [
+				"row",
+				"col",
+				"dense",
+				"row-dense",
+				"col-dense"
+			] }],
+			"auto-cols": [{ "auto-cols": re() }],
+			"auto-rows": [{ "auto-rows": re() }],
+			gap: [{ gap: S() }],
+			"gap-x": [{ "gap-x": S() }],
+			"gap-y": [{ "gap-y": S() }],
+			"justify-content": [{ justify: [...E(), "normal"] }],
+			"justify-items": [{ "justify-items": [...D(), "normal"] }],
+			"justify-self": [{ "justify-self": ["auto", ...D()] }],
+			"align-content": [{ content: ["normal", ...E()] }],
+			"align-items": [{ items: [...D(), { baseline: ["", "last"] }] }],
+			"align-self": [{ self: [
+				"auto",
+				...D(),
+				{ baseline: ["", "last"] }
+			] }],
+			"place-content": [{ "place-content": E() }],
+			"place-items": [{ "place-items": [...D(), "baseline"] }],
+			"place-self": [{ "place-self": ["auto", ...D()] }],
+			p: [{ p: S() }],
+			px: [{ px: S() }],
+			py: [{ py: S() }],
+			ps: [{ ps: S() }],
+			pe: [{ pe: S() }],
+			pbs: [{ pbs: S() }],
+			pbe: [{ pbe: S() }],
+			pt: [{ pt: S() }],
+			pr: [{ pr: S() }],
+			pb: [{ pb: S() }],
+			pl: [{ pl: S() }],
+			m: [{ m: O() }],
+			mx: [{ mx: O() }],
+			my: [{ my: O() }],
+			ms: [{ ms: O() }],
+			me: [{ me: O() }],
+			mbs: [{ mbs: O() }],
+			mbe: [{ mbe: O() }],
+			mt: [{ mt: O() }],
+			mr: [{ mr: O() }],
+			mb: [{ mb: O() }],
+			ml: [{ ml: O() }],
+			"space-x": [{ "space-x": S() }],
+			"space-x-reverse": ["space-x-reverse"],
+			"space-y": [{ "space-y": S() }],
+			"space-y-reverse": ["space-y-reverse"],
+			size: [{ size: k() }],
+			"inline-size": [{ inline: ["auto", ...A()] }],
+			"min-inline-size": [{ "min-inline": ["auto", ...A()] }],
+			"max-inline-size": [{ "max-inline": ["none", ...A()] }],
+			"block-size": [{ block: ["auto", ...j()] }],
+			"min-block-size": [{ "min-block": ["auto", ...j()] }],
+			"max-block-size": [{ "max-block": ["none", ...j()] }],
+			w: [{ w: [
+				s,
+				"screen",
+				...k()
+			] }],
+			"min-w": [{ "min-w": [
+				s,
+				"screen",
+				"none",
+				...k()
+			] }],
+			"max-w": [{ "max-w": [
+				s,
+				"screen",
+				"none",
+				"prose",
+				{ screen: [o] },
+				...k()
+			] }],
+			h: [{ h: [
+				"screen",
+				"lh",
+				...k()
+			] }],
+			"min-h": [{ "min-h": [
+				"screen",
+				"lh",
+				"none",
+				...k()
+			] }],
+			"max-h": [{ "max-h": [
+				"screen",
+				"lh",
+				...k()
+			] }],
+			"font-size": [{ text: [
+				"base",
+				n,
+				Z,
+				Y
+			] }],
+			"font-smoothing": ["antialiased", "subpixel-antialiased"],
+			"font-style": ["italic", "not-italic"],
+			"font-weight": [{ font: [
+				r,
+				Ve,
+				je
+			] }],
+			"font-stretch": [{ "font-stretch": [
+				"ultra-condensed",
+				"extra-condensed",
+				"condensed",
+				"semi-condensed",
+				"normal",
+				"semi-expanded",
+				"expanded",
+				"extra-expanded",
+				"ultra-expanded",
+				xe,
+				J
+			] }],
+			"font-family": [{ font: [
+				Ie,
+				Me,
+				t
+			] }],
+			"font-features": [{ "font-features": [J] }],
+			"fvn-normal": ["normal-nums"],
+			"fvn-ordinal": ["ordinal"],
+			"fvn-slashed-zero": ["slashed-zero"],
+			"fvn-figure": ["lining-nums", "oldstyle-nums"],
+			"fvn-spacing": ["proportional-nums", "tabular-nums"],
+			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+			tracking: [{ tracking: [
+				i,
+				X,
+				J
+			] }],
+			"line-clamp": [{ "line-clamp": [
+				G,
+				"none",
+				X,
+				Ae
+			] }],
+			leading: [{ leading: [a, ...S()] }],
+			"list-image": [{ "list-image": [
+				"none",
+				X,
+				J
+			] }],
+			"list-style-position": [{ list: ["inside", "outside"] }],
+			"list-style-type": [{ list: [
+				"disc",
+				"decimal",
+				"none",
+				X,
+				J
+			] }],
+			"text-alignment": [{ text: [
+				"left",
+				"center",
+				"right",
+				"justify",
+				"start",
+				"end"
+			] }],
+			"placeholder-color": [{ placeholder: M() }],
+			"text-color": [{ text: M() }],
+			"text-decoration": [
+				"underline",
+				"overline",
+				"line-through",
+				"no-underline"
+			],
+			"text-decoration-style": [{ decoration: [...L(), "wavy"] }],
+			"text-decoration-thickness": [{ decoration: [
+				G,
+				"from-font",
+				"auto",
+				X,
+				Y
+			] }],
+			"text-decoration-color": [{ decoration: M() }],
+			"underline-offset": [{ "underline-offset": [
+				G,
+				"auto",
+				X,
+				J
+			] }],
+			"text-transform": [
+				"uppercase",
+				"lowercase",
+				"capitalize",
+				"normal-case"
+			],
+			"text-overflow": [
+				"truncate",
+				"text-ellipsis",
+				"text-clip"
+			],
+			"text-wrap": [{ text: [
+				"wrap",
+				"nowrap",
+				"balance",
+				"pretty"
+			] }],
+			indent: [{ indent: S() }],
+			"tab-size": [{ tab: [
+				K,
+				X,
+				J
+			] }],
+			"vertical-align": [{ align: [
+				"baseline",
+				"top",
+				"middle",
+				"bottom",
+				"text-top",
+				"text-bottom",
+				"sub",
+				"super",
+				X,
+				J
+			] }],
+			whitespace: [{ whitespace: [
+				"normal",
+				"nowrap",
+				"pre",
+				"pre-line",
+				"pre-wrap",
+				"break-spaces"
+			] }],
+			break: [{ break: [
+				"normal",
+				"words",
+				"all",
+				"keep"
+			] }],
+			wrap: [{ wrap: [
+				"break-word",
+				"anywhere",
+				"normal"
+			] }],
+			hyphens: [{ hyphens: [
+				"none",
+				"manual",
+				"auto"
+			] }],
+			content: [{ content: [
+				"none",
+				X,
+				J
+			] }],
+			"bg-attachment": [{ bg: [
+				"fixed",
+				"local",
+				"scroll"
+			] }],
+			"bg-clip": [{ "bg-clip": [
+				"border",
+				"padding",
+				"content",
+				"text"
+			] }],
+			"bg-origin": [{ "bg-origin": [
+				"border",
+				"padding",
+				"content"
+			] }],
+			"bg-position": [{ bg: ie() }],
+			"bg-repeat": [{ bg: ae() }],
+			"bg-size": [{ bg: N() }],
+			"bg-image": [{ bg: [
+				"none",
+				{
+					linear: [
+						{ to: [
+							"t",
+							"tr",
+							"r",
+							"br",
+							"b",
+							"bl",
+							"l",
+							"tl"
+						] },
+						K,
+						X,
+						J
+					],
+					radial: [
+						"",
+						X,
+						J
+					],
+					conic: [
+						K,
+						X,
+						J
+					]
+				},
+				ze,
+				Pe
+			] }],
+			"bg-color": [{ bg: M() }],
+			"gradient-from-pos": [{ from: P() }],
+			"gradient-via-pos": [{ via: P() }],
+			"gradient-to-pos": [{ to: P() }],
+			"gradient-from": [{ from: M() }],
+			"gradient-via": [{ via: M() }],
+			"gradient-to": [{ to: M() }],
+			rounded: [{ rounded: F() }],
+			"rounded-s": [{ "rounded-s": F() }],
+			"rounded-e": [{ "rounded-e": F() }],
+			"rounded-t": [{ "rounded-t": F() }],
+			"rounded-r": [{ "rounded-r": F() }],
+			"rounded-b": [{ "rounded-b": F() }],
+			"rounded-l": [{ "rounded-l": F() }],
+			"rounded-ss": [{ "rounded-ss": F() }],
+			"rounded-se": [{ "rounded-se": F() }],
+			"rounded-ee": [{ "rounded-ee": F() }],
+			"rounded-es": [{ "rounded-es": F() }],
+			"rounded-tl": [{ "rounded-tl": F() }],
+			"rounded-tr": [{ "rounded-tr": F() }],
+			"rounded-br": [{ "rounded-br": F() }],
+			"rounded-bl": [{ "rounded-bl": F() }],
+			"border-w": [{ border: I() }],
+			"border-w-x": [{ "border-x": I() }],
+			"border-w-y": [{ "border-y": I() }],
+			"border-w-s": [{ "border-s": I() }],
+			"border-w-e": [{ "border-e": I() }],
+			"border-w-bs": [{ "border-bs": I() }],
+			"border-w-be": [{ "border-be": I() }],
+			"border-w-t": [{ "border-t": I() }],
+			"border-w-r": [{ "border-r": I() }],
+			"border-w-b": [{ "border-b": I() }],
+			"border-w-l": [{ "border-l": I() }],
+			"divide-x": [{ "divide-x": I() }],
+			"divide-x-reverse": ["divide-x-reverse"],
+			"divide-y": [{ "divide-y": I() }],
+			"divide-y-reverse": ["divide-y-reverse"],
+			"border-style": [{ border: [
+				...L(),
+				"hidden",
+				"none"
+			] }],
+			"divide-style": [{ divide: [
+				...L(),
+				"hidden",
+				"none"
+			] }],
+			"border-color": [{ border: M() }],
+			"border-color-x": [{ "border-x": M() }],
+			"border-color-y": [{ "border-y": M() }],
+			"border-color-s": [{ "border-s": M() }],
+			"border-color-e": [{ "border-e": M() }],
+			"border-color-bs": [{ "border-bs": M() }],
+			"border-color-be": [{ "border-be": M() }],
+			"border-color-t": [{ "border-t": M() }],
+			"border-color-r": [{ "border-r": M() }],
+			"border-color-b": [{ "border-b": M() }],
+			"border-color-l": [{ "border-l": M() }],
+			"divide-color": [{ divide: M() }],
+			"outline-style": [{ outline: [
+				...L(),
+				"none",
+				"hidden"
+			] }],
+			"outline-offset": [{ "outline-offset": [
+				G,
+				X,
+				J
+			] }],
+			"outline-w": [{ outline: [
+				"",
+				G,
+				Z,
+				Y
+			] }],
+			"outline-color": [{ outline: M() }],
+			shadow: [{ shadow: [
+				"",
+				"none",
+				u,
+				Be,
+				Fe
+			] }],
+			"shadow-color": [{ shadow: M() }],
+			"inset-shadow": [{ "inset-shadow": [
+				"none",
+				d,
+				Be,
+				Fe
+			] }],
+			"inset-shadow-color": [{ "inset-shadow": M() }],
+			"ring-w": [{ ring: I() }],
+			"ring-w-inset": ["ring-inset"],
+			"ring-color": [{ ring: M() }],
+			"ring-offset-w": [{ "ring-offset": [G, Y] }],
+			"ring-offset-color": [{ "ring-offset": M() }],
+			"inset-ring-w": [{ "inset-ring": I() }],
+			"inset-ring-color": [{ "inset-ring": M() }],
+			"text-shadow": [{ "text-shadow": [
+				"none",
+				ee,
+				Be,
+				Fe
+			] }],
+			"text-shadow-color": [{ "text-shadow": M() }],
+			opacity: [{ opacity: [
+				G,
+				X,
+				J
+			] }],
+			"mix-blend": [{ "mix-blend": [
+				...oe(),
+				"plus-darker",
+				"plus-lighter"
+			] }],
+			"bg-blend": [{ "bg-blend": oe() }],
+			"mask-clip": [{ "mask-clip": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }, "mask-no-clip"],
+			"mask-composite": [{ mask: [
+				"add",
+				"subtract",
+				"intersect",
+				"exclude"
+			] }],
+			"mask-image-linear-pos": [{ "mask-linear": [G] }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": R() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": R() }],
+			"mask-image-linear-from-color": [{ "mask-linear-from": M() }],
+			"mask-image-linear-to-color": [{ "mask-linear-to": M() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": R() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": R() }],
+			"mask-image-t-from-color": [{ "mask-t-from": M() }],
+			"mask-image-t-to-color": [{ "mask-t-to": M() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": R() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": R() }],
+			"mask-image-r-from-color": [{ "mask-r-from": M() }],
+			"mask-image-r-to-color": [{ "mask-r-to": M() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": R() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": R() }],
+			"mask-image-b-from-color": [{ "mask-b-from": M() }],
+			"mask-image-b-to-color": [{ "mask-b-to": M() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": R() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": R() }],
+			"mask-image-l-from-color": [{ "mask-l-from": M() }],
+			"mask-image-l-to-color": [{ "mask-l-to": M() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": R() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": R() }],
+			"mask-image-x-from-color": [{ "mask-x-from": M() }],
+			"mask-image-x-to-color": [{ "mask-x-to": M() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": R() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": R() }],
+			"mask-image-y-from-color": [{ "mask-y-from": M() }],
+			"mask-image-y-to-color": [{ "mask-y-to": M() }],
+			"mask-image-radial": [{ "mask-radial": [X, J] }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": R() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": R() }],
+			"mask-image-radial-from-color": [{ "mask-radial-from": M() }],
+			"mask-image-radial-to-color": [{ "mask-radial-to": M() }],
+			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
+			"mask-image-radial-size": [{ "mask-radial": [{
+				closest: ["side", "corner"],
+				farthest: ["side", "corner"]
+			}] }],
+			"mask-image-radial-pos": [{ "mask-radial-at": y() }],
+			"mask-image-conic-pos": [{ "mask-conic": [G] }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": R() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": R() }],
+			"mask-image-conic-from-color": [{ "mask-conic-from": M() }],
+			"mask-image-conic-to-color": [{ "mask-conic-to": M() }],
+			"mask-mode": [{ mask: [
+				"alpha",
+				"luminance",
+				"match"
+			] }],
+			"mask-origin": [{ "mask-origin": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }],
+			"mask-position": [{ mask: ie() }],
+			"mask-repeat": [{ mask: ae() }],
+			"mask-size": [{ mask: N() }],
+			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
+			"mask-image": [{ mask: [
+				"none",
+				X,
+				J
+			] }],
+			filter: [{ filter: [
+				"",
+				"none",
+				X,
+				J
+			] }],
+			blur: [{ blur: se() }],
+			brightness: [{ brightness: [
+				G,
+				X,
+				J
+			] }],
+			contrast: [{ contrast: [
+				G,
+				X,
+				J
+			] }],
+			"drop-shadow": [{ "drop-shadow": [
+				"",
+				"none",
+				f,
+				Be,
+				Fe
+			] }],
+			"drop-shadow-color": [{ "drop-shadow": M() }],
+			grayscale: [{ grayscale: [
+				"",
+				G,
+				X,
+				J
+			] }],
+			"hue-rotate": [{ "hue-rotate": [
+				G,
+				X,
+				J
+			] }],
+			invert: [{ invert: [
+				"",
+				G,
+				X,
+				J
+			] }],
+			saturate: [{ saturate: [
+				G,
+				X,
+				J
+			] }],
+			sepia: [{ sepia: [
+				"",
+				G,
+				X,
+				J
+			] }],
+			"backdrop-filter": [{ "backdrop-filter": [
+				"",
+				"none",
+				X,
+				J
+			] }],
+			"backdrop-blur": [{ "backdrop-blur": se() }],
+			"backdrop-brightness": [{ "backdrop-brightness": [
+				G,
+				X,
+				J
+			] }],
+			"backdrop-contrast": [{ "backdrop-contrast": [
+				G,
+				X,
+				J
+			] }],
+			"backdrop-grayscale": [{ "backdrop-grayscale": [
+				"",
+				G,
+				X,
+				J
+			] }],
+			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
+				G,
+				X,
+				J
+			] }],
+			"backdrop-invert": [{ "backdrop-invert": [
+				"",
+				G,
+				X,
+				J
+			] }],
+			"backdrop-opacity": [{ "backdrop-opacity": [
+				G,
+				X,
+				J
+			] }],
+			"backdrop-saturate": [{ "backdrop-saturate": [
+				G,
+				X,
+				J
+			] }],
+			"backdrop-sepia": [{ "backdrop-sepia": [
+				"",
+				G,
+				X,
+				J
+			] }],
+			"border-collapse": [{ border: ["collapse", "separate"] }],
+			"border-spacing": [{ "border-spacing": S() }],
+			"border-spacing-x": [{ "border-spacing-x": S() }],
+			"border-spacing-y": [{ "border-spacing-y": S() }],
+			"table-layout": [{ table: ["auto", "fixed"] }],
+			caption: [{ caption: ["top", "bottom"] }],
+			transition: [{ transition: [
+				"",
+				"all",
+				"colors",
+				"opacity",
+				"shadow",
+				"transform",
+				"none",
+				X,
+				J
+			] }],
+			"transition-behavior": [{ transition: ["normal", "discrete"] }],
+			duration: [{ duration: [
+				G,
+				"initial",
+				X,
+				J
+			] }],
+			ease: [{ ease: [
+				"linear",
+				"initial",
+				g,
+				X,
+				J
+			] }],
+			delay: [{ delay: [
+				G,
+				X,
+				J
+			] }],
+			animate: [{ animate: [
+				"none",
+				_,
+				X,
+				J
+			] }],
+			backface: [{ backface: ["hidden", "visible"] }],
+			perspective: [{ perspective: [
+				m,
+				X,
+				J
+			] }],
+			"perspective-origin": [{ "perspective-origin": b() }],
+			rotate: [{ rotate: z() }],
+			"rotate-x": [{ "rotate-x": z() }],
+			"rotate-y": [{ "rotate-y": z() }],
+			"rotate-z": [{ "rotate-z": z() }],
+			scale: [{ scale: B() }],
+			"scale-x": [{ "scale-x": B() }],
+			"scale-y": [{ "scale-y": B() }],
+			"scale-z": [{ "scale-z": B() }],
+			"scale-3d": ["scale-3d"],
+			skew: [{ skew: V() }],
+			"skew-x": [{ "skew-x": V() }],
+			"skew-y": [{ "skew-y": V() }],
+			transform: [{ transform: [
+				X,
+				J,
+				"",
+				"none",
+				"gpu",
+				"cpu"
+			] }],
+			"transform-origin": [{ origin: b() }],
+			"transform-style": [{ transform: ["3d", "flat"] }],
+			translate: [{ translate: H() }],
+			"translate-x": [{ "translate-x": H() }],
+			"translate-y": [{ "translate-y": H() }],
+			"translate-z": [{ "translate-z": H() }],
+			"translate-none": ["translate-none"],
+			zoom: [{ zoom: [
+				K,
+				X,
+				J
+			] }],
+			accent: [{ accent: M() }],
+			appearance: [{ appearance: ["none", "auto"] }],
+			"caret-color": [{ caret: M() }],
+			"color-scheme": [{ scheme: [
+				"normal",
+				"dark",
+				"light",
+				"light-dark",
+				"only-dark",
+				"only-light"
+			] }],
+			cursor: [{ cursor: [
+				"auto",
+				"default",
+				"pointer",
+				"wait",
+				"text",
+				"move",
+				"help",
+				"not-allowed",
+				"none",
+				"context-menu",
+				"progress",
+				"cell",
+				"crosshair",
+				"vertical-text",
+				"alias",
+				"copy",
+				"no-drop",
+				"grab",
+				"grabbing",
+				"all-scroll",
+				"col-resize",
+				"row-resize",
+				"n-resize",
+				"e-resize",
+				"s-resize",
+				"w-resize",
+				"ne-resize",
+				"nw-resize",
+				"se-resize",
+				"sw-resize",
+				"ew-resize",
+				"ns-resize",
+				"nesw-resize",
+				"nwse-resize",
+				"zoom-in",
+				"zoom-out",
+				X,
+				J
+			] }],
+			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
+			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
+			resize: [{ resize: [
+				"none",
+				"",
+				"y",
+				"x"
+			] }],
+			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
+			"scrollbar-thumb-color": [{ "scrollbar-thumb": M() }],
+			"scrollbar-track-color": [{ "scrollbar-track": M() }],
+			"scrollbar-gutter": [{ "scrollbar-gutter": [
+				"auto",
+				"stable",
+				"both"
+			] }],
+			"scrollbar-w": [{ scrollbar: [
+				"auto",
+				"thin",
+				"none"
+			] }],
+			"scroll-m": [{ "scroll-m": S() }],
+			"scroll-mx": [{ "scroll-mx": S() }],
+			"scroll-my": [{ "scroll-my": S() }],
+			"scroll-ms": [{ "scroll-ms": S() }],
+			"scroll-me": [{ "scroll-me": S() }],
+			"scroll-mbs": [{ "scroll-mbs": S() }],
+			"scroll-mbe": [{ "scroll-mbe": S() }],
+			"scroll-mt": [{ "scroll-mt": S() }],
+			"scroll-mr": [{ "scroll-mr": S() }],
+			"scroll-mb": [{ "scroll-mb": S() }],
+			"scroll-ml": [{ "scroll-ml": S() }],
+			"scroll-p": [{ "scroll-p": S() }],
+			"scroll-px": [{ "scroll-px": S() }],
+			"scroll-py": [{ "scroll-py": S() }],
+			"scroll-ps": [{ "scroll-ps": S() }],
+			"scroll-pe": [{ "scroll-pe": S() }],
+			"scroll-pbs": [{ "scroll-pbs": S() }],
+			"scroll-pbe": [{ "scroll-pbe": S() }],
+			"scroll-pt": [{ "scroll-pt": S() }],
+			"scroll-pr": [{ "scroll-pr": S() }],
+			"scroll-pb": [{ "scroll-pb": S() }],
+			"scroll-pl": [{ "scroll-pl": S() }],
+			"snap-align": [{ snap: [
+				"start",
+				"end",
+				"center",
+				"align-none"
+			] }],
+			"snap-stop": [{ snap: ["normal", "always"] }],
+			"snap-type": [{ snap: [
+				"none",
+				"x",
+				"y",
+				"both"
+			] }],
+			"snap-strictness": [{ snap: ["mandatory", "proximity"] }],
+			touch: [{ touch: [
+				"auto",
+				"none",
+				"manipulation"
+			] }],
+			"touch-x": [{ "touch-pan": [
+				"x",
+				"left",
+				"right"
+			] }],
+			"touch-y": [{ "touch-pan": [
+				"y",
+				"up",
+				"down"
+			] }],
+			"touch-pz": ["touch-pinch-zoom"],
+			select: [{ select: [
+				"none",
+				"text",
+				"all",
+				"auto"
+			] }],
+			"will-change": [{ "will-change": [
+				"auto",
+				"scroll",
+				"contents",
+				"transform",
+				X,
+				J
+			] }],
+			fill: [{ fill: ["none", ...M()] }],
+			"stroke-w": [{ stroke: [
+				G,
+				Z,
+				Y,
+				Ae
+			] }],
+			stroke: [{ stroke: ["none", ...M()] }],
+			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
+		},
+		conflictingClassGroups: {
+			"container-named": ["container-type"],
+			overflow: ["overflow-x", "overflow-y"],
+			overscroll: ["overscroll-x", "overscroll-y"],
+			inset: [
+				"inset-x",
+				"inset-y",
+				"inset-bs",
+				"inset-be",
+				"start",
+				"end",
+				"top",
+				"right",
+				"bottom",
+				"left"
+			],
+			"inset-x": ["right", "left"],
+			"inset-y": ["top", "bottom"],
+			flex: [
+				"basis",
+				"grow",
+				"shrink"
+			],
+			gap: ["gap-x", "gap-y"],
+			p: [
+				"px",
+				"py",
+				"ps",
+				"pe",
+				"pbs",
+				"pbe",
+				"pt",
+				"pr",
+				"pb",
+				"pl"
+			],
+			px: ["pr", "pl"],
+			py: ["pt", "pb"],
+			m: [
+				"mx",
+				"my",
+				"ms",
+				"me",
+				"mbs",
+				"mbe",
+				"mt",
+				"mr",
+				"mb",
+				"ml"
+			],
+			mx: ["mr", "ml"],
+			my: ["mt", "mb"],
+			size: ["w", "h"],
+			"font-size": ["leading"],
+			"fvn-normal": [
+				"fvn-ordinal",
+				"fvn-slashed-zero",
+				"fvn-figure",
+				"fvn-spacing",
+				"fvn-fraction"
+			],
+			"fvn-ordinal": ["fvn-normal"],
+			"fvn-slashed-zero": ["fvn-normal"],
+			"fvn-figure": ["fvn-normal"],
+			"fvn-spacing": ["fvn-normal"],
+			"fvn-fraction": ["fvn-normal"],
+			"line-clamp": ["display", "overflow"],
+			rounded: [
+				"rounded-s",
+				"rounded-e",
+				"rounded-t",
+				"rounded-r",
+				"rounded-b",
+				"rounded-l",
+				"rounded-ss",
+				"rounded-se",
+				"rounded-ee",
+				"rounded-es",
+				"rounded-tl",
+				"rounded-tr",
+				"rounded-br",
+				"rounded-bl"
+			],
+			"rounded-s": ["rounded-ss", "rounded-es"],
+			"rounded-e": ["rounded-se", "rounded-ee"],
+			"rounded-t": ["rounded-tl", "rounded-tr"],
+			"rounded-r": ["rounded-tr", "rounded-br"],
+			"rounded-b": ["rounded-br", "rounded-bl"],
+			"rounded-l": ["rounded-tl", "rounded-bl"],
+			"border-spacing": ["border-spacing-x", "border-spacing-y"],
+			"border-w": [
+				"border-w-x",
+				"border-w-y",
+				"border-w-s",
+				"border-w-e",
+				"border-w-bs",
+				"border-w-be",
+				"border-w-t",
+				"border-w-r",
+				"border-w-b",
+				"border-w-l"
+			],
+			"border-w-x": ["border-w-r", "border-w-l"],
+			"border-w-y": ["border-w-t", "border-w-b"],
+			"border-color": [
+				"border-color-x",
+				"border-color-y",
+				"border-color-s",
+				"border-color-e",
+				"border-color-bs",
+				"border-color-be",
+				"border-color-t",
+				"border-color-r",
+				"border-color-b",
+				"border-color-l"
+			],
+			"border-color-x": ["border-color-r", "border-color-l"],
+			"border-color-y": ["border-color-t", "border-color-b"],
+			translate: [
+				"translate-x",
+				"translate-y",
+				"translate-none"
+			],
+			"translate-none": [
+				"translate",
+				"translate-x",
+				"translate-y",
+				"translate-z"
+			],
+			"scroll-m": [
+				"scroll-mx",
+				"scroll-my",
+				"scroll-ms",
+				"scroll-me",
+				"scroll-mbs",
+				"scroll-mbe",
+				"scroll-mt",
+				"scroll-mr",
+				"scroll-mb",
+				"scroll-ml"
+			],
+			"scroll-mx": ["scroll-mr", "scroll-ml"],
+			"scroll-my": ["scroll-mt", "scroll-mb"],
+			"scroll-p": [
+				"scroll-px",
+				"scroll-py",
+				"scroll-ps",
+				"scroll-pe",
+				"scroll-pbs",
+				"scroll-pbe",
+				"scroll-pt",
+				"scroll-pr",
+				"scroll-pb",
+				"scroll-pl"
+			],
+			"scroll-px": ["scroll-pr", "scroll-pl"],
+			"scroll-py": ["scroll-pt", "scroll-pb"],
+			touch: [
+				"touch-x",
+				"touch-y",
+				"touch-pz"
+			],
+			"touch-x": ["touch"],
+			"touch-y": ["touch"],
+			"touch-pz": ["touch"]
+		},
+		conflictingClassGroupModifiers: { "font-size": ["leading"] },
+		postfixLookupClassGroups: ["container-type"],
+		orderSensitiveModifiers: [
+			"*",
+			"**",
+			"after",
+			"backdrop",
+			"before",
+			"details-content",
+			"file",
+			"first-letter",
+			"first-line",
+			"marker",
+			"placeholder",
+			"selection"
+		]
+	};
+});
+//#endregion
+//#region src/lib/utils.ts
+function Ze(...e) {
+	return Xe(x(e));
+}
+//#endregion
+//#region src/tokens/colors.ts
+var Qe = /* @__PURE__ */ "surface-canvas.surface-panel.surface-raised.surface-inset.surface-hover.surface-pressed.surface-selected.surface-disabled.overlay-scrim.text-primary.text-secondary.text-tertiary.text-disabled.text-accent.text-destructive.text-success.text-warning.text-on-accent.text-on-destructive.text-on-success.text-on-warning.border-subtle.border-default.border-strong.border-focus.border-accent.border-destructive.accent.accent-hover.accent-pressed.accent-subtle.destructive.destructive-hover.destructive-pressed.destructive-subtle.success.success-subtle.warning.warning-subtle.ring-focus".split("."), $e = { ponti: {
+	light: {
+		"surface-canvas": "#ffffff",
+		"surface-panel": "#f6f8fa",
+		"surface-raised": "#ffffff",
+		"surface-inset": "#eff2f5",
+		"surface-hover": "#e8ebef",
+		"surface-pressed": "#dfe3e8",
+		"surface-selected": "rgba(9, 105, 218, 0.1)",
+		"surface-disabled": "#eff2f5",
+		"overlay-scrim": "rgba(31, 35, 40, 0.42)",
+		"text-primary": "#25292e",
+		"text-secondary": "#59636e",
+		"text-tertiary": "#818b98",
+		"text-disabled": "#9ea7b3",
+		"text-accent": "#0969da",
+		"text-destructive": "#cf222e",
+		"text-success": "#1f883d",
+		"text-warning": "#9a6700",
+		"text-on-accent": "#ffffff",
+		"text-on-destructive": "#ffffff",
+		"text-on-success": "#ffffff",
+		"text-on-warning": "#1c1c1e",
+		"border-subtle": "rgba(129, 139, 152, 0.2)",
+		"border-default": "#d1d9e0",
+		"border-strong": "#8c959f",
+		"border-focus": "#0969da",
+		"border-accent": "#0969da",
+		"border-destructive": "#cf222e",
+		accent: "#0969da",
+		"accent-hover": "#0550ae",
+		"accent-pressed": "#033d8b",
+		"accent-subtle": "rgba(9, 105, 218, 0.1)",
+		destructive: "#cf222e",
+		"destructive-hover": "#a40e26",
+		"destructive-pressed": "#82071e",
+		"destructive-subtle": "rgba(207, 34, 46, 0.12)",
+		success: "#1f883d",
+		"success-subtle": "rgba(31, 136, 61, 0.12)",
+		warning: "#9a6700",
+		"warning-subtle": "rgba(154, 103, 0, 0.12)",
+		"ring-focus": "#0969da"
+	},
+	dark: {
+		"surface-canvas": "#0d1117",
+		"surface-panel": "#161b22",
+		"surface-raised": "#21262d",
+		"surface-inset": "#1a2029",
+		"surface-hover": "#242a33",
+		"surface-pressed": "#30363d",
+		"surface-selected": "rgba(47, 129, 247, 0.18)",
+		"surface-disabled": "#1a2029",
+		"overlay-scrim": "rgba(1, 4, 9, 0.78)",
+		"text-primary": "#f0f6fc",
+		"text-secondary": "#8b949e",
+		"text-tertiary": "#6e7681",
+		"text-disabled": "#484f58",
+		"text-accent": "#58a6ff",
+		"text-destructive": "#ff7b72",
+		"text-success": "#3fb950",
+		"text-warning": "#d29922",
+		"text-on-accent": "#ffffff",
+		"text-on-destructive": "#ffffff",
+		"text-on-success": "#ffffff",
+		"text-on-warning": "#0d1117",
+		"border-subtle": "rgba(240, 246, 252, 0.14)",
+		"border-default": "#30363d",
+		"border-strong": "#6e7681",
+		"border-focus": "#2f81f7",
+		"border-accent": "#2f81f7",
+		"border-destructive": "#da3633",
+		accent: "#2f81f7",
+		"accent-hover": "#58a6ff",
+		"accent-pressed": "#1f6feb",
+		"accent-subtle": "rgba(47, 129, 247, 0.18)",
+		destructive: "#da3633",
+		"destructive-hover": "#f85149",
+		"destructive-pressed": "#b62324",
+		"destructive-subtle": "rgba(218, 54, 51, 0.18)",
+		success: "#238636",
+		"success-subtle": "rgba(35, 134, 54, 0.18)",
+		warning: "#9e6a03",
+		"warning-subtle": "rgba(158, 106, 3, 0.18)",
+		"ring-focus": "#2f81f7"
+	}
+} }, et = Qe.reduce((e, t) => (e[t] = `var(--color-${t})`, e), {}), tt = "data-color-system", nt = "data-color-mode", rt = {
+	enter: 150,
+	exit: 120,
+	standard: 120,
+	breezy: 1800,
+	spin: 1200
+}, it = {
+	enterY: 6,
+	exitY: 4,
+	enterX: 6,
+	exitX: 4
+}, at = {
+	enter: "cubic-bezier(0.0, 0.0, 0.2, 1)",
+	exit: "cubic-bezier(0.4, 0.0, 1, 1)",
+	standard: "cubic-bezier(0.4, 0, 0.2, 1)"
+}, ot = {
+	sm: 6,
+	md: 10,
+	lg: 14,
+	xl: 18,
+	full: 9999,
+	icon: 20
+}, st = {
+	low: "0 2px 8px rgba(0, 0, 0, 0.35)",
+	medium: "0 8px 24px rgba(0, 0, 0, 0.45)",
+	high: "0 20px 60px rgba(0, 0, 0, 0.55)"
+}, ct = {
+	low: {
+		shadowColor: "#0f1113",
+		shadowOffset: {
+			width: 0,
+			height: 2
+		},
+		shadowOpacity: .35,
+		shadowRadius: 8
+	},
+	medium: {
+		shadowColor: "#0f1113",
+		shadowOffset: {
+			width: 0,
+			height: 8
+		},
+		shadowOpacity: .45,
+		shadowRadius: 24
+	},
+	high: {
+		shadowColor: "#0f1113",
+		shadowOffset: {
+			width: 0,
+			height: 20
+		},
+		shadowOpacity: .55,
+		shadowRadius: 60
+	}
+}, lt = {
+	1: 4,
+	2: 8,
+	3: 12,
+	4: 16,
+	5: 24,
+	6: 32,
+	7: 48,
+	8: 64
+}, ut = {
+	bubble: "36rem",
+	transcript: "44rem",
+	notePreview: "32ch"
+};
+//#endregion
+export { s as CHART_COLORS, c as CHART_CSS_VARS, nt as COLOR_MODE_ATTRIBUTE, tt as COLOR_SYSTEM_ATTRIBUTE, g as OTP_LENGTH, Ze as cn, $e as colorSystems, Qe as colorTokenNames, et as colors, ut as contentWidths, v as copyToClipboard, y as createMemoryStorage, rt as durations, at as easingWeb, _ as normalizeOtp, ot as radii, ct as shadowsNative, st as shadowsWeb, lt as spacing, it as translateDistances, u as useApiClient, d as useDebouncedValue, ee as useFilterState, h as useIsMobile, p as useMediaQuery };
+
+//# sourceMappingURL=index.js.map