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

package/dist/esm/hooks/useAnimationDriver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimationDriver.js","names":[],"sources":["esm/hooks/useAnimationDriver.js"],"sourcesContent":["import { useConfiguration } from \"../contexts/ComponentContext\";\nfunction useAnimationDriver() {\n  const { animationDriver } = useConfiguration();\n  if (!animationDriver || animationDriver.isStub) {\n    throw new Error(\n      `No animation driver configured. Pass \\`animations\\` to createTamagui. See: https://tamagui.dev/docs/core/animations`\n    );\n  }\n  return animationDriver;\n}\nfunction useAnimatedNumberDriver() {\n  const driver = useAnimationDriver();\n  const animatedDriver = driver;\n  if (typeof animatedDriver.useAnimatedNumber !== \"function\" || typeof animatedDriver.useAnimatedNumberStyle !== \"function\" || typeof animatedDriver.useAnimatedNumbersStyle !== \"function\" || typeof animatedDriver.useAnimatedNumberReaction !== \"function\") {\n    throw new Error(\n      `The configured animation driver does not include animated-number hooks. When using the CSS driver, import \\`createAnimations\\` from \\`@tamagui/animations-css/extras\\` instead of \\`@tamagui/animations-css\\`. See: https://tamagui.dev/docs/core/animations-css`\n    );\n  }\n  return animatedDriver;\n}\nfunction useAnimatedNumber(initial) {\n  return useAnimatedNumberDriver().useAnimatedNumber(initial);\n}\nconst useAnimatedNumberStyle = (value, getStyle) => useAnimatedNumberDriver().useAnimatedNumberStyle(value, getStyle);\nconst useAnimatedNumbersStyle = (values, getStyle) => useAnimatedNumberDriver().useAnimatedNumbersStyle(values, getStyle);\nconst useAnimatedNumberReaction = (opts, onValue) => useAnimatedNumberDriver().useAnimatedNumberReaction(opts, onValue);\nexport {\n  useAnimatedNumber,\n  useAnimatedNumberReaction,\n  useAnimatedNumberStyle,\n  useAnimatedNumbersStyle,\n  useAnimationDriver\n};\n//# sourceMappingURL=useAnimationDriver.js.map\n"],"mappings":";;;AACA,SAAS,qBAAqB;CAC5B,MAAM,EAAE,oBAAoB,iBAAiB;CAC7C,IAAI,CAAC,mBAAmB,gBAAgB,QAAQ;EAC9C,MAAM,IAAI,MACR,qHACF;CACF;CACA,OAAO;AACT;AACA,SAAS,0BAA0B;CACjC,MAAM,SAAS,mBAAmB;CAClC,MAAM,iBAAiB;CACvB,IAAI,OAAO,eAAe,sBAAsB,cAAc,OAAO,eAAe,2BAA2B,cAAc,OAAO,eAAe,4BAA4B,cAAc,OAAO,eAAe,8BAA8B,YAAY;EAC3P,MAAM,IAAI,MACR,kQACF;CACF;CACA,OAAO;AACT;AACA,SAAS,kBAAkB,SAAS;CAClC,OAAO,wBAAwB,CAAC,CAAC,kBAAkB,OAAO;AAC5D;AACA,MAAM,0BAA0B,OAAO,aAAa,wBAAwB,CAAC,CAAC,uBAAuB,OAAO,QAAQ;AACpH,MAAM,2BAA2B,QAAQ,aAAa,wBAAwB,CAAC,CAAC,wBAAwB,QAAQ,QAAQ;AACxH,MAAM,6BAA6B,MAAM,YAAY,wBAAwB,CAAC,CAAC,0BAA0B,MAAM,OAAO"}
+{"version":3,"file":"useAnimationDriver.js","names":[],"sources":["esm/hooks/useAnimationDriver.js"],"sourcesContent":["import { useConfiguration } from \"../contexts/ComponentContext\";\nfunction useAnimationDriver() {\n  const { animationDriver } = useConfiguration();\n  if (!animationDriver || animationDriver.isStub) {\n    throw new Error(\n      process.env.NODE_ENV !== \"production\" ? `No animation driver configured. Pass \\`animations\\` to createTamagui. See: https://tamagui.dev/docs/core/animations` : \"\\u274C Error 011\"\n    );\n  }\n  return animationDriver;\n}\nfunction useAnimatedNumberDriver() {\n  const driver = useAnimationDriver();\n  const animatedDriver = driver;\n  if (typeof animatedDriver.useAnimatedNumber !== \"function\" || typeof animatedDriver.useAnimatedNumberStyle !== \"function\" || typeof animatedDriver.useAnimatedNumbersStyle !== \"function\" || typeof animatedDriver.useAnimatedNumberReaction !== \"function\") {\n    throw new Error(\n      process.env.NODE_ENV !== \"production\" ? `The configured animation driver does not include animated-number hooks. When using the CSS driver, import \\`createAnimations\\` from \\`@tamagui/animations-css/extras\\` instead of \\`@tamagui/animations-css\\`. See: https://tamagui.dev/docs/core/animations-css` : \"\\u274C Error 012\"\n    );\n  }\n  return animatedDriver;\n}\nfunction useAnimatedNumber(initial) {\n  return useAnimatedNumberDriver().useAnimatedNumber(initial);\n}\nconst useAnimatedNumberStyle = (value, getStyle) => useAnimatedNumberDriver().useAnimatedNumberStyle(value, getStyle);\nconst useAnimatedNumbersStyle = (values, getStyle) => useAnimatedNumberDriver().useAnimatedNumbersStyle(values, getStyle);\nconst useAnimatedNumberReaction = (opts, onValue) => useAnimatedNumberDriver().useAnimatedNumberReaction(opts, onValue);\nexport {\n  useAnimatedNumber,\n  useAnimatedNumberReaction,\n  useAnimatedNumberStyle,\n  useAnimatedNumbersStyle,\n  useAnimationDriver\n};\n//# sourceMappingURL=useAnimationDriver.js.map\n"],"mappings":";;;AACA,SAAS,qBAAqB;CAC5B,MAAM,EAAE,oBAAoB,iBAAiB;CAC7C,IAAI,CAAC,mBAAmB,gBAAgB,QAAQ;EAC9C,MAAM,IAAI,MACR,QAAQ,IAAI,aAAa,eAAe,wHAAwH,aAClK;CACF;CACA,OAAO;AACT;AACA,SAAS,0BAA0B;CACjC,MAAM,SAAS,mBAAmB;CAClC,MAAM,iBAAiB;CACvB,IAAI,OAAO,eAAe,sBAAsB,cAAc,OAAO,eAAe,2BAA2B,cAAc,OAAO,eAAe,4BAA4B,cAAc,OAAO,eAAe,8BAA8B,YAAY;EAC3P,MAAM,IAAI,MACR,QAAQ,IAAI,aAAa,eAAe,qQAAqQ,aAC/S;CACF;CACA,OAAO;AACT;AACA,SAAS,kBAAkB,SAAS;CAClC,OAAO,wBAAwB,CAAC,CAAC,kBAAkB,OAAO;AAC5D;AACA,MAAM,0BAA0B,OAAO,aAAa,wBAAwB,CAAC,CAAC,uBAAuB,OAAO,QAAQ;AACpH,MAAM,2BAA2B,QAAQ,aAAa,wBAAwB,CAAC,CAAC,wBAAwB,QAAQ,QAAQ;AACxH,MAAM,6BAA6B,MAAM,YAAY,wBAAwB,CAAC,CAAC,0BAA0B,MAAM,OAAO"}

package/dist/esm/hooks/useAnimationDriver.native.js

@@ -3,7 +3,7 @@ import { useConfiguration } from "../contexts/ComponentContext.native.js";
 function useAnimationDriver() {
 	var { animationDriver } = useConfiguration();
 	if (!animationDriver || animationDriver.isStub) {
-		throw new Error(`No animation driver configured. Pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations`);
+		throw new Error(process.env.NODE_ENV !== "production" ? `No animation driver configured. Pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations` : "❌ Error 011");
 	}
 	return animationDriver;
 }
@@ -11,7 +11,7 @@ function useAnimatedNumberDriver() {
 	var driver = useAnimationDriver();
 	var animatedDriver = driver;
 	if (typeof animatedDriver.useAnimatedNumber !== "function" || typeof animatedDriver.useAnimatedNumberStyle !== "function" || typeof animatedDriver.useAnimatedNumbersStyle !== "function" || typeof animatedDriver.useAnimatedNumberReaction !== "function") {
-		throw new Error(`The configured animation driver does not include animated-number hooks. When using the CSS driver, import \`createAnimations\` from \`@tamagui/animations-css/extras\` instead of \`@tamagui/animations-css\`. See: https://tamagui.dev/docs/core/animations-css`);
+		throw new Error(process.env.NODE_ENV !== "production" ? `The configured animation driver does not include animated-number hooks. When using the CSS driver, import \`createAnimations\` from \`@tamagui/animations-css/extras\` instead of \`@tamagui/animations-css\`. See: https://tamagui.dev/docs/core/animations-css` : "❌ Error 012");
 	}
 	return animatedDriver;
 }

package/dist/esm/hooks/useAnimationDriver.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimationDriver.native.js","names":[],"sources":["esm/hooks/useAnimationDriver.native.js"],"sourcesContent":["import { useConfiguration } from \"../contexts/ComponentContext\";\nfunction useAnimationDriver() {\n  var { animationDriver } = useConfiguration();\n  if (!animationDriver || animationDriver.isStub) {\n    throw new Error(`No animation driver configured. Pass \\`animations\\` to createTamagui. See: https://tamagui.dev/docs/core/animations`);\n  }\n  return animationDriver;\n}\nfunction useAnimatedNumberDriver() {\n  var driver = useAnimationDriver();\n  var animatedDriver = driver;\n  if (typeof animatedDriver.useAnimatedNumber !== \"function\" || typeof animatedDriver.useAnimatedNumberStyle !== \"function\" || typeof animatedDriver.useAnimatedNumbersStyle !== \"function\" || typeof animatedDriver.useAnimatedNumberReaction !== \"function\") {\n    throw new Error(`The configured animation driver does not include animated-number hooks. When using the CSS driver, import \\`createAnimations\\` from \\`@tamagui/animations-css/extras\\` instead of \\`@tamagui/animations-css\\`. See: https://tamagui.dev/docs/core/animations-css`);\n  }\n  return animatedDriver;\n}\nfunction useAnimatedNumber(initial) {\n  return useAnimatedNumberDriver().useAnimatedNumber(initial);\n}\nvar useAnimatedNumberStyle = function(value, getStyle) {\n  return useAnimatedNumberDriver().useAnimatedNumberStyle(value, getStyle);\n};\nvar useAnimatedNumbersStyle = function(values, getStyle) {\n  return useAnimatedNumberDriver().useAnimatedNumbersStyle(values, getStyle);\n};\nvar useAnimatedNumberReaction = function(opts, onValue) {\n  return useAnimatedNumberDriver().useAnimatedNumberReaction(opts, onValue);\n};\nexport {\n  useAnimatedNumber,\n  useAnimatedNumberReaction,\n  useAnimatedNumberStyle,\n  useAnimatedNumbersStyle,\n  useAnimationDriver\n};\n//# sourceMappingURL=useAnimationDriver.js.map\n"],"mappings":";;;AACA,SAAS,qBAAqB;CAC5B,IAAI,EAAE,oBAAoB,iBAAiB;CAC3C,IAAI,CAAC,mBAAmB,gBAAgB,QAAQ;EAC9C,MAAM,IAAI,MAAM,qHAAqH;CACvI;CACA,OAAO;AACT;AACA,SAAS,0BAA0B;CACjC,IAAI,SAAS,mBAAmB;CAChC,IAAI,iBAAiB;CACrB,IAAI,OAAO,eAAe,sBAAsB,cAAc,OAAO,eAAe,2BAA2B,cAAc,OAAO,eAAe,4BAA4B,cAAc,OAAO,eAAe,8BAA8B,YAAY;EAC3P,MAAM,IAAI,MAAM,kQAAkQ;CACpR;CACA,OAAO;AACT;AACA,SAAS,kBAAkB,SAAS;CAClC,OAAO,wBAAwB,CAAC,CAAC,kBAAkB,OAAO;AAC5D;AACA,IAAI,yBAAyB,SAAS,OAAO,UAAU;CACrD,OAAO,wBAAwB,CAAC,CAAC,uBAAuB,OAAO,QAAQ;AACzE;AACA,IAAI,0BAA0B,SAAS,QAAQ,UAAU;CACvD,OAAO,wBAAwB,CAAC,CAAC,wBAAwB,QAAQ,QAAQ;AAC3E;AACA,IAAI,4BAA4B,SAAS,MAAM,SAAS;CACtD,OAAO,wBAAwB,CAAC,CAAC,0BAA0B,MAAM,OAAO;AAC1E"}
+{"version":3,"file":"useAnimationDriver.native.js","names":[],"sources":["esm/hooks/useAnimationDriver.native.js"],"sourcesContent":["import { useConfiguration } from \"../contexts/ComponentContext\";\nfunction useAnimationDriver() {\n  var { animationDriver } = useConfiguration();\n  if (!animationDriver || animationDriver.isStub) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? `No animation driver configured. Pass \\`animations\\` to createTamagui. See: https://tamagui.dev/docs/core/animations` : \"\\u274C Error 011\");\n  }\n  return animationDriver;\n}\nfunction useAnimatedNumberDriver() {\n  var driver = useAnimationDriver();\n  var animatedDriver = driver;\n  if (typeof animatedDriver.useAnimatedNumber !== \"function\" || typeof animatedDriver.useAnimatedNumberStyle !== \"function\" || typeof animatedDriver.useAnimatedNumbersStyle !== \"function\" || typeof animatedDriver.useAnimatedNumberReaction !== \"function\") {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? `The configured animation driver does not include animated-number hooks. When using the CSS driver, import \\`createAnimations\\` from \\`@tamagui/animations-css/extras\\` instead of \\`@tamagui/animations-css\\`. See: https://tamagui.dev/docs/core/animations-css` : \"\\u274C Error 012\");\n  }\n  return animatedDriver;\n}\nfunction useAnimatedNumber(initial) {\n  return useAnimatedNumberDriver().useAnimatedNumber(initial);\n}\nvar useAnimatedNumberStyle = function(value, getStyle) {\n  return useAnimatedNumberDriver().useAnimatedNumberStyle(value, getStyle);\n};\nvar useAnimatedNumbersStyle = function(values, getStyle) {\n  return useAnimatedNumberDriver().useAnimatedNumbersStyle(values, getStyle);\n};\nvar useAnimatedNumberReaction = function(opts, onValue) {\n  return useAnimatedNumberDriver().useAnimatedNumberReaction(opts, onValue);\n};\nexport {\n  useAnimatedNumber,\n  useAnimatedNumberReaction,\n  useAnimatedNumberStyle,\n  useAnimatedNumbersStyle,\n  useAnimationDriver\n};\n//# sourceMappingURL=useAnimationDriver.js.map\n"],"mappings":";;;AACA,SAAS,qBAAqB;CAC5B,IAAI,EAAE,oBAAoB,iBAAiB;CAC3C,IAAI,CAAC,mBAAmB,gBAAgB,QAAQ;EAC9C,MAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,wHAAwH,aAAkB;CACpM;CACA,OAAO;AACT;AACA,SAAS,0BAA0B;CACjC,IAAI,SAAS,mBAAmB;CAChC,IAAI,iBAAiB;CACrB,IAAI,OAAO,eAAe,sBAAsB,cAAc,OAAO,eAAe,2BAA2B,cAAc,OAAO,eAAe,4BAA4B,cAAc,OAAO,eAAe,8BAA8B,YAAY;EAC3P,MAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,qQAAqQ,aAAkB;CACjV;CACA,OAAO;AACT;AACA,SAAS,kBAAkB,SAAS;CAClC,OAAO,wBAAwB,CAAC,CAAC,kBAAkB,OAAO;AAC5D;AACA,IAAI,yBAAyB,SAAS,OAAO,UAAU;CACrD,OAAO,wBAAwB,CAAC,CAAC,uBAAuB,OAAO,QAAQ;AACzE;AACA,IAAI,0BAA0B,SAAS,QAAQ,UAAU;CACvD,OAAO,wBAAwB,CAAC,CAAC,wBAAwB,QAAQ,QAAQ;AAC3E;AACA,IAAI,4BAA4B,SAAS,MAAM,SAAS;CACtD,OAAO,wBAAwB,CAAC,CAAC,0BAA0B,MAAM,OAAO;AAC1E"}

package/dist/esm/hooks/useComponentState.mjs

@@ -3,11 +3,9 @@ import { mergeIfNotShallowEqual } from "@tamagui/is-equal-shallow";
 import { useDidFinishSSR, useIsClientOnly } from "@tamagui/use-did-finish-ssr";
 import { useRef, useState } from "react";
 import { getSetting } from "../config.mjs";
-import { formatDiagnostic } from "../helpers/formatDiagnostic.mjs";
 import { isOptimizedForFirstRender } from "./isOptimizedForFirstRender.mjs";
 import { defaultComponentStateMounted } from "../defaultComponentState.mjs";
 import { isObj } from "../helpers/isObj.mjs";
-import { log } from "../helpers/log.mjs";
 
 const useComponentState = (props, animationDriver, staticConfig, config) => {
 	"use no memo";
@@ -16,48 +14,42 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
 	const useAnimations = animationDriver?.isStub ? void 0 : animationDriver?.useAnimations;
 	const { isHOC } = staticConfig;
 	const stateRef = useRef(void 0);
-	if (!stateRef.current) {
-		stateRef.current = {
-			startedUnhydrated: needsHydration && !isHydrated,
-			optimizeForFirstRender: isOptimizedForFirstRender()
-		};
-	}
+	const curStateRef = stateRef.current ||= {
+		startedUnhydrated: needsHydration && !isHydrated,
+		optimizeForFirstRender: 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 && getPlatformDriver()?.pseudo);
-	let willBeAnimatedClient = (() => {
-		const next = !!((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations);
-		return Boolean(next || curStateRef.hasAnimated);
-	})();
-	let willBeAnimated = !isServer && willBeAnimatedClient;
+	const willBeAnimatedClient = Boolean((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations || curStateRef.hasAnimated);
+	const willBeAnimated = !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 = { ...defaultComponentStateMounted };
 	const disabled = isDisabled(props);
-	if (disabled != null) {
-		initialState.disabled = disabled;
-	}
-	const states = useState(initialState);
+	const [componentState, reactSetState] = useState(() => disabled != null ? {
+		...defaultComponentStateMounted,
+		disabled
+	} : 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;
 	}
@@ -65,26 +57,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 (isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {
+	if (isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated) {
 		isAnimated = false;
 		curStateRef.willHydrate = true;
 	}
@@ -96,36 +84,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 = 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 mergeIfNotShallowEqual(prev, next);
+		});
+	};
 	let outProps = props;
 	if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
-		if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-			console.warn(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 (isObj(custom)) {
 			outProps = {
@@ -134,23 +100,16 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
 			};
 		}
 	}
-	let noClass = !isWeb || !!props.forceStyle;
-	if (!isHydrated) {
-		noClass = false;
-	} else {
-		if (isWeb && isHydrated) {
-			const isAnimatedAndHydrated = !!((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC) && isHydrated;
+	let noClass = !isWeb || Boolean(props.forceStyle);
+	if (isWeb) {
+		if (!isHydrated) {
+			noClass = false;
+		} else {
+			const isAnimatedAndHydrated = Boolean((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC);
 			const isClassNameDisabled = !staticConfig.acceptsClassName && (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") {
-					log(`avoiding className`, {
-						isAnimatedAndHydrated,
-						isDisabledManually,
-						isClassNameDisabled
-					});
-				}
 			}
 		}
 	}
@@ -195,7 +154,7 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
 			result.platformPseudo = platformPseudo;
 			result.willBeAnimatedClient = nextWillBeAnimatedClient;
 			result.willBeAnimated = nextWillBeAnimated;
-			result.isAnimated = isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated ? false : nextWillBeAnimated;
+			result.isAnimated = isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated ? false : nextWillBeAnimated;
 			if (nextWillBeAnimated && !isHOC && props["animatePresence"] !== false) {
 				curStateRef.shouldRegisterPresence = true;
 			}

package/dist/esm/hooks/useComponentState.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useComponentState.js","names":[],"sources":["esm/hooks/useComponentState.js"],"sourcesContent":["import { getPlatformDriver, isServer, isWeb } from \"@tamagui/constants\";\nimport { mergeIfNotShallowEqual } from \"@tamagui/is-equal-shallow\";\nimport { useDidFinishSSR, useIsClientOnly } from \"@tamagui/use-did-finish-ssr\";\nimport { useRef, useState } from \"react\";\nimport { getSetting } from \"../config\";\nimport { formatDiagnostic } from \"../helpers/formatDiagnostic\";\nimport { isOptimizedForFirstRender } from \"./isOptimizedForFirstRender\";\nimport {\n  defaultComponentStateMounted\n} from \"../defaultComponentState\";\nimport { isObj } from \"../helpers/isObj\";\nimport { log } from \"../helpers/log\";\nconst useComponentState = (props, animationDriver, staticConfig, config) => {\n  \"use no memo\";\n  const isHydrated = useDidFinishSSR();\n  const needsHydration = !useIsClientOnly();\n  const useAnimations = animationDriver?.isStub ? void 0 : animationDriver?.useAnimations;\n  const { isHOC } = staticConfig;\n  const stateRef = 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: isOptimizedForFirstRender()\n    };\n  }\n  const hasAnimationProp = Boolean(\n    !isHOC && \"transition\" in props || props.style && hasAnimatedStyleValue(props.style)\n  );\n  const inputStyle = animationDriver?.inputStyle ?? \"css\";\n  const outputStyle = animationDriver?.outputStyle ?? \"css\";\n  const curStateRef = stateRef.current;\n  if (!needsHydration && hasAnimationProp) {\n    curStateRef.hasAnimated = true;\n  }\n  const platformPseudoPossible = Boolean(\n    !isHOC && useAnimations && animationDriver?.avoidReRenders && getPlatformDriver()?.pseudo\n  );\n  let willBeAnimatedClient = (() => {\n    const next = !!((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations);\n    return Boolean(next || curStateRef.hasAnimated);\n  })();\n  let willBeAnimated = !isServer && willBeAnimatedClient;\n  if (willBeAnimated && hasAnimationProp && !curStateRef.hasAnimated) {\n    curStateRef.hasAnimated = true;\n  }\n  const { disableClassName } = props;\n  if (willBeAnimated && !isHOC && props[\"animatePresence\"] !== false) {\n    curStateRef.shouldRegisterPresence = true;\n  } else {\n    curStateRef.shouldRegisterPresence ??= false;\n  }\n  const presenceResult = animationDriver?.usePresence?.(curStateRef) || null;\n  const presence = !isHOC && willBeAnimated && props[\"animatePresence\"] !== false ? presenceResult : null;\n  const presenceState = presence?.[2];\n  const isExiting = presenceState?.isPresent === false;\n  const isEntering = presenceState?.isPresent === true && presenceState.initial !== false;\n  const hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && inputStyle !== \"css\";\n  const initialState = { ...defaultComponentStateMounted };\n  const disabled = isDisabled(props);\n  if (disabled != null) {\n    initialState.disabled = disabled;\n  }\n  const states = useState(initialState);\n  const initialStyleFrameUnmounted = curStateRef.initialStyleFrameUnmounted;\n  let state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...states[0] } : 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 = { ...state };\n    state[props.forceStyle] = true;\n  }\n  if (!curStateRef.setState) {\n    const reactSetState = states[1];\n    curStateRef.setState = (stateOrGetState) => {\n      const pendingUnmounted = curStateRef.initialStyleFrameUnmounted;\n      curStateRef.initialStyleFrameUnmounted = void 0;\n      reactSetState((previous) => {\n        const current = pendingUnmounted !== void 0 && previous.unmounted !== pendingUnmounted ? { ...previous, unmounted: pendingUnmounted } : previous;\n        return typeof stateOrGetState === \"function\" ? stateOrGetState(current) : stateOrGetState;\n      });\n    };\n  }\n  const setState = curStateRef.setState;\n  let isAnimated = willBeAnimated;\n  if (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, defaultComponentStateMounted);\n    }\n    state.disabled = disabled;\n    setState((_) => ({ ...state }));\n  }\n  const groupName = props.group;\n  if (!stateRef.current.baseSetStateShallow) {\n    const r = stateRef.current;\n    r.baseSetStateShallow = (stateOrGetState) => {\n      setState((prev) => {\n        const next = typeof stateOrGetState === \"function\" ? stateOrGetState(prev) : stateOrGetState;\n        const update = mergeIfNotShallowEqual(prev, next);\n        if (process.env.NODE_ENV === \"development\") {\n          const 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  const setStateShallow = stateRef.current.baseSetStateShallow;\n  if (process.env.NODE_ENV === \"development\" && globalThis.time)\n    globalThis.time`state-useCreateShallowSetState`;\n  let outProps = props;\n  if (presenceState && isAnimated && isHydrated && staticConfig.variants) {\n    if (process.env.NODE_ENV === \"development\" && props.debug === \"verbose\") {\n      console.warn(\n        formatDiagnostic(\n          \"TAMAGUI_PRESENCE_STATE\",\n          staticConfig.Component?.displayName || staticConfig.Component?.name || \"TamaguiComponent\",\n          \"AnimatePresence supplied lifecycle state to an animated component\",\n          'Remove debug=\"verbose\" after inspecting the animation state',\n          \"presenceState\",\n          presenceState\n        )\n      );\n    }\n    const { custom } = presenceState;\n    if (isObj(custom)) {\n      outProps = { ...props, ...custom };\n    }\n  }\n  let noClass = !isWeb || !!props.forceStyle;\n  if (!isHydrated) {\n    noClass = false;\n  } else {\n    if (isWeb && isHydrated) {\n      const isAnimatedAndHydrated = !!((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC) && isHydrated;\n      const isClassNameDisabled = !staticConfig.acceptsClassName && (getSetting(\"disableSSR\") || !state.unmounted);\n      const 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          log(`avoiding className`, {\n            isAnimatedAndHydrated,\n            isDisabledManually,\n            isClassNameDisabled\n          });\n        }\n      }\n    }\n  }\n  const 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      const platformPseudo = platformPseudoPossible && hasPlatformPseudo;\n      const nextWillBeAnimatedClient = Boolean(\n        (hasAnimationProp || platformPseudo) && !isHOC && useAnimations || curStateRef.hasAnimated\n      );\n      const nextWillBeAnimated = !isServer && nextWillBeAnimatedClient;\n      if (nextWillBeAnimated && !curStateRef.hasAnimated) {\n        curStateRef.hasAnimated = true;\n      }\n      if (!curStateRef.didFinalizeInitialStyleFrame) {\n        curStateRef.didFinalizeInitialStyleFrame = true;\n        const shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName);\n        const 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 = 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 (const k in style) {\n    const val = style[k];\n    if (val && typeof val === \"object\" && \"_animation\" in val) {\n      return true;\n    }\n  }\n  return false;\n}\nconst isDisabled = (props) => {\n  return props.disabled || props.passThrough || props.accessibilityState?.disabled || props[\"aria-disabled\"] || props.accessibilityDisabled || false;\n};\nexport {\n  useComponentState\n};\n//# sourceMappingURL=useComponentState.js.map\n"],"mappings":"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"}
+{"version":3,"file":"useComponentState.js","names":[],"sources":["esm/hooks/useComponentState.js"],"sourcesContent":["import { getPlatformDriver, isServer, isWeb } from \"@tamagui/constants\";\nimport { mergeIfNotShallowEqual } from \"@tamagui/is-equal-shallow\";\nimport { useDidFinishSSR, useIsClientOnly } from \"@tamagui/use-did-finish-ssr\";\nimport { useRef, useState } from \"react\";\nimport { getSetting } from \"../config\";\nimport { isOptimizedForFirstRender } from \"./isOptimizedForFirstRender\";\nimport { defaultComponentStateMounted } from \"../defaultComponentState\";\nimport { isObj } from \"../helpers/isObj\";\nconst useComponentState = (props, animationDriver, staticConfig, config) => {\n  \"use no memo\";\n  const isHydrated = useDidFinishSSR();\n  const needsHydration = !useIsClientOnly();\n  const useAnimations = animationDriver?.isStub ? void 0 : animationDriver?.useAnimations;\n  const { isHOC } = staticConfig;\n  const stateRef = useRef(\n    void 0\n  );\n  const curStateRef = stateRef.current ||= {\n    startedUnhydrated: needsHydration && !isHydrated,\n    optimizeForFirstRender: isOptimizedForFirstRender()\n  };\n  const hasAnimationProp = Boolean(\n    !isHOC && \"transition\" in props || props.style && hasAnimatedStyleValue(props.style)\n  );\n  const inputStyle = animationDriver?.inputStyle ?? \"css\";\n  const outputStyle = animationDriver?.outputStyle ?? \"css\";\n  if (!needsHydration && hasAnimationProp) {\n    curStateRef.hasAnimated = true;\n  }\n  const platformPseudoPossible = Boolean(\n    !isHOC && useAnimations && animationDriver?.avoidReRenders && getPlatformDriver()?.pseudo\n  );\n  const willBeAnimatedClient = Boolean(\n    (hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations || curStateRef.hasAnimated\n  );\n  const willBeAnimated = !isServer && willBeAnimatedClient;\n  if (willBeAnimated && hasAnimationProp && !curStateRef.hasAnimated) {\n    curStateRef.hasAnimated = true;\n  }\n  const { disableClassName } = props;\n  const animatePresenceOptIn = willBeAnimated && !isHOC && props[\"animatePresence\"] !== false;\n  if (animatePresenceOptIn) {\n    curStateRef.shouldRegisterPresence = true;\n  } else {\n    curStateRef.shouldRegisterPresence ??= false;\n  }\n  const presenceResult = animationDriver?.usePresence?.(curStateRef) || null;\n  const presence = animatePresenceOptIn ? presenceResult : null;\n  const presenceState = presence?.[2];\n  const isExiting = presenceState?.isPresent === false;\n  const isEntering = presenceState?.isPresent === true && presenceState.initial !== false;\n  const hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && inputStyle !== \"css\";\n  const disabled = isDisabled(props);\n  const [componentState, reactSetState] = useState(\n    () => disabled != null ? { ...defaultComponentStateMounted, disabled } : defaultComponentStateMounted\n  );\n  const initialStyleFrameUnmounted = curStateRef.initialStyleFrameUnmounted;\n  let state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...componentState } : 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 = { ...state };\n    state[props.forceStyle] = true;\n  }\n  const setState = curStateRef.setState ||= (stateOrGetState) => {\n    const pendingUnmounted = curStateRef.initialStyleFrameUnmounted;\n    curStateRef.initialStyleFrameUnmounted = void 0;\n    reactSetState((previous) => {\n      const current = pendingUnmounted !== void 0 && previous.unmounted !== pendingUnmounted ? { ...previous, unmounted: pendingUnmounted } : previous;\n      return typeof stateOrGetState === \"function\" ? stateOrGetState(current) : stateOrGetState;\n    });\n  };\n  let isAnimated = willBeAnimated;\n  if (isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated) {\n    isAnimated = false;\n    curStateRef.willHydrate = true;\n  }\n  if (disabled !== state.disabled) {\n    if (disabled) {\n      Object.assign(state, defaultComponentStateMounted);\n    }\n    state.disabled = disabled;\n    setState((_) => ({ ...state }));\n  }\n  const groupName = props.group;\n  const setStateShallow = curStateRef.baseSetStateShallow ||= (stateOrGetState) => {\n    setState((prev) => {\n      const next = typeof stateOrGetState === \"function\" ? stateOrGetState(prev) : stateOrGetState;\n      return mergeIfNotShallowEqual(prev, next);\n    });\n  };\n  let outProps = props;\n  if (presenceState && isAnimated && isHydrated && staticConfig.variants) {\n    const { custom } = presenceState;\n    if (isObj(custom)) {\n      outProps = { ...props, ...custom };\n    }\n  }\n  let noClass = !isWeb || Boolean(props.forceStyle);\n  if (isWeb) {\n    if (!isHydrated) {\n      noClass = false;\n    } else {\n      const isAnimatedAndHydrated = Boolean(\n        (hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC\n      );\n      const isClassNameDisabled = !staticConfig.acceptsClassName && (getSetting(\"disableSSR\") || !state.unmounted);\n      const isDisabledManually = Boolean(disableClassName && !state.unmounted);\n      if (isAnimatedAndHydrated && outputStyle !== \"css\" || isDisabledManually || isClassNameDisabled) {\n        noClass = true;\n      }\n    }\n  }\n  const 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      const platformPseudo = platformPseudoPossible && hasPlatformPseudo;\n      const nextWillBeAnimatedClient = Boolean(\n        (hasAnimationProp || platformPseudo) && !isHOC && useAnimations || curStateRef.hasAnimated\n      );\n      const nextWillBeAnimated = !isServer && nextWillBeAnimatedClient;\n      if (nextWillBeAnimated && !curStateRef.hasAnimated) {\n        curStateRef.hasAnimated = true;\n      }\n      if (!curStateRef.didFinalizeInitialStyleFrame) {\n        curStateRef.didFinalizeInitialStyleFrame = true;\n        const shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName);\n        const 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 = 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 (const k in style) {\n    const val = style[k];\n    if (val && typeof val === \"object\" && \"_animation\" in val) {\n      return true;\n    }\n  }\n  return false;\n}\nconst isDisabled = (props) => {\n  return props.disabled || props.passThrough || props.accessibilityState?.disabled || props[\"aria-disabled\"] || props.accessibilityDisabled || false;\n};\nexport {\n  useComponentState\n};\n//# sourceMappingURL=useComponentState.js.map\n"],"mappings":"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"}

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

@@ -3,11 +3,9 @@ import { mergeIfNotShallowEqual } from "@tamagui/is-equal-shallow";
 import { useDidFinishSSR, useIsClientOnly } from "@tamagui/use-did-finish-ssr";
 import { useRef, useState } from "react";
 import { getSetting } from "../config.native.js";
-import { formatDiagnostic } from "../helpers/formatDiagnostic.native.js";
 import { isOptimizedForFirstRender } from "./isOptimizedForFirstRender.native.js";
 import { defaultComponentStateMounted } from "../defaultComponentState.native.js";
 import { isObj } from "../helpers/isObj.native.js";
-import { log } from "../helpers/log.native.js";
 
 function _type_of(obj) {
 	"@swc/helpers - typeof";
@@ -16,57 +14,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 = useDidFinishSSR();
 	var needsHydration = !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 = useRef(void 0);
-	if (!stateRef.current) {
-		stateRef.current = {
-			startedUnhydrated: needsHydration && !isHydrated,
-			optimizeForFirstRender: isOptimizedForFirstRender()
-		};
-	}
+	var curStateRef = (_stateRef = stateRef).current || (_stateRef.current = {
+		startedUnhydrated: needsHydration && !isHydrated,
+		optimizeForFirstRender: 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 = 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 = !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 = { ...defaultComponentStateMounted };
 	var disabled = isDisabled(props);
-	if (disabled != null) {
-		initialState.disabled = disabled;
-	}
-	var states = useState(initialState);
+	var [componentState, reactSetState] = useState(function() {
+		return disabled != null ? {
+			...defaultComponentStateMounted,
+			disabled
+		} : 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;
 	}
@@ -74,26 +69,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 (isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {
+	if (isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated) {
 		isAnimated = false;
 		curStateRef.willHydrate = true;
 	}
@@ -107,37 +98,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 = 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 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(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 (isObj(custom)) {
 			outProps = {
@@ -146,23 +114,16 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 			};
 		}
 	}
-	var noClass = !isWeb || !!props.forceStyle;
-	if (!isHydrated) {
-		noClass = false;
-	} else {
-		if (isWeb && isHydrated) {
-			var isAnimatedAndHydrated = !!((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC) && isHydrated;
+	var noClass = !isWeb || Boolean(props.forceStyle);
+	if (isWeb) {
+		if (!isHydrated) {
+			noClass = false;
+		} else {
+			var isAnimatedAndHydrated = Boolean((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC);
 			var isClassNameDisabled = !staticConfig.acceptsClassName && (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") {
-					log(`avoiding className`, {
-						isAnimatedAndHydrated,
-						isDisabledManually,
-						isClassNameDisabled
-					});
-				}
 			}
 		}
 	}
@@ -207,7 +168,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 			result.platformPseudo = platformPseudo;
 			result.willBeAnimatedClient = nextWillBeAnimatedClient;
 			result.willBeAnimated = nextWillBeAnimated;
-			result.isAnimated = isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated ? false : nextWillBeAnimated;
+			result.isAnimated = isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated ? false : nextWillBeAnimated;
 			if (nextWillBeAnimated && !isHOC && props["animatePresence"] !== false) {
 				curStateRef.shouldRegisterPresence = true;
 			}

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

@@ -1 +1 @@
-{"version":3,"file":"useComponentState.native.js","names":[],"sources":["esm/hooks/useComponentState.native.js"],"sourcesContent":["import { getPlatformDriver, isServer, isWeb } from \"@tamagui/constants\";\nimport { mergeIfNotShallowEqual } from \"@tamagui/is-equal-shallow\";\nimport { useDidFinishSSR, useIsClientOnly } from \"@tamagui/use-did-finish-ssr\";\nimport { useRef, useState } from \"react\";\nimport { getSetting } from \"../config\";\nimport { formatDiagnostic } from \"../helpers/formatDiagnostic\";\nimport { isOptimizedForFirstRender } from \"./isOptimizedForFirstRender\";\nimport { defaultComponentStateMounted } from \"../defaultComponentState\";\nimport { isObj } from \"../helpers/isObj\";\nimport { log } from \"../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 = useDidFinishSSR();\n  var needsHydration = !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 = 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: 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 = 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 = !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    ...defaultComponentStateMounted\n  };\n  var disabled = isDisabled(props);\n  if (disabled != null) {\n    initialState.disabled = disabled;\n  }\n  var states = 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 (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, 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 = 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(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 (isObj(custom)) {\n      outProps = {\n        ...props,\n        ...custom\n      };\n    }\n  }\n  var noClass = !isWeb || !!props.forceStyle;\n  if (!isHydrated) {\n    noClass = false;\n  } else {\n    if (isWeb && isHydrated) {\n      var isAnimatedAndHydrated = !!((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC) && isHydrated;\n      var isClassNameDisabled = !staticConfig.acceptsClassName && (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          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 = !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 = 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};\nexport {\n  useComponentState\n};\n//# sourceMappingURL=useComponentState.js.map\n"],"mappings":"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"}
+{"version":3,"file":"useComponentState.native.js","names":[],"sources":["esm/hooks/useComponentState.native.js"],"sourcesContent":["import { getPlatformDriver, isServer, isWeb } from \"@tamagui/constants\";\nimport { mergeIfNotShallowEqual } from \"@tamagui/is-equal-shallow\";\nimport { useDidFinishSSR, useIsClientOnly } from \"@tamagui/use-did-finish-ssr\";\nimport { useRef, useState } from \"react\";\nimport { getSetting } from \"../config\";\nimport { isOptimizedForFirstRender } from \"./isOptimizedForFirstRender\";\nimport { defaultComponentStateMounted } from \"../defaultComponentState\";\nimport { isObj } from \"../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 = useDidFinishSSR();\n  var needsHydration = !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 = useRef(void 0);\n  var curStateRef = (_stateRef = stateRef).current || (_stateRef.current = {\n    startedUnhydrated: needsHydration && !isHydrated,\n    optimizeForFirstRender: 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 = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo));\n  var willBeAnimatedClient = Boolean((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations || curStateRef.hasAnimated);\n  var willBeAnimated = !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] = useState(function() {\n    return disabled != null ? {\n      ...defaultComponentStateMounted,\n      disabled\n    } : 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 (isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated) {\n    isAnimated = false;\n    curStateRef.willHydrate = true;\n  }\n  if (disabled !== state.disabled) {\n    if (disabled) {\n      Object.assign(state, 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 mergeIfNotShallowEqual(prev, next);\n    });\n  });\n  var outProps = props;\n  if (presenceState && isAnimated && isHydrated && staticConfig.variants) {\n    var { custom } = presenceState;\n    if (isObj(custom)) {\n      outProps = {\n        ...props,\n        ...custom\n      };\n    }\n  }\n  var noClass = !isWeb || Boolean(props.forceStyle);\n  if (isWeb) {\n    if (!isHydrated) {\n      noClass = false;\n    } else {\n      var isAnimatedAndHydrated = Boolean((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC);\n      var isClassNameDisabled = !staticConfig.acceptsClassName && (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 = !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 = 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};\nexport {\n  useComponentState\n};\n//# sourceMappingURL=useComponentState.js.map\n"],"mappings":"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"}

package/dist/esm/hooks/useMedia.mjs

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