@klu_dev/ui-klu-green 1.0.9 → 1.0.10

package/dist/index.js

@@ -1,253 +1,512 @@
-import * as e from "react";
+import * as React from "react";
 //#region \0rolldown/runtime.js
-var t = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), n = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
+	if (typeof require !== "undefined") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
 });
 //#endregion
 //#region node_modules/clsx/dist/clsx.mjs
 function r(e) {
-	var t, n, i = "";
-	if (typeof e == "string" || typeof e == "number") i += e;
-	else if (typeof e == "object") if (Array.isArray(e)) {
-		var a = e.length;
-		for (t = 0; t < a; t++) e[t] && (n = r(e[t])) && (i && (i += " "), i += n);
-	} else for (n in e) e[n] && (i && (i += " "), i += n);
-	return i;
+	var t, f, n = "";
+	if ("string" == typeof e || "number" == typeof e) n += e;
+	else if ("object" == typeof e) if (Array.isArray(e)) {
+		var o = e.length;
+		for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+	} else for (f in e) e[f] && (n && (n += " "), n += f);
+	return n;
 }
-function i() {
-	for (var e, t, n = 0, i = "", a = arguments.length; n < a; n++) (e = arguments[n]) && (t = r(e)) && (i && (i += " "), i += t);
-	return i;
+function clsx() {
+	for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+	return n;
 }
 //#endregion
 //#region node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var a = (e, t) => {
-	let n = Array(e.length + t.length);
-	for (let t = 0; t < e.length; t++) n[t] = e[t];
-	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
-	return n;
-}, o = (e, t) => ({
-	classGroupId: e,
-	validator: t
-}), s = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
-	nextPart: e,
-	validators: t,
-	classGroupId: n
-}), c = "-", l = [], u = "arbitrary..", ee = (e) => {
-	let t = p(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
-	return {
-		getClassGroupId: (e) => {
-			if (e.startsWith("[") && e.endsWith("]")) return f(e);
-			let n = e.split(c);
-			return d(n, +(n[0] === "" && n.length > 1), t);
-		},
-		getConflictingClassGroupIds: (e, t) => {
-			if (t) {
-				let t = r[e], i = n[e];
-				return t ? i ? a(i, t) : t : i || l;
+/**
+* Concatenates two arrays faster than the array spread operator.
+*/
+var concatArrays = (array1, array2) => {
+	const combinedArray = new Array(array1.length + array2.length);
+	for (let i = 0; i < array1.length; i++) combinedArray[i] = array1[i];
+	for (let i = 0; i < array2.length; i++) combinedArray[array1.length + i] = array2[i];
+	return combinedArray;
+};
+var createClassValidatorObject = (classGroupId, validator) => ({
+	classGroupId,
+	validator
+});
+var createClassPartObject = (nextPart = /* @__PURE__ */ new Map(), validators = null, classGroupId) => ({
+	nextPart,
+	validators,
+	classGroupId
+});
+var CLASS_PART_SEPARATOR = "-";
+var EMPTY_CONFLICTS = [];
+var ARBITRARY_PROPERTY_PREFIX = "arbitrary..";
+var createClassGroupUtils = (config) => {
+	const classMap = createClassMap(config);
+	const { conflictingClassGroups, conflictingClassGroupModifiers } = config;
+	const getClassGroupId = (className) => {
+		if (className.startsWith("[") && className.endsWith("]")) return getGroupIdForArbitraryProperty(className);
+		const classParts = className.split(CLASS_PART_SEPARATOR);
+		return getGroupRecursive(classParts, classParts[0] === "" && classParts.length > 1 ? 1 : 0, classMap);
+	};
+	const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
+		if (hasPostfixModifier) {
+			const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
+			const baseConflicts = conflictingClassGroups[classGroupId];
+			if (modifierConflicts) {
+				if (baseConflicts) return concatArrays(baseConflicts, modifierConflicts);
+				return modifierConflicts;
 			}
-			return n[e] || l;
+			return baseConflicts || EMPTY_CONFLICTS;
 		}
+		return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
+	};
+	return {
+		getClassGroupId,
+		getConflictingClassGroupIds
 	};
-}, 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 = d(e, t + 1, i);
-		if (n) return n;
+};
+var getGroupRecursive = (classParts, startIndex, classPartObject) => {
+	if (classParts.length - startIndex === 0) return classPartObject.classGroupId;
+	const currentClassPart = classParts[startIndex];
+	const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
+	if (nextClassPartObject) {
+		const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
+		if (result) return result;
 	}
-	let a = n.validators;
-	if (a === null) return;
-	let o = t === 0 ? e.join(c) : e.slice(t).join(c), s = a.length;
-	for (let e = 0; e < s; e++) {
-		let t = a[e];
-		if (t.validator(o)) return t.classGroupId;
+	const validators = classPartObject.validators;
+	if (validators === null) return;
+	const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);
+	const validatorsLength = validators.length;
+	for (let i = 0; i < validatorsLength; i++) {
+		const validatorObj = validators[i];
+		if (validatorObj.validator(classRest)) return validatorObj.classGroupId;
 	}
-}, f = (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 ? u + r : void 0;
-})(), p = (e) => {
-	let { theme: t, classGroups: n } = e;
-	return m(n, t);
-}, m = (e, t) => {
-	let n = s();
-	for (let r in e) {
-		let i = e[r];
-		h(i, n, r, t);
+};
+/**
+* Get the class group ID for an arbitrary property.
+*
+* @param className - The class name to get the group ID for. Is expected to be string starting with `[` and ending with `]`.
+*/
+var getGroupIdForArbitraryProperty = (className) => className.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+	const content = className.slice(1, -1);
+	const colonIndex = content.indexOf(":");
+	const property = content.slice(0, colonIndex);
+	return property ? ARBITRARY_PROPERTY_PREFIX + property : void 0;
+})();
+/**
+* Exported for testing only
+*/
+var createClassMap = (config) => {
+	const { theme, classGroups } = config;
+	return processClassGroups(classGroups, theme);
+};
+var processClassGroups = (classGroups, theme) => {
+	const classMap = createClassPartObject();
+	for (const classGroupId in classGroups) {
+		const group = classGroups[classGroupId];
+		processClassesRecursively(group, classMap, classGroupId, theme);
 	}
-	return n;
-}, h = (e, t, n, r) => {
-	let i = e.length;
-	for (let a = 0; a < i; a++) {
-		let i = e[a];
-		g(i, t, n, r);
+	return classMap;
+};
+var processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
+	const len = classGroup.length;
+	for (let i = 0; i < len; i++) {
+		const classDefinition = classGroup[i];
+		processClassDefinition(classDefinition, classPartObject, classGroupId, theme);
 	}
-}, g = (e, t, n, r) => {
-	if (typeof e == "string") {
-		_(e, t, n);
+};
+var processClassDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
+	if (typeof classDefinition === "string") {
+		processStringDefinition(classDefinition, classPartObject, classGroupId);
 		return;
 	}
-	if (typeof e == "function") {
-		v(e, t, n, r);
+	if (typeof classDefinition === "function") {
+		processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme);
 		return;
 	}
-	y(e, t, n, r);
-}, _ = (e, t, n) => {
-	let r = e === "" ? t : b(t, e);
-	r.classGroupId = n;
-}, v = (e, t, n, r) => {
-	if (x(e)) {
-		h(e(r), t, n, r);
+	processObjectDefinition(classDefinition, classPartObject, classGroupId, theme);
+};
+var processStringDefinition = (classDefinition, classPartObject, classGroupId) => {
+	const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
+	classPartObjectToEdit.classGroupId = classGroupId;
+};
+var processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
+	if (isThemeGetter(classDefinition)) {
+		processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
 		return;
 	}
-	t.validators === null && (t.validators = []), t.validators.push(o(n, e));
-}, y = (e, t, n, r) => {
-	let i = Object.entries(e), a = i.length;
-	for (let e = 0; e < a; e++) {
-		let [a, o] = i[e];
-		h(o, b(t, a), n, r);
+	if (classPartObject.validators === null) classPartObject.validators = [];
+	classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));
+};
+var processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
+	const entries = Object.entries(classDefinition);
+	const len = entries.length;
+	for (let i = 0; i < len; i++) {
+		const [key, value] = entries[i];
+		processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme);
 	}
-}, b = (e, t) => {
-	let n = e, r = t.split(c), i = r.length;
-	for (let e = 0; e < i; e++) {
-		let t = r[e], i = n.nextPart.get(t);
-		i || (i = s(), n.nextPart.set(t, i)), n = i;
+};
+var getPart = (classPartObject, path) => {
+	let current = classPartObject;
+	const parts = path.split(CLASS_PART_SEPARATOR);
+	const len = parts.length;
+	for (let i = 0; i < len; i++) {
+		const part = parts[i];
+		let next = current.nextPart.get(part);
+		if (!next) {
+			next = createClassPartObject();
+			current.nextPart.set(part, next);
+		}
+		current = next;
 	}
-	return n;
-}, x = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, S = (e) => {
-	if (e < 1) return {
+	return current;
+};
+var isThemeGetter = (func) => "isThemeGetter" in func && func.isThemeGetter === true;
+var createLruCache = (maxCacheSize) => {
+	if (maxCacheSize < 1) return {
 		get: () => void 0,
 		set: () => {}
 	};
-	let t = 0, n = Object.create(null), r = Object.create(null), i = (i, a) => {
-		n[i] = a, t++, t > e && (t = 0, r = n, n = Object.create(null));
+	let cacheSize = 0;
+	let cache = Object.create(null);
+	let previousCache = Object.create(null);
+	const update = (key, value) => {
+		cache[key] = value;
+		cacheSize++;
+		if (cacheSize > maxCacheSize) {
+			cacheSize = 0;
+			previousCache = cache;
+			cache = Object.create(null);
+		}
 	};
 	return {
-		get(e) {
-			let t = n[e];
-			if (t !== void 0) return t;
-			if ((t = r[e]) !== void 0) return i(e, t), t;
+		get(key) {
+			let value = cache[key];
+			if (value !== void 0) return value;
+			if ((value = previousCache[key]) !== void 0) {
+				update(key, value);
+				return value;
+			}
 		},
-		set(e, t) {
-			e in n ? n[e] = t : i(e, t);
+		set(key, value) {
+			if (key in cache) cache[key] = value;
+			else update(key, value);
 		}
 	};
-}, C = "!", w = ":", te = [], T = (e, t, n, r, i) => ({
-	modifiers: e,
-	hasImportantModifier: t,
-	baseClassName: n,
-	maybePostfixModifierPosition: r,
-	isExternal: i
-}), E = (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 === w) {
-					t.push(e.slice(i, s)), i = s + 1;
+};
+var IMPORTANT_MODIFIER = "!";
+var MODIFIER_SEPARATOR = ":";
+var EMPTY_MODIFIERS = [];
+var createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({
+	modifiers,
+	hasImportantModifier,
+	baseClassName,
+	maybePostfixModifierPosition,
+	isExternal
+});
+var createParseClassName = (config) => {
+	const { prefix, experimentalParseClassName } = config;
+	/**
+	* Parse class name into parts.
+	*
+	* Inspired by `splitAtTopLevelOnly` used in Tailwind CSS
+	* @see https://github.com/tailwindlabs/tailwindcss/blob/v3.2.2/src/util/splitAtTopLevelOnly.js
+	*/
+	let parseClassName = (className) => {
+		const modifiers = [];
+		let bracketDepth = 0;
+		let parenDepth = 0;
+		let modifierStart = 0;
+		let postfixModifierPosition;
+		const len = className.length;
+		for (let index = 0; index < len; index++) {
+			const currentCharacter = className[index];
+			if (bracketDepth === 0 && parenDepth === 0) {
+				if (currentCharacter === MODIFIER_SEPARATOR) {
+					modifiers.push(className.slice(modifierStart, index));
+					modifierStart = index + 1;
 					continue;
 				}
-				if (o === "/") {
-					a = s;
+				if (currentCharacter === "/") {
+					postfixModifierPosition = index;
 					continue;
 				}
 			}
-			o === "[" ? n++ : o === "]" ? n-- : o === "(" ? r++ : o === ")" && r--;
+			if (currentCharacter === "[") bracketDepth++;
+			else if (currentCharacter === "]") bracketDepth--;
+			else if (currentCharacter === "(") parenDepth++;
+			else if (currentCharacter === ")") parenDepth--;
 		}
-		let s = t.length === 0 ? e : e.slice(i), c = s, l = !1;
-		s.endsWith(C) ? (c = s.slice(0, -1), l = !0) : s.startsWith(C) && (c = s.slice(1), l = !0);
-		let u = a && a > i ? a - i : void 0;
-		return T(t, l, c, u);
+		const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.slice(modifierStart);
+		let baseClassName = baseClassNameWithImportantModifier;
+		let hasImportantModifier = false;
+		if (baseClassNameWithImportantModifier.endsWith(IMPORTANT_MODIFIER)) {
+			baseClassName = baseClassNameWithImportantModifier.slice(0, -1);
+			hasImportantModifier = true;
+		} else if (baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER)) {
+			baseClassName = baseClassNameWithImportantModifier.slice(1);
+			hasImportantModifier = true;
+		}
+		const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
+		return createResultObject(modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition);
 	};
-	if (t) {
-		let e = t + w, n = r;
-		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : T(te, !1, t, void 0, !0);
+	if (prefix) {
+		const fullPrefix = prefix + MODIFIER_SEPARATOR;
+		const parseClassNameOriginal = parseClassName;
+		parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className, void 0, true);
 	}
-	if (n) {
-		let e = r;
-		r = (t) => n({
-			className: t,
-			parseClassName: e
+	if (experimentalParseClassName) {
+		const parseClassNameOriginal = parseClassName;
+		parseClassName = (className) => experimentalParseClassName({
+			className,
+			parseClassName: parseClassNameOriginal
 		});
 	}
-	return r;
-}, ne = (e) => {
-	let t = /* @__PURE__ */ new Map();
-	return e.orderSensitiveModifiers.forEach((e, n) => {
-		t.set(e, 1e6 + n);
-	}), (e) => {
-		let n = [], r = [];
-		for (let i = 0; i < e.length; i++) {
-			let a = e[i], o = a[0] === "[", s = t.has(a);
-			o || s ? (r.length > 0 && (r.sort(), n.push(...r), r = []), n.push(a)) : r.push(a);
+	return parseClassName;
+};
+/**
+* Sorts modifiers according to following schema:
+* - Predefined modifiers are sorted alphabetically
+* - When an arbitrary variant appears, it must be preserved which modifiers are before and after it
+*/
+var createSortModifiers = (config) => {
+	const modifierWeights = /* @__PURE__ */ new Map();
+	config.orderSensitiveModifiers.forEach((mod, index) => {
+		modifierWeights.set(mod, 1e6 + index);
+	});
+	return (modifiers) => {
+		const result = [];
+		let currentSegment = [];
+		for (let i = 0; i < modifiers.length; i++) {
+			const modifier = modifiers[i];
+			const isArbitrary = modifier[0] === "[";
+			const isOrderSensitive = modifierWeights.has(modifier);
+			if (isArbitrary || isOrderSensitive) {
+				if (currentSegment.length > 0) {
+					currentSegment.sort();
+					result.push(...currentSegment);
+					currentSegment = [];
+				}
+				result.push(modifier);
+			} else currentSegment.push(modifier);
+		}
+		if (currentSegment.length > 0) {
+			currentSegment.sort();
+			result.push(...currentSegment);
 		}
-		return r.length > 0 && (r.sort(), n.push(...r)), n;
+		return result;
 	};
-}, D = (e) => ({
-	cache: S(e.cacheSize),
-	parseClassName: E(e),
-	sortModifiers: ne(e),
-	...ee(e)
-}), O = /\s+/, k = (e, t) => {
-	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a } = t, o = [], s = e.trim().split(O), c = "";
-	for (let e = s.length - 1; e >= 0; --e) {
-		let t = s[e], { isExternal: l, modifiers: u, hasImportantModifier: ee, baseClassName: d, maybePostfixModifierPosition: f } = n(t);
-		if (l) {
-			c = t + (c.length > 0 ? " " + c : c);
+};
+var createConfigUtils = (config) => ({
+	cache: createLruCache(config.cacheSize),
+	parseClassName: createParseClassName(config),
+	sortModifiers: createSortModifiers(config),
+	...createClassGroupUtils(config)
+});
+var SPLIT_CLASSES_REGEX = /\s+/;
+var mergeClassList = (classList, configUtils) => {
+	const { parseClassName, getClassGroupId, getConflictingClassGroupIds, sortModifiers } = configUtils;
+	/**
+	* Set of classGroupIds in following format:
+	* `{importantModifier}{variantModifiers}{classGroupId}`
+	* @example 'float'
+	* @example 'hover:focus:bg-color'
+	* @example 'md:!pr'
+	*/
+	const classGroupsInConflict = [];
+	const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
+	let result = "";
+	for (let index = classNames.length - 1; index >= 0; index -= 1) {
+		const originalClassName = classNames[index];
+		const { isExternal, modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition } = parseClassName(originalClassName);
+		if (isExternal) {
+			result = originalClassName + (result.length > 0 ? " " + result : result);
 			continue;
 		}
-		let p = !!f, m = r(p ? d.substring(0, f) : d);
-		if (!m) {
-			if (!p) {
-				c = t + (c.length > 0 ? " " + c : c);
+		let hasPostfixModifier = !!maybePostfixModifierPosition;
+		let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
+		if (!classGroupId) {
+			if (!hasPostfixModifier) {
+				result = originalClassName + (result.length > 0 ? " " + result : result);
 				continue;
 			}
-			if (m = r(d), !m) {
-				c = t + (c.length > 0 ? " " + c : c);
+			classGroupId = getClassGroupId(baseClassName);
+			if (!classGroupId) {
+				result = originalClassName + (result.length > 0 ? " " + result : result);
 				continue;
 			}
-			p = !1;
+			hasPostfixModifier = false;
 		}
-		let h = u.length === 0 ? "" : u.length === 1 ? u[0] : a(u).join(":"), g = ee ? h + C : h, _ = g + m;
-		if (o.indexOf(_) > -1) continue;
-		o.push(_);
-		let v = i(m, p);
-		for (let e = 0; e < v.length; ++e) {
-			let t = v[e];
-			o.push(g + t);
+		const variantModifier = modifiers.length === 0 ? "" : modifiers.length === 1 ? modifiers[0] : sortModifiers(modifiers).join(":");
+		const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
+		const classId = modifierId + classGroupId;
+		if (classGroupsInConflict.indexOf(classId) > -1) continue;
+		classGroupsInConflict.push(classId);
+		const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
+		for (let i = 0; i < conflictGroups.length; ++i) {
+			const group = conflictGroups[i];
+			classGroupsInConflict.push(modifierId + group);
 		}
-		c = t + (c.length > 0 ? " " + c : c);
+		result = originalClassName + (result.length > 0 ? " " + result : result);
 	}
-	return c;
-}, A = (...e) => {
-	let t = 0, n, r, i = "";
-	for (; t < e.length;) (n = e[t++]) && (r = j(n)) && (i && (i += " "), i += r);
-	return i;
-}, j = (e) => {
-	if (typeof e == "string") return e;
-	let t, n = "";
-	for (let r = 0; r < e.length; r++) e[r] && (t = j(e[r])) && (n && (n += " "), n += t);
-	return n;
-}, M = (e, ...t) => {
-	let n, r, i, a, o = (o) => (n = D(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 = k(e, n);
-		return i(e, a), a;
+	return result;
+};
+/**
+* The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better.
+*
+* Specifically:
+* - Runtime code from https://github.com/lukeed/clsx/blob/v1.2.1/src/index.js
+* - TypeScript types from https://github.com/lukeed/clsx/blob/v1.2.1/clsx.d.ts
+*
+* Original code has MIT license: Copyright (c) Luke Edwards <luke.edwards05@gmail.com> (lukeed.com)
+*/
+var twJoin = (...classLists) => {
+	let index = 0;
+	let argument;
+	let resolvedValue;
+	let string = "";
+	while (index < classLists.length) if (argument = classLists[index++]) {
+		if (resolvedValue = toValue(argument)) {
+			string && (string += " ");
+			string += resolvedValue;
+		}
+	}
+	return string;
+};
+var toValue = (mix) => {
+	if (typeof mix === "string") return mix;
+	let resolvedValue;
+	let string = "";
+	for (let k = 0; k < mix.length; k++) if (mix[k]) {
+		if (resolvedValue = toValue(mix[k])) {
+			string && (string += " ");
+			string += resolvedValue;
+		}
+	}
+	return string;
+};
+var createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
+	let configUtils;
+	let cacheGet;
+	let cacheSet;
+	let functionToCall;
+	const initTailwindMerge = (classList) => {
+		configUtils = createConfigUtils(createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst()));
+		cacheGet = configUtils.cache.get;
+		cacheSet = configUtils.cache.set;
+		functionToCall = tailwindMerge;
+		return tailwindMerge(classList);
+	};
+	const tailwindMerge = (classList) => {
+		const cachedResult = cacheGet(classList);
+		if (cachedResult) return cachedResult;
+		const result = mergeClassList(classList, configUtils);
+		cacheSet(classList, result);
+		return result;
 	};
-	return a = o, (...e) => a(A(...e));
-}, N = [], P = (e) => {
-	let t = (t) => t[e] || N;
-	return t.isThemeGetter = !0, t;
-}, F = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, re = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ie = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, ae = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, I = /\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$/, L = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, R = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, oe = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, z = (e) => ie.test(e), B = (e) => !!e && !Number.isNaN(Number(e)), V = (e) => !!e && Number.isInteger(Number(e)), se = (e) => e.endsWith("%") && B(e.slice(0, -1)), H = (e) => ae.test(e), ce = () => !0, U = (e) => I.test(e) && !L.test(e), W = () => !1, G = (e) => R.test(e), K = (e) => oe.test(e), le = (e) => !q(e) && !Y(e), ue = (e) => Z(e, Te, W), q = (e) => F.test(e), J = (e) => Z(e, Ee, U), de = (e) => Z(e, De, B), fe = (e) => Z(e, ke, ce), pe = (e) => Z(e, Oe, W), me = (e) => Z(e, Ce, W), he = (e) => Z(e, we, K), ge = (e) => Z(e, Ae, G), Y = (e) => re.test(e), X = (e) => Q(e, Ee), _e = (e) => Q(e, Oe), ve = (e) => Q(e, Ce), ye = (e) => Q(e, Te), be = (e) => Q(e, we), xe = (e) => Q(e, Ae, !0), Se = (e) => Q(e, ke, !0), Z = (e, t, n) => {
-	let r = F.exec(e);
-	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
-}, Q = (e, t, n = !1) => {
-	let r = re.exec(e);
-	return r ? r[1] ? t(r[1]) : n : !1;
-}, Ce = (e) => e === "position" || e === "percentage", we = (e) => e === "image" || e === "url", Te = (e) => e === "length" || e === "size" || e === "bg-size", Ee = (e) => e === "length", De = (e) => e === "number", Oe = (e) => e === "family-name", ke = (e) => e === "number" || e === "weight", Ae = (e) => e === "shadow", je = /* @__PURE__ */ M(() => {
-	let e = P("color"), t = P("font"), n = P("text"), r = P("font-weight"), i = P("tracking"), a = P("leading"), o = P("breakpoint"), s = P("container"), c = P("spacing"), l = P("radius"), u = P("shadow"), ee = P("inset-shadow"), d = P("text-shadow"), f = P("drop-shadow"), p = P("blur"), m = P("perspective"), h = P("aspect"), g = P("ease"), _ = P("animate"), v = () => [
+	functionToCall = initTailwindMerge;
+	return (...args) => functionToCall(twJoin(...args));
+};
+var fallbackThemeArr = [];
+var fromTheme = (key) => {
+	const themeGetter = (theme) => theme[key] || fallbackThemeArr;
+	themeGetter.isThemeGetter = true;
+	return themeGetter;
+};
+var arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i;
+var arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i;
+var fractionRegex = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/;
+var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
+var 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$/;
+var colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/;
+var shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+var imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
+var isFraction = (value) => fractionRegex.test(value);
+var isNumber = (value) => !!value && !Number.isNaN(Number(value));
+var isInteger = (value) => !!value && Number.isInteger(Number(value));
+var isPercent = (value) => value.endsWith("%") && isNumber(value.slice(0, -1));
+var isTshirtSize = (value) => tshirtUnitRegex.test(value);
+var isAny = () => true;
+var isLengthOnly = (value) => lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
+var isNever = () => false;
+var isShadow = (value) => shadowRegex.test(value);
+var isImage = (value) => imageRegex.test(value);
+var isAnyNonArbitrary = (value) => !isArbitraryValue(value) && !isArbitraryVariable(value);
+var isArbitrarySize = (value) => getIsArbitraryValue(value, isLabelSize, isNever);
+var isArbitraryValue = (value) => arbitraryValueRegex.test(value);
+var isArbitraryLength = (value) => getIsArbitraryValue(value, isLabelLength, isLengthOnly);
+var isArbitraryNumber = (value) => getIsArbitraryValue(value, isLabelNumber, isNumber);
+var isArbitraryWeight = (value) => getIsArbitraryValue(value, isLabelWeight, isAny);
+var isArbitraryFamilyName = (value) => getIsArbitraryValue(value, isLabelFamilyName, isNever);
+var isArbitraryPosition = (value) => getIsArbitraryValue(value, isLabelPosition, isNever);
+var isArbitraryImage = (value) => getIsArbitraryValue(value, isLabelImage, isImage);
+var isArbitraryShadow = (value) => getIsArbitraryValue(value, isLabelShadow, isShadow);
+var isArbitraryVariable = (value) => arbitraryVariableRegex.test(value);
+var isArbitraryVariableLength = (value) => getIsArbitraryVariable(value, isLabelLength);
+var isArbitraryVariableFamilyName = (value) => getIsArbitraryVariable(value, isLabelFamilyName);
+var isArbitraryVariablePosition = (value) => getIsArbitraryVariable(value, isLabelPosition);
+var isArbitraryVariableSize = (value) => getIsArbitraryVariable(value, isLabelSize);
+var isArbitraryVariableImage = (value) => getIsArbitraryVariable(value, isLabelImage);
+var isArbitraryVariableShadow = (value) => getIsArbitraryVariable(value, isLabelShadow, true);
+var isArbitraryVariableWeight = (value) => getIsArbitraryVariable(value, isLabelWeight, true);
+var getIsArbitraryValue = (value, testLabel, testValue) => {
+	const result = arbitraryValueRegex.exec(value);
+	if (result) {
+		if (result[1]) return testLabel(result[1]);
+		return testValue(result[2]);
+	}
+	return false;
+};
+var getIsArbitraryVariable = (value, testLabel, shouldMatchNoLabel = false) => {
+	const result = arbitraryVariableRegex.exec(value);
+	if (result) {
+		if (result[1]) return testLabel(result[1]);
+		return shouldMatchNoLabel;
+	}
+	return false;
+};
+var isLabelPosition = (label) => label === "position" || label === "percentage";
+var isLabelImage = (label) => label === "image" || label === "url";
+var isLabelSize = (label) => label === "length" || label === "size" || label === "bg-size";
+var isLabelLength = (label) => label === "length";
+var isLabelNumber = (label) => label === "number";
+var isLabelFamilyName = (label) => label === "family-name";
+var isLabelWeight = (label) => label === "number" || label === "weight";
+var isLabelShadow = (label) => label === "shadow";
+var getDefaultConfig = () => {
+	/**
+	* Theme getters for theme variable namespaces
+	* @see https://tailwindcss.com/docs/theme#theme-variable-namespaces
+	*/
+	const themeColor = fromTheme("color");
+	const themeFont = fromTheme("font");
+	const themeText = fromTheme("text");
+	const themeFontWeight = fromTheme("font-weight");
+	const themeTracking = fromTheme("tracking");
+	const themeLeading = fromTheme("leading");
+	const themeBreakpoint = fromTheme("breakpoint");
+	const themeContainer = fromTheme("container");
+	const themeSpacing = fromTheme("spacing");
+	const themeRadius = fromTheme("radius");
+	const themeShadow = fromTheme("shadow");
+	const themeInsetShadow = fromTheme("inset-shadow");
+	const themeTextShadow = fromTheme("text-shadow");
+	const themeDropShadow = fromTheme("drop-shadow");
+	const themeBlur = fromTheme("blur");
+	const themePerspective = fromTheme("perspective");
+	const themeAspect = fromTheme("aspect");
+	const themeEase = fromTheme("ease");
+	const themeAnimate = fromTheme("animate");
+	/**
+	* Helpers to avoid repeating the same scales
+	*
+	* We use functions that create a new array every time they're called instead of static arrays.
+	* This ensures that users who modify any scale by mutating the array (e.g. with `array.push(element)`) don't accidentally mutate arrays in other parts of the config.
+	*/
+	const scaleBreak = () => [
 		"auto",
 		"avoid",
 		"all",
@@ -256,7 +515,8 @@ var a = (e, t) => {
 		"left",
 		"right",
 		"column"
-	], y = () => [
+	];
+	const scalePosition = () => [
 		"center",
 		"top",
 		"bottom",
@@ -270,59 +530,69 @@ var a = (e, t) => {
 		"right-bottom",
 		"bottom-left",
 		"left-bottom"
-	], b = () => [
-		...y(),
-		Y,
-		q
-	], x = () => [
+	];
+	const scalePositionWithArbitrary = () => [
+		...scalePosition(),
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleOverflow = () => [
 		"auto",
 		"hidden",
 		"clip",
 		"visible",
 		"scroll"
-	], S = () => [
+	];
+	const scaleOverscroll = () => [
 		"auto",
 		"contain",
 		"none"
-	], C = () => [
-		Y,
-		q,
-		c
-	], w = () => [
-		z,
+	];
+	const scaleUnambiguousSpacing = () => [
+		isArbitraryVariable,
+		isArbitraryValue,
+		themeSpacing
+	];
+	const scaleInset = () => [
+		isFraction,
 		"full",
 		"auto",
-		...C()
-	], te = () => [
-		V,
+		...scaleUnambiguousSpacing()
+	];
+	const scaleGridTemplateColsRows = () => [
+		isInteger,
 		"none",
 		"subgrid",
-		Y,
-		q
-	], T = () => [
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleGridColRowStartAndEnd = () => [
 		"auto",
 		{ span: [
 			"full",
-			V,
-			Y,
-			q
+			isInteger,
+			isArbitraryVariable,
+			isArbitraryValue
 		] },
-		V,
-		Y,
-		q
-	], E = () => [
-		V,
+		isInteger,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleGridColRowStartOrEnd = () => [
+		isInteger,
 		"auto",
-		Y,
-		q
-	], ne = () => [
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleGridAutoColsRows = () => [
 		"auto",
 		"min",
 		"max",
 		"fr",
-		Y,
-		q
-	], D = () => [
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleAlignPrimaryAxis = () => [
 		"start",
 		"end",
 		"center",
@@ -333,15 +603,18 @@ var a = (e, t) => {
 		"baseline",
 		"center-safe",
 		"end-safe"
-	], O = () => [
+	];
+	const scaleAlignSecondaryAxis = () => [
 		"start",
 		"end",
 		"center",
 		"stretch",
 		"center-safe",
 		"end-safe"
-	], k = () => ["auto", ...C()], A = () => [
-		z,
+	];
+	const scaleMargin = () => ["auto", ...scaleUnambiguousSpacing()];
+	const scaleSizing = () => [
+		isFraction,
 		"auto",
 		"full",
 		"dvw",
@@ -353,9 +626,10 @@ var a = (e, t) => {
 		"min",
 		"max",
 		"fit",
-		...C()
-	], j = () => [
-		z,
+		...scaleUnambiguousSpacing()
+	];
+	const scaleSizingInline = () => [
+		isFraction,
 		"screen",
 		"full",
 		"dvw",
@@ -364,9 +638,10 @@ var a = (e, t) => {
 		"min",
 		"max",
 		"fit",
-		...C()
-	], M = () => [
-		z,
+		...scaleUnambiguousSpacing()
+	];
+	const scaleSizingBlock = () => [
+		isFraction,
 		"screen",
 		"full",
 		"lh",
@@ -376,51 +651,60 @@ var a = (e, t) => {
 		"min",
 		"max",
 		"fit",
-		...C()
-	], N = () => [
-		e,
-		Y,
-		q
-	], F = () => [
-		...y(),
-		ve,
-		me,
-		{ position: [Y, q] }
-	], re = () => ["no-repeat", { repeat: [
+		...scaleUnambiguousSpacing()
+	];
+	const scaleColor = () => [
+		themeColor,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleBgPosition = () => [
+		...scalePosition(),
+		isArbitraryVariablePosition,
+		isArbitraryPosition,
+		{ position: [isArbitraryVariable, isArbitraryValue] }
+	];
+	const scaleBgRepeat = () => ["no-repeat", { repeat: [
 		"",
 		"x",
 		"y",
 		"space",
 		"round"
-	] }], ie = () => [
+	] }];
+	const scaleBgSize = () => [
 		"auto",
 		"cover",
 		"contain",
-		ye,
-		ue,
-		{ size: [Y, q] }
-	], ae = () => [
-		se,
-		X,
-		J
-	], I = () => [
+		isArbitraryVariableSize,
+		isArbitrarySize,
+		{ size: [isArbitraryVariable, isArbitraryValue] }
+	];
+	const scaleGradientStopPosition = () => [
+		isPercent,
+		isArbitraryVariableLength,
+		isArbitraryLength
+	];
+	const scaleRadius = () => [
 		"",
 		"none",
 		"full",
-		l,
-		Y,
-		q
-	], L = () => [
+		themeRadius,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleBorderWidth = () => [
 		"",
-		B,
-		X,
-		J
-	], R = () => [
+		isNumber,
+		isArbitraryVariableLength,
+		isArbitraryLength
+	];
+	const scaleLineStyle = () => [
 		"solid",
 		"dashed",
 		"dotted",
 		"double"
-	], oe = () => [
+	];
+	const scaleBlendMode = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -437,35 +721,41 @@ var a = (e, t) => {
 		"saturation",
 		"color",
 		"luminosity"
-	], U = () => [
-		B,
-		se,
-		ve,
-		me
-	], W = () => [
+	];
+	const scaleMaskImagePosition = () => [
+		isNumber,
+		isPercent,
+		isArbitraryVariablePosition,
+		isArbitraryPosition
+	];
+	const scaleBlur = () => [
 		"",
 		"none",
-		p,
-		Y,
-		q
-	], G = () => [
+		themeBlur,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleRotate = () => [
 		"none",
-		B,
-		Y,
-		q
-	], K = () => [
+		isNumber,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleScale = () => [
 		"none",
-		B,
-		Y,
-		q
-	], Z = () => [
-		B,
-		Y,
-		q
-	], Q = () => [
-		z,
+		isNumber,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleSkew = () => [
+		isNumber,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleTranslate = () => [
+		isFraction,
 		"full",
-		...C()
+		...scaleUnambiguousSpacing()
 	];
 	return {
 		cacheSize: 500,
@@ -477,17 +767,17 @@ var a = (e, t) => {
 				"bounce"
 			],
 			aspect: ["video"],
-			blur: [H],
-			breakpoint: [H],
-			color: [ce],
-			container: [H],
-			"drop-shadow": [H],
+			blur: [isTshirtSize],
+			breakpoint: [isTshirtSize],
+			color: [isAny],
+			container: [isTshirtSize],
+			"drop-shadow": [isTshirtSize],
 			ease: [
 				"in",
 				"out",
 				"in-out"
 			],
-			font: [le],
+			font: [isAnyNonArbitrary],
 			"font-weight": [
 				"thin",
 				"extralight",
@@ -499,7 +789,7 @@ var a = (e, t) => {
 				"extrabold",
 				"black"
 			],
-			"inset-shadow": [H],
+			"inset-shadow": [isTshirtSize],
 			leading: [
 				"none",
 				"tight",
@@ -516,11 +806,11 @@ var a = (e, t) => {
 				"distant",
 				"none"
 			],
-			radius: [H],
-			shadow: [H],
-			spacing: ["px", B],
-			text: [H],
-			"text-shadow": [H],
+			radius: [isTshirtSize],
+			shadow: [isTshirtSize],
+			spacing: ["px", isNumber],
+			text: [isTshirtSize],
+			"text-shadow": [isTshirtSize],
 			tracking: [
 				"tighter",
 				"tight",
@@ -534,20 +824,20 @@ var a = (e, t) => {
 			aspect: [{ aspect: [
 				"auto",
 				"square",
-				z,
-				q,
-				Y,
-				h
+				isFraction,
+				isArbitraryValue,
+				isArbitraryVariable,
+				themeAspect
 			] }],
 			container: ["container"],
 			columns: [{ columns: [
-				B,
-				q,
-				Y,
-				s
+				isNumber,
+				isArbitraryValue,
+				isArbitraryVariable,
+				themeContainer
 			] }],
-			"break-after": [{ "break-after": v() }],
-			"break-before": [{ "break-before": v() }],
+			"break-after": [{ "break-after": scaleBreak() }],
+			"break-before": [{ "break-before": scaleBreak() }],
 			"break-inside": [{ "break-inside": [
 				"auto",
 				"avoid",
@@ -603,13 +893,13 @@ var a = (e, t) => {
 				"none",
 				"scale-down"
 			] }],
-			"object-position": [{ object: b() }],
-			overflow: [{ overflow: x() }],
-			"overflow-x": [{ "overflow-x": x() }],
-			"overflow-y": [{ "overflow-y": x() }],
-			overscroll: [{ overscroll: S() }],
-			"overscroll-x": [{ "overscroll-x": S() }],
-			"overscroll-y": [{ "overscroll-y": S() }],
+			"object-position": [{ object: scalePositionWithArbitrary() }],
+			overflow: [{ overflow: scaleOverflow() }],
+			"overflow-x": [{ "overflow-x": scaleOverflow() }],
+			"overflow-y": [{ "overflow-y": scaleOverflow() }],
+			overscroll: [{ overscroll: scaleOverscroll() }],
+			"overscroll-x": [{ "overscroll-x": scaleOverscroll() }],
+			"overscroll-y": [{ "overscroll-y": scaleOverscroll() }],
 			position: [
 				"static",
 				"fixed",
@@ -617,40 +907,40 @@ var a = (e, t) => {
 				"relative",
 				"sticky"
 			],
-			inset: [{ inset: w() }],
-			"inset-x": [{ "inset-x": w() }],
-			"inset-y": [{ "inset-y": w() }],
+			inset: [{ inset: scaleInset() }],
+			"inset-x": [{ "inset-x": scaleInset() }],
+			"inset-y": [{ "inset-y": scaleInset() }],
 			start: [{
-				"inset-s": w(),
-				start: w()
+				"inset-s": scaleInset(),
+				start: scaleInset()
 			}],
 			end: [{
-				"inset-e": w(),
-				end: w()
+				"inset-e": scaleInset(),
+				end: scaleInset()
 			}],
-			"inset-bs": [{ "inset-bs": w() }],
-			"inset-be": [{ "inset-be": w() }],
-			top: [{ top: w() }],
-			right: [{ right: w() }],
-			bottom: [{ bottom: w() }],
-			left: [{ left: w() }],
+			"inset-bs": [{ "inset-bs": scaleInset() }],
+			"inset-be": [{ "inset-be": scaleInset() }],
+			top: [{ top: scaleInset() }],
+			right: [{ right: scaleInset() }],
+			bottom: [{ bottom: scaleInset() }],
+			left: [{ left: scaleInset() }],
 			visibility: [
 				"visible",
 				"invisible",
 				"collapse"
 			],
 			z: [{ z: [
-				V,
+				isInteger,
 				"auto",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			basis: [{ basis: [
-				z,
+				isFraction,
 				"full",
 				"auto",
-				s,
-				...C()
+				themeContainer,
+				...scaleUnambiguousSpacing()
 			] }],
 			"flex-direction": [{ flex: [
 				"row",
@@ -664,41 +954,41 @@ var a = (e, t) => {
 				"wrap-reverse"
 			] }],
 			flex: [{ flex: [
-				B,
-				z,
+				isNumber,
+				isFraction,
 				"auto",
 				"initial",
 				"none",
-				q
+				isArbitraryValue
 			] }],
 			grow: [{ grow: [
 				"",
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			shrink: [{ shrink: [
 				"",
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			order: [{ order: [
-				V,
+				isInteger,
 				"first",
 				"last",
 				"none",
-				Y,
-				q
-			] }],
-			"grid-cols": [{ "grid-cols": te() }],
-			"col-start-end": [{ col: T() }],
-			"col-start": [{ "col-start": E() }],
-			"col-end": [{ "col-end": E() }],
-			"grid-rows": [{ "grid-rows": te() }],
-			"row-start-end": [{ row: T() }],
-			"row-start": [{ "row-start": E() }],
-			"row-end": [{ "row-end": E() }],
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"grid-cols": [{ "grid-cols": scaleGridTemplateColsRows() }],
+			"col-start-end": [{ col: scaleGridColRowStartAndEnd() }],
+			"col-start": [{ "col-start": scaleGridColRowStartOrEnd() }],
+			"col-end": [{ "col-end": scaleGridColRowStartOrEnd() }],
+			"grid-rows": [{ "grid-rows": scaleGridTemplateColsRows() }],
+			"row-start-end": [{ row: scaleGridColRowStartAndEnd() }],
+			"row-start": [{ "row-start": scaleGridColRowStartOrEnd() }],
+			"row-end": [{ "row-end": scaleGridColRowStartOrEnd() }],
 			"grid-flow": [{ "grid-flow": [
 				"row",
 				"col",
@@ -706,104 +996,104 @@ var a = (e, t) => {
 				"row-dense",
 				"col-dense"
 			] }],
-			"auto-cols": [{ "auto-cols": ne() }],
-			"auto-rows": [{ "auto-rows": ne() }],
-			gap: [{ gap: C() }],
-			"gap-x": [{ "gap-x": C() }],
-			"gap-y": [{ "gap-y": C() }],
-			"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"] }] }],
+			"auto-cols": [{ "auto-cols": scaleGridAutoColsRows() }],
+			"auto-rows": [{ "auto-rows": scaleGridAutoColsRows() }],
+			gap: [{ gap: scaleUnambiguousSpacing() }],
+			"gap-x": [{ "gap-x": scaleUnambiguousSpacing() }],
+			"gap-y": [{ "gap-y": scaleUnambiguousSpacing() }],
+			"justify-content": [{ justify: [...scaleAlignPrimaryAxis(), "normal"] }],
+			"justify-items": [{ "justify-items": [...scaleAlignSecondaryAxis(), "normal"] }],
+			"justify-self": [{ "justify-self": ["auto", ...scaleAlignSecondaryAxis()] }],
+			"align-content": [{ content: ["normal", ...scaleAlignPrimaryAxis()] }],
+			"align-items": [{ items: [...scaleAlignSecondaryAxis(), { baseline: ["", "last"] }] }],
 			"align-self": [{ self: [
 				"auto",
-				...O(),
+				...scaleAlignSecondaryAxis(),
 				{ baseline: ["", "last"] }
 			] }],
-			"place-content": [{ "place-content": D() }],
-			"place-items": [{ "place-items": [...O(), "baseline"] }],
-			"place-self": [{ "place-self": ["auto", ...O()] }],
-			p: [{ p: C() }],
-			px: [{ px: C() }],
-			py: [{ py: C() }],
-			ps: [{ ps: C() }],
-			pe: [{ pe: C() }],
-			pbs: [{ pbs: C() }],
-			pbe: [{ pbe: C() }],
-			pt: [{ pt: C() }],
-			pr: [{ pr: C() }],
-			pb: [{ pb: C() }],
-			pl: [{ pl: C() }],
-			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": C() }],
+			"place-content": [{ "place-content": scaleAlignPrimaryAxis() }],
+			"place-items": [{ "place-items": [...scaleAlignSecondaryAxis(), "baseline"] }],
+			"place-self": [{ "place-self": ["auto", ...scaleAlignSecondaryAxis()] }],
+			p: [{ p: scaleUnambiguousSpacing() }],
+			px: [{ px: scaleUnambiguousSpacing() }],
+			py: [{ py: scaleUnambiguousSpacing() }],
+			ps: [{ ps: scaleUnambiguousSpacing() }],
+			pe: [{ pe: scaleUnambiguousSpacing() }],
+			pbs: [{ pbs: scaleUnambiguousSpacing() }],
+			pbe: [{ pbe: scaleUnambiguousSpacing() }],
+			pt: [{ pt: scaleUnambiguousSpacing() }],
+			pr: [{ pr: scaleUnambiguousSpacing() }],
+			pb: [{ pb: scaleUnambiguousSpacing() }],
+			pl: [{ pl: scaleUnambiguousSpacing() }],
+			m: [{ m: scaleMargin() }],
+			mx: [{ mx: scaleMargin() }],
+			my: [{ my: scaleMargin() }],
+			ms: [{ ms: scaleMargin() }],
+			me: [{ me: scaleMargin() }],
+			mbs: [{ mbs: scaleMargin() }],
+			mbe: [{ mbe: scaleMargin() }],
+			mt: [{ mt: scaleMargin() }],
+			mr: [{ mr: scaleMargin() }],
+			mb: [{ mb: scaleMargin() }],
+			ml: [{ ml: scaleMargin() }],
+			"space-x": [{ "space-x": scaleUnambiguousSpacing() }],
 			"space-x-reverse": ["space-x-reverse"],
-			"space-y": [{ "space-y": C() }],
+			"space-y": [{ "space-y": scaleUnambiguousSpacing() }],
 			"space-y-reverse": ["space-y-reverse"],
-			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", ...M()] }],
-			"min-block-size": [{ "min-block": ["auto", ...M()] }],
-			"max-block-size": [{ "max-block": ["none", ...M()] }],
+			size: [{ size: scaleSizing() }],
+			"inline-size": [{ inline: ["auto", ...scaleSizingInline()] }],
+			"min-inline-size": [{ "min-inline": ["auto", ...scaleSizingInline()] }],
+			"max-inline-size": [{ "max-inline": ["none", ...scaleSizingInline()] }],
+			"block-size": [{ block: ["auto", ...scaleSizingBlock()] }],
+			"min-block-size": [{ "min-block": ["auto", ...scaleSizingBlock()] }],
+			"max-block-size": [{ "max-block": ["none", ...scaleSizingBlock()] }],
 			w: [{ w: [
-				s,
+				themeContainer,
 				"screen",
-				...A()
+				...scaleSizing()
 			] }],
 			"min-w": [{ "min-w": [
-				s,
+				themeContainer,
 				"screen",
 				"none",
-				...A()
+				...scaleSizing()
 			] }],
 			"max-w": [{ "max-w": [
-				s,
+				themeContainer,
 				"screen",
 				"none",
 				"prose",
-				{ screen: [o] },
-				...A()
+				{ screen: [themeBreakpoint] },
+				...scaleSizing()
 			] }],
 			h: [{ h: [
 				"screen",
 				"lh",
-				...A()
+				...scaleSizing()
 			] }],
 			"min-h": [{ "min-h": [
 				"screen",
 				"lh",
 				"none",
-				...A()
+				...scaleSizing()
 			] }],
 			"max-h": [{ "max-h": [
 				"screen",
 				"lh",
-				...A()
+				...scaleSizing()
 			] }],
 			"font-size": [{ text: [
 				"base",
-				n,
-				X,
-				J
+				themeText,
+				isArbitraryVariableLength,
+				isArbitraryLength
 			] }],
 			"font-smoothing": ["antialiased", "subpixel-antialiased"],
 			"font-style": ["italic", "not-italic"],
 			"font-weight": [{ font: [
-				r,
-				Se,
-				fe
+				themeFontWeight,
+				isArbitraryVariableWeight,
+				isArbitraryWeight
 			] }],
 			"font-stretch": [{ "font-stretch": [
 				"ultra-condensed",
@@ -815,15 +1105,15 @@ var a = (e, t) => {
 				"expanded",
 				"extra-expanded",
 				"ultra-expanded",
-				se,
-				q
+				isPercent,
+				isArbitraryValue
 			] }],
 			"font-family": [{ font: [
-				_e,
-				pe,
-				t
+				isArbitraryVariableFamilyName,
+				isArbitraryFamilyName,
+				themeFont
 			] }],
-			"font-features": [{ "font-features": [q] }],
+			"font-features": [{ "font-features": [isArbitraryValue] }],
 			"fvn-normal": ["normal-nums"],
 			"fvn-ordinal": ["ordinal"],
 			"fvn-slashed-zero": ["slashed-zero"],
@@ -831,29 +1121,29 @@ var a = (e, t) => {
 			"fvn-spacing": ["proportional-nums", "tabular-nums"],
 			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
 			tracking: [{ tracking: [
-				i,
-				Y,
-				q
+				themeTracking,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"line-clamp": [{ "line-clamp": [
-				B,
+				isNumber,
 				"none",
-				Y,
-				de
+				isArbitraryVariable,
+				isArbitraryNumber
 			] }],
-			leading: [{ leading: [a, ...C()] }],
+			leading: [{ leading: [themeLeading, ...scaleUnambiguousSpacing()] }],
 			"list-image": [{ "list-image": [
 				"none",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"list-style-position": [{ list: ["inside", "outside"] }],
 			"list-style-type": [{ list: [
 				"disc",
 				"decimal",
 				"none",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"text-alignment": [{ text: [
 				"left",
@@ -863,28 +1153,28 @@ var a = (e, t) => {
 				"start",
 				"end"
 			] }],
-			"placeholder-color": [{ placeholder: N() }],
-			"text-color": [{ text: N() }],
+			"placeholder-color": [{ placeholder: scaleColor() }],
+			"text-color": [{ text: scaleColor() }],
 			"text-decoration": [
 				"underline",
 				"overline",
 				"line-through",
 				"no-underline"
 			],
-			"text-decoration-style": [{ decoration: [...R(), "wavy"] }],
+			"text-decoration-style": [{ decoration: [...scaleLineStyle(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
-				B,
+				isNumber,
 				"from-font",
 				"auto",
-				Y,
-				J
+				isArbitraryVariable,
+				isArbitraryLength
 			] }],
-			"text-decoration-color": [{ decoration: N() }],
+			"text-decoration-color": [{ decoration: scaleColor() }],
 			"underline-offset": [{ "underline-offset": [
-				B,
+				isNumber,
 				"auto",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"text-transform": [
 				"uppercase",
@@ -903,7 +1193,7 @@ var a = (e, t) => {
 				"balance",
 				"pretty"
 			] }],
-			indent: [{ indent: C() }],
+			indent: [{ indent: scaleUnambiguousSpacing() }],
 			"vertical-align": [{ align: [
 				"baseline",
 				"top",
@@ -913,8 +1203,8 @@ var a = (e, t) => {
 				"text-bottom",
 				"sub",
 				"super",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			whitespace: [{ whitespace: [
 				"normal",
@@ -942,8 +1232,8 @@ var a = (e, t) => {
 			] }],
 			content: [{ content: [
 				"none",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"bg-attachment": [{ bg: [
 				"fixed",
@@ -961,9 +1251,9 @@ var a = (e, t) => {
 				"padding",
 				"content"
 			] }],
-			"bg-position": [{ bg: F() }],
-			"bg-repeat": [{ bg: re() }],
-			"bg-size": [{ bg: ie() }],
+			"bg-position": [{ bg: scaleBgPosition() }],
+			"bg-repeat": [{ bg: scaleBgRepeat() }],
+			"bg-size": [{ bg: scaleBgSize() }],
 			"bg-image": [{ bg: [
 				"none",
 				{
@@ -978,140 +1268,140 @@ var a = (e, t) => {
 							"l",
 							"tl"
 						] },
-						V,
-						Y,
-						q
+						isInteger,
+						isArbitraryVariable,
+						isArbitraryValue
 					],
 					radial: [
 						"",
-						Y,
-						q
+						isArbitraryVariable,
+						isArbitraryValue
 					],
 					conic: [
-						V,
-						Y,
-						q
+						isInteger,
+						isArbitraryVariable,
+						isArbitraryValue
 					]
 				},
-				be,
-				he
-			] }],
-			"bg-color": [{ bg: N() }],
-			"gradient-from-pos": [{ from: ae() }],
-			"gradient-via-pos": [{ via: ae() }],
-			"gradient-to-pos": [{ to: ae() }],
-			"gradient-from": [{ from: N() }],
-			"gradient-via": [{ via: N() }],
-			"gradient-to": [{ to: N() }],
-			rounded: [{ rounded: I() }],
-			"rounded-s": [{ "rounded-s": I() }],
-			"rounded-e": [{ "rounded-e": I() }],
-			"rounded-t": [{ "rounded-t": I() }],
-			"rounded-r": [{ "rounded-r": I() }],
-			"rounded-b": [{ "rounded-b": I() }],
-			"rounded-l": [{ "rounded-l": I() }],
-			"rounded-ss": [{ "rounded-ss": I() }],
-			"rounded-se": [{ "rounded-se": I() }],
-			"rounded-ee": [{ "rounded-ee": I() }],
-			"rounded-es": [{ "rounded-es": I() }],
-			"rounded-tl": [{ "rounded-tl": I() }],
-			"rounded-tr": [{ "rounded-tr": I() }],
-			"rounded-br": [{ "rounded-br": I() }],
-			"rounded-bl": [{ "rounded-bl": I() }],
-			"border-w": [{ border: L() }],
-			"border-w-x": [{ "border-x": L() }],
-			"border-w-y": [{ "border-y": L() }],
-			"border-w-s": [{ "border-s": L() }],
-			"border-w-e": [{ "border-e": L() }],
-			"border-w-bs": [{ "border-bs": L() }],
-			"border-w-be": [{ "border-be": L() }],
-			"border-w-t": [{ "border-t": L() }],
-			"border-w-r": [{ "border-r": L() }],
-			"border-w-b": [{ "border-b": L() }],
-			"border-w-l": [{ "border-l": L() }],
-			"divide-x": [{ "divide-x": L() }],
+				isArbitraryVariableImage,
+				isArbitraryImage
+			] }],
+			"bg-color": [{ bg: scaleColor() }],
+			"gradient-from-pos": [{ from: scaleGradientStopPosition() }],
+			"gradient-via-pos": [{ via: scaleGradientStopPosition() }],
+			"gradient-to-pos": [{ to: scaleGradientStopPosition() }],
+			"gradient-from": [{ from: scaleColor() }],
+			"gradient-via": [{ via: scaleColor() }],
+			"gradient-to": [{ to: scaleColor() }],
+			rounded: [{ rounded: scaleRadius() }],
+			"rounded-s": [{ "rounded-s": scaleRadius() }],
+			"rounded-e": [{ "rounded-e": scaleRadius() }],
+			"rounded-t": [{ "rounded-t": scaleRadius() }],
+			"rounded-r": [{ "rounded-r": scaleRadius() }],
+			"rounded-b": [{ "rounded-b": scaleRadius() }],
+			"rounded-l": [{ "rounded-l": scaleRadius() }],
+			"rounded-ss": [{ "rounded-ss": scaleRadius() }],
+			"rounded-se": [{ "rounded-se": scaleRadius() }],
+			"rounded-ee": [{ "rounded-ee": scaleRadius() }],
+			"rounded-es": [{ "rounded-es": scaleRadius() }],
+			"rounded-tl": [{ "rounded-tl": scaleRadius() }],
+			"rounded-tr": [{ "rounded-tr": scaleRadius() }],
+			"rounded-br": [{ "rounded-br": scaleRadius() }],
+			"rounded-bl": [{ "rounded-bl": scaleRadius() }],
+			"border-w": [{ border: scaleBorderWidth() }],
+			"border-w-x": [{ "border-x": scaleBorderWidth() }],
+			"border-w-y": [{ "border-y": scaleBorderWidth() }],
+			"border-w-s": [{ "border-s": scaleBorderWidth() }],
+			"border-w-e": [{ "border-e": scaleBorderWidth() }],
+			"border-w-bs": [{ "border-bs": scaleBorderWidth() }],
+			"border-w-be": [{ "border-be": scaleBorderWidth() }],
+			"border-w-t": [{ "border-t": scaleBorderWidth() }],
+			"border-w-r": [{ "border-r": scaleBorderWidth() }],
+			"border-w-b": [{ "border-b": scaleBorderWidth() }],
+			"border-w-l": [{ "border-l": scaleBorderWidth() }],
+			"divide-x": [{ "divide-x": scaleBorderWidth() }],
 			"divide-x-reverse": ["divide-x-reverse"],
-			"divide-y": [{ "divide-y": L() }],
+			"divide-y": [{ "divide-y": scaleBorderWidth() }],
 			"divide-y-reverse": ["divide-y-reverse"],
 			"border-style": [{ border: [
-				...R(),
+				...scaleLineStyle(),
 				"hidden",
 				"none"
 			] }],
 			"divide-style": [{ divide: [
-				...R(),
+				...scaleLineStyle(),
 				"hidden",
 				"none"
 			] }],
-			"border-color": [{ border: N() }],
-			"border-color-x": [{ "border-x": N() }],
-			"border-color-y": [{ "border-y": N() }],
-			"border-color-s": [{ "border-s": N() }],
-			"border-color-e": [{ "border-e": N() }],
-			"border-color-bs": [{ "border-bs": N() }],
-			"border-color-be": [{ "border-be": N() }],
-			"border-color-t": [{ "border-t": N() }],
-			"border-color-r": [{ "border-r": N() }],
-			"border-color-b": [{ "border-b": N() }],
-			"border-color-l": [{ "border-l": N() }],
-			"divide-color": [{ divide: N() }],
+			"border-color": [{ border: scaleColor() }],
+			"border-color-x": [{ "border-x": scaleColor() }],
+			"border-color-y": [{ "border-y": scaleColor() }],
+			"border-color-s": [{ "border-s": scaleColor() }],
+			"border-color-e": [{ "border-e": scaleColor() }],
+			"border-color-bs": [{ "border-bs": scaleColor() }],
+			"border-color-be": [{ "border-be": scaleColor() }],
+			"border-color-t": [{ "border-t": scaleColor() }],
+			"border-color-r": [{ "border-r": scaleColor() }],
+			"border-color-b": [{ "border-b": scaleColor() }],
+			"border-color-l": [{ "border-l": scaleColor() }],
+			"divide-color": [{ divide: scaleColor() }],
 			"outline-style": [{ outline: [
-				...R(),
+				...scaleLineStyle(),
 				"none",
 				"hidden"
 			] }],
 			"outline-offset": [{ "outline-offset": [
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"outline-w": [{ outline: [
 				"",
-				B,
-				X,
-				J
+				isNumber,
+				isArbitraryVariableLength,
+				isArbitraryLength
 			] }],
-			"outline-color": [{ outline: N() }],
+			"outline-color": [{ outline: scaleColor() }],
 			shadow: [{ shadow: [
 				"",
 				"none",
-				u,
-				xe,
-				ge
+				themeShadow,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
 			] }],
-			"shadow-color": [{ shadow: N() }],
+			"shadow-color": [{ shadow: scaleColor() }],
 			"inset-shadow": [{ "inset-shadow": [
 				"none",
-				ee,
-				xe,
-				ge
+				themeInsetShadow,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
 			] }],
-			"inset-shadow-color": [{ "inset-shadow": N() }],
-			"ring-w": [{ ring: L() }],
+			"inset-shadow-color": [{ "inset-shadow": scaleColor() }],
+			"ring-w": [{ ring: scaleBorderWidth() }],
 			"ring-w-inset": ["ring-inset"],
-			"ring-color": [{ ring: N() }],
-			"ring-offset-w": [{ "ring-offset": [B, J] }],
-			"ring-offset-color": [{ "ring-offset": N() }],
-			"inset-ring-w": [{ "inset-ring": L() }],
-			"inset-ring-color": [{ "inset-ring": N() }],
+			"ring-color": [{ ring: scaleColor() }],
+			"ring-offset-w": [{ "ring-offset": [isNumber, isArbitraryLength] }],
+			"ring-offset-color": [{ "ring-offset": scaleColor() }],
+			"inset-ring-w": [{ "inset-ring": scaleBorderWidth() }],
+			"inset-ring-color": [{ "inset-ring": scaleColor() }],
 			"text-shadow": [{ "text-shadow": [
 				"none",
-				d,
-				xe,
-				ge
+				themeTextShadow,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
 			] }],
-			"text-shadow-color": [{ "text-shadow": N() }],
+			"text-shadow-color": [{ "text-shadow": scaleColor() }],
 			opacity: [{ opacity: [
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...oe(),
+				...scaleBlendMode(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": oe() }],
+			"bg-blend": [{ "bg-blend": scaleBlendMode() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -1126,51 +1416,51 @@ var a = (e, t) => {
 				"intersect",
 				"exclude"
 			] }],
-			"mask-image-linear-pos": [{ "mask-linear": [B] }],
-			"mask-image-linear-from-pos": [{ "mask-linear-from": U() }],
-			"mask-image-linear-to-pos": [{ "mask-linear-to": U() }],
-			"mask-image-linear-from-color": [{ "mask-linear-from": N() }],
-			"mask-image-linear-to-color": [{ "mask-linear-to": N() }],
-			"mask-image-t-from-pos": [{ "mask-t-from": U() }],
-			"mask-image-t-to-pos": [{ "mask-t-to": U() }],
-			"mask-image-t-from-color": [{ "mask-t-from": N() }],
-			"mask-image-t-to-color": [{ "mask-t-to": N() }],
-			"mask-image-r-from-pos": [{ "mask-r-from": U() }],
-			"mask-image-r-to-pos": [{ "mask-r-to": U() }],
-			"mask-image-r-from-color": [{ "mask-r-from": N() }],
-			"mask-image-r-to-color": [{ "mask-r-to": N() }],
-			"mask-image-b-from-pos": [{ "mask-b-from": U() }],
-			"mask-image-b-to-pos": [{ "mask-b-to": U() }],
-			"mask-image-b-from-color": [{ "mask-b-from": N() }],
-			"mask-image-b-to-color": [{ "mask-b-to": N() }],
-			"mask-image-l-from-pos": [{ "mask-l-from": U() }],
-			"mask-image-l-to-pos": [{ "mask-l-to": U() }],
-			"mask-image-l-from-color": [{ "mask-l-from": N() }],
-			"mask-image-l-to-color": [{ "mask-l-to": N() }],
-			"mask-image-x-from-pos": [{ "mask-x-from": U() }],
-			"mask-image-x-to-pos": [{ "mask-x-to": U() }],
-			"mask-image-x-from-color": [{ "mask-x-from": N() }],
-			"mask-image-x-to-color": [{ "mask-x-to": N() }],
-			"mask-image-y-from-pos": [{ "mask-y-from": U() }],
-			"mask-image-y-to-pos": [{ "mask-y-to": U() }],
-			"mask-image-y-from-color": [{ "mask-y-from": N() }],
-			"mask-image-y-to-color": [{ "mask-y-to": N() }],
-			"mask-image-radial": [{ "mask-radial": [Y, q] }],
-			"mask-image-radial-from-pos": [{ "mask-radial-from": U() }],
-			"mask-image-radial-to-pos": [{ "mask-radial-to": U() }],
-			"mask-image-radial-from-color": [{ "mask-radial-from": N() }],
-			"mask-image-radial-to-color": [{ "mask-radial-to": N() }],
+			"mask-image-linear-pos": [{ "mask-linear": [isNumber] }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": scaleMaskImagePosition() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": scaleMaskImagePosition() }],
+			"mask-image-linear-from-color": [{ "mask-linear-from": scaleColor() }],
+			"mask-image-linear-to-color": [{ "mask-linear-to": scaleColor() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": scaleMaskImagePosition() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": scaleMaskImagePosition() }],
+			"mask-image-t-from-color": [{ "mask-t-from": scaleColor() }],
+			"mask-image-t-to-color": [{ "mask-t-to": scaleColor() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": scaleMaskImagePosition() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": scaleMaskImagePosition() }],
+			"mask-image-r-from-color": [{ "mask-r-from": scaleColor() }],
+			"mask-image-r-to-color": [{ "mask-r-to": scaleColor() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": scaleMaskImagePosition() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": scaleMaskImagePosition() }],
+			"mask-image-b-from-color": [{ "mask-b-from": scaleColor() }],
+			"mask-image-b-to-color": [{ "mask-b-to": scaleColor() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": scaleMaskImagePosition() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": scaleMaskImagePosition() }],
+			"mask-image-l-from-color": [{ "mask-l-from": scaleColor() }],
+			"mask-image-l-to-color": [{ "mask-l-to": scaleColor() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": scaleMaskImagePosition() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": scaleMaskImagePosition() }],
+			"mask-image-x-from-color": [{ "mask-x-from": scaleColor() }],
+			"mask-image-x-to-color": [{ "mask-x-to": scaleColor() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": scaleMaskImagePosition() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": scaleMaskImagePosition() }],
+			"mask-image-y-from-color": [{ "mask-y-from": scaleColor() }],
+			"mask-image-y-to-color": [{ "mask-y-to": scaleColor() }],
+			"mask-image-radial": [{ "mask-radial": [isArbitraryVariable, isArbitraryValue] }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": scaleMaskImagePosition() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": scaleMaskImagePosition() }],
+			"mask-image-radial-from-color": [{ "mask-radial-from": scaleColor() }],
+			"mask-image-radial-to-color": [{ "mask-radial-to": scaleColor() }],
 			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
 			"mask-image-radial-size": [{ "mask-radial": [{
 				closest: ["side", "corner"],
 				farthest: ["side", "corner"]
 			}] }],
-			"mask-image-radial-pos": [{ "mask-radial-at": y() }],
-			"mask-image-conic-pos": [{ "mask-conic": [B] }],
-			"mask-image-conic-from-pos": [{ "mask-conic-from": U() }],
-			"mask-image-conic-to-pos": [{ "mask-conic-to": U() }],
-			"mask-image-conic-from-color": [{ "mask-conic-from": N() }],
-			"mask-image-conic-to-color": [{ "mask-conic-to": N() }],
+			"mask-image-radial-pos": [{ "mask-radial-at": scalePosition() }],
+			"mask-image-conic-pos": [{ "mask-conic": [isNumber] }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": scaleMaskImagePosition() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": scaleMaskImagePosition() }],
+			"mask-image-conic-from-color": [{ "mask-conic-from": scaleColor() }],
+			"mask-image-conic-to-color": [{ "mask-conic-to": scaleColor() }],
 			"mask-mode": [{ mask: [
 				"alpha",
 				"luminance",
@@ -1184,122 +1474,122 @@ var a = (e, t) => {
 				"stroke",
 				"view"
 			] }],
-			"mask-position": [{ mask: F() }],
-			"mask-repeat": [{ mask: re() }],
-			"mask-size": [{ mask: ie() }],
+			"mask-position": [{ mask: scaleBgPosition() }],
+			"mask-repeat": [{ mask: scaleBgRepeat() }],
+			"mask-size": [{ mask: scaleBgSize() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
 				"none",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			filter: [{ filter: [
 				"",
 				"none",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
-			blur: [{ blur: W() }],
+			blur: [{ blur: scaleBlur() }],
 			brightness: [{ brightness: [
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			contrast: [{ contrast: [
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"drop-shadow": [{ "drop-shadow": [
 				"",
 				"none",
-				f,
-				xe,
-				ge
+				themeDropShadow,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
 			] }],
-			"drop-shadow-color": [{ "drop-shadow": N() }],
+			"drop-shadow-color": [{ "drop-shadow": scaleColor() }],
 			grayscale: [{ grayscale: [
 				"",
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"hue-rotate": [{ "hue-rotate": [
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			invert: [{ invert: [
 				"",
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			saturate: [{ saturate: [
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			sepia: [{ sepia: [
 				"",
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"backdrop-filter": [{ "backdrop-filter": [
 				"",
 				"none",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
-			"backdrop-blur": [{ "backdrop-blur": W() }],
+			"backdrop-blur": [{ "backdrop-blur": scaleBlur() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"backdrop-contrast": [{ "backdrop-contrast": [
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"backdrop-grayscale": [{ "backdrop-grayscale": [
 				"",
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"backdrop-invert": [{ "backdrop-invert": [
 				"",
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"backdrop-opacity": [{ "backdrop-opacity": [
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"backdrop-saturate": [{ "backdrop-saturate": [
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"backdrop-sepia": [{ "backdrop-sepia": [
 				"",
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"border-collapse": [{ border: ["collapse", "separate"] }],
-			"border-spacing": [{ "border-spacing": C() }],
-			"border-spacing-x": [{ "border-spacing-x": C() }],
-			"border-spacing-y": [{ "border-spacing-y": C() }],
+			"border-spacing": [{ "border-spacing": scaleUnambiguousSpacing() }],
+			"border-spacing-x": [{ "border-spacing-x": scaleUnambiguousSpacing() }],
+			"border-spacing-y": [{ "border-spacing-y": scaleUnambiguousSpacing() }],
 			"table-layout": [{ table: ["auto", "fixed"] }],
 			caption: [{ caption: ["top", "bottom"] }],
 			transition: [{ transition: [
@@ -1310,71 +1600,71 @@ var a = (e, t) => {
 				"shadow",
 				"transform",
 				"none",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"transition-behavior": [{ transition: ["normal", "discrete"] }],
 			duration: [{ duration: [
-				B,
+				isNumber,
 				"initial",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			ease: [{ ease: [
 				"linear",
 				"initial",
-				g,
-				Y,
-				q
+				themeEase,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			delay: [{ delay: [
-				B,
-				Y,
-				q
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			animate: [{ animate: [
 				"none",
-				_,
-				Y,
-				q
+				themeAnimate,
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			backface: [{ backface: ["hidden", "visible"] }],
 			perspective: [{ perspective: [
-				m,
-				Y,
-				q
-			] }],
-			"perspective-origin": [{ "perspective-origin": b() }],
-			rotate: [{ rotate: G() }],
-			"rotate-x": [{ "rotate-x": G() }],
-			"rotate-y": [{ "rotate-y": G() }],
-			"rotate-z": [{ "rotate-z": G() }],
-			scale: [{ scale: K() }],
-			"scale-x": [{ "scale-x": K() }],
-			"scale-y": [{ "scale-y": K() }],
-			"scale-z": [{ "scale-z": K() }],
+				themePerspective,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			"perspective-origin": [{ "perspective-origin": scalePositionWithArbitrary() }],
+			rotate: [{ rotate: scaleRotate() }],
+			"rotate-x": [{ "rotate-x": scaleRotate() }],
+			"rotate-y": [{ "rotate-y": scaleRotate() }],
+			"rotate-z": [{ "rotate-z": scaleRotate() }],
+			scale: [{ scale: scaleScale() }],
+			"scale-x": [{ "scale-x": scaleScale() }],
+			"scale-y": [{ "scale-y": scaleScale() }],
+			"scale-z": [{ "scale-z": scaleScale() }],
 			"scale-3d": ["scale-3d"],
-			skew: [{ skew: Z() }],
-			"skew-x": [{ "skew-x": Z() }],
-			"skew-y": [{ "skew-y": Z() }],
+			skew: [{ skew: scaleSkew() }],
+			"skew-x": [{ "skew-x": scaleSkew() }],
+			"skew-y": [{ "skew-y": scaleSkew() }],
 			transform: [{ transform: [
-				Y,
-				q,
+				isArbitraryVariable,
+				isArbitraryValue,
 				"",
 				"none",
 				"gpu",
 				"cpu"
 			] }],
-			"transform-origin": [{ origin: b() }],
+			"transform-origin": [{ origin: scalePositionWithArbitrary() }],
 			"transform-style": [{ transform: ["3d", "flat"] }],
-			translate: [{ translate: Q() }],
-			"translate-x": [{ "translate-x": Q() }],
-			"translate-y": [{ "translate-y": Q() }],
-			"translate-z": [{ "translate-z": Q() }],
+			translate: [{ translate: scaleTranslate() }],
+			"translate-x": [{ "translate-x": scaleTranslate() }],
+			"translate-y": [{ "translate-y": scaleTranslate() }],
+			"translate-z": [{ "translate-z": scaleTranslate() }],
 			"translate-none": ["translate-none"],
-			accent: [{ accent: N() }],
+			accent: [{ accent: scaleColor() }],
 			appearance: [{ appearance: ["none", "auto"] }],
-			"caret-color": [{ caret: N() }],
+			"caret-color": [{ caret: scaleColor() }],
 			"color-scheme": [{ scheme: [
 				"normal",
 				"dark",
@@ -1420,8 +1710,8 @@ var a = (e, t) => {
 				"nwse-resize",
 				"zoom-in",
 				"zoom-out",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
 			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
 			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
@@ -1432,28 +1722,28 @@ var a = (e, t) => {
 				"x"
 			] }],
 			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
-			"scroll-m": [{ "scroll-m": C() }],
-			"scroll-mx": [{ "scroll-mx": C() }],
-			"scroll-my": [{ "scroll-my": C() }],
-			"scroll-ms": [{ "scroll-ms": C() }],
-			"scroll-me": [{ "scroll-me": C() }],
-			"scroll-mbs": [{ "scroll-mbs": C() }],
-			"scroll-mbe": [{ "scroll-mbe": C() }],
-			"scroll-mt": [{ "scroll-mt": C() }],
-			"scroll-mr": [{ "scroll-mr": C() }],
-			"scroll-mb": [{ "scroll-mb": C() }],
-			"scroll-ml": [{ "scroll-ml": C() }],
-			"scroll-p": [{ "scroll-p": C() }],
-			"scroll-px": [{ "scroll-px": C() }],
-			"scroll-py": [{ "scroll-py": C() }],
-			"scroll-ps": [{ "scroll-ps": C() }],
-			"scroll-pe": [{ "scroll-pe": C() }],
-			"scroll-pbs": [{ "scroll-pbs": C() }],
-			"scroll-pbe": [{ "scroll-pbe": C() }],
-			"scroll-pt": [{ "scroll-pt": C() }],
-			"scroll-pr": [{ "scroll-pr": C() }],
-			"scroll-pb": [{ "scroll-pb": C() }],
-			"scroll-pl": [{ "scroll-pl": C() }],
+			"scroll-m": [{ "scroll-m": scaleUnambiguousSpacing() }],
+			"scroll-mx": [{ "scroll-mx": scaleUnambiguousSpacing() }],
+			"scroll-my": [{ "scroll-my": scaleUnambiguousSpacing() }],
+			"scroll-ms": [{ "scroll-ms": scaleUnambiguousSpacing() }],
+			"scroll-me": [{ "scroll-me": scaleUnambiguousSpacing() }],
+			"scroll-mbs": [{ "scroll-mbs": scaleUnambiguousSpacing() }],
+			"scroll-mbe": [{ "scroll-mbe": scaleUnambiguousSpacing() }],
+			"scroll-mt": [{ "scroll-mt": scaleUnambiguousSpacing() }],
+			"scroll-mr": [{ "scroll-mr": scaleUnambiguousSpacing() }],
+			"scroll-mb": [{ "scroll-mb": scaleUnambiguousSpacing() }],
+			"scroll-ml": [{ "scroll-ml": scaleUnambiguousSpacing() }],
+			"scroll-p": [{ "scroll-p": scaleUnambiguousSpacing() }],
+			"scroll-px": [{ "scroll-px": scaleUnambiguousSpacing() }],
+			"scroll-py": [{ "scroll-py": scaleUnambiguousSpacing() }],
+			"scroll-ps": [{ "scroll-ps": scaleUnambiguousSpacing() }],
+			"scroll-pe": [{ "scroll-pe": scaleUnambiguousSpacing() }],
+			"scroll-pbs": [{ "scroll-pbs": scaleUnambiguousSpacing() }],
+			"scroll-pbe": [{ "scroll-pbe": scaleUnambiguousSpacing() }],
+			"scroll-pt": [{ "scroll-pt": scaleUnambiguousSpacing() }],
+			"scroll-pr": [{ "scroll-pr": scaleUnambiguousSpacing() }],
+			"scroll-pb": [{ "scroll-pb": scaleUnambiguousSpacing() }],
+			"scroll-pl": [{ "scroll-pl": scaleUnambiguousSpacing() }],
 			"snap-align": [{ snap: [
 				"start",
 				"end",
@@ -1495,17 +1785,17 @@ var a = (e, t) => {
 				"scroll",
 				"contents",
 				"transform",
-				Y,
-				q
+				isArbitraryVariable,
+				isArbitraryValue
 			] }],
-			fill: [{ fill: ["none", ...N()] }],
+			fill: [{ fill: ["none", ...scaleColor()] }],
 			"stroke-w": [{ stroke: [
-				B,
-				X,
-				J,
-				de
+				isNumber,
+				isArbitraryVariableLength,
+				isArbitraryLength,
+				isArbitraryNumber
 			] }],
-			stroke: [{ stroke: ["none", ...N()] }],
+			stroke: [{ stroke: ["none", ...scaleColor()] }],
 			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
 		},
 		conflictingClassGroups: {
@@ -1689,386 +1979,597 @@ var a = (e, t) => {
 			"selection"
 		]
 	};
-});
+};
+var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 //#endregion
 //#region src/lib/utils.ts
-function Me(...e) {
-	return je(i(e));
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
 }
 //#endregion
 //#region node_modules/react/cjs/react-jsx-runtime.production.js
-var Ne = /* @__PURE__ */ t(((e) => {
-	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-	function r(e, n, r) {
-		var i = null;
-		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
-		else r = n;
-		return n = r.ref, {
-			$$typeof: t,
-			type: e,
-			key: i,
-			ref: n === void 0 ? null : n,
-			props: r
+/**
+* @license React
+* react-jsx-runtime.production.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_react_jsx_runtime_production = /* @__PURE__ */ __commonJSMin(((exports) => {
+	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+	function jsxProd(type, config, maybeKey) {
+		var key = null;
+		void 0 !== maybeKey && (key = "" + maybeKey);
+		void 0 !== config.key && (key = "" + config.key);
+		if ("key" in config) {
+			maybeKey = {};
+			for (var propName in config) "key" !== propName && (maybeKey[propName] = config[propName]);
+		} else maybeKey = config;
+		config = maybeKey.ref;
+		return {
+			$$typeof: REACT_ELEMENT_TYPE,
+			type,
+			key,
+			ref: void 0 !== config ? config : null,
+			props: maybeKey
 		};
 	}
-	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), Pe = /* @__PURE__ */ t(((e) => {
-	process.env.NODE_ENV !== "production" && (function() {
-		function t(e) {
-			if (e == null) return null;
-			if (typeof e == "function") return e.$$typeof === ne ? null : e.displayName || e.name || null;
-			if (typeof e == "string") return e;
-			switch (e) {
-				case _: return "Fragment";
-				case y: return "Profiler";
-				case v: return "StrictMode";
-				case C: return "Suspense";
-				case w: return "SuspenseList";
-				case E: return "Activity";
+	exports.Fragment = REACT_FRAGMENT_TYPE;
+	exports.jsx = jsxProd;
+	exports.jsxs = jsxProd;
+}));
+//#endregion
+//#region node_modules/react/cjs/react-jsx-runtime.development.js
+/**
+* @license React
+* react-jsx-runtime.development.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var require_react_jsx_runtime_development = /* @__PURE__ */ __commonJSMin(((exports) => {
+	"production" !== process.env.NODE_ENV && (function() {
+		function getComponentNameFromType(type) {
+			if (null == type) return null;
+			if ("function" === typeof type) return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
+			if ("string" === typeof type) return type;
+			switch (type) {
+				case REACT_FRAGMENT_TYPE: return "Fragment";
+				case REACT_PROFILER_TYPE: return "Profiler";
+				case REACT_STRICT_MODE_TYPE: return "StrictMode";
+				case REACT_SUSPENSE_TYPE: return "Suspense";
+				case REACT_SUSPENSE_LIST_TYPE: return "SuspenseList";
+				case REACT_ACTIVITY_TYPE: return "Activity";
 			}
-			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
-				case g: return "Portal";
-				case x: return e.displayName || "Context";
-				case b: return (e._context.displayName || "Context") + ".Consumer";
-				case S:
-					var n = e.render;
-					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
-				case te: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
-				case T:
-					n = e._payload, e = e._init;
+			if ("object" === typeof type) switch ("number" === typeof type.tag && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), type.$$typeof) {
+				case REACT_PORTAL_TYPE: return "Portal";
+				case REACT_CONTEXT_TYPE: return type.displayName || "Context";
+				case REACT_CONSUMER_TYPE: return (type._context.displayName || "Context") + ".Consumer";
+				case REACT_FORWARD_REF_TYPE:
+					var innerType = type.render;
+					type = type.displayName;
+					type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
+					return type;
+				case REACT_MEMO_TYPE: return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
+				case REACT_LAZY_TYPE:
+					innerType = type._payload;
+					type = type._init;
 					try {
-						return t(e(n));
-					} catch {}
+						return getComponentNameFromType(type(innerType));
+					} catch (x) {}
 			}
 			return null;
 		}
-		function r(e) {
-			return "" + e;
+		function testStringCoercion(value) {
+			return "" + value;
 		}
-		function i(e) {
+		function checkKeyStringCoercion(value) {
 			try {
-				r(e);
-				var t = !1;
-			} catch {
-				t = !0;
+				testStringCoercion(value);
+				var JSCompiler_inline_result = !1;
+			} catch (e) {
+				JSCompiler_inline_result = !0;
 			}
-			if (t) {
-				t = console;
-				var n = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-				return n.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), r(e);
+			if (JSCompiler_inline_result) {
+				JSCompiler_inline_result = console;
+				var JSCompiler_temp_const = JSCompiler_inline_result.error;
+				var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
+				JSCompiler_temp_const.call(JSCompiler_inline_result, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", JSCompiler_inline_result$jscomp$0);
+				return testStringCoercion(value);
 			}
 		}
-		function a(e) {
-			if (e === _) return "<>";
-			if (typeof e == "object" && e && e.$$typeof === T) return "<...>";
+		function getTaskName(type) {
+			if (type === REACT_FRAGMENT_TYPE) return "<>";
+			if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE) return "<...>";
 			try {
-				var n = t(e);
-				return n ? "<" + n + ">" : "<...>";
-			} catch {
+				var name = getComponentNameFromType(type);
+				return name ? "<" + name + ">" : "<...>";
+			} catch (x) {
 				return "<...>";
 			}
 		}
-		function o() {
-			var e = D.A;
-			return e === null ? null : e.getOwner();
+		function getOwner() {
+			var dispatcher = ReactSharedInternals.A;
+			return null === dispatcher ? null : dispatcher.getOwner();
 		}
-		function s() {
+		function UnknownOwner() {
 			return Error("react-stack-top-frame");
 		}
-		function c(e) {
-			if (O.call(e, "key")) {
-				var t = Object.getOwnPropertyDescriptor(e, "key").get;
-				if (t && t.isReactWarning) return !1;
+		function hasValidKey(config) {
+			if (hasOwnProperty.call(config, "key")) {
+				var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+				if (getter && getter.isReactWarning) return !1;
 			}
-			return e.key !== void 0;
+			return void 0 !== config.key;
 		}
-		function l(e, t) {
-			function n() {
-				j || (j = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
+		function defineKeyPropWarningGetter(props, displayName) {
+			function warnAboutAccessingKey() {
+				specialPropKeyWarningShown || (specialPropKeyWarningShown = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", displayName));
 			}
-			n.isReactWarning = !0, Object.defineProperty(e, "key", {
-				get: n,
+			warnAboutAccessingKey.isReactWarning = !0;
+			Object.defineProperty(props, "key", {
+				get: warnAboutAccessingKey,
 				configurable: !0
 			});
 		}
-		function u() {
-			var e = t(this.type);
-			return M[e] || (M[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
+		function elementRefGetterWithDeprecationWarning() {
+			var componentName = getComponentNameFromType(this.type);
+			didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."));
+			componentName = this.props.ref;
+			return void 0 !== componentName ? componentName : null;
 		}
-		function ee(e, t, n, r, i, a) {
-			var o = n.ref;
-			return e = {
-				$$typeof: h,
-				type: e,
-				key: t,
-				props: n,
-				_owner: r
-			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
+		function ReactElement(type, key, props, owner, debugStack, debugTask) {
+			var refProp = props.ref;
+			type = {
+				$$typeof: REACT_ELEMENT_TYPE,
+				type,
+				key,
+				props,
+				_owner: owner
+			};
+			null !== (void 0 !== refProp ? refProp : null) ? Object.defineProperty(type, "ref", {
 				enumerable: !1,
-				value: null
-			}) : Object.defineProperty(e, "ref", {
+				get: elementRefGetterWithDeprecationWarning
+			}) : Object.defineProperty(type, "ref", {
 				enumerable: !1,
-				get: u
-			}), e._store = {}, Object.defineProperty(e._store, "validated", {
+				value: null
+			});
+			type._store = {};
+			Object.defineProperty(type._store, "validated", {
 				configurable: !1,
 				enumerable: !1,
 				writable: !0,
 				value: 0
-			}), Object.defineProperty(e, "_debugInfo", {
+			});
+			Object.defineProperty(type, "_debugInfo", {
 				configurable: !1,
 				enumerable: !1,
 				writable: !0,
 				value: null
-			}), Object.defineProperty(e, "_debugStack", {
+			});
+			Object.defineProperty(type, "_debugStack", {
 				configurable: !1,
 				enumerable: !1,
 				writable: !0,
-				value: i
-			}), Object.defineProperty(e, "_debugTask", {
+				value: debugStack
+			});
+			Object.defineProperty(type, "_debugTask", {
 				configurable: !1,
 				enumerable: !1,
 				writable: !0,
-				value: a
-			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+				value: debugTask
+			});
+			Object.freeze && (Object.freeze(type.props), Object.freeze(type));
+			return type;
 		}
-		function d(e, n, r, a, s, u) {
-			var d = n.children;
-			if (d !== void 0) if (a) if (k(d)) {
-				for (a = 0; a < d.length; a++) f(d[a]);
-				Object.freeze && Object.freeze(d);
+		function jsxDEVImpl(type, config, maybeKey, isStaticChildren, debugStack, debugTask) {
+			var children = config.children;
+			if (void 0 !== children) if (isStaticChildren) if (isArrayImpl(children)) {
+				for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++) validateChildKeys(children[isStaticChildren]);
+				Object.freeze && Object.freeze(children);
 			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-			else f(d);
-			if (O.call(n, "key")) {
-				d = t(e);
-				var p = Object.keys(n).filter(function(e) {
-					return e !== "key";
+			else validateChildKeys(children);
+			if (hasOwnProperty.call(config, "key")) {
+				children = getComponentNameFromType(type);
+				var keys = Object.keys(config).filter(function(k) {
+					return "key" !== k;
 				});
-				a = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", F[d + a] || (p = 0 < p.length ? "{" + p.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", a, d, p, d), F[d + a] = !0);
+				isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
+				didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", isStaticChildren, children, keys, children), didWarnAboutKeySpread[children + isStaticChildren] = !0);
 			}
-			if (d = null, r !== void 0 && (i(r), d = "" + r), c(n) && (i(n.key), d = "" + n.key), "key" in n) for (var m in r = {}, n) m !== "key" && (r[m] = n[m]);
-			else r = n;
-			return d && l(r, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), ee(e, d, r, o(), s, u);
+			children = null;
+			void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
+			hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
+			if ("key" in config) {
+				maybeKey = {};
+				for (var propName in config) "key" !== propName && (maybeKey[propName] = config[propName]);
+			} else maybeKey = config;
+			children && defineKeyPropWarningGetter(maybeKey, "function" === typeof type ? type.displayName || type.name || "Unknown" : type);
+			return ReactElement(type, children, maybeKey, getOwner(), debugStack, debugTask);
 		}
-		function f(e) {
-			p(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === T && (e._payload.status === "fulfilled" ? p(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+		function validateChildKeys(node) {
+			isValidElement(node) ? node._store && (node._store.validated = 1) : "object" === typeof node && null !== node && node.$$typeof === REACT_LAZY_TYPE && ("fulfilled" === node._payload.status ? isValidElement(node._payload.value) && node._payload.value._store && (node._payload.value._store.validated = 1) : node._store && (node._store.validated = 1));
 		}
-		function p(e) {
-			return typeof e == "object" && !!e && e.$$typeof === h;
+		function isValidElement(object) {
+			return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
 		}
-		var m = n("react"), h = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), x = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), D = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, O = Object.prototype.hasOwnProperty, k = Array.isArray, A = console.createTask ? console.createTask : function() {
+		var React = __require("react"), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
 			return null;
 		};
-		m = { react_stack_bottom_frame: function(e) {
-			return e();
+		React = { react_stack_bottom_frame: function(callStackForError) {
+			return callStackForError();
 		} };
-		var j, M = {}, N = m.react_stack_bottom_frame.bind(m, s)(), P = A(a(s)), F = {};
-		e.Fragment = _, e.jsx = function(e, t, n) {
-			var r = 1e4 > D.recentlyCreatedOwnerStacks++;
-			return d(e, t, n, !1, r ? Error("react-stack-top-frame") : N, r ? A(a(e)) : P);
-		}, e.jsxs = function(e, t, n) {
-			var r = 1e4 > D.recentlyCreatedOwnerStacks++;
-			return d(e, t, n, !0, r ? Error("react-stack-top-frame") : N, r ? A(a(e)) : P);
+		var specialPropKeyWarningShown;
+		var didWarnAboutElementRef = {};
+		var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(React, UnknownOwner)();
+		var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+		var didWarnAboutKeySpread = {};
+		exports.Fragment = REACT_FRAGMENT_TYPE;
+		exports.jsx = function(type, config, maybeKey) {
+			var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+			return jsxDEVImpl(type, config, maybeKey, !1, trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack, trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
+		};
+		exports.jsxs = function(type, config, maybeKey) {
+			var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+			return jsxDEVImpl(type, config, maybeKey, !0, trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack, trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
 		};
 	})();
-})), $ = (/* @__PURE__ */ t(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = Ne() : t.exports = Pe();
-})))(), Fe = {
+}));
+//#endregion
+//#region src/components/ui/input.tsx
+var import_jsx_runtime = (/* @__PURE__ */ __commonJSMin(((exports, module) => {
+	if (process.env.NODE_ENV === "production") module.exports = require_react_jsx_runtime_production();
+	else module.exports = require_react_jsx_runtime_development();
+})))();
+var inputSizes = {
 	sm: "h-9 px-4 text-[12px] leading-[20px]",
 	md: "h-10 px-5 text-[14px] leading-[20px]",
 	lg: "h-[50px] px-5 text-[16px] leading-[20px]",
 	full: "h-[50px] w-full px-5 text-[14px] md:text-[16px] leading-[20px]"
-}, Ie = e.forwardRef(({ className: t, type: n = "text", size: r = "lg", error: i, ...a }, o) => {
-	let [s, c] = e.useState(!1), l = n === "password";
-	return /* @__PURE__ */ (0, $.jsxs)("div", {
+};
+var Input = React.forwardRef(({ className, type = "text", size = "lg", error, ...props }, ref) => {
+	const [showPassword, setShowPassword] = React.useState(false);
+	const isPassword = type === "password";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "w-full",
-		children: [/* @__PURE__ */ (0, $.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			className: "relative w-full",
-			children: [/* @__PURE__ */ (0, $.jsx)("input", {
-				ref: o,
-				type: l && s ? "text" : n,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+				ref,
+				type: isPassword && showPassword ? "text" : type,
 				"data-slot": "input",
-				className: Me("w-full min-w-0\n            rounded-[50px]\n            border border-border\n            bg-background\n\n            font-sans\n            text-inputtext\n\n            overflow-hidden\n            text-ellipsis\n            whitespace-nowrap\n\n            transition-all\n            outline-none\n\n            placeholder:text-inputtext/60\n\n            focus-visible:border-baseblack\n            focus-visible:ring-0\n            focus-visible:ring-baseblack/20\n\n            disabled:cursor-not-allowed\n            disabled:opacity-50\n\n            aria-invalid:border-destructive\n            aria-invalid:ring-0\n            aria-invalid:ring-destructive/20", !i && "\n                border-border\n                text-inputText\n                focus-visible:border-inputText\n                focus-visible:ring-0\n                focus-visible:ring-inputText/20\n              ", i && "\n                border-destructive\n                text-destructive\n                placeholder:text-destructive/60\n                focus-visible:border-destructive\n                focus-visible:ring-destructive/30\n              ", l && "pr-12", Fe[r], t),
-				...a
-			}), l && /* @__PURE__ */ (0, $.jsx)("button", {
+				className: cn(`w-full min-w-0
+            rounded-[50px]
+            border border-border
+            bg-background
+
+            font-sans
+            text-inputtext
+
+            overflow-hidden
+            text-ellipsis
+            whitespace-nowrap
+
+            transition-all
+            outline-none
+
+            placeholder:text-inputtext/60
+
+            focus-visible:border-baseblack
+            focus-visible:ring-0
+            focus-visible:ring-baseblack/20
+
+            disabled:cursor-not-allowed
+            disabled:opacity-50
+
+            aria-invalid:border-destructive
+            aria-invalid:ring-0
+            aria-invalid:ring-destructive/20`, !error && `
+                border-border
+                text-inputText
+                focus-visible:border-inputText
+                focus-visible:ring-0
+                focus-visible:ring-inputText/20
+              `, error && `
+                border-destructive
+                text-destructive
+                placeholder:text-destructive/60
+                focus-visible:border-destructive
+                focus-visible:ring-destructive/30
+              `, isPassword && "pr-12", inputSizes[size], className),
+				...props
+			}), isPassword && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 				type: "button",
-				onClick: () => c(!s),
+				onClick: () => setShowPassword(!showPassword),
 				className: "\n              absolute right-5 top-1/2 -translate-y-1/2\n              text-muted-foreground hover:text-foreground\n            ",
-				children: s ? /* @__PURE__ */ (0, $.jsxs)("svg", {
+				children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "24",
 					height: "24",
 					viewBox: "0 0 24 24",
 					fill: "none",
-					children: [/* @__PURE__ */ (0, $.jsx)("path", {
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
 						d: "M2 12C2 12 5.5 5 12 5C18.5 5 22 12 22 12C22 12 18.5 19 12 19C5.5 19 2 12 2 12Z",
 						stroke: "#B5B6B8",
 						"stroke-width": "1.5",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}), /* @__PURE__ */ (0, $.jsx)("circle", {
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
 						cx: "12",
 						cy: "12",
 						r: "3",
 						stroke: "#B5B6B8",
 						"stroke-width": "1.5"
 					})]
-				}) : /* @__PURE__ */ (0, $.jsx)("svg", {
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					width: "24",
 					height: "24",
 					viewBox: "0 0 24 24",
 					fill: "none",
-					children: /* @__PURE__ */ (0, $.jsx)("path", {
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
 						d: "M5.05499 3.24563C4.98913 3.17138 4.90918 3.11095 4.81979 3.06783C4.7304 3.02471 4.63334 2.99976 4.53423 2.99443C4.43513 2.9891 4.33595 3.00349 4.24245 3.03677C4.14895 3.07005 4.06298 3.12156 3.98953 3.18831C3.91608 3.25506 3.85661 3.33572 3.81457 3.42562C3.77252 3.51552 3.74874 3.61288 3.7446 3.71204C3.74045 3.8112 3.75603 3.9102 3.79043 4.00329C3.82483 4.09639 3.87737 4.18173 3.94499 4.25438L5.74874 6.23906C2.34374 8.32875 0.879366 11.55 0.814679 11.6963C0.772035 11.7922 0.75 11.896 0.75 12.0009C0.75 12.1059 0.772035 12.2097 0.814679 12.3056C0.847491 12.3797 1.64155 14.1403 3.40687 15.9056C5.75905 18.2569 8.72999 19.5 12 19.5C13.6806 19.5096 15.3442 19.1636 16.8816 18.4847L18.9441 20.7544C19.0099 20.8286 19.0899 20.8891 19.1793 20.9322C19.2686 20.9753 19.3657 21.0002 19.4648 21.0056C19.5639 21.0109 19.6631 20.9965 19.7566 20.9632C19.8501 20.93 19.9361 20.8784 20.0095 20.8117C20.083 20.7449 20.1424 20.6643 20.1845 20.5744C20.2265 20.4845 20.2503 20.3871 20.2544 20.288C20.2586 20.1888 20.243 20.0898 20.2086 19.9967C20.1742 19.9036 20.1217 19.8183 20.0541 19.7456L5.05499 3.24563ZM9.49218 10.3556L13.3987 14.6541C12.8105 14.9636 12.136 15.0689 11.4814 14.9535C10.8268 14.8382 10.229 14.5087 9.78189 14.0168C9.33481 13.5248 9.06377 12.8984 9.01134 12.2357C8.9589 11.573 9.12803 10.9117 9.49218 10.3556ZM12 18C9.11437 18 6.59343 16.9509 4.50655 14.8828C3.64997 14.0315 2.92145 13.0605 2.34374 12C2.78343 11.1759 4.18687 8.86969 6.7828 7.37063L8.4703 9.22219C7.81699 10.0589 7.48052 11.0997 7.52036 12.1605C7.56021 13.2213 7.97379 14.2339 8.68802 15.0192C9.40225 15.8046 10.3711 16.3122 11.4234 16.4522C12.4757 16.5923 13.5436 16.3559 14.4384 15.7847L15.8194 17.3034C14.6006 17.771 13.3053 18.0072 12 18ZM12.5625 9.05344C12.3671 9.01614 12.1944 8.90274 12.0826 8.73818C11.9708 8.57361 11.9289 8.37137 11.9662 8.17594C12.0035 7.98051 12.1169 7.8079 12.2815 7.69608C12.4461 7.58426 12.6483 7.54239 12.8437 7.57969C13.7996 7.765 14.67 8.25436 15.325 8.97477C15.98 9.69518 16.3846 10.608 16.4784 11.5772C16.4969 11.7752 16.436 11.9725 16.3091 12.1257C16.1822 12.2788 15.9996 12.3752 15.8016 12.3938C15.7781 12.3951 15.7547 12.3951 15.7312 12.3938C15.5438 12.3946 15.3628 12.3251 15.224 12.1992C15.0852 12.0732 14.9986 11.8998 14.9812 11.7131C14.9181 11.0685 14.6486 10.4615 14.2128 9.98226C13.7771 9.50307 13.1982 9.17731 12.5625 9.05344ZM23.1825 12.3056C23.1431 12.3938 22.1934 14.4966 20.055 16.4119C19.9819 16.4794 19.8961 16.5317 19.8027 16.5658C19.7092 16.5998 19.6099 16.6149 19.5105 16.6102C19.4111 16.6055 19.3136 16.5811 19.2238 16.5384C19.1339 16.4956 19.0535 16.4354 18.9871 16.3613C18.9208 16.2872 18.8698 16.2006 18.8373 16.1066C18.8047 16.0125 18.7912 15.913 18.7975 15.8137C18.8037 15.7144 18.8297 15.6173 18.8739 15.5282C18.918 15.439 18.9795 15.3595 19.0547 15.2944C20.1038 14.3518 20.9851 13.2378 21.6609 12C21.0819 10.9385 20.3518 9.96683 19.4934 9.11531C17.4066 7.04906 14.8856 6 12 6C11.392 5.99926 10.7849 6.04849 10.185 6.14719C10.0874 6.16444 9.98741 6.16219 9.89073 6.14058C9.79404 6.11896 9.70259 6.07839 9.62167 6.02123C9.54074 5.96407 9.47195 5.89144 9.41925 5.80754C9.36656 5.72363 9.33101 5.63012 9.31466 5.5324C9.29832 5.43469 9.30149 5.3347 9.32401 5.23821C9.34652 5.14173 9.38793 5.05066 9.44584 4.97027C9.50375 4.88988 9.57702 4.82176 9.6614 4.76985C9.74579 4.71794 9.83963 4.68326 9.93749 4.66781C10.6192 4.55525 11.309 4.49912 12 4.5C15.27 4.5 18.2409 5.74313 20.5931 8.09531C22.3584 9.86063 23.1525 11.6222 23.1853 11.6963C23.2279 11.7922 23.25 11.896 23.25 12.0009C23.25 12.1059 23.2279 12.2097 23.1853 12.3056H23.1825Z",
 						fill: "#B5B6B8"
 					})
 				})
 			})]
-		}), i && /* @__PURE__ */ (0, $.jsx)("p", {
+		}), error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
 			className: "mt-1 px-3 text-[12px] leading-[16px] text-destructive font-sans",
-			children: i
+			children: error
 		})]
 	});
 });
-Ie.displayName = "Input";
+Input.displayName = "Input";
 //#endregion
 //#region node_modules/class-variance-authority/dist/index.mjs
-var Le = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Re = i, ze = (e, t) => (n) => {
-	if (t?.variants == null) return Re(e, n?.class, n?.className);
-	let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
-		let t = n?.[e], a = i?.[e];
-		if (t === null) return null;
-		let o = Le(t) || Le(a);
-		return r[e][o];
-	}), o = n && Object.entries(n).reduce((e, t) => {
-		let [n, r] = t;
-		return r === void 0 || (e[n] = r), e;
+/**
+* Copyright 2022 Joe Bell. All rights reserved.
+*
+* This file is licensed to you under the Apache License, Version 2.0
+* (the "License"); you may not use this file except in compliance with the
+* License. You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+* WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the
+* License for the specific language governing permissions and limitations under
+* the License.
+*/ var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+var cx = clsx;
+var cva = (base, config) => (props) => {
+	var _config_compoundVariants;
+	if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+	const { variants, defaultVariants } = config;
+	const getVariantClassNames = Object.keys(variants).map((variant) => {
+		const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+		const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+		if (variantProp === null) return null;
+		const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+		return variants[variant][variantKey];
+	});
+	const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
+		let [key, value] = param;
+		if (value === void 0) return acc;
+		acc[key] = value;
+		return acc;
 	}, {});
-	return Re(e, a, t?.compoundVariants?.reduce((e, t) => {
-		let { class: n, className: r, ...a } = t;
-		return Object.entries(a).every((e) => {
-			let [t, n] = e;
-			return Array.isArray(n) ? n.includes({
-				...i,
-				...o
-			}[t]) : {
-				...i,
-				...o
-			}[t] === n;
+	return cx(base, getVariantClassNames, config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
+		let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
+		return Object.entries(compoundVariantOptions).every((param) => {
+			let [key, value] = param;
+			return Array.isArray(value) ? value.includes({
+				...defaultVariants,
+				...propsWithoutUndefined
+			}[key]) : {
+				...defaultVariants,
+				...propsWithoutUndefined
+			}[key] === value;
 		}) ? [
-			...e,
-			n,
-			r
-		] : e;
-	}, []), n?.class, n?.className);
+			...acc,
+			cvClass,
+			cvClassName
+		] : acc;
+	}, []), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
 };
 //#endregion
 //#region node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-function Be(e, t) {
-	if (typeof e == "function") return e(t);
-	e != null && (e.current = t);
+function setRef(ref, value) {
+	if (typeof ref === "function") return ref(value);
+	else if (ref !== null && ref !== void 0) ref.current = value;
 }
-function Ve(...e) {
-	return (t) => {
-		let n = !1, r = e.map((e) => {
-			let r = Be(e, t);
-			return !n && typeof r == "function" && (n = !0), r;
+function composeRefs(...refs) {
+	return (node) => {
+		let hasCleanup = false;
+		const cleanups = refs.map((ref) => {
+			const cleanup = setRef(ref, node);
+			if (!hasCleanup && typeof cleanup == "function") hasCleanup = true;
+			return cleanup;
 		});
-		if (n) return () => {
-			for (let t = 0; t < r.length; t++) {
-				let n = r[t];
-				typeof n == "function" ? n() : Be(e[t], null);
+		if (hasCleanup) return () => {
+			for (let i = 0; i < cleanups.length; i++) {
+				const cleanup = cleanups[i];
+				if (typeof cleanup == "function") cleanup();
+				else setRef(refs[i], null);
 			}
 		};
 	};
 }
 //#endregion
 //#region node_modules/@radix-ui/react-slot/dist/index.mjs
-var He = Symbol.for("react.lazy"), Ue = e.use;
-function We(e) {
-	return typeof e == "object" && !!e && "then" in e;
+var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+var use = React[" use ".trim().toString()];
+function isPromiseLike(value) {
+	return typeof value === "object" && value !== null && "then" in value;
 }
-function Ge(e) {
-	return typeof e == "object" && !!e && "$$typeof" in e && e.$$typeof === He && "_payload" in e && We(e._payload);
+function isLazyComponent(element) {
+	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
 }
 /* @__NO_SIDE_EFFECTS__ */
-function Ke(t) {
-	let n = /* @__PURE__ */ Je(t), r = e.forwardRef((t, r) => {
-		let { children: i, ...a } = t;
-		Ge(i) && typeof Ue == "function" && (i = Ue(i._payload));
-		let o = e.Children.toArray(i), s = o.find(Xe);
-		if (s) {
-			let t = s.props.children, i = o.map((n) => n === s ? e.Children.count(t) > 1 ? e.Children.only(null) : e.isValidElement(t) ? t.props.children : null : n);
-			return /* @__PURE__ */ (0, $.jsx)(n, {
-				...a,
-				ref: r,
-				children: e.isValidElement(t) ? e.cloneElement(t, void 0, i) : null
+function createSlot(ownerName) {
+	const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+	const Slot2 = React.forwardRef((props, forwardedRef) => {
+		let { children, ...slotProps } = props;
+		if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
+		const childrenArray = React.Children.toArray(children);
+		const slottable = childrenArray.find(isSlottable);
+		if (slottable) {
+			const newElement = slottable.props.children;
+			const newChildren = childrenArray.map((child) => {
+				if (child === slottable) {
+					if (React.Children.count(newElement) > 1) return React.Children.only(null);
+					return React.isValidElement(newElement) ? newElement.props.children : null;
+				} else return child;
+			});
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlotClone, {
+				...slotProps,
+				ref: forwardedRef,
+				children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null
 			});
 		}
-		return /* @__PURE__ */ (0, $.jsx)(n, {
-			...a,
-			ref: r,
-			children: i
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlotClone, {
+			...slotProps,
+			ref: forwardedRef,
+			children
 		});
 	});
-	return r.displayName = `${t}.Slot`, r;
+	Slot2.displayName = `${ownerName}.Slot`;
+	return Slot2;
 }
-var qe = /* @__PURE__ */ Ke("Slot");
+var Slot = /* @__PURE__ */ createSlot("Slot");
 /* @__NO_SIDE_EFFECTS__ */
-function Je(t) {
-	let n = e.forwardRef((t, n) => {
-		let { children: r, ...i } = t;
-		if (Ge(r) && typeof Ue == "function" && (r = Ue(r._payload)), e.isValidElement(r)) {
-			let t = Qe(r), a = Ze(i, r.props);
-			return r.type !== e.Fragment && (a.ref = n ? Ve(n, t) : t), e.cloneElement(r, a);
+function createSlotClone(ownerName) {
+	const SlotClone = React.forwardRef((props, forwardedRef) => {
+		let { children, ...slotProps } = props;
+		if (isLazyComponent(children) && typeof use === "function") children = use(children._payload);
+		if (React.isValidElement(children)) {
+			const childrenRef = getElementRef(children);
+			const props2 = mergeProps(slotProps, children.props);
+			if (children.type !== React.Fragment) props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+			return React.cloneElement(children, props2);
 		}
-		return e.Children.count(r) > 1 ? e.Children.only(null) : null;
+		return React.Children.count(children) > 1 ? React.Children.only(null) : null;
 	});
-	return n.displayName = `${t}.SlotClone`, n;
+	SlotClone.displayName = `${ownerName}.SlotClone`;
+	return SlotClone;
 }
-var Ye = Symbol("radix.slottable");
-function Xe(t) {
-	return e.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === Ye;
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+function isSlottable(child) {
+	return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
-function Ze(e, t) {
-	let n = { ...t };
-	for (let r in t) {
-		let i = e[r], a = t[r];
-		/^on[A-Z]/.test(r) ? i && a ? n[r] = (...e) => {
-			let t = a(...e);
-			return i(...e), t;
-		} : i && (n[r] = i) : r === "style" ? n[r] = {
-			...i,
-			...a
-		} : r === "className" && (n[r] = [i, a].filter(Boolean).join(" "));
+function mergeProps(slotProps, childProps) {
+	const overrideProps = { ...childProps };
+	for (const propName in childProps) {
+		const slotPropValue = slotProps[propName];
+		const childPropValue = childProps[propName];
+		if (/^on[A-Z]/.test(propName)) {
+			if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
+				const result = childPropValue(...args);
+				slotPropValue(...args);
+				return result;
+			};
+			else if (slotPropValue) overrideProps[propName] = slotPropValue;
+		} else if (propName === "style") overrideProps[propName] = {
+			...slotPropValue,
+			...childPropValue
+		};
+		else if (propName === "className") overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
 	}
 	return {
-		...e,
-		...n
+		...slotProps,
+		...overrideProps
 	};
 }
-function Qe(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);
+function getElementRef(element) {
+	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+	if (mayWarn) return element.ref;
+	getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+	mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+	if (mayWarn) return element.props.ref;
+	return element.props.ref || element.ref;
 }
 //#endregion
 //#region src/components/ui/button.tsx
-var $e = ze("flex items-center justify-center border border-transparent font-medium transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50", {
+var buttonVariants = cva("flex items-center justify-center border border-transparent font-medium transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50", {
 	variants: {
 		variant: {
-			primary: "\n          bg-primary\n          text-primary-foreground\n          hover:bg-primary/90\n          rounded-[48px]\n        ",
-			secondary: "\n          bg-gradient-to-r\n          from-[#FBA022]\n          to-[#157C70]\n          text-white\n          hover:opacity-90\n          rounded-[48px]\n        ",
+			primary: `
+          bg-primary
+          text-primary-foreground
+          hover:bg-primary/90
+          rounded-[48px]
+        `,
+			secondary: `
+          bg-gradient-to-r
+          from-[#FBA022]
+          to-[#157C70]
+          text-white
+          hover:opacity-90
+          rounded-[48px]
+        `,
 			outline: "border-border bg-background hover:bg-muted rounded-[48px]",
-			outlinePrimary: "\n          bg-transparent\n          border-2\n          border-primary\n          text-primary\n          rounded-[48px]\n          hover:bg-primary/20\n        ",
-			outlineSecondary: "\n          bg-transparent\n          border-2\n          border-[hsl(var(--outlinesecondary))]\n          text-[hsl(var(--outlinesecondary))]\n          rounded-[48px]\n          hover:bg-[hsl(var(--outlinesecondary))]/20\n        ",
-			outlineWhite: "\n          bg-transparent\n          border-2\n          border-[hsl(var(--basewhite))]\n          text-[hsl(var(--basewhite))]\n          rounded-[48px]\n          hover:bg-[hsl(var(--baseWhite))]/20\n        "
+			outlinePrimary: `
+          bg-transparent
+          border-2
+          border-primary
+          text-primary
+          rounded-[48px]
+          hover:bg-primary/20
+        `,
+			outlineSecondary: `
+          bg-transparent
+          border-2
+          border-[hsl(var(--outlinesecondary))]
+          text-[hsl(var(--outlinesecondary))]
+          rounded-[48px]
+          hover:bg-[hsl(var(--outlinesecondary))]/20
+        `,
+			outlineWhite: `
+          bg-transparent
+          border-2
+          border-[hsl(var(--basewhite))]
+          text-[hsl(var(--basewhite))]
+          rounded-[48px]
+          hover:bg-[hsl(var(--baseWhite))]/20
+        `
 		},
 		size: {
 			sm: "h-9 px-4 text-sm",
 			md: "h-10 px-6 text-base",
-			lg: "\n          h-[40px]\n          w-[350px]\n          px-[32px]\n          gap-[10px]\n          text-base\n          rounded-[48px]\n        ",
-			xl: "\n          h-[50px]\n          w-[350px]\n          px-[40px]\n          gap-[10px]\n          text-base\n          rounded-[48px]\n        ",
-			full: "\n          h-full\n          max-h-[50px]\n          min-h-[30px]\n          w-full\n          max-w-[500px]\n          min-w-[200px]\n          px-[40px]\n          gap-[10px]\n          text-base\n          rounded-[48px]\n        "
+			lg: `
+          h-[40px]
+          w-[350px]
+          px-[32px]
+          gap-[10px]
+          text-base
+          rounded-[48px]
+        `,
+			xl: `
+          h-[50px]
+          w-[350px]
+          px-[40px]
+          gap-[10px]
+          text-base
+          rounded-[48px]
+        `,
+			full: `
+          h-full
+          max-h-[50px]
+          min-h-[30px]
+          w-full
+          max-w-[500px]
+          min-w-[200px]
+          px-[40px]
+          gap-[10px]
+          text-base
+          rounded-[48px]
+        `
 		}
 	},
 	defaultVariants: {
@@ -2076,35 +2577,61 @@ var $e = ze("flex items-center justify-center border border-transparent font-med
 		size: "md"
 	}
 });
-function et({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
-	return /* @__PURE__ */ (0, $.jsx)(r ? qe : "button", {
-		className: Me($e({
-			variant: t,
-			size: n
-		}), e),
-		...i
+function Button({ className, variant, size, asChild = false, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(asChild ? Slot : "button", {
+		className: cn(buttonVariants({
+			variant,
+			size
+		}), className),
+		...props
 	});
 }
 //#endregion
 //#region src/components/ui/backButton.tsx
-var tt = {
+var sizes = {
 	ch: "text-[14px] gap-1 [&_svg]:w-4 [&_svg]:h-4",
 	md: "text-[16px] gap-2 [&_svg]:w-5 [&_svg]:h-5",
 	lg: "text-[18px] gap-2.5 [&_svg]:w-6 [&_svg]:h-6"
-}, nt = e.forwardRef(({ className: e, size: t = "lg", children: n = "Regresar", ...r }, i) => /* @__PURE__ */ (0, $.jsxs)("button", {
-	ref: i,
-	className: Me("\n          inline-flex \n          items-center\n          bg-transparent\n\n          font-sans\n          font-medium\n\n          text-basewhite\n\n          text-center \n          leading-none\n\n          cursor-pointer \n          hover:underline  \n\n          transition-all\n          outline-none\n\n          active:opacity-70\n\n          disabled:opacity-50\n          disabled:cursor-not-allowed\n          ", tt[t], e),
-	...r,
-	children: [/* @__PURE__ */ (0, $.jsx)("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		children: /* @__PURE__ */ (0, $.jsx)("path", {
-			d: "M21.0001 11.9999C21.0001 12.1988 20.9211 12.3896 20.7804 12.5303C20.6398 12.6709 20.449 12.7499 20.2501 12.7499H5.56041L11.0307 18.2193C11.1004 18.289 11.1557 18.3717 11.1934 18.4628C11.2311 18.5538 11.2505 18.6514 11.2505 18.7499C11.2505 18.8485 11.2311 18.9461 11.1934 19.0371C11.1557 19.1281 11.1004 19.2109 11.0307 19.2806C10.961 19.3502 10.8783 19.4055 10.7873 19.4432C10.6962 19.4809 10.5986 19.5003 10.5001 19.5003C10.4016 19.5003 10.304 19.4809 10.2129 19.4432C10.1219 19.4055 10.0392 19.3502 9.96948 19.2806L3.21948 12.5306C3.14974 12.4609 3.09443 12.3782 3.05668 12.2871C3.01894 12.1961 2.99951 12.0985 2.99951 11.9999C2.99951 11.9014 3.01894 11.8038 3.05668 11.7127C3.09443 11.6217 3.14974 11.539 3.21948 11.4693L9.96948 4.7193C10.1102 4.57857 10.3011 4.49951 10.5001 4.49951C10.6991 4.49951 10.89 4.57857 11.0307 4.7193C11.1715 4.86003 11.2505 5.05091 11.2505 5.24993C11.2505 5.44895 11.1715 5.63982 11.0307 5.78055L5.56041 11.2499H20.2501C20.449 11.2499 20.6398 11.3289 20.7804 11.4696C20.9211 11.6103 21.0001 11.801 21.0001 11.9999Z",
-			fill: "currentColor"
-		})
-	}), /* @__PURE__ */ (0, $.jsx)("span", { children: n })]
-}));
-nt.displayName = "BackButton";
+};
+var BackButton = React.forwardRef(({ className, size = "lg", children = "Regresar", ...props }, ref) => {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+		ref,
+		className: cn(`
+          inline-flex 
+          items-center
+          bg-transparent
+
+          font-sans
+          font-medium
+
+          text-basewhite
+
+          text-center 
+          leading-none
+
+          cursor-pointer 
+          hover:underline  
+
+          transition-all
+          outline-none
+
+          active:opacity-70
+
+          disabled:opacity-50
+          disabled:cursor-not-allowed
+          `, sizes[size], className),
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+				d: "M21.0001 11.9999C21.0001 12.1988 20.9211 12.3896 20.7804 12.5303C20.6398 12.6709 20.449 12.7499 20.2501 12.7499H5.56041L11.0307 18.2193C11.1004 18.289 11.1557 18.3717 11.1934 18.4628C11.2311 18.5538 11.2505 18.6514 11.2505 18.7499C11.2505 18.8485 11.2311 18.9461 11.1934 19.0371C11.1557 19.1281 11.1004 19.2109 11.0307 19.2806C10.961 19.3502 10.8783 19.4055 10.7873 19.4432C10.6962 19.4809 10.5986 19.5003 10.5001 19.5003C10.4016 19.5003 10.304 19.4809 10.2129 19.4432C10.1219 19.4055 10.0392 19.3502 9.96948 19.2806L3.21948 12.5306C3.14974 12.4609 3.09443 12.3782 3.05668 12.2871C3.01894 12.1961 2.99951 12.0985 2.99951 11.9999C2.99951 11.9014 3.01894 11.8038 3.05668 11.7127C3.09443 11.6217 3.14974 11.539 3.21948 11.4693L9.96948 4.7193C10.1102 4.57857 10.3011 4.49951 10.5001 4.49951C10.6991 4.49951 10.89 4.57857 11.0307 4.7193C11.1715 4.86003 11.2505 5.05091 11.2505 5.24993C11.2505 5.44895 11.1715 5.63982 11.0307 5.78055L5.56041 11.2499H20.2501C20.449 11.2499 20.6398 11.3289 20.7804 11.4696C20.9211 11.6103 21.0001 11.801 21.0001 11.9999Z",
+				fill: "currentColor"
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })]
+	});
+});
+BackButton.displayName = "BackButton";
 //#endregion
-export { nt as BackButton, et as Button, Ie as Input };
+export { BackButton, Button, Input };