@tamagui/core 3.0.18 → 3.1.0

package/dist/native.cjs

@@ -13731,7 +13731,7 @@ var init_mediaState_native = __esmMin((() => {
 //#endregion
 //#region ../web/dist/esm/helpers/matchMedia.native.js
 function matchMediaFallback(query) {
-	if (!process.env.IS_STATIC && false);
+	if (!process.env.IS_STATIC && !isProd$2 && false);
 	return {
 		match: function match(a, b) {
 			return false;
@@ -13745,8 +13745,9 @@ function setupMatchMedia(_) {
 	matchMediaImpl = _;
 	globalThis["matchMedia"] = _;
 }
-var matchMediaImpl, matchMedia;
+var isProd$2, matchMediaImpl, matchMedia;
 var init_matchMedia_native = __esmMin((() => {
+	isProd$2 = true;
 	matchMediaImpl = matchMediaFallback;
 	matchMedia = function matchMedia2() {
 		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
@@ -20445,7 +20446,7 @@ function buildCSSRuleSets(declarations, fontDeclarations) {
 			return `:root${arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ""}${sep}{${sep}${[...decs].join(`;${sep}`)}${developmentWhitespace ? "\n" : ""}}`;
 		};
 		var cssRuleSets = [];
-		var developmentWhitespace = false;
+		var developmentWhitespace = !isProd$1 && false;
 		var sep = developmentWhitespace ? " " : "";
 		if (declarations.length) cssRuleSets.push(declarationsToRuleSet2(declarations));
 		var fontSelectors = [];
@@ -20491,10 +20492,12 @@ function getCSS(themeConfig) {
 	if (!process.env.TAMAGUI_DID_OUTPUT_CSS && false);
 	return "";
 }
+var isProd$1;
 var init_createDesignSystem_native = __esmMin((() => {
 	init_index_native$6();
 	init_registerCSSVariable_native();
 	init_getThemeCSSRules_native();
+	isProd$1 = true;
 }));
 //#endregion
 //#region ../web/dist/esm/helpers/proxyThemeToParents.native.js
@@ -23150,12 +23153,12 @@ function TamaguiProvider$2(param) {
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		!process.env.TAMAGUI_DID_OUTPUT_CSS && false,
-		false,
+		!isProd && false,
 		hasSafeAreaTracker() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SafeAreaTracker, {}),
 		contents
 	] });
 }
-var _cachedFirstKey, _cachedConfig;
+var isProd, _cachedFirstKey, _cachedConfig;
 var init_TamaguiProvider_native = __esmMin((() => {
 	init_index_native$6();
 	init_index_native$2();
@@ -23166,6 +23169,7 @@ var init_TamaguiProvider_native = __esmMin((() => {
 	init_SafeAreaTracker_native();
 	init_TamaguiRoot_native();
 	init_ThemeProvider_native();
+	isProd = true;
 }));
 //#endregion
 //#region ../use-event/dist/esm/useGet.native.js

package/dist/test.native.cjs

@@ -368,9 +368,7 @@ function setupPlatformDriver(driver) {
 function getPlatformDriver() {
 	return platformDriver;
 }
-//#endregion
-//#region ../web/dist/esm/constants/constants.native.js
-var MISSING_THEME_MESSAGE = globalThis.process.env.NODE_ENV === "development" ? `Can't find Tamagui configuration.
+var MISSING_THEME_MESSAGE = !(globalThis.process.env.NODE_ENV === "production") && globalThis.process.env.NODE_ENV === "development" ? `Can't find Tamagui configuration.
     
 Most of the time this is due to having mis-matched versions of Tamagui dependencies, or bundlers somehow duplicating them.
 First step is to ensure every "tamagui" and "@tamagui/*" dependency is on the same version, we have a CLI tool to help: 
@@ -379,11 +377,12 @@ First step is to ensure every "tamagui" and "@tamagui/*" dependency is on the sa
 ` : `Missing theme.`;
 //#endregion
 //#region ../web/dist/esm/helpers/formatDiagnostic.native.js
+var isProd$29 = globalThis.process.env.NODE_ENV === "production";
 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, 159)}\u2026` : value;
+		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);
@@ -418,9 +417,9 @@ function formatDiagnosticValue(value) {
 	return `{ ${items1.join(", ")} }`;
 }
 function formatDiagnostic(code, component, message, action, prop, received) {
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$29 && globalThis.process.env.NODE_ENV === "development") {
 		var formattedValue = prop ? formatDiagnosticValue(received) : "";
-		var boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, 159)}\u2026` : formattedValue;
+		var boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\u2026` : formattedValue;
 		return `${code} ${component}: ${message}.${prop ? ` Received ${prop}=${boundedValue}.` : ""} ${action}`;
 	}
 	return `${code}: ${message}`;
@@ -2151,6 +2150,7 @@ var _;
 var NativeMenuContext = (_ = (_g = globalThis)[_KEY = "__tamagui_native_menu_context__"]) !== null && _ !== void 0 ? _ : _g[_KEY] = (0, react.createContext)(false);
 //#endregion
 //#region ../web/dist/esm/helpers/resolveSafeAreaVariable.native.js
+var isProd$28 = globalThis.process.env.NODE_ENV === "production";
 var didWarnMissingSetup = false;
 function resolveSafeAreaVariable(name) {
 	var _ref;
@@ -2159,7 +2159,7 @@ function resolveSafeAreaVariable(name) {
 	if (edge !== "top" && edge !== "right" && edge !== "bottom" && edge !== "left") return;
 	var state = getSafeArea().state;
 	if (!state.didSetup) {
-		if (globalThis.process.env.NODE_ENV !== "production" && !didWarnMissingSetup) {
+		if (!isProd$28 && globalThis.process.env.NODE_ENV !== "production" && !didWarnMissingSetup) {
 			didWarnMissingSetup = true;
 			console.warn("[tamagui] safe-area variables on native require importing @tamagui/native/setup-safe-area and wrapping the app in the SafeAreaProvider from react-native-safe-area-context.");
 		}
@@ -2176,11 +2176,12 @@ var stylePieceSymbol = /* @__PURE__ */ Symbol.for("tamagui.stylePiece");
 var styledDynamicSymbol = /* @__PURE__ */ Symbol.for("tamagui.styledDynamic");
 //#endregion
 //#region ../web/dist/esm/helpers/warnOnce.native.js
+var isProd$27 = globalThis.process.env.NODE_ENV === "production";
 var warnLimit = 500;
-var warned = globalThis.process.env.NODE_ENV !== "production" ? /* @__PURE__ */ new Set() : null;
+var warned = !isProd$27 && globalThis.process.env.NODE_ENV !== "production" ? /* @__PURE__ */ new Set() : null;
 function warnOnce(key) {
 	var message = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : key;
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$27 && globalThis.process.env.NODE_ENV === "development") {
 		var _ref;
 		if ((warned === null || warned === void 0 ? void 0 : warned.has(key)) || ((_ref = warned === null || warned === void 0 ? void 0 : warned.size) !== null && _ref !== void 0 ? _ref : 0) >= warnLimit) return;
 		warned === null || warned === void 0 || warned.add(key);
@@ -2192,6 +2193,7 @@ function warnRefusedValue(property, value, reason) {
 }
 //#endregion
 //#region ../web/dist/esm/style.native.js
+var isProd$26 = globalThis.process.env.NODE_ENV === "production";
 var compileStylePiece;
 var resolveStylePiece$1;
 var uncacheablePieces = /* @__PURE__ */ new WeakSet();
@@ -2229,7 +2231,7 @@ function createStylePiece(definition) {
 	return piece;
 }
 function style(definition) {
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$26 && globalThis.process.env.NODE_ENV === "development") {
 		var _internals_A_getOwner, _internals_A;
 		var internals = react.default.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
 		if (internals === null || internals === void 0 ? void 0 : (_internals_A = internals.A) === null || _internals_A === void 0 ? void 0 : (_internals_A_getOwner = _internals_A.getOwner) === null || _internals_A_getOwner === void 0 ? void 0 : _internals_A_getOwner.call(_internals_A)) warnOnce("[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.");
@@ -2545,15 +2547,16 @@ function getConfigRevisionState(config) {
 }
 //#endregion
 //#region ../web/dist/esm/config.native.js
+var isProd$25 = globalThis.process.env.NODE_ENV === "production";
 var conf;
 var setConfigCalledByThisInstance = false;
-var haventCalledErrorMessage = globalThis.process.env.NODE_ENV === "development" ? `
+var haventCalledErrorMessage = !isProd$25 && globalThis.process.env.NODE_ENV === "development" ? `
 Haven't called createTamagui yet. ${MISSING_THEME_MESSAGE}
 ` : `\u274C Error 001`;
 var getConfigFromGlobalOrLocal = function getConfigFromGlobalOrLocal2() {
 	if (conf) return conf;
 	if (globalThis.__tamaguiConfig) {
-		if (globalThis.process.env.NODE_ENV === "development" && globalThis.__tamaguiEvaluationConfig !== globalThis.__tamaguiConfig && !globalThis.__tamaguiHasWarnedGlobalFallback && !globalThis.__tamaguiPendingCheck) {
+		if (!isProd$25 && globalThis.process.env.NODE_ENV === "development" && globalThis.__tamaguiEvaluationConfig !== globalThis.__tamaguiConfig && !globalThis.__tamaguiHasWarnedGlobalFallback && !globalThis.__tamaguiPendingCheck) {
 			globalThis.__tamaguiPendingCheck = true;
 			setTimeout(function() {
 				if (!setConfigCalledByThisInstance && !globalThis.__tamaguiHasWarnedGlobalFallback) {
@@ -2573,7 +2576,7 @@ Tamagui: Using global config fallback. This may indicate duplicate tamagui insta
 };
 var getSetting = function getSetting2(key) {
 	var config = getConfigFromGlobalOrLocal();
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$25 && globalThis.process.env.NODE_ENV === "development") {
 		if (!config) throw new Error(haventCalledErrorMessage);
 	}
 	return config.settings[key];
@@ -2595,7 +2598,7 @@ var setConfig = function setConfig2(next) {
 };
 var setConfigFont = function setConfigFont2(name, font, fontParsed) {
 	var config = getConfigFromGlobalOrLocal();
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$25 && globalThis.process.env.NODE_ENV === "development") {
 		if (!config) throw new Error(haventCalledErrorMessage);
 	}
 	config.fonts[name] = font;
@@ -2620,7 +2623,7 @@ var getTokensParsed = function getTokensParsed2() {
 	return (_ref = (_getConfigFromGlobalOrLocal = getConfigFromGlobalOrLocal()) === null || _getConfigFromGlobalOrLocal === void 0 ? void 0 : _getConfigFromGlobalOrLocal.tokensParsed) !== null && _ref !== void 0 ? _ref : tokens;
 };
 var getTokens = function getTokens2() {
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$25 && globalThis.process.env.NODE_ENV === "development") {
 		if (!getConfigFromGlobalOrLocal()) throw new Error(haventCalledErrorMessage);
 	}
 	return getTokensParsed();
@@ -2661,12 +2664,12 @@ var getFont = function getFont2(name) {
 	})) === null || _Object_entries_find === void 0 ? void 0 : _Object_entries_find[1];
 };
 function setupDev(conf2) {
-	if (globalThis.process.env.NODE_ENV === "development");
+	if (!isProd$25 && globalThis.process.env.NODE_ENV === "development");
 }
 function loadAnimationDriver(name, driver) {
 	var config = getConfigFromGlobalOrLocal();
 	if (!config) {
-		if (globalThis.process.env.NODE_ENV === "development") console.warn("loadAnimationDriver called before createTamagui");
+		if (!isProd$25 && globalThis.process.env.NODE_ENV === "development") console.warn("loadAnimationDriver called before createTamagui");
 		return;
 	}
 	if (config.animations && !("default" in config.animations)) config.animations = { default: config.animations };
@@ -2678,6 +2681,7 @@ function loadAnimationDriver(name, driver) {
 }
 //#endregion
 //#region ../web/dist/esm/createVariable.native.js
+var isProd$24 = globalThis.process.env.NODE_ENV === "production";
 function constructCSSVariableName(name) {
 	return `var(--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${name})`;
 }
@@ -2738,7 +2742,7 @@ function getVariableValue(v, group) {
 }
 var createCSSVariable = function createCSSVariable2(nameProp) {
 	var includeVar = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$24 && globalThis.process.env.NODE_ENV === "development") {
 		if (!nameProp || typeof nameProp !== "string") throw new Error(`createCSSVariable expected string, got: ${nameProp}`);
 	}
 	var name = simpleHash(nameProp, 60);
@@ -2778,13 +2782,14 @@ function mediaKeyMatch(key, dimensions) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/matchMedia.native.js
+var isProd$23 = globalThis.process.env.NODE_ENV === "production";
 var matchMediaImpl = matchMediaFallback;
 var matchMedia = function matchMedia2() {
 	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
 	return matchMediaImpl(...args);
 };
 function matchMediaFallback(query) {
-	if (!process.env.IS_STATIC && globalThis.process.env.NODE_ENV === "development") {
+	if (!process.env.IS_STATIC && !isProd$23 && globalThis.process.env.NODE_ENV === "development") {
 		var keys = Object.keys(mediaQueryConfig).filter(function(key) {
 			return mediaObjectToString(mediaQueryConfig[key]) === query;
 		});
@@ -2803,7 +2808,7 @@ function matchMediaFallback(query) {
 	};
 }
 function setupMatchMedia(_) {
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$23 && globalThis.process.env.NODE_ENV === "development") {
 		if (typeof _ !== "function") {
 			if (!process.env.IS_STATIC) console.trace(`setupMatchMedia was called without a function, this can cause issues on native`, _);
 		}
@@ -2811,6 +2816,9 @@ function setupMatchMedia(_) {
 	matchMediaImpl = _;
 	globalThis["matchMedia"] = _;
 }
+//#endregion
+//#region ../web/dist/esm/hooks/useMedia.native.js
+var isProd$22 = globalThis.process.env.NODE_ENV === "production";
 var dispose = /* @__PURE__ */ new Set();
 var mediaVersion = 0;
 var configureMedia = function configureMedia2(config) {
@@ -2842,7 +2850,7 @@ function setupMediaListeners() {
 			return matchMedia(str);
 		};
 		var match = getMatch();
-		if (!match) throw new Error(globalThis.process.env.NODE_ENV !== "production" ? formatDiagnostic("TAMAGUI_MEDIA_MATCH", "useMedia", "matchMedia returned no MediaQueryList", "Provide a matchMedia implementation that returns a MediaQueryList", "key,query,platform", {
+		if (!match) throw new Error(!isProd$22 && globalThis.process.env.NODE_ENV !== "production" ? formatDiagnostic("TAMAGUI_MEDIA_MATCH", "useMedia", "matchMedia returned no MediaQueryList", "Provide a matchMedia implementation that returns a MediaQueryList", "key,query,platform", {
 			key: key2,
 			query: str,
 			platform: "native"
@@ -3113,7 +3121,7 @@ function useMedia(emitter, debug, uid) {
 					for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
 						var key = _step.value;
 						if (ms[key] !== (r.pendingState || lastState)[key]) {
-							if (globalThis.process.env.NODE_ENV === "development" && r.debug) console.warn(`useMedia() \u270D\uFE0F`, key, lastState[key], "=>", ms[key]);
+							if (!isProd$22 && globalThis.process.env.NODE_ENV === "development" && r.debug) console.warn(`useMedia() \u270D\uFE0F`, key, lastState[key], "=>", ms[key]);
 							changed = true;
 							break;
 						}
@@ -3280,6 +3288,7 @@ function ensureThemeVariable(theme, key) {
 }
 //#endregion
 //#region ../web/dist/esm/hooks/useThemeState.native.js
+var isProd$21 = globalThis.process.env.NODE_ENV === "production";
 var ThemeStateContext = (0, react.createContext)("");
 var allListeners = /* @__PURE__ */ new Map();
 var listenersByParent = {};
@@ -3349,7 +3358,7 @@ var useThemeState = function useThemeState2(props) {
 	var _props__themeUpdate;
 	var { disable } = props;
 	var parentId = (0, react.useContext)(ThemeStateContext);
-	if (!parentId && !isRoot) throw new Error(globalThis.process.env.NODE_ENV === "development" ? `${MISSING_THEME_MESSAGE}
+	if (!parentId && !isRoot) throw new Error(!isProd$21 && globalThis.process.env.NODE_ENV === "development" ? `${MISSING_THEME_MESSAGE}
 
 Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme context was found (parentId: ${parentId}).` : MISSING_THEME_MESSAGE);
 	if (disable) return states.get(parentId) || {
@@ -3616,6 +3625,7 @@ function doesRootSchemeMatchSystem() {
 }
 //#endregion
 //#region ../web/dist/esm/hooks/getThemeProxied.native.js
+var isProd$20 = globalThis.process.env.NODE_ENV === "production";
 var trackingCache = /* @__PURE__ */ new WeakMap();
 var untrackedCache = /* @__PURE__ */ new WeakMap();
 var curKeys;
@@ -3632,7 +3642,7 @@ function track(key) {
 		if (!curSchemeKeys.current) curSchemeKeys.current = /* @__PURE__ */ new Set();
 		curSchemeKeys.current.add(key);
 	}
-	if (globalThis.process.env.NODE_ENV === "development" && curProps.debug) console.info(` \u{1F3A8} useTheme() tracking key: ${key} schemeOptimized=${schemeOptimized}`);
+	if (!isProd$20 && globalThis.process.env.NODE_ENV === "development" && curProps.debug) console.info(` \u{1F3A8} useTheme() tracking key: ${key} schemeOptimized=${schemeOptimized}`);
 }
 function getThemeProxied(_props, _state, _keys, _schemeKeys) {
 	var optimizeForFirstRender = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false;
@@ -3656,7 +3666,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;
-			if (globalThis.process.env.NODE_ENV === "development" && curProps.debug === "verbose") console.info(` \u{1F3A8} useTheme().get(${key}) theme=${name} scheme=${scheme}`, `
+			if (!isProd$20 && globalThis.process.env.NODE_ENV === "development" && curProps.debug === "verbose") console.info(` \u{1F3A8} useTheme().get(${key}) theme=${name} scheme=${scheme}`, `
    shouldOptimize=${shouldOptimize} (dynamicColorIOS=${supportsDynamicColorIOS} deopt=${curProps.deopt} inverses=${curState.inverses} fastScheme=${fastSchemeChange} rootMatch=${rootMatchesSystem})`);
 			var inlineLayer = (_curState_theme = curState.theme) === null || _curState_theme === void 0 ? void 0 : _curState_theme[themeUpdateStateKey];
 			var inlineOverridden = !!(inlineLayer === null || inlineLayer === void 0 ? void 0 : inlineLayer.overridden.has(key));
@@ -3677,7 +3687,7 @@ function getThemeProxied(_props, _state, _keys, _schemeKeys) {
 				var oppositeName = name.replace(scheme, oppositeScheme);
 				var color = getVariable((_config_themes_name = config.themes[name]) === null || _config_themes_name === void 0 ? void 0 : _config_themes_name[key]);
 				var oppositeColor = getVariable((_config_themes_oppositeName = config.themes[oppositeName]) === null || _config_themes_oppositeName === void 0 ? void 0 : _config_themes_oppositeName[key]);
-				if (globalThis.process.env.NODE_ENV === "development" && curProps.debug === "verbose") console.info(` \u{1F3A8} useTheme().get(${key}) using DynamicColorIOS`, `
+				if (!isProd$20 && globalThis.process.env.NODE_ENV === "development" && curProps.debug === "verbose") console.info(` \u{1F3A8} useTheme().get(${key}) using DynamicColorIOS`, `
    color=${color} oppositeColor=${oppositeColor}`);
 				var dynamicVal = getDynamicVal({
 					scheme,
@@ -3687,7 +3697,7 @@ function getThemeProxied(_props, _state, _keys, _schemeKeys) {
 				if (!optimizeForFirstRender) track(key, true);
 				return dynamicVal;
 			}
-			if (globalThis.process.env.NODE_ENV === "development" && curProps.debug) console.info(` \u{1F3A8} useTheme().get(${key}) tracking key (not optimizing)`, `
+			if (!isProd$20 && globalThis.process.env.NODE_ENV === "development" && curProps.debug) console.info(` \u{1F3A8} useTheme().get(${key}) tracking key (not optimizing)`, `
    platform=${platform} dynamicColorIOS=${supportsDynamicColorIOS} deopt=${curProps.deopt} fastScheme=${fastSchemeChange}`);
 			if (!optimizeForFirstRender) track(key, false);
 			return outVal;
@@ -3708,6 +3718,7 @@ function getThemeProxied(_props, _state, _keys, _schemeKeys) {
 }
 //#endregion
 //#region ../web/dist/esm/hooks/useTheme.native.js
+var isProd$19 = globalThis.process.env.NODE_ENV === "production";
 var EMPTY = {};
 var useTheme = function useTheme2() {
 	"use no memo";
@@ -3725,7 +3736,7 @@ var useThemeWithState = function useThemeWithState2(props) {
 	};
 	var { keys, schemeKeys, optimizeForFirstRender } = bag.current;
 	var themeState = useThemeState(props, isRoot, keys, schemeKeys, forThemeView, optimizeForFirstRender);
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$19 && globalThis.process.env.NODE_ENV === "development") {
 		if (!props.passThrough && !(themeState === null || themeState === void 0 ? void 0 : themeState.theme)) {
 			if (process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1") console.error(`[tamagui] No theme found, this could be due to an invalid theme name (given theme name ${JSON.stringify(props.name)}).
 
@@ -3738,6 +3749,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
 //#region ../web/dist/esm/_withStableStyle.native.js
 var _excluded$8 = ["ref"];
 var _excluded2$4 = ["_expressions"];
+var isProd$18 = globalThis.process.env.NODE_ENV === "production";
 var EMPTY_EXPRESSIONS = [];
 var EMPTY_THEME = {};
 var FALLBACK_THEME_CACHE = /* @__PURE__ */ new WeakMap();
@@ -3772,7 +3784,7 @@ var _withStableStyle = function _withStableStyle2(Component, createStyle, hasThe
 				resolvedTheme = gettableTheme;
 				break;
 			}
-			if (globalThis.process.env.NODE_ENV === "development") console.warn("[@tamagui] _withStableStyle: no ThemeStateContext found. This usually means duplicate tamagui instances in a monorepo. Falling back to default theme from config.");
+			if (!isProd$18 && globalThis.process.env.NODE_ENV === "development") console.warn("[@tamagui] _withStableStyle: no ThemeStateContext found. This usually means duplicate tamagui instances in a monorepo. Falling back to default theme from config.");
 		}
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, _objectSpread2({
 			ref,
@@ -4287,8 +4299,9 @@ function mayRenderText(children) {
 }
 //#endregion
 //#region ../web/dist/esm/constants/isDevTools.native.js
+var isProd$17 = globalThis.process.env.NODE_ENV === "production";
 var isDevTools = (function() {
-	if (globalThis.process.env.NODE_ENV === "development") try {
+	if (!isProd$17 && globalThis.process.env.NODE_ENV === "development") try {
 		return new Function("try {return this===window;}catch(e){ return false;}")();
 	} catch (unused) {}
 	return false;
@@ -5144,6 +5157,7 @@ function mergeFrontendCondition(previous, value, condition) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/resolveSizing.native.js
+var isProd$16 = globalThis.process.env.NODE_ENV === "production";
 var defaultSizing = {
 	default: "md",
 	sizes: {
@@ -5224,7 +5238,7 @@ function resolveSizing(size, env) {
 		paddingBlock: toPx$1(getVariableValue(tokens === null || tokens === void 0 ? void 0 : (_tokens_space = tokens.space) === null || _tokens_space === void 0 ? void 0 : _tokens_space[rung.paddingBlock]))
 	};
 	if (!Object.values(px).every(Number.isFinite)) {
-		if (globalThis.process.env.NODE_ENV === "development") console.warn(`[tamagui] size "${name}" references a missing token (fontSize "${rung.fontSize}", controlFontSize "${rung.controlFontSize}", paddingBlock "${rung.paddingBlock}"); resolving to no styles`);
+		if (!isProd$16 && globalThis.process.env.NODE_ENV === "development") console.warn(`[tamagui] size "${name}" references a missing token (fontSize "${rung.fontSize}", controlFontSize "${rung.controlFontSize}", paddingBlock "${rung.paddingBlock}"); resolving to no styles`);
 		return;
 	}
 	return _objectSpread2(_objectSpread2({ name }, keys), {}, {
@@ -5235,6 +5249,7 @@ function resolveSizing(size, env) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/styledDynamic.native.js
+var isProd$15 = globalThis.process.env.NODE_ENV === "production";
 function getFontsForLanguage(fonts, language) {
 	var next = _objectSpread2({}, fonts);
 	for (var name in language) {
@@ -5344,7 +5359,7 @@ function validateDynamicShape(fn) {
 }
 function styledDynamic(fn) {
 	if (!fn) return bareStyledDynamic;
-	if (globalThis.process.env.NODE_ENV === "development") validateDynamicShape(fn);
+	if (!isProd$15 && globalThis.process.env.NODE_ENV === "development") validateDynamicShape(fn);
 	fn[styledDynamicSymbol] = true;
 	return fn;
 }
@@ -5377,6 +5392,7 @@ function getDynamicEnv(styleState) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/insertStyleRule.native.js
+var isProd$14 = globalThis.process.env.NODE_ENV === "production";
 var totalSelectorsInserted = /* @__PURE__ */ new Map();
 var allSelectors = {};
 var allRules = {};
@@ -5405,7 +5421,7 @@ function scanAllSheets() {
 	var collectThemes = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
 	arguments.length > 1 && arguments[1];
 	if (process.env.TAMAGUI_RUNTIME !== "island" || collectThemes) {
-		if (globalThis.process.env.NODE_ENV === "test") return;
+		if (!isProd$14 && globalThis.process.env.NODE_ENV === "test") return;
 		return;
 	}
 }
@@ -5480,7 +5496,7 @@ function insertStyleRules(rulesToInsert) {
 				}
 			}
 		} catch (err) {
-			if (globalThis.process.env.NODE_ENV === "development") {
+			if (!isProd$14 && globalThis.process.env.NODE_ENV === "development") {
 				var _sheet_constructor;
 				var rule1 = rules[0] || "";
 				var selectorEnd = rule1.indexOf("{");
@@ -5498,16 +5514,17 @@ var maxToInsert = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAG
 function shouldInsertStyleRules(identifier) {
 	if (process.env.IS_STATIC === "is_static") return true;
 	var total = totalSelectorsInserted.get(identifier) || 0;
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$14 && globalThis.process.env.NODE_ENV === "development") {
 		if (total > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 10)) console.warn(`Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher`);
 	}
 	return total < maxToInsert;
 }
 //#endregion
 //#region ../web/dist/esm/helpers/log.native.js
+var isProd$13 = globalThis.process.env.NODE_ENV === "production";
 function log() {
 	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$13 && globalThis.process.env.NODE_ENV === "development") {
 		_disableMediaTouch(true);
 		try {
 			return console.log(...args);
@@ -5985,6 +6002,9 @@ var webPropsToSkip = _objectSpread2(_objectSpread2(_objectSpread2({}, _objectWit
 	htmlFor: 1,
 	dangerouslySetInnerHTML: 1
 });
+//#endregion
+//#region ../web/dist/esm/helpers/skipProps.native.js
+var isProd$12 = globalThis.process.env.NODE_ENV === "production";
 var skipProps = {
 	untilMeasured: 1,
 	transition: 1,
@@ -6002,8 +6022,8 @@ var skipProps = {
 	container: 1,
 	animatePresence: 1
 };
-if (globalThis.process.env.NODE_ENV === "test") skipProps["data-test-renders"] = 1;
-if (globalThis.process.env.NODE_ENV === "development") skipProps["__tamaguiStyleDebugReceipt"] = 1;
+if (!isProd$12 && globalThis.process.env.NODE_ENV === "test") skipProps["data-test-renders"] = 1;
+if (!isProd$12 && globalThis.process.env.NODE_ENV === "development") skipProps["__tamaguiStyleDebugReceipt"] = 1;
 Object.assign(skipProps, webPropsToSkip);
 //#endregion
 //#region ../web/dist/esm/helpers/styleOriginalValues.native.js
@@ -6060,7 +6080,8 @@ function transformsToString(transforms) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/getSplitStyles.native.js
-var shouldTrackStyleTokenProvenance = globalThis.process.env.NODE_ENV === "development" && process.env.TAMAGUI_ENABLE_STYLE_TOKEN_PROVENANCE === "1";
+var isProd$11 = globalThis.process.env.NODE_ENV === "production";
+var shouldTrackStyleTokenProvenance = !isProd$11 && globalThis.process.env.NODE_ENV === "development" && process.env.TAMAGUI_ENABLE_STYLE_TOKEN_PROVENANCE === "1";
 var conditionValue = 0;
 var conditionPlatform = 1;
 var conditionKey = 2;
@@ -6096,7 +6117,7 @@ function setConditionUnresolved(condition) {
 	var name = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
 	var _condition;
 	condition[conditionValue] &= ~conditionResolvedFlag;
-	if (globalThis.process.env.NODE_ENV !== "production") (_condition = condition).problem || (_condition.problem = name);
+	if (!isProd$11 && globalThis.process.env.NODE_ENV !== "production") (_condition = condition).problem || (_condition.problem = name);
 }
 function appendConditionWrapper(condition, wrapper) {
 	var wrappers = condition[conditionWrappers];
@@ -6156,7 +6177,7 @@ function resolveConditionModifier(state, condition, authored) {
 		}
 		var component = (_state_componentState_group = state.componentState.group) === null || _state_componentState_group === void 0 ? void 0 : _state_componentState_group[groupName];
 		var context = (_state_flatGroupContext = state.flatGroupContext) === null || _state_flatGroupContext === void 0 ? void 0 : _state_flatGroupContext[groupName];
-		if (globalThis.process.env.NODE_ENV === "development" && containerName && !component && !context && ((_state_flatGroupContext1 = state.flatGroupContext) === null || _state_flatGroupContext1 === void 0 ? void 0 : _state_flatGroupContext1[containerName])) warnOnce(`group-container:${containerName}`, `@${size}/${containerName}: targets group="${containerName}", but groups no longer establish query containers. Add container="${containerName}" to that group.`);
+		if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && containerName && !component && !context && ((_state_flatGroupContext1 = state.flatGroupContext) === null || _state_flatGroupContext1 === void 0 ? void 0 : _state_flatGroupContext1[containerName])) warnOnce(`group-container:${containerName}`, `@${size}/${containerName}: targets group="${containerName}", but groups no longer establish query containers. Add container="${containerName}" to that group.`);
 		var match = component === null || component === void 0 ? void 0 : (_component_media = component.media) === null || _component_media === void 0 ? void 0 : _component_media[size];
 		if (!(match !== null && match !== void 0 ? match : (context === null || context === void 0 ? void 0 : context.state.layout) && mediaKeyMatch(size, context.state.layout))) condition[conditionValue] &= -2;
 		((_state1 = state).flatGroupKeys || (_state1.flatGroupKeys = /* @__PURE__ */ new Set())).add(groupName);
@@ -6207,7 +6228,7 @@ function commitCondition(condition) {
 	var ranks = condition[conditionRanks];
 	var depth = ranks.length;
 	if (depth > 5) {
-		if (globalThis.process.env.NODE_ENV !== "production") throw new Error(`a flat value clause supports at most 5 non-platform conditions; received ${depth} in "${condition[conditionKey]}:"`);
+		if (!isProd$11 && globalThis.process.env.NODE_ENV !== "production") throw new Error(`a flat value clause supports at most 5 non-platform conditions; received ${depth} in "${condition[conditionKey]}:"`);
 		return 0;
 	}
 	var precedence = condition[conditionPlatform] * 6 + depth;
@@ -6325,8 +6346,8 @@ function contributeProp(pass, keyOg, valOg) {
 	}
 	if (keyInit === "ref") return;
 	if (keyInit[0] === "d" && keyInit.startsWith("data-")) return;
-	if (globalThis.process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`before-prop-${keyInit}`;
-	if (globalThis.process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle") return;
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`before-prop-${keyInit}`;
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle") return;
 	if (!disableExpandShorthands) {
 		if (keyInit in shorthands) keyInit = shorthands[keyInit];
 	}
@@ -6349,7 +6370,7 @@ function contributeProp(pass, keyOg, valOg) {
 				}
 				if (condition2 !== void 0) {
 					if (isValidStyleKey(property3, validStyles)) contributeValue(styleState, property3, entry2[1], void 0, false, condition2);
-					else if (globalThis.process.env.NODE_ENV === "development") console.warn(`[tamagui] "${property3}" is not a valid style on this component; the frontend value is dropped.`);
+					else if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") console.warn(`[tamagui] "${property3}" is not a valid style on this component; the frontend value is dropped.`);
 					return;
 				}
 				if (property3 === "group") pass[passFrontendGroup] = entry2[1];
@@ -6367,7 +6388,7 @@ function contributeProp(pass, keyOg, valOg) {
 				var candidate = valInit.slice(start, index);
 				var preserveRaw = resolveClassName ? resolveClassName(candidate, conf, sink) : true;
 				if (preserveRaw === null) {
-					if (globalThis.process.env.NODE_ENV === "development") warnOnce(`[tamagui] frontend candidate "${candidate}" is unavailable on this platform and was dropped.`);
+					if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") warnOnce(`[tamagui] frontend candidate "${candidate}" is unavailable on this platform and was dropped.`);
 				} else if (preserveRaw) {
 					pass[passClassName] = pass[passClassName] ? `${pass[passClassName]} ${candidate}` : candidate;
 					if (resolveClassName) {
@@ -6498,7 +6519,7 @@ function contributeProp(pass, keyOg, valOg) {
 		var defaultVal = (_defaultProps_keyOg = defaultProps[keyOg]) !== null && _defaultProps_keyOg !== void 0 ? _defaultProps_keyOg : defaultProps[keyInit];
 		if (defaultVal !== void 0 && valInit === defaultVal) return;
 	}
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") {
 		if (!isValidStyleKey(keyInit, validStyles) && (keyInit === "animation" || !(keyInit in stylePropsAll)) && (!variants || !(keyInit in variants))) {
 			var replacement;
 			if (keyInit === "animation") replacement = "transition=";
@@ -6530,7 +6551,7 @@ function contributeProp(pass, keyOg, valOg) {
 		} else if (keyInit.startsWith("data-")) return;
 	}
 	if (pass[passVariantOutput] && !isValidStyleKeyInit && !keyInit.startsWith("aria-") && !(keyInit in stylePropsAll) && !(keyInit in skipProps) && !(variants && keyInit in variants) && !(parentVariants && keyInit in parentVariants) && !(styledContextKeys === null || styledContextKeys === void 0 ? void 0 : styledContextKeys.has(keyInit)) && !(styledContext && keyInit in styledContext)) {
-		if (globalThis.process.env.NODE_ENV === "development") warnOnce(`variant-non-style:${keyInit}`, `a variant set "${keyInit}", which is not a style. Variants hold styles and aria/data attributes only: set "${keyInit}" on the component one level up.`);
+		if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") warnOnce(`variant-non-style:${keyInit}`, `a variant set "${keyInit}", which is not a style. Variants hold styles and aria/data attributes only: set "${keyInit}" on the component one level up.`);
 		return;
 	}
 	var isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
@@ -6539,7 +6560,7 @@ function contributeProp(pass, keyOg, valOg) {
 	var shouldPassProp = !isStyleProp && isHOC || isHOC && keyInit === "disabled" || parentVariants && keyInit in parentVariants || (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(keyInit));
 	var isHOCShouldPassThrough = isHOC && keyInit in skipProps;
 	var shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-	if (globalThis.process.env.NODE_ENV === "development" && debug === "verbose") {
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && debug === "verbose") {
 		console.groupCollapsed(`  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`);
 		log({
 			isVariant,
@@ -6557,13 +6578,13 @@ function contributeProp(pass, keyOg, valOg) {
 	if (shouldPassThrough) {
 		if (keyInit in viewProps) delete viewProps[keyInit];
 		viewProps[keyInit] = valInit;
-		if (globalThis.process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
+		if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
 		if (!isVariant) return;
 	}
 	if (!isNativeInputColor && shouldCheckSkipProps && !(neverSkipProps === null || neverSkipProps === void 0 ? void 0 : neverSkipProps[keyInit])) {
 		var _getTransitionResolver;
 		if (keyInit in skipProps && !(keyInit === "transition" && typeof valInit === "string" && !((_getTransitionResolver = getTransitionResolver()) === null || _getTransitionResolver === void 0 ? void 0 : _getTransitionResolver.resolve(valInit, { animations: driverAnimations }).fused))) {
-			if (globalThis.process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
+			if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
 			return;
 		}
 	}
@@ -6606,15 +6627,15 @@ function contributeProp(pass, keyOg, valOg) {
 			var transport = previous && typeof previous === "object" && !Array.isArray(previous) && "default" in previous ? previous : { default: previous };
 			transport[condition[conditionKey]] = valInit;
 			viewProps[keyInit] = transport;
-		} else if (globalThis.process.env.NODE_ENV === "development") console.warn(`[tamagui] "${keyInit}" is not a valid style on this component; the conditional variant value is dropped.`);
+		} else if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") console.warn(`[tamagui] "${keyInit}" is not a valid style on this component; the conditional variant value is dropped.`);
 		return;
 	}
 	if (keyInit in stylePropsAll || isRemovedVendorStyleProp(keyInit)) {
-		if (globalThis.process.env.NODE_ENV === "development" && false);
+		if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && false);
 		return;
 	}
 	viewProps[keyInit] = valInit;
-	if (globalThis.process.env.NODE_ENV === "development" && debug === "verbose") {
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && debug === "verbose") {
 		try {
 			log(` \u2714\uFE0F expand complete`, keyInit);
 			log("style", _objectSpread2({}, styleState.style));
@@ -6649,7 +6670,7 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 	var className = staticPassthroughClassName;
 	if (staticPassthroughClassName) shouldDoClasses = false;
 	var validStyles$1 = staticConfig.validStyles || (staticConfig.isInput ? stylePropsInput : staticConfig.isText ? stylePropsText : validStyles);
-	if (globalThis.process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-setup`;
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-setup`;
 	var styleState = {
 		classNames,
 		conf,
@@ -6676,8 +6697,8 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 		styleState.flatStyleChanged = false;
 		styleState.flatStyleKeyCount = 0;
 	}
-	if (globalThis.process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
-	if (globalThis.process.env.NODE_ENV === "development" && debug === "verbose" && true) {
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && debug === "verbose" && true) {
 		if (isDevTools) {
 			console.groupCollapsed("🔹 getSplitStyles 👇");
 			log({
@@ -6723,7 +6744,7 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 		styledContextKeys,
 		(noSkip ? passNoSkipFlag : 0) | (disableExpandShorthands ? passDisableShorthandsFlag : 0) | (noExpand ? passNoExpandFlag : 0) | (noMergeStyle ? passNoMergeFlag : 0) | (isHOC ? passHocFlag : 0) | (isText ? passTextFlag : 0) | (isInput ? passInputFlag : 0) | (asChildExceptStyleLike ? passAsChildStyleFlag : 0),
 		debug,
-		globalThis.process.env.NODE_ENV === "development" ? parentStaticConfig : void 0,
+		!isProd$11 && globalThis.process.env.NODE_ENV === "development" ? parentStaticConfig : void 0,
 		defaultProps,
 		driverAnimations,
 		driverOutputStyle,
@@ -6787,7 +6808,7 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 	frontendGroup = pass[passFrontendGroup];
 	frontendContainer = pass[passFrontendContainer];
 	frontendContainerType = pass[passFrontendContainerType];
-	if (globalThis.process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-propsend`;
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-propsend`;
 	conditionalStates = styleState.flatStateKeys || null;
 	usesSafeArea = !!styleState.flatUsesSafeArea;
 	hasMedia = ((_styleState_flatMediaKeys = styleState.flatMediaKeys) === null || _styleState_flatMediaKeys === void 0 ? void 0 : _styleState_flatMediaKeys.size) ? styleState.flatMediaKeys : false;
@@ -6897,10 +6918,10 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 				delete style1.fontStyle;
 			}
 		}
-		if (globalThis.process.env.NODE_ENV === "development" && debug && debug !== "profile") log(`Found fontFamily native: ${style1.fontFamily}`, faceInfo);
+		if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && debug && debug !== "profile") log(`Found fontFamily native: ${style1.fontFamily}`, faceInfo);
 	}
 	if (styleState.style) styleState.style = normalizeNativeStyle(styleState.style);
-	if (globalThis.process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-pre-result`;
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-pre-result`;
 	if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
 		var provenance = {};
 		var hasProvenance = false;
@@ -6994,7 +7015,7 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 			if (style2) viewProps.style = style2;
 		}
 	}
-	if (globalThis.process.env.NODE_ENV === "development" && debug === "verbose") {
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && debug === "verbose") {
 		if (isDevTools) {
 			console.groupEnd();
 			console.groupCollapsed("🔹 getSplitStyles ===>");
@@ -7011,7 +7032,7 @@ var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeN
 			console.groupEnd();
 		}
 	}
-	if (globalThis.process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
 	return result;
 };
 var stylePieceStaticConfig = {
@@ -7330,7 +7351,7 @@ function emitAtParentCondition(state, property, value, originalValue, contextOnl
 function emitUnderCondition(state, property, value, cursor, originalValue, contextOnly, warnMode, warnSource) {
 	var condition = cursor[conditionValue];
 	if (!(condition & conditionResolvedFlag)) {
-		if (warnMode && globalThis.process.env.NODE_ENV !== "production") warnRefusedValue(property, warnSource, `unknown modifier "${cursor.problem}"`);
+		if (warnMode && !isProd$11 && globalThis.process.env.NODE_ENV !== "production") warnRefusedValue(property, warnSource, `unknown modifier "${cursor.problem}"`);
 		return 0;
 	}
 	emitValue(state, property, value, cursor, warnMode === 2 ? originalValue : originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
@@ -7344,7 +7365,7 @@ var formatScanFailure = function formatScanFailure2(failure, source, failureInde
 	return failure === "invalid-character" ? `"${source[failureIndex]}" would end the declaration or rule` : failure === "unterminated-string" ? "an unterminated string" : failure === "unterminated-comment" ? "an unterminated \"/*\" comment" : failure === "stray-comment-close" ? "a stray \"*/\"" : failure === "over-deep-clause" ? `a clause with more than 5 non-platform conditions` : "an unterminated \"(\"";
 };
 var warnScanFailure = function warnScanFailure2(property, source, failure, failureIndex) {
-	if (globalThis.process.env.NODE_ENV === "development") warnRefusedValue(property, source, formatScanFailure(failure, source, failureIndex));
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") warnRefusedValue(property, source, formatScanFailure(failure, source, failureIndex));
 };
 var borderTargets = {
 	border: [
@@ -7467,7 +7488,7 @@ function configuredValue(state, property, raw) {
 			}
 		}
 	}
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") {
 		var _state_conf_tokensParsed_color1;
 		var category1 = grammar.tokenCategory(property) || grammar.tokenCategory(state.conf.shorthands[property] || property);
 		if (category1 && category1 !== "color" && category1 !== "boxShadow" && category1 !== "textShadow" && ((_state_conf_tokensParsed_color1 = state.conf.tokensParsed.color) === null || _state_conf_tokensParsed_color1 === void 0 ? void 0 : _state_conf_tokensParsed_color1[name])) warnOnce(`"${name}" contributes to "color", not "${property}"`);
@@ -7653,7 +7674,7 @@ function resolveNumericValue(value) {
 }
 function emitBorder(state, property, raw, cursor, originalValue, contextOnly) {
 	if (property === "borderBlock" || property === "borderInline") {
-		if (globalThis.process.env.NODE_ENV === "development") warnOnce(`RN has no logical border shorthand "${property}"; dropping it`);
+		if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") warnOnce(`RN has no logical border shorthand "${property}"; dropping it`);
 		return;
 	}
 	var { width, style, color } = classifyBorderComponents(raw, property === "outline");
@@ -7753,14 +7774,14 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
 			emitResolved(state, "backgroundColor", parts[0], cursor, originalValue, contextOnly);
 			return;
 		}
-		if (globalThis.process.env.NODE_ENV === "development") warnOnce(`native background cannot represent "${raw}"; dropping it`);
+		if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") warnOnce(`native background cannot represent "${raw}"; dropping it`);
 		return;
 	}
 	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" && !isFinite(numericUnitValue(value2, "deg", "rad")) && true) {
-				if (globalThis.process.env.NODE_ENV === "development") warnOnce(`native transform "${property}" cannot represent "${value2}"; dropping it`);
+				if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") warnOnce(`native transform "${property}" cannot represent "${value2}"; dropping it`);
 				if (condition & 1) {
 					removeTransformValue(state.transformAccumulator, property);
 					writeStyleRecord(state, property, void 0, cursor, void 0, recordRetract);
@@ -7853,7 +7874,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 	if (typeof value === "string") {
 		var parsed = getConfigRevisionState(state.conf).parseFlatValue(value);
 		var [segments, failure, failureIndex] = parsed;
-		if (globalThis.process.env.NODE_ENV === "development") {
+		if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") {
 			if (getSetting("styleValueSyntax") === "object") {
 				if (segments.length > 5 || segments.length >= 5 && segments[2] !== -1 || value.includes(":")) warnOnce(`syntax:string:${property}=${value}`, `string syntax is disabled by config (styleValueSyntax: 'object'); received "${property}=${value}"`);
 			}
@@ -7877,7 +7898,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 				var payload = (_ = (_slices = slices)[_index = index]) !== null && _ !== void 0 ? _ : _slices[_index] = value.slice(start, end);
 				emitConditionalValue(state, property, payload, parentCondition, payload, sink, warnMode, contextOnly);
 				hasBase = true;
-			} else if (globalThis.process.env.NODE_ENV !== "production" && warnMode && !chainCount && (failure === "invalid-character" || failure === "stray-comment-close")) {
+			} else if (!isProd$11 && globalThis.process.env.NODE_ENV !== "production" && warnMode && !chainCount && (failure === "invalid-character" || failure === "stray-comment-close")) {
 				emitConditionalValue(state, property, value, parentCondition, value, sink, warnMode, contextOnly);
 				hasBase = true;
 			} else if (warnMode) warnScanFailure(property, value, failure, failureIndex);
@@ -7895,7 +7916,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 			}
 			lastPayloadStart = start1;
 			if (start1 === end1) {
-				if (warnMode && globalThis.process.env.NODE_ENV === "development") warnRefusedValue(property, value, "a conditional clause has no value");
+				if (warnMode && !isProd$11 && globalThis.process.env.NODE_ENV === "development") warnRefusedValue(property, value, "a conditional clause has no value");
 				continue;
 			}
 			var cursor = conditionFromKey(state, (_1 = (_slices1 = slices)[_ref = index1 + 2]) !== null && _1 !== void 0 ? _1 : _slices1[_ref] = value.slice(segments[index1 + 2], segments[index1 + 3]), parentCondition);
@@ -7905,10 +7926,10 @@ function walkConditionalValue(state, property, value, parent, sink) {
 				emitConditionalValue(state, property, (_2 = (_slices2 = slices)[_index1 = index1]) !== null && _2 !== void 0 ? _2 : _slices2[_index1] = value.slice(start1, end1), cursor, value, sink, warnMode, contextOnly);
 			}
 		}
-		if (globalThis.process.env.NODE_ENV !== "production") lastPayload = value.slice(lastPayloadStart);
+		if (!isProd$11 && globalThis.process.env.NODE_ENV !== "production") lastPayload = value.slice(lastPayloadStart);
 	} else {
 		if (!value || typeof value !== "object" || Array.isArray(value) || isVariable(value) || !classifyConditionalObject(value, state)) return false;
-		if (globalThis.process.env.NODE_ENV === "development") {
+		if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") {
 			if (getSetting("styleValueSyntax") === "string") warnOnce(`syntax:object:${property}=${JSON.stringify(value)}`, `object-form conditional syntax is disabled by config (styleValueSyntax: 'string'); received "${property}"`);
 		}
 		if (value.default != null) {
@@ -7922,7 +7943,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) && 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 && !isProd$11 && 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 resting = property === "opacity" || property.startsWith("scale") ? 1 : property === "rotate" ? "0deg" : property === "x" || property === "y" ? 0 : null;
 		var layers = state.flatPropertyLayers;
@@ -7952,7 +7973,7 @@ function contributeValue(state, property, value, originalValue) {
 	}
 	var compositeKind = 0;
 	if (compositeKind > 0 && compositeKind < 6 && (typeof value === "string" && value.indexOf(":") !== -1 || value && typeof value === "object" && !Array.isArray(value) && !isVariable(value) && classifyConditionalObject(value, state))) {
-		if (globalThis.process.env.NODE_ENV === "development") warnOnce(`conditional "${property}" needs its composite property; dropping it`);
+		if (!isProd$11 && globalThis.process.env.NODE_ENV === "development") warnOnce(`conditional "${property}" needs its composite property; dropping it`);
 		return true;
 	}
 	if (value === "safe") {
@@ -8177,6 +8198,7 @@ function setElementProps(element) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/subscribeToContextGroup.native.js
+var isProd$10 = globalThis.process.env.NODE_ENV === "production";
 var useGroupSetRevision = function useGroupSetRevision2(pseudoGroups, mediaGroups) {
 	var previous = (0, react.useRef)({
 		pseudoGroups,
@@ -8214,7 +8236,7 @@ var setsEqual = function setsEqual2(a, b) {
 var subscribeToContextGroup = function subscribeToContextGroup2(props) {
 	var { pseudoGroups, mediaGroups, groupContext } = props;
 	if (pseudoGroups || mediaGroups) {
-		if (globalThis.process.env.NODE_ENV === "development" && !groupContext) console.debug(`No context group found`);
+		if (!isProd$10 && globalThis.process.env.NODE_ENV === "development" && !groupContext) console.debug(`No context group found`);
 		var disposables = /* @__PURE__ */ new Set();
 		if (pseudoGroups) {
 			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
@@ -8512,10 +8534,11 @@ function ThemeDebug(param) {
 ThemeDebug["displayName"] = "ThemeDebug";
 //#endregion
 //#region ../web/dist/esm/views/Theme.native.js
+var isProd$9 = globalThis.process.env.NODE_ENV === "production";
 var Theme = createRefComponent(function Theme2(props, ref) {
 	"use no memo";
 	if (props.disable) return props.children;
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$9 && globalThis.process.env.NODE_ENV === "development") {
 		for (var key in props) if (!reservedThemeProps[key] && key !== "srcloc" && !key.startsWith("data-")) warnOnce(`theme-update:${key}`, `<Theme ${key}=...> no longer accepts inline values. Wrap the subtree in <ThemeUpdate ${key}=...> instead.`);
 	}
 	var { passThrough } = props;
@@ -8544,7 +8567,7 @@ function getThemedChildren(themeState, children, props) {
 	var { shallow, forceClassName } = props;
 	var state = stateRef.current;
 	var shouldRenderChildrenWithTheme = state.hasEverThemed || themeState.isNew || isRoot || hasThemeUpdatingProps(props);
-	if (globalThis.process.env.NODE_ENV === "development" && props.debug === "visualize") children = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeDebug, {
+	if (!isProd$9 && globalThis.process.env.NODE_ENV === "development" && props.debug === "visualize") children = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeDebug, {
 		themeState,
 		themeProps: props,
 		children
@@ -8561,7 +8584,7 @@ function getThemedChildren(themeState, children, props) {
 	if (requiresExtraWrapper || isFirstThemedRender && (themeState.name === "dark" || themeState.name === "light")) state.hasEverThemed = "wrapped";
 	if (shallow) if (!themeState.parentId) {} else {
 		var parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
-		if (!parentState) throw new Error(globalThis.process.env.NODE_ENV !== "production" ? formatDiagnostic("‼️010", "Theme", "parent theme state is missing for shallow rendering", "Keep <Theme shallow> inside its mounted parent Theme", "name,parentId", {
+		if (!parentState) throw new Error(!isProd$9 && globalThis.process.env.NODE_ENV !== "production" ? formatDiagnostic("‼️010", "Theme", "parent theme state is missing for shallow rendering", "Keep <Theme shallow> inside its mounted parent Theme", "name,parentId", {
 			name: themeState.name,
 			parentId: themeState.parentId
 		}) : "❌ Error 014");
@@ -8572,7 +8595,7 @@ function getThemedChildren(themeState, children, props) {
 			})) : child;
 		});
 	}
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$9 && globalThis.process.env.NODE_ENV === "development") {
 		if (!passThrough && props.debug) console.warn(` getThemedChildren`, {
 			requiresExtraWrapper,
 			forceClassName,
@@ -8626,6 +8649,7 @@ var _excluded2$2 = [
 	"onClick",
 	"theme"
 ];
+var isProd$8 = globalThis.process.env.NODE_ENV === "production";
 var time$1;
 var debugKeyListeners;
 var startVisualizer;
@@ -8654,7 +8678,7 @@ var hasSetupBaseViews = false;
 var lastInteractionWasKeyboard = { value: false };
 var lastInteractionWasTouch = { value: false };
 function createComponent(staticConfig) {
-	if (process.env.TAMAGUI_RUNTIME === "zero") throw new Error(globalThis.process.env.NODE_ENV !== "production" ? `[tamagui zero-runtime] createComponent ran in a zero-runtime graph. No Tamagui component renderer ships in this mode, so a component reference survived compilation. Fix the site or move the owning module to a declared full-runtime island.` : "❌ Error 010");
+	if (process.env.TAMAGUI_RUNTIME === "zero") throw new Error(!isProd$8 && globalThis.process.env.NODE_ENV !== "production" ? `[tamagui zero-runtime] createComponent ran in a zero-runtime graph. No Tamagui component renderer ships in this mode, so a component reference survived compilation. Fix the site or move the owning module to a declared full-runtime island.` : "❌ Error 010");
 	var config = null;
 	var resolvedDefaultProps;
 	var resolvedStyleRevision = -1;
@@ -8678,8 +8702,8 @@ function createComponent(staticConfig) {
 		}
 		var styleStaticConfig = resolvedStyleStaticConfig;
 		styleStaticConfig.styledContextKeys;
-		var internalID = globalThis.process.env.NODE_ENV === "development" ? react.default.useId() : "";
-		if (globalThis.process.env.NODE_ENV === "development") {
+		var internalID = !isProd$8 && globalThis.process.env.NODE_ENV === "development" ? react.default.useId() : "";
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development") {
 			if (startVisualizer) {
 				startVisualizer();
 				startVisualizer = void 0;
@@ -8694,7 +8718,7 @@ function createComponent(staticConfig) {
 				BaseView = baseViews.View;
 			}
 		}
-		if (globalThis.process.env.NODE_ENV === "test") {
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "test") {
 			var testRenderCount = propsIn["data-test-renders"];
 			if (testRenderCount && typeof testRenderCount === "object" && !Object.isFrozen(testRenderCount)) {
 				var _testRenderCount_current;
@@ -8709,13 +8733,13 @@ function createComponent(staticConfig) {
 		var componentContext = react.default.useContext(ComponentContext);
 		var hasTextAncestor = false;
 		var isInsideNativeMenu = isAndroid ? react.default.useContext(NativeMenuContext) : false;
-		if (globalThis.process.env.NODE_ENV === "development" && !time$1 && globalThis.time) time$1 = globalThis.time;
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`non-tamagui time (ignore)`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && !time$1 && globalThis.time) time$1 = globalThis.time;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`non-tamagui time (ignore)`;
 		var props = propsIn;
 		var [nextProps, overrides] = mergeComponentProps(resolvedDefaultProps, styledContextValue, propsIn);
 		props = nextProps;
 		overriddenContextProps = overrides;
-		if (globalThis.process.env.NODE_ENV === "development" && true) react.default.useEffect(function() {
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && true) react.default.useEffect(function() {
 			var node;
 			var overlay = null;
 			var remove = function remove2() {
@@ -8803,7 +8827,7 @@ function createComponent(staticConfig) {
 			});
 		}, [platformPseudo, props.disabled]);
 		var setStateShallow = componentState.setStateShallow;
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`use-state`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`use-state`;
 		var renderProp = props.render;
 		var element = Component;
 		var BaseComponent = isText ? BaseText || element || "span" : BaseView || element || (hasTextAncestor ? "span" : "div");
@@ -8813,7 +8837,7 @@ function createComponent(staticConfig) {
 		var disableThemeProp = false;
 		var hocThemesSelf = isHOC && "theme" in props;
 		var disableTheme = disableThemeProp || isHOC && !hocThemesSelf;
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`theme-props`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`theme-props`;
 		var themeStateProps = {
 			disable: disableTheme,
 			shallow: props.themeShallow,
@@ -8830,7 +8854,7 @@ function createComponent(staticConfig) {
 			var _stateRef_current_nativeStyleUpdate, _stateRef_current3;
 			return (_ref9 = (_stateRef_current_nativeStyleUpdate = (_stateRef_current3 = stateRef.current).nativeStyleUpdate) === null || _stateRef_current_nativeStyleUpdate === void 0 ? void 0 : _stateRef_current_nativeStyleUpdate.call(_stateRef_current3, next)) !== null && _ref9 !== void 0 ? _ref9 : false;
 		});
-		if (globalThis.process.env.NODE_ENV === "development") {
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development") {
 			if (debugProp && debugProp !== "profile") {
 				var name = `${displayName || (Component === null || Component === void 0 ? void 0 : Component.displayName) || (Component === null || Component === void 0 ? void 0 : Component.name) || "[Unnamed Component]"}`;
 				var type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (noClass ? "(noClass)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + (state.focusWithin ? "(WITHIN FOCUSED)" : " ") + ((presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === false ? "(EXIT)" : "");
@@ -8858,13 +8882,13 @@ ${banner}
 				});
 			}
 		}
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`pre-theme-media`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`pre-theme-media`;
 		var [theme, themeState] = useThemeWithState(themeStateProps);
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`theme`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`theme`;
 		if (!isAnimatedCustomComponent) elementType = element || elementType;
 		var mediaState = useMedia(stateRef.current, debugProp, stateRef.current);
 		setDidGetVariableValue(false);
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`media`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`media`;
 		var styleProps = {
 			mediaState,
 			noClass,
@@ -8878,7 +8902,7 @@ ${banner}
 			prevStyle: stateRef.current.prevStyle
 		};
 		var themeName = (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "";
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`split-styles-prepare`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`split-styles-prepare`;
 		var splitStyles = useSplitStyles(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, groupContextParent, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 		var finalizedComponentState = componentState.finalizeStyleFlags(!!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasEnterStyle), !!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.platformPseudo));
 		hasEnterStyle = finalizedComponentState.hasEnterStyle;
@@ -9111,7 +9135,7 @@ ${banner}
 				stateRef.current.nextState = updatedState;
 				if (canAvoidReRender) {
 					var _stateRef_current_updateStyleListener, _stateRef_current3;
-					if (globalThis.process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
+					if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
 						console.groupCollapsed(`[\u26A1\uFE0F] avoid setState`, displayName, next, {
 							updatedState,
 							props
@@ -9122,7 +9146,7 @@ ${banner}
 					updateGroupListeners2();
 					(_stateRef_current_updateStyleListener = (_stateRef_current3 = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current3);
 				} else {
-					if (globalThis.process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") console.info(`[\u{1F40C}] re-render`, {
+					if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") console.info(`[\u{1F40C}] re-render`, {
 						canAvoidReRender,
 						next
 					});
@@ -9134,7 +9158,7 @@ ${banner}
 				(_stateRef_current_setStateShallow = (_stateRef_current3 = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current3, state2);
 			};
 		}
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`split-styles`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`split-styles`;
 		if (splitStyles) {
 			if (props.group && props.untilMeasured === "hide" && !stateRef.current.hasMeasured) {
 				splitStyles.style = splitStyles.style || {};
@@ -9144,7 +9168,7 @@ ${banner}
 		var hasRuntimeMediaKeys = (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasMedia) && splitStyles.hasMedia !== true;
 		var shouldListenForMedia = didGetVariableValue() || hasRuntimeMediaKeys || noClass && (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasMedia) === true;
 		var mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
-		if (globalThis.process.env.NODE_ENV === "development" && debugProp === "verbose") console.info(`useMedia() createComponent`, shouldListenForMedia, mediaListeningKeys);
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && debugProp === "verbose") console.info(`useMedia() createComponent`, shouldListenForMedia, mediaListeningKeys);
 		setMediaShouldUpdate(stateRef.current, shouldListenForMedia, mediaListeningKeys, stateRef.current.optimizeForFirstRender);
 		var { viewProps: viewPropsIn, style: splitStylesStyle, classNames, pseudoGroups, mediaGroups } = splitStyles || {};
 		var groupSetRevision = useGroupSetRevision(pseudoGroups, mediaGroups);
@@ -9196,10 +9220,10 @@ ${banner}
 					if (animations.className) viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`;
 				}
 			}
-			if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`animations`;
+			if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`animations`;
 		}
-		if (globalThis.process.env.NODE_ENV === "development" && props.untilMeasured && !isContainer) console.warn(`You set untilMeasured without establishing a container. Set it on the parent with container or container="name", not on the child using a container clause.`);
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`destructure`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && props.untilMeasured && !isContainer) console.warn(`You set untilMeasured without establishing a container. Set it on the parent with container or container="name", not on the child using a container clause.`);
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`destructure`;
 		if (!isPassthrough && groupContext && isContainer) nonTamaguiProps.onLayout = composeEventHandlers(nonTamaguiProps.onLayout, function(e) {
 			var _stateRef_current_group;
 			var layout = e.nativeEvent.layout;
@@ -9229,15 +9253,15 @@ ${banner}
 			if (stateRef.current.host) setRef(forwardedRef, stateRef.current.host);
 		}, [forwardedRef]);
 		usePointerEvents(props, viewProps);
-		if (globalThis.process.env.NODE_ENV === "development") {}
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`events-hooks`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development") {}
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`events-hooks`;
 		var unPress = function unPress2() {
 			setStateShallow({
 				press: false,
 				pressIn: false
 			});
 		};
-		if (globalThis.process.env.NODE_ENV === "development" && false);
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && false);
 		useIsomorphicLayoutEffect(function() {
 			if (state.unmounted === true && hasEnterStyle) {
 				setStateShallow({ unmounted: "should-enter" });
@@ -9317,8 +9341,8 @@ ${banner}
 		var attachHover = isNativeDesktop && !!(hasDynamicGroupChildren || needsHoverState || onMouseEnter || onMouseLeave);
 		var shouldAttach = !disabled && !props.asChild && Boolean(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
 		var needsPressState = Boolean(hasDynamicGroupChildren || runtimePressStyle);
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`events-setup`;
-		if (globalThis.process.env.NODE_ENV === "development" && debugProp === "verbose") log(`\u{1FAA9} events()`, {
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`events-setup`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && debugProp === "verbose") log(`\u{1FAA9} events()`, {
 			runtimeFocusStyle,
 			runtimePressStyle,
 			runtimeHoverStyle,
@@ -9415,8 +9439,8 @@ ${banner}
 			delayPressOut: viewProps.delayPressOut,
 			minPressDuration: 0
 		});
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`events`;
-		if (globalThis.process.env.NODE_ENV === "development" && debugProp === "verbose") log(`events`, {
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`events`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && debugProp === "verbose") log(`events`, {
 			events,
 			attachHover,
 			attachPress
@@ -9430,7 +9454,7 @@ ${banner}
 		var pressDebugName = displayName ? pressDebugDetail ? `${displayName}:${pressDebugDetail}` : displayName : pressDebugDetail || null;
 		hasRealPressEvents = !!(onPress || onPressIn || onPressOut || onLongPress);
 		pressGesture = useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNativeMenu, pressDebugName, hasRealPressEvents);
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`hooks`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`hooks`;
 		if (asChild && !isHOC) {
 			elementType = Slot;
 			Object.assign(viewProps, {
@@ -9438,7 +9462,7 @@ ${banner}
 				onLongPress
 			});
 		}
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`spaced-as-child`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`spaced-as-child`;
 		var content;
 		var childrenFromHooks = hooks.useChildren ? hooks.useChildren(elementType, children, viewProps, isPassthrough) : void 0;
 		if (isPassthrough) content = /* @__PURE__ */ react.default.createElement(BaseComponent, { style: { display: "contents" } }, propsIn.children);
@@ -9465,7 +9489,7 @@ ${banner}
 					isInput: staticConfig.isInput
 				});
 			}
-			if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`use-children`;
+			if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`use-children`;
 		}
 		content = wrapWithGestureDetector(content, pressGesture, stateRef, isHOC, !isHOC && Component && typeof Component !== "string", hasRealPressEvents && !isInsideNativeMenu);
 		var ResetPresence = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.ResetPresence;
@@ -9476,7 +9500,7 @@ ${banner}
 			disabled: !needsReset,
 			children: content
 		});
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`create-element`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`create-element`;
 		if (groupName || isContainer) content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupContext.Provider, {
 			value: allGroupContexts,
 			children: content
@@ -9495,18 +9519,18 @@ ${banner}
 				children: content
 			}));
 		}
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`group-context`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`group-context`;
 		content = disableTheme || !splitStyles ? content : getThemedChildren(themeState, content, themeStateProps, false, stateRef);
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`themed-children`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`themed-children`;
 		if (overriddenContextProps && contextForOverride) {
 			var Provider = contextForOverride.Provider;
 			for (var key2 in styledContextValue) if (!(key2 in overriddenContextProps)) overriddenContextProps[key2] = styledContextValue[key2];
 			content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Provider, _objectSpread2(_objectSpread2({ __disableMergeDefaultValues: true }, overriddenContextProps), {}, { children: content }));
 		}
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`context-override`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`context-override`;
 		if (process.env.TAMAGUI_RUNTIME !== "island" && false);
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`style-tags`;
-		if (globalThis.process.env.NODE_ENV === "development") {
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) time$1`style-tags`;
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development") {
 			if (debugProp && debugProp !== "profile") {
 				log(`render <${typeof elementType === "string" ? elementType : "Component"} /> (${internalID}) with props`);
 				log(`state: `, state);
@@ -9515,7 +9539,7 @@ ${banner}
 				for (var key3 in splitStylesStyle) log(key3, splitStylesStyle[key3]);
 			}
 		}
-		if (globalThis.process.env.NODE_ENV === "development" && time$1) {
+		if (!isProd$8 && globalThis.process.env.NODE_ENV === "development" && time$1) {
 			time$1`rest`;
 			if (!globalThis["willPrint"]) {
 				globalThis["willPrint"] = true;
@@ -9909,6 +9933,7 @@ function resolveAnimationDriver(driver) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/createDesignSystem.native.js
+var isProd$7 = globalThis.process.env.NODE_ENV === "production";
 function createTokenCSS(tokens, shouldTokenCategoryHaveUnits) {
 	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
 		var declarations = [];
@@ -9988,7 +10013,7 @@ function buildCSSRuleSets(declarations, fontDeclarations) {
 			return `:root${arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ""}${sep}{${sep}${[...decs].join(`;${sep}`)}${developmentWhitespace ? "\n" : ""}}`;
 		};
 		var cssRuleSets = [];
-		var developmentWhitespace = globalThis.process.env.NODE_ENV === "development";
+		var developmentWhitespace = !isProd$7 && globalThis.process.env.NODE_ENV === "development";
 		var sep = developmentWhitespace ? " " : "";
 		if (declarations.length) cssRuleSets.push(declarationsToRuleSet2(declarations));
 		var fontSelectors = [];
@@ -10152,6 +10177,7 @@ function proxyThemeToParents(themeName, theme) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/variableValue.native.js
+var isProd$6 = globalThis.process.env.NODE_ENV === "production";
 var unitlessSuffixes = [
 	"opacity",
 	"scale",
@@ -10177,7 +10203,7 @@ var tokenCategoryOrder = [
 	"zIndex"
 ];
 var findVariableToken = function findVariableToken2(tokensParsed, name) {
-	if (globalThis.process.env.NODE_ENV === "development") {
+	if (!isProd$6 && globalThis.process.env.NODE_ENV === "development") {
 		var found;
 		var foundCategory;
 		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
@@ -10352,8 +10378,9 @@ function _define_property$1(obj, key, value) {
 	else obj[key] = value;
 	return obj;
 }
+var isProd$5 = globalThis.process.env.NODE_ENV === "production";
 var Tamagui = (function() {
-	if (globalThis.process.env.NODE_ENV === "development") return new (/* @__PURE__ */ (function() {
+	if (!isProd$5 && globalThis.process.env.NODE_ENV === "development") return new (/* @__PURE__ */ (function() {
 		"use strict";
 		function TamaguiManager2() {
 			_class_call_check$1(this, TamaguiManager2);
@@ -10398,6 +10425,7 @@ var identifierToValue = /* @__PURE__ */ new Map();
 //#endregion
 //#region ../web/dist/esm/createTamagui.native.js
 var _excluded$3 = ["defaultSize", "defaultTokens"];
+var isProd$4 = globalThis.process.env.NODE_ENV === "production";
 var reservedCssIdentsLower = /* @__PURE__ */ new Set([
 	"inherit",
 	"initial",
@@ -10563,7 +10591,7 @@ function createTamagui$2(configIn) {
 		defaultFontToken
 	});
 	initializeTamaguiConfig(config);
-	if (globalThis.process.env.NODE_ENV !== "development") return config;
+	if (isProd$4 || globalThis.process.env.NODE_ENV !== "development") return config;
 	if ((_process_env_DEBUG = process.env.DEBUG) === null || _process_env_DEBUG === void 0 ? void 0 : _process_env_DEBUG.startsWith("tamagui")) console.info("Tamagui config:", config);
 	if (!globalThis["Tamagui"]) globalThis["Tamagui"] = Tamagui;
 	return config;
@@ -10655,9 +10683,10 @@ var builtinShorthands = {
 };
 //#endregion
 //#region ../web/dist/esm/createTokens.native.js
+var isProd$3 = globalThis.process.env.NODE_ENV === "production";
 function createTokens(tokens) {
 	var _process_env_TAMAGUI_TOKEN_PREFIX;
-	if (globalThis.process.env.NODE_ENV !== "production") validateNoTrueTokenKeys(tokens);
+	if (!isProd$3 && globalThis.process.env.NODE_ENV !== "production") validateNoTrueTokenKeys(tokens);
 	return createVariables(tokens, (_process_env_TAMAGUI_TOKEN_PREFIX = process.env.TAMAGUI_TOKEN_PREFIX) !== null && _process_env_TAMAGUI_TOKEN_PREFIX !== void 0 ? _process_env_TAMAGUI_TOKEN_PREFIX : "t");
 }
 function validateNoTrueTokenKeys(tokens) {
@@ -10815,6 +10844,7 @@ var _excluded$2 = [
 	"context",
 	"contextProps"
 ];
+var isProd$2 = globalThis.process.env.NODE_ENV === "production";
 function styledFn() {
 	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
 	return styledImpl(void 0, ...args);
@@ -10827,7 +10857,7 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 	var config = hasBaseClassName ? maybeConfig : configOrOptions;
 	var options = optionsIn;
 	var displayName = options === null || options === void 0 ? void 0 : options.displayName;
-	if (!ComponentIn) throw new Error(globalThis.process.env.NODE_ENV === "development" ? "No component given to styled()" : "❌ Error 006");
+	if (!ComponentIn) throw new Error(!isProd$2 && globalThis.process.env.NODE_ENV === "development" ? "No component given to styled()" : "❌ Error 006");
 	var parentStaticConfig = ComponentIn["staticConfig"];
 	Boolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));
 	var isReactNative = Boolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));
@@ -10911,14 +10941,15 @@ var useIsTouchDevice = function useIsTouchDevice2() {
 };
 //#endregion
 //#region ../web/dist/esm/hooks/useAnimationDriver.native.js
+var isProd$1 = globalThis.process.env.NODE_ENV === "production";
 function useAnimationDriver() {
 	var { animationDriver } = useConfiguration();
-	if (!animationDriver || animationDriver.isStub) throw new Error(globalThis.process.env.NODE_ENV !== "production" ? `No animation driver configured. Pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations` : "❌ Error 011");
+	if (!animationDriver || animationDriver.isStub) throw new Error(!isProd$1 && globalThis.process.env.NODE_ENV !== "production" ? `No animation driver configured. Pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations` : "❌ Error 011");
 	return animationDriver;
 }
 function useAnimatedNumberDriver() {
 	var animatedDriver = useAnimationDriver();
-	if (typeof animatedDriver.useAnimatedNumber !== "function" || typeof animatedDriver.useAnimatedNumberStyle !== "function" || typeof animatedDriver.useAnimatedNumbersStyle !== "function" || typeof animatedDriver.useAnimatedNumberReaction !== "function") throw new Error(globalThis.process.env.NODE_ENV !== "production" ? `The configured animation driver does not include animated-number hooks. When using the CSS driver, import \`createAnimations\` from \`@tamagui/animations-css/extras\` instead of \`@tamagui/animations-css\`. See: https://tamagui.dev/docs/core/animations-css` : "❌ Error 012");
+	if (typeof animatedDriver.useAnimatedNumber !== "function" || typeof animatedDriver.useAnimatedNumberStyle !== "function" || typeof animatedDriver.useAnimatedNumbersStyle !== "function" || typeof animatedDriver.useAnimatedNumberReaction !== "function") throw new Error(!isProd$1 && globalThis.process.env.NODE_ENV !== "production" ? `The configured animation driver does not include animated-number hooks. When using the CSS driver, import \`createAnimations\` from \`@tamagui/animations-css/extras\` instead of \`@tamagui/animations-css\`. See: https://tamagui.dev/docs/core/animations-css` : "❌ Error 012");
 	return animatedDriver;
 }
 function useAnimatedNumber(initial) {
@@ -12588,6 +12619,7 @@ var ThemeProvider = function ThemeProvider2(props) {
 };
 //#endregion
 //#region ../web/dist/esm/views/TamaguiProvider.native.js
+var isProd = globalThis.process.env.NODE_ENV === "production";
 var _cachedFirstKey;
 var _cachedConfig;
 function firstThemeKey(config) {
@@ -12638,7 +12670,7 @@ function TamaguiProvider$2(param) {
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		!process.env.TAMAGUI_DID_OUTPUT_CSS && false,
-		globalThis.process.env.NODE_ENV !== "production" && false,
+		!isProd && globalThis.process.env.NODE_ENV !== "production" && false,
 		hasSafeAreaTracker() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SafeAreaTracker, {}),
 		contents
 	] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "3.0.18",
+  "version": "3.1.0",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "license": "MIT",
   "author": {
@@ -137,23 +137,23 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "3.0.18",
-    "@tamagui/constants": "3.0.18",
-    "@tamagui/helpers": "3.0.18",
-    "@tamagui/react-native-media-driver": "3.0.18",
-    "@tamagui/react-native-use-pressable": "3.0.18",
-    "@tamagui/use-element-layout": "3.0.18",
-    "@tamagui/use-event": "3.0.18",
-    "@tamagui/web": "3.0.18"
+    "@tamagui/compose-refs": "3.1.0",
+    "@tamagui/constants": "3.1.0",
+    "@tamagui/helpers": "3.1.0",
+    "@tamagui/react-native-media-driver": "3.1.0",
+    "@tamagui/react-native-use-pressable": "3.1.0",
+    "@tamagui/use-element-layout": "3.1.0",
+    "@tamagui/use-event": "3.1.0",
+    "@tamagui/web": "3.1.0"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.18",
-    "@tamagui/native-bundle": "3.0.18",
-    "@tamagui/react-native-web-lite": "3.0.18",
+    "@tamagui/build": "3.1.0",
+    "@tamagui/native-bundle": "3.1.0",
+    "@tamagui/react-native-web-lite": "3.1.0",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
-    "react": "19.2.3",
-    "react-native": "0.87.1",
+    "react": "19.3.0",
+    "react-native": "0.88.0",
     "typescript": "7.0.2",
     "vitest": "4.1.0"
   },
@@ -164,5 +164,5 @@
     "./dist/cjs": "./dist/esm/index.native.js",
     "./theme-update": "./dist/esm/theme-update.native.js"
   },
-  "releaseSourceCommit": "e7ebeed9d446eee3e0eda4b0dd5e55dd8ec46bf7"
+  "releaseSourceCommit": "690ee7d9f451e684f0f197d160c261cdf37dd79f"
 }