@tamagui/web 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/helpers/styledDynamic.native.cjs

@@ -0,0 +1,192 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styledDynamic_exports = {};
+__export(styledDynamic_exports, {
+	getDynamicEnv: () => getDynamicEnv,
+	getFontsForLanguage: () => getFontsForLanguage,
+	isStyledDynamic: () => isStyledDynamic,
+	styledDynamic: () => styledDynamic
+});
+module.exports = __toCommonJS(styledDynamic_exports);
+var import_config = require("../config.native.js");
+var import_createVariable = require("../createVariable.native.js");
+var import_types = require("../types.native.js");
+var fontLanguageCache = /* @__PURE__ */ new WeakMap();
+function getFontsForLanguage(fonts, language) {
+	if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);
+	var next = { ...fonts };
+	for (var name in language) {
+		var lang = language[name];
+		if (lang !== "default") next[name] = fonts[`${name}_${lang}`];
+	}
+	fontLanguageCache.set(language, next);
+	return next;
+}
+function isStyledDynamic(value) {
+	return !!value && (typeof value === "function" || typeof value === "object") && import_types.styledDynamicSymbol in value;
+}
+var bareStyledDynamic = { [import_types.styledDynamicSymbol]: true };
+var dynamicSpreadProbe = /* @__PURE__ */ Symbol("tamagui.dynamicSpreadProbe");
+var dynamicComputedProbe = "__tamagui_dynamic_computed_key__";
+var dynamicComputedNumberProbe = 712367821;
+var dynamicShapeProbeValues = /* @__PURE__ */ new WeakSet();
+function createDynamicShapeProbe() {
+	var target = function target2() {};
+	var probe;
+	probe = new Proxy(target, {
+		apply: function() {
+			return probe;
+		},
+		construct: function() {
+			return probe;
+		},
+		get: function(_target, key) {
+			if (key === Symbol.toPrimitive) {
+				return function(hint) {
+					return hint === "number" ? dynamicComputedNumberProbe : dynamicComputedProbe;
+				};
+			}
+			if (key === Symbol.iterator) {
+				return function* () {
+					yield dynamicComputedProbe;
+				};
+			}
+			if (key === dynamicSpreadProbe) return true;
+			return probe;
+		},
+		getOwnPropertyDescriptor: function(target2, key) {
+			return key === dynamicSpreadProbe ? {
+				configurable: true,
+				enumerable: true,
+				value: true
+			} : Reflect.getOwnPropertyDescriptor(target2, key);
+		},
+		ownKeys: function(target2) {
+			return [...Reflect.ownKeys(target2), dynamicSpreadProbe];
+		}
+	});
+	dynamicShapeProbeValues.add(probe);
+	return probe;
+}
+function findDynamicShapeViolation(value) {
+	if (!value || typeof value !== "object" && typeof value !== "function") return;
+	var seen = /* @__PURE__ */ new WeakSet();
+	var spread = false;
+	var computed = false;
+	var visit = function(current) {
+		if (dynamicShapeProbeValues.has(current) || seen.has(current)) return;
+		seen.add(current);
+		var descriptors;
+		try {
+			descriptors = Object.getOwnPropertyDescriptors(current);
+		} catch (e) {
+			return;
+		}
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = Reflect.ownKeys(descriptors)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var key = _step.value;
+				var _descriptors_key;
+				if (key === dynamicSpreadProbe) spread = true;
+				if (typeof key === "string" && (key.includes(dynamicComputedProbe) || key === String(dynamicComputedNumberProbe))) {
+					computed = true;
+				}
+				var nested = (_descriptors_key = descriptors[key]) === null || _descriptors_key === void 0 ? void 0 : _descriptors_key.value;
+				if (nested && (typeof nested === "object" || typeof nested === "function")) {
+					visit(nested);
+				}
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) {
+					_iterator.return();
+				}
+			} finally {
+				if (_didIteratorError) {
+					throw _iteratorError;
+				}
+			}
+		}
+	};
+	visit(value);
+	if (spread || computed) return {
+		spread,
+		computed
+	};
+}
+function validateDynamicShape(fn) {
+	try {
+		var probe = createDynamicShapeProbe();
+		var warn = console.warn;
+		var output;
+		try {
+			console.warn = function() {};
+			output = fn(probe, probe);
+		} finally {
+			console.warn = warn;
+		}
+		var violation = findDynamicShapeViolation(output);
+		if (!violation) return;
+		var reasons = [violation.spread ? "a spread from a dynamic input" : "", violation.computed ? "a computed key from a dynamic input" : ""].filter(Boolean);
+		console.warn(`[tamagui] styled.dynamic${fn.name ? ` (${fn.name})` : ""} returned ${reasons.join(" and ")} during its development shape check. Dynamic style bodies require static object keys for extraction; this definition will deopt instead.`);
+	} catch (e) {}
+}
+function styledDynamic(fn) {
+	if (!fn) return bareStyledDynamic;
+	if (process.env.NODE_ENV === "development") validateDynamicShape(fn);
+	fn[import_types.styledDynamicSymbol] = true;
+	return fn;
+}
+function getDynamicEnv(styleState) {
+	var cached = styleState.flatDynamicEnv;
+	if (cached) return cached;
+	var { props, conf, context, theme } = styleState;
+	var fonts = conf.fontsParsed;
+	if (context === null || context === void 0 ? void 0 : context.language) {
+		fonts = getFontsForLanguage(conf.fontsParsed, context.language);
+	}
+	var next = {
+		fonts,
+		tokens: conf.tokensParsed,
+		sizes: conf.sizes,
+		theme,
+		get fontFamily() {
+			return (0, import_createVariable.getVariableValue)(styleState.fontFamily || props.fontFamily) || props.fontFamily || (0, import_createVariable.getVariableValue)((0, import_config.getSetting)("defaultFont"));
+		},
+		get font() {
+			var found = fonts[this.fontFamily];
+			if (found) return found;
+			var className = props.className;
+			if (typeof className === "string") {
+				var _exec;
+				var name = (_exec = /(?:^|\s)font_(\S+)/.exec(className)) === null || _exec === void 0 ? void 0 : _exec[1];
+				if (name && fonts[name]) return fonts[name];
+			}
+			return fonts[conf.defaultFontToken];
+		}
+	};
+	return styleState.flatDynamicEnv = next;
+}

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

@@ -0,0 +1,194 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styledDynamic_exports = {};
+__export(styledDynamic_exports, {
+	getDynamicEnv: () => getDynamicEnv,
+	getFontsForLanguage: () => getFontsForLanguage,
+	isStyledDynamic: () => isStyledDynamic,
+	styledDynamic: () => styledDynamic
+});
+module.exports = __toCommonJS(styledDynamic_exports);
+var import_config = require("../config.native.js");
+var import_createVariable = require("../createVariable.native.js");
+var import_types = require("../types.native.js");
+var fontLanguageCache = /* @__PURE__ */ new WeakMap();
+function getFontsForLanguage(fonts, language) {
+	if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);
+	var next = { ...fonts };
+	for (var name in language) {
+		var lang = language[name];
+		if (lang !== "default") next[name] = fonts[`${name}_${lang}`];
+	}
+	fontLanguageCache.set(language, next);
+	return next;
+}
+function isStyledDynamic(value) {
+	return !!value && (typeof value === "function" || typeof value === "object") && import_types.styledDynamicSymbol in value;
+}
+var bareStyledDynamic = { [import_types.styledDynamicSymbol]: true };
+var dynamicSpreadProbe = /* @__PURE__ */ Symbol("tamagui.dynamicSpreadProbe");
+var dynamicComputedProbe = "__tamagui_dynamic_computed_key__";
+var dynamicComputedNumberProbe = 712367821;
+var dynamicShapeProbeValues = /* @__PURE__ */ new WeakSet();
+function createDynamicShapeProbe() {
+	var target = function target2() {};
+	var probe;
+	probe = new Proxy(target, {
+		apply: function() {
+			return probe;
+		},
+		construct: function() {
+			return probe;
+		},
+		get: function(_target, key) {
+			if (key === Symbol.toPrimitive) {
+				return function(hint) {
+					return hint === "number" ? dynamicComputedNumberProbe : dynamicComputedProbe;
+				};
+			}
+			if (key === Symbol.iterator) {
+				return function* () {
+					yield dynamicComputedProbe;
+				};
+			}
+			if (key === dynamicSpreadProbe) return true;
+			return probe;
+		},
+		getOwnPropertyDescriptor: function(target2, key) {
+			return key === dynamicSpreadProbe ? {
+				configurable: true,
+				enumerable: true,
+				value: true
+			} : Reflect.getOwnPropertyDescriptor(target2, key);
+		},
+		ownKeys: function(target2) {
+			return [...Reflect.ownKeys(target2), dynamicSpreadProbe];
+		}
+	});
+	dynamicShapeProbeValues.add(probe);
+	return probe;
+}
+function findDynamicShapeViolation(value) {
+	if (!value || typeof value !== "object" && typeof value !== "function") return;
+	var seen = /* @__PURE__ */ new WeakSet();
+	var spread = false;
+	var computed = false;
+	var visit = function(current) {
+		if (dynamicShapeProbeValues.has(current) || seen.has(current)) return;
+		seen.add(current);
+		var descriptors;
+		try {
+			descriptors = Object.getOwnPropertyDescriptors(current);
+		} catch (e) {
+			return;
+		}
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = Reflect.ownKeys(descriptors)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var key = _step.value;
+				var _descriptors_key;
+				if (key === dynamicSpreadProbe) spread = true;
+				if (typeof key === "string" && (key.includes(dynamicComputedProbe) || key === String(dynamicComputedNumberProbe))) {
+					computed = true;
+				}
+				var nested = (_descriptors_key = descriptors[key]) === null || _descriptors_key === void 0 ? void 0 : _descriptors_key.value;
+				if (nested && (typeof nested === "object" || typeof nested === "function")) {
+					visit(nested);
+				}
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) {
+					_iterator.return();
+				}
+			} finally {
+				if (_didIteratorError) {
+					throw _iteratorError;
+				}
+			}
+		}
+	};
+	visit(value);
+	if (spread || computed) return {
+		spread,
+		computed
+	};
+}
+function validateDynamicShape(fn) {
+	try {
+		var probe = createDynamicShapeProbe();
+		var warn = console.warn;
+		var output;
+		try {
+			console.warn = function() {};
+			output = fn(probe, probe);
+		} finally {
+			console.warn = warn;
+		}
+		var violation = findDynamicShapeViolation(output);
+		if (!violation) return;
+		var reasons = [violation.spread ? "a spread from a dynamic input" : "", violation.computed ? "a computed key from a dynamic input" : ""].filter(Boolean);
+		console.warn(`[tamagui] styled.dynamic${fn.name ? ` (${fn.name})` : ""} returned ${reasons.join(" and ")} during its development shape check. Dynamic style bodies require static object keys for extraction; this definition will deopt instead.`);
+	} catch (e) {}
+}
+function styledDynamic(fn) {
+	if (!fn) return bareStyledDynamic;
+	if (process.env.NODE_ENV === "development") validateDynamicShape(fn);
+	fn[import_types.styledDynamicSymbol] = true;
+	return fn;
+}
+function getDynamicEnv(styleState) {
+	var cached = styleState.flatDynamicEnv;
+	if (cached) return cached;
+	var { props, conf, context, theme } = styleState;
+	var fonts = conf.fontsParsed;
+	if (context === null || context === void 0 ? void 0 : context.language) {
+		fonts = getFontsForLanguage(conf.fontsParsed, context.language);
+	}
+	var next = {
+		fonts,
+		tokens: conf.tokensParsed,
+		sizes: conf.sizes,
+		theme,
+		get fontFamily() {
+			return (0, import_createVariable.getVariableValue)(styleState.fontFamily || props.fontFamily) || props.fontFamily || (0, import_createVariable.getVariableValue)((0, import_config.getSetting)("defaultFont"));
+		},
+		get font() {
+			var found = fonts[this.fontFamily];
+			if (found) return found;
+			var className = props.className;
+			if (typeof className === "string") {
+				var _exec;
+				var name = (_exec = /(?:^|\s)font_(\S+)/.exec(className)) === null || _exec === void 0 ? void 0 : _exec[1];
+				if (name && fonts[name]) return fonts[name];
+			}
+			return fonts[conf.defaultFontToken];
+		}
+	};
+	return styleState.flatDynamicEnv = next;
+}
+
+//# sourceMappingURL=styledDynamic.native.js.map

package/dist/cjs/helpers/styledDynamic.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledDynamic.native.js","names":[],"sources":["cjs/helpers/styledDynamic.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 styledDynamic_exports = {};\n__export(styledDynamic_exports, {\n  getDynamicEnv: () => getDynamicEnv,\n  getFontsForLanguage: () => getFontsForLanguage,\n  isStyledDynamic: () => isStyledDynamic,\n  styledDynamic: () => styledDynamic\n});\nmodule.exports = __toCommonJS(styledDynamic_exports);\nvar import_config = require(\"../config\");\nvar import_createVariable = require(\"../createVariable\");\nvar import_types = require(\"../types\");\nvar fontLanguageCache = /* @__PURE__ */ new WeakMap();\nfunction getFontsForLanguage(fonts, language) {\n  if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);\n  var next = {\n    ...fonts\n  };\n  for (var name in language) {\n    var lang = language[name];\n    if (lang !== \"default\") next[name] = fonts[`${name}_${lang}`];\n  }\n  fontLanguageCache.set(language, next);\n  return next;\n}\nfunction isStyledDynamic(value) {\n  return !!value && (typeof value === \"function\" || typeof value === \"object\") && import_types.styledDynamicSymbol in value;\n}\nvar bareStyledDynamic = {\n  [import_types.styledDynamicSymbol]: true\n};\nvar dynamicSpreadProbe = /* @__PURE__ */ Symbol(\"tamagui.dynamicSpreadProbe\");\nvar dynamicComputedProbe = \"__tamagui_dynamic_computed_key__\";\nvar dynamicComputedNumberProbe = 712367821;\nvar dynamicShapeProbeValues = /* @__PURE__ */ new WeakSet();\nfunction createDynamicShapeProbe() {\n  var target = function target2() {\n  };\n  var probe;\n  probe = new Proxy(target, {\n    apply: function() {\n      return probe;\n    },\n    construct: function() {\n      return probe;\n    },\n    get: function(_target, key) {\n      if (key === Symbol.toPrimitive) {\n        return function(hint) {\n          return hint === \"number\" ? dynamicComputedNumberProbe : dynamicComputedProbe;\n        };\n      }\n      if (key === Symbol.iterator) {\n        return function* () {\n          yield dynamicComputedProbe;\n        };\n      }\n      if (key === dynamicSpreadProbe) return true;\n      return probe;\n    },\n    getOwnPropertyDescriptor: function(target2, key) {\n      return key === dynamicSpreadProbe ? {\n        configurable: true,\n        enumerable: true,\n        value: true\n      } : Reflect.getOwnPropertyDescriptor(target2, key);\n    },\n    ownKeys: function(target2) {\n      return [\n        ...Reflect.ownKeys(target2),\n        dynamicSpreadProbe\n      ];\n    }\n  });\n  dynamicShapeProbeValues.add(probe);\n  return probe;\n}\nfunction findDynamicShapeViolation(value) {\n  if (!value || typeof value !== \"object\" && typeof value !== \"function\") return;\n  var seen = /* @__PURE__ */ new WeakSet();\n  var spread = false;\n  var computed = false;\n  var visit = function(current) {\n    if (dynamicShapeProbeValues.has(current) || seen.has(current)) return;\n    seen.add(current);\n    var descriptors;\n    try {\n      descriptors = Object.getOwnPropertyDescriptors(current);\n    } catch (e) {\n      return;\n    }\n    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n    try {\n      for (var _iterator = Reflect.ownKeys(descriptors)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n        var key = _step.value;\n        var _descriptors_key;\n        if (key === dynamicSpreadProbe) spread = true;\n        if (typeof key === \"string\" && (key.includes(dynamicComputedProbe) || key === String(dynamicComputedNumberProbe))) {\n          computed = true;\n        }\n        var nested = (_descriptors_key = descriptors[key]) === null || _descriptors_key === void 0 ? void 0 : _descriptors_key.value;\n        if (nested && (typeof nested === \"object\" || typeof nested === \"function\")) {\n          visit(nested);\n        }\n      }\n    } catch (err) {\n      _didIteratorError = true;\n      _iteratorError = err;\n    } finally {\n      try {\n        if (!_iteratorNormalCompletion && _iterator.return != null) {\n          _iterator.return();\n        }\n      } finally {\n        if (_didIteratorError) {\n          throw _iteratorError;\n        }\n      }\n    }\n  };\n  visit(value);\n  if (spread || computed) return {\n    spread,\n    computed\n  };\n}\nfunction validateDynamicShape(fn) {\n  try {\n    var probe = createDynamicShapeProbe();\n    var warn = console.warn;\n    var output;\n    try {\n      console.warn = function() {\n      };\n      output = fn(probe, probe);\n    } finally {\n      console.warn = warn;\n    }\n    var violation = findDynamicShapeViolation(output);\n    if (!violation) return;\n    var reasons = [\n      violation.spread ? \"a spread from a dynamic input\" : \"\",\n      violation.computed ? \"a computed key from a dynamic input\" : \"\"\n    ].filter(Boolean);\n    console.warn(`[tamagui] styled.dynamic${fn.name ? ` (${fn.name})` : \"\"} returned ${reasons.join(\" and \")} during its development shape check. Dynamic style bodies require static object keys for extraction; this definition will deopt instead.`);\n  } catch (e) {\n  }\n}\nfunction styledDynamic(fn) {\n  if (!fn) return bareStyledDynamic;\n  if (process.env.NODE_ENV === \"development\") validateDynamicShape(fn);\n  fn[import_types.styledDynamicSymbol] = true;\n  return fn;\n}\nfunction getDynamicEnv(styleState) {\n  var cached = styleState.flatDynamicEnv;\n  if (cached) return cached;\n  var { props, conf, context, theme } = styleState;\n  var fonts = conf.fontsParsed;\n  if (context === null || context === void 0 ? void 0 : context.language) {\n    fonts = getFontsForLanguage(conf.fontsParsed, context.language);\n  }\n  var next = {\n    fonts,\n    tokens: conf.tokensParsed,\n    sizes: conf.sizes,\n    theme,\n    get fontFamily() {\n      return (0, import_createVariable.getVariableValue)(styleState.fontFamily || props.fontFamily) || props.fontFamily || (0, import_createVariable.getVariableValue)((0, import_config.getSetting)(\"defaultFont\"));\n    },\n    get font() {\n      var found = fonts[this.fontFamily];\n      if (found) return found;\n      var className = props.className;\n      if (typeof className === \"string\") {\n        var _exec;\n        var name = (_exec = /(?:^|\\s)font_(\\S+)/.exec(className)) === null || _exec === void 0 ? void 0 : _exec[1];\n        if (name && fonts[name]) return fonts[name];\n      }\n      return fonts[conf.defaultFontToken];\n    }\n  };\n  return styleState.flatDynamicEnv = next;\n}\n//# sourceMappingURL=styledDynamic.js.map\n"],"mappings":"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"}

package/dist/cjs/helpers/subscribeToContextGroup.cjs

@@ -3,107 +3,123 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var subscribeToContextGroup_exports = {};
 __export(subscribeToContextGroup_exports, {
-  subscribeToContextGroup: () => subscribeToContextGroup
+	subscribeToContextGroup: () => subscribeToContextGroup,
+	useGroupSetRevision: () => useGroupSetRevision
 });
 module.exports = __toCommonJS(subscribeToContextGroup_exports);
 var import_is_equal_shallow = require("@tamagui/is-equal-shallow");
+var import_react = require("react");
 var import_useMedia = require("../hooks/useMedia.cjs");
-const subscribeToContextGroup = props => {
-  const {
-    pseudoGroups,
-    mediaGroups,
-    groupContext
-  } = props;
-  if (pseudoGroups || mediaGroups) {
-    if (process.env.NODE_ENV === "development" && !groupContext) {
-      console.debug(`No context group found`);
-    }
-    const disposables = /* @__PURE__ */new Set();
-    if (pseudoGroups) {
-      for (const name of pseudoGroups) {
-        disposables.add(createGroupListener(name, props));
-      }
-    }
-    if (mediaGroups) {
-      for (const name of mediaGroups) {
-        disposables.add(createGroupListener(name, props));
-      }
-    }
-    return () => {
-      disposables.forEach(d => d());
-    };
-  }
+const useGroupSetRevision = (pseudoGroups, mediaGroups) => {
+	const previous = (0, import_react.useRef)({
+		pseudoGroups,
+		mediaGroups,
+		revision: 0
+	});
+	if (!setsEqual(previous.current.pseudoGroups, pseudoGroups) || !setsEqual(previous.current.mediaGroups, mediaGroups)) {
+		previous.current = {
+			pseudoGroups,
+			mediaGroups,
+			revision: previous.current.revision + 1
+		};
+	}
+	return previous.current.revision;
+};
+const setsEqual = (a, b) => {
+	if (a === b) return true;
+	if (!a || !b || a.size !== b.size) return false;
+	for (const value of a) {
+		if (!b.has(value)) return false;
+	}
+	return true;
+};
+const subscribeToContextGroup = (props) => {
+	const { pseudoGroups, mediaGroups, groupContext } = props;
+	if (pseudoGroups || mediaGroups) {
+		if (process.env.NODE_ENV === "development" && !groupContext) {
+			console.debug(`No context group found`);
+		}
+		const disposables = /* @__PURE__ */ new Set();
+		if (pseudoGroups) {
+			for (const name of pseudoGroups) {
+				disposables.add(createGroupListener(name, props));
+			}
+		}
+		if (mediaGroups) {
+			for (const name of mediaGroups) {
+				disposables.add(createGroupListener(name, props));
+			}
+		}
+		return () => {
+			disposables.forEach((d) => d());
+		};
+	}
+};
+const createGroupListener = (name, { setStateShallow, pseudoGroups, mediaGroups, groupContext }) => {
+	const parent = groupContext?.[name];
+	if (!parent) {
+		return () => {};
+	}
+	const dispose = parent.subscribe(({ layout, pseudo }) => {
+		setStateShallow((prev) => {
+			let didChange = false;
+			const group = prev.group?.[name] || {
+				pseudo: {},
+				media: {}
+			};
+			if (pseudo && pseudoGroups?.has(name)) {
+				group.pseudo ||= {};
+				const next = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(group.pseudo, pseudo);
+				if (next !== group.pseudo) {
+					Object.assign(group.pseudo, pseudo);
+					didChange = true;
+				}
+			} else if (layout) {
+				if (mediaGroups) {
+					group.media ||= {};
+					const mediaState = (0, import_useMedia.getMediaState)(mediaGroups, layout);
+					const next = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(group.media, mediaState);
+					if (next !== group.media) {
+						Object.assign(group.media, next);
+						didChange = true;
+					}
+				}
+				if (layout.width !== void 0) {
+					const prevWidth = group.layout?.width;
+					if (prevWidth === void 0 || Math.abs(prevWidth - layout.width) >= .5) {
+						group.layout = layout;
+						didChange = true;
+					}
+				}
+			}
+			if (didChange) {
+				return { group: {
+					...prev.group,
+					[name]: group
+				} };
+			}
+			return prev;
+		});
+	});
+	return () => {
+		dispose();
+		setStateShallow({ group: {} });
+	};
 };
-const createGroupListener = (name, {
-  setStateShallow,
-  pseudoGroups,
-  mediaGroups,
-  groupContext
-}) => {
-  const parent = groupContext?.[name];
-  if (!parent) {
-    return () => {};
-  }
-  const dispose = parent.subscribe(({
-    layout,
-    pseudo
-  }) => {
-    setStateShallow(prev => {
-      let didChange = false;
-      const group = prev.group?.[name] || {
-        pseudo: {},
-        media: {}
-      };
-      if (pseudo && pseudoGroups?.has(name)) {
-        group.pseudo ||= {};
-        const next = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(group.pseudo, pseudo);
-        if (next !== group.pseudo) {
-          Object.assign(group.pseudo, pseudo);
-          didChange = true;
-        }
-      } else if (layout && mediaGroups) {
-        group.media ||= {};
-        const mediaState = (0, import_useMedia.getMediaState)(mediaGroups, layout);
-        const next = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(group.media, mediaState);
-        if (next !== group.media) {
-          Object.assign(group.media, next);
-          didChange = true;
-        }
-      }
-      if (didChange) {
-        return {
-          group: {
-            ...prev.group,
-            [name]: group
-          }
-        };
-      }
-      return prev;
-    });
-  });
-  return () => {
-    dispose();
-    setStateShallow({
-      group: {}
-    });
-  };
-};