@tamagui/web 3.0.9 → 3.0.11

package/dist/cjs/_withNativeStyle.cjs

@@ -60,7 +60,9 @@ const _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {
 			theme: null,
 			state: null,
 			ref: (node) => {
-				if (node) linkHost(node, entry.state);
+				if (!node) return;
+				captureRoot(node);
+				linkHost(node, entry.state);
 			}
 		};
 		return entry;
@@ -71,6 +73,9 @@ const _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {
 	const resolve = import_nativeStyleEngine.resolveNativeStyleMapping;
 	const linkState = import_nativeStyleEngine.createNativeStyleLinkState;
 	const linkHost = import_nativeStyleEngine.linkNativeStyleHost;
+	const registerStyle = import_nativeStyleEngine.registerNativeStyle;
+	const mountMode = import_nativeStyleEngine.nativeStyleMountMode;
+	const captureRoot = import_nativeStyleEngine.captureNativeStyleRoot;
 	const assignRef = import_compose_refs.setRef;
 	const render = (props, key) => {
 		const scopeId = (0, import_react.use)(ScopeContext);
@@ -104,20 +109,24 @@ const _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {
 			entry.stateName = name;
 			entry.theme = theme;
 			entry.state = linkState(themeStyleKeys, scopeId, name, theme);
+			registerStyle(entry.style, entry.state);
+			registerStyle(entry.hostTextStyle, entry.state);
 		}
 		const style = asHostText ? entry.hostTextStyle : entry.style;
 		const wrapped = resetsText || asHostText && mayRenderText(rest.children);
 		const state = entry.state;
-		const hostRef = ref == null ? entry.ref : (node) => {
+		const discover = mountMode() === "discover";
+		const passedRef = discover ? ref ?? null : ref == null ? entry.ref : (node) => {
 			if (!node) return assignRef(ref, null);
+			captureRoot(node);
 			linkHost(node, state);
 			if (typeof ref === "function") return ref(node);
 			assignRef(ref, node);
 		};
 		const element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Rendered, {
 			...asHostText && hostTextProps,
-			...rest,
-			ref: hostRef,
+			...passedRef == null ? omitRef(rest) : rest,
+			...passedRef != null ? { ref: passedRef } : null,
 			style
 		}, wrapped ? void 0 : key);
 		if (!wrapped) return element;
@@ -130,6 +139,11 @@ const _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {
 	NativeStyleView.inline = (element) => render(element.props, element.key);
 	return NativeStyleView;
 };
+function omitRef(props) {
+	if (!Object.prototype.hasOwnProperty.call(props, "ref")) return props;
+	const { ref: _ref, ...rest } = props;
+	return rest;
+}
 function mayRenderText(children) {
 	if (children == null) return false;
 	if (Array.isArray(children) && children.length <= 3) {

package/dist/cjs/_withNativeStyle.native.cjs

@@ -70,7 +70,9 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 			theme: null,
 			state: null,
 			ref: function ref(node) {
-				if (node) linkHost(node, entry.state);
+				if (!node) return;
+				captureRoot(node);
+				linkHost(node, entry.state);
 			}
 		};
 		return entry;
@@ -81,6 +83,9 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 	var resolve = import_nativeStyleEngine.resolveNativeStyleMapping;
 	var linkState = import_nativeStyleEngine.createNativeStyleLinkState;
 	var linkHost = import_nativeStyleEngine.linkNativeStyleHost;
+	var registerStyle = import_nativeStyleEngine.registerNativeStyle;
+	var mountMode = import_nativeStyleEngine.nativeStyleMountMode;
+	var captureRoot = import_nativeStyleEngine.captureNativeStyleRoot;
 	var assignRef = import_compose_refs.setRef;
 	var render = function render2(props, key) {
 		var scopeId = (0, import_react.use)(ScopeContext);
@@ -114,20 +119,24 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 			entry.stateName = name;
 			entry.theme = theme;
 			entry.state = linkState(themeStyleKeys, scopeId, name, theme);
+			registerStyle(entry.style, entry.state);
+			registerStyle(entry.hostTextStyle, entry.state);
 		}
 		var style = asHostText ? entry.hostTextStyle : entry.style;
 		var wrapped = resetsText || asHostText && mayRenderText(rest.children);
 		var state = entry.state;
-		var hostRef = ref == null ? entry.ref : function(node) {
+		var discover = mountMode() === "discover";
+		var passedRef = discover ? ref !== null && ref !== void 0 ? ref : null : ref == null ? entry.ref : function(node) {
 			if (!node) return assignRef(ref, null);
+			captureRoot(node);
 			linkHost(node, state);
 			if (typeof ref === "function") return ref(node);
 			assignRef(ref, node);
 		};
 		var element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Rendered, {
 			...asHostText && hostTextProps,
-			...rest,
-			ref: hostRef,
+			...passedRef == null ? omitRef(rest) : rest,
+			...passedRef != null ? { ref: passedRef } : null,
 			style
 		}, wrapped ? void 0 : key);
 		if (!wrapped) return element;
@@ -144,6 +153,11 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 	};
 	return NativeStyleView;
 };
+function omitRef(props) {
+	if (!Object.prototype.hasOwnProperty.call(props, "ref")) return props;
+	var { ref: _ref, ...rest } = props;
+	return rest;
+}
 function mayRenderText(children) {
 	if (children == null) return false;
 	if (Array.isArray(children) && children.length <= 3) {

package/dist/cjs/_withNativeStyle.native.js

@@ -70,7 +70,9 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 			theme: null,
 			state: null,
 			ref: function ref(node) {
-				if (node) linkHost(node, entry.state);
+				if (!node) return;
+				captureRoot(node);
+				linkHost(node, entry.state);
 			}
 		};
 		return entry;
@@ -81,6 +83,9 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 	var resolve = import_nativeStyleEngine.resolveNativeStyleMapping;
 	var linkState = import_nativeStyleEngine.createNativeStyleLinkState;
 	var linkHost = import_nativeStyleEngine.linkNativeStyleHost;
+	var registerStyle = import_nativeStyleEngine.registerNativeStyle;
+	var mountMode = import_nativeStyleEngine.nativeStyleMountMode;
+	var captureRoot = import_nativeStyleEngine.captureNativeStyleRoot;
 	var assignRef = import_compose_refs.setRef;
 	var render = function render2(props, key) {
 		var scopeId = (0, import_react.use)(ScopeContext);
@@ -114,20 +119,24 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 			entry.stateName = name;
 			entry.theme = theme;
 			entry.state = linkState(themeStyleKeys, scopeId, name, theme);
+			registerStyle(entry.style, entry.state);
+			registerStyle(entry.hostTextStyle, entry.state);
 		}
 		var style = asHostText ? entry.hostTextStyle : entry.style;
 		var wrapped = resetsText || asHostText && mayRenderText(rest.children);
 		var state = entry.state;
-		var hostRef = ref == null ? entry.ref : function(node) {
+		var discover = mountMode() === "discover";
+		var passedRef = discover ? ref !== null && ref !== void 0 ? ref : null : ref == null ? entry.ref : function(node) {
 			if (!node) return assignRef(ref, null);
+			captureRoot(node);
 			linkHost(node, state);
 			if (typeof ref === "function") return ref(node);
 			assignRef(ref, node);
 		};
 		var element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Rendered, {
 			...asHostText && hostTextProps,
-			...rest,
-			ref: hostRef,
+			...passedRef == null ? omitRef(rest) : rest,
+			...passedRef != null ? { ref: passedRef } : null,
 			style
 		}, wrapped ? void 0 : key);
 		if (!wrapped) return element;
@@ -144,6 +153,11 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 	};
 	return NativeStyleView;
 };
+function omitRef(props) {
+	if (!Object.prototype.hasOwnProperty.call(props, "ref")) return props;
+	var { ref: _ref, ...rest } = props;
+	return rest;
+}
 function mayRenderText(children) {
 	if (children == null) return false;
 	if (Array.isArray(children) && children.length <= 3) {

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

@@ -1 +1 @@
-{"version":3,"file":"_withNativeStyle.native.js","names":[],"sources":["cjs/_withNativeStyle.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar withNativeStyle_exports = {};\n__export(withNativeStyle_exports, {\n  _withNativeStyle: () => _withNativeStyle\n});\nmodule.exports = __toCommonJS(withNativeStyle_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_withStableStyle = require(\"./_withStableStyle\");\nvar import_nativeStyleEngine = require(\"./helpers/nativeStyleEngine\");\nvar import_useThemeState = require(\"./hooks/useThemeState\");\nvar import_setupHooks = require(\"./setupHooks\");\nvar hostTextProps = {\n  accessible: import_constants.isAndroid ? false : import_constants.isIos ? true : void 0,\n  allowFontScaling: true,\n  ellipsizeMode: \"tail\"\n};\nvar _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeStyleKeys, host) {\n  var _hooks_getBaseViews;\n  var Fallback = (0, import_withStableStyle._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 = import_setupHooks.hooks.getBaseViews) === null || _hooks_getBaseViews === void 0 ? void 0 : _hooks_getBaseViews.call(import_setupHooks.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 entries = /* @__PURE__ */ new Map();\n  var createEntry = function createEntry2() {\n    var entry = {\n      style: [\n        baseStyle,\n        null\n      ],\n      hostTextStyle: [\n        hostTextBase,\n        null\n      ],\n      stateName: \"\",\n      theme: null,\n      state: null,\n      ref: function ref(node) {\n        if (node) linkHost(node, entry.state);\n      }\n    };\n    return entry;\n  };\n  var ScopeContext = import_useThemeState.ThemeStateContext;\n  var engineOf = import_nativeStyleEngine.getNativeStyleEngine;\n  var scopeState = import_useThemeState.getThemeState;\n  var resolve = import_nativeStyleEngine.resolveNativeStyleMapping;\n  var linkState = import_nativeStyleEngine.createNativeStyleLinkState;\n  var linkHost = import_nativeStyleEngine.linkNativeStyleHost;\n  var assignRef = import_compose_refs.setRef;\n  var render = function render2(props, key) {\n    var scopeId = (0, import_react.use)(ScopeContext);\n    var inText = TextAncestor ? (0, import_react.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__ */ (0, import_jsx_runtime.jsx)(TextAncestorProvider, {\n        value: false,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fallback, {\n          ...props\n        })\n      }, key) : /* @__PURE__ */ (0, import_jsx_runtime.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 entry = entries.get(scopeId);\n    if (!entry) {\n      entry = createEntry();\n      entries.set(scopeId, entry);\n    }\n    if (entry.stateName !== name || entry.theme !== theme) {\n      var themed = resolve(themeStyleKeys, name, theme);\n      entry.style = [\n        baseStyle,\n        themed\n      ];\n      entry.hostTextStyle = [\n        hostTextBase,\n        themed\n      ];\n      entry.stateName = name;\n      entry.theme = theme;\n      entry.state = linkState(themeStyleKeys, scopeId, name, theme);\n    }\n    var style = asHostText ? entry.hostTextStyle : entry.style;\n    var wrapped = resetsText || asHostText && mayRenderText(rest.children);\n    var state = entry.state;\n    var hostRef = ref == null ? entry.ref : function(node) {\n      if (!node) return assignRef(ref, null);\n      linkHost(node, state);\n      if (typeof ref === \"function\") return ref(node);\n      assignRef(ref, node);\n    };\n    var element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Rendered, {\n      ...asHostText && hostTextProps,\n      ...rest,\n      ref: hostRef,\n      style\n    }, wrapped ? void 0 : key);\n    if (!wrapped) return element;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAncestorProvider, {\n      value: !resetsText,\n      children: element\n    }, key);\n  };\n  var NativeStyleView = function NativeStyleView2(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}\n//# sourceMappingURL=_withNativeStyle.js.map\n"],"mappings":"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"}
+{"version":3,"file":"_withNativeStyle.native.js","names":[],"sources":["cjs/_withNativeStyle.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar withNativeStyle_exports = {};\n__export(withNativeStyle_exports, {\n  _withNativeStyle: () => _withNativeStyle\n});\nmodule.exports = __toCommonJS(withNativeStyle_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_withStableStyle = require(\"./_withStableStyle\");\nvar import_nativeStyleEngine = require(\"./helpers/nativeStyleEngine\");\nvar import_useThemeState = require(\"./hooks/useThemeState\");\nvar import_setupHooks = require(\"./setupHooks\");\nvar hostTextProps = {\n  accessible: import_constants.isAndroid ? false : import_constants.isIos ? true : void 0,\n  allowFontScaling: true,\n  ellipsizeMode: \"tail\"\n};\nvar _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeStyleKeys, host) {\n  var _hooks_getBaseViews;\n  var Fallback = (0, import_withStableStyle._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 = import_setupHooks.hooks.getBaseViews) === null || _hooks_getBaseViews === void 0 ? void 0 : _hooks_getBaseViews.call(import_setupHooks.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 entries = /* @__PURE__ */ new Map();\n  var createEntry = function createEntry2() {\n    var entry = {\n      style: [\n        baseStyle,\n        null\n      ],\n      hostTextStyle: [\n        hostTextBase,\n        null\n      ],\n      stateName: \"\",\n      theme: null,\n      state: null,\n      ref: function ref(node) {\n        if (!node) return;\n        captureRoot(node);\n        linkHost(node, entry.state);\n      }\n    };\n    return entry;\n  };\n  var ScopeContext = import_useThemeState.ThemeStateContext;\n  var engineOf = import_nativeStyleEngine.getNativeStyleEngine;\n  var scopeState = import_useThemeState.getThemeState;\n  var resolve = import_nativeStyleEngine.resolveNativeStyleMapping;\n  var linkState = import_nativeStyleEngine.createNativeStyleLinkState;\n  var linkHost = import_nativeStyleEngine.linkNativeStyleHost;\n  var registerStyle = import_nativeStyleEngine.registerNativeStyle;\n  var mountMode = import_nativeStyleEngine.nativeStyleMountMode;\n  var captureRoot = import_nativeStyleEngine.captureNativeStyleRoot;\n  var assignRef = import_compose_refs.setRef;\n  var render = function render2(props, key) {\n    var scopeId = (0, import_react.use)(ScopeContext);\n    var inText = TextAncestor ? (0, import_react.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__ */ (0, import_jsx_runtime.jsx)(TextAncestorProvider, {\n        value: false,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fallback, {\n          ...props\n        })\n      }, key) : /* @__PURE__ */ (0, import_jsx_runtime.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 entry = entries.get(scopeId);\n    if (!entry) {\n      entry = createEntry();\n      entries.set(scopeId, entry);\n    }\n    if (entry.stateName !== name || entry.theme !== theme) {\n      var themed = resolve(themeStyleKeys, name, theme);\n      entry.style = [\n        baseStyle,\n        themed\n      ];\n      entry.hostTextStyle = [\n        hostTextBase,\n        themed\n      ];\n      entry.stateName = name;\n      entry.theme = theme;\n      entry.state = linkState(themeStyleKeys, scopeId, name, theme);\n      registerStyle(entry.style, entry.state);\n      registerStyle(entry.hostTextStyle, entry.state);\n    }\n    var style = asHostText ? entry.hostTextStyle : entry.style;\n    var wrapped = resetsText || asHostText && mayRenderText(rest.children);\n    var state = entry.state;\n    var discover = mountMode() === \"discover\";\n    var passedRef = discover ? ref !== null && ref !== void 0 ? ref : null : ref == null ? entry.ref : function(node) {\n      if (!node) return assignRef(ref, null);\n      captureRoot(node);\n      linkHost(node, state);\n      if (typeof ref === \"function\") return ref(node);\n      assignRef(ref, node);\n    };\n    var element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Rendered, {\n      ...asHostText && hostTextProps,\n      ...passedRef == null ? omitRef(rest) : rest,\n      ...passedRef != null ? {\n        ref: passedRef\n      } : null,\n      style\n    }, wrapped ? void 0 : key);\n    if (!wrapped) return element;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAncestorProvider, {\n      value: !resetsText,\n      children: element\n    }, key);\n  };\n  var NativeStyleView = function NativeStyleView2(props) {\n    return render(props);\n  };\n  NativeStyleView.inline = function(element) {\n    return render(element.props, element.key);\n  };\n  return NativeStyleView;\n};\nfunction omitRef(props) {\n  if (!Object.prototype.hasOwnProperty.call(props, \"ref\")) return props;\n  var { ref: _ref, ...rest } = props;\n  return rest;\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}\n//# sourceMappingURL=_withNativeStyle.js.map\n"],"mappings":"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"}

package/dist/cjs/createComponent.cjs

@@ -887,8 +887,8 @@ ${banner}
 		const childrenFromHooks = import_setupHooks.hooks.useChildren ? import_setupHooks.hooks.useChildren(elementType, children, viewProps, isPassthrough) : void 0;
 		if (isPassthrough) content = import_react.default.createElement(BaseComponent, { style: { display: "contents" } }, propsIn.children);
 		else {
-			if (childrenFromHooks) content = childrenFromHooks;
 			const isRenderPropString = typeof renderProp === "string";
+			if (childrenFromHooks && (!renderProp || isRenderPropString)) content = childrenFromHooks;
 			if (renderProp && !isRenderPropString) {
 				const out = getCustomRender(renderProp, content || children, viewProps, componentState);
 				if (out) {

package/dist/cjs/createComponent.native.cjs

@@ -979,8 +979,8 @@ ${banner}
 		var childrenFromHooks = import_setupHooks.hooks.useChildren ? import_setupHooks.hooks.useChildren(elementType, children, viewProps, isPassthrough) : void 0;
 		if (isPassthrough) content = /* @__PURE__ */ import_react.default.createElement(BaseComponent, { style: { display: "contents" } }, propsIn.children);
 		else {
-			if (childrenFromHooks) content = childrenFromHooks;
 			var isRenderPropString = typeof renderProp === "string";
+			if (childrenFromHooks && (!renderProp || isRenderPropString)) content = childrenFromHooks;
 			if (renderProp && !isRenderPropString) {
 				var out = getCustomRender(renderProp, content || children, viewProps, componentState);
 				if (out) {

package/dist/cjs/createComponent.native.js

@@ -979,8 +979,8 @@ ${banner}
 		var childrenFromHooks = import_setupHooks.hooks.useChildren ? import_setupHooks.hooks.useChildren(elementType, children, viewProps, isPassthrough) : void 0;
 		if (isPassthrough) content = /* @__PURE__ */ import_react.default.createElement(BaseComponent, { style: { display: "contents" } }, propsIn.children);
 		else {
-			if (childrenFromHooks) content = childrenFromHooks;
 			var isRenderPropString = typeof renderProp === "string";
+			if (childrenFromHooks && (!renderProp || isRenderPropString)) content = childrenFromHooks;
 			if (renderProp && !isRenderPropString) {
 				var out = getCustomRender(renderProp, content || children, viewProps, componentState);
 				if (out) {