@tamagui/core 2.3.3 → 2.4.0-1783099846627

package/dist/test.native.cjs

@@ -634,7 +634,6 @@ var getMediaKey = function(key) {
 	if (match) return match[1];
 	return false;
 };
-var initState;
 var mediaKeysOrdered;
 var getMediaKeyImportance = function(key) {
 	return mediaKeysOrdered.indexOf(key) + 100;
@@ -647,12 +646,13 @@ var configureMedia = function(config) {
 	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();
 };
@@ -696,6 +696,45 @@ function updateMediaListeners() {
 	});
 }
 var States = /* @__PURE__ */ new WeakMap();
+var touchTrackerProto = null;
+var refSlot = /* @__PURE__ */ Symbol("mediaRefSlot");
+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), {}, {
@@ -711,56 +750,102 @@ 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;
 }
-var getServerSnapshot = function() {
-	return initState;
+var incReducer$1 = function(c) {
+	return c + 1;
 };
 var disableMediaTouch = false;
 function _disableMediaTouch(val) {
@@ -1400,9 +1485,12 @@ var getRootThemeState = function() {
 var getThemeBaseName = function(name) {
 	return name.replace(/^(light|dark)_/, "");
 };
+var incReducer = function(c) {
+	return c + 1;
+};
 var 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);
@@ -1412,53 +1500,69 @@ var useThemeState = function(props) {
 		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;
@@ -1473,6 +1577,52 @@ var useThemeState = function(props) {
 	}, [keys, propsKey]);
 	return state;
 };
+var 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));
+};
+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);
+	}
+}
+var 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;
+};
 var 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;
@@ -1487,9 +1637,13 @@ var getNextState = function(lastState, props, propsKey) {
 		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);
@@ -1769,10 +1923,14 @@ var useTheme = function() {
 };
 var 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];
 };
 //#endregion
@@ -1841,6 +1999,8 @@ function createGlobalState(key, defaultValue) {
 }
 //#endregion
 //#region ../native/dist/esm/gestureState.native.js
+var _globalThis;
+var _PRESS_STATE_KEY;
 var state = createGlobalState(`gesture`, {
 	enabled: false,
 	Gesture: null,
@@ -1873,13 +2033,15 @@ function canChangeGestureHandlerEnabled(nextEnabled, source) {
 var pressGestureDebugId = 0;
 var PRESS_MOVE_CANCEL_DISTANCE = 12;
 var PRESS_MOVE_CANCEL_DISTANCE_SQ = PRESS_MOVE_CANCEL_DISTANCE * PRESS_MOVE_CANCEL_DISTANCE;
+var PRESS_STATE_KEY = "__tamagui_press_state__";
 function getEventPointerId(e) {
 	var _e_pointer, _e_event, _e_event_pointer, _e_event1, _e_nativeEvent, _e_nativeEvent1, _e_event_nativeEvent, _e_event2, _e_event_nativeEvent1, _e_event3;
 	var _e_pointerId, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6;
 	var pointerId = (_ref6 = (_ref5 = (_ref4 = (_ref3 = (_ref2 = (_ref1 = (_ref = (_e_pointerId = e === null || e === void 0 ? void 0 : e.pointerId) !== null && _e_pointerId !== void 0 ? _e_pointerId : e === null || e === void 0 ? void 0 : (_e_pointer = e.pointer) === null || _e_pointer === void 0 ? void 0 : _e_pointer.id) !== null && _ref !== void 0 ? _ref : e === null || e === void 0 ? void 0 : (_e_event = e.event) === null || _e_event === void 0 ? void 0 : _e_event.pointerId) !== null && _ref1 !== void 0 ? _ref1 : e === null || e === void 0 ? void 0 : (_e_event1 = e.event) === null || _e_event1 === void 0 ? void 0 : (_e_event_pointer = _e_event1.pointer) === null || _e_event_pointer === void 0 ? void 0 : _e_event_pointer.id) !== null && _ref2 !== void 0 ? _ref2 : e === null || e === void 0 ? void 0 : (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.pointerId) !== null && _ref3 !== void 0 ? _ref3 : e === null || e === void 0 ? void 0 : (_e_nativeEvent1 = e.nativeEvent) === null || _e_nativeEvent1 === void 0 ? void 0 : _e_nativeEvent1.id) !== null && _ref4 !== void 0 ? _ref4 : e === null || e === void 0 ? void 0 : (_e_event2 = e.event) === null || _e_event2 === void 0 ? void 0 : (_e_event_nativeEvent = _e_event2.nativeEvent) === null || _e_event_nativeEvent === void 0 ? void 0 : _e_event_nativeEvent.pointerId) !== null && _ref5 !== void 0 ? _ref5 : e === null || e === void 0 ? void 0 : (_e_event3 = e.event) === null || _e_event3 === void 0 ? void 0 : (_e_event_nativeEvent1 = _e_event3.nativeEvent) === null || _e_event_nativeEvent1 === void 0 ? void 0 : _e_event_nativeEvent1.id) !== null && _ref6 !== void 0 ? _ref6 : null;
 	return pointerId == null || Number.isNaN(pointerId) ? null : Number(pointerId);
 }
-var pressState = {
+var _$1;
+var 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,
@@ -1896,6 +2058,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() {
@@ -2056,7 +2222,8 @@ function useMainThreadPressEvents(events, viewProps) {
 		pressInTimer: null,
 		pressOutTimer: null,
 		longPressTimer: null,
-		activateTime: 0
+		activateTime: 0,
+		blockedByExternalOwnership: false
 	};
 	if (!enabled || !events) return;
 	var _events_delayPressIn;
@@ -2100,11 +2267,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);
@@ -2119,6 +2293,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();
@@ -2129,12 +2309,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);
@@ -2207,7 +2389,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,
@@ -2215,6 +2397,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() {
@@ -2228,27 +2414,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);
@@ -2268,23 +2433,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(react_native.View, {
 		collapsable: false,
 		style: responderWrapperStyle,
 		onStartShouldSetResponder: responderClaim
-	}, react.default.createElement(GestureDetector, { gesture: gestureToUse }, content));
+	}, react.default.createElement(GestureDetector, { gesture }, content));
 }
 //#endregion
 //#region ../web/dist/esm/helpers/getDefaultProps.native.js
@@ -3709,6 +3871,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;
+}
 var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver) {
 	var _loop = function(keyOg2) {
 		var keyInit = keyOg2;
@@ -3717,6 +3884,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			viewProps[keyInit] = valInit;
 			return "continue";
 		}
+		if (keyInit[0] === "d" && keyInit.startsWith("data-")) return "continue";
 		if (keyInit === "jestAnimatedStyle") return "continue";
 		if (accept) {
 			var accepted = accept[keyInit];
@@ -3759,6 +3927,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 		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];
@@ -3796,6 +3965,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			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;
@@ -3960,6 +4130,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 						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;
@@ -4380,13 +4551,17 @@ function mergeRenderElementProps(elementProps, viewProps, children) {
 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;
@@ -4402,10 +4577,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;
 				}
 			}
 		});
@@ -4414,46 +4589,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));
 			}
 		});
@@ -4604,7 +4779,7 @@ var Theme = /* @__PURE__ */ (0, react.forwardRef)(function Theme2(props, ref) {
 	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;
@@ -4769,7 +4944,15 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 		});
 	}
 	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);
@@ -4930,10 +5113,11 @@ function createComponent(staticConfig) {
 				BaseView = baseViews.View;
 			}
 		}
-		if (propsIn["data-test-renders"]) {
-			var _propsIn_datatestrenders_current;
-			propsIn["data-test-renders"]["current"] = (_propsIn_datatestrenders_current = propsIn["data-test-renders"]["current"]) !== null && _propsIn_datatestrenders_current !== void 0 ? _propsIn_datatestrenders_current : 0;
-			propsIn["data-test-renders"]["current"] += 1;
+		var testRenderCount = propsIn["data-test-renders"];
+		if (testRenderCount && (typeof testRenderCount === "undefined" ? "undefined" : _type_of$1(testRenderCount)) === "object" && !Object.isFrozen(testRenderCount)) {
+			var _testRenderCount_current;
+			testRenderCount.current = (_testRenderCount_current = testRenderCount.current) !== null && _testRenderCount_current !== void 0 ? _testRenderCount_current : 0;
+			testRenderCount.current += 1;
 		}
 		var { context, isReactNative } = staticConfig;
 		var debugProp = propsIn["debug"];
@@ -4941,7 +5125,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);
@@ -5375,7 +5559,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, {
@@ -5400,7 +5585,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;
@@ -6973,8 +7158,7 @@ if (ENABLE) {
 	}
 	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;
@@ -6987,19 +7171,7 @@ if (ENABLE) {
 				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);
 	}
@@ -7130,15 +7302,35 @@ var getRelativeDimensions = function(a, b, aNode) {
 		pageY: a.top
 	};
 };
-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);
 	};
@@ -7343,6 +7535,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;
@@ -7368,6 +7561,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;