@tamagui/web 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/helpers/insertStyleRule.cjs

@@ -1,233 +1,298 @@
+
 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
-  });
+	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 insertStyleRule_exports = {};
 __export(insertStyleRule_exports, {
-  getAllRules: () => getAllRules,
-  getAllSelectors: () => getAllSelectors,
-  insertStyleRules: () => insertStyleRules,
-  scanAllSheets: () => scanAllSheets,
-  setNonce: () => setNonce,
-  shouldInsertStyleRules: () => shouldInsertStyleRules,
-  stopAccumulatingRules: () => stopAccumulatingRules,
-  updateRules: () => updateRules
+	getAllRules: () => getAllRules,
+	getAllSelectors: () => getAllSelectors,
+	getThemeNameFromSelector: () => getThemeNameFromSelector,
+	insertStyleRules: () => insertStyleRules,
+	scanAllSheets: () => scanAllSheets,
+	setNonce: () => setNonce,
+	shouldInsertStyleRules: () => shouldInsertStyleRules,
+	stopAccumulatingRules: () => stopAccumulatingRules,
+	updateRules: () => updateRules,
+	wrapStyleRules: () => wrapStyleRules
 });
 module.exports = __toCommonJS(insertStyleRule_exports);
 var import_helpers = require("@tamagui/helpers");
 var import_createVariable = require("../createVariable.cjs");
-const scannedCache = /* @__PURE__ */new WeakMap();
-const totalSelectorsInserted = /* @__PURE__ */new Map();
+var import_formatDiagnostic = require("./formatDiagnostic.cjs");
+const scannedCache = /* @__PURE__ */ new WeakMap();
+const totalSelectorsInserted = /* @__PURE__ */ new Map();
 const allSelectors = {};
 const allRules = {};
 const getAllSelectors = () => allSelectors;
+let sortedRules = [];
+let sortedRulesStale = true;
 const getAllRules = () => {
-  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) return Object.keys(allRules).sort().map(key => allRules[key]);
-  return [];
+	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+		if (sortedRulesStale) {
+			sortedRules = Object.keys(allRules).sort().map((key) => allRules[key]);
+			sortedRulesStale = false;
+		}
+		return sortedRules;
+	}
+	return [];
 };
+function wrapStyleRules(css) {
+	const layer = process.env.TAMAGUI_CSS_LAYER;
+	return layer && css ? `@layer ${layer} {
+${css}
+}` : css;
+}
 let lastScannedSheets = null;
 function scanAllSheets(collectThemes = false, tokens) {
-  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
-    if (process.env.NODE_ENV === "test") return;
-    let themes;
-    const sheets = document.styleSheets || [];
-    const prev = lastScannedSheets;
-    const current = new Set(sheets);
-    for (const sheet2 of current) if (sheet2) {
-      const out = updateSheetStyles(sheet2, false, collectThemes, tokens);
-      if (out) themes = out;
-    }
-    lastScannedSheets = current;
-    if (prev) {
-      for (const sheet2 of prev) if (sheet2 && !current.has(sheet2)) updateSheetStyles(sheet2, true);
-    }
-    return themes;
-  }
+	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+		if (process.env.NODE_ENV === "test") return;
+		if (typeof document === "undefined") return;
+		let themes;
+		const sheets = document.styleSheets || [];
+		const prev = lastScannedSheets;
+		const current = new Set(sheets);
+		for (const sheet2 of current) if (sheet2) {
+			const out = updateSheetStyles(sheet2, false, collectThemes, tokens);
+			if (out) themes = out;
+		}
+		lastScannedSheets = current;
+		if (prev) {
+			for (const sheet2 of prev) if (sheet2 && !current.has(sheet2)) updateSheetStyles(sheet2, true);
+		}
+		return themes;
+	}
 }
 function trackInsertedStyle(id) {
-  const next = (totalSelectorsInserted.get(id) || 0) + 1;
-  totalSelectorsInserted.set(id, next);
-  return next;
+	const next = (totalSelectorsInserted.get(id) || 0) + 1;
+	totalSelectorsInserted.set(id, next);
+	return next;
 }
 const bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
 const bailAfter = bailAfterEnv ? +bailAfterEnv : 8e3;
 function updateSheetStyles(sheet2, remove = false, collectThemes = false, tokens) {
-  let rules;
-  try {
-    rules = sheet2.cssRules;
-    if (!rules) return;
-  } catch {
-    return;
-  }
-  const firstSelector = getTamaguiSelector(rules[0], collectThemes)?.[0];
-  const lastSelector = getTamaguiSelector(rules[rules.length - 1], collectThemes)?.[0];
-  const cacheKey = `${rules.length}${firstSelector}${lastSelector}`;
-  const lastScanned = scannedCache.get(sheet2);
-  if (!remove) {
-    if (lastScanned === cacheKey) return;
-  }
-  const len = rules.length;
-  let fails = 0;
-  let dedupedThemes;
-  const nameToTheme = {};
-  for (let i = 0; i < len; i++) {
-    const rule = rules[i];
-    if (!(rule instanceof CSSStyleRule)) continue;
-    const response = getTamaguiSelector(rule, collectThemes);
-    if (response) fails = 0;else {
-      fails++;
-      if (fails > bailAfter) return;
-      continue;
-    }
-    const [identifier, cssRule, isTheme] = response;
-    if (isTheme) {
-      const deduped = addThemesFromCSS(cssRule, tokens);
-      if (deduped) {
-        for (const name of deduped.names) if (nameToTheme[name]) {
-          Object.apply(nameToTheme[name], deduped.theme);
-          deduped.names = deduped.names.filter(x => x !== name);
-        } else nameToTheme[name] = deduped.theme;
-        dedupedThemes ||= [];
-        dedupedThemes.push(deduped);
-      }
-      continue;
-    }
-  }
-  scannedCache.set(sheet2, cacheKey);
-  return dedupedThemes;
+	let rules;
+	try {
+		if (!sheet2.cssRules) return;
+		rules = flattenCSSRules(sheet2.cssRules);
+	} catch {
+		return;
+	}
+	const firstSelector = getTamaguiSelector(rules[0], collectThemes)?.[0];
+	const lastSelector = getTamaguiSelector(rules[rules.length - 1], collectThemes)?.[0];
+	const cacheKey = `${rules.length}${firstSelector}${lastSelector}`;
+	const lastScanned = scannedCache.get(sheet2);
+	if (!remove) {
+		if (lastScanned === cacheKey) return;
+	}
+	const len = rules.length;
+	let fails = 0;
+	let dedupedThemes;
+	const nameToTheme = {};
+	for (let i = 0; i < len; i++) {
+		const rule = rules[i];
+		if (!(rule instanceof CSSStyleRule)) continue;
+		const response = getTamaguiSelector(rule, collectThemes);
+		if (response) fails = 0;
+		else {
+			fails++;
+			if (fails > bailAfter) return;
+			continue;
+		}
+		const [identifier, cssRule, isTheme] = response;
+		if (isTheme) {
+			const deduped = addThemesFromCSS(cssRule, tokens);
+			if (deduped) {
+				for (const name of deduped.names) if (nameToTheme[name]) {
+					Object.apply(nameToTheme[name], deduped.theme);
+					deduped.names = deduped.names.filter((x) => x !== name);
+				} else nameToTheme[name] = deduped.theme;
+				dedupedThemes ||= [];
+				dedupedThemes.push(deduped);
+			}
+			continue;
+		}
+	}
+	scannedCache.set(sheet2, cacheKey);
+	return dedupedThemes;
+}
+function flattenCSSRules(rules, output = []) {
+	for (let index = 0; index < rules.length; index++) {
+		const rule = rules[index];
+		if (rule instanceof CSSStyleRule) {
+			output.push(rule);
+			continue;
+		}
+		if ("cssRules" in rule) {
+			const nested = rule.cssRules;
+			if (nested) flattenCSSRules(nested, output);
+		}
+	}
+	return output;
 }
 let colorVarToVal;
 let rootComputedStyle = null;
 function addThemesFromCSS(cssStyleRule, tokens) {
-  const selectors = cssStyleRule.selectorText.split(",");
-  if (!selectors.length) return;
-  if (tokens?.color && !colorVarToVal) {
-    colorVarToVal = {};
-    for (const key in tokens.color) {
-      const token = tokens.color[key];
-      if (token) colorVarToVal[token.name] = token.val;
-    }
-  }
-  const rules = (cssStyleRule.cssText || "").slice(cssStyleRule.selectorText.length + 2, -1).split(";");
-  const values = {};
-  for (const rule of rules) {
-    const sepI = rule.indexOf(":");
-    if (sepI === -1) continue;
-    const varIndex = rule.indexOf("--");
-    let key = rule.slice(varIndex === -1 ? 0 : varIndex + 2, sepI);
-    if (process.env.TAMAGUI_CSS_VARIABLE_PREFIX) key = key.replace(process.env.TAMAGUI_CSS_VARIABLE_PREFIX, "");
-    const val = rule.slice(sepI + 2);
-    let value;
-    if (val[0] === "v" && val.startsWith("var(")) {
-      const varName = val.slice(6, -1);
-      const tokenVal = colorVarToVal?.[varName];
-      if (tokenVal) value = tokenVal;else {
-        rootComputedStyle ||= getComputedStyle(document.body);
-        value = rootComputedStyle.getPropertyValue("--" + varName);
-      }
-    } else value = val;
-    values[key] = (0, import_createVariable.createVariable)({
-      key,
-      name: key,
-      val: value
-    }, true);
-  }
-  const names = /* @__PURE__ */new Set();
-  for (const selector of selectors) {
-    if (selector === " .tm_xxt") continue;
-    const lastThemeSelectorIndex = selector.lastIndexOf(".t_");
-    const name = selector.slice(lastThemeSelectorIndex).slice(3);
-    const [schemeChar] = selector[lastThemeSelectorIndex - 5];
-    const scheme = schemeChar === "d" ? "dark" : schemeChar === "i" ? "light" : "";
-    const themeName = scheme && scheme !== name ? `${scheme}_${name}` : name;
-    if (!themeName || themeName === "light_dark" || themeName === "dark_light") continue;
-    names.add(themeName);
-  }
-  return {
-    names: [...names],
-    theme: values
-  };
+	const selectors = cssStyleRule.selectorText.split(",");
+	if (!selectors.length) return;
+	if (tokens?.color && !colorVarToVal) {
+		colorVarToVal = {};
+		for (const key in tokens.color) {
+			const token = tokens.color[key];
+			if (token) colorVarToVal[token.name] = token.val;
+		}
+	}
+	const rules = (cssStyleRule.cssText || "").slice(cssStyleRule.selectorText.length + 2, -1).split(";");
+	const values = {};
+	for (const rule of rules) {
+		const sepI = rule.indexOf(":");
+		if (sepI === -1) continue;
+		const varIndex = rule.indexOf("--");
+		let key = rule.slice(varIndex === -1 ? 0 : varIndex + 2, sepI);
+		if (process.env.TAMAGUI_CSS_VARIABLE_PREFIX) key = key.replace(process.env.TAMAGUI_CSS_VARIABLE_PREFIX, "");
+		const val = rule.slice(sepI + 2);
+		let value;
+		if (val[0] === "v" && val.startsWith("var(")) {
+			const varName = val.slice(6, -1);
+			const tokenVal = colorVarToVal?.[varName];
+			if (tokenVal) value = tokenVal;
+			else {
+				rootComputedStyle ||= getComputedStyle(document.body);
+				value = rootComputedStyle.getPropertyValue("--" + varName);
+			}
+		} else value = val;
+		values[key] = (0, import_createVariable.createVariable)({
+			key,
+			name: key,
+			val: value
+		}, true);
+	}
+	const names = /* @__PURE__ */ new Set();
+	for (const selector of selectors) {
+		const themeName = getThemeNameFromSelector(selector);
+		if (themeName) names.add(themeName);
+	}
+	return {
+		names: [...names],
+		theme: values
+	};
+}
+function getThemeNameFromSelector(selector) {
+	if (selector === " .tm_xxt") return;
+	const lastThemeSelectorIndex = selector.lastIndexOf(".t_");
+	if (lastThemeSelectorIndex === -1) return;
+	const name = selector.slice(lastThemeSelectorIndex + 3).match(/^[\w-]+/)?.[0];
+	if (!name) return;
+	const schemeChar = selector[lastThemeSelectorIndex - 5];
+	const scheme = schemeChar === "d" ? "dark" : schemeChar === "i" ? "light" : "";
+	const themeName = scheme && scheme !== name ? `${scheme}_${name}` : name;
+	if (themeName === "light_dark" || themeName === "dark_light") return;
+	return themeName;
 }
 const tamaguiSelectorRegex = /\.tm_xxt/;
 function getTamaguiSelector(rule, collectThemes = false) {
-  if (rule instanceof CSSStyleRule) {
-    const text = rule.selectorText;
-    if (text[0] === ":" && text[1] === "r" && tamaguiSelectorRegex.test(text)) {
-      const id = getIdentifierFromTamaguiSelector(
-      // next.js minifies it so its in front
-      text.replace(tamaguiSelectorRegex, ""));
-      return collectThemes ? [id, rule, true] : [id, rule];
-    }
-  } else if (rule instanceof CSSMediaRule) {
-    if (rule.cssRules.length > 1) return;
-    return getTamaguiSelector(rule.cssRules[0]);
-  }
+	if (rule instanceof CSSStyleRule) {
+		const text = rule.selectorText;
+		if (text[0] === ":" && text[1] === "r" && tamaguiSelectorRegex.test(text)) {
+			const id = getIdentifierFromTamaguiSelector(text.replace(tamaguiSelectorRegex, ""));
+			return collectThemes ? [
+				id,
+				rule,
+				true
+			] : [id, rule];
+		}
+	} else if (rule instanceof CSSMediaRule) {
+		if (rule.cssRules.length > 1) return;
+		return getTamaguiSelector(rule.cssRules[0]);
+	}
 }
-const getIdentifierFromTamaguiSelector = selector => {
-  const dotIndex = selector.indexOf(":");
-  if (dotIndex > -1) return selector.slice(7, dotIndex);
-  return selector.slice(7);
+const getIdentifierFromTamaguiSelector = (selector) => {
+	const dotIndex = selector.indexOf(":");
+	if (dotIndex > -1) return selector.slice(7, dotIndex);
+	return selector.slice(7);
 };
 let sheet = null;
+let mountedProviders = 0;
 let trackAllRules = true;
 function stopAccumulatingRules() {
-  trackAllRules = false;
+	mountedProviders++;
+	trackAllRules = false;
+	return () => {
+		mountedProviders--;
+		trackAllRules = mountedProviders === 0;
+	};
 }
 function updateRules(identifier, rules) {
-  if (trackAllRules) allRules[identifier] = rules.join(" ");
-  return true;
+	if (trackAllRules) {
+		allRules[identifier] = rules.join(" ");
+		sortedRulesStale = true;
+	}
+	return true;
 }
 let nonce = "";
 function setNonce(_) {
-  nonce = _;
+	nonce = _;
 }
 function insertStyleRules(rulesToInsert) {
-  if (!sheet && document.head) {
-    const styleTag = document.createElement("style");
-    styleTag.id = "_tamagui-styles";
-    if (nonce) styleTag.nonce = nonce;
-    sheet = document.head.appendChild(styleTag).sheet;
-  }
-  if (!sheet) return;
-  for (const key in rulesToInsert) {
-    const styleObject = rulesToInsert[key];
-    const identifier = styleObject[import_helpers.StyleObjectIdentifier];
-    if (!shouldInsertStyleRules(identifier)) continue;
-    const rules = styleObject[import_helpers.StyleObjectRules];
-    allSelectors[identifier] = rules.join("\n");
-    trackInsertedStyle(identifier);
-    updateRules(identifier, rules);
-    try {
-      for (const rule of rules) sheet.insertRule(rule, sheet.cssRules.length);
-    } catch (err) {
-      if (process.env.NODE_ENV === "production") console.error(`Error inserting style rule`, rules);
-    }
-  }
+	if (!sheet && document.head) {
+		const styleTag = document.createElement("style");
+		styleTag.id = "_tamagui-styles";
+		if (nonce) styleTag.nonce = nonce;
+		const rootSheet = document.head.appendChild(styleTag).sheet;
+		const layer = process.env.TAMAGUI_CSS_LAYER;
+		if (rootSheet && layer) {
+			rootSheet.insertRule(`@layer ${layer} {}`, rootSheet.cssRules.length);
+			const layerRule = rootSheet.cssRules[rootSheet.cssRules.length - 1];
+			sheet = "cssRules" in layerRule && "insertRule" in layerRule ? layerRule : rootSheet;
+		} else sheet = rootSheet;
+	}
+	if (!sheet) return;
+	for (const key in rulesToInsert) {
+		const styleObject = rulesToInsert[key];
+		const identifier = styleObject[import_helpers.StyleObjectIdentifier];
+		if (!shouldInsertStyleRules(identifier)) continue;
+		const rules = styleObject[import_helpers.StyleObjectRules];
+		allSelectors[identifier] = rules.join("\n");
+		trackInsertedStyle(identifier);
+		updateRules(identifier, rules);
+		try {
+			for (const rule of rules) sheet.insertRule(rule, sheet.cssRules.length);
+		} catch (err) {
+			if (process.env.NODE_ENV === "production") {
+				const rule = rules[0] || "";
+				const selectorEnd = rule.indexOf("{");
+				const owner = "ownerNode" in sheet ? sheet.ownerNode : null;
+				console.error((0, import_formatDiagnostic.formatDiagnostic)("TAMAGUI_STYLE_INSERT", "insertStyleRules", "the stylesheet rejected a generated rule", "Fix or remove the invalid style declaration", "identifier,selector,target", {
+					identifier,
+					selector: (selectorEnd === -1 ? rule : rule.slice(0, selectorEnd)).trim(),
+					target: owner ? `${owner.nodeName.toLowerCase()}${owner.id ? `#${owner.id}` : ""}` : sheet.constructor?.name || "CSSStyleSheet"
+				}));
+			}
+		}
+	}
 }
 const maxToInsert = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
 function shouldInsertStyleRules(identifier) {
-  if (process.env.IS_STATIC === "is_static") return true;
-  const total = totalSelectorsInserted.get(identifier) || 0;
-  if (process.env.NODE_ENV === "development") {
-    if (total > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 10)) console.warn(`Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher`);
-  }
-  return total < maxToInsert;
-}
+	if (process.env.IS_STATIC === "is_static") return true;
+	const total = totalSelectorsInserted.get(identifier) || 0;
+	if (process.env.NODE_ENV === "development") {
+		if (total > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 10)) console.warn(`Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher`);
+	}
+	return total < maxToInsert;
+}

package/dist/cjs/helpers/insertStyleRule.native.cjs

@@ -0,0 +1,159 @@
+"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 insertStyleRule_exports = {};
+__export(insertStyleRule_exports, {
+	getAllRules: () => getAllRules,
+	getAllSelectors: () => getAllSelectors,
+	getThemeNameFromSelector: () => getThemeNameFromSelector,
+	insertStyleRules: () => insertStyleRules,
+	scanAllSheets: () => scanAllSheets,
+	setNonce: () => setNonce,
+	shouldInsertStyleRules: () => shouldInsertStyleRules,
+	stopAccumulatingRules: () => stopAccumulatingRules,
+	updateRules: () => updateRules,
+	wrapStyleRules: () => wrapStyleRules
+});
+module.exports = __toCommonJS(insertStyleRule_exports);
+require("@tamagui/helpers");
+require("../createVariable.native.js");
+require("./formatDiagnostic.native.js");
+function _instanceof(left, right) {
+	if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) return !!right[Symbol.hasInstance](left);
+	else return left instanceof right;
+}
+var totalSelectorsInserted = /* @__PURE__ */ new Map();
+var allSelectors = {};
+var allRules = {};
+var getAllSelectors = function() {
+	return allSelectors;
+};
+var sortedRules = [];
+var sortedRulesStale = true;
+var getAllRules = function() {
+	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+		if (sortedRulesStale) {
+			sortedRules = Object.keys(allRules).sort().map(function(key) {
+				return allRules[key];
+			});
+			sortedRulesStale = false;
+		}
+		return sortedRules;
+	}
+	return [];
+};
+function wrapStyleRules(css) {
+	var layer = process.env.TAMAGUI_CSS_LAYER;
+	return layer && css ? `@layer ${layer} {
+${css}
+}` : css;
+}
+function scanAllSheets() {
+	arguments.length > 0 && arguments[0] !== void 0 && arguments[0];
+	arguments.length > 1 && arguments[1];
+	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
+		if (process.env.NODE_ENV === "test") return;
+		return;
+	}
+}
+var bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
+bailAfterEnv && +bailAfterEnv;
+function flattenCSSRules(rules) {
+	var output = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+	for (var index = 0; index < rules.length; index++) {
+		var rule = rules[index];
+		if (_instanceof(rule, CSSStyleRule)) {
+			output.push(rule);
+			continue;
+		}
+		if ("cssRules" in rule) {
+			var nested = rule.cssRules;
+			if (nested) flattenCSSRules(nested, output);
+		}
+	}
+	return output;
+}
+function getThemeNameFromSelector(selector) {
+	var _selector_slice_match;
+	if (selector === " .tm_xxt") return;
+	var lastThemeSelectorIndex = selector.lastIndexOf(".t_");
+	if (lastThemeSelectorIndex === -1) return;
+	var name = (_selector_slice_match = selector.slice(lastThemeSelectorIndex + 3).match(/^[\w-]+/)) === null || _selector_slice_match === void 0 ? void 0 : _selector_slice_match[0];
+	if (!name) return;
+	var schemeChar = selector[lastThemeSelectorIndex - 5];
+	var scheme = schemeChar === "d" ? "dark" : schemeChar === "i" ? "light" : "";
+	var themeName = scheme && scheme !== name ? `${scheme}_${name}` : name;
+	if (themeName === "light_dark" || themeName === "dark_light") return;
+	return themeName;
+}
+var tamaguiSelectorRegex = /\.tm_xxt/;
+function getTamaguiSelector(rule) {
+	var collectThemes = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+	if (_instanceof(rule, CSSStyleRule)) {
+		var text = rule.selectorText;
+		if (text[0] === ":" && text[1] === "r" && tamaguiSelectorRegex.test(text)) {
+			var id = getIdentifierFromTamaguiSelector(text.replace(tamaguiSelectorRegex, ""));
+			return collectThemes ? [
+				id,
+				rule,
+				true
+			] : [id, rule];
+		}
+	} else if (_instanceof(rule, CSSMediaRule)) {
+		if (rule.cssRules.length > 1) return;
+		return getTamaguiSelector(rule.cssRules[0]);
+	}
+}
+var getIdentifierFromTamaguiSelector = function(selector) {
+	var dotIndex = selector.indexOf(":");
+	if (dotIndex > -1) return selector.slice(7, dotIndex);
+	return selector.slice(7);
+};
+var mountedProviders = 0;
+var trackAllRules = true;
+function stopAccumulatingRules() {
+	mountedProviders++;
+	trackAllRules = false;
+	return function() {
+		mountedProviders--;
+		trackAllRules = mountedProviders === 0;
+	};
+}
+function updateRules(identifier, rules) {
+	if (trackAllRules) {
+		allRules[identifier] = rules.join(" ");
+		sortedRulesStale = true;
+	}
+	return true;
+}
+function setNonce(_) {}
+function insertStyleRules(rulesToInsert) {}
+var maxToInsert = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
+function shouldInsertStyleRules(identifier) {
+	if (process.env.IS_STATIC === "is_static") return true;
+	var total = totalSelectorsInserted.get(identifier) || 0;
+	if (process.env.NODE_ENV === "development") {
+		if (total > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 10)) console.warn(`Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher`);
+	}
+	return total < maxToInsert;
+}