@tamagui/core 3.0.0-beta.661.1 → 3.0.0-beta.669.1

package/dist/native.cjs

@@ -10314,7 +10314,7 @@ function getThemeClassNames(name) {
 }
 //#endregion
 //#region ../helpers/dist/esm/composeEventHandlers.native.js
-function _type_of$17(obj) {
+function _type_of$16(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -10323,7 +10323,7 @@ function composeEventHandlers(og, next) {
 	if (!og || !next) return next || og || void 0;
 	return function(event) {
 		og === null || og === void 0 || og(event);
-		var isPrevented = !!event && (typeof event === "undefined" ? "undefined" : _type_of$17(event)) === "object" && ("defaultPrevented" in event && Boolean(event.defaultPrevented) || "isCanceled" in event && Boolean(event.isCanceled));
+		var isPrevented = !!event && (typeof event === "undefined" ? "undefined" : _type_of$16(event)) === "object" && ("defaultPrevented" in event && Boolean(event.defaultPrevented) || "isCanceled" in event && Boolean(event.isCanceled));
 		if (!event || !checkDefaultPrevented || !isPrevented) return next === null || next === void 0 ? void 0 : next(event);
 	};
 }
@@ -10747,52 +10747,8 @@ var FONT_DATA_ATTRIBUTE_NAME = "data-tamagui-font";
 var MISSING_THEME_MESSAGE = `Missing theme.`;
 //#endregion
 //#region ../web/dist/esm/helpers/formatDiagnostic.native.js
-function _type_of$16(obj) {
-	"@swc/helpers - typeof";
-	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-var maxDiagnosticValueLength = 160;
-function formatDiagnosticValue(value) {
-	var depth = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, seen = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : /* @__PURE__ */ new WeakSet();
-	if (typeof value === "string") {
-		var output = value.length > maxDiagnosticValueLength ? `${value.slice(0, maxDiagnosticValueLength - 1)}\u2026` : value;
-		return JSON.stringify(output);
-	}
-	if (value == null || typeof value === "number" || typeof value === "boolean") return String(value);
-	if ((typeof value === "undefined" ? "undefined" : _type_of$16(value)) === "bigint") return `${value}n`;
-	if (typeof value === "function") return `[Function ${value.name || "anonymous"}]`;
-	if ((typeof value === "undefined" ? "undefined" : _type_of$16(value)) !== "object") return String(value);
-	if (seen.has(value)) return "[Circular]";
-	if (depth === 2) return Array.isArray(value) ? "[Array]" : "[Object]";
-	seen.add(value);
-	if (Array.isArray(value)) {
-		var items = value.slice(0, 5).map(function(item) {
-			return formatDiagnosticValue(item, depth + 1, seen);
-		});
-		if (value.length > 5) items.push(`\u2026 ${value.length - 5} more`);
-		return `[${items.join(", ")}]`;
-	}
-	var keys = [];
-	for (var key in value) if (Object.prototype.hasOwnProperty.call(value, key)) {
-		keys.push(key);
-		if (keys.length === 6) break;
-	}
-	var hasMore = keys.length === 6;
-	if (hasMore) keys.pop();
-	var items1 = keys.map(function(key2) {
-		try {
-			return `${key2}: ${formatDiagnosticValue(value[key2], depth + 1, seen)}`;
-		} catch (e) {
-			return `${key2}: [Unavailable]`;
-		}
-	});
-	if (hasMore) items1.push("… more");
-	return `{ ${items1.join(", ")} }`;
-}
 function formatDiagnostic(code, component, message, action, prop, received) {
-	var formattedValue = prop ? formatDiagnosticValue(received) : "";
-	var boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\u2026` : formattedValue;
-	return `${code} ${component}: ${message}.${prop ? ` Received ${prop}=${boundedValue}.` : ""} ${action}`;
+	return `${code}: ${message}`;
 }
 //#endregion
 //#region ../web/dist/esm/config.native.js
@@ -11954,6 +11910,12 @@ function _instanceof(left, right) {
 	if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) return !!right[Symbol.hasInstance](left);
 	else return left instanceof right;
 }
+var categoryShift = 20;
+var depthShift = 23;
+var platformShift = 26;
+function packClausePrecedence(platformRank, depth, categoryRank, withinCategoryRank2) {
+	return platformRank << platformShift | depth << depthShift | categoryRank << categoryShift | withinCategoryRank2;
+}
 var categoryRanks = {
 	media: 0,
 	container: 1,
@@ -12066,22 +12028,12 @@ function getClausePrecedenceKeyFromKinds(modifiers, kinds, order) {
 	}
 	var depth = nonPlatform.size;
 	if (depth > 5) throw new Error(`a flat value clause supports at most 5 non-platform conditions; received ${depth} in "${modifiers.join(":")}:"`);
-	return [
-		platformRank,
-		depth,
-		categoryRank,
-		highestWithinCategoryRank
-	];
-}
-function compareClausePrecedence(left, right) {
-	for (var index = 0; index < 4; index++) {
-		var difference = left[index] - right[index];
-		if (difference) return difference;
-	}
-	return 0;
+	return packClausePrecedence(platformRank, depth, categoryRank, highestWithinCategoryRank);
 }
 function clauseTargetClassSpecificity(key) {
-	return 1 + key[1] + key[0] * 6;
+	var depth = key >>> depthShift & 7;
+	var platformRank = key >>> platformShift;
+	return 1 + depth + platformRank * 6;
 }
 function clauseSubjectClassRepetitions(key, selfStateSpecificity) {
 	return clauseTargetClassSpecificity(key) - selfStateSpecificity;
@@ -13494,6 +13446,8 @@ function transformsToString(transforms) {
 	}
 	return out;
 }
+//#endregion
+//#region ../web/dist/esm/helpers/directStyle.native.js
 var stateSelectors = {
 	hover: ":hover",
 	press: ":active",
@@ -13830,7 +13784,7 @@ function configuredValue(state, property, raw) {
 			opacity = amount;
 		}
 	}
-	var safeArea = resolveSafeAreaVariable(name);
+	var safeArea = process.env.TAMAGUI_RUNTIME_SAFE_AREA === "disabled" ? void 0 : resolveSafeAreaVariable(name);
 	if (safeArea !== void 0) {
 		state.flatUsesSafeArea = true;
 		return safeArea;
@@ -13950,7 +13904,7 @@ function emitProperty(state, property, value, condition, merge, originalValue, c
 		var _direct1, _state3;
 		if (!condition.active) return;
 		var previous = (_direct_flatPrecedence = direct.flatPrecedence) === null || _direct_flatPrecedence === void 0 ? void 0 : _direct_flatPrecedence[property];
-		if (previous && compareClausePrecedence(condition.precedence, previous) < 0) return;
+		if (previous !== void 0 && condition.precedence < previous) return;
 		((_direct1 = direct).flatPrecedence || (_direct1.flatPrecedence = {}))[property] = condition.precedence;
 		((_state3 = state).flatActiveConditions || (_state3.flatActiveConditions = {}))[property] = true;
 	} else if ((_state_flatActiveConditions = state.flatActiveConditions) === null || _state_flatActiveConditions === void 0 ? void 0 : _state_flatActiveConditions[property]) return;
@@ -14200,6 +14154,10 @@ function emitSegment(state, property, source, start, end, condition, merge, orig
 }
 function contributeStyleString(state, property, source, merge, originalValue) {
 	var contextOnly = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
+	if (process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR === "disabled") {
+		emitValue(state, property, source, null, merge, originalValue !== null && originalValue !== void 0 ? originalValue : source, contextOnly);
+		return true;
+	}
 	if (source.indexOf(":") === -1) {
 		emitValue(state, property, source, null, merge, originalValue !== null && originalValue !== void 0 ? originalValue : source, contextOnly);
 		return true;
@@ -14258,6 +14216,7 @@ function contributeStyleString(state, property, source, merge, originalValue) {
 }
 function contributeFrontendValue(state, property, value, merge) {
 	var contextOnly = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false;
+	if (process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR === "disabled") return false;
 	if (value.base !== null) emitValue(state, property, value.base, null, merge, value.base, contextOnly);
 	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 	try {
@@ -14280,13 +14239,14 @@ function contributeFrontendValue(state, property, value, merge) {
 }
 function contributeVariantClauseValue(state, property, value, conditionSource, merge, originalValue) {
 	var contextOnly = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : false;
+	if (process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR === "disabled") return;
 	var condition = getCondition(state, conditionSource);
 	if (!condition) return;
 	if (condition.emit && (condition.active || false)) emitValue(state, property, value, condition, merge, originalValue, contextOnly);
 }
 function contributeStyleValue(state, property, value, merge, originalValue) {
 	var contextOnly = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
-	if (value === "safe" && isSafeAreaKey(property)) {
+	if (process.env.TAMAGUI_RUNTIME_SAFE_AREA !== "disabled" && value === "safe" && isSafeAreaKey(property)) {
 		var expanded = expandSafeAreaValue(property);
 		if (expanded) {
 			state.flatUsesSafeArea = true;
@@ -15183,7 +15143,7 @@ var getSnapshotImpl = function(r) {
 	var needsUpdate = props.passThrough ? false : optimizeForFirstRender ? true : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? true : !HasRenderedOnce.get(keys) ? true : canSkipForSchemeChange ? false : (keys === null || keys === void 0 ? void 0 : (_keys_current = keys.current) === null || _keys_current === void 0 ? void 0 : _keys_current.size) ? true : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props);
 	var [rerender, nextRaw] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
 	var next = nextRaw;
-	if (props.inlineValues && (nextRaw === null || nextRaw === void 0 ? void 0 : nextRaw.theme)) {
+	if (process.env.TAMAGUI_RUNTIME_INLINE_THEME_VALUES !== "disabled" && props.inlineValues && (nextRaw === null || nextRaw === void 0 ? void 0 : nextRaw.theme)) {
 		var _states_get;
 		var merged = getMergedInlineTheme(((_states_get = states.get(parentId)) === null || _states_get === void 0 ? void 0 : _states_get.theme) || nextRaw.theme, props.inlineValues, nextRaw.name, getConfig());
 		if (merged !== nextRaw.theme) next = _objectSpread2(_objectSpread2({}, nextRaw), {}, { theme: merged });
@@ -15333,7 +15293,7 @@ function resolveThemeName(parentName, name, reset, themes2) {
 }
 var getPropsKey = function(param) {
 	var { name, reset, forceClassName, inlineValues } = param;
-	return `${name || ""}${reset || ""}${forceClassName || ""}${inlineValues ? getInlineValuesKey(inlineValues) : ""}`;
+	return `${name || ""}${reset || ""}${forceClassName || ""}${process.env.TAMAGUI_RUNTIME_INLINE_THEME_VALUES !== "disabled" && inlineValues ? getInlineValuesKey(inlineValues) : ""}`;
 };
 var hasThemeUpdatingProps = function(props) {
 	return "name" in props || "reset" in props || "forceClassName" in props || "inlineValues" in props;
@@ -15560,7 +15520,7 @@ function getThemeProxied(_props, _state, _keys, _schemeKeys) {
 			var fastSchemeChange = getSetting("fastSchemeChange");
 			var rootMatchesSystem = doesRootSchemeMatchSystem();
 			var shouldOptimize = scheme && platform !== "web" && supportsDynamicColorIOS && !curProps.deopt && !curState.inverses && fastSchemeChange && rootMatchesSystem;
-			var inlineLayer = (_curState_theme = curState.theme) === null || _curState_theme === void 0 ? void 0 : _curState_theme[inlineLayerKey];
+			var inlineLayer = process.env.TAMAGUI_RUNTIME_INLINE_THEME_VALUES === "disabled" ? void 0 : (_curState_theme = curState.theme) === null || _curState_theme === void 0 ? void 0 : _curState_theme[inlineLayerKey];
 			var inlineOverridden = !!(inlineLayer === null || inlineLayer === void 0 ? void 0 : inlineLayer.overridden.has(key));
 			if (shouldOptimize && inlineOverridden) {
 				var pair = inlineLayer.pairs[key];
@@ -16314,7 +16274,7 @@ var propMapper = function(key, value, styleState, disabled, map) {
 		if (key in conf.shorthands) key = conf.shorthands[key];
 	}
 	var originalValue = value;
-	if (value === "safe" && isSafeAreaKey(key)) {
+	if (process.env.TAMAGUI_RUNTIME_SAFE_AREA !== "disabled" && value === "safe" && isSafeAreaKey(key)) {
 		var expanded1 = expandSafeAreaValue(key);
 		if (expanded1) {
 			for (var i = 0; i < expanded1.length; i++) {
@@ -16346,7 +16306,7 @@ var propMapper = function(key, value, styleState, disabled, map) {
 var resolveVariants = function(key, value, styleProps, styleState, parentVariantKey) {
 	var _styleState_staticConfig_variants;
 	var variantDefinition = (_styleState_staticConfig_variants = styleState.staticConfig.variants) === null || _styleState_staticConfig_variants === void 0 ? void 0 : _styleState_staticConfig_variants[key];
-	if (typeof value === "string" && value.indexOf(":") !== -1 && !(variantDefinition && (typeof variantDefinition === "undefined" ? "undefined" : _type_of$7(variantDefinition)) === "object" && value in variantDefinition)) {
+	if (process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR !== "disabled" && typeof value === "string" && value.indexOf(":") !== -1 && !(variantDefinition && (typeof variantDefinition === "undefined" ? "undefined" : _type_of$7(variantDefinition)) === "object" && value in variantDefinition)) {
 		var starts = [];
 		var ends = [];
 		var modifiers = [];
@@ -16956,7 +16916,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 				else if (animationConfig) return;
 			} else return;
 		}
-		if (isFrontendProgram(valInit)) {
+		if (process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR !== "disabled" && isFrontendProgram(valInit)) {
 			if (isValidStyleKey(valInit.property, validStyles$1, accept)) contributeFrontendProgram(styleState, valInit, mergeStyle);
 			return;
 		}
@@ -17021,7 +16981,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			}
 			var isHostStyleKey = !isHOC && isValidStyleKey(key8, validStyles$1, accept) || isAndroid && key8 === "elevation";
 			var isContextProgramKey = !isHOC && Boolean(isStyledContextProp);
-			if (conditionSource !== void 0) {
+			if (process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR !== "disabled" && conditionSource !== void 0) {
 				if (isHostStyleKey || isContextProgramKey) contributeVariantClauseValue(styleState, key8, val2, conditionSource, mergeStyle, originalVal, !isHostStyleKey);
 				else if (isHOC) {
 					var appended = appendFlatClause(viewProps[key8], conditionSource, val2);
@@ -17710,7 +17670,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 	var outputStyle = (_animationDriver_outputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : "css";
 	var curStateRef = stateRef.current;
 	if (!needsHydration && hasAnimationProp) curStateRef.hasAnimated = true;
-	var platformPseudo = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo) && hasFlatModifier(props, config, platformPseudoModifiers));
+	var platformPseudo = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo) && process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR !== "disabled" && hasFlatModifier(props, config, platformPseudoModifiers));
 	var willBeAnimatedClient = (function() {
 		return Boolean(!!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations) || curStateRef.hasAnimated);
 	})();
@@ -17721,7 +17681,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 	var presenceState = presence === null || presence === void 0 ? void 0 : presence[2];
 	var isExiting = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === false;
 	var isEntering = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false;
-	var hasEnterStyle = hasFlatModifier(props, config, enterModifier);
+	var hasEnterStyle = process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR !== "disabled" && hasFlatModifier(props, config, enterModifier);
 	var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isReactNative) || inputStyle !== "css");
 	var initialState = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName) ? hasEnterStyle || isEntering ? defaultComponentStateShouldEnter : defaultComponentState : defaultComponentStateMounted;
 	var disabled = isDisabled(props);
@@ -17836,7 +17796,8 @@ var Theme = createRefComponent(function Theme2(props, ref) {
 	if (props.disable) return props.children;
 	var { passThrough } = props;
 	var isRoot = !!props["_isRoot"];
-	var inlineValues = getInlineValuesFromProps(props, getConfig());
+	var config = getConfig();
+	var inlineValues = process.env.TAMAGUI_RUNTIME_INLINE_THEME_VALUES === "disabled" ? null : getInlineValuesFromProps(props, config);
 	var inlineCSS = null;
 	inlineCSS === null || inlineCSS === void 0 || inlineCSS.identifier;
 	var themeProps = inlineValues ? _objectSpread2(_objectSpread2({}, props), {}, {
@@ -18454,7 +18415,7 @@ function createComponent(staticConfig) {
 		}, []);
 		useIsomorphicLayoutEffect(function() {
 			var disposeSafeArea;
-			if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {
+			if (process.env.TAMAGUI_RUNTIME_SAFE_AREA !== "disabled" && (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea)) {
 				var updateSafeArea = function() {
 					setState(function(previous) {
 						return _objectSpread2({}, previous);
@@ -19390,7 +19351,7 @@ function getThemesDeduped(themes, colorTokens, variables, variablesCtx) {
 			}
 			var theme = _objectSpread2(_objectSpread2({}, colorTokens), rawTheme);
 			for (var key1 in theme) ensureThemeVariable(theme, key1);
-			if (variables && variablesCtx && !themeName.includes("_")) mergeConfigVariablesIntoTheme(theme, themeName, variables, variablesCtx.tokensParsed);
+			if (process.env.TAMAGUI_RUNTIME_INLINE_THEME_VALUES !== "disabled" && variables && variablesCtx && !themeName.includes("_")) mergeConfigVariablesIntoTheme(theme, themeName, variables, variablesCtx.tokensParsed);
 			var deduped = {
 				names: [themeName],
 				theme
@@ -19497,7 +19458,7 @@ function mergeStyleBranch(parentBranch, ourBranch) {
 		if (key in ourBranch) continue;
 		out[key] = parentBranch[key];
 	}
-	for (var key1 in ourBranch) out[key1] = key1 in parentBranch ? mergeFlatValues(parentBranch[key1], ourBranch[key1]) : ourBranch[key1];
+	for (var key1 in ourBranch) out[key1] = key1 in parentBranch ? process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR === "disabled" ? ourBranch[key1] : mergeFlatValues(parentBranch[key1], ourBranch[key1]) : ourBranch[key1];
 	return out;
 }
 var mergeVariants = function(parentVariants, ourVariants) {
@@ -19729,7 +19690,7 @@ function usePropsAndStyle(props, opts) {
 	var { mediaGroups, pseudoGroups } = splitStyles || {};
 	useIsomorphicLayoutEffect(function() {
 		var disposeSafeArea;
-		if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {
+		if (process.env.TAMAGUI_RUNTIME_SAFE_AREA !== "disabled" && (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea)) {
 			var updateSafeArea = function() {
 				setState(function(previous) {
 					return _objectSpread2({}, previous);
@@ -21391,8 +21352,7 @@ function useEvent(callback) {
 var defaultValue = function() {
 	throw new Error("Cannot call an event handler while rendering.");
 };
-//#endregion
-//#region ../web/dist/esm/internal-runtime.native.js
+process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR;
 var createTamagui$1 = createTamagui$2;
 var setupHooks$1 = setupHooks;
 var TamaguiProvider$1 = TamaguiProvider$2;

package/dist/test.native.cjs

@@ -1869,6 +1869,12 @@ function _instanceof$1(left, right) {
 	if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) return !!right[Symbol.hasInstance](left);
 	else return left instanceof right;
 }
+var categoryShift = 20;
+var depthShift = 23;
+var platformShift = 26;
+function packClausePrecedence(platformRank, depth, categoryRank, withinCategoryRank2) {
+	return platformRank << platformShift | depth << depthShift | categoryRank << categoryShift | withinCategoryRank2;
+}
 var categoryRanks = {
 	media: 0,
 	container: 1,
@@ -1981,22 +1987,12 @@ function getClausePrecedenceKeyFromKinds(modifiers, kinds, order) {
 	}
 	var depth = nonPlatform.size;
 	if (depth > 5) throw new Error(`a flat value clause supports at most 5 non-platform conditions; received ${depth} in "${modifiers.join(":")}:"`);
-	return [
-		platformRank,
-		depth,
-		categoryRank,
-		highestWithinCategoryRank
-	];
-}
-function compareClausePrecedence(left, right) {
-	for (var index = 0; index < 4; index++) {
-		var difference = left[index] - right[index];
-		if (difference) return difference;
-	}
-	return 0;
+	return packClausePrecedence(platformRank, depth, categoryRank, highestWithinCategoryRank);
 }
 function clauseTargetClassSpecificity(key) {
-	return 1 + key[1] + key[0] * 6;
+	var depth = key >>> depthShift & 7;
+	var platformRank = key >>> platformShift;
+	return 1 + depth + platformRank * 6;
 }
 function clauseSubjectClassRepetitions(key, selfStateSpecificity) {
 	return clauseTargetClassSpecificity(key) - selfStateSpecificity;
@@ -3687,6 +3683,8 @@ function transformsToString(transforms) {
 	}
 	return out;
 }
+//#endregion
+//#region ../web/dist/esm/helpers/directStyle.native.js
 var stateSelectors = {
 	hover: ":hover",
 	press: ":active",
@@ -4023,7 +4021,7 @@ function configuredValue(state, property, raw) {
 			opacity = amount;
 		}
 	}
-	var safeArea = resolveSafeAreaVariable(name);
+	var safeArea = process.env.TAMAGUI_RUNTIME_SAFE_AREA === "disabled" ? void 0 : resolveSafeAreaVariable(name);
 	if (safeArea !== void 0) {
 		state.flatUsesSafeArea = true;
 		return safeArea;
@@ -4143,7 +4141,7 @@ function emitProperty(state, property, value, condition, merge, originalValue, c
 		var _direct1, _state3;
 		if (!condition.active) return;
 		var previous = (_direct_flatPrecedence = direct.flatPrecedence) === null || _direct_flatPrecedence === void 0 ? void 0 : _direct_flatPrecedence[property];
-		if (previous && compareClausePrecedence(condition.precedence, previous) < 0) return;
+		if (previous !== void 0 && condition.precedence < previous) return;
 		((_direct1 = direct).flatPrecedence || (_direct1.flatPrecedence = {}))[property] = condition.precedence;
 		((_state3 = state).flatActiveConditions || (_state3.flatActiveConditions = {}))[property] = true;
 	} else if ((_state_flatActiveConditions = state.flatActiveConditions) === null || _state_flatActiveConditions === void 0 ? void 0 : _state_flatActiveConditions[property]) return;
@@ -4393,6 +4391,10 @@ function emitSegment(state, property, source, start, end, condition, merge, orig
 }
 function contributeStyleString(state, property, source, merge, originalValue) {
 	var contextOnly = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
+	if (process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR === "disabled") {
+		emitValue(state, property, source, null, merge, originalValue !== null && originalValue !== void 0 ? originalValue : source, contextOnly);
+		return true;
+	}
 	if (source.indexOf(":") === -1) {
 		emitValue(state, property, source, null, merge, originalValue !== null && originalValue !== void 0 ? originalValue : source, contextOnly);
 		return true;
@@ -4451,6 +4453,7 @@ function contributeStyleString(state, property, source, merge, originalValue) {
 }
 function contributeFrontendValue(state, property, value, merge) {
 	var contextOnly = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false;
+	if (process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR === "disabled") return false;
 	if (value.base !== null) emitValue(state, property, value.base, null, merge, value.base, contextOnly);
 	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 	try {
@@ -4473,13 +4476,14 @@ function contributeFrontendValue(state, property, value, merge) {
 }
 function contributeVariantClauseValue(state, property, value, conditionSource, merge, originalValue) {
 	var contextOnly = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : false;
+	if (process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR === "disabled") return;
 	var condition = getCondition(state, conditionSource);
 	if (!condition) return;
 	if (condition.emit && (condition.active || false)) emitValue(state, property, value, condition, merge, originalValue, contextOnly);
 }
 function contributeStyleValue(state, property, value, merge, originalValue) {
 	var contextOnly = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
-	if (value === "safe" && isSafeAreaKey(property)) {
+	if (process.env.TAMAGUI_RUNTIME_SAFE_AREA !== "disabled" && value === "safe" && isSafeAreaKey(property)) {
 		var expanded = expandSafeAreaValue(property);
 		if (expanded) {
 			state.flatUsesSafeArea = true;
@@ -5376,7 +5380,7 @@ var getSnapshotImpl = function(r) {
 	var needsUpdate = props.passThrough ? false : optimizeForFirstRender ? true : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? true : !HasRenderedOnce.get(keys) ? true : canSkipForSchemeChange ? false : (keys === null || keys === void 0 ? void 0 : (_keys_current = keys.current) === null || _keys_current === void 0 ? void 0 : _keys_current.size) ? true : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props);
 	var [rerender, nextRaw] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
 	var next = nextRaw;
-	if (props.inlineValues && (nextRaw === null || nextRaw === void 0 ? void 0 : nextRaw.theme)) {
+	if (process.env.TAMAGUI_RUNTIME_INLINE_THEME_VALUES !== "disabled" && props.inlineValues && (nextRaw === null || nextRaw === void 0 ? void 0 : nextRaw.theme)) {
 		var _states_get;
 		var merged = getMergedInlineTheme(((_states_get = states.get(parentId)) === null || _states_get === void 0 ? void 0 : _states_get.theme) || nextRaw.theme, props.inlineValues, nextRaw.name, getConfig());
 		if (merged !== nextRaw.theme) next = _objectSpread2(_objectSpread2({}, nextRaw), {}, { theme: merged });
@@ -5526,7 +5530,7 @@ function resolveThemeName(parentName, name, reset, themes2) {
 }
 var getPropsKey = function(param) {
 	var { name, reset, forceClassName, inlineValues } = param;
-	return `${name || ""}${reset || ""}${forceClassName || ""}${inlineValues ? getInlineValuesKey(inlineValues) : ""}`;
+	return `${name || ""}${reset || ""}${forceClassName || ""}${process.env.TAMAGUI_RUNTIME_INLINE_THEME_VALUES !== "disabled" && inlineValues ? getInlineValuesKey(inlineValues) : ""}`;
 };
 var hasThemeUpdatingProps = function(props) {
 	return "name" in props || "reset" in props || "forceClassName" in props || "inlineValues" in props;
@@ -5753,7 +5757,7 @@ function getThemeProxied(_props, _state, _keys, _schemeKeys) {
 			var fastSchemeChange = getSetting("fastSchemeChange");
 			var rootMatchesSystem = doesRootSchemeMatchSystem();
 			var shouldOptimize = scheme && platform !== "web" && supportsDynamicColorIOS && !curProps.deopt && !curState.inverses && fastSchemeChange && rootMatchesSystem;
-			var inlineLayer = (_curState_theme = curState.theme) === null || _curState_theme === void 0 ? void 0 : _curState_theme[inlineLayerKey];
+			var inlineLayer = process.env.TAMAGUI_RUNTIME_INLINE_THEME_VALUES === "disabled" ? void 0 : (_curState_theme = curState.theme) === null || _curState_theme === void 0 ? void 0 : _curState_theme[inlineLayerKey];
 			var inlineOverridden = !!(inlineLayer === null || inlineLayer === void 0 ? void 0 : inlineLayer.overridden.has(key));
 			if (shouldOptimize && inlineOverridden) {
 				var pair = inlineLayer.pairs[key];
@@ -6508,7 +6512,7 @@ var propMapper = function(key, value, styleState, disabled, map) {
 		if (key in conf.shorthands) key = conf.shorthands[key];
 	}
 	var originalValue = value;
-	if (value === "safe" && isSafeAreaKey(key)) {
+	if (process.env.TAMAGUI_RUNTIME_SAFE_AREA !== "disabled" && value === "safe" && isSafeAreaKey(key)) {
 		var expanded1 = expandSafeAreaValue(key);
 		if (expanded1) {
 			for (var i = 0; i < expanded1.length; i++) {
@@ -6540,7 +6544,7 @@ var propMapper = function(key, value, styleState, disabled, map) {
 var resolveVariants = function(key, value, styleProps, styleState, parentVariantKey) {
 	var _styleState_staticConfig_variants;
 	var variantDefinition = (_styleState_staticConfig_variants = styleState.staticConfig.variants) === null || _styleState_staticConfig_variants === void 0 ? void 0 : _styleState_staticConfig_variants[key];
-	if (typeof value === "string" && value.indexOf(":") !== -1 && !(variantDefinition && (typeof variantDefinition === "undefined" ? "undefined" : _type_of$8(variantDefinition)) === "object" && value in variantDefinition)) {
+	if (process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR !== "disabled" && typeof value === "string" && value.indexOf(":") !== -1 && !(variantDefinition && (typeof variantDefinition === "undefined" ? "undefined" : _type_of$8(variantDefinition)) === "object" && value in variantDefinition)) {
 		var starts = [];
 		var ends = [];
 		var modifiers = [];
@@ -7151,7 +7155,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 				else if (animationConfig) return;
 			} else return;
 		}
-		if (isFrontendProgram(valInit)) {
+		if (process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR !== "disabled" && isFrontendProgram(valInit)) {
 			if (isValidStyleKey(valInit.property, validStyles$1, accept)) contributeFrontendProgram(styleState, valInit, mergeStyle);
 			return;
 		}
@@ -7216,7 +7220,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			}
 			var isHostStyleKey = !isHOC && isValidStyleKey(key8, validStyles$1, accept) || isAndroid && key8 === "elevation";
 			var isContextProgramKey = !isHOC && Boolean(isStyledContextProp);
-			if (conditionSource !== void 0) {
+			if (process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR !== "disabled" && conditionSource !== void 0) {
 				if (isHostStyleKey || isContextProgramKey) contributeVariantClauseValue(styleState, key8, val2, conditionSource, mergeStyle, originalVal, !isHostStyleKey);
 				else if (isHOC) {
 					var appended = appendFlatClause(viewProps[key8], conditionSource, val2);
@@ -7905,7 +7909,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 	var outputStyle = (_animationDriver_outputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : "css";
 	var curStateRef = stateRef.current;
 	if (!needsHydration && hasAnimationProp) curStateRef.hasAnimated = true;
-	var platformPseudo = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo) && hasFlatModifier(props, config, platformPseudoModifiers));
+	var platformPseudo = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo) && process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR !== "disabled" && hasFlatModifier(props, config, platformPseudoModifiers));
 	var willBeAnimatedClient = (function() {
 		return Boolean(!!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations) || curStateRef.hasAnimated);
 	})();
@@ -7916,7 +7920,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 	var presenceState = presence === null || presence === void 0 ? void 0 : presence[2];
 	var isExiting = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === false;
 	var isEntering = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false;
-	var hasEnterStyle = hasFlatModifier(props, config, enterModifier);
+	var hasEnterStyle = process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR !== "disabled" && hasFlatModifier(props, config, enterModifier);
 	var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isReactNative) || inputStyle !== "css");
 	var initialState = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName) ? hasEnterStyle || isEntering ? defaultComponentStateShouldEnter : defaultComponentState : defaultComponentStateMounted;
 	var disabled = isDisabled(props);
@@ -8031,7 +8035,8 @@ var Theme = createRefComponent(function Theme2(props, ref) {
 	if (props.disable) return props.children;
 	var { passThrough } = props;
 	var isRoot = !!props["_isRoot"];
-	var inlineValues = getInlineValuesFromProps(props, getConfig());
+	var config = getConfig();
+	var inlineValues = process.env.TAMAGUI_RUNTIME_INLINE_THEME_VALUES === "disabled" ? null : getInlineValuesFromProps(props, config);
 	var inlineCSS = null;
 	inlineCSS === null || inlineCSS === void 0 || inlineCSS.identifier;
 	var themeProps = inlineValues ? _objectSpread2(_objectSpread2({}, props), {}, {
@@ -8655,7 +8660,7 @@ function createComponent(staticConfig) {
 		}, []);
 		useIsomorphicLayoutEffect(function() {
 			var disposeSafeArea;
-			if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {
+			if (process.env.TAMAGUI_RUNTIME_SAFE_AREA !== "disabled" && (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea)) {
 				var updateSafeArea = function() {
 					setState(function(previous) {
 						return _objectSpread2({}, previous);
@@ -9591,7 +9596,7 @@ function getThemesDeduped(themes, colorTokens, variables, variablesCtx) {
 			}
 			var theme = _objectSpread2(_objectSpread2({}, colorTokens), rawTheme);
 			for (var key1 in theme) ensureThemeVariable(theme, key1);
-			if (variables && variablesCtx && !themeName.includes("_")) mergeConfigVariablesIntoTheme(theme, themeName, variables, variablesCtx.tokensParsed);
+			if (process.env.TAMAGUI_RUNTIME_INLINE_THEME_VALUES !== "disabled" && variables && variablesCtx && !themeName.includes("_")) mergeConfigVariablesIntoTheme(theme, themeName, variables, variablesCtx.tokensParsed);
 			var deduped = {
 				names: [themeName],
 				theme
@@ -9710,7 +9715,7 @@ function mergeStyleBranch(parentBranch, ourBranch) {
 		if (key in ourBranch) continue;
 		out[key] = parentBranch[key];
 	}
-	for (var key1 in ourBranch) out[key1] = key1 in parentBranch ? mergeFlatValues(parentBranch[key1], ourBranch[key1]) : ourBranch[key1];
+	for (var key1 in ourBranch) out[key1] = key1 in parentBranch ? process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR === "disabled" ? ourBranch[key1] : mergeFlatValues(parentBranch[key1], ourBranch[key1]) : ourBranch[key1];
 	return out;
 }
 var mergeVariants = function(parentVariants, ourVariants) {
@@ -9943,7 +9948,7 @@ function usePropsAndStyle(props, opts) {
 	var { mediaGroups, pseudoGroups } = splitStyles || {};
 	useIsomorphicLayoutEffect(function() {
 		var disposeSafeArea;
-		if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {
+		if (process.env.TAMAGUI_RUNTIME_SAFE_AREA !== "disabled" && (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea)) {
 			var updateSafeArea = function() {
 				setState(function(previous) {
 					return _objectSpread2({}, previous);
@@ -11897,8 +11902,7 @@ function cleanupNode(node) {
 	LayoutDisableKey.delete(node);
 	NodeRectCache.delete(node);
 }
-//#endregion
-//#region ../web/dist/esm/internal-runtime.native.js
+process.env.TAMAGUI_RUNTIME_STYLE_VALUE_GRAMMAR;
 var createTamagui$1 = createTamagui$2;
 var setupHooks$1 = setupHooks;
 var TamaguiProvider$1 = TamaguiProvider$2;

package/package.json

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