@tamagui/web 3.0.17 → 3.1.0

package/dist/cjs/createComponent.cjs

@@ -69,6 +69,7 @@ var import_setupHooks = require("./setupHooks.cjs");
 var import_Slot = require("./views/Slot.cjs");
 var import_Theme = require("./views/Theme.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
+const isProd = process.env.NODE_ENV === "production";
 let time;
 let debugKeyListeners;
 let startVisualizer;
@@ -118,7 +119,7 @@ if (typeof window !== "undefined") {
 	addEventListener("mouseup", cancelPresses);
 	addEventListener("touchend", cancelTouches);
 	addEventListener("touchcancel", cancelTouches);
-	if (process.env.NODE_ENV === "development") startVisualizer = () => {
+	if (!isProd && process.env.NODE_ENV === "development") startVisualizer = () => {
 		const devVisualizerConfig = import_config.devConfig?.visualizer;
 		if (devVisualizerConfig && !globalThis.__tamaguiDevVisualizer) {
 			let show = function(val) {
@@ -189,7 +190,7 @@ if (import_constants.isWeb && typeof document !== "undefined") {
 	});
 }
 function createComponent(staticConfig) {
-	if (process.env.TAMAGUI_RUNTIME === "zero") throw new Error(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 && 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");
 	let config = null;
 	let resolvedDefaultProps;
 	let resolvedStyleRevision = -1;
@@ -218,14 +219,14 @@ function createComponent(staticConfig) {
 		}
 		const styleStaticConfig = resolvedStyleStaticConfig;
 		styleStaticConfig.styledContextKeys;
-		const internalID = process.env.NODE_ENV === "development" ? import_react.default.useId() : "";
-		if (process.env.NODE_ENV === "development") {
+		const internalID = !isProd && process.env.NODE_ENV === "development" ? import_react.default.useId() : "";
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if (startVisualizer) {
 				startVisualizer();
 				startVisualizer = void 0;
 			}
 		}
-		if (process.env.NODE_ENV === "test") {
+		if (!isProd && process.env.NODE_ENV === "test") {
 			const testRenderCount = propsIn["data-test-renders"];
 			if (testRenderCount && typeof testRenderCount === "object" && !Object.isFrozen(testRenderCount)) {
 				testRenderCount.current = testRenderCount.current ?? 0;
@@ -238,13 +239,13 @@ function createComponent(staticConfig) {
 		let overriddenContextProps = null;
 		const componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext);
 		const hasTextAncestor = !!(import_constants.isWeb && isText ? componentContext.inText : false);
-		if (process.env.NODE_ENV === "development" && !time && globalThis.time) time = globalThis.time;
-		if (process.env.NODE_ENV === "development" && time) time`non-tamagui time (ignore)`;
+		if (!isProd && process.env.NODE_ENV === "development" && !time && globalThis.time) time = globalThis.time;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`non-tamagui time (ignore)`;
 		let props = propsIn;
 		const [nextProps, overrides] = (0, import_mergeProps.mergeComponentProps)(resolvedDefaultProps, styledContextValue, propsIn);
 		props = nextProps;
 		overriddenContextProps = overrides;
-		if (process.env.NODE_ENV === "development" && import_constants.isClient) import_react.default.useEffect(() => {
+		if (!isProd && process.env.NODE_ENV === "development" && import_constants.isClient) import_react.default.useEffect(() => {
 			let node;
 			let overlay = null;
 			const remove = () => {
@@ -323,7 +324,7 @@ function createComponent(staticConfig) {
 			});
 		}, [platformPseudo, props.disabled]);
 		let setStateShallow = componentState.setStateShallow;
-		if (process.env.NODE_ENV === "development" && time) time`use-state`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`use-state`;
 		const renderProp = props.render;
 		const isRenderString = !Component || typeof Component === "string";
 		const element = import_constants.isWeb ? isRenderString ? renderProp || Component : Component : Component;
@@ -332,7 +333,7 @@ function createComponent(staticConfig) {
 		const isAnimatedCustomComponent = animationDriver && isAnimated && animationDriver.needsCustomComponent;
 		if (isAnimatedCustomComponent) elementType = animationDriver[isText ? "Text" : "View"] || elementType;
 		const disableTheme = props["data-disable-theme"] && !("theme" in props) || isHOC && true;
-		if (process.env.NODE_ENV === "development" && time) time`theme-props`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`theme-props`;
 		const themeStateProps = {
 			disable: disableTheme,
 			shallow: props.themeShallow,
@@ -340,7 +341,7 @@ function createComponent(staticConfig) {
 		};
 		if ("theme" in props) themeStateProps.name = props.theme;
 		if (!stateRef.current.optimizeForFirstRender) themeStateProps.needsUpdate = stateRef.current.themeNeedsUpdate || (stateRef.current.themeNeedsUpdate = () => !!stateRef.current.isListeningToTheme);
-		if (process.env.NODE_ENV === "development") {
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if (debugProp && debugProp !== "profile") {
 				const name = `${displayName || Component?.displayName || Component?.name || "[Unnamed Component]"}`;
 				const type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (noClass ? "(noClass)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + (state.focusWithin ? "(WITHIN FOCUSED)" : " ") + (presenceState?.isPresent === false ? "(EXIT)" : "");
@@ -403,14 +404,14 @@ ${banner}
 				}
 			}
 		}
-		if (process.env.NODE_ENV === "development" && time) time`pre-theme-media`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`pre-theme-media`;
 		const [theme, themeState] = (0, import_useTheme.useThemeWithState)(themeStateProps);
-		if (process.env.NODE_ENV === "development" && time) time`theme`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`theme`;
 		if (!isAnimatedCustomComponent) elementType = element || elementType;
 		const isStringElement = typeof elementType === "string";
 		const mediaState = (0, import_useMedia.useMedia)(stateRef.current, debugProp, stateRef.current);
 		(0, import_createVariable.setDidGetVariableValue)(false);
-		if (process.env.NODE_ENV === "development" && time) time`media`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`media`;
 		const styleProps = {
 			mediaState,
 			noClass,
@@ -424,7 +425,7 @@ ${banner}
 			prevStyle: import_constants.isWeb ? void 0 : stateRef.current.prevStyle
 		};
 		const themeName = themeState?.name || "";
-		if (process.env.NODE_ENV === "development" && time) time`split-styles-prepare`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`split-styles-prepare`;
 		const splitStyles = (0, import_useSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, groupContextParent, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 		const finalizedComponentState = componentState.finalizeStyleFlags(!!splitStyles?.hasEnterStyle, !!splitStyles?.platformPseudo);
 		hasEnterStyle = finalizedComponentState.hasEnterStyle;
@@ -553,7 +554,7 @@ ${banner}
 				};
 				stateRef.current.nextState = updatedState;
 				if (canAvoidReRender) {
-					if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
+					if (!isProd && process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
 						console.groupCollapsed(`[\u26A1\uFE0F] avoid setState`, displayName, next, {
 							updatedState,
 							props
@@ -564,7 +565,7 @@ ${banner}
 					updateGroupListeners();
 					stateRef.current.updateStyleListener?.();
 				} else {
-					if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") console.info(`[\u{1F40C}] re-render`, {
+					if (!isProd && process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") console.info(`[\u{1F40C}] re-render`, {
 						canAvoidReRender,
 						next
 					});
@@ -575,7 +576,7 @@ ${banner}
 				stateRef.current.setStateShallow?.(state2);
 			};
 		}
-		if (process.env.NODE_ENV === "development" && time) time`split-styles`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`split-styles`;
 		if (splitStyles) {
 			if (props.group && props.untilMeasured === "hide" && !stateRef.current.hasMeasured) {
 				splitStyles.style = splitStyles.style || {};
@@ -585,7 +586,7 @@ ${banner}
 		const hasRuntimeMediaKeys = splitStyles?.hasMedia && splitStyles.hasMedia !== true;
 		const shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClass && splitStyles?.hasMedia === true;
 		const mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
-		if (process.env.NODE_ENV === "development" && debugProp === "verbose") console.info(`useMedia() createComponent`, shouldListenForMedia, mediaListeningKeys);
+		if (!isProd && process.env.NODE_ENV === "development" && debugProp === "verbose") console.info(`useMedia() createComponent`, shouldListenForMedia, mediaListeningKeys);
 		(0, import_useMedia.setMediaShouldUpdate)(stateRef.current, shouldListenForMedia, mediaListeningKeys, stateRef.current.optimizeForFirstRender);
 		const { viewProps: viewPropsIn, style: splitStylesStyle, classNames, pseudoGroups, mediaGroups } = splitStyles || {};
 		const groupSetRevision = (0, import_subscribeToContextGroup.useGroupSetRevision)(pseudoGroups, mediaGroups);
@@ -632,11 +633,11 @@ ${banner}
 					if (animations.className) viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`;
 				}
 			}
-			if (process.env.NODE_ENV === "development" && time) time`animations`;
+			if (!isProd && process.env.NODE_ENV === "development" && time) time`animations`;
 		}
 		if (import_constants.isWeb && isExiting) viewProps.className = `t_exiting ${viewProps.className || ""}`;
-		if (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 (process.env.NODE_ENV === "development" && time) time`destructure`;
+		if (!isProd && 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 && process.env.NODE_ENV === "development" && time) time`destructure`;
 		if (!isPassthrough && groupContext && isContainer) nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(nonTamaguiProps.onLayout, (e) => {
 			const layout = e.nativeEvent.layout;
 			groupContext.state.layout = layout;
@@ -661,19 +662,19 @@ ${banner}
 			if (stateRef.current.host) (0, import_compose_refs.setRef)(forwardedRef, stateRef.current.host);
 		}, [forwardedRef]);
 		(0, import_pointerEvents.usePointerEvents)(props, viewProps);
-		if (process.env.NODE_ENV === "development") {
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if (!isText && import_constants.isWeb && !isHOC) import_react.default.Children.toArray(props.children).forEach((item) => {
 				if (typeof item === "string" && item !== "\n") console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <${displayName || propsIn.tag || "View"}>.`, props);
 			});
 		}
-		if (process.env.NODE_ENV === "development" && time) time`events-hooks`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`events-hooks`;
 		const unPress = () => {
 			setStateShallow({
 				press: false,
 				pressIn: false
 			});
 		};
-		if (process.env.NODE_ENV === "development" && import_constants.isWeb) (0, import_constants.useIsomorphicLayoutEffect)(() => {
+		if (!isProd && process.env.NODE_ENV === "development" && import_constants.isWeb) (0, import_constants.useIsomorphicLayoutEffect)(() => {
 			if (debugProp === "verbose") {
 				let cssStyleDeclarationToObject = function(style) {
 					const styleObject = {};
@@ -766,8 +767,8 @@ ${banner}
 		const attachHover = (import_constants.isWeb || import_constants.isNativeDesktop) && !!(hasDynamicGroupChildren || needsHoverState || onMouseEnter || onMouseLeave);
 		const shouldAttach = !disabled && !props.asChild && Boolean(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
 		const needsPressState = Boolean(hasDynamicGroupChildren || runtimePressStyle);
-		if (process.env.NODE_ENV === "development" && time) time`events-setup`;
-		if (process.env.NODE_ENV === "development" && debugProp === "verbose") (0, import_log.log)(`\u{1FAA9} events()`, {
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`events-setup`;
+		if (!isProd && process.env.NODE_ENV === "development" && debugProp === "verbose") (0, import_log.log)(`\u{1FAA9} events()`, {
 			runtimeFocusStyle,
 			runtimePressStyle,
 			runtimeHoverStyle,
@@ -856,13 +857,13 @@ ${banner}
 			});
 		}, [attachPress, pseudoGroups]);
 		if (events) Object.assign(viewProps, (0, import_eventHandling.getWebEvents)(events));
-		if (process.env.NODE_ENV === "development" && time) time`events`;
-		if (process.env.NODE_ENV === "development" && debugProp === "verbose") (0, import_log.log)(`events`, {
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`events`;
+		if (!isProd && process.env.NODE_ENV === "development" && debugProp === "verbose") (0, import_log.log)(`events`, {
 			events,
 			attachHover,
 			attachPress
 		});
-		if (process.env.NODE_ENV === "development" && time) time`hooks`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`hooks`;
 		if (asChild && !isHOC) {
 			elementType = import_Slot.Slot;
 			{
@@ -882,7 +883,7 @@ ${banner}
 				Object.assign(viewProps, passEvents);
 			}
 		}
-		if (process.env.NODE_ENV === "development" && time) time`spaced-as-child`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`spaced-as-child`;
 		let content;
 		const childrenFromHooks = import_setupHooks.hooks.useChildren ? import_setupHooks.hooks.useChildren(elementType, children, viewProps, isPassthrough) : void 0;
 		if (isPassthrough) content = import_react.default.createElement(BaseComponent, { style: { display: "contents" } }, propsIn.children);
@@ -901,7 +902,7 @@ ${banner}
 				if (isRenderPropString && elementType["acceptRenderProp"]) viewProps.render = renderProp;
 				content = import_react.default.createElement(elementType, viewProps, content || children);
 			}
-			if (process.env.NODE_ENV === "development" && time) time`use-children`;
+			if (!isProd && process.env.NODE_ENV === "development" && time) time`use-children`;
 		}
 		const ResetPresence = animationDriver?.isStub ? void 0 : animationDriver?.ResetPresence;
 		const needsReset = Boolean(!asChild && splitStyles && !isHOC && ResetPresence && willBeAnimated && (hasEnterStyle || presenceState));
@@ -911,7 +912,7 @@ ${banner}
 			disabled: !needsReset,
 			children: content
 		});
-		if (process.env.NODE_ENV === "development" && time) time`create-element`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`create-element`;
 		if (conditionalStates?.has("focus-within")) content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
 			...componentContext,
 			setParentFocusState: setStateShallow,
@@ -926,9 +927,9 @@ ${banner}
 			inText: true,
 			children: content
 		});
-		if (process.env.NODE_ENV === "development" && time) time`group-context`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`group-context`;
 		content = disableTheme || !splitStyles ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, false, stateRef);
-		if (process.env.NODE_ENV === "development" && time) time`themed-children`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`themed-children`;
 		if (overriddenContextProps && contextForOverride) {
 			const Provider = contextForOverride.Provider;
 			for (const key in styledContextValue) if (!(key in overriddenContextProps)) overriddenContextProps[key] = styledContextValue[key];
@@ -938,10 +939,10 @@ ${banner}
 				children: content
 			});
 		}
-		if (process.env.NODE_ENV === "development" && time) time`context-override`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`context-override`;
 		if (process.env.TAMAGUI_RUNTIME !== "island" && startedUnhydrated && splitStyles) content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [content, !isHydrated ? (0, import_wrapStyleTags.getStyleTags)(Object.values(splitStyles.rulesToInsert)) : null] });
-		if (process.env.NODE_ENV === "development" && time) time`style-tags`;
-		if (process.env.NODE_ENV === "development") {
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`style-tags`;
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if (debugProp && debugProp !== "profile") {
 				const title = `render <${typeof elementType === "string" ? elementType : "Component"} /> (${internalID}) with props`;
 				if (!import_constants.isWeb || !import_constants.isClient) {
@@ -988,7 +989,7 @@ ${banner}
 				}
 			}
 		}
-		if (process.env.NODE_ENV === "development" && time) {
+		if (!isProd && process.env.NODE_ENV === "development" && time) {
 			time`rest`;
 			if (!globalThis["willPrint"]) {
 				globalThis["willPrint"] = true;

package/dist/cjs/createComponent.native.cjs

@@ -71,6 +71,7 @@ var import_useTheme = require("./hooks/useTheme.native.js");
 var import_setupHooks = require("./setupHooks.native.js");
 var import_Slot = require("./views/Slot.native.js");
 var import_Theme = require("./views/Theme.native.js");
+var isProd = process.env.NODE_ENV === "production";
 var time;
 var debugKeyListeners;
 var startVisualizer;
@@ -114,7 +115,7 @@ if (import_constants.isWeb && typeof document !== "undefined") {
 	});
 }
 function createComponent(staticConfig) {
-	if (process.env.TAMAGUI_RUNTIME === "zero") throw new Error(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 && 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;
@@ -146,8 +147,8 @@ function createComponent(staticConfig) {
 		}
 		var styleStaticConfig = resolvedStyleStaticConfig;
 		styleStaticConfig.styledContextKeys;
-		var internalID = process.env.NODE_ENV === "development" ? import_react.default.useId() : "";
-		if (process.env.NODE_ENV === "development") {
+		var internalID = !isProd && process.env.NODE_ENV === "development" ? import_react.default.useId() : "";
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if (startVisualizer) {
 				startVisualizer();
 				startVisualizer = void 0;
@@ -162,7 +163,7 @@ function createComponent(staticConfig) {
 				BaseView = baseViews.View;
 			}
 		}
-		if (process.env.NODE_ENV === "test") {
+		if (!isProd && process.env.NODE_ENV === "test") {
 			var testRenderCount = propsIn["data-test-renders"];
 			if (testRenderCount && typeof testRenderCount === "object" && !Object.isFrozen(testRenderCount)) {
 				var _testRenderCount_current;
@@ -177,13 +178,13 @@ function createComponent(staticConfig) {
 		var componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext);
 		var hasTextAncestor = !!(import_constants.isWeb && isText ? componentContext.inText : false);
 		var isInsideNativeMenu = import_constants.isAndroid ? import_react.default.useContext(import_native.NativeMenuContext) : false;
-		if (process.env.NODE_ENV === "development" && !time && globalThis.time) time = globalThis.time;
-		if (process.env.NODE_ENV === "development" && time) time`non-tamagui time (ignore)`;
+		if (!isProd && process.env.NODE_ENV === "development" && !time && globalThis.time) time = globalThis.time;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`non-tamagui time (ignore)`;
 		var props = propsIn;
 		var [nextProps, overrides] = (0, import_mergeProps.mergeComponentProps)(resolvedDefaultProps, styledContextValue, propsIn);
 		props = nextProps;
 		overriddenContextProps = overrides;
-		if (process.env.NODE_ENV === "development" && import_constants.isClient) import_react.default.useEffect(function() {
+		if (!isProd && process.env.NODE_ENV === "development" && import_constants.isClient) import_react.default.useEffect(function() {
 			var node;
 			var overlay = null;
 			var remove = function remove2() {
@@ -271,7 +272,7 @@ function createComponent(staticConfig) {
 			});
 		}, [platformPseudo, props.disabled]);
 		var setStateShallow = componentState.setStateShallow;
-		if (process.env.NODE_ENV === "development" && time) time`use-state`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`use-state`;
 		var renderProp = props.render;
 		var isRenderString = !Component || typeof Component === "string";
 		var element = import_constants.isWeb ? isRenderString ? renderProp || Component : Component : Component;
@@ -282,7 +283,7 @@ function createComponent(staticConfig) {
 		var disableThemeProp = false;
 		var hocThemesSelf = isHOC && "theme" in props;
 		var disableTheme = disableThemeProp || isHOC && !hocThemesSelf;
-		if (process.env.NODE_ENV === "development" && time) time`theme-props`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`theme-props`;
 		var themeStateProps = {
 			disable: disableTheme,
 			shallow: props.themeShallow,
@@ -299,7 +300,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 (process.env.NODE_ENV === "development") {
+		if (!isProd && 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)" : "");
@@ -362,14 +363,14 @@ ${banner}
 				}
 			}
 		}
-		if (process.env.NODE_ENV === "development" && time) time`pre-theme-media`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`pre-theme-media`;
 		var [theme, themeState] = (0, import_useTheme.useThemeWithState)(themeStateProps);
-		if (process.env.NODE_ENV === "development" && time) time`theme`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`theme`;
 		if (!isAnimatedCustomComponent) elementType = element || elementType;
 		var isStringElement = typeof elementType === "string";
 		var mediaState = (0, import_useMedia.useMedia)(stateRef.current, debugProp, stateRef.current);
 		(0, import_createVariable.setDidGetVariableValue)(false);
-		if (process.env.NODE_ENV === "development" && time) time`media`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`media`;
 		var styleProps = {
 			mediaState,
 			noClass,
@@ -383,7 +384,7 @@ ${banner}
 			prevStyle: import_constants.isWeb ? void 0 : stateRef.current.prevStyle
 		};
 		var themeName = (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "";
-		if (process.env.NODE_ENV === "development" && time) time`split-styles-prepare`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`split-styles-prepare`;
 		var splitStyles = (0, import_useSplitStyles.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;
@@ -625,7 +626,7 @@ ${banner}
 				stateRef.current.nextState = updatedState;
 				if (canAvoidReRender) {
 					var _stateRef_current_updateStyleListener, _stateRef_current3;
-					if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
+					if (!isProd && process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
 						console.groupCollapsed(`[\u26A1\uFE0F] avoid setState`, displayName, next, {
 							updatedState,
 							props
@@ -636,7 +637,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 (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") console.info(`[\u{1F40C}] re-render`, {
+					if (!isProd && process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") console.info(`[\u{1F40C}] re-render`, {
 						canAvoidReRender,
 						next
 					});
@@ -648,7 +649,7 @@ ${banner}
 				(_stateRef_current_setStateShallow = (_stateRef_current3 = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current3, state2);
 			};
 		}
-		if (process.env.NODE_ENV === "development" && time) time`split-styles`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`split-styles`;
 		if (splitStyles) {
 			if (props.group && props.untilMeasured === "hide" && !stateRef.current.hasMeasured) {
 				splitStyles.style = splitStyles.style || {};
@@ -658,7 +659,7 @@ ${banner}
 		var hasRuntimeMediaKeys = (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasMedia) && splitStyles.hasMedia !== true;
 		var shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClass && (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasMedia) === true;
 		var mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
-		if (process.env.NODE_ENV === "development" && debugProp === "verbose") console.info(`useMedia() createComponent`, shouldListenForMedia, mediaListeningKeys);
+		if (!isProd && process.env.NODE_ENV === "development" && debugProp === "verbose") console.info(`useMedia() createComponent`, shouldListenForMedia, mediaListeningKeys);
 		(0, import_useMedia.setMediaShouldUpdate)(stateRef.current, shouldListenForMedia, mediaListeningKeys, stateRef.current.optimizeForFirstRender);
 		var { viewProps: viewPropsIn, style: splitStylesStyle, classNames, pseudoGroups, mediaGroups } = splitStyles || {};
 		var groupSetRevision = (0, import_subscribeToContextGroup.useGroupSetRevision)(pseudoGroups, mediaGroups);
@@ -710,11 +711,11 @@ ${banner}
 					if (animations.className) viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`;
 				}
 			}
-			if (process.env.NODE_ENV === "development" && time) time`animations`;
+			if (!isProd && process.env.NODE_ENV === "development" && time) time`animations`;
 		}
 		if (import_constants.isWeb && isExiting) viewProps.className = `t_exiting ${viewProps.className || ""}`;
-		if (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 (process.env.NODE_ENV === "development" && time) time`destructure`;
+		if (!isProd && 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 && process.env.NODE_ENV === "development" && time) time`destructure`;
 		if (!isPassthrough && groupContext && isContainer) nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(nonTamaguiProps.onLayout, function(e) {
 			var _stateRef_current_group;
 			var layout = e.nativeEvent.layout;
@@ -744,19 +745,19 @@ ${banner}
 			if (stateRef.current.host) (0, import_compose_refs.setRef)(forwardedRef, stateRef.current.host);
 		}, [forwardedRef]);
 		(0, import_pointerEvents.usePointerEvents)(props, viewProps);
-		if (process.env.NODE_ENV === "development") {
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if (!isText && import_constants.isWeb && !isHOC) import_react.default.Children.toArray(props.children).forEach(function(item) {
 				if (typeof item === "string" && item !== "\n") console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <${displayName || propsIn.tag || "View"}>.`, props);
 			});
 		}
-		if (process.env.NODE_ENV === "development" && time) time`events-hooks`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`events-hooks`;
 		var unPress = function unPress2() {
 			setStateShallow({
 				press: false,
 				pressIn: false
 			});
 		};
-		if (process.env.NODE_ENV === "development" && import_constants.isWeb) (0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (!isProd && process.env.NODE_ENV === "development" && import_constants.isWeb) (0, import_constants.useIsomorphicLayoutEffect)(function() {
 			if (debugProp === "verbose") {
 				let cssStyleDeclarationToObject2 = function(style2) {
 					var styleObject = {};
@@ -852,8 +853,8 @@ ${banner}
 		var attachHover = (import_constants.isWeb || import_constants.isNativeDesktop) && !!(hasDynamicGroupChildren || needsHoverState || onMouseEnter || onMouseLeave);
 		var shouldAttach = !disabled && !props.asChild && Boolean(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
 		var needsPressState = Boolean(hasDynamicGroupChildren || runtimePressStyle);
-		if (process.env.NODE_ENV === "development" && time) time`events-setup`;
-		if (process.env.NODE_ENV === "development" && debugProp === "verbose") (0, import_log.log)(`\u{1FAA9} events()`, {
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`events-setup`;
+		if (!isProd && process.env.NODE_ENV === "development" && debugProp === "verbose") (0, import_log.log)(`\u{1FAA9} events()`, {
 			runtimeFocusStyle,
 			runtimePressStyle,
 			runtimeHoverStyle,
@@ -955,8 +956,8 @@ ${banner}
 			delayPressOut: viewProps.delayPressOut,
 			minPressDuration: 0
 		});
-		if (process.env.NODE_ENV === "development" && time) time`events`;
-		if (process.env.NODE_ENV === "development" && debugProp === "verbose") (0, import_log.log)(`events`, {
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`events`;
+		if (!isProd && process.env.NODE_ENV === "development" && debugProp === "verbose") (0, import_log.log)(`events`, {
 			events,
 			attachHover,
 			attachPress
@@ -970,7 +971,7 @@ ${banner}
 		var pressDebugName = displayName ? pressDebugDetail ? `${displayName}:${pressDebugDetail}` : displayName : pressDebugDetail || null;
 		hasRealPressEvents = !!(onPress || onPressIn || onPressOut || onLongPress);
 		pressGesture = (0, import_eventHandling.useEvents)(events, viewProps, stateRef, staticConfig, isHOC, isInsideNativeMenu, pressDebugName, hasRealPressEvents);
-		if (process.env.NODE_ENV === "development" && time) time`hooks`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`hooks`;
 		if (asChild && !isHOC) {
 			elementType = import_Slot.Slot;
 			Object.assign(viewProps, {
@@ -978,7 +979,7 @@ ${banner}
 				onLongPress
 			});
 		}
-		if (process.env.NODE_ENV === "development" && time) time`spaced-as-child`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`spaced-as-child`;
 		var content;
 		var childrenFromHooks = import_setupHooks.hooks.useChildren ? import_setupHooks.hooks.useChildren(elementType, children, viewProps, isPassthrough) : void 0;
 		if (isPassthrough) content = /* @__PURE__ */ import_react.default.createElement(BaseComponent, { style: { display: "contents" } }, propsIn.children);
@@ -1005,7 +1006,7 @@ ${banner}
 					isInput: staticConfig.isInput
 				});
 			}
-			if (process.env.NODE_ENV === "development" && time) time`use-children`;
+			if (!isProd && process.env.NODE_ENV === "development" && time) time`use-children`;
 		}
 		var isCompositeComponent = !isHOC && Component && typeof Component !== "string";
 		content = (0, import_eventHandling.wrapWithGestureDetector)(content, pressGesture, stateRef, isHOC, isCompositeComponent, hasRealPressEvents && !isInsideNativeMenu);
@@ -1017,7 +1018,7 @@ ${banner}
 			disabled: !needsReset,
 			children: content
 		});
-		if (process.env.NODE_ENV === "development" && time) time`create-element`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`create-element`;
 		if (groupName || isContainer) content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GroupContext.GroupContext.Provider, {
 			value: allGroupContexts,
 			children: content
@@ -1037,9 +1038,9 @@ ${banner}
 				children: content
 			});
 		}
-		if (process.env.NODE_ENV === "development" && time) time`group-context`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`group-context`;
 		content = disableTheme || !splitStyles ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, false, stateRef);
-		if (process.env.NODE_ENV === "development" && time) time`themed-children`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`themed-children`;
 		if (overriddenContextProps && contextForOverride) {
 			var Provider = contextForOverride.Provider;
 			for (var key2 in styledContextValue) if (!(key2 in overriddenContextProps)) overriddenContextProps[key2] = styledContextValue[key2];
@@ -1049,10 +1050,10 @@ ${banner}
 				children: content
 			});
 		}
-		if (process.env.NODE_ENV === "development" && time) time`context-override`;
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`context-override`;
 		if (process.env.TAMAGUI_RUNTIME !== "island" && false);
-		if (process.env.NODE_ENV === "development" && time) time`style-tags`;
-		if (process.env.NODE_ENV === "development") {
+		if (!isProd && process.env.NODE_ENV === "development" && time) time`style-tags`;
+		if (!isProd && process.env.NODE_ENV === "development") {
 			if (debugProp && debugProp !== "profile") {
 				var title = `render <${typeof elementType === "string" ? elementType : "Component"} /> (${internalID}) with props`;
 				if (!import_constants.isWeb || !import_constants.isClient) {
@@ -1099,7 +1100,7 @@ ${banner}
 				}
 			}
 		}
-		if (process.env.NODE_ENV === "development" && time) {
+		if (!isProd && process.env.NODE_ENV === "development" && time) {
 			time`rest`;
 			if (!globalThis["willPrint"]) {
 				globalThis["willPrint"] = true;