@tamagui/web 3.0.0-beta.807.1 → 3.0.0-beta.881.1

package/dist/cjs/hooks/useComponentState.cjs

@@ -26,11 +26,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.cjs");
-var import_formatDiagnostic = require("../helpers/formatDiagnostic.cjs");
 var import_isOptimizedForFirstRender = require("./isOptimizedForFirstRender.cjs");
 var import_defaultComponentState = require("../defaultComponentState.cjs");
 var import_isObj = require("../helpers/isObj.cjs");
-var import_log = require("../helpers/log.cjs");
 const useComponentState = (props, animationDriver, staticConfig, config) => {
 	"use no memo";
 	const isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();
@@ -38,48 +36,42 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
 	const useAnimations = animationDriver?.isStub ? void 0 : animationDriver?.useAnimations;
 	const { isHOC } = staticConfig;
 	const stateRef = (0, import_react.useRef)(void 0);
-	if (!stateRef.current) {
-		stateRef.current = {
-			startedUnhydrated: needsHydration && !isHydrated,
-			optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()
-		};
-	}
+	const curStateRef = stateRef.current ||= {
+		startedUnhydrated: needsHydration && !isHydrated,
+		optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()
+	};
 	const hasAnimationProp = Boolean(!isHOC && "transition" in props || props.style && hasAnimatedStyleValue(props.style));
 	const inputStyle = animationDriver?.inputStyle ?? "css";
 	const outputStyle = animationDriver?.outputStyle ?? "css";
-	const curStateRef = stateRef.current;
 	if (!needsHydration && hasAnimationProp) {
 		curStateRef.hasAnimated = true;
 	}
 	const platformPseudoPossible = Boolean(!isHOC && useAnimations && animationDriver?.avoidReRenders && (0, import_constants.getPlatformDriver)()?.pseudo);
-	let willBeAnimatedClient = (() => {
-		const next = !!((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations);
-		return Boolean(next || curStateRef.hasAnimated);
-	})();
-	let willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
+	const willBeAnimatedClient = Boolean((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations || curStateRef.hasAnimated);
+	const willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
 	if (willBeAnimated && hasAnimationProp && !curStateRef.hasAnimated) {
 		curStateRef.hasAnimated = true;
 	}
 	const { disableClassName } = props;
-	if (willBeAnimated && !isHOC && props["animatePresence"] !== false) {
+	const animatePresenceOptIn = willBeAnimated && !isHOC && props["animatePresence"] !== false;
+	if (animatePresenceOptIn) {
 		curStateRef.shouldRegisterPresence = true;
 	} else {
 		curStateRef.shouldRegisterPresence ??= false;
 	}
 	const presenceResult = animationDriver?.usePresence?.(curStateRef) || null;
-	const presence = !isHOC && willBeAnimated && props["animatePresence"] !== false ? presenceResult : null;
+	const presence = animatePresenceOptIn ? presenceResult : null;
 	const presenceState = presence?.[2];
 	const isExiting = presenceState?.isPresent === false;
 	const isEntering = presenceState?.isPresent === true && presenceState.initial !== false;
 	const hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && inputStyle !== "css";
-	const initialState = { ...import_defaultComponentState.defaultComponentStateMounted };
 	const disabled = isDisabled(props);
-	if (disabled != null) {
-		initialState.disabled = disabled;
-	}
-	const states = (0, import_react.useState)(initialState);
+	const [componentState, reactSetState] = (0, import_react.useState)(() => disabled != null ? {
+		...import_defaultComponentState.defaultComponentStateMounted,
+		disabled
+	} : import_defaultComponentState.defaultComponentStateMounted);
 	const initialStyleFrameUnmounted = curStateRef.initialStyleFrameUnmounted;
-	let state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...states[0] } : states[0];
+	let state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...componentState } : componentState;
 	if (!curStateRef.didFinalizeInitialStyleFrame && !isHOC) {
 		state.unmounted = true;
 	}
@@ -87,26 +79,22 @@ const useComponentState = (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) {
-		const reactSetState = states[1];
-		curStateRef.setState = (stateOrGetState) => {
-			const pendingUnmounted = curStateRef.initialStyleFrameUnmounted;
-			curStateRef.initialStyleFrameUnmounted = void 0;
-			reactSetState((previous) => {
-				const current = pendingUnmounted !== void 0 && previous.unmounted !== pendingUnmounted ? {
-					...previous,
-					unmounted: pendingUnmounted
-				} : previous;
-				return typeof stateOrGetState === "function" ? stateOrGetState(current) : stateOrGetState;
-			});
-		};
-	}
-	const setState = curStateRef.setState;
+	const setState = curStateRef.setState ||= (stateOrGetState) => {
+		const pendingUnmounted = curStateRef.initialStyleFrameUnmounted;
+		curStateRef.initialStyleFrameUnmounted = void 0;
+		reactSetState((previous) => {
+			const current = pendingUnmounted !== void 0 && previous.unmounted !== pendingUnmounted ? {
+				...previous,
+				unmounted: pendingUnmounted
+			} : previous;
+			return typeof stateOrGetState === "function" ? stateOrGetState(current) : stateOrGetState;
+		});
+	};
 	let isAnimated = willBeAnimated;
-	if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {
+	if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated) {
 		isAnimated = false;
 		curStateRef.willHydrate = true;
 	}
@@ -118,36 +106,14 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
 		setState((_) => ({ ...state }));
 	}
 	const groupName = props.group;
-	if (!stateRef.current.baseSetStateShallow) {
-		const r = stateRef.current;
-		r.baseSetStateShallow = (stateOrGetState) => {
-			setState((prev) => {
-				const next = typeof stateOrGetState === "function" ? stateOrGetState(prev) : stateOrGetState;
-				const update = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(prev, next);
-				if (process.env.NODE_ENV === "development") {
-					const 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;
-	}
-	const setStateShallow = stateRef.current.baseSetStateShallow;
-	if (process.env.NODE_ENV === "development" && globalThis.time) globalThis.time`state-useCreateShallowSetState`;
+	const setStateShallow = curStateRef.baseSetStateShallow ||= (stateOrGetState) => {
+		setState((prev) => {
+			const next = typeof stateOrGetState === "function" ? stateOrGetState(prev) : stateOrGetState;
+			return (0, import_is_equal_shallow.mergeIfNotShallowEqual)(prev, next);
+		});
+	};
 	let outProps = props;
 	if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
-		if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-			console.warn((0, import_formatDiagnostic.formatDiagnostic)("TAMAGUI_PRESENCE_STATE", staticConfig.Component?.displayName || staticConfig.Component?.name || "TamaguiComponent", "AnimatePresence supplied lifecycle state to an animated component", "Remove debug=\"verbose\" after inspecting the animation state", "presenceState", presenceState));
-		}
 		const { custom } = presenceState;
 		if ((0, import_isObj.isObj)(custom)) {
 			outProps = {
@@ -156,23 +122,16 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
 			};
 		}
 	}
-	let noClass = !import_constants.isWeb || !!props.forceStyle;
-	if (!isHydrated) {
-		noClass = false;
-	} else {
-		if (import_constants.isWeb && isHydrated) {
-			const isAnimatedAndHydrated = !!((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC) && isHydrated;
+	let noClass = !import_constants.isWeb || Boolean(props.forceStyle);
+	if (import_constants.isWeb) {
+		if (!isHydrated) {
+			noClass = false;
+		} else {
+			const isAnimatedAndHydrated = Boolean((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC);
 			const isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)("disableSSR") || !state.unmounted);
-			const isDisabledManually = disableClassName && !state.unmounted;
+			const 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
-					});
-				}
 			}
 		}
 	}
@@ -217,7 +176,7 @@ const useComponentState = (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.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;
 			}