@tamagui/web 3.0.0-beta.924.1 → 3.0.0

package/dist/esm/createComponent.native.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { composeRefs } from "@tamagui/compose-refs";
+import { composeRefs, setRef } from "@tamagui/compose-refs";
 import { getPlatformDriver, isAndroid, isClient, isNativeDesktop, isServer, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { NativeMenuContext } from "@tamagui/native";
 import { composeEventHandlers } from "@tamagui/helpers";
@@ -14,6 +14,8 @@ import { defaultComponentStateMounted } from "./defaultComponentState.native.js"
 import { useEvents, wrapWithGestureDetector } from "./eventHandling.native.js";
 import { componentDisplayName } from "./helpers/componentDisplayName.native.js";
 import { getSplitStyles } from "./helpers/getSplitStyles.native.js";
+import { isTamaguiElement } from "./helpers/isTamaguiElement.native.js";
+import { NativeTextBinding } from "./helpers/NativeTextBinding.native.js";
 import { getConfigRevisionState } from "./helpers/grammarConfig.native.js";
 import { getStyleStaticConfig } from "./helpers/styleStaticConfig.native.js";
 import { getNativeStyleEngine, queueNativeViewState, updateNativeStyleLink } from "./helpers/nativeStyleEngine.native.js";
@@ -35,19 +37,6 @@ import { hooks } from "./setupHooks.native.js";
 import { Slot } from "./views/Slot.native.js";
 import { getThemedChildren } from "./views/Theme.native.js";
 
-var __require$1 = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
-	if (typeof require !== "undefined") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-});
-
-var __require = /* @__PURE__ */ ((x) => typeof __require$1 !== "undefined" ? __require$1 : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof __require$1 !== "undefined" ? __require$1 : a)[b] }) : x)(function(x) {
-	if (typeof __require$1 !== "undefined") return __require$1.apply(this, arguments);
-	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-});
-function _type_of(obj) {
-	"@swc/helpers - typeof";
-	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
 var time;
 var debugKeyListeners;
 var startVisualizer;
@@ -59,8 +48,7 @@ var avoidReRenderKeys = /* @__PURE__ */ new Set([
 	"group",
 	"focus",
 	"focusWithin",
-	"media",
-	"group"
+	"media"
 ]);
 var groupPseudoKeys = [
 	"disabled",
@@ -114,7 +102,7 @@ function createComponent(staticConfig) {
 			var nextStyleStaticConfig = getStyleStaticConfig(staticConfig, config);
 			resolvedStyleStaticConfig = nextStyleStaticConfig;
 			resolvedDefaultProps = nextStyleStaticConfig.defaultProps;
-			if (isWeb && !staticConfig.isText && config.settings.defaultPosition === "relative" && ((_nextStyleStaticConfig_baseStyle = nextStyleStaticConfig.baseStyle) === null || _nextStyleStaticConfig_baseStyle === void 0 ? void 0 : _nextStyleStaticConfig_baseStyle.position) === void 0) resolvedStyleStaticConfig = {
+			if (isWeb && !staticConfig.isText && !staticConfig.isStyledHOC && config.settings.defaultPosition === "relative" && ((_nextStyleStaticConfig_baseStyle = nextStyleStaticConfig.baseStyle) === null || _nextStyleStaticConfig_baseStyle === void 0 ? void 0 : _nextStyleStaticConfig_baseStyle.position) === void 0) resolvedStyleStaticConfig = {
 				...nextStyleStaticConfig,
 				baseStyle: {
 					position: "relative",
@@ -142,7 +130,7 @@ function createComponent(staticConfig) {
 		}
 		if (process.env.NODE_ENV === "test") {
 			var testRenderCount = propsIn["data-test-renders"];
-			if (testRenderCount && (typeof testRenderCount === "undefined" ? "undefined" : _type_of(testRenderCount)) === "object" && !Object.isFrozen(testRenderCount)) {
+			if (testRenderCount && typeof 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;
@@ -155,10 +143,6 @@ function createComponent(staticConfig) {
 		var componentContext = React.useContext(ComponentContext);
 		var hasTextAncestor = !!(isWeb && isText ? componentContext.inText : false);
 		var isInsideNativeMenu = isAndroid ? React.useContext(NativeMenuContext) : false;
-		if (!process.env.TAMAGUI_IS_CORE_NODE && process.env.NODE_ENV === "development" && debugProp === "profile" && !time) {
-			time = require("@tamagui/timer").timer().start();
-			globalThis["time"] = time;
-		}
 		if (process.env.NODE_ENV === "development" && !time && globalThis.time) time = globalThis.time;
 		if (process.env.NODE_ENV === "development" && time) time`non-tamagui time (ignore)`;
 		var props = propsIn;
@@ -233,8 +217,8 @@ function createComponent(staticConfig) {
 		if (stateRef.current.avoidReRenders) useIsomorphicLayoutEffect(function() {
 			var emitted = stateRef.current.prevPseudoState;
 			if (emitted && (emitted.hover || emitted.press || emitted.focus)) {
-				var _stateRef_current_updateStyleListener, _stateRef_current2;
-				(_stateRef_current_updateStyleListener = (_stateRef_current2 = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current2);
+				var _stateRef_current_updateStyleListener, _stateRef_current3;
+				(_stateRef_current_updateStyleListener = (_stateRef_current3 = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current3);
 			}
 			var pendingState = stateRef.current.nextState;
 			if (!pendingState) return;
@@ -249,8 +233,8 @@ function createComponent(staticConfig) {
 			if (!pseudoDriver || !host) return;
 			return pseudoDriver.subscribe(host, function(param) {
 				var { hovered } = param;
-				var _stateRef_current_setStateShallow, _stateRef_current2;
-				(_stateRef_current_setStateShallow = (_stateRef_current2 = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current2, { hover: hovered });
+				var _stateRef_current_setStateShallow, _stateRef_current3;
+				(_stateRef_current_setStateShallow = (_stateRef_current3 = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current3, { hover: hovered });
 			});
 		}, [platformPseudo, props.disabled]);
 		var setStateShallow = componentState.setStateShallow;
@@ -261,7 +245,9 @@ function createComponent(staticConfig) {
 		var elementType = BaseComponent;
 		var isAnimatedCustomComponent = animationDriver && isAnimated && animationDriver.needsCustomComponent;
 		if (isAnimatedCustomComponent) elementType = animationDriver[isText ? "Text" : "View"] || elementType;
-		var disableTheme = isHOC;
+		var disableThemeProp = false;
+		var hocThemesSelf = isHOC && "theme" in props;
+		var disableTheme = disableThemeProp || isHOC && !hocThemesSelf;
 		if (process.env.NODE_ENV === "development" && time) time`theme-props`;
 		var themeStateProps = {
 			disable: disableTheme,
@@ -275,9 +261,9 @@ function createComponent(staticConfig) {
 		var _stateRef_current1;
 		themeStateProps.deopt = willBeAnimated;
 		themeStateProps.nativeUpdate = (_stateRef_current1 = stateRef.current).nativeUpdateProxy || (_stateRef_current1.nativeUpdateProxy = function(next) {
-			var _stateRef_current_nativeStyleUpdate, _stateRef_current2;
+			var _stateRef_current_nativeStyleUpdate, _stateRef_current3;
 			var _stateRef_current_nativeStyleUpdate1;
-			return (_stateRef_current_nativeStyleUpdate1 = (_stateRef_current_nativeStyleUpdate = (_stateRef_current2 = stateRef.current).nativeStyleUpdate) === null || _stateRef_current_nativeStyleUpdate === void 0 ? void 0 : _stateRef_current_nativeStyleUpdate.call(_stateRef_current2, next)) !== null && _stateRef_current_nativeStyleUpdate1 !== void 0 ? _stateRef_current_nativeStyleUpdate1 : false;
+			return (_stateRef_current_nativeStyleUpdate1 = (_stateRef_current_nativeStyleUpdate = (_stateRef_current3 = stateRef.current).nativeStyleUpdate) === null || _stateRef_current_nativeStyleUpdate === void 0 ? void 0 : _stateRef_current_nativeStyleUpdate.call(_stateRef_current3, next)) !== null && _stateRef_current_nativeStyleUpdate1 !== void 0 ? _stateRef_current_nativeStyleUpdate1 : false;
 		});
 		if (process.env.NODE_ENV === "development") {
 			if (debugProp && debugProp !== "profile") {
@@ -347,7 +333,7 @@ ${banner}
 		if (process.env.NODE_ENV === "development" && time) time`theme`;
 		if (!isAnimatedCustomComponent) elementType = element || elementType;
 		var isStringElement = typeof elementType === "string";
-		var mediaState = useMedia(componentContext, debugProp, stateRef.current);
+		var mediaState = useMedia(stateRef.current, debugProp, stateRef.current);
 		setDidGetVariableValue(false);
 		if (process.env.NODE_ENV === "development" && time) time`media`;
 		var styleProps = {
@@ -359,7 +345,8 @@ ${banner}
 			willBeAnimated,
 			canPlatformPseudo: componentState.platformPseudo,
 			displayName,
-			styledContext: styledContextValue
+			styledContext: styledContextValue,
+			prevStyle: isWeb ? void 0 : stateRef.current.prevStyle
 		};
 		var themeName = (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "";
 		if (process.env.NODE_ENV === "development" && time) time`split-styles-prepare`;
@@ -544,7 +531,7 @@ ${banner}
 				};
 			}
 		}
-		var hasEnterExitTransition = props.transition && _type_of(props.transition) === "object" && !Array.isArray(props.transition) && ("enter" in props.transition || "exit" in props.transition);
+		var hasEnterExitTransition = props.transition && typeof props.transition === "object" && !Array.isArray(props.transition) && ("enter" in props.transition || "exit" in props.transition);
 		if (!isPassthrough && (hasAnimationProp || groupName || platformPseudo) && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && !hasEnterExitTransition) {
 			let updateGroupListeners2 = function() {
 				var updatedState = stateRef.current.nextState;
@@ -553,6 +540,7 @@ ${banner}
 					notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
 				}
 			};
+			var _stateRef_current2;
 			var ogSetStateShallow = setStateShallow;
 			stateRef.current.updateStyleListener = function() {
 				var useStyleListener = stateRef.current.useStyleListener;
@@ -571,39 +559,19 @@ ${banner}
 				var effectiveTransition2 = (_ref5 = (_nextStyles_effectiveTransition = nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.effectiveTransition) !== null && _nextStyles_effectiveTransition !== void 0 ? _nextStyles_effectiveTransition : props.transition) !== null && _ref5 !== void 0 ? _ref5 : platformPseudo ? "0ms" : void 0;
 				stateRef.current.prevPseudoState = extractPseudoState(updatedState);
 				var hasActivePseudo = Boolean(updatedState.hover || updatedState.press || updatedState.pressIn || updatedState.focus || updatedState.focusWithin);
-				useStyleListener((nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.style) || {}, effectiveTransition2, hasActivePseudo);
-			};
-			componentContext.mediaEmitListeners = componentContext.mediaEmitListeners || /* @__PURE__ */ new Set();
-			if (!stateRef.current.mediaEmitCleanup) {
-				var updateListener = function(next) {
-					var _stateRef_current_updateStyleListener, _stateRef_current2;
-					stateRef.current.nextMedia = next;
-					(_stateRef_current_updateStyleListener = (_stateRef_current2 = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current2);
-				};
-				componentContext.mediaEmitListeners.add(updateListener);
-				stateRef.current.mediaEmitCleanup = function() {
-					var _componentContext_mediaEmitListeners;
-					(_componentContext_mediaEmitListeners = componentContext.mediaEmitListeners) === null || _componentContext_mediaEmitListeners === void 0 || _componentContext_mediaEmitListeners.delete(updateListener);
-				};
-			}
-			componentContext.mediaEmit = componentContext.mediaEmit || function(next) {
-				var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
-				try {
-					for (var _iterator2 = componentContext.mediaEmitListeners[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-						var listener = _step2.value;
-						listener(next);
-					}
-				} catch (err) {
-					_didIteratorError2 = true;
-					_iteratorError2 = err;
-				} finally {
-					try {
-						if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
-					} finally {
-						if (_didIteratorError2) throw _iteratorError2;
-					}
-				}
+				useStyleListener((nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.style) || {}, effectiveTransition2, hasActivePseudo, nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.nativeTextMetrics);
 			};
+			(_stateRef_current2 = stateRef.current).mediaEmit || (_stateRef_current2.mediaEmit = function(next) {
+				var sr2 = stateRef.current;
+				sr2.nextMedia = next;
+				if (sr2.mediaEmitQueued) return;
+				sr2.mediaEmitQueued = true;
+				queueMicrotask(function() {
+					var _sr_updateStyleListener;
+					sr2.mediaEmitQueued = false;
+					(_sr_updateStyleListener = sr2.updateStyleListener) === null || _sr_updateStyleListener === void 0 || _sr_updateStyleListener.call(sr2);
+				});
+			});
 			stateRef.current.setStateShallow = function(nextOrGetNext) {
 				var prev = stateRef.current.nextState || state;
 				var next = typeof nextOrGetNext === "function" ? nextOrGetNext(prev) : nextOrGetNext;
@@ -619,7 +587,7 @@ ${banner}
 				};
 				stateRef.current.nextState = updatedState;
 				if (canAvoidReRender) {
-					var _stateRef_current_updateStyleListener, _stateRef_current2;
+					var _stateRef_current_updateStyleListener, _stateRef_current3;
 					if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
 						console.groupCollapsed(`[\u26A1\uFE0F] avoid setState`, displayName, next, {
 							updatedState,
@@ -629,7 +597,7 @@ ${banner}
 						console.groupEnd();
 					}
 					updateGroupListeners2();
-					(_stateRef_current_updateStyleListener = (_stateRef_current2 = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current2);
+					(_stateRef_current_updateStyleListener = (_stateRef_current3 = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current3);
 				} else {
 					if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") console.info(`[\u{1F40C}] re-render`, {
 						canAvoidReRender,
@@ -639,8 +607,8 @@ ${banner}
 				}
 			};
 			setStateShallow = function(state2) {
-				var _stateRef_current_setStateShallow, _stateRef_current2;
-				(_stateRef_current_setStateShallow = (_stateRef_current2 = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current2, state2);
+				var _stateRef_current_setStateShallow, _stateRef_current3;
+				(_stateRef_current_setStateShallow = (_stateRef_current3 = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current3, state2);
 			};
 		}
 		if (process.env.NODE_ENV === "development" && time) time`split-styles`;
@@ -657,20 +625,23 @@ ${banner}
 		setMediaShouldUpdate(stateRef.current, shouldListenForMedia, mediaListeningKeys, stateRef.current.optimizeForFirstRender);
 		var { viewProps: viewPropsIn, style: splitStylesStyle, classNames, pseudoGroups, mediaGroups } = splitStyles || {};
 		var groupSetRevision = useGroupSetRevision(pseudoGroups, mediaGroups);
+		if (!isWeb) stateRef.current.prevStyle = splitStylesStyle || null;
 		var propsWithAnimation = props;
-		var { asChild, children, themeShallow, spaceDirection: _spaceDirection, onPress, onLongPress, onPressIn, onPressOut, onHoverIn, onHoverOut, onMouseUp, onMouseDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onTransition, separator, passThrough, forceStyle: _forceStyle, onClick, theme: _themeProp, ...nonTamaguiProps } = viewPropsIn || {};
+		var { asChild, children, themeShallow, onPress, onLongPress, onPressIn, onPressOut, onHoverIn, onHoverOut, onMouseUp, onMouseDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onTransition, separator, passThrough, forceStyle: _forceStyle, onClick, theme: _themeProp, ...nonTamaguiProps } = viewPropsIn || {};
 		var viewProps = nonTamaguiProps;
 		if (props.forceStyle) viewProps.forceStyle = props.forceStyle;
 		if (isHOC) {
-			if (typeof _themeProp !== "undefined") viewProps.theme = _themeProp;
+			if (typeof _themeProp !== "undefined" && !hocThemesSelf) viewProps.theme = _themeProp;
 			if (typeof passThrough !== "undefined") viewProps.passThrough = passThrough;
 			if (typeof asChild !== "undefined") viewProps.asChild = asChild;
 			if (typeof onTransition !== "undefined") viewProps.onTransition = onTransition;
 		}
 		var animationStyles;
+		var animatedText = isText && (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.nativeTextMetrics) && !splitStyles.nativeTextMetrics.inheritsFontSize ? null : componentContext.animatedText;
 		var shouldUseAnimation = (inputStyle === "css" ? willBeAnimatedClient : willBeAnimated) && useAnimations && !isHOC;
 		var animatedRef;
 		if (shouldUseAnimation) {
+			var _splitStyles_nativeTextMetrics;
 			var useStyleEmitter = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) ? function(listener) {
 				stateRef.current.useStyleListener = listener;
 			} : void 0;
@@ -679,6 +650,7 @@ ${banner}
 			if (splitStyles) splitStyles.effectiveTransition = effectiveTransition;
 			stateRef.current.prevPseudoState = extractPseudoState(state);
 			var animations = useAnimations({
+				inheritedText: (splitStyles === null || splitStyles === void 0 ? void 0 : (_splitStyles_nativeTextMetrics = splitStyles.nativeTextMetrics) === null || _splitStyles_nativeTextMetrics === void 0 ? void 0 : _splitStyles_nativeTextMetrics.inheritsFontSize) ? componentContext.animatedText : null,
 				props: propsWithAnimation,
 				style: isHydrated ? splitStylesStyle || {} : { ...splitStylesStyle },
 				styleState: splitStyles,
@@ -693,6 +665,7 @@ ${banner}
 				onTransition
 			});
 			if (animations) {
+				animatedText = animations.textChannel;
 				if (animations.ref) animatedRef = animations.ref;
 				if (isHydrated && animations) {
 					animationStyles = animations.style;
@@ -716,12 +689,23 @@ ${banner}
 			stateRef.current.hasMeasured = true;
 		});
 		viewProps = ((_hooks_usePropsTransform = hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(hooks, elementType, nonTamaguiProps, stateRef, stateRef.current.willHydrate)) || nonTamaguiProps;
+		stateRef.current.composedForwardedRef = forwardedRef;
 		if (!stateRef.current.composedRef) stateRef.current.composedRef = composeRefs(function(x) {
 			stateRef.current.host = x;
 			updateNativeStyleLink(stateRef.current, x);
-		}, forwardedRef, setElementProps, animatedRef);
+			var current = stateRef.current.composedForwardedRef;
+			stateRef.current.attachedForwardedRef = x ? current : void 0;
+			setRef(current, x);
+		}, setElementProps, animatedRef);
 		viewProps.ref = stateRef.current.composedRef;
 		if (onClick !== void 0 && ((_staticConfig_neverSkipProps = staticConfig.neverSkipProps) === null || _staticConfig_neverSkipProps === void 0 ? void 0 : _staticConfig_neverSkipProps.onClick)) viewProps.onClick = onClick;
+		useIsomorphicLayoutEffect(function() {
+			var attached = stateRef.current.attachedForwardedRef;
+			if (attached === forwardedRef) return;
+			if (attached) setRef(attached, null);
+			stateRef.current.attachedForwardedRef = forwardedRef;
+			if (stateRef.current.host) setRef(forwardedRef, stateRef.current.host);
+		}, [forwardedRef]);
 		usePointerEvents(props, viewProps);
 		if (process.env.NODE_ENV === "development") {
 			if (!isText && isWeb && !isHOC) React.Children.toArray(props.children).forEach(function(item) {
@@ -776,10 +760,7 @@ ${banner}
 		}, [state.unmounted, inputStyle]);
 		useIsomorphicLayoutEffect(function() {
 			return function() {
-				var _stateRef_current_mediaEmitCleanup, _stateRef_current2;
 				componentSetStates.delete(setState);
-				(_stateRef_current_mediaEmitCleanup = (_stateRef_current2 = stateRef.current).mediaEmitCleanup) === null || _stateRef_current_mediaEmitCleanup === void 0 || _stateRef_current_mediaEmitCleanup.call(_stateRef_current2);
-				stateRef.current.mediaEmitCleanup = void 0;
 			};
 		}, []);
 		useIsomorphicLayoutEffect(function() {
@@ -916,6 +897,18 @@ ${banner}
 				}
 			}
 		} : null;
+		useIsomorphicLayoutEffect(function() {
+			var hadPressPlumbing = stateRef.current.hadAttachPress;
+			stateRef.current.hadAttachPress = attachPress;
+			if (hadPressPlumbing && !attachPress && !(pseudoGroups === null || pseudoGroups === void 0 ? void 0 : pseudoGroups.size)) {
+				var _stateRef_current_setStateShallow;
+				var clearPress = (_stateRef_current_setStateShallow = stateRef.current.setStateShallow) !== null && _stateRef_current_setStateShallow !== void 0 ? _stateRef_current_setStateShallow : stateRef.current.baseSetStateShallow;
+				clearPress === null || clearPress === void 0 || clearPress({
+					press: false,
+					pressIn: false
+				});
+			}
+		}, [attachPress, pseudoGroups]);
 		if (events && !asChild) Object.assign(events, {
 			cancelable: !viewProps.rejectResponderTermination,
 			disabled,
@@ -964,12 +957,20 @@ ${banner}
 				}
 			}
 			if (!content) {
+				var _splitStyles_nativeTextMetrics1;
 				if (isRenderPropString && elementType["acceptRenderProp"]) viewProps.render = renderProp;
 				content = /* @__PURE__ */ React.createElement(elementType, viewProps, content || children);
+				if (!shouldUseAnimation && !isHOC && !staticConfig.isDOM && !asChild && (splitStyles === null || splitStyles === void 0 ? void 0 : (_splitStyles_nativeTextMetrics1 = splitStyles.nativeTextMetrics) === null || _splitStyles_nativeTextMetrics1 === void 0 ? void 0 : _splitStyles_nativeTextMetrics1.inheritsFontSize) && componentContext.animatedText && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useTextMetrics)) content = /* @__PURE__ */ jsx(NativeTextBinding, {
+					element: content,
+					useTextMetrics: animationDriver.useTextMetrics,
+					inheritedText: componentContext.animatedText,
+					lineHeight: splitStyles.nativeTextMetrics.lineHeight,
+					isInput: staticConfig.isInput
+				});
 			}
 			if (process.env.NODE_ENV === "development" && time) time`use-children`;
 		}
-		content = wrapWithGestureDetector(content, pressGesture, stateRef, isHOC, !isHOC && Component && typeof Component !== "string", hasRealPressEvents);
+		content = wrapWithGestureDetector(content, pressGesture, stateRef, isHOC, !isHOC && Component && typeof Component !== "string", hasRealPressEvents && !isInsideNativeMenu);
 		var ResetPresence = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.ResetPresence;
 		var needsReset = Boolean(!asChild && splitStyles && !isHOC && ResetPresence && willBeAnimated && (hasEnterStyle || presenceState));
 		var hasEverReset = stateRef.current.hasEverResetPresence;
@@ -979,15 +980,25 @@ ${banner}
 			children: content
 		});
 		if (process.env.NODE_ENV === "development" && time) time`create-element`;
-		if (conditionalStates === null || conditionalStates === void 0 ? void 0 : conditionalStates.has("focus-within")) content = /* @__PURE__ */ jsx(ComponentContext.Provider, {
-			...componentContext,
-			setParentFocusState: setStateShallow,
-			children: content
-		});
 		if (groupName || isContainer) content = /* @__PURE__ */ jsx(GroupContext.Provider, {
 			value: allGroupContexts,
 			children: content
 		});
+		var textMetrics = !staticConfig.isDOM && !isHOC && isText && !(asChild && isTamaguiElement(children)) ? splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.nativeTextMetrics : void 0;
+		var provideText = !!textMetrics && children !== null && typeof children === "object" && (!componentContext.inText || textMetrics.fontSize !== componentContext.parentFontSize || textMetrics.lineHeight !== componentContext.parentLineHeight || animatedText !== componentContext.animatedText);
+		var provideFocus = conditionalStates === null || conditionalStates === void 0 ? void 0 : conditionalStates.has("focus-within");
+		if (provideText || provideFocus) {
+			var _textMetrics_fontSize;
+			content = /* @__PURE__ */ jsx(ComponentContext.Provider, {
+				...componentContext,
+				inText: provideText || componentContext.inText,
+				parentFontSize: (_textMetrics_fontSize = textMetrics === null || textMetrics === void 0 ? void 0 : textMetrics.fontSize) !== null && _textMetrics_fontSize !== void 0 ? _textMetrics_fontSize : componentContext.parentFontSize,
+				parentLineHeight: textMetrics ? textMetrics.lineHeight : componentContext.parentLineHeight,
+				animatedText,
+				setParentFocusState: provideFocus ? setStateShallow : componentContext.setParentFocusState,
+				children: content
+			});
+		}
 		if (process.env.NODE_ENV === "development" && time) time`group-context`;
 		content = disableTheme || !splitStyles ? content : getThemedChildren(themeState, content, themeStateProps, false, stateRef);
 		if (process.env.NODE_ENV === "development" && time) time`themed-children`;
@@ -1001,7 +1012,7 @@ ${banner}
 			});
 		}
 		if (process.env.NODE_ENV === "development" && time) time`context-override`;
-		if (!process.env.TAMAGUI_DID_OUTPUT_CSS && false);
+		if (process.env.TAMAGUI_RUNTIME !== "island" && false);
 		if (process.env.NODE_ENV === "development" && time) time`style-tags`;
 		if (process.env.NODE_ENV === "development") {
 			if (debugProp && debugProp !== "profile") {
@@ -1109,7 +1120,7 @@ var fromPx = function(val) {
 var getCustomRender = function(renderProp, content, viewProps, state) {
 	if (typeof renderProp === "function") renderProp = getRenderElementForPlatform(renderProp(viewProps, state));
 	if (renderProp) {
-		if ((typeof renderProp === "undefined" ? "undefined" : _type_of(renderProp)) === "object" && /* @__PURE__ */ React.isValidElement(renderProp)) {
+		if (typeof renderProp === "object" && /* @__PURE__ */ React.isValidElement(renderProp)) {
 			if (getRenderElementForPlatform(renderProp)) {
 				var elementProps = renderProp.props;
 				var mergedProps = elementProps ? mergeRenderElementProps(elementProps, viewProps, content) : viewProps;