@tamagui/web 3.0.0-beta.1111.1 → 3.0.0-beta.1121.1

package/dist/esm/helpers/getSplitStyles.mjs

@@ -19,6 +19,7 @@ import { getRulesForIdentifier, insertStyleRules, shouldInsertStyleRules } from
 import { log } from "./log.mjs";
 import { normalizeColor } from "./normalizeColor.mjs";
 import { normalizeValueWithProperty } from "./normalizeValueWithProperty.mjs";
+import { parseNativeTransform } from "./parseNativeTransform.native.js";
 import { resolveVariableValue } from "./resolveVariableValue.mjs";
 import { HOC_CLASSNAME_MARKER, skipProps } from "./skipProps.mjs";
 import { styleOriginalValues } from "./styleOriginalValues.mjs";
@@ -343,7 +344,11 @@ function contributeProp(pass, keyOg, valOg, originalOg = valOg, disabled = false
 				const slots = direct.flatSlots ||= /* @__PURE__ */ new Map();
 				for (const [slot, entries] of hocSlots) for (const entry of entries) {
 					if (!ownsSourceLayer(styleState, entry[0], !!entry[2])) continue;
-					writeCapturedStyleRecord(slots, slot, entry, pass[passSourceLayer]);
+					if (!isHOC && styleState.styleProps.isAnimated && (slot === "transition" || entry[8]) && !(entry[0] in nonAnimatableStyleProps)) {
+						const property = entry[0] === "--t-x" ? "x" : entry[0] === "--t-y" ? "y" : entry[0] === "--t-scale-x" ? "scaleX" : entry[0] === "--t-scale-y" ? "scaleY" : entry[0];
+						const value = styleState.animationDriver?.inputStyle === "value" ? entry[6] : entry[1];
+						entry[3] ? contributeValue(styleState, property, value, entry[6], false, entry[3]) : emitValue(styleState, property, value, null, entry[6], false);
+					} else writeCapturedStyleRecord(slots, slot, entry, pass[passSourceLayer]);
 				}
 			}
 		}
@@ -1170,7 +1175,11 @@ function completeResolvedStyles(state, merge = mergeStyle) {
 		if (cssEntries) {
 			registerAtomicSlot(direct, property, cssEntries);
 			if (capture) {
-				for (const entry of cssEntries) entry[7] = entry[7] | recordCSS;
+				for (const entry of cssEntries) {
+					entry[7] = entry[7] | recordCSS;
+					if (!(entry[2] & 12)) continue;
+					for (const sibling of cssEntries) if (sibling[0] === entry[0]) sibling[8] = true;
+				}
 				capture.set(property, cssEntries);
 			}
 		}
@@ -1416,6 +1425,10 @@ function emitProperty(state, property, value, cursor, originalValue, contextOnly
 		addTransformValue(state.transformAccumulator, property, value);
 		return;
 	}
+	if (property === "transition" && condition & 12 && !state.staticConfig.isHOC && state.styleProps.isAnimated) {
+		streamWriteInline(state, property, value, cursor, originalValue, false, -1, true);
+		return;
+	}
 	const shouldPromoteAnimatedStyle = canGenerateCSS && !condition && !state.flatShouldDoClasses && !state.styleProps.noMergeStyle && state.styleProps.isAnimated && state.animationDriver?.inputStyle === "css" && property in nonAnimatableStyleProps;
 	if (canGenerateCSS && (state.flatShouldDoClasses || shouldPromoteAnimatedStyle)) {
 		writeStyleRecord(state, property, value, cursor, originalValue, shouldPromoteAnimatedStyle ? recordCSS : 0);
@@ -1495,6 +1508,13 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
 	}
 	if (property === "transform") {
 		if (canGenerateCSS && state.flatShouldDoClasses && Array.isArray(raw)) raw = transformsToString(raw);
+		if (typeof raw === "string" && !state.flatShouldDoClasses && state.animationDriver?.inputStyle === "value") {
+			const transform = parseNativeTransform(raw);
+			if (transform) {
+				emitProperty(state, property, transform, cursor, originalValue, contextOnly);
+				return;
+			}
+		}
 	}
 	if (typeof raw === "string" && property === "background") {
 		const parts = splitComponents(raw);
@@ -1551,7 +1571,7 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
 }
 function emitConditionalValue(state, property, payload, condition, source, sink, mode, contextOnly) {
 	if (sink) sink(payload, condition, source);
-	else if (condition) emitUnderCondition(state, property, payload, condition, mode === 2 ? payload : void 0, contextOnly, mode, source);
+	else if (condition) emitUnderCondition(state, property, payload, condition, mode === 2 || state.staticConfig.isHOC || state.styleProps.stylePieceEntries ? payload : void 0, contextOnly, mode, source);
 	else emitValue(state, property, payload, null, payload, contextOnly);
 }
 function walkConditionalValue(state, property, value, parent, sink, warnMode = 0, contextOnly = false) {