@tamagui/web 3.0.0-beta.765.1 → 3.0.0-beta.804.1

package/dist/cjs/hooks/useComponentState.native.cjs

@@ -24,8 +24,6 @@ var useComponentState_exports = {};
 __export(useComponentState_exports, { useComponentState: () => useComponentState });
 module.exports = __toCommonJS(useComponentState_exports);
 var import_constants = require("@tamagui/constants");
-var import_helpers = require("@tamagui/helpers");
-var import_runtime = require("@tamagui/style-grammar/runtime");
 var import_is_equal_shallow = require("@tamagui/is-equal-shallow");
 var import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
 var import_react = require("react");
@@ -39,74 +37,6 @@ function _type_of(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-var platformPseudoModifiers = /* @__PURE__ */ new Set([
-	"hover",
-	"press",
-	"focus"
-]);
-var enterModifier = /* @__PURE__ */ new Set(["enter"]);
-var lifecycleHandler = {
-	segment(ctx, start, end, isBase, valid) {
-		var scan = ctx.flatScan;
-		if (!isBase && valid && start < end && scan[3]) scan[2] = true;
-		scan[3] = false;
-	},
-	chain(ctx, start, end, valid) {
-		var scan = ctx.flatScan;
-		scan[3] = false;
-		if (!valid) return true;
-		for (var index = start; index <= end; index++) {
-			if (index !== end && scan[0].charCodeAt(index) !== 58) continue;
-			if (scan[1].has((0, import_runtime.canonicalClauseModifier)(scan[0].slice(start, index)))) {
-				scan[3] = true;
-			}
-			start = index + 1;
-		}
-		return true;
-	}
-};
-function hasFlatModifier(props, config, modifiers, ctx, variants) {
-	var _ctx;
-	var scan = (_ctx = ctx).flatScan || (_ctx.flatScan = [
-		"",
-		enterModifier,
-		false,
-		false
-	]);
-	for (var key in props) {
-		var value = props[key];
-		var isString = typeof value === "string";
-		if (isString ? value.indexOf(":") === -1 : !value || (typeof value === "undefined" ? "undefined" : _type_of(value)) !== "object") {
-			continue;
-		}
-		var property = config.shorthands[key] || key;
-		if (!(property in import_helpers.stylePropsAll) && property !== "transition" && !(variants && key in variants)) {
-			continue;
-		}
-		if (!isString) {
-			if (property === "transition") continue;
-			for (var chain in value) {
-				if (chain === "default" || value[chain] == null) continue;
-				var start = 0;
-				for (var index = 0; index <= chain.length; index++) {
-					if (index !== chain.length && chain.charCodeAt(index) !== 58) continue;
-					if (modifiers.has((0, import_runtime.canonicalClauseModifier)(chain.slice(start, index)))) {
-						return true;
-					}
-					start = index + 1;
-				}
-			}
-			continue;
-		}
-		scan[0] = value;
-		scan[1] = modifiers;
-		scan[2] = false;
-		scan[3] = false;
-		(0, import_runtime.scanFlatValue)(value, lifecycleHandler, ctx);
-		if (scan[2]) return true;
-	}
-	return false;
-}
 var useComponentState = function(props, animationDriver, staticConfig, config) {
 	"use no memo";
 	var _getPlatformDriver, _animationDriver_usePresence;
@@ -130,35 +60,62 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 	if (!needsHydration && hasAnimationProp) {
 		curStateRef.hasAnimated = true;
 	}
-	var platformPseudo = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = (0, import_constants.getPlatformDriver)()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo) && hasFlatModifier(props, config, platformPseudoModifiers, curStateRef, staticConfig.variants));
+	var platformPseudoPossible = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = (0, import_constants.getPlatformDriver)()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo));
 	var willBeAnimatedClient = (function() {
-		var next = !!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations);
+		var next = !!((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations);
 		return Boolean(next || curStateRef.hasAnimated);
 	})();
 	var willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
-	if (willBeAnimated && !curStateRef.hasAnimated) {
+	if (willBeAnimated && hasAnimationProp && !curStateRef.hasAnimated) {
 		curStateRef.hasAnimated = true;
 	}
 	var { disableClassName } = props;
-	var presence = !isHOC && willBeAnimated && props["animatePresence"] !== false && (animationDriver === null || animationDriver === void 0 ? void 0 : (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null;
+	if (willBeAnimated && !isHOC && props["animatePresence"] !== false) {
+		curStateRef.shouldRegisterPresence = true;
+	} else {
+		var _curStateRef;
+		var _shouldRegisterPresence;
+		(_shouldRegisterPresence = (_curStateRef = curStateRef).shouldRegisterPresence) !== null && _shouldRegisterPresence !== void 0 ? _shouldRegisterPresence : _curStateRef.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 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 hasEnterStyle = hasFlatModifier(props, config, enterModifier, curStateRef, staticConfig.variants);
-	var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isReactNative) || inputStyle !== "css");
-	var canImmediatelyEnter = hasEnterStyle || isEntering;
-	var shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName);
-	var initialState = shouldEnter ? canImmediatelyEnter ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted;
+	var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && inputStyle !== "css";
+	var initialState = { ...import_defaultComponentState.defaultComponentStateMounted };
 	var disabled = isDisabled(props);
 	if (disabled != null) {
 		initialState.disabled = disabled;
 	}
 	var states = (0, import_react.useState)(initialState);
-	var state = props.forceStyle ? {
-		...states[0],
-		[props.forceStyle]: true
-	} : states[0];
-	var setState = states[1];
+	var initialStyleFrameUnmounted = curStateRef.initialStyleFrameUnmounted;
+	var state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...states[0] } : states[0];
+	if (!curStateRef.didFinalizeInitialStyleFrame && !isHOC) {
+		state.unmounted = true;
+	}
+	if (initialStyleFrameUnmounted !== void 0) {
+		state.unmounted = initialStyleFrameUnmounted;
+	}
+	if (props.forceStyle) {
+		if (state === states[0]) 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 isAnimated = willBeAnimated;
 	if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {
 		isAnimated = false;
@@ -218,7 +175,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 		noClass = false;
 	} else {
 		if (import_constants.isWeb && isHydrated) {
-			var isAnimatedAndHydrated = isAnimated && isHydrated;
+			var isAnimatedAndHydrated = !!((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC) && isHydrated;
 			var isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)("disableSSR") || !state.unmounted);
 			var isDisabledManually = disableClassName && !state.unmounted;
 			if (isAnimatedAndHydrated && outputStyle !== "css" || isDisabledManually || isClassNameDisabled) {
@@ -233,14 +190,14 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 			}
 		}
 	}
-	return {
+	var result = {
 		props: outProps,
 		startedUnhydrated: curStateRef.startedUnhydrated,
 		curStateRef,
 		disabled,
 		groupName,
 		hasAnimationProp,
-		hasEnterStyle,
+		hasEnterStyle: false,
 		isAnimated,
 		isExiting,
 		isHydrated,
@@ -255,8 +212,33 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 		outputStyle,
 		willBeAnimated,
 		willBeAnimatedClient,
-		platformPseudo
+		platformPseudo: platformPseudoPossible,
+		finalizeStyleFlags(hasEnterStyle, hasPlatformPseudo) {
+			var platformPseudo = platformPseudoPossible && hasPlatformPseudo;
+			var nextWillBeAnimatedClient = Boolean((hasAnimationProp || platformPseudo) && !isHOC && useAnimations || curStateRef.hasAnimated);
+			var nextWillBeAnimated = !import_constants.isServer && nextWillBeAnimatedClient;
+			if (nextWillBeAnimated && !curStateRef.hasAnimated) {
+				curStateRef.hasAnimated = true;
+			}
+			if (!curStateRef.didFinalizeInitialStyleFrame) {
+				curStateRef.didFinalizeInitialStyleFrame = true;
+				var shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName);
+				var 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 = import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated ? false : nextWillBeAnimated;
+			if (nextWillBeAnimated && !isHOC && props["animatePresence"] !== false) {
+				curStateRef.shouldRegisterPresence = true;
+			}
+			return result;
+		}
 	};
+	return result;
 };
 function hasAnimatedStyleValue(style) {
 	for (var k in style) {

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

@@ -24,8 +24,6 @@ var useComponentState_exports = {};
 __export(useComponentState_exports, { useComponentState: () => useComponentState });
 module.exports = __toCommonJS(useComponentState_exports);
 var import_constants = require("@tamagui/constants");
-var import_helpers = require("@tamagui/helpers");
-var import_runtime = require("@tamagui/style-grammar/runtime");
 var import_is_equal_shallow = require("@tamagui/is-equal-shallow");
 var import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
 var import_react = require("react");
@@ -39,74 +37,6 @@ function _type_of(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-var platformPseudoModifiers = /* @__PURE__ */ new Set([
-	"hover",
-	"press",
-	"focus"
-]);
-var enterModifier = /* @__PURE__ */ new Set(["enter"]);
-var lifecycleHandler = {
-	segment(ctx, start, end, isBase, valid) {
-		var scan = ctx.flatScan;
-		if (!isBase && valid && start < end && scan[3]) scan[2] = true;
-		scan[3] = false;
-	},
-	chain(ctx, start, end, valid) {
-		var scan = ctx.flatScan;
-		scan[3] = false;
-		if (!valid) return true;
-		for (var index = start; index <= end; index++) {
-			if (index !== end && scan[0].charCodeAt(index) !== 58) continue;
-			if (scan[1].has((0, import_runtime.canonicalClauseModifier)(scan[0].slice(start, index)))) {
-				scan[3] = true;
-			}
-			start = index + 1;
-		}
-		return true;
-	}
-};
-function hasFlatModifier(props, config, modifiers, ctx, variants) {
-	var _ctx;
-	var scan = (_ctx = ctx).flatScan || (_ctx.flatScan = [
-		"",
-		enterModifier,
-		false,
-		false
-	]);
-	for (var key in props) {
-		var value = props[key];
-		var isString = typeof value === "string";
-		if (isString ? value.indexOf(":") === -1 : !value || (typeof value === "undefined" ? "undefined" : _type_of(value)) !== "object") {
-			continue;
-		}
-		var property = config.shorthands[key] || key;
-		if (!(property in import_helpers.stylePropsAll) && property !== "transition" && !(variants && key in variants)) {
-			continue;
-		}
-		if (!isString) {
-			if (property === "transition") continue;
-			for (var chain in value) {
-				if (chain === "default" || value[chain] == null) continue;
-				var start = 0;
-				for (var index = 0; index <= chain.length; index++) {
-					if (index !== chain.length && chain.charCodeAt(index) !== 58) continue;
-					if (modifiers.has((0, import_runtime.canonicalClauseModifier)(chain.slice(start, index)))) {
-						return true;
-					}
-					start = index + 1;
-				}
-			}
-			continue;
-		}
-		scan[0] = value;
-		scan[1] = modifiers;
-		scan[2] = false;
-		scan[3] = false;
-		(0, import_runtime.scanFlatValue)(value, lifecycleHandler, ctx);
-		if (scan[2]) return true;
-	}
-	return false;
-}
 var useComponentState = function(props, animationDriver, staticConfig, config) {
 	"use no memo";
 	var _getPlatformDriver, _animationDriver_usePresence;
@@ -130,35 +60,62 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 	if (!needsHydration && hasAnimationProp) {
 		curStateRef.hasAnimated = true;
 	}
-	var platformPseudo = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = (0, import_constants.getPlatformDriver)()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo) && hasFlatModifier(props, config, platformPseudoModifiers, curStateRef, staticConfig.variants));
+	var platformPseudoPossible = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = (0, import_constants.getPlatformDriver)()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo));
 	var willBeAnimatedClient = (function() {
-		var next = !!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations);
+		var next = !!((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations);
 		return Boolean(next || curStateRef.hasAnimated);
 	})();
 	var willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
-	if (willBeAnimated && !curStateRef.hasAnimated) {
+	if (willBeAnimated && hasAnimationProp && !curStateRef.hasAnimated) {
 		curStateRef.hasAnimated = true;
 	}
 	var { disableClassName } = props;
-	var presence = !isHOC && willBeAnimated && props["animatePresence"] !== false && (animationDriver === null || animationDriver === void 0 ? void 0 : (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null;
+	if (willBeAnimated && !isHOC && props["animatePresence"] !== false) {
+		curStateRef.shouldRegisterPresence = true;
+	} else {
+		var _curStateRef;
+		var _shouldRegisterPresence;
+		(_shouldRegisterPresence = (_curStateRef = curStateRef).shouldRegisterPresence) !== null && _shouldRegisterPresence !== void 0 ? _shouldRegisterPresence : _curStateRef.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 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 hasEnterStyle = hasFlatModifier(props, config, enterModifier, curStateRef, staticConfig.variants);
-	var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isReactNative) || inputStyle !== "css");
-	var canImmediatelyEnter = hasEnterStyle || isEntering;
-	var shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName);
-	var initialState = shouldEnter ? canImmediatelyEnter ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted;
+	var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && inputStyle !== "css";
+	var initialState = { ...import_defaultComponentState.defaultComponentStateMounted };
 	var disabled = isDisabled(props);
 	if (disabled != null) {
 		initialState.disabled = disabled;
 	}
 	var states = (0, import_react.useState)(initialState);
-	var state = props.forceStyle ? {
-		...states[0],
-		[props.forceStyle]: true
-	} : states[0];
-	var setState = states[1];
+	var initialStyleFrameUnmounted = curStateRef.initialStyleFrameUnmounted;
+	var state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...states[0] } : states[0];
+	if (!curStateRef.didFinalizeInitialStyleFrame && !isHOC) {
+		state.unmounted = true;
+	}
+	if (initialStyleFrameUnmounted !== void 0) {
+		state.unmounted = initialStyleFrameUnmounted;
+	}
+	if (props.forceStyle) {
+		if (state === states[0]) 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 isAnimated = willBeAnimated;
 	if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated) {
 		isAnimated = false;
@@ -218,7 +175,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 		noClass = false;
 	} else {
 		if (import_constants.isWeb && isHydrated) {
-			var isAnimatedAndHydrated = isAnimated && isHydrated;
+			var isAnimatedAndHydrated = !!((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC) && isHydrated;
 			var isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)("disableSSR") || !state.unmounted);
 			var isDisabledManually = disableClassName && !state.unmounted;
 			if (isAnimatedAndHydrated && outputStyle !== "css" || isDisabledManually || isClassNameDisabled) {
@@ -233,14 +190,14 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 			}
 		}
 	}
-	return {
+	var result = {
 		props: outProps,
 		startedUnhydrated: curStateRef.startedUnhydrated,
 		curStateRef,
 		disabled,
 		groupName,
 		hasAnimationProp,
-		hasEnterStyle,
+		hasEnterStyle: false,
 		isAnimated,
 		isExiting,
 		isHydrated,
@@ -255,8 +212,33 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 		outputStyle,
 		willBeAnimated,
 		willBeAnimatedClient,
-		platformPseudo
+		platformPseudo: platformPseudoPossible,
+		finalizeStyleFlags(hasEnterStyle, hasPlatformPseudo) {
+			var platformPseudo = platformPseudoPossible && hasPlatformPseudo;
+			var nextWillBeAnimatedClient = Boolean((hasAnimationProp || platformPseudo) && !isHOC && useAnimations || curStateRef.hasAnimated);
+			var nextWillBeAnimated = !import_constants.isServer && nextWillBeAnimatedClient;
+			if (nextWillBeAnimated && !curStateRef.hasAnimated) {
+				curStateRef.hasAnimated = true;
+			}
+			if (!curStateRef.didFinalizeInitialStyleFrame) {
+				curStateRef.didFinalizeInitialStyleFrame = true;
+				var shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName);
+				var 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 = import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated ? false : nextWillBeAnimated;
+			if (nextWillBeAnimated && !isHOC && props["animatePresence"] !== false) {
+				curStateRef.shouldRegisterPresence = true;
+			}
+			return result;
+		}
 	};
+	return result;
 };
 function hasAnimatedStyleValue(style) {
 	for (var k in style) {

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

@@ -1 +1 @@
-{"version":3,"file":"useComponentState.native.js","names":[],"sources":["cjs/hooks/useComponentState.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useComponentState_exports = {};\n__export(useComponentState_exports, {\n  useComponentState: () => useComponentState\n});\nmodule.exports = __toCommonJS(useComponentState_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_runtime = require(\"@tamagui/style-grammar/runtime\");\nvar import_is_equal_shallow = require(\"@tamagui/is-equal-shallow\");\nvar import_use_did_finish_ssr = require(\"@tamagui/use-did-finish-ssr\");\nvar import_react = require(\"react\");\nvar import_config = require(\"../config\");\nvar import_formatDiagnostic = require(\"../helpers/formatDiagnostic\");\nvar import_isOptimizedForFirstRender = require(\"./isOptimizedForFirstRender\");\nvar import_defaultComponentState = require(\"../defaultComponentState\");\nvar import_isObj = require(\"../helpers/isObj\");\nvar import_log = require(\"../helpers/log\");\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar platformPseudoModifiers = /* @__PURE__ */ new Set([\n  \"hover\",\n  \"press\",\n  \"focus\"\n]);\nvar enterModifier = /* @__PURE__ */ new Set([\n  \"enter\"\n]);\nvar lifecycleHandler = {\n  segment(ctx, start, end, isBase, valid) {\n    var scan = ctx.flatScan;\n    if (!isBase && valid && start < end && scan[3]) scan[2] = true;\n    scan[3] = false;\n  },\n  chain(ctx, start, end, valid) {\n    var scan = ctx.flatScan;\n    scan[3] = false;\n    if (!valid) return true;\n    for (var index = start; index <= end; index++) {\n      if (index !== end && scan[0].charCodeAt(index) !== 58) continue;\n      if (scan[1].has((0, import_runtime.canonicalClauseModifier)(scan[0].slice(start, index)))) {\n        scan[3] = true;\n      }\n      start = index + 1;\n    }\n    return true;\n  }\n};\nfunction hasFlatModifier(props, config, modifiers, ctx, variants) {\n  var _ctx;\n  var scan = (_ctx = ctx).flatScan || (_ctx.flatScan = [\n    \"\",\n    enterModifier,\n    false,\n    false\n  ]);\n  for (var key in props) {\n    var value = props[key];\n    var isString = typeof value === \"string\";\n    if (isString ? value.indexOf(\":\") === -1 : !value || (typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) !== \"object\") {\n      continue;\n    }\n    var property = config.shorthands[key] || key;\n    if (!(property in import_helpers.stylePropsAll) && property !== \"transition\" && // conditional variant props resolve style branches too, so their\n    // lifecycle clauses drive the same decision\n    !(variants && key in variants)) {\n      continue;\n    }\n    if (!isString) {\n      if (property === \"transition\") continue;\n      for (var chain in value) {\n        if (chain === \"default\" || value[chain] == null) continue;\n        var start = 0;\n        for (var index = 0; index <= chain.length; index++) {\n          if (index !== chain.length && chain.charCodeAt(index) !== 58) continue;\n          if (modifiers.has((0, import_runtime.canonicalClauseModifier)(chain.slice(start, index)))) {\n            return true;\n          }\n          start = index + 1;\n        }\n      }\n      continue;\n    }\n    scan[0] = value;\n    scan[1] = modifiers;\n    scan[2] = false;\n    scan[3] = false;\n    (0, import_runtime.scanFlatValue)(value, lifecycleHandler, ctx);\n    if (scan[2]) return true;\n  }\n  return false;\n}\nvar useComponentState = function(props, animationDriver, staticConfig, config) {\n  \"use no memo\";\n  var _getPlatformDriver, _animationDriver_usePresence;\n  var isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();\n  var needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)();\n  var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;\n  var { isHOC } = staticConfig;\n  var stateRef = (0, import_react.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: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()\n    };\n  }\n  var hasAnimationProp = Boolean(!isHOC && \"transition\" in props || props.style && hasAnimatedStyleValue(props.style));\n  var _animationDriver_inputStyle;\n  var inputStyle = (_animationDriver_inputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.inputStyle) !== null && _animationDriver_inputStyle !== void 0 ? _animationDriver_inputStyle : \"css\";\n  var _animationDriver_outputStyle;\n  var outputStyle = (_animationDriver_outputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : \"css\";\n  var curStateRef = stateRef.current;\n  if (!needsHydration && hasAnimationProp) {\n    curStateRef.hasAnimated = true;\n  }\n  var platformPseudo = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = (0, import_constants.getPlatformDriver)()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo) && hasFlatModifier(props, config, platformPseudoModifiers, curStateRef, staticConfig.variants));\n  var willBeAnimatedClient = (function() {\n    var next = !!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations);\n    return Boolean(next || curStateRef.hasAnimated);\n  })();\n  var willBeAnimated = !import_constants.isServer && willBeAnimatedClient;\n  if (willBeAnimated && !curStateRef.hasAnimated) {\n    curStateRef.hasAnimated = true;\n  }\n  var { disableClassName } = props;\n  var presence = !isHOC && willBeAnimated && props[\"animatePresence\"] !== false && (animationDriver === null || animationDriver === void 0 ? void 0 : (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null;\n  var presenceState = presence === null || presence === void 0 ? void 0 : presence[2];\n  var isExiting = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === false;\n  var isEntering = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false;\n  var hasEnterStyle = hasFlatModifier(props, config, enterModifier, curStateRef, staticConfig.variants);\n  var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && ((animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isReactNative) || inputStyle !== \"css\");\n  var canImmediatelyEnter = hasEnterStyle || isEntering;\n  var 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  var 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 ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState\n  ) : import_defaultComponentState.defaultComponentStateMounted;\n  var disabled = isDisabled(props);\n  if (disabled != null) {\n    initialState.disabled = disabled;\n  }\n  var states = (0, import_react.useState)(initialState);\n  var state = props.forceStyle ? {\n    ...states[0],\n    [props.forceStyle]: true\n  } : states[0];\n  var setState = states[1];\n  var isAnimated = willBeAnimated;\n  if (import_constants.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, import_defaultComponentState.defaultComponentStateMounted);\n    }\n    state.disabled = disabled;\n    setState(function(_) {\n      return {\n        ...state\n      };\n    });\n  }\n  var groupName = props.group;\n  if (!stateRef.current.baseSetStateShallow) {\n    var r = stateRef.current;\n    r.baseSetStateShallow = function(stateOrGetState) {\n      setState(function(prev) {\n        var next = typeof stateOrGetState === \"function\" ? stateOrGetState(prev) : stateOrGetState;\n        var update = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(prev, next);\n        if (process.env.NODE_ENV === \"development\") {\n          var dbg = r.__debug;\n          if (dbg && update !== prev) {\n            console.groupCollapsed(`setStateShallow CHANGE`, \"=>\", update);\n            console.info(`previously`, prev);\n            console.trace();\n            console.groupEnd();\n          }\n        }\n        return update;\n      });\n    };\n  }\n  if (process.env.NODE_ENV === \"development\") {\n    ;\n    stateRef.current.__debug = props.debug;\n  }\n  var setStateShallow = stateRef.current.baseSetStateShallow;\n  if (process.env.NODE_ENV === \"development\" && globalThis.time) globalThis.time`state-useCreateShallowSetState`;\n  var outProps = props;\n  if (presenceState && isAnimated && isHydrated && staticConfig.variants) {\n    if (process.env.NODE_ENV === \"development\" && props.debug === \"verbose\") {\n      var _staticConfig_Component, _staticConfig_Component1;\n      console.warn((0, import_formatDiagnostic.formatDiagnostic)(\"TAMAGUI_PRESENCE_STATE\", ((_staticConfig_Component = staticConfig.Component) === null || _staticConfig_Component === void 0 ? void 0 : _staticConfig_Component.displayName) || ((_staticConfig_Component1 = staticConfig.Component) === null || _staticConfig_Component1 === void 0 ? void 0 : _staticConfig_Component1.name) || \"TamaguiComponent\", \"AnimatePresence supplied lifecycle state to an animated component\", 'Remove debug=\"verbose\" after inspecting the animation state', \"presenceState\", presenceState));\n    }\n    var { custom } = presenceState;\n    if ((0, import_isObj.isObj)(custom)) {\n      outProps = {\n        ...props,\n        ...custom\n      };\n    }\n  }\n  var noClass = !import_constants.isWeb || !!props.forceStyle;\n  if (!isHydrated) {\n    noClass = false;\n  } else {\n    if (import_constants.isWeb && isHydrated) {\n      var isAnimatedAndHydrated = isAnimated && isHydrated;\n      var isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)(\"disableSSR\") || !state.unmounted);\n      var isDisabledManually = disableClassName && !state.unmounted;\n      if (\n        // Only disable className for animation drivers that output inline styles (not css)\n        isAnimatedAndHydrated && outputStyle !== \"css\" || isDisabledManually || isClassNameDisabled\n      ) {\n        noClass = true;\n        if (process.env.NODE_ENV === \"development\" && props.debug === \"verbose\") {\n          (0, import_log.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 (var k in style) {\n    var val = style[k];\n    if (val && (typeof val === \"undefined\" ? \"undefined\" : _type_of(val)) === \"object\" && \"_animation\" in val) {\n      return true;\n    }\n  }\n  return false;\n}\nvar isDisabled = function(props) {\n  var _props_accessibilityState;\n  return props.disabled || props.passThrough || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props[\"aria-disabled\"] || props.accessibilityDisabled || false;\n};\n//# sourceMappingURL=useComponentState.js.map\n"],"mappings":"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"}
+{"version":3,"file":"useComponentState.native.js","names":[],"sources":["cjs/hooks/useComponentState.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useComponentState_exports = {};\n__export(useComponentState_exports, {\n  useComponentState: () => useComponentState\n});\nmodule.exports = __toCommonJS(useComponentState_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_is_equal_shallow = require(\"@tamagui/is-equal-shallow\");\nvar import_use_did_finish_ssr = require(\"@tamagui/use-did-finish-ssr\");\nvar import_react = require(\"react\");\nvar import_config = require(\"../config\");\nvar import_formatDiagnostic = require(\"../helpers/formatDiagnostic\");\nvar import_isOptimizedForFirstRender = require(\"./isOptimizedForFirstRender\");\nvar import_defaultComponentState = require(\"../defaultComponentState\");\nvar import_isObj = require(\"../helpers/isObj\");\nvar import_log = require(\"../helpers/log\");\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar useComponentState = function(props, animationDriver, staticConfig, config) {\n  \"use no memo\";\n  var _getPlatformDriver, _animationDriver_usePresence;\n  var isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();\n  var needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)();\n  var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;\n  var { isHOC } = staticConfig;\n  var stateRef = (0, import_react.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: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()\n    };\n  }\n  var hasAnimationProp = Boolean(!isHOC && \"transition\" in props || props.style && hasAnimatedStyleValue(props.style));\n  var _animationDriver_inputStyle;\n  var inputStyle = (_animationDriver_inputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.inputStyle) !== null && _animationDriver_inputStyle !== void 0 ? _animationDriver_inputStyle : \"css\";\n  var _animationDriver_outputStyle;\n  var outputStyle = (_animationDriver_outputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : \"css\";\n  var curStateRef = stateRef.current;\n  if (!needsHydration && hasAnimationProp) {\n    curStateRef.hasAnimated = true;\n  }\n  var platformPseudoPossible = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = (0, import_constants.getPlatformDriver)()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo));\n  var willBeAnimatedClient = (function() {\n    var next = !!((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations);\n    return Boolean(next || curStateRef.hasAnimated);\n  })();\n  var willBeAnimated = !import_constants.isServer && willBeAnimatedClient;\n  if (willBeAnimated && hasAnimationProp && !curStateRef.hasAnimated) {\n    curStateRef.hasAnimated = true;\n  }\n  var { disableClassName } = props;\n  if (willBeAnimated && !isHOC && props[\"animatePresence\"] !== false) {\n    curStateRef.shouldRegisterPresence = true;\n  } else {\n    var _curStateRef;\n    var _shouldRegisterPresence;\n    (_shouldRegisterPresence = (_curStateRef = curStateRef).shouldRegisterPresence) !== null && _shouldRegisterPresence !== void 0 ? _shouldRegisterPresence : _curStateRef.shouldRegisterPresence = false;\n  }\n  var presenceResult = (animationDriver === null || animationDriver === void 0 ? void 0 : (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver, curStateRef)) || null;\n  var presence = !isHOC && willBeAnimated && props[\"animatePresence\"] !== false ? presenceResult : null;\n  var presenceState = presence === null || presence === void 0 ? void 0 : presence[2];\n  var isExiting = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === false;\n  var isEntering = (presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false;\n  var hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && inputStyle !== \"css\";\n  var initialState = {\n    ...import_defaultComponentState.defaultComponentStateMounted\n  };\n  var disabled = isDisabled(props);\n  if (disabled != null) {\n    initialState.disabled = disabled;\n  }\n  var states = (0, import_react.useState)(initialState);\n  var initialStyleFrameUnmounted = curStateRef.initialStyleFrameUnmounted;\n  var state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? {\n    ...states[0]\n  } : states[0];\n  if (!curStateRef.didFinalizeInitialStyleFrame && !isHOC) {\n    state.unmounted = true;\n  }\n  if (initialStyleFrameUnmounted !== void 0) {\n    state.unmounted = initialStyleFrameUnmounted;\n  }\n  if (props.forceStyle) {\n    if (state === states[0]) state = {\n      ...state\n    };\n    state[props.forceStyle] = true;\n  }\n  if (!curStateRef.setState) {\n    var reactSetState = states[1];\n    curStateRef.setState = function(stateOrGetState) {\n      var pendingUnmounted = curStateRef.initialStyleFrameUnmounted;\n      curStateRef.initialStyleFrameUnmounted = void 0;\n      reactSetState(function(previous) {\n        var current = pendingUnmounted !== void 0 && previous.unmounted !== pendingUnmounted ? {\n          ...previous,\n          unmounted: pendingUnmounted\n        } : previous;\n        return typeof stateOrGetState === \"function\" ? stateOrGetState(current) : stateOrGetState;\n      });\n    };\n  }\n  var setState = curStateRef.setState;\n  var isAnimated = willBeAnimated;\n  if (import_constants.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, import_defaultComponentState.defaultComponentStateMounted);\n    }\n    state.disabled = disabled;\n    setState(function(_) {\n      return {\n        ...state\n      };\n    });\n  }\n  var groupName = props.group;\n  if (!stateRef.current.baseSetStateShallow) {\n    var r = stateRef.current;\n    r.baseSetStateShallow = function(stateOrGetState) {\n      setState(function(prev) {\n        var next = typeof stateOrGetState === \"function\" ? stateOrGetState(prev) : stateOrGetState;\n        var update = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(prev, next);\n        if (process.env.NODE_ENV === \"development\") {\n          var dbg = r.__debug;\n          if (dbg && update !== prev) {\n            console.groupCollapsed(`setStateShallow CHANGE`, \"=>\", update);\n            console.info(`previously`, prev);\n            console.trace();\n            console.groupEnd();\n          }\n        }\n        return update;\n      });\n    };\n  }\n  if (process.env.NODE_ENV === \"development\") {\n    ;\n    stateRef.current.__debug = props.debug;\n  }\n  var setStateShallow = stateRef.current.baseSetStateShallow;\n  if (process.env.NODE_ENV === \"development\" && globalThis.time) globalThis.time`state-useCreateShallowSetState`;\n  var outProps = props;\n  if (presenceState && isAnimated && isHydrated && staticConfig.variants) {\n    if (process.env.NODE_ENV === \"development\" && props.debug === \"verbose\") {\n      var _staticConfig_Component, _staticConfig_Component1;\n      console.warn((0, import_formatDiagnostic.formatDiagnostic)(\"TAMAGUI_PRESENCE_STATE\", ((_staticConfig_Component = staticConfig.Component) === null || _staticConfig_Component === void 0 ? void 0 : _staticConfig_Component.displayName) || ((_staticConfig_Component1 = staticConfig.Component) === null || _staticConfig_Component1 === void 0 ? void 0 : _staticConfig_Component1.name) || \"TamaguiComponent\", \"AnimatePresence supplied lifecycle state to an animated component\", 'Remove debug=\"verbose\" after inspecting the animation state', \"presenceState\", presenceState));\n    }\n    var { custom } = presenceState;\n    if ((0, import_isObj.isObj)(custom)) {\n      outProps = {\n        ...props,\n        ...custom\n      };\n    }\n  }\n  var noClass = !import_constants.isWeb || !!props.forceStyle;\n  if (!isHydrated) {\n    noClass = false;\n  } else {\n    if (import_constants.isWeb && isHydrated) {\n      var isAnimatedAndHydrated = !!((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC) && isHydrated;\n      var isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)(\"disableSSR\") || !state.unmounted);\n      var isDisabledManually = disableClassName && !state.unmounted;\n      if (\n        // Only disable className for animation drivers that output inline styles (not css)\n        isAnimatedAndHydrated && outputStyle !== \"css\" || isDisabledManually || isClassNameDisabled\n      ) {\n        noClass = true;\n        if (process.env.NODE_ENV === \"development\" && props.debug === \"verbose\") {\n          (0, import_log.log)(`avoiding className`, {\n            isAnimatedAndHydrated,\n            isDisabledManually,\n            isClassNameDisabled\n          });\n        }\n      }\n    }\n  }\n  var result = {\n    props: outProps,\n    startedUnhydrated: curStateRef.startedUnhydrated,\n    curStateRef,\n    disabled,\n    groupName,\n    hasAnimationProp,\n    hasEnterStyle: false,\n    isAnimated,\n    isExiting,\n    isHydrated,\n    presence,\n    presenceState,\n    setState,\n    setStateShallow,\n    noClass,\n    state,\n    stateRef,\n    inputStyle,\n    outputStyle,\n    willBeAnimated,\n    willBeAnimatedClient,\n    platformPseudo: platformPseudoPossible,\n    finalizeStyleFlags(hasEnterStyle, hasPlatformPseudo) {\n      var platformPseudo = platformPseudoPossible && hasPlatformPseudo;\n      var nextWillBeAnimatedClient = Boolean((hasAnimationProp || platformPseudo) && !isHOC && useAnimations || curStateRef.hasAnimated);\n      var nextWillBeAnimated = !import_constants.isServer && nextWillBeAnimatedClient;\n      if (nextWillBeAnimated && !curStateRef.hasAnimated) {\n        curStateRef.hasAnimated = true;\n      }\n      if (!curStateRef.didFinalizeInitialStyleFrame) {\n        curStateRef.didFinalizeInitialStyleFrame = true;\n        var shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || disableClassName);\n        var unmounted = shouldEnter ? hasEnterStyle || isEntering ? \"should-enter\" : true : false;\n        state.unmounted = unmounted;\n        curStateRef.initialStyleFrameUnmounted = unmounted || void 0;\n      }\n      result.hasEnterStyle = hasEnterStyle;\n      result.platformPseudo = platformPseudo;\n      result.willBeAnimatedClient = nextWillBeAnimatedClient;\n      result.willBeAnimated = nextWillBeAnimated;\n      result.isAnimated = import_constants.isWeb && hasAnimationThatNeedsHydrate && !staticConfig.isHOC && !isHydrated ? false : nextWillBeAnimated;\n      if (nextWillBeAnimated && !isHOC && props[\"animatePresence\"] !== false) {\n        curStateRef.shouldRegisterPresence = true;\n      }\n      return result;\n    }\n  };\n  return result;\n};\nfunction hasAnimatedStyleValue(style) {\n  for (var k in style) {\n    var val = style[k];\n    if (val && (typeof val === \"undefined\" ? \"undefined\" : _type_of(val)) === \"object\" && \"_animation\" in val) {\n      return true;\n    }\n  }\n  return false;\n}\nvar isDisabled = function(props) {\n  var _props_accessibilityState;\n  return props.disabled || props.passThrough || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props[\"aria-disabled\"] || props.accessibilityDisabled || false;\n};\n//# sourceMappingURL=useComponentState.js.map\n"],"mappings":"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"}

package/dist/cjs/hooks/useMedia.cjs

@@ -24,7 +24,7 @@ __export(useMedia_exports, {
 	_mediaListenerStats: () => _mediaListenerStats,
 	configureMedia: () => configureMedia,
 	getMediaState: () => getMediaState,
-	mediaKeyMatch: () => mediaKeyMatch,
+	mediaKeyMatch: () => import_mediaState2.mediaKeyMatch,
 	mediaKeyToQuery: () => mediaKeyToQuery,
 	setMediaShouldUpdate: () => setMediaShouldUpdate,
 	setupMediaListeners: () => setupMediaListeners,
@@ -40,6 +40,7 @@ var import_isOptimizedForFirstRender = require("./isOptimizedForFirstRender.cjs"
 var import_matchMedia = require("../helpers/matchMedia.cjs");
 var import_mediaObjectToString = require("../helpers/mediaObjectToString.cjs");
 var import_mediaState = require("../helpers/mediaState.cjs");
+var import_mediaState2 = require("../helpers/mediaState.cjs");
 let initState;
 const dispose = /* @__PURE__ */ new Set();
 let mediaVersion = 0;
@@ -349,7 +350,7 @@ function getMediaState(mediaGroups, layout) {
 	let res;
 	try {
 		res = Object.fromEntries([...mediaGroups].map((mediaKey) => {
-			return [mediaKey, mediaKeyMatch(mediaKey, layout)];
+			return [mediaKey, (0, import_mediaState.mediaKeyMatch)(mediaKey, layout)];
 		}));
 	} finally {
 		disableMediaTouch = false;
@@ -360,16 +361,3 @@ const cachedMediaKeyToQuery = {};
 function mediaKeyToQuery(key) {
 	return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key]));
 }
-function mediaKeyMatch(key, dimensions) {
-	const mediaQueries = import_mediaState.mediaQueryConfig[key];
-	for (const query in mediaQueries) {
-		const expectedVal = +mediaQueries[query];
-		const isMax = query.startsWith("max");
-		const isWidth = query.endsWith("Width");
-		const givenVal = dimensions[isWidth ? "width" : "height"];
-		if (isMax ? givenVal >= expectedVal : givenVal <= expectedVal) {
-			return false;
-		}
-	}
-	return true;
-}

package/dist/cjs/hooks/useMedia.native.cjs

@@ -26,7 +26,7 @@ __export(useMedia_exports, {
 	_mediaListenerStats: () => _mediaListenerStats,
 	configureMedia: () => configureMedia,
 	getMediaState: () => getMediaState,
-	mediaKeyMatch: () => mediaKeyMatch,
+	mediaKeyMatch: () => import_mediaState2.mediaKeyMatch,
 	mediaKeyToQuery: () => mediaKeyToQuery,
 	setMediaShouldUpdate: () => setMediaShouldUpdate,
 	setupMediaListeners: () => setupMediaListeners,
@@ -42,6 +42,7 @@ var import_isOptimizedForFirstRender = require("./isOptimizedForFirstRender.nati
 var import_matchMedia = require("../helpers/matchMedia.native.js");
 var import_mediaObjectToString = require("../helpers/mediaObjectToString.native.js");
 var import_mediaState = require("../helpers/mediaState.native.js");
+var import_mediaState2 = require("../helpers/mediaState.native.js");
 var initState;
 var dispose = /* @__PURE__ */ new Set();
 var mediaVersion = 0;
@@ -505,7 +506,7 @@ function getMediaState(mediaGroups, layout) {
 	var res;
 	try {
 		res = Object.fromEntries([...mediaGroups].map(function(mediaKey) {
-			return [mediaKey, mediaKeyMatch(mediaKey, layout)];
+			return [mediaKey, (0, import_mediaState.mediaKeyMatch)(mediaKey, layout)];
 		}));
 	} finally {
 		disableMediaTouch = false;
@@ -516,16 +517,3 @@ var cachedMediaKeyToQuery = {};
 function mediaKeyToQuery(key) {
 	return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key]));
 }
-function mediaKeyMatch(key, dimensions) {
-	var mediaQueries = import_mediaState.mediaQueryConfig[key];
-	for (var query in mediaQueries) {
-		var expectedVal = +mediaQueries[query];
-		var isMax = query.startsWith("max");
-		var isWidth = query.endsWith("Width");
-		var givenVal = dimensions[isWidth ? "width" : "height"];
-		if (isMax ? givenVal >= expectedVal : givenVal <= expectedVal) {
-			return false;
-		}
-	}
-	return true;
-}