@alikhalilll/a-skeleton 1.0.0

package/dist/index.cjs

@@ -0,0 +1,4513 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let vue = require("vue");
+//#region ../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+	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 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/.pnpm/tailwind-merge@3.6.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+/**
+* Concatenates two arrays faster than the array spread operator.
+*/
+const 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;
+};
+const createClassValidatorObject = (classGroupId, validator) => ({
+	classGroupId,
+	validator
+});
+const createClassPartObject = (nextPart = /* @__PURE__ */ new Map(), validators = null, classGroupId) => ({
+	nextPart,
+	validators,
+	classGroupId
+});
+const CLASS_PART_SEPARATOR = "-";
+const EMPTY_CONFLICTS = [];
+const ARBITRARY_PROPERTY_PREFIX = "arbitrary..";
+const 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 baseConflicts || EMPTY_CONFLICTS;
+		}
+		return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
+	};
+	return {
+		getClassGroupId,
+		getConflictingClassGroupIds
+	};
+};
+const 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;
+	}
+	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;
+	}
+};
+/**
+* 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 `]`.
+*/
+const 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
+*/
+const createClassMap = (config) => {
+	const { theme, classGroups } = config;
+	return processClassGroups(classGroups, theme);
+};
+const processClassGroups = (classGroups, theme) => {
+	const classMap = createClassPartObject();
+	for (const classGroupId in classGroups) {
+		const group = classGroups[classGroupId];
+		processClassesRecursively(group, classMap, classGroupId, theme);
+	}
+	return classMap;
+};
+const 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);
+	}
+};
+const processClassDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
+	if (typeof classDefinition === "string") {
+		processStringDefinition(classDefinition, classPartObject, classGroupId);
+		return;
+	}
+	if (typeof classDefinition === "function") {
+		processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme);
+		return;
+	}
+	processObjectDefinition(classDefinition, classPartObject, classGroupId, theme);
+};
+const processStringDefinition = (classDefinition, classPartObject, classGroupId) => {
+	const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
+	classPartObjectToEdit.classGroupId = classGroupId;
+};
+const processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
+	if (isThemeGetter(classDefinition)) {
+		processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
+		return;
+	}
+	if (classPartObject.validators === null) classPartObject.validators = [];
+	classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));
+};
+const 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);
+	}
+};
+const 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 current;
+};
+const isThemeGetter = (func) => "isThemeGetter" in func && func.isThemeGetter === true;
+const createLruCache = (maxCacheSize) => {
+	if (maxCacheSize < 1) return {
+		get: () => void 0,
+		set: () => {}
+	};
+	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(key) {
+			let value = cache[key];
+			if (value !== void 0) return value;
+			if ((value = previousCache[key]) !== void 0) {
+				update(key, value);
+				return value;
+			}
+		},
+		set(key, value) {
+			if (key in cache) cache[key] = value;
+			else update(key, value);
+		}
+	};
+};
+const IMPORTANT_MODIFIER = "!";
+const MODIFIER_SEPARATOR = ":";
+const EMPTY_MODIFIERS = [];
+const createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({
+	modifiers,
+	hasImportantModifier,
+	baseClassName,
+	maybePostfixModifierPosition,
+	isExternal
+});
+const 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 (currentCharacter === "/") {
+					postfixModifierPosition = index;
+					continue;
+				}
+			}
+			if (currentCharacter === "[") bracketDepth++;
+			else if (currentCharacter === "]") bracketDepth--;
+			else if (currentCharacter === "(") parenDepth++;
+			else if (currentCharacter === ")") parenDepth--;
+		}
+		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 (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 (experimentalParseClassName) {
+		const parseClassNameOriginal = parseClassName;
+		parseClassName = (className) => experimentalParseClassName({
+			className,
+			parseClassName: parseClassNameOriginal
+		});
+	}
+	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
+*/
+const 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 result;
+	};
+};
+const createConfigUtils = (config) => ({
+	cache: createLruCache(config.cacheSize),
+	parseClassName: createParseClassName(config),
+	sortModifiers: createSortModifiers(config),
+	postfixLookupClassGroupIds: createPostfixLookupClassGroupIds(config),
+	...createClassGroupUtils(config)
+});
+const createPostfixLookupClassGroupIds = (config) => {
+	const lookup = Object.create(null);
+	const classGroupIds = config.postfixLookupClassGroups;
+	if (classGroupIds) for (let i = 0; i < classGroupIds.length; i++) lookup[classGroupIds[i]] = true;
+	return lookup;
+};
+const SPLIT_CLASSES_REGEX = /\s+/;
+const mergeClassList = (classList, configUtils) => {
+	const { parseClassName, getClassGroupId, getConflictingClassGroupIds, sortModifiers, postfixLookupClassGroupIds } = 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 hasPostfixModifier = !!maybePostfixModifierPosition;
+		let classGroupId;
+		if (hasPostfixModifier) {
+			classGroupId = getClassGroupId(baseClassName.substring(0, maybePostfixModifierPosition));
+			const classGroupIdWithPostfix = classGroupId && postfixLookupClassGroupIds[classGroupId] ? getClassGroupId(baseClassName) : void 0;
+			if (classGroupIdWithPostfix && classGroupIdWithPostfix !== classGroupId) {
+				classGroupId = classGroupIdWithPostfix;
+				hasPostfixModifier = false;
+			}
+		} else classGroupId = getClassGroupId(baseClassName);
+		if (!classGroupId) {
+			if (!hasPostfixModifier) {
+				result = originalClassName + (result.length > 0 ? " " + result : result);
+				continue;
+			}
+			classGroupId = getClassGroupId(baseClassName);
+			if (!classGroupId) {
+				result = originalClassName + (result.length > 0 ? " " + result : result);
+				continue;
+			}
+			hasPostfixModifier = false;
+		}
+		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);
+		}
+		result = originalClassName + (result.length > 0 ? " " + result : result);
+	}
+	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)
+*/
+const 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;
+};
+const 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;
+};
+const 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;
+	};
+	functionToCall = initTailwindMerge;
+	return (...args) => functionToCall(twJoin(...args));
+};
+const fallbackThemeArr = [];
+const fromTheme = (key) => {
+	const themeGetter = (theme) => theme[key] || fallbackThemeArr;
+	themeGetter.isThemeGetter = true;
+	return themeGetter;
+};
+const arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i;
+const arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i;
+const fractionRegex = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/;
+const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
+const 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$/;
+const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/;
+const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
+const isFraction = (value) => fractionRegex.test(value);
+const isNumber = (value) => !!value && !Number.isNaN(Number(value));
+const isInteger = (value) => !!value && Number.isInteger(Number(value));
+const isPercent = (value) => value.endsWith("%") && isNumber(value.slice(0, -1));
+const isTshirtSize = (value) => tshirtUnitRegex.test(value);
+const isAny = () => true;
+const isLengthOnly = (value) => lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
+const isNever = () => false;
+const isShadow = (value) => shadowRegex.test(value);
+const isImage = (value) => imageRegex.test(value);
+const isAnyNonArbitrary = (value) => !isArbitraryValue(value) && !isArbitraryVariable(value);
+const isNamedContainerQuery = (value) => value.startsWith("@container") && (value[10] === "/" && value[11] !== void 0 || value[11] === "s" && value[16] !== void 0 && value.startsWith("-size/", 10) || value[11] === "n" && value[18] !== void 0 && value.startsWith("-normal/", 10));
+const isArbitrarySize = (value) => getIsArbitraryValue(value, isLabelSize, isNever);
+const isArbitraryValue = (value) => arbitraryValueRegex.test(value);
+const isArbitraryLength = (value) => getIsArbitraryValue(value, isLabelLength, isLengthOnly);
+const isArbitraryNumber = (value) => getIsArbitraryValue(value, isLabelNumber, isNumber);
+const isArbitraryWeight = (value) => getIsArbitraryValue(value, isLabelWeight, isAny);
+const isArbitraryFamilyName = (value) => getIsArbitraryValue(value, isLabelFamilyName, isNever);
+const isArbitraryPosition = (value) => getIsArbitraryValue(value, isLabelPosition, isNever);
+const isArbitraryImage = (value) => getIsArbitraryValue(value, isLabelImage, isImage);
+const isArbitraryShadow = (value) => getIsArbitraryValue(value, isLabelShadow, isShadow);
+const isArbitraryVariable = (value) => arbitraryVariableRegex.test(value);
+const isArbitraryVariableLength = (value) => getIsArbitraryVariable(value, isLabelLength);
+const isArbitraryVariableFamilyName = (value) => getIsArbitraryVariable(value, isLabelFamilyName);
+const isArbitraryVariablePosition = (value) => getIsArbitraryVariable(value, isLabelPosition);
+const isArbitraryVariableSize = (value) => getIsArbitraryVariable(value, isLabelSize);
+const isArbitraryVariableImage = (value) => getIsArbitraryVariable(value, isLabelImage);
+const isArbitraryVariableShadow = (value) => getIsArbitraryVariable(value, isLabelShadow, true);
+const isArbitraryVariableWeight = (value) => getIsArbitraryVariable(value, isLabelWeight, true);
+const getIsArbitraryValue = (value, testLabel, testValue) => {
+	const result = arbitraryValueRegex.exec(value);
+	if (result) {
+		if (result[1]) return testLabel(result[1]);
+		return testValue(result[2]);
+	}
+	return false;
+};
+const getIsArbitraryVariable = (value, testLabel, shouldMatchNoLabel = false) => {
+	const result = arbitraryVariableRegex.exec(value);
+	if (result) {
+		if (result[1]) return testLabel(result[1]);
+		return shouldMatchNoLabel;
+	}
+	return false;
+};
+const isLabelPosition = (label) => label === "position" || label === "percentage";
+const isLabelImage = (label) => label === "image" || label === "url";
+const isLabelSize = (label) => label === "length" || label === "size" || label === "bg-size";
+const isLabelLength = (label) => label === "length";
+const isLabelNumber = (label) => label === "number";
+const isLabelFamilyName = (label) => label === "family-name";
+const isLabelWeight = (label) => label === "number" || label === "weight";
+const isLabelShadow = (label) => label === "shadow";
+const 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",
+		"avoid-page",
+		"page",
+		"left",
+		"right",
+		"column"
+	];
+	const scalePosition = () => [
+		"center",
+		"top",
+		"bottom",
+		"left",
+		"right",
+		"top-left",
+		"left-top",
+		"top-right",
+		"right-top",
+		"bottom-right",
+		"right-bottom",
+		"bottom-left",
+		"left-bottom"
+	];
+	const scalePositionWithArbitrary = () => [
+		...scalePosition(),
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleOverflow = () => [
+		"auto",
+		"hidden",
+		"clip",
+		"visible",
+		"scroll"
+	];
+	const scaleOverscroll = () => [
+		"auto",
+		"contain",
+		"none"
+	];
+	const scaleUnambiguousSpacing = () => [
+		isArbitraryVariable,
+		isArbitraryValue,
+		themeSpacing
+	];
+	const scaleInset = () => [
+		isFraction,
+		"full",
+		"auto",
+		...scaleUnambiguousSpacing()
+	];
+	const scaleGridTemplateColsRows = () => [
+		isInteger,
+		"none",
+		"subgrid",
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleGridColRowStartAndEnd = () => [
+		"auto",
+		{ span: [
+			"full",
+			isInteger,
+			isArbitraryVariable,
+			isArbitraryValue
+		] },
+		isInteger,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleGridColRowStartOrEnd = () => [
+		isInteger,
+		"auto",
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleGridAutoColsRows = () => [
+		"auto",
+		"min",
+		"max",
+		"fr",
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleAlignPrimaryAxis = () => [
+		"start",
+		"end",
+		"center",
+		"between",
+		"around",
+		"evenly",
+		"stretch",
+		"baseline",
+		"center-safe",
+		"end-safe"
+	];
+	const scaleAlignSecondaryAxis = () => [
+		"start",
+		"end",
+		"center",
+		"stretch",
+		"center-safe",
+		"end-safe"
+	];
+	const scaleMargin = () => ["auto", ...scaleUnambiguousSpacing()];
+	const scaleSizing = () => [
+		isFraction,
+		"auto",
+		"full",
+		"dvw",
+		"dvh",
+		"lvw",
+		"lvh",
+		"svw",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...scaleUnambiguousSpacing()
+	];
+	const scaleSizingInline = () => [
+		isFraction,
+		"screen",
+		"full",
+		"dvw",
+		"lvw",
+		"svw",
+		"min",
+		"max",
+		"fit",
+		...scaleUnambiguousSpacing()
+	];
+	const scaleSizingBlock = () => [
+		isFraction,
+		"screen",
+		"full",
+		"lh",
+		"dvh",
+		"lvh",
+		"svh",
+		"min",
+		"max",
+		"fit",
+		...scaleUnambiguousSpacing()
+	];
+	const scaleColor = () => [
+		themeColor,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleBgPosition = () => [
+		...scalePosition(),
+		isArbitraryVariablePosition,
+		isArbitraryPosition,
+		{ position: [isArbitraryVariable, isArbitraryValue] }
+	];
+	const scaleBgRepeat = () => ["no-repeat", { repeat: [
+		"",
+		"x",
+		"y",
+		"space",
+		"round"
+	] }];
+	const scaleBgSize = () => [
+		"auto",
+		"cover",
+		"contain",
+		isArbitraryVariableSize,
+		isArbitrarySize,
+		{ size: [isArbitraryVariable, isArbitraryValue] }
+	];
+	const scaleGradientStopPosition = () => [
+		isPercent,
+		isArbitraryVariableLength,
+		isArbitraryLength
+	];
+	const scaleRadius = () => [
+		"",
+		"none",
+		"full",
+		themeRadius,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleBorderWidth = () => [
+		"",
+		isNumber,
+		isArbitraryVariableLength,
+		isArbitraryLength
+	];
+	const scaleLineStyle = () => [
+		"solid",
+		"dashed",
+		"dotted",
+		"double"
+	];
+	const scaleBlendMode = () => [
+		"normal",
+		"multiply",
+		"screen",
+		"overlay",
+		"darken",
+		"lighten",
+		"color-dodge",
+		"color-burn",
+		"hard-light",
+		"soft-light",
+		"difference",
+		"exclusion",
+		"hue",
+		"saturation",
+		"color",
+		"luminosity"
+	];
+	const scaleMaskImagePosition = () => [
+		isNumber,
+		isPercent,
+		isArbitraryVariablePosition,
+		isArbitraryPosition
+	];
+	const scaleBlur = () => [
+		"",
+		"none",
+		themeBlur,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleRotate = () => [
+		"none",
+		isNumber,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleScale = () => [
+		"none",
+		isNumber,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleSkew = () => [
+		isNumber,
+		isArbitraryVariable,
+		isArbitraryValue
+	];
+	const scaleTranslate = () => [
+		isFraction,
+		"full",
+		...scaleUnambiguousSpacing()
+	];
+	return {
+		cacheSize: 500,
+		theme: {
+			animate: [
+				"spin",
+				"ping",
+				"pulse",
+				"bounce"
+			],
+			aspect: ["video"],
+			blur: [isTshirtSize],
+			breakpoint: [isTshirtSize],
+			color: [isAny],
+			container: [isTshirtSize],
+			"drop-shadow": [isTshirtSize],
+			ease: [
+				"in",
+				"out",
+				"in-out"
+			],
+			font: [isAnyNonArbitrary],
+			"font-weight": [
+				"thin",
+				"extralight",
+				"light",
+				"normal",
+				"medium",
+				"semibold",
+				"bold",
+				"extrabold",
+				"black"
+			],
+			"inset-shadow": [isTshirtSize],
+			leading: [
+				"none",
+				"tight",
+				"snug",
+				"normal",
+				"relaxed",
+				"loose"
+			],
+			perspective: [
+				"dramatic",
+				"near",
+				"normal",
+				"midrange",
+				"distant",
+				"none"
+			],
+			radius: [isTshirtSize],
+			shadow: [isTshirtSize],
+			spacing: ["px", isNumber],
+			text: [isTshirtSize],
+			"text-shadow": [isTshirtSize],
+			tracking: [
+				"tighter",
+				"tight",
+				"normal",
+				"wide",
+				"wider",
+				"widest"
+			]
+		},
+		classGroups: {
+			/**
+			* Aspect Ratio
+			* @see https://tailwindcss.com/docs/aspect-ratio
+			*/
+			aspect: [{ aspect: [
+				"auto",
+				"square",
+				isFraction,
+				isArbitraryValue,
+				isArbitraryVariable,
+				themeAspect
+			] }],
+			/**
+			* Container
+			* @see https://tailwindcss.com/docs/container
+			* @deprecated since Tailwind CSS v4.0.0
+			*/
+			container: ["container"],
+			/**
+			* Container Type
+			* @see https://tailwindcss.com/docs/responsive-design#container-queries
+			*/
+			"container-type": [{ "@container": [
+				"",
+				"normal",
+				"size",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Container Name
+			* @see https://tailwindcss.com/docs/responsive-design#named-containers
+			*/
+			"container-named": [isNamedContainerQuery],
+			/**
+			* Columns
+			* @see https://tailwindcss.com/docs/columns
+			*/
+			columns: [{ columns: [
+				isNumber,
+				isArbitraryValue,
+				isArbitraryVariable,
+				themeContainer
+			] }],
+			/**
+			* Break After
+			* @see https://tailwindcss.com/docs/break-after
+			*/
+			"break-after": [{ "break-after": scaleBreak() }],
+			/**
+			* Break Before
+			* @see https://tailwindcss.com/docs/break-before
+			*/
+			"break-before": [{ "break-before": scaleBreak() }],
+			/**
+			* Break Inside
+			* @see https://tailwindcss.com/docs/break-inside
+			*/
+			"break-inside": [{ "break-inside": [
+				"auto",
+				"avoid",
+				"avoid-page",
+				"avoid-column"
+			] }],
+			/**
+			* Box Decoration Break
+			* @see https://tailwindcss.com/docs/box-decoration-break
+			*/
+			"box-decoration": [{ "box-decoration": ["slice", "clone"] }],
+			/**
+			* Box Sizing
+			* @see https://tailwindcss.com/docs/box-sizing
+			*/
+			box: [{ box: ["border", "content"] }],
+			/**
+			* Display
+			* @see https://tailwindcss.com/docs/display
+			*/
+			display: [
+				"block",
+				"inline-block",
+				"inline",
+				"flex",
+				"inline-flex",
+				"table",
+				"inline-table",
+				"table-caption",
+				"table-cell",
+				"table-column",
+				"table-column-group",
+				"table-footer-group",
+				"table-header-group",
+				"table-row-group",
+				"table-row",
+				"flow-root",
+				"grid",
+				"inline-grid",
+				"contents",
+				"list-item",
+				"hidden"
+			],
+			/**
+			* Screen Reader Only
+			* @see https://tailwindcss.com/docs/display#screen-reader-only
+			*/
+			sr: ["sr-only", "not-sr-only"],
+			/**
+			* Floats
+			* @see https://tailwindcss.com/docs/float
+			*/
+			float: [{ float: [
+				"right",
+				"left",
+				"none",
+				"start",
+				"end"
+			] }],
+			/**
+			* Clear
+			* @see https://tailwindcss.com/docs/clear
+			*/
+			clear: [{ clear: [
+				"left",
+				"right",
+				"both",
+				"none",
+				"start",
+				"end"
+			] }],
+			/**
+			* Isolation
+			* @see https://tailwindcss.com/docs/isolation
+			*/
+			isolation: ["isolate", "isolation-auto"],
+			/**
+			* Object Fit
+			* @see https://tailwindcss.com/docs/object-fit
+			*/
+			"object-fit": [{ object: [
+				"contain",
+				"cover",
+				"fill",
+				"none",
+				"scale-down"
+			] }],
+			/**
+			* Object Position
+			* @see https://tailwindcss.com/docs/object-position
+			*/
+			"object-position": [{ object: scalePositionWithArbitrary() }],
+			/**
+			* Overflow
+			* @see https://tailwindcss.com/docs/overflow
+			*/
+			overflow: [{ overflow: scaleOverflow() }],
+			/**
+			* Overflow X
+			* @see https://tailwindcss.com/docs/overflow
+			*/
+			"overflow-x": [{ "overflow-x": scaleOverflow() }],
+			/**
+			* Overflow Y
+			* @see https://tailwindcss.com/docs/overflow
+			*/
+			"overflow-y": [{ "overflow-y": scaleOverflow() }],
+			/**
+			* Overscroll Behavior
+			* @see https://tailwindcss.com/docs/overscroll-behavior
+			*/
+			overscroll: [{ overscroll: scaleOverscroll() }],
+			/**
+			* Overscroll Behavior X
+			* @see https://tailwindcss.com/docs/overscroll-behavior
+			*/
+			"overscroll-x": [{ "overscroll-x": scaleOverscroll() }],
+			/**
+			* Overscroll Behavior Y
+			* @see https://tailwindcss.com/docs/overscroll-behavior
+			*/
+			"overscroll-y": [{ "overscroll-y": scaleOverscroll() }],
+			/**
+			* Position
+			* @see https://tailwindcss.com/docs/position
+			*/
+			position: [
+				"static",
+				"fixed",
+				"absolute",
+				"relative",
+				"sticky"
+			],
+			/**
+			* Inset
+			* @see https://tailwindcss.com/docs/top-right-bottom-left
+			*/
+			inset: [{ inset: scaleInset() }],
+			/**
+			* Inset Inline
+			* @see https://tailwindcss.com/docs/top-right-bottom-left
+			*/
+			"inset-x": [{ "inset-x": scaleInset() }],
+			/**
+			* Inset Block
+			* @see https://tailwindcss.com/docs/top-right-bottom-left
+			*/
+			"inset-y": [{ "inset-y": scaleInset() }],
+			/**
+			* Inset Inline Start
+			* @see https://tailwindcss.com/docs/top-right-bottom-left
+			* @todo class group will be renamed to `inset-s` in next major release
+			*/
+			start: [{
+				"inset-s": scaleInset(),
+				/**
+				* @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
+				* @see https://github.com/tailwindlabs/tailwindcss/pull/19613
+				*/
+				start: scaleInset()
+			}],
+			/**
+			* Inset Inline End
+			* @see https://tailwindcss.com/docs/top-right-bottom-left
+			* @todo class group will be renamed to `inset-e` in next major release
+			*/
+			end: [{
+				"inset-e": scaleInset(),
+				/**
+				* @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
+				* @see https://github.com/tailwindlabs/tailwindcss/pull/19613
+				*/
+				end: scaleInset()
+			}],
+			/**
+			* Inset Block Start
+			* @see https://tailwindcss.com/docs/top-right-bottom-left
+			*/
+			"inset-bs": [{ "inset-bs": scaleInset() }],
+			/**
+			* Inset Block End
+			* @see https://tailwindcss.com/docs/top-right-bottom-left
+			*/
+			"inset-be": [{ "inset-be": scaleInset() }],
+			/**
+			* Top
+			* @see https://tailwindcss.com/docs/top-right-bottom-left
+			*/
+			top: [{ top: scaleInset() }],
+			/**
+			* Right
+			* @see https://tailwindcss.com/docs/top-right-bottom-left
+			*/
+			right: [{ right: scaleInset() }],
+			/**
+			* Bottom
+			* @see https://tailwindcss.com/docs/top-right-bottom-left
+			*/
+			bottom: [{ bottom: scaleInset() }],
+			/**
+			* Left
+			* @see https://tailwindcss.com/docs/top-right-bottom-left
+			*/
+			left: [{ left: scaleInset() }],
+			/**
+			* Visibility
+			* @see https://tailwindcss.com/docs/visibility
+			*/
+			visibility: [
+				"visible",
+				"invisible",
+				"collapse"
+			],
+			/**
+			* Z-Index
+			* @see https://tailwindcss.com/docs/z-index
+			*/
+			z: [{ z: [
+				isInteger,
+				"auto",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Flex Basis
+			* @see https://tailwindcss.com/docs/flex-basis
+			*/
+			basis: [{ basis: [
+				isFraction,
+				"full",
+				"auto",
+				themeContainer,
+				...scaleUnambiguousSpacing()
+			] }],
+			/**
+			* Flex Direction
+			* @see https://tailwindcss.com/docs/flex-direction
+			*/
+			"flex-direction": [{ flex: [
+				"row",
+				"row-reverse",
+				"col",
+				"col-reverse"
+			] }],
+			/**
+			* Flex Wrap
+			* @see https://tailwindcss.com/docs/flex-wrap
+			*/
+			"flex-wrap": [{ flex: [
+				"nowrap",
+				"wrap",
+				"wrap-reverse"
+			] }],
+			/**
+			* Flex
+			* @see https://tailwindcss.com/docs/flex
+			*/
+			flex: [{ flex: [
+				isNumber,
+				isFraction,
+				"auto",
+				"initial",
+				"none",
+				isArbitraryValue
+			] }],
+			/**
+			* Flex Grow
+			* @see https://tailwindcss.com/docs/flex-grow
+			*/
+			grow: [{ grow: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Flex Shrink
+			* @see https://tailwindcss.com/docs/flex-shrink
+			*/
+			shrink: [{ shrink: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Order
+			* @see https://tailwindcss.com/docs/order
+			*/
+			order: [{ order: [
+				isInteger,
+				"first",
+				"last",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Grid Template Columns
+			* @see https://tailwindcss.com/docs/grid-template-columns
+			*/
+			"grid-cols": [{ "grid-cols": scaleGridTemplateColsRows() }],
+			/**
+			* Grid Column Start / End
+			* @see https://tailwindcss.com/docs/grid-column
+			*/
+			"col-start-end": [{ col: scaleGridColRowStartAndEnd() }],
+			/**
+			* Grid Column Start
+			* @see https://tailwindcss.com/docs/grid-column
+			*/
+			"col-start": [{ "col-start": scaleGridColRowStartOrEnd() }],
+			/**
+			* Grid Column End
+			* @see https://tailwindcss.com/docs/grid-column
+			*/
+			"col-end": [{ "col-end": scaleGridColRowStartOrEnd() }],
+			/**
+			* Grid Template Rows
+			* @see https://tailwindcss.com/docs/grid-template-rows
+			*/
+			"grid-rows": [{ "grid-rows": scaleGridTemplateColsRows() }],
+			/**
+			* Grid Row Start / End
+			* @see https://tailwindcss.com/docs/grid-row
+			*/
+			"row-start-end": [{ row: scaleGridColRowStartAndEnd() }],
+			/**
+			* Grid Row Start
+			* @see https://tailwindcss.com/docs/grid-row
+			*/
+			"row-start": [{ "row-start": scaleGridColRowStartOrEnd() }],
+			/**
+			* Grid Row End
+			* @see https://tailwindcss.com/docs/grid-row
+			*/
+			"row-end": [{ "row-end": scaleGridColRowStartOrEnd() }],
+			/**
+			* Grid Auto Flow
+			* @see https://tailwindcss.com/docs/grid-auto-flow
+			*/
+			"grid-flow": [{ "grid-flow": [
+				"row",
+				"col",
+				"dense",
+				"row-dense",
+				"col-dense"
+			] }],
+			/**
+			* Grid Auto Columns
+			* @see https://tailwindcss.com/docs/grid-auto-columns
+			*/
+			"auto-cols": [{ "auto-cols": scaleGridAutoColsRows() }],
+			/**
+			* Grid Auto Rows
+			* @see https://tailwindcss.com/docs/grid-auto-rows
+			*/
+			"auto-rows": [{ "auto-rows": scaleGridAutoColsRows() }],
+			/**
+			* Gap
+			* @see https://tailwindcss.com/docs/gap
+			*/
+			gap: [{ gap: scaleUnambiguousSpacing() }],
+			/**
+			* Gap X
+			* @see https://tailwindcss.com/docs/gap
+			*/
+			"gap-x": [{ "gap-x": scaleUnambiguousSpacing() }],
+			/**
+			* Gap Y
+			* @see https://tailwindcss.com/docs/gap
+			*/
+			"gap-y": [{ "gap-y": scaleUnambiguousSpacing() }],
+			/**
+			* Justify Content
+			* @see https://tailwindcss.com/docs/justify-content
+			*/
+			"justify-content": [{ justify: [...scaleAlignPrimaryAxis(), "normal"] }],
+			/**
+			* Justify Items
+			* @see https://tailwindcss.com/docs/justify-items
+			*/
+			"justify-items": [{ "justify-items": [...scaleAlignSecondaryAxis(), "normal"] }],
+			/**
+			* Justify Self
+			* @see https://tailwindcss.com/docs/justify-self
+			*/
+			"justify-self": [{ "justify-self": ["auto", ...scaleAlignSecondaryAxis()] }],
+			/**
+			* Align Content
+			* @see https://tailwindcss.com/docs/align-content
+			*/
+			"align-content": [{ content: ["normal", ...scaleAlignPrimaryAxis()] }],
+			/**
+			* Align Items
+			* @see https://tailwindcss.com/docs/align-items
+			*/
+			"align-items": [{ items: [...scaleAlignSecondaryAxis(), { baseline: ["", "last"] }] }],
+			/**
+			* Align Self
+			* @see https://tailwindcss.com/docs/align-self
+			*/
+			"align-self": [{ self: [
+				"auto",
+				...scaleAlignSecondaryAxis(),
+				{ baseline: ["", "last"] }
+			] }],
+			/**
+			* Place Content
+			* @see https://tailwindcss.com/docs/place-content
+			*/
+			"place-content": [{ "place-content": scaleAlignPrimaryAxis() }],
+			/**
+			* Place Items
+			* @see https://tailwindcss.com/docs/place-items
+			*/
+			"place-items": [{ "place-items": [...scaleAlignSecondaryAxis(), "baseline"] }],
+			/**
+			* Place Self
+			* @see https://tailwindcss.com/docs/place-self
+			*/
+			"place-self": [{ "place-self": ["auto", ...scaleAlignSecondaryAxis()] }],
+			/**
+			* Padding
+			* @see https://tailwindcss.com/docs/padding
+			*/
+			p: [{ p: scaleUnambiguousSpacing() }],
+			/**
+			* Padding Inline
+			* @see https://tailwindcss.com/docs/padding
+			*/
+			px: [{ px: scaleUnambiguousSpacing() }],
+			/**
+			* Padding Block
+			* @see https://tailwindcss.com/docs/padding
+			*/
+			py: [{ py: scaleUnambiguousSpacing() }],
+			/**
+			* Padding Inline Start
+			* @see https://tailwindcss.com/docs/padding
+			*/
+			ps: [{ ps: scaleUnambiguousSpacing() }],
+			/**
+			* Padding Inline End
+			* @see https://tailwindcss.com/docs/padding
+			*/
+			pe: [{ pe: scaleUnambiguousSpacing() }],
+			/**
+			* Padding Block Start
+			* @see https://tailwindcss.com/docs/padding
+			*/
+			pbs: [{ pbs: scaleUnambiguousSpacing() }],
+			/**
+			* Padding Block End
+			* @see https://tailwindcss.com/docs/padding
+			*/
+			pbe: [{ pbe: scaleUnambiguousSpacing() }],
+			/**
+			* Padding Top
+			* @see https://tailwindcss.com/docs/padding
+			*/
+			pt: [{ pt: scaleUnambiguousSpacing() }],
+			/**
+			* Padding Right
+			* @see https://tailwindcss.com/docs/padding
+			*/
+			pr: [{ pr: scaleUnambiguousSpacing() }],
+			/**
+			* Padding Bottom
+			* @see https://tailwindcss.com/docs/padding
+			*/
+			pb: [{ pb: scaleUnambiguousSpacing() }],
+			/**
+			* Padding Left
+			* @see https://tailwindcss.com/docs/padding
+			*/
+			pl: [{ pl: scaleUnambiguousSpacing() }],
+			/**
+			* Margin
+			* @see https://tailwindcss.com/docs/margin
+			*/
+			m: [{ m: scaleMargin() }],
+			/**
+			* Margin Inline
+			* @see https://tailwindcss.com/docs/margin
+			*/
+			mx: [{ mx: scaleMargin() }],
+			/**
+			* Margin Block
+			* @see https://tailwindcss.com/docs/margin
+			*/
+			my: [{ my: scaleMargin() }],
+			/**
+			* Margin Inline Start
+			* @see https://tailwindcss.com/docs/margin
+			*/
+			ms: [{ ms: scaleMargin() }],
+			/**
+			* Margin Inline End
+			* @see https://tailwindcss.com/docs/margin
+			*/
+			me: [{ me: scaleMargin() }],
+			/**
+			* Margin Block Start
+			* @see https://tailwindcss.com/docs/margin
+			*/
+			mbs: [{ mbs: scaleMargin() }],
+			/**
+			* Margin Block End
+			* @see https://tailwindcss.com/docs/margin
+			*/
+			mbe: [{ mbe: scaleMargin() }],
+			/**
+			* Margin Top
+			* @see https://tailwindcss.com/docs/margin
+			*/
+			mt: [{ mt: scaleMargin() }],
+			/**
+			* Margin Right
+			* @see https://tailwindcss.com/docs/margin
+			*/
+			mr: [{ mr: scaleMargin() }],
+			/**
+			* Margin Bottom
+			* @see https://tailwindcss.com/docs/margin
+			*/
+			mb: [{ mb: scaleMargin() }],
+			/**
+			* Margin Left
+			* @see https://tailwindcss.com/docs/margin
+			*/
+			ml: [{ ml: scaleMargin() }],
+			/**
+			* Space Between X
+			* @see https://tailwindcss.com/docs/margin#adding-space-between-children
+			*/
+			"space-x": [{ "space-x": scaleUnambiguousSpacing() }],
+			/**
+			* Space Between X Reverse
+			* @see https://tailwindcss.com/docs/margin#adding-space-between-children
+			*/
+			"space-x-reverse": ["space-x-reverse"],
+			/**
+			* Space Between Y
+			* @see https://tailwindcss.com/docs/margin#adding-space-between-children
+			*/
+			"space-y": [{ "space-y": scaleUnambiguousSpacing() }],
+			/**
+			* Space Between Y Reverse
+			* @see https://tailwindcss.com/docs/margin#adding-space-between-children
+			*/
+			"space-y-reverse": ["space-y-reverse"],
+			/**
+			* Size
+			* @see https://tailwindcss.com/docs/width#setting-both-width-and-height
+			*/
+			size: [{ size: scaleSizing() }],
+			/**
+			* Inline Size
+			* @see https://tailwindcss.com/docs/width
+			*/
+			"inline-size": [{ inline: ["auto", ...scaleSizingInline()] }],
+			/**
+			* Min-Inline Size
+			* @see https://tailwindcss.com/docs/min-width
+			*/
+			"min-inline-size": [{ "min-inline": ["auto", ...scaleSizingInline()] }],
+			/**
+			* Max-Inline Size
+			* @see https://tailwindcss.com/docs/max-width
+			*/
+			"max-inline-size": [{ "max-inline": ["none", ...scaleSizingInline()] }],
+			/**
+			* Block Size
+			* @see https://tailwindcss.com/docs/height
+			*/
+			"block-size": [{ block: ["auto", ...scaleSizingBlock()] }],
+			/**
+			* Min-Block Size
+			* @see https://tailwindcss.com/docs/min-height
+			*/
+			"min-block-size": [{ "min-block": ["auto", ...scaleSizingBlock()] }],
+			/**
+			* Max-Block Size
+			* @see https://tailwindcss.com/docs/max-height
+			*/
+			"max-block-size": [{ "max-block": ["none", ...scaleSizingBlock()] }],
+			/**
+			* Width
+			* @see https://tailwindcss.com/docs/width
+			*/
+			w: [{ w: [
+				themeContainer,
+				"screen",
+				...scaleSizing()
+			] }],
+			/**
+			* Min-Width
+			* @see https://tailwindcss.com/docs/min-width
+			*/
+			"min-w": [{ "min-w": [
+				themeContainer,
+				"screen",
+				"none",
+				...scaleSizing()
+			] }],
+			/**
+			* Max-Width
+			* @see https://tailwindcss.com/docs/max-width
+			*/
+			"max-w": [{ "max-w": [
+				themeContainer,
+				"screen",
+				"none",
+				"prose",
+				{ screen: [themeBreakpoint] },
+				...scaleSizing()
+			] }],
+			/**
+			* Height
+			* @see https://tailwindcss.com/docs/height
+			*/
+			h: [{ h: [
+				"screen",
+				"lh",
+				...scaleSizing()
+			] }],
+			/**
+			* Min-Height
+			* @see https://tailwindcss.com/docs/min-height
+			*/
+			"min-h": [{ "min-h": [
+				"screen",
+				"lh",
+				"none",
+				...scaleSizing()
+			] }],
+			/**
+			* Max-Height
+			* @see https://tailwindcss.com/docs/max-height
+			*/
+			"max-h": [{ "max-h": [
+				"screen",
+				"lh",
+				...scaleSizing()
+			] }],
+			/**
+			* Font Size
+			* @see https://tailwindcss.com/docs/font-size
+			*/
+			"font-size": [{ text: [
+				"base",
+				themeText,
+				isArbitraryVariableLength,
+				isArbitraryLength
+			] }],
+			/**
+			* Font Smoothing
+			* @see https://tailwindcss.com/docs/font-smoothing
+			*/
+			"font-smoothing": ["antialiased", "subpixel-antialiased"],
+			/**
+			* Font Style
+			* @see https://tailwindcss.com/docs/font-style
+			*/
+			"font-style": ["italic", "not-italic"],
+			/**
+			* Font Weight
+			* @see https://tailwindcss.com/docs/font-weight
+			*/
+			"font-weight": [{ font: [
+				themeFontWeight,
+				isArbitraryVariableWeight,
+				isArbitraryWeight
+			] }],
+			/**
+			* Font Stretch
+			* @see https://tailwindcss.com/docs/font-stretch
+			*/
+			"font-stretch": [{ "font-stretch": [
+				"ultra-condensed",
+				"extra-condensed",
+				"condensed",
+				"semi-condensed",
+				"normal",
+				"semi-expanded",
+				"expanded",
+				"extra-expanded",
+				"ultra-expanded",
+				isPercent,
+				isArbitraryValue
+			] }],
+			/**
+			* Font Family
+			* @see https://tailwindcss.com/docs/font-family
+			*/
+			"font-family": [{ font: [
+				isArbitraryVariableFamilyName,
+				isArbitraryFamilyName,
+				themeFont
+			] }],
+			/**
+			* Font Feature Settings
+			* @see https://tailwindcss.com/docs/font-feature-settings
+			*/
+			"font-features": [{ "font-features": [isArbitraryValue] }],
+			/**
+			* Font Variant Numeric
+			* @see https://tailwindcss.com/docs/font-variant-numeric
+			*/
+			"fvn-normal": ["normal-nums"],
+			/**
+			* Font Variant Numeric
+			* @see https://tailwindcss.com/docs/font-variant-numeric
+			*/
+			"fvn-ordinal": ["ordinal"],
+			/**
+			* Font Variant Numeric
+			* @see https://tailwindcss.com/docs/font-variant-numeric
+			*/
+			"fvn-slashed-zero": ["slashed-zero"],
+			/**
+			* Font Variant Numeric
+			* @see https://tailwindcss.com/docs/font-variant-numeric
+			*/
+			"fvn-figure": ["lining-nums", "oldstyle-nums"],
+			/**
+			* Font Variant Numeric
+			* @see https://tailwindcss.com/docs/font-variant-numeric
+			*/
+			"fvn-spacing": ["proportional-nums", "tabular-nums"],
+			/**
+			* Font Variant Numeric
+			* @see https://tailwindcss.com/docs/font-variant-numeric
+			*/
+			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+			/**
+			* Letter Spacing
+			* @see https://tailwindcss.com/docs/letter-spacing
+			*/
+			tracking: [{ tracking: [
+				themeTracking,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Line Clamp
+			* @see https://tailwindcss.com/docs/line-clamp
+			*/
+			"line-clamp": [{ "line-clamp": [
+				isNumber,
+				"none",
+				isArbitraryVariable,
+				isArbitraryNumber
+			] }],
+			/**
+			* Line Height
+			* @see https://tailwindcss.com/docs/line-height
+			*/
+			leading: [{ leading: [themeLeading, ...scaleUnambiguousSpacing()] }],
+			/**
+			* List Style Image
+			* @see https://tailwindcss.com/docs/list-style-image
+			*/
+			"list-image": [{ "list-image": [
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* List Style Position
+			* @see https://tailwindcss.com/docs/list-style-position
+			*/
+			"list-style-position": [{ list: ["inside", "outside"] }],
+			/**
+			* List Style Type
+			* @see https://tailwindcss.com/docs/list-style-type
+			*/
+			"list-style-type": [{ list: [
+				"disc",
+				"decimal",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Text Alignment
+			* @see https://tailwindcss.com/docs/text-align
+			*/
+			"text-alignment": [{ text: [
+				"left",
+				"center",
+				"right",
+				"justify",
+				"start",
+				"end"
+			] }],
+			/**
+			* Placeholder Color
+			* @deprecated since Tailwind CSS v3.0.0
+			* @see https://v3.tailwindcss.com/docs/placeholder-color
+			*/
+			"placeholder-color": [{ placeholder: scaleColor() }],
+			/**
+			* Text Color
+			* @see https://tailwindcss.com/docs/text-color
+			*/
+			"text-color": [{ text: scaleColor() }],
+			/**
+			* Text Decoration
+			* @see https://tailwindcss.com/docs/text-decoration
+			*/
+			"text-decoration": [
+				"underline",
+				"overline",
+				"line-through",
+				"no-underline"
+			],
+			/**
+			* Text Decoration Style
+			* @see https://tailwindcss.com/docs/text-decoration-style
+			*/
+			"text-decoration-style": [{ decoration: [...scaleLineStyle(), "wavy"] }],
+			/**
+			* Text Decoration Thickness
+			* @see https://tailwindcss.com/docs/text-decoration-thickness
+			*/
+			"text-decoration-thickness": [{ decoration: [
+				isNumber,
+				"from-font",
+				"auto",
+				isArbitraryVariable,
+				isArbitraryLength
+			] }],
+			/**
+			* Text Decoration Color
+			* @see https://tailwindcss.com/docs/text-decoration-color
+			*/
+			"text-decoration-color": [{ decoration: scaleColor() }],
+			/**
+			* Text Underline Offset
+			* @see https://tailwindcss.com/docs/text-underline-offset
+			*/
+			"underline-offset": [{ "underline-offset": [
+				isNumber,
+				"auto",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Text Transform
+			* @see https://tailwindcss.com/docs/text-transform
+			*/
+			"text-transform": [
+				"uppercase",
+				"lowercase",
+				"capitalize",
+				"normal-case"
+			],
+			/**
+			* Text Overflow
+			* @see https://tailwindcss.com/docs/text-overflow
+			*/
+			"text-overflow": [
+				"truncate",
+				"text-ellipsis",
+				"text-clip"
+			],
+			/**
+			* Text Wrap
+			* @see https://tailwindcss.com/docs/text-wrap
+			*/
+			"text-wrap": [{ text: [
+				"wrap",
+				"nowrap",
+				"balance",
+				"pretty"
+			] }],
+			/**
+			* Text Indent
+			* @see https://tailwindcss.com/docs/text-indent
+			*/
+			indent: [{ indent: scaleUnambiguousSpacing() }],
+			/**
+			* Tab Size
+			* @see https://tailwindcss.com/docs/tab-size
+			*/
+			"tab-size": [{ tab: [
+				isInteger,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Vertical Alignment
+			* @see https://tailwindcss.com/docs/vertical-align
+			*/
+			"vertical-align": [{ align: [
+				"baseline",
+				"top",
+				"middle",
+				"bottom",
+				"text-top",
+				"text-bottom",
+				"sub",
+				"super",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Whitespace
+			* @see https://tailwindcss.com/docs/whitespace
+			*/
+			whitespace: [{ whitespace: [
+				"normal",
+				"nowrap",
+				"pre",
+				"pre-line",
+				"pre-wrap",
+				"break-spaces"
+			] }],
+			/**
+			* Word Break
+			* @see https://tailwindcss.com/docs/word-break
+			*/
+			break: [{ break: [
+				"normal",
+				"words",
+				"all",
+				"keep"
+			] }],
+			/**
+			* Overflow Wrap
+			* @see https://tailwindcss.com/docs/overflow-wrap
+			*/
+			wrap: [{ wrap: [
+				"break-word",
+				"anywhere",
+				"normal"
+			] }],
+			/**
+			* Hyphens
+			* @see https://tailwindcss.com/docs/hyphens
+			*/
+			hyphens: [{ hyphens: [
+				"none",
+				"manual",
+				"auto"
+			] }],
+			/**
+			* Content
+			* @see https://tailwindcss.com/docs/content
+			*/
+			content: [{ content: [
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Background Attachment
+			* @see https://tailwindcss.com/docs/background-attachment
+			*/
+			"bg-attachment": [{ bg: [
+				"fixed",
+				"local",
+				"scroll"
+			] }],
+			/**
+			* Background Clip
+			* @see https://tailwindcss.com/docs/background-clip
+			*/
+			"bg-clip": [{ "bg-clip": [
+				"border",
+				"padding",
+				"content",
+				"text"
+			] }],
+			/**
+			* Background Origin
+			* @see https://tailwindcss.com/docs/background-origin
+			*/
+			"bg-origin": [{ "bg-origin": [
+				"border",
+				"padding",
+				"content"
+			] }],
+			/**
+			* Background Position
+			* @see https://tailwindcss.com/docs/background-position
+			*/
+			"bg-position": [{ bg: scaleBgPosition() }],
+			/**
+			* Background Repeat
+			* @see https://tailwindcss.com/docs/background-repeat
+			*/
+			"bg-repeat": [{ bg: scaleBgRepeat() }],
+			/**
+			* Background Size
+			* @see https://tailwindcss.com/docs/background-size
+			*/
+			"bg-size": [{ bg: scaleBgSize() }],
+			/**
+			* Background Image
+			* @see https://tailwindcss.com/docs/background-image
+			*/
+			"bg-image": [{ bg: [
+				"none",
+				{
+					linear: [
+						{ to: [
+							"t",
+							"tr",
+							"r",
+							"br",
+							"b",
+							"bl",
+							"l",
+							"tl"
+						] },
+						isInteger,
+						isArbitraryVariable,
+						isArbitraryValue
+					],
+					radial: [
+						"",
+						isArbitraryVariable,
+						isArbitraryValue
+					],
+					conic: [
+						isInteger,
+						isArbitraryVariable,
+						isArbitraryValue
+					]
+				},
+				isArbitraryVariableImage,
+				isArbitraryImage
+			] }],
+			/**
+			* Background Color
+			* @see https://tailwindcss.com/docs/background-color
+			*/
+			"bg-color": [{ bg: scaleColor() }],
+			/**
+			* Gradient Color Stops From Position
+			* @see https://tailwindcss.com/docs/gradient-color-stops
+			*/
+			"gradient-from-pos": [{ from: scaleGradientStopPosition() }],
+			/**
+			* Gradient Color Stops Via Position
+			* @see https://tailwindcss.com/docs/gradient-color-stops
+			*/
+			"gradient-via-pos": [{ via: scaleGradientStopPosition() }],
+			/**
+			* Gradient Color Stops To Position
+			* @see https://tailwindcss.com/docs/gradient-color-stops
+			*/
+			"gradient-to-pos": [{ to: scaleGradientStopPosition() }],
+			/**
+			* Gradient Color Stops From
+			* @see https://tailwindcss.com/docs/gradient-color-stops
+			*/
+			"gradient-from": [{ from: scaleColor() }],
+			/**
+			* Gradient Color Stops Via
+			* @see https://tailwindcss.com/docs/gradient-color-stops
+			*/
+			"gradient-via": [{ via: scaleColor() }],
+			/**
+			* Gradient Color Stops To
+			* @see https://tailwindcss.com/docs/gradient-color-stops
+			*/
+			"gradient-to": [{ to: scaleColor() }],
+			/**
+			* Border Radius
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			rounded: [{ rounded: scaleRadius() }],
+			/**
+			* Border Radius Start
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-s": [{ "rounded-s": scaleRadius() }],
+			/**
+			* Border Radius End
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-e": [{ "rounded-e": scaleRadius() }],
+			/**
+			* Border Radius Top
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-t": [{ "rounded-t": scaleRadius() }],
+			/**
+			* Border Radius Right
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-r": [{ "rounded-r": scaleRadius() }],
+			/**
+			* Border Radius Bottom
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-b": [{ "rounded-b": scaleRadius() }],
+			/**
+			* Border Radius Left
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-l": [{ "rounded-l": scaleRadius() }],
+			/**
+			* Border Radius Start Start
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-ss": [{ "rounded-ss": scaleRadius() }],
+			/**
+			* Border Radius Start End
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-se": [{ "rounded-se": scaleRadius() }],
+			/**
+			* Border Radius End End
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-ee": [{ "rounded-ee": scaleRadius() }],
+			/**
+			* Border Radius End Start
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-es": [{ "rounded-es": scaleRadius() }],
+			/**
+			* Border Radius Top Left
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-tl": [{ "rounded-tl": scaleRadius() }],
+			/**
+			* Border Radius Top Right
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-tr": [{ "rounded-tr": scaleRadius() }],
+			/**
+			* Border Radius Bottom Right
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-br": [{ "rounded-br": scaleRadius() }],
+			/**
+			* Border Radius Bottom Left
+			* @see https://tailwindcss.com/docs/border-radius
+			*/
+			"rounded-bl": [{ "rounded-bl": scaleRadius() }],
+			/**
+			* Border Width
+			* @see https://tailwindcss.com/docs/border-width
+			*/
+			"border-w": [{ border: scaleBorderWidth() }],
+			/**
+			* Border Width Inline
+			* @see https://tailwindcss.com/docs/border-width
+			*/
+			"border-w-x": [{ "border-x": scaleBorderWidth() }],
+			/**
+			* Border Width Block
+			* @see https://tailwindcss.com/docs/border-width
+			*/
+			"border-w-y": [{ "border-y": scaleBorderWidth() }],
+			/**
+			* Border Width Inline Start
+			* @see https://tailwindcss.com/docs/border-width
+			*/
+			"border-w-s": [{ "border-s": scaleBorderWidth() }],
+			/**
+			* Border Width Inline End
+			* @see https://tailwindcss.com/docs/border-width
+			*/
+			"border-w-e": [{ "border-e": scaleBorderWidth() }],
+			/**
+			* Border Width Block Start
+			* @see https://tailwindcss.com/docs/border-width
+			*/
+			"border-w-bs": [{ "border-bs": scaleBorderWidth() }],
+			/**
+			* Border Width Block End
+			* @see https://tailwindcss.com/docs/border-width
+			*/
+			"border-w-be": [{ "border-be": scaleBorderWidth() }],
+			/**
+			* Border Width Top
+			* @see https://tailwindcss.com/docs/border-width
+			*/
+			"border-w-t": [{ "border-t": scaleBorderWidth() }],
+			/**
+			* Border Width Right
+			* @see https://tailwindcss.com/docs/border-width
+			*/
+			"border-w-r": [{ "border-r": scaleBorderWidth() }],
+			/**
+			* Border Width Bottom
+			* @see https://tailwindcss.com/docs/border-width
+			*/
+			"border-w-b": [{ "border-b": scaleBorderWidth() }],
+			/**
+			* Border Width Left
+			* @see https://tailwindcss.com/docs/border-width
+			*/
+			"border-w-l": [{ "border-l": scaleBorderWidth() }],
+			/**
+			* Divide Width X
+			* @see https://tailwindcss.com/docs/border-width#between-children
+			*/
+			"divide-x": [{ "divide-x": scaleBorderWidth() }],
+			/**
+			* Divide Width X Reverse
+			* @see https://tailwindcss.com/docs/border-width#between-children
+			*/
+			"divide-x-reverse": ["divide-x-reverse"],
+			/**
+			* Divide Width Y
+			* @see https://tailwindcss.com/docs/border-width#between-children
+			*/
+			"divide-y": [{ "divide-y": scaleBorderWidth() }],
+			/**
+			* Divide Width Y Reverse
+			* @see https://tailwindcss.com/docs/border-width#between-children
+			*/
+			"divide-y-reverse": ["divide-y-reverse"],
+			/**
+			* Border Style
+			* @see https://tailwindcss.com/docs/border-style
+			*/
+			"border-style": [{ border: [
+				...scaleLineStyle(),
+				"hidden",
+				"none"
+			] }],
+			/**
+			* Divide Style
+			* @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
+			*/
+			"divide-style": [{ divide: [
+				...scaleLineStyle(),
+				"hidden",
+				"none"
+			] }],
+			/**
+			* Border Color
+			* @see https://tailwindcss.com/docs/border-color
+			*/
+			"border-color": [{ border: scaleColor() }],
+			/**
+			* Border Color Inline
+			* @see https://tailwindcss.com/docs/border-color
+			*/
+			"border-color-x": [{ "border-x": scaleColor() }],
+			/**
+			* Border Color Block
+			* @see https://tailwindcss.com/docs/border-color
+			*/
+			"border-color-y": [{ "border-y": scaleColor() }],
+			/**
+			* Border Color Inline Start
+			* @see https://tailwindcss.com/docs/border-color
+			*/
+			"border-color-s": [{ "border-s": scaleColor() }],
+			/**
+			* Border Color Inline End
+			* @see https://tailwindcss.com/docs/border-color
+			*/
+			"border-color-e": [{ "border-e": scaleColor() }],
+			/**
+			* Border Color Block Start
+			* @see https://tailwindcss.com/docs/border-color
+			*/
+			"border-color-bs": [{ "border-bs": scaleColor() }],
+			/**
+			* Border Color Block End
+			* @see https://tailwindcss.com/docs/border-color
+			*/
+			"border-color-be": [{ "border-be": scaleColor() }],
+			/**
+			* Border Color Top
+			* @see https://tailwindcss.com/docs/border-color
+			*/
+			"border-color-t": [{ "border-t": scaleColor() }],
+			/**
+			* Border Color Right
+			* @see https://tailwindcss.com/docs/border-color
+			*/
+			"border-color-r": [{ "border-r": scaleColor() }],
+			/**
+			* Border Color Bottom
+			* @see https://tailwindcss.com/docs/border-color
+			*/
+			"border-color-b": [{ "border-b": scaleColor() }],
+			/**
+			* Border Color Left
+			* @see https://tailwindcss.com/docs/border-color
+			*/
+			"border-color-l": [{ "border-l": scaleColor() }],
+			/**
+			* Divide Color
+			* @see https://tailwindcss.com/docs/divide-color
+			*/
+			"divide-color": [{ divide: scaleColor() }],
+			/**
+			* Outline Style
+			* @see https://tailwindcss.com/docs/outline-style
+			*/
+			"outline-style": [{ outline: [
+				...scaleLineStyle(),
+				"none",
+				"hidden"
+			] }],
+			/**
+			* Outline Offset
+			* @see https://tailwindcss.com/docs/outline-offset
+			*/
+			"outline-offset": [{ "outline-offset": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Outline Width
+			* @see https://tailwindcss.com/docs/outline-width
+			*/
+			"outline-w": [{ outline: [
+				"",
+				isNumber,
+				isArbitraryVariableLength,
+				isArbitraryLength
+			] }],
+			/**
+			* Outline Color
+			* @see https://tailwindcss.com/docs/outline-color
+			*/
+			"outline-color": [{ outline: scaleColor() }],
+			/**
+			* Box Shadow
+			* @see https://tailwindcss.com/docs/box-shadow
+			*/
+			shadow: [{ shadow: [
+				"",
+				"none",
+				themeShadow,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
+			] }],
+			/**
+			* Box Shadow Color
+			* @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
+			*/
+			"shadow-color": [{ shadow: scaleColor() }],
+			/**
+			* Inset Box Shadow
+			* @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
+			*/
+			"inset-shadow": [{ "inset-shadow": [
+				"none",
+				themeInsetShadow,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
+			] }],
+			/**
+			* Inset Box Shadow Color
+			* @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
+			*/
+			"inset-shadow-color": [{ "inset-shadow": scaleColor() }],
+			/**
+			* Ring Width
+			* @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
+			*/
+			"ring-w": [{ ring: scaleBorderWidth() }],
+			/**
+			* Ring Width Inset
+			* @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
+			* @deprecated since Tailwind CSS v4.0.0
+			* @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+			*/
+			"ring-w-inset": ["ring-inset"],
+			/**
+			* Ring Color
+			* @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
+			*/
+			"ring-color": [{ ring: scaleColor() }],
+			/**
+			* Ring Offset Width
+			* @see https://v3.tailwindcss.com/docs/ring-offset-width
+			* @deprecated since Tailwind CSS v4.0.0
+			* @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+			*/
+			"ring-offset-w": [{ "ring-offset": [isNumber, isArbitraryLength] }],
+			/**
+			* Ring Offset Color
+			* @see https://v3.tailwindcss.com/docs/ring-offset-color
+			* @deprecated since Tailwind CSS v4.0.0
+			* @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+			*/
+			"ring-offset-color": [{ "ring-offset": scaleColor() }],
+			/**
+			* Inset Ring Width
+			* @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
+			*/
+			"inset-ring-w": [{ "inset-ring": scaleBorderWidth() }],
+			/**
+			* Inset Ring Color
+			* @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
+			*/
+			"inset-ring-color": [{ "inset-ring": scaleColor() }],
+			/**
+			* Text Shadow
+			* @see https://tailwindcss.com/docs/text-shadow
+			*/
+			"text-shadow": [{ "text-shadow": [
+				"none",
+				themeTextShadow,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
+			] }],
+			/**
+			* Text Shadow Color
+			* @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
+			*/
+			"text-shadow-color": [{ "text-shadow": scaleColor() }],
+			/**
+			* Opacity
+			* @see https://tailwindcss.com/docs/opacity
+			*/
+			opacity: [{ opacity: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Mix Blend Mode
+			* @see https://tailwindcss.com/docs/mix-blend-mode
+			*/
+			"mix-blend": [{ "mix-blend": [
+				...scaleBlendMode(),
+				"plus-darker",
+				"plus-lighter"
+			] }],
+			/**
+			* Background Blend Mode
+			* @see https://tailwindcss.com/docs/background-blend-mode
+			*/
+			"bg-blend": [{ "bg-blend": scaleBlendMode() }],
+			/**
+			* Mask Clip
+			* @see https://tailwindcss.com/docs/mask-clip
+			*/
+			"mask-clip": [{ "mask-clip": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }, "mask-no-clip"],
+			/**
+			* Mask Composite
+			* @see https://tailwindcss.com/docs/mask-composite
+			*/
+			"mask-composite": [{ mask: [
+				"add",
+				"subtract",
+				"intersect",
+				"exclude"
+			] }],
+			/**
+			* Mask Image
+			* @see https://tailwindcss.com/docs/mask-image
+			*/
+			"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": 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
+			* @see https://tailwindcss.com/docs/mask-mode
+			*/
+			"mask-mode": [{ mask: [
+				"alpha",
+				"luminance",
+				"match"
+			] }],
+			/**
+			* Mask Origin
+			* @see https://tailwindcss.com/docs/mask-origin
+			*/
+			"mask-origin": [{ "mask-origin": [
+				"border",
+				"padding",
+				"content",
+				"fill",
+				"stroke",
+				"view"
+			] }],
+			/**
+			* Mask Position
+			* @see https://tailwindcss.com/docs/mask-position
+			*/
+			"mask-position": [{ mask: scaleBgPosition() }],
+			/**
+			* Mask Repeat
+			* @see https://tailwindcss.com/docs/mask-repeat
+			*/
+			"mask-repeat": [{ mask: scaleBgRepeat() }],
+			/**
+			* Mask Size
+			* @see https://tailwindcss.com/docs/mask-size
+			*/
+			"mask-size": [{ mask: scaleBgSize() }],
+			/**
+			* Mask Type
+			* @see https://tailwindcss.com/docs/mask-type
+			*/
+			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
+			/**
+			* Mask Image
+			* @see https://tailwindcss.com/docs/mask-image
+			*/
+			"mask-image": [{ mask: [
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Filter
+			* @see https://tailwindcss.com/docs/filter
+			*/
+			filter: [{ filter: [
+				"",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Blur
+			* @see https://tailwindcss.com/docs/blur
+			*/
+			blur: [{ blur: scaleBlur() }],
+			/**
+			* Brightness
+			* @see https://tailwindcss.com/docs/brightness
+			*/
+			brightness: [{ brightness: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Contrast
+			* @see https://tailwindcss.com/docs/contrast
+			*/
+			contrast: [{ contrast: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Drop Shadow
+			* @see https://tailwindcss.com/docs/drop-shadow
+			*/
+			"drop-shadow": [{ "drop-shadow": [
+				"",
+				"none",
+				themeDropShadow,
+				isArbitraryVariableShadow,
+				isArbitraryShadow
+			] }],
+			/**
+			* Drop Shadow Color
+			* @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
+			*/
+			"drop-shadow-color": [{ "drop-shadow": scaleColor() }],
+			/**
+			* Grayscale
+			* @see https://tailwindcss.com/docs/grayscale
+			*/
+			grayscale: [{ grayscale: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Hue Rotate
+			* @see https://tailwindcss.com/docs/hue-rotate
+			*/
+			"hue-rotate": [{ "hue-rotate": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Invert
+			* @see https://tailwindcss.com/docs/invert
+			*/
+			invert: [{ invert: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Saturate
+			* @see https://tailwindcss.com/docs/saturate
+			*/
+			saturate: [{ saturate: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Sepia
+			* @see https://tailwindcss.com/docs/sepia
+			*/
+			sepia: [{ sepia: [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Backdrop Filter
+			* @see https://tailwindcss.com/docs/backdrop-filter
+			*/
+			"backdrop-filter": [{ "backdrop-filter": [
+				"",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Backdrop Blur
+			* @see https://tailwindcss.com/docs/backdrop-blur
+			*/
+			"backdrop-blur": [{ "backdrop-blur": scaleBlur() }],
+			/**
+			* Backdrop Brightness
+			* @see https://tailwindcss.com/docs/backdrop-brightness
+			*/
+			"backdrop-brightness": [{ "backdrop-brightness": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Backdrop Contrast
+			* @see https://tailwindcss.com/docs/backdrop-contrast
+			*/
+			"backdrop-contrast": [{ "backdrop-contrast": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Backdrop Grayscale
+			* @see https://tailwindcss.com/docs/backdrop-grayscale
+			*/
+			"backdrop-grayscale": [{ "backdrop-grayscale": [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Backdrop Hue Rotate
+			* @see https://tailwindcss.com/docs/backdrop-hue-rotate
+			*/
+			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Backdrop Invert
+			* @see https://tailwindcss.com/docs/backdrop-invert
+			*/
+			"backdrop-invert": [{ "backdrop-invert": [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Backdrop Opacity
+			* @see https://tailwindcss.com/docs/backdrop-opacity
+			*/
+			"backdrop-opacity": [{ "backdrop-opacity": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Backdrop Saturate
+			* @see https://tailwindcss.com/docs/backdrop-saturate
+			*/
+			"backdrop-saturate": [{ "backdrop-saturate": [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Backdrop Sepia
+			* @see https://tailwindcss.com/docs/backdrop-sepia
+			*/
+			"backdrop-sepia": [{ "backdrop-sepia": [
+				"",
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Border Collapse
+			* @see https://tailwindcss.com/docs/border-collapse
+			*/
+			"border-collapse": [{ border: ["collapse", "separate"] }],
+			/**
+			* Border Spacing
+			* @see https://tailwindcss.com/docs/border-spacing
+			*/
+			"border-spacing": [{ "border-spacing": scaleUnambiguousSpacing() }],
+			/**
+			* Border Spacing X
+			* @see https://tailwindcss.com/docs/border-spacing
+			*/
+			"border-spacing-x": [{ "border-spacing-x": scaleUnambiguousSpacing() }],
+			/**
+			* Border Spacing Y
+			* @see https://tailwindcss.com/docs/border-spacing
+			*/
+			"border-spacing-y": [{ "border-spacing-y": scaleUnambiguousSpacing() }],
+			/**
+			* Table Layout
+			* @see https://tailwindcss.com/docs/table-layout
+			*/
+			"table-layout": [{ table: ["auto", "fixed"] }],
+			/**
+			* Caption Side
+			* @see https://tailwindcss.com/docs/caption-side
+			*/
+			caption: [{ caption: ["top", "bottom"] }],
+			/**
+			* Transition Property
+			* @see https://tailwindcss.com/docs/transition-property
+			*/
+			transition: [{ transition: [
+				"",
+				"all",
+				"colors",
+				"opacity",
+				"shadow",
+				"transform",
+				"none",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Transition Behavior
+			* @see https://tailwindcss.com/docs/transition-behavior
+			*/
+			"transition-behavior": [{ transition: ["normal", "discrete"] }],
+			/**
+			* Transition Duration
+			* @see https://tailwindcss.com/docs/transition-duration
+			*/
+			duration: [{ duration: [
+				isNumber,
+				"initial",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Transition Timing Function
+			* @see https://tailwindcss.com/docs/transition-timing-function
+			*/
+			ease: [{ ease: [
+				"linear",
+				"initial",
+				themeEase,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Transition Delay
+			* @see https://tailwindcss.com/docs/transition-delay
+			*/
+			delay: [{ delay: [
+				isNumber,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Animation
+			* @see https://tailwindcss.com/docs/animation
+			*/
+			animate: [{ animate: [
+				"none",
+				themeAnimate,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Backface Visibility
+			* @see https://tailwindcss.com/docs/backface-visibility
+			*/
+			backface: [{ backface: ["hidden", "visible"] }],
+			/**
+			* Perspective
+			* @see https://tailwindcss.com/docs/perspective
+			*/
+			perspective: [{ perspective: [
+				themePerspective,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Perspective Origin
+			* @see https://tailwindcss.com/docs/perspective-origin
+			*/
+			"perspective-origin": [{ "perspective-origin": scalePositionWithArbitrary() }],
+			/**
+			* Rotate
+			* @see https://tailwindcss.com/docs/rotate
+			*/
+			rotate: [{ rotate: scaleRotate() }],
+			/**
+			* Rotate X
+			* @see https://tailwindcss.com/docs/rotate
+			*/
+			"rotate-x": [{ "rotate-x": scaleRotate() }],
+			/**
+			* Rotate Y
+			* @see https://tailwindcss.com/docs/rotate
+			*/
+			"rotate-y": [{ "rotate-y": scaleRotate() }],
+			/**
+			* Rotate Z
+			* @see https://tailwindcss.com/docs/rotate
+			*/
+			"rotate-z": [{ "rotate-z": scaleRotate() }],
+			/**
+			* Scale
+			* @see https://tailwindcss.com/docs/scale
+			*/
+			scale: [{ scale: scaleScale() }],
+			/**
+			* Scale X
+			* @see https://tailwindcss.com/docs/scale
+			*/
+			"scale-x": [{ "scale-x": scaleScale() }],
+			/**
+			* Scale Y
+			* @see https://tailwindcss.com/docs/scale
+			*/
+			"scale-y": [{ "scale-y": scaleScale() }],
+			/**
+			* Scale Z
+			* @see https://tailwindcss.com/docs/scale
+			*/
+			"scale-z": [{ "scale-z": scaleScale() }],
+			/**
+			* Scale 3D
+			* @see https://tailwindcss.com/docs/scale
+			*/
+			"scale-3d": ["scale-3d"],
+			/**
+			* Skew
+			* @see https://tailwindcss.com/docs/skew
+			*/
+			skew: [{ skew: scaleSkew() }],
+			/**
+			* Skew X
+			* @see https://tailwindcss.com/docs/skew
+			*/
+			"skew-x": [{ "skew-x": scaleSkew() }],
+			/**
+			* Skew Y
+			* @see https://tailwindcss.com/docs/skew
+			*/
+			"skew-y": [{ "skew-y": scaleSkew() }],
+			/**
+			* Transform
+			* @see https://tailwindcss.com/docs/transform
+			*/
+			transform: [{ transform: [
+				isArbitraryVariable,
+				isArbitraryValue,
+				"",
+				"none",
+				"gpu",
+				"cpu"
+			] }],
+			/**
+			* Transform Origin
+			* @see https://tailwindcss.com/docs/transform-origin
+			*/
+			"transform-origin": [{ origin: scalePositionWithArbitrary() }],
+			/**
+			* Transform Style
+			* @see https://tailwindcss.com/docs/transform-style
+			*/
+			"transform-style": [{ transform: ["3d", "flat"] }],
+			/**
+			* Translate
+			* @see https://tailwindcss.com/docs/translate
+			*/
+			translate: [{ translate: scaleTranslate() }],
+			/**
+			* Translate X
+			* @see https://tailwindcss.com/docs/translate
+			*/
+			"translate-x": [{ "translate-x": scaleTranslate() }],
+			/**
+			* Translate Y
+			* @see https://tailwindcss.com/docs/translate
+			*/
+			"translate-y": [{ "translate-y": scaleTranslate() }],
+			/**
+			* Translate Z
+			* @see https://tailwindcss.com/docs/translate
+			*/
+			"translate-z": [{ "translate-z": scaleTranslate() }],
+			/**
+			* Translate None
+			* @see https://tailwindcss.com/docs/translate
+			*/
+			"translate-none": ["translate-none"],
+			/**
+			* Zoom
+			* @see https://tailwindcss.com/docs/zoom
+			*/
+			zoom: [{ zoom: [
+				isInteger,
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Accent Color
+			* @see https://tailwindcss.com/docs/accent-color
+			*/
+			accent: [{ accent: scaleColor() }],
+			/**
+			* Appearance
+			* @see https://tailwindcss.com/docs/appearance
+			*/
+			appearance: [{ appearance: ["none", "auto"] }],
+			/**
+			* Caret Color
+			* @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+			*/
+			"caret-color": [{ caret: scaleColor() }],
+			/**
+			* Color Scheme
+			* @see https://tailwindcss.com/docs/color-scheme
+			*/
+			"color-scheme": [{ scheme: [
+				"normal",
+				"dark",
+				"light",
+				"light-dark",
+				"only-dark",
+				"only-light"
+			] }],
+			/**
+			* Cursor
+			* @see https://tailwindcss.com/docs/cursor
+			*/
+			cursor: [{ cursor: [
+				"auto",
+				"default",
+				"pointer",
+				"wait",
+				"text",
+				"move",
+				"help",
+				"not-allowed",
+				"none",
+				"context-menu",
+				"progress",
+				"cell",
+				"crosshair",
+				"vertical-text",
+				"alias",
+				"copy",
+				"no-drop",
+				"grab",
+				"grabbing",
+				"all-scroll",
+				"col-resize",
+				"row-resize",
+				"n-resize",
+				"e-resize",
+				"s-resize",
+				"w-resize",
+				"ne-resize",
+				"nw-resize",
+				"se-resize",
+				"sw-resize",
+				"ew-resize",
+				"ns-resize",
+				"nesw-resize",
+				"nwse-resize",
+				"zoom-in",
+				"zoom-out",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Field Sizing
+			* @see https://tailwindcss.com/docs/field-sizing
+			*/
+			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
+			/**
+			* Pointer Events
+			* @see https://tailwindcss.com/docs/pointer-events
+			*/
+			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
+			/**
+			* Resize
+			* @see https://tailwindcss.com/docs/resize
+			*/
+			resize: [{ resize: [
+				"none",
+				"",
+				"y",
+				"x"
+			] }],
+			/**
+			* Scroll Behavior
+			* @see https://tailwindcss.com/docs/scroll-behavior
+			*/
+			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
+			/**
+			* Scrollbar Thumb Color
+			* @see https://tailwindcss.com/docs/scrollbar-color
+			*/
+			"scrollbar-thumb-color": [{ "scrollbar-thumb": scaleColor() }],
+			/**
+			* Scrollbar Track Color
+			* @see https://tailwindcss.com/docs/scrollbar-color
+			*/
+			"scrollbar-track-color": [{ "scrollbar-track": scaleColor() }],
+			/**
+			* Scrollbar Gutter
+			* @see https://tailwindcss.com/docs/scrollbar-gutter
+			*/
+			"scrollbar-gutter": [{ "scrollbar-gutter": [
+				"auto",
+				"stable",
+				"both"
+			] }],
+			/**
+			* Scrollbar Width
+			* @see https://tailwindcss.com/docs/scrollbar-width
+			*/
+			"scrollbar-w": [{ scrollbar: [
+				"auto",
+				"thin",
+				"none"
+			] }],
+			/**
+			* Scroll Margin
+			* @see https://tailwindcss.com/docs/scroll-margin
+			*/
+			"scroll-m": [{ "scroll-m": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Margin Inline
+			* @see https://tailwindcss.com/docs/scroll-margin
+			*/
+			"scroll-mx": [{ "scroll-mx": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Margin Block
+			* @see https://tailwindcss.com/docs/scroll-margin
+			*/
+			"scroll-my": [{ "scroll-my": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Margin Inline Start
+			* @see https://tailwindcss.com/docs/scroll-margin
+			*/
+			"scroll-ms": [{ "scroll-ms": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Margin Inline End
+			* @see https://tailwindcss.com/docs/scroll-margin
+			*/
+			"scroll-me": [{ "scroll-me": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Margin Block Start
+			* @see https://tailwindcss.com/docs/scroll-margin
+			*/
+			"scroll-mbs": [{ "scroll-mbs": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Margin Block End
+			* @see https://tailwindcss.com/docs/scroll-margin
+			*/
+			"scroll-mbe": [{ "scroll-mbe": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Margin Top
+			* @see https://tailwindcss.com/docs/scroll-margin
+			*/
+			"scroll-mt": [{ "scroll-mt": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Margin Right
+			* @see https://tailwindcss.com/docs/scroll-margin
+			*/
+			"scroll-mr": [{ "scroll-mr": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Margin Bottom
+			* @see https://tailwindcss.com/docs/scroll-margin
+			*/
+			"scroll-mb": [{ "scroll-mb": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Margin Left
+			* @see https://tailwindcss.com/docs/scroll-margin
+			*/
+			"scroll-ml": [{ "scroll-ml": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Padding
+			* @see https://tailwindcss.com/docs/scroll-padding
+			*/
+			"scroll-p": [{ "scroll-p": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Padding Inline
+			* @see https://tailwindcss.com/docs/scroll-padding
+			*/
+			"scroll-px": [{ "scroll-px": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Padding Block
+			* @see https://tailwindcss.com/docs/scroll-padding
+			*/
+			"scroll-py": [{ "scroll-py": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Padding Inline Start
+			* @see https://tailwindcss.com/docs/scroll-padding
+			*/
+			"scroll-ps": [{ "scroll-ps": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Padding Inline End
+			* @see https://tailwindcss.com/docs/scroll-padding
+			*/
+			"scroll-pe": [{ "scroll-pe": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Padding Block Start
+			* @see https://tailwindcss.com/docs/scroll-padding
+			*/
+			"scroll-pbs": [{ "scroll-pbs": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Padding Block End
+			* @see https://tailwindcss.com/docs/scroll-padding
+			*/
+			"scroll-pbe": [{ "scroll-pbe": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Padding Top
+			* @see https://tailwindcss.com/docs/scroll-padding
+			*/
+			"scroll-pt": [{ "scroll-pt": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Padding Right
+			* @see https://tailwindcss.com/docs/scroll-padding
+			*/
+			"scroll-pr": [{ "scroll-pr": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Padding Bottom
+			* @see https://tailwindcss.com/docs/scroll-padding
+			*/
+			"scroll-pb": [{ "scroll-pb": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Padding Left
+			* @see https://tailwindcss.com/docs/scroll-padding
+			*/
+			"scroll-pl": [{ "scroll-pl": scaleUnambiguousSpacing() }],
+			/**
+			* Scroll Snap Align
+			* @see https://tailwindcss.com/docs/scroll-snap-align
+			*/
+			"snap-align": [{ snap: [
+				"start",
+				"end",
+				"center",
+				"align-none"
+			] }],
+			/**
+			* Scroll Snap Stop
+			* @see https://tailwindcss.com/docs/scroll-snap-stop
+			*/
+			"snap-stop": [{ snap: ["normal", "always"] }],
+			/**
+			* Scroll Snap Type
+			* @see https://tailwindcss.com/docs/scroll-snap-type
+			*/
+			"snap-type": [{ snap: [
+				"none",
+				"x",
+				"y",
+				"both"
+			] }],
+			/**
+			* Scroll Snap Type Strictness
+			* @see https://tailwindcss.com/docs/scroll-snap-type
+			*/
+			"snap-strictness": [{ snap: ["mandatory", "proximity"] }],
+			/**
+			* Touch Action
+			* @see https://tailwindcss.com/docs/touch-action
+			*/
+			touch: [{ touch: [
+				"auto",
+				"none",
+				"manipulation"
+			] }],
+			/**
+			* Touch Action X
+			* @see https://tailwindcss.com/docs/touch-action
+			*/
+			"touch-x": [{ "touch-pan": [
+				"x",
+				"left",
+				"right"
+			] }],
+			/**
+			* Touch Action Y
+			* @see https://tailwindcss.com/docs/touch-action
+			*/
+			"touch-y": [{ "touch-pan": [
+				"y",
+				"up",
+				"down"
+			] }],
+			/**
+			* Touch Action Pinch Zoom
+			* @see https://tailwindcss.com/docs/touch-action
+			*/
+			"touch-pz": ["touch-pinch-zoom"],
+			/**
+			* User Select
+			* @see https://tailwindcss.com/docs/user-select
+			*/
+			select: [{ select: [
+				"none",
+				"text",
+				"all",
+				"auto"
+			] }],
+			/**
+			* Will Change
+			* @see https://tailwindcss.com/docs/will-change
+			*/
+			"will-change": [{ "will-change": [
+				"auto",
+				"scroll",
+				"contents",
+				"transform",
+				isArbitraryVariable,
+				isArbitraryValue
+			] }],
+			/**
+			* Fill
+			* @see https://tailwindcss.com/docs/fill
+			*/
+			fill: [{ fill: ["none", ...scaleColor()] }],
+			/**
+			* Stroke Width
+			* @see https://tailwindcss.com/docs/stroke-width
+			*/
+			"stroke-w": [{ stroke: [
+				isNumber,
+				isArbitraryVariableLength,
+				isArbitraryLength,
+				isArbitraryNumber
+			] }],
+			/**
+			* Stroke
+			* @see https://tailwindcss.com/docs/stroke
+			*/
+			stroke: [{ stroke: ["none", ...scaleColor()] }],
+			/**
+			* Forced Color Adjust
+			* @see https://tailwindcss.com/docs/forced-color-adjust
+			*/
+			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
+		},
+		conflictingClassGroups: {
+			"container-named": ["container-type"],
+			overflow: ["overflow-x", "overflow-y"],
+			overscroll: ["overscroll-x", "overscroll-y"],
+			inset: [
+				"inset-x",
+				"inset-y",
+				"inset-bs",
+				"inset-be",
+				"start",
+				"end",
+				"top",
+				"right",
+				"bottom",
+				"left"
+			],
+			"inset-x": ["right", "left"],
+			"inset-y": ["top", "bottom"],
+			flex: [
+				"basis",
+				"grow",
+				"shrink"
+			],
+			gap: ["gap-x", "gap-y"],
+			p: [
+				"px",
+				"py",
+				"ps",
+				"pe",
+				"pbs",
+				"pbe",
+				"pt",
+				"pr",
+				"pb",
+				"pl"
+			],
+			px: ["pr", "pl"],
+			py: ["pt", "pb"],
+			m: [
+				"mx",
+				"my",
+				"ms",
+				"me",
+				"mbs",
+				"mbe",
+				"mt",
+				"mr",
+				"mb",
+				"ml"
+			],
+			mx: ["mr", "ml"],
+			my: ["mt", "mb"],
+			size: ["w", "h"],
+			"font-size": ["leading"],
+			"fvn-normal": [
+				"fvn-ordinal",
+				"fvn-slashed-zero",
+				"fvn-figure",
+				"fvn-spacing",
+				"fvn-fraction"
+			],
+			"fvn-ordinal": ["fvn-normal"],
+			"fvn-slashed-zero": ["fvn-normal"],
+			"fvn-figure": ["fvn-normal"],
+			"fvn-spacing": ["fvn-normal"],
+			"fvn-fraction": ["fvn-normal"],
+			"line-clamp": ["display", "overflow"],
+			rounded: [
+				"rounded-s",
+				"rounded-e",
+				"rounded-t",
+				"rounded-r",
+				"rounded-b",
+				"rounded-l",
+				"rounded-ss",
+				"rounded-se",
+				"rounded-ee",
+				"rounded-es",
+				"rounded-tl",
+				"rounded-tr",
+				"rounded-br",
+				"rounded-bl"
+			],
+			"rounded-s": ["rounded-ss", "rounded-es"],
+			"rounded-e": ["rounded-se", "rounded-ee"],
+			"rounded-t": ["rounded-tl", "rounded-tr"],
+			"rounded-r": ["rounded-tr", "rounded-br"],
+			"rounded-b": ["rounded-br", "rounded-bl"],
+			"rounded-l": ["rounded-tl", "rounded-bl"],
+			"border-spacing": ["border-spacing-x", "border-spacing-y"],
+			"border-w": [
+				"border-w-x",
+				"border-w-y",
+				"border-w-s",
+				"border-w-e",
+				"border-w-bs",
+				"border-w-be",
+				"border-w-t",
+				"border-w-r",
+				"border-w-b",
+				"border-w-l"
+			],
+			"border-w-x": ["border-w-r", "border-w-l"],
+			"border-w-y": ["border-w-t", "border-w-b"],
+			"border-color": [
+				"border-color-x",
+				"border-color-y",
+				"border-color-s",
+				"border-color-e",
+				"border-color-bs",
+				"border-color-be",
+				"border-color-t",
+				"border-color-r",
+				"border-color-b",
+				"border-color-l"
+			],
+			"border-color-x": ["border-color-r", "border-color-l"],
+			"border-color-y": ["border-color-t", "border-color-b"],
+			translate: [
+				"translate-x",
+				"translate-y",
+				"translate-none"
+			],
+			"translate-none": [
+				"translate",
+				"translate-x",
+				"translate-y",
+				"translate-z"
+			],
+			"scroll-m": [
+				"scroll-mx",
+				"scroll-my",
+				"scroll-ms",
+				"scroll-me",
+				"scroll-mbs",
+				"scroll-mbe",
+				"scroll-mt",
+				"scroll-mr",
+				"scroll-mb",
+				"scroll-ml"
+			],
+			"scroll-mx": ["scroll-mr", "scroll-ml"],
+			"scroll-my": ["scroll-mt", "scroll-mb"],
+			"scroll-p": [
+				"scroll-px",
+				"scroll-py",
+				"scroll-ps",
+				"scroll-pe",
+				"scroll-pbs",
+				"scroll-pbe",
+				"scroll-pt",
+				"scroll-pr",
+				"scroll-pb",
+				"scroll-pl"
+			],
+			"scroll-px": ["scroll-pr", "scroll-pl"],
+			"scroll-py": ["scroll-pt", "scroll-pb"],
+			touch: [
+				"touch-x",
+				"touch-y",
+				"touch-pz"
+			],
+			"touch-x": ["touch"],
+			"touch-y": ["touch"],
+			"touch-pz": ["touch"]
+		},
+		conflictingClassGroupModifiers: { "font-size": ["leading"] },
+		postfixLookupClassGroups: ["container-type"],
+		orderSensitiveModifiers: [
+			"*",
+			"**",
+			"after",
+			"backdrop",
+			"before",
+			"details-content",
+			"file",
+			"first-letter",
+			"first-line",
+			"marker",
+			"placeholder",
+			"selection"
+		]
+	};
+};
+const twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
+//#endregion
+//#region ../AUiBase/dist/index.js
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+//#region src/utils/walkDom.ts
+const DEFAULT_MAX_NODES$1 = 500;
+const DEFAULT_MIN_SIZE = 4;
+const LEAF_TAGS = new Set([
+	"IMG",
+	"SVG",
+	"CANVAS",
+	"VIDEO",
+	"INPUT",
+	"TEXTAREA",
+	"SELECT",
+	"BUTTON",
+	"PROGRESS",
+	"METER",
+	"HR"
+]);
+/**
+* Walk `root`'s descendants and produce a list of shimmer blocks that mirror its
+* rendered layout. Coordinates are relative to `root`'s top-left so the result can
+* be replayed in any container of the same size.
+*
+* Performance:
+*   - `maxNodes` caps the walk so a 5000-row table doesn't lock up the main thread.
+*   - `minSize` filters out hairlines (1-2 px paddings, decorative dots) that
+*     inflate node count without adding visual signal.
+*   - All `getBoundingClientRect` / `getComputedStyle` reads happen in a single
+*     top-down pass with no intervening writes, so the browser does one layout
+*     up front and serves cached values from then on (no layout thrashing).
+*   - Each emitted `ShapeNode` has a frozen pre-computed `style` (and `lineStyles`
+*     for multi-line text) so the render path is allocation-free.
+*/
+function walkDom(root, options) {
+	const maxNodes = options.maxNodes ?? DEFAULT_MAX_NODES$1;
+	const minSize = options.minSize ?? DEFAULT_MIN_SIZE;
+	const nodes = [];
+	const rootRect = root.getBoundingClientRect();
+	let truncated = false;
+	function visit(el, depth) {
+		if (nodes.length >= maxNodes) {
+			truncated = true;
+			return;
+		}
+		const html = el;
+		if (html.dataset?.skeletonIgnore !== void 0) return;
+		const cs = window.getComputedStyle(el);
+		if (cs.display === "none" || cs.visibility === "hidden" || cs.opacity === "0") return;
+		const rect = el.getBoundingClientRect();
+		if (rect.width < minSize || rect.height < minSize) return;
+		const tag = el.tagName.toUpperCase();
+		const isLeafTag = LEAF_TAGS.has(tag);
+		const hasStop = html.dataset?.skeletonStop !== void 0;
+		const childElements = [];
+		for (let i = 0; i < el.children.length; i++) {
+			const c = el.children[i];
+			if (c.dataset?.skeletonIgnore === void 0) childElements.push(c);
+		}
+		const hasOwnText = hasDirectTextContent(el);
+		const reachedDepth = depth >= options.maxDepth;
+		if (isLeafTag || hasStop || reachedDepth || childElements.length === 0) {
+			const node = elementToShape(tag, cs, rect, rootRect, hasOwnText);
+			if (node) nodes.push(node);
+			return;
+		}
+		for (let i = 0; i < childElements.length; i++) {
+			if (nodes.length >= maxNodes) {
+				truncated = true;
+				return;
+			}
+			visit(childElements[i], depth + 1);
+		}
+	}
+	for (let i = 0; i < root.children.length; i++) {
+		if (nodes.length >= maxNodes) {
+			truncated = true;
+			break;
+		}
+		visit(root.children[i], 1);
+	}
+	return Object.freeze({
+		nodes: Object.freeze(nodes),
+		width: Math.round(rootRect.width),
+		height: Math.round(rootRect.height),
+		truncated
+	});
+}
+function hasDirectTextContent(el) {
+	for (let i = 0; i < el.childNodes.length; i++) {
+		const node = el.childNodes[i];
+		if (node.nodeType === Node.TEXT_NODE && (node.textContent ?? "").trim().length > 0) return true;
+	}
+	return false;
+}
+function elementToShape(tag, cs, rect, origin, hasText) {
+	const x = Math.round(rect.left - origin.left);
+	const y = Math.round(rect.top - origin.top);
+	const w = Math.round(rect.width);
+	const h = Math.round(rect.height);
+	const radius = parseFloat(cs.borderRadius) || 0;
+	const minDim = Math.min(w, h);
+	const isCircle = radius >= minDim / 2 - 1 && Math.abs(w - h) <= 2 && minDim > 0;
+	let type;
+	let resolvedRadius = radius;
+	let lines;
+	let lineHeight;
+	if (tag === "IMG" || tag === "SVG" || tag === "VIDEO" || tag === "CANVAS") type = "image";
+	else if (isCircle) {
+		type = "circle";
+		resolvedRadius = Math.floor(minDim / 2);
+	} else if (hasText) {
+		type = "text";
+		lineHeight = Math.round(parseFloat(cs.lineHeight) || parseFloat(cs.fontSize) * 1.4 || 16);
+		lines = Math.max(1, Math.round(h / lineHeight));
+		resolvedRadius = Math.min(radius, 4);
+	} else type = "block";
+	return freezeShape({
+		type,
+		x,
+		y,
+		w,
+		h,
+		radius: resolvedRadius,
+		lines,
+		lineHeight
+	});
+}
+/**
+* Pre-compute (and freeze) the inline styles used at render time. Doing it once
+* here means rendering 500 blocks doesn't allocate 500 style objects per frame.
+*/
+function freezeShape(node) {
+	const style = Object.freeze({
+		left: `${node.x}px`,
+		top: `${node.y}px`,
+		width: `${node.w}px`,
+		height: `${node.h}px`,
+		borderRadius: `${node.radius}px`
+	});
+	let lineStyles;
+	if (node.type === "text" && node.lines && node.lines > 1) {
+		const lh = node.lineHeight ?? Math.round(node.h / node.lines);
+		const barHeight = Math.max(8, Math.round(lh * .7));
+		const widthFull = `${node.w}px`;
+		const widthLast = `${Math.max(40, Math.round(node.w * .7))}px`;
+		const heightStr = `${barHeight}px`;
+		const radiusStr = `${node.radius}px`;
+		const arr = [];
+		for (let i = 1; i <= node.lines; i++) {
+			const isLast = i === node.lines;
+			arr.push(Object.freeze({
+				left: `${node.x}px`,
+				top: `${node.y + (i - 1) * lh}px`,
+				width: isLast ? widthLast : widthFull,
+				height: heightStr,
+				borderRadius: radiusStr
+			}));
+		}
+		lineStyles = Object.freeze(arr);
+	}
+	return Object.freeze({
+		type: node.type,
+		x: node.x,
+		y: node.y,
+		w: node.w,
+		h: node.h,
+		radius: node.radius,
+		lines: node.lines,
+		lineHeight: node.lineHeight,
+		style,
+		lineStyles
+	});
+}
+//#endregion
+//#region src/composables/useShapeProbe.ts
+const DEFAULT_RESIZE_DEBOUNCE_MS = 150;
+/**
+* Observe `getTarget()` and capture its rendered shape whenever the element
+* appears or resizes.
+*
+* Performance:
+*   - Initial capture runs via `requestAnimationFrame` so it sneaks into the
+*     first idle window after mount — no synchronous layout from inside the
+*     render queue.
+*   - Subsequent `ResizeObserver` callbacks are debounced (default 150 ms) so a
+*     drag-resize doesn't trigger a fresh DOM walk per frame.
+*   - `walkDom` itself enforces `maxNodes` so even a worst-case capture (10k
+*     descendants) returns in bounded time.
+*/
+function useShapeProbe(getTarget, options) {
+	let observer;
+	let frame;
+	let timer;
+	let hasCaptured = false;
+	const debounceMs = options.resizeDebounceMs ?? DEFAULT_RESIZE_DEBOUNCE_MS;
+	function cleanup() {
+		if (observer) {
+			observer.disconnect();
+			observer = void 0;
+		}
+		if (frame !== void 0) {
+			cancelAnimationFrame(frame);
+			frame = void 0;
+		}
+		if (timer !== void 0) {
+			clearTimeout(timer);
+			timer = void 0;
+		}
+	}
+	function capture(el) {
+		const result = walkDom(el, {
+			maxDepth: options.maxDepth,
+			maxNodes: options.maxNodes,
+			minSize: options.minSize
+		});
+		if (result.width > 0 && result.height > 0 && result.nodes.length > 0) {
+			hasCaptured = true;
+			options.onCapture(result);
+		}
+	}
+	function scheduleImmediate(el) {
+		if (frame !== void 0) cancelAnimationFrame(frame);
+		frame = requestAnimationFrame(() => {
+			frame = void 0;
+			capture(el);
+		});
+	}
+	function scheduleDebounced(el) {
+		if (timer !== void 0) clearTimeout(timer);
+		timer = setTimeout(() => {
+			timer = void 0;
+			capture(el);
+		}, debounceMs);
+	}
+	(0, vue.watch)(getTarget, (el) => {
+		cleanup();
+		hasCaptured = false;
+		if (!el || typeof window === "undefined") return;
+		scheduleImmediate(el);
+		if (typeof ResizeObserver !== "undefined") {
+			observer = new ResizeObserver(() => {
+				if (hasCaptured) scheduleDebounced(el);
+			});
+			observer.observe(el);
+		}
+	}, {
+		immediate: true,
+		flush: "post"
+	});
+	(0, vue.onBeforeUnmount)(cleanup);
+}
+//#endregion
+//#region src/composables/useSkeletonCache.ts
+const memory = /* @__PURE__ */ new Map();
+const STORAGE_PREFIX = "a-skeleton:";
+/**
+* Lookup a captured shape by key. Reads in-memory first, then `localStorage` if
+* `persist` is enabled. SSR-safe — bypasses `window` access on the server.
+* Rehydrates pre-computed styles for shapes deserialized from older sessions
+* (Object.freeze + style/lineStyles don't survive `JSON.stringify` round-trip).
+*/
+function getCached(key, persist) {
+	const hit = memory.get(key);
+	if (hit) return hit;
+	if (!persist || typeof window === "undefined") return void 0;
+	try {
+		const raw = window.localStorage.getItem(STORAGE_PREFIX + key);
+		if (!raw) return void 0;
+		const rehydrated = rehydrateShape(JSON.parse(raw));
+		memory.set(key, rehydrated);
+		return rehydrated;
+	} catch {
+		return;
+	}
+}
+/** Store a captured shape. `persist=true` mirrors to `localStorage`. */
+function setCached(key, value, persist) {
+	memory.set(key, value);
+	if (!persist || typeof window === "undefined") return;
+	try {
+		const lean = {
+			width: value.width,
+			height: value.height,
+			nodes: leanNodes(value.nodes)
+		};
+		window.localStorage.setItem(STORAGE_PREFIX + key, JSON.stringify(lean));
+	} catch {}
+}
+/** Drop a single entry (or all entries when no key). Exposed for tests + manual invalidation. */
+function clearCached(key) {
+	if (!key) {
+		memory.clear();
+		if (typeof window === "undefined") return;
+		try {
+			for (const k of Object.keys(window.localStorage)) if (k.startsWith(STORAGE_PREFIX)) window.localStorage.removeItem(k);
+		} catch {}
+		return;
+	}
+	memory.delete(key);
+	if (typeof window === "undefined") return;
+	try {
+		window.localStorage.removeItem(STORAGE_PREFIX + key);
+	} catch {}
+}
+/**
+* Rebuild `style` + `lineStyles` for nodes that lost them via serialization.
+* Walks the array in-place where possible and freezes the result so the render
+* path stays allocation-free.
+*/
+function rehydrateShape(shape) {
+	const nodes = shape.nodes.map((n) => n.style ? n : freezeNodeStyles(n));
+	return Object.freeze({
+		nodes: Object.freeze(nodes),
+		width: shape.width,
+		height: shape.height,
+		truncated: shape.truncated
+	});
+}
+function leanNodes(nodes) {
+	return nodes.map((n) => ({
+		type: n.type,
+		x: n.x,
+		y: n.y,
+		w: n.w,
+		h: n.h,
+		radius: n.radius,
+		lines: n.lines,
+		lineHeight: n.lineHeight
+	}));
+}
+function freezeNodeStyles(node) {
+	const style = Object.freeze({
+		left: `${node.x}px`,
+		top: `${node.y}px`,
+		width: `${node.w}px`,
+		height: `${node.h}px`,
+		borderRadius: `${node.radius}px`
+	});
+	let lineStyles;
+	if (node.type === "text" && node.lines && node.lines > 1) {
+		const lh = node.lineHeight ?? Math.round(node.h / node.lines);
+		const barHeight = Math.max(8, Math.round(lh * .7));
+		const widthFull = `${node.w}px`;
+		const widthLast = `${Math.max(40, Math.round(node.w * .7))}px`;
+		const heightStr = `${barHeight}px`;
+		const radiusStr = `${node.radius}px`;
+		const arr = [];
+		for (let i = 1; i <= node.lines; i++) {
+			const isLast = i === node.lines;
+			arr.push(Object.freeze({
+				left: `${node.x}px`,
+				top: `${node.y + (i - 1) * lh}px`,
+				width: isLast ? widthLast : widthFull,
+				height: heightStr,
+				borderRadius: radiusStr
+			}));
+		}
+		lineStyles = Object.freeze(arr);
+	}
+	return Object.freeze({
+		type: node.type,
+		x: node.x,
+		y: node.y,
+		w: node.w,
+		h: node.h,
+		radius: node.radius,
+		lines: node.lines,
+		lineHeight: node.lineHeight,
+		style,
+		lineStyles
+	});
+}
+//#endregion
+//#region src/utils/fingerprint.ts
+/**
+* Derive a default cache key from a slot's vnode tree. Returns the first
+* non-comment child's component name (or HTML tag). When the slot only contains
+* text / comments / unknown content, returns `'anonymous'` so the caller can
+* still cache, but with no useful identity — encourage an explicit `cacheKey`.
+*/
+function fingerprintSlot(vnodes) {
+	if (!vnodes) return "anonymous";
+	for (const vnode of vnodes) {
+		const tag = describeVNode(vnode);
+		if (tag) return tag;
+	}
+	return "anonymous";
+}
+function describeVNode(vnode) {
+	const t = vnode.type;
+	if (t === vue.Comment || t === vue.Text) return void 0;
+	if (t === vue.Fragment) {
+		const children = vnode.children;
+		if (Array.isArray(children)) {
+			for (const child of children) if (child && typeof child === "object" && "type" in child) {
+				const found = describeVNode(child);
+				if (found) return found;
+			}
+		}
+		return;
+	}
+	if (typeof t === "string") return t;
+	if (typeof t === "object" && t !== null) {
+		const named = t.name ?? t.__name ?? t.displayName;
+		if (named) return named;
+	}
+}
+//#endregion
+//#region src/utils/buildStructuralSkeleton.ts
+/**
+* Atomic HTML tags — rendered as a single skeleton block. Their own class/style
+* is preserved so Tailwind utilities (`size-16`, `rounded-full`, …) carry the
+* dimensions across without us needing to measure.
+*/
+const ATOMIC_TAGS = new Set([
+	"img",
+	"svg",
+	"canvas",
+	"video",
+	"input",
+	"textarea",
+	"select",
+	"button",
+	"progress",
+	"meter",
+	"hr"
+]);
+/** Single-line text containers — produce one bar. */
+const HEADING_TAGS = new Set([
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6"
+]);
+/** Multi-line text containers — produce N bars with a shortened last line. */
+const PARAGRAPH_TAGS = new Set(["p", "blockquote"]);
+/** Inline text — single bar, but inherits parent font sizing. */
+const INLINE_TEXT_TAGS = new Set([
+	"span",
+	"a",
+	"small",
+	"strong",
+	"em",
+	"code",
+	"time",
+	"label",
+	"b",
+	"i",
+	"mark"
+]);
+const DEFAULT_MAX_DEPTH = 8;
+const DEFAULT_MAX_NODES = 300;
+/**
+* Walk a slot's vnode tree and produce a skeleton that mirrors its rendered
+* structure: same wrapping tags, same `class` strings (so flex/grid/spacing/
+* sizing utilities still apply), but text/atomic leaves replaced with shimmer
+* blocks. The result renders correctly on the FIRST paint without any DOM
+* measurement, as long as the slot's template renders structure even when its
+* data is empty (use `v-if`/`v-else` to swap content, not to gate the wrapper).
+*
+* Performance: `maxNodes` caps the work. When the cap is hit we stop emitting
+* — the caller still gets a valid skeleton, just clipped at the budget. A 1000-
+* row list renders ~300 skeleton rows on first paint and then the measured cache
+* takes over for subsequent loads.
+*/
+function buildStructuralSkeleton(vnodes, opts) {
+	const maxDepth = opts.maxDepth ?? DEFAULT_MAX_DEPTH;
+	const state = {
+		emitted: 0,
+		cap: opts.maxNodes ?? DEFAULT_MAX_NODES
+	};
+	const out = [];
+	walk(vnodes, opts, 0, maxDepth, state, out);
+	return out;
+}
+function walk(input, opts, depth, max, state, out) {
+	if (state.emitted >= state.cap) return;
+	if (input == null || typeof input === "boolean") return;
+	if (Array.isArray(input)) {
+		for (let i = 0; i < input.length; i++) {
+			if (state.emitted >= state.cap) return;
+			walk(input[i], opts, depth, max, state, out);
+		}
+		return;
+	}
+	if (typeof input === "string" || typeof input === "number") {
+		if (String(input).trim()) push(out, textBar(opts.animationClass), state);
+		return;
+	}
+	const v = input;
+	const type = v.type;
+	if (type === vue.Comment) return;
+	if (type === vue.Text) {
+		if (typeof v.children === "string" ? v.children.trim() : "") push(out, textBar(opts.animationClass), state);
+		return;
+	}
+	if (type === vue.Fragment) {
+		walk(v.children, opts, depth, max, state, out);
+		return;
+	}
+	if (typeof type === "string") {
+		push(out, transformElement(v, type.toLowerCase(), opts, depth, max, state), state);
+		return;
+	}
+	if (typeof type === "object" || typeof type === "function") push(out, (0, vue.h)("div", {
+		class: [
+			"a-skel-block",
+			v.props?.class,
+			opts.animationClass
+		],
+		style: v.props?.style
+	}), state);
+}
+function push(out, vn, state) {
+	if (state.emitted >= state.cap) return;
+	out.push(vn);
+	state.emitted++;
+}
+function transformElement(v, tag, opts, depth, max, state) {
+	const cls = v.props?.class;
+	const styl = v.props?.style;
+	if (ATOMIC_TAGS.has(tag)) return (0, vue.h)("div", {
+		class: [
+			"a-skel-block",
+			cls,
+			opts.animationClass
+		],
+		style: styl
+	});
+	if (HEADING_TAGS.has(tag)) return (0, vue.h)(tag, {
+		class: cls,
+		style: styl
+	}, [textBar(opts.animationClass)]);
+	if (PARAGRAPH_TAGS.has(tag)) {
+		const children = v.children;
+		const recursedChildren = [];
+		walk(children, opts, depth + 1, max, state, recursedChildren);
+		if (recursedChildren.length > 0) return (0, vue.h)(tag, {
+			class: cls,
+			style: styl
+		}, recursedChildren);
+		const lines = estimateLines(children, 3);
+		return (0, vue.h)(tag, {
+			class: cls,
+			style: styl
+		}, multiLineBars(lines, opts.animationClass));
+	}
+	if (INLINE_TEXT_TAGS.has(tag)) {
+		const children = v.children;
+		const recursedChildren = [];
+		walk(children, opts, depth + 1, max, state, recursedChildren);
+		if (recursedChildren.length > 0) return (0, vue.h)(tag, {
+			class: cls,
+			style: styl
+		}, recursedChildren);
+		return (0, vue.h)(tag, {
+			class: cls,
+			style: styl
+		}, [textBar(opts.animationClass)]);
+	}
+	if (depth >= max) return (0, vue.h)("div", {
+		class: [
+			"a-skel-block",
+			cls,
+			opts.animationClass
+		],
+		style: styl
+	});
+	const recursed = [];
+	walk(v.children, opts, depth + 1, max, state, recursed);
+	if (recursed.length === 0) return (0, vue.h)("div", {
+		class: [
+			"a-skel-block",
+			cls,
+			opts.animationClass
+		],
+		style: styl
+	});
+	return (0, vue.h)(tag, {
+		class: cls,
+		style: styl
+	}, recursed);
+}
+function estimateLines(children, max) {
+	if (typeof children !== "string") return 1;
+	const len = children.trim().length;
+	if (len === 0) return 2;
+	if (len < 40) return 1;
+	if (len < 100) return 2;
+	return Math.min(max, 3);
+}
+function multiLineBars(lines, animationClass) {
+	const out = [];
+	for (let i = 0; i < lines; i++) out.push(textBar(animationClass, i === lines - 1 && lines > 1 ? .65 : 1));
+	return out;
+}
+const BAR_STYLE_FULL = Object.freeze({
+	display: "inline-block",
+	width: "100%",
+	height: "0.75em",
+	verticalAlign: "middle",
+	borderRadius: "4px"
+});
+const PARTIAL_BAR_CACHE = /* @__PURE__ */ new Map();
+function partialBarStyle(widthFraction) {
+	const key = Math.round(widthFraction * 10) / 10;
+	const hit = PARTIAL_BAR_CACHE.get(key);
+	if (hit) return hit;
+	const made = Object.freeze({
+		display: "inline-block",
+		width: `${Math.round(key * 100)}%`,
+		height: "0.75em",
+		verticalAlign: "middle",
+		borderRadius: "4px"
+	});
+	PARTIAL_BAR_CACHE.set(key, made);
+	return made;
+}
+function textBar(animationClass, widthFraction = 1) {
+	return (0, vue.h)("span", {
+		class: [
+			"a-skel-block",
+			"a-skel-block--text",
+			animationClass
+		],
+		style: widthFraction === 1 ? BAR_STYLE_FULL : partialBarStyle(widthFraction)
+	});
+}
+//#endregion
+//#region src/components/StructuralSkeleton.ts
+/**
+* Renders a structural skeleton derived from a slot's vnode tree. Pure render
+* function — no template, no scoped styles — so the parent's class strings
+* pass through unchanged and Tailwind utilities continue to drive layout.
+*
+* `maxNodes` is forwarded to the walker; cap defaults to 300 (see
+* `buildStructuralSkeleton`). Beyond that the walk stops emitting and the cap
+* propagates back as a clipped tree, keeping first-paint bounded.
+*/
+const StructuralSkeleton = (0, vue.defineComponent)({
+	name: "StructuralSkeleton",
+	props: {
+		vnodes: {
+			type: Array,
+			required: true
+		},
+		animation: {
+			type: String,
+			default: null
+		},
+		maxDepth: {
+			type: Number,
+			default: 8
+		},
+		maxNodes: {
+			type: Number,
+			default: 300
+		}
+	},
+	setup(props) {
+		return () => buildStructuralSkeleton(props.vnodes, {
+			animationClass: props.animation,
+			maxDepth: props.maxDepth,
+			maxNodes: props.maxNodes
+		});
+	}
+});
+//#endregion
+//#region \0/plugin-vue/export-helper
+var export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+//#region src/components/ASkeleton.vue
+const _sfc_main$2 = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ASkeleton",
+	props: {
+		loading: {
+			type: Boolean,
+			required: true
+		},
+		cacheKey: {
+			type: String,
+			required: false
+		},
+		maxDepth: {
+			type: Number,
+			required: false,
+			default: 6
+		},
+		maxNodes: {
+			type: Number,
+			required: false,
+			default: 500
+		},
+		minNodeSize: {
+			type: Number,
+			required: false,
+			default: 4
+		},
+		persist: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		animation: {
+			type: String,
+			required: false,
+			default: "shimmer"
+		},
+		fallback: {
+			type: String,
+			required: false,
+			default: "shimmer"
+		},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		const slots = (0, vue.useSlots)();
+		const resolvedKey = (0, vue.computed)(() => props.cacheKey ?? fingerprintSlot(slots.default?.()));
+		const cached = (0, vue.shallowRef)(getCached(resolvedKey.value, props.persist));
+		(0, vue.watch)(resolvedKey, (key) => {
+			cached.value = getCached(key, props.persist);
+		});
+		const wrapperRef = (0, vue.ref)(null);
+		useShapeProbe(() => props.loading ? null : wrapperRef.value, {
+			maxDepth: props.maxDepth,
+			maxNodes: props.maxNodes,
+			minSize: props.minNodeSize,
+			onCapture: (shape) => {
+				setCached(resolvedKey.value, shape, props.persist);
+				cached.value = shape;
+			}
+		});
+		const animationClass = (0, vue.computed)(() => props.animation === "none" ? null : `a-skel-block--anim-${props.animation}`);
+		const layerStyle = (0, vue.computed)(() => cached.value ? {
+			width: `${cached.value.width}px`,
+			height: `${cached.value.height}px`
+		} : {});
+		const blockClassByType = (0, vue.computed)(() => {
+			const anim = animationClass.value;
+			const suffix = anim ? ` ${anim}` : "";
+			return Object.freeze({
+				block: `a-skel-block a-skel-block--block${suffix}`,
+				text: `a-skel-block a-skel-block--text${suffix}`,
+				image: `a-skel-block a-skel-block--image${suffix}`,
+				circle: `a-skel-block a-skel-block--circle${suffix}`
+			});
+		});
+		const structuralVNodes = (0, vue.computed)(() => props.loading ? slots.default?.() ?? [] : []);
+		const __returned__ = {
+			props,
+			slots,
+			resolvedKey,
+			cached,
+			wrapperRef,
+			animationClass,
+			layerStyle,
+			blockClassByType,
+			structuralVNodes,
+			hasStructure: (0, vue.computed)(() => structuralVNodes.value.length > 0),
+			get cn() {
+				return cn;
+			},
+			get StructuralSkeleton() {
+				return StructuralSkeleton;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+const _hoisted_1 = ["data-loading"];
+const _hoisted_2 = {
+	class: "a-skeleton__structural",
+	role: "status",
+	"aria-live": "polite",
+	"aria-busy": "true"
+};
+const _hoisted_3 = {
+	class: "a-skeleton__fallback",
+	role: "status",
+	"aria-busy": "true"
+};
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+	return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+		ref: "wrapperRef",
+		class: (0, vue.normalizeClass)($setup.cn("a-skeleton", $setup.props.class)),
+		"data-loading": $setup.props.loading ? "" : void 0
+	}, [$setup.props.loading ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createCommentVNode)(" Cache hit: pixel-aligned positioned blocks from a previous measurement.\n           Styles are pre-computed during capture so the loop below never calls\n           a function or allocates a style object per node. "), $setup.cached ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+		key: 0,
+		class: "a-skeleton__layer",
+		style: (0, vue.normalizeStyle)($setup.layerStyle),
+		role: "status",
+		"aria-live": "polite",
+		"aria-busy": "true"
+	}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($setup.cached.nodes, (node, idx) => {
+		return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: idx }, [node.lineStyles ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(node.lineStyles, (lineStyle, i) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				key: `${idx}-${i}`,
+				class: (0, vue.normalizeClass)($setup.blockClassByType.text),
+				style: (0, vue.normalizeStyle)(lineStyle)
+			}, null, 6);
+		}), 128)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+			key: 1,
+			class: (0, vue.normalizeClass)($setup.blockClassByType[node.type]),
+			style: (0, vue.normalizeStyle)(node.style)
+		}, null, 6))], 64);
+	}), 128))], 4)) : $setup.hasStructure ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createCommentVNode)(" Cache miss + slot has structure: render a structural skeleton derived\n           from the slot's vnode tree. First paint already looks right. "), (0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createVNode)($setup["StructuralSkeleton"], {
+		vnodes: $setup.structuralVNodes,
+		animation: $setup.animationClass,
+		"max-depth": $props.maxDepth,
+		"max-nodes": $props.maxNodes
+	}, null, 8, [
+		"vnodes",
+		"animation",
+		"max-depth",
+		"max-nodes"
+	])])], 2112)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createCommentVNode)(" Cache miss + nothing to walk: generic shimmer. "), (0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.renderSlot)(_ctx.$slots, "fallback", {}, () => [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["a-skel-block a-skel-block--block a-skel-fallback-default", $setup.animationClass]) }, null, 2)], true)])], 2112))], 64)) : (0, vue.renderSlot)(_ctx.$slots, "default", { key: 1 }, void 0, true)], 10, _hoisted_1);
+}
+var ASkeleton_default = /* @__PURE__ */ export_helper_default(_sfc_main$2, [
+	["render", _sfc_render$2],
+	["__scopeId", "data-v-16717541"],
+	["__file", "/Users/alikhalill/Desktop/my-projects/ali-nuxt-toolkit/packages/ui-components/ASkeleton/src/components/ASkeleton.vue"]
+]);
+//#endregion
+//#region src/components/ASkeletonLayer.vue
+const _sfc_main$1 = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ASkeletonLayer",
+	props: {
+		shape: {
+			type: Object,
+			required: false
+		},
+		animation: {
+			type: String,
+			required: false,
+			default: "shimmer"
+		},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		const animationClass = (0, vue.computed)(() => props.animation === "none" ? null : `a-skel-block--anim-${props.animation}`);
+		const __returned__ = {
+			props,
+			animationClass,
+			layerStyle: (0, vue.computed)(() => props.shape ? {
+				width: `${props.shape.width}px`,
+				height: `${props.shape.height}px`
+			} : {}),
+			blockClassByType: (0, vue.computed)(() => {
+				const anim = animationClass.value;
+				const suffix = anim ? ` ${anim}` : "";
+				return Object.freeze({
+					block: `a-skel-block a-skel-block--block${suffix}`,
+					text: `a-skel-block a-skel-block--text${suffix}`,
+					image: `a-skel-block a-skel-block--image${suffix}`,
+					circle: `a-skel-block a-skel-block--circle${suffix}`
+				});
+			}),
+			get cn() {
+				return cn;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return $props.shape ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+		key: 0,
+		class: (0, vue.normalizeClass)($setup.cn("a-skeleton__layer", $setup.props.class)),
+		style: (0, vue.normalizeStyle)($setup.layerStyle),
+		role: "status",
+		"aria-live": "polite",
+		"aria-busy": "true"
+	}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($props.shape.nodes, (node, idx) => {
+		return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: idx }, [node.lineStyles ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)(node.lineStyles, (lineStyle, i) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				key: `${idx}-${i}`,
+				class: (0, vue.normalizeClass)($setup.blockClassByType.text),
+				style: (0, vue.normalizeStyle)(lineStyle)
+			}, null, 6);
+		}), 128)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+			key: 1,
+			class: (0, vue.normalizeClass)($setup.blockClassByType[node.type]),
+			style: (0, vue.normalizeStyle)(node.style)
+		}, null, 6))], 64);
+	}), 128))], 6)) : (0, vue.createCommentVNode)("v-if", true);
+}
+var ASkeletonLayer_default = /* @__PURE__ */ export_helper_default(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/Users/alikhalill/Desktop/my-projects/ali-nuxt-toolkit/packages/ui-components/ASkeleton/src/components/ASkeletonLayer.vue"]]);
+//#endregion
+//#region src/components/ASkeletonBlock.vue
+const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ASkeletonBlock",
+	props: {
+		type: {
+			type: String,
+			required: false,
+			default: "block"
+		},
+		w: {
+			type: [Number, String],
+			required: false
+		},
+		h: {
+			type: [Number, String],
+			required: false
+		},
+		radius: {
+			type: [Number, String],
+			required: false
+		},
+		lines: {
+			type: Number,
+			required: false,
+			default: 1
+		},
+		animation: {
+			type: String,
+			required: false,
+			default: "shimmer"
+		},
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			required: false,
+			skipCheck: true
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		const animationClass = (0, vue.computed)(() => props.animation === "none" ? null : `a-skel-block--anim-${props.animation}`);
+		const blockClass = (0, vue.computed)(() => [
+			"a-skel-block",
+			`a-skel-block--${props.type}`,
+			animationClass.value
+		]);
+		function toLength(v) {
+			if (v === void 0) return void 0;
+			return typeof v === "number" ? `${v}px` : v;
+		}
+		const radiusValue = (0, vue.computed)(() => props.type === "circle" && props.radius === void 0 ? "50%" : toLength(props.radius));
+		const __returned__ = {
+			props,
+			animationClass,
+			blockClass,
+			toLength,
+			radiusValue,
+			blockStyle: (0, vue.computed)(() => ({
+				width: toLength(props.w),
+				height: toLength(props.h),
+				borderRadius: radiusValue.value
+			})),
+			isMultiLineText: (0, vue.computed)(() => props.type === "text" && props.lines > 1),
+			get cn() {
+				return cn;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return $setup.isMultiLineText ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+		key: 0,
+		class: (0, vue.normalizeClass)($setup.cn("a-skel-block-stack", $setup.props.class)),
+		role: "status",
+		"aria-busy": "true"
+	}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)($setup.props.lines, (i) => {
+		return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+			key: i,
+			class: (0, vue.normalizeClass)($setup.blockClass),
+			style: (0, vue.normalizeStyle)({
+				height: $setup.blockStyle.height ?? "0.75em",
+				width: i === $setup.props.lines ? "70%" : "100%",
+				borderRadius: $setup.blockStyle.borderRadius ?? "4px"
+			})
+		}, null, 6);
+	}), 128))], 2)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+		key: 1,
+		class: (0, vue.normalizeClass)($setup.cn($setup.blockClass, $setup.props.class)),
+		style: (0, vue.normalizeStyle)($setup.blockStyle),
+		role: "status",
+		"aria-busy": "true"
+	}, null, 6));
+}
+var ASkeletonBlock_default = /* @__PURE__ */ export_helper_default(_sfc_main, [
+	["render", _sfc_render],
+	["__scopeId", "data-v-bdfba69a"],
+	["__file", "/Users/alikhalill/Desktop/my-projects/ali-nuxt-toolkit/packages/ui-components/ASkeleton/src/components/ASkeletonBlock.vue"]
+]);
+//#endregion
+//#region src/composables/useSkeleton.ts
+/**
+* High-level building block for custom skeleton UIs. Wires up the probe + cache
+* + reactivity so the consumer just renders something using the reactive shape:
+*
+* ```ts
+* const containerRef = ref<HTMLElement | null>(null);
+* const { shape } = useSkeleton({
+*   cacheKey: 'user-card',
+*   target: () => (loading.value ? null : containerRef.value),
+* });
+* ```
+*
+* ```vue
+* <div ref="containerRef">
+*   <ASkeletonLayer v-if="loading && shape" :shape="shape" />
+*   <UserCard v-else :data="user" />
+* </div>
+* ```
+*
+* For more control, drop down to `useShapeProbe` + `getCached`/`setCached` and
+* compose your own.
+*/
+function useSkeleton(options) {
+	const persist = options.persist ?? false;
+	const maxDepth = options.maxDepth ?? 6;
+	const shape = (0, vue.shallowRef)(getCached(options.cacheKey, persist));
+	if (options.target) {
+		const getTarget = options.target;
+		useShapeProbe(getTarget, {
+			maxDepth,
+			maxNodes: options.maxNodes,
+			minSize: options.minSize,
+			resizeDebounceMs: options.resizeDebounceMs,
+			onCapture: (captured) => {
+				setCached(options.cacheKey, captured, persist);
+				shape.value = captured;
+			}
+		});
+	}
+	function captureNow() {
+		const el = options.target?.();
+		if (!el || typeof window === "undefined") return void 0;
+		const captured = walkDom(el, {
+			maxDepth,
+			maxNodes: options.maxNodes,
+			minSize: options.minSize
+		});
+		if (captured.width <= 0 || captured.height <= 0 || captured.nodes.length === 0) return void 0;
+		setCached(options.cacheKey, captured, persist);
+		shape.value = captured;
+		return captured;
+	}
+	function clear() {
+		clearCached(options.cacheKey);
+		shape.value = void 0;
+	}
+	return {
+		shape,
+		captureNow,
+		clear
+	};
+}
+//#endregion
+exports.ASkeleton = ASkeleton_default;
+exports.ASkeletonBlock = ASkeletonBlock_default;
+exports.ASkeletonLayer = ASkeletonLayer_default;
+exports.StructuralSkeleton = StructuralSkeleton;
+exports.buildStructuralSkeleton = buildStructuralSkeleton;
+exports.clearCached = clearCached;
+exports.fingerprintSlot = fingerprintSlot;
+exports.getCached = getCached;
+exports.setCached = setCached;
+exports.useShapeProbe = useShapeProbe;
+exports.useSkeleton = useSkeleton;
+exports.walkDom = walkDom;
+
+//# sourceMappingURL=index.cjs.map