@tamagui/core 2.2.0 → 2.3.1

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 $ tamagui-build
-built @tamagui/core in 636 ms
+built @tamagui/core in 829 ms
 Running afterBuild script...
-afterBuild completed in 182 ms
+afterBuild completed in 365 ms

package/dist/native.cjs

@@ -1011,7 +1011,7 @@ var init_index_native$11 = __esmMin((() => {
 	avoidUpdates = true;
 	queuedUpdates = /* @__PURE__ */ new Map();
 	if (ENABLE) {
-		let ensureRectFetchObserver = function() {
+		let ensureRectFetchObserver2 = function() {
 			if (rectFetchObserver) return rectFetchObserver;
 			rectFetchObserver = new IntersectionObserver(function(entries) {
 				lastCallbackDelay = Math.round(performance.now() - rectFetchStartTime);
@@ -1108,7 +1108,7 @@ var init_index_native$11 = __esmMin((() => {
 						}
 					}
 					if (visibleNodes.length > 0) {
-						var io = ensureRectFetchObserver();
+						var io = ensureRectFetchObserver2();
 						rectFetchStartTime = performance.now();
 						for (var i = 0; i < visibleNodes.length; i++) io.observe(visibleNodes[i]);
 						var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
@@ -11794,9 +11794,22 @@ var init_constants_native$1 = __esmMin((() => {
 	}[Platform.OS] : void 0) || "native";
 }));
 //#endregion
+//#region ../constants/dist/esm/platformDriver.native.js
+function setupPlatformDriver(driver) {
+	platformDriver = driver;
+}
+function getPlatformDriver() {
+	return platformDriver;
+}
+var platformDriver;
+var init_platformDriver_native = __esmMin((() => {
+	platformDriver = null;
+}));
+//#endregion
 //#region ../constants/dist/esm/index.native.js
 var init_index_native$7 = __esmMin((() => {
 	init_constants_native$1();
+	init_platformDriver_native();
 }));
 //#endregion
 //#region ../web/dist/esm/constants/constants.native.js
@@ -11891,6 +11904,7 @@ var init_config_native = __esmMin((() => {
 	};
 	updateConfig = function(key, value) {
 		var config = getConfigFromGlobalOrLocal();
+		if (!config || !Object.prototype.hasOwnProperty.call(config, key)) return;
 		Object.assign(config[key], value);
 	};
 	getFont = function(name) {
@@ -13666,10 +13680,17 @@ function useMainThreadPressEvents(events, viewProps) {
 		ref.current.pressOutTimer = null;
 		ref.current.longPressTimer = null;
 	}
-	viewProps.onStartShouldSetResponder = function() {
-		return !events.disabled;
+	var userStartShouldSet = viewProps.onStartShouldSetResponder;
+	var userGrant = viewProps.onResponderGrant;
+	var userRelease = viewProps.onResponderRelease;
+	var userTerminate = viewProps.onResponderTerminate;
+	var userTerminationRequest = viewProps.onResponderTerminationRequest;
+	var userMove = viewProps.onResponderMove;
+	viewProps.onStartShouldSetResponder = function(e) {
+		return Boolean(userStartShouldSet === null || userStartShouldSet === void 0 ? void 0 : userStartShouldSet(e)) || !events.disabled;
 	};
 	viewProps.onResponderGrant = function(e) {
+		userGrant === null || userGrant === void 0 || userGrant(e);
 		cleanup();
 		ref.current.state = "pressing";
 		if (delayPressIn > 0) ref.current.pressInTimer = setTimeout(function() {
@@ -13685,6 +13706,7 @@ function useMainThreadPressEvents(events, viewProps) {
 		}, delayLongPress + delayPressIn);
 	};
 	viewProps.onResponderRelease = function(e) {
+		userRelease === null || userRelease === void 0 || userRelease(e);
 		var wasLongPressed = ref.current.state === "longPressed";
 		cleanup();
 		if (ref.current.state === "pressing") activate(e);
@@ -13696,15 +13718,18 @@ function useMainThreadPressEvents(events, viewProps) {
 		ref.current.state = "idle";
 	};
 	viewProps.onResponderTerminate = function(e) {
+		userTerminate === null || userTerminate === void 0 || userTerminate(e);
 		cleanup();
 		if (ref.current.state === "active" || ref.current.state === "longPressed") deactivate(e);
 		ref.current.state = "idle";
 	};
-	viewProps.onResponderTerminationRequest = function() {
+	viewProps.onResponderTerminationRequest = function(e) {
+		if (userTerminationRequest) return userTerminationRequest(e);
 		return events.cancelable !== false;
 	};
 	viewProps.onResponderMove = function(e) {
 		var _events_onPressMove;
+		userMove === null || userMove === void 0 || userMove(e);
 		(_events_onPressMove = events.onPressMove) === null || _events_onPressMove === void 0 || _events_onPressMove.call(events, e);
 	};
 }
@@ -14162,11 +14187,11 @@ var init_expandStyle_native = __esmMin((() => {
 	init_parseBorderShorthand_native();
 	init_parseOutlineShorthand_native();
 	init_objectSpread2();
-	_loop = function(parent) {
+	_loop = function(parent2) {
 		var _exec;
 		var _exec_index;
-		var prefix = parent.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent.length);
-		EXPANSIONS[parent] = EXPANSIONS[parent].map(function(k) {
+		var prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);
+		EXPANSIONS[parent2] = EXPANSIONS[parent2].map(function(k) {
 			return `${prefix}${k}`;
 		});
 	};
@@ -16230,7 +16255,7 @@ var init_useComponentState_native = __esmMin((() => {
 	init_objectSpread2();
 	useComponentState = function(props, animationDriver, staticConfig, config) {
 		"use no memo";
-		var _animationDriver_usePresence;
+		var _getPlatformDriver, _animationDriver_usePresence;
 		var isHydrated = useDidFinishSSR();
 		var needsHydration = !useIsClientOnly();
 		var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;
@@ -16244,8 +16269,9 @@ var init_useComponentState_native = __esmMin((() => {
 		var outputStyle = (_animationDriver_outputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : "css";
 		var curStateRef = stateRef.current;
 		if (!needsHydration && hasAnimationProp) curStateRef.hasAnimated = true;
+		var platformPseudo = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo) && ("hoverStyle" in props || "pressStyle" in props || "focusStyle" in props));
 		var willBeAnimatedClient = function() {
-			return Boolean(!!(hasAnimationProp && !isHOC && useAnimations) || curStateRef.hasAnimated);
+			return Boolean(!!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations) || curStateRef.hasAnimated);
 		}();
 		var willBeAnimated = willBeAnimatedClient;
 		if (willBeAnimated && !curStateRef.hasAnimated) curStateRef.hasAnimated = true;
@@ -16302,7 +16328,8 @@ var init_useComponentState_native = __esmMin((() => {
 			inputStyle,
 			outputStyle,
 			willBeAnimated,
-			willBeAnimatedClient
+			willBeAnimatedClient,
+			platformPseudo
 		};
 	};
 	isDisabled = function(props) {
@@ -16410,13 +16437,30 @@ function createComponent(staticConfig) {
 		}();
 		var useAnimations = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;
 		var componentState = useComponentState(props, (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? null : animationDriver, staticConfig, config);
-		var { disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, inputStyle, outputStyle, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = componentState;
+		var { disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, inputStyle, outputStyle, willBeAnimated, willBeAnimatedClient, platformPseudo, startedUnhydrated } = componentState;
 		if (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) useIsomorphicLayoutEffect(function() {
+			var emitted = stateRef.current.prevPseudoState;
+			if (emitted && (emitted.hover || emitted.press || emitted.focus)) {
+				var _stateRef_current_updateStyleListener, _stateRef_current;
+				(_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
+			}
 			var pendingState = stateRef.current.nextState;
 			if (!pendingState) return;
 			stateRef.current.nextState = void 0;
 			if (!isEqualShallow(state, pendingState)) componentState.setStateShallow(pendingState);
 		});
+		useIsomorphicLayoutEffect(function() {
+			var _getPlatformDriver;
+			if (!platformPseudo || props.disabled) return;
+			var pseudoDriver = (_getPlatformDriver = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo;
+			var host = stateRef.current.host;
+			if (!pseudoDriver || !host) return;
+			return pseudoDriver.subscribe(host, function(param) {
+				var { hovered } = param;
+				var _stateRef_current_setStateShallow, _stateRef_current;
+				(_stateRef_current_setStateShallow = (_stateRef_current = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current, { hover: hovered });
+			});
+		}, [platformPseudo, props.disabled]);
 		var allGroupContexts = (0, react.useMemo)(function() {
 			var _stateRef_current_group_listeners, _stateRef_current_group;
 			if (!groupName || props.passThrough) return groupContextParent;
@@ -16512,7 +16556,7 @@ function createComponent(staticConfig) {
 			}
 		}
 		var hasEnterExitTransition = props.transition && _type_of$1(props.transition) === "object" && !Array.isArray(props.transition) && ("enter" in props.transition || "exit" in props.transition);
-		if (!isPassthrough && (hasAnimationProp || groupName) && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && !hasEnterExitTransition) {
+		if (!isPassthrough && (hasAnimationProp || groupName || platformPseudo) && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && !hasEnterExitTransition) {
 			let updateGroupListeners2 = function() {
 				var updatedState = stateRef.current.nextState;
 				if (groupContext) {
@@ -16531,9 +16575,11 @@ function createComponent(staticConfig) {
 				var updatedState = stateRef.current.nextState || state;
 				var mediaState2 = stateRef.current.nextMedia;
 				var nextStyles = getSplitStyles(props, staticConfig, theme, themeName, updatedState, mediaState2 ? _objectSpread2(_objectSpread2({}, styleProps), {}, { mediaState: mediaState2 }) : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver);
-				var effectiveTransition2 = resolveEffectivePseudoTransition(stateRef.current.prevPseudoState, updatedState, nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.pseudoTransitions, props.transition);
+				var _props_transition2;
+				var effectiveTransition2 = resolveEffectivePseudoTransition(stateRef.current.prevPseudoState, updatedState, nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.pseudoTransitions, (_props_transition2 = props.transition) !== null && _props_transition2 !== void 0 ? _props_transition2 : platformPseudo ? "0ms" : void 0);
 				stateRef.current.prevPseudoState = extractPseudoState(updatedState);
-				useStyleListener((nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.style) || {}, effectiveTransition2);
+				var hasActivePseudo = Boolean(updatedState.hover || updatedState.press || updatedState.pressIn || updatedState.focus || updatedState.focusWithin);
+				useStyleListener((nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.style) || {}, effectiveTransition2, hasActivePseudo);
 			};
 			componentContext.mediaEmitListeners = componentContext.mediaEmitListeners || /* @__PURE__ */ new Set();
 			if (!stateRef.current.mediaEmitCleanup) {
@@ -16611,7 +16657,8 @@ function createComponent(staticConfig) {
 			var useStyleEmitter = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) ? function(listener) {
 				stateRef.current.useStyleListener = listener;
 			} : void 0;
-			var effectiveTransition = resolveEffectivePseudoTransition(stateRef.current.prevPseudoState, state, splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.pseudoTransitions, props.transition);
+			var _props_transition;
+			var effectiveTransition = resolveEffectivePseudoTransition(stateRef.current.prevPseudoState, state, splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.pseudoTransitions, (_props_transition = props.transition) !== null && _props_transition !== void 0 ? _props_transition : platformPseudo ? "0ms" : void 0);
 			if (splitStyles) splitStyles.effectiveTransition = effectiveTransition;
 			stateRef.current.prevPseudoState = extractPseudoState(state);
 			var animations = useAnimations({
@@ -16718,7 +16765,7 @@ function createComponent(staticConfig) {
 		var hasDynamicGroupChildren = Boolean(groupName && state.hasDynGroupChildren);
 		var attachPress = Boolean(hasDynamicGroupChildren || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || (pseudos === null || pseudos === void 0 ? void 0 : pseudos.focusVisibleStyle));
 		var runtimeHoverStyle = !disabled && noClass && (pseudos === null || pseudos === void 0 ? void 0 : pseudos.hoverStyle);
-		var needsHoverState = Boolean(hasDynamicGroupChildren || runtimeHoverStyle);
+		var needsHoverState = Boolean(hasDynamicGroupChildren || runtimeHoverStyle && !platformPseudo);
 		var attachHover = isNativeDesktop && !!(hasDynamicGroupChildren || needsHoverState || onMouseEnter || onMouseLeave);
 		var shouldAttach = !disabled && !props.asChild && Boolean(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
 		var needsPressState = Boolean(hasDynamicGroupChildren || runtimePressStyle);
@@ -18851,6 +18898,7 @@ exports.getExpandedShorthands = getExpandedShorthands;
 exports.getFontFamilyFromNameOrVariable = getFontFamilyFromNameOrVariable;
 exports.getFontsForLanguage = getFontsForLanguage;
 exports.getMedia = getMedia;
+exports.getPlatformDriver = getPlatformDriver;
 exports.getReactNativeConfig = getReactNativeConfig;
 exports.getRgba = getRgba;
 exports.getSetting = getSetting;
@@ -18937,6 +18985,7 @@ exports.setRef = setRef;
 exports.setupDev = setupDev;
 exports.setupHooks = setupHooks;
 exports.setupMatchMedia = setupMatchMedia;
+exports.setupPlatformDriver = setupPlatformDriver;
 exports.shouldRenderNativePlatform = shouldRenderNativePlatform;
 exports.simpleHash = simpleHash;
 exports.styleOriginalValues = styleOriginalValues;

package/dist/test.native.cjs

@@ -346,6 +346,15 @@ var currentPlatform = ((react_native.Platform === null || react_native.Platform
 	windows: "windows"
 }[react_native.Platform.OS] : void 0) || "native";
 //#endregion
+//#region ../constants/dist/esm/platformDriver.native.js
+var platformDriver = null;
+function setupPlatformDriver(driver) {
+	platformDriver = driver;
+}
+function getPlatformDriver() {
+	return platformDriver;
+}
+//#endregion
 //#region ../web/dist/esm/constants/constants.native.js
 var THEME_NAME_SEPARATOR = "_";
 var THEME_CLASSNAME_PREFIX = "t_";
@@ -423,6 +432,7 @@ var getThemes = function() {
 };
 var updateConfig = function(key, value) {
 	var config = getConfigFromGlobalOrLocal();
+	if (!config || !Object.prototype.hasOwnProperty.call(config, key)) return;
 	Object.assign(config[key], value);
 };
 var getFont = function(name) {
@@ -2083,10 +2093,17 @@ function useMainThreadPressEvents(events, viewProps) {
 		ref.current.pressOutTimer = null;
 		ref.current.longPressTimer = null;
 	}
-	viewProps.onStartShouldSetResponder = function() {
-		return !events.disabled;
+	var userStartShouldSet = viewProps.onStartShouldSetResponder;
+	var userGrant = viewProps.onResponderGrant;
+	var userRelease = viewProps.onResponderRelease;
+	var userTerminate = viewProps.onResponderTerminate;
+	var userTerminationRequest = viewProps.onResponderTerminationRequest;
+	var userMove = viewProps.onResponderMove;
+	viewProps.onStartShouldSetResponder = function(e) {
+		return Boolean(userStartShouldSet === null || userStartShouldSet === void 0 ? void 0 : userStartShouldSet(e)) || !events.disabled;
 	};
 	viewProps.onResponderGrant = function(e) {
+		userGrant === null || userGrant === void 0 || userGrant(e);
 		cleanup();
 		ref.current.state = "pressing";
 		if (delayPressIn > 0) ref.current.pressInTimer = setTimeout(function() {
@@ -2102,6 +2119,7 @@ function useMainThreadPressEvents(events, viewProps) {
 		}, delayLongPress + delayPressIn);
 	};
 	viewProps.onResponderRelease = function(e) {
+		userRelease === null || userRelease === void 0 || userRelease(e);
 		var wasLongPressed = ref.current.state === "longPressed";
 		cleanup();
 		if (ref.current.state === "pressing") activate(e);
@@ -2113,15 +2131,18 @@ function useMainThreadPressEvents(events, viewProps) {
 		ref.current.state = "idle";
 	};
 	viewProps.onResponderTerminate = function(e) {
+		userTerminate === null || userTerminate === void 0 || userTerminate(e);
 		cleanup();
 		if (ref.current.state === "active" || ref.current.state === "longPressed") deactivate(e);
 		ref.current.state = "idle";
 	};
-	viewProps.onResponderTerminationRequest = function() {
+	viewProps.onResponderTerminationRequest = function(e) {
+		if (userTerminationRequest) return userTerminationRequest(e);
 		return events.cancelable !== false;
 	};
 	viewProps.onResponderMove = function(e) {
 		var _events_onPressMove;
+		userMove === null || userMove === void 0 || userMove(e);
 		(_events_onPressMove = events.onPressMove) === null || _events_onPressMove === void 0 || _events_onPressMove.call(events, e);
 	};
 }
@@ -2761,11 +2782,11 @@ function parseOutlineShorthand(value) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/expandStyle.native.js
-var _loop = function(parent) {
+var _loop = function(parent2) {
 	var _exec;
 	var _exec_index;
-	var prefix = parent.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent.length);
-	EXPANSIONS[parent] = EXPANSIONS[parent].map(function(k) {
+	var prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);
+	EXPANSIONS[parent2] = EXPANSIONS[parent2].map(function(k) {
 		return `${prefix}${k}`;
 	});
 };
@@ -4701,7 +4722,7 @@ function _type_of$2(obj) {
 }
 var useComponentState = function(props, animationDriver, staticConfig, config) {
 	"use no memo";
-	var _animationDriver_usePresence;
+	var _getPlatformDriver, _animationDriver_usePresence;
 	var isHydrated = useDidFinishSSR();
 	var needsHydration = !useIsClientOnly();
 	var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;
@@ -4715,8 +4736,9 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 	var outputStyle = (_animationDriver_outputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : "css";
 	var curStateRef = stateRef.current;
 	if (!needsHydration && hasAnimationProp) curStateRef.hasAnimated = true;
+	var platformPseudo = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo) && ("hoverStyle" in props || "pressStyle" in props || "focusStyle" in props));
 	var willBeAnimatedClient = function() {
-		return Boolean(!!(hasAnimationProp && !isHOC && useAnimations) || curStateRef.hasAnimated);
+		return Boolean(!!((hasAnimationProp || platformPseudo) && !isHOC && useAnimations) || curStateRef.hasAnimated);
 	}();
 	var willBeAnimated = willBeAnimatedClient;
 	if (willBeAnimated && !curStateRef.hasAnimated) curStateRef.hasAnimated = true;
@@ -4773,7 +4795,8 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 		inputStyle,
 		outputStyle,
 		willBeAnimated,
-		willBeAnimatedClient
+		willBeAnimatedClient,
+		platformPseudo
 	};
 };
 function hasAnimatedStyleValue(style) {
@@ -4924,13 +4947,30 @@ function createComponent(staticConfig) {
 		}();
 		var useAnimations = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;
 		var componentState = useComponentState(props, (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? null : animationDriver, staticConfig, config);
-		var { disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, inputStyle, outputStyle, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = componentState;
+		var { disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, inputStyle, outputStyle, willBeAnimated, willBeAnimatedClient, platformPseudo, startedUnhydrated } = componentState;
 		if (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) useIsomorphicLayoutEffect(function() {
+			var emitted = stateRef.current.prevPseudoState;
+			if (emitted && (emitted.hover || emitted.press || emitted.focus)) {
+				var _stateRef_current_updateStyleListener, _stateRef_current;
+				(_stateRef_current_updateStyleListener = (_stateRef_current = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current);
+			}
 			var pendingState = stateRef.current.nextState;
 			if (!pendingState) return;
 			stateRef.current.nextState = void 0;
 			if (!isEqualShallow(state, pendingState)) componentState.setStateShallow(pendingState);
 		});
+		useIsomorphicLayoutEffect(function() {
+			var _getPlatformDriver;
+			if (!platformPseudo || props.disabled) return;
+			var pseudoDriver = (_getPlatformDriver = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo;
+			var host = stateRef.current.host;
+			if (!pseudoDriver || !host) return;
+			return pseudoDriver.subscribe(host, function(param) {
+				var { hovered } = param;
+				var _stateRef_current_setStateShallow, _stateRef_current;
+				(_stateRef_current_setStateShallow = (_stateRef_current = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current, { hover: hovered });
+			});
+		}, [platformPseudo, props.disabled]);
 		var allGroupContexts = (0, react.useMemo)(function() {
 			var _stateRef_current_group_listeners, _stateRef_current_group;
 			if (!groupName || props.passThrough) return groupContextParent;
@@ -5026,7 +5066,7 @@ function createComponent(staticConfig) {
 			}
 		}
 		var hasEnterExitTransition = props.transition && _type_of$1(props.transition) === "object" && !Array.isArray(props.transition) && ("enter" in props.transition || "exit" in props.transition);
-		if (!isPassthrough && (hasAnimationProp || groupName) && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && !hasEnterExitTransition) {
+		if (!isPassthrough && (hasAnimationProp || groupName || platformPseudo) && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && !hasEnterExitTransition) {
 			let updateGroupListeners2 = function() {
 				var updatedState = stateRef.current.nextState;
 				if (groupContext) {
@@ -5045,9 +5085,11 @@ function createComponent(staticConfig) {
 				var updatedState = stateRef.current.nextState || state;
 				var mediaState2 = stateRef.current.nextMedia;
 				var nextStyles = getSplitStyles(props, staticConfig, theme, themeName, updatedState, mediaState2 ? _objectSpread2(_objectSpread2({}, styleProps), {}, { mediaState: mediaState2 }) : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver);
-				var effectiveTransition2 = resolveEffectivePseudoTransition(stateRef.current.prevPseudoState, updatedState, nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.pseudoTransitions, props.transition);
+				var _props_transition2;
+				var effectiveTransition2 = resolveEffectivePseudoTransition(stateRef.current.prevPseudoState, updatedState, nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.pseudoTransitions, (_props_transition2 = props.transition) !== null && _props_transition2 !== void 0 ? _props_transition2 : platformPseudo ? "0ms" : void 0);
 				stateRef.current.prevPseudoState = extractPseudoState(updatedState);
-				useStyleListener((nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.style) || {}, effectiveTransition2);
+				var hasActivePseudo = Boolean(updatedState.hover || updatedState.press || updatedState.pressIn || updatedState.focus || updatedState.focusWithin);
+				useStyleListener((nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.style) || {}, effectiveTransition2, hasActivePseudo);
 			};
 			componentContext.mediaEmitListeners = componentContext.mediaEmitListeners || /* @__PURE__ */ new Set();
 			if (!stateRef.current.mediaEmitCleanup) {
@@ -5125,7 +5167,8 @@ function createComponent(staticConfig) {
 			var useStyleEmitter = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) ? function(listener) {
 				stateRef.current.useStyleListener = listener;
 			} : void 0;
-			var effectiveTransition = resolveEffectivePseudoTransition(stateRef.current.prevPseudoState, state, splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.pseudoTransitions, props.transition);
+			var _props_transition;
+			var effectiveTransition = resolveEffectivePseudoTransition(stateRef.current.prevPseudoState, state, splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.pseudoTransitions, (_props_transition = props.transition) !== null && _props_transition !== void 0 ? _props_transition : platformPseudo ? "0ms" : void 0);
 			if (splitStyles) splitStyles.effectiveTransition = effectiveTransition;
 			stateRef.current.prevPseudoState = extractPseudoState(state);
 			var animations = useAnimations({
@@ -5232,7 +5275,7 @@ function createComponent(staticConfig) {
 		var hasDynamicGroupChildren = Boolean(groupName && state.hasDynGroupChildren);
 		var attachPress = Boolean(hasDynamicGroupChildren || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || (pseudos === null || pseudos === void 0 ? void 0 : pseudos.focusVisibleStyle));
 		var runtimeHoverStyle = !disabled && noClass && (pseudos === null || pseudos === void 0 ? void 0 : pseudos.hoverStyle);
-		var needsHoverState = Boolean(hasDynamicGroupChildren || runtimeHoverStyle);
+		var needsHoverState = Boolean(hasDynamicGroupChildren || runtimeHoverStyle && !platformPseudo);
 		var attachHover = isNativeDesktop && !!(hasDynamicGroupChildren || needsHoverState || onMouseEnter || onMouseLeave);
 		var shouldAttach = !disabled && !props.asChild && Boolean(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
 		var needsPressState = Boolean(hasDynamicGroupChildren || runtimePressStyle);
@@ -6882,7 +6925,7 @@ function rectsEqual(a, b) {
 	return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
 }
 if (ENABLE) {
-	let ensureRectFetchObserver = function() {
+	let ensureRectFetchObserver2 = function() {
 		if (rectFetchObserver) return rectFetchObserver;
 		rectFetchObserver = new IntersectionObserver(function(entries) {
 			lastCallbackDelay = Math.round(performance.now() - rectFetchStartTime);
@@ -6979,7 +7022,7 @@ if (ENABLE) {
 					}
 				}
 				if (visibleNodes.length > 0) {
-					var io = ensureRectFetchObserver();
+					var io = ensureRectFetchObserver2();
 					rectFetchStartTime = performance.now();
 					for (var i = 0; i < visibleNodes.length; i++) io.observe(visibleNodes[i]);
 					var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
@@ -7193,6 +7236,7 @@ exports.getExpandedShorthands = getExpandedShorthands;
 exports.getFontFamilyFromNameOrVariable = getFontFamilyFromNameOrVariable;
 exports.getFontsForLanguage = getFontsForLanguage;
 exports.getMedia = getMedia;
+exports.getPlatformDriver = getPlatformDriver;
 exports.getReactNativeConfig = getReactNativeConfig;
 exports.getRgba = getRgba;
 exports.getSetting = getSetting;
@@ -7279,6 +7323,7 @@ exports.setRef = setRef;
 exports.setupDev = setupDev;
 exports.setupHooks = setupHooks;
 exports.setupMatchMedia = setupMatchMedia;
+exports.setupPlatformDriver = setupPlatformDriver;
 exports.shouldRenderNativePlatform = shouldRenderNativePlatform;
 exports.simpleHash = simpleHash;
 exports.styleOriginalValues = styleOriginalValues;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "2.2.0",
+  "version": "2.3.1",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "license": "MIT",
   "author": {
@@ -79,17 +79,17 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/helpers": "2.2.0",
-    "@tamagui/react-native-media-driver": "2.2.0",
-    "@tamagui/react-native-use-pressable": "2.2.0",
-    "@tamagui/use-element-layout": "2.2.0",
-    "@tamagui/use-event": "2.2.0",
-    "@tamagui/web": "2.2.0"
+    "@tamagui/helpers": "2.3.1",
+    "@tamagui/react-native-media-driver": "2.3.1",
+    "@tamagui/react-native-use-pressable": "2.3.1",
+    "@tamagui/use-element-layout": "2.3.1",
+    "@tamagui/use-event": "2.3.1",
+    "@tamagui/web": "2.3.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.2.0",
-    "@tamagui/native-bundle": "2.2.0",
-    "@tamagui/react-native-web-lite": "2.2.0",
+    "@tamagui/build": "2.3.1",
+    "@tamagui/native-bundle": "2.3.1",
+    "@tamagui/react-native-web-lite": "2.3.1",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": ">=19",