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

package/dist/esm/helpers/warnOnce.native.js

@@ -2,10 +2,12 @@ var warnLimit = 500;
 var warned = process.env.NODE_ENV !== "production" ? /* @__PURE__ */ new Set() : null;
 function warnOnce(key) {
 	var message = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : key;
-	if (process.env.NODE_ENV !== "development") return;
-	if (warned.has(key) || warned.size >= warnLimit) return;
-	warned.add(key);
-	console.warn(`[tamagui] ${message}`);
+	if (process.env.NODE_ENV === "development") {
+		var _warned_size;
+		if ((warned === null || warned === void 0 ? void 0 : warned.has(key)) || ((_warned_size = warned === null || warned === void 0 ? void 0 : warned.size) !== null && _warned_size !== void 0 ? _warned_size : 0) >= warnLimit) return;
+		warned === null || warned === void 0 ? void 0 : warned.add(key);
+		console.warn(`[tamagui] ${message}`);
+	}
 }
 function warnRefusedValue(property, value, reason) {
 	warnOnce(`refused:${property}=${value}`, `${property}="${value}" had a segment dropped: ${reason}`);

package/dist/esm/helpers/warnOnce.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"warnOnce.native.js","names":[],"sources":["esm/helpers/warnOnce.native.js"],"sourcesContent":["var warnLimit = 500;\nvar warned = process.env.NODE_ENV !== \"production\" ? /* @__PURE__ */ new Set() : null;\nfunction warnOnce(key) {\n  var message = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : key;\n  if (process.env.NODE_ENV !== \"development\") return;\n  if (warned.has(key) || warned.size >= warnLimit) return;\n  warned.add(key);\n  console.warn(`[tamagui] ${message}`);\n}\nfunction warnRefusedValue(property, value, reason) {\n  warnOnce(`refused:${property}=${value}`, `${property}=\"${value}\" had a segment dropped: ${reason}`);\n}\nexport {\n  warnOnce,\n  warnRefusedValue\n};\n//# sourceMappingURL=warnOnce.js.map\n"],"mappings":";AAAA,IAAI,YAAY;AAChB,IAAI,SAAS,QAAQ,IAAI,aAAa,+BAA+B,IAAI,IAAI,IAAI;AACjF,SAAS,SAAS,KAAK;CACrB,IAAI,UAAU,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;CAC/E,IAAI,QAAQ,IAAI,aAAa,eAAe;CAC5C,IAAI,OAAO,IAAI,GAAG,KAAK,OAAO,QAAQ,WAAW;CACjD,OAAO,IAAI,GAAG;CACd,QAAQ,KAAK,aAAa,SAAS;AACrC;AACA,SAAS,iBAAiB,UAAU,OAAO,QAAQ;CACjD,SAAS,WAAW,SAAS,GAAG,SAAS,GAAG,SAAS,IAAI,MAAM,2BAA2B,QAAQ;AACpG"}
+{"version":3,"file":"warnOnce.native.js","names":[],"sources":["esm/helpers/warnOnce.native.js"],"sourcesContent":["var warnLimit = 500;\nvar warned = process.env.NODE_ENV !== \"production\" ? /* @__PURE__ */ new Set() : null;\nfunction warnOnce(key) {\n  var message = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : key;\n  if (process.env.NODE_ENV === \"development\") {\n    var _warned_size;\n    if ((warned === null || warned === void 0 ? void 0 : warned.has(key)) || ((_warned_size = warned === null || warned === void 0 ? void 0 : warned.size) !== null && _warned_size !== void 0 ? _warned_size : 0) >= warnLimit) return;\n    warned === null || warned === void 0 ? void 0 : warned.add(key);\n    console.warn(`[tamagui] ${message}`);\n  }\n}\nfunction warnRefusedValue(property, value, reason) {\n  warnOnce(`refused:${property}=${value}`, `${property}=\"${value}\" had a segment dropped: ${reason}`);\n}\nexport {\n  warnOnce,\n  warnRefusedValue\n};\n//# sourceMappingURL=warnOnce.js.map\n"],"mappings":";AAAA,IAAI,YAAY;AAChB,IAAI,SAAS,QAAQ,IAAI,aAAa,+BAA+B,IAAI,IAAI,IAAI;AACjF,SAAS,SAAS,KAAK;CACrB,IAAI,UAAU,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;CAC/E,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI;EACJ,KAAK,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,GAAG,QAAQ,eAAe,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO,UAAU,QAAQ,iBAAiB,KAAK,IAAI,eAAe,MAAM,WAAW;EAC7N,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,GAAG;EAC9D,QAAQ,KAAK,aAAa,SAAS;CACrC;AACF;AACA,SAAS,iBAAiB,UAAU,OAAO,QAAQ;CACjD,SAAS,WAAW,SAAS,GAAG,SAAS,GAAG,SAAS,IAAI,MAAM,2BAA2B,QAAQ;AACpG"}

package/dist/esm/hooks/useAnimationDriver.mjs

@@ -3,7 +3,7 @@ import { useConfiguration } from "../contexts/ComponentContext.mjs";
 function useAnimationDriver() {
 	const { 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() {
 	const driver = useAnimationDriver();
 	const 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.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;
 			}