@tamagui/web 2.7.7 → 3.0.0-beta.1097.1

package/dist/esm/helpers/styleToCSS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleToCSS.js","names":[],"sources":["esm/helpers/styleToCSS.js"],"sourcesContent":["import { defaultOffset } from \"./defaultOffset\";\nimport { normalizeColor } from \"./normalizeColor\";\nimport { normalizeValueWithProperty } from \"./normalizeValueWithProperty\";\nfunction styleToCSS(style) {\n  const { shadowOffset, shadowRadius, shadowColor, shadowOpacity } = style;\n  if (shadowRadius != null || shadowColor || shadowOffset != null || shadowOpacity != null) {\n    const offset = shadowOffset || defaultOffset;\n    const width = normalizeValueWithProperty(offset.width);\n    const height = normalizeValueWithProperty(offset.height);\n    const radius = normalizeValueWithProperty(shadowRadius);\n    const color = normalizeColor(shadowColor, shadowOpacity);\n    if (color) {\n      const shadow = `${width} ${height} ${radius} ${color}`;\n      style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow;\n    }\n    delete style.shadowOffset;\n    delete style.shadowRadius;\n    delete style.shadowColor;\n    delete style.shadowOpacity;\n  }\n  const { textShadowColor, textShadowOffset, textShadowRadius } = style;\n  if (textShadowColor || textShadowOffset || textShadowRadius) {\n    const { height, width } = textShadowOffset || defaultOffset;\n    const radius = textShadowRadius || 0;\n    const color = normalizeValueWithProperty(textShadowColor, \"textShadowColor\");\n    if (color && (height !== 0 || width !== 0 || radius !== 0)) {\n      const blurRadius = normalizeValueWithProperty(radius);\n      const offsetX = normalizeValueWithProperty(width);\n      const offsetY = normalizeValueWithProperty(height);\n      style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;\n    }\n    delete style.textShadowColor;\n    delete style.textShadowOffset;\n    delete style.textShadowRadius;\n  }\n}\nexport {\n  styleToCSS\n};\n//# sourceMappingURL=styleToCSS.js.map\n"],"mappings":";;;;;AAGA,SAAS,WAAW,OAAO;CACzB,MAAM,EAAE,cAAc,cAAc,aAAa,kBAAkB;CACnE,IAAI,gBAAgB,QAAQ,eAAe,gBAAgB,QAAQ,iBAAiB,MAAM;EACxF,MAAM,SAAS,gBAAgB;EAC/B,MAAM,QAAQ,2BAA2B,OAAO,KAAK;EACrD,MAAM,SAAS,2BAA2B,OAAO,MAAM;EACvD,MAAM,SAAS,2BAA2B,YAAY;EACtD,MAAM,QAAQ,eAAe,aAAa,aAAa;EACvD,IAAI,OAAO;GACT,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG;GAC/C,MAAM,YAAY,MAAM,YAAY,GAAG,MAAM,UAAU,IAAI,WAAW;EACxE;EACA,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;CACf;CACA,MAAM,EAAE,iBAAiB,kBAAkB,qBAAqB;CAChE,IAAI,mBAAmB,oBAAoB,kBAAkB;EAC3D,MAAM,EAAE,QAAQ,UAAU,oBAAoB;EAC9C,MAAM,SAAS,oBAAoB;EACnC,MAAM,QAAQ,2BAA2B,iBAAiB,iBAAiB;EAC3E,IAAI,UAAU,WAAW,KAAK,UAAU,KAAK,WAAW,IAAI;GAC1D,MAAM,aAAa,2BAA2B,MAAM;GACpD,MAAM,UAAU,2BAA2B,KAAK;GAChD,MAAM,UAAU,2BAA2B,MAAM;GACjD,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG;EAC5D;EACA,OAAO,MAAM;EACb,OAAO,MAAM;EACb,OAAO,MAAM;CACf;AACF"}

package/dist/esm/helpers/styleToCSS.native.js

@@ -0,0 +1,4 @@
+function styleToCSS(_style) {}
+
+export { styleToCSS };
+//# sourceMappingURL=styleToCSS.native.js.map

package/dist/esm/helpers/styleToCSS.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleToCSS.native.js","names":[],"sources":["esm/helpers/styleToCSS.native.js"],"sourcesContent":["function styleToCSS(_style) {\n}\nexport {\n  styleToCSS\n};\n//# sourceMappingURL=styleToCSS.native.js.map\n"],"mappings":";AAAA,SAAS,WAAW,QAAQ,CAC5B"}

package/dist/esm/helpers/styledDynamic.mjs

@@ -0,0 +1,137 @@
+import { getSetting } from "../config.mjs";
+import { getVariableValue } from "../createVariable.mjs";
+import { styledDynamicSymbol } from "../types.mjs";
+
+const fontLanguageCache = /* @__PURE__ */ new WeakMap();
+function getFontsForLanguage(fonts, language) {
+	if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);
+	const next = { ...fonts };
+	for (const name in language) {
+		const 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") && styledDynamicSymbol in value;
+}
+const bareStyledDynamic = { [styledDynamicSymbol]: true };
+const dynamicSpreadProbe = /* @__PURE__ */ Symbol("tamagui.dynamicSpreadProbe");
+const dynamicComputedProbe = "__tamagui_dynamic_computed_key__";
+const dynamicComputedNumberProbe = 712367821;
+const dynamicShapeProbeValues = /* @__PURE__ */ new WeakSet();
+function createDynamicShapeProbe() {
+	const target = function() {};
+	let probe;
+	probe = new Proxy(target, {
+		apply: () => probe,
+		construct: () => probe,
+		get: (_target, key) => {
+			if (key === Symbol.toPrimitive) {
+				return (hint) => hint === "number" ? dynamicComputedNumberProbe : dynamicComputedProbe;
+			}
+			if (key === Symbol.iterator) {
+				return function* () {
+					yield dynamicComputedProbe;
+				};
+			}
+			if (key === dynamicSpreadProbe) return true;
+			return probe;
+		},
+		getOwnPropertyDescriptor: (target2, key) => key === dynamicSpreadProbe ? {
+			configurable: true,
+			enumerable: true,
+			value: true
+		} : Reflect.getOwnPropertyDescriptor(target2, key),
+		ownKeys: (target2) => [...Reflect.ownKeys(target2), dynamicSpreadProbe]
+	});
+	dynamicShapeProbeValues.add(probe);
+	return probe;
+}
+function findDynamicShapeViolation(value) {
+	if (!value || typeof value !== "object" && typeof value !== "function") return;
+	const seen = /* @__PURE__ */ new WeakSet();
+	let spread = false;
+	let computed = false;
+	const visit = (current) => {
+		if (dynamicShapeProbeValues.has(current) || seen.has(current)) return;
+		seen.add(current);
+		let descriptors;
+		try {
+			descriptors = Object.getOwnPropertyDescriptors(current);
+		} catch {
+			return;
+		}
+		for (const key of Reflect.ownKeys(descriptors)) {
+			if (key === dynamicSpreadProbe) spread = true;
+			if (typeof key === "string" && (key.includes(dynamicComputedProbe) || key === String(dynamicComputedNumberProbe))) {
+				computed = true;
+			}
+			const nested = descriptors[key]?.value;
+			if (nested && (typeof nested === "object" || typeof nested === "function")) {
+				visit(nested);
+			}
+		}
+	};
+	visit(value);
+	if (spread || computed) return {
+		spread,
+		computed
+	};
+}
+function validateDynamicShape(fn) {
+	try {
+		const probe = createDynamicShapeProbe();
+		const warn = console.warn;
+		let output;
+		try {
+			console.warn = () => {};
+			output = fn(probe, probe);
+		} finally {
+			console.warn = warn;
+		}
+		const violation = findDynamicShapeViolation(output);
+		if (!violation) return;
+		const 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 {}
+}
+function styledDynamic(fn) {
+	if (!fn) return bareStyledDynamic;
+	if (process.env.NODE_ENV === "development") validateDynamicShape(fn);
+	fn[styledDynamicSymbol] = true;
+	return fn;
+}
+function getDynamicEnv(styleState) {
+	const cached = styleState.flatDynamicEnv;
+	if (cached) return cached;
+	const { props, conf, context, theme } = styleState;
+	let fonts = conf.fontsParsed;
+	if (context?.language) {
+		fonts = getFontsForLanguage(conf.fontsParsed, context.language);
+	}
+	const next = {
+		fonts,
+		tokens: conf.tokensParsed,
+		sizes: conf.sizes,
+		theme,
+		get fontFamily() {
+			return getVariableValue(styleState.fontFamily || props.fontFamily) || props.fontFamily || getVariableValue(getSetting("defaultFont"));
+		},
+		get font() {
+			const found = fonts[this.fontFamily];
+			if (found) return found;
+			const className = props.className;
+			if (typeof className === "string") {
+				const name = /(?:^|\s)font_(\S+)/.exec(className)?.[1];
+				if (name && fonts[name]) return fonts[name];
+			}
+			return fonts[conf.defaultFontToken];
+		}
+	};
+	return styleState.flatDynamicEnv = next;
+}
+
+export { getDynamicEnv, getFontsForLanguage, isStyledDynamic, styledDynamic };
+//# sourceMappingURL=styledDynamic.mjs.map

package/dist/esm/helpers/styledDynamic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledDynamic.js","names":[],"sources":["esm/helpers/styledDynamic.js"],"sourcesContent":["import { getSetting } from \"../config\";\nimport { getVariableValue } from \"../createVariable\";\nimport { styledDynamicSymbol } from \"../types\";\nconst fontLanguageCache = /* @__PURE__ */ new WeakMap();\nfunction getFontsForLanguage(fonts, language) {\n  if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);\n  const next = { ...fonts };\n  for (const name in language) {\n    const 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\") && styledDynamicSymbol in value;\n}\nconst bareStyledDynamic = { [styledDynamicSymbol]: true };\nconst dynamicSpreadProbe = /* @__PURE__ */ Symbol(\"tamagui.dynamicSpreadProbe\");\nconst dynamicComputedProbe = \"__tamagui_dynamic_computed_key__\";\nconst dynamicComputedNumberProbe = 712367821;\nconst dynamicShapeProbeValues = /* @__PURE__ */ new WeakSet();\nfunction createDynamicShapeProbe() {\n  const target = function() {\n  };\n  let probe;\n  probe = new Proxy(target, {\n    apply: () => probe,\n    construct: () => probe,\n    get: (_target, key) => {\n      if (key === Symbol.toPrimitive) {\n        return (hint) => hint === \"number\" ? dynamicComputedNumberProbe : dynamicComputedProbe;\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: (target2, key) => key === dynamicSpreadProbe ? { configurable: true, enumerable: true, value: true } : Reflect.getOwnPropertyDescriptor(target2, key),\n    ownKeys: (target2) => [...Reflect.ownKeys(target2), dynamicSpreadProbe]\n  });\n  dynamicShapeProbeValues.add(probe);\n  return probe;\n}\nfunction findDynamicShapeViolation(value) {\n  if (!value || typeof value !== \"object\" && typeof value !== \"function\") return;\n  const seen = /* @__PURE__ */ new WeakSet();\n  let spread = false;\n  let computed = false;\n  const visit = (current) => {\n    if (dynamicShapeProbeValues.has(current) || seen.has(current)) return;\n    seen.add(current);\n    let descriptors;\n    try {\n      descriptors = Object.getOwnPropertyDescriptors(current);\n    } catch {\n      return;\n    }\n    for (const key of Reflect.ownKeys(descriptors)) {\n      if (key === dynamicSpreadProbe) spread = true;\n      if (typeof key === \"string\" && (key.includes(dynamicComputedProbe) || key === String(dynamicComputedNumberProbe))) {\n        computed = true;\n      }\n      const nested = descriptors[key]?.value;\n      if (nested && (typeof nested === \"object\" || typeof nested === \"function\")) {\n        visit(nested);\n      }\n    }\n  };\n  visit(value);\n  if (spread || computed) return { spread, computed };\n}\nfunction validateDynamicShape(fn) {\n  try {\n    const probe = createDynamicShapeProbe();\n    const warn = console.warn;\n    let output;\n    try {\n      console.warn = () => {\n      };\n      output = fn(probe, probe);\n    } finally {\n      console.warn = warn;\n    }\n    const violation = findDynamicShapeViolation(output);\n    if (!violation) return;\n    const 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(\n      `[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    );\n  } catch {\n  }\n}\nfunction styledDynamic(fn) {\n  if (!fn) return bareStyledDynamic;\n  if (process.env.NODE_ENV === \"development\") validateDynamicShape(fn);\n  fn[styledDynamicSymbol] = true;\n  return fn;\n}\nfunction getDynamicEnv(styleState) {\n  const cached = styleState.flatDynamicEnv;\n  if (cached) return cached;\n  const { props, conf, context, theme } = styleState;\n  let fonts = conf.fontsParsed;\n  if (context?.language) {\n    fonts = getFontsForLanguage(conf.fontsParsed, context.language);\n  }\n  const next = {\n    fonts,\n    tokens: conf.tokensParsed,\n    sizes: conf.sizes,\n    theme,\n    get fontFamily() {\n      return getVariableValue(styleState.fontFamily || props.fontFamily) || props.fontFamily || getVariableValue(getSetting(\"defaultFont\"));\n    },\n    get font() {\n      const found = fonts[this.fontFamily];\n      if (found) return found;\n      const className = props.className;\n      if (typeof className === \"string\") {\n        const name = /(?:^|\\s)font_(\\S+)/.exec(className)?.[1];\n        if (name && fonts[name]) return fonts[name];\n      }\n      return fonts[conf.defaultFontToken];\n    }\n  };\n  return styleState.flatDynamicEnv = next;\n}\nexport {\n  getDynamicEnv,\n  getFontsForLanguage,\n  isStyledDynamic,\n  styledDynamic\n};\n//# sourceMappingURL=styledDynamic.js.map\n"],"mappings":"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"}

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

@@ -0,0 +1,166 @@
+import { getSetting } from "../config.native.js";
+import { getVariableValue } from "../createVariable.native.js";
+import { styledDynamicSymbol } from "../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") && styledDynamicSymbol in value;
+}
+var bareStyledDynamic = { [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[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 getVariableValue(styleState.fontFamily || props.fontFamily) || props.fontFamily || getVariableValue(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;
+}
+
+export { getDynamicEnv, getFontsForLanguage, isStyledDynamic, styledDynamic };
+//# sourceMappingURL=styledDynamic.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styledDynamic.native.js","names":[],"sources":["esm/helpers/styledDynamic.native.js"],"sourcesContent":["import { getSetting } from \"../config\";\nimport { getVariableValue } from \"../createVariable\";\nimport { styledDynamicSymbol } from \"../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\") && styledDynamicSymbol in value;\n}\nvar bareStyledDynamic = {\n  [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[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 getVariableValue(styleState.fontFamily || props.fontFamily) || props.fontFamily || getVariableValue(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}\nexport {\n  getDynamicEnv,\n  getFontsForLanguage,\n  isStyledDynamic,\n  styledDynamic\n};\n//# sourceMappingURL=styledDynamic.js.map\n"],"mappings":"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"}

package/dist/esm/helpers/subscribeToContextGroup.mjs

@@ -1,84 +1,103 @@
 import { mergeIfNotShallowEqual } from "@tamagui/is-equal-shallow";
+import { useRef } from "react";
 import { getMediaState } from "../hooks/useMedia.mjs";
-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 = 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 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 = mergeIfNotShallowEqual(group.pseudo, pseudo);
-        if (next !== group.pseudo) {
-          Object.assign(group.pseudo, pseudo);
-          didChange = true;
-        }
-      } else if (layout && mediaGroups) {
-        group.media ||= {};
-        const mediaState = getMediaState(mediaGroups, layout);
-        const next = 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: {}
-    });
-  };
+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;
 };
-export { subscribeToContextGroup };
+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 = mergeIfNotShallowEqual(group.pseudo, pseudo);
+				if (next !== group.pseudo) {
+					Object.assign(group.pseudo, pseudo);
+					didChange = true;
+				}
+			} else if (layout) {
+				if (mediaGroups) {
+					group.media ||= {};
+					const mediaState = getMediaState(mediaGroups, layout);
+					const next = 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: {} });
+	};
+};
+
+export { subscribeToContextGroup, useGroupSetRevision };
 //# sourceMappingURL=subscribeToContextGroup.mjs.map

package/dist/esm/helpers/subscribeToContextGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["mergeIfNotShallowEqual","getMediaState","subscribeToContextGroup","props","pseudoGroups","mediaGroups","groupContext","process","env","NODE_ENV","console","debug","disposables","Set","name","add","createGroupListener","forEach","d","setStateShallow","parent","dispose","subscribe","layout","pseudo","prev","didChange","group","media","has","next","Object","assign","mediaState"],"sources":["../../../src/helpers/subscribeToContextGroup.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,sBAAA,QAA8B;AACvC,SAASC,aAAA,QAAqB;AAUvB,MAAMC,uBAAA,GAA2BC,KAAA,IAAwC;EAC9E,MAAM;IAAEC,YAAA;IAAcC,WAAA;IAAaC;EAAa,IAAIH,KAAA;EACpD,IAAIC,YAAA,IAAgBC,WAAA,EAAa;IAC/B,IAAIE,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAAiB,CAACH,YAAA,EAAc;MAC3DI,OAAA,CAAQC,KAAA,CAAM,wBAAwB;IACxC;IAEA,MAAMC,WAAA,GAAc,mBAAIC,GAAA,CAAe;IAEvC,IAAIT,YAAA,EAAc;MAChB,WAAWU,IAAA,IAAQV,YAAA,EAAc;QAC/BQ,WAAA,CAAYG,GAAA,CAAIC,mBAAA,CAAoBF,IAAA,EAAMX,KAAK,CAAC;MAClD;IACF;IAEA,IAAIE,WAAA,EAAa;MACf,WAAWS,IAAA,IAAQT,WAAA,EAAa;QAC9BO,WAAA,CAAYG,GAAA,CAAIC,mBAAA,CAAoBF,IAAA,EAAMX,KAAK,CAAC;MAClD;IACF;IAEA,OAAO,MAAM;MACXS,WAAA,CAAYK,OAAA,CAASC,CAAA,IAAMA,CAAA,CAAE,CAAC;IAChC;EACF;AACF;AAEA,MAAMF,mBAAA,GAAsBA,CAC1BF,IAAA,EACA;EACEK,eAAA;EACAf,YAAA;EACAC,WAAA;EACAC;AACF,MACc;EACd,MAAMc,MAAA,GAASd,YAAA,GAAeQ,IAAI;EAElC,IAAI,CAACM,MAAA,EAAQ;IACX,OAAO,MAAM,CAAC;EAChB;EAEA,MAAMC,OAAA,GAAUD,MAAA,CAAOE,SAAA,CAAU,CAAC;IAAEC,MAAA;IAAQC;EAAO,MAAM;IACvDL,eAAA,CAAiBM,IAAA,IAAS;MACxB,IAAIC,SAAA,GAAY;MAChB,MAAMC,KAAA,GAAQF,IAAA,CAAKE,KAAA,GAAQb,IAAI,KAAK;QAClCU,MAAA,EAAQ,CAAC;QACTI,KAAA,EAAO,CAAC;MACV;MAEA,IAAIJ,MAAA,IAAUpB,YAAA,EAAcyB,GAAA,CAAIf,IAAI,GAAG;QACrCa,KAAA,CAAMH,MAAA,KAAW,CAAC;QAClB,MAAMM,IAAA,GAAO9B,sBAAA,CAAuB2B,KAAA,CAAMH,MAAA,EAAQA,MAAM;QACxD,IAAIM,IAAA,KAASH,KAAA,CAAMH,MAAA,EAAQ;UACzBO,MAAA,CAAOC,MAAA,CAAOL,KAAA,CAAMH,MAAA,EAAQA,MAAM;UAClCE,SAAA,GAAY;QACd;MACF,WAAWH,MAAA,IAAUlB,WAAA,EAAa;QAChCsB,KAAA,CAAMC,KAAA,KAAU,CAAC;QACjB,MAAMK,UAAA,GAAahC,aAAA,CAAcI,WAAA,EAAakB,MAAM;QACpD,MAAMO,IAAA,GAAO9B,sBAAA,CAAuB2B,KAAA,CAAMC,KAAA,EAAOK,UAAU;QAC3D,IAAIH,IAAA,KAASH,KAAA,CAAMC,KAAA,EAAO;UACxBG,MAAA,CAAOC,MAAA,CAAOL,KAAA,CAAMC,KAAA,EAAOE,IAAI;UAC/BJ,SAAA,GAAY;QACd;MACF;MAEA,IAAIA,SAAA,EAAW;QACb,OAAO;UACLC,KAAA,EAAO;YACL,GAAGF,IAAA,CAAKE,KAAA;YACR,CAACb,IAAI,GAAGa;UACV;QACF;MACF;MAEA,OAAOF,IAAA;IACT,CAAC;EACH,CAAC;EAED,OAAO,MAAM;IACXJ,OAAA,CAAQ;IAERF,eAAA,CAAgB;MACdQ,KAAA,EAAO,CAAC;IACV,CAAC;EACH;AACF","ignoreList":[]}
+{"version":3,"file":"subscribeToContextGroup.js","names":[],"sources":["esm/helpers/subscribeToContextGroup.js"],"sourcesContent":["import { mergeIfNotShallowEqual } from \"@tamagui/is-equal-shallow\";\nimport { useRef } from \"react\";\nimport { getMediaState } from \"../hooks/useMedia\";\nconst useGroupSetRevision = (pseudoGroups, mediaGroups) => {\n  const previous = useRef({ pseudoGroups, mediaGroups, revision: 0 });\n  if (!setsEqual(previous.current.pseudoGroups, pseudoGroups) || !setsEqual(previous.current.mediaGroups, mediaGroups)) {\n    previous.current = {\n      pseudoGroups,\n      mediaGroups,\n      revision: previous.current.revision + 1\n    };\n  }\n  return previous.current.revision;\n};\nconst setsEqual = (a, b) => {\n  if (a === b) return true;\n  if (!a || !b || a.size !== b.size) return false;\n  for (const value of a) {\n    if (!b.has(value)) return false;\n  }\n  return true;\n};\nconst subscribeToContextGroup = (props) => {\n  const { pseudoGroups, mediaGroups, groupContext } = props;\n  if (pseudoGroups || mediaGroups) {\n    if (process.env.NODE_ENV === \"development\" && !groupContext) {\n      console.debug(`No context group found`);\n    }\n    const disposables = /* @__PURE__ */ new Set();\n    if (pseudoGroups) {\n      for (const name of pseudoGroups) {\n        disposables.add(createGroupListener(name, props));\n      }\n    }\n    if (mediaGroups) {\n      for (const name of mediaGroups) {\n        disposables.add(createGroupListener(name, props));\n      }\n    }\n    return () => {\n      disposables.forEach((d) => d());\n    };\n  }\n};\nconst createGroupListener = (name, {\n  setStateShallow,\n  pseudoGroups,\n  mediaGroups,\n  groupContext\n}) => {\n  const parent = groupContext?.[name];\n  if (!parent) {\n    return () => {\n    };\n  }\n  const dispose = parent.subscribe(({ layout, pseudo }) => {\n    setStateShallow((prev) => {\n      let didChange = false;\n      const group = prev.group?.[name] || {\n        pseudo: {},\n        media: {}\n      };\n      if (pseudo && pseudoGroups?.has(name)) {\n        group.pseudo ||= {};\n        const next = mergeIfNotShallowEqual(group.pseudo, pseudo);\n        if (next !== group.pseudo) {\n          Object.assign(group.pseudo, pseudo);\n          didChange = true;\n        }\n      } else if (layout) {\n        if (mediaGroups) {\n          group.media ||= {};\n          const mediaState = getMediaState(mediaGroups, layout);\n          const next = mergeIfNotShallowEqual(group.media, mediaState);\n          if (next !== group.media) {\n            Object.assign(group.media, next);\n            didChange = true;\n          }\n        }\n        if (layout.width !== void 0) {\n          const prevWidth = group.layout?.width;\n          if (prevWidth === void 0 || Math.abs(prevWidth - layout.width) >= 0.5) {\n            group.layout = layout;\n            didChange = true;\n          }\n        }\n      }\n      if (didChange) {\n        return {\n          group: {\n            ...prev.group,\n            [name]: group\n          }\n        };\n      }\n      return prev;\n    });\n  });\n  return () => {\n    dispose();\n    setStateShallow({\n      group: {}\n    });\n  };\n};\nexport {\n  subscribeToContextGroup,\n  useGroupSetRevision\n};\n//# sourceMappingURL=subscribeToContextGroup.js.map\n"],"mappings":";;;;;AAGA,MAAM,uBAAuB,cAAc,gBAAgB;CACzD,MAAM,WAAW,OAAO;EAAE;EAAc;EAAa,UAAU;CAAE,CAAC;CAClE,IAAI,CAAC,UAAU,SAAS,QAAQ,cAAc,YAAY,KAAK,CAAC,UAAU,SAAS,QAAQ,aAAa,WAAW,GAAG;EACpH,SAAS,UAAU;GACjB;GACA;GACA,UAAU,SAAS,QAAQ,WAAW;EACxC;CACF;CACA,OAAO,SAAS,QAAQ;AAC1B;AACA,MAAM,aAAa,GAAG,MAAM;CAC1B,IAAI,MAAM,GAAG,OAAO;CACpB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO;CAC1C,KAAK,MAAM,SAAS,GAAG;EACrB,IAAI,CAAC,EAAE,IAAI,KAAK,GAAG,OAAO;CAC5B;CACA,OAAO;AACT;AACA,MAAM,2BAA2B,UAAU;CACzC,MAAM,EAAE,cAAc,aAAa,iBAAiB;CACpD,IAAI,gBAAgB,aAAa;EAC/B,IAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,cAAc;GAC3D,QAAQ,MAAM,wBAAwB;EACxC;EACA,MAAM,8BAA8B,IAAI,IAAI;EAC5C,IAAI,cAAc;GAChB,KAAK,MAAM,QAAQ,cAAc;IAC/B,YAAY,IAAI,oBAAoB,MAAM,KAAK,CAAC;GAClD;EACF;EACA,IAAI,aAAa;GACf,KAAK,MAAM,QAAQ,aAAa;IAC9B,YAAY,IAAI,oBAAoB,MAAM,KAAK,CAAC;GAClD;EACF;EACA,aAAa;GACX,YAAY,SAAS,MAAM,EAAE,CAAC;EAChC;CACF;AACF;AACA,MAAM,uBAAuB,MAAM,EACjC,iBACA,cACA,aACA,mBACI;CACJ,MAAM,SAAS,eAAe;CAC9B,IAAI,CAAC,QAAQ;EACX,aAAa,CACb;CACF;CACA,MAAM,UAAU,OAAO,WAAW,EAAE,QAAQ,aAAa;EACvD,iBAAiB,SAAS;GACxB,IAAI,YAAY;GAChB,MAAM,QAAQ,KAAK,QAAQ,SAAS;IAClC,QAAQ,CAAC;IACT,OAAO,CAAC;GACV;GACA,IAAI,UAAU,cAAc,IAAI,IAAI,GAAG;IACrC,MAAM,WAAW,CAAC;IAClB,MAAM,OAAO,uBAAuB,MAAM,QAAQ,MAAM;IACxD,IAAI,SAAS,MAAM,QAAQ;KACzB,OAAO,OAAO,MAAM,QAAQ,MAAM;KAClC,YAAY;IACd;GACF,OAAO,IAAI,QAAQ;IACjB,IAAI,aAAa;KACf,MAAM,UAAU,CAAC;KACjB,MAAM,aAAa,cAAc,aAAa,MAAM;KACpD,MAAM,OAAO,uBAAuB,MAAM,OAAO,UAAU;KAC3D,IAAI,SAAS,MAAM,OAAO;MACxB,OAAO,OAAO,MAAM,OAAO,IAAI;MAC/B,YAAY;KACd;IACF;IACA,IAAI,OAAO,UAAU,KAAK,GAAG;KAC3B,MAAM,YAAY,MAAM,QAAQ;KAChC,IAAI,cAAc,KAAK,KAAK,KAAK,IAAI,YAAY,OAAO,KAAK,KAAK,IAAK;MACrE,MAAM,SAAS;MACf,YAAY;KACd;IACF;GACF;GACA,IAAI,WAAW;IACb,OAAO,EACL,OAAO;KACL,GAAG,KAAK;MACP,OAAO;IACV,EACF;GACF;GACA,OAAO;EACT,CAAC;CACH,CAAC;CACD,aAAa;EACX,QAAQ;EACR,gBAAgB,EACd,OAAO,CAAC,EACV,CAAC;CACH;AACF"}