@hanzogui/web 3.0.6 → 4.4.0

package/dist/cjs/helpers/getVariantExtras.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 getVariantExtras_exports = {};
 __export(getVariantExtras_exports, {
@@ -24,46 +26,56 @@ __export(getVariantExtras_exports, {
   getVariantExtras: () => getVariantExtras
 });
 module.exports = __toCommonJS(getVariantExtras_exports);
-var import_config = require("../config.cjs"),
-  import_createVariable = require("../createVariable.cjs");
-const cache = /* @__PURE__ */new WeakMap(),
-  getVariantExtras = styleState => {
-    if (cache.has(styleState)) return cache.get(styleState);
-    const {
-        props,
-        conf,
-        context,
-        theme,
-        styleProps
-      } = styleState,
-      styledContext = styleProps.styledContext;
-    let fonts = conf.fontsParsed;
-    context?.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
-    const next = {
-      fonts,
-      tokens: conf.tokensParsed,
-      theme,
-      context: styledContext,
-      get fontFamily() {
-        return (0, import_createVariable.getVariableValue)(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || (0, import_createVariable.getVariableValue)((0, import_config.getSetting)("defaultFont"));
-      },
-      get font() {
-        return fonts[this.fontFamily] || (!props.fontFamily || props.fontFamily[0] === "$" ? fonts[(0, import_config.getSetting)("defaultFont") || ""] : void 0);
-      },
-      props
-    };
-    return cache.set(styleState, next), next;
-  },
-  fontLanguageCache = /* @__PURE__ */new WeakMap();
+var import_config = require("../config.cjs");
+var import_createVariable = require("../createVariable.cjs");
+const cache = /* @__PURE__ */new WeakMap();
+const getVariantExtras = styleState => {
+  if (cache.has(styleState)) {
+    return cache.get(styleState);
+  }
+  const {
+    props,
+    conf,
+    context,
+    theme,
+    styleProps
+  } = styleState;
+  const styledContext = styleProps.styledContext;
+  let fonts = conf.fontsParsed;
+  if (context?.language) {
+    fonts = getFontsForLanguage(conf.fontsParsed, context.language);
+  }
+  const next = {
+    fonts,
+    tokens: conf.tokensParsed,
+    theme,
+    context: styledContext,
+    get fontFamily() {
+      return (0, import_createVariable.getVariableValue)(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || (0, import_createVariable.getVariableValue)((0, import_config.getSetting)("defaultFont"));
+    },
+    get font() {
+      return fonts[this.fontFamily] || (!props.fontFamily || props.fontFamily[0] === "$" ? fonts[(0, import_config.getSetting)("defaultFont") || ""] : void 0);
+    },
+    props
+  };
+  cache.set(styleState, next);
+  return next;
+};
+const fontLanguageCache = /* @__PURE__ */new WeakMap();
 function getFontsForLanguage(fonts, language) {
-  if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);
+  if (fontLanguageCache.has(language)) {
+    return fontLanguageCache.get(language);
+  }
   const next = {
     ...fonts,
     ...Object.fromEntries(Object.entries(language).flatMap(([name, lang]) => {
-      if (lang === "default") return [];
+      if (lang === "default") {
+        return [];
+      }
       const langKey = `$${name}_${lang}`;
       return [[`$${name}`, fonts[langKey]]];
     }))
   };
-  return fontLanguageCache.set(language, next), next;
+  fontLanguageCache.set(language, next);
+  return next;
 }

package/dist/cjs/helpers/getVariantExtras.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 getVariantExtras_exports = {};
 __export(getVariantExtras_exports, {
@@ -26,48 +28,58 @@ __export(getVariantExtras_exports, {
   getVariantExtras: () => getVariantExtras
 });
 module.exports = __toCommonJS(getVariantExtras_exports);
-var import_config = require("../config.native.js"),
-  import_createVariable = require("../createVariable.native.js"),
-  cache = /* @__PURE__ */new WeakMap(),
-  getVariantExtras = function (styleState) {
-    if (cache.has(styleState)) return cache.get(styleState);
-    var {
-        props,
-        conf,
-        context,
-        theme,
-        styleProps
-      } = styleState,
-      styledContext = styleProps.styledContext,
-      fonts = conf.fontsParsed;
-    context?.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
-    var next = {
-      fonts,
-      tokens: conf.tokensParsed,
-      theme,
-      context: styledContext,
-      get fontFamily() {
-        return (0, import_createVariable.getVariableValue)(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || (0, import_createVariable.getVariableValue)((0, import_config.getSetting)("defaultFont"));
-      },
-      get font() {
-        return fonts[this.fontFamily] || (!props.fontFamily || props.fontFamily[0] === "$" ? fonts[(0, import_config.getSetting)("defaultFont") || ""] : void 0);
-      },
-      props
-    };
-    return cache.set(styleState, next), next;
-  },
-  fontLanguageCache = /* @__PURE__ */new WeakMap();
+var import_config = require("../config.native.js");
+var import_createVariable = require("../createVariable.native.js");
+var cache = /* @__PURE__ */new WeakMap();
+var getVariantExtras = function (styleState) {
+  if (cache.has(styleState)) {
+    return cache.get(styleState);
+  }
+  var {
+    props,
+    conf,
+    context,
+    theme,
+    styleProps
+  } = styleState;
+  var styledContext = styleProps.styledContext;
+  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,
+    theme,
+    context: styledContext,
+    get fontFamily() {
+      return (0, import_createVariable.getVariableValue)(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || (0, import_createVariable.getVariableValue)((0, import_config.getSetting)("defaultFont"));
+    },
+    get font() {
+      return fonts[this.fontFamily] || (!props.fontFamily || props.fontFamily[0] === "$" ? fonts[(0, import_config.getSetting)("defaultFont") || ""] : void 0);
+    },
+    props
+  };
+  cache.set(styleState, next);
+  return next;
+};
+var fontLanguageCache = /* @__PURE__ */new WeakMap();
 function getFontsForLanguage(fonts, language) {
-  if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);
+  if (fontLanguageCache.has(language)) {
+    return fontLanguageCache.get(language);
+  }
   var next = {
     ...fonts,
     ...Object.fromEntries(Object.entries(language).flatMap(function (param) {
       var [name, lang] = param;
-      if (lang === "default") return [];
+      if (lang === "default") {
+        return [];
+      }
       var langKey = `$${name}_${lang}`;
       return [[`$${name}`, fonts[langKey]]];
     }))
   };
-  return fontLanguageCache.set(language, next), next;
+  fontLanguageCache.set(language, next);
+  return next;
 }
 //# sourceMappingURL=getVariantExtras.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getVariantExtras_exports","__export","getFontsForLanguage","getVariantExtras","module","exports","import_config","require","import_createVariable","cache","WeakMap","styleState","has","get","props","conf","context","theme","styleProps","styledContext","fonts","fontsParsed","language","next","tokens","tokensParsed","fontFamily","getVariableValue","getSetting","font","set","fontLanguageCache","Object","fromEntries","entries","flatMap","param","name","lang","langKey"],"sources":["../../../src/helpers/getVariantExtras.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA2B,CAAAK,wBAC3B;AAGA,IAAAM,aAAc,GAAAC,OAAA,sBAAI;EAAQC,qBAEb,GAAoBD,OAAA,8BAA8B;EAAAE,KAAA,sBAAAC,OAAA;EAAAP,gBAAA,YAAAA,CAAAQ,UAAA;IAC7D,IAAIF,KAAA,CAAMG,GAAA,CAAID,UAAU,GACtB,OAAOF,KAAA,CAAMI,GAAA,CAAIF,UAAU;IAG7B;QAAMG,KAAE;QAAAC,IAAO;QAAAC,OAAM;QAAAC,KAAS;QAAAC;MAAO,IAAWP,UAAI;MAAAQ,aAC9C,GAAAD,UAAgB,CAAAC,aAAW;MAAAC,KAAA,GAAAL,IAAA,CAAAM,WAAA;IACjCL,OAAI,EAAAM,QAAa,KAAAF,KAAA,GAAAlB,mBAAA,CAAAa,IAAA,CAAAM,WAAA,EAAAL,OAAA,CAAAM,QAAA;IACb,IAAAC,IAAA,GAAS;MAIbH,KAAM;MACJI,MAAA,EAAAT,IAAA,CAAAU,YAAA;MACAR,KAAA;MACAD,OAAA,EAAAG,aAAA;MACA,IAAAO,UAASA,CAAA;QACT,OAAI,IAAAlB,qBAAa,CAAAmB,gBAAA,EAAAhB,UAAA,CAAAe,UAAA,IAAAf,UAAA,CAAAG,KAAA,CAAAY,UAAA,KAAAZ,KAAA,CAAAY,UAAA,QAAAlB,qBAAA,CAAAmB,gBAAA,MAAArB,aAAA,CAAAsB,UAAA;MACf;MAKF,IAAAC,KAAA;QACA,OAAIT,KAAO,MAAAM,UAAA,OAAAZ,KAAA,CAAAY,UAAA,IAAAZ,KAAA,CAAAY,UAAA,cAAAN,KAAA,KAAAd,aAAA,CAAAsB,UAAA;MACT;MAMFd;IAAA;IAEF,OAAAL,KAAA,CAAAqB,GAAA,CAAAnB,UAAA,EAAAY,IAAA,GAAAA,IAAA;EAEA;EAAAQ,iBAAU,kBAEH,IAAArB,OAAA;AACT,SAEMR,mBAAoBA,CAAAkB,KAAA,EAAAE,QAAI;EAEvB,IAAAS,iBAAS,CAAAnB,GAAA,CAAAU,QAAyC,GACvD,OAAIS,iBAAsB,CAAAlB,GAAA,CAAAS,QAAQ;EAChC,IAAAC,IAAA,GAAO;IAET,GAAAH,KAAM;IACJ,GAAGY,MAAA,CAAAC,WAAA,CAAAD,MAAA,CAAAE,OAAA,CAAAZ,QAAA,EAAAa,OAAA,WAAAC,KAAA;MACH,IAAG,CAAAC,IAAO,EAAAC,IAAA,IAAAF,KAAA;MACR,IAAAE,IAAO,cAAQ,EACb,OAAI;MACF,IAAAC,OAAO,GAAC,IAAAF,IAAA,IAAAC,IAAA;MAEV,QACA,CACD,IAAAD,IAAA,IACHjB,KAAA,CAAAmB,OAAA,EACF,CACA;IAEF","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getVariantExtras_exports","__export","getFontsForLanguage","getVariantExtras","module","exports","import_config","require","import_createVariable","cache","WeakMap","styleState","has","get","props","conf","context","theme","styleProps","styledContext","fonts","fontsParsed","language","next","tokens","tokensParsed","fontFamily","getVariableValue","getSetting","font","set","fontLanguageCache","Object","fromEntries","entries","flatMap","param","name","lang","langKey"],"sources":["../../../src/helpers/getVariantExtras.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA2B,CAAAK,wBAAA;AAC3B,IAAAM,aAAA,GAAAC,OAAA,CAAiC;AAGjC,IAAAC,qBAAc,GAAAD,OAAI,8BAAQ;AAEnB,IAAAE,KAAM,kBAAoB,IAAAC,OAAA,EAA8B;AAC7D,IAAAP,gBAAc,YAAAA,CAAaQ,UAAA;EACzB,IAAAF,KAAO,CAAAG,GAAA,CAAAD,UAAU;IACnB,OAAAF,KAAA,CAAAI,GAAA,CAAAF,UAAA;EAEA;EACA;IAAMG,KAAA;IAAAC,IAAA;IAAAC,OAAgB;IAAAC,KAAW;IAAAC;EAAA,IAAAP,UAAA;EACjC,IAAIQ,aAAa,GAAAD,UAAA,CAAAC,aAAA;EACjB,IAAIC,KAAA,GAAAL,IAAS,CAAAM,WAAU;EACrB,IAAAL,OAAQ,aAAAA,OAAoB,KAAK,cAAa,IAAAA,OAAQ,CAAAM,QAAQ;IAChEF,KAAA,GAAAlB,mBAAA,CAAAa,IAAA,CAAAM,WAAA,EAAAL,OAAA,CAAAM,QAAA;EAEA;EAAa,IACXC,IAAA;IACAH,KAAA;IACAI,MAAA,EAAAT,IAAA,CAAAU,YAAA;IACAR,KAAA;IACAD,OAAI,EAAAG,aAAa;IACf,IAAAO,UACEA,CAAA;MAIJ,WAAAlB,qBAAA,CAAAmB,gBAAA,EAAAhB,UAAA,CAAAe,UAAA,IAAAf,UAAA,CAAAG,KAAA,CAAAY,UAAA,KAAAZ,KAAA,CAAAY,UAAA,QAAAlB,qBAAA,CAAAmB,gBAAA,MAAArB,aAAA,CAAAsB,UAAA;IACA;IACE,IAAAC,KAAA,EACE;MAKJ,OAAAT,KAAA,MAAAM,UAAA,OAAAZ,KAAA,CAAAY,UAAA,IAAAZ,KAAA,CAAAY,UAAA,cAAAN,KAAA,KAAAd,aAAA,CAAAsB,UAAA;IACA;IACFd;EAEA;EAEAL,KAAA,CAAAqB,GAAO,CAAAnB,UAAA,EAAAY,IAAA;EACT,OAAAA,IAAA;AAEA;AAEO,IAAAQ,iBAAS,kBAAyC,IAAArB,OAA+B;AACtF,SAAIR,mBAAsBA,CAAAkB,KAAA,EAAQE,QAAG;EACnC,IAAAS,iBAAO,CAAAnB,GAAA,CAAAU,QAAsB;IAC/B,OAAAS,iBAAA,CAAAlB,GAAA,CAAAS,QAAA;EACA;EAAa,IACXC,IAAG;IACH,GAAGH,KAAA;IAAO,GACRY,MAAO,CAAAC,WAAQ,CAAAD,MAAU,CAAAE,OAAS,CAACZ,QAAM,EAAIa,OAAM,WAAAC,KAAA;MACjD,KAAAC,IAAI,EAAAC,IAAS,IAAAF,KAAA;MACX,IAAAE,IAAA,KAAQ;QACV;MACA;MACA,IAAAC,OAAS,OAAIF,IAAI,IAAIC,IAAM;MAC7B,OAAC,CACH,CACF,IAAAD,IAAA,IACAjB,KAAA,CAAAmB,OAAkB,CAAI,CACf,CACT","ignoreList":[]}

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,114 @@ __export(insertStyleRule_exports, {
   updateRules: () => updateRules
 });
 module.exports = __toCommonJS(insertStyleRule_exports);
-var import_helpers = require("@hanzogui/helpers"),
-  import_createVariable = require("../createVariable.cjs");
-const scannedCache = /* @__PURE__ */new WeakMap(),
-  totalSelectorsInserted = /* @__PURE__ */new Map(),
-  allSelectors = {},
-  allRules = {},
-  getAllSelectors = () => allSelectors,
-  getAllRules = () => process.env.HANZO_GUI_DID_OUTPUT_CSS ? [] : Object.keys(allRules).sort().map(key => allRules[key]);
+var import_helpers = require("@hanzogui/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.GUI_DID_OUTPUT_CSS) {
+    const sortedKeys = Object.keys(allRules).sort();
+    return sortedKeys.map(key => allRules[key]);
+  }
+  return [];
+};
 let lastScannedSheets = null;
-function scanAllSheets(collectThemes = !1, tokens) {
-  if (!process.env.HANZO_GUI_DID_OUTPUT_CSS) {
+function scanAllSheets(collectThemes = false, tokens) {
+  if (!process.env.GUI_DID_OUTPUT_CSS) {
     if (process.env.NODE_ENV === "test") return;
+    if (false) return;
     let themes;
-    const sheets = document.styleSheets || [],
-      prev = lastScannedSheets,
-      current = new Set(sheets);
-    for (const sheet2 of current) if (sheet2) {
-      const out = updateSheetStyles(sheet2, !1, collectThemes, tokens);
-      out && (themes = out);
+    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);
+        }
+      }
     }
-    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.HANZO_GUI_BAIL_AFTER_SCANNING_X_CSS_RULES,
-  bailAfter = bailAfterEnv ? +bailAfterEnv : 8e3;
-function updateSheetStyles(sheet2, remove = !1, collectThemes = !1, tokens) {
+const bailAfterEnv = process.env.GUI_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 = getGuiSelector(rules[0], collectThemes)?.[0],
-    lastSelector = getGuiSelector(rules[rules.length - 1], collectThemes)?.[0],
-    cacheKey = `${rules.length}${firstSelector}${lastSelector}`,
-    lastScanned = scannedCache.get(sheet2);
-  if (!remove && lastScanned === cacheKey) return;
+  const firstSelector = getGuiSelector(rules[0], collectThemes)?.[0];
+  const lastSelector = getGuiSelector(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 = getGuiSelector(rule, collectThemes);
-    if (response) fails = 0;else {
-      if (fails++, fails > bailAfter) return;
+    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) 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 +147,54 @@ 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 rulesWithBraces = (cssStyleRule.cssText || "").slice(cssStyleRule.selectorText.length + 2, -1);
+  const rules = rulesWithBraces.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.HANZO_GUI_CSS_VARIABLE_PREFIX && (key = key.replace(process.env.HANZO_GUI_CSS_VARIABLE_PREFIX, ""));
+    if (process.env.GUI_CSS_VARIABLE_PREFIX) {
+      key = key.replace(process.env.GUI_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));
-    } else value = val;
+      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,55 +202,84 @@ function addThemesFromCSS(cssStyleRule, tokens) {
   };
 }
 const guiSelectorRegex = /\.tm_xxt/;
-function getGuiSelector(rule, collectThemes = !1) {
+function getGuiSelector(rule, collectThemes = false) {
   if (rule instanceof CSSStyleRule) {
     const text = rule.selectorText;
     if (text[0] === ":" && text[1] === "r" && guiSelectorRegex.test(text)) {
       const id = getIdentifierFromGuiSelector(
       // next.js minifies it so its in front
       text.replace(guiSelectorRegex, ""));
-      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 : getGuiSelector(rule.cssRules[0]);
+  } else if (rule instanceof CSSMediaRule) {
+    if (rule.cssRules.length > 1) return;
+    return getGuiSelector(rule.cssRules[0]);
+  }
 }
 const getIdentifierFromGuiSelector = 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(_) {
   nonce = _;
 }
 function insertStyleRules(rulesToInsert) {
+  if (false) return;
   if (!sheet && document.head) {
     const styleTag = document.createElement("style");
-    styleTag.id = "_gui-styles", nonce && (styleTag.nonce = nonce), sheet = document.head.appendChild(styleTag).sheet;
+    styleTag.id = "_gui-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 (!shouldInsertStyleRules(identifier)) continue;
+  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);
+      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);
+      }
     }
   }
 }
-const maxToInsert = process.env.HANZO_GUI_INSERT_SELECTOR_TRIES ? +process.env.HANZO_GUI_INSERT_SELECTOR_TRIES : 1;
+const maxToInsert = process.env.GUI_INSERT_SELECTOR_TRIES ? +process.env.GUI_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.HANZO_GUI_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 HANZO_GUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher'), total < maxToInsert;
+  if (process.env.NODE_ENV === "development") {
+    if (total > +(process.env.GUI_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 GUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher`);
+    }
+  }
+  return total < maxToInsert;
 }