@tamagui/web 3.0.17 → 3.1.0

package/dist/cjs/createComponent.native.js

@@ -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;