@tamagui/core 3.0.0-beta.1123.1 → 3.0.0-beta.1133.1

package/dist/native.cjs

@@ -1027,16 +1027,11 @@ var unitlessNumbers = {
 	flexShrink: true,
 	flexNegative: true,
 	fontWeight: true,
-	gap: true,
-	columnGap: true,
-	rowGap: true,
 	gridRow: true,
 	gridRowEnd: true,
-	gridRowGap: true,
 	gridRowStart: true,
 	gridColumn: true,
 	gridColumnEnd: true,
-	gridColumnGap: true,
 	gridColumnStart: true,
 	lineClamp: true,
 	opacity: true,
@@ -12029,6 +12024,7 @@ var setConfig = function(next) {
 	if (conf !== previous || globalThis.__tamaguiConfig !== previousGlobal) return;
 	conf = next;
 	globalThis.__tamaguiConfig = next;
+	if (process.env.TAMAGUI_ENVIRONMENT === "tamagui") globalThis.__tamaguiEvaluationConfig = next;
 };
 var setConfigFont = function(name, font, fontParsed) {
 	var config = getConfigFromGlobalOrLocal();
@@ -12655,6 +12651,10 @@ function getDynamicVal(param) {
 		[oppositeScheme]: oppositeVal
 	} };
 }
+function extractValueFromDynamic(val, scheme) {
+	if (val === null || val === void 0 ? void 0 : val["dynamic"]) return val["dynamic"][scheme];
+	return val;
+}
 //#endregion
 //#region ../web/dist/esm/helpers/themeUpdateState.native.js
 var themeUpdateStateKey = "_tmgInlineLayer";
@@ -15524,8 +15524,8 @@ function recordStyleTokenProvenance(styleState, key, originalVal) {
 	var tokenName = typeof originalVal === "string" ? originalVal : "";
 	if (tokenName) {
 		var slash = tokenName.lastIndexOf("/");
-		var opacity = slash === -1 ? NaN : Number(tokenName.slice(slash + 1));
-		if (Number.isInteger(opacity) && opacity >= 0 && opacity <= 100) tokenName = tokenName.slice(0, slash);
+		var opacity = slash === -1 ? NaN : +tokenName.slice(slash + 1);
+		if (opacity % 1 === 0 && opacity >= 0 && opacity <= 100) tokenName = tokenName.slice(0, slash);
 	}
 	if (tokenName !== "" && (tokenName in styleState.theme || tokenName in (((_styleState_conf_themes = styleState.conf.themes) === null || _styleState_conf_themes === void 0 ? void 0 : _styleState_conf_themes[styleState.flatThemeName || ""]) || {}) || Object.values(styleState.conf.tokensParsed).some(function(category) {
 		return tokenName in category;
@@ -15769,8 +15769,8 @@ function configuredValue(state, property, raw) {
 	var opacity;
 	var slash = raw.lastIndexOf("/");
 	if (slash > 0) {
-		var amount = Number(raw.slice(slash + 1));
-		if (Number.isInteger(amount) && amount >= 0 && amount <= 100) {
+		var amount = +raw.slice(slash + 1);
+		if (amount % 1 === 0 && amount >= 0 && amount <= 100) {
 			name = raw.slice(0, slash);
 			opacity = amount;
 		}
@@ -15898,9 +15898,21 @@ function emitProperty(state, property, value, cursor, originalValue, contextOnly
 	var theme = cursor ? cursor[conditionTheme] : "";
 	if (theme) {
 		if (supportsDynamicColorIOS && isColorStyleKey(property)) {
-			var _direct, _ref, _property;
-			var schemes = (_ref = (_direct = direct).flatDynamicColors || (_direct.flatDynamicColors = {}))[_property = property] || (_ref[_property] = {});
-			schemes[theme] = typeof originalValue === "string" && /^[a-z]+$/i.test(originalValue) ? originalValue : value;
+			var _direct;
+			var colors = (_direct = direct).flatDynamicColors || (_direct.flatDynamicColors = {});
+			var schemes = colors[property];
+			if (!schemes) {
+				var _direct_flatSlots_get_find, _direct_flatSlots_get, _direct_flatSlots;
+				schemes = colors[property] = {};
+				var base = (_direct_flatSlots = direct.flatSlots) === null || _direct_flatSlots === void 0 ? void 0 : (_direct_flatSlots_get = _direct_flatSlots.get(property)) === null || _direct_flatSlots_get === void 0 ? void 0 : (_direct_flatSlots_get_find = _direct_flatSlots_get.find(function(entry) {
+					return !entry[2];
+				})) === null || _direct_flatSlots_get_find === void 0 ? void 0 : _direct_flatSlots_get_find[1];
+				if (base !== void 0) {
+					schemes.light = extractValueFromDynamic(base, "light");
+					schemes.dark = extractValueFromDynamic(base, "dark");
+				}
+			}
+			schemes[theme] = extractValueFromDynamic(value, theme);
 			streamWriteInline(state, property, { dynamic: _objectSpread2({}, schemes) }, cursor, originalValue, true, condition & 1 ? condition : condition + 1);
 			return;
 		}
@@ -15923,10 +15935,8 @@ function numericUnitValue(value, first, second) {
 	return value.length > first.length && (value.endsWith(first) || value.endsWith(second)) ? +value.slice(0, -first.length) : NaN;
 }
 function resolveNumericValue(value) {
-	var unitValue = numericUnitValue(value, "px", "dp");
-	if (Number.isFinite(unitValue)) return unitValue;
-	var numeric = +value;
-	return Number.isFinite(numeric) ? numeric : value;
+	var numeric = numericUnitValue(value, "px", "dp");
+	return isFinite(numeric) ? numeric : isFinite(numeric = +value) ? numeric : value;
 }
 function emitBorder(state, property, raw, cursor, originalValue, contextOnly) {
 	if (property === "borderBlock" || property === "borderInline") return;
@@ -15982,7 +15992,7 @@ function emitResolved(state, property, raw, cursor, originalValue, contextOnly)
 }
 function resolveValue(state, property, raw) {
 	var value = typeof raw === "string" ? configuredValue(state, property, raw, true) : raw;
-	if (typeof value === "string" && value !== "") value = resolveNumericValue(value);
+	if (typeof value === "string" && value !== "" && true) value = resolveNumericValue(value);
 	return value;
 }
 function shadowUnit(part) {
@@ -16026,7 +16036,7 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
 	if (property === "x" || property === "y" || property === "scale" || property === "scaleX" || property === "scaleY" || property === "rotate") {
 		var value2 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
 		if (typeof value2 === "string" && !value2.startsWith("
theme:")) {
-			if (property === "rotate" && !Number.isFinite(numericUnitValue(value2, "deg", "rad")) && true) {
+			if (property === "rotate" && !isFinite(numericUnitValue(value2, "deg", "rad")) && true) {
 				if (condition & 1) {
 					removeTransformValue(state.transformAccumulator, property);
 					writeStyleRecord(state, property, void 0, cursor, void 0, recordRetract);
@@ -16108,9 +16118,9 @@ function walkConditionalValue(state, property, value, parent, sink) {
 		if (slices === void 0) parsedSlices.set(parsed, slices = []);
 		var chainCount = segments.length / 5 - 1;
 		if (property === "aspectRatio" && chainCount === 1) {
-			var left = Number(value.slice(segments[7], segments[8]));
-			var right = Number(value.slice(segments[5], segments[6]));
-			if (left > 0 && right > 0 && Number.isFinite(left) && Number.isFinite(right)) return false;
+			var left = +value.slice(segments[7], segments[8]);
+			var right = +value.slice(segments[5], segments[6]);
+			if (left > 0 && right > 0 && isFinite(left) && isFinite(right)) return false;
 		}
 		for (var index = 0; index < segments.length; index += 5) {
 			var start = segments[index];

package/dist/test.native.cjs

@@ -2200,7 +2200,7 @@ Haven't called createTamagui yet. ${MISSING_THEME_MESSAGE}
 var getConfigFromGlobalOrLocal = function() {
 	if (conf) return conf;
 	if (globalThis.__tamaguiConfig) {
-		if (globalThis.process.env.NODE_ENV === "development" && !globalThis.__tamaguiHasWarnedGlobalFallback && !globalThis.__tamaguiPendingCheck) {
+		if (globalThis.process.env.NODE_ENV === "development" && globalThis.__tamaguiEvaluationConfig !== globalThis.__tamaguiConfig && !globalThis.__tamaguiHasWarnedGlobalFallback && !globalThis.__tamaguiPendingCheck) {
 			globalThis.__tamaguiPendingCheck = true;
 			setTimeout(function() {
 				if (!setConfigCalledByThisInstance && !globalThis.__tamaguiHasWarnedGlobalFallback) {
@@ -2238,6 +2238,7 @@ var setConfig = function(next) {
 	if (conf !== previous || globalThis.__tamaguiConfig !== previousGlobal) return;
 	conf = next;
 	globalThis.__tamaguiConfig = next;
+	if (process.env.TAMAGUI_ENVIRONMENT === "tamagui") globalThis.__tamaguiEvaluationConfig = next;
 };
 var setConfigFont = function(name, font, fontParsed) {
 	var config = getConfigFromGlobalOrLocal();
@@ -2896,6 +2897,10 @@ function getDynamicVal(param) {
 		[oppositeScheme]: oppositeVal
 	} };
 }
+function extractValueFromDynamic(val, scheme) {
+	if (val === null || val === void 0 ? void 0 : val["dynamic"]) return val["dynamic"][scheme];
+	return val;
+}
 //#endregion
 //#region ../web/dist/esm/helpers/themeUpdateState.native.js
 var themeUpdateStateKey = "_tmgInlineLayer";
@@ -6307,8 +6312,8 @@ function recordStyleTokenProvenance(styleState, key, originalVal) {
 	var tokenName = typeof originalVal === "string" ? originalVal : "";
 	if (tokenName) {
 		var slash = tokenName.lastIndexOf("/");
-		var opacity = slash === -1 ? NaN : Number(tokenName.slice(slash + 1));
-		if (Number.isInteger(opacity) && opacity >= 0 && opacity <= 100) tokenName = tokenName.slice(0, slash);
+		var opacity = slash === -1 ? NaN : +tokenName.slice(slash + 1);
+		if (opacity % 1 === 0 && opacity >= 0 && opacity <= 100) tokenName = tokenName.slice(0, slash);
 	}
 	if (tokenName !== "" && (tokenName in styleState.theme || tokenName in (((_styleState_conf_themes = styleState.conf.themes) === null || _styleState_conf_themes === void 0 ? void 0 : _styleState_conf_themes[styleState.flatThemeName || ""]) || {}) || Object.values(styleState.conf.tokensParsed).some(function(category) {
 		return tokenName in category;
@@ -6570,8 +6575,8 @@ function configuredValue(state, property, raw) {
 	var opacity;
 	var slash = raw.lastIndexOf("/");
 	if (slash > 0) {
-		var amount = Number(raw.slice(slash + 1));
-		if (Number.isInteger(amount) && amount >= 0 && amount <= 100) {
+		var amount = +raw.slice(slash + 1);
+		if (amount % 1 === 0 && amount >= 0 && amount <= 100) {
 			name = raw.slice(0, slash);
 			opacity = amount;
 		}
@@ -6660,27 +6665,18 @@ function configuredValue(state, property, raw) {
 				var rawNum = Number(name);
 				var tokens = category1 ? state.conf.tokensParsed[category1] : void 0;
 				if (tokens && Number.isFinite(rawNum)) for (var key in tokens) {
-					var keyNum = Number(key);
-					if (Number.isFinite(keyNum)) {
-						var dist = Math.abs(keyNum - rawNum);
+					var _tokens_key;
+					var val = (_tokens_key = tokens[key]) === null || _tokens_key === void 0 ? void 0 : _tokens_key.val;
+					var valNum = typeof val === "number" ? val : Number(val);
+					if (Number.isFinite(valNum)) {
+						var dist = Math.abs(valNum - rawNum);
 						if (dist < minDistance) {
 							minDistance = dist;
 							nearest = key;
 						}
-					} else {
-						var _tokens_key;
-						var val = (_tokens_key = tokens[key]) === null || _tokens_key === void 0 ? void 0 : _tokens_key.val;
-						var valNum = typeof val === "number" ? val : Number(val);
-						if (Number.isFinite(valNum)) {
-							var dist1 = Math.abs(valNum - rawNum);
-							if (dist1 < minDistance) {
-								minDistance = dist1;
-								nearest = key;
-							}
-						}
 					}
 				}
-				warnOnce(`numeric-token:${property}=${raw}`, `${property}="${raw}" was passed to CSS as-is with px units${nearest ? `; nearest token is "${nearest}"` : ""}`);
+				if (nearest) warnOnce(`numeric-token:${property}=${raw}`, `${property}="${raw}" was passed to CSS as-is${category1 === "zIndex" ? "" : " with px units"}${nearest ? `; nearest token is "${nearest}"` : ""}`);
 			} else if (category1 === "color" && /^[a-zA-Z0-9-]+$/.test(name) && /[a-zA-Z]/.test(name)) {
 				var lower = name.toLowerCase();
 				if (!namedCssColors.has(lower) && !cssWideColorKeywords.has(lower)) {
@@ -6711,9 +6707,9 @@ function configuredValue(state, property, raw) {
 									prev = temp;
 								}
 							}
-							var dist2 = d[m];
-							if (dist2 <= 2 && dist2 < minDistance1) {
-								minDistance1 = dist2;
+							var dist1 = d[m];
+							if (dist1 <= 2 && dist1 < minDistance1) {
+								minDistance1 = dist1;
 								bestMatch = key1;
 							}
 						}
@@ -6785,9 +6781,21 @@ function emitProperty(state, property, value, cursor, originalValue, contextOnly
 	var theme = cursor ? cursor[conditionTheme] : "";
 	if (theme) {
 		if (supportsDynamicColorIOS && isColorStyleKey(property)) {
-			var _direct, _ref, _property;
-			var schemes = (_ref = (_direct = direct).flatDynamicColors || (_direct.flatDynamicColors = {}))[_property = property] || (_ref[_property] = {});
-			schemes[theme] = typeof originalValue === "string" && /^[a-z]+$/i.test(originalValue) ? originalValue : value;
+			var _direct;
+			var colors = (_direct = direct).flatDynamicColors || (_direct.flatDynamicColors = {});
+			var schemes = colors[property];
+			if (!schemes) {
+				var _direct_flatSlots_get_find, _direct_flatSlots_get, _direct_flatSlots;
+				schemes = colors[property] = {};
+				var base = (_direct_flatSlots = direct.flatSlots) === null || _direct_flatSlots === void 0 ? void 0 : (_direct_flatSlots_get = _direct_flatSlots.get(property)) === null || _direct_flatSlots_get === void 0 ? void 0 : (_direct_flatSlots_get_find = _direct_flatSlots_get.find(function(entry) {
+					return !entry[2];
+				})) === null || _direct_flatSlots_get_find === void 0 ? void 0 : _direct_flatSlots_get_find[1];
+				if (base !== void 0) {
+					schemes.light = extractValueFromDynamic(base, "light");
+					schemes.dark = extractValueFromDynamic(base, "dark");
+				}
+			}
+			schemes[theme] = extractValueFromDynamic(value, theme);
 			streamWriteInline(state, property, { dynamic: _objectSpread2({}, schemes) }, cursor, originalValue, true, condition & 1 ? condition : condition + 1);
 			return;
 		}
@@ -6810,10 +6818,8 @@ function numericUnitValue(value, first, second) {
 	return value.length > first.length && (value.endsWith(first) || value.endsWith(second)) ? +value.slice(0, -first.length) : NaN;
 }
 function resolveNumericValue(value) {
-	var unitValue = numericUnitValue(value, "px", "dp");
-	if (Number.isFinite(unitValue)) return unitValue;
-	var numeric = +value;
-	return Number.isFinite(numeric) ? numeric : value;
+	var numeric = numericUnitValue(value, "px", "dp");
+	return isFinite(numeric) ? numeric : isFinite(numeric = +value) ? numeric : value;
 }
 function emitBorder(state, property, raw, cursor, originalValue, contextOnly) {
 	if (property === "borderBlock" || property === "borderInline") {
@@ -6872,7 +6878,7 @@ function emitResolved(state, property, raw, cursor, originalValue, contextOnly)
 }
 function resolveValue(state, property, raw) {
 	var value = typeof raw === "string" ? configuredValue(state, property, raw, true) : raw;
-	if (typeof value === "string" && value !== "") value = resolveNumericValue(value);
+	if (typeof value === "string" && value !== "" && true) value = resolveNumericValue(value);
 	return value;
 }
 function shadowUnit(part) {
@@ -6917,7 +6923,7 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
 	if (property === "x" || property === "y" || property === "scale" || property === "scaleX" || property === "scaleY" || property === "rotate") {
 		var value2 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
 		if (typeof value2 === "string" && !value2.startsWith("
theme:")) {
-			if (property === "rotate" && !Number.isFinite(numericUnitValue(value2, "deg", "rad")) && true) {
+			if (property === "rotate" && !isFinite(numericUnitValue(value2, "deg", "rad")) && true) {
 				if (globalThis.process.env.NODE_ENV === "development") warnOnce(`native transform "${property}" cannot represent "${value2}"; dropping it`);
 				if (condition & 1) {
 					removeTransformValue(state.transformAccumulator, property);
@@ -7006,9 +7012,9 @@ function walkConditionalValue(state, property, value, parent, sink) {
 		if (slices === void 0) parsedSlices.set(parsed, slices = []);
 		var chainCount = segments.length / 5 - 1;
 		if (property === "aspectRatio" && chainCount === 1) {
-			var left = Number(value.slice(segments[7], segments[8]));
-			var right = Number(value.slice(segments[5], segments[6]));
-			if (left > 0 && right > 0 && Number.isFinite(left) && Number.isFinite(right)) return false;
+			var left = +value.slice(segments[7], segments[8]);
+			var right = +value.slice(segments[5], segments[6]);
+			if (left > 0 && right > 0 && isFinite(left) && isFinite(right)) return false;
 		}
 		for (var index = 0; index < segments.length; index += 5) {
 			var start = segments[index];
@@ -7069,7 +7075,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 			if (cursor1[conditionValue] & conditionResolvedFlag || warnMode) emitConditionalValue(state, property, value[key], cursor1, value[key], sink, warnMode, contextOnly);
 		}
 	}
-	if (warnMode && globalThis.process.env.NODE_ENV === "development" && typeof value === "string" && !hasBase && conditions && getConfigRevisionState(state.conf).tokenCategory(property) && splitComponents(lastPayload).length > 1) warnOnce(`${property}="${value}" has multiple values after its first conditional. Write the base value before the first conditional.`);
+	if (warnMode && globalThis.process.env.NODE_ENV === "development" && typeof value === "string" && !hasBase && conditions && getConfigRevisionState(state.conf).tokenCategory(property) && getConfigRevisionState(state.conf).propertyKind(property) !== 8 && property !== "boxShadow" && property !== "textShadow" && property !== "fontFamily" && property !== "gap" && splitComponents(lastPayload).length > 1) warnOnce(`${property}="${value}" has multiple values after its first conditional. Write the base value before the first conditional.`);
 	if (warnMode === 1 && conditions & 12 && !hasBase) {
 		var _state_flatPropertyLayers;
 		var resting = property === "opacity" || property.startsWith("scale") ? 1 : property === "rotate" ? "0deg" : property === "x" || property === "y" ? 0 : null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "3.0.0-beta.1123.1",
+  "version": "3.0.0-beta.1133.1",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "license": "MIT",
   "author": {
@@ -137,20 +137,20 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "3.0.0-beta.1123.1",
-    "@tamagui/constants": "3.0.0-beta.1123.1",
-    "@tamagui/helpers": "3.0.0-beta.1123.1",
-    "@tamagui/react-native-media-driver": "3.0.0-beta.1123.1",
-    "@tamagui/react-native-use-pressable": "3.0.0-beta.1123.1",
-    "@tamagui/size": "3.0.0-beta.1123.1",
-    "@tamagui/use-element-layout": "3.0.0-beta.1123.1",
-    "@tamagui/use-event": "3.0.0-beta.1123.1",
-    "@tamagui/web": "3.0.0-beta.1123.1"
+    "@tamagui/compose-refs": "3.0.0-beta.1133.1",
+    "@tamagui/constants": "3.0.0-beta.1133.1",
+    "@tamagui/helpers": "3.0.0-beta.1133.1",
+    "@tamagui/react-native-media-driver": "3.0.0-beta.1133.1",
+    "@tamagui/react-native-use-pressable": "3.0.0-beta.1133.1",
+    "@tamagui/size": "3.0.0-beta.1133.1",
+    "@tamagui/use-element-layout": "3.0.0-beta.1133.1",
+    "@tamagui/use-event": "3.0.0-beta.1133.1",
+    "@tamagui/web": "3.0.0-beta.1133.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.1123.1",
-    "@tamagui/native-bundle": "3.0.0-beta.1123.1",
-    "@tamagui/react-native-web-lite": "3.0.0-beta.1123.1",
+    "@tamagui/build": "3.0.0-beta.1133.1",
+    "@tamagui/native-bundle": "3.0.0-beta.1133.1",
+    "@tamagui/react-native-web-lite": "3.0.0-beta.1133.1",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": "19.2.3",