@tamagui/tailwind 3.0.0-beta.922.1 → 3.0.0

package/dist/cjs/candidate.native.cjs

@@ -25,18 +25,18 @@ __export(candidate_exports, {
 	getStyleGrammarConfig: () => getStyleGrammarConfig,
 	getTailwindClassPlan: () => getTailwindClassPlan,
 	isTokenValueProp: () => isTokenValueProp,
+	resolveTailwindCandidate: () => resolveTailwindCandidate,
 	resolveTailwindClassName: () => resolveTailwindClassName,
 	setInAuthoredOrder: () => setInAuthoredOrder
 });
 module.exports = __toCommonJS(candidate_exports);
 var import_constants = require("@tamagui/constants");
+var import_helpers = require("@tamagui/helpers");
 var import_internal_runtime = require("@tamagui/core/internal-runtime");
+var import_compose = require("./compose.native.js");
+var import_composedResolver = require("./composedResolver.native.js");
 var import_runtime = require("@tamagui/style-grammar/runtime");
 var import_candidate = require("@tamagui/style-grammar/tooling/candidate");
-function _type_of(obj) {
-	"@swc/helpers - typeof";
-	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
 var styleGrammarConfigCache = /* @__PURE__ */ new WeakMap();
 function getStyleGrammarConfig(config) {
 	var _config_configRevisionSymbol;
@@ -53,45 +53,37 @@ function getStyleGrammarConfig(config) {
 function isTokenValueProp(prop) {
 	return (0, import_runtime.getTokenCategory)(prop) !== null;
 }
-function arbitraryValue(inner) {
+function arbitraryValue(inner, prop) {
 	var px = /^(-?\d*\.?\d+)px$/.exec(inner);
-	if (px) return Number(px[1]);
+	if (px) return prop && import_helpers.stylePropsUnitless[prop] ? inner : Number(px[1]);
 	if (/^-?\d*\.?\d+$/.test(inner)) return Number(inner);
 	return inner;
 }
+function unwrapArbitraryValue(raw) {
+	return arbitraryValue(raw.length > 1 && raw[0] === "[" && raw[raw.length - 1] === "]" ? (0, import_candidate.decodeArbitrary)(raw.slice(1, -1)) : raw);
+}
 function tailwindSizingValue(prop, value) {
 	if (value === "full") return "100%";
 	if (value === "auto") return "auto";
-	if (value === "screen") return /[Hh]eight/.test(prop) ? "100vh" : "100vw";
+	if (value === "screen") return /[Hh]eight|[Bb]lock/.test(prop) ? "100vh" : "100vw";
+	if (/^[dls]v[hw]$/.test(value)) return `100${value}`;
 	if (value === "min") return "min-content";
 	if (value === "max") return "max-content";
 	if (value === "fit") return "fit-content";
 	var frac = /^(\d+)\/(\d+)$/.exec(value);
-	if (frac && Number(frac[2]) !== 0) {
-		return `${Number(frac[1]) / Number(frac[2]) * 100}%`;
-	}
+	if (frac && Number(frac[2]) !== 0) return `${Number(frac[1]) / Number(frac[2]) * 100}%`;
 	return null;
 }
-function borderDimValue(raw) {
-	var inner = raw;
-	if (raw.length > 1 && raw[0] === "[" && raw[raw.length - 1] === "]") {
-		inner = (0, import_candidate.decodeArbitrary)(raw.slice(1, -1));
-	}
-	var px = /^(-?\d*\.?\d+)px$/.exec(inner);
-	if (px) return Number.parseFloat(px[1]);
-	if (/^-?\d*\.?\d+$/.test(inner)) return Number(inner);
-	return inner;
-}
 function expansionProps(parsed) {
 	var _parsed_entry;
 	var prefix = parsed.prefix;
 	if (!prefix) return null;
 	if (prefix === "size") return import_runtime.sizeUtilityProps;
-	if (prefix === "inset-x" || prefix === "inset-y") {
-		return import_runtime.insetAxisProps[prefix.slice("inset-".length)];
-	}
+	if (prefix === "translate") return ["x", "y"];
+	if (prefix === "skew") return ["skewX", "skewY"];
+	if (prefix === "inset-x" || prefix === "inset-y") return import_runtime.insetAxisProps[prefix.slice(6)];
 	if (prefix.startsWith("rounded-")) {
-		var props = import_runtime.radiusCornerProps[prefix.slice("rounded-".length)];
+		var props = import_runtime.radiusCornerProps[prefix.slice(8)];
 		if (!props || props.length === 1) return null;
 		return props;
 	}
@@ -103,22 +95,69 @@ function expansionProps(parsed) {
 		return `border${side}${suffix}`;
 	});
 }
-function tailwindClassToFlatProp(parsed) {
+function tailwindClassToFlatProp(parsed, grammarConfig) {
 	var _parsed_prefix;
-	if (parsed.kind !== "dynamic" || !parsed.entry || parsed.rawValue === void 0) {
-		return null;
-	}
+	if (parsed.kind !== "dynamic" || !parsed.entry || parsed.rawValue === void 0) return null;
 	var prop = parsed.entry.prop;
 	var category = parsed.entry.tokenCategory;
 	var value = parsed.rawValue;
+	if (parsed.negative && value === "0" && parsed.convenience !== "angle") return {
+		key: prop,
+		value: 0
+	};
+	if (parsed.convenience === "zero") return {
+		key: prop,
+		value: 0
+	};
+	if (parsed.convenience === "angle") return {
+		key: prop,
+		value: `${parsed.negative ? "-" : ""}${value}deg`
+	};
+	if ((prop === "x" || prop === "y") && parsed.valueKind !== "token") {
+		var sized = tailwindSizingValue(prop, value);
+		if (sized != null) return {
+			key: prop,
+			value: parsed.negative && sized[0] !== "-" ? `-${sized}` : sized
+		};
+	}
+	if (parsed.convenience === "leading-keyword") return {
+		key: prop,
+		value: import_candidate.tailwindLeadingRatios[value]
+	};
+	if (parsed.convenience === "tracking-keyword") return {
+		key: prop,
+		value: `${import_candidate.tailwindTrackingEms[value] * (parsed.negative ? -1 : 1)}em`
+	};
+	if (prop === "lineHeight" && /^\d+(?:\.\d+)?$/.test(value)) return {
+		key: prop,
+		value: `${Number(value) * 4}px`
+	};
+	if (prop === "gridTemplateColumns" && /^\d+$/.test(value)) return {
+		key: prop,
+		value: `repeat(${value}, minmax(0, 1fr))`
+	};
+	if (prop === "gridColumn" && /^\d+$/.test(value)) return {
+		key: prop,
+		value: `span ${value} / span ${value}`
+	};
+	if (prop === "gridRow" && /^\d+$/.test(value)) return {
+		key: prop,
+		value: `span ${value} / span ${value}`
+	};
+	if ((prop === "gridColumnStart" || prop === "gridColumnEnd" || prop === "gridRowStart" || prop === "gridRowEnd") && /^\d+$/.test(value)) return {
+		key: prop,
+		value: Number(value)
+	};
 	if (prop.endsWith("Width") && ((_parsed_prefix = parsed.prefix) === null || _parsed_prefix === void 0 ? void 0 : _parsed_prefix.startsWith("border"))) {
 		if (parsed.valueKind === "token") {
+			var _parsed_entry;
 			value = `${parsed.negative ? "-" : ""}${value}`;
-		} else if (parsed.valueKind === "arbitrary") {
-			value = borderDimValue(value);
-		} else {
-			return null;
-		}
+			if (grammarConfig && ((_parsed_entry = parsed.entry) === null || _parsed_entry === void 0 ? void 0 : _parsed_entry.tokenCategory)) {
+				var _resolveTokenName;
+				value = (_resolveTokenName = (0, import_candidate.resolveTokenName)(grammarConfig, parsed.entry.tokenCategory, value)) !== null && _resolveTokenName !== void 0 ? _resolveTokenName : value;
+			}
+		} else if (parsed.valueKind === "arbitrary") value = unwrapArbitraryValue(value);
+		else return null;
 		return {
 			key: prop,
 			value
@@ -126,16 +165,12 @@ function tailwindClassToFlatProp(parsed) {
 	}
 	if (prop === "fontFamily") {
 		var famValue;
-		if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") {
-			famValue = (0, import_candidate.decodeArbitrary)(value.slice(1, -1));
-		} else {
-			var generic = {
-				sans: "sans-serif",
-				serif: "serif",
-				mono: "monospace"
-			};
-			famValue = parsed.valueKind === "token" ? value : generic[value] || value;
-		}
+		if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") famValue = (0, import_candidate.decodeArbitrary)(value.slice(1, -1));
+		else famValue = parsed.valueKind === "token" ? value : {
+			sans: "sans-serif",
+			serif: "serif",
+			mono: "monospace"
+		}[value] || value;
 		return {
 			key: "fontFamily",
 			value: famValue
@@ -143,11 +178,8 @@ function tailwindClassToFlatProp(parsed) {
 	}
 	if (prop === "fontSize") {
 		var fsValue;
-		if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") {
-			fsValue = arbitraryValue((0, import_candidate.decodeArbitrary)(value.slice(1, -1)));
-		} else {
-			fsValue = value;
-		}
+		if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") fsValue = arbitraryValue((0, import_candidate.decodeArbitrary)(value.slice(1, -1)));
+		else fsValue = value;
 		return {
 			key: "fontSize",
 			value: fsValue
@@ -155,12 +187,8 @@ function tailwindClassToFlatProp(parsed) {
 	}
 	if (prop === "lineHeight") {
 		var lhValue;
-		if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") {
-			var inner = (0, import_candidate.decodeArbitrary)(value.slice(1, -1));
-			lhValue = /^-?\d*\.?\d+px$/.test(inner) ? Number.parseFloat(inner) : inner;
-		} else {
-			lhValue = value;
-		}
+		if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") lhValue = (0, import_candidate.decodeArbitrary)(value.slice(1, -1));
+		else lhValue = value;
 		return {
 			key: "lineHeight",
 			value: lhValue
@@ -168,71 +196,63 @@ function tailwindClassToFlatProp(parsed) {
 	}
 	if (prop === "letterSpacing") {
 		var lsValue;
-		if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") {
-			lsValue = arbitraryValue((0, import_candidate.decodeArbitrary)(value.slice(1, -1)));
-		} else {
-			lsValue = value;
-		}
+		if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") lsValue = arbitraryValue((0, import_candidate.decodeArbitrary)(value.slice(1, -1)));
+		else lsValue = value;
 		return {
 			key: "letterSpacing",
 			value: lsValue
 		};
 	}
-	if (prop === "boxShadow" && value[0] === "[" && value[value.length - 1] === "]") {
-		return {
-			key: "boxShadow",
-			value: (0, import_candidate.decodeArbitrary)(value.slice(1, -1))
-		};
-	}
+	if (prop === "boxShadow" && value[0] === "[" && value[value.length - 1] === "]") return {
+		key: "boxShadow",
+		value: (0, import_candidate.decodeArbitrary)(value.slice(1, -1))
+	};
 	if (value.length > 2 && value[0] === "[" && value[value.length - 1] === "]") {
 		var inner1 = (0, import_candidate.decodeArbitrary)(value.slice(1, -1));
 		if (inner1 === "") return null;
+		var resolved = arbitraryValue(inner1, prop);
+		if ((prop === "rotate" || prop === "rotateX" || prop === "rotateY" || prop === "rotateZ" || prop === "skewX" || prop === "skewY") && typeof resolved === "number") resolved = `${resolved}deg`;
+		if (parsed.negative) {
+			if (typeof resolved === "number") resolved = -resolved;
+			else if (resolved[0] !== "-") resolved = `-${resolved}`;
+		}
 		return {
 			key: prop,
-			value: arbitraryValue(inner1)
+			value: resolved
 		};
 	}
-	if (category === "size" && parsed.valueKind !== "token") {
-		var sized = tailwindSizingValue(prop, value);
-		if (sized != null) {
-			return {
-				key: prop,
-				value: sized
-			};
-		}
+	if (parsed.valueKind !== "token" && (category === "size" || parsed.convenience === "sizing-keyword")) {
+		var sized1 = tailwindSizingValue(prop, value);
+		if (sized1 != null) return {
+			key: prop,
+			value: parsed.negative && sized1[0] !== "-" ? `-${sized1}` : sized1
+		};
 	}
 	var opacitySuffix = "";
 	if (category === "color" && typeof value === "string") {
 		var suffix = (0, import_runtime.splitColorOpacitySuffix)(value);
-		if (suffix.kind === "invalid") {
-			return {
-				key: prop,
-				value
-			};
-		}
+		if (suffix.kind === "invalid") return {
+			key: prop,
+			value
+		};
 		if (suffix.kind === "valid") {
 			opacitySuffix = value.slice(suffix.name.length);
 			value = suffix.name;
 		}
 	}
-	if (import_runtime.percentUtilityProps.has(prop) && /^\d+$/.test(value)) {
-		value = Number(value) / 100;
-	} else if (/^\d+(\.\d+)?$/.test(value)) {
-		if (category === "zIndex" && parsed.valueKind === "convenience") {
-			value = Number(value);
-		} else if (category) {
-			value = `${parsed.negative ? "-" : ""}${value}`;
-		} else {
-			value = Number(value);
+	if (import_runtime.percentUtilityProps.has(prop) && /^\d+$/.test(value)) value = Number(value) / 100;
+	else if (/^\d+(\.\d+)?$/.test(value)) if (category === "zIndex" && parsed.valueKind === "convenience") value = Number(value) * (parsed.negative ? -1 : 1);
+	else if (category) {
+		value = `${parsed.negative ? "-" : ""}${value}`;
+		if (grammarConfig) {
+			var _resolveTokenName1;
+			value = (_resolveTokenName1 = (0, import_candidate.resolveTokenName)(grammarConfig, category, value)) !== null && _resolveTokenName1 !== void 0 ? _resolveTokenName1 : value;
 		}
-	} else if (typeof value === "string") {
-		if (category && !((category === "space" || category === "size" || category === "radius") && (0, import_runtime.getSafeAreaEdge)(value))) {
-			value = `${parsed.negative ? "-" : ""}${value}`;
-		}
-	}
-	if (opacitySuffix && typeof value === "string") {
-		value = `${value}${opacitySuffix}`;
+	} else value = Number(value);
+	else if (typeof value === "string") {
+		if (category && !((category === "space" || category === "size" || category === "radius") && (0, import_runtime.getSafeAreaEdge)(value))) value = `${parsed.negative ? "-" : ""}${value}`;
 	}
+	if (opacitySuffix && typeof value === "string") value = `${value}${opacitySuffix}`;
 	if (parsed.negative && !category) {
 		if (typeof value === "number") value = -value;
 		else if (typeof value === "string" && value[0] !== "-") value = `-${value}`;
@@ -243,6 +263,56 @@ function tailwindClassToFlatProp(parsed) {
 	};
 }
 var classPlanCache = /* @__PURE__ */ new WeakMap();
+var nativeTarget = !import_constants.isWeb || true;
+var cssGridProps = /* @__PURE__ */ new Set([
+	"gridTemplateColumns",
+	"gridColumn",
+	"gridColumnStart",
+	"gridColumnEnd",
+	"gridRow",
+	"gridRowStart",
+	"gridRowEnd"
+]);
+var nativeUnsupportedProps = /* @__PURE__ */ new Set([
+	"objectFit",
+	"order",
+	"overflowX",
+	"overflowY",
+	"textOverflow",
+	"whiteSpace",
+	"visibility"
+]);
+var nativeUnsupportedSizingValues = /* @__PURE__ */ new Set([
+	"min",
+	"max",
+	"fit"
+]);
+var nativeUnsupportedValues = {
+	display: /* @__PURE__ */ new Set([
+		"block",
+		"inline",
+		"inline-flex"
+	]),
+	position: /* @__PURE__ */ new Set(["fixed", "sticky"])
+};
+function shouldGateNative(parsed) {
+	var _parsed_entry, _nativeUnsupportedValues_entryProp;
+	if (!nativeTarget) return false;
+	var properties = parsed.properties || {};
+	if (process.env.TAMAGUI_CSS_GRID !== "1" && (parsed.entry && cssGridProps.has(parsed.entry.prop) || properties.display === "grid" || Object.keys(properties).some(function(prop) {
+		return cssGridProps.has(prop);
+	}))) return true;
+	if (parsed.entry && nativeUnsupportedProps.has(parsed.entry.prop) || Object.keys(properties).some(function(prop) {
+		return nativeUnsupportedProps.has(prop);
+	})) return true;
+	if (parsed.convenience === "sizing-keyword" && nativeUnsupportedSizingValues.has(parsed.rawValue || "")) return true;
+	var entryProp = (_parsed_entry = parsed.entry) === null || _parsed_entry === void 0 ? void 0 : _parsed_entry.prop;
+	if (entryProp && ((_nativeUnsupportedValues_entryProp = nativeUnsupportedValues[entryProp]) === null || _nativeUnsupportedValues_entryProp === void 0 ? void 0 : _nativeUnsupportedValues_entryProp.has(parsed.rawValue || "")) || Object.keys(properties).some(function(prop) {
+		var _nativeUnsupportedValues_prop;
+		return (_nativeUnsupportedValues_prop = nativeUnsupportedValues[prop]) === null || _nativeUnsupportedValues_prop === void 0 ? void 0 : _nativeUnsupportedValues_prop.has(String(properties[prop]));
+	})) return true;
+	return properties.overflow === "auto" || properties.cursor !== void 0 && properties.cursor !== "auto" && properties.cursor !== "pointer";
+}
 function getClassPlanCache(grammarConfig) {
 	var cache = classPlanCache.get(grammarConfig);
 	if (!cache) {
@@ -267,46 +337,132 @@ function createPlanEntry(property, value, modifiers) {
 		modifiers
 	];
 }
+var shorthandResets = {
+	padding: [
+		"paddingTop",
+		"paddingRight",
+		"paddingBottom",
+		"paddingLeft",
+		"paddingStart",
+		"paddingEnd",
+		"paddingInlineStart",
+		"paddingInlineEnd",
+		"paddingBlockStart",
+		"paddingBlockEnd",
+		"paddingHorizontal",
+		"paddingVertical",
+		"paddingInline",
+		"paddingBlock"
+	],
+	margin: [
+		"marginTop",
+		"marginRight",
+		"marginBottom",
+		"marginLeft",
+		"marginStart",
+		"marginEnd",
+		"marginInlineStart",
+		"marginInlineEnd",
+		"marginBlockStart",
+		"marginBlockEnd",
+		"marginHorizontal",
+		"marginVertical",
+		"marginInline",
+		"marginBlock"
+	],
+	gap: ["rowGap", "columnGap"],
+	borderRadius: [
+		"borderTopLeftRadius",
+		"borderTopRightRadius",
+		"borderBottomLeftRadius",
+		"borderBottomRightRadius",
+		"borderTopStartRadius",
+		"borderTopEndRadius",
+		"borderBottomStartRadius",
+		"borderBottomEndRadius",
+		"borderStartStartRadius",
+		"borderStartEndRadius",
+		"borderEndStartRadius",
+		"borderEndEndRadius"
+	],
+	borderWidth: [
+		"borderTopWidth",
+		"borderRightWidth",
+		"borderBottomWidth",
+		"borderLeftWidth",
+		"borderStartWidth",
+		"borderEndWidth",
+		"borderInlineStartWidth",
+		"borderInlineEndWidth",
+		"borderBlockStartWidth",
+		"borderBlockEndWidth",
+		"borderInlineWidth",
+		"borderBlockWidth"
+	],
+	borderColor: [
+		"borderTopColor",
+		"borderRightColor",
+		"borderBottomColor",
+		"borderLeftColor",
+		"borderStartColor",
+		"borderEndColor",
+		"borderInlineStartColor",
+		"borderInlineEndColor",
+		"borderBlockStartColor",
+		"borderBlockEndColor",
+		"borderInlineColor",
+		"borderBlockColor"
+	]
+};
 function computeClassPlan(cls, grammarConfig) {
+	var _parsed_entry, _parsed_entry1;
 	var groupMarker = /^group(?:\/([A-Za-z0-9_-]+))?$/.exec(cls);
-	if (groupMarker) {
-		return {
-			entries: [["group", groupMarker[1] || true]],
-			preserveRawClass: import_constants.isWeb
-		};
-	}
+	if (groupMarker) return {
+		entries: [["group", groupMarker[1] || true]],
+		preserveRawClass: import_constants.isWeb
+	};
 	var containerMarker = /^@container(-size)?(?:\/([A-Za-z0-9_-]+))?$/.exec(cls);
 	if (containerMarker) {
 		var isSize = containerMarker[1] !== void 0;
 		var name = containerMarker[2];
 		var entries = [];
 		entries.push(["container", name || true]);
-		if (isSize) {
-			entries.push(["containerType", "size"]);
-		}
+		if (isSize) entries.push(["containerType", "size"]);
 		return {
 			entries,
 			preserveRawClass: import_constants.isWeb
 		};
 	}
 	var classification = (0, import_candidate.classifyCandidate)(cls, grammarConfig);
-	if (classification.kind === "passthrough") {
-		return import_constants.isWeb ? "raw" : null;
-	}
+	if (classification.kind === "passthrough") return import_constants.isWeb ? "raw" : null;
 	var parsed = classification.parsed;
+	if (!nativeTarget && ((_parsed_entry = parsed.entry) === null || _parsed_entry === void 0 ? void 0 : _parsed_entry.prop) === "perspective") return "raw";
+	if (shouldGateNative(parsed)) return null;
+	if (((_parsed_entry1 = parsed.entry) === null || _parsed_entry1 === void 0 ? void 0 : _parsed_entry1.prop) === "flex" && parsed.rawValue) {
+		var fraction = /^(\d+)\/(\d+)$/.exec(parsed.rawValue);
+		if (fraction && Number(fraction[2]) !== 0) {
+			var basis = `${Number(fraction[1]) / Number(fraction[2]) * 100}%`;
+			var entries1 = [
+				createPlanEntry("flexGrow", 1, parsed.modifiers),
+				createPlanEntry("flexShrink", 1, parsed.modifiers),
+				createPlanEntry("flexBasis", basis, parsed.modifiers)
+			];
+			return entries1.every(Boolean) ? entries1 : "raw";
+		}
+	}
 	var util = parsed.kind === "utility" ? parsed.properties : null;
 	if (util) {
-		var entries1 = [];
+		var entries2 = [];
 		for (var p in util) {
-			var entry = createPlanEntry(p, util[p], parsed.modifiers);
+			var entry = createPlanEntry(p, nativeTarget && p === "transform" && util[p] === "none" ? [] : util[p], parsed.modifiers);
 			if (!entry) return "raw";
-			entries1.push(entry);
+			entries2.push(entry);
 		}
-		return entries1;
+		return entries2;
 	}
 	var expandedProps = expansionProps(parsed);
 	if (expandedProps) {
-		var entries2 = [];
+		var entries3 = [];
 		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 		try {
 			for (var _iterator = expandedProps[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
@@ -317,29 +473,25 @@ function computeClassPlan(cls, grammarConfig) {
 						...parsed.entry,
 						prop
 					} : parsed.entry
-				});
+				}, grammarConfig);
 				if (!flatProp) return "raw";
 				var entry1 = createPlanEntry(flatProp.key, flatProp.value, parsed.modifiers);
 				if (!entry1) return "raw";
-				entries2.push(entry1);
+				entries3.push(entry1);
 			}
 		} catch (err) {
 			_didIteratorError = true;
 			_iteratorError = err;
 		} finally {
 			try {
-				if (!_iteratorNormalCompletion && _iterator.return != null) {
-					_iterator.return();
-				}
+				if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
 			} finally {
-				if (_didIteratorError) {
-					throw _iteratorError;
-				}
+				if (_didIteratorError) throw _iteratorError;
 			}
 		}
-		return entries2;
+		return entries3;
 	}
-	var flatProp1 = tailwindClassToFlatProp(parsed);
+	var flatProp1 = tailwindClassToFlatProp(parsed, grammarConfig);
 	if (flatProp1) {
 		var entry2 = createPlanEntry(flatProp1.key, flatProp1.value, parsed.modifiers);
 		return entry2 ? [entry2] : "raw";
@@ -356,9 +508,67 @@ function getTailwindClassPlan(candidate, config) {
 	}
 	return plan;
 }
+function resolveTailwindCandidate(candidate, config, sink) {
+	var composed = (0, import_compose.tryCompose)(candidate, getStyleGrammarConfig(config), sink);
+	if (composed !== void 0) return composed;
+	var plan = getTailwindClassPlan(candidate, config);
+	if (plan === "raw") return true;
+	if (plan === null) return null;
+	var parent = Array.isArray(plan) ? null : plan;
+	var entries = parent ? parent.entries : plan;
+	for (var index = 0; index < entries.length; index++) {
+		var _config_tokensParsed_transformTokenCategory_entry_, _config_tokensParsed_transformTokenCategory, _config_tokensParsed;
+		var entry = entries[index];
+		var transformTokenCategory = entry[0] === "x" || entry[0] === "y" ? "space" : entry[0] === "perspective" ? "perspective" : null;
+		var _config_tokensParsed_transformTokenCategory_entry__val;
+		var transformValue = transformTokenCategory && typeof entry[1] === "string" ? (_config_tokensParsed_transformTokenCategory_entry__val = (_config_tokensParsed = config.tokensParsed) === null || _config_tokensParsed === void 0 ? void 0 : (_config_tokensParsed_transformTokenCategory = _config_tokensParsed[transformTokenCategory]) === null || _config_tokensParsed_transformTokenCategory === void 0 ? void 0 : (_config_tokensParsed_transformTokenCategory_entry_ = _config_tokensParsed_transformTokenCategory[entry[1]]) === null || _config_tokensParsed_transformTokenCategory_entry_ === void 0 ? void 0 : _config_tokensParsed_transformTokenCategory_entry_.val) !== null && _config_tokensParsed_transformTokenCategory_entry__val !== void 0 ? _config_tokensParsed_transformTokenCategory_entry__val : entry[1] : entry[1];
+		if ((0, import_compose.noteTailwindTransform)(sink, [
+			entry[0],
+			transformValue,
+			entry[2],
+			entry[3]
+		])) continue;
+		if (entry[0] === "lineHeight") {
+			sink([
+				"__leading",
+				entry[1],
+				entry[2],
+				entry[3]
+			]);
+			continue;
+		}
+		if (entry[0] === "fontSize" && typeof entry[1] === "string" && (0, import_candidate.hasTokenName)(getStyleGrammarConfig(config), "lineHeight", entry[1])) sink([
+			"__textLeading",
+			entry[1],
+			entry[2],
+			entry[3]
+		]);
+		if (entry[0] === "boxShadow" && typeof entry[1] === "string") {
+			var _config_tokensParsed_boxShadow_entry_, _config_tokensParsed_boxShadow, _config_tokensParsed1;
+			var _config_tokensParsed_boxShadow_entry__val;
+			(0, import_compose.noteBoxShadow)(sink, (_config_tokensParsed_boxShadow_entry__val = (_config_tokensParsed1 = config.tokensParsed) === null || _config_tokensParsed1 === void 0 ? void 0 : (_config_tokensParsed_boxShadow = _config_tokensParsed1.boxShadow) === null || _config_tokensParsed_boxShadow === void 0 ? void 0 : (_config_tokensParsed_boxShadow_entry_ = _config_tokensParsed_boxShadow[entry[1]]) === null || _config_tokensParsed_boxShadow_entry_ === void 0 ? void 0 : _config_tokensParsed_boxShadow_entry_.val) !== null && _config_tokensParsed_boxShadow_entry__val !== void 0 ? _config_tokensParsed_boxShadow_entry__val : entry[1], entry[3] || []);
+		}
+		sink(entry);
+	}
+	return (parent === null || parent === void 0 ? void 0 : parent.preserveRawClass) || false;
+}
 function resolveTailwindClassName(className, config) {
 	var result = {};
+	var composedProps = null;
 	var rawClassName = "";
+	var sink = function(entry) {
+		var [key2, value, condition] = entry;
+		if (key2.charCodeAt(0) === 95 && key2.charCodeAt(1) === 95) {
+			composedProps || (composedProps = {});
+			composedProps[key2] = (0, import_internal_runtime.mergeFrontendCondition)(composedProps[key2], value, condition);
+			return;
+		}
+		if (condition === void 0) {
+			var resets = shorthandResets[key2];
+			if (resets) for (var i = 0; i < resets.length; i++) delete result[resets[i]];
+		}
+		setInAuthoredOrder(result, key2, (0, import_internal_runtime.mergeFrontendCondition)(result[key2], value, condition));
+	};
 	var start = 0;
 	for (var index = 0; index <= className.length; index++) {
 		if (index !== className.length && className.charCodeAt(index) > 32) continue;
@@ -367,42 +577,21 @@ function resolveTailwindClassName(className, config) {
 			continue;
 		}
 		var candidate = className.slice(start, index);
-		var plan = getTailwindClassPlan(candidate, config);
-		if (plan === "raw") {
-			rawClassName = rawClassName ? `${rawClassName} ${candidate}` : candidate;
-		} else if (plan) {
-			var parentPlan = plan;
-			if (!Array.isArray(plan) && parentPlan.preserveRawClass) {
-				rawClassName = rawClassName ? `${rawClassName} ${candidate}` : candidate;
-			}
-			var entries = Array.isArray(plan) ? plan : parentPlan.entries;
-			for (var entryIndex = 0; entryIndex < entries.length; entryIndex++) {
-				var [key, value, condition] = entries[entryIndex];
-				var previous = result[key];
-				var next = value;
-				if (condition !== void 0) {
-					next = previous && (typeof previous === "undefined" ? "undefined" : _type_of(previous)) === "object" && !Array.isArray(previous) ? {
-						...previous,
-						[condition]: value
-					} : previous === void 0 ? { [condition]: value } : {
-						default: previous,
-						[condition]: value
-					};
-				} else if (previous && (typeof previous === "undefined" ? "undefined" : _type_of(previous)) === "object" && !Array.isArray(previous)) {
-					next = {
-						...previous,
-						default: value
-					};
-				}
-				setInAuthoredOrder(result, key, next);
-			}
-		}
+		if (resolveTailwindCandidate(candidate, config, sink)) rawClassName = rawClassName ? `${rawClassName} ${candidate}` : candidate;
 		start = index + 1;
 	}
+	if (composedProps) {
+		var composed = (0, import_composedResolver.composedResolver)(composedProps);
+		for (var key in composed) setInAuthoredOrder(result, key, composed[key]);
+	}
 	if (rawClassName) result.className = rawClassName;
 	return result;
 }
 function setInAuthoredOrder(target, key, value) {
+	if (value === "unset") {
+		delete target[key];
+		return;
+	}
 	if (key in target) delete target[key];
 	target[key] = value;
 }