@tamagui/web 3.0.0-beta.1312.1 → 3.0.0-beta.1341.1

package/dist/cjs/contexts/ComponentContext.cjs

@@ -29,6 +29,7 @@ var import_createStyledContext = require("../helpers/createStyledContext.cjs");
 const componentContextKeys = [
 	"disableSSR",
 	"inText",
+	...[],
 	"language",
 	"animationDriver",
 	"setParentFocusState",

package/dist/cjs/contexts/ComponentContext.native.cjs

@@ -31,6 +31,11 @@ var import_createStyledContext = require("../helpers/createStyledContext.native.
 var componentContextKeys = [
 	"disableSSR",
 	"inText",
+	...[
+		"parentFontSize",
+		"parentLineHeight",
+		"animatedText"
+	],
 	"language",
 	"animationDriver",
 	"setParentFocusState",
@@ -39,6 +44,9 @@ var componentContextKeys = [
 var ComponentContext = (0, import_createStyledContext.createStyledContext)({
 	disableSSR: void 0,
 	inText: false,
+	parentFontSize: void 0,
+	parentLineHeight: void 0,
+	animatedText: null,
 	language: null,
 	animationDriver: null,
 	setParentFocusState: null,

package/dist/cjs/contexts/ComponentContext.native.js

@@ -31,6 +31,11 @@ var import_createStyledContext = require("../helpers/createStyledContext.native.
 var componentContextKeys = [
 	"disableSSR",
 	"inText",
+	...[
+		"parentFontSize",
+		"parentLineHeight",
+		"animatedText"
+	],
 	"language",
 	"animationDriver",
 	"setParentFocusState",
@@ -39,6 +44,9 @@ var componentContextKeys = [
 var ComponentContext = (0, import_createStyledContext.createStyledContext)({
 	disableSSR: void 0,
 	inText: false,
+	parentFontSize: void 0,
+	parentLineHeight: void 0,
+	animatedText: null,
 	language: null,
 	animationDriver: null,
 	setParentFocusState: null,

package/dist/cjs/contexts/ComponentContext.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentContext.native.js","names":[],"sources":["cjs/contexts/ComponentContext.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ComponentContext_exports = {};\n__export(ComponentContext_exports, {\n  ComponentContext: () => ComponentContext,\n  useConfiguration: () => useConfiguration\n});\nmodule.exports = __toCommonJS(ComponentContext_exports);\nvar import_react = require(\"react\");\nvar import_createStyledContext = require(\"../helpers/createStyledContext\");\nvar componentContextKeys = [\n  \"disableSSR\",\n  \"inText\",\n  \"language\",\n  \"animationDriver\",\n  \"setParentFocusState\",\n  \"insets\"\n];\nvar ComponentContext = (0, import_createStyledContext.createStyledContext)({\n  disableSSR: void 0,\n  inText: false,\n  language: null,\n  animationDriver: null,\n  setParentFocusState: null,\n  insets: null\n}, {\n  keys: componentContextKeys\n});\nvar useConfiguration = function() {\n  return (0, import_react.useContext)(ComponentContext);\n};\n//# sourceMappingURL=ComponentContext.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,2BAA2B,CAAC;AAChC,SAAS,0BAA0B;CACjC,wBAAwB;CACxB,wBAAwB;AAC1B,CAAC;AACD,OAAO,UAAU,aAAa,wBAAwB;AACtD,IAAI,eAAe,QAAQ,OAAO;AAClC,IAAI,6BAA6B,QAAQ,0CAAgC;AACzE,IAAI,uBAAuB;CACzB;CACA;CACA;CACA;CACA;CACA;AACF;AACA,IAAI,oBAAoB,GAAG,2BAA2B,oBAAmB,CAAE;CACzE,YAAY,KAAK;CACjB,QAAQ;CACR,UAAU;CACV,iBAAiB;CACjB,qBAAqB;CACrB,QAAQ;AACV,GAAG,EACD,MAAM,qBACR,CAAC;AACD,IAAI,mBAAmB,WAAW;CAChC,QAAQ,GAAG,aAAa,WAAU,CAAE,gBAAgB;AACtD"}
+{"version":3,"file":"ComponentContext.native.js","names":[],"sources":["cjs/contexts/ComponentContext.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ComponentContext_exports = {};\n__export(ComponentContext_exports, {\n\tComponentContext: () => ComponentContext,\n\tuseConfiguration: () => useConfiguration\n});\nmodule.exports = __toCommonJS(ComponentContext_exports);\nvar import_react = require(\"react\");\nvar import_createStyledContext = require(\"../helpers/createStyledContext\");\nvar componentContextKeys = [\n\t\"disableSSR\",\n\t\"inText\",\n\t...[\n\t\t\"parentFontSize\",\n\t\t\"parentLineHeight\",\n\t\t\"animatedText\"\n\t],\n\t\"language\",\n\t\"animationDriver\",\n\t\"setParentFocusState\",\n\t\"insets\"\n];\nvar ComponentContext = (0, import_createStyledContext.createStyledContext)({\n\tdisableSSR: void 0,\n\tinText: false,\n\tparentFontSize: void 0,\n\tparentLineHeight: void 0,\n\tanimatedText: null,\n\tlanguage: null,\n\tanimationDriver: null,\n\tsetParentFocusState: null,\n\tinsets: null\n}, { keys: componentContextKeys });\nvar useConfiguration = function() {\n\treturn (0, import_react.useContext)(ComponentContext);\n};\n//# sourceMappingURL=ComponentContext.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC/B,KAAK,IAAI,QAAQ,KAAK,UAAU,QAAQ,MAAM;EAC7C,KAAK,IAAI;EACT,YAAY;CACb,CAAC;AACF;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC7C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EACnE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GAAG,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ,UAAU,IAAI,KAAK;GAC9G,WAAW,KAAK;GAChB,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAC3D,CAAC;CACF;CACA,OAAO;AACR;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,2BAA2B,CAAC;AAChC,SAAS,0BAA0B;CAClC,wBAAwB;CACxB,wBAAwB;AACzB,CAAC;AACD,OAAO,UAAU,aAAa,wBAAwB;AACtD,IAAI,eAAe,QAAQ,OAAO;AAClC,IAAI,6BAA6B,QAAQ,0CAAgC;AACzE,IAAI,uBAAuB;CAC1B;CACA;CACA,GAAG;EACF;EACA;EACA;CACD;CACA;CACA;CACA;CACA;AACD;AACA,IAAI,oBAAoB,GAAG,2BAA2B,oBAAmB,CAAE;CAC1E,YAAY,KAAK;CACjB,QAAQ;CACR,gBAAgB,KAAK;CACrB,kBAAkB,KAAK;CACvB,cAAc;CACd,UAAU;CACV,iBAAiB;CACjB,qBAAqB;CACrB,QAAQ;AACT,GAAG,EAAE,MAAM,qBAAqB,CAAC;AACjC,IAAI,mBAAmB,WAAW;CACjC,QAAQ,GAAG,aAAa,WAAU,CAAE,gBAAgB;AACrD"}

package/dist/cjs/createComponent.cjs

@@ -45,6 +45,8 @@ var import_defaultComponentState = require("./defaultComponentState.cjs");
 var import_eventHandling = require("./eventHandling.cjs");
 var import_componentDisplayName = require("./helpers/componentDisplayName.cjs");
 var import_getSplitStyles = require("./helpers/getSplitStyles.cjs");
+require("./helpers/isTamaguiElement.cjs");
+require("./helpers/NativeTextBinding.cjs");
 var import_grammarConfig = require("./helpers/grammarConfig.cjs");
 var import_styleStaticConfig = require("./helpers/styleStaticConfig.cjs");
 require("./helpers/nativeStyleEngine.cjs");
@@ -524,7 +526,7 @@ ${banner}
 				const effectiveTransition = nextStyles?.effectiveTransition ?? props.transition ?? (platformPseudo ? "0ms" : void 0);
 				stateRef.current.prevPseudoState = (0, import_extractPseudoState.extractPseudoState)(updatedState);
 				const hasActivePseudo = Boolean(updatedState.hover || updatedState.press || updatedState.pressIn || updatedState.focus || updatedState.focusWithin);
-				useStyleListener(nextStyles?.style || {}, effectiveTransition, hasActivePseudo);
+				useStyleListener(nextStyles?.style || {}, effectiveTransition, hasActivePseudo, void 0);
 			};
 			componentContext.mediaEmitListeners = componentContext.mediaEmitListeners || /* @__PURE__ */ new Set();
 			if (!stateRef.current.mediaEmitCleanup) {

package/dist/cjs/createComponent.native.cjs

@@ -48,6 +48,8 @@ var import_defaultComponentState = require("./defaultComponentState.native.js");
 var import_eventHandling = require("./eventHandling.native.js");
 var import_componentDisplayName = require("./helpers/componentDisplayName.native.js");
 var import_getSplitStyles = require("./helpers/getSplitStyles.native.js");
+var import_isTamaguiElement = require("./helpers/isTamaguiElement.native.js");
+var import_NativeTextBinding = require("./helpers/NativeTextBinding.native.js");
 var import_grammarConfig = require("./helpers/grammarConfig.native.js");
 var import_styleStaticConfig = require("./helpers/styleStaticConfig.native.js");
 var import_nativeStyleEngine = require("./helpers/nativeStyleEngine.native.js");
@@ -589,7 +591,7 @@ ${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 = (0, import_extractPseudoState.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);
+				useStyleListener((nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.style) || {}, effectiveTransition2, hasActivePseudo, nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.nativeTextMetrics);
 			};
 			componentContext.mediaEmitListeners = componentContext.mediaEmitListeners || /* @__PURE__ */ new Set();
 			if (!stateRef.current.mediaEmitCleanup) {
@@ -687,9 +689,11 @@ ${banner}
 			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;
@@ -698,6 +702,7 @@ ${banner}
 			if (splitStyles) splitStyles.effectiveTransition = effectiveTransition;
 			stateRef.current.prevPseudoState = (0, import_extractPseudoState.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,
@@ -712,6 +717,7 @@ ${banner}
 				onTransition
 			});
 			if (animations) {
+				animatedText = animations.textChannel;
 				if (animations.ref) animatedRef = animations.ref;
 				if (isHydrated && animations) {
 					animationStyles = animations.style;
@@ -994,8 +1000,16 @@ ${banner}
 				}
 			}
 			if (!content) {
+				var _splitStyles_nativeTextMetrics1;
 				if (isRenderPropString && elementType["acceptRenderProp"]) viewProps.render = renderProp;
 				content = /* @__PURE__ */ import_react.default.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__ */ (0, import_jsx_runtime.jsx)(import_NativeTextBinding.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`;
 		}
@@ -1010,15 +1024,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__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
-			...componentContext,
-			setParentFocusState: setStateShallow,
-			children: content
-		});
 		if (groupName || isContainer) content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GroupContext.GroupContext.Provider, {
 			value: allGroupContexts,
 			children: content
 		});
+		var textMetrics = !staticConfig.isDOM && !isHOC && isText && !(asChild && (0, import_isTamaguiElement.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__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.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 : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, false, stateRef);
 		if (process.env.NODE_ENV === "development" && time) time`themed-children`;

package/dist/cjs/createComponent.native.js

@@ -48,6 +48,8 @@ var import_defaultComponentState = require("./defaultComponentState.native.js");
 var import_eventHandling = require("./eventHandling.native.js");
 var import_componentDisplayName = require("./helpers/componentDisplayName.native.js");
 var import_getSplitStyles = require("./helpers/getSplitStyles.native.js");
+var import_isTamaguiElement = require("./helpers/isTamaguiElement.native.js");
+var import_NativeTextBinding = require("./helpers/NativeTextBinding.native.js");
 var import_grammarConfig = require("./helpers/grammarConfig.native.js");
 var import_styleStaticConfig = require("./helpers/styleStaticConfig.native.js");
 var import_nativeStyleEngine = require("./helpers/nativeStyleEngine.native.js");
@@ -589,7 +591,7 @@ ${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 = (0, import_extractPseudoState.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);
+				useStyleListener((nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.style) || {}, effectiveTransition2, hasActivePseudo, nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.nativeTextMetrics);
 			};
 			componentContext.mediaEmitListeners = componentContext.mediaEmitListeners || /* @__PURE__ */ new Set();
 			if (!stateRef.current.mediaEmitCleanup) {
@@ -687,9 +689,11 @@ ${banner}
 			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;
@@ -698,6 +702,7 @@ ${banner}
 			if (splitStyles) splitStyles.effectiveTransition = effectiveTransition;
 			stateRef.current.prevPseudoState = (0, import_extractPseudoState.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,
@@ -712,6 +717,7 @@ ${banner}
 				onTransition
 			});
 			if (animations) {
+				animatedText = animations.textChannel;
 				if (animations.ref) animatedRef = animations.ref;
 				if (isHydrated && animations) {
 					animationStyles = animations.style;
@@ -994,8 +1000,16 @@ ${banner}
 				}
 			}
 			if (!content) {
+				var _splitStyles_nativeTextMetrics1;
 				if (isRenderPropString && elementType["acceptRenderProp"]) viewProps.render = renderProp;
 				content = /* @__PURE__ */ import_react.default.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__ */ (0, import_jsx_runtime.jsx)(import_NativeTextBinding.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`;
 		}
@@ -1010,15 +1024,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__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
-			...componentContext,
-			setParentFocusState: setStateShallow,
-			children: content
-		});
 		if (groupName || isContainer) content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GroupContext.GroupContext.Provider, {
 			value: allGroupContexts,
 			children: content
 		});
+		var textMetrics = !staticConfig.isDOM && !isHOC && isText && !(asChild && (0, import_isTamaguiElement.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__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.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 : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, false, stateRef);
 		if (process.env.NODE_ENV === "development" && time) time`themed-children`;