@tamagui/web 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/helpers/insertStyleRule.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var insertStyleRule_exports = {};
 __export(insertStyleRule_exports, {
@@ -30,74 +32,90 @@ __export(insertStyleRule_exports, {
   updateRules: () => updateRules
 });
 module.exports = __toCommonJS(insertStyleRule_exports);
-var import_helpers = require("@tamagui/helpers"),
-  import_createVariable = require("../createVariable.cjs");
-const scannedCache = /* @__PURE__ */new WeakMap(),
-  totalSelectorsInserted = /* @__PURE__ */new Map(),
-  allSelectors = {},
-  allRules = {},
-  getAllSelectors = () => allSelectors,
-  getAllRules = () => process.env.TAMAGUI_DID_OUTPUT_CSS ? [] : Object.keys(allRules).sort().map(key => allRules[key]);
+var import_helpers = require("@tamagui/helpers");
+var import_createVariable = require("../createVariable.cjs");
+const scannedCache = /* @__PURE__ */new WeakMap();
+const totalSelectorsInserted = /* @__PURE__ */new Map();
+const allSelectors = {};
+const allRules = {};
+const getAllSelectors = () => allSelectors;
+const getAllRules = () => {
+  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) return Object.keys(allRules).sort().map(key => allRules[key]);
+  return [];
+};
 let lastScannedSheets = null;
-function scanAllSheets(collectThemes = !1, tokens) {
+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 || [],
-      prev = lastScannedSheets,
-      current = new Set(sheets);
+    const sheets = document.styleSheets || [];
+    const prev = lastScannedSheets;
+    const current = new Set(sheets);
     for (const sheet2 of current) if (sheet2) {
-      const out = updateSheetStyles(sheet2, !1, collectThemes, tokens);
-      out && (themes = out);
+      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);
     }
-    if (lastScannedSheets = current, prev) for (const sheet2 of prev) sheet2 && !current.has(sheet2) && updateSheetStyles(sheet2, !0);
     return themes;
   }
 }
 function trackInsertedStyle(id) {
   const next = (totalSelectorsInserted.get(id) || 0) + 1;
-  return totalSelectorsInserted.set(id, next), next;
+  totalSelectorsInserted.set(id, next);
+  return next;
 }
-const bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES,
-  bailAfter = bailAfterEnv ? +bailAfterEnv : 400;
-function updateSheetStyles(sheet2, remove = !1, collectThemes = !1, tokens) {
+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 {
-    if (rules = sheet2.cssRules, !rules) return;
+    rules = sheet2.cssRules;
+    if (!rules) return;
   } catch {
     return;
   }
-  const firstSelector = getTamaguiSelector(rules[0], collectThemes)?.[0],
-    lastSelector = getTamaguiSelector(rules[rules.length - 1], collectThemes)?.[0],
-    cacheKey = `${rules.length}${firstSelector}${lastSelector}`,
-    lastScanned = scannedCache.get(sheet2);
-  if (!remove && lastScanned === cacheKey) 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,
-    dedupedThemes;
+  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 {
-      if (fails++, fails > bailAfter) return;
+      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) nameToTheme[name] ? (Object.apply(nameToTheme[name], deduped.theme), deduped.names = deduped.names.filter(x => x !== name)) : nameToTheme[name] = deduped.theme;
-        dedupedThemes ||= [], dedupedThemes.push(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;
     }
   }
-  return scannedCache.set(sheet2, cacheKey), dedupedThemes;
+  scannedCache.set(sheet2, cacheKey);
+  return dedupedThemes;
 }
-let colorVarToVal,
-  rootComputedStyle = null;
+let colorVarToVal;
+let rootComputedStyle = null;
 function addThemesFromCSS(cssStyleRule, tokens) {
   const selectors = cssStyleRule.selectorText.split(",");
   if (!selectors.length) return;
@@ -105,39 +123,43 @@ function addThemesFromCSS(cssStyleRule, tokens) {
     colorVarToVal = {};
     for (const key in tokens.color) {
       const token = tokens.color[key];
-      token && (colorVarToVal[token.name] = token.val);
+      if (token) colorVarToVal[token.name] = token.val;
     }
   }
-  const rules = (cssStyleRule.cssText || "").slice(cssStyleRule.selectorText.length + 2, -1).split(";"),
-    values = {};
+  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);
-    process.env.TAMAGUI_CSS_VARIABLE_PREFIX && (key = key.replace(process.env.TAMAGUI_CSS_VARIABLE_PREFIX, ""));
+    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),
-        tokenVal = colorVarToVal?.[varName];
-      tokenVal ? value = tokenVal : (rootComputedStyle ||= getComputedStyle(document.body), value = rootComputedStyle.getPropertyValue("--" + varName));
+      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
-    }, !0);
+    }, true);
   }
   const names = /* @__PURE__ */new Set();
   for (const selector of selectors) {
     if (selector === " .tm_xxt") continue;
-    const lastThemeSelectorIndex = selector.lastIndexOf(".t_"),
-      name = selector.slice(lastThemeSelectorIndex).slice(3),
-      [schemeChar] = selector[lastThemeSelectorIndex - 5],
-      scheme = schemeChar === "d" ? "dark" : schemeChar === "i" ? "light" : "",
-      themeName = scheme && scheme !== name ? `${scheme}_${name}` : name;
-    !themeName || themeName === "light_dark" || themeName === "dark_light" || names.add(themeName);
+    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],
@@ -145,28 +167,33 @@ function addThemesFromCSS(cssStyleRule, tokens) {
   };
 }
 const tamaguiSelectorRegex = /\.tm_xxt/;
-function getTamaguiSelector(rule, collectThemes = !1) {
+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, !0] : [id, rule];
+      return collectThemes ? [id, rule, true] : [id, rule];
     }
-  } else if (rule instanceof CSSMediaRule) return rule.cssRules.length > 1 ? void 0 : getTamaguiSelector(rule.cssRules[0]);
+  } else if (rule instanceof CSSMediaRule) {
+    if (rule.cssRules.length > 1) return;
+    return getTamaguiSelector(rule.cssRules[0]);
+  }
 }
 const getIdentifierFromTamaguiSelector = selector => {
   const dotIndex = selector.indexOf(":");
-  return dotIndex > -1 ? selector.slice(7, dotIndex) : selector.slice(7);
+  if (dotIndex > -1) return selector.slice(7, dotIndex);
+  return selector.slice(7);
 };
-let sheet = null,
-  trackAllRules = !0;
+let sheet = null;
+let trackAllRules = true;
 function stopAccumulatingRules() {
-  trackAllRules = !1;
+  trackAllRules = false;
 }
 function updateRules(identifier, rules) {
-  return trackAllRules && (allRules[identifier] = rules.join(" ")), !0;
+  if (trackAllRules) allRules[identifier] = rules.join(" ");
+  return true;
 }
 let nonce = "";
 function setNonce(_) {
@@ -175,25 +202,32 @@ function setNonce(_) {
 function insertStyleRules(rulesToInsert) {
   if (!sheet && document.head) {
     const styleTag = document.createElement("style");
-    styleTag.id = "_tamagui-styles", nonce && (styleTag.nonce = nonce), sheet = document.head.appendChild(styleTag).sheet;
+    styleTag.id = "_tamagui-styles";
+    if (nonce) styleTag.nonce = nonce;
+    sheet = document.head.appendChild(styleTag).sheet;
   }
-  if (sheet) for (const key in rulesToInsert) {
-    const styleObject = rulesToInsert[key],
-      identifier = styleObject[import_helpers.StyleObjectIdentifier];
+  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(`
-`), trackInsertedStyle(identifier), updateRules(identifier, rules);
+    allSelectors[identifier] = rules.join("\n");
+    trackInsertedStyle(identifier);
+    updateRules(identifier, rules);
     try {
       for (const rule of rules) sheet.insertRule(rule, sheet.cssRules.length);
-    } catch {
-      process.env.NODE_ENV === "production" && console.error("Error inserting style rule", rules);
+    } catch (err) {
+      if (process.env.NODE_ENV === "production") console.error(`Error inserting style rule`, rules);
     }
   }
 }
 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 !0;
+  if (process.env.IS_STATIC === "is_static") return true;
   const total = totalSelectorsInserted.get(identifier) || 0;
-  return process.env.NODE_ENV === "development" && 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'), total < maxToInsert;
+  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.js

@@ -5,20 +5,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var insertStyleRule_exports = {};
 __export(insertStyleRule_exports, {
@@ -32,284 +34,71 @@ __export(insertStyleRule_exports, {
   updateRules: () => updateRules
 });
 module.exports = __toCommonJS(insertStyleRule_exports);
-var import_helpers = require("@tamagui/helpers"),
-  import_createVariable = require("../createVariable.native.js");
+require("@tamagui/helpers");
+require("../createVariable.native.js");
 function _instanceof(left, right) {
-  return right != null && typeof Symbol < "u" && right[Symbol.hasInstance] ? !!right[Symbol.hasInstance](left) : left instanceof right;
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) return !!right[Symbol.hasInstance](left);else return left instanceof right;
 }
-var scannedCache = /* @__PURE__ */new WeakMap(),
-  totalSelectorsInserted = /* @__PURE__ */new Map(),
-  allSelectors = {},
-  allRules = {},
-  getAllSelectors = function () {
-    return allSelectors;
-  },
-  getAllRules = function () {
-    if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
-      var sortedKeys = Object.keys(allRules).sort();
-      return sortedKeys.map(function (key) {
-        return allRules[key];
-      });
-    }
-    return [];
-  },
-  lastScannedSheets = null;
+var totalSelectorsInserted = /* @__PURE__ */new Map();
+var allSelectors = {};
+var allRules = {};
+var getAllSelectors = function () {
+  return allSelectors;
+};
+var getAllRules = function () {
+  if (!process.env.TAMAGUI_DID_OUTPUT_CSS) return Object.keys(allRules).sort().map(function (key) {
+    return allRules[key];
+  });
+  return [];
+};
 function scanAllSheets() {
-  var collectThemes = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1,
-    tokens = arguments.length > 1 ? arguments[1] : void 0;
+  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 themes, sheets, prev, current, _iteratorNormalCompletion, _didIteratorError, _iteratorError;
-    try {
-      for (var _iterator, _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-        var sheet2 = _step.value;
-        if (sheet2) {
-          var out = updateSheetStyles(sheet2, !1, collectThemes, tokens);
-          out && (themes = out);
-        }
-      }
-    } catch (err) {
-      _didIteratorError = !0, _iteratorError = err;
-    } finally {
-      try {
-        !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-      } finally {
-        if (_didIteratorError) throw _iteratorError;
-      }
-    }
-    if (prev) {
-      var _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1;
-      try {
-        for (var _iterator1 = prev[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) {
-          var sheet1 = _step1.value;
-          sheet1 && !current.has(sheet1) && updateSheetStyles(sheet1, !0);
-        }
-      } catch (err) {
-        _didIteratorError1 = !0, _iteratorError1 = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion1 && _iterator1.return != null && _iterator1.return();
-        } finally {
-          if (_didIteratorError1) throw _iteratorError1;
-        }
-      }
-    }
-  }
-}
-function trackInsertedStyle(id) {
-  var next = (totalSelectorsInserted.get(id) || 0) + 1;
-  return totalSelectorsInserted.set(id, next), next;
-}
-var bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES,
-  bailAfter = bailAfterEnv ? +bailAfterEnv : 400;
-function updateSheetStyles(sheet2) {
-  var remove = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1,
-    collectThemes = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1,
-    tokens = arguments.length > 3 ? arguments[3] : void 0,
-    _getTamaguiSelector,
-    _getTamaguiSelector1,
-    rules;
-  try {
-    if (rules = sheet2.cssRules, !rules) return;
-  } catch {
-    return;
-  }
-  var firstSelector = (_getTamaguiSelector = getTamaguiSelector(rules[0], collectThemes)) === null || _getTamaguiSelector === void 0 ? void 0 : _getTamaguiSelector[0],
-    lastSelector = (_getTamaguiSelector1 = getTamaguiSelector(rules[rules.length - 1], collectThemes)) === null || _getTamaguiSelector1 === void 0 ? void 0 : _getTamaguiSelector1[0],
-    cacheKey = `${rules.length}${firstSelector}${lastSelector}`,
-    lastScanned = scannedCache.get(sheet2);
-  if (!(!remove && lastScanned === cacheKey)) {
-    for (var len = rules.length, fails = 0, dedupedThemes, nameToTheme = {}, i = 0; i < len; i++) {
-      var rule = rules[i];
-      if (_instanceof(rule, CSSStyleRule)) {
-        var response = getTamaguiSelector(rule, collectThemes);
-        if (response) fails = 0;else {
-          if (fails++, fails > bailAfter) return;
-          continue;
-        }
-        var [identifier, cssRule, isTheme] = response;
-        if (isTheme) {
-          var deduped = addThemesFromCSS(cssRule, tokens);
-          if (deduped) {
-            var _iteratorNormalCompletion = !0,
-              _didIteratorError = !1,
-              _iteratorError = void 0;
-            try {
-              for (var _loop = function () {
-                  var name = _step.value;
-                  nameToTheme[name] ? (Object.apply(nameToTheme[name], deduped.theme), deduped.names = deduped.names.filter(function (x) {
-                    return x !== name;
-                  })) : nameToTheme[name] = deduped.theme;
-                }, _iterator = deduped.names[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
-            } catch (err) {
-              _didIteratorError = !0, _iteratorError = err;
-            } finally {
-              try {
-                !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-              } finally {
-                if (_didIteratorError) throw _iteratorError;
-              }
-            }
-            dedupedThemes || (dedupedThemes = []), dedupedThemes.push(deduped);
-          }
-          continue;
-        }
-      }
-    }
-    return scannedCache.set(sheet2, cacheKey), dedupedThemes;
-  }
-}
-var colorVarToVal,
-  rootComputedStyle = null;
-function addThemesFromCSS(cssStyleRule, tokens) {
-  var selectors = cssStyleRule.selectorText.split(",");
-  if (selectors.length) {
-    if (tokens?.color && !colorVarToVal) {
-      colorVarToVal = {};
-      for (var key in tokens.color) {
-        var token = tokens.color[key];
-        token && (colorVarToVal[token.name] = token.val);
-      }
-    }
-    var rulesWithBraces = (cssStyleRule.cssText || "").slice(cssStyleRule.selectorText.length + 2, -1),
-      rules = rulesWithBraces.split(";"),
-      values = {},
-      _iteratorNormalCompletion = !0,
-      _didIteratorError = !1,
-      _iteratorError = void 0;
-    try {
-      for (var _iterator = rules[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-        var rule = _step.value,
-          sepI = rule.indexOf(":");
-        if (sepI !== -1) {
-          var varIndex = rule.indexOf("--"),
-            key1 = rule.slice(varIndex === -1 ? 0 : varIndex + 2, sepI);
-          process.env.TAMAGUI_CSS_VARIABLE_PREFIX && (key1 = key1.replace(process.env.TAMAGUI_CSS_VARIABLE_PREFIX, ""));
-          var val = rule.slice(sepI + 2),
-            value = void 0;
-          if (val[0] === "v" && val.startsWith("var(")) {
-            var varName = val.slice(6, -1),
-              tokenVal = colorVarToVal?.[varName];
-            tokenVal ? value = tokenVal : (rootComputedStyle || (rootComputedStyle = getComputedStyle(document.body)), value = rootComputedStyle.getPropertyValue("--" + varName));
-          } else value = val;
-          values[key1] = (0, import_createVariable.createVariable)({
-            key: key1,
-            name: key1,
-            val: value
-          }, !0);
-        }
-      }
-    } catch (err) {
-      _didIteratorError = !0, _iteratorError = err;
-    } finally {
-      try {
-        !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-      } finally {
-        if (_didIteratorError) throw _iteratorError;
-      }
-    }
-    var names = /* @__PURE__ */new Set(),
-      _iteratorNormalCompletion1 = !0,
-      _didIteratorError1 = !1,
-      _iteratorError1 = void 0;
-    try {
-      for (var _iterator1 = selectors[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) {
-        var selector = _step1.value;
-        if (selector !== " .tm_xxt") {
-          var lastThemeSelectorIndex = selector.lastIndexOf(".t_"),
-            name = selector.slice(lastThemeSelectorIndex).slice(3),
-            [schemeChar] = selector[lastThemeSelectorIndex - 5],
-            scheme = schemeChar === "d" ? "dark" : schemeChar === "i" ? "light" : "",
-            themeName = scheme && scheme !== name ? `${scheme}_${name}` : name;
-          !themeName || themeName === "light_dark" || themeName === "dark_light" || names.add(themeName);
-        }
-      }
-    } catch (err) {
-      _didIteratorError1 = !0, _iteratorError1 = err;
-    } finally {
-      try {
-        !_iteratorNormalCompletion1 && _iterator1.return != null && _iterator1.return();
-      } finally {
-        if (_didIteratorError1) throw _iteratorError1;
-      }
-    }
-    return {
-      names: [...names],
-      theme: values
-    };
   }
 }
+var bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
+bailAfterEnv && +bailAfterEnv;
 var tamaguiSelectorRegex = /\.tm_xxt/;
 function getTamaguiSelector(rule) {
-  var collectThemes = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+  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(
       // next.js minifies it so its in front
       text.replace(tamaguiSelectorRegex, ""));
-      return collectThemes ? [id, rule, !0] : [id, rule];
+      return collectThemes ? [id, rule, true] : [id, rule];
     }
-  } else if (_instanceof(rule, CSSMediaRule)) return rule.cssRules.length > 1 ? void 0 : getTamaguiSelector(rule.cssRules[0]);
+  } else if (_instanceof(rule, CSSMediaRule)) {
+    if (rule.cssRules.length > 1) return;
+    return getTamaguiSelector(rule.cssRules[0]);
+  }
 }
 var getIdentifierFromTamaguiSelector = function (selector) {
-    var dotIndex = selector.indexOf(":");
-    return dotIndex > -1 ? selector.slice(7, dotIndex) : selector.slice(7);
-  },
-  sheet = null,
-  trackAllRules = !0;
+  var dotIndex = selector.indexOf(":");
+  if (dotIndex > -1) return selector.slice(7, dotIndex);
+  return selector.slice(7);
+};
+var trackAllRules = true;
 function stopAccumulatingRules() {
-  trackAllRules = !1;
+  trackAllRules = false;
 }
 function updateRules(identifier, rules) {
-  return trackAllRules && (allRules[identifier] = rules.join(" ")), !0;
-}
-var nonce = "";
-function setNonce(_) {
-  nonce = _;
-}
-function insertStyleRules(rulesToInsert) {
-  return;
-  if (!sheet && document.head) {
-    var styleTag;
-    styleTag.id = "_tamagui-styles", nonce && (styleTag.nonce = nonce), sheet = document.head.appendChild(styleTag).sheet;
-  }
-  for (var key in rulesToInsert) {
-    var styleObject = rulesToInsert[key],
-      identifier = styleObject[import_helpers.StyleObjectIdentifier];
-    if (shouldInsertStyleRules(identifier)) {
-      var rules = styleObject[import_helpers.StyleObjectRules];
-      allSelectors[identifier] = rules.join(`
-`), trackInsertedStyle(identifier), updateRules(identifier, rules);
-      try {
-        var _iteratorNormalCompletion = !0,
-          _didIteratorError = !1,
-          _iteratorError = void 0;
-        try {
-          for (var _iterator = rules[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-            var rule = _step.value;
-            sheet.insertRule(rule, sheet.cssRules.length);
-          }
-        } catch (err) {
-          _didIteratorError = !0, _iteratorError = err;
-        } finally {
-          try {
-            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-          } finally {
-            if (_didIteratorError) throw _iteratorError;
-          }
-        }
-      } catch {
-        process.env.NODE_ENV === "production" && console.error("Error inserting style rule", rules);
-      }
-    }
-  }
+  if (trackAllRules) allRules[identifier] = rules.join(" ");
+  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 !0;
+  if (process.env.IS_STATIC === "is_static") return true;
   var total = totalSelectorsInserted.get(identifier) || 0;
-  return process.env.NODE_ENV === "development" && 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'), total < maxToInsert;
+  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;
 }
 //# sourceMappingURL=insertStyleRule.native.js.map