@tamagui/core 2.3.3 → 2.4.0-1783099846627

package/dist/native.cjs

@@ -891,15 +891,35 @@ function startGlobalObservers() {
 function rectsEqual(a, b) {
 	return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
 }
-function registerLayoutNode(node, onChange, disableKey) {
+function emitLayoutIfChanged(node, parentNode, nodeRect, parentRect) {
+	var onLayout = LayoutHandlers.get(node);
+	if (typeof onLayout !== "function") return;
+	var cachedRect = NodeRectCache.get(node);
+	var cachedParentRect = NodeRectCache.get(parentNode);
+	var nodeChanged = !cachedRect || !rectsEqual(cachedRect, nodeRect);
+	var parentChanged = !cachedParentRect || !rectsEqual(cachedParentRect, parentRect);
+	if (!nodeChanged && !parentChanged) return;
+	NodeRectCache.set(node, nodeRect);
+	NodeRectCache.set(parentNode, parentRect);
+	var event = getElementLayoutEvent(nodeRect, parentRect, node);
+	if (avoidUpdates) queuedUpdates.set(node, function() {
+		return onLayout(event);
+	});
+	else onLayout(event);
+}
+function observeLayoutNode(node, disableKey) {
 	Nodes.add(node);
-	LayoutHandlers.set(node, onChange);
 	if (disableKey) LayoutDisableKey.set(node, disableKey);
+	else LayoutDisableKey.delete(node);
 	startGlobalObservers();
 	if (globalIntersectionObserver) {
 		globalIntersectionObserver.observe(node);
 		IntersectionState.set(node, true);
 	}
+}
+function registerLayoutNode(node, onChange, disableKey) {
+	LayoutHandlers.set(node, onChange);
+	observeLayoutNode(node, disableKey);
 	return function() {
 		return cleanupNode(node);
 	};
@@ -912,6 +932,29 @@ function cleanupNode(node) {
 	IntersectionState.delete(node);
 	if (globalIntersectionObserver) globalIntersectionObserver.unobserve(node);
 }
+function emitLayoutFromClientRects(node) {
+	var parentNode = node.parentElement;
+	if (!parentNode) return;
+	emitLayoutIfChanged(node, parentNode, node.getBoundingClientRect(), parentNode.getBoundingClientRect());
+}
+function emitLayoutFromObserver(_x2) {
+	return _emitLayoutFromObserver.apply(this, arguments);
+}
+function _emitLayoutFromObserver() {
+	_emitLayoutFromObserver = _asyncToGenerator(function* (node) {
+		if (!ENABLE || strategy !== "async") {
+			emitLayoutFromClientRects(node);
+			return;
+		}
+		var parentNode = node.parentElement;
+		if (!parentNode) return;
+		var [nodeRect, parentRect] = yield Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(parentNode)]);
+		if (!nodeRect || !parentRect) return;
+		if (!Nodes.has(node) || node.parentElement !== parentNode) return;
+		emitLayoutIfChanged(node, parentNode, nodeRect, parentRect);
+	});
+	return _emitLayoutFromObserver.apply(this, arguments);
+}
 function useElementLayout$1(ref, onLayout) {
 	var _ref_current;
 	var disableKey = (0, react.useContext)(DisableLayoutContextKey);
@@ -929,35 +972,17 @@ function useElementLayout$1(ref, onLayout) {
 		if (prevNode) cleanupNode(prevNode);
 		PrevHostNode.set(ref, nextNode);
 		if (!nextNode) return;
-		Nodes.add(nextNode);
-		startGlobalObservers();
-		if (globalIntersectionObserver) {
-			globalIntersectionObserver.observe(nextNode);
-			IntersectionState.set(nextNode, true);
-		}
-		var handler = LayoutHandlers.get(nextNode);
-		if (typeof handler !== "function") return;
-		var parentNode = nextNode.parentElement;
-		if (!parentNode) return;
-		var nodeRect = nextNode.getBoundingClientRect();
-		var parentRect = parentNode.getBoundingClientRect();
-		NodeRectCache.set(nextNode, nodeRect);
-		NodeRectCache.set(parentNode, parentRect);
-		handler(getElementLayoutEvent(nodeRect, parentRect, nextNode));
+		LayoutHandlers.set(nextNode, onLayout);
+		observeLayoutNode(nextNode, disableKey);
+		emitLayoutFromObserver(nextNode);
 	});
 	useIsomorphicLayoutEffect(function() {
 		var _ref_current2;
 		if (!onLayout) return;
 		var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
 		if (!node2) return;
-		Nodes.add(node2);
-		startGlobalObservers();
-		if (globalIntersectionObserver) {
-			globalIntersectionObserver.observe(node2);
-			IntersectionState.set(node2, true);
-		}
-		var parentNode = node2.parentNode;
-		if (parentNode) onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect(), node2));
+		LayoutHandlers.set(node2, onLayout);
+		observeLayoutNode(node2, disableKey);
 		return function() {
 			cleanupNode(node2);
 			var swappedNode = PrevHostNode.get(ref);
@@ -1033,8 +1058,7 @@ var init_index_native$11 = __esmMin((() => {
 		}
 		function _updateLayoutIfChanged() {
 			_updateLayoutIfChanged = _asyncToGenerator(function* (node) {
-				var onLayout = LayoutHandlers.get(node);
-				if (typeof onLayout !== "function") return;
+				if (typeof LayoutHandlers.get(node) !== "function") return;
 				var parentNode = node.parentElement;
 				if (!parentNode) return;
 				var nodeRect;
@@ -1047,19 +1071,7 @@ var init_index_native$11 = __esmMin((() => {
 					nodeRect = node.getBoundingClientRect();
 					parentRect = parentNode.getBoundingClientRect();
 				}
-				var cachedRect = NodeRectCache.get(node);
-				var cachedParentRect = NodeRectCache.get(parentNode);
-				var nodeChanged = !cachedRect || !rectsEqual(cachedRect, nodeRect);
-				var parentChanged = !cachedParentRect || !rectsEqual(cachedParentRect, parentRect);
-				if (nodeChanged || parentChanged) {
-					NodeRectCache.set(node, nodeRect);
-					NodeRectCache.set(parentNode, parentRect);
-					var event = getElementLayoutEvent(nodeRect, parentRect, node);
-					if (avoidUpdates) queuedUpdates.set(node, function() {
-						return onLayout(event);
-					});
-					else onLayout(event);
-				}
+				emitLayoutIfChanged(node, parentNode, nodeRect, parentRect);
 			});
 			return _updateLayoutIfChanged.apply(this, arguments);
 		}
@@ -1210,7 +1222,7 @@ var init_index_native$11 = __esmMin((() => {
 			}
 			return null;
 		});
-		return function measureNode(_x2, _x3) {
+		return function measureNode(_x3, _x4) {
 			return _ref.apply(this, arguments);
 		};
 	}();
@@ -1220,7 +1232,7 @@ var init_index_native$11 = __esmMin((() => {
 			if (out) callback === null || callback === void 0 || callback(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
 			return out;
 		});
-		return function measure(_x4, _x5) {
+		return function measure(_x5, _x6) {
 			return _ref2.apply(this, arguments);
 		};
 	}();
@@ -1230,7 +1242,7 @@ var init_index_native$11 = __esmMin((() => {
 			if (out) callback === null || callback === void 0 || callback(out.pageX, out.pageY, out.width, out.height);
 			return out;
 		});
-		return function measureInWindow(_x6, _x7) {
+		return function measureInWindow(_x7, _x8) {
 			return _ref3.apply(this, arguments);
 		};
 	}();
@@ -1245,7 +1257,7 @@ var init_index_native$11 = __esmMin((() => {
 			if (out) callback === null || callback === void 0 || callback(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
 			return out;
 		});
-		return function measureLayout(_x8, _x9, _x10) {
+		return function measureLayout(_x9, _x10, _x11) {
 			return _ref4.apply(this, arguments);
 		};
 	}();
@@ -12144,6 +12156,43 @@ function updateMediaListeners() {
 		return cb(getMedia());
 	});
 }
+function buildTouchTrackerProto() {
+	var proto = {};
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		var _loop = function() {
+			var fullKey = _step.value;
+			var key = fullKey[0] === "$" ? fullKey.slice(1) : fullKey;
+			proto[key] = {
+				enumerable: true,
+				configurable: true,
+				get() {
+					var slot = this[refSlot];
+					if (!disableMediaTouch) slot.keys.add(key);
+					return slot.proxyTarget[key];
+				}
+			};
+		};
+		for (var _iterator = mediaKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+	return Object.create(null, proto);
+}
+function getTouchTrackerProto() {
+	if (!touchTrackerProto) touchTrackerProto = buildTouchTrackerProto();
+	return touchTrackerProto;
+}
+function resetMediaTouchTracker() {
+	touchTrackerProto = null;
+}
 function setMediaShouldUpdate(ref, enabled, keys) {
 	var cur = States.get(ref);
 	if (!cur || cur.enabled !== enabled || keys) States.set(ref, _objectSpread2(_objectSpread2({}, cur), {}, {
@@ -12159,53 +12208,99 @@ function subscribe(subscriber) {
 }
 function useMedia(componentContext, debug) {
 	"use no memo";
-	var componentState = componentContext ? States.get(componentContext) : null;
 	var internalRef = (0, react.useRef)(null);
-	if (!internalRef.current) internalRef.current = {
-		keys: /* @__PURE__ */ new Set(),
-		lastState: getMedia()
-	};
-	if (internalRef.current.pendingState) {
-		internalRef.current.lastState = internalRef.current.pendingState;
-		internalRef.current.pendingState = void 0;
-	}
-	var { keys } = internalRef.current;
-	if (keys.size) keys.clear();
-	var state = (0, react.useSyncExternalStore)(subscribe, function() {
-		var curKeys = (componentState === null || componentState === void 0 ? void 0 : componentState.keys) || keys;
-		var { lastState, pendingState } = internalRef.current;
-		if (!curKeys.size) return lastState;
-		var ms = getMedia();
-		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-		try {
-			for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-				var key = _step.value;
-				if (ms[key] !== (pendingState || lastState)[key]) {
-					if (componentContext === null || componentContext === void 0 ? void 0 : componentContext.mediaEmit) {
-						componentContext.mediaEmit(ms);
-						internalRef.current.pendingState = ms;
-						return lastState;
+	if (!internalRef.current) {
+		var initial = getMedia();
+		var r = {
+			keys: /* @__PURE__ */ new Set(),
+			lastState: initial,
+			renderVersion: 0,
+			proxyTarget: initial,
+			proxy: void 0,
+			getSnapshot: void 0,
+			componentContext,
+			debug
+		};
+		var tracker = Object.create(getTouchTrackerProto());
+		tracker[refSlot] = {
+			proxyTarget: initial,
+			keys: r.keys
+		};
+		r.proxy = tracker;
+		r.getSnapshot = function() {
+			var _States_get;
+			var curKeys = r.componentContext ? ((_States_get = States.get(r.componentContext)) === null || _States_get === void 0 ? void 0 : _States_get.keys) || r.keys : r.keys;
+			var { lastState, pendingState } = r;
+			if (!curKeys.size) return lastState;
+			var ms = getMedia();
+			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+			try {
+				for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+					var key = _step.value;
+					if (ms[key] !== (pendingState || lastState)[key]) {
+						var _r_componentContext;
+						if ((_r_componentContext = r.componentContext) === null || _r_componentContext === void 0 ? void 0 : _r_componentContext.mediaEmit) {
+							r.componentContext.mediaEmit(ms);
+							r.pendingState = ms;
+							return lastState;
+						}
+						r.lastState = ms;
+						return ms;
 					}
-					internalRef.current.lastState = ms;
-					return ms;
 				}
-			}
-		} catch (err) {
-			_didIteratorError = true;
-			_iteratorError = err;
-		} finally {
-			try {
-				if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
 			} finally {
-				if (_didIteratorError) throw _iteratorError;
+				try {
+					if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+				} finally {
+					if (_didIteratorError) throw _iteratorError;
+				}
 			}
+			return lastState;
+		};
+		internalRef.current = r;
+	} else {
+		internalRef.current.componentContext = componentContext;
+		internalRef.current.debug = debug;
+	}
+	var ref = internalRef.current;
+	ref.renderVersion++;
+	if (ref.pendingState) {
+		ref.lastState = ref.pendingState;
+		ref.pendingState = void 0;
+	}
+	if (ref.keys.size) ref.keys.clear();
+	var [, forceUpdate] = (0, react.useReducer)(incReducer$1, 0);
+	var state = ref.getSnapshot();
+	ref.proxyTarget = state;
+	ref.proxy[refSlot].proxyTarget = state;
+	(0, react.useEffect)(function() {
+		var _States_get;
+		var renderVersion = ref.renderVersion;
+		if (!ref.componentContext || !!((_States_get = States.get(ref.componentContext)) === null || _States_get === void 0 ? void 0 : _States_get.enabled)) {
+			if (!ref.unsubscribe) ref.unsubscribe = subscribe(function() {
+				var next = ref.getSnapshot();
+				if (next !== ref.proxyTarget) {
+					ref.proxyTarget = next;
+					ref.proxy[refSlot].proxyTarget = next;
+					forceUpdate();
+				}
+			});
+		} else if (ref.unsubscribe) {
+			ref.unsubscribe();
+			ref.unsubscribe = void 0;
 		}
-		return lastState;
-	}, getServerSnapshot);
-	return new Proxy(state, { get(_, key) {
-		if (!disableMediaTouch && typeof key === "string") keys.add(key);
-		return Reflect.get(state, key);
-	} });
+		return function() {
+			if (ref.renderVersion === renderVersion) {
+				var _ref_unsubscribe;
+				(_ref_unsubscribe = ref.unsubscribe) === null || _ref_unsubscribe === void 0 || _ref_unsubscribe.call(ref);
+				ref.unsubscribe = void 0;
+			}
+		};
+	});
+	return ref.proxy;
 }
 function _disableMediaTouch(val) {
 	disableMediaTouch = val;
@@ -12231,7 +12326,7 @@ function mediaKeyMatch(key, dimensions) {
 		return isMax ? givenVal < expectedVal : givenVal > expectedVal;
 	});
 }
-var mediaKeyRegex, getMediaKey, initState, mediaKeysOrdered, getMediaKeyImportance, dispose, mediaVersion, configureMedia, setupVersion, listeners, States, getServerSnapshot, disableMediaTouch, getMediaImportanceIfMoreImportant;
+var mediaKeyRegex, getMediaKey, mediaKeysOrdered, getMediaKeyImportance, dispose, mediaVersion, configureMedia, setupVersion, listeners, States, touchTrackerProto, refSlot, incReducer$1, disableMediaTouch, getMediaImportanceIfMoreImportant;
 var init_useMedia_native = __esmMin((() => {
 	init_index_native$7();
 	init_config_native();
@@ -12260,20 +12355,23 @@ var init_useMedia_native = __esmMin((() => {
 		if (!media) return;
 		mediaVersion++;
 		resetMediaStyleCache();
+		resetMediaTouchTracker();
 		for (var key in media) {
 			getMedia()[key] = (mediaQueryDefaultActive === null || mediaQueryDefaultActive === void 0 ? void 0 : mediaQueryDefaultActive[key]) || false;
 			mediaKeys.add(`$${key}`);
 		}
 		Object.assign(mediaQueryConfig, media);
-		initState = _objectSpread2({}, getMedia());
+		_objectSpread2({}, getMedia());
 		mediaKeysOrdered = Object.keys(media);
 		setupMediaListeners();
 	};
 	setupVersion = -1;
 	listeners = /* @__PURE__ */ new Set();
 	States = /* @__PURE__ */ new WeakMap();
-	getServerSnapshot = function() {
-		return initState;
+	touchTrackerProto = null;
+	refSlot = /* @__PURE__ */ Symbol("mediaRefSlot");
+	incReducer$1 = function(c) {
+		return c + 1;
 	};
 	disableMediaTouch = false;
 	getMediaImportanceIfMoreImportant = function(mediaKey, key, styleState, isSizeMedia) {
@@ -12904,6 +13002,18 @@ var init_getDynamicVal_native = __esmMin((() => {
 }));
 //#endregion
 //#region ../web/dist/esm/hooks/useThemeState.native.js
+function cleanupThemeSubscription(r) {
+	var _r_unsubscribe;
+	(_r_unsubscribe = r.unsubscribe) === null || _r_unsubscribe === void 0 || _r_unsubscribe.call(r);
+}
+function cleanupThemeState(r) {
+	if (r.unsubscribe) cleanupThemeSubscription(r);
+	else {
+		localStates.delete(r.id);
+		states.delete(r.id);
+		PendingUpdate.delete(r.id);
+	}
+}
 function scheduleUpdate(id) {
 	var queue = [id];
 	var visited = /* @__PURE__ */ new Set();
@@ -13077,7 +13187,7 @@ function getNewThemeName() {
 	themeNameCache.set(cacheKey, found);
 	return found;
 }
-var ThemeStateContext, allListeners, listenersByParent, HasRenderedOnce, HadTheme, PendingUpdate, states, localStates, shouldForce, forceUpdateThemes, getThemeState, cacheVersion, themeNameCache, themeNameCacheVer, themes, rootThemeState, getRootThemeState, getThemeBaseName, useThemeState, getNextState, validSchemes, getPropsKey, hasThemeUpdatingProps;
+var ThemeStateContext, allListeners, listenersByParent, HasRenderedOnce, HadTheme, PendingUpdate, states, localStates, shouldForce, forceUpdateThemes, getThemeState, cacheVersion, themeNameCache, themeNameCacheVer, themes, rootThemeState, getRootThemeState, getThemeBaseName, incReducer, useThemeState, shouldSubscribeToTheme, getSnapshotImpl, getNextState, validSchemes, getPropsKey, hasThemeUpdatingProps;
 var init_useThemeState_native = __esmMin((() => {
 	init_index_native$7();
 	init_config_native();
@@ -13114,9 +13224,12 @@ var init_useThemeState_native = __esmMin((() => {
 	getThemeBaseName = function(name) {
 		return name.replace(/^(light|dark)_/, "");
 	};
+	incReducer = function(c) {
+		return c + 1;
+	};
 	useThemeState = function(props) {
 		"use no memo";
-		var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, keys = arguments.length > 2 ? arguments[2] : void 0, schemeKeys = arguments.length > 3 ? arguments[3] : void 0;
+		var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, keys = arguments.length > 2 ? arguments[2] : void 0, schemeKeys = arguments.length > 3 ? arguments[3] : void 0, cascadeOnChange = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false;
 		var { disable } = props;
 		var parentId = (0, react.useContext)(ThemeStateContext);
 		if (!parentId && !isRoot) throw new Error(MISSING_THEME_MESSAGE);
@@ -13126,53 +13239,69 @@ var init_useThemeState_native = __esmMin((() => {
 			theme: getConfig().themes.light
 		};
 		var id = (0, react.useId)();
-		var subscribe = (0, react.useCallback)(function(cb) {
-			listenersByParent[parentId] = listenersByParent[parentId] || /* @__PURE__ */ new Set();
-			listenersByParent[parentId].add(id);
-			allListeners.set(id, function() {
-				PendingUpdate.set(id, shouldForce ? "force" : true);
-				cb();
-			});
-			return function() {
-				allListeners.delete(id);
-				listenersByParent[parentId].delete(id);
-				localStates.delete(id);
-				states.delete(id);
-				PendingUpdate.delete(id);
-			};
-		}, [id, parentId]);
 		var propsKey = getPropsKey(props);
-		var getSnapshot = function() {
-			var _keys_current, _schemeKeys_current, _keys_current1, _props_needsUpdate;
-			var local = localStates.get(id);
-			var parentState = states.get(parentId);
-			if (local && !PendingUpdate.has(id)) {
-				if (parentState && local._parentName === parentState.name && local._propsKey === propsKey) return local;
-			}
-			var isSchemeOnlyChange = supportsDynamicColorIOS && getSetting("fastSchemeChange") && local && parentState && local.scheme !== parentState.scheme && getThemeBaseName(local.name) === getThemeBaseName(parentState.name);
-			var _keys_current_size;
-			var keysSize = (_keys_current_size = keys === null || keys === void 0 ? void 0 : (_keys_current = keys.current) === null || _keys_current === void 0 ? void 0 : _keys_current.size) !== null && _keys_current_size !== void 0 ? _keys_current_size : 0;
-			var _schemeKeys_current_size;
-			var allKeysSchemeOptimized = ((_schemeKeys_current_size = schemeKeys === null || schemeKeys === void 0 ? void 0 : (_schemeKeys_current = schemeKeys.current) === null || _schemeKeys_current === void 0 ? void 0 : _schemeKeys_current.size) !== null && _schemeKeys_current_size !== void 0 ? _schemeKeys_current_size : 0) === keysSize && keysSize > 0;
-			var canSkipForSchemeChange = isSchemeOnlyChange && allKeysSchemeOptimized;
-			var needsUpdate = props.passThrough ? false : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? true : !HasRenderedOnce.get(keys) ? true : canSkipForSchemeChange ? false : (keys === null || keys === void 0 ? void 0 : (_keys_current1 = keys.current) === null || _keys_current1 === void 0 ? void 0 : _keys_current1.size) ? true : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props);
-			var [rerender, next] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
-			PendingUpdate.delete(id);
-			if (!local || rerender) {
-				local = _objectSpread2({}, next);
-				localStates.set(id, local);
-			}
-			if (next !== local) {
-				Object.assign(local, next);
-				local.id = id;
-			}
-			local._parentName = parentState === null || parentState === void 0 ? void 0 : parentState.name;
-			local._propsKey = propsKey;
-			states.set(id, next);
-			return local;
+		var ref = (0, react.useRef)(null);
+		if (!ref.current) ref.current = {
+			id,
+			parentId,
+			props,
+			propsKey,
+			isRoot,
+			keys,
+			schemeKeys,
+			renderVersion: 0
 		};
-		var state = (0, react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
-		useIsomorphicLayoutEffect(function() {
+		else {
+			ref.current.props = props;
+			ref.current.propsKey = propsKey;
+			ref.current.isRoot = isRoot;
+			ref.current.keys = keys;
+			ref.current.schemeKeys = schemeKeys;
+			ref.current.parentId = parentId;
+		}
+		ref.current.renderVersion++;
+		var [, forceUpdate] = (0, react.useReducer)(incReducer, 0);
+		var state = getSnapshotImpl(ref.current);
+		ref.current.lastSnap = state;
+		(0, react.useEffect)(function() {
+			var r = ref.current;
+			var renderVersion = r.renderVersion;
+			if (r.unsubscribe && r.subscribedParentId !== r.parentId) cleanupThemeSubscription(r);
+			if (shouldSubscribeToTheme(r, cascadeOnChange)) {
+				if (!r.unsubscribe) {
+					var pid = r.parentId;
+					var sid = r.id;
+					var cb = function() {
+						var next = getSnapshotImpl(r);
+						if (next !== r.lastSnap) {
+							r.lastSnap = next;
+							forceUpdate();
+						}
+					};
+					listenersByParent[pid] = listenersByParent[pid] || /* @__PURE__ */ new Set();
+					listenersByParent[pid].add(sid);
+					allListeners.set(sid, function() {
+						PendingUpdate.set(sid, shouldForce ? "force" : true);
+						cb();
+					});
+					r.subscribedParentId = pid;
+					r.unsubscribe = function() {
+						var _listenersByParent_pid;
+						allListeners.delete(sid);
+						(_listenersByParent_pid = listenersByParent[pid]) === null || _listenersByParent_pid === void 0 || _listenersByParent_pid.delete(sid);
+						localStates.delete(sid);
+						states.delete(sid);
+						PendingUpdate.delete(sid);
+						r.unsubscribe = void 0;
+						r.subscribedParentId = void 0;
+					};
+				}
+			} else if (r.unsubscribe) cleanupThemeSubscription(r);
+			return function() {
+				if (r.renderVersion === renderVersion) cleanupThemeState(r);
+			};
+		});
+		if (cascadeOnChange) useIsomorphicLayoutEffect(function() {
 			if (!HasRenderedOnce.get(keys)) {
 				HasRenderedOnce.set(keys, true);
 				return;
@@ -13187,6 +13316,40 @@ var init_useThemeState_native = __esmMin((() => {
 		}, [keys, propsKey]);
 		return state;
 	};
+	shouldSubscribeToTheme = function(r, cascadeOnChange) {
+		var _r_keys_current, _r_props_needsUpdate, _r_props;
+		return r.isRoot || cascadeOnChange || hasThemeUpdatingProps(r.props) || !!((_r_keys_current = r.keys.current) === null || _r_keys_current === void 0 ? void 0 : _r_keys_current.size) || !!((_r_props_needsUpdate = (_r_props = r.props).needsUpdate) === null || _r_props_needsUpdate === void 0 ? void 0 : _r_props_needsUpdate.call(_r_props));
+	};
+	getSnapshotImpl = function(r) {
+		var _keys_current, _schemeKeys_current, _keys_current1, _props_needsUpdate;
+		var { id, parentId, props, propsKey, isRoot, keys, schemeKeys } = r;
+		var local = localStates.get(id);
+		var parentState = states.get(parentId);
+		if (local && !PendingUpdate.has(id)) {
+			if (parentState && local._parentName === parentState.name && local._propsKey === propsKey) return local;
+		}
+		var isSchemeOnlyChange = supportsDynamicColorIOS && getSetting("fastSchemeChange") && local && parentState && local.scheme !== parentState.scheme && getThemeBaseName(local.name) === getThemeBaseName(parentState.name);
+		var _keys_current_size;
+		var keysSize = (_keys_current_size = keys === null || keys === void 0 ? void 0 : (_keys_current = keys.current) === null || _keys_current === void 0 ? void 0 : _keys_current.size) !== null && _keys_current_size !== void 0 ? _keys_current_size : 0;
+		var _schemeKeys_current_size;
+		var allKeysSchemeOptimized = ((_schemeKeys_current_size = schemeKeys === null || schemeKeys === void 0 ? void 0 : (_schemeKeys_current = schemeKeys.current) === null || _schemeKeys_current === void 0 ? void 0 : _schemeKeys_current.size) !== null && _schemeKeys_current_size !== void 0 ? _schemeKeys_current_size : 0) === keysSize && keysSize > 0;
+		var canSkipForSchemeChange = isSchemeOnlyChange && allKeysSchemeOptimized;
+		var needsUpdate = props.passThrough ? false : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? true : !HasRenderedOnce.get(keys) ? true : canSkipForSchemeChange ? false : (keys === null || keys === void 0 ? void 0 : (_keys_current1 = keys.current) === null || _keys_current1 === void 0 ? void 0 : _keys_current1.size) ? true : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props);
+		var [rerender, next] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
+		PendingUpdate.delete(id);
+		if (!local || rerender) {
+			local = _objectSpread2({}, next);
+			localStates.set(id, local);
+		}
+		if (next !== local) {
+			Object.assign(local, next);
+			local.id = id;
+		}
+		local._parentName = parentState === null || parentState === void 0 ? void 0 : parentState.name;
+		local._propsKey = propsKey;
+		states.set(id, next);
+		return local;
+	};
 	getNextState = function(lastState, props, propsKey) {
 		var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, id = arguments.length > 4 ? arguments[4] : void 0, parentId = arguments.length > 5 ? arguments[5] : void 0, needsUpdate = arguments.length > 6 ? arguments[6] : void 0, pendingUpdate = arguments.length > 7 ? arguments[7] : void 0;
 		var { debug } = props;
@@ -13201,9 +13364,13 @@ var init_useThemeState_native = __esmMin((() => {
 			return [shouldRerender, _objectSpread2(_objectSpread2({}, parentState), {}, { isNew: false })];
 		}
 		if (!name) {
-			var next = lastState !== null && lastState !== void 0 ? lastState : parentState;
-			if (!next) throw new Error(MISSING_THEME_MESSAGE);
-			if (shouldRerender) return [true, _objectSpread2({}, parentState || lastState)];
+			var _ref, _ref1;
+			var next = (_ref1 = (_ref = lastState !== null && lastState !== void 0 ? lastState : parentState) !== null && _ref !== void 0 ? _ref : rootThemeState) !== null && _ref1 !== void 0 ? _ref1 : {
+				id,
+				name: "light",
+				theme: getConfig().themes.light
+			};
+			if (shouldRerender) return [true, _objectSpread2({}, parentState || lastState || next)];
 			return [false, next];
 		}
 		var scheme = getScheme(name);
@@ -13324,10 +13491,14 @@ var init_useTheme_native = __esmMin((() => {
 	};
 	useThemeWithState = function(props) {
 		"use no memo";
-		var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
-		var keys = (0, react.useRef)(null);
-		var schemeKeys = (0, react.useRef)(null);
-		var themeState = useThemeState(props, isRoot, keys, schemeKeys);
+		var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, forThemeView = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+		var bag = (0, react.useRef)(null);
+		if (!bag.current) bag.current = {
+			keys: { current: null },
+			schemeKeys: { current: null }
+		};
+		var { keys, schemeKeys } = bag.current;
+		var themeState = useThemeState(props, isRoot, keys, schemeKeys, forThemeView);
 		return [props.passThrough ? {} : getThemeProxied(props, themeState, keys, schemeKeys), themeState];
 	};
 }));
@@ -13450,6 +13621,10 @@ function resetPressOwner() {
 function resetStaleOwner(now, debugName) {
 	if (now - pressState.timestamp > 2e3) resetPressOwner();
 }
+function hasExternalPressOwnership() {
+	resetStaleOwner(Date.now());
+	return pressState.ownerSource === "external";
+}
 function getGestureHandler() {
 	return {
 		get isEnabled() {
@@ -13580,7 +13755,7 @@ function getGestureHandler() {
 		}
 	};
 }
-var state, GESTURE_ENABLED_FREEZE_KEY$1, pressGestureDebugId, PRESS_MOVE_CANCEL_DISTANCE, PRESS_MOVE_CANCEL_DISTANCE_SQ, pressState;
+var _globalThis, _PRESS_STATE_KEY, state, GESTURE_ENABLED_FREEZE_KEY$1, pressGestureDebugId, PRESS_MOVE_CANCEL_DISTANCE, PRESS_MOVE_CANCEL_DISTANCE_SQ, PRESS_STATE_KEY, _$1, pressState;
 var init_gestureState_native = __esmMin((() => {
 	init_globalState_native();
 	state = createGlobalState(`gesture`, {
@@ -13594,7 +13769,8 @@ var init_gestureState_native = __esmMin((() => {
 	pressGestureDebugId = 0;
 	PRESS_MOVE_CANCEL_DISTANCE = 12;
 	PRESS_MOVE_CANCEL_DISTANCE_SQ = PRESS_MOVE_CANCEL_DISTANCE * PRESS_MOVE_CANCEL_DISTANCE;
-	pressState = {
+	PRESS_STATE_KEY = "__tamagui_press_state__";
+	pressState = (_$1 = (_globalThis = globalThis)[_PRESS_STATE_KEY = PRESS_STATE_KEY]) !== null && _$1 !== void 0 ? _$1 : _globalThis[_PRESS_STATE_KEY] = {
 		owner: null,
 		ownerId: null,
 		ownerSource: null,
@@ -13643,7 +13819,8 @@ function useMainThreadPressEvents(events, viewProps) {
 		pressInTimer: null,
 		pressOutTimer: null,
 		longPressTimer: null,
-		activateTime: 0
+		activateTime: 0,
+		blockedByExternalOwnership: false
 	};
 	if (!enabled || !events) return;
 	var _events_delayPressIn;
@@ -13687,11 +13864,18 @@ function useMainThreadPressEvents(events, viewProps) {
 	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;
+		if (userStartShouldSet === null || userStartShouldSet === void 0 ? void 0 : userStartShouldSet(e)) return true;
+		return !events.disabled && !hasExternalPressOwnership();
 	};
 	viewProps.onResponderGrant = function(e) {
-		userGrant === null || userGrant === void 0 || userGrant(e);
 		cleanup();
+		if (hasExternalPressOwnership()) {
+			ref.current.state = "idle";
+			ref.current.blockedByExternalOwnership = true;
+			return;
+		}
+		userGrant === null || userGrant === void 0 || userGrant(e);
+		ref.current.blockedByExternalOwnership = false;
 		ref.current.state = "pressing";
 		if (delayPressIn > 0) ref.current.pressInTimer = setTimeout(function() {
 			return activate(e);
@@ -13706,6 +13890,12 @@ function useMainThreadPressEvents(events, viewProps) {
 		}, delayLongPress + delayPressIn);
 	};
 	viewProps.onResponderRelease = function(e) {
+		if (ref.current.blockedByExternalOwnership || hasExternalPressOwnership()) {
+			cleanup();
+			ref.current.blockedByExternalOwnership = false;
+			ref.current.state = "idle";
+			return;
+		}
 		userRelease === null || userRelease === void 0 || userRelease(e);
 		var wasLongPressed = ref.current.state === "longPressed";
 		cleanup();
@@ -13716,12 +13906,14 @@ function useMainThreadPressEvents(events, viewProps) {
 		}
 		deactivate(e);
 		ref.current.state = "idle";
+		ref.current.blockedByExternalOwnership = false;
 	};
 	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";
+		ref.current.blockedByExternalOwnership = false;
 	};
 	viewProps.onResponderTerminationRequest = function(e) {
 		if (userTerminationRequest) return userTerminationRequest(e);
@@ -13735,6 +13927,7 @@ function useMainThreadPressEvents(events, viewProps) {
 }
 var DEFAULT_LONG_PRESS_DELAY, DEFAULT_MIN_PRESS_DURATION;
 var init_mainThreadPressEvents_native = __esmMin((() => {
+	init_index_native$3();
 	DEFAULT_LONG_PRESS_DELAY = 500;
 	DEFAULT_MIN_PRESS_DURATION = 130;
 }));
@@ -13784,7 +13977,7 @@ function useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNat
 	if (isUsingRNGH) {
 		var callbacksRef = (0, react.useRef)(isUsingRNGH ? {} : null);
 		var gestureRef = (0, react.useRef)(null);
-		useMainThreadPressEvents(events, viewProps, getIsAndroid() && !(hasRealPressEvents || stateRef.current.hasRealPressEvents) && Boolean(hasPressEvents), debugName);
+		useMainThreadPressEvents(events, viewProps, !isInsideNativeMenu && Boolean(hasRealPressEvents || getIsAndroid() && hasPressEvents), debugName);
 		if (everEnabled) {
 			callbacksRef.current = hasPressEvents ? {
 				onPressIn: events.onPressIn,
@@ -13792,6 +13985,10 @@ function useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNat
 				onPress: events.onPress,
 				onLongPress: events.onLongPress
 			} : {};
+			if (hasRealPressEvents && !isInsideNativeMenu) {
+				gestureRef.current = null;
+				return null;
+			}
 			if (!gestureRef.current) {
 				var { Gesture } = gh.state;
 				if (isInsideNativeMenu) gestureRef.current = Gesture.Manual().runOnJS(true).manualActivation(true).onTouchesDown(function() {
@@ -13805,27 +14002,6 @@ function useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNat
 					var _callbacksRef_current_onPressOut, _callbacksRef_current;
 					(_callbacksRef_current_onPressOut = (_callbacksRef_current = callbacksRef.current).onPressOut) === null || _callbacksRef_current_onPressOut === void 0 || _callbacksRef_current_onPressOut.call(_callbacksRef_current, {});
 				});
-				else if (hasRealPressEvents || stateRef.current.hasRealPressEvents) gestureRef.current = gh.createPressGesture({
-					debugName,
-					onPressIn: function(e) {
-						var _callbacksRef_current_onPressIn, _callbacksRef_current;
-						return (_callbacksRef_current_onPressIn = (_callbacksRef_current = callbacksRef.current).onPressIn) === null || _callbacksRef_current_onPressIn === void 0 ? void 0 : _callbacksRef_current_onPressIn.call(_callbacksRef_current, e);
-					},
-					onPressOut: function(e) {
-						var _callbacksRef_current_onPressOut, _callbacksRef_current;
-						return (_callbacksRef_current_onPressOut = (_callbacksRef_current = callbacksRef.current).onPressOut) === null || _callbacksRef_current_onPressOut === void 0 ? void 0 : _callbacksRef_current_onPressOut.call(_callbacksRef_current, e);
-					},
-					onPress: function(e) {
-						var _callbacksRef_current_onPress, _callbacksRef_current;
-						return (_callbacksRef_current_onPress = (_callbacksRef_current = callbacksRef.current).onPress) === null || _callbacksRef_current_onPress === void 0 ? void 0 : _callbacksRef_current_onPress.call(_callbacksRef_current, e);
-					},
-					onLongPress: function(e) {
-						var _callbacksRef_current_onLongPress, _callbacksRef_current;
-						return (_callbacksRef_current_onLongPress = (_callbacksRef_current = callbacksRef.current).onLongPress) === null || _callbacksRef_current_onLongPress === void 0 ? void 0 : _callbacksRef_current_onLongPress.call(_callbacksRef_current, e);
-					},
-					delayLongPress: events === null || events === void 0 ? void 0 : events.delayLongPress,
-					hitSlop: viewProps.hitSlop
-				});
 				else if (!getIsAndroid()) gestureRef.current = Gesture.Manual().runOnJS(true).manualActivation(true).onTouchesDown(function(e) {
 					var _callbacksRef_current_onPressIn, _callbacksRef_current;
 					return (_callbacksRef_current_onPressIn = (_callbacksRef_current = callbacksRef.current).onPressIn) === null || _callbacksRef_current_onPressIn === void 0 ? void 0 : _callbacksRef_current_onPressIn.call(_callbacksRef_current, e);
@@ -13845,23 +14021,20 @@ function useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNat
 	useMainThreadPressEvents(events, viewProps, hasPressEvents, debugName);
 	return null;
 }
-function wrapWithGestureDetector(content, gesture, stateRef, isHOC, isCompositeComponent) {
+function wrapWithGestureDetector(content, gesture, _stateRef, isHOC, isCompositeComponent, hasRealPressEvents) {
 	if (isHOC || isCompositeComponent) return content;
-	var { GestureDetector, Gesture } = getGestureHandler().state;
-	var shouldWrap = getIsAndroid() ? stateRef.current.hasRealPressEvents : stateRef.current.hasHadEvents;
-	if (!GestureDetector || !shouldWrap) return content;
-	var gestureToUse = gesture || (Gesture === null || Gesture === void 0 ? void 0 : Gesture.Manual());
-	if (!gestureToUse) return content;
-	if (!stateRef.current.hasRealPressEvents) return react.default.createElement(GestureDetector, { gesture: gestureToUse }, content);
+	var { GestureDetector } = getGestureHandler().state;
+	if (!GestureDetector || !gesture) return content;
+	if (!hasRealPressEvents) return react.default.createElement(GestureDetector, { gesture }, content);
 	if (isFabric) {
 		var claimed = react.default.cloneElement(content, { onStartShouldSetResponder: responderClaim });
-		return react.default.createElement(GestureDetector, { gesture: gestureToUse }, claimed);
+		return react.default.createElement(GestureDetector, { gesture }, claimed);
 	}
 	return react.default.createElement(View$2, {
 		collapsable: false,
 		style: responderWrapperStyle,
 		onStartShouldSetResponder: responderClaim
-	}, react.default.createElement(GestureDetector, { gesture: gestureToUse }, content));
+	}, react.default.createElement(GestureDetector, { gesture }, content));
 }
 var isFabric, isAndroidCache, getIsAndroid, isNativeDesktopCache, getIsNativeDesktop, responderClaim, responderWrapperStyle;
 var init_eventHandling_native = __esmMin((() => {
@@ -15159,6 +15332,11 @@ function normalizeGroupKey(key, groupContext) {
 function isValidStyleKey(key, validStyles, accept) {
 	return key in validStyles ? true : accept && key in accept;
 }
+function shouldSkipNativeHoverProp(key, isMedia) {
+	if (key === "hoverStyle") return true;
+	if (isMedia === "group") return getGroupPropParts(key.slice(1)).pseudo === "hover";
+	return false;
+}
 function mergeFlatTransforms(target, flatTransforms) {
 	Object.entries(flatTransforms).sort(function(param, param1) {
 		var [a] = param, [b] = param1;
@@ -15269,6 +15447,7 @@ var init_getSplitStyles_native = __esmMin((() => {
 				viewProps[keyInit] = valInit;
 				return "continue";
 			}
+			if (keyInit[0] === "d" && keyInit.startsWith("data-")) return "continue";
 			if (accept) {
 				var accepted = accept[keyInit];
 				if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit === "undefined" ? "undefined" : _type_of$3(valInit)) === "object") {
@@ -15310,6 +15489,7 @@ var init_getSplitStyles_native = __esmMin((() => {
 			var isMediaOrPseudo = Boolean(isMedia || isPseudo);
 			if (isMediaOrPseudo && isMedia === "group") keyInit = normalizeGroupKey(keyInit, groupContext);
 			var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo || isVariant && !noExpand;
+			if (shouldSkipNativeHoverProp(keyInit, isMedia)) return "continue";
 			if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) return "continue";
 			var shouldPassProp = !isStyleProp && isHOC || isHOC && parentVariants && keyInit in parentVariants || (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(keyInit));
 			var parentVariant = parentVariants === null || parentVariants === void 0 ? void 0 : parentVariants[keyInit];
@@ -15347,6 +15527,7 @@ var init_getSplitStyles_native = __esmMin((() => {
 				isMediaOrPseudo = Boolean(isMedia || isPseudo);
 				isVariant = variants && key5 in variants;
 				if (isMedia === "group") key5 = normalizeGroupKey(key5, groupContext);
+				if (shouldSkipNativeHoverProp(key5, isMedia)) return;
 				if ((inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key5)) || process.env.IS_STATIC === "is_static" && (inlineWhenUnflattened === null || inlineWhenUnflattened === void 0 ? void 0 : inlineWhenUnflattened.has(key5))) {
 					var _props_key;
 					viewProps[key5] = (_props_key = props[key5]) !== null && _props_key !== void 0 ? _props_key : val2;
@@ -15511,6 +15692,7 @@ var init_getSplitStyles_native = __esmMin((() => {
 							var groupState = groupContext === null || groupContext === void 0 ? void 0 : (_groupContext_groupName = groupContext[groupName]) === null || _groupContext_groupName === void 0 ? void 0 : _groupContext_groupName.state;
 							var groupPseudoKey = groupInfo.pseudo;
 							var groupMediaKey = groupInfo.media;
+							if (groupPseudoKey === "hover") return;
 							if (!groupState) {
 								pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set());
 								return;
@@ -15864,13 +16046,17 @@ var init_mergeRenderElementProps_native = __esmMin((() => {
 function usePointerEvents(props, viewProps) {
 	var { onPointerDown, onPointerUp, onPointerMove, onPointerCancel, onPointerEnter, onPointerLeave } = props;
 	var hasPointerEvents = onPointerDown || onPointerUp || onPointerMove || onPointerCancel || onPointerEnter || onPointerLeave;
-	var isInsideRef = (0, react.useRef)(false);
-	var layoutRef = (0, react.useRef)({
-		width: 0,
-		height: 0
-	});
-	var isCapturedRef = (0, react.useRef)(false);
+	var ref = (0, react.useRef)(null);
+	if (!ref.current) ref.current = {
+		isInside: false,
+		layout: {
+			width: 0,
+			height: 0
+		},
+		isCaptured: false
+	};
 	if (!hasPointerEvents) return;
+	var bag = ref.current;
 	var createNormalizedEvent = function(e) {
 		var touch = e.nativeEvent;
 		var _touch_identifier;
@@ -15886,10 +16072,10 @@ function usePointerEvents(props, viewProps) {
 			nativeEvent: touch,
 			target: {
 				setPointerCapture: function(_pointerId) {
-					isCapturedRef.current = true;
+					bag.isCaptured = true;
 				},
 				releasePointerCapture: function(_pointerId) {
-					isCapturedRef.current = false;
+					bag.isCaptured = false;
 				}
 			}
 		});
@@ -15898,46 +16084,46 @@ function usePointerEvents(props, viewProps) {
 		onPointerDown(createNormalizedEvent(e));
 	});
 	if (onPointerUp) viewProps.onTouchEnd = composeEventHandlers(viewProps.onTouchEnd, function(e) {
-		isCapturedRef.current = false;
+		bag.isCaptured = false;
 		onPointerUp(createNormalizedEvent(e));
 	});
 	if (onPointerMove) viewProps.onTouchMove = composeEventHandlers(viewProps.onTouchMove, function(e) {
 		var { locationX, locationY } = e.nativeEvent;
-		var { width, height } = layoutRef.current;
+		var { width, height } = bag.layout;
 		var isInBounds = locationX >= 0 && locationX <= width && locationY >= 0 && locationY <= height;
-		if (isCapturedRef.current || isInBounds) onPointerMove(createNormalizedEvent(e));
+		if (bag.isCaptured || isInBounds) onPointerMove(createNormalizedEvent(e));
 	});
 	if (onPointerCancel) viewProps.onTouchCancel = composeEventHandlers(viewProps.onTouchCancel, function(e) {
-		isCapturedRef.current = false;
+		bag.isCaptured = false;
 		onPointerCancel(createNormalizedEvent(e));
 	});
 	if (onPointerEnter || onPointerLeave || onPointerMove) viewProps.onLayout = composeEventHandlers(viewProps.onLayout, function(e) {
-		layoutRef.current = {
+		bag.layout = {
 			width: e.nativeEvent.layout.width,
 			height: e.nativeEvent.layout.height
 		};
 	});
 	if (onPointerEnter) viewProps.onTouchStart = composeEventHandlers(viewProps.onTouchStart, function(e) {
 		var { locationX, locationY } = e.nativeEvent;
-		var { width, height } = layoutRef.current;
+		var { width, height } = bag.layout;
 		if (locationX >= 0 && locationX <= width && locationY >= 0 && locationY <= height) {
-			isInsideRef.current = true;
+			bag.isInside = true;
 			onPointerEnter(createNormalizedEvent(e));
 		}
 	});
 	if (onPointerLeave) {
 		viewProps.onTouchMove = composeEventHandlers(viewProps.onTouchMove, function(e) {
 			var { locationX, locationY } = e.nativeEvent;
-			var { width, height } = layoutRef.current;
+			var { width, height } = bag.layout;
 			var isInside = locationX >= 0 && locationX <= width && locationY >= 0 && locationY <= height;
-			if (isInsideRef.current && !isInside) {
-				isInsideRef.current = false;
+			if (bag.isInside && !isInside) {
+				bag.isInside = false;
 				onPointerLeave(createNormalizedEvent(e));
 			}
 		});
 		viewProps.onTouchEnd = composeEventHandlers(viewProps.onTouchEnd, function(e) {
-			if (isInsideRef.current) {
-				isInsideRef.current = false;
+			if (bag.isInside) {
+				bag.isInside = false;
 				onPointerLeave(createNormalizedEvent(e));
 			}
 		});
@@ -16133,7 +16319,7 @@ var init_Theme_native = __esmMin((() => {
 		if (props.disable) return props.children;
 		var { passThrough } = props;
 		var isRoot = !!props["_isRoot"];
-		var [_, themeState] = useThemeWithState(props, isRoot);
+		var [_, themeState] = useThemeWithState(props, isRoot, true);
 		var finalChildren = props["disable-child-theme"] ? react.Children.map(props.children, function(child) {
 			return passThrough || !/* @__PURE__ */ (0, react.isValidElement)(child) ? child : /* @__PURE__ */ (0, react.cloneElement)(child, { ["data-disable-theme"]: true });
 		}) : props.children;
@@ -16302,7 +16488,15 @@ var init_useComponentState_native = __esmMin((() => {
 			});
 		}
 		var groupName = props.group;
-		var setStateShallow = useCreateShallowSetState(setState, props.debug);
+		if (!stateRef.current.baseSetStateShallow) {
+			var r = stateRef.current;
+			r.baseSetStateShallow = function(stateOrGetState) {
+				setState(function(prev) {
+					return mergeIfNotShallowEqual(prev, typeof stateOrGetState === "function" ? stateOrGetState(prev) : stateOrGetState);
+				});
+			};
+		}
+		var setStateShallow = stateRef.current.baseSetStateShallow;
 		if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
 			var { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
 			if (isObj(custom)) Object.assign(props, custom);
@@ -16422,7 +16616,7 @@ function createComponent(staticConfig) {
 		var overriddenContextProps = null;
 		var componentContext = react.default.useContext(ComponentContext);
 		var hasTextAncestor = false;
-		var isInsideNativeMenu = react.default.useContext(NativeMenuContext);
+		var isInsideNativeMenu = isAndroid ? react.default.useContext(NativeMenuContext) : false;
 		var props = propsIn;
 		var componentName = props.componentName || staticConfig.componentName;
 		var [nextProps, overrides] = mergeComponentProps(getDefaultProps(staticConfig, props.componentName), styledContextValue, propsIn);
@@ -16856,7 +17050,8 @@ function createComponent(staticConfig) {
 		var propsInWithHref = propsIn;
 		var _props_testID, _ref, _ref1, _ref2, _ref3;
 		var pressDebugName = [componentName, (_ref3 = (_ref2 = (_ref1 = (_ref = (_props_testID = props.testID) !== null && _props_testID !== void 0 ? _props_testID : propsIn.testID) !== null && _ref !== void 0 ? _ref : props.accessibilityLabel) !== null && _ref1 !== void 0 ? _ref1 : propsIn.accessibilityLabel) !== null && _ref2 !== void 0 ? _ref2 : typeof propsWithHref.href === "string" ? propsWithHref.href : null) !== null && _ref3 !== void 0 ? _ref3 : typeof propsInWithHref.href === "string" ? propsInWithHref.href : null].filter(Boolean).join(":") || null;
-		var pressGesture = useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNativeMenu, pressDebugName, !!(onPress || onPressIn || onPressOut || onLongPress));
+		var hasRealPressEvents = !!(onPress || onPressIn || onPressOut || onLongPress);
+		var pressGesture = useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNativeMenu, pressDebugName, hasRealPressEvents);
 		if (asChild) {
 			elementType = Slot;
 			Object.assign(viewProps, {
@@ -16881,7 +17076,7 @@ function createComponent(staticConfig) {
 				content = /* @__PURE__ */ react.default.createElement(elementType, viewProps, content || children);
 			}
 		}
-		content = wrapWithGestureDetector(content, pressGesture, stateRef, isHOC, !isHOC && Component && typeof Component !== "string");
+		content = wrapWithGestureDetector(content, pressGesture, stateRef, isHOC, !isHOC && Component && typeof Component !== "string", hasRealPressEvents);
 		var ResetPresence = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.ResetPresence;
 		var needsReset = Boolean(!asChild && splitStyles && !isHOC && ResetPresence && willBeAnimated && (hasEnterStyle || presenceState));
 		var hasEverReset = stateRef.current.hasEverResetPresence;
@@ -19005,6 +19200,7 @@ exports.rgba = rgba;
 exports.setConfig = setConfig;
 exports.setDidGetVariableValue = setDidGetVariableValue;
 exports.setIdentifierValue = setIdentifierValue;
+exports.setMediaState = setMediaState;
 exports.setNonce = setNonce;
 exports.setOnLayoutStrategy = setOnLayoutStrategy;
 exports.setRef = setRef;
@@ -19030,6 +19226,7 @@ exports.tokenCategories = tokenCategories;
 exports.transformsToString = transformsToString;
 exports.updateConfig = updateConfig;
 exports.updateFont = updateFont;
+exports.updateMediaListeners = updateMediaListeners;
 exports.useClientValue = useClientValue;
 exports.useComposedRefs = useComposedRefs;
 exports.useConfiguration = useConfiguration;