@tamagui/web 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/hooks/useComponentState.mjs

@@ -1,196 +1,217 @@
 import { getPlatformDriver, isServer, isWeb } from "@tamagui/constants";
+import { stylePropsAll } from "@tamagui/helpers";
+import { canonicalClauseModifier, scanFlatValue } from "@tamagui/style-grammar/runtime";
 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 { defaultComponentState, defaultComponentStateMounted, defaultComponentStateShouldEnter } from "../defaultComponentState.mjs";
 import { isObj } from "../helpers/isObj.mjs";
 import { log } from "../helpers/log.mjs";
-const useComponentState = (props, animationDriver, staticConfig, config) => {
-  "use no memo";
 
-  const isHydrated = useDidFinishSSR();
-  const needsHydration = !useIsClientOnly();
-  const useAnimations = animationDriver?.isStub ? void 0 : animationDriver?.useAnimations;
-  const {
-    isHOC
-  } = staticConfig;
-  const stateRef = useRef(
-  // performance: avoid creating object every render
-  void 0);
-  if (!stateRef.current) {
-    stateRef.current = {
-      startedUnhydrated: needsHydration && !isHydrated
-    };
-  }
-  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 platformPseudo = Boolean(!isHOC && useAnimations && animationDriver?.avoidReRenders && getPlatformDriver()?.pseudo && ("hoverStyle" in props || "pressStyle" in props || "focusStyle" in props));
-  const willBeAnimatedClient = (() => {
-    const next = !!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations);
-    return Boolean(next || curStateRef.hasAnimated);
-  })();
-  const willBeAnimated = !isServer && willBeAnimatedClient;
-  if (willBeAnimated && !curStateRef.hasAnimated) {
-    curStateRef.hasAnimated = true;
-  }
-  const {
-    disableClassName
-  } = props;
-  const presence = !isHOC && willBeAnimated && props["animatePresence"] !== false && animationDriver?.usePresence?.() || null;
-  const presenceState = presence?.[2];
-  const isExiting = presenceState?.isPresent === false;
-  const isEntering = presenceState?.isPresent === true && presenceState.initial !== false;
-  const hasEnterStyle = !!props.enterStyle;
-  const hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && (animationDriver?.isReactNative || inputStyle !== "css");
-  const canImmediatelyEnter = hasEnterStyle || isEntering;
-  const shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate ||
-  // disableClassName doesnt work server side, only client, so needs hydrate
-  // this is just for a better ux, supports css variables for light/dark, media queries, etc
-  disableClassName);
-  const initialState = shouldEnter ?
-  // on the very first render we switch all spring animation drivers to css rendering
-  // this is because we need to use css variables, which they don't support to do proper SSR
-  // without flickers of the wrong colors.
-  // but once we do that initial hydration and we are in client side rendering mode,
-  // we can avoid the extra re-render on mount
-  canImmediatelyEnter ? defaultComponentStateShouldEnter : defaultComponentState : defaultComponentStateMounted;
-  const disabled = isDisabled(props);
-  if (disabled != null) {
-    initialState.disabled = disabled;
-  }
-  const states = useState(initialState);
-  const state = props.forceStyle ? {
-    ...states[0],
-    [props.forceStyle]: true
-  } : states[0];
-  const setState = states[1];
-  let isAnimated = willBeAnimated;
-  if (isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {
-    isAnimated = false;
-    curStateRef.willHydrate = true;
-  }
-  if (disabled !== state.disabled) {
-    if (disabled) {
-      Object.assign(state, defaultComponentStateMounted);
-    }
-    state.disabled = disabled;
-    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`;
-  if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
-    if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-      console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
-    }
-    const {
-      enterVariant,
-      exitVariant,
-      enterExitVariant,
-      custom
-    } = presenceState;
-    if (isObj(custom)) {
-      Object.assign(props, custom);
-    }
-    const exv = exitVariant ?? enterExitVariant;
-    const env = enterVariant ?? enterExitVariant;
-    if (state.unmounted && env && staticConfig.variants[env]) {
-      if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-        console.warn(`Animating presence ENTER "${env}"`);
-      }
-      props[env] = true;
-    } else if (isExiting && exv) {
-      if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-        console.warn(`Animating presence EXIT "${exv}"`);
-      }
-      props[exv] = exitVariant !== enterExitVariant;
-    }
-  }
-  let noClass = !isWeb || !!props.forceStyle;
-  if (!isHydrated) {
-    noClass = false;
-  } else {
-    if (isWeb && isHydrated) {
-      const isAnimatedAndHydrated = isAnimated && isHydrated;
-      const isClassNameDisabled = !staticConfig.acceptsClassName && (getSetting("disableSSR") || !state.unmounted);
-      const isDisabledManually = disableClassName && !state.unmounted;
-      if (
-      // Only disable className for animation drivers that output inline styles (not css)
-      isAnimatedAndHydrated && outputStyle !== "css" || isDisabledManually || isClassNameDisabled) {
-        noClass = true;
-        if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
-          log(`avoiding className`, {
-            isAnimatedAndHydrated,
-            isDisabledManually,
-            isClassNameDisabled
-          });
-        }
-      }
-    }
-  }
-  return {
-    startedUnhydrated: curStateRef.startedUnhydrated,
-    curStateRef,
-    disabled,
-    groupName,
-    hasAnimationProp,
-    hasEnterStyle,
-    isAnimated,
-    isExiting,
-    isHydrated,
-    presence,
-    presenceState,
-    setState,
-    setStateShallow,
-    noClass,
-    state,
-    stateRef,
-    inputStyle,
-    outputStyle,
-    willBeAnimated,
-    willBeAnimatedClient,
-    platformPseudo
-  };
+const platformPseudoModifiers = /* @__PURE__ */ new Set([
+	"hover",
+	"press",
+	"focus"
+]);
+const enterModifier = /* @__PURE__ */ new Set(["enter"]);
+let scanSource = "";
+let scanWanted = enterModifier;
+let scanFound = false;
+let scanRefused = false;
+const lifecycleVisitor = {
+	segment(start, end, isBase) {
+		if (start === end && !isBase) scanRefused = true;
+	},
+	chain(start, end) {
+		if (scanRefused) return false;
+		for (let index = start; index <= end; index++) {
+			if (index !== end && scanSource.charCodeAt(index) !== 58) continue;
+			if (scanWanted.has(canonicalClauseModifier(scanSource.slice(start, index)))) {
+				scanFound = true;
+			}
+			start = index + 1;
+		}
+		return true;
+	},
+	error() {
+		scanRefused = true;
+	}
+};
+function hasFlatModifier(props, config, modifiers) {
+	for (const key in props) {
+		const value = props[key];
+		if (typeof value !== "string" || value.indexOf(":") === -1) continue;
+		const property = config.shorthands[key] || key;
+		if (!(property in stylePropsAll) && property !== "transition") continue;
+		scanSource = value;
+		scanWanted = modifiers;
+		scanFound = false;
+		scanRefused = false;
+		scanFlatValue(value, lifecycleVisitor);
+		if (scanFound && !scanRefused) return true;
+	}
+	return false;
+}
+const useComponentState = (props, animationDriver, staticConfig, config) => {
+	"use no memo";
+	const isHydrated = useDidFinishSSR();
+	const needsHydration = !useIsClientOnly();
+	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 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 platformPseudo = Boolean(!isHOC && useAnimations && animationDriver?.avoidReRenders && getPlatformDriver()?.pseudo && hasFlatModifier(props, config, platformPseudoModifiers));
+	const willBeAnimatedClient = (() => {
+		const next = !!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations);
+		return Boolean(next || curStateRef.hasAnimated);
+	})();
+	const willBeAnimated = !isServer && willBeAnimatedClient;
+	if (willBeAnimated && !curStateRef.hasAnimated) {
+		curStateRef.hasAnimated = true;
+	}
+	const { disableClassName } = props;
+	const presence = !isHOC && willBeAnimated && props["animatePresence"] !== false && animationDriver?.usePresence?.() || null;
+	const presenceState = presence?.[2];
+	const isExiting = presenceState?.isPresent === false;
+	const isEntering = presenceState?.isPresent === true && presenceState.initial !== false;
+	const hasEnterStyle = hasFlatModifier(props, config, enterModifier);
+	const hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && (animationDriver?.isReactNative || inputStyle !== "css");
+	const canImmediatelyEnter = hasEnterStyle || isEntering;
+	const shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName);
+	const initialState = shouldEnter ? canImmediatelyEnter ? defaultComponentStateShouldEnter : defaultComponentState : defaultComponentStateMounted;
+	const disabled = isDisabled(props);
+	if (disabled != null) {
+		initialState.disabled = disabled;
+	}
+	const states = useState(initialState);
+	const state = props.forceStyle ? {
+		...states[0],
+		[props.forceStyle]: true
+	} : states[0];
+	const setState = states[1];
+	let isAnimated = willBeAnimated;
+	if (isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {
+		isAnimated = false;
+		curStateRef.willHydrate = true;
+	}
+	if (disabled !== state.disabled) {
+		if (disabled) {
+			Object.assign(state, defaultComponentStateMounted);
+		}
+		state.disabled = disabled;
+		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`;
+	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 = {
+				...props,
+				...custom
+			};
+		}
+	}
+	let noClass = !isWeb || !!props.forceStyle;
+	if (!isHydrated) {
+		noClass = false;
+	} else {
+		if (isWeb && isHydrated) {
+			const isAnimatedAndHydrated = isAnimated && isHydrated;
+			const isClassNameDisabled = !staticConfig.acceptsClassName && (getSetting("disableSSR") || !state.unmounted);
+			const isDisabledManually = 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
+					});
+				}
+			}
+		}
+	}
+	return {
+		props: outProps,
+		startedUnhydrated: curStateRef.startedUnhydrated,
+		curStateRef,
+		disabled,
+		groupName,
+		hasAnimationProp,
+		hasEnterStyle,
+		isAnimated,
+		isExiting,
+		isHydrated,
+		presence,
+		presenceState,
+		setState,
+		setStateShallow,
+		noClass,
+		state,
+		stateRef,
+		inputStyle,
+		outputStyle,
+		willBeAnimated,
+		willBeAnimatedClient,
+		platformPseudo
+	};
 };
 function hasAnimatedStyleValue(style) {
-  return Object.keys(style).some(k => {
-    const val = style[k];
-    return val && typeof val === "object" && "_animation" in val;
-  });
+	for (const k in style) {
+		const val = style[k];
+		if (val && typeof val === "object" && "_animation" in val) {
+			return true;
+		}
+	}
+	return false;
 }
-const isDisabled = props => {
-  return props.disabled || props.passThrough || props.accessibilityState?.disabled || props["aria-disabled"] || props.accessibilityDisabled || false;
+const isDisabled = (props) => {
+	return props.disabled || props.passThrough || props.accessibilityState?.disabled || props["aria-disabled"] || props.accessibilityDisabled || false;
 };
+
 export { useComponentState };
 //# sourceMappingURL=useComponentState.mjs.map

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

@@ -1 +1 @@
-{"version":3,"names":["getPlatformDriver","isServer","isWeb","mergeIfNotShallowEqual","useDidFinishSSR","useIsClientOnly","useRef","useState","getSetting","defaultComponentState","defaultComponentStateMounted","defaultComponentStateShouldEnter","isObj","log","useComponentState","props","animationDriver","staticConfig","config","isHydrated","needsHydration","useAnimations","isStub","isHOC","stateRef","current","startedUnhydrated","hasAnimationProp","Boolean","style","hasAnimatedStyleValue","inputStyle","outputStyle","curStateRef","hasAnimated","platformPseudo","avoidReRenders","pseudo","willBeAnimatedClient","next","willBeAnimated","disableClassName","presence","usePresence","presenceState","isExiting","isPresent","isEntering","initial","hasEnterStyle","enterStyle","hasAnimationThatNeedsHydrate","isReactNative","canImmediatelyEnter","shouldEnter","initialState","disabled","isDisabled","states","state","forceStyle","setState","isAnimated","willHydrate","Object","assign","_","groupName","group","baseSetStateShallow","r","stateOrGetState","prev","update","process","env","NODE_ENV","dbg","__debug","console","groupCollapsed","info","trace","groupEnd","debug","setStateShallow","globalThis","time","variants","warn","JSON","stringify","enterVariant","exitVariant","enterExitVariant","custom","exv","unmounted","noClass","isAnimatedAndHydrated","isClassNameDisabled","acceptsClassName","isDisabledManually","keys","some","k","val","passThrough","accessibilityState","accessibilityDisabled"],"sources":["../../../src/hooks/useComponentState.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useComponentState.js","names":[],"sources":["esm/hooks/useComponentState.js"],"sourcesContent":["import { getPlatformDriver, isServer, isWeb } from \"@tamagui/constants\";\nimport { stylePropsAll } from \"@tamagui/helpers\";\nimport { canonicalClauseModifier, scanFlatValue } from \"@tamagui/style-grammar/runtime\";\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  defaultComponentState,\n  defaultComponentStateMounted,\n  defaultComponentStateShouldEnter\n} from \"../defaultComponentState\";\nimport { isObj } from \"../helpers/isObj\";\nimport { log } from \"../helpers/log\";\nconst platformPseudoModifiers = /* @__PURE__ */ new Set([\"hover\", \"press\", \"focus\"]);\nconst enterModifier = /* @__PURE__ */ new Set([\"enter\"]);\nlet scanSource = \"\";\nlet scanWanted = enterModifier;\nlet scanFound = false;\nlet scanRefused = false;\nconst lifecycleVisitor = {\n  segment(start, end, isBase) {\n    if (start === end && !isBase) scanRefused = true;\n  },\n  chain(start, end) {\n    if (scanRefused) return false;\n    for (let index = start; index <= end; index++) {\n      if (index !== end && scanSource.charCodeAt(index) !== 58) continue;\n      if (scanWanted.has(canonicalClauseModifier(scanSource.slice(start, index)))) {\n        scanFound = true;\n      }\n      start = index + 1;\n    }\n    return true;\n  },\n  error() {\n    scanRefused = true;\n  }\n};\nfunction hasFlatModifier(props, config, modifiers) {\n  for (const key in props) {\n    const value = props[key];\n    if (typeof value !== \"string\" || value.indexOf(\":\") === -1) continue;\n    const property = config.shorthands[key] || key;\n    if (!(property in stylePropsAll) && property !== \"transition\") continue;\n    scanSource = value;\n    scanWanted = modifiers;\n    scanFound = false;\n    scanRefused = false;\n    scanFlatValue(value, lifecycleVisitor);\n    if (scanFound && !scanRefused) return true;\n  }\n  return false;\n}\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 platformPseudo = Boolean(\n    !isHOC && useAnimations && animationDriver?.avoidReRenders && getPlatformDriver()?.pseudo && hasFlatModifier(props, config, platformPseudoModifiers)\n  );\n  const willBeAnimatedClient = (() => {\n    const next = !!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations);\n    return Boolean(next || curStateRef.hasAnimated);\n  })();\n  const willBeAnimated = !isServer && willBeAnimatedClient;\n  if (willBeAnimated && !curStateRef.hasAnimated) {\n    curStateRef.hasAnimated = true;\n  }\n  const { disableClassName } = props;\n  const presence = !isHOC && willBeAnimated && props[\"animatePresence\"] !== false && animationDriver?.usePresence?.() || null;\n  const presenceState = presence?.[2];\n  const isExiting = presenceState?.isPresent === false;\n  const isEntering = presenceState?.isPresent === true && presenceState.initial !== false;\n  const hasEnterStyle = hasFlatModifier(props, config, enterModifier);\n  const hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && (animationDriver?.isReactNative || inputStyle !== \"css\");\n  const canImmediatelyEnter = hasEnterStyle || isEntering;\n  const shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate\n  // this is just for a better ux, supports css variables for light/dark, media queries, etc\n  disableClassName);\n  const initialState = shouldEnter ? (\n    // on the very first render we switch all spring animation drivers to css rendering\n    // this is because we need to use css variables, which they don't support to do proper SSR\n    // without flickers of the wrong colors.\n    // but once we do that initial hydration and we are in client side rendering mode,\n    // we can avoid the extra re-render on mount\n    canImmediatelyEnter ? defaultComponentStateShouldEnter : defaultComponentState\n  ) : defaultComponentStateMounted;\n  const disabled = isDisabled(props);\n  if (disabled != null) {\n    initialState.disabled = disabled;\n  }\n  const states = useState(initialState);\n  const state = props.forceStyle ? { ...states[0], [props.forceStyle]: true } : states[0];\n  const setState = states[1];\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 = isAnimated && 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  return {\n    props: outProps,\n    startedUnhydrated: curStateRef.startedUnhydrated,\n    curStateRef,\n    disabled,\n    groupName,\n    hasAnimationProp,\n    hasEnterStyle,\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\n  };\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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"}