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

package/dist/native.cjs

@@ -33,7 +33,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 //#endregion
 let react = require("react");
 react = __toESM(react, 1);
-let _tamagui_size = require("@tamagui/size");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region \0@oxc-project+runtime@0.144.0/helpers/esm/objectWithoutPropertiesLoose.js
 function _objectWithoutPropertiesLoose(r, e) {
@@ -98,10 +97,13 @@ function isPlainObject(value) {
 var mergeProps = function(defaultProps, props) {
 	var out = {};
 	for (var key in defaultProps) {
-		if (key in props) continue;
+		if (key in props && props[key] !== void 0) continue;
 		out[key] = defaultProps[key];
 	}
-	for (var key1 in props) out[key1] = props[key1];
+	for (var key1 in props) {
+		if (props[key1] === void 0 && key1 in defaultProps) continue;
+		out[key1] = props[key1];
+	}
 	return out;
 };
 var mergeComponentProps = function(defaultProps, contextProps, props) {
@@ -110,15 +112,16 @@ var mergeComponentProps = function(defaultProps, contextProps, props) {
 	if (defaultProps && !contextProps) return [mergeProps(defaultProps, props), overriddenContext];
 	var out = {};
 	for (var key in defaultProps) {
-		if (key in props) continue;
+		if (key in props && props[key] !== void 0) continue;
 		out[key] = defaultProps[key];
 	}
 	for (var key1 in contextProps) {
-		if (key1 in props) continue;
+		if (key1 in props && props[key1] !== void 0) continue;
 		var contextValue = contextProps[key1];
 		if (contextValue !== void 0) out[key1] = contextValue;
 	}
 	for (var key2 in props) {
+		if (props[key2] === void 0 && (defaultProps && key2 in defaultProps || contextProps && key2 in contextProps)) continue;
 		out[key2] = props[key2];
 		if (contextProps && key2 in contextProps) {
 			overriddenContext || (overriddenContext = {});
@@ -210,6 +213,9 @@ var createStyledContext = function(defaultValues) {
 var ComponentContext = createStyledContext({
 	disableSSR: void 0,
 	inText: false,
+	parentFontSize: void 0,
+	parentLineHeight: void 0,
+	animatedText: null,
 	language: null,
 	animationDriver: null,
 	setParentFocusState: null,
@@ -217,6 +223,11 @@ var ComponentContext = createStyledContext({
 }, { keys: [
 	"disableSSR",
 	"inText",
+	...[
+		"parentFontSize",
+		"parentLineHeight",
+		"animatedText"
+	],
 	"language",
 	"animationDriver",
 	"setParentFocusState",
@@ -3593,7 +3604,7 @@ var useCreateElement = (component, props, options) => {
 	}, [styles]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [element, styleTags] });
 };
-var createElement = (component, props, options) => {
+var createElement$1 = (component, props, options) => {
 	const { element, styles } = createElementAndStyles(component, props, options);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [element, styles ? getStyleTags(styles) : null] });
 };
@@ -8354,7 +8365,7 @@ var Image = react.forwardRef((props, ref) => {
 	const imageSizeStyle = resolveAssetDimensions(selectedSource);
 	const backgroundImage = displayImageUri ? `url("${displayImageUri}")` : null;
 	const backgroundSize = getBackgroundSize();
-	const hiddenImage = displayImageUri ? createElement("img", {
+	const hiddenImage = displayImageUri ? createElement$1("img", {
 		alt: accessibilityLabel || "",
 		style: styles$7.accessibilityImage$raw,
 		draggable: draggable || false,
@@ -10353,7 +10364,7 @@ var esm_exports = /* @__PURE__ */ __exportAll({
 	render: () => render,
 	requireNativeComponent: () => requireNativeComponent,
 	unstable_batchedUpdates: () => import_react_dom.unstable_batchedUpdates,
-	unstable_createElement: () => createElement,
+	unstable_createElement: () => createElement$1,
 	useColorScheme: () => useColorScheme,
 	useEvent: () => useEvent$1,
 	useHover: () => useHover,
@@ -13819,6 +13830,13 @@ function expandStyle(key, value) {
 	switch (key) {
 		case "objectFit": return [["resizeMode", resizeModeMap[value] || "cover"]];
 		case "verticalAlign": return [["textAlignVertical", verticalAlignMap[value] || "auto"]];
+		case "direction": return [["direction", value], ["writingDirection", directionMap[value] || "auto"]];
+		case "gap":
+			if (typeof value === "string") {
+				var parts = splitComponents(value);
+				if (parts.length === 2) return [["rowGap", parts[0]], ["columnGap", parts[1]]];
+			}
+			return;
 		case "position":
 			if (value === "fixed" || value === "sticky") return [["position", "absolute"]];
 			return;
@@ -13864,6 +13882,11 @@ var verticalAlignMap = {
 	bottom: "bottom",
 	auto: "auto"
 };
+var directionMap = {
+	ltr: "ltr",
+	rtl: "rtl",
+	inherit: "auto"
+};
 var all = [
 	"Top",
 	"Right",
@@ -14071,7 +14094,6 @@ function getDynamicEnv(styleState) {
 	return styleState.flatDynamicEnv = {
 		fonts,
 		tokens: conf.tokensParsed,
-		sizes: conf.sizes,
 		theme,
 		get fontFamily() {
 			return getVariableValue(styleState.fontFamily || props.fontFamily) || props.fontFamily || getVariableValue(getSetting("defaultFont"));
@@ -14185,15 +14207,76 @@ new Set([
 	"translateX",
 	"translateY"
 ].filter(function(key) {
-	return !stylePropsUnitless[key];
+	return key !== "lineHeight" && !stylePropsUnitless[key];
 }));
 var pxStringRe = /^-?\d*\.?\d+px$/;
 function normalizeValueWithProperty(value) {
-	arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
+	if ((arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "") === "lineHeight") return value;
 	if (typeof value === "string" && pxStringRe.test(value)) return Number.parseFloat(value);
 	return value;
 }
 //#endregion
+//#region ../web/dist/esm/helpers/resolveVariableValue.native.js
+function resolveVariableValue(key, valOrVar, resolveValues) {
+	if (resolveValues === "none" || !isVariable(valOrVar)) return valOrVar;
+	var value;
+	if (resolveValues === "value") value = valOrVar.val;
+	else {
+		var get = valOrVar.get;
+		value = !(key === "shadowColor" || key === "boxShadow" || key === "textShadow" || key === "backgroundImage") && typeof get === "function" ? get(resolveValues === "web" ? "web" : void 0) : valOrVar.val;
+	}
+	return key === "lineHeight" && typeof value === "number" ? `${value}px` : value;
+}
+//#endregion
+//#region ../web/dist/esm/helpers/nativeTextMetrics.native.js
+function resolveTextMetrics(style, lineHeight, parent) {
+	var isStatic = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, apply = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : true;
+	if (isVariable(lineHeight)) lineHeight = resolveVariableValue("lineHeight", lineHeight, "value");
+	var fontSize = typeof style.fontSize === "number" ? style.fontSize : parent === null || parent === void 0 ? void 0 : parent.parentFontSize;
+	var inheritsFontSize = style.fontSize == null && !!(parent === null || parent === void 0 ? void 0 : parent.animatedText);
+	if (apply && style.fontSize == null && fontSize !== void 0 && !inheritsFontSize) style.fontSize = fontSize;
+	var leading;
+	if (lineHeight == null || lineHeight === "inherit" || lineHeight === "unset") leading = parent === null || parent === void 0 ? void 0 : parent.parentLineHeight;
+	else if (lineHeight === "normal" || lineHeight === "initial") leading = "normal";
+	else if (typeof lineHeight === "number") leading = lineHeight;
+	else if (typeof lineHeight === "string") {
+		if (/^(?:\d+\.?\d*|\.\d+)px$/.test(lineHeight)) leading = lineHeight;
+		else if (lineHeight.trim() !== "" && Number.isFinite(+lineHeight)) leading = +lineHeight;
+	}
+	if (typeof leading === "number" && (!Number.isFinite(leading) || leading < 0)) {
+		delete style.lineHeight;
+		return _objectSpread2({ fontSize }, inheritsFontSize && { inheritsFontSize });
+	}
+	if (!apply) return _objectSpread2({
+		fontSize,
+		lineHeight: leading
+	}, inheritsFontSize && { inheritsFontSize });
+	if (typeof leading === "number") {
+		if (fontSize === void 0 && !isStatic && !inheritsFontSize) {
+			fontSize = 14;
+			style.fontSize = fontSize;
+		}
+		if (inheritsFontSize || fontSize === void 0) delete style.lineHeight;
+		else style.lineHeight = fontSize * leading;
+	} else if (leading && leading !== "normal") style.lineHeight = Number.parseFloat(leading);
+	else if (lineHeight != null || leading === "normal") delete style.lineHeight;
+	return _objectSpread2({
+		fontSize,
+		lineHeight: leading
+	}, inheritsFontSize && { inheritsFontSize });
+}
+//#endregion
+//#region ../web/dist/esm/helpers/isTamaguiComponent.native.js
+function isTamaguiComponent(comp) {
+	var config = comp === null || comp === void 0 ? void 0 : comp["staticConfig"];
+	return Boolean(config);
+}
+//#endregion
+//#region ../web/dist/esm/helpers/isTamaguiElement.native.js
+var isTamaguiElement = function(child) {
+	return /* @__PURE__ */ react.default.isValidElement(child) && isTamaguiComponent(child.type);
+};
+//#endregion
 //#region ../web/dist/esm/helpers/parseNativeStyle.native.js
 function parseNativeStyle(key, cssString, tokenMap) {
 	switch (key) {
@@ -14540,23 +14623,10 @@ function resolveNativeUnits(key, value, styleState) {
 	return resolveSingleUnit(trimmed, ctx);
 }
 //#endregion
-//#region ../web/dist/esm/helpers/resolveVariableValue.native.js
-function resolveVariableValue(key, valOrVar, resolveValues) {
-	if (resolveValues === "none") return valOrVar;
-	if (isVariable(valOrVar)) {
-		if (resolveValues === "value") return valOrVar.val;
-		var get = valOrVar === null || valOrVar === void 0 ? void 0 : valOrVar.get;
-		if (!(key === "shadowColor" || key === "boxShadow" || key === "textShadow" || key === "backgroundImage")) {
-			if (typeof get === "function") return get(resolveValues === "web" ? "web" : void 0);
-		}
-		return valOrVar.val;
-	}
-	return valOrVar;
-}
-//#endregion
 //#region ../web/dist/esm/helpers/webPropsToSkip.native.js
-var { textOverflow: __ } = webOnlyStylePropsText, webOnlyStylePropsTextWithoutTextOverflow = _objectWithoutProperties(webOnlyStylePropsText, ["textOverflow"]);
-var webPropsToSkip = _objectSpread2(_objectSpread2(_objectSpread2({}, webOnlyStylePropsView), webOnlyStylePropsTextWithoutTextOverflow), {}, {
+var { textOverflow: _textOverflow } = webOnlyStylePropsText, webOnlyStylePropsTextWithoutTextOverflow = _objectWithoutProperties(webOnlyStylePropsText, ["textOverflow"]);
+var { userSelect: _userSelect } = webOnlyStylePropsView;
+var webPropsToSkip = _objectSpread2(_objectSpread2(_objectSpread2({}, _objectWithoutProperties(webOnlyStylePropsView, ["userSelect"])), webOnlyStylePropsTextWithoutTextOverflow), {}, {
 	onClick: 1,
 	onDoubleClick: 1,
 	onContextMenu: 1,
@@ -15095,11 +15165,12 @@ function contributeProp(pass, keyOg, valOg) {
 	if (!isNativeInputColor && keyInit in skipProps && shouldSkipDirectProps && !(neverSkipProps === null || neverSkipProps === void 0 ? void 0 : neverSkipProps[keyInit])) if (keyInit === "transition" && typeof valInit === "string") return;
 	else return;
 	var isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles);
+	if (keyInit === "userSelect") {
+		viewProps.selectable = valInit !== "none";
+		return;
+	}
 	if (!isValidStyleKeyInit) {
-		if (keyInit === "userSelect") {
-			keyInit = "selectable";
-			valInit = valInit !== "none";
-		} else if (keyInit === "textOverflow") {
+		if (keyInit === "textOverflow") {
 			if (isText && valInit === "ellipsis") {
 				var _viewProps, _viewProps1;
 				var _numberOfLines;
@@ -15387,23 +15458,44 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			}
 		}
 	}
+	var nativeTextMetrics;
+	var _styleState_style2;
 	if (viewProps.tabIndex === 0) {
 		var _viewProps;
 		var _accessible;
 		(_accessible = (_viewProps = viewProps).accessible) !== null && _accessible !== void 0 || (_viewProps.accessible = true);
 	}
-	var style = styleState.style;
-	if (style === null || style === void 0 ? void 0 : style.fontFamily) {
+	if ((isText || isInput || staticConfig.isDOM) && !isHOC && (styleState.nativeLineHeight !== void 0 || ((_styleState_style2 = styleState.style) === null || _styleState_style2 === void 0 ? void 0 : _styleState_style2.fontSize) !== void 0 || (componentContext === null || componentContext === void 0 ? void 0 : componentContext.parentFontSize) !== void 0 || (componentContext === null || componentContext === void 0 ? void 0 : componentContext.parentLineHeight) !== void 0)) {
+		var _parentSplitStyles_nativeTextMetrics;
+		var _styleState2;
+		var style = (_styleState2 = styleState).style || (_styleState2.style = {});
+		var _styleState_nativeLineHeight;
+		var lineHeight = (_styleState_nativeLineHeight = styleState.nativeLineHeight) !== null && _styleState_nativeLineHeight !== void 0 ? _styleState_nativeLineHeight : parentSplitStyles === null || parentSplitStyles === void 0 ? void 0 : (_parentSplitStyles_nativeTextMetrics = parentSplitStyles.nativeTextMetrics) === null || _parentSplitStyles_nativeTextMetrics === void 0 ? void 0 : _parentSplitStyles_nativeTextMetrics.lineHeight;
+		if (typeof lineHeight === "string") {
+			var length = resolveNativeUnits("lineHeight", lineHeight, styleState);
+			if (typeof length === "number") lineHeight = `${length}px`;
+		}
+		nativeTextMetrics = resolveTextMetrics(style, lineHeight, componentContext, styleProps.isStatic, !staticConfig.isDOM && !(processedProps.asChild && isTamaguiElement(processedProps.children)));
+		if (staticConfig.isDOM) viewProps.__textMetrics = nativeTextMetrics;
+		var directText = styleState;
+		var prevTextStyle = directText.flatPrevStyle;
+		if (prevTextStyle && !directText.flatStyleChanged) {
+			var resolvedTextStyle = styleState.style;
+			if (resolvedTextStyle && (resolvedTextStyle.fontSize !== prevTextStyle.fontSize || resolvedTextStyle.lineHeight !== prevTextStyle.lineHeight)) directText.flatStyleChanged = true;
+		}
+	}
+	var style1 = styleState.style;
+	if (style1 === null || style1 === void 0 ? void 0 : style1.fontFamily) {
 		var _getFont;
-		var faceInfo = (_getFont = getFont(style.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
+		var faceInfo = (_getFont = getFont(style1.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
 		if (faceInfo) {
 			var _faceInfo_style_fontWeight_, _faceInfo_style_fontWeight;
-			var overrideFace = (_faceInfo_style_fontWeight = faceInfo[style.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 ? void 0 : (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
+			var overrideFace = (_faceInfo_style_fontWeight = faceInfo[style1.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 ? void 0 : (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style1.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
 			if (overrideFace) {
-				style.fontFamily = overrideFace;
+				style1.fontFamily = overrideFace;
 				styleState.fontFamily = overrideFace;
-				delete style.fontWeight;
-				delete style.fontStyle;
+				delete style1.fontWeight;
+				delete style1.fontStyle;
 			}
 		}
 	}
@@ -15434,6 +15526,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 		mediaGroups,
 		overriddenContextProps: styleState.overriddenContextProps
 	};
+	if (nativeTextMetrics) result.nativeTextMetrics = nativeTextMetrics;
 	if (effectiveTransition != null) result.effectiveTransition = effectiveTransition;
 	if (conditionalStates) result.programStates = conditionalStates;
 	if (usesSafeArea) result.usesSafeArea = true;
@@ -15449,8 +15542,8 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	if (frontendContainerType !== void 0) result.frontendContainerType = frontendContainerType;
 	if (!noMergeStyle) {
 		if (!asChildExceptStyleLike) {
-			var style1 = styleState.style;
-			if (style1) viewProps.style = style1;
+			var style2 = styleState.style;
+			if (style2) viewProps.style = style2;
 		}
 	}
 	return result;
@@ -15533,7 +15626,8 @@ function mergeStyle(styleState, key, val) {
 		addTransformValue(styleState.transformAccumulator, key, val);
 	} else {
 		var out = val;
-		if (typeof out === "string") {
+		if (key === "lineHeight") styleState.nativeLineHeight = typeof out === "number" && isVariable(originalVal) && typeof originalVal.val === "number" ? `${out}px` : out;
+		else if (typeof out === "string") {
 			if (out.includes("cqi") || out.includes("cqw")) {
 				var _styleState2, _styleState3;
 				((_styleState2 = styleState).flatGroupKeys || (_styleState2.flatGroupKeys = /* @__PURE__ */ new Set())).add("@");
@@ -16045,7 +16139,7 @@ function emitResolved(state, property, raw, cursor, originalValue, contextOnly)
 }
 function resolveValue(state, property, raw, nativeColors) {
 	var value = typeof raw === "string" ? configuredValue(state, property, raw, true, nativeColors) : raw;
-	if (typeof value === "string" && value !== "" && true) value = resolveNumericValue(value);
+	if (typeof value === "string" && value !== "" && property !== "lineHeight") value = resolveNumericValue(value);
 	return value;
 }
 function shadowUnit(part) {
@@ -16054,7 +16148,13 @@ function shadowUnit(part) {
 function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
 	var condition = cursor ? cursor[conditionValue] : 0;
 	var grammar = getConfigRevisionState(state.conf);
-	if (isVariable(raw)) raw = resolveVariableValue(property, raw, state.styleProps.resolveValues);
+	if (isVariable(raw)) {
+		raw = resolveVariableValue(property, raw, state.styleProps.resolveValues);
+		if (property === "lineHeight") {
+			emitProperty(state, property, raw, cursor, originalValue, contextOnly);
+			return;
+		}
+	}
 	if (typeof raw === "string" && (property === "transition" || property === "transitionProperty")) raw = grammar.normalizeTransition(raw);
 	if ((property === "borderWidth" || property === "borderTopWidth" || property === "borderRightWidth" || property === "borderBottomWidth" || property === "borderLeftWidth") && state.styleProps.noNormalize !== false) writeStyleRecord(state, "borderStyle", "solid", cursor, originalValue, recordDefault);
 	if (grammar.propertyKind(property) === 5) {
@@ -16143,7 +16243,9 @@ function emitValue(state, property, raw, cursor, originalValue, contextOnly) {
 		emitProperty(state, property, value3, cursor, originalValue, contextOnly);
 		return;
 	}
-	if (typeof raw === "string" && expanded.length > 1) {
+	if (typeof raw === "string" && expanded.length > 1 && expanded.every(function(entry) {
+		return entry[1] === expanded[0][1];
+	})) {
 		var parts1 = splitComponents(raw);
 		if (parts1.length > 0 && parts1.length <= (expanded.length === 4 ? 4 : 2)) {
 			for (var index1 = 0; index1 < expanded.length; index1++) {
@@ -16282,6 +16384,7 @@ function contributeValue(state, property, value, originalValue) {
 }
 function clearDirectStyle(state, property) {
 	var _direct_flatAtomics;
+	if (property === "lineHeight") state.nativeLineHeight = void 0;
 	var direct = state;
 	if (direct.flatDynamicColors) delete direct.flatDynamicColors[property];
 	var propertyKind = getConfigRevisionState(state.conf).propertyKind(property);
@@ -16317,6 +16420,18 @@ function emitVariantStyle(state, key, value, original, condition, disabled) {
 	pass[passParentCursor] = parent;
 }
 //#endregion
+//#region ../web/dist/esm/helpers/NativeTextBinding.native.js
+function NativeTextBinding(param) {
+	var { element, useTextMetrics, inheritedText, lineHeight, isInput } = param;
+	var binding = useTextMetrics({
+		inheritedText,
+		lineHeight
+	});
+	if (!binding.style) return element;
+	var Host = isInput ? binding.TextInput : binding.Text;
+	return /* @__PURE__ */ (0, react.createElement)(Host, _objectSpread2(_objectSpread2({}, element.props), {}, { style: [element.props.style, binding.style] }));
+}
+//#endregion
 //#region ../web/dist/esm/helpers/mergeSlotStyleProps.native.js
 var isEventHandler = /^on[A-Z]/;
 function mergeSlotStyleProps(base, overlay) {
@@ -17227,7 +17342,7 @@ function createComponent(staticConfig) {
 				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);
+				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) {
@@ -17306,9 +17421,11 @@ function createComponent(staticConfig) {
 			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;
@@ -17317,6 +17434,7 @@ function createComponent(staticConfig) {
 			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 || {} : _objectSpread2({}, splitStylesStyle),
 				styleState: splitStyles,
@@ -17331,6 +17449,7 @@ function createComponent(staticConfig) {
 				onTransition
 			});
 			if (animations) {
+				animatedText = animations.textChannel;
 				if (animations.ref) animatedRef = animations.ref;
 				if (isHydrated && animations) {
 					animationStyles = animations.style;
@@ -17561,8 +17680,16 @@ function createComponent(staticConfig) {
 				}
 			}
 			if (!content) {
+				var _splitStyles_nativeTextMetrics1;
 				if (isRenderPropString && elementType["acceptRenderProp"]) viewProps.render = renderProp;
 				content = /* @__PURE__ */ 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, react_jsx_runtime.jsx)(NativeTextBinding, {
+					element: content,
+					useTextMetrics: animationDriver.useTextMetrics,
+					inheritedText: componentContext.animatedText,
+					lineHeight: splitStyles.nativeTextMetrics.lineHeight,
+					isInput: staticConfig.isInput
+				});
 			}
 		}
 		content = wrapWithGestureDetector(content, pressGesture, stateRef, isHOC, !isHOC && Component && typeof Component !== "string", hasRealPressEvents);
@@ -17574,14 +17701,24 @@ function createComponent(staticConfig) {
 			disabled: !needsReset,
 			children: content
 		});
-		if (conditionalStates === null || conditionalStates === void 0 ? void 0 : conditionalStates.has("focus-within")) content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComponentContext.Provider, _objectSpread2(_objectSpread2({}, componentContext), {}, {
-			setParentFocusState: setStateShallow,
-			children: content
-		}));
 		if (groupName || isContainer) content = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(ComponentContext.Provider, _objectSpread2(_objectSpread2({}, 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
+			}));
+		}
 		content = disableTheme || !splitStyles ? content : getThemedChildren(themeState, content, themeStateProps, false, stateRef);
 		if (overriddenContextProps && contextForOverride) {
 			var Provider = contextForOverride.Provider;
@@ -17692,17 +17829,6 @@ var getMutatedAutoVariableCSS = function() {
 	return serializeVariables(mutatedAutoVariables);
 };
 //#endregion
-//#region ../web/dist/esm/helpers/isTamaguiComponent.native.js
-function isTamaguiComponent(comp) {
-	var config = comp === null || comp === void 0 ? void 0 : comp["staticConfig"];
-	return Boolean(config);
-}
-//#endregion
-//#region ../web/dist/esm/helpers/isTamaguiElement.native.js
-var isTamaguiElement = function(child) {
-	return /* @__PURE__ */ react.default.isValidElement(child) && isTamaguiComponent(child.type);
-};
-//#endregion
 //#region ../web/dist/esm/helpers/splitStyleProps.native.js
 function splitStyleProps(props) {
 	var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
@@ -19086,16 +19212,26 @@ var _excluded$1 = [
 	"__tag",
 	"ref"
 ];
-var _excluded2 = ["__inheritedStyles", "onClick"];
-var _excluded3 = ["__inheritedStyles", "onClick"];
+var _excluded2 = [
+	"__inheritedStyles",
+	"__textMetrics",
+	"onClick"
+];
+var _excluded3 = [
+	"__inheritedStyles",
+	"__textMetrics",
+	"onClick"
+];
 var _excluded4 = [
 	"__inheritedStyles",
+	"__textMetrics",
 	"onClick",
 	"onLoad",
 	"onError"
 ];
 var _excluded5 = [
 	"__inheritedStyles",
+	"__textMetrics",
 	"onChange",
 	"onInput",
 	"onKeyDown"
@@ -19334,10 +19470,12 @@ function hasInheritableStyle(style) {
 	}
 	return false;
 }
-function resolveInheritedTextStyle(style, parent) {
+function resolveInheritedTextStyle(style, parent, context, authoredMetrics) {
 	var values = (Array.isArray(style) ? style.flat(Infinity) : [style]).filter(Boolean);
 	var inherited = _objectSpread2({}, parent.style);
-	var lineHeightMultiplier = parent.lineHeightMultiplier;
+	if (context.parentFontSize !== void 0) inherited.fontSize = context.parentFontSize;
+	var lineHeight;
+	var ownsFontSize = false;
 	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 	try {
 		for (var _iterator = values[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
@@ -19352,10 +19490,10 @@ function resolveInheritedTextStyle(style, parent) {
 						if (!(property in parent.style)) inherited[property] = void 0;
 						continue;
 					}
-					if (property === "lineHeight" && typeof next === "number") lineHeightMultiplier = next;
+					if (property === "lineHeight") lineHeight = typeof next === "number" ? `${next}px` : next;
 					else {
+						if (property === "fontSize") ownsFontSize = true;
 						inherited[property] = typeof next === "string" && /^-?(?:\d+\.?\d*|\.\d+)px$/.test(next) ? Number(next.slice(0, -2)) : next;
-						if (property === "lineHeight") lineHeightMultiplier = void 0;
 					}
 				}
 			} catch (err) {
@@ -19379,22 +19517,33 @@ function resolveInheritedTextStyle(style, parent) {
 			if (_didIteratorError) throw _iteratorError;
 		}
 	}
-	if (lineHeightMultiplier !== void 0) inherited.lineHeight = typeof inherited.fontSize === "number" ? lineHeightMultiplier * inherited.fontSize : lineHeightMultiplier;
+	if ((authoredMetrics === null || authoredMetrics === void 0 ? void 0 : authoredMetrics.fontSize) !== void 0 && !authoredMetrics.inheritsFontSize) {
+		inherited.fontSize = authoredMetrics.fontSize;
+		ownsFontSize = true;
+	}
+	if (!ownsFontSize && context.animatedText) delete inherited.fontSize;
 	return {
 		style: inherited,
-		lineHeightMultiplier
+		metrics: resolveTextMetrics(inherited, authoredMetrics ? authoredMetrics.lineHeight : lineHeight, context)
 	};
 }
 function DOMViewWithInheritedStyle(param) {
 	var { props, style } = param;
-	var value = resolveInheritedTextStyle(style, (0, react.useContext)(inheritedTextStyleContext));
-	return (0, react_jsx_runtime.jsx)(inheritedTextStyleContext.Provider, {
-		value,
-		children: renderDOMView(props)
-	});
+	var parent = (0, react.useContext)(inheritedTextStyleContext);
+	var context = (0, react.useContext)(ComponentContext);
+	var value = resolveInheritedTextStyle(style, parent, context, props.__textMetrics);
+	return (0, react_jsx_runtime.jsx)(ComponentContext.Provider, _objectSpread2(_objectSpread2({}, context), {}, {
+		parentFontSize: value.metrics.fontSize,
+		parentLineHeight: value.metrics.lineHeight,
+		animatedText: value.metrics.inheritsFontSize ? context.animatedText : null,
+		children: (0, react_jsx_runtime.jsx)(inheritedTextStyleContext.Provider, {
+			value,
+			children: renderDOMView(props)
+		})
+	}));
 }
 function resolvedDOMView(props) {
-	if (!hasInheritableStyle(props.style) && !hasInheritableStyle(props.__inheritedStyles)) return renderDOMView(props);
+	if (!props.__textMetrics && !hasInheritableStyle(props.style) && !hasInheritableStyle(props.__inheritedStyles)) return renderDOMView(props);
 	return (0, react_jsx_runtime.jsx)(DOMViewWithInheritedStyle, {
 		props,
 		style: [props.style, props.__inheritedStyles]
@@ -19403,24 +19552,50 @@ function resolvedDOMView(props) {
 function DOMTextWithInheritedStyle(param) {
 	var { props } = param;
 	var parent = (0, react.useContext)(inheritedTextStyleContext);
-	var value = resolveInheritedTextStyle([props.style, props.__inheritedStyles], parent);
-	var resolved = _objectSpread2(_objectSpread2({}, props), {}, { style: [props.style, value.style] });
-	return (0, react_jsx_runtime.jsx)(inheritedTextStyleContext.Provider, {
-		value,
-		children: renderDOMText(resolved)
+	var context = (0, react.useContext)(ComponentContext);
+	var value = resolveInheritedTextStyle([props.style, props.__inheritedStyles], parent, context, props.__textMetrics);
+	var content = renderDOMText(_objectSpread2(_objectSpread2({}, props), {}, { style: [props.style, value.style] }));
+	var _context_animationDriver;
+	var driver = context.animatedText && ((_context_animationDriver = context.animationDriver) !== null && _context_animationDriver !== void 0 ? _context_animationDriver : getConfig().animations);
+	if (value.metrics.inheritsFontSize && context.animatedText && (driver === null || driver === void 0 ? void 0 : driver.useTextMetrics)) content = (0, react_jsx_runtime.jsx)(NativeTextBinding, {
+		element: content,
+		useTextMetrics: driver.useTextMetrics,
+		inheritedText: context.animatedText,
+		lineHeight: value.metrics.lineHeight
 	});
+	return (0, react_jsx_runtime.jsx)(ComponentContext.Provider, _objectSpread2(_objectSpread2({}, context), {}, {
+		inText: true,
+		parentFontSize: value.metrics.fontSize,
+		parentLineHeight: value.metrics.lineHeight,
+		animatedText: value.metrics.inheritsFontSize ? context.animatedText : null,
+		children: (0, react_jsx_runtime.jsx)(inheritedTextStyleContext.Provider, {
+			value,
+			children: content
+		})
+	}));
 }
 function resolvedDOMText(props) {
-	return props.__inherit ? (0, react_jsx_runtime.jsx)(DOMTextWithInheritedStyle, { props: resolveDOMMetadata(props) }) : renderDOMText(resolveDOMMetadata(props));
+	return props.__inherit || props.__textMetrics ? (0, react_jsx_runtime.jsx)(DOMTextWithInheritedStyle, { props: resolveDOMMetadata(props) }) : renderDOMText(resolveDOMMetadata(props));
 }
 function DOMTextInputWithInheritedStyle(param) {
 	var { props } = param;
 	var parent = (0, react.useContext)(inheritedTextStyleContext);
-	var inherited = resolveInheritedTextStyle([props.style, props.__inheritedStyles], parent);
-	return renderDOMTextInput(_objectSpread2(_objectSpread2({}, props), {}, { style: [props.style, inherited.style] }));
+	var context = (0, react.useContext)(ComponentContext);
+	var inherited = resolveInheritedTextStyle([props.style, props.__inheritedStyles], parent, context, props.__textMetrics);
+	var resolved = _objectSpread2(_objectSpread2({}, props), {}, { style: [props.style, inherited.style] });
+	var _context_animationDriver;
+	var driver = context.animatedText && ((_context_animationDriver = context.animationDriver) !== null && _context_animationDriver !== void 0 ? _context_animationDriver : getConfig().animations);
+	if (inherited.metrics.inheritsFontSize && context.animatedText && (driver === null || driver === void 0 ? void 0 : driver.useTextMetrics)) return (0, react_jsx_runtime.jsx)(NativeTextBinding, {
+		element: renderDOMTextInput(resolved),
+		useTextMetrics: driver.useTextMetrics,
+		inheritedText: context.animatedText,
+		lineHeight: inherited.metrics.lineHeight,
+		isInput: true
+	});
+	return renderDOMTextInput(resolved);
 }
 function resolvedDOMTextInput(props) {
-	return props.__inherit ? (0, react_jsx_runtime.jsx)(DOMTextInputWithInheritedStyle, { props: resolveDOMMetadata(props) }) : renderDOMTextInput(resolveDOMMetadata(props));
+	return props.__inherit || props.__textMetrics ? (0, react_jsx_runtime.jsx)(DOMTextInputWithInheritedStyle, { props: resolveDOMMetadata(props) }) : renderDOMTextInput(resolveDOMMetadata(props));
 }
 function withViewportRef(render, props) {
 	var { scale } = useViewportScale_DO_NOT_USE();
@@ -19434,8 +19609,8 @@ function DOMViewWithViewportRef(props) {
 	return withViewportRef(resolvedDOMView, props);
 }
 function renderDOMView(resolved) {
-	if (resolved.onClick === void 0 && !("__inheritedStyles" in resolved)) return (0, react_jsx_runtime.jsx)(View$2, resolved);
-	var { __inheritedStyles: _, onClick } = resolved, hostProps = _objectWithoutProperties(resolved, _excluded2);
+	if (resolved.onClick === void 0 && !("__inheritedStyles" in resolved) && !("__textMetrics" in resolved)) return (0, react_jsx_runtime.jsx)(View$2, resolved);
+	var { __inheritedStyles: _, __textMetrics: _metrics, onClick } = resolved, hostProps = _objectWithoutProperties(resolved, _excluded2);
 	if (onClick === void 0) return (0, react_jsx_runtime.jsx)(View$2, hostProps);
 	hostProps.onPress = clickFromPress(onClick);
 	return (0, react_jsx_runtime.jsx)(PressableComponent, hostProps);
@@ -19448,8 +19623,8 @@ function DOMTextWithViewportRef(props) {
 	return withViewportRef(resolvedDOMText, props);
 }
 function renderDOMText(resolved) {
-	if (resolved.onClick === void 0 && !("__inheritedStyles" in resolved)) return (0, react_jsx_runtime.jsx)(Text$2, resolved);
-	var { __inheritedStyles: _, onClick } = resolved, hostProps = _objectWithoutProperties(resolved, _excluded3);
+	if (resolved.onClick === void 0 && !("__inheritedStyles" in resolved) && !("__textMetrics" in resolved)) return (0, react_jsx_runtime.jsx)(Text$2, resolved);
+	var { __inheritedStyles: _, __textMetrics: _metrics, onClick } = resolved, hostProps = _objectWithoutProperties(resolved, _excluded3);
 	if (onClick === void 0) return (0, react_jsx_runtime.jsx)(Text$2, hostProps);
 	hostProps.onPress = clickFromPress(onClick);
 	return (0, react_jsx_runtime.jsx)(Text$2, hostProps);
@@ -19462,8 +19637,8 @@ function DOMImageWithViewportRef(props) {
 	return withViewportRef(renderDOMImage, props);
 }
 function renderDOMImage(resolved) {
-	if (resolved.onClick === void 0 && resolved.onLoad === void 0 && resolved.onError === void 0 && !("__inheritedStyles" in resolved)) return (0, react_jsx_runtime.jsx)(ImageWithStatics, resolved);
-	var { __inheritedStyles: _, onClick, onLoad, onError } = resolved, hostProps = _objectWithoutProperties(resolved, _excluded4);
+	if (resolved.onClick === void 0 && resolved.onLoad === void 0 && resolved.onError === void 0 && !("__inheritedStyles" in resolved) && !("__textMetrics" in resolved)) return (0, react_jsx_runtime.jsx)(ImageWithStatics, resolved);
+	var { __inheritedStyles: _, __textMetrics: _metrics, onClick, onLoad, onError } = resolved, hostProps = _objectWithoutProperties(resolved, _excluded4);
 	if (onClick === void 0 && onLoad === void 0 && onError === void 0) return (0, react_jsx_runtime.jsx)(ImageWithStatics, hostProps);
 	var next = hostProps;
 	if (onClick) next.onPress = clickFromPress(onClick);
@@ -19479,8 +19654,8 @@ function DOMTextInputWithViewportRef(props) {
 	return withViewportRef(resolvedDOMTextInput, props);
 }
 function renderDOMTextInput(resolved) {
-	if (resolved.onChange === void 0 && resolved.onInput === void 0 && resolved.onKeyDown === void 0 && !("__inheritedStyles" in resolved)) return (0, react_jsx_runtime.jsx)(TextInput, resolved);
-	var { __inheritedStyles: _, onChange, onInput, onKeyDown } = resolved, hostProps = _objectWithoutProperties(resolved, _excluded5);
+	if (resolved.onChange === void 0 && resolved.onInput === void 0 && resolved.onKeyDown === void 0 && !("__inheritedStyles" in resolved) && !("__textMetrics" in resolved)) return (0, react_jsx_runtime.jsx)(TextInput, resolved);
+	var { __inheritedStyles: _, __textMetrics: _metrics, onChange, onInput, onKeyDown } = resolved, hostProps = _objectWithoutProperties(resolved, _excluded5);
 	if (onChange === void 0 && onInput === void 0 && onKeyDown === void 0) return (0, react_jsx_runtime.jsx)(TextInput, hostProps);
 	var next = hostProps;
 	var change = textEntryChange(onChange, onInput);
@@ -19488,27 +19663,27 @@ function renderDOMTextInput(resolved) {
 	if (onKeyDown) next.onKeyPress = keyFromKeyPress(onKeyDown);
 	return (0, react_jsx_runtime.jsx)(TextInput, next);
 }
-createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
+createComponent(_objectSpread2(_objectSpread2({ isDOM: true }, viewStaticConfig), {}, {
 	validStyles: _objectSpread2(_objectSpread2({}, viewStaticConfig.validStyles), textStaticConfig.validStyles),
 	neverSkipProps: domEventProps,
 	Component: DOMView,
 	neverFlatten: true,
 	displayName: "DOMRuntimeView"
 }));
-createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
+createComponent(_objectSpread2(_objectSpread2({ isDOM: true }, textStaticConfig), {}, {
 	neverSkipProps: domEventProps,
 	Component: DOMText,
 	neverFlatten: true,
 	displayName: "DOMRuntimeText"
 }));
-createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
+createComponent(_objectSpread2(_objectSpread2({ isDOM: true }, viewStaticConfig), {}, {
 	validStyles: _objectSpread2(_objectSpread2({}, viewStaticConfig.validStyles), textStaticConfig.validStyles),
 	neverSkipProps: domEventProps,
 	Component: DOMImage,
 	neverFlatten: true,
 	displayName: "DOMRuntimeImage"
 }));
-createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
+createComponent(_objectSpread2(_objectSpread2({ isDOM: true }, textStaticConfig), {}, {
 	neverSkipProps: domEventProps,
 	Component: DOMTextInput,
 	neverFlatten: true,
@@ -19763,6 +19938,7 @@ var primitive = function(component) {
 var html = {
 	a: domTag("a", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -19775,6 +19951,7 @@ var html = {
 	}),
 	article: domTag("article", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -19791,6 +19968,7 @@ var html = {
 	})), { wrapsLiteralText: true }),
 	aside: domTag("aside", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -19807,6 +19985,7 @@ var html = {
 	})), { wrapsLiteralText: true }),
 	b: domTag("b", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -19817,6 +19996,7 @@ var html = {
 	})), { inherits: true }),
 	bdi: domTag("bdi", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -19826,6 +20006,7 @@ var html = {
 	})), { inherits: true }),
 	bdo: domTag("bdo", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -19835,6 +20016,7 @@ var html = {
 	})), { inherits: true }),
 	blockquote: domTag("blockquote", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -19851,6 +20033,7 @@ var html = {
 	})), { wrapsLiteralText: true }),
 	br: domTag("br", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -19860,6 +20043,7 @@ var html = {
 	})), { inherits: true }),
 	button: domTag("button", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -19873,6 +20057,7 @@ var html = {
 	}),
 	code: domTag("code", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -19883,6 +20068,7 @@ var html = {
 	})), { inherits: true }),
 	del: domTag("del", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -19893,6 +20079,7 @@ var html = {
 	})), { inherits: true }),
 	div: domTag("div", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -19909,6 +20096,7 @@ var html = {
 	})), { wrapsLiteralText: true }),
 	em: domTag("em", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -19919,6 +20107,7 @@ var html = {
 	})), { inherits: true }),
 	fieldset: domTag("fieldset", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -19935,6 +20124,7 @@ var html = {
 	})), { wrapsLiteralText: true }),
 	footer: domTag("footer", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -19951,6 +20141,7 @@ var html = {
 	})), { wrapsLiteralText: true }),
 	form: domTag("form", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -19967,6 +20158,7 @@ var html = {
 	})), { wrapsLiteralText: true }),
 	h1: domTag("h1", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -19988,6 +20180,7 @@ var html = {
 	}),
 	h2: domTag("h2", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20009,6 +20202,7 @@ var html = {
 	}),
 	h3: domTag("h3", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20030,6 +20224,7 @@ var html = {
 	}),
 	h4: domTag("h4", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20051,6 +20246,7 @@ var html = {
 	}),
 	h5: domTag("h5", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20072,6 +20268,7 @@ var html = {
 	}),
 	h6: domTag("h6", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20093,6 +20290,7 @@ var html = {
 	}),
 	header: domTag("header", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -20112,6 +20310,7 @@ var html = {
 	}),
 	hr: domTag("hr", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -20130,6 +20329,7 @@ var html = {
 	})), { wrapsLiteralText: true }),
 	i: domTag("i", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20140,6 +20340,7 @@ var html = {
 	})), { inherits: true }),
 	img: domTag("img", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMImage),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -20150,6 +20351,7 @@ var html = {
 	}))),
 	input: domTag("input", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMTextInput),
 		isInput: true,
@@ -20164,6 +20366,7 @@ var html = {
 	}),
 	ins: domTag("ins", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20174,6 +20377,7 @@ var html = {
 	})), { inherits: true }),
 	kbd: domTag("kbd", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20184,6 +20388,7 @@ var html = {
 	})), { inherits: true }),
 	label: domTag("label", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20193,6 +20398,7 @@ var html = {
 	})), { inherits: true }),
 	li: domTag("li", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -20212,6 +20418,7 @@ var html = {
 	}),
 	main: domTag("main", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -20228,6 +20435,7 @@ var html = {
 	})), { wrapsLiteralText: true }),
 	mark: domTag("mark", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20239,6 +20447,7 @@ var html = {
 	})), { inherits: true }),
 	nav: domTag("nav", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -20255,6 +20464,7 @@ var html = {
 	})), { wrapsLiteralText: true }),
 	ol: domTag("ol", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -20276,6 +20486,7 @@ var html = {
 	option: unsupportedDOMTag("option", "native has no menu-based select control, so this tag is a native build error"),
 	p: domTag("p", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20292,6 +20503,7 @@ var html = {
 	})), { inherits: true }),
 	pre: domTag("pre", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20309,6 +20521,7 @@ var html = {
 	})), { inherits: true }),
 	s: domTag("s", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20319,6 +20532,7 @@ var html = {
 	})), { inherits: true }),
 	section: domTag("section", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -20336,6 +20550,7 @@ var html = {
 	select: unsupportedDOMTag("select", "native has no menu-based select control, so this tag is a native build error"),
 	span: domTag("span", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20345,6 +20560,7 @@ var html = {
 	})), { inherits: true }),
 	strong: domTag("strong", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20355,6 +20571,7 @@ var html = {
 	})), { inherits: true }),
 	sub: domTag("sub", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20364,6 +20581,7 @@ var html = {
 	})), { inherits: true }),
 	sup: domTag("sup", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20373,6 +20591,7 @@ var html = {
 	})), { inherits: true }),
 	textarea: domTag("textarea", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMTextInput),
 		isInput: true,
@@ -20388,6 +20607,7 @@ var html = {
 	}),
 	u: domTag("u", createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMText),
 		defaultProps: _objectSpread2(_objectSpread2({}, textStaticConfig.defaultProps), {}, {
@@ -20398,6 +20618,7 @@ var html = {
 	})), { inherits: true }),
 	ul: domTag("ul", createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 		validStyles: domValidStyles,
+		isDOM: true,
 		neverSkipProps: domEventProps,
 		Component: primitive(DOMView),
 		defaultProps: _objectSpread2(_objectSpread2({}, viewStaticConfig.defaultProps), {}, {
@@ -21017,12 +21238,6 @@ exports.Configuration = Configuration;
 exports.FontLanguage = FontLanguage;
 exports.GroupContext = GroupContext;
 exports.LayoutMeasurementController = LayoutMeasurementController;
-Object.defineProperty(exports, "SizeContext", {
-	enumerable: true,
-	get: function() {
-		return _tamagui_size.SizeContext;
-	}
-});
 exports.Slot = Slot;
 exports.Slottable = Slottable;
 exports.StyleObjectIdentifier = StyleObjectIdentifier;
@@ -21053,12 +21268,6 @@ exports.createComponent = createComponent;
 exports.createFont = createFont;
 exports.createRefComponent = createRefComponent;
 exports.createShorthands = createShorthands;
-Object.defineProperty(exports, "createSizeContext", {
-	enumerable: true,
-	get: function() {
-		return _tamagui_size.createSizeContext;
-	}
-});
 exports.createStyledContext = createStyledContext;
 exports.createStyledHOC = createStyledHOC;
 exports.createTamagui = createTamagui;
@@ -21131,22 +21340,11 @@ exports.nonAnimatableWebTextProps = nonAnimatableWebTextProps;
 exports.nonAnimatableWebViewProps = nonAnimatableWebViewProps;
 exports.normalizeColor = normalizeColor;
 exports.normalizeStyle = normalizeStyle;
-Object.defineProperty(exports, "oneSizeSmaller", {
-	enumerable: true,
-	get: function() {
-		return _tamagui_size.oneSizeSmaller;
-	}
-});
 exports.px = px;
 exports.registerLayoutNode = registerLayoutNode;
 exports.removeNativeStyleScope = removeNativeStyleScope;
 exports.reservedThemeProps = reservedThemeProps;
-Object.defineProperty(exports, "resolveSize", {
-	enumerable: true,
-	get: function() {
-		return _tamagui_size.resolveSize;
-	}
-});
+exports.resolveTextMetrics = resolveTextMetrics;
 exports.resolveThemeName = resolveThemeName;
 exports.setConfig = setConfig;
 exports.setMediaState = setMediaState;