@webskill/sdk 0.21.0 → 0.23.0

package/dist/ui-react.js

@@ -2,7 +2,7 @@ import { a as __toCommonJS, i as __require, n as __esmMin, o as __toESM, r as __
 import { n as messageOf, t as WebSkillError } from "./errors-BDZNpC13.js";
 import { n as validateUiSpecEvent, r as validateUiSpecNode } from "./surface-DVGiCmwq.js";
 import { a as applySuggestion, c as DEFAULT_SURFACE_FORM_TEXTS, f as resolveSurfaceFormTexts, i as renderMiniMarkdown, l as DEFAULT_SURFACE_HOST_CONTROL_TEXTS, m as shapeInteractionValue, o as collectValues, p as resolveSurfaceHostControlTexts, r as renderMiniChart, u as interactionToFormModel } from "./miniChart-D0nYMzz8.js";
-import { C as DEFAULT_CHART_FONT_SIZES, E as resolveChartFontSizes, S as gaugePercent, T as mountEchart, c as resolveColumnWidths, d as collectFormScopes, f as collectScopedValues, g as uiCatalog, i as normalizeFieldOptions, n as interactionToUiSpec, p as qualifyFieldName, r as toJsonRenderSpec, s as normalizeColumnWidths, t as toOpenUiSpecLang, u as evaluateFieldCondition, w as chartSpecFromProps } from "./openUiSpecLang-CLXJEeRU.js";
+import { C as DEFAULT_CHART_FONT_SIZES, E as resolveChartFontSizes, S as gaugePercent, T as mountEchart, c as resolveColumnWidths, d as collectFormScopes, f as collectScopedValues, g as uiCatalog, i as normalizeFieldOptions, n as interactionToUiSpec, p as qualifyFieldName, r as toJsonRenderSpec, s as normalizeColumnWidths, t as toOpenUiSpecLang, u as evaluateFieldCondition, w as chartSpecFromProps } from "./openUiSpecLang-BSYYnjay.js";
 import minpath from "node:path";
 import { fileURLToPath as urlToPath } from "node:url";
 import { z } from "zod";
@@ -258,6 +258,8 @@ var ReactBridgeState = class {
 	streamingRunId = null;
 	streamingText = "";
 	#listeners = /* @__PURE__ */ new Set();
+	/** 待决交互队列，队头即 `pending`（0.23.0 分册 19 FR-19.6） */
+	#queue = [];
 	#resolvers = /* @__PURE__ */ new Map();
 	#surfaceActionResolvers = /* @__PURE__ */ new Map();
 	#processedSurfaceActionNonces = /* @__PURE__ */ new Set();
@@ -301,10 +303,11 @@ var ReactBridgeState = class {
 		for (const listener of [...this.#listeners]) listener();
 	}
 	request(input) {
-		this.pending = input;
-		this.#emit();
 		return new Promise((resolve) => {
 			this.#resolvers.set(input.id, resolve);
+			this.#queue.push(input);
+			this.pending = this.#queue[0] ?? null;
+			this.#emit();
 		});
 	}
 	/** 组件提交/取消回调 */
@@ -312,7 +315,8 @@ var ReactBridgeState = class {
 		const resolver = this.#resolvers.get(response.id);
 		if (!resolver) return;
 		this.#resolvers.delete(response.id);
-		this.pending = null;
+		this.#queue = this.#queue.filter((request) => request.id !== response.id);
+		this.pending = this.#queue[0] ?? null;
 		this.#emit();
 		resolver(response);
 	}
@@ -34522,6 +34526,7 @@ var require_lucide_react = /* @__PURE__ */ __commonJSMin(((exports) => {
 	]);
 	exports.Check = Check;
 	exports.ChevronDown = ChevronDown;
+	exports.ImageOff = ImageOff;
 	exports.LoaderCircle = LoaderCircle;
 }));
 
@@ -41592,6 +41597,3411 @@ function DataTable({ children, className = "", containerClassName = "", ...props
 	});
 }
 
+//#endregion
+//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r$1(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$1(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$1(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);
+		const startIndex = classParts[0] === "" && classParts.length > 1 ? 1 : 0;
+		return getGroupRecursive(classParts, startIndex, 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) => {
+		const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
+		configUtils = createConfigUtils(config);
+		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 ../ui-kit/src/lib/cn.ts
+/** shadcn 约定的类名合并：后写的 Tailwind 类覆盖先写的同族类。 */
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
 //#endregion
 //#region ../ui-kit/src/components/Badge.tsx
 const toneClasses = {
@@ -61561,6 +64971,272 @@ function defaultUrlTransform(value) {
 	return "";
 }
 
+//#endregion
+//#region ../ui-kit/src/markdown/image.tsx
+/** `<img>` 里的 data URL 不会执行脚本，SVG 同理——放行的前提就是这个上下文 */
+const DATA_IMAGE = /^data:image\/[a-z0-9.+-]+[;,]/i;
+/**
+* 仓内图片引用。模型输出不了 base64，所以正文里贴附件图只能靠短引用，
+* 由宿主注入的解析器换成可显示的 URL。与投放通道的 `data-webskill-image` 同一套引用形态。
+*/
+const IMAGE_REF = /^(upload|artifact):/i;
+/**
+* react-markdown 的默认 `urlTransform` 只放行 `https?|ircs?|mailto|xmpp`，
+* 于是 `![](data:image/png;base64,…)` 与 `![](upload:xxx)` 的 src 都被剥成空串。
+*
+* 这里**只对 `<img src>` 补放行**：`<a href="data:image/svg+xml,…">` 点开是导航，
+* 那个上下文里 SVG 的脚本会执行，所以 href 仍走默认策略。
+*/
+const markdownUrlTransform = (url, key, node) => {
+	if (key === "src" && node.tagName === "img" && (DATA_IMAGE.test(url) || IMAGE_REF.test(url))) return url;
+	return defaultUrlTransform(url);
+};
+const ResolverContext = createContext(void 0);
+/**
+* 正文里的图片。外链、data URL、同源相对路径直接显示；`upload:` / `artifact:` 引用
+* 走宿主注入的解析器。
+*
+* `referrerPolicy="no-referrer"`：外链图会向第三方发请求，不必把当前会话的 URL 一起送出去。
+* 失败时退回 `alt` 文本而不是留破图——alt 由内容方给，天然随内容语言，不需要另配文案。
+*/
+function MarkdownImage({ node: _node, className, src, alt, ...rest }) {
+	const resolve = useContext(ResolverContext);
+	const [failed, setFailed] = useState(false);
+	const [resolved, setResolved] = useState();
+	const isRef = typeof src === "string" && IMAGE_REF.test(src);
+	useEffect(() => {
+		if (!isRef || typeof src !== "string") return;
+		if (resolve === void 0) {
+			setFailed(true);
+			return;
+		}
+		let cancelled = false;
+		let created;
+		setFailed(false);
+		setResolved(void 0);
+		resolve(src).then((url) => {
+			if (url === void 0) {
+				if (!cancelled) setFailed(true);
+				return;
+			}
+			created = url;
+			if (cancelled) {
+				if (url.startsWith("blob:")) URL.revokeObjectURL(url);
+				return;
+			}
+			setResolved(url);
+		}).catch(() => {
+			if (!cancelled) setFailed(true);
+		});
+		return () => {
+			cancelled = true;
+			if (created?.startsWith("blob:")) URL.revokeObjectURL(created);
+		};
+	}, [
+		isRef,
+		resolve,
+		src
+	]);
+	const effective = isRef ? resolved : src;
+	const text = typeof alt === "string" ? alt : "";
+	if (failed || effective === void 0 || effective === "") {
+		if (isRef && !failed) return null;
+		return /* @__PURE__ */ jsxs("span", {
+			className: "my-2 inline-flex items-center gap-1.5 rounded-md bg-subtle px-2 py-1 text-xs text-muted",
+			children: [/* @__PURE__ */ jsx(import_lucide_react.ImageOff, {
+				className: "size-3.5 shrink-0",
+				"aria-hidden": true
+			}), text === "" ? null : /* @__PURE__ */ jsx("span", { children: text })]
+		});
+	}
+	return /* @__PURE__ */ jsx("img", {
+		src: effective,
+		alt: text,
+		loading: "lazy",
+		decoding: "async",
+		referrerPolicy: "no-referrer",
+		onError: () => setFailed(true),
+		className: cn("my-2 max-h-96 max-w-full rounded-card border border-border object-contain", className),
+		...rest
+	});
+}
+
+//#endregion
+//#region ../ui-kit/src/theme/useDarkAncestor.ts
+/**
+* 声明了主题的祖先：`data-theme` 由 ThemeScope 挂（亮暗都挂），`.dark` 是宿主页面惯用的暗色类名。
+* 两者一起选，`closest` 才会停在**最近**的那一层，而不是越过亮色实例去命中外层的暗色宿主。
+*/
+const THEME_ANCESTOR = "[data-theme], .dark";
+function readDark(node) {
+	const scope = node.closest(THEME_ANCESTOR);
+	if (!scope) return false;
+	const declared = scope.getAttribute("data-theme");
+	return declared === null ? true : declared === "dark";
+}
+/**
+* 判定挂载点**最近的**主题祖先是否处于暗色（0.6.0 FR-20.4）。
+*
+* 不用 `document.querySelector('.dark')`：那是全局查询，宿主页面是暗色时，
+* 嵌在暗色宿主里的亮色 SDK 实例也会被判成暗色（反之亦然）。
+*
+* 返回 ref 回调而不是接受 ref 对象：ref 对象的赋值不触发渲染，拿不到「已挂载」这个时机。
+*
+* 首次判定在 ref 回调里**同步**完成，不等 effect：消费方（如按主题分叉的 markdown
+* 高亮器）可能在首帧就固化选择，晚一帧就会永久停在亮色（设计 15-01 §1.2 假设 H-c）。
+*/
+function useDarkAncestor() {
+	const scoped = useThemeValue();
+	const [node, setNode] = useState(null);
+	const [probed, setProbed] = useState(false);
+	const attach = useCallback((next) => {
+		setNode(next);
+		if (next) setProbed(readDark(next));
+	}, []);
+	useEffect(() => {
+		if (!node || scoped !== void 0) return;
+		const update = () => setProbed(readDark(node));
+		update();
+		const observer = new MutationObserver(update);
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: ["class", "data-theme"],
+			subtree: true
+		});
+		return () => observer.disconnect();
+	}, [node, scoped]);
+	return [scoped !== void 0 ? scoped === "dark" : probed, attach];
+}
+
+//#endregion
+//#region ../ui-kit/src/markdown/mermaid.tsx
+/** 代码围栏的语言标签；两个渲染入口共用这一份判定 */
+const MERMAID_LANGUAGE = "mermaid";
+/**
+* 一条消息里常有多张图，共用同一个模块 promise，避免每个挂载点各发一次动态 import。
+* mermaid 是可选 peer：没装时这个 promise 一直是 rejected，各挂载点一律退回代码块。
+*/
+let mermaidModule;
+const loadMermaid = () => mermaidModule ??= import("./mermaid.core-DMtwGCHy.js");
+/** mermaid 主题变量 → 本仓语义 token。配色一律从这里取，不写死色值 */
+const MERMAID_COLOR_TOKENS = {
+	background: "--color-canvas",
+	primaryColor: "--color-subtle",
+	primaryTextColor: "--color-ink",
+	primaryBorderColor: "--color-border",
+	secondaryColor: "--color-surface",
+	tertiaryColor: "--color-card",
+	lineColor: "--color-muted",
+	textColor: "--color-ink"
+};
+/**
+* token 的值可能是 `oklch()` / `color-mix()`，而 mermaid 的调色靠 khroma，只认 rgb 一族。
+* 画进 1×1 画布再读像素，是唯一不依赖具体色彩空间的归一化方式。
+*/
+function readThemeColors(node) {
+	if (typeof document === "undefined") return void 0;
+	const styles = getComputedStyle(node);
+	const raw = Object.entries(MERMAID_COLOR_TOKENS).map(([variable, token]) => [variable, styles.getPropertyValue(token).trim()]).filter(([, value]) => value !== "");
+	if (raw.length === 0) return void 0;
+	const canvas = document.createElement("canvas");
+	canvas.width = 1;
+	canvas.height = 1;
+	const ctx = canvas.getContext("2d");
+	if (!ctx) return void 0;
+	const out = {};
+	for (const [variable, value] of raw) {
+		ctx.clearRect(0, 0, 1, 1);
+		ctx.fillStyle = value;
+		ctx.fillRect(0, 0, 1, 1);
+		const [r, g, b, a] = ctx.getImageData(0, 0, 1, 1).data;
+		out[variable] = `rgba(${r ?? 0}, ${g ?? 0}, ${b ?? 0}, ${(a ?? 255) / 255})`;
+	}
+	return out;
+}
+/**
+* mermaid 的配置是**全局**的（不像 echarts 是实例级），所以每次渲染前都整份重设：
+* 这样亮暗两个 ThemeScope 同页时，各自渲染各自那一次的配置仍然是对的。
+*/
+function buildConfig(dark, node) {
+	const themeVariables = node ? readThemeColors(node) : void 0;
+	return {
+		startOnLoad: false,
+		securityLevel: "strict",
+		htmlLabels: false,
+		suppressErrorRendering: true,
+		theme: dark ? "dark" : "default",
+		...themeVariables ? { themeVariables } : {}
+	};
+}
+/**
+* `click X href "…"` 即便在 strict 档也只是被 sanitize-url 过一遍，链接本身照样渲染。
+* 模型产出的图不该带跳转，所以插进 DOM 之前先把 href 摘干净。
+*/
+function stripDiagramLinks(svg) {
+	if (typeof DOMParser === "undefined" || !svg.includes("<a")) return svg;
+	const doc = new DOMParser().parseFromString(svg, "text/html");
+	const anchors = doc.querySelectorAll("a");
+	if (anchors.length === 0) return svg;
+	for (const anchor of anchors) {
+		anchor.removeAttribute("href");
+		anchor.removeAttribute("xlink:href");
+		anchor.removeAttribute("target");
+	}
+	return doc.body.innerHTML;
+}
+/**
+* 代码围栏里的 mermaid 图。两个 markdown 渲染入口共用本组件，
+* 差别只在 `fallback` 由各自的代码块呈现提供。
+*
+* 三种情况一律退回 `fallback`：宿主没装 mermaid、语法不合法、渲染抛错。
+* 不加「渲染失败」之类的提示——降级物就是图的源码，用户看得见那是什么
+* （与 `MarkdownImage` 退回 alt 同理）。
+*/
+function MermaidDiagram({ code, fallback, className }) {
+	const [dark, attachTheme] = useDarkAncestor();
+	const [svg, setSvg] = useState(void 0);
+	const nodeRef = useRef(null);
+	const seqRef = useRef(0);
+	const idBase = `webskill-mermaid-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+	const attach = useCallback((node) => {
+		nodeRef.current = node;
+		attachTheme(node);
+	}, [attachTheme]);
+	useEffect(() => {
+		let cancelled = false;
+		(async () => {
+			try {
+				const mermaid = (await loadMermaid()).default;
+				if (cancelled) return;
+				mermaid.initialize(buildConfig(dark, nodeRef.current));
+				if (!await mermaid.parse(code, { suppressErrors: true })) return;
+				if (cancelled) return;
+				const { svg: rendered } = await mermaid.render(`${idBase}-${++seqRef.current}`, code);
+				if (!cancelled) setSvg(stripDiagramLinks(rendered));
+			} catch {}
+		})();
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		code,
+		dark,
+		idBase
+	]);
+	if (svg === void 0) return /* @__PURE__ */ jsx("div", {
+		ref: attach,
+		className: "contents",
+		children: fallback
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref: attach,
+		"data-webskill-mermaid": "",
+		"data-testid": "mermaid-diagram",
+		className: cn("my-3 flex justify-center overflow-x-auto rounded-card border border-border bg-card p-3", className),
+		dangerouslySetInnerHTML: { __html: svg }
+	});
+}
+
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.29.7/node_modules/@babel/runtime/helpers/interopRequireDefault.js
 var require_interopRequireDefault = /* @__PURE__ */ __commonJSMin(((exports, module) => {
@@ -120357,53 +124033,6 @@ var typescript_default = typescript;
 init_yaml();
 var yaml_default = yaml;
 
-//#endregion
-//#region ../ui-kit/src/theme/useDarkAncestor.ts
-/**
-* 声明了主题的祖先：`data-theme` 由 ThemeScope 挂（亮暗都挂），`.dark` 是宿主页面惯用的暗色类名。
-* 两者一起选，`closest` 才会停在**最近**的那一层，而不是越过亮色实例去命中外层的暗色宿主。
-*/
-const THEME_ANCESTOR = "[data-theme], .dark";
-function readDark(node) {
-	const scope = node.closest(THEME_ANCESTOR);
-	if (!scope) return false;
-	const declared = scope.getAttribute("data-theme");
-	return declared === null ? true : declared === "dark";
-}
-/**
-* 判定挂载点**最近的**主题祖先是否处于暗色（0.6.0 FR-20.4）。
-*
-* 不用 `document.querySelector('.dark')`：那是全局查询，宿主页面是暗色时，
-* 嵌在暗色宿主里的亮色 SDK 实例也会被判成暗色（反之亦然）。
-*
-* 返回 ref 回调而不是接受 ref 对象：ref 对象的赋值不触发渲染，拿不到「已挂载」这个时机。
-*
-* 首次判定在 ref 回调里**同步**完成，不等 effect：消费方（如按主题分叉的 markdown
-* 高亮器）可能在首帧就固化选择，晚一帧就会永久停在亮色（设计 15-01 §1.2 假设 H-c）。
-*/
-function useDarkAncestor() {
-	const scoped = useThemeValue();
-	const [node, setNode] = useState(null);
-	const [probed, setProbed] = useState(false);
-	const attach = useCallback((next) => {
-		setNode(next);
-		if (next) setProbed(readDark(next));
-	}, []);
-	useEffect(() => {
-		if (!node || scoped !== void 0) return;
-		const update = () => setProbed(readDark(node));
-		update();
-		const observer = new MutationObserver(update);
-		observer.observe(document.documentElement, {
-			attributes: true,
-			attributeFilter: ["class", "data-theme"],
-			subtree: true
-		});
-		return () => observer.disconnect();
-	}, [node, scoped]);
-	return [scoped !== void 0 ? scoped === "dark" : probed, attach];
-}
-
 //#endregion
 //#region ../ui-kit/src/markdown/prism.ts
 var import_cjs = require_cjs();
@@ -121041,7 +124670,16 @@ const CODE_TOKEN_VARS = Object.fromEntries(Object.keys(PRISM_THEME.light).filter
 //#region ../ui-kit/src/markdown/Markdown.tsx
 function CodeBlock({ node: _node, className, children, ...rest }) {
 	const [dark, themeRef] = useDarkAncestor();
-	const language = resolveLanguage(/language-(\w+)/.exec(className ?? "")?.[1]);
+	const match = /language-(\w+)/.exec(className ?? "");
+	const language = resolveLanguage(match?.[1]);
+	if (match?.[1] === "mermaid") return /* @__PURE__ */ jsx(MermaidDiagram, {
+		code: String(children).replace(/\n$/, ""),
+		fallback: /* @__PURE__ */ jsx("code", {
+			className: "rounded-md bg-subtle px-1.5 py-0.5 font-mono text-ink",
+			...rest,
+			children
+		})
+	});
 	if (language) return /* @__PURE__ */ jsxs("div", {
 		ref: themeRef,
 		className: "my-3 overflow-hidden rounded-card border border-border bg-card",
@@ -121068,35 +124706,42 @@ function CodeBlock({ node: _node, className, children, ...rest }) {
 		children
 	});
 }
+/**
+* 模块级常量，**不可内联进 JSX**：react-markdown 按 `components` 的引用决定是否重建子树，
+* 每次渲染换新对象会让图片组件卸载重挂，于是流式输出期间同一张图被反复解析。
+*/
+const MARKDOWN_COMPONENTS = {
+	code: CodeBlock,
+	img: MarkdownImage,
+	p: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("p", {
+		className: "my-2",
+		...props
+	}),
+	ul: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("ul", {
+		className: "my-2 list-disc space-y-1 pl-5",
+		...props
+	}),
+	ol: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("ol", {
+		className: "my-2 list-decimal space-y-1 pl-5",
+		...props
+	}),
+	a: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("a", {
+		className: "font-medium text-ink underline underline-offset-4 hover:text-muted",
+		target: "_blank",
+		rel: "noreferrer",
+		...props
+	}),
+	pre: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("pre", {
+		className: "my-0",
+		...props
+	})
+};
 function Markdown({ children, className = "" }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: `text-sm leading-6 text-ink ${className}`,
 		children: /* @__PURE__ */ jsx(Markdown$1, {
-			components: {
-				code: CodeBlock,
-				p: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("p", {
-					className: "my-2",
-					...props
-				}),
-				ul: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("ul", {
-					className: "my-2 list-disc space-y-1 pl-5",
-					...props
-				}),
-				ol: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("ol", {
-					className: "my-2 list-decimal space-y-1 pl-5",
-					...props
-				}),
-				a: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("a", {
-					className: "font-medium text-ink underline underline-offset-4 hover:text-muted",
-					target: "_blank",
-					rel: "noreferrer",
-					...props
-				}),
-				pre: ({ node: _node, ...props }) => /* @__PURE__ */ jsx("pre", {
-					className: "my-0",
-					...props
-				})
-			},
+			urlTransform: markdownUrlTransform,
+			components: MARKDOWN_COMPONENTS,
 			children
 		})
 	});
@@ -127908,10 +131553,10 @@ const RATIO_CLASS = {
 };
 function SpecImage({ props }) {
 	const ratio = str(props, "ratio", "auto");
-	return /* @__PURE__ */ jsx("img", {
+	return /* @__PURE__ */ jsx(MarkdownImage, {
 		src: str(props, "src"),
 		alt: str(props, "alt"),
-		className: `w-full rounded-md object-cover ${RATIO_CLASS[ratio] ?? ""}`
+		className: `my-0 max-h-none w-full rounded-md border-0 object-cover ${RATIO_CLASS[ratio] ?? ""}`
 	});
 }
 function SpecQuote({ props }) {
@@ -131244,7 +134889,14 @@ async function probeJsonRenderAvailability() {
 var SpecInteractionChannel = class {
 	/** 宿主注入的界面文案（本地化）；未设时用 FormModel 的英文默认值 */
 	labelsFor = () => ({});
-	#current;
+	/**
+	* 待决交互队列，队头即 `current`（0.23.0 分册 19 FR-19.6）。
+	*
+	* 原本是单槽，新请求到来时把旧请求主动取消。并发子 agent 下那一句
+	* 「正常路径 runtime 串行」不再成立，而主动取消比悬挂还糟：
+	* 子 agent 会收到一个看似正常的 `cancelled: true`，然后把「用户拒绝了」写进结论。
+	*/
+	#queue = [];
 	#listeners = /* @__PURE__ */ new Set();
 	#attached = 0;
 	#failure;
@@ -131254,7 +134906,7 @@ var SpecInteractionChannel = class {
 		return () => this.#listeners.delete(listener);
 	};
 	get current() {
-		return this.#current?.session;
+		return this.#queue[0]?.session;
 	}
 	get isAttached() {
 		return this.#attached > 0;
@@ -131270,26 +134922,22 @@ var SpecInteractionChannel = class {
 		this.#attached = Math.max(0, this.#attached - 1);
 	}
 	request(input) {
-		if (this.#current) this.#settle({
-			id: this.#current.session.request.id,
-			cancelled: true
-		});
 		return new Promise((resolve, reject) => {
 			const session = {
 				request: input,
 				spec: interactionToUiSpec(input, this.labelsFor(input))
 			};
-			this.#current = {
+			this.#queue.push({
 				session,
 				resolve,
 				reject
-			};
+			});
 			this.#emit();
 		});
 	}
 	/** runtime 交互超时/取消：以 cancelled resolve 挂起的 request（防悬挂 + 残留） */
 	cancel(id) {
-		if (this.#current?.session.request.id === id) this.#settle({
+		if (this.#queue.some((entry) => entry.session.request.id === id)) this.#settle({
 			id,
 			cancelled: true
 		});
@@ -131300,14 +134948,14 @@ var SpecInteractionChannel = class {
 	* 本通道只提供入口：裸用本通道的宿主不调就维持原来的 cancelled 语义。
 	*/
 	decline(id) {
-		if (this.#current?.session.request.id === id) this.#settle({
+		if (this.#queue.some((entry) => entry.session.request.id === id)) this.#settle({
 			id,
 			value: false
 		});
 	}
 	/** react 层动作回传：submit 归形提交值，其余意图（cancel）按取消收尾 */
 	handleAction(event) {
-		const pending = this.#current;
+		const pending = this.#queue[0];
 		if (!pending) return;
 		const { request } = pending.session;
 		if (event.intent !== "submit") {
@@ -131326,14 +134974,16 @@ var SpecInteractionChannel = class {
 	/** react 层初始化失败：挂起请求 reject 并记录原因（桥读取后降级 native） */
 	fail(message) {
 		this.#failure = message;
-		const pending = this.#current;
-		this.#current = void 0;
+		const pendings = this.#queue;
+		this.#queue = [];
 		this.#emit();
-		pending?.reject(new Error(message));
+		const error = new Error(message);
+		for (const pending of pendings) pending.reject(error);
 	}
 	#settle(response) {
-		const pending = this.#current;
-		this.#current = void 0;
+		const index = this.#queue.findIndex((entry) => entry.session.request.id === response.id);
+		if (index < 0) return;
+		const [pending] = this.#queue.splice(index, 1);
 		this.#emit();
 		pending?.resolve(response);
 	}
@@ -131353,7 +135003,7 @@ function OpenUiSpecSurface({ spec, surfaceId, actions, onAction }) {
 	const [unavailable, setUnavailable] = useState(false);
 	useEffect(() => {
 		let cancelled = false;
-		import("./openUiLibrary-b0i7F_oZ.js").then((loaded) => {
+		import("./openUiLibrary-B7j3rLrm.js").then((loaded) => {
 			if (!cancelled) setModule(loaded);
 		}).catch(() => {
 			if (!cancelled) setUnavailable(true);