@tamagui/web 3.0.0-beta.831.1 → 3.0.0-beta.889.1

package/dist/cjs/hooks/useComponentState.native.cjs

@@ -28,11 +28,9 @@ var import_is_equal_shallow = require("@tamagui/is-equal-shallow");
 var import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
 var import_react = require("react");
 var import_config = require("../config.native.js");
-var import_formatDiagnostic = require("../helpers/formatDiagnostic.native.js");
 var import_isOptimizedForFirstRender = require("./isOptimizedForFirstRender.native.js");
 var import_defaultComponentState = require("../defaultComponentState.native.js");
 var import_isObj = require("../helpers/isObj.native.js");
-var import_log = require("../helpers/log.native.js");
 function _type_of(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
@@ -40,57 +38,54 @@ function _type_of(obj) {
 var useComponentState = function(props, animationDriver, staticConfig, config) {
 	"use no memo";
 	var _getPlatformDriver, _animationDriver_usePresence;
+	var _stateRef, _curStateRef, _curStateRef1;
 	var isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();
 	var needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)();
 	var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;
 	var { isHOC } = staticConfig;
 	var stateRef = (0, import_react.useRef)(void 0);
-	if (!stateRef.current) {
-		stateRef.current = {
-			startedUnhydrated: needsHydration && !isHydrated,
-			optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()
-		};
-	}
+	var curStateRef = (_stateRef = stateRef).current || (_stateRef.current = {
+		startedUnhydrated: needsHydration && !isHydrated,
+		optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()
+	});
 	var hasAnimationProp = Boolean(!isHOC && "transition" in props || props.style && hasAnimatedStyleValue(props.style));
 	var _animationDriver_inputStyle;
 	var inputStyle = (_animationDriver_inputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.inputStyle) !== null && _animationDriver_inputStyle !== void 0 ? _animationDriver_inputStyle : "css";
 	var _animationDriver_outputStyle;
 	var outputStyle = (_animationDriver_outputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : "css";
-	var curStateRef = stateRef.current;
 	if (!needsHydration && hasAnimationProp) {
 		curStateRef.hasAnimated = true;
 	}
 	var platformPseudoPossible = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = (0, import_constants.getPlatformDriver)()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo));
-	var willBeAnimatedClient = (function() {
-		var next = !!((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations);
-		return Boolean(next || curStateRef.hasAnimated);
-	})();
+	var willBeAnimatedClient = Boolean((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations || curStateRef.hasAnimated);
 	var willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
 	if (willBeAnimated && hasAnimationProp && !curStateRef.hasAnimated) {
 		curStateRef.hasAnimated = true;
 	}
 	var { disableClassName } = props;
-	if (willBeAnimated && !isHOC && props["animatePresence"] !== false) {
+	var animatePresenceOptIn = willBeAnimated && !isHOC && props["animatePresence"] !== false;
+	if (animatePresenceOptIn) {
 		curStateRef.shouldRegisterPresence = true;
 	} else {
-		var _curStateRef;
+		var _curStateRef2;
 		var _shouldRegisterPresence;
-		(_shouldRegisterPresence = (_curStateRef = curStateRef).shouldRegisterPresence) !== null && _shouldRegisterPresence !== void 0 ? _shouldRegisterPresence : _curStateRef.shouldRegisterPresence = false;
+		(_shouldRegisterPresence = (_curStateRef2 = curStateRef).shouldRegisterPresence) !== null && _shouldRegisterPresence !== void 0 ? _shouldRegisterPresence : _curStateRef2.shouldRegisterPresence = false;
 	}
 	var presenceResult = (animationDriver === null || animationDriver === void 0 ? void 0 : (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver, curStateRef)) || null;
-	var presence = !isHOC && willBeAnimated && props["animatePresence"] !== false ? presenceResult : null;
+	var presence = animatePresenceOptIn ? presenceResult : null;
 	var presenceState = presence === null || presence === void 0 ? void 0 : presence[2];
 	var isExiting = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === false;
 	var isEntering = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false;
 	var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && inputStyle !== "css";
-	var initialState = { ...import_defaultComponentState.defaultComponentStateMounted };
 	var disabled = isDisabled(props);
-	if (disabled != null) {
-		initialState.disabled = disabled;
-	}
-	var states = (0, import_react.useState)(initialState);
+	var [componentState, reactSetState] = (0, import_react.useState)(function() {
+		return disabled != null ? {
+			...import_defaultComponentState.defaultComponentStateMounted,
+			disabled
+		} : import_defaultComponentState.defaultComponentStateMounted;
+	});
 	var initialStyleFrameUnmounted = curStateRef.initialStyleFrameUnmounted;
-	var state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...states[0] } : states[0];
+	var state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...componentState } : componentState;
 	if (!curStateRef.didFinalizeInitialStyleFrame && !isHOC) {
 		state.unmounted = true;
 	}
@@ -98,26 +93,22 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 		state.unmounted = initialStyleFrameUnmounted;
 	}
 	if (props.forceStyle) {
-		if (state === states[0]) state = { ...state };
+		if (state === componentState) state = { ...state };
 		state[props.forceStyle] = true;
 	}
-	if (!curStateRef.setState) {
-		var reactSetState = states[1];
-		curStateRef.setState = function(stateOrGetState) {
-			var pendingUnmounted = curStateRef.initialStyleFrameUnmounted;
-			curStateRef.initialStyleFrameUnmounted = void 0;
-			reactSetState(function(previous) {
-				var current = pendingUnmounted !== void 0 && previous.unmounted !== pendingUnmounted ? {
-					...previous,
-					unmounted: pendingUnmounted
-				} : previous;
-				return typeof stateOrGetState === "function" ? stateOrGetState(current) : stateOrGetState;
-			});
-		};
-	}
-	var setState = curStateRef.setState;
+	var setState = (_curStateRef = curStateRef).setState || (_curStateRef.setState = function(stateOrGetState) {
+		var pendingUnmounted = curStateRef.initialStyleFrameUnmounted;
+		curStateRef.initialStyleFrameUnmounted = void 0;
+		reactSetState(function(previous) {
+			var current = pendingUnmounted !== void 0 && previous.unmounted !== pendingUnmounted ? {
+				...previous,
+				unmounted: pendingUnmounted
+			} : previous;
+			return typeof stateOrGetState === "function" ? stateOrGetState(current) : stateOrGetState;
+		});
+	});
 	var isAnimated = willBeAnimated;
-	if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {
+	if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated) {
 		isAnimated = false;
 		curStateRef.willHydrate = true;
 	}
@@ -131,37 +122,14 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 		});
 	}
 	var groupName = props.group;
-	if (!stateRef.current.baseSetStateShallow) {
-		var r = stateRef.current;
-		r.baseSetStateShallow = function(stateOrGetState) {
-			setState(function(prev) {
-				var next = typeof stateOrGetState === "function" ? stateOrGetState(prev) : stateOrGetState;
-				var update = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(prev, next);
-				if (process.env.NODE_ENV === "development") {
-					var dbg = r.__debug;
-					if (dbg && update !== prev) {
-						console.groupCollapsed(`setStateShallow CHANGE`, "=>", update);
-						console.info(`previously`, prev);
-						console.trace();
-						console.groupEnd();
-					}
-				}
-				return update;
-			});
-		};
-	}
-	if (process.env.NODE_ENV === "development") {
-		;
-		stateRef.current.__debug = props.debug;
-	}
-	var setStateShallow = stateRef.current.baseSetStateShallow;
-	if (process.env.NODE_ENV === "development" && globalThis.time) globalThis.time`state-useCreateShallowSetState`;
+	var setStateShallow = (_curStateRef1 = curStateRef).baseSetStateShallow || (_curStateRef1.baseSetStateShallow = function(stateOrGetState) {
+		setState(function(prev) {
+			var next = typeof stateOrGetState === "function" ? stateOrGetState(prev) : stateOrGetState;
+			return (0, import_is_equal_shallow.mergeIfNotShallowEqual)(prev, next);
+		});
+	});
 	var outProps = props;
 	if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
-		if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-			var _staticConfig_Component, _staticConfig_Component1;
-			console.warn((0, import_formatDiagnostic.formatDiagnostic)("TAMAGUI_PRESENCE_STATE", ((_staticConfig_Component = staticConfig.Component) === null || _staticConfig_Component === void 0 ? void 0 : _staticConfig_Component.displayName) || ((_staticConfig_Component1 = staticConfig.Component) === null || _staticConfig_Component1 === void 0 ? void 0 : _staticConfig_Component1.name) || "TamaguiComponent", "AnimatePresence supplied lifecycle state to an animated component", "Remove debug=\"verbose\" after inspecting the animation state", "presenceState", presenceState));
-		}
 		var { custom } = presenceState;
 		if ((0, import_isObj.isObj)(custom)) {
 			outProps = {
@@ -170,23 +138,16 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 			};
 		}
 	}
-	var noClass = !import_constants.isWeb || !!props.forceStyle;
-	if (!isHydrated) {
-		noClass = false;
-	} else {
-		if (import_constants.isWeb && isHydrated) {
-			var isAnimatedAndHydrated = !!((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC) && isHydrated;
+	var noClass = !import_constants.isWeb || Boolean(props.forceStyle);
+	if (import_constants.isWeb) {
+		if (!isHydrated) {
+			noClass = false;
+		} else {
+			var isAnimatedAndHydrated = Boolean((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC);
 			var isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)("disableSSR") || !state.unmounted);
-			var isDisabledManually = disableClassName && !state.unmounted;
+			var isDisabledManually = Boolean(disableClassName && !state.unmounted);
 			if (isAnimatedAndHydrated && outputStyle !== "css" || isDisabledManually || isClassNameDisabled) {
 				noClass = true;
-				if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-					(0, import_log.log)(`avoiding className`, {
-						isAnimatedAndHydrated,
-						isDisabledManually,
-						isClassNameDisabled
-					});
-				}
 			}
 		}
 	}
@@ -231,7 +192,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 			result.platformPseudo = platformPseudo;
 			result.willBeAnimatedClient = nextWillBeAnimatedClient;
 			result.willBeAnimated = nextWillBeAnimated;
-			result.isAnimated = import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated ? false : nextWillBeAnimated;
+			result.isAnimated = import_constants.isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated ? false : nextWillBeAnimated;
 			if (nextWillBeAnimated && !isHOC && props["animatePresence"] !== false) {
 				curStateRef.shouldRegisterPresence = true;
 			}

package/dist/cjs/hooks/useComponentState.native.js

@@ -28,11 +28,9 @@ var import_is_equal_shallow = require("@tamagui/is-equal-shallow");
 var import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
 var import_react = require("react");
 var import_config = require("../config.native.js");
-var import_formatDiagnostic = require("../helpers/formatDiagnostic.native.js");
 var import_isOptimizedForFirstRender = require("./isOptimizedForFirstRender.native.js");
 var import_defaultComponentState = require("../defaultComponentState.native.js");
 var import_isObj = require("../helpers/isObj.native.js");
-var import_log = require("../helpers/log.native.js");
 function _type_of(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
@@ -40,57 +38,54 @@ function _type_of(obj) {
 var useComponentState = function(props, animationDriver, staticConfig, config) {
 	"use no memo";
 	var _getPlatformDriver, _animationDriver_usePresence;
+	var _stateRef, _curStateRef, _curStateRef1;
 	var isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();
 	var needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)();
 	var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;
 	var { isHOC } = staticConfig;
 	var stateRef = (0, import_react.useRef)(void 0);
-	if (!stateRef.current) {
-		stateRef.current = {
-			startedUnhydrated: needsHydration && !isHydrated,
-			optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()
-		};
-	}
+	var curStateRef = (_stateRef = stateRef).current || (_stateRef.current = {
+		startedUnhydrated: needsHydration && !isHydrated,
+		optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()
+	});
 	var hasAnimationProp = Boolean(!isHOC && "transition" in props || props.style && hasAnimatedStyleValue(props.style));
 	var _animationDriver_inputStyle;
 	var inputStyle = (_animationDriver_inputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.inputStyle) !== null && _animationDriver_inputStyle !== void 0 ? _animationDriver_inputStyle : "css";
 	var _animationDriver_outputStyle;
 	var outputStyle = (_animationDriver_outputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : "css";
-	var curStateRef = stateRef.current;
 	if (!needsHydration && hasAnimationProp) {
 		curStateRef.hasAnimated = true;
 	}
 	var platformPseudoPossible = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = (0, import_constants.getPlatformDriver)()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo));
-	var willBeAnimatedClient = (function() {
-		var next = !!((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations);
-		return Boolean(next || curStateRef.hasAnimated);
-	})();
+	var willBeAnimatedClient = Boolean((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations || curStateRef.hasAnimated);
 	var willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
 	if (willBeAnimated && hasAnimationProp && !curStateRef.hasAnimated) {
 		curStateRef.hasAnimated = true;
 	}
 	var { disableClassName } = props;
-	if (willBeAnimated && !isHOC && props["animatePresence"] !== false) {
+	var animatePresenceOptIn = willBeAnimated && !isHOC && props["animatePresence"] !== false;
+	if (animatePresenceOptIn) {
 		curStateRef.shouldRegisterPresence = true;
 	} else {
-		var _curStateRef;
+		var _curStateRef2;
 		var _shouldRegisterPresence;
-		(_shouldRegisterPresence = (_curStateRef = curStateRef).shouldRegisterPresence) !== null && _shouldRegisterPresence !== void 0 ? _shouldRegisterPresence : _curStateRef.shouldRegisterPresence = false;
+		(_shouldRegisterPresence = (_curStateRef2 = curStateRef).shouldRegisterPresence) !== null && _shouldRegisterPresence !== void 0 ? _shouldRegisterPresence : _curStateRef2.shouldRegisterPresence = false;
 	}
 	var presenceResult = (animationDriver === null || animationDriver === void 0 ? void 0 : (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver, curStateRef)) || null;
-	var presence = !isHOC && willBeAnimated && props["animatePresence"] !== false ? presenceResult : null;
+	var presence = animatePresenceOptIn ? presenceResult : null;
 	var presenceState = presence === null || presence === void 0 ? void 0 : presence[2];
 	var isExiting = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === false;
 	var isEntering = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false;
 	var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && inputStyle !== "css";
-	var initialState = { ...import_defaultComponentState.defaultComponentStateMounted };
 	var disabled = isDisabled(props);
-	if (disabled != null) {
-		initialState.disabled = disabled;
-	}
-	var states = (0, import_react.useState)(initialState);
+	var [componentState, reactSetState] = (0, import_react.useState)(function() {
+		return disabled != null ? {
+			...import_defaultComponentState.defaultComponentStateMounted,
+			disabled
+		} : import_defaultComponentState.defaultComponentStateMounted;
+	});
 	var initialStyleFrameUnmounted = curStateRef.initialStyleFrameUnmounted;
-	var state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...states[0] } : states[0];
+	var state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...componentState } : componentState;
 	if (!curStateRef.didFinalizeInitialStyleFrame && !isHOC) {
 		state.unmounted = true;
 	}
@@ -98,26 +93,22 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 		state.unmounted = initialStyleFrameUnmounted;
 	}
 	if (props.forceStyle) {
-		if (state === states[0]) state = { ...state };
+		if (state === componentState) state = { ...state };
 		state[props.forceStyle] = true;
 	}
-	if (!curStateRef.setState) {
-		var reactSetState = states[1];
-		curStateRef.setState = function(stateOrGetState) {
-			var pendingUnmounted = curStateRef.initialStyleFrameUnmounted;
-			curStateRef.initialStyleFrameUnmounted = void 0;
-			reactSetState(function(previous) {
-				var current = pendingUnmounted !== void 0 && previous.unmounted !== pendingUnmounted ? {
-					...previous,
-					unmounted: pendingUnmounted
-				} : previous;
-				return typeof stateOrGetState === "function" ? stateOrGetState(current) : stateOrGetState;
-			});
-		};
-	}
-	var setState = curStateRef.setState;
+	var setState = (_curStateRef = curStateRef).setState || (_curStateRef.setState = function(stateOrGetState) {
+		var pendingUnmounted = curStateRef.initialStyleFrameUnmounted;
+		curStateRef.initialStyleFrameUnmounted = void 0;
+		reactSetState(function(previous) {
+			var current = pendingUnmounted !== void 0 && previous.unmounted !== pendingUnmounted ? {
+				...previous,
+				unmounted: pendingUnmounted
+			} : previous;
+			return typeof stateOrGetState === "function" ? stateOrGetState(current) : stateOrGetState;
+		});
+	});
 	var isAnimated = willBeAnimated;
-	if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {
+	if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated) {
 		isAnimated = false;
 		curStateRef.willHydrate = true;
 	}
@@ -131,37 +122,14 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 		});
 	}
 	var groupName = props.group;
-	if (!stateRef.current.baseSetStateShallow) {
-		var r = stateRef.current;
-		r.baseSetStateShallow = function(stateOrGetState) {
-			setState(function(prev) {
-				var next = typeof stateOrGetState === "function" ? stateOrGetState(prev) : stateOrGetState;
-				var update = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(prev, next);
-				if (process.env.NODE_ENV === "development") {
-					var dbg = r.__debug;
-					if (dbg && update !== prev) {
-						console.groupCollapsed(`setStateShallow CHANGE`, "=>", update);
-						console.info(`previously`, prev);
-						console.trace();
-						console.groupEnd();
-					}
-				}
-				return update;
-			});
-		};
-	}
-	if (process.env.NODE_ENV === "development") {
-		;
-		stateRef.current.__debug = props.debug;
-	}
-	var setStateShallow = stateRef.current.baseSetStateShallow;
-	if (process.env.NODE_ENV === "development" && globalThis.time) globalThis.time`state-useCreateShallowSetState`;
+	var setStateShallow = (_curStateRef1 = curStateRef).baseSetStateShallow || (_curStateRef1.baseSetStateShallow = function(stateOrGetState) {
+		setState(function(prev) {
+			var next = typeof stateOrGetState === "function" ? stateOrGetState(prev) : stateOrGetState;
+			return (0, import_is_equal_shallow.mergeIfNotShallowEqual)(prev, next);
+		});
+	});
 	var outProps = props;
 	if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
-		if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-			var _staticConfig_Component, _staticConfig_Component1;
-			console.warn((0, import_formatDiagnostic.formatDiagnostic)("TAMAGUI_PRESENCE_STATE", ((_staticConfig_Component = staticConfig.Component) === null || _staticConfig_Component === void 0 ? void 0 : _staticConfig_Component.displayName) || ((_staticConfig_Component1 = staticConfig.Component) === null || _staticConfig_Component1 === void 0 ? void 0 : _staticConfig_Component1.name) || "TamaguiComponent", "AnimatePresence supplied lifecycle state to an animated component", "Remove debug=\"verbose\" after inspecting the animation state", "presenceState", presenceState));
-		}
 		var { custom } = presenceState;
 		if ((0, import_isObj.isObj)(custom)) {
 			outProps = {
@@ -170,23 +138,16 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 			};
 		}
 	}
-	var noClass = !import_constants.isWeb || !!props.forceStyle;
-	if (!isHydrated) {
-		noClass = false;
-	} else {
-		if (import_constants.isWeb && isHydrated) {
-			var isAnimatedAndHydrated = !!((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC) && isHydrated;
+	var noClass = !import_constants.isWeb || Boolean(props.forceStyle);
+	if (import_constants.isWeb) {
+		if (!isHydrated) {
+			noClass = false;
+		} else {
+			var isAnimatedAndHydrated = Boolean((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC);
 			var isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)("disableSSR") || !state.unmounted);
-			var isDisabledManually = disableClassName && !state.unmounted;
+			var isDisabledManually = Boolean(disableClassName && !state.unmounted);
 			if (isAnimatedAndHydrated && outputStyle !== "css" || isDisabledManually || isClassNameDisabled) {
 				noClass = true;
-				if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-					(0, import_log.log)(`avoiding className`, {
-						isAnimatedAndHydrated,
-						isDisabledManually,
-						isClassNameDisabled
-					});
-				}
 			}
 		}
 	}
@@ -231,7 +192,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 			result.platformPseudo = platformPseudo;
 			result.willBeAnimatedClient = nextWillBeAnimatedClient;
 			result.willBeAnimated = nextWillBeAnimated;
-			result.isAnimated = import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated ? false : nextWillBeAnimated;
+			result.isAnimated = import_constants.isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated ? false : nextWillBeAnimated;
 			if (nextWillBeAnimated && !isHOC && props["animatePresence"] !== false) {
 				curStateRef.shouldRegisterPresence = true;
 			}

package/dist/cjs/hooks/useComponentState.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComponentState.native.js","names":[],"sources":["cjs/hooks/useComponentState.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useComponentState_exports = {};\n__export(useComponentState_exports, {\n  useComponentState: () => useComponentState\n});\nmodule.exports = __toCommonJS(useComponentState_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_is_equal_shallow = require(\"@tamagui/is-equal-shallow\");\nvar import_use_did_finish_ssr = require(\"@tamagui/use-did-finish-ssr\");\nvar import_react = require(\"react\");\nvar import_config = require(\"../config\");\nvar import_formatDiagnostic = require(\"../helpers/formatDiagnostic\");\nvar import_isOptimizedForFirstRender = require(\"./isOptimizedForFirstRender\");\nvar import_defaultComponentState = require(\"../defaultComponentState\");\nvar import_isObj = require(\"../helpers/isObj\");\nvar import_log = require(\"../helpers/log\");\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar useComponentState = function(props, animationDriver, staticConfig, config) {\n  \"use no memo\";\n  var _getPlatformDriver, _animationDriver_usePresence;\n  var isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();\n  var needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)();\n  var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;\n  var { isHOC } = staticConfig;\n  var stateRef = (0, import_react.useRef)(\n    // performance: avoid creating object every render\n    void 0\n  );\n  if (!stateRef.current) {\n    stateRef.current = {\n      startedUnhydrated: needsHydration && !isHydrated,\n      optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()\n    };\n  }\n  var hasAnimationProp = Boolean(!isHOC && \"transition\" in props || props.style && hasAnimatedStyleValue(props.style));\n  var _animationDriver_inputStyle;\n  var inputStyle = (_animationDriver_inputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.inputStyle) !== null && _animationDriver_inputStyle !== void 0 ? _animationDriver_inputStyle : \"css\";\n  var _animationDriver_outputStyle;\n  var outputStyle = (_animationDriver_outputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : \"css\";\n  var curStateRef = stateRef.current;\n  if (!needsHydration && hasAnimationProp) {\n    curStateRef.hasAnimated = true;\n  }\n  var platformPseudoPossible = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = (0, import_constants.getPlatformDriver)()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo));\n  var willBeAnimatedClient = (function() {\n    var next = !!((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations);\n    return Boolean(next || curStateRef.hasAnimated);\n  })();\n  var willBeAnimated = !import_constants.isServer && willBeAnimatedClient;\n  if (willBeAnimated && hasAnimationProp && !curStateRef.hasAnimated) {\n    curStateRef.hasAnimated = true;\n  }\n  var { disableClassName } = props;\n  if (willBeAnimated && !isHOC && props[\"animatePresence\"] !== false) {\n    curStateRef.shouldRegisterPresence = true;\n  } else {\n    var _curStateRef;\n    var _shouldRegisterPresence;\n    (_shouldRegisterPresence = (_curStateRef = curStateRef).shouldRegisterPresence) !== null && _shouldRegisterPresence !== void 0 ? _shouldRegisterPresence : _curStateRef.shouldRegisterPresence = false;\n  }\n  var presenceResult = (animationDriver === null || animationDriver === void 0 ? void 0 : (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver, curStateRef)) || null;\n  var presence = !isHOC && willBeAnimated && props[\"animatePresence\"] !== false ? presenceResult : null;\n  var presenceState = presence === null || presence === void 0 ? void 0 : presence[2];\n  var isExiting = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === false;\n  var isEntering = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false;\n  var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && inputStyle !== \"css\";\n  var initialState = {\n    ...import_defaultComponentState.defaultComponentStateMounted\n  };\n  var disabled = isDisabled(props);\n  if (disabled != null) {\n    initialState.disabled = disabled;\n  }\n  var states = (0, import_react.useState)(initialState);\n  var initialStyleFrameUnmounted = curStateRef.initialStyleFrameUnmounted;\n  var state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? {\n    ...states[0]\n  } : states[0];\n  if (!curStateRef.didFinalizeInitialStyleFrame && !isHOC) {\n    state.unmounted = true;\n  }\n  if (initialStyleFrameUnmounted !== void 0) {\n    state.unmounted = initialStyleFrameUnmounted;\n  }\n  if (props.forceStyle) {\n    if (state === states[0]) state = {\n      ...state\n    };\n    state[props.forceStyle] = true;\n  }\n  if (!curStateRef.setState) {\n    var reactSetState = states[1];\n    curStateRef.setState = function(stateOrGetState) {\n      var pendingUnmounted = curStateRef.initialStyleFrameUnmounted;\n      curStateRef.initialStyleFrameUnmounted = void 0;\n      reactSetState(function(previous) {\n        var current = pendingUnmounted !== void 0 && previous.unmounted !== pendingUnmounted ? {\n          ...previous,\n          unmounted: pendingUnmounted\n        } : previous;\n        return typeof stateOrGetState === \"function\" ? stateOrGetState(current) : stateOrGetState;\n      });\n    };\n  }\n  var setState = curStateRef.setState;\n  var isAnimated = willBeAnimated;\n  if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {\n    isAnimated = false;\n    curStateRef.willHydrate = true;\n  }\n  if (disabled !== state.disabled) {\n    if (disabled) {\n      Object.assign(state, import_defaultComponentState.defaultComponentStateMounted);\n    }\n    state.disabled = disabled;\n    setState(function(_) {\n      return {\n        ...state\n      };\n    });\n  }\n  var groupName = props.group;\n  if (!stateRef.current.baseSetStateShallow) {\n    var r = stateRef.current;\n    r.baseSetStateShallow = function(stateOrGetState) {\n      setState(function(prev) {\n        var next = typeof stateOrGetState === \"function\" ? stateOrGetState(prev) : stateOrGetState;\n        var update = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(prev, next);\n        if (process.env.NODE_ENV === \"development\") {\n          var dbg = r.__debug;\n          if (dbg && update !== prev) {\n            console.groupCollapsed(`setStateShallow CHANGE`, \"=>\", update);\n            console.info(`previously`, prev);\n            console.trace();\n            console.groupEnd();\n          }\n        }\n        return update;\n      });\n    };\n  }\n  if (process.env.NODE_ENV === \"development\") {\n    ;\n    stateRef.current.__debug = props.debug;\n  }\n  var setStateShallow = stateRef.current.baseSetStateShallow;\n  if (process.env.NODE_ENV === \"development\" && globalThis.time) globalThis.time`state-useCreateShallowSetState`;\n  var outProps = props;\n  if (presenceState && isAnimated && isHydrated && staticConfig.variants) {\n    if (process.env.NODE_ENV === \"development\" && props.debug === \"verbose\") {\n      var _staticConfig_Component, _staticConfig_Component1;\n      console.warn((0, import_formatDiagnostic.formatDiagnostic)(\"TAMAGUI_PRESENCE_STATE\", ((_staticConfig_Component = staticConfig.Component) === null || _staticConfig_Component === void 0 ? void 0 : _staticConfig_Component.displayName) || ((_staticConfig_Component1 = staticConfig.Component) === null || _staticConfig_Component1 === void 0 ? void 0 : _staticConfig_Component1.name) || \"TamaguiComponent\", \"AnimatePresence supplied lifecycle state to an animated component\", 'Remove debug=\"verbose\" after inspecting the animation state', \"presenceState\", presenceState));\n    }\n    var { custom } = presenceState;\n    if ((0, import_isObj.isObj)(custom)) {\n      outProps = {\n        ...props,\n        ...custom\n      };\n    }\n  }\n  var noClass = !import_constants.isWeb || !!props.forceStyle;\n  if (!isHydrated) {\n    noClass = false;\n  } else {\n    if (import_constants.isWeb && isHydrated) {\n      var isAnimatedAndHydrated = !!((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC) && isHydrated;\n      var isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)(\"disableSSR\") || !state.unmounted);\n      var isDisabledManually = disableClassName && !state.unmounted;\n      if (\n        // Only disable className for animation drivers that output inline styles (not css)\n        isAnimatedAndHydrated && outputStyle !== \"css\" || isDisabledManually || isClassNameDisabled\n      ) {\n        noClass = true;\n        if (process.env.NODE_ENV === \"development\" && props.debug === \"verbose\") {\n          (0, import_log.log)(`avoiding className`, {\n            isAnimatedAndHydrated,\n            isDisabledManually,\n            isClassNameDisabled\n          });\n        }\n      }\n    }\n  }\n  var result = {\n    props: outProps,\n    startedUnhydrated: curStateRef.startedUnhydrated,\n    curStateRef,\n    disabled,\n    groupName,\n    hasAnimationProp,\n    hasEnterStyle: false,\n    isAnimated,\n    isExiting,\n    isHydrated,\n    presence,\n    presenceState,\n    setState,\n    setStateShallow,\n    noClass,\n    state,\n    stateRef,\n    inputStyle,\n    outputStyle,\n    willBeAnimated,\n    willBeAnimatedClient,\n    platformPseudo: platformPseudoPossible,\n    finalizeStyleFlags(hasEnterStyle, hasPlatformPseudo) {\n      var platformPseudo = platformPseudoPossible && hasPlatformPseudo;\n      var nextWillBeAnimatedClient = Boolean((hasAnimationProp || platformPseudo) && !isHOC && useAnimations || curStateRef.hasAnimated);\n      var nextWillBeAnimated = !import_constants.isServer && nextWillBeAnimatedClient;\n      if (nextWillBeAnimated && !curStateRef.hasAnimated) {\n        curStateRef.hasAnimated = true;\n      }\n      if (!curStateRef.didFinalizeInitialStyleFrame) {\n        curStateRef.didFinalizeInitialStyleFrame = true;\n        var shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName);\n        var unmounted = shouldEnter ? hasEnterStyle || isEntering ? \"should-enter\" : true : false;\n        state.unmounted = unmounted;\n        curStateRef.initialStyleFrameUnmounted = unmounted || void 0;\n      }\n      result.hasEnterStyle = hasEnterStyle;\n      result.platformPseudo = platformPseudo;\n      result.willBeAnimatedClient = nextWillBeAnimatedClient;\n      result.willBeAnimated = nextWillBeAnimated;\n      result.isAnimated = import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated ? false : nextWillBeAnimated;\n      if (nextWillBeAnimated && !isHOC && props[\"animatePresence\"] !== false) {\n        curStateRef.shouldRegisterPresence = true;\n      }\n      return result;\n    }\n  };\n  return result;\n};\nfunction hasAnimatedStyleValue(style) {\n  for (var k in style) {\n    var val = style[k];\n    if (val && (typeof val === \"undefined\" ? \"undefined\" : _type_of(val)) === \"object\" && \"_animation\" in val) {\n      return true;\n    }\n  }\n  return false;\n}\nvar isDisabled = function(props) {\n  var _props_accessibilityState;\n  return props.disabled || props.passThrough || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props[\"aria-disabled\"] || props.accessibilityDisabled || false;\n};\n//# sourceMappingURL=useComponentState.js.map\n"],"mappings":"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"}
+{"version":3,"file":"useComponentState.native.js","names":[],"sources":["cjs/hooks/useComponentState.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useComponentState_exports = {};\n__export(useComponentState_exports, {\n  useComponentState: () => useComponentState\n});\nmodule.exports = __toCommonJS(useComponentState_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_is_equal_shallow = require(\"@tamagui/is-equal-shallow\");\nvar import_use_did_finish_ssr = require(\"@tamagui/use-did-finish-ssr\");\nvar import_react = require(\"react\");\nvar import_config = require(\"../config\");\nvar import_isOptimizedForFirstRender = require(\"./isOptimizedForFirstRender\");\nvar import_defaultComponentState = require(\"../defaultComponentState\");\nvar import_isObj = require(\"../helpers/isObj\");\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar useComponentState = function(props, animationDriver, staticConfig, config) {\n  \"use no memo\";\n  var _getPlatformDriver, _animationDriver_usePresence;\n  var _stateRef, _curStateRef, _curStateRef1;\n  var isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();\n  var needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)();\n  var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;\n  var { isHOC } = staticConfig;\n  var stateRef = (0, import_react.useRef)(void 0);\n  var curStateRef = (_stateRef = stateRef).current || (_stateRef.current = {\n    startedUnhydrated: needsHydration && !isHydrated,\n    optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()\n  });\n  var hasAnimationProp = Boolean(!isHOC && \"transition\" in props || props.style && hasAnimatedStyleValue(props.style));\n  var _animationDriver_inputStyle;\n  var inputStyle = (_animationDriver_inputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.inputStyle) !== null && _animationDriver_inputStyle !== void 0 ? _animationDriver_inputStyle : \"css\";\n  var _animationDriver_outputStyle;\n  var outputStyle = (_animationDriver_outputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : \"css\";\n  if (!needsHydration && hasAnimationProp) {\n    curStateRef.hasAnimated = true;\n  }\n  var platformPseudoPossible = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = (0, import_constants.getPlatformDriver)()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo));\n  var willBeAnimatedClient = Boolean((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations || curStateRef.hasAnimated);\n  var willBeAnimated = !import_constants.isServer && willBeAnimatedClient;\n  if (willBeAnimated && hasAnimationProp && !curStateRef.hasAnimated) {\n    curStateRef.hasAnimated = true;\n  }\n  var { disableClassName } = props;\n  var animatePresenceOptIn = willBeAnimated && !isHOC && props[\"animatePresence\"] !== false;\n  if (animatePresenceOptIn) {\n    curStateRef.shouldRegisterPresence = true;\n  } else {\n    var _curStateRef2;\n    var _shouldRegisterPresence;\n    (_shouldRegisterPresence = (_curStateRef2 = curStateRef).shouldRegisterPresence) !== null && _shouldRegisterPresence !== void 0 ? _shouldRegisterPresence : _curStateRef2.shouldRegisterPresence = false;\n  }\n  var presenceResult = (animationDriver === null || animationDriver === void 0 ? void 0 : (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver, curStateRef)) || null;\n  var presence = animatePresenceOptIn ? presenceResult : null;\n  var presenceState = presence === null || presence === void 0 ? void 0 : presence[2];\n  var isExiting = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === false;\n  var isEntering = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false;\n  var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && inputStyle !== \"css\";\n  var disabled = isDisabled(props);\n  var [componentState, reactSetState] = (0, import_react.useState)(function() {\n    return disabled != null ? {\n      ...import_defaultComponentState.defaultComponentStateMounted,\n      disabled\n    } : import_defaultComponentState.defaultComponentStateMounted;\n  });\n  var initialStyleFrameUnmounted = curStateRef.initialStyleFrameUnmounted;\n  var state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? {\n    ...componentState\n  } : componentState;\n  if (!curStateRef.didFinalizeInitialStyleFrame && !isHOC) {\n    state.unmounted = true;\n  }\n  if (initialStyleFrameUnmounted !== void 0) {\n    state.unmounted = initialStyleFrameUnmounted;\n  }\n  if (props.forceStyle) {\n    if (state === componentState) state = {\n      ...state\n    };\n    state[props.forceStyle] = true;\n  }\n  var setState = (_curStateRef = curStateRef).setState || (_curStateRef.setState = function(stateOrGetState) {\n    var pendingUnmounted = curStateRef.initialStyleFrameUnmounted;\n    curStateRef.initialStyleFrameUnmounted = void 0;\n    reactSetState(function(previous) {\n      var current = pendingUnmounted !== void 0 && previous.unmounted !== pendingUnmounted ? {\n        ...previous,\n        unmounted: pendingUnmounted\n      } : previous;\n      return typeof stateOrGetState === \"function\" ? stateOrGetState(current) : stateOrGetState;\n    });\n  });\n  var isAnimated = willBeAnimated;\n  if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated) {\n    isAnimated = false;\n    curStateRef.willHydrate = true;\n  }\n  if (disabled !== state.disabled) {\n    if (disabled) {\n      Object.assign(state, import_defaultComponentState.defaultComponentStateMounted);\n    }\n    state.disabled = disabled;\n    setState(function(_) {\n      return {\n        ...state\n      };\n    });\n  }\n  var groupName = props.group;\n  var setStateShallow = (_curStateRef1 = curStateRef).baseSetStateShallow || (_curStateRef1.baseSetStateShallow = function(stateOrGetState) {\n    setState(function(prev) {\n      var next = typeof stateOrGetState === \"function\" ? stateOrGetState(prev) : stateOrGetState;\n      return (0, import_is_equal_shallow.mergeIfNotShallowEqual)(prev, next);\n    });\n  });\n  var outProps = props;\n  if (presenceState && isAnimated && isHydrated && staticConfig.variants) {\n    var { custom } = presenceState;\n    if ((0, import_isObj.isObj)(custom)) {\n      outProps = {\n        ...props,\n        ...custom\n      };\n    }\n  }\n  var noClass = !import_constants.isWeb || Boolean(props.forceStyle);\n  if (import_constants.isWeb) {\n    if (!isHydrated) {\n      noClass = false;\n    } else {\n      var isAnimatedAndHydrated = Boolean((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC);\n      var isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)(\"disableSSR\") || !state.unmounted);\n      var isDisabledManually = Boolean(disableClassName && !state.unmounted);\n      if (isAnimatedAndHydrated && outputStyle !== \"css\" || isDisabledManually || isClassNameDisabled) {\n        noClass = true;\n      }\n    }\n  }\n  var result = {\n    props: outProps,\n    startedUnhydrated: curStateRef.startedUnhydrated,\n    curStateRef,\n    disabled,\n    groupName,\n    hasAnimationProp,\n    hasEnterStyle: false,\n    isAnimated,\n    isExiting,\n    isHydrated,\n    presence,\n    presenceState,\n    setState,\n    setStateShallow,\n    noClass,\n    state,\n    stateRef,\n    inputStyle,\n    outputStyle,\n    willBeAnimated,\n    willBeAnimatedClient,\n    platformPseudo: platformPseudoPossible,\n    finalizeStyleFlags(hasEnterStyle, hasPlatformPseudo) {\n      var platformPseudo = platformPseudoPossible && hasPlatformPseudo;\n      var nextWillBeAnimatedClient = Boolean((hasAnimationProp || platformPseudo) && !isHOC && useAnimations || curStateRef.hasAnimated);\n      var nextWillBeAnimated = !import_constants.isServer && nextWillBeAnimatedClient;\n      if (nextWillBeAnimated && !curStateRef.hasAnimated) {\n        curStateRef.hasAnimated = true;\n      }\n      if (!curStateRef.didFinalizeInitialStyleFrame) {\n        curStateRef.didFinalizeInitialStyleFrame = true;\n        var shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName);\n        var unmounted = shouldEnter ? hasEnterStyle || isEntering ? \"should-enter\" : true : false;\n        state.unmounted = unmounted;\n        curStateRef.initialStyleFrameUnmounted = unmounted || void 0;\n      }\n      result.hasEnterStyle = hasEnterStyle;\n      result.platformPseudo = platformPseudo;\n      result.willBeAnimatedClient = nextWillBeAnimatedClient;\n      result.willBeAnimated = nextWillBeAnimated;\n      result.isAnimated = import_constants.isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated ? false : nextWillBeAnimated;\n      if (nextWillBeAnimated && !isHOC && props[\"animatePresence\"] !== false) {\n        curStateRef.shouldRegisterPresence = true;\n      }\n      return result;\n    }\n  };\n  return result;\n};\nfunction hasAnimatedStyleValue(style) {\n  for (var k in style) {\n    var val = style[k];\n    if (val && (typeof val === \"undefined\" ? \"undefined\" : _type_of(val)) === \"object\" && \"_animation\" in val) {\n      return true;\n    }\n  }\n  return false;\n}\nvar isDisabled = function(props) {\n  var _props_accessibilityState;\n  return props.disabled || props.passThrough || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props[\"aria-disabled\"] || props.accessibilityDisabled || false;\n};\n//# sourceMappingURL=useComponentState.js.map\n"],"mappings":"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"}

package/dist/cjs/hooks/useMedia.cjs

@@ -84,11 +84,11 @@ function setupMediaListeners() {
 		const getMatch = () => (0, import_matchMedia.matchMedia)(str);
 		const match = getMatch();
 		if (!match) {
-			throw new Error((0, import_formatDiagnostic.formatDiagnostic)("TAMAGUI_MEDIA_MATCH", "useMedia", "matchMedia returned no MediaQueryList", "Provide a matchMedia implementation that returns a MediaQueryList", "key,query,platform", {
+			throw new Error(process.env.NODE_ENV !== "production" ? (0, import_formatDiagnostic.formatDiagnostic)("TAMAGUI_MEDIA_MATCH", "useMedia", "matchMedia returned no MediaQueryList", "Provide a matchMedia implementation that returns a MediaQueryList", "key,query,platform", {
 				key,
 				query: str,
 				platform: import_constants.isWeb ? "web" : "native"
-			}));
+			}) : "❌ Error 013");
 		}
 		match.addListener(update);
 		dispose.add(() => {

package/dist/cjs/hooks/useMedia.native.cjs

@@ -76,11 +76,11 @@ function setupMediaListeners() {
 		};
 		var match = getMatch();
 		if (!match) {
-			throw new Error((0, import_formatDiagnostic.formatDiagnostic)("TAMAGUI_MEDIA_MATCH", "useMedia", "matchMedia returned no MediaQueryList", "Provide a matchMedia implementation that returns a MediaQueryList", "key,query,platform", {
+			throw new Error(process.env.NODE_ENV !== "production" ? (0, import_formatDiagnostic.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: import_constants.isWeb ? "web" : "native"
-			}));
+			}) : "❌ Error 013");
 		}
 		match.addListener(update);
 		dispose.add(function() {

package/dist/cjs/hooks/useMedia.native.js

@@ -76,11 +76,11 @@ function setupMediaListeners() {
 		};
 		var match = getMatch();
 		if (!match) {
-			throw new Error((0, import_formatDiagnostic.formatDiagnostic)("TAMAGUI_MEDIA_MATCH", "useMedia", "matchMedia returned no MediaQueryList", "Provide a matchMedia implementation that returns a MediaQueryList", "key,query,platform", {
+			throw new Error(process.env.NODE_ENV !== "production" ? (0, import_formatDiagnostic.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: import_constants.isWeb ? "web" : "native"
-			}));
+			}) : "❌ Error 013");
 		}
 		match.addListener(update);
 		dispose.add(function() {