@tamagui/web 3.0.12 → 3.0.14

package/dist/cjs/_withNativeStyle.cjs

@@ -51,7 +51,7 @@ const _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {
 		...baseStyle,
 		...typeof baseStyle.fontWeight === "number" && { fontWeight: String(baseStyle.fontWeight) }
 	} : baseStyle;
-	const entries = /* @__PURE__ */ new Map();
+	const entries = /* @__PURE__ */ new WeakMap();
 	const createEntry = () => {
 		const entry = {
 			style: [baseStyle, null],
@@ -70,6 +70,7 @@ const _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {
 	const ScopeContext = import_useThemeState.ThemeStateContext;
 	const engineOf = import_nativeStyleEngine.getNativeStyleEngine;
 	const scopeState = import_useThemeState.getThemeState;
+	const scopeOwner = import_useThemeState.getThemeProviderScope;
 	const resolve = import_nativeStyleEngine.resolveNativeStyleMapping;
 	const linkState = import_nativeStyleEngine.createNativeStyleLinkState;
 	const linkHost = import_nativeStyleEngine.linkNativeStyleHost;
@@ -81,8 +82,9 @@ const _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {
 		const scopeId = (0, import_react.use)(ScopeContext);
 		const inText = TextAncestor ? (0, import_react.use)(TextAncestor) : false;
 		const themeState = scopeId && engineOf() ? scopeState(scopeId) : void 0;
+		const owner = scopeOwner(scopeId);
 		const resetsText = inText && host === "view";
-		if (!themeState) {
+		if (!themeState || !owner) {
 			return resetsText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAncestorProvider, {
 				value: false,
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fallback, { ...props })
@@ -97,10 +99,10 @@ const _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {
 		const { name, theme } = themeState;
 		const asHostText = HostText && !inText;
 		const Rendered = asHostText ? HostText : Component;
-		let entry = entries.get(scopeId);
+		let entry = entries.get(owner);
 		if (!entry) {
 			entry = createEntry();
-			entries.set(scopeId, entry);
+			entries.set(owner, entry);
 		}
 		if (entry.stateName !== name || entry.theme !== theme) {
 			const themed = resolve(themeStyleKeys, name, theme);
@@ -136,7 +138,7 @@ const _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {
 		}, key);
 	};
 	const NativeStyleView = (props) => render(props);
-	NativeStyleView.inline = (element) => render(element.props, element.key);
+	NativeStyleView.inline = (element) => render(element.props, element.key ?? void 0);
 	return NativeStyleView;
 };
 function omitRef(props) {

package/dist/cjs/_withNativeStyle.native.cjs

@@ -61,7 +61,7 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 		...baseStyle,
 		...typeof baseStyle.fontWeight === "number" && { fontWeight: String(baseStyle.fontWeight) }
 	} : baseStyle;
-	var entries = /* @__PURE__ */ new Map();
+	var entries = /* @__PURE__ */ new WeakMap();
 	var createEntry = function createEntry2() {
 		var entry = {
 			style: [baseStyle, null],
@@ -80,6 +80,7 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 	var ScopeContext = import_useThemeState.ThemeStateContext;
 	var engineOf = import_nativeStyleEngine.getNativeStyleEngine;
 	var scopeState = import_useThemeState.getThemeState;
+	var scopeOwner = import_useThemeState.getThemeProviderScope;
 	var resolve = import_nativeStyleEngine.resolveNativeStyleMapping;
 	var linkState = import_nativeStyleEngine.createNativeStyleLinkState;
 	var linkHost = import_nativeStyleEngine.linkNativeStyleHost;
@@ -91,8 +92,9 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 		var scopeId = (0, import_react.use)(ScopeContext);
 		var inText = TextAncestor ? (0, import_react.use)(TextAncestor) : false;
 		var themeState = scopeId && engineOf() ? scopeState(scopeId) : void 0;
+		var owner = scopeOwner(scopeId);
 		var resetsText = inText && host === "view";
-		if (!themeState) {
+		if (!themeState || !owner) {
 			return resetsText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAncestorProvider, {
 				value: false,
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fallback, { ...props })
@@ -107,10 +109,10 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 		var { name, theme } = themeState;
 		var asHostText = HostText && !inText;
 		var Rendered = asHostText ? HostText : Component;
-		var entry = entries.get(scopeId);
+		var entry = entries.get(owner);
 		if (!entry) {
 			entry = createEntry();
-			entries.set(scopeId, entry);
+			entries.set(owner, entry);
 		}
 		if (entry.stateName !== name || entry.theme !== theme) {
 			var themed = resolve(themeStyleKeys, name, theme);
@@ -149,7 +151,8 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 		return render(props);
 	};
 	NativeStyleView.inline = function(element) {
-		return render(element.props, element.key);
+		var _element_key;
+		return render(element.props, (_element_key = element.key) !== null && _element_key !== void 0 ? _element_key : void 0);
 	};
 	return NativeStyleView;
 };

package/dist/cjs/_withNativeStyle.native.js

@@ -61,7 +61,7 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 		...baseStyle,
 		...typeof baseStyle.fontWeight === "number" && { fontWeight: String(baseStyle.fontWeight) }
 	} : baseStyle;
-	var entries = /* @__PURE__ */ new Map();
+	var entries = /* @__PURE__ */ new WeakMap();
 	var createEntry = function createEntry2() {
 		var entry = {
 			style: [baseStyle, null],
@@ -80,6 +80,7 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 	var ScopeContext = import_useThemeState.ThemeStateContext;
 	var engineOf = import_nativeStyleEngine.getNativeStyleEngine;
 	var scopeState = import_useThemeState.getThemeState;
+	var scopeOwner = import_useThemeState.getThemeProviderScope;
 	var resolve = import_nativeStyleEngine.resolveNativeStyleMapping;
 	var linkState = import_nativeStyleEngine.createNativeStyleLinkState;
 	var linkHost = import_nativeStyleEngine.linkNativeStyleHost;
@@ -91,8 +92,9 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 		var scopeId = (0, import_react.use)(ScopeContext);
 		var inText = TextAncestor ? (0, import_react.use)(TextAncestor) : false;
 		var themeState = scopeId && engineOf() ? scopeState(scopeId) : void 0;
+		var owner = scopeOwner(scopeId);
 		var resetsText = inText && host === "view";
-		if (!themeState) {
+		if (!themeState || !owner) {
 			return resetsText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAncestorProvider, {
 				value: false,
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fallback, { ...props })
@@ -107,10 +109,10 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 		var { name, theme } = themeState;
 		var asHostText = HostText && !inText;
 		var Rendered = asHostText ? HostText : Component;
-		var entry = entries.get(scopeId);
+		var entry = entries.get(owner);
 		if (!entry) {
 			entry = createEntry();
-			entries.set(scopeId, entry);
+			entries.set(owner, entry);
 		}
 		if (entry.stateName !== name || entry.theme !== theme) {
 			var themed = resolve(themeStyleKeys, name, theme);
@@ -149,7 +151,8 @@ var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeSty
 		return render(props);
 	};
 	NativeStyleView.inline = function(element) {
-		return render(element.props, element.key);
+		var _element_key;
+		return render(element.props, (_element_key = element.key) !== null && _element_key !== void 0 ? _element_key : void 0);
 	};
 	return NativeStyleView;
 };

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) 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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"}
+{"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 WeakMap();\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 scopeOwner = import_useThemeState.getThemeProviderScope;\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 owner = scopeOwner(scopeId);\n    var resetsText = inText && host === \"view\";\n    if (!themeState || !owner) {\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(owner);\n    if (!entry) {\n      entry = createEntry();\n      entries.set(owner, 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    var _element_key;\n    return render(element.props, (_element_key = element.key) !== null && _element_key !== void 0 ? _element_key : void 0);\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/helpers/getSplitStyles.cjs

@@ -1354,10 +1354,11 @@ function configuredValue(state, property, raw, embedded = false, nativeColors) {
 	let lookupName = name.charCodeAt(0) === 36 ? name.slice(1) : name;
 	let value;
 	let fromTheme = false;
-	if (property === "fontFamily") value = state.conf.fontsParsed[lookupName]?.family;
+	const fonts = fontProperty && state.context?.language ? (0, import_styledDynamic.getDynamicEnv)(state).fonts : state.conf.fontsParsed;
+	if (property === "fontFamily") value = fonts[lookupName]?.family;
 	else {
 		const fontKey = property === "fontSize" ? "size" : property === "fontWeight" ? "weight" : property === "lineHeight" || property === "letterSpacing" ? property : "";
-		if (fontKey) value = (state.conf.fontsParsed[state.fontFamily || state.conf.defaultFontToken] || state.conf.fontsParsed[state.conf.defaultFontToken])?.[fontKey]?.[lookupName];
+		if (fontKey) value = (fonts[state.fontFamily || state.conf.defaultFontToken] || fonts[state.conf.defaultFontToken])?.[fontKey]?.[lookupName];
 		else {
 			const category = grammar.tokenCategory(property);
 			const dot = lookupName.indexOf(".");

package/dist/cjs/helpers/getSplitStyles.native.cjs

@@ -1401,6 +1401,7 @@ var shadowRecipeProperties = /* @__PURE__ */ new Set([
 var shadowRecipeKeywords = /* @__PURE__ */ new Set(["inset", "none"]);
 function configuredValue(state, property, raw) {
 	var embedded = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, nativeColors = arguments.length > 4 ? arguments[4] : void 0;
+	var _state_context;
 	var grammar = (0, import_grammarConfig.getConfigRevisionState)(state.conf);
 	var name = raw;
 	var opacity;
@@ -1450,14 +1451,15 @@ function configuredValue(state, property, raw) {
 	var lookupName = name.charCodeAt(0) === 36 ? name.slice(1) : name;
 	var value;
 	var fromTheme = false;
+	var fonts = fontProperty && ((_state_context = state.context) === null || _state_context === void 0 ? void 0 : _state_context.language) ? (0, import_styledDynamic.getDynamicEnv)(state).fonts : state.conf.fontsParsed;
 	if (property === "fontFamily") {
-		var _state_conf_fontsParsed_lookupName;
-		value = (_state_conf_fontsParsed_lookupName = state.conf.fontsParsed[lookupName]) === null || _state_conf_fontsParsed_lookupName === void 0 ? void 0 : _state_conf_fontsParsed_lookupName.family;
+		var _fonts_lookupName;
+		value = (_fonts_lookupName = fonts[lookupName]) === null || _fonts_lookupName === void 0 ? void 0 : _fonts_lookupName.family;
 	} else {
 		var fontKey = property === "fontSize" ? "size" : property === "fontWeight" ? "weight" : property === "lineHeight" || property === "letterSpacing" ? property : "";
 		if (fontKey) {
 			var _font_fontKey;
-			var font = state.conf.fontsParsed[state.fontFamily || state.conf.defaultFontToken] || state.conf.fontsParsed[state.conf.defaultFontToken];
+			var font = fonts[state.fontFamily || state.conf.defaultFontToken] || fonts[state.conf.defaultFontToken];
 			value = font === null || font === void 0 ? void 0 : (_font_fontKey = font[fontKey]) === null || _font_fontKey === void 0 ? void 0 : _font_fontKey[lookupName];
 		} else {
 			var _state_conf_tokensParsed_category;

package/dist/cjs/helpers/getSplitStyles.native.js

@@ -1401,6 +1401,7 @@ var shadowRecipeProperties = /* @__PURE__ */ new Set([
 var shadowRecipeKeywords = /* @__PURE__ */ new Set(["inset", "none"]);
 function configuredValue(state, property, raw) {
 	var embedded = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, nativeColors = arguments.length > 4 ? arguments[4] : void 0;
+	var _state_context;
 	var grammar = (0, import_grammarConfig.getConfigRevisionState)(state.conf);
 	var name = raw;
 	var opacity;
@@ -1450,14 +1451,15 @@ function configuredValue(state, property, raw) {
 	var lookupName = name.charCodeAt(0) === 36 ? name.slice(1) : name;
 	var value;
 	var fromTheme = false;
+	var fonts = fontProperty && ((_state_context = state.context) === null || _state_context === void 0 ? void 0 : _state_context.language) ? (0, import_styledDynamic.getDynamicEnv)(state).fonts : state.conf.fontsParsed;
 	if (property === "fontFamily") {
-		var _state_conf_fontsParsed_lookupName;
-		value = (_state_conf_fontsParsed_lookupName = state.conf.fontsParsed[lookupName]) === null || _state_conf_fontsParsed_lookupName === void 0 ? void 0 : _state_conf_fontsParsed_lookupName.family;
+		var _fonts_lookupName;
+		value = (_fonts_lookupName = fonts[lookupName]) === null || _fonts_lookupName === void 0 ? void 0 : _fonts_lookupName.family;
 	} else {
 		var fontKey = property === "fontSize" ? "size" : property === "fontWeight" ? "weight" : property === "lineHeight" || property === "letterSpacing" ? property : "";
 		if (fontKey) {
 			var _font_fontKey;
-			var font = state.conf.fontsParsed[state.fontFamily || state.conf.defaultFontToken] || state.conf.fontsParsed[state.conf.defaultFontToken];
+			var font = fonts[state.fontFamily || state.conf.defaultFontToken] || fonts[state.conf.defaultFontToken];
 			value = font === null || font === void 0 ? void 0 : (_font_fontKey = font[fontKey]) === null || _font_fontKey === void 0 ? void 0 : _font_fontKey[lookupName];
 		} else {
 			var _state_conf_tokensParsed_category;