@tamagui/web 2.7.7 → 3.0.0-beta.1093.1

package/dist/esm/hooks/useComponentState.mjs

@@ -3,194 +3,178 @@ 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 { defaultComponentState, defaultComponentStateMounted, defaultComponentStateShouldEnter } from "../defaultComponentState.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";
 
-  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 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);
+	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";
+	if (!needsHydration && hasAnimationProp) {
+		curStateRef.hasAnimated = true;
+	}
+	const platformPseudoPossible = Boolean(!isHOC && useAnimations && animationDriver?.avoidReRenders && getPlatformDriver()?.pseudo);
+	const willBeAnimatedClient = Boolean((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations || curStateRef.hasAnimated);
+	const willBeAnimated = !isServer && willBeAnimatedClient;
+	if (willBeAnimated && hasAnimationProp && !curStateRef.hasAnimated) {
+		curStateRef.hasAnimated = true;
+	}
+	const { disableClassName } = props;
+	const animatePresenceOptIn = willBeAnimated && !isHOC && props["animatePresence"] !== false;
+	if (animatePresenceOptIn) {
+		curStateRef.shouldRegisterPresence = true;
+	} else {
+		curStateRef.shouldRegisterPresence ??= false;
+	}
+	const presenceResult = animationDriver?.usePresence?.(curStateRef) || 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 disabled = isDisabled(props);
+	const [componentState, reactSetState] = useState(() => disabled != null ? {
+		...defaultComponentStateMounted,
+		disabled
+	} : defaultComponentStateMounted);
+	const initialStyleFrameUnmounted = curStateRef.initialStyleFrameUnmounted;
+	let state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...componentState } : componentState;
+	if (!curStateRef.didFinalizeInitialStyleFrame && !isHOC) {
+		state.unmounted = true;
+	}
+	if (initialStyleFrameUnmounted !== void 0) {
+		state.unmounted = initialStyleFrameUnmounted;
+	}
+	if (props.forceStyle) {
+		if (state === componentState) state = { ...state };
+		state[props.forceStyle] = true;
+	}
+	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 && !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;
+	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) {
+		const { custom } = presenceState;
+		if (isObj(custom)) {
+			outProps = {
+				...props,
+				...custom
+			};
+		}
+	}
+	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 = Boolean(disableClassName && !state.unmounted);
+			if (isAnimatedAndHydrated && outputStyle !== "css" || isDisabledManually || isClassNameDisabled) {
+				noClass = true;
+			}
+		}
+	}
+	const result = {
+		props: outProps,
+		startedUnhydrated: curStateRef.startedUnhydrated,
+		curStateRef,
+		disabled,
+		groupName,
+		hasAnimationProp,
+		hasEnterStyle: false,
+		isAnimated,
+		isExiting,
+		isHydrated,
+		presence,
+		presenceState,
+		setState,
+		setStateShallow,
+		noClass,
+		state,
+		stateRef,
+		inputStyle,
+		outputStyle,
+		willBeAnimated,
+		willBeAnimatedClient,
+		platformPseudo: platformPseudoPossible,
+		finalizeStyleFlags(hasEnterStyle, hasPlatformPseudo) {
+			const platformPseudo = platformPseudoPossible && hasPlatformPseudo;
+			const nextWillBeAnimatedClient = Boolean((hasAnimationProp || platformPseudo) && !isHOC && useAnimations || curStateRef.hasAnimated);
+			const nextWillBeAnimated = !isServer && nextWillBeAnimatedClient;
+			if (nextWillBeAnimated && !curStateRef.hasAnimated) {
+				curStateRef.hasAnimated = true;
+			}
+			if (!curStateRef.didFinalizeInitialStyleFrame) {
+				curStateRef.didFinalizeInitialStyleFrame = true;
+				const shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName);
+				const unmounted = shouldEnter ? hasEnterStyle || isEntering ? "should-enter" : true : false;
+				state.unmounted = unmounted;
+				curStateRef.initialStyleFrameUnmounted = unmounted || void 0;
+			}
+			result.hasEnterStyle = hasEnterStyle;
+			result.platformPseudo = platformPseudo;
+			result.willBeAnimatedClient = nextWillBeAnimatedClient;
+			result.willBeAnimated = nextWillBeAnimated;
+			result.isAnimated = isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated ? false : nextWillBeAnimated;
+			if (nextWillBeAnimated && !isHOC && props["animatePresence"] !== false) {
+				curStateRef.shouldRegisterPresence = true;
+			}
+			return result;
+		}
+	};
+	return result;
 };
 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 { 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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"}