@tamagui/web 3.0.0-beta.807.1 → 3.0.0-beta.831.1

package/dist/cjs/config.cjs

@@ -138,7 +138,7 @@ const useTokens = getTokens;
 const getThemes = () => getConfigFromGlobalOrLocal().themes;
 const updateConfig = (key, value) => {
 	const config = getConfigFromGlobalOrLocal();
-	if (!config || !Object.prototype.hasOwnProperty.call(config, key)) {
+	if (!config || key === "__proto__" || !(key in config)) {
 		return;
 	}
 	Object.assign(config[key], value);

package/dist/cjs/config.native.cjs

@@ -152,7 +152,7 @@ var getThemes = function() {
 };
 var updateConfig = function(key, value) {
 	var config = getConfigFromGlobalOrLocal();
-	if (!config || !Object.prototype.hasOwnProperty.call(config, key)) {
+	if (!config || key === "__proto__" || !(key in config)) {
 		return;
 	}
 	Object.assign(config[key], value);

package/dist/cjs/config.native.js

@@ -152,7 +152,7 @@ var getThemes = function() {
 };
 var updateConfig = function(key, value) {
 	var config = getConfigFromGlobalOrLocal();
-	if (!config || !Object.prototype.hasOwnProperty.call(config, key)) {
+	if (!config || key === "__proto__" || !(key in config)) {
 		return;
 	}
 	Object.assign(config[key], value);

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

@@ -1 +1 @@
-{"version":3,"file":"config.native.js","names":[],"sources":["cjs/config.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar config_exports = {};\n__export(config_exports, {\n  devConfig: () => devConfig,\n  getConfig: () => getConfig,\n  getConfigMaybe: () => getConfigMaybe,\n  getFont: () => getFont,\n  getSetting: () => getSetting,\n  getStyleCompat: () => getStyleCompat,\n  getThemes: () => getThemes,\n  getToken: () => getToken,\n  getTokenObject: () => getTokenObject,\n  getTokenValue: () => getTokenValue,\n  getTokens: () => getTokens,\n  loadAnimationDriver: () => loadAnimationDriver,\n  setConfig: () => setConfig,\n  setConfigFont: () => setConfigFont,\n  setTokens: () => setTokens,\n  setupDev: () => setupDev,\n  updateConfig: () => updateConfig,\n  useTokens: () => useTokens\n});\nmodule.exports = __toCommonJS(config_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_constants2 = require(\"./constants/constants\");\nvar import_formatDiagnostic = require(\"./helpers/formatDiagnostic\");\nvar import_grammarConfig = require(\"./helpers/grammarConfig\");\nvar conf;\nvar setConfigCalledByThisInstance = false;\nvar haventCalledErrorMessage = process.env.NODE_ENV === \"development\" ? `\nHaven't called createTamagui yet. ${import_constants2.MISSING_THEME_MESSAGE}\n` : `\\u274C Error 001`;\nvar getConfigFromGlobalOrLocal = function() {\n  if (conf) {\n    return conf;\n  }\n  if (globalThis.__tamaguiConfig) {\n    if (process.env.NODE_ENV === \"development\" && !globalThis.__tamaguiHasWarnedGlobalFallback && !globalThis.__tamaguiPendingCheck) {\n      globalThis.__tamaguiPendingCheck = true;\n      setTimeout(function() {\n        if (!setConfigCalledByThisInstance && !globalThis.__tamaguiHasWarnedGlobalFallback) {\n          globalThis.__tamaguiHasWarnedGlobalFallback = true;\n          console.warn(`\\u26A0\\uFE0F\\u26A0\\uFE0F\\u26A0\\uFE0F\\u26A0\\uFE0F\\u26A0\\uFE0F\n\nTamagui: Using global config fallback. This may indicate duplicate tamagui instances (e.g., from Vite SSR bundling). This is handled automatically, but likely causes issues!\n\n\\u26A0\\uFE0F\\u26A0\\uFE0F\\u26A0\\uFE0F\\u26A0\\uFE0F\\u26A0\\uFE0F`);\n        }\n        globalThis.__tamaguiPendingCheck = false;\n      }, 500);\n    }\n    return globalThis.__tamaguiConfig;\n  }\n  return null;\n};\nvar getSetting = function(key) {\n  var config = getConfigFromGlobalOrLocal();\n  if (process.env.NODE_ENV === \"development\") {\n    if (!config) throw new Error(haventCalledErrorMessage);\n  }\n  var _config_settings_key;\n  return (_config_settings_key = config.settings[key]) !== null && _config_settings_key !== void 0 ? _config_settings_key : (\n    // @ts-expect-error\n    config[key]\n  );\n};\nfunction getStyleCompat() {\n  var config = getConfigFromGlobalOrLocal();\n  var _config_settings_styleCompat;\n  return ((_config_settings_styleCompat = config === null || config === void 0 ? void 0 : config.settings.styleCompat) !== null && _config_settings_styleCompat !== void 0 ? _config_settings_styleCompat : config === null || config === void 0 ? void 0 : config.styleCompat) || \"web\";\n}\nvar setConfig = function(next) {\n  setConfigCalledByThisInstance = true;\n  var previous = conf;\n  var previousGlobal = globalThis.__tamaguiConfig;\n  (0, import_grammarConfig.prepareConfigRevision)(next);\n  if (conf !== previous || globalThis.__tamaguiConfig !== previousGlobal) return;\n  conf = next;\n  globalThis.__tamaguiConfig = next;\n};\nvar setConfigFont = function(name, font, fontParsed) {\n  var config = getConfigFromGlobalOrLocal();\n  if (process.env.NODE_ENV === \"development\") {\n    if (!config) throw new Error(haventCalledErrorMessage);\n  }\n  config.fonts[name] = font;\n  config.fontsParsed[name] = fontParsed;\n  (0, import_grammarConfig.prepareConfigRevision)(config);\n};\nvar getConfig = function() {\n  var config = getConfigFromGlobalOrLocal();\n  if (!config) {\n    throw new Error((0, import_formatDiagnostic.formatDiagnostic)(\"Err0\", \"TamaguiConfig\", \"no config is available\", \"Call createTamagui before rendering and deduplicate Tamagui package versions\", \"config\", config));\n  }\n  return config;\n};\nvar getConfigMaybe = function() {\n  return getConfigFromGlobalOrLocal();\n};\nvar tokens;\nfunction setTokens(next) {\n  tokens = next;\n}\nvar getTokensParsed = function() {\n  var _getConfigFromGlobalOrLocal;\n  var _getConfigFromGlobalOrLocal_tokensParsed;\n  return (_getConfigFromGlobalOrLocal_tokensParsed = (_getConfigFromGlobalOrLocal = getConfigFromGlobalOrLocal()) === null || _getConfigFromGlobalOrLocal === void 0 ? void 0 : _getConfigFromGlobalOrLocal.tokensParsed) !== null && _getConfigFromGlobalOrLocal_tokensParsed !== void 0 ? _getConfigFromGlobalOrLocal_tokensParsed : tokens;\n};\nvar getTokens = function() {\n  if (process.env.NODE_ENV === \"development\") {\n    if (!getConfigFromGlobalOrLocal()) throw new Error(haventCalledErrorMessage);\n  }\n  return getTokensParsed();\n};\nvar getTokenObject = function(value, group) {\n  var _tokens_group, _tokens_;\n  var tokens2 = getTokensParsed();\n  return group ? (_tokens_group = tokens2[group]) === null || _tokens_group === void 0 ? void 0 : _tokens_group[value] : (_tokens_ = tokens2[Object.keys(tokens2).find(function(cat) {\n    return tokens2[cat][value];\n  }) || \"\"]) === null || _tokens_ === void 0 ? void 0 : _tokens_[value];\n};\nvar getToken = function(value, group) {\n  var useVariable = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : import_constants.isWeb;\n  var token = getTokenObject(value, group);\n  return useVariable ? token === null || token === void 0 ? void 0 : token.variable : token === null || token === void 0 ? void 0 : token.val;\n};\nvar getTokenValue = function(value, group) {\n  if (value === \"unset\" || value === \"auto\") return;\n  return getToken(value, group, false);\n};\nvar useTokens = getTokens;\nvar getThemes = function() {\n  return getConfigFromGlobalOrLocal().themes;\n};\nvar updateConfig = function(key, value) {\n  var config = getConfigFromGlobalOrLocal();\n  if (!config || !Object.prototype.hasOwnProperty.call(config, key)) {\n    return;\n  }\n  Object.assign(config[key], value);\n  (0, import_grammarConfig.prepareConfigRevision)(config);\n};\nvar getFont = function(name) {\n  var _Object_entries_find;\n  var conf2 = getConfig();\n  var _conf_fontsParsed_name;\n  return (_conf_fontsParsed_name = conf2.fontsParsed[name]) !== null && _conf_fontsParsed_name !== void 0 ? _conf_fontsParsed_name : (_Object_entries_find = Object.entries(conf2.fontsParsed).find(function(param) {\n    var [k] = param;\n    var _conf_fontsParsed_k_family, _conf_fontsParsed_k;\n    return ((_conf_fontsParsed_k = conf2.fontsParsed[k]) === null || _conf_fontsParsed_k === void 0 ? void 0 : (_conf_fontsParsed_k_family = _conf_fontsParsed_k.family) === null || _conf_fontsParsed_k_family === void 0 ? void 0 : _conf_fontsParsed_k_family[\"val\"]) === name;\n  })) === null || _Object_entries_find === void 0 ? void 0 : _Object_entries_find[1];\n};\nvar devConfig;\nfunction setupDev(conf2) {\n  if (process.env.NODE_ENV === \"development\") {\n    devConfig = conf2;\n  }\n}\nfunction loadAnimationDriver(name, driver) {\n  var config = getConfigFromGlobalOrLocal();\n  if (!config) {\n    if (process.env.NODE_ENV === \"development\") {\n      console.warn(\"loadAnimationDriver called before createTamagui\");\n    }\n    return;\n  }\n  if (config.animations && !(\"default\" in config.animations)) {\n    ;\n    config.animations = {\n      default: config.animations\n    };\n  }\n  if (config.animations) {\n    ;\n    config.animations[name] = driver;\n  } else {\n    ;\n    config.animations = {\n      default: driver,\n      [name]: driver\n    };\n  }\n}\n//# sourceMappingURL=config.js.map\n"],"mappings":"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"}
+{"version":3,"file":"config.native.js","names":[],"sources":["cjs/config.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar config_exports = {};\n__export(config_exports, {\n  devConfig: () => devConfig,\n  getConfig: () => getConfig,\n  getConfigMaybe: () => getConfigMaybe,\n  getFont: () => getFont,\n  getSetting: () => getSetting,\n  getStyleCompat: () => getStyleCompat,\n  getThemes: () => getThemes,\n  getToken: () => getToken,\n  getTokenObject: () => getTokenObject,\n  getTokenValue: () => getTokenValue,\n  getTokens: () => getTokens,\n  loadAnimationDriver: () => loadAnimationDriver,\n  setConfig: () => setConfig,\n  setConfigFont: () => setConfigFont,\n  setTokens: () => setTokens,\n  setupDev: () => setupDev,\n  updateConfig: () => updateConfig,\n  useTokens: () => useTokens\n});\nmodule.exports = __toCommonJS(config_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_constants2 = require(\"./constants/constants\");\nvar import_formatDiagnostic = require(\"./helpers/formatDiagnostic\");\nvar import_grammarConfig = require(\"./helpers/grammarConfig\");\nvar conf;\nvar setConfigCalledByThisInstance = false;\nvar haventCalledErrorMessage = process.env.NODE_ENV === \"development\" ? `\nHaven't called createTamagui yet. ${import_constants2.MISSING_THEME_MESSAGE}\n` : `\\u274C Error 001`;\nvar getConfigFromGlobalOrLocal = function() {\n  if (conf) {\n    return conf;\n  }\n  if (globalThis.__tamaguiConfig) {\n    if (process.env.NODE_ENV === \"development\" && !globalThis.__tamaguiHasWarnedGlobalFallback && !globalThis.__tamaguiPendingCheck) {\n      globalThis.__tamaguiPendingCheck = true;\n      setTimeout(function() {\n        if (!setConfigCalledByThisInstance && !globalThis.__tamaguiHasWarnedGlobalFallback) {\n          globalThis.__tamaguiHasWarnedGlobalFallback = true;\n          console.warn(`\\u26A0\\uFE0F\\u26A0\\uFE0F\\u26A0\\uFE0F\\u26A0\\uFE0F\\u26A0\\uFE0F\n\nTamagui: Using global config fallback. This may indicate duplicate tamagui instances (e.g., from Vite SSR bundling). This is handled automatically, but likely causes issues!\n\n\\u26A0\\uFE0F\\u26A0\\uFE0F\\u26A0\\uFE0F\\u26A0\\uFE0F\\u26A0\\uFE0F`);\n        }\n        globalThis.__tamaguiPendingCheck = false;\n      }, 500);\n    }\n    return globalThis.__tamaguiConfig;\n  }\n  return null;\n};\nvar getSetting = function(key) {\n  var config = getConfigFromGlobalOrLocal();\n  if (process.env.NODE_ENV === \"development\") {\n    if (!config) throw new Error(haventCalledErrorMessage);\n  }\n  var _config_settings_key;\n  return (_config_settings_key = config.settings[key]) !== null && _config_settings_key !== void 0 ? _config_settings_key : (\n    // @ts-expect-error\n    config[key]\n  );\n};\nfunction getStyleCompat() {\n  var config = getConfigFromGlobalOrLocal();\n  var _config_settings_styleCompat;\n  return ((_config_settings_styleCompat = config === null || config === void 0 ? void 0 : config.settings.styleCompat) !== null && _config_settings_styleCompat !== void 0 ? _config_settings_styleCompat : config === null || config === void 0 ? void 0 : config.styleCompat) || \"web\";\n}\nvar setConfig = function(next) {\n  setConfigCalledByThisInstance = true;\n  var previous = conf;\n  var previousGlobal = globalThis.__tamaguiConfig;\n  (0, import_grammarConfig.prepareConfigRevision)(next);\n  if (conf !== previous || globalThis.__tamaguiConfig !== previousGlobal) return;\n  conf = next;\n  globalThis.__tamaguiConfig = next;\n};\nvar setConfigFont = function(name, font, fontParsed) {\n  var config = getConfigFromGlobalOrLocal();\n  if (process.env.NODE_ENV === \"development\") {\n    if (!config) throw new Error(haventCalledErrorMessage);\n  }\n  config.fonts[name] = font;\n  config.fontsParsed[name] = fontParsed;\n  (0, import_grammarConfig.prepareConfigRevision)(config);\n};\nvar getConfig = function() {\n  var config = getConfigFromGlobalOrLocal();\n  if (!config) {\n    throw new Error((0, import_formatDiagnostic.formatDiagnostic)(\"Err0\", \"TamaguiConfig\", \"no config is available\", \"Call createTamagui before rendering and deduplicate Tamagui package versions\", \"config\", config));\n  }\n  return config;\n};\nvar getConfigMaybe = function() {\n  return getConfigFromGlobalOrLocal();\n};\nvar tokens;\nfunction setTokens(next) {\n  tokens = next;\n}\nvar getTokensParsed = function() {\n  var _getConfigFromGlobalOrLocal;\n  var _getConfigFromGlobalOrLocal_tokensParsed;\n  return (_getConfigFromGlobalOrLocal_tokensParsed = (_getConfigFromGlobalOrLocal = getConfigFromGlobalOrLocal()) === null || _getConfigFromGlobalOrLocal === void 0 ? void 0 : _getConfigFromGlobalOrLocal.tokensParsed) !== null && _getConfigFromGlobalOrLocal_tokensParsed !== void 0 ? _getConfigFromGlobalOrLocal_tokensParsed : tokens;\n};\nvar getTokens = function() {\n  if (process.env.NODE_ENV === \"development\") {\n    if (!getConfigFromGlobalOrLocal()) throw new Error(haventCalledErrorMessage);\n  }\n  return getTokensParsed();\n};\nvar getTokenObject = function(value, group) {\n  var _tokens_group, _tokens_;\n  var tokens2 = getTokensParsed();\n  return group ? (_tokens_group = tokens2[group]) === null || _tokens_group === void 0 ? void 0 : _tokens_group[value] : (_tokens_ = tokens2[Object.keys(tokens2).find(function(cat) {\n    return tokens2[cat][value];\n  }) || \"\"]) === null || _tokens_ === void 0 ? void 0 : _tokens_[value];\n};\nvar getToken = function(value, group) {\n  var useVariable = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : import_constants.isWeb;\n  var token = getTokenObject(value, group);\n  return useVariable ? token === null || token === void 0 ? void 0 : token.variable : token === null || token === void 0 ? void 0 : token.val;\n};\nvar getTokenValue = function(value, group) {\n  if (value === \"unset\" || value === \"auto\") return;\n  return getToken(value, group, false);\n};\nvar useTokens = getTokens;\nvar getThemes = function() {\n  return getConfigFromGlobalOrLocal().themes;\n};\nvar updateConfig = function(key, value) {\n  var config = getConfigFromGlobalOrLocal();\n  if (!config || key === \"__proto__\" || !(key in config)) {\n    return;\n  }\n  Object.assign(config[key], value);\n  (0, import_grammarConfig.prepareConfigRevision)(config);\n};\nvar getFont = function(name) {\n  var _Object_entries_find;\n  var conf2 = getConfig();\n  var _conf_fontsParsed_name;\n  return (_conf_fontsParsed_name = conf2.fontsParsed[name]) !== null && _conf_fontsParsed_name !== void 0 ? _conf_fontsParsed_name : (_Object_entries_find = Object.entries(conf2.fontsParsed).find(function(param) {\n    var [k] = param;\n    var _conf_fontsParsed_k_family, _conf_fontsParsed_k;\n    return ((_conf_fontsParsed_k = conf2.fontsParsed[k]) === null || _conf_fontsParsed_k === void 0 ? void 0 : (_conf_fontsParsed_k_family = _conf_fontsParsed_k.family) === null || _conf_fontsParsed_k_family === void 0 ? void 0 : _conf_fontsParsed_k_family[\"val\"]) === name;\n  })) === null || _Object_entries_find === void 0 ? void 0 : _Object_entries_find[1];\n};\nvar devConfig;\nfunction setupDev(conf2) {\n  if (process.env.NODE_ENV === \"development\") {\n    devConfig = conf2;\n  }\n}\nfunction loadAnimationDriver(name, driver) {\n  var config = getConfigFromGlobalOrLocal();\n  if (!config) {\n    if (process.env.NODE_ENV === \"development\") {\n      console.warn(\"loadAnimationDriver called before createTamagui\");\n    }\n    return;\n  }\n  if (config.animations && !(\"default\" in config.animations)) {\n    ;\n    config.animations = {\n      default: config.animations\n    };\n  }\n  if (config.animations) {\n    ;\n    config.animations[name] = driver;\n  } else {\n    ;\n    config.animations = {\n      default: driver,\n      [name]: driver\n    };\n  }\n}\n//# sourceMappingURL=config.js.map\n"],"mappings":"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"}

package/dist/cjs/createComponent.cjs

@@ -43,9 +43,10 @@ var import_GroupContext = require("./contexts/GroupContext.cjs");
 var import_createVariable = require("./createVariable.cjs");
 var import_defaultComponentState = require("./defaultComponentState.cjs");
 var import_eventHandling = require("./eventHandling.cjs");
-var import_getDefaultProps = require("./helpers/getDefaultProps.cjs");
 var import_componentDisplayName = require("./helpers/componentDisplayName.cjs");
 var import_getSplitStyles = require("./helpers/getSplitStyles.cjs");
+var import_grammarConfig = require("./helpers/grammarConfig.cjs");
+var import_styleStaticConfig = require("./helpers/styleStaticConfig.cjs");
 require("./helpers/nativeStyleEngine.cjs");
 require("./hooks/getThemeProxied.cjs");
 var import_log = require("./helpers/log.cjs");
@@ -188,20 +189,34 @@ if (import_constants.isWeb && typeof document !== "undefined") {
 }
 function createComponent(staticConfig) {
 	if (process.env.TAMAGUI_RUNTIME === "zero") throw new Error(`[tamagui zero-runtime] createComponent ran in a zero-runtime graph. No Tamagui component renderer ships in this mode, so a component reference survived compilation. Fix the site or move the owning module to a declared full-runtime island.`);
-	(0, import_getSplitStyles.prepareStyleStaticConfig)(staticConfig);
 	let config = null;
 	let resolvedDefaultProps;
-	let didResolveDefaultProps = false;
-	const styledContextPropKeys = staticConfig.contextProps || staticConfig.context?.propKeys;
-	const styledContextKeys = styledContextPropKeys ? new Set(styledContextPropKeys) : void 0;
+	let resolvedStyleRevision = -1;
+	let resolvedStyleStaticConfig;
 	const { Component, isText, isHOC } = staticConfig;
 	let res;
+	const { displayName } = staticConfig;
 	const component = (propsInWithRef) => {
 		"use no memo";
-		const displayName = res[import_componentDisplayName.componentDisplayName];
 		const forwardedRef = propsInWithRef.ref;
 		const propsIn = propsInWithRef;
 		config = config || (0, import_config.getConfig)();
+		const styleRevision = (0, import_grammarConfig.getConfigRevisionState)(config).revision;
+		if (resolvedStyleRevision !== styleRevision) {
+			resolvedStyleRevision = styleRevision;
+			const nextStyleStaticConfig = (0, import_styleStaticConfig.getStyleStaticConfig)(staticConfig, config);
+			resolvedStyleStaticConfig = nextStyleStaticConfig;
+			resolvedDefaultProps = nextStyleStaticConfig.defaultProps;
+			if (import_constants.isWeb && !staticConfig.isText && config.settings.defaultPosition === "relative" && nextStyleStaticConfig.baseStyle?.position === void 0) resolvedStyleStaticConfig = {
+				...nextStyleStaticConfig,
+				baseStyle: {
+					position: "relative",
+					...nextStyleStaticConfig.baseStyle
+				}
+			};
+		}
+		const styleStaticConfig = resolvedStyleStaticConfig;
+		styleStaticConfig.styledContextKeys;
 		const internalID = process.env.NODE_ENV === "development" ? import_react.default.useId() : "";
 		if (process.env.NODE_ENV === "development") {
 			if (startVisualizer) {
@@ -229,14 +244,6 @@ function createComponent(staticConfig) {
 		if (process.env.NODE_ENV === "development" && !time && globalThis.time) time = globalThis.time;
 		if (process.env.NODE_ENV === "development" && time) time`non-tamagui time (ignore)`;
 		let props = propsIn;
-		if (!didResolveDefaultProps) {
-			didResolveDefaultProps = true;
-			const staticDefaultProps = (0, import_getDefaultProps.getDefaultProps)(staticConfig);
-			resolvedDefaultProps = import_constants.isWeb && !isText && config.settings.defaultPosition === "relative" && staticDefaultProps?.position === void 0 ? staticDefaultProps ? {
-				position: "relative",
-				...staticDefaultProps
-			} : { position: "relative" } : staticDefaultProps;
-		}
 		const [nextProps, overrides] = (0, import_mergeProps.mergeComponentProps)(resolvedDefaultProps, styledContextValue, propsIn);
 		props = nextProps;
 		overriddenContextProps = overrides;
@@ -416,12 +423,11 @@ ${banner}
 			willBeAnimated,
 			canPlatformPseudo: componentState.platformPseudo,
 			displayName,
-			styledContext: styledContextValue,
-			styledContextKeys
+			styledContext: styledContextValue
 		};
 		const themeName = themeState?.name || "";
 		if (process.env.NODE_ENV === "development" && time) time`split-styles-prepare`;
-		const splitStyles = (0, import_useSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, groupContextParent, elementType, startedUnhydrated, debugProp, animationDriver);
+		const splitStyles = (0, import_useSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, groupContextParent, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 		const finalizedComponentState = componentState.finalizeStyleFlags(!!splitStyles?.hasEnterStyle, !!splitStyles?.platformPseudo);
 		hasEnterStyle = finalizedComponentState.hasEnterStyle;
 		isAnimated = finalizedComponentState.isAnimated;
@@ -518,7 +524,7 @@ ${banner}
 				const nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, mediaState2 ? {
 					...styleProps,
 					mediaState: mediaState2
-				} : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver);
+				} : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 				const effectiveTransition = nextStyles?.effectiveTransition ?? props.transition ?? (platformPseudo ? "0ms" : void 0);
 				stateRef.current.prevPseudoState = (0, import_extractPseudoState.extractPseudoState)(updatedState);
 				const hasActivePseudo = Boolean(updatedState.hover || updatedState.press || updatedState.pressIn || updatedState.focus || updatedState.focusWithin);
@@ -1002,6 +1008,10 @@ ${banner}
 	res = component;
 	res = import_react.default.memo(res);
 	res.staticConfig = staticConfig;
+	if (displayName) {
+		res.displayName = displayName;
+		res[import_componentDisplayName.componentDisplayName] = displayName;
+	}
 	return res;
 }
 const fromPx = (val) => {

package/dist/cjs/createComponent.native.cjs

@@ -46,9 +46,10 @@ var import_GroupContext = require("./contexts/GroupContext.native.js");
 var import_createVariable = require("./createVariable.native.js");
 var import_defaultComponentState = require("./defaultComponentState.native.js");
 var import_eventHandling = require("./eventHandling.native.js");
-var import_getDefaultProps = require("./helpers/getDefaultProps.native.js");
 var import_componentDisplayName = require("./helpers/componentDisplayName.native.js");
 var import_getSplitStyles = require("./helpers/getSplitStyles.native.js");
+var import_grammarConfig = require("./helpers/grammarConfig.native.js");
+var import_styleStaticConfig = require("./helpers/styleStaticConfig.native.js");
 var import_nativeStyleEngine = require("./helpers/nativeStyleEngine.native.js");
 var import_getThemeProxied = require("./hooks/getThemeProxied.native.js");
 var import_log = require("./helpers/log.native.js");
@@ -116,24 +117,38 @@ if (import_constants.isWeb && typeof document !== "undefined") {
 	});
 }
 function createComponent(staticConfig) {
-	var _staticConfig_context;
 	if (process.env.TAMAGUI_RUNTIME === "zero") throw new Error(`[tamagui zero-runtime] createComponent ran in a zero-runtime graph. No Tamagui component renderer ships in this mode, so a component reference survived compilation. Fix the site or move the owning module to a declared full-runtime island.`);
-	(0, import_getSplitStyles.prepareStyleStaticConfig)(staticConfig);
 	var config = null;
 	var resolvedDefaultProps;
-	var didResolveDefaultProps = false;
-	var styledContextPropKeys = staticConfig.contextProps || ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.propKeys);
-	var styledContextKeys = styledContextPropKeys ? new Set(styledContextPropKeys) : void 0;
+	var resolvedStyleRevision = -1;
+	var resolvedStyleStaticConfig;
 	var { Component, isText, isHOC } = staticConfig;
 	var res;
+	var { displayName } = staticConfig;
 	var component = function(propsInWithRef) {
 		"use no memo";
 		var _hooks_usePropsTransform, _staticConfig_neverSkipProps;
 		var _stateRef_current;
-		var displayName = res[import_componentDisplayName.componentDisplayName];
 		var forwardedRef = propsInWithRef.ref;
 		var propsIn = propsInWithRef;
 		config = config || (0, import_config.getConfig)();
+		var styleRevision = (0, import_grammarConfig.getConfigRevisionState)(config).revision;
+		if (resolvedStyleRevision !== styleRevision) {
+			var _nextStyleStaticConfig_baseStyle;
+			resolvedStyleRevision = styleRevision;
+			var nextStyleStaticConfig = (0, import_styleStaticConfig.getStyleStaticConfig)(staticConfig, config);
+			resolvedStyleStaticConfig = nextStyleStaticConfig;
+			resolvedDefaultProps = nextStyleStaticConfig.defaultProps;
+			if (import_constants.isWeb && !staticConfig.isText && config.settings.defaultPosition === "relative" && ((_nextStyleStaticConfig_baseStyle = nextStyleStaticConfig.baseStyle) === null || _nextStyleStaticConfig_baseStyle === void 0 ? void 0 : _nextStyleStaticConfig_baseStyle.position) === void 0) resolvedStyleStaticConfig = {
+				...nextStyleStaticConfig,
+				baseStyle: {
+					position: "relative",
+					...nextStyleStaticConfig.baseStyle
+				}
+			};
+		}
+		var styleStaticConfig = resolvedStyleStaticConfig;
+		styleStaticConfig.styledContextKeys;
 		var internalID = process.env.NODE_ENV === "development" ? import_react.default.useId() : "";
 		if (process.env.NODE_ENV === "development") {
 			if (startVisualizer) {
@@ -172,14 +187,6 @@ function createComponent(staticConfig) {
 		if (process.env.NODE_ENV === "development" && !time && globalThis.time) time = globalThis.time;
 		if (process.env.NODE_ENV === "development" && time) time`non-tamagui time (ignore)`;
 		var props = propsIn;
-		if (!didResolveDefaultProps) {
-			didResolveDefaultProps = true;
-			var staticDefaultProps = (0, import_getDefaultProps.getDefaultProps)(staticConfig);
-			resolvedDefaultProps = import_constants.isWeb && !isText && config.settings.defaultPosition === "relative" && (staticDefaultProps === null || staticDefaultProps === void 0 ? void 0 : staticDefaultProps.position) === void 0 ? staticDefaultProps ? {
-				position: "relative",
-				...staticDefaultProps
-			} : { position: "relative" } : staticDefaultProps;
-		}
 		var [nextProps, overrides] = (0, import_mergeProps.mergeComponentProps)(resolvedDefaultProps, styledContextValue, propsIn);
 		props = nextProps;
 		overriddenContextProps = overrides;
@@ -378,12 +385,11 @@ ${banner}
 			willBeAnimated,
 			canPlatformPseudo: componentState.platformPseudo,
 			displayName,
-			styledContext: styledContextValue,
-			styledContextKeys
+			styledContext: styledContextValue
 		};
 		var themeName = (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "";
 		if (process.env.NODE_ENV === "development" && time) time`split-styles-prepare`;
-		var splitStyles = (0, import_useSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, groupContextParent, elementType, startedUnhydrated, debugProp, animationDriver);
+		var splitStyles = (0, import_useSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, groupContextParent, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 		var finalizedComponentState = componentState.finalizeStyleFlags(!!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasEnterStyle), !!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.platformPseudo));
 		hasEnterStyle = finalizedComponentState.hasEnterStyle;
 		isAnimated = finalizedComponentState.isAnimated;
@@ -497,7 +503,7 @@ ${banner}
 			var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, proxiedTheme, stateName, state, {
 				...styleProps,
 				mediaState: (0, import_mediaState.getMedia)()
-			}, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver);
+			}, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 			if (!(nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.style)) return false;
 			pushViewState(stateName, nextStyles.style);
 			return true;
@@ -586,7 +592,7 @@ ${banner}
 				var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, mediaState2 ? {
 					...styleProps,
 					mediaState: mediaState2
-				} : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver);
+				} : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 				var _nextStyles_effectiveTransition, _ref5;
 				var effectiveTransition2 = (_ref5 = (_nextStyles_effectiveTransition = nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.effectiveTransition) !== null && _nextStyles_effectiveTransition !== void 0 ? _nextStyles_effectiveTransition : props.transition) !== null && _ref5 !== void 0 ? _ref5 : platformPseudo ? "0ms" : void 0;
 				stateRef.current.prevPseudoState = (0, import_extractPseudoState.extractPseudoState)(updatedState);
@@ -1105,6 +1111,10 @@ ${banner}
 	res = component;
 	res = /* @__PURE__ */ import_react.default.memo(res);
 	res.staticConfig = staticConfig;
+	if (displayName) {
+		res.displayName = displayName;
+		res[import_componentDisplayName.componentDisplayName] = displayName;
+	}
 	return res;
 }
 var fromPx = function(val) {

package/dist/cjs/createComponent.native.js

@@ -46,9 +46,10 @@ var import_GroupContext = require("./contexts/GroupContext.native.js");
 var import_createVariable = require("./createVariable.native.js");
 var import_defaultComponentState = require("./defaultComponentState.native.js");
 var import_eventHandling = require("./eventHandling.native.js");
-var import_getDefaultProps = require("./helpers/getDefaultProps.native.js");
 var import_componentDisplayName = require("./helpers/componentDisplayName.native.js");
 var import_getSplitStyles = require("./helpers/getSplitStyles.native.js");
+var import_grammarConfig = require("./helpers/grammarConfig.native.js");
+var import_styleStaticConfig = require("./helpers/styleStaticConfig.native.js");
 var import_nativeStyleEngine = require("./helpers/nativeStyleEngine.native.js");
 var import_getThemeProxied = require("./hooks/getThemeProxied.native.js");
 var import_log = require("./helpers/log.native.js");
@@ -116,24 +117,38 @@ if (import_constants.isWeb && typeof document !== "undefined") {
 	});
 }
 function createComponent(staticConfig) {
-	var _staticConfig_context;
 	if (process.env.TAMAGUI_RUNTIME === "zero") throw new Error(`[tamagui zero-runtime] createComponent ran in a zero-runtime graph. No Tamagui component renderer ships in this mode, so a component reference survived compilation. Fix the site or move the owning module to a declared full-runtime island.`);
-	(0, import_getSplitStyles.prepareStyleStaticConfig)(staticConfig);
 	var config = null;
 	var resolvedDefaultProps;
-	var didResolveDefaultProps = false;
-	var styledContextPropKeys = staticConfig.contextProps || ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.propKeys);
-	var styledContextKeys = styledContextPropKeys ? new Set(styledContextPropKeys) : void 0;
+	var resolvedStyleRevision = -1;
+	var resolvedStyleStaticConfig;
 	var { Component, isText, isHOC } = staticConfig;
 	var res;
+	var { displayName } = staticConfig;
 	var component = function(propsInWithRef) {
 		"use no memo";
 		var _hooks_usePropsTransform, _staticConfig_neverSkipProps;
 		var _stateRef_current;
-		var displayName = res[import_componentDisplayName.componentDisplayName];
 		var forwardedRef = propsInWithRef.ref;
 		var propsIn = propsInWithRef;
 		config = config || (0, import_config.getConfig)();
+		var styleRevision = (0, import_grammarConfig.getConfigRevisionState)(config).revision;
+		if (resolvedStyleRevision !== styleRevision) {
+			var _nextStyleStaticConfig_baseStyle;
+			resolvedStyleRevision = styleRevision;
+			var nextStyleStaticConfig = (0, import_styleStaticConfig.getStyleStaticConfig)(staticConfig, config);
+			resolvedStyleStaticConfig = nextStyleStaticConfig;
+			resolvedDefaultProps = nextStyleStaticConfig.defaultProps;
+			if (import_constants.isWeb && !staticConfig.isText && config.settings.defaultPosition === "relative" && ((_nextStyleStaticConfig_baseStyle = nextStyleStaticConfig.baseStyle) === null || _nextStyleStaticConfig_baseStyle === void 0 ? void 0 : _nextStyleStaticConfig_baseStyle.position) === void 0) resolvedStyleStaticConfig = {
+				...nextStyleStaticConfig,
+				baseStyle: {
+					position: "relative",
+					...nextStyleStaticConfig.baseStyle
+				}
+			};
+		}
+		var styleStaticConfig = resolvedStyleStaticConfig;
+		styleStaticConfig.styledContextKeys;
 		var internalID = process.env.NODE_ENV === "development" ? import_react.default.useId() : "";
 		if (process.env.NODE_ENV === "development") {
 			if (startVisualizer) {
@@ -172,14 +187,6 @@ function createComponent(staticConfig) {
 		if (process.env.NODE_ENV === "development" && !time && globalThis.time) time = globalThis.time;
 		if (process.env.NODE_ENV === "development" && time) time`non-tamagui time (ignore)`;
 		var props = propsIn;
-		if (!didResolveDefaultProps) {
-			didResolveDefaultProps = true;
-			var staticDefaultProps = (0, import_getDefaultProps.getDefaultProps)(staticConfig);
-			resolvedDefaultProps = import_constants.isWeb && !isText && config.settings.defaultPosition === "relative" && (staticDefaultProps === null || staticDefaultProps === void 0 ? void 0 : staticDefaultProps.position) === void 0 ? staticDefaultProps ? {
-				position: "relative",
-				...staticDefaultProps
-			} : { position: "relative" } : staticDefaultProps;
-		}
 		var [nextProps, overrides] = (0, import_mergeProps.mergeComponentProps)(resolvedDefaultProps, styledContextValue, propsIn);
 		props = nextProps;
 		overriddenContextProps = overrides;
@@ -378,12 +385,11 @@ ${banner}
 			willBeAnimated,
 			canPlatformPseudo: componentState.platformPseudo,
 			displayName,
-			styledContext: styledContextValue,
-			styledContextKeys
+			styledContext: styledContextValue
 		};
 		var themeName = (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "";
 		if (process.env.NODE_ENV === "development" && time) time`split-styles-prepare`;
-		var splitStyles = (0, import_useSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, groupContextParent, elementType, startedUnhydrated, debugProp, animationDriver);
+		var splitStyles = (0, import_useSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, groupContextParent, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 		var finalizedComponentState = componentState.finalizeStyleFlags(!!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasEnterStyle), !!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.platformPseudo));
 		hasEnterStyle = finalizedComponentState.hasEnterStyle;
 		isAnimated = finalizedComponentState.isAnimated;
@@ -497,7 +503,7 @@ ${banner}
 			var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, proxiedTheme, stateName, state, {
 				...styleProps,
 				mediaState: (0, import_mediaState.getMedia)()
-			}, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver);
+			}, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 			if (!(nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.style)) return false;
 			pushViewState(stateName, nextStyles.style);
 			return true;
@@ -586,7 +592,7 @@ ${banner}
 				var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, mediaState2 ? {
 					...styleProps,
 					mediaState: mediaState2
-				} : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver);
+				} : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 				var _nextStyles_effectiveTransition, _ref5;
 				var effectiveTransition2 = (_ref5 = (_nextStyles_effectiveTransition = nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.effectiveTransition) !== null && _nextStyles_effectiveTransition !== void 0 ? _nextStyles_effectiveTransition : props.transition) !== null && _ref5 !== void 0 ? _ref5 : platformPseudo ? "0ms" : void 0;
 				stateRef.current.prevPseudoState = (0, import_extractPseudoState.extractPseudoState)(updatedState);
@@ -1105,6 +1111,10 @@ ${banner}
 	res = component;
 	res = /* @__PURE__ */ import_react.default.memo(res);
 	res.staticConfig = staticConfig;
+	if (displayName) {
+		res.displayName = displayName;
+		res[import_componentDisplayName.componentDisplayName] = displayName;
+	}
 	return res;
 }
 var fromPx = function(val) {