@tamagui/web 2.7.7 → 3.0.0-beta.1097.1

package/dist/esm/_withNativeStyle.mjs

@@ -0,0 +1,55 @@
+import { setRef } from "@tamagui/compose-refs";
+import React, { useCallback, useContext, useRef } from "react";
+import { _withStableStyle } from "./_withStableStyle.mjs";
+import { getNativeStyleEngine, linkNativeStyleMapping, resolveNativeStyleMapping } from "./helpers/nativeStyleEngine.mjs";
+import { ThemeStateContext, getThemeState } from "./hooks/useThemeState.mjs";
+import { jsx } from "react/jsx-runtime";
+
+const _withNativeStyle = (Component, baseStyle, themeStyleKeys) => {
+	const Fallback = _withStableStyle(Component, (theme) => {
+		const themedStyle = {};
+		for (const styleKey in themeStyleKeys) {
+			themedStyle[styleKey] = theme[themeStyleKeys[styleKey]]?.get();
+		}
+		return [baseStyle, themedStyle];
+	}, true, false);
+	const Native = React.memo(function NativeStyleView({ _scopeId, ...props }) {
+		const { ref, _expressions: _ignoredExpressions, ...rest } = props;
+		const link = useRef(null);
+		const themeState = getThemeState(_scopeId);
+		const stateName = themeState?.name;
+		const theme = themeState?.theme;
+		const hostRef = useCallback((host) => {
+			link.current?.unlink();
+			link.current = null;
+			setRef(ref, host);
+			if (host && stateName && theme) {
+				link.current = linkNativeStyleMapping(host, baseStyle, themeStyleKeys, _scopeId, stateName, theme);
+			}
+		}, [
+			ref,
+			_scopeId,
+			stateName,
+			theme
+		]);
+		const stateStyle = stateName && theme ? resolveNativeStyleMapping(themeStyleKeys, stateName, theme) : void 0;
+		if (process.env.NODE_ENV === "development" && (!stateName || !theme)) {
+			throw new Error(`[@tamagui/core] native fast path cannot resolve theme ${JSON.stringify(stateName)}`);
+		}
+		return /* @__PURE__ */ jsx(Component, {
+			ref: hostRef,
+			style: [baseStyle, stateStyle],
+			...rest
+		});
+	});
+	return React.memo(function NativeStyleBoundary(props) {
+		const scopeId = useContext(ThemeStateContext);
+		return getNativeStyleEngine() && scopeId ? /* @__PURE__ */ jsx(Native, {
+			...props,
+			_scopeId: scopeId
+		}) : /* @__PURE__ */ jsx(Fallback, { ...props });
+	});
+};
+
+export { _withNativeStyle };
+//# sourceMappingURL=_withNativeStyle.mjs.map

package/dist/esm/_withNativeStyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_withNativeStyle.js","names":[],"sources":["esm/_withNativeStyle.js"],"sourcesContent":["import { setRef } from \"@tamagui/compose-refs\";\nimport React, { useCallback, useContext, useRef } from \"react\";\nimport { _withStableStyle } from \"./_withStableStyle\";\nimport {\n  getNativeStyleEngine,\n  linkNativeStyleMapping,\n  resolveNativeStyleMapping\n} from \"./helpers/nativeStyleEngine\";\nimport { getThemeState, ThemeStateContext } from \"./hooks/useThemeState\";\nimport { jsx } from \"react/jsx-runtime\";\nconst _withNativeStyle = (Component, baseStyle, themeStyleKeys) => {\n  const Fallback = _withStableStyle(\n    Component,\n    (theme) => {\n      const themedStyle = {};\n      for (const styleKey in themeStyleKeys) {\n        themedStyle[styleKey] = theme[themeStyleKeys[styleKey]]?.get();\n      }\n      return [baseStyle, themedStyle];\n    },\n    true,\n    false\n  );\n  const Native = React.memo(function NativeStyleView({\n    _scopeId,\n    ...props\n  }) {\n    const { ref, _expressions: _ignoredExpressions, ...rest } = props;\n    const link = useRef(null);\n    const themeState = getThemeState(_scopeId);\n    const stateName = themeState?.name;\n    const theme = themeState?.theme;\n    const hostRef = useCallback(\n      (host) => {\n        link.current?.unlink();\n        link.current = null;\n        setRef(ref, host);\n        if (host && stateName && theme) {\n          link.current = linkNativeStyleMapping(\n            host,\n            baseStyle,\n            themeStyleKeys,\n            _scopeId,\n            stateName,\n            theme\n          );\n        }\n      },\n      [ref, _scopeId, stateName, theme]\n    );\n    const stateStyle = stateName && theme ? resolveNativeStyleMapping(themeStyleKeys, stateName, theme) : void 0;\n    if (process.env.NODE_ENV === \"development\" && (!stateName || !theme)) {\n      throw new Error(\n        `[@tamagui/core] native fast path cannot resolve theme ${JSON.stringify(stateName)}`\n      );\n    }\n    return /* @__PURE__ */ jsx(Component, { ref: hostRef, style: [baseStyle, stateStyle], ...rest });\n  });\n  return React.memo(function NativeStyleBoundary(props) {\n    const scopeId = useContext(ThemeStateContext);\n    return getNativeStyleEngine() && scopeId ? /* @__PURE__ */ jsx(Native, { ...props, _scopeId: scopeId }) : /* @__PURE__ */ jsx(Fallback, { ...props });\n  });\n};\nexport {\n  _withNativeStyle\n};\n//# sourceMappingURL=_withNativeStyle.js.map\n"],"mappings":";;;;;;;;AAUA,MAAM,oBAAoB,WAAW,WAAW,mBAAmB;CACjE,MAAM,WAAW,iBACf,YACC,UAAU;EACT,MAAM,cAAc,CAAC;EACrB,KAAK,MAAM,YAAY,gBAAgB;GACrC,YAAY,YAAY,MAAM,eAAe,UAAU,EAAE,IAAI;EAC/D;EACA,OAAO,CAAC,WAAW,WAAW;CAChC,GACA,MACA,KACF;CACA,MAAM,SAAS,MAAM,KAAK,SAAS,gBAAgB,EACjD,UACA,GAAG,SACF;EACD,MAAM,EAAE,KAAK,cAAc,qBAAqB,GAAG,SAAS;EAC5D,MAAM,OAAO,OAAO,IAAI;EACxB,MAAM,aAAa,cAAc,QAAQ;EACzC,MAAM,YAAY,YAAY;EAC9B,MAAM,QAAQ,YAAY;EAC1B,MAAM,UAAU,aACb,SAAS;GACR,KAAK,SAAS,OAAO;GACrB,KAAK,UAAU;GACf,OAAO,KAAK,IAAI;GAChB,IAAI,QAAQ,aAAa,OAAO;IAC9B,KAAK,UAAU,uBACb,MACA,WACA,gBACA,UACA,WACA,KACF;GACF;EACF,GACA;GAAC;GAAK;GAAU;GAAW;EAAK,CAClC;EACA,MAAM,aAAa,aAAa,QAAQ,0BAA0B,gBAAgB,WAAW,KAAK,IAAI,KAAK;EAC3G,IAAI,QAAQ,IAAI,aAAa,kBAAkB,CAAC,aAAa,CAAC,QAAQ;GACpE,MAAM,IAAI,MACR,yDAAyD,KAAK,UAAU,SAAS,GACnF;EACF;EACA,OAAuB,oBAAI,WAAW;GAAE,KAAK;GAAS,OAAO,CAAC,WAAW,UAAU;GAAG,GAAG;EAAK,CAAC;CACjG,CAAC;CACD,OAAO,MAAM,KAAK,SAAS,oBAAoB,OAAO;EACpD,MAAM,UAAU,WAAW,iBAAiB;EAC5C,OAAO,qBAAqB,KAAK,UAA0B,oBAAI,QAAQ;GAAE,GAAG;GAAO,UAAU;EAAQ,CAAC,IAAoB,oBAAI,UAAU,EAAE,GAAG,MAAM,CAAC;CACtJ,CAAC;AACH"}

package/dist/esm/_withNativeStyle.native.js

@@ -0,0 +1,58 @@
+import { jsx } from "react/jsx-runtime";
+import { setRef } from "@tamagui/compose-refs";
+import React, { useCallback, useContext, useRef } from "react";
+import { _withStableStyle } from "./_withStableStyle.native.js";
+import { getNativeStyleEngine, linkNativeStyleMapping, resolveNativeStyleMapping } from "./helpers/nativeStyleEngine.native.js";
+import { ThemeStateContext, getThemeState } from "./hooks/useThemeState.native.js";
+
+var _withNativeStyle = function(Component, baseStyle, themeStyleKeys) {
+	var Fallback = _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__ */ React.memo(function NativeStyleView(param) {
+		var { _scopeId, ...props } = param;
+		var { ref, _expressions: _ignoredExpressions, ...rest } = props;
+		var link = useRef(null);
+		var themeState = getThemeState(_scopeId);
+		var stateName = themeState === null || themeState === void 0 ? void 0 : themeState.name;
+		var theme = themeState === null || themeState === void 0 ? void 0 : themeState.theme;
+		var hostRef = useCallback(function(host) {
+			var _link_current;
+			(_link_current = link.current) === null || _link_current === void 0 ? void 0 : _link_current.unlink();
+			link.current = null;
+			setRef(ref, host);
+			if (host && stateName && theme) {
+				link.current = linkNativeStyleMapping(host, baseStyle, themeStyleKeys, _scopeId, stateName, theme);
+			}
+		}, [
+			ref,
+			_scopeId,
+			stateName,
+			theme
+		]);
+		var stateStyle = stateName && theme ? resolveNativeStyleMapping(themeStyleKeys, stateName, theme) : void 0;
+		if (process.env.NODE_ENV === "development" && (!stateName || !theme)) {
+			throw new Error(`[@tamagui/core] native fast path cannot resolve theme ${JSON.stringify(stateName)}`);
+		}
+		return /* @__PURE__ */ jsx(Component, {
+			ref: hostRef,
+			style: [baseStyle, stateStyle],
+			...rest
+		});
+	});
+	return /* @__PURE__ */ React.memo(function NativeStyleBoundary(props) {
+		var scopeId = useContext(ThemeStateContext);
+		return getNativeStyleEngine() && scopeId ? /* @__PURE__ */ jsx(Native, {
+			...props,
+			_scopeId: scopeId
+		}) : /* @__PURE__ */ jsx(Fallback, { ...props });
+	});
+};
+
+export { _withNativeStyle };
+//# sourceMappingURL=_withNativeStyle.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_withNativeStyle.native.js","names":[],"sources":["esm/_withNativeStyle.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { setRef } from \"@tamagui/compose-refs\";\nimport React, { useCallback, useContext, useRef } from \"react\";\nimport { _withStableStyle } from \"./_withStableStyle\";\nimport { getNativeStyleEngine, linkNativeStyleMapping, resolveNativeStyleMapping } from \"./helpers/nativeStyleEngine\";\nimport { getThemeState, ThemeStateContext } from \"./hooks/useThemeState\";\nvar _withNativeStyle = function(Component, baseStyle, themeStyleKeys) {\n  var Fallback = _withStableStyle(Component, function(theme) {\n    var themedStyle = {};\n    for (var styleKey in themeStyleKeys) {\n      var _theme_themeStyleKeys_styleKey;\n      themedStyle[styleKey] = (_theme_themeStyleKeys_styleKey = theme[themeStyleKeys[styleKey]]) === null || _theme_themeStyleKeys_styleKey === void 0 ? void 0 : _theme_themeStyleKeys_styleKey.get();\n    }\n    return [\n      baseStyle,\n      themedStyle\n    ];\n  }, true, false);\n  var Native = /* @__PURE__ */ React.memo(function NativeStyleView(param) {\n    var { _scopeId, ...props } = param;\n    var { ref, _expressions: _ignoredExpressions, ...rest } = props;\n    var link = useRef(null);\n    var themeState = getThemeState(_scopeId);\n    var stateName = themeState === null || themeState === void 0 ? void 0 : themeState.name;\n    var theme = themeState === null || themeState === void 0 ? void 0 : themeState.theme;\n    var hostRef = useCallback(function(host) {\n      var _link_current;\n      (_link_current = link.current) === null || _link_current === void 0 ? void 0 : _link_current.unlink();\n      link.current = null;\n      setRef(ref, host);\n      if (host && stateName && theme) {\n        link.current = linkNativeStyleMapping(host, baseStyle, themeStyleKeys, _scopeId, stateName, theme);\n      }\n    }, [\n      ref,\n      _scopeId,\n      stateName,\n      theme\n    ]);\n    var stateStyle = stateName && theme ? resolveNativeStyleMapping(themeStyleKeys, stateName, theme) : void 0;\n    if (process.env.NODE_ENV === \"development\" && (!stateName || !theme)) {\n      throw new Error(`[@tamagui/core] native fast path cannot resolve theme ${JSON.stringify(stateName)}`);\n    }\n    return /* @__PURE__ */ _jsx(Component, {\n      ref: hostRef,\n      style: [\n        baseStyle,\n        stateStyle\n      ],\n      ...rest\n    });\n  });\n  return /* @__PURE__ */ React.memo(function NativeStyleBoundary(props) {\n    var scopeId = useContext(ThemeStateContext);\n    return getNativeStyleEngine() && scopeId ? /* @__PURE__ */ _jsx(Native, {\n      ...props,\n      _scopeId: scopeId\n    }) : /* @__PURE__ */ _jsx(Fallback, {\n      ...props\n    });\n  });\n};\nexport {\n  _withNativeStyle\n};\n//# sourceMappingURL=_withNativeStyle.js.map\n"],"mappings":";;;;;;;;AAMA,IAAI,mBAAmB,SAAS,WAAW,WAAW,gBAAgB;CACpE,IAAI,WAAW,iBAAiB,WAAW,SAAS,OAAO;EACzD,IAAI,cAAc,CAAC;EACnB,KAAK,IAAI,YAAY,gBAAgB;GACnC,IAAI;GACJ,YAAY,aAAa,iCAAiC,MAAM,eAAe,gBAAgB,QAAQ,mCAAmC,KAAK,IAAI,KAAK,IAAI,+BAA+B,IAAI;EACjM;EACA,OAAO,CACL,WACA,WACF;CACF,GAAG,MAAM,KAAK;CACd,IAAI,SAAyB,sBAAM,KAAK,SAAS,gBAAgB,OAAO;EACtE,IAAI,EAAE,UAAU,GAAG,UAAU;EAC7B,IAAI,EAAE,KAAK,cAAc,qBAAqB,GAAG,SAAS;EAC1D,IAAI,OAAO,OAAO,IAAI;EACtB,IAAI,aAAa,cAAc,QAAQ;EACvC,IAAI,YAAY,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW;EACnF,IAAI,QAAQ,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW;EAC/E,IAAI,UAAU,YAAY,SAAS,MAAM;GACvC,IAAI;GACJ,CAAC,gBAAgB,KAAK,aAAa,QAAQ,kBAAkB,KAAK,IAAI,KAAK,IAAI,cAAc,OAAO;GACpG,KAAK,UAAU;GACf,OAAO,KAAK,IAAI;GAChB,IAAI,QAAQ,aAAa,OAAO;IAC9B,KAAK,UAAU,uBAAuB,MAAM,WAAW,gBAAgB,UAAU,WAAW,KAAK;GACnG;EACF,GAAG;GACD;GACA;GACA;GACA;EACF,CAAC;EACD,IAAI,aAAa,aAAa,QAAQ,0BAA0B,gBAAgB,WAAW,KAAK,IAAI,KAAK;EACzG,IAAI,QAAQ,IAAI,aAAa,kBAAkB,CAAC,aAAa,CAAC,QAAQ;GACpE,MAAM,IAAI,MAAM,yDAAyD,KAAK,UAAU,SAAS,GAAG;EACtG;EACA,OAAuB,oBAAK,WAAW;GACrC,KAAK;GACL,OAAO,CACL,WACA,UACF;GACA,GAAG;EACL,CAAC;CACH,CAAC;CACD,OAAuB,sBAAM,KAAK,SAAS,oBAAoB,OAAO;EACpE,IAAI,UAAU,WAAW,iBAAiB;EAC1C,OAAO,qBAAqB,KAAK,UAA0B,oBAAK,QAAQ;GACtE,GAAG;GACH,UAAU;EACZ,CAAC,IAAoB,oBAAK,UAAU,EAClC,GAAG,MACL,CAAC;CACH,CAAC;AACH"}

package/dist/esm/_withStableStyle.mjs

@@ -1,39 +1,54 @@
 import React, { useContext } from "react";
 import { getConfigMaybe } from "./config.mjs";
+import { getVariable } from "./createVariable.mjs";
 import { useMedia } from "./hooks/useMedia.mjs";
 import { useTheme } from "./hooks/useTheme.mjs";
 import { ThemeStateContext } from "./hooks/useThemeState.mjs";
 import { jsx } from "react/jsx-runtime";
+
 const EMPTY_EXPRESSIONS = [];
 const EMPTY_THEME = {};
-const _withStableStyle = (Component, createStyle, hasThemeKeys, hasMediaKeys) => React.memo(React.forwardRef((props, ref) => {
-  const {
-    _expressions = EMPTY_EXPRESSIONS,
-    ...rest
-  } = props;
-  const parentId = useContext(ThemeStateContext);
-  const theme = hasThemeKeys && parentId ? useTheme() : null;
-  const media = hasMediaKeys ? 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 = 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__ */jsx(Component, {
-    ref,
-    style: createStyle(resolvedTheme, resolvedExpressions),
-    ...rest
-  });
-}));
+const FALLBACK_THEME_CACHE = /* @__PURE__ */ new WeakMap();
+const _withStableStyle = (Component, createStyle, hasThemeKeys, hasMediaKeys) => React.memo(function WithStableStyle(props) {
+	const { ref, ...propsWithoutRef } = props;
+	const { _expressions = EMPTY_EXPRESSIONS, ...rest } = propsWithoutRef;
+	const parentId = useContext(ThemeStateContext);
+	const theme = hasThemeKeys && parentId ? useTheme() : null;
+	const media = hasMediaKeys ? 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 = 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: () => 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__ */ jsx(Component, {
+		ref,
+		style: createStyle(resolvedTheme, resolvedExpressions),
+		...rest
+	});
+});
+
 export { _withStableStyle };
 //# sourceMappingURL=_withStableStyle.mjs.map

package/dist/esm/_withStableStyle.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","getConfigMaybe","useMedia","useTheme","ThemeStateContext","jsx","EMPTY_EXPRESSIONS","EMPTY_THEME","_withStableStyle","Component","createStyle","hasThemeKeys","hasMediaKeys","memo","forwardRef","props","ref","_expressions","rest","parentId","theme","media","resolvedExpressions","map","expr","Array","isArray","resolvedTheme","config","themes","k","light","dark","process","env","NODE_ENV","console","warn","style"],"sources":["../../src/_withStableStyle.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,IAASC,UAAA,QAAkB;AAClC,SAASC,cAAA,QAAsB;AAC/B,SAASC,QAAA,QAAgB;AACzB,SAASC,QAAA,QAAgB;AACzB,SAASC,iBAAA,QAAyB;AAwD1B,SAAAC,GAAA;AApDR,MAAMC,iBAAA,GAA2B,EAAC;AAClC,MAAMC,WAAA,GAAc,CAAC;AAEd,MAAMC,gBAAA,GAAmBA,CAC9BC,SAAA,EACAC,WAAA,EACAC,YAAA,EACAC,YAAA,KAEAb,KAAA,CAAMc,IAAA,CACJd,KAAA,CAAMe,UAAA,CAAW,CAACC,KAAA,EAAYC,GAAA,KAAQ;EACpC,MAAM;IAAEC,YAAA,GAAeX,iBAAA;IAAmB,GAAGY;EAAK,IAAIH,KAAA;EAEtD,MAAMI,QAAA,GAAWnB,UAAA,CAAWI,iBAAiB;EAI7C,MAAMgB,KAAA,GAAQT,YAAA,IAAgBQ,QAAA,GAAWhB,QAAA,CAAS,IAAI;EAEtD,MAAMkB,KAAA,GAAQT,YAAA,GAAeV,QAAA,CAAS,IAAI;EAE1C,MAAMoB,mBAAA,GAAsBD,KAAA,GACxBJ,YAAA,CAAaM,GAAA,CAAKC,IAAA,IAChBC,KAAA,CAAMC,OAAA,CAAQF,IAAI,IACd,CAAC,EAAEH,KAAA,CAAMG,IAAA,CAAK,CAAC,CAAC,KAAKA,IAAA,CAAK,CAAC,KAC3B,OAAOA,IAAA,KAAS,WACdH,KAAA,CAAMG,IAAI,IACVA,IACR,IACAP,YAAA;EAEJ,IAAIU,aAAA,GAAqBP,KAAA,IAASb,WAAA;EAClC,IAAII,YAAA,IAAgB,CAACQ,QAAA,EAAU;IAE7B,MAAMS,MAAA,GAAS3B,cAAA,CAAe;IAC9B,MAAM4B,MAAA,GAASD,MAAA,EAAQC,MAAA;IACvB,IAAIA,MAAA,EAAQ;MACV,WAAWC,CAAA,IAAKD,MAAA,EAAQ;QACtBF,aAAA,GAAgBE,MAAA,CAAOE,KAAA,IAASF,MAAA,CAAOG,IAAA,IAAQH,MAAA,CAAOC,CAAC;QACvD;MACF;IACF;IACA,IAAIG,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;MAC1CC,OAAA,CAAQC,IAAA,CACN,mKAGF;IACF;EACF;EAEA,OACE,eAAAhC,GAAA,CAACI,SAAA;IACCO,GAAA;IACAsB,KAAA,EAAO5B,WAAA,CAAYiB,aAAA,EAAeL,mBAAmB;IACpD,GAAGJ;EAAA,CACN;AAEJ,CAAC,CACH","ignoreList":[]}
+{"version":3,"file":"_withStableStyle.js","names":[],"sources":["esm/_withStableStyle.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { getConfigMaybe } from \"./config\";\nimport { getVariable } from \"./createVariable\";\nimport { useMedia } from \"./hooks/useMedia\";\nimport { useTheme } from \"./hooks/useTheme\";\nimport { ThemeStateContext } from \"./hooks/useThemeState\";\nimport { jsx } from \"react/jsx-runtime\";\nconst EMPTY_EXPRESSIONS = [];\nconst EMPTY_THEME = {};\nconst FALLBACK_THEME_CACHE = /* @__PURE__ */ new WeakMap();\nconst _withStableStyle = (Component, createStyle, hasThemeKeys, hasMediaKeys) => React.memo(function WithStableStyle(props) {\n  const { ref, ...propsWithoutRef } = props;\n  const { _expressions = EMPTY_EXPRESSIONS, ...rest } = propsWithoutRef;\n  const parentId = useContext(ThemeStateContext);\n  const theme = hasThemeKeys && parentId ? useTheme() : null;\n  const media = hasMediaKeys ? useMedia() : null;\n  const resolvedExpressions = media ? _expressions.map(\n    (expr) => (\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  let resolvedTheme = theme || EMPTY_THEME;\n  if (hasThemeKeys && !parentId) {\n    const config = getConfigMaybe();\n    const themes = config?.themes;\n    if (themes) {\n      for (const k in themes) {\n        const fallbackTheme = themes.light || themes.dark || themes[k];\n        let gettableTheme = FALLBACK_THEME_CACHE.get(fallbackTheme);\n        if (!gettableTheme) {\n          gettableTheme = {};\n          for (const key in fallbackTheme) {\n            const value = fallbackTheme[key];\n            gettableTheme[key] = typeof value?.get === \"function\" ? value : {\n              ...value && typeof value === \"object\" ? value : { val: value },\n              get: () => getVariable(value)\n            };\n          }\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(\n        \"[@tamagui] _withStableStyle: no ThemeStateContext found. This usually means duplicate tamagui instances in a monorepo. Falling back to default theme from config.\"\n      );\n    }\n  }\n  return /* @__PURE__ */ jsx(\n    Component,\n    {\n      ref,\n      style: createStyle(resolvedTheme, resolvedExpressions),\n      ...rest\n    }\n  );\n});\nexport {\n  _withStableStyle\n};\n//# sourceMappingURL=_withStableStyle.js.map\n"],"mappings":";;;;;;;;;AAOA,MAAM,oBAAoB,CAAC;AAC3B,MAAM,cAAc,CAAC;AACrB,MAAM,uCAAuC,IAAI,QAAQ;AACzD,MAAM,oBAAoB,WAAW,aAAa,cAAc,iBAAiB,MAAM,KAAK,SAAS,gBAAgB,OAAO;CAC1H,MAAM,EAAE,KAAK,GAAG,oBAAoB;CACpC,MAAM,EAAE,eAAe,mBAAmB,GAAG,SAAS;CACtD,MAAM,WAAW,WAAW,iBAAiB;CAC7C,MAAM,QAAQ,gBAAgB,WAAW,SAAS,IAAI;CACtD,MAAM,QAAQ,eAAe,SAAS,IAAI;CAC1C,MAAM,sBAAsB,QAAQ,aAAa,KAC9C,SAEC,MAAM,QAAQ,IAAI,IAAI,CAAC,EAAE,MAAM,KAAK,OAAO,KAAK,MAAM,OAAO,SAAS,WAAW,MAAM,QAAQ,IAEnG,IAAI;CACJ,IAAI,gBAAgB,SAAS;CAC7B,IAAI,gBAAgB,CAAC,UAAU;EAC7B,MAAM,SAAS,eAAe;EAC9B,MAAM,SAAS,QAAQ;EACvB,IAAI,QAAQ;GACV,KAAK,MAAM,KAAK,QAAQ;IACtB,MAAM,gBAAgB,OAAO,SAAS,OAAO,QAAQ,OAAO;IAC5D,IAAI,gBAAgB,qBAAqB,IAAI,aAAa;IAC1D,IAAI,CAAC,eAAe;KAClB,gBAAgB,CAAC;KACjB,KAAK,MAAM,OAAO,eAAe;MAC/B,MAAM,QAAQ,cAAc;MAC5B,cAAc,OAAO,OAAO,OAAO,QAAQ,aAAa,QAAQ;OAC9D,GAAG,SAAS,OAAO,UAAU,WAAW,QAAQ,EAAE,KAAK,MAAM;OAC7D,WAAW,YAAY,KAAK;MAC9B;KACF;KACA,qBAAqB,IAAI,eAAe,aAAa;IACvD;IACA,gBAAgB;IAChB;GACF;EACF;EACA,IAAI,QAAQ,IAAI,aAAa,eAAe;GAC1C,QAAQ,KACN,mKACF;EACF;CACF;CACA,OAAuB,oBACrB,WACA;EACE;EACA,OAAO,YAAY,eAAe,mBAAmB;EACrD,GAAG;CACL,CACF;AACF,CAAC"}

package/dist/esm/_withStableStyle.native.js

@@ -1,43 +1,61 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
 import { getConfigMaybe } from "./config.native.js";
+import { getVariable } from "./createVariable.native.js";
 import { useMedia } from "./hooks/useMedia.native.js";
 import { useTheme } from "./hooks/useTheme.native.js";
 import { ThemeStateContext } from "./hooks/useThemeState.native.js";
+
 var EMPTY_EXPRESSIONS = [];
 var EMPTY_THEME = {};
-var _withStableStyle = function (Component, createStyle, hasThemeKeys, hasMediaKeys) {
-  return /* @__PURE__ */React.memo(/* @__PURE__ */React.forwardRef(function (props, ref) {
-    var {
-      _expressions = EMPTY_EXPRESSIONS,
-      ...rest
-    } = props;
-    var parentId = useContext(ThemeStateContext);
-    var theme = hasThemeKeys && parentId ? useTheme() : null;
-    var media = hasMediaKeys ? 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 = 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__ */_jsx(Component, {
-      ref,
-      style: createStyle(resolvedTheme, resolvedExpressions),
-      ...rest
-    });
-  }));
+var FALLBACK_THEME_CACHE = /* @__PURE__ */ new WeakMap();
+var _withStableStyle = function(Component, createStyle, hasThemeKeys, hasMediaKeys) {
+	return /* @__PURE__ */ React.memo(function WithStableStyle(props) {
+		var { ref, ...propsWithoutRef } = props;
+		var { _expressions = EMPTY_EXPRESSIONS, ...rest } = propsWithoutRef;
+		var parentId = useContext(ThemeStateContext);
+		var theme = hasThemeKeys && parentId ? useTheme() : null;
+		var media = hasMediaKeys ? 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 = 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 === "object" ? value : { val: value },
+								get: function() {
+									return 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__ */ jsx(Component, {
+			ref,
+			style: createStyle(resolvedTheme, resolvedExpressions),
+			...rest
+		});
+	});
 };
+
 export { _withStableStyle };
 //# sourceMappingURL=_withStableStyle.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","React","useContext","getConfigMaybe","useMedia","useTheme","ThemeStateContext","EMPTY_EXPRESSIONS","EMPTY_THEME","_withStableStyle","Component","createStyle","hasThemeKeys","hasMediaKeys","memo","forwardRef","props","ref","_expressions","rest","parentId","theme","media","resolvedExpressions","map","expr","Array","isArray","resolvedTheme","config","themes","k","light","dark","process","env","NODE_ENV","console","warn","style"],"sources":["../../src/_withStableStyle.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAASC,IAAA,2BAAkB;AAClC,OAAAC,KAAS,IAAAC,UAAA,QAAsB;AAC/B,SAASC,cAAA,QAAgB;AACzB,SAASC,QAAA,QAAgB;AACzB,SAASC,QAAA,oCAAyB;AAwD1B,SAAAC,iBAAA;AApDR,IAAAC,iBAAM,KAA2B;AACjC,IAAAC,WAAM,KAAc;AAEb,IAAAC,gBAAM,YAAAA,CACXC,SACA,EAAAC,WACA,EAAAC,YACA,EAAAC,YAEA;EACE,OAAM,eAAYZ,KAAY,CAAAa,IAAQ,gBAAAb,KAAA,CAAAc,UAAA,WAAAC,KAAA,EAAAC,GAAA;IACpC;MAAMC,YAAE,GAAAX,iBAAe;MAAA,GAAmBY;IAAG,IAAKH,KAAI;IAEtD,IAAAI,QAAM,GAAAlB,UAAW,CAAAI,iBAAW;IAI5B,IAAAe,KAAM,GAAAT,YAAQ,IAAAQ,QAAgB,GAAAf,QAAW,KAAS,IAAI;IAEtD,IAAAiB,KAAM,GAAAT,YAAQ,GAAAT,QAAe,KAAS,IAAI;IAE1C,IAAAmB,mBAAM,GAAAD,KAAsB,GAAAJ,YACxB,CAAAM,GAAa,WAAAC,IAAA;MAAI,OAACC,KAChB,CAAAC,OAAM,CAAAF,IAAQ,IAAI,GACdH,KAAG,CAAAG,IAAM,IAAK,IAAEA,IAAK,IAAK,GAAC,OAC3BA,IAAO,aAAS,GAAAH,KACd,CAAAG,IAAM,IAAIA,IACV;IACR,KACAP,YAAA;IAEJ,IAAIU,aAAA,GAAqBP,KAAA,IAASb,WAAA;IAClC,IAAII,YAAA,IAAgB,CAACQ,QAAA,EAAU;MAE7B,IAAAS,MAAM,GAAA1B,cAAS;MACf,IAAA2B,MAAM,GAAAD,MAAS,KAAQ,QAAAA,MAAA,uBAAAA,MAAA,CAAAC,MAAA;MACvB,IAAIA,MAAA,EAAQ;QACV,SAAAC,CAAA,IAAWD,MAAK;UACdF,aAAA,GAAgBE,MAAA,CAAOE,KAAA,IAASF,MAAA,CAAOG,IAAA,IAAQH,MAAA,CAAOC,CAAC;UACvD;QACF;MACF;MACA,IAAIG,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;QAC1CC,OAAA,CAAQC,IAAA;MAAA;IACN;IAGF,OACF,eAAAtC,IAAA,CAAAU,SAAA;MACFO,GAAA;MAEAsB,KACE,EAAA5B,WAAA,CAAAiB,aAAA,EAAAL,mBAAA;MAAC,GAAAJ;IAAA;EAAA;AACC;AACqD,SACjDV,gBAAA","ignoreList":[]}
+{"version":3,"file":"_withStableStyle.native.js","names":[],"sources":["esm/_withStableStyle.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React, { useContext } from \"react\";\nimport { getConfigMaybe } from \"./config\";\nimport { getVariable } from \"./createVariable\";\nimport { useMedia } from \"./hooks/useMedia\";\nimport { useTheme } from \"./hooks/useTheme\";\nimport { ThemeStateContext } from \"./hooks/useThemeState\";\nvar EMPTY_EXPRESSIONS = [];\nvar EMPTY_THEME = {};\nvar FALLBACK_THEME_CACHE = /* @__PURE__ */ new WeakMap();\nvar _withStableStyle = function(Component, createStyle, hasThemeKeys, hasMediaKeys) {\n  return /* @__PURE__ */ React.memo(function WithStableStyle(props) {\n    var { ref, ...propsWithoutRef } = props;\n    var { _expressions = EMPTY_EXPRESSIONS, ...rest } = propsWithoutRef;\n    var parentId = useContext(ThemeStateContext);\n    var theme = hasThemeKeys && parentId ? useTheme() : null;\n    var media = hasMediaKeys ? 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 = 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 === \"object\" ? value : {\n                  val: value\n                },\n                get: function() {\n                  return 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__ */ _jsx(Component, {\n      ref,\n      style: createStyle(resolvedTheme, resolvedExpressions),\n      ...rest\n    });\n  });\n};\nexport {\n  _withStableStyle\n};\n//# sourceMappingURL=_withStableStyle.js.map\n"],"mappings":";;;;;;;;;AAOA,IAAI,oBAAoB,CAAC;AACzB,IAAI,cAAc,CAAC;AACnB,IAAI,uCAAuC,IAAI,QAAQ;AACvD,IAAI,mBAAmB,SAAS,WAAW,aAAa,cAAc,cAAc;CAClF,OAAuB,sBAAM,KAAK,SAAS,gBAAgB,OAAO;EAChE,IAAI,EAAE,KAAK,GAAG,oBAAoB;EAClC,IAAI,EAAE,eAAe,mBAAmB,GAAG,SAAS;EACpD,IAAI,WAAW,WAAW,iBAAiB;EAC3C,IAAI,QAAQ,gBAAgB,WAAW,SAAS,IAAI;EACpD,IAAI,QAAQ,eAAe,SAAS,IAAI;EACxC,IAAI,sBAAsB,QAAQ,aAAa,IAAI,SAAS,MAAM;GAChE,OAEE,MAAM,QAAQ,IAAI,IAAI,CAAC,EAAE,MAAM,KAAK,OAAO,KAAK,MAAM,OAAO,SAAS,WAAW,MAAM,QAAQ;EAEnG,CAAC,IAAI;EACL,IAAI,gBAAgB,SAAS;EAC7B,IAAI,gBAAgB,CAAC,UAAU;GAC7B,IAAI,SAAS,eAAe;GAC5B,IAAI,SAAS,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;GACpE,IAAI,QAAQ;IACV,KAAK,IAAI,KAAK,QAAQ;KACpB,IAAI,gBAAgB,OAAO,SAAS,OAAO,QAAQ,OAAO;KAC1D,IAAI,gBAAgB,qBAAqB,IAAI,aAAa;KAC1D,IAAI,CAAC,eAAe;MAClB,IAAI,QAAQ,SAAS,MAAM;OACzB,IAAI,QAAQ,cAAc;OAC1B,cAAc,QAAQ,QAAQ,UAAU,QAAQ,UAAU,KAAK,IAAI,KAAK,IAAI,MAAM,SAAS,aAAa,QAAQ;QAC9G,GAAG,SAAS,OAAO,UAAU,WAAW,QAAQ,EAC9C,KAAK,MACP;QACA,KAAK,WAAW;SACd,OAAO,YAAY,KAAK;QAC1B;OACF;MACF;MACA,gBAAgB,CAAC;MACjB,KAAK,IAAI,OAAO,eAAe,MAAM,GAAG;MACxC,qBAAqB,IAAI,eAAe,aAAa;KACvD;KACA,gBAAgB;KAChB;IACF;GACF;GACA,IAAI,QAAQ,IAAI,aAAa,eAAe;IAC1C,QAAQ,KAAK,mKAAmK;GAClL;EACF;EACA,OAAuB,oBAAK,WAAW;GACrC;GACA,OAAO,YAAY,eAAe,mBAAmB;GACrD,GAAG;EACL,CAAC;CACH,CAAC;AACH"}

package/dist/esm/config.mjs

@@ -1,144 +1,141 @@
 import { isWeb } from "@tamagui/constants";
 import { MISSING_THEME_MESSAGE } from "./constants/constants.mjs";
+import { formatDiagnostic } from "./helpers/formatDiagnostic.mjs";
+import { prepareConfigRevision } from "./helpers/grammarConfig.mjs";
+
 let conf;
 let setConfigCalledByThisInstance = false;
 const haventCalledErrorMessage = process.env.NODE_ENV === "development" ? `
 Haven't called createTamagui yet. ${MISSING_THEME_MESSAGE}
 ` : `\u274C Error 001`;
 const getConfigFromGlobalOrLocal = () => {
-  if (conf) {
-    return conf;
-  }
-  if (globalThis.__tamaguiConfig) {
-    if (process.env.NODE_ENV === "development" && !globalThis.__tamaguiHasWarnedGlobalFallback && !globalThis.__tamaguiPendingCheck) {
-      globalThis.__tamaguiPendingCheck = true;
-      setTimeout(() => {
-        if (!setConfigCalledByThisInstance && !globalThis.__tamaguiHasWarnedGlobalFallback) {
-          globalThis.__tamaguiHasWarnedGlobalFallback = true;
-          console.warn(`\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F
+	if (conf) {
+		return conf;
+	}
+	if (globalThis.__tamaguiConfig) {
+		if (process.env.NODE_ENV === "development" && !globalThis.__tamaguiHasWarnedGlobalFallback && !globalThis.__tamaguiPendingCheck) {
+			globalThis.__tamaguiPendingCheck = true;
+			setTimeout(() => {
+				if (!setConfigCalledByThisInstance && !globalThis.__tamaguiHasWarnedGlobalFallback) {
+					globalThis.__tamaguiHasWarnedGlobalFallback = true;
+					console.warn(`\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F
 
 Tamagui: Using global config fallback. This may indicate duplicate tamagui instances (e.g., from Vite SSR bundling). This is handled automatically, but likely causes issues!
 
 \u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F\u26A0\uFE0F`);
-        }
-        globalThis.__tamaguiPendingCheck = false;
-      }, 500);
-    }
-    return globalThis.__tamaguiConfig;
-  }
-  return null;
+				}
+				globalThis.__tamaguiPendingCheck = false;
+			}, 500);
+		}
+		return globalThis.__tamaguiConfig;
+	}
+	return null;
 };
-const getSetting = key => {
-  const config = getConfigFromGlobalOrLocal();
-  if (process.env.NODE_ENV === "development") {
-    if (!config) throw new Error(haventCalledErrorMessage);
-  }
-  return config.settings[key] ??
-  // @ts-expect-error
-  config[key];
+const getSetting = (key) => {
+	const config = getConfigFromGlobalOrLocal();
+	if (process.env.NODE_ENV === "development") {
+		if (!config) throw new Error(haventCalledErrorMessage);
+	}
+	return config.settings[key];
 };
 function getStyleCompat() {
-  const config = getConfigFromGlobalOrLocal();
-  return (config?.settings.styleCompat ?? config?.styleCompat) || "web";
+	const config = getConfigFromGlobalOrLocal();
+	return config?.settings?.styleCompat || "web";
 }
-const setConfig = next => {
-  setConfigCalledByThisInstance = true;
-  conf = next;
-  globalThis.__tamaguiConfig = next;
+const setConfig = (next) => {
+	setConfigCalledByThisInstance = true;
+	const previous = conf;
+	const previousGlobal = globalThis.__tamaguiConfig;
+	prepareConfigRevision(next);
+	if (conf !== previous || globalThis.__tamaguiConfig !== previousGlobal) return;
+	conf = next;
+	globalThis.__tamaguiConfig = next;
 };
 const setConfigFont = (name, font, fontParsed) => {
-  const config = getConfigFromGlobalOrLocal();
-  if (process.env.NODE_ENV === "development") {
-    if (!config) throw new Error(haventCalledErrorMessage);
-  }
-  config.fonts[name] = font;
-  config.fontsParsed[`$${name}`] = fontParsed;
+	const config = getConfigFromGlobalOrLocal();
+	if (process.env.NODE_ENV === "development") {
+		if (!config) throw new Error(haventCalledErrorMessage);
+	}
+	config.fonts[name] = font;
+	config.fontsParsed[name] = fontParsed;
+	prepareConfigRevision(config);
 };
 const getConfig = () => {
-  const config = getConfigFromGlobalOrLocal();
-  if (!config) {
-    throw new Error(process.env.NODE_ENV !== "production" ? `Missing tamagui config, you either have a duplicate config, or haven't set it up. Be sure createTamagui is called before rendering. Also, make sure all of your tamagui dependencies are on the same version (\`tamagui\`, \`@tamagui/package-name\`, etc.) not just in your package.json, but in your lockfile.` : "Err0");
-  }
-  return config;
+	const config = getConfigFromGlobalOrLocal();
+	if (!config) {
+		throw new Error(formatDiagnostic("Err0", "TamaguiConfig", "no config is available", "Call createTamagui before rendering and deduplicate Tamagui package versions", "config", config));
+	}
+	return config;
 };
 const getConfigMaybe = () => {
-  return getConfigFromGlobalOrLocal();
+	return getConfigFromGlobalOrLocal();
 };
+let tokens;
 function setTokens(next) {
-  globalThis.__tamaguiTokensMerged = next;
+	tokens = next;
 }
-const getTokensMerged = () => globalThis.__tamaguiTokensMerged;
-const getTokens = ({
-  prefixed
-} = {}) => {
-  const config = getConfigFromGlobalOrLocal();
-  if (process.env.NODE_ENV === "development") {
-    if (!config) throw new Error(haventCalledErrorMessage);
-  }
-  const {
-    tokens,
-    tokensParsed
-  } = config;
-  if (prefixed === false) return tokens;
-  if (prefixed === true) return tokensParsed;
-  return getTokensMerged();
+const getTokensParsed = () => getConfigFromGlobalOrLocal()?.tokensParsed ?? tokens;
+const getTokens = () => {
+	if (process.env.NODE_ENV === "development") {
+		if (!getConfigFromGlobalOrLocal()) throw new Error(haventCalledErrorMessage);
+	}
+	return getTokensParsed();
 };
 const getTokenObject = (value, group) => {
-  const config = getConfigFromGlobalOrLocal();
-  const tokensMerged = getTokensMerged();
-  return config.specificTokens[value] ?? (group ? tokensMerged[group]?.[value] : tokensMerged[Object.keys(tokensMerged).find(cat => tokensMerged[cat][value]) || ""]?.[value]);
+	const tokens2 = getTokensParsed();
+	return group ? tokens2[group]?.[value] : tokens2[Object.keys(tokens2).find((cat) => tokens2[cat][value]) || ""]?.[value];
 };
 const getToken = (value, group, useVariable = isWeb) => {
-  const token = getTokenObject(value, group);
-  return useVariable ? token?.variable : token?.val;
+	const token = getTokenObject(value, group);
+	return useVariable ? token?.variable : token?.val;
 };
 const getTokenValue = (value, group) => {
-  if (value === "unset" || value === "auto") return;
-  return getToken(value, group, false);
+	if (value === "unset" || value === "auto") return;
+	return getToken(value, group, false);
 };
 const useTokens = getTokens;
 const getThemes = () => getConfigFromGlobalOrLocal().themes;
 const updateConfig = (key, value) => {
-  const config = getConfigFromGlobalOrLocal();
-  if (!config || !Object.prototype.hasOwnProperty.call(config, key)) {
-    return;
-  }
-  Object.assign(config[key], value);
+	const config = getConfigFromGlobalOrLocal();
+	if (!config || key === "__proto__" || !(key in config)) {
+		return;
+	}
+	Object.assign(config[key], value);
+	prepareConfigRevision(config);
 };
-const getFont = name => {
-  const conf2 = getConfig();
-  return conf2.fontsParsed[name] ?? Object.entries(conf2.fontsParsed).find(([k]) => conf2.fontsParsed[k]?.family?.["val"] === name)?.[1];
+const getFont = (name) => {
+	const conf2 = getConfig();
+	return conf2.fontsParsed[name] ?? Object.entries(conf2.fontsParsed).find(([k]) => conf2.fontsParsed[k]?.family?.["val"] === name)?.[1];
 };
 let devConfig;
 function setupDev(conf2) {
-  if (process.env.NODE_ENV === "development") {
-    devConfig = conf2;
-  }
+	if (process.env.NODE_ENV === "development") {
+		devConfig = conf2;
+	}
 }
 function loadAnimationDriver(name, driver) {
-  const config = getConfigFromGlobalOrLocal();
-  if (!config) {
-    if (process.env.NODE_ENV === "development") {
-      console.warn("loadAnimationDriver called before createTamagui");
-    }
-    return;
-  }
-  if (config.animations && !("default" in config.animations)) {
-    ;
-    config.animations = {
-      default: config.animations
-    };
-  }
-  if (config.animations) {
-    ;
-    config.animations[name] = driver;
-  } else {
-    ;
-    config.animations = {
-      default: driver,
-      [name]: driver
-    };
-  }
+	const config = getConfigFromGlobalOrLocal();
+	if (!config) {
+		if (process.env.NODE_ENV === "development") {
+			console.warn("loadAnimationDriver called before createTamagui");
+		}
+		return;
+	}
+	if (config.animations && !("default" in config.animations)) {
+		;
+		config.animations = { default: config.animations };
+	}
+	if (config.animations) {
+		;
+		config.animations[name] = driver;
+	} else {
+		;
+		config.animations = {
+			default: driver,
+			[name]: driver
+		};
+	}
 }
+
 export { devConfig, getConfig, getConfigMaybe, getFont, getSetting, getStyleCompat, getThemes, getToken, getTokenObject, getTokenValue, getTokens, loadAnimationDriver, setConfig, setConfigFont, setTokens, setupDev, updateConfig, useTokens };
 //# sourceMappingURL=config.mjs.map