@tabl.io/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,1769 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function r(e) {
+	var t, i, a = "";
+	if (typeof e == "string" || typeof e == "number") a += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var o = e.length;
+		for (t = 0; t < o; t++) e[t] && (i = r(e[t])) && (a && (a += " "), a += i);
+	} else for (i in e) e[i] && (a && (a += " "), a += i);
+	return a;
+}
+function clsx() {
+	for (var e, t, i = 0, a = "", o = arguments.length; i < o; i++) (e = arguments[i]) && (t = r(e)) && (a && (a += " "), a += t);
+	return a;
+}
+var falsyToString = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e;
+const cx = clsx, cva = (e, t) => (n) => {
+	if (t?.variants == null) return cx(e, n?.class, n?.className);
+	let { variants: i, defaultVariants: s } = t, c = Object.keys(i).map((e) => {
+		let t = n?.[e], o = s?.[e];
+		if (t === null) return null;
+		let c = falsyToString(t) || falsyToString(o);
+		return i[e][c];
+	}), l = n && Object.entries(n).reduce((e, t) => {
+		let [n, i] = t;
+		return i === void 0 || (e[n] = i), e;
+	}, {});
+	return cx(e, c, t?.compoundVariants?.reduce((e, t) => {
+		let { class: n, className: i, ...a } = t;
+		return Object.entries(a).every((e) => {
+			let [t, n] = e;
+			return Array.isArray(n) ? n.includes({
+				...s,
+				...l
+			}[t]) : {
+				...s,
+				...l
+			}[t] === n;
+		}) ? [
+			...e,
+			n,
+			i
+		] : e;
+	}, []), n?.class, n?.className);
+};
+function setRef(e, t) {
+	if (typeof e == "function") return e(t);
+	e != null && (e.current = t);
+}
+function composeRefs(...e) {
+	return (t) => {
+		let n = !1, i = e.map((e) => {
+			let i = setRef(e, t);
+			return !n && typeof i == "function" && (n = !0), i;
+		});
+		if (n) return () => {
+			for (let t = 0; t < i.length; t++) {
+				let n = i[t];
+				typeof n == "function" ? n() : setRef(e[t], null);
+			}
+		};
+	};
+}
+/* @__NO_SIDE_EFFECTS__ */
+function createSlot(n) {
+	let i = /* @__PURE__ */ createSlotClone(n), a = React.forwardRef((n, a) => {
+		let { children: o, ...s } = n, c = React.Children.toArray(o), l = c.find(isSlottable);
+		if (l) {
+			let n = l.props.children, o = c.map((t) => t === l ? React.Children.count(n) > 1 ? React.Children.only(null) : React.isValidElement(n) ? n.props.children : null : t);
+			return /* @__PURE__ */ jsx(i, {
+				...s,
+				ref: a,
+				children: React.isValidElement(n) ? React.cloneElement(n, void 0, o) : null
+			});
+		}
+		return /* @__PURE__ */ jsx(i, {
+			...s,
+			ref: a,
+			children: o
+		});
+	});
+	return a.displayName = `${n}.Slot`, a;
+}
+var Slot = /* @__PURE__ */ createSlot("Slot");
+/* @__NO_SIDE_EFFECTS__ */
+function createSlotClone(t) {
+	let n = React.forwardRef((t, n) => {
+		let { children: i, ...a } = t;
+		if (React.isValidElement(i)) {
+			let t = getElementRef(i), o = mergeProps(a, i.props);
+			return i.type !== React.Fragment && (o.ref = n ? composeRefs(n, t) : t), React.cloneElement(i, o);
+		}
+		return React.Children.count(i) > 1 ? React.Children.only(null) : null;
+	});
+	return n.displayName = `${t}.SlotClone`, n;
+}
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+function isSlottable(t) {
+	return React.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+function mergeProps(e, t) {
+	let n = { ...t };
+	for (let i in t) {
+		let a = e[i], o = t[i];
+		/^on[A-Z]/.test(i) ? a && o ? n[i] = (...e) => {
+			let t = o(...e);
+			return a(...e), t;
+		} : a && (n[i] = a) : i === "style" ? n[i] = {
+			...a,
+			...o
+		} : i === "className" && (n[i] = [a, o].filter(Boolean).join(" "));
+	}
+	return {
+		...e,
+		...n
+	};
+}
+function getElementRef(e) {
+	let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+	return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var concatArrays = (e, t) => {
+	let n = Array(e.length + t.length);
+	for (let t = 0; t < e.length; t++) n[t] = e[t];
+	for (let i = 0; i < t.length; i++) n[e.length + i] = t[i];
+	return n;
+}, createClassValidatorObject = (e, t) => ({
+	classGroupId: e,
+	validator: t
+}), createClassPartObject = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+	nextPart: e,
+	validators: t,
+	classGroupId: n
+}), CLASS_PART_SEPARATOR = "-", EMPTY_CONFLICTS = [], ARBITRARY_PROPERTY_PREFIX = "arbitrary..", createClassGroupUtils = (e) => {
+	let t = createClassMap(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: i } = e;
+	return {
+		getClassGroupId: (e) => {
+			if (e.startsWith("[") && e.endsWith("]")) return getGroupIdForArbitraryProperty(e);
+			let n = e.split(CLASS_PART_SEPARATOR);
+			return getGroupRecursive(n, n[0] === "" && n.length > 1 ? 1 : 0, t);
+		},
+		getConflictingClassGroupIds: (e, t) => {
+			if (t) {
+				let t = i[e], a = n[e];
+				return t ? a ? concatArrays(a, t) : t : a || EMPTY_CONFLICTS;
+			}
+			return n[e] || EMPTY_CONFLICTS;
+		}
+	};
+}, getGroupRecursive = (e, t, n) => {
+	if (e.length - t === 0) return n.classGroupId;
+	let i = e[t], a = n.nextPart.get(i);
+	if (a) {
+		let n = getGroupRecursive(e, t + 1, a);
+		if (n) return n;
+	}
+	let o = n.validators;
+	if (o === null) return;
+	let s = t === 0 ? e.join(CLASS_PART_SEPARATOR) : e.slice(t).join(CLASS_PART_SEPARATOR), c = o.length;
+	for (let e = 0; e < c; e++) {
+		let t = o[e];
+		if (t.validator(s)) return t.classGroupId;
+	}
+}, getGroupIdForArbitraryProperty = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+	let t = e.slice(1, -1), n = t.indexOf(":"), i = t.slice(0, n);
+	return i ? ARBITRARY_PROPERTY_PREFIX + i : void 0;
+})(), createClassMap = (e) => {
+	let { theme: t, classGroups: n } = e;
+	return processClassGroups(n, t);
+}, processClassGroups = (e, t) => {
+	let n = createClassPartObject();
+	for (let i in e) {
+		let a = e[i];
+		processClassesRecursively(a, n, i, t);
+	}
+	return n;
+}, processClassesRecursively = (e, t, n, i) => {
+	let a = e.length;
+	for (let o = 0; o < a; o++) {
+		let a = e[o];
+		processClassDefinition(a, t, n, i);
+	}
+}, processClassDefinition = (e, t, n, i) => {
+	if (typeof e == "string") {
+		processStringDefinition(e, t, n);
+		return;
+	}
+	if (typeof e == "function") {
+		processFunctionDefinition(e, t, n, i);
+		return;
+	}
+	processObjectDefinition(e, t, n, i);
+}, processStringDefinition = (e, t, n) => {
+	let i = e === "" ? t : getPart(t, e);
+	i.classGroupId = n;
+}, processFunctionDefinition = (e, t, n, i) => {
+	if (isThemeGetter(e)) {
+		processClassesRecursively(e(i), t, n, i);
+		return;
+	}
+	t.validators === null && (t.validators = []), t.validators.push(createClassValidatorObject(n, e));
+}, processObjectDefinition = (e, t, n, i) => {
+	let a = Object.entries(e), o = a.length;
+	for (let e = 0; e < o; e++) {
+		let [o, s] = a[e];
+		processClassesRecursively(s, getPart(t, o), n, i);
+	}
+}, getPart = (e, t) => {
+	let n = e, i = t.split(CLASS_PART_SEPARATOR), a = i.length;
+	for (let e = 0; e < a; e++) {
+		let t = i[e], a = n.nextPart.get(t);
+		a || (a = createClassPartObject(), n.nextPart.set(t, a)), n = a;
+	}
+	return n;
+}, isThemeGetter = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, createLruCache = (e) => {
+	if (e < 1) return {
+		get: () => void 0,
+		set: () => {}
+	};
+	let t = 0, n = Object.create(null), i = Object.create(null), a = (a, o) => {
+		n[a] = o, t++, t > e && (t = 0, i = n, n = Object.create(null));
+	};
+	return {
+		get(e) {
+			let t = n[e];
+			if (t !== void 0) return t;
+			if ((t = i[e]) !== void 0) return a(e, t), t;
+		},
+		set(e, t) {
+			e in n ? n[e] = t : a(e, t);
+		}
+	};
+}, IMPORTANT_MODIFIER = "!", MODIFIER_SEPARATOR = ":", EMPTY_MODIFIERS = [], createResultObject = (e, t, n, i, a) => ({
+	modifiers: e,
+	hasImportantModifier: t,
+	baseClassName: n,
+	maybePostfixModifierPosition: i,
+	isExternal: a
+}), createParseClassName = (e) => {
+	let { prefix: t, experimentalParseClassName: n } = e, i = (e) => {
+		let t = [], n = 0, i = 0, a = 0, o, s = e.length;
+		for (let c = 0; c < s; c++) {
+			let s = e[c];
+			if (n === 0 && i === 0) {
+				if (s === MODIFIER_SEPARATOR) {
+					t.push(e.slice(a, c)), a = c + 1;
+					continue;
+				}
+				if (s === "/") {
+					o = c;
+					continue;
+				}
+			}
+			s === "[" ? n++ : s === "]" ? n-- : s === "(" ? i++ : s === ")" && i--;
+		}
+		let c = t.length === 0 ? e : e.slice(a), l = c, u = !1;
+		c.endsWith(IMPORTANT_MODIFIER) ? (l = c.slice(0, -1), u = !0) : c.startsWith(IMPORTANT_MODIFIER) && (l = c.slice(1), u = !0);
+		let d = o && o > a ? o - a : void 0;
+		return createResultObject(t, u, l, d);
+	};
+	if (t) {
+		let e = t + MODIFIER_SEPARATOR, n = i;
+		i = (t) => t.startsWith(e) ? n(t.slice(e.length)) : createResultObject(EMPTY_MODIFIERS, !1, t, void 0, !0);
+	}
+	if (n) {
+		let e = i;
+		i = (t) => n({
+			className: t,
+			parseClassName: e
+		});
+	}
+	return i;
+}, createSortModifiers = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	return e.orderSensitiveModifiers.forEach((e, n) => {
+		t.set(e, 1e6 + n);
+	}), (e) => {
+		let n = [], i = [];
+		for (let a = 0; a < e.length; a++) {
+			let o = e[a], s = o[0] === "[", c = t.has(o);
+			s || c ? (i.length > 0 && (i.sort(), n.push(...i), i = []), n.push(o)) : i.push(o);
+		}
+		return i.length > 0 && (i.sort(), n.push(...i)), n;
+	};
+}, createConfigUtils = (e) => ({
+	cache: createLruCache(e.cacheSize),
+	parseClassName: createParseClassName(e),
+	sortModifiers: createSortModifiers(e),
+	...createClassGroupUtils(e)
+}), SPLIT_CLASSES_REGEX = /\s+/, mergeClassList = (e, t) => {
+	let { parseClassName: n, getClassGroupId: i, getConflictingClassGroupIds: a, sortModifiers: o } = t, s = [], c = e.trim().split(SPLIT_CLASSES_REGEX), l = "";
+	for (let e = c.length - 1; e >= 0; --e) {
+		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 h = !!m, g = i(h ? p.substring(0, m) : p);
+		if (!g) {
+			if (!h) {
+				l = t + (l.length > 0 ? " " + l : l);
+				continue;
+			}
+			if (g = i(p), !g) {
+				l = t + (l.length > 0 ? " " + l : l);
+				continue;
+			}
+			h = !1;
+		}
+		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : o(d).join(":"), v = f ? _ + IMPORTANT_MODIFIER : _, y = v + g;
+		if (s.indexOf(y) > -1) continue;
+		s.push(y);
+		let b = a(g, h);
+		for (let e = 0; e < b.length; ++e) {
+			let t = b[e];
+			s.push(v + t);
+		}
+		l = t + (l.length > 0 ? " " + l : l);
+	}
+	return l;
+}, twJoin = (...e) => {
+	let t = 0, n, i, a = "";
+	for (; t < e.length;) (n = e[t++]) && (i = toValue(n)) && (a && (a += " "), a += i);
+	return a;
+}, toValue = (e) => {
+	if (typeof e == "string") return e;
+	let t, n = "";
+	for (let i = 0; i < e.length; i++) e[i] && (t = toValue(e[i])) && (n && (n += " "), n += t);
+	return n;
+}, createTailwindMerge = (e, ...t) => {
+	let n, i, a, o, s = (s) => (n = createConfigUtils(t.reduce((e, t) => t(e), e())), i = n.cache.get, a = n.cache.set, o = c, c(s)), c = (e) => {
+		let t = i(e);
+		if (t) return t;
+		let o = mergeClassList(e, n);
+		return a(e, o), o;
+	};
+	return o = s, (...e) => o(twJoin(...e));
+}, fallbackThemeArr = [], fromTheme = (e) => {
+	let t = (t) => t[e] || fallbackThemeArr;
+	return t.isThemeGetter = !0, t;
+}, arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i, fractionRegex = /^\d+\/\d+$/, tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, lengthUnitRegex = /\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$/, colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, isFraction = (e) => fractionRegex.test(e), isNumber = (e) => !!e && !Number.isNaN(Number(e)), isInteger = (e) => !!e && Number.isInteger(Number(e)), isPercent = (e) => e.endsWith("%") && isNumber(e.slice(0, -1)), isTshirtSize = (e) => tshirtUnitRegex.test(e), isAny = () => !0, isLengthOnly = (e) => lengthUnitRegex.test(e) && !colorFunctionRegex.test(e), isNever = () => !1, isShadow = (e) => shadowRegex.test(e), isImage = (e) => imageRegex.test(e), isAnyNonArbitrary = (e) => !isArbitraryValue(e) && !isArbitraryVariable(e), isArbitrarySize = (e) => getIsArbitraryValue(e, isLabelSize, isNever), isArbitraryValue = (e) => arbitraryValueRegex.test(e), isArbitraryLength = (e) => getIsArbitraryValue(e, isLabelLength, isLengthOnly), isArbitraryNumber = (e) => getIsArbitraryValue(e, isLabelNumber, isNumber), isArbitraryPosition = (e) => getIsArbitraryValue(e, isLabelPosition, isNever), isArbitraryImage = (e) => getIsArbitraryValue(e, isLabelImage, isImage), isArbitraryShadow = (e) => getIsArbitraryValue(e, isLabelShadow, isShadow), isArbitraryVariable = (e) => arbitraryVariableRegex.test(e), isArbitraryVariableLength = (e) => getIsArbitraryVariable(e, isLabelLength), isArbitraryVariableFamilyName = (e) => getIsArbitraryVariable(e, isLabelFamilyName), isArbitraryVariablePosition = (e) => getIsArbitraryVariable(e, isLabelPosition), isArbitraryVariableSize = (e) => getIsArbitraryVariable(e, isLabelSize), isArbitraryVariableImage = (e) => getIsArbitraryVariable(e, isLabelImage), isArbitraryVariableShadow = (e) => getIsArbitraryVariable(e, isLabelShadow, !0), getIsArbitraryValue = (e, t, n) => {
+	let i = arbitraryValueRegex.exec(e);
+	return i ? i[1] ? t(i[1]) : n(i[2]) : !1;
+}, getIsArbitraryVariable = (e, t, n = !1) => {
+	let i = arbitraryVariableRegex.exec(e);
+	return i ? i[1] ? t(i[1]) : n : !1;
+}, isLabelPosition = (e) => e === "position" || e === "percentage", isLabelImage = (e) => e === "image" || e === "url", isLabelSize = (e) => e === "length" || e === "size" || e === "bg-size", isLabelLength = (e) => e === "length", isLabelNumber = (e) => e === "number", isLabelFamilyName = (e) => e === "family-name", isLabelShadow = (e) => e === "shadow", twMerge = /* @__PURE__ */ createTailwindMerge(() => {
+	let e = fromTheme("color"), t = fromTheme("font"), n = fromTheme("text"), i = fromTheme("font-weight"), a = fromTheme("tracking"), o = fromTheme("leading"), s = fromTheme("breakpoint"), c = fromTheme("container"), l = fromTheme("spacing"), u = fromTheme("radius"), d = fromTheme("shadow"), f = fromTheme("inset-shadow"), p = fromTheme("text-shadow"), m = fromTheme("drop-shadow"), h = fromTheme("blur"), g = fromTheme("perspective"), _ = fromTheme("aspect"), v = fromTheme("ease"), y = fromTheme("animate"), b = () => [
+		"auto",
+		"avoid",
+		"all",
+		"avoid-page",
+		"page",
+		"left",
+		"right",
+		"column"
+	], x = () => [
+		"center",
+		"top",
+		"bottom",
+		"left",
+		"right",
+		"top-left",
+		"left-top",
+		"top-right",
+		"right-top",
+		"bottom-right",
+		"right-bottom",
+		"bottom-left",
+		"left-bottom"
+	], S = () => [
+		...x(),
+		isArbitraryVariable,
+		isArbitraryValue
+	], C = () => [
+		"auto",
+		"hidden",
+		"clip",
+		"visible",
+		"scroll"
+	], w = () => [
+		"auto",
+		"contain",
+		"none"
+	], T = () => [
+		isArbitraryVariable,
+		isArbitraryValue,
+		l
+	], E = () => [
+		isFraction,
+		"full",
+		"auto",
+		...T()
+	], D = () => [
+		isInteger,
+		"none",
+		"subgrid",
+		isArbitraryVariable,
+		isArbitraryValue
+	], O = () => [
+		"auto",
+		{ span: [
+			"full",
+			isInteger,
+			isArbitraryVariable,
+			isArbitraryValue
+		] },
+		isInteger,
+		isArbitraryVariable,
+		isArbitraryValue
+	], k = () => [
+		isInteger,
+		"auto",
+		isArbitraryVariable,
+		isArbitraryValue
+	], A = () => [
+		"auto",
+		"min",
+		"max",
+		"fr",
+		isArbitraryVariable,
+		isArbitraryValue
+	], j = () => [
+		"start",
+		"end",
+		"center",
+		"between",
+		"around",
+		"evenly",
+		"stretch",
+		"baseline",
+		"center-safe",
+		"end-safe"
+	], M = () => [
+		"start",
+		"end",
+		"center",
+		"stretch",
+		"center-safe",
+		"end-safe"
+	], N = () => ["auto", ...T()], P = () => [
+		isFraction,
+		"auto",
+		"full",
+		"dvw",
+		"dvh",
+		"lvw",
+		"lvh",
+		"svw",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...T()
+	], F = () => [
+		e,
+		isArbitraryVariable,
+		isArbitraryValue
+	], I = () => [
+		...x(),
+		isArbitraryVariablePosition,
+		isArbitraryPosition,
+		{ position: [isArbitraryVariable, isArbitraryValue] }
+	], L = () => ["no-repeat", { repeat: [
+		"",
+		"x",
+		"y",
+		"space",
+		"round"
+	] }], R = () => [
+		"auto",
+		"cover",
+		"contain",
+		isArbitraryVariableSize,
+		isArbitrarySize,
+		{ size: [isArbitraryVariable, isArbitraryValue] }
+	], z = () => [
+		isPercent,
+		isArbitraryVariableLength,
+		isArbitraryLength
+	], B = () => [
+		"",
+		"none",
+		"full",
+		u,
+		isArbitraryVariable,
+		isArbitraryValue
+	], V = () => [
+		"",
+		isNumber,
+		isArbitraryVariableLength,
+		isArbitraryLength
+	], H = () => [
+		"solid",
+		"dashed",
+		"dotted",
+		"double"
+	], U = () => [
+		"normal",
+		"multiply",
+		"screen",
+		"overlay",
+		"darken",
+		"lighten",
+		"color-dodge",
+		"color-burn",
+		"hard-light",
+		"soft-light",
+		"difference",
+		"exclusion",
+		"hue",
+		"saturation",
+		"color",
+		"luminosity"
+	], W = () => [
+		isNumber,
+		isPercent,
+		isArbitraryVariablePosition,
+		isArbitraryPosition
+	], G = () => [
+		"",
+		"none",
+		h,
+		isArbitraryVariable,
+		isArbitraryValue
+	], K = () => [
+		"none",
+		isNumber,
+		isArbitraryVariable,
+		isArbitraryValue
+	], q = () => [
+		"none",
+		isNumber,
+		isArbitraryVariable,
+		isArbitraryValue
+	], J = () => [
+		isNumber,
+		isArbitraryVariable,
+		isArbitraryValue
+	], Y = () => [
+		isFraction,
+		"full",
+		...T()
+	];
+	return {
+		cacheSize: 500,
+		theme: {
+			animate: [
+				"spin",
+				"ping",
+				"pulse",
+				"bounce"
+			],
+			aspect: ["video"],
+			blur: [isTshirtSize],
+			breakpoint: [isTshirtSize],
+			color: [isAny],
+			container: [isTshirtSize],
+			"drop-shadow": [isTshirtSize],
+			ease: [
+				"in",
+				"out",
+				"in-out"
+			],
+			font: [isAnyNonArbitrary],
+			"font-weight": [
+				"thin",
+				"extralight",
+				"light",
+				"normal",
+				"medium",
+				"semibold",
+				"bold",
+				"extrabold",
+				"black"
+			],
+			"inset-shadow": [isTshirtSize],
+			leading: [
+				"none",
+				"tight",
+				"snug",
+				"normal",
+				"relaxed",
+				"loose"
+			],
+			perspective: [
+				"dramatic",
+				"near",
+				"normal",
+				"midrange",
+				"distant",
+				"none"
+			],
+			radius: [isTshirtSize],
+			shadow: [isTshirtSize],
+			spacing: ["px", isNumber],
+			text: [isTshirtSize],
+			"text-shadow": [isTshirtSize],
+			tracking: [
+				"tighter",
+				"tight",
+				"normal",
+				"wide",
+				"wider",
+				"widest"
+			]
+		},
+		classGroups: {
+			aspect: [{ aspect: [
+				"auto",
+				"square",
+				isFraction,
+				isArbitraryValue,
+				isArbitraryVariable,
+				_
+			] }],
+			container: ["container"],
+			columns: [{ columns: [
+				isNumber,
+				isArbitraryValue,
+				isArbitraryVariable,
+				c
+			] }],
+			"break-after": [{ "break-after": b() }],
+			"break-before": [{ "break-before": b() }],
+			"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: S() }],
+			overflow: [{ overflow: C() }],
+			"overflow-x": [{ "overflow-x": C() }],
+			"overflow-y": [{ "overflow-y": C() }],
+			overscroll: [{ overscroll: w() }],
+			"overscroll-x": [{ "overscroll-x": w() }],
+			"overscroll-y": [{ "overscroll-y": w() }],
+			position: [
+				"static",
+				"fixed",
+				"absolute",
+				"relative",
+				"sticky"
+			],
+			inset: [{ inset: E() }],
+			"inset-x": [{ "inset-x": E() }],
+			"inset-y": [{ "inset-y": E() }],
+			start: [{ start: E() }],
+			end: [{ end: E() }],
+			top: [{ top: E() }],
+			right: [{ right: E() }],
+			bottom: [{ bottom: E() }],
+			left: [{ left: E() }],
+			visibility: [
+				"visible",
+				"invisible",
+				"collapse"
+			],
+			z: [{ z: [
+				isInteger,
+				"auto",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			basis: [{ basis: [
+				isFraction,
+				"full",
+				"auto",
+				c,
+				...T()
+			] }],
+			"flex-direction": [{ flex: [
+				"row",
+				"row-reverse",
+				"col",
+				"col-reverse"
+			] }],
+			"flex-wrap": [{ flex: [
+				"nowrap",
+				"wrap",
+				"wrap-reverse"
+			] }],
+			flex: [{ flex: [
+				isNumber,
+				isFraction,
+				"auto",
+				"initial",
+				"none",
+				isArbitraryValue
+			] }],
+			grow: [{ grow: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			shrink: [{ shrink: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			order: [{ order: [
+				isInteger,
+				"first",
+				"last",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"grid-cols": [{ "grid-cols": D() }],
+			"col-start-end": [{ col: O() }],
+			"col-start": [{ "col-start": k() }],
+			"col-end": [{ "col-end": k() }],
+			"grid-rows": [{ "grid-rows": D() }],
+			"row-start-end": [{ row: O() }],
+			"row-start": [{ "row-start": k() }],
+			"row-end": [{ "row-end": k() }],
+			"grid-flow": [{ "grid-flow": [
+				"row",
+				"col",
+				"dense",
+				"row-dense",
+				"col-dense"
+			] }],
+			"auto-cols": [{ "auto-cols": A() }],
+			"auto-rows": [{ "auto-rows": A() }],
+			gap: [{ gap: T() }],
+			"gap-x": [{ "gap-x": T() }],
+			"gap-y": [{ "gap-y": T() }],
+			"justify-content": [{ justify: [...j(), "normal"] }],
+			"justify-items": [{ "justify-items": [...M(), "normal"] }],
+			"justify-self": [{ "justify-self": ["auto", ...M()] }],
+			"align-content": [{ content: ["normal", ...j()] }],
+			"align-items": [{ items: [...M(), { baseline: ["", "last"] }] }],
+			"align-self": [{ self: [
+				"auto",
+				...M(),
+				{ baseline: ["", "last"] }
+			] }],
+			"place-content": [{ "place-content": j() }],
+			"place-items": [{ "place-items": [...M(), "baseline"] }],
+			"place-self": [{ "place-self": ["auto", ...M()] }],
+			p: [{ p: T() }],
+			px: [{ px: T() }],
+			py: [{ py: T() }],
+			ps: [{ ps: T() }],
+			pe: [{ pe: T() }],
+			pt: [{ pt: T() }],
+			pr: [{ pr: T() }],
+			pb: [{ pb: T() }],
+			pl: [{ pl: T() }],
+			m: [{ m: N() }],
+			mx: [{ mx: N() }],
+			my: [{ my: N() }],
+			ms: [{ ms: N() }],
+			me: [{ me: N() }],
+			mt: [{ mt: N() }],
+			mr: [{ mr: N() }],
+			mb: [{ mb: N() }],
+			ml: [{ ml: N() }],
+			"space-x": [{ "space-x": T() }],
+			"space-x-reverse": ["space-x-reverse"],
+			"space-y": [{ "space-y": T() }],
+			"space-y-reverse": ["space-y-reverse"],
+			size: [{ size: P() }],
+			w: [{ w: [
+				c,
+				"screen",
+				...P()
+			] }],
+			"min-w": [{ "min-w": [
+				c,
+				"screen",
+				"none",
+				...P()
+			] }],
+			"max-w": [{ "max-w": [
+				c,
+				"screen",
+				"none",
+				"prose",
+				{ screen: [s] },
+				...P()
+			] }],
+			h: [{ h: [
+				"screen",
+				"lh",
+				...P()
+			] }],
+			"min-h": [{ "min-h": [
+				"screen",
+				"lh",
+				"none",
+				...P()
+			] }],
+			"max-h": [{ "max-h": [
+				"screen",
+				"lh",
+				...P()
+			] }],
+			"font-size": [{ text: [
+				"base",
+				n,
+				isArbitraryVariableLength,
+				isArbitraryLength
+			] }],
+			"font-smoothing": ["antialiased", "subpixel-antialiased"],
+			"font-style": ["italic", "not-italic"],
+			"font-weight": [{ font: [
+				i,
+				isArbitraryVariable,
+				isArbitraryNumber
+			] }],
+			"font-stretch": [{ "font-stretch": [
+				"ultra-condensed",
+				"extra-condensed",
+				"condensed",
+				"semi-condensed",
+				"normal",
+				"semi-expanded",
+				"expanded",
+				"extra-expanded",
+				"ultra-expanded",
+				isPercent,
+				isArbitraryValue
+			] }],
+			"font-family": [{ font: [
+				isArbitraryVariableFamilyName,
+				isArbitraryValue,
+				t
+			] }],
+			"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: [
+				a,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"line-clamp": [{ "line-clamp": [
+				isNumber,
+				"none",
+				isArbitraryVariable,
+				isArbitraryNumber
+			] }],
+			leading: [{ leading: [o, ...T()] }],
+			"list-image": [{ "list-image": [
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"list-style-position": [{ list: ["inside", "outside"] }],
+			"list-style-type": [{ list: [
+				"disc",
+				"decimal",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"text-alignment": [{ text: [
+				"left",
+				"center",
+				"right",
+				"justify",
+				"start",
+				"end"
+			] }],
+			"placeholder-color": [{ placeholder: F() }],
+			"text-color": [{ text: F() }],
+			"text-decoration": [
+				"underline",
+				"overline",
+				"line-through",
+				"no-underline"
+			],
+			"text-decoration-style": [{ decoration: [...H(), "wavy"] }],
+			"text-decoration-thickness": [{ decoration: [
+				isNumber,
+				"from-font",
+				"auto",
+				isArbitraryVariable,
+				isArbitraryLength
+			] }],
+			"text-decoration-color": [{ decoration: F() }],
+			"underline-offset": [{ "underline-offset": [
+				isNumber,
+				"auto",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"text-transform": [
+				"uppercase",
+				"lowercase",
+				"capitalize",
+				"normal-case"
+			],
+			"text-overflow": [
+				"truncate",
+				"text-ellipsis",
+				"text-clip"
+			],
+			"text-wrap": [{ text: [
+				"wrap",
+				"nowrap",
+				"balance",
+				"pretty"
+			] }],
+			indent: [{ indent: T() }],
+			"vertical-align": [{ align: [
+				"baseline",
+				"top",
+				"middle",
+				"bottom",
+				"text-top",
+				"text-bottom",
+				"sub",
+				"super",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			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",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"bg-attachment": [{ bg: [
+				"fixed",
+				"local",
+				"scroll"
+			] }],
+			"bg-clip": [{ "bg-clip": [
+				"border",
+				"padding",
+				"content",
+				"text"
+			] }],
+			"bg-origin": [{ "bg-origin": [
+				"border",
+				"padding",
+				"content"
+			] }],
+			"bg-position": [{ bg: I() }],
+			"bg-repeat": [{ bg: L() }],
+			"bg-size": [{ bg: R() }],
+			"bg-image": [{ bg: [
+				"none",
+				{
+					linear: [
+						{ to: [
+							"t",
+							"tr",
+							"r",
+							"br",
+							"b",
+							"bl",
+							"l",
+							"tl"
+						] },
+						isInteger,
+						isArbitraryVariable,
+						isArbitraryValue
+					],
+					radial: [
+						"",
+						isArbitraryVariable,
+						isArbitraryValue
+					],
+					conic: [
+						isInteger,
+						isArbitraryVariable,
+						isArbitraryValue
+					]
+				},
+				isArbitraryVariableImage,
+				isArbitraryImage
+			] }],
+			"bg-color": [{ bg: F() }],
+			"gradient-from-pos": [{ from: z() }],
+			"gradient-via-pos": [{ via: z() }],
+			"gradient-to-pos": [{ to: z() }],
+			"gradient-from": [{ from: F() }],
+			"gradient-via": [{ via: F() }],
+			"gradient-to": [{ to: F() }],
+			rounded: [{ rounded: B() }],
+			"rounded-s": [{ "rounded-s": B() }],
+			"rounded-e": [{ "rounded-e": B() }],
+			"rounded-t": [{ "rounded-t": B() }],
+			"rounded-r": [{ "rounded-r": B() }],
+			"rounded-b": [{ "rounded-b": B() }],
+			"rounded-l": [{ "rounded-l": B() }],
+			"rounded-ss": [{ "rounded-ss": B() }],
+			"rounded-se": [{ "rounded-se": B() }],
+			"rounded-ee": [{ "rounded-ee": B() }],
+			"rounded-es": [{ "rounded-es": B() }],
+			"rounded-tl": [{ "rounded-tl": B() }],
+			"rounded-tr": [{ "rounded-tr": B() }],
+			"rounded-br": [{ "rounded-br": B() }],
+			"rounded-bl": [{ "rounded-bl": B() }],
+			"border-w": [{ border: V() }],
+			"border-w-x": [{ "border-x": V() }],
+			"border-w-y": [{ "border-y": V() }],
+			"border-w-s": [{ "border-s": V() }],
+			"border-w-e": [{ "border-e": V() }],
+			"border-w-t": [{ "border-t": V() }],
+			"border-w-r": [{ "border-r": V() }],
+			"border-w-b": [{ "border-b": V() }],
+			"border-w-l": [{ "border-l": V() }],
+			"divide-x": [{ "divide-x": V() }],
+			"divide-x-reverse": ["divide-x-reverse"],
+			"divide-y": [{ "divide-y": V() }],
+			"divide-y-reverse": ["divide-y-reverse"],
+			"border-style": [{ border: [
+				...H(),
+				"hidden",
+				"none"
+			] }],
+			"divide-style": [{ divide: [
+				...H(),
+				"hidden",
+				"none"
+			] }],
+			"border-color": [{ border: F() }],
+			"border-color-x": [{ "border-x": F() }],
+			"border-color-y": [{ "border-y": F() }],
+			"border-color-s": [{ "border-s": F() }],
+			"border-color-e": [{ "border-e": F() }],
+			"border-color-t": [{ "border-t": F() }],
+			"border-color-r": [{ "border-r": F() }],
+			"border-color-b": [{ "border-b": F() }],
+			"border-color-l": [{ "border-l": F() }],
+			"divide-color": [{ divide: F() }],
+			"outline-style": [{ outline: [
+				...H(),
+				"none",
+				"hidden"
+			] }],
+			"outline-offset": [{ "outline-offset": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"outline-w": [{ outline: [
+				"",
+				isNumber,
+				isArbitraryVariableLength,
+				isArbitraryLength
+			] }],
+			"outline-color": [{ outline: F() }],
+			shadow: [{ shadow: [
+				"",
+				"none",
+				d,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
+			] }],
+			"shadow-color": [{ shadow: F() }],
+			"inset-shadow": [{ "inset-shadow": [
+				"none",
+				f,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
+			] }],
+			"inset-shadow-color": [{ "inset-shadow": F() }],
+			"ring-w": [{ ring: V() }],
+			"ring-w-inset": ["ring-inset"],
+			"ring-color": [{ ring: F() }],
+			"ring-offset-w": [{ "ring-offset": [isNumber, isArbitraryLength] }],
+			"ring-offset-color": [{ "ring-offset": F() }],
+			"inset-ring-w": [{ "inset-ring": V() }],
+			"inset-ring-color": [{ "inset-ring": F() }],
+			"text-shadow": [{ "text-shadow": [
+				"none",
+				p,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
+			] }],
+			"text-shadow-color": [{ "text-shadow": F() }],
+			opacity: [{ opacity: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"mix-blend": [{ "mix-blend": [
+				...U(),
+				"plus-darker",
+				"plus-lighter"
+			] }],
+			"bg-blend": [{ "bg-blend": U() }],
+			"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": [isNumber] }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": W() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": W() }],
+			"mask-image-linear-from-color": [{ "mask-linear-from": F() }],
+			"mask-image-linear-to-color": [{ "mask-linear-to": F() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": W() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": W() }],
+			"mask-image-t-from-color": [{ "mask-t-from": F() }],
+			"mask-image-t-to-color": [{ "mask-t-to": F() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": W() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": W() }],
+			"mask-image-r-from-color": [{ "mask-r-from": F() }],
+			"mask-image-r-to-color": [{ "mask-r-to": F() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": W() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": W() }],
+			"mask-image-b-from-color": [{ "mask-b-from": F() }],
+			"mask-image-b-to-color": [{ "mask-b-to": F() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": W() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": W() }],
+			"mask-image-l-from-color": [{ "mask-l-from": F() }],
+			"mask-image-l-to-color": [{ "mask-l-to": F() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": W() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": W() }],
+			"mask-image-x-from-color": [{ "mask-x-from": F() }],
+			"mask-image-x-to-color": [{ "mask-x-to": F() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": W() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": W() }],
+			"mask-image-y-from-color": [{ "mask-y-from": F() }],
+			"mask-image-y-to-color": [{ "mask-y-to": F() }],
+			"mask-image-radial": [{ "mask-radial": [isArbitraryVariable, isArbitraryValue] }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": W() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": W() }],
+			"mask-image-radial-from-color": [{ "mask-radial-from": F() }],
+			"mask-image-radial-to-color": [{ "mask-radial-to": F() }],
+			"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": x() }],
+			"mask-image-conic-pos": [{ "mask-conic": [isNumber] }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": W() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": W() }],
+			"mask-image-conic-from-color": [{ "mask-conic-from": F() }],
+			"mask-image-conic-to-color": [{ "mask-conic-to": F() }],
+			"mask-mode": [{ mask: [
+				"alpha",
+				"luminance",
+				"match"
+			] }],
+			"mask-origin": [{ "mask-origin": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }],
+			"mask-position": [{ mask: I() }],
+			"mask-repeat": [{ mask: L() }],
+			"mask-size": [{ mask: R() }],
+			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
+			"mask-image": [{ mask: [
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			filter: [{ filter: [
+				"",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			blur: [{ blur: G() }],
+			brightness: [{ brightness: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			contrast: [{ contrast: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"drop-shadow": [{ "drop-shadow": [
+				"",
+				"none",
+				m,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
+			] }],
+			"drop-shadow-color": [{ "drop-shadow": F() }],
+			grayscale: [{ grayscale: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"hue-rotate": [{ "hue-rotate": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			invert: [{ invert: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			saturate: [{ saturate: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			sepia: [{ sepia: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-filter": [{ "backdrop-filter": [
+				"",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-blur": [{ "backdrop-blur": G() }],
+			"backdrop-brightness": [{ "backdrop-brightness": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-contrast": [{ "backdrop-contrast": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-grayscale": [{ "backdrop-grayscale": [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-invert": [{ "backdrop-invert": [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-opacity": [{ "backdrop-opacity": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-saturate": [{ "backdrop-saturate": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"backdrop-sepia": [{ "backdrop-sepia": [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"border-collapse": [{ border: ["collapse", "separate"] }],
+			"border-spacing": [{ "border-spacing": T() }],
+			"border-spacing-x": [{ "border-spacing-x": T() }],
+			"border-spacing-y": [{ "border-spacing-y": T() }],
+			"table-layout": [{ table: ["auto", "fixed"] }],
+			caption: [{ caption: ["top", "bottom"] }],
+			transition: [{ transition: [
+				"",
+				"all",
+				"colors",
+				"opacity",
+				"shadow",
+				"transform",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"transition-behavior": [{ transition: ["normal", "discrete"] }],
+			duration: [{ duration: [
+				isNumber,
+				"initial",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			ease: [{ ease: [
+				"linear",
+				"initial",
+				v,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			delay: [{ delay: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			animate: [{ animate: [
+				"none",
+				y,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			backface: [{ backface: ["hidden", "visible"] }],
+			perspective: [{ perspective: [
+				g,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"perspective-origin": [{ "perspective-origin": S() }],
+			rotate: [{ rotate: K() }],
+			"rotate-x": [{ "rotate-x": K() }],
+			"rotate-y": [{ "rotate-y": K() }],
+			"rotate-z": [{ "rotate-z": K() }],
+			scale: [{ scale: q() }],
+			"scale-x": [{ "scale-x": q() }],
+			"scale-y": [{ "scale-y": q() }],
+			"scale-z": [{ "scale-z": q() }],
+			"scale-3d": ["scale-3d"],
+			skew: [{ skew: J() }],
+			"skew-x": [{ "skew-x": J() }],
+			"skew-y": [{ "skew-y": J() }],
+			transform: [{ transform: [
+				isArbitraryVariable,
+				isArbitraryValue,
+				"",
+				"none",
+				"gpu",
+				"cpu"
+			] }],
+			"transform-origin": [{ origin: S() }],
+			"transform-style": [{ transform: ["3d", "flat"] }],
+			translate: [{ translate: Y() }],
+			"translate-x": [{ "translate-x": Y() }],
+			"translate-y": [{ "translate-y": Y() }],
+			"translate-z": [{ "translate-z": Y() }],
+			"translate-none": ["translate-none"],
+			accent: [{ accent: F() }],
+			appearance: [{ appearance: ["none", "auto"] }],
+			"caret-color": [{ caret: F() }],
+			"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",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
+			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
+			resize: [{ resize: [
+				"none",
+				"",
+				"y",
+				"x"
+			] }],
+			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
+			"scroll-m": [{ "scroll-m": T() }],
+			"scroll-mx": [{ "scroll-mx": T() }],
+			"scroll-my": [{ "scroll-my": T() }],
+			"scroll-ms": [{ "scroll-ms": T() }],
+			"scroll-me": [{ "scroll-me": T() }],
+			"scroll-mt": [{ "scroll-mt": T() }],
+			"scroll-mr": [{ "scroll-mr": T() }],
+			"scroll-mb": [{ "scroll-mb": T() }],
+			"scroll-ml": [{ "scroll-ml": T() }],
+			"scroll-p": [{ "scroll-p": T() }],
+			"scroll-px": [{ "scroll-px": T() }],
+			"scroll-py": [{ "scroll-py": T() }],
+			"scroll-ps": [{ "scroll-ps": T() }],
+			"scroll-pe": [{ "scroll-pe": T() }],
+			"scroll-pt": [{ "scroll-pt": T() }],
+			"scroll-pr": [{ "scroll-pr": T() }],
+			"scroll-pb": [{ "scroll-pb": T() }],
+			"scroll-pl": [{ "scroll-pl": T() }],
+			"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",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			fill: [{ fill: ["none", ...F()] }],
+			"stroke-w": [{ stroke: [
+				isNumber,
+				isArbitraryVariableLength,
+				isArbitraryLength,
+				isArbitraryNumber
+			] }],
+			stroke: [{ stroke: ["none", ...F()] }],
+			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
+		},
+		conflictingClassGroups: {
+			overflow: ["overflow-x", "overflow-y"],
+			overscroll: ["overscroll-x", "overscroll-y"],
+			inset: [
+				"inset-x",
+				"inset-y",
+				"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",
+				"pt",
+				"pr",
+				"pb",
+				"pl"
+			],
+			px: ["pr", "pl"],
+			py: ["pt", "pb"],
+			m: [
+				"mx",
+				"my",
+				"ms",
+				"me",
+				"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-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-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-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-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"] },
+		orderSensitiveModifiers: [
+			"*",
+			"**",
+			"after",
+			"backdrop",
+			"before",
+			"details-content",
+			"file",
+			"first-letter",
+			"first-line",
+			"marker",
+			"placeholder",
+			"selection"
+		]
+	};
+});
+function cn(...e) {
+	return twMerge(clsx(e));
+}
+var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9",
+			"icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className: e, variant: n = "default", size: i = "default", asChild: a = !1, ...o }) {
+	return /* @__PURE__ */ jsx(a ? Slot : "button", {
+		"data-slot": "button",
+		"data-variant": n,
+		"data-size": i,
+		className: cn(buttonVariants({
+			variant: n,
+			size: i,
+			className: e
+		})),
+		...o
+	});
+}
+export { Button, buttonVariants };