@tamagui/web 3.0.3 → 3.0.4

package/dist/esm/_withNativeStyle.mjs

@@ -1,11 +1,18 @@
 import { setRef } from "@tamagui/compose-refs";
-import React, { useCallback, useContext, useRef, useState } from "react";
+import { isAndroid, isIos } from "@tamagui/constants";
+import { use } from "react";
 import { _withStableStyle } from "./_withStableStyle.mjs";
 import { getNativeStyleEngine, linkNativeStyleMapping, resolveNativeStyleMapping } from "./helpers/nativeStyleEngine.mjs";
 import { ThemeStateContext, getThemeState } from "./hooks/useThemeState.mjs";
+import { hooks } from "./setupHooks.mjs";
 import { jsx } from "react/jsx-runtime";
 
-const _withNativeStyle = (Component, baseStyle, themeStyleKeys) => {
+const hostTextProps = {
+	accessible: isAndroid ? false : isIos ? true : void 0,
+	allowFontScaling: true,
+	ellipsizeMode: "tail"
+};
+const _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {
 	const Fallback = _withStableStyle(Component, (theme) => {
 		const themedStyle = {};
 		for (const styleKey in themeStyleKeys) {
@@ -13,46 +20,84 @@ const _withNativeStyle = (Component, baseStyle, themeStyleKeys) => {
 		}
 		return [baseStyle, themedStyle];
 	}, true, false);
-	const Native = React.memo(function NativeStyleView({ _scopeId, ...props }) {
-		const { ref, _expressions: _ignoredExpressions, ...rest } = props;
-		const link = useRef(null);
-		const [refused, setRefused] = useState(false);
-		const themeState = getThemeState(_scopeId);
-		const stateName = themeState?.name;
-		const theme = themeState?.theme;
-		const hostRef = useCallback((host) => {
-			link.current?.unlink();
-			link.current = null;
-			setRef(ref, host);
-			if (host && stateName && theme) {
-				link.current = linkNativeStyleMapping(host, baseStyle, themeStyleKeys, _scopeId, stateName, theme);
-				if (!link.current) setRefused(true);
-			}
-		}, [
-			ref,
-			_scopeId,
-			stateName,
-			theme
-		]);
-		if (refused) return /* @__PURE__ */ jsx(Fallback, { ...props });
-		const stateStyle = stateName && theme ? resolveNativeStyleMapping(themeStyleKeys, stateName, theme) : void 0;
-		if (process.env.NODE_ENV === "development" && (!stateName || !theme)) {
-			throw new Error(`[@tamagui/core] native fast path cannot resolve theme ${JSON.stringify(stateName)}`);
+	const baseViews = host ? hooks.getBaseViews?.() : void 0;
+	const TextAncestor = baseViews?.TextAncestor;
+	const TextAncestorProvider = TextAncestor?.Provider;
+	const HostText = host === "text" && !("userSelect" in baseStyle) && !("verticalAlign" in baseStyle) ? baseViews?.NativeText : void 0;
+	const hostTextBase = HostText ? {
+		overflow: "hidden",
+		...baseStyle,
+		...typeof baseStyle.fontWeight === "number" && { fontWeight: String(baseStyle.fontWeight) }
+	} : baseStyle;
+	const styles = /* @__PURE__ */ new Map();
+	const hostTextStyles = /* @__PURE__ */ new Map();
+	const ScopeContext = ThemeStateContext;
+	const engineOf = getNativeStyleEngine;
+	const scopeState = getThemeState;
+	const resolve = resolveNativeStyleMapping;
+	const linkMapping = linkNativeStyleMapping;
+	const assignRef = setRef;
+	const render = (props, key) => {
+		const scopeId = use(ScopeContext);
+		const inText = TextAncestor ? use(TextAncestor) : false;
+		const themeState = scopeId && engineOf() ? scopeState(scopeId) : void 0;
+		const resetsText = inText && host === "view";
+		if (!themeState) {
+			return resetsText ? /* @__PURE__ */ jsx(TextAncestorProvider, {
+				value: false,
+				children: /* @__PURE__ */ jsx(Fallback, { ...props })
+			}, key) : /* @__PURE__ */ jsx(Fallback, { ...props }, key);
+		}
+		let rest = props;
+		if (props._expressions !== void 0) {
+			const { _expressions: _ignoredExpressions, ...withoutExpressions } = props;
+			rest = withoutExpressions;
+		}
+		const ref = props.ref;
+		const { name, theme } = themeState;
+		const asHostText = HostText && !inText;
+		const Rendered = asHostText ? HostText : Component;
+		const cache = asHostText ? hostTextStyles : styles;
+		let style = cache.get(scopeId);
+		if (!style) {
+			style = [asHostText ? hostTextBase : baseStyle, null];
+			cache.set(scopeId, style);
 		}
-		return /* @__PURE__ */ jsx(Component, {
-			ref: hostRef,
-			style: [baseStyle, stateStyle],
-			...rest
-		});
-	});
-	return React.memo(function NativeStyleBoundary(props) {
-		const scopeId = useContext(ThemeStateContext);
-		return getNativeStyleEngine() && scopeId ? /* @__PURE__ */ jsx(Native, {
-			...props,
-			_scopeId: scopeId
-		}) : /* @__PURE__ */ jsx(Fallback, { ...props });
-	});
+		style[1] = resolve(themeStyleKeys, name, theme);
+		const wrapped = resetsText || asHostText && mayRenderText(rest.children);
+		const element = /* @__PURE__ */ jsx(Rendered, {
+			...asHostText && hostTextProps,
+			...rest,
+			ref: (node) => {
+				let refCleanup;
+				if (typeof ref === "function") refCleanup = ref(node);
+				else assignRef(ref, node);
+				const link = linkMapping(node, themeStyleKeys, scopeId, name, theme);
+				return () => {
+					link?.unlink();
+					if (typeof refCleanup === "function") refCleanup();
+					else assignRef(ref, null);
+				};
+			},
+			style
+		}, wrapped ? void 0 : key);
+		if (!wrapped) return element;
+		return /* @__PURE__ */ jsx(TextAncestorProvider, {
+			value: !resetsText,
+			children: element
+		}, key);
+	};
+	const NativeStyleView = (props) => render(props);
+	NativeStyleView.inline = (element) => render(element.props, element.key);
+	return NativeStyleView;
 };
+function mayRenderText(children) {
+	if (children == null) return false;
+	if (Array.isArray(children) && children.length <= 3) {
+		return children.some((child) => child != null && typeof child === "object");
+	}
+	return typeof children === "object";
+}
 
 export { _withNativeStyle };
 //# sourceMappingURL=_withNativeStyle.mjs.map

package/dist/esm/_withNativeStyle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"_withNativeStyle.js","names":[],"sources":["esm/_withNativeStyle.js"],"sourcesContent":["import { setRef } from \"@tamagui/compose-refs\";\nimport React, { useCallback, useContext, useRef, useState } from \"react\";\nimport { _withStableStyle } from \"./_withStableStyle\";\nimport {\n  getNativeStyleEngine,\n  linkNativeStyleMapping,\n  resolveNativeStyleMapping\n} from \"./helpers/nativeStyleEngine\";\nimport { getThemeState, ThemeStateContext } from \"./hooks/useThemeState\";\nimport { jsx } from \"react/jsx-runtime\";\nconst _withNativeStyle = (Component, baseStyle, themeStyleKeys) => {\n  const Fallback = _withStableStyle(\n    Component,\n    (theme) => {\n      const themedStyle = {};\n      for (const styleKey in themeStyleKeys) {\n        themedStyle[styleKey] = theme[themeStyleKeys[styleKey]]?.get();\n      }\n      return [baseStyle, themedStyle];\n    },\n    true,\n    false\n  );\n  const Native = React.memo(function NativeStyleView({\n    _scopeId,\n    ...props\n  }) {\n    const { ref, _expressions: _ignoredExpressions, ...rest } = props;\n    const link = useRef(null);\n    const [refused, setRefused] = useState(false);\n    const themeState = getThemeState(_scopeId);\n    const stateName = themeState?.name;\n    const theme = themeState?.theme;\n    const hostRef = useCallback(\n      (host) => {\n        link.current?.unlink();\n        link.current = null;\n        setRef(ref, host);\n        if (host && stateName && theme) {\n          link.current = linkNativeStyleMapping(\n            host,\n            baseStyle,\n            themeStyleKeys,\n            _scopeId,\n            stateName,\n            theme\n          );\n          if (!link.current) setRefused(true);\n        }\n      },\n      [ref, _scopeId, stateName, theme]\n    );\n    if (refused) return /* @__PURE__ */ jsx(Fallback, { ...props });\n    const stateStyle = stateName && theme ? resolveNativeStyleMapping(themeStyleKeys, stateName, theme) : void 0;\n    if (process.env.NODE_ENV === \"development\" && (!stateName || !theme)) {\n      throw new Error(\n        `[@tamagui/core] native fast path cannot resolve theme ${JSON.stringify(stateName)}`\n      );\n    }\n    return /* @__PURE__ */ jsx(Component, { ref: hostRef, style: [baseStyle, stateStyle], ...rest });\n  });\n  return React.memo(function NativeStyleBoundary(props) {\n    const scopeId = useContext(ThemeStateContext);\n    return getNativeStyleEngine() && scopeId ? /* @__PURE__ */ jsx(Native, { ...props, _scopeId: scopeId }) : /* @__PURE__ */ jsx(Fallback, { ...props });\n  });\n};\nexport {\n  _withNativeStyle\n};\n//# sourceMappingURL=_withNativeStyle.js.map\n"],"mappings":";;;;;;;;AAUA,MAAM,oBAAoB,WAAW,WAAW,mBAAmB;CACjE,MAAM,WAAW,iBACf,YACC,UAAU;EACT,MAAM,cAAc,CAAC;EACrB,KAAK,MAAM,YAAY,gBAAgB;GACrC,YAAY,YAAY,MAAM,eAAe,UAAU,EAAE,IAAI;EAC/D;EACA,OAAO,CAAC,WAAW,WAAW;CAChC,GACA,MACA,KACF;CACA,MAAM,SAAS,MAAM,KAAK,SAAS,gBAAgB,EACjD,UACA,GAAG,SACF;EACD,MAAM,EAAE,KAAK,cAAc,qBAAqB,GAAG,SAAS;EAC5D,MAAM,OAAO,OAAO,IAAI;EACxB,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;EAC5C,MAAM,aAAa,cAAc,QAAQ;EACzC,MAAM,YAAY,YAAY;EAC9B,MAAM,QAAQ,YAAY;EAC1B,MAAM,UAAU,aACb,SAAS;GACR,KAAK,SAAS,OAAO;GACrB,KAAK,UAAU;GACf,OAAO,KAAK,IAAI;GAChB,IAAI,QAAQ,aAAa,OAAO;IAC9B,KAAK,UAAU,uBACb,MACA,WACA,gBACA,UACA,WACA,KACF;IACA,IAAI,CAAC,KAAK,SAAS,WAAW,IAAI;GACpC;EACF,GACA;GAAC;GAAK;GAAU;GAAW;EAAK,CAClC;EACA,IAAI,SAAS,OAAuB,oBAAI,UAAU,EAAE,GAAG,MAAM,CAAC;EAC9D,MAAM,aAAa,aAAa,QAAQ,0BAA0B,gBAAgB,WAAW,KAAK,IAAI,KAAK;EAC3G,IAAI,QAAQ,IAAI,aAAa,kBAAkB,CAAC,aAAa,CAAC,QAAQ;GACpE,MAAM,IAAI,MACR,yDAAyD,KAAK,UAAU,SAAS,GACnF;EACF;EACA,OAAuB,oBAAI,WAAW;GAAE,KAAK;GAAS,OAAO,CAAC,WAAW,UAAU;GAAG,GAAG;EAAK,CAAC;CACjG,CAAC;CACD,OAAO,MAAM,KAAK,SAAS,oBAAoB,OAAO;EACpD,MAAM,UAAU,WAAW,iBAAiB;EAC5C,OAAO,qBAAqB,KAAK,UAA0B,oBAAI,QAAQ;GAAE,GAAG;GAAO,UAAU;EAAQ,CAAC,IAAoB,oBAAI,UAAU,EAAE,GAAG,MAAM,CAAC;CACtJ,CAAC;AACH"}
+{"version":3,"file":"_withNativeStyle.js","names":[],"sources":["esm/_withNativeStyle.js"],"sourcesContent":["import { setRef } from \"@tamagui/compose-refs\";\nimport { isAndroid, isIos } from \"@tamagui/constants\";\nimport { use } from \"react\";\nimport { _withStableStyle } from \"./_withStableStyle\";\nimport {\n  getNativeStyleEngine,\n  linkNativeStyleMapping,\n  resolveNativeStyleMapping\n} from \"./helpers/nativeStyleEngine\";\nimport { getThemeState, ThemeStateContext } from \"./hooks/useThemeState\";\nimport { hooks } from \"./setupHooks\";\nimport { jsx } from \"react/jsx-runtime\";\nconst hostTextProps = {\n  accessible: isAndroid ? false : isIos ? true : void 0,\n  allowFontScaling: true,\n  ellipsizeMode: \"tail\"\n};\nconst _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {\n  const Fallback = _withStableStyle(\n    Component,\n    (theme) => {\n      const themedStyle = {};\n      for (const styleKey in themeStyleKeys) {\n        themedStyle[styleKey] = theme[themeStyleKeys[styleKey]]?.get();\n      }\n      return [baseStyle, themedStyle];\n    },\n    true,\n    false\n  );\n  const baseViews = host ? hooks.getBaseViews?.() : void 0;\n  const TextAncestor = baseViews?.TextAncestor;\n  const TextAncestorProvider = TextAncestor?.Provider;\n  const HostText = host === \"text\" && !(\"userSelect\" in baseStyle) && !(\"verticalAlign\" in baseStyle) ? baseViews?.NativeText : void 0;\n  const hostTextBase = HostText ? {\n    overflow: \"hidden\",\n    ...baseStyle,\n    ...typeof baseStyle.fontWeight === \"number\" && {\n      fontWeight: String(baseStyle.fontWeight)\n    }\n  } : baseStyle;\n  const styles = /* @__PURE__ */ new Map();\n  const hostTextStyles = /* @__PURE__ */ new Map();\n  const ScopeContext = ThemeStateContext;\n  const engineOf = getNativeStyleEngine;\n  const scopeState = getThemeState;\n  const resolve = resolveNativeStyleMapping;\n  const linkMapping = linkNativeStyleMapping;\n  const assignRef = setRef;\n  const render = (props, key) => {\n    const scopeId = use(ScopeContext);\n    const inText = TextAncestor ? use(TextAncestor) : false;\n    const themeState = scopeId && engineOf() ? scopeState(scopeId) : void 0;\n    const resetsText = inText && host === \"view\";\n    if (!themeState) {\n      return resetsText ? /* @__PURE__ */ jsx(TextAncestorProvider, { value: false, children: /* @__PURE__ */ jsx(Fallback, { ...props }) }, key) : /* @__PURE__ */ jsx(Fallback, { ...props }, key);\n    }\n    let rest = props;\n    if (props._expressions !== void 0) {\n      const { _expressions: _ignoredExpressions, ...withoutExpressions } = props;\n      rest = withoutExpressions;\n    }\n    const ref = props.ref;\n    const { name, theme } = themeState;\n    const asHostText = HostText && !inText;\n    const Rendered = asHostText ? HostText : Component;\n    const cache = asHostText ? hostTextStyles : styles;\n    let style = cache.get(scopeId);\n    if (!style) {\n      style = [asHostText ? hostTextBase : baseStyle, null];\n      cache.set(scopeId, style);\n    }\n    style[1] = resolve(themeStyleKeys, name, theme);\n    const wrapped = resetsText || asHostText && mayRenderText(rest.children);\n    const element = /* @__PURE__ */ jsx(\n      Rendered,\n      {\n        ...asHostText && hostTextProps,\n        ...rest,\n        ref: (node) => {\n          let refCleanup;\n          if (typeof ref === \"function\") refCleanup = ref(node);\n          else assignRef(ref, node);\n          const link = linkMapping(node, themeStyleKeys, scopeId, name, theme);\n          return () => {\n            link?.unlink();\n            if (typeof refCleanup === \"function\") refCleanup();\n            else assignRef(ref, null);\n          };\n        },\n        style\n      },\n      wrapped ? void 0 : key\n    );\n    if (!wrapped) return element;\n    return /* @__PURE__ */ jsx(TextAncestorProvider, { value: !resetsText, children: element }, key);\n  };\n  const NativeStyleView = (props) => render(props);\n  NativeStyleView.inline = (element) => render(element.props, element.key);\n  return NativeStyleView;\n};\nfunction mayRenderText(children) {\n  if (children == null) return false;\n  if (Array.isArray(children) && children.length <= 3) {\n    return children.some((child) => child != null && typeof child === \"object\");\n  }\n  return typeof children === \"object\";\n}\nexport {\n  _withNativeStyle\n};\n//# sourceMappingURL=_withNativeStyle.js.map\n"],"mappings":"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"}

package/dist/esm/_withNativeStyle.native.js

@@ -1,11 +1,19 @@
 import { jsx } from "react/jsx-runtime";
 import { setRef } from "@tamagui/compose-refs";
-import React, { useCallback, useContext, useRef, useState } from "react";
+import { isAndroid, isIos } from "@tamagui/constants";
+import { use } from "react";
 import { _withStableStyle } from "./_withStableStyle.native.js";
 import { getNativeStyleEngine, linkNativeStyleMapping, resolveNativeStyleMapping } from "./helpers/nativeStyleEngine.native.js";
 import { ThemeStateContext, getThemeState } from "./hooks/useThemeState.native.js";
+import { hooks } from "./setupHooks.native.js";
 
-var _withNativeStyle = function(Component, baseStyle, themeStyleKeys) {
+var hostTextProps = {
+	accessible: isAndroid ? false : isIos ? true : void 0,
+	allowFontScaling: true,
+	ellipsizeMode: "tail"
+};
+var _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
+	var _hooks_getBaseViews;
 	var Fallback = _withStableStyle(Component, function(theme) {
 		var themedStyle = {};
 		for (var styleKey in themeStyleKeys) {
@@ -14,48 +22,90 @@ var _withNativeStyle = function(Component, baseStyle, themeStyleKeys) {
 		}
 		return [baseStyle, themedStyle];
 	}, true, false);
-	var Native = /* @__PURE__ */ React.memo(function NativeStyleView(param) {
-		var { _scopeId, ...props } = param;
-		var { ref, _expressions: _ignoredExpressions, ...rest } = props;
-		var link = useRef(null);
-		var [refused, setRefused] = useState(false);
-		var themeState = getThemeState(_scopeId);
-		var stateName = themeState === null || themeState === void 0 ? void 0 : themeState.name;
-		var theme = themeState === null || themeState === void 0 ? void 0 : themeState.theme;
-		var hostRef = useCallback(function(host) {
-			var _link_current;
-			(_link_current = link.current) === null || _link_current === void 0 ? void 0 : _link_current.unlink();
-			link.current = null;
-			setRef(ref, host);
-			if (host && stateName && theme) {
-				link.current = linkNativeStyleMapping(host, baseStyle, themeStyleKeys, _scopeId, stateName, theme);
-				if (!link.current) setRefused(true);
-			}
-		}, [
-			ref,
-			_scopeId,
-			stateName,
-			theme
-		]);
-		if (refused) return /* @__PURE__ */ jsx(Fallback, { ...props });
-		var stateStyle = stateName && theme ? resolveNativeStyleMapping(themeStyleKeys, stateName, theme) : void 0;
-		if (process.env.NODE_ENV === "development" && (!stateName || !theme)) {
-			throw new Error(`[@tamagui/core] native fast path cannot resolve theme ${JSON.stringify(stateName)}`);
+	var baseViews = host ? (_hooks_getBaseViews = hooks.getBaseViews) === null || _hooks_getBaseViews === void 0 ? void 0 : _hooks_getBaseViews.call(hooks) : void 0;
+	var TextAncestor = baseViews === null || baseViews === void 0 ? void 0 : baseViews.TextAncestor;
+	var TextAncestorProvider = TextAncestor === null || TextAncestor === void 0 ? void 0 : TextAncestor.Provider;
+	var HostText = host === "text" && !("userSelect" in baseStyle) && !("verticalAlign" in baseStyle) ? baseViews === null || baseViews === void 0 ? void 0 : baseViews.NativeText : void 0;
+	var hostTextBase = HostText ? {
+		overflow: "hidden",
+		...baseStyle,
+		...typeof baseStyle.fontWeight === "number" && { fontWeight: String(baseStyle.fontWeight) }
+	} : baseStyle;
+	var styles = /* @__PURE__ */ new Map();
+	var hostTextStyles = /* @__PURE__ */ new Map();
+	var ScopeContext = ThemeStateContext;
+	var engineOf = getNativeStyleEngine;
+	var scopeState = getThemeState;
+	var resolve = resolveNativeStyleMapping;
+	var linkMapping = linkNativeStyleMapping;
+	var assignRef = setRef;
+	var render = function(props, key) {
+		var scopeId = use(ScopeContext);
+		var inText = TextAncestor ? use(TextAncestor) : false;
+		var themeState = scopeId && engineOf() ? scopeState(scopeId) : void 0;
+		var resetsText = inText && host === "view";
+		if (!themeState) {
+			return resetsText ? /* @__PURE__ */ jsx(TextAncestorProvider, {
+				value: false,
+				children: /* @__PURE__ */ jsx(Fallback, { ...props })
+			}, key) : /* @__PURE__ */ jsx(Fallback, { ...props }, key);
 		}
-		return /* @__PURE__ */ jsx(Component, {
-			ref: hostRef,
-			style: [baseStyle, stateStyle],
-			...rest
-		});
-	});
-	return /* @__PURE__ */ React.memo(function NativeStyleBoundary(props) {
-		var scopeId = useContext(ThemeStateContext);
-		return getNativeStyleEngine() && scopeId ? /* @__PURE__ */ jsx(Native, {
-			...props,
-			_scopeId: scopeId
-		}) : /* @__PURE__ */ jsx(Fallback, { ...props });
-	});
+		var rest = props;
+		if (props._expressions !== void 0) {
+			var { _expressions: _ignoredExpressions, ...withoutExpressions } = props;
+			rest = withoutExpressions;
+		}
+		var ref = props.ref;
+		var { name, theme } = themeState;
+		var asHostText = HostText && !inText;
+		var Rendered = asHostText ? HostText : Component;
+		var cache = asHostText ? hostTextStyles : styles;
+		var style = cache.get(scopeId);
+		if (!style) {
+			style = [asHostText ? hostTextBase : baseStyle, null];
+			cache.set(scopeId, style);
+		}
+		style[1] = resolve(themeStyleKeys, name, theme);
+		var wrapped = resetsText || asHostText && mayRenderText(rest.children);
+		var element = /* @__PURE__ */ jsx(Rendered, {
+			...asHostText && hostTextProps,
+			...rest,
+			ref: function(node) {
+				var refCleanup;
+				if (typeof ref === "function") refCleanup = ref(node);
+				else assignRef(ref, node);
+				var link = linkMapping(node, themeStyleKeys, scopeId, name, theme);
+				return function() {
+					link === null || link === void 0 ? void 0 : link.unlink();
+					if (typeof refCleanup === "function") refCleanup();
+					else assignRef(ref, null);
+				};
+			},
+			style
+		}, wrapped ? void 0 : key);
+		if (!wrapped) return element;
+		return /* @__PURE__ */ jsx(TextAncestorProvider, {
+			value: !resetsText,
+			children: element
+		}, key);
+	};
+	var NativeStyleView = function(props) {
+		return render(props);
+	};
+	NativeStyleView.inline = function(element) {
+		return render(element.props, element.key);
+	};
+	return NativeStyleView;
 };
+function mayRenderText(children) {
+	if (children == null) return false;
+	if (Array.isArray(children) && children.length <= 3) {
+		return children.some(function(child) {
+			return child != null && typeof child === "object";
+		});
+	}
+	return typeof children === "object";
+}
 
 export { _withNativeStyle };
 //# sourceMappingURL=_withNativeStyle.native.js.map

package/dist/esm/_withNativeStyle.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"_withNativeStyle.native.js","names":[],"sources":["esm/_withNativeStyle.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { setRef } from \"@tamagui/compose-refs\";\nimport React, { useCallback, useContext, useRef, useState } from \"react\";\nimport { _withStableStyle } from \"./_withStableStyle\";\nimport { getNativeStyleEngine, linkNativeStyleMapping, resolveNativeStyleMapping } from \"./helpers/nativeStyleEngine\";\nimport { getThemeState, ThemeStateContext } from \"./hooks/useThemeState\";\nvar _withNativeStyle = function(Component, baseStyle, themeStyleKeys) {\n  var Fallback = _withStableStyle(Component, function(theme) {\n    var themedStyle = {};\n    for (var styleKey in themeStyleKeys) {\n      var _theme_themeStyleKeys_styleKey;\n      themedStyle[styleKey] = (_theme_themeStyleKeys_styleKey = theme[themeStyleKeys[styleKey]]) === null || _theme_themeStyleKeys_styleKey === void 0 ? void 0 : _theme_themeStyleKeys_styleKey.get();\n    }\n    return [\n      baseStyle,\n      themedStyle\n    ];\n  }, true, false);\n  var Native = /* @__PURE__ */ React.memo(function NativeStyleView(param) {\n    var { _scopeId, ...props } = param;\n    var { ref, _expressions: _ignoredExpressions, ...rest } = props;\n    var link = useRef(null);\n    var [refused, setRefused] = useState(false);\n    var themeState = getThemeState(_scopeId);\n    var stateName = themeState === null || themeState === void 0 ? void 0 : themeState.name;\n    var theme = themeState === null || themeState === void 0 ? void 0 : themeState.theme;\n    var hostRef = useCallback(function(host) {\n      var _link_current;\n      (_link_current = link.current) === null || _link_current === void 0 ? void 0 : _link_current.unlink();\n      link.current = null;\n      setRef(ref, host);\n      if (host && stateName && theme) {\n        link.current = linkNativeStyleMapping(host, baseStyle, themeStyleKeys, _scopeId, stateName, theme);\n        if (!link.current) setRefused(true);\n      }\n    }, [\n      ref,\n      _scopeId,\n      stateName,\n      theme\n    ]);\n    if (refused) return /* @__PURE__ */ _jsx(Fallback, {\n      ...props\n    });\n    var stateStyle = stateName && theme ? resolveNativeStyleMapping(themeStyleKeys, stateName, theme) : void 0;\n    if (process.env.NODE_ENV === \"development\" && (!stateName || !theme)) {\n      throw new Error(`[@tamagui/core] native fast path cannot resolve theme ${JSON.stringify(stateName)}`);\n    }\n    return /* @__PURE__ */ _jsx(Component, {\n      ref: hostRef,\n      style: [\n        baseStyle,\n        stateStyle\n      ],\n      ...rest\n    });\n  });\n  return /* @__PURE__ */ React.memo(function NativeStyleBoundary(props) {\n    var scopeId = useContext(ThemeStateContext);\n    return getNativeStyleEngine() && scopeId ? /* @__PURE__ */ _jsx(Native, {\n      ...props,\n      _scopeId: scopeId\n    }) : /* @__PURE__ */ _jsx(Fallback, {\n      ...props\n    });\n  });\n};\nexport {\n  _withNativeStyle\n};\n//# sourceMappingURL=_withNativeStyle.js.map\n"],"mappings":";;;;;;;;AAMA,IAAI,mBAAmB,SAAS,WAAW,WAAW,gBAAgB;CACpE,IAAI,WAAW,iBAAiB,WAAW,SAAS,OAAO;EACzD,IAAI,cAAc,CAAC;EACnB,KAAK,IAAI,YAAY,gBAAgB;GACnC,IAAI;GACJ,YAAY,aAAa,iCAAiC,MAAM,eAAe,gBAAgB,QAAQ,mCAAmC,KAAK,IAAI,KAAK,IAAI,+BAA+B,IAAI;EACjM;EACA,OAAO,CACL,WACA,WACF;CACF,GAAG,MAAM,KAAK;CACd,IAAI,SAAyB,sBAAM,KAAK,SAAS,gBAAgB,OAAO;EACtE,IAAI,EAAE,UAAU,GAAG,UAAU;EAC7B,IAAI,EAAE,KAAK,cAAc,qBAAqB,GAAG,SAAS;EAC1D,IAAI,OAAO,OAAO,IAAI;EACtB,IAAI,CAAC,SAAS,cAAc,SAAS,KAAK;EAC1C,IAAI,aAAa,cAAc,QAAQ;EACvC,IAAI,YAAY,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW;EACnF,IAAI,QAAQ,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW;EAC/E,IAAI,UAAU,YAAY,SAAS,MAAM;GACvC,IAAI;GACJ,CAAC,gBAAgB,KAAK,aAAa,QAAQ,kBAAkB,KAAK,IAAI,KAAK,IAAI,cAAc,OAAO;GACpG,KAAK,UAAU;GACf,OAAO,KAAK,IAAI;GAChB,IAAI,QAAQ,aAAa,OAAO;IAC9B,KAAK,UAAU,uBAAuB,MAAM,WAAW,gBAAgB,UAAU,WAAW,KAAK;IACjG,IAAI,CAAC,KAAK,SAAS,WAAW,IAAI;GACpC;EACF,GAAG;GACD;GACA;GACA;GACA;EACF,CAAC;EACD,IAAI,SAAS,OAAuB,oBAAK,UAAU,EACjD,GAAG,MACL,CAAC;EACD,IAAI,aAAa,aAAa,QAAQ,0BAA0B,gBAAgB,WAAW,KAAK,IAAI,KAAK;EACzG,IAAI,QAAQ,IAAI,aAAa,kBAAkB,CAAC,aAAa,CAAC,QAAQ;GACpE,MAAM,IAAI,MAAM,yDAAyD,KAAK,UAAU,SAAS,GAAG;EACtG;EACA,OAAuB,oBAAK,WAAW;GACrC,KAAK;GACL,OAAO,CACL,WACA,UACF;GACA,GAAG;EACL,CAAC;CACH,CAAC;CACD,OAAuB,sBAAM,KAAK,SAAS,oBAAoB,OAAO;EACpE,IAAI,UAAU,WAAW,iBAAiB;EAC1C,OAAO,qBAAqB,KAAK,UAA0B,oBAAK,QAAQ;GACtE,GAAG;GACH,UAAU;EACZ,CAAC,IAAoB,oBAAK,UAAU,EAClC,GAAG,MACL,CAAC;CACH,CAAC;AACH"}
+{"version":3,"file":"_withNativeStyle.native.js","names":[],"sources":["esm/_withNativeStyle.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { setRef } from \"@tamagui/compose-refs\";\nimport { isAndroid, isIos } from \"@tamagui/constants\";\nimport React, { use } from \"react\";\nimport { _withStableStyle } from \"./_withStableStyle\";\nimport { getNativeStyleEngine, linkNativeStyleMapping, resolveNativeStyleMapping } from \"./helpers/nativeStyleEngine\";\nimport { getThemeState, ThemeStateContext } from \"./hooks/useThemeState\";\nimport { hooks } from \"./setupHooks\";\nvar hostTextProps = {\n  accessible: isAndroid ? false : isIos ? true : void 0,\n  allowFontScaling: true,\n  ellipsizeMode: \"tail\"\n};\nvar _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {\n  var _hooks_getBaseViews;\n  var Fallback = _withStableStyle(Component, function(theme) {\n    var themedStyle = {};\n    for (var styleKey in themeStyleKeys) {\n      var _theme_themeStyleKeys_styleKey;\n      themedStyle[styleKey] = (_theme_themeStyleKeys_styleKey = theme[themeStyleKeys[styleKey]]) === null || _theme_themeStyleKeys_styleKey === void 0 ? void 0 : _theme_themeStyleKeys_styleKey.get();\n    }\n    return [\n      baseStyle,\n      themedStyle\n    ];\n  }, true, false);\n  var baseViews = host ? (_hooks_getBaseViews = hooks.getBaseViews) === null || _hooks_getBaseViews === void 0 ? void 0 : _hooks_getBaseViews.call(hooks) : void 0;\n  var TextAncestor = baseViews === null || baseViews === void 0 ? void 0 : baseViews.TextAncestor;\n  var TextAncestorProvider = TextAncestor === null || TextAncestor === void 0 ? void 0 : TextAncestor.Provider;\n  var HostText = host === \"text\" && !(\"userSelect\" in baseStyle) && !(\"verticalAlign\" in baseStyle) ? baseViews === null || baseViews === void 0 ? void 0 : baseViews.NativeText : void 0;\n  var hostTextBase = HostText ? {\n    overflow: \"hidden\",\n    ...baseStyle,\n    ...typeof baseStyle.fontWeight === \"number\" && {\n      fontWeight: String(baseStyle.fontWeight)\n    }\n  } : baseStyle;\n  var styles = /* @__PURE__ */ new Map();\n  var hostTextStyles = /* @__PURE__ */ new Map();\n  var ScopeContext = ThemeStateContext;\n  var engineOf = getNativeStyleEngine;\n  var scopeState = getThemeState;\n  var resolve = resolveNativeStyleMapping;\n  var linkMapping = linkNativeStyleMapping;\n  var assignRef = setRef;\n  var render = function(props, key) {\n    var scopeId = use(ScopeContext);\n    var inText = TextAncestor ? use(TextAncestor) : false;\n    var themeState = scopeId && engineOf() ? scopeState(scopeId) : void 0;\n    var resetsText = inText && host === \"view\";\n    if (!themeState) {\n      return resetsText ? /* @__PURE__ */ _jsx(TextAncestorProvider, {\n        value: false,\n        children: /* @__PURE__ */ _jsx(Fallback, {\n          ...props\n        })\n      }, key) : /* @__PURE__ */ _jsx(Fallback, {\n        ...props\n      }, key);\n    }\n    var rest = props;\n    if (props._expressions !== void 0) {\n      var { _expressions: _ignoredExpressions, ...withoutExpressions } = props;\n      rest = withoutExpressions;\n    }\n    var ref = props.ref;\n    var { name, theme } = themeState;\n    var asHostText = HostText && !inText;\n    var Rendered = asHostText ? HostText : Component;\n    var cache = asHostText ? hostTextStyles : styles;\n    var style = cache.get(scopeId);\n    if (!style) {\n      style = [\n        asHostText ? hostTextBase : baseStyle,\n        null\n      ];\n      cache.set(scopeId, style);\n    }\n    style[1] = resolve(themeStyleKeys, name, theme);\n    var wrapped = resetsText || asHostText && mayRenderText(rest.children);\n    var element = /* @__PURE__ */ _jsx(Rendered, {\n      ...asHostText && hostTextProps,\n      ...rest,\n      ref: function(node) {\n        var refCleanup;\n        if (typeof ref === \"function\") refCleanup = ref(node);\n        else assignRef(ref, node);\n        var link = linkMapping(node, themeStyleKeys, scopeId, name, theme);\n        return function() {\n          link === null || link === void 0 ? void 0 : link.unlink();\n          if (typeof refCleanup === \"function\") refCleanup();\n          else assignRef(ref, null);\n        };\n      },\n      style\n    }, wrapped ? void 0 : key);\n    if (!wrapped) return element;\n    return /* @__PURE__ */ _jsx(TextAncestorProvider, {\n      value: !resetsText,\n      children: element\n    }, key);\n  };\n  var NativeStyleView = function(props) {\n    return render(props);\n  };\n  NativeStyleView.inline = function(element) {\n    return render(element.props, element.key);\n  };\n  return NativeStyleView;\n};\nfunction mayRenderText(children) {\n  if (children == null) return false;\n  if (Array.isArray(children) && children.length <= 3) {\n    return children.some(function(child) {\n      return child != null && typeof child === \"object\";\n    });\n  }\n  return typeof children === \"object\";\n}\nexport {\n  _withNativeStyle\n};\n//# sourceMappingURL=_withNativeStyle.js.map\n"],"mappings":"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"}