@tamagui/web 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/_withNativeStyle.native.cjs

@@ -0,0 +1,86 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var withNativeStyle_exports = {};
+__export(withNativeStyle_exports, { _withNativeStyle: () => _withNativeStyle });
+module.exports = __toCommonJS(withNativeStyle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_react = __toESM(require("react"), 1);
+var import_withStableStyle = require("./_withStableStyle.native.js");
+var import_nativeStyleEngine = require("./helpers/nativeStyleEngine.native.js");
+var import_useThemeState = require("./hooks/useThemeState.native.js");
+var _withNativeStyle = function(Component, baseStyle, themeStyleKeys) {
+	var Fallback = (0, import_withStableStyle._withStableStyle)(Component, function(theme) {
+		var themedStyle = {};
+		for (var styleKey in themeStyleKeys) {
+			var _theme_themeStyleKeys_styleKey;
+			themedStyle[styleKey] = (_theme_themeStyleKeys_styleKey = theme[themeStyleKeys[styleKey]]) === null || _theme_themeStyleKeys_styleKey === void 0 ? void 0 : _theme_themeStyleKeys_styleKey.get();
+		}
+		return [baseStyle, themedStyle];
+	}, true, false);
+	var Native = /* @__PURE__ */ import_react.default.memo(function NativeStyleView(param) {
+		var { _scopeId, ...props } = param;
+		var { ref, _expressions: _ignoredExpressions, ...rest } = props;
+		var link = (0, import_react.useRef)(null);
+		var themeState = (0, import_useThemeState.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 = (0, import_react.useCallback)(function(host) {
+			var _link_current;
+			(_link_current = link.current) === null || _link_current === void 0 ? void 0 : _link_current.unlink();
+			link.current = null;
+			(0, import_compose_refs.setRef)(ref, host);
+			if (host && stateName && theme) {
+				link.current = (0, import_nativeStyleEngine.linkNativeStyleMapping)(host, baseStyle, themeStyleKeys, _scopeId, stateName, theme);
+			}
+		}, [
+			ref,
+			_scopeId,
+			stateName,
+			theme
+		]);
+		var stateStyle = stateName && theme ? (0, import_nativeStyleEngine.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)}`);
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+			ref: hostRef,
+			style: [baseStyle, stateStyle],
+			...rest
+		});
+	});
+	return /* @__PURE__ */ import_react.default.memo(function NativeStyleBoundary(props) {
+		var scopeId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
+		return (0, import_nativeStyleEngine.getNativeStyleEngine)() && scopeId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Native, {
+			...props,
+			_scopeId: scopeId
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fallback, { ...props });
+	});
+};

package/dist/cjs/_withNativeStyle.native.js

@@ -0,0 +1,88 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var withNativeStyle_exports = {};
+__export(withNativeStyle_exports, { _withNativeStyle: () => _withNativeStyle });
+module.exports = __toCommonJS(withNativeStyle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_react = __toESM(require("react"), 1);
+var import_withStableStyle = require("./_withStableStyle.native.js");
+var import_nativeStyleEngine = require("./helpers/nativeStyleEngine.native.js");
+var import_useThemeState = require("./hooks/useThemeState.native.js");
+var _withNativeStyle = function(Component, baseStyle, themeStyleKeys) {
+	var Fallback = (0, import_withStableStyle._withStableStyle)(Component, function(theme) {
+		var themedStyle = {};
+		for (var styleKey in themeStyleKeys) {
+			var _theme_themeStyleKeys_styleKey;
+			themedStyle[styleKey] = (_theme_themeStyleKeys_styleKey = theme[themeStyleKeys[styleKey]]) === null || _theme_themeStyleKeys_styleKey === void 0 ? void 0 : _theme_themeStyleKeys_styleKey.get();
+		}
+		return [baseStyle, themedStyle];
+	}, true, false);
+	var Native = /* @__PURE__ */ import_react.default.memo(function NativeStyleView(param) {
+		var { _scopeId, ...props } = param;
+		var { ref, _expressions: _ignoredExpressions, ...rest } = props;
+		var link = (0, import_react.useRef)(null);
+		var themeState = (0, import_useThemeState.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 = (0, import_react.useCallback)(function(host) {
+			var _link_current;
+			(_link_current = link.current) === null || _link_current === void 0 ? void 0 : _link_current.unlink();
+			link.current = null;
+			(0, import_compose_refs.setRef)(ref, host);
+			if (host && stateName && theme) {
+				link.current = (0, import_nativeStyleEngine.linkNativeStyleMapping)(host, baseStyle, themeStyleKeys, _scopeId, stateName, theme);
+			}
+		}, [
+			ref,
+			_scopeId,
+			stateName,
+			theme
+		]);
+		var stateStyle = stateName && theme ? (0, import_nativeStyleEngine.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)}`);
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+			ref: hostRef,
+			style: [baseStyle, stateStyle],
+			...rest
+		});
+	});
+	return /* @__PURE__ */ import_react.default.memo(function NativeStyleBoundary(props) {
+		var scopeId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
+		return (0, import_nativeStyleEngine.getNativeStyleEngine)() && scopeId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Native, {
+			...props,
+			_scopeId: scopeId
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fallback, { ...props });
+	});
+};
+
+//# sourceMappingURL=_withNativeStyle.native.js.map

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

@@ -0,0 +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_react = __toESM(require(\"react\"), 1);\nvar import_withStableStyle = require(\"./_withStableStyle\");\nvar import_nativeStyleEngine = require(\"./helpers/nativeStyleEngine\");\nvar import_useThemeState = require(\"./hooks/useThemeState\");\nvar _withNativeStyle = function(Component, baseStyle, themeStyleKeys) {\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 Native = /* @__PURE__ */ import_react.default.memo(function NativeStyleView(param) {\n    var { _scopeId, ...props } = param;\n    var { ref, _expressions: _ignoredExpressions, ...rest } = props;\n    var link = (0, import_react.useRef)(null);\n    var themeState = (0, import_useThemeState.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 = (0, import_react.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      (0, import_compose_refs.setRef)(ref, host);\n      if (host && stateName && theme) {\n        link.current = (0, import_nativeStyleEngine.linkNativeStyleMapping)(host, baseStyle, themeStyleKeys, _scopeId, stateName, theme);\n      }\n    }, [\n      ref,\n      _scopeId,\n      stateName,\n      theme\n    ]);\n    var stateStyle = stateName && theme ? (0, import_nativeStyleEngine.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__ */ (0, import_jsx_runtime.jsx)(Component, {\n      ref: hostRef,\n      style: [\n        baseStyle,\n        stateStyle\n      ],\n      ...rest\n    });\n  });\n  return /* @__PURE__ */ import_react.default.memo(function NativeStyleBoundary(props) {\n    var scopeId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);\n    return (0, import_nativeStyleEngine.getNativeStyleEngine)() && scopeId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Native, {\n      ...props,\n      _scopeId: scopeId\n    }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fallback, {\n      ...props\n    });\n  });\n};\n//# sourceMappingURL=_withNativeStyle.js.map\n"],"mappings":"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"}

package/dist/cjs/_withStableStyle.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,71 +6,75 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	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;
+	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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var withStableStyle_exports = {};
-__export(withStableStyle_exports, {
-  _withStableStyle: () => _withStableStyle
-});
+__export(withStableStyle_exports, { _withStableStyle: () => _withStableStyle });
 module.exports = __toCommonJS(withStableStyle_exports);
 var import_react = __toESM(require("react"), 1);
 var import_config = require("./config.cjs");
+var import_createVariable = require("./createVariable.cjs");
 var import_useMedia = require("./hooks/useMedia.cjs");
 var import_useTheme = require("./hooks/useTheme.cjs");
 var import_useThemeState = require("./hooks/useThemeState.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const EMPTY_EXPRESSIONS = [];
 const EMPTY_THEME = {};
-const _withStableStyle = (Component, createStyle, hasThemeKeys, hasMediaKeys) => import_react.default.memo(import_react.default.forwardRef((props, ref) => {
-  const {
-    _expressions = EMPTY_EXPRESSIONS,
-    ...rest
-  } = props;
-  const parentId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
-  const theme = hasThemeKeys && parentId ? (0, import_useTheme.useTheme)() : null;
-  const media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null;
-  const resolvedExpressions = media ? _expressions.map(expr => Array.isArray(expr) ? !!(media[expr[0]] && expr[1]) : typeof expr === "string" ? media[expr] : expr) : _expressions;
-  let resolvedTheme = theme || EMPTY_THEME;
-  if (hasThemeKeys && !parentId) {
-    const config = (0, import_config.getConfigMaybe)();
-    const themes = config?.themes;
-    if (themes) {
-      for (const k in themes) {
-        resolvedTheme = themes.light || themes.dark || themes[k];
-        break;
-      }
-    }
-    if (process.env.NODE_ENV === "development") {
-      console.warn("[@tamagui] _withStableStyle: no ThemeStateContext found. This usually means duplicate tamagui instances in a monorepo. Falling back to default theme from config.");
-    }
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-    ref,
-    style: createStyle(resolvedTheme, resolvedExpressions),
-    ...rest
-  });
-}));
+const FALLBACK_THEME_CACHE = /* @__PURE__ */ new WeakMap();
+const _withStableStyle = (Component, createStyle, hasThemeKeys, hasMediaKeys) => import_react.default.memo(function WithStableStyle(props) {
+	const { ref, ...propsWithoutRef } = props;
+	const { _expressions = EMPTY_EXPRESSIONS, ...rest } = propsWithoutRef;
+	const parentId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
+	const theme = hasThemeKeys && parentId ? (0, import_useTheme.useTheme)() : null;
+	const media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null;
+	const resolvedExpressions = media ? _expressions.map((expr) => Array.isArray(expr) ? !!(media[expr[0]] && expr[1]) : typeof expr === "string" ? media[expr] : expr) : _expressions;
+	let resolvedTheme = theme || EMPTY_THEME;
+	if (hasThemeKeys && !parentId) {
+		const config = (0, import_config.getConfigMaybe)();
+		const themes = config?.themes;
+		if (themes) {
+			for (const k in themes) {
+				const fallbackTheme = themes.light || themes.dark || themes[k];
+				let gettableTheme = FALLBACK_THEME_CACHE.get(fallbackTheme);
+				if (!gettableTheme) {
+					gettableTheme = {};
+					for (const key in fallbackTheme) {
+						const value = fallbackTheme[key];
+						gettableTheme[key] = typeof value?.get === "function" ? value : {
+							...value && typeof value === "object" ? value : { val: value },
+							get: () => (0, import_createVariable.getVariable)(value)
+						};
+					}
+					FALLBACK_THEME_CACHE.set(fallbackTheme, gettableTheme);
+				}
+				resolvedTheme = gettableTheme;
+				break;
+			}
+		}
+		if (process.env.NODE_ENV === "development") {
+			console.warn("[@tamagui] _withStableStyle: no ThemeStateContext found. This usually means duplicate tamagui instances in a monorepo. Falling back to default theme from config.");
+		}
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+		ref,
+		style: createStyle(resolvedTheme, resolvedExpressions),
+		...rest
+	});
+});

package/dist/cjs/_withStableStyle.native.cjs

@@ -0,0 +1,93 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var withStableStyle_exports = {};
+__export(withStableStyle_exports, { _withStableStyle: () => _withStableStyle });
+module.exports = __toCommonJS(withStableStyle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_config = require("./config.native.js");
+var import_createVariable = require("./createVariable.native.js");
+var import_useMedia = require("./hooks/useMedia.native.js");
+var import_useTheme = require("./hooks/useTheme.native.js");
+var import_useThemeState = require("./hooks/useThemeState.native.js");
+function _type_of(obj) {
+	"@swc/helpers - typeof";
+	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var EMPTY_EXPRESSIONS = [];
+var EMPTY_THEME = {};
+var FALLBACK_THEME_CACHE = /* @__PURE__ */ new WeakMap();
+var _withStableStyle = function(Component, createStyle, hasThemeKeys, hasMediaKeys) {
+	return /* @__PURE__ */ import_react.default.memo(function WithStableStyle(props) {
+		var { ref, ...propsWithoutRef } = props;
+		var { _expressions = EMPTY_EXPRESSIONS, ...rest } = propsWithoutRef;
+		var parentId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
+		var theme = hasThemeKeys && parentId ? (0, import_useTheme.useTheme)() : null;
+		var media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null;
+		var resolvedExpressions = media ? _expressions.map(function(expr) {
+			return Array.isArray(expr) ? !!(media[expr[0]] && expr[1]) : typeof expr === "string" ? media[expr] : expr;
+		}) : _expressions;
+		var resolvedTheme = theme || EMPTY_THEME;
+		if (hasThemeKeys && !parentId) {
+			var config = (0, import_config.getConfigMaybe)();
+			var themes = config === null || config === void 0 ? void 0 : config.themes;
+			if (themes) {
+				for (var k in themes) {
+					var fallbackTheme = themes.light || themes.dark || themes[k];
+					var gettableTheme = FALLBACK_THEME_CACHE.get(fallbackTheme);
+					if (!gettableTheme) {
+						var _loop = function(key2) {
+							var value = fallbackTheme[key2];
+							gettableTheme[key2] = typeof (value === null || value === void 0 ? void 0 : value.get) === "function" ? value : {
+								...value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" ? value : { val: value },
+								get: function() {
+									return (0, import_createVariable.getVariable)(value);
+								}
+							};
+						};
+						gettableTheme = {};
+						for (var key in fallbackTheme) _loop(key);
+						FALLBACK_THEME_CACHE.set(fallbackTheme, gettableTheme);
+					}
+					resolvedTheme = gettableTheme;
+					break;
+				}
+			}
+			if (process.env.NODE_ENV === "development") {
+				console.warn("[@tamagui] _withStableStyle: no ThemeStateContext found. This usually means duplicate tamagui instances in a monorepo. Falling back to default theme from config.");
+			}
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+			ref,
+			style: createStyle(resolvedTheme, resolvedExpressions),
+			...rest
+		});
+	});
+};

package/dist/cjs/_withStableStyle.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,76 +8,88 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	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;
+	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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var withStableStyle_exports = {};
-__export(withStableStyle_exports, {
-  _withStableStyle: () => _withStableStyle
-});
+__export(withStableStyle_exports, { _withStableStyle: () => _withStableStyle });
 module.exports = __toCommonJS(withStableStyle_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"), 1);
 var import_config = require("./config.native.js");
+var import_createVariable = require("./createVariable.native.js");
 var import_useMedia = require("./hooks/useMedia.native.js");
 var import_useTheme = require("./hooks/useTheme.native.js");
 var import_useThemeState = require("./hooks/useThemeState.native.js");
+function _type_of(obj) {
+	"@swc/helpers - typeof";
+	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 var EMPTY_EXPRESSIONS = [];
 var EMPTY_THEME = {};
-var _withStableStyle = function (Component, createStyle, hasThemeKeys, hasMediaKeys) {
-  return /* @__PURE__ */import_react.default.memo(/* @__PURE__ */import_react.default.forwardRef(function (props, ref) {
-    var {
-      _expressions = EMPTY_EXPRESSIONS,
-      ...rest
-    } = props;
-    var parentId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
-    var theme = hasThemeKeys && parentId ? (0, import_useTheme.useTheme)() : null;
-    var media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null;
-    var resolvedExpressions = media ? _expressions.map(function (expr) {
-      return Array.isArray(expr) ? !!(media[expr[0]] && expr[1]) : typeof expr === "string" ? media[expr] : expr;
-    }) : _expressions;
-    var resolvedTheme = theme || EMPTY_THEME;
-    if (hasThemeKeys && !parentId) {
-      var config = (0, import_config.getConfigMaybe)();
-      var themes = config === null || config === void 0 ? void 0 : config.themes;
-      if (themes) {
-        for (var k in themes) {
-          resolvedTheme = themes.light || themes.dark || themes[k];
-          break;
-        }
-      }
-      if (process.env.NODE_ENV === "development") {
-        console.warn("[@tamagui] _withStableStyle: no ThemeStateContext found. This usually means duplicate tamagui instances in a monorepo. Falling back to default theme from config.");
-      }
-    }
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-      ref,
-      style: createStyle(resolvedTheme, resolvedExpressions),
-      ...rest
-    });
-  }));
+var FALLBACK_THEME_CACHE = /* @__PURE__ */ new WeakMap();
+var _withStableStyle = function(Component, createStyle, hasThemeKeys, hasMediaKeys) {
+	return /* @__PURE__ */ import_react.default.memo(function WithStableStyle(props) {
+		var { ref, ...propsWithoutRef } = props;
+		var { _expressions = EMPTY_EXPRESSIONS, ...rest } = propsWithoutRef;
+		var parentId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);
+		var theme = hasThemeKeys && parentId ? (0, import_useTheme.useTheme)() : null;
+		var media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null;
+		var resolvedExpressions = media ? _expressions.map(function(expr) {
+			return Array.isArray(expr) ? !!(media[expr[0]] && expr[1]) : typeof expr === "string" ? media[expr] : expr;
+		}) : _expressions;
+		var resolvedTheme = theme || EMPTY_THEME;
+		if (hasThemeKeys && !parentId) {
+			var config = (0, import_config.getConfigMaybe)();
+			var themes = config === null || config === void 0 ? void 0 : config.themes;
+			if (themes) {
+				for (var k in themes) {
+					var fallbackTheme = themes.light || themes.dark || themes[k];
+					var gettableTheme = FALLBACK_THEME_CACHE.get(fallbackTheme);
+					if (!gettableTheme) {
+						var _loop = function(key2) {
+							var value = fallbackTheme[key2];
+							gettableTheme[key2] = typeof (value === null || value === void 0 ? void 0 : value.get) === "function" ? value : {
+								...value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" ? value : { val: value },
+								get: function() {
+									return (0, import_createVariable.getVariable)(value);
+								}
+							};
+						};
+						gettableTheme = {};
+						for (var key in fallbackTheme) _loop(key);
+						FALLBACK_THEME_CACHE.set(fallbackTheme, gettableTheme);
+					}
+					resolvedTheme = gettableTheme;
+					break;
+				}
+			}
+			if (process.env.NODE_ENV === "development") {
+				console.warn("[@tamagui] _withStableStyle: no ThemeStateContext found. This usually means duplicate tamagui instances in a monorepo. Falling back to default theme from config.");
+			}
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+			ref,
+			style: createStyle(resolvedTheme, resolvedExpressions),
+			...rest
+		});
+	});
 };
+
 //# sourceMappingURL=_withStableStyle.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","withStableStyle_exports","__export","_withStableStyle","module","exports","import_jsx_runtime","require","import_react","__toESM","import_config","import_useMedia","import_useTheme","import_useThemeState","EMPTY_EXPRESSIONS","EMPTY_THEME","Component","createStyle","hasThemeKeys","hasMediaKeys","default","memo","forwardRef","props","ref","_expressions","rest","parentId","useContext","ThemeStateContext","theme","useTheme","media","useMedia","resolvedExpressions","map","expr","Array","isArray","resolvedTheme","config","getConfigMaybe","themes","k","light","dark","process","env","NODE_ENV","console","warn","jsx","style"],"sources":["../../src/_withStableStyle.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkC,CAAAK,uBAAA;AAClC,IAAAK,kBAA+B,GAAAC,OAAA;AAC/B,IAAAC,YAAA,GAAAC,OAAyB,CAAAF,OAAA;AACzB,IAAAG,aAAA,GAAAH,OAAyB;AACzB,IAAAI,eAAA,GAAAJ,OAAkC;AAwD1B,IAAAK,eAAA,GAAAL,OAAA;AApDR,IAAAM,oBAAM,GAA4BN,OAAA;AAClC,IAAAO,iBAAqB;AAEd,IAAAC,WAAM;AAML,IACJZ,gBAAA,GAAM,SAAAA,CAAAa,SAAY,EAAYC,WAAQ,EAAAC,YAAA,EAAAC,YAAA;EACpC,sBAAQX,YAAe,CAAAY,OAAA,CAAmBC,IAAG,gBAASb,YAAA,CAAAY,OAAA,CAAAE,UAAA,WAAAC,KAAA,EAAAC,GAAA;IAEtD;MAAMC,YAAA,GAAWX,iBAAA;MAAA,GAAAY;IAAW,IAAAH,KAAA;IAI5B,IAAAI,QAAM,GAAQ,IAAAnB,YAAgB,CAAAoB,UAAA,EAAAf,oBAAW,CAAAgB,iBAAa;IAEtD,IAAAC,KAAM,GAAAZ,YAAQ,IAAAS,QAAe,OAAAf,eAAA,CAASmB,QAAI;IAE1C,IAAAC,KAAM,GAAAb,YAAA,IAAsB,GAAAR,eACxB,CAAAsB,QAAa;IAAA,IAAKC,mBACV,GAAQF,KAAI,GACdP,YAAS,CAAAU,GAAO,WAAUC,IAAC,EAC3B;MAGN,OACAC,KAAA,CAAAC,OAAA,CAAAF,IAAA,OAAAJ,KAAA,CAAAI,IAAA,QAAAA,IAAA,cAAAA,IAAA,gBAAAJ,KAAA,CAAAI,IAAA,IAAAA,IAAA;IAEJ,KAAIX,YAAA;IACJ,IAAIc,aAAA,GAAgBT,KAAC,IAAAf,WAAU;IAE7B,IAAAG,YAAM,KAASS,QAAA;MACf,IAAAa,MAAM,KAAS,EAAA9B,aAAQ,CAAA+B,cAAA;MACvB,IAAIC,MAAA,GAAQF,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAE,MAAA;MACV,IAAAA,MAAA;QACE,SAAAC,CAAA,IAAAD,MAAgB;UAChBH,aAAA,GAAAG,MAAA,CAAAE,KAAA,IAAAF,MAAA,CAAAG,IAAA,IAAAH,MAAA,CAAAC,CAAA;UACF;QACF;MACA;MACE,IAAAG,OAAQ,CAAAC,GAAA,CAAAC,QAAA;QAAAC,OACN,CAAAC,IAAA;MAAA;IAGF;IAEJ,0BAAA5C,kBAAA,CAAA6C,GAAA,EAAAnC,SAAA;MAEAQ,GAAA;MACG4B,KAAA,EAAAnC,WAAA,CAAAsB,aAAA,EAAAL,mBAAA;MAAA,GAAAR;IAAA;EACC;AACqD","ignoreList":[]}
+{"version":3,"file":"_withStableStyle.native.js","names":[],"sources":["cjs/_withStableStyle.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 withStableStyle_exports = {};\n__export(withStableStyle_exports, {\n  _withStableStyle: () => _withStableStyle\n});\nmodule.exports = __toCommonJS(withStableStyle_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_config = require(\"./config\");\nvar import_createVariable = require(\"./createVariable\");\nvar import_useMedia = require(\"./hooks/useMedia\");\nvar import_useTheme = require(\"./hooks/useTheme\");\nvar import_useThemeState = require(\"./hooks/useThemeState\");\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar EMPTY_EXPRESSIONS = [];\nvar EMPTY_THEME = {};\nvar FALLBACK_THEME_CACHE = /* @__PURE__ */ new WeakMap();\nvar _withStableStyle = function(Component, createStyle, hasThemeKeys, hasMediaKeys) {\n  return /* @__PURE__ */ import_react.default.memo(function WithStableStyle(props) {\n    var { ref, ...propsWithoutRef } = props;\n    var { _expressions = EMPTY_EXPRESSIONS, ...rest } = propsWithoutRef;\n    var parentId = (0, import_react.useContext)(import_useThemeState.ThemeStateContext);\n    var theme = hasThemeKeys && parentId ? (0, import_useTheme.useTheme)() : null;\n    var media = hasMediaKeys ? (0, import_useMedia.useMedia)() : null;\n    var resolvedExpressions = media ? _expressions.map(function(expr) {\n      return (\n        // ['gtLg', cond] needs the media query and the runtime condition\n        Array.isArray(expr) ? !!(media[expr[0]] && expr[1]) : typeof expr === \"string\" ? media[expr] : expr\n      );\n    }) : _expressions;\n    var resolvedTheme = theme || EMPTY_THEME;\n    if (hasThemeKeys && !parentId) {\n      var config = (0, import_config.getConfigMaybe)();\n      var themes = config === null || config === void 0 ? void 0 : config.themes;\n      if (themes) {\n        for (var k in themes) {\n          var fallbackTheme = themes.light || themes.dark || themes[k];\n          var gettableTheme = FALLBACK_THEME_CACHE.get(fallbackTheme);\n          if (!gettableTheme) {\n            var _loop = function(key2) {\n              var value = fallbackTheme[key2];\n              gettableTheme[key2] = typeof (value === null || value === void 0 ? void 0 : value.get) === \"function\" ? value : {\n                ...value && (typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) === \"object\" ? value : {\n                  val: value\n                },\n                get: function() {\n                  return (0, import_createVariable.getVariable)(value);\n                }\n              };\n            };\n            gettableTheme = {};\n            for (var key in fallbackTheme) _loop(key);\n            FALLBACK_THEME_CACHE.set(fallbackTheme, gettableTheme);\n          }\n          resolvedTheme = gettableTheme;\n          break;\n        }\n      }\n      if (process.env.NODE_ENV === \"development\") {\n        console.warn(\"[@tamagui] _withStableStyle: no ThemeStateContext found. This usually means duplicate tamagui instances in a monorepo. Falling back to default theme from config.\");\n      }\n    }\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {\n      ref,\n      style: createStyle(resolvedTheme, resolvedExpressions),\n      ...rest\n    });\n  });\n};\n//# sourceMappingURL=_withStableStyle.js.map\n"],"mappings":"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"}