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

package/dist/cjs/dom/htmlReset.native.cjs

@@ -0,0 +1,28 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var htmlReset_exports = {};
+__export(htmlReset_exports, { htmlResetCSS: () => htmlResetCSS });
+module.exports = __toCommonJS(htmlReset_exports);
+var htmlResetCSS = `:where(.is_DOM) { margin: 0; padding: 0; }
+:where(a.is_DOM, b.is_DOM, bdi.is_DOM, bdo.is_DOM, br.is_DOM, code.is_DOM, del.is_DOM, em.is_DOM, i.is_DOM, img.is_DOM, ins.is_DOM, kbd.is_DOM, label.is_DOM, mark.is_DOM, s.is_DOM, span.is_DOM, strong.is_DOM, sub.is_DOM, sup.is_DOM, u.is_DOM) { text-decoration: none; }
+:where(button.is_DOM, input.is_DOM, select.is_DOM, textarea.is_DOM) { border-style: solid; }`;

package/dist/cjs/dom/htmlReset.native.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var htmlReset_exports = {};
+__export(htmlReset_exports, { htmlResetCSS: () => htmlResetCSS });
+module.exports = __toCommonJS(htmlReset_exports);
+var htmlResetCSS = `:where(.is_DOM) { margin: 0; padding: 0; }
+:where(a.is_DOM, b.is_DOM, bdi.is_DOM, bdo.is_DOM, br.is_DOM, code.is_DOM, del.is_DOM, em.is_DOM, i.is_DOM, img.is_DOM, ins.is_DOM, kbd.is_DOM, label.is_DOM, mark.is_DOM, s.is_DOM, span.is_DOM, strong.is_DOM, sub.is_DOM, sup.is_DOM, u.is_DOM) { text-decoration: none; }
+:where(button.is_DOM, input.is_DOM, select.is_DOM, textarea.is_DOM) { border-style: solid; }`;
+
+//# sourceMappingURL=htmlReset.native.js.map

package/dist/cjs/dom/htmlReset.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlReset.native.js","names":[],"sources":["cjs/dom/htmlReset.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 htmlReset_exports = {};\n__export(htmlReset_exports, {\n  htmlResetCSS: () => htmlResetCSS\n});\nmodule.exports = __toCommonJS(htmlReset_exports);\nvar htmlResetCSS = `:where(.is_DOM) { margin: 0; padding: 0; }\n:where(a.is_DOM, b.is_DOM, bdi.is_DOM, bdo.is_DOM, br.is_DOM, code.is_DOM, del.is_DOM, em.is_DOM, i.is_DOM, img.is_DOM, ins.is_DOM, kbd.is_DOM, label.is_DOM, mark.is_DOM, s.is_DOM, span.is_DOM, strong.is_DOM, sub.is_DOM, sup.is_DOM, u.is_DOM) { text-decoration: none; }\n:where(button.is_DOM, input.is_DOM, select.is_DOM, textarea.is_DOM) { border-style: solid; }`;\n//# sourceMappingURL=htmlReset.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,oBAAoB,CAAC;AACzB,SAAS,mBAAmB,EAC1B,oBAAoB,aACtB,CAAC;AACD,OAAO,UAAU,aAAa,iBAAiB;AAC/C,IAAI,eAAe"}

package/dist/cjs/dom/htmlStaticConfig.cjs

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var htmlStaticConfig_exports = {};
+__export(htmlStaticConfig_exports, {
+	htmlStaticConfig: () => htmlStaticConfig,
+	htmlTextStaticConfig: () => htmlTextStaticConfig
+});
+module.exports = __toCommonJS(htmlStaticConfig_exports);
+var import_helpers = require("@tamagui/helpers");
+var import_Text = require("../views/Text.cjs");
+const htmlStaticConfig = {
+	acceptsClassName: true,
+	isDOM: true,
+	validStyles: import_helpers.validStyles
+};
+const htmlTextStaticConfig = {
+	acceptsClassName: true,
+	isDOM: true,
+	isText: true,
+	inlineProps: import_Text.textStaticConfig.inlineProps,
+	variants: import_Text.textStaticConfig.variants,
+	validStyles: {
+		...import_helpers.validStyles,
+		...import_helpers.stylePropsTextOnly
+	}
+};

package/dist/cjs/dom/htmlStaticConfig.native.cjs

@@ -0,0 +1,46 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var htmlStaticConfig_exports = {};
+__export(htmlStaticConfig_exports, {
+	htmlStaticConfig: () => htmlStaticConfig,
+	htmlTextStaticConfig: () => htmlTextStaticConfig
+});
+module.exports = __toCommonJS(htmlStaticConfig_exports);
+var import_helpers = require("@tamagui/helpers");
+var import_Text = require("../views/Text.native.js");
+var htmlStaticConfig = {
+	acceptsClassName: true,
+	isDOM: true,
+	validStyles: import_helpers.validStyles
+};
+var htmlTextStaticConfig = {
+	acceptsClassName: true,
+	isDOM: true,
+	isText: true,
+	inlineProps: import_Text.textStaticConfig.inlineProps,
+	variants: import_Text.textStaticConfig.variants,
+	validStyles: {
+		...import_helpers.validStyles,
+		...import_helpers.stylePropsTextOnly
+	}
+};

package/dist/cjs/dom/htmlStaticConfig.native.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var htmlStaticConfig_exports = {};
+__export(htmlStaticConfig_exports, {
+	htmlStaticConfig: () => htmlStaticConfig,
+	htmlTextStaticConfig: () => htmlTextStaticConfig
+});
+module.exports = __toCommonJS(htmlStaticConfig_exports);
+var import_helpers = require("@tamagui/helpers");
+var import_Text = require("../views/Text.native.js");
+var htmlStaticConfig = {
+	acceptsClassName: true,
+	isDOM: true,
+	validStyles: import_helpers.validStyles
+};
+var htmlTextStaticConfig = {
+	acceptsClassName: true,
+	isDOM: true,
+	isText: true,
+	inlineProps: import_Text.textStaticConfig.inlineProps,
+	variants: import_Text.textStaticConfig.variants,
+	validStyles: {
+		...import_helpers.validStyles,
+		...import_helpers.stylePropsTextOnly
+	}
+};
+
+//# sourceMappingURL=htmlStaticConfig.native.js.map

package/dist/cjs/dom/htmlStaticConfig.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlStaticConfig.native.js","names":[],"sources":["cjs/dom/htmlStaticConfig.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 htmlStaticConfig_exports = {};\n__export(htmlStaticConfig_exports, {\n  htmlStaticConfig: () => htmlStaticConfig,\n  htmlTextStaticConfig: () => htmlTextStaticConfig\n});\nmodule.exports = __toCommonJS(htmlStaticConfig_exports);\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_Text = require(\"../views/Text\");\nvar htmlStaticConfig = {\n  acceptsClassName: true,\n  isDOM: true,\n  validStyles: import_helpers.validStyles\n};\nvar htmlTextStaticConfig = {\n  acceptsClassName: true,\n  isDOM: true,\n  isText: true,\n  inlineProps: import_Text.textStaticConfig.inlineProps,\n  variants: import_Text.textStaticConfig.variants,\n  validStyles: {\n    ...import_helpers.validStyles,\n    ...import_helpers.stylePropsTextOnly\n  }\n};\n//# sourceMappingURL=htmlStaticConfig.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,4BAA4B;AAC9B,CAAC;AACD,OAAO,UAAU,aAAa,wBAAwB;AACtD,IAAI,iBAAiB,QAAQ,kBAAkB;AAC/C,IAAI,cAAc,QAAQ,yBAAe;AACzC,IAAI,mBAAmB;CACrB,kBAAkB;CAClB,OAAO;CACP,aAAa,eAAe;AAC9B;AACA,IAAI,uBAAuB;CACzB,kBAAkB;CAClB,OAAO;CACP,QAAQ;CACR,aAAa,YAAY,iBAAiB;CAC1C,UAAU,YAAY,iBAAiB;CACvC,aAAa;EACX,GAAG,eAAe;EAClB,GAAG,eAAe;CACpB;AACF"}

package/dist/cjs/dom/primitives.native.cjs

@@ -44,6 +44,10 @@ var import_domEventProps = require("./domEventProps.native.js");
 var import_createComponent = require("../createComponent.native.js");
 var import_Text = require("../views/Text.native.js");
 var import_View = require("../views/View.native.js");
+var import_ComponentContext = require("../contexts/ComponentContext.native.js");
+var import_config = require("../config.native.js");
+var import_NativeTextBinding = require("../helpers/NativeTextBinding.native.js");
+var import_nativeTextMetrics = require("../helpers/nativeTextMetrics.native.js");
 var refCallbacks = /* @__PURE__ */ new WeakMap();
 var refFacades = /* @__PURE__ */ new WeakMap();
 var viewportScaleContext = /* @__PURE__ */ (0, import_react.createContext)({ scale: 1 });
@@ -318,10 +322,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 = { ...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) {
@@ -336,11 +342,11 @@ 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) {
@@ -372,25 +378,35 @@ function resolveInheritedTextStyle(style, parent) {
 			}
 		}
 	}
-	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;
+	var metrics = (0, import_nativeTextMetrics.resolveTextMetrics)(inherited, authoredMetrics ? authoredMetrics.lineHeight : lineHeight, context);
 	return {
 		style: inherited,
-		lineHeightMultiplier
+		metrics
 	};
 }
 function DOMViewWithInheritedStyle(param) {
 	var { props, style } = param;
 	var parent = (0, import_react.useContext)(inheritedTextStyleContext);
-	var value = resolveInheritedTextStyle(style, parent);
-	return (0, import_jsx_runtime.jsx)(inheritedTextStyleContext.Provider, {
-		value,
-		children: renderDOMView(props)
+	var context = (0, import_react.useContext)(import_ComponentContext.ComponentContext);
+	var value = resolveInheritedTextStyle(style, parent, context, props.__textMetrics);
+	return (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
+		...context,
+		parentFontSize: value.metrics.fontSize,
+		parentLineHeight: value.metrics.lineHeight,
+		animatedText: value.metrics.inheritsFontSize ? context.animatedText : null,
+		children: (0, import_jsx_runtime.jsx)(inheritedTextStyleContext.Provider, {
+			value,
+			children: renderDOMView(props)
+		})
 	});
 }
 function resolvedDOMView(props) {
-	if (!hasInheritableStyle(props.style) && !hasInheritableStyle(props.__inheritedStyles)) {
+	if (!props.__textMetrics && !hasInheritableStyle(props.style) && !hasInheritableStyle(props.__inheritedStyles)) {
 		return renderDOMView(props);
 	}
 	return (0, import_jsx_runtime.jsx)(DOMViewWithInheritedStyle, {
@@ -401,31 +417,62 @@ function resolvedDOMView(props) {
 function DOMTextWithInheritedStyle(param) {
 	var { props } = param;
 	var parent = (0, import_react.useContext)(inheritedTextStyleContext);
-	var value = resolveInheritedTextStyle([props.style, props.__inheritedStyles], parent);
+	var context = (0, import_react.useContext)(import_ComponentContext.ComponentContext);
+	var value = resolveInheritedTextStyle([props.style, props.__inheritedStyles], parent, context, props.__textMetrics);
 	var resolved = {
 		...props,
 		style: [props.style, value.style]
 	};
-	return (0, import_jsx_runtime.jsx)(inheritedTextStyleContext.Provider, {
-		value,
-		children: renderDOMText(resolved)
+	var content = renderDOMText(resolved);
+	var _context_animationDriver;
+	var driver = context.animatedText && ((_context_animationDriver = context.animationDriver) !== null && _context_animationDriver !== void 0 ? _context_animationDriver : (0, import_config.getConfig)().animations);
+	if (value.metrics.inheritsFontSize && context.animatedText && (driver === null || driver === void 0 ? void 0 : driver.useTextMetrics)) {
+		content = (0, import_jsx_runtime.jsx)(import_NativeTextBinding.NativeTextBinding, {
+			element: content,
+			useTextMetrics: driver.useTextMetrics,
+			inheritedText: context.animatedText,
+			lineHeight: value.metrics.lineHeight
+		});
+	}
+	return (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
+		...context,
+		inText: true,
+		parentFontSize: value.metrics.fontSize,
+		parentLineHeight: value.metrics.lineHeight,
+		animatedText: value.metrics.inheritsFontSize ? context.animatedText : null,
+		children: (0, import_jsx_runtime.jsx)(inheritedTextStyleContext.Provider, {
+			value,
+			children: content
+		})
 	});
 }
 function resolvedDOMText(props) {
-	return props.__inherit ? (0, import_jsx_runtime.jsx)(DOMTextWithInheritedStyle, { props: resolveDOMMetadata(props) }) : renderDOMText(resolveDOMMetadata(props));
+	return props.__inherit || props.__textMetrics ? (0, import_jsx_runtime.jsx)(DOMTextWithInheritedStyle, { props: resolveDOMMetadata(props) }) : renderDOMText(resolveDOMMetadata(props));
 }
 function DOMTextInputWithInheritedStyle(param) {
 	var { props } = param;
 	var parent = (0, import_react.useContext)(inheritedTextStyleContext);
-	var inherited = resolveInheritedTextStyle([props.style, props.__inheritedStyles], parent);
+	var context = (0, import_react.useContext)(import_ComponentContext.ComponentContext);
+	var inherited = resolveInheritedTextStyle([props.style, props.__inheritedStyles], parent, context, props.__textMetrics);
 	var resolved = {
 		...props,
 		style: [props.style, inherited.style]
 	};
+	var _context_animationDriver;
+	var driver = context.animatedText && ((_context_animationDriver = context.animationDriver) !== null && _context_animationDriver !== void 0 ? _context_animationDriver : (0, import_config.getConfig)().animations);
+	if (inherited.metrics.inheritsFontSize && context.animatedText && (driver === null || driver === void 0 ? void 0 : driver.useTextMetrics)) {
+		return (0, import_jsx_runtime.jsx)(import_NativeTextBinding.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, import_jsx_runtime.jsx)(DOMTextInputWithInheritedStyle, { props: resolveDOMMetadata(props) }) : renderDOMTextInput(resolveDOMMetadata(props));
+	return props.__inherit || props.__textMetrics ? (0, import_jsx_runtime.jsx)(DOMTextInputWithInheritedStyle, { props: resolveDOMMetadata(props) }) : renderDOMTextInput(resolveDOMMetadata(props));
 }
 function withViewportRef(render, props) {
 	var { scale } = useViewportScale_DO_NOT_USE();
@@ -442,7 +489,7 @@ function mergeRuntimeStyles(styles) {
 			merged || (merged = {});
 			for (var property in style) {
 				var value = style[property];
-				if (import_runtime.unitlessNumberProperties.has(property)) {
+				if (property === "lineHeight" || import_runtime.unitlessNumberProperties.has(property)) {
 					merged[property] = value;
 				} else if (typeof value === "number" && Number.isFinite(value)) {
 					merged[property] = `${value}px`;
@@ -477,10 +524,10 @@ function DOMViewWithViewportRef(props) {
 	return withViewportRef(resolvedDOMView, props);
 }
 function renderDOMView(resolved) {
-	if (resolved.onClick === void 0 && !("__inheritedStyles" in resolved)) {
+	if (resolved.onClick === void 0 && !("__inheritedStyles" in resolved) && !("__textMetrics" in resolved)) {
 		return (0, import_jsx_runtime.jsx)(import_react_native.View, resolved);
 	}
-	var { __inheritedStyles: _, onClick, ...hostProps } = resolved;
+	var { __inheritedStyles: _, __textMetrics: _metrics, onClick, ...hostProps } = resolved;
 	if (onClick === void 0) return (0, import_jsx_runtime.jsx)(import_react_native.View, hostProps);
 	hostProps.onPress = (0, import_adapters.clickFromPress)(onClick);
 	return (0, import_jsx_runtime.jsx)(import_react_native.Pressable, hostProps);
@@ -493,10 +540,10 @@ function DOMTextWithViewportRef(props) {
 	return withViewportRef(resolvedDOMText, props);
 }
 function renderDOMText(resolved) {
-	if (resolved.onClick === void 0 && !("__inheritedStyles" in resolved)) {
+	if (resolved.onClick === void 0 && !("__inheritedStyles" in resolved) && !("__textMetrics" in resolved)) {
 		return (0, import_jsx_runtime.jsx)(import_react_native.Text, resolved);
 	}
-	var { __inheritedStyles: _, onClick, ...hostProps } = resolved;
+	var { __inheritedStyles: _, __textMetrics: _metrics, onClick, ...hostProps } = resolved;
 	if (onClick === void 0) return (0, import_jsx_runtime.jsx)(import_react_native.Text, hostProps);
 	hostProps.onPress = (0, import_adapters.clickFromPress)(onClick);
 	return (0, import_jsx_runtime.jsx)(import_react_native.Text, hostProps);
@@ -509,10 +556,10 @@ 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)) {
+	if (resolved.onClick === void 0 && resolved.onLoad === void 0 && resolved.onError === void 0 && !("__inheritedStyles" in resolved) && !("__textMetrics" in resolved)) {
 		return (0, import_jsx_runtime.jsx)(import_react_native.Image, resolved);
 	}
-	var { __inheritedStyles: _, onClick, onLoad, onError, ...hostProps } = resolved;
+	var { __inheritedStyles: _, __textMetrics: _metrics, onClick, onLoad, onError, ...hostProps } = resolved;
 	if (onClick === void 0 && onLoad === void 0 && onError === void 0) {
 		return (0, import_jsx_runtime.jsx)(import_react_native.Image, hostProps);
 	}
@@ -530,10 +577,10 @@ 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)) {
+	if (resolved.onChange === void 0 && resolved.onInput === void 0 && resolved.onKeyDown === void 0 && !("__inheritedStyles" in resolved) && !("__textMetrics" in resolved)) {
 		return (0, import_jsx_runtime.jsx)(import_react_native.TextInput, resolved);
 	}
-	var { __inheritedStyles: _, onChange, onInput, onKeyDown, ...hostProps } = resolved;
+	var { __inheritedStyles: _, __textMetrics: _metrics, onChange, onInput, onKeyDown, ...hostProps } = resolved;
 	if (onChange === void 0 && onInput === void 0 && onKeyDown === void 0) {
 		return (0, import_jsx_runtime.jsx)(import_react_native.TextInput, hostProps);
 	}
@@ -544,6 +591,7 @@ function renderDOMTextInput(resolved) {
 	return (0, import_jsx_runtime.jsx)(import_react_native.TextInput, next);
 }
 var DOMRuntimeViewFrame = (0, import_createComponent.createComponent)({
+	isDOM: true,
 	...import_View.viewStaticConfig,
 	validStyles: {
 		...import_View.viewStaticConfig.validStyles,
@@ -555,6 +603,7 @@ var DOMRuntimeViewFrame = (0, import_createComponent.createComponent)({
 	displayName: "DOMRuntimeView"
 });
 var DOMRuntimeTextFrame = (0, import_createComponent.createComponent)({
+	isDOM: true,
 	...import_Text.textStaticConfig,
 	neverSkipProps: import_domEventProps.domEventProps,
 	Component: DOMText,
@@ -562,6 +611,7 @@ var DOMRuntimeTextFrame = (0, import_createComponent.createComponent)({
 	displayName: "DOMRuntimeText"
 });
 var DOMRuntimeImageFrame = (0, import_createComponent.createComponent)({
+	isDOM: true,
 	...import_View.viewStaticConfig,
 	validStyles: {
 		...import_View.viewStaticConfig.validStyles,
@@ -573,6 +623,7 @@ var DOMRuntimeImageFrame = (0, import_createComponent.createComponent)({
 	displayName: "DOMRuntimeImage"
 });
 var DOMRuntimeTextInputFrame = (0, import_createComponent.createComponent)({
+	isDOM: true,
 	...import_Text.textStaticConfig,
 	neverSkipProps: import_domEventProps.domEventProps,
 	Component: DOMTextInput,