@ponti-studios/ui 0.1.2 → 0.3.0

package/dist/index.js

@@ -11,13 +11,13 @@ var s = {
 	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)",
+	grid: "var(--color-border)",
+	axis: "var(--color-muted-foreground)",
+	label: "var(--color-muted-foreground)",
 	tooltip: {
 		background: "var(--color-surface-panel)",
-		text: "var(--color-text-primary)",
-		border: "var(--color-border-default)"
+		text: "var(--color-foreground)",
+		border: "var(--color-border)"
 	}
 }, c = {
 	positive: "var(--color-chart-positive)",
@@ -121,7 +121,7 @@ function d(e, t) {
 }
 //#endregion
 //#region src/hooks/use-filter-state.ts
-function ee(e) {
+function f(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(() => {
@@ -131,14 +131,14 @@ function ee(e) {
 		c,
 		o,
 		s
-	]), ee = t((e, t) => {
+	]), f = t((e, t) => {
 		d((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, [d]), f = t(() => {
+	}, [d]), p = t(() => {
 		l(r), o?.(r);
-	}, [r, o]), p = t(() => {
+	}, [r, o]), m = t(() => {
 		l(r), o?.(r);
 	}, [r, o]);
 	return n(() => () => {
@@ -146,14 +146,14 @@ function ee(e) {
 	}, []), {
 		filters: c,
 		setFilters: d,
-		updateFilter: ee,
-		clearFilters: f,
-		resetFilters: p
+		updateFilter: f,
+		clearFilters: p,
+		resetFilters: m
 	};
 }
 //#endregion
 //#region src/hooks/use-media-query.ts
-function f(e, t) {
+function p(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);
@@ -161,7 +161,7 @@ function f(e, t) {
 	}
 	return window.matchMedia(e).matches;
 }
-function p(e) {
+function m(e) {
 	return o(t((t) => {
 		if (typeof window > "u") return () => {};
 		let n = window.matchMedia(e), r = () => {
@@ -170,29 +170,29 @@ function p(e) {
 		return n.addEventListener("change", r), () => {
 			n.removeEventListener("change", r);
 		};
-	}, [e]), t(() => typeof window > "u" ? !1 : f(e), [e]), () => !1);
+	}, [e]), t(() => typeof window > "u" ? !1 : p(e), [e]), () => !1);
 }
 //#endregion
 //#region src/hooks/use-mobile.tsx
-var m = 768;
-function h() {
+var h = 768;
+function g() {
 	let [t, n] = e.useState(void 0);
 	return e.useEffect(() => {
-		let e = window.matchMedia(`(max-width: ${m - 1}px)`), t = () => {
-			n(window.innerWidth < m);
+		let e = window.matchMedia(`(max-width: ${h - 1}px)`), t = () => {
+			n(window.innerWidth < h);
 		};
-		return e.addEventListener("change", t), n(window.innerWidth < m), () => e.removeEventListener("change", t);
+		return e.addEventListener("change", t), n(window.innerWidth < h), () => e.removeEventListener("change", t);
 	}, []), !!t;
 }
 //#endregion
 //#region src/lib/auth.ts
-var g = 6;
-function _(e, t = 6) {
+var ee = 6;
+function te(e, t = 6) {
 	return e.replace(/\D/g, "").slice(0, t);
 }
 //#endregion
 //#region src/lib/clipboard.ts
-async function v(e) {
+async function _(e) {
 	try {
 		return await navigator.clipboard.writeText(e), !0;
 	} catch {
@@ -201,7 +201,7 @@ async function v(e) {
 }
 //#endregion
 //#region src/lib/create-memory-storage.ts
-function y() {
+function v() {
 	let e = /* @__PURE__ */ new Map();
 	return {
 		get length() {
@@ -226,22 +226,22 @@ function y() {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-function b(e) {
+function y(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);
+		for (t = 0; t < i; t++) e[t] && (n = y(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);
+function b() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = y(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) => {
+var x = (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];
@@ -253,27 +253,27 @@ var te = (e, t) => {
 	nextPart: e,
 	validators: t,
 	classGroupId: n
-}), w = "-", ne = [], T = "arbitrary..", re = (e) => {
-	let t = O(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+}), w = "-", T = [], E = "arbitrary..", ne = (e) => {
+	let t = k(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
 	return {
 		getClassGroupId: (e) => {
-			if (e.startsWith("[") && e.endsWith("]")) return D(e);
+			if (e.startsWith("[") && e.endsWith("]")) return O(e);
 			let n = e.split(w);
-			return E(n, +(n[0] === "" && n.length > 1), t);
+			return D(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 t ? i ? x(i, t) : t : i || T;
 			}
-			return n[e] || ne;
+			return n[e] || T;
 		}
 	};
-}, E = (e, t, n) => {
+}, D = (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);
+		let n = D(e, t + 1, i);
 		if (n) return n;
 	}
 	let a = n.validators;
@@ -283,26 +283,26 @@ var te = (e, t) => {
 		let t = a[e];
 		if (t.validator(o)) return t.classGroupId;
 	}
-}, D = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, O = (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) => {
+	return r ? E + r : void 0;
+})(), k = (e) => {
 	let { theme: t, classGroups: n } = e;
-	return k(n, t);
-}, k = (e, t) => {
+	return A(n, t);
+}, A = (e, t) => {
 	let n = C();
 	for (let r in e) {
 		let i = e[r];
-		A(i, n, r, t);
+		j(i, n, r, t);
 	}
 	return n;
-}, A = (e, t, n, r) => {
+}, j = (e, t, n, r) => {
 	let i = e.length;
 	for (let a = 0; a < i; a++) {
 		let i = e[a];
-		j(i, t, n, r);
+		re(i, t, n, r);
 	}
-}, j = (e, t, n, r) => {
+}, re = (e, t, n, r) => {
 	if (typeof e == "string") {
 		M(e, t, n);
 		return;
@@ -316,8 +316,8 @@ var te = (e, t) => {
 	let r = e === "" ? t : N(t, e);
 	r.classGroupId = n;
 }, ie = (e, t, n, r) => {
-	if (P(e)) {
-		A(e(r), t, n, r);
+	if (oe(e)) {
+		j(e(r), t, n, r);
 		return;
 	}
 	t.validators === null && (t.validators = []), t.validators.push(S(n, e));
@@ -325,7 +325,7 @@ var te = (e, t) => {
 	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);
+		j(o, N(t, a), n, r);
 	}
 }, N = (e, t) => {
 	let n = e, r = t.split(w), i = r.length;
@@ -334,7 +334,7 @@ var te = (e, t) => {
 		i || (i = C(), n.nextPart.set(t, i)), n = i;
 	}
 	return n;
-}, P = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, F = (e) => {
+}, oe = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, P = (e) => {
 	if (e < 1) return {
 		get: () => void 0,
 		set: () => {}
@@ -352,19 +352,19 @@ var te = (e, t) => {
 			e in n ? n[e] = t : i(e, t);
 		}
 	};
-}, I = "!", L = ":", oe = [], R = (e, t, n, r, i) => ({
+}, F = "!", I = ":", se = [], L = (e, t, n, r, i) => ({
 	modifiers: e,
 	hasImportantModifier: t,
 	baseClassName: n,
 	maybePostfixModifierPosition: r,
 	isExternal: i
-}), se = (e) => {
+}), ce = (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) {
+				if (o === I) {
 					t.push(e.slice(i, s)), i = s + 1;
 					continue;
 				}
@@ -376,13 +376,13 @@ var te = (e, t) => {
 			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);
+		s.endsWith(F) ? (c = s.slice(0, -1), l = !0) : s.startsWith(F) && (c = s.slice(1), l = !0);
 		let u = a && a > i ? a - i : void 0;
-		return R(t, l, c, u);
+		return L(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);
+		let e = t + I, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : L(se, !1, t, void 0, !0);
 	}
 	if (n) {
 		let e = r;
@@ -392,7 +392,7 @@ var te = (e, t) => {
 		});
 	}
 	return r;
-}, z = (e) => {
+}, R = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.orderSensitiveModifiers.forEach((e, n) => {
 		t.set(e, 1e6 + n);
@@ -404,80 +404,80 @@ var te = (e, t) => {
 		}
 		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) => {
+}, z = (e) => ({
+	cache: P(e.cacheSize),
+	parseClassName: ce(e),
+	sortModifiers: R(e),
+	postfixLookupClassGroupIds: B(e),
+	...ne(e)
+}), B = (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 = "";
+}, V = /\s+/, le = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(V), 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);
+		let t = c[e], { isExternal: u, modifiers: d, hasImportantModifier: f, baseClassName: p, maybePostfixModifierPosition: m } = 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) {
+		let h = !!m, g;
+		if (h) {
+			g = r(p.substring(0, m));
+			let e = g && o[g] ? r(p) : void 0;
+			e && e !== g && (g = e, h = !1);
+		} else g = r(p);
+		if (!g) {
+			if (!h) {
 				l = t + (l.length > 0 ? " " + l : l);
 				continue;
 			}
-			if (h = r(f), !h) {
+			if (g = r(p), !g) {
 				l = t + (l.length > 0 ? " " + l : l);
 				continue;
 			}
-			m = !1;
+			h = !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);
+		let ee = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), te = f ? ee + F : ee, _ = te + g;
+		if (s.indexOf(_) > -1) continue;
+		s.push(_);
+		let v = i(g, h);
+		for (let e = 0; e < v.length; ++e) {
+			let t = v[e];
+			s.push(te + t);
 		}
 		l = t + (l.length > 0 ? " " + l : l);
 	}
 	return l;
-}, le = (...e) => {
+}, ue = (...e) => {
 	let t = 0, n, r, i = "";
-	for (; t < e.length;) (n = e[t++]) && (r = ue(n)) && (i && (i += " "), i += r);
+	for (; t < e.length;) (n = e[t++]) && (r = de(n)) && (i && (i += " "), i += r);
 	return i;
-}, ue = (e) => {
+}, de = (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);
+	for (let r = 0; r < e.length; r++) e[r] && (t = de(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) => {
+}, fe = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = z(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);
+		let a = le(e, n);
 		return i(e, a), a;
 	};
-	return a = o, (...e) => a(le(...e));
-}, fe = [], U = (e) => {
-	let t = (t) => t[e] || fe;
+	return a = o, (...e) => a(ue(...e));
+}, pe = [], H = (e) => {
+	let t = (t) => t[e] || pe;
 	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) => {
+}, me = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, he = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ge = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, _e = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ve = /\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$/, ye = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, be = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, xe = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, U = (e) => ge.test(e), W = (e) => !!e && !Number.isNaN(Number(e)), G = (e) => !!e && Number.isInteger(Number(e)), Se = (e) => e.endsWith("%") && W(e.slice(0, -1)), K = (e) => _e.test(e), Ce = () => !0, we = (e) => ve.test(e) && !ye.test(e), Te = () => !1, Ee = (e) => be.test(e), De = (e) => xe.test(e), Oe = (e) => !q(e) && !Y(e), ke = (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)), Ae = (e) => Z(e, Ge, Te), q = (e) => me.test(e), J = (e) => Z(e, Ke, we), je = (e) => Z(e, qe, W), Me = (e) => Z(e, Ye, Ce), Ne = (e) => Z(e, Je, Te), Pe = (e) => Z(e, Ue, Te), Fe = (e) => Z(e, We, De), Ie = (e) => Z(e, Xe, Ee), Y = (e) => he.test(e), X = (e) => Q(e, Ke), Le = (e) => Q(e, Je), Re = (e) => Q(e, Ue), ze = (e) => Q(e, Ge), Be = (e) => Q(e, We), Ve = (e) => Q(e, Xe, !0), He = (e) => Q(e, Ye, !0), Z = (e, t, n) => {
 	let r = me.exec(e);
+	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
+}, Q = (e, t, n = !1) => {
+	let r = he.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 = () => [
+}, Ue = (e) => e === "position" || e === "percentage", We = (e) => e === "image" || e === "url", Ge = (e) => e === "length" || e === "size" || e === "bg-size", Ke = (e) => e === "length", qe = (e) => e === "number", Je = (e) => e === "family-name", Ye = (e) => e === "number" || e === "weight", Xe = (e) => e === "shadow", Ze = /*#__PURE__*/ fe(() => {
+	let e = H("color"), t = H("font"), n = H("text"), r = H("font-weight"), i = H("tracking"), a = H("leading"), o = H("breakpoint"), s = H("container"), c = H("spacing"), l = H("radius"), u = H("shadow"), d = H("inset-shadow"), f = H("text-shadow"), p = H("drop-shadow"), m = H("blur"), h = H("perspective"), g = H("aspect"), ee = H("ease"), te = H("animate"), _ = () => [
 		"auto",
 		"avoid",
 		"all",
@@ -486,7 +486,7 @@ var te = (e, t) => {
 		"left",
 		"right",
 		"column"
-	], y = () => [
+	], v = () => [
 		"center",
 		"top",
 		"bottom",
@@ -500,59 +500,59 @@ var te = (e, t) => {
 		"right-bottom",
 		"bottom-left",
 		"left-bottom"
+	], y = () => [
+		...v(),
+		Y,
+		q
 	], b = () => [
-		...y(),
-		X,
-		J
-	], x = () => [
 		"auto",
 		"hidden",
 		"clip",
 		"visible",
 		"scroll"
-	], te = () => [
+	], x = () => [
 		"auto",
 		"contain",
 		"none"
 	], S = () => [
-		X,
-		J,
+		Y,
+		q,
 		c
 	], C = () => [
-		W,
+		U,
 		"full",
 		"auto",
 		...S()
 	], w = () => [
-		K,
+		G,
 		"none",
 		"subgrid",
-		X,
-		J
-	], ne = () => [
+		Y,
+		q
+	], T = () => [
 		"auto",
 		{ span: [
 			"full",
-			K,
-			X,
-			J
+			G,
+			Y,
+			q
 		] },
-		K,
-		X,
-		J
-	], T = () => [
-		K,
+		G,
+		Y,
+		q
+	], E = () => [
+		G,
 		"auto",
-		X,
-		J
-	], re = () => [
+		Y,
+		q
+	], ne = () => [
 		"auto",
 		"min",
 		"max",
 		"fr",
-		X,
-		J
-	], E = () => [
+		Y,
+		q
+	], D = () => [
 		"start",
 		"end",
 		"center",
@@ -563,15 +563,15 @@ var te = (e, t) => {
 		"baseline",
 		"center-safe",
 		"end-safe"
-	], D = () => [
+	], O = () => [
 		"start",
 		"end",
 		"center",
 		"stretch",
 		"center-safe",
 		"end-safe"
-	], O = () => ["auto", ...S()], k = () => [
-		W,
+	], k = () => ["auto", ...S()], A = () => [
+		U,
 		"auto",
 		"full",
 		"dvw",
@@ -584,8 +584,8 @@ var te = (e, t) => {
 		"max",
 		"fit",
 		...S()
-	], A = () => [
-		W,
+	], j = () => [
+		U,
 		"screen",
 		"full",
 		"dvw",
@@ -595,8 +595,8 @@ var te = (e, t) => {
 		"max",
 		"fit",
 		...S()
-	], j = () => [
-		W,
+	], re = () => [
+		U,
 		"screen",
 		"full",
 		"lh",
@@ -609,13 +609,13 @@ var te = (e, t) => {
 		...S()
 	], M = () => [
 		e,
-		X,
-		J
+		Y,
+		q
 	], ie = () => [
-		...y(),
-		Le,
-		Ne,
-		{ position: [X, J] }
+		...v(),
+		Re,
+		Pe,
+		{ position: [Y, q] }
 	], ae = () => ["no-repeat", { repeat: [
 		"",
 		"x",
@@ -626,31 +626,31 @@ var te = (e, t) => {
 		"auto",
 		"cover",
 		"contain",
-		Re,
-		ke,
-		{ size: [X, J] }
+		ze,
+		Ae,
+		{ size: [Y, q] }
+	], oe = () => [
+		Se,
+		X,
+		J
 	], P = () => [
-		xe,
-		Z,
-		Y
-	], F = () => [
 		"",
 		"none",
 		"full",
 		l,
+		Y,
+		q
+	], F = () => [
+		"",
+		W,
 		X,
 		J
 	], I = () => [
-		"",
-		G,
-		Z,
-		Y
-	], L = () => [
 		"solid",
 		"dashed",
 		"dotted",
 		"double"
-	], oe = () => [
+	], se = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -667,33 +667,33 @@ var te = (e, t) => {
 		"saturation",
 		"color",
 		"luminosity"
-	], R = () => [
-		G,
-		xe,
-		Le,
-		Ne
-	], se = () => [
+	], L = () => [
+		W,
+		Se,
+		Re,
+		Pe
+	], ce = () => [
 		"",
 		"none",
-		p,
-		X,
-		J
+		m,
+		Y,
+		q
+	], R = () => [
+		"none",
+		W,
+		Y,
+		q
 	], z = () => [
 		"none",
-		G,
-		X,
-		J
+		W,
+		Y,
+		q
 	], B = () => [
-		"none",
-		G,
-		X,
-		J
-	], V = () => [
-		G,
-		X,
-		J
-	], H = () => [
 		W,
+		Y,
+		q
+	], V = () => [
+		U,
 		"full",
 		...S()
 	];
@@ -707,17 +707,17 @@ var te = (e, t) => {
 				"bounce"
 			],
 			aspect: ["video"],
-			blur: [q],
-			breakpoint: [q],
-			color: [Se],
-			container: [q],
-			"drop-shadow": [q],
+			blur: [K],
+			breakpoint: [K],
+			color: [Ce],
+			container: [K],
+			"drop-shadow": [K],
 			ease: [
 				"in",
 				"out",
 				"in-out"
 			],
-			font: [De],
+			font: [Oe],
 			"font-weight": [
 				"thin",
 				"extralight",
@@ -729,7 +729,7 @@ var te = (e, t) => {
 				"extrabold",
 				"black"
 			],
-			"inset-shadow": [q],
+			"inset-shadow": [K],
 			leading: [
 				"none",
 				"tight",
@@ -746,11 +746,11 @@ var te = (e, t) => {
 				"distant",
 				"none"
 			],
-			radius: [q],
-			shadow: [q],
-			spacing: ["px", G],
-			text: [q],
-			"text-shadow": [q],
+			radius: [K],
+			shadow: [K],
+			spacing: ["px", W],
+			text: [K],
+			"text-shadow": [K],
 			tracking: [
 				"tighter",
 				"tight",
@@ -764,28 +764,28 @@ var te = (e, t) => {
 			aspect: [{ aspect: [
 				"auto",
 				"square",
-				W,
-				J,
-				X,
-				h
+				U,
+				q,
+				Y,
+				g
 			] }],
 			container: ["container"],
 			"container-type": [{ "@container": [
 				"",
 				"normal",
 				"size",
-				X,
-				J
+				Y,
+				q
 			] }],
-			"container-named": [Oe],
+			"container-named": [ke],
 			columns: [{ columns: [
-				G,
-				J,
-				X,
+				W,
+				q,
+				Y,
 				s
 			] }],
-			"break-after": [{ "break-after": v() }],
-			"break-before": [{ "break-before": v() }],
+			"break-after": [{ "break-after": _() }],
+			"break-before": [{ "break-before": _() }],
 			"break-inside": [{ "break-inside": [
 				"auto",
 				"avoid",
@@ -841,13 +841,13 @@ var te = (e, t) => {
 				"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() }],
+			"object-position": [{ object: y() }],
+			overflow: [{ overflow: b() }],
+			"overflow-x": [{ "overflow-x": b() }],
+			"overflow-y": [{ "overflow-y": b() }],
+			overscroll: [{ overscroll: x() }],
+			"overscroll-x": [{ "overscroll-x": x() }],
+			"overscroll-y": [{ "overscroll-y": x() }],
 			position: [
 				"static",
 				"fixed",
@@ -878,13 +878,13 @@ var te = (e, t) => {
 				"collapse"
 			],
 			z: [{ z: [
-				K,
+				G,
 				"auto",
-				X,
-				J
+				Y,
+				q
 			] }],
 			basis: [{ basis: [
-				W,
+				U,
 				"full",
 				"auto",
 				s,
@@ -902,41 +902,41 @@ var te = (e, t) => {
 				"wrap-reverse"
 			] }],
 			flex: [{ flex: [
-				G,
 				W,
+				U,
 				"auto",
 				"initial",
 				"none",
-				J
+				q
 			] }],
 			grow: [{ grow: [
 				"",
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			shrink: [{ shrink: [
 				"",
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			order: [{ order: [
-				K,
+				G,
 				"first",
 				"last",
 				"none",
-				X,
-				J
+				Y,
+				q
 			] }],
 			"grid-cols": [{ "grid-cols": w() }],
-			"col-start-end": [{ col: ne() }],
-			"col-start": [{ "col-start": T() }],
-			"col-end": [{ "col-end": T() }],
+			"col-start-end": [{ col: T() }],
+			"col-start": [{ "col-start": E() }],
+			"col-end": [{ "col-end": E() }],
 			"grid-rows": [{ "grid-rows": w() }],
-			"row-start-end": [{ row: ne() }],
-			"row-start": [{ "row-start": T() }],
-			"row-end": [{ "row-end": T() }],
+			"row-start-end": [{ row: T() }],
+			"row-start": [{ "row-start": E() }],
+			"row-end": [{ "row-end": E() }],
 			"grid-flow": [{ "grid-flow": [
 				"row",
 				"col",
@@ -944,24 +944,24 @@ var te = (e, t) => {
 				"row-dense",
 				"col-dense"
 			] }],
-			"auto-cols": [{ "auto-cols": re() }],
-			"auto-rows": [{ "auto-rows": re() }],
+			"auto-cols": [{ "auto-cols": ne() }],
+			"auto-rows": [{ "auto-rows": ne() }],
 			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"] }] }],
+			"justify-content": [{ justify: [...D(), "normal"] }],
+			"justify-items": [{ "justify-items": [...O(), "normal"] }],
+			"justify-self": [{ "justify-self": ["auto", ...O()] }],
+			"align-content": [{ content: ["normal", ...D()] }],
+			"align-items": [{ items: [...O(), { baseline: ["", "last"] }] }],
 			"align-self": [{ self: [
 				"auto",
-				...D(),
+				...O(),
 				{ baseline: ["", "last"] }
 			] }],
-			"place-content": [{ "place-content": E() }],
-			"place-items": [{ "place-items": [...D(), "baseline"] }],
-			"place-self": [{ "place-self": ["auto", ...D()] }],
+			"place-content": [{ "place-content": D() }],
+			"place-items": [{ "place-items": [...O(), "baseline"] }],
+			"place-self": [{ "place-self": ["auto", ...O()] }],
 			p: [{ p: S() }],
 			px: [{ px: S() }],
 			py: [{ py: S() }],
@@ -973,38 +973,38 @@ var te = (e, t) => {
 			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() }],
+			m: [{ m: k() }],
+			mx: [{ mx: k() }],
+			my: [{ my: k() }],
+			ms: [{ ms: k() }],
+			me: [{ me: k() }],
+			mbs: [{ mbs: k() }],
+			mbe: [{ mbe: k() }],
+			mt: [{ mt: k() }],
+			mr: [{ mr: k() }],
+			mb: [{ mb: k() }],
+			ml: [{ ml: k() }],
 			"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()] }],
+			size: [{ size: A() }],
+			"inline-size": [{ inline: ["auto", ...j()] }],
+			"min-inline-size": [{ "min-inline": ["auto", ...j()] }],
+			"max-inline-size": [{ "max-inline": ["none", ...j()] }],
+			"block-size": [{ block: ["auto", ...re()] }],
+			"min-block-size": [{ "min-block": ["auto", ...re()] }],
+			"max-block-size": [{ "max-block": ["none", ...re()] }],
 			w: [{ w: [
 				s,
 				"screen",
-				...k()
+				...A()
 			] }],
 			"min-w": [{ "min-w": [
 				s,
 				"screen",
 				"none",
-				...k()
+				...A()
 			] }],
 			"max-w": [{ "max-w": [
 				s,
@@ -1012,36 +1012,36 @@ var te = (e, t) => {
 				"none",
 				"prose",
 				{ screen: [o] },
-				...k()
+				...A()
 			] }],
 			h: [{ h: [
 				"screen",
 				"lh",
-				...k()
+				...A()
 			] }],
 			"min-h": [{ "min-h": [
 				"screen",
 				"lh",
 				"none",
-				...k()
+				...A()
 			] }],
 			"max-h": [{ "max-h": [
 				"screen",
 				"lh",
-				...k()
+				...A()
 			] }],
 			"font-size": [{ text: [
 				"base",
 				n,
-				Z,
-				Y
+				X,
+				J
 			] }],
 			"font-smoothing": ["antialiased", "subpixel-antialiased"],
 			"font-style": ["italic", "not-italic"],
 			"font-weight": [{ font: [
 				r,
-				Ve,
-				je
+				He,
+				Me
 			] }],
 			"font-stretch": [{ "font-stretch": [
 				"ultra-condensed",
@@ -1053,15 +1053,15 @@ var te = (e, t) => {
 				"expanded",
 				"extra-expanded",
 				"ultra-expanded",
-				xe,
-				J
+				Se,
+				q
 			] }],
 			"font-family": [{ font: [
-				Ie,
-				Me,
+				Le,
+				Ne,
 				t
 			] }],
-			"font-features": [{ "font-features": [J] }],
+			"font-features": [{ "font-features": [q] }],
 			"fvn-normal": ["normal-nums"],
 			"fvn-ordinal": ["ordinal"],
 			"fvn-slashed-zero": ["slashed-zero"],
@@ -1070,28 +1070,28 @@ var te = (e, t) => {
 			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
 			tracking: [{ tracking: [
 				i,
-				X,
-				J
+				Y,
+				q
 			] }],
 			"line-clamp": [{ "line-clamp": [
-				G,
+				W,
 				"none",
-				X,
-				Ae
+				Y,
+				je
 			] }],
 			leading: [{ leading: [a, ...S()] }],
 			"list-image": [{ "list-image": [
 				"none",
-				X,
-				J
+				Y,
+				q
 			] }],
 			"list-style-position": [{ list: ["inside", "outside"] }],
 			"list-style-type": [{ list: [
 				"disc",
 				"decimal",
 				"none",
-				X,
-				J
+				Y,
+				q
 			] }],
 			"text-alignment": [{ text: [
 				"left",
@@ -1109,20 +1109,20 @@ var te = (e, t) => {
 				"line-through",
 				"no-underline"
 			],
-			"text-decoration-style": [{ decoration: [...L(), "wavy"] }],
+			"text-decoration-style": [{ decoration: [...I(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
-				G,
+				W,
 				"from-font",
 				"auto",
-				X,
-				Y
+				Y,
+				J
 			] }],
 			"text-decoration-color": [{ decoration: M() }],
 			"underline-offset": [{ "underline-offset": [
-				G,
+				W,
 				"auto",
-				X,
-				J
+				Y,
+				q
 			] }],
 			"text-transform": [
 				"uppercase",
@@ -1143,9 +1143,9 @@ var te = (e, t) => {
 			] }],
 			indent: [{ indent: S() }],
 			"tab-size": [{ tab: [
-				K,
-				X,
-				J
+				G,
+				Y,
+				q
 			] }],
 			"vertical-align": [{ align: [
 				"baseline",
@@ -1156,8 +1156,8 @@ var te = (e, t) => {
 				"text-bottom",
 				"sub",
 				"super",
-				X,
-				J
+				Y,
+				q
 			] }],
 			whitespace: [{ whitespace: [
 				"normal",
@@ -1185,8 +1185,8 @@ var te = (e, t) => {
 			] }],
 			content: [{ content: [
 				"none",
-				X,
-				J
+				Y,
+				q
 			] }],
 			"bg-attachment": [{ bg: [
 				"fixed",
@@ -1221,68 +1221,68 @@ var te = (e, t) => {
 							"l",
 							"tl"
 						] },
-						K,
-						X,
-						J
+						G,
+						Y,
+						q
 					],
 					radial: [
 						"",
-						X,
-						J
+						Y,
+						q
 					],
 					conic: [
-						K,
-						X,
-						J
+						G,
+						Y,
+						q
 					]
 				},
-				ze,
-				Pe
+				Be,
+				Fe
 			] }],
 			"bg-color": [{ bg: M() }],
-			"gradient-from-pos": [{ from: P() }],
-			"gradient-via-pos": [{ via: P() }],
-			"gradient-to-pos": [{ to: P() }],
+			"gradient-from-pos": [{ from: oe() }],
+			"gradient-via-pos": [{ via: oe() }],
+			"gradient-to-pos": [{ to: oe() }],
 			"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() }],
+			rounded: [{ rounded: P() }],
+			"rounded-s": [{ "rounded-s": P() }],
+			"rounded-e": [{ "rounded-e": P() }],
+			"rounded-t": [{ "rounded-t": P() }],
+			"rounded-r": [{ "rounded-r": P() }],
+			"rounded-b": [{ "rounded-b": P() }],
+			"rounded-l": [{ "rounded-l": P() }],
+			"rounded-ss": [{ "rounded-ss": P() }],
+			"rounded-se": [{ "rounded-se": P() }],
+			"rounded-ee": [{ "rounded-ee": P() }],
+			"rounded-es": [{ "rounded-es": P() }],
+			"rounded-tl": [{ "rounded-tl": P() }],
+			"rounded-tr": [{ "rounded-tr": P() }],
+			"rounded-br": [{ "rounded-br": P() }],
+			"rounded-bl": [{ "rounded-bl": P() }],
+			"border-w": [{ border: F() }],
+			"border-w-x": [{ "border-x": F() }],
+			"border-w-y": [{ "border-y": F() }],
+			"border-w-s": [{ "border-s": F() }],
+			"border-w-e": [{ "border-e": F() }],
+			"border-w-bs": [{ "border-bs": F() }],
+			"border-w-be": [{ "border-be": F() }],
+			"border-w-t": [{ "border-t": F() }],
+			"border-w-r": [{ "border-r": F() }],
+			"border-w-b": [{ "border-b": F() }],
+			"border-w-l": [{ "border-l": F() }],
+			"divide-x": [{ "divide-x": F() }],
 			"divide-x-reverse": ["divide-x-reverse"],
-			"divide-y": [{ "divide-y": I() }],
+			"divide-y": [{ "divide-y": F() }],
 			"divide-y-reverse": ["divide-y-reverse"],
 			"border-style": [{ border: [
-				...L(),
+				...I(),
 				"hidden",
 				"none"
 			] }],
 			"divide-style": [{ divide: [
-				...L(),
+				...I(),
 				"hidden",
 				"none"
 			] }],
@@ -1299,62 +1299,62 @@ var te = (e, t) => {
 			"border-color-l": [{ "border-l": M() }],
 			"divide-color": [{ divide: M() }],
 			"outline-style": [{ outline: [
-				...L(),
+				...I(),
 				"none",
 				"hidden"
 			] }],
 			"outline-offset": [{ "outline-offset": [
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"outline-w": [{ outline: [
 				"",
-				G,
-				Z,
-				Y
+				W,
+				X,
+				J
 			] }],
 			"outline-color": [{ outline: M() }],
 			shadow: [{ shadow: [
 				"",
 				"none",
 				u,
-				Be,
-				Fe
+				Ve,
+				Ie
 			] }],
 			"shadow-color": [{ shadow: M() }],
 			"inset-shadow": [{ "inset-shadow": [
 				"none",
 				d,
-				Be,
-				Fe
+				Ve,
+				Ie
 			] }],
 			"inset-shadow-color": [{ "inset-shadow": M() }],
-			"ring-w": [{ ring: I() }],
+			"ring-w": [{ ring: F() }],
 			"ring-w-inset": ["ring-inset"],
 			"ring-color": [{ ring: M() }],
-			"ring-offset-w": [{ "ring-offset": [G, Y] }],
+			"ring-offset-w": [{ "ring-offset": [W, J] }],
 			"ring-offset-color": [{ "ring-offset": M() }],
-			"inset-ring-w": [{ "inset-ring": I() }],
+			"inset-ring-w": [{ "inset-ring": F() }],
 			"inset-ring-color": [{ "inset-ring": M() }],
 			"text-shadow": [{ "text-shadow": [
 				"none",
-				ee,
-				Be,
-				Fe
+				f,
+				Ve,
+				Ie
 			] }],
 			"text-shadow-color": [{ "text-shadow": M() }],
 			opacity: [{ opacity: [
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...oe(),
+				...se(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": oe() }],
+			"bg-blend": [{ "bg-blend": se() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -1369,38 +1369,38 @@ var te = (e, t) => {
 				"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-pos": [{ "mask-linear": [W] }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": L() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": L() }],
 			"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-pos": [{ "mask-t-from": L() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": L() }],
 			"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-pos": [{ "mask-r-from": L() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": L() }],
 			"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-pos": [{ "mask-b-from": L() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": L() }],
 			"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-pos": [{ "mask-l-from": L() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": L() }],
 			"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-pos": [{ "mask-x-from": L() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": L() }],
 			"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-pos": [{ "mask-y-from": L() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": L() }],
 			"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": [{ "mask-radial": [Y, q] }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": L() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": L() }],
 			"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"] }],
@@ -1408,10 +1408,10 @@ var te = (e, t) => {
 				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-radial-pos": [{ "mask-radial-at": v() }],
+			"mask-image-conic-pos": [{ "mask-conic": [W] }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": L() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": L() }],
 			"mask-image-conic-from-color": [{ "mask-conic-from": M() }],
 			"mask-image-conic-to-color": [{ "mask-conic-to": M() }],
 			"mask-mode": [{ mask: [
@@ -1433,111 +1433,111 @@ var te = (e, t) => {
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
 				"none",
-				X,
-				J
+				Y,
+				q
 			] }],
 			filter: [{ filter: [
 				"",
 				"none",
-				X,
-				J
+				Y,
+				q
 			] }],
-			blur: [{ blur: se() }],
+			blur: [{ blur: ce() }],
 			brightness: [{ brightness: [
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			contrast: [{ contrast: [
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"drop-shadow": [{ "drop-shadow": [
 				"",
 				"none",
-				f,
-				Be,
-				Fe
+				p,
+				Ve,
+				Ie
 			] }],
 			"drop-shadow-color": [{ "drop-shadow": M() }],
 			grayscale: [{ grayscale: [
 				"",
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"hue-rotate": [{ "hue-rotate": [
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			invert: [{ invert: [
 				"",
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			saturate: [{ saturate: [
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			sepia: [{ sepia: [
 				"",
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"backdrop-filter": [{ "backdrop-filter": [
 				"",
 				"none",
-				X,
-				J
+				Y,
+				q
 			] }],
-			"backdrop-blur": [{ "backdrop-blur": se() }],
+			"backdrop-blur": [{ "backdrop-blur": ce() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"backdrop-contrast": [{ "backdrop-contrast": [
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"backdrop-grayscale": [{ "backdrop-grayscale": [
 				"",
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"backdrop-invert": [{ "backdrop-invert": [
 				"",
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"backdrop-opacity": [{ "backdrop-opacity": [
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"backdrop-saturate": [{ "backdrop-saturate": [
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"backdrop-sepia": [{ "backdrop-sepia": [
 				"",
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			"border-collapse": [{ border: ["collapse", "separate"] }],
 			"border-spacing": [{ "border-spacing": S() }],
@@ -1553,72 +1553,72 @@ var te = (e, t) => {
 				"shadow",
 				"transform",
 				"none",
-				X,
-				J
+				Y,
+				q
 			] }],
 			"transition-behavior": [{ transition: ["normal", "discrete"] }],
 			duration: [{ duration: [
-				G,
+				W,
 				"initial",
-				X,
-				J
+				Y,
+				q
 			] }],
 			ease: [{ ease: [
 				"linear",
 				"initial",
-				g,
-				X,
-				J
+				ee,
+				Y,
+				q
 			] }],
 			delay: [{ delay: [
-				G,
-				X,
-				J
+				W,
+				Y,
+				q
 			] }],
 			animate: [{ animate: [
 				"none",
-				_,
-				X,
-				J
+				te,
+				Y,
+				q
 			] }],
 			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() }],
+				h,
+				Y,
+				q
+			] }],
+			"perspective-origin": [{ "perspective-origin": y() }],
+			rotate: [{ rotate: R() }],
+			"rotate-x": [{ "rotate-x": R() }],
+			"rotate-y": [{ "rotate-y": R() }],
+			"rotate-z": [{ "rotate-z": R() }],
+			scale: [{ scale: z() }],
+			"scale-x": [{ "scale-x": z() }],
+			"scale-y": [{ "scale-y": z() }],
+			"scale-z": [{ "scale-z": z() }],
 			"scale-3d": ["scale-3d"],
-			skew: [{ skew: V() }],
-			"skew-x": [{ "skew-x": V() }],
-			"skew-y": [{ "skew-y": V() }],
+			skew: [{ skew: B() }],
+			"skew-x": [{ "skew-x": B() }],
+			"skew-y": [{ "skew-y": B() }],
 			transform: [{ transform: [
-				X,
-				J,
+				Y,
+				q,
 				"",
 				"none",
 				"gpu",
 				"cpu"
 			] }],
-			"transform-origin": [{ origin: b() }],
+			"transform-origin": [{ origin: y() }],
 			"transform-style": [{ transform: ["3d", "flat"] }],
-			translate: [{ translate: H() }],
-			"translate-x": [{ "translate-x": H() }],
-			"translate-y": [{ "translate-y": H() }],
-			"translate-z": [{ "translate-z": H() }],
+			translate: [{ translate: V() }],
+			"translate-x": [{ "translate-x": V() }],
+			"translate-y": [{ "translate-y": V() }],
+			"translate-z": [{ "translate-z": V() }],
 			"translate-none": ["translate-none"],
 			zoom: [{ zoom: [
-				K,
-				X,
-				J
+				G,
+				Y,
+				q
 			] }],
 			accent: [{ accent: M() }],
 			appearance: [{ appearance: ["none", "auto"] }],
@@ -1668,8 +1668,8 @@ var te = (e, t) => {
 				"nwse-resize",
 				"zoom-in",
 				"zoom-out",
-				X,
-				J
+				Y,
+				q
 			] }],
 			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
 			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
@@ -1755,15 +1755,15 @@ var te = (e, t) => {
 				"scroll",
 				"contents",
 				"transform",
-				X,
-				J
+				Y,
+				q
 			] }],
 			fill: [{ fill: ["none", ...M()] }],
 			"stroke-w": [{ stroke: [
-				G,
-				Z,
-				Y,
-				Ae
+				W,
+				X,
+				J,
+				je
 			] }],
 			stroke: [{ stroke: ["none", ...M()] }],
 			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
@@ -1954,165 +1954,555 @@ var te = (e, t) => {
 });
 //#endregion
 //#region src/lib/utils.ts
-function Ze(...e) {
-	return Xe(x(e));
+function Qe(...e) {
+	return Ze(b(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"
+//#region src/tokens/generated/dark.colors.generated.ts
+var $e = { color: {
+	"surface-canvas": "#111111",
+	"surface-panel": "#1b1b1b",
+	"surface-raised": "#222222",
+	"surface-inset": "#222222",
+	"surface-hover": "#393939",
+	"surface-pressed": "#6d6d6d",
+	"surface-selected": "#0c2175",
+	"surface-disabled": "#393939",
+	"overlay-scrim": "#000000",
+	"text-primary": "#f2f2f2",
+	"text-secondary": "#afafaf",
+	"text-tertiary": "#8a8a8a",
+	"text-disabled": "#6d6d6d",
+	"text-accent": "#5681ff",
+	"text-destructive": "#fc432e",
+	"text-success": "#099d59",
+	"text-warning": "#e06400",
+	"text-on-accent": "#ffffff",
+	"text-on-destructive": "#ffffff",
+	"text-on-success": "#ffffff",
+	"text-on-warning": "#000000",
+	"border-subtle": "#393939",
+	"border-default": "#444444",
+	"border-strong": "#6d6d6d",
+	"border-focus": "#4069fd",
+	"border-accent": "#4069fd",
+	"border-destructive": "#fc432e",
+	accent: "#4069fd",
+	"accent-hover": "#345bf8",
+	"accent-pressed": "#345bf8",
+	"accent-subtle": "#0c2175",
+	destructive: "#df3422",
+	"destructive-hover": "#cd2e1d",
+	"destructive-pressed": "#cd2e1d",
+	"destructive-subtle": "#571107",
+	success: "#068850",
+	"success-subtle": "#003326",
+	warning: "#e06400",
+	"warning-subtle": "#501b00",
+	"ring-focus": "#4069fd",
+	"chart-1": "#5681ff",
+	"chart-2": "#099d59",
+	"chart-3": "#5681ff",
+	"chart-4": "#e06400",
+	"chart-5": "#8a8a8a",
+	"chart-positive": "#099d59",
+	"chart-negative": "#fc432e",
+	"chart-neutral": "#8a8a8a"
+} }, $ = {
+	spacing: "0.25rem",
+	"spacing-scale": {
+		0: "0rem",
+		1: "0.25rem",
+		2: "0.5rem",
+		3: "0.75rem",
+		4: "1rem",
+		5: "1.25rem",
+		6: "1.5rem",
+		7: "1.75rem",
+		8: "2rem",
+		9: "2.25rem",
+		10: "2.5rem",
+		11: "2.75rem",
+		12: "3rem",
+		14: "3.5rem",
+		16: "4rem",
+		20: "5rem",
+		24: "6rem",
+		28: "7rem",
+		32: "8rem",
+		36: "9rem",
+		40: "10rem",
+		44: "11rem",
+		48: "12rem",
+		52: "13rem",
+		56: "14rem",
+		60: "15rem",
+		64: "16rem",
+		72: "18rem",
+		80: "20rem",
+		96: "24rem",
+		px: "1px",
+		"0-5": "0.125rem",
+		"1-5": "0.375rem",
+		"2-5": "0.625rem",
+		"3-5": "0.875rem"
 	},
-	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
+	font: {
+		sans: [
+			"-apple-system",
+			"BlinkMacSystemFont",
+			"Segoe UI",
+			"Roboto",
+			"Helvetica Neue",
+			"Noto Sans",
+			"Arial",
+			"sans-serif",
+			"Apple Color Emoji",
+			"Segoe UI Emoji",
+			"Segoe UI Symbol",
+			"Noto Color Emoji"
+		],
+		serif: [
+			"ui-serif",
+			"Georgia",
+			"Cambria",
+			"Times New Roman",
+			"Times",
+			"serif"
+		],
+		mono: [
+			"ui-monospace",
+			"SFMono-Regular",
+			"Menlo",
+			"Monaco",
+			"Consolas",
+			"Liberation Mono",
+			"Courier New",
+			"monospace"
+		]
 	},
-	medium: {
-		shadowColor: "#0f1113",
-		shadowOffset: {
-			width: 0,
-			height: 8
-		},
-		shadowOpacity: .45,
-		shadowRadius: 24
+	text: {
+		xs: "0.75rem",
+		sm: "0.875rem",
+		base: "1rem",
+		lg: "1.125rem",
+		xl: "1.25rem",
+		"2xl": "1.5rem",
+		"3xl": "1.875rem",
+		"4xl": "2.25rem",
+		"5xl": "3rem",
+		"6xl": "3.75rem",
+		"7xl": "4.5rem",
+		"8xl": "6rem",
+		"9xl": "8rem"
 	},
-	high: {
-		shadowColor: "#0f1113",
-		shadowOffset: {
-			width: 0,
-			height: 20
-		},
-		shadowOpacity: .55,
-		shadowRadius: 60
+	"text-line-height": {
+		xs: 1.3333333333,
+		sm: 1.4285714286,
+		base: 1.5,
+		lg: 1.5555555556,
+		xl: 1.4,
+		"2xl": 1.3333333333,
+		"3xl": 1.2,
+		"4xl": 1.1111111111,
+		"5xl": 1,
+		"6xl": 1,
+		"7xl": 1,
+		"8xl": 1,
+		"9xl": 1
+	},
+	"font-weight": {
+		thin: 100,
+		extralight: 200,
+		light: 300,
+		normal: 400,
+		medium: 500,
+		semibold: 600,
+		bold: 700,
+		extrabold: 800,
+		black: 900
+	},
+	tracking: {
+		tighter: "-0.05em",
+		tight: "-0.025em",
+		normal: "0em",
+		wide: "0.025em",
+		wider: "0.05em",
+		widest: "0.1em"
+	},
+	leading: {
+		tight: 1.25,
+		snug: 1.375,
+		normal: 1.5,
+		relaxed: 1.625,
+		loose: 2
+	},
+	radius: {
+		xs: "0.125rem",
+		sm: "0.25rem",
+		md: "0.375rem",
+		lg: "0.5rem",
+		xl: "0.75rem",
+		"2xl": "1rem",
+		"3xl": "1.5rem",
+		"4xl": "2rem",
+		full: "9999px"
+	},
+	shadow: {
+		"2xs": [{
+			color: "rgb(0 0 0 / 0.05)",
+			offsetX: {
+				value: 0,
+				unit: "px"
+			},
+			offsetY: {
+				value: 1,
+				unit: "px"
+			},
+			blur: {
+				value: 0,
+				unit: "px"
+			},
+			spread: {
+				value: 0,
+				unit: "px"
+			}
+		}],
+		xs: [{
+			color: "rgb(0 0 0 / 0.05)",
+			offsetX: {
+				value: 0,
+				unit: "px"
+			},
+			offsetY: {
+				value: 1,
+				unit: "px"
+			},
+			blur: {
+				value: 2,
+				unit: "px"
+			},
+			spread: {
+				value: 0,
+				unit: "px"
+			}
+		}],
+		sm: [{
+			color: "rgb(0 0 0 / 0.1)",
+			offsetX: {
+				value: 0,
+				unit: "px"
+			},
+			offsetY: {
+				value: 1,
+				unit: "px"
+			},
+			blur: {
+				value: 3,
+				unit: "px"
+			},
+			spread: {
+				value: 0,
+				unit: "px"
+			}
+		}, {
+			color: "rgb(0 0 0 / 0.1)",
+			offsetX: {
+				value: 0,
+				unit: "px"
+			},
+			offsetY: {
+				value: 1,
+				unit: "px"
+			},
+			blur: {
+				value: 2,
+				unit: "px"
+			},
+			spread: {
+				value: -1,
+				unit: "px"
+			}
+		}],
+		md: [{
+			color: "rgb(0 0 0 / 0.1)",
+			offsetX: {
+				value: 0,
+				unit: "px"
+			},
+			offsetY: {
+				value: 4,
+				unit: "px"
+			},
+			blur: {
+				value: 6,
+				unit: "px"
+			},
+			spread: {
+				value: -1,
+				unit: "px"
+			}
+		}, {
+			color: "rgb(0 0 0 / 0.1)",
+			offsetX: {
+				value: 0,
+				unit: "px"
+			},
+			offsetY: {
+				value: 2,
+				unit: "px"
+			},
+			blur: {
+				value: 4,
+				unit: "px"
+			},
+			spread: {
+				value: -2,
+				unit: "px"
+			}
+		}],
+		lg: [{
+			color: "rgb(0 0 0 / 0.1)",
+			offsetX: {
+				value: 0,
+				unit: "px"
+			},
+			offsetY: {
+				value: 10,
+				unit: "px"
+			},
+			blur: {
+				value: 15,
+				unit: "px"
+			},
+			spread: {
+				value: -3,
+				unit: "px"
+			}
+		}, {
+			color: "rgb(0 0 0 / 0.1)",
+			offsetX: {
+				value: 0,
+				unit: "px"
+			},
+			offsetY: {
+				value: 4,
+				unit: "px"
+			},
+			blur: {
+				value: 6,
+				unit: "px"
+			},
+			spread: {
+				value: -4,
+				unit: "px"
+			}
+		}],
+		xl: [{
+			color: "rgb(0 0 0 / 0.1)",
+			offsetX: {
+				value: 0,
+				unit: "px"
+			},
+			offsetY: {
+				value: 20,
+				unit: "px"
+			},
+			blur: {
+				value: 25,
+				unit: "px"
+			},
+			spread: {
+				value: -5,
+				unit: "px"
+			}
+		}, {
+			color: "rgb(0 0 0 / 0.1)",
+			offsetX: {
+				value: 0,
+				unit: "px"
+			},
+			offsetY: {
+				value: 8,
+				unit: "px"
+			},
+			blur: {
+				value: 10,
+				unit: "px"
+			},
+			spread: {
+				value: -6,
+				unit: "px"
+			}
+		}],
+		"2xl": [{
+			color: "rgb(0 0 0 / 0.25)",
+			offsetX: {
+				value: 0,
+				unit: "px"
+			},
+			offsetY: {
+				value: 25,
+				unit: "px"
+			},
+			blur: {
+				value: 50,
+				unit: "px"
+			},
+			spread: {
+				value: -12,
+				unit: "px"
+			}
+		}],
+		none: [{
+			color: "transparent",
+			offsetX: {
+				value: 0,
+				unit: "px"
+			},
+			offsetY: {
+				value: 0,
+				unit: "px"
+			},
+			blur: {
+				value: 0,
+				unit: "px"
+			},
+			spread: {
+				value: 0,
+				unit: "px"
+			}
+		}]
+	},
+	breakpoint: {
+		sm: "40rem",
+		md: "48rem",
+		lg: "64rem",
+		xl: "80rem",
+		"2xl": "96rem"
+	},
+	container: {
+		"3xs": "16rem",
+		"2xs": "18rem",
+		xs: "20rem",
+		sm: "24rem",
+		md: "28rem",
+		lg: "32rem",
+		xl: "36rem",
+		"2xl": "42rem",
+		"3xl": "48rem",
+		"4xl": "56rem",
+		"5xl": "64rem",
+		"6xl": "72rem",
+		"7xl": "80rem"
+	},
+	"z-index": {
+		0: 0,
+		10: 10,
+		20: 20,
+		30: 30,
+		40: 40,
+		50: 50,
+		auto: "auto"
+	},
+	ease: {
+		in: [
+			.4,
+			0,
+			1,
+			1
+		],
+		out: [
+			0,
+			0,
+			.2,
+			1
+		],
+		"in-out": [
+			.4,
+			0,
+			.2,
+			1
+		]
+	},
+	duration: {
+		75: "75ms",
+		100: "100ms",
+		150: "150ms",
+		200: "200ms",
+		300: "300ms",
+		500: "500ms",
+		700: "700ms",
+		1e3: "1000ms"
+	},
+	animate: {
+		spin: "spin 1s linear infinite",
+		ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+		pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+		bounce: "bounce 1s infinite"
 	}
-}, lt = {
-	1: 4,
-	2: 8,
-	3: 12,
-	4: 16,
-	5: 24,
-	6: 32,
-	7: 48,
-	8: 64
-}, ut = {
-	bubble: "36rem",
-	transcript: "44rem",
-	notePreview: "32ch"
-};
+}, et = { color: {
+	"surface-canvas": "#ffffff",
+	"surface-panel": "#f8f8f8",
+	"surface-raised": "#ffffff",
+	"surface-inset": "#ffffff",
+	"surface-hover": "#e9e9e9",
+	"surface-pressed": "#505050",
+	"surface-selected": "#e5f0fe",
+	"surface-disabled": "#e9e9e9",
+	"overlay-scrim": "#000000",
+	"text-primary": "#131313",
+	"text-secondary": "#505050",
+	"text-tertiary": "#717171",
+	"text-disabled": "#8f8f8f",
+	"text-accent": "#3b63fb",
+	"text-destructive": "#d73220",
+	"text-success": "#079355",
+	"text-warning": "#d45b00",
+	"text-on-accent": "#ffffff",
+	"text-on-destructive": "#ffffff",
+	"text-on-success": "#ffffff",
+	"text-on-warning": "#000000",
+	"border-subtle": "#dadada",
+	"border-default": "#c6c6c6",
+	"border-strong": "#8f8f8f",
+	"border-focus": "#4b75ff",
+	"border-accent": "#3b63fb",
+	"border-destructive": "#d73220",
+	accent: "#3b63fb",
+	"accent-hover": "#274dea",
+	"accent-pressed": "#274dea",
+	"accent-subtle": "#e5f0fe",
+	destructive: "#d73220",
+	"destructive-hover": "#b72818",
+	"destructive-pressed": "#b72818",
+	"destructive-subtle": "#ffebe8",
+	success: "#05834e",
+	"success-subtle": "#d7f7e1",
+	warning: "#fc7d00",
+	"warning-subtle": "#ffeccf",
+	"ring-focus": "#4b75ff",
+	"chart-1": "#4b75ff",
+	"chart-2": "#079355",
+	"chart-3": "#4b75ff",
+	"chart-4": "#d45b00",
+	"chart-5": "#8f8f8f",
+	"chart-positive": "#079355",
+	"chart-negative": "#f03823",
+	"chart-neutral": "#8f8f8f"
+} }, tt = (e) => {
+	if (e.endsWith("rem")) return Number.parseFloat(e) * 16;
+	if (e.endsWith("px")) return Number.parseFloat(e);
+	throw Error(`Unsupported foundation dimension: ${e}`);
+}, nt = (e) => Number.parseFloat(e), rt = (e) => `cubic-bezier(${e.join(", ")})`, it = Object.keys(et.color), at = {
+	light: et.color,
+	dark: $e.color
+}, ot = it.reduce((e, t) => (e[t] = `var(--color-${t})`, e), {}), st = Object.fromEntries(Object.entries($["spacing-scale"]).map(([e, t]) => [e.replace("-", "."), tt(t)])), ct = Object.fromEntries(Object.entries($.font).map(([e, t]) => [e, t.join(", ")])), lt = {
+	sans: "System",
+	serif: "serif",
+	mono: "monospace"
+}, ut = Object.fromEntries(Object.entries($.text).map(([e, t]) => [e, tt(t)])), dt = $["text-line-height"], ft = Object.fromEntries(Object.entries($["font-weight"]).map(([e, t]) => [e, String(t)])), pt = $.tracking, mt = $.leading, ht = Object.fromEntries(Object.entries($.radius).map(([e, t]) => [e, tt(t)])), gt = $.shadow, _t = $.breakpoint, vt = $.container, yt = $["z-index"], bt = Object.fromEntries(Object.entries($.ease).map(([e, t]) => [e, rt(t)])), xt = Object.fromEntries(Object.entries($.duration).map(([e, t]) => [e, nt(t)])), St = $.animate;
 //#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 };
+export { s as CHART_COLORS, c as CHART_CSS_VARS, ee as OTP_LENGTH, St as animations, _t as breakpoints, Qe as cn, at as colorThemes, it as colorTokenNames, ot as colors, vt as containers, _ as copyToClipboard, v as createMemoryStorage, bt as easing, ct as fontFamilies, lt as fontFamiliesNative, ft as fontWeights, mt as leading, te as normalizeOtp, ht as radii, gt as shadows, st as spacing, dt as textLineHeights, ut as textSizes, pt as tracking, xt as transitionDurations, u as useApiClient, d as useDebouncedValue, f as useFilterState, g as useIsMobile, m as useMediaQuery, yt as zIndices };
 
 //# sourceMappingURL=index.js.map