@tamagui/core 1.12.2 → 1.13.1

package/dist/esm/helpers/getThemeCSSRules.js

@@ -0,0 +1,86 @@
+import { simpleHash } from "@tamagui/helpers";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
+import { variableToString } from "../createVariable";
+import { tokensValueToVariable } from "./registerCSSVariable";
+function getThemeCSSRules({
+  config,
+  themeName,
+  theme,
+  names
+}) {
+  const cssRuleSets = [];
+  const hasDarkLight = "light" in config.themes && "dark" in config.themes;
+  const CNP = `.${THEME_CLASSNAME_PREFIX}`;
+  let vars = "";
+  for (const themeKey in theme) {
+    const variable = theme[themeKey];
+    let value = null;
+    if (!tokensValueToVariable.has(variable.val)) {
+      value = variable.val;
+    } else {
+      value = tokensValueToVariable.get(variable.val).variable;
+    }
+    vars += `--${simpleHash(themeKey, 40)}:${value};`;
+  }
+  const isDarkOrLightBase = themeName === "dark" || themeName === "light";
+  const selectors = names.map((name) => {
+    return `${CNP}${name}`;
+  });
+  if (hasDarkLight) {
+    for (const subName of names) {
+      const isDark = isDarkOrLightBase || subName.startsWith("dark_");
+      const max = config.maxDarkLightNesting ?? 3;
+      if (!(isDark || subName.startsWith("light_"))) {
+        selectors.push(`:root:root ${CNP}${subName}`);
+        continue;
+      }
+      const childSelector = `${CNP}${subName.replace(isDark ? "dark_" : "light_", "")}`;
+      const order = isDark ? ["dark", "light"] : ["light", "dark"];
+      if (isDarkOrLightBase) {
+        order.reverse();
+      }
+      const [stronger, weaker] = order;
+      const numSelectors = Math.round(max * 1.5);
+      for (let pi = 0; pi < numSelectors; pi++) {
+        const isOdd = pi % 2 === 1;
+        if (isOdd && pi < 3)
+          continue;
+        const parents = new Array(pi + 1).fill(void 0).map((_, psi) => {
+          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`;
+        });
+        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents;
+        if (isOdd) {
+          const [_first, second, ...rest] = parentSelectors;
+          parentSelectors = [second, ...rest, second];
+        }
+        const lastParentSelector = parentSelectors[parentSelectors.length - 1];
+        selectors.push(
+          `${parentSelectors.join(" ")} ${childSelector === lastParentSelector ? "" : childSelector}`
+        );
+      }
+    }
+  }
+  const selectorsString = selectors.map((x) => {
+    const isBaseTheme = x === ".t_dark" || x === ".t_light" || x.startsWith(".t_dark ") || x.startsWith(".t_light ");
+    const rootSep = isBaseTheme && config.themeClassNameOnRoot ? "" : " ";
+    return `:root${rootSep}${x}`;
+  });
+  const css = `${selectorsString.join(", ")} {${vars}}`;
+  cssRuleSets.push(css);
+  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {
+    const isDark = themeName.startsWith("dark");
+    cssRuleSets.push(
+      `@media(prefers-color-scheme: ${isDark ? "dark" : "light"}) {
+body { background:${variableToString(theme.background)}; color: ${variableToString(
+        theme.color
+      )} }
+:root {${vars} } 
+}`
+    );
+  }
+  return cssRuleSets;
+}
+export {
+  getThemeCSSRules
+};
+//# sourceMappingURL=getThemeCSSRules.js.map

package/dist/esm/helpers/getThemeCSSRules.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getThemeCSSRules.ts"],
+  "sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\nimport { THEME_CLASSNAME_PREFIX } from '../constants/constants'\nimport { Variable, variableToString } from '../createVariable'\nimport { CreateTamaguiProps, ThemeParsed } from '../types'\nimport { tokensValueToVariable } from './registerCSSVariable'\n\nexport function getThemeCSSRules({\n  config,\n  themeName,\n  theme,\n  names,\n}: {\n  config: CreateTamaguiProps\n  themeName: string\n  theme: ThemeParsed\n  names: string[]\n}) {\n  const cssRuleSets: string[] = []\n\n  // special case for SSR\n  const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n  const CNP = `.${THEME_CLASSNAME_PREFIX}`\n  let vars = ''\n\n  // themeToVariableToValueMap.set(theme, {})\n  // const varToValMap = themeToVariableToValueMap.get(theme)\n  for (const themeKey in theme) {\n    const variable = theme[themeKey] as Variable\n    let value: any = null\n    // if (varToValMap) {\n    //   varToValMap[variable.variable] = variable.val\n    // }\n    if (!tokensValueToVariable.has(variable.val)) {\n      value = variable.val\n    } else {\n      value = tokensValueToVariable.get(variable.val)!.variable\n    }\n    // Hash themeKey in case it has invalid chars too\n    vars += `--${simpleHash(themeKey, 40)}:${value};`\n  }\n\n  const isDarkOrLightBase = themeName === 'dark' || themeName === 'light'\n  const selectors = names.map((name) => {\n    return `${CNP}${name}`\n  })\n\n  // since we dont specify dark/light in classnames we have to do an awkward specificity war\n  // use config.maxDarkLightNesting to determine how deep you can nest until it breaks\n  if (hasDarkLight) {\n    for (const subName of names) {\n      const isDark = isDarkOrLightBase || subName.startsWith('dark_')\n      const max = config.maxDarkLightNesting ?? 3\n\n      if (!(isDark || subName.startsWith('light_'))) {\n        // neither light nor dark subtheme, just generate one selector with :root:root which\n        // will override all :root light/dark selectors generated below\n        selectors.push(`:root:root ${CNP}${subName}`)\n        continue\n      }\n\n      const childSelector = `${CNP}${subName.replace(isDark ? 'dark_' : 'light_', '')}`\n      const order = isDark ? ['dark', 'light'] : ['light', 'dark']\n      if (isDarkOrLightBase) {\n        order.reverse()\n      }\n      const [stronger, weaker] = order\n      const numSelectors = Math.round(max * 1.5)\n\n      for (let pi = 0; pi < numSelectors; pi++) {\n        const isOdd = pi % 2 === 1\n        if (isOdd && pi < 3) continue\n        const parents = new Array(pi + 1).fill(undefined).map((_, psi) => {\n          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`\n        })\n        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents\n        if (isOdd) {\n          const [_first, second, ...rest] = parentSelectors\n          parentSelectors = [second, ...rest, second]\n        }\n        // avoid .t_light .t_light at the end (make sure child is unique from last parent)\n        const lastParentSelector = parentSelectors[parentSelectors.length - 1]\n        selectors.push(\n          `${parentSelectors.join(' ')} ${\n            childSelector === lastParentSelector ? '' : childSelector\n          }`\n        )\n      }\n    }\n  }\n\n  const selectorsString = selectors.map((x) => {\n    // only do our :root attach if it's not light/dark - not support sub themes on root saves a lot of effort/size\n    // this isBaseTheme logic could probably be done more efficiently above\n    const isBaseTheme =\n      x === '.t_dark' ||\n      x === '.t_light' ||\n      x.startsWith('.t_dark ') ||\n      x.startsWith('.t_light ')\n    const rootSep = isBaseTheme && config.themeClassNameOnRoot ? '' : ' '\n    return `:root${rootSep}${x}`\n  })\n  const css = `${selectorsString.join(', ')} {${vars}}`\n  cssRuleSets.push(css)\n\n  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {\n    // add media prefers for dark/light base\n    const isDark = themeName.startsWith('dark')\n    cssRuleSets.push(\n      `@media(prefers-color-scheme: ${isDark ? 'dark' : 'light'}) {\nbody { background:${variableToString(theme.background)}; color: ${variableToString(\n        theme.color\n      )} }\n:root {${vars} } \n}`\n    )\n  }\n\n  return cssRuleSets\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,8BAA8B;AACvC,SAAmB,wBAAwB;AAE3C,SAAS,6BAA6B;AAE/B,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,cAAwB,CAAC;AAG/B,QAAM,eAAe,WAAW,OAAO,UAAU,UAAU,OAAO;AAClE,QAAM,MAAM,IAAI;AAChB,MAAI,OAAO;AAIX,aAAW,YAAY,OAAO;AAC5B,UAAM,WAAW,MAAM,QAAQ;AAC/B,QAAI,QAAa;AAIjB,QAAI,CAAC,sBAAsB,IAAI,SAAS,GAAG,GAAG;AAC5C,cAAQ,SAAS;AAAA,IACnB,OAAO;AACL,cAAQ,sBAAsB,IAAI,SAAS,GAAG,EAAG;AAAA,IACnD;AAEA,YAAQ,KAAK,WAAW,UAAU,EAAE,KAAK;AAAA,EAC3C;AAEA,QAAM,oBAAoB,cAAc,UAAU,cAAc;AAChE,QAAM,YAAY,MAAM,IAAI,CAAC,SAAS;AACpC,WAAO,GAAG,MAAM;AAAA,EAClB,CAAC;AAID,MAAI,cAAc;AAChB,eAAW,WAAW,OAAO;AAC3B,YAAM,SAAS,qBAAqB,QAAQ,WAAW,OAAO;AAC9D,YAAM,MAAM,OAAO,uBAAuB;AAE1C,UAAI,EAAE,UAAU,QAAQ,WAAW,QAAQ,IAAI;AAG7C,kBAAU,KAAK,cAAc,MAAM,SAAS;AAC5C;AAAA,MACF;AAEA,YAAM,gBAAgB,GAAG,MAAM,QAAQ,QAAQ,SAAS,UAAU,UAAU,EAAE;AAC9E,YAAM,QAAQ,SAAS,CAAC,QAAQ,OAAO,IAAI,CAAC,SAAS,MAAM;AAC3D,UAAI,mBAAmB;AACrB,cAAM,QAAQ;AAAA,MAChB;AACA,YAAM,CAAC,UAAU,MAAM,IAAI;AAC3B,YAAM,eAAe,KAAK,MAAM,MAAM,GAAG;AAEzC,eAAS,KAAK,GAAG,KAAK,cAAc,MAAM;AACxC,cAAM,QAAQ,KAAK,MAAM;AACzB,YAAI,SAAS,KAAK;AAAG;AACrB,cAAM,UAAU,IAAI,MAAM,KAAK,CAAC,EAAE,KAAK,MAAS,EAAE,IAAI,CAAC,GAAG,QAAQ;AAChE,iBAAO,GAAG,MAAM,MAAM,MAAM,IAAI,WAAW;AAAA,QAC7C,CAAC;AACD,YAAI,kBAAkB,QAAQ,SAAS,IAAI,QAAQ,MAAM,CAAC,IAAI;AAC9D,YAAI,OAAO;AACT,gBAAM,CAAC,QAAQ,QAAQ,GAAG,IAAI,IAAI;AAClC,4BAAkB,CAAC,QAAQ,GAAG,MAAM,MAAM;AAAA,QAC5C;AAEA,cAAM,qBAAqB,gBAAgB,gBAAgB,SAAS,CAAC;AACrE,kBAAU;AAAA,UACR,GAAG,gBAAgB,KAAK,GAAG,KACzB,kBAAkB,qBAAqB,KAAK;AAAA,QAEhD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB,UAAU,IAAI,CAAC,MAAM;AAG3C,UAAM,cACJ,MAAM,aACN,MAAM,cACN,EAAE,WAAW,UAAU,KACvB,EAAE,WAAW,WAAW;AAC1B,UAAM,UAAU,eAAe,OAAO,uBAAuB,KAAK;AAClE,WAAO,QAAQ,UAAU;AAAA,EAC3B,CAAC;AACD,QAAM,MAAM,GAAG,gBAAgB,KAAK,IAAI,MAAM;AAC9C,cAAY,KAAK,GAAG;AAEpB,MAAI,OAAO,+BAA+B,mBAAmB;AAE3D,UAAM,SAAS,UAAU,WAAW,MAAM;AAC1C,gBAAY;AAAA,MACV,gCAAgC,SAAS,SAAS;AAAA,oBACpC,iBAAiB,MAAM,UAAU,aAAa;AAAA,QAC1D,MAAM;AAAA,MACR;AAAA,SACG;AAAA;AAAA,IAEL;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/helpers/getThemeCSSRules.mjs

@@ -0,0 +1,86 @@
+import { simpleHash } from "@tamagui/helpers";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
+import { variableToString } from "../createVariable";
+import { tokensValueToVariable } from "./registerCSSVariable";
+function getThemeCSSRules({
+  config,
+  themeName,
+  theme,
+  names
+}) {
+  const cssRuleSets = [];
+  const hasDarkLight = "light" in config.themes && "dark" in config.themes;
+  const CNP = `.${THEME_CLASSNAME_PREFIX}`;
+  let vars = "";
+  for (const themeKey in theme) {
+    const variable = theme[themeKey];
+    let value = null;
+    if (!tokensValueToVariable.has(variable.val)) {
+      value = variable.val;
+    } else {
+      value = tokensValueToVariable.get(variable.val).variable;
+    }
+    vars += `--${simpleHash(themeKey, 40)}:${value};`;
+  }
+  const isDarkOrLightBase = themeName === "dark" || themeName === "light";
+  const selectors = names.map((name) => {
+    return `${CNP}${name}`;
+  });
+  if (hasDarkLight) {
+    for (const subName of names) {
+      const isDark = isDarkOrLightBase || subName.startsWith("dark_");
+      const max = config.maxDarkLightNesting ?? 3;
+      if (!(isDark || subName.startsWith("light_"))) {
+        selectors.push(`:root:root ${CNP}${subName}`);
+        continue;
+      }
+      const childSelector = `${CNP}${subName.replace(isDark ? "dark_" : "light_", "")}`;
+      const order = isDark ? ["dark", "light"] : ["light", "dark"];
+      if (isDarkOrLightBase) {
+        order.reverse();
+      }
+      const [stronger, weaker] = order;
+      const numSelectors = Math.round(max * 1.5);
+      for (let pi = 0; pi < numSelectors; pi++) {
+        const isOdd = pi % 2 === 1;
+        if (isOdd && pi < 3)
+          continue;
+        const parents = new Array(pi + 1).fill(void 0).map((_, psi) => {
+          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`;
+        });
+        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents;
+        if (isOdd) {
+          const [_first, second, ...rest] = parentSelectors;
+          parentSelectors = [second, ...rest, second];
+        }
+        const lastParentSelector = parentSelectors[parentSelectors.length - 1];
+        selectors.push(
+          `${parentSelectors.join(" ")} ${childSelector === lastParentSelector ? "" : childSelector}`
+        );
+      }
+    }
+  }
+  const selectorsString = selectors.map((x) => {
+    const isBaseTheme = x === ".t_dark" || x === ".t_light" || x.startsWith(".t_dark ") || x.startsWith(".t_light ");
+    const rootSep = isBaseTheme && config.themeClassNameOnRoot ? "" : " ";
+    return `:root${rootSep}${x}`;
+  });
+  const css = `${selectorsString.join(", ")} {${vars}}`;
+  cssRuleSets.push(css);
+  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {
+    const isDark = themeName.startsWith("dark");
+    cssRuleSets.push(
+      `@media(prefers-color-scheme: ${isDark ? "dark" : "light"}) {
+body { background:${variableToString(theme.background)}; color: ${variableToString(
+        theme.color
+      )} }
+:root {${vars} } 
+}`
+    );
+  }
+  return cssRuleSets;
+}
+export {
+  getThemeCSSRules
+};
+//# sourceMappingURL=getThemeCSSRules.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getThemeCSSRules.ts"],
+  "sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\nimport { THEME_CLASSNAME_PREFIX } from '../constants/constants'\nimport { Variable, variableToString } from '../createVariable'\nimport { CreateTamaguiProps, ThemeParsed } from '../types'\nimport { tokensValueToVariable } from './registerCSSVariable'\n\nexport function getThemeCSSRules({\n  config,\n  themeName,\n  theme,\n  names,\n}: {\n  config: CreateTamaguiProps\n  themeName: string\n  theme: ThemeParsed\n  names: string[]\n}) {\n  const cssRuleSets: string[] = []\n\n  // special case for SSR\n  const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n  const CNP = `.${THEME_CLASSNAME_PREFIX}`\n  let vars = ''\n\n  // themeToVariableToValueMap.set(theme, {})\n  // const varToValMap = themeToVariableToValueMap.get(theme)\n  for (const themeKey in theme) {\n    const variable = theme[themeKey] as Variable\n    let value: any = null\n    // if (varToValMap) {\n    //   varToValMap[variable.variable] = variable.val\n    // }\n    if (!tokensValueToVariable.has(variable.val)) {\n      value = variable.val\n    } else {\n      value = tokensValueToVariable.get(variable.val)!.variable\n    }\n    // Hash themeKey in case it has invalid chars too\n    vars += `--${simpleHash(themeKey, 40)}:${value};`\n  }\n\n  const isDarkOrLightBase = themeName === 'dark' || themeName === 'light'\n  const selectors = names.map((name) => {\n    return `${CNP}${name}`\n  })\n\n  // since we dont specify dark/light in classnames we have to do an awkward specificity war\n  // use config.maxDarkLightNesting to determine how deep you can nest until it breaks\n  if (hasDarkLight) {\n    for (const subName of names) {\n      const isDark = isDarkOrLightBase || subName.startsWith('dark_')\n      const max = config.maxDarkLightNesting ?? 3\n\n      if (!(isDark || subName.startsWith('light_'))) {\n        // neither light nor dark subtheme, just generate one selector with :root:root which\n        // will override all :root light/dark selectors generated below\n        selectors.push(`:root:root ${CNP}${subName}`)\n        continue\n      }\n\n      const childSelector = `${CNP}${subName.replace(isDark ? 'dark_' : 'light_', '')}`\n      const order = isDark ? ['dark', 'light'] : ['light', 'dark']\n      if (isDarkOrLightBase) {\n        order.reverse()\n      }\n      const [stronger, weaker] = order\n      const numSelectors = Math.round(max * 1.5)\n\n      for (let pi = 0; pi < numSelectors; pi++) {\n        const isOdd = pi % 2 === 1\n        if (isOdd && pi < 3) continue\n        const parents = new Array(pi + 1).fill(undefined).map((_, psi) => {\n          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`\n        })\n        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents\n        if (isOdd) {\n          const [_first, second, ...rest] = parentSelectors\n          parentSelectors = [second, ...rest, second]\n        }\n        // avoid .t_light .t_light at the end (make sure child is unique from last parent)\n        const lastParentSelector = parentSelectors[parentSelectors.length - 1]\n        selectors.push(\n          `${parentSelectors.join(' ')} ${\n            childSelector === lastParentSelector ? '' : childSelector\n          }`\n        )\n      }\n    }\n  }\n\n  const selectorsString = selectors.map((x) => {\n    // only do our :root attach if it's not light/dark - not support sub themes on root saves a lot of effort/size\n    // this isBaseTheme logic could probably be done more efficiently above\n    const isBaseTheme =\n      x === '.t_dark' ||\n      x === '.t_light' ||\n      x.startsWith('.t_dark ') ||\n      x.startsWith('.t_light ')\n    const rootSep = isBaseTheme && config.themeClassNameOnRoot ? '' : ' '\n    return `:root${rootSep}${x}`\n  })\n  const css = `${selectorsString.join(', ')} {${vars}}`\n  cssRuleSets.push(css)\n\n  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {\n    // add media prefers for dark/light base\n    const isDark = themeName.startsWith('dark')\n    cssRuleSets.push(\n      `@media(prefers-color-scheme: ${isDark ? 'dark' : 'light'}) {\nbody { background:${variableToString(theme.background)}; color: ${variableToString(\n        theme.color\n      )} }\n:root {${vars} } \n}`\n    )\n  }\n\n  return cssRuleSets\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,8BAA8B;AACvC,SAAmB,wBAAwB;AAE3C,SAAS,6BAA6B;AAE/B,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,cAAwB,CAAC;AAG/B,QAAM,eAAe,WAAW,OAAO,UAAU,UAAU,OAAO;AAClE,QAAM,MAAM,IAAI;AAChB,MAAI,OAAO;AAIX,aAAW,YAAY,OAAO;AAC5B,UAAM,WAAW,MAAM,QAAQ;AAC/B,QAAI,QAAa;AAIjB,QAAI,CAAC,sBAAsB,IAAI,SAAS,GAAG,GAAG;AAC5C,cAAQ,SAAS;AAAA,IACnB,OAAO;AACL,cAAQ,sBAAsB,IAAI,SAAS,GAAG,EAAG;AAAA,IACnD;AAEA,YAAQ,KAAK,WAAW,UAAU,EAAE,KAAK;AAAA,EAC3C;AAEA,QAAM,oBAAoB,cAAc,UAAU,cAAc;AAChE,QAAM,YAAY,MAAM,IAAI,CAAC,SAAS;AACpC,WAAO,GAAG,MAAM;AAAA,EAClB,CAAC;AAID,MAAI,cAAc;AAChB,eAAW,WAAW,OAAO;AAC3B,YAAM,SAAS,qBAAqB,QAAQ,WAAW,OAAO;AAC9D,YAAM,MAAM,OAAO,uBAAuB;AAE1C,UAAI,EAAE,UAAU,QAAQ,WAAW,QAAQ,IAAI;AAG7C,kBAAU,KAAK,cAAc,MAAM,SAAS;AAC5C;AAAA,MACF;AAEA,YAAM,gBAAgB,GAAG,MAAM,QAAQ,QAAQ,SAAS,UAAU,UAAU,EAAE;AAC9E,YAAM,QAAQ,SAAS,CAAC,QAAQ,OAAO,IAAI,CAAC,SAAS,MAAM;AAC3D,UAAI,mBAAmB;AACrB,cAAM,QAAQ;AAAA,MAChB;AACA,YAAM,CAAC,UAAU,MAAM,IAAI;AAC3B,YAAM,eAAe,KAAK,MAAM,MAAM,GAAG;AAEzC,eAAS,KAAK,GAAG,KAAK,cAAc,MAAM;AACxC,cAAM,QAAQ,KAAK,MAAM;AACzB,YAAI,SAAS,KAAK;AAAG;AACrB,cAAM,UAAU,IAAI,MAAM,KAAK,CAAC,EAAE,KAAK,MAAS,EAAE,IAAI,CAAC,GAAG,QAAQ;AAChE,iBAAO,GAAG,MAAM,MAAM,MAAM,IAAI,WAAW;AAAA,QAC7C,CAAC;AACD,YAAI,kBAAkB,QAAQ,SAAS,IAAI,QAAQ,MAAM,CAAC,IAAI;AAC9D,YAAI,OAAO;AACT,gBAAM,CAAC,QAAQ,QAAQ,GAAG,IAAI,IAAI;AAClC,4BAAkB,CAAC,QAAQ,GAAG,MAAM,MAAM;AAAA,QAC5C;AAEA,cAAM,qBAAqB,gBAAgB,gBAAgB,SAAS,CAAC;AACrE,kBAAU;AAAA,UACR,GAAG,gBAAgB,KAAK,GAAG,KACzB,kBAAkB,qBAAqB,KAAK;AAAA,QAEhD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB,UAAU,IAAI,CAAC,MAAM;AAG3C,UAAM,cACJ,MAAM,aACN,MAAM,cACN,EAAE,WAAW,UAAU,KACvB,EAAE,WAAW,WAAW;AAC1B,UAAM,UAAU,eAAe,OAAO,uBAAuB,KAAK;AAClE,WAAO,QAAQ,UAAU;AAAA,EAC3B,CAAC;AACD,QAAM,MAAM,GAAG,gBAAgB,KAAK,IAAI,MAAM;AAC9C,cAAY,KAAK,GAAG;AAEpB,MAAI,OAAO,+BAA+B,mBAAmB;AAE3D,UAAM,SAAS,UAAU,WAAW,MAAM;AAC1C,gBAAY;AAAA,MACV,gCAAgC,SAAS,SAAS;AAAA,oBACpC,iBAAiB,MAAM,UAAU,aAAa;AAAA,QAC1D,MAAM;AAAA,MACR;AAAA,SACG;AAAA;AAAA,IAEL;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+function getThemeCSSRules() {
+  return [];
+}
+export {
+  getThemeCSSRules
+};
+//# sourceMappingURL=getThemeCSSRules.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getThemeCSSRules.native.ts"],
+  "sourcesContent": ["export function getThemeCSSRules() {\n  return []\n}\n"],
+  "mappings": "AAAO,SAAS,mBAAmB;AACjC,SAAO,CAAC;AACV;",
+  "names": []
+}

package/dist/esm/helpers/getThemeCSSRules.native.mjs

@@ -0,0 +1,7 @@
+function getThemeCSSRules() {
+  return [];
+}
+export {
+  getThemeCSSRules
+};
+//# sourceMappingURL=getThemeCSSRules.native.mjs.map

package/dist/esm/helpers/getThemeCSSRules.native.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getThemeCSSRules.native.ts"],
+  "sourcesContent": ["export function getThemeCSSRules() {\n  return []\n}\n"],
+  "mappings": "AAAO,SAAS,mBAAmB;AACjC,SAAO,CAAC;AACV;",
+  "names": []
+}

package/dist/esm/helpers/getVariantExtras.js

@@ -0,0 +1,67 @@
+import { getConfig } from "../config";
+import { createProxy } from "./createProxy";
+const extrasCache = /* @__PURE__ */ new WeakMap();
+function getVariantExtras(props, languageContext, theme, defaultProps, avoidDefaultProps = false) {
+  const conf = getConfig();
+  if (extrasCache.has(props)) {
+    return extrasCache.get(props);
+  }
+  let fonts = conf.fontsParsed;
+  if (languageContext) {
+    fonts = getFontsForLanguage(conf.fontsParsed, languageContext);
+  }
+  const next = {
+    fonts,
+    tokens: conf.tokensParsed,
+    theme,
+    // TODO do this in splitstlye
+    // we avoid passing in default props for media queries because that would confuse things like SizableText.size:
+    props: avoidDefaultProps ? props : createProxy(props, {
+      // handles shorthands
+      get(target, key) {
+        const shorthand = conf.inverseShorthands[key];
+        if (shorthand && Reflect.has(target, shorthand)) {
+          return Reflect.get(target, shorthand);
+        }
+        if (Reflect.has(target, key)) {
+          return Reflect.get(target, key);
+        }
+        if (defaultProps) {
+          if (shorthand && Reflect.has(defaultProps, shorthand)) {
+            return Reflect.get(defaultProps, shorthand);
+          }
+          if (Reflect.has(defaultProps, key)) {
+            return Reflect.get(defaultProps, key);
+          }
+        }
+      }
+    })
+  };
+  extrasCache.set(props, next);
+  return next;
+}
+const fontLanguageCache = /* @__PURE__ */ new WeakMap();
+function getFontsForLanguage(fonts, language) {
+  if (fontLanguageCache.has(language)) {
+    return fontLanguageCache.get(language);
+  }
+  const next = {
+    ...fonts,
+    ...Object.fromEntries(
+      Object.entries(language).map(([name, lang]) => {
+        if (lang === "default") {
+          return [];
+        }
+        const langKey = `$${name}_${lang}`;
+        return [`$${name}`, fonts[langKey]];
+      })
+    )
+  };
+  fontLanguageCache.set(language, next);
+  return next;
+}
+export {
+  getFontsForLanguage,
+  getVariantExtras
+};
+//# sourceMappingURL=getVariantExtras.js.map

package/dist/esm/helpers/getVariantExtras.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getVariantExtras.tsx"],
+  "sourcesContent": ["import { getConfig } from '../config'\nimport { GenericFonts } from '../types'\nimport { LanguageContextType } from '../views/FontLanguage.types'\nimport { createProxy } from './createProxy'\n\nconst extrasCache = new WeakMap()\n\nexport function getVariantExtras(\n  props: any,\n  languageContext?: LanguageContextType,\n  theme?: any,\n  defaultProps?: any,\n  avoidDefaultProps = false\n) {\n  const conf = getConfig()\n\n  if (extrasCache.has(props)) {\n    return extrasCache.get(props)\n  }\n\n  let fonts = conf.fontsParsed\n  if (languageContext) {\n    fonts = getFontsForLanguage(conf.fontsParsed, languageContext)\n  }\n\n  const next = {\n    fonts,\n    tokens: conf.tokensParsed,\n    theme,\n    // TODO do this in splitstlye\n    // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n    props: avoidDefaultProps\n      ? props\n      : createProxy(props, {\n          // handles shorthands\n          get(target, key) {\n            const shorthand = conf.inverseShorthands[key as any]\n            // shorthands before longhand because a styled() with longhand combined with inline shorthand\n            // shorthand will always be the overriding key\n            if (shorthand && Reflect.has(target, shorthand)) {\n              return Reflect.get(target, shorthand)\n            }\n            if (Reflect.has(target, key)) {\n              return Reflect.get(target, key)\n            }\n            // these props may be extracted into classNames, but we still want to access them\n            // at runtime, so we proxy back to defaultProps but don't pass them\n            if (defaultProps) {\n              if (shorthand && Reflect.has(defaultProps, shorthand)) {\n                return Reflect.get(defaultProps, shorthand)\n              }\n              if (Reflect.has(defaultProps, key)) {\n                return Reflect.get(defaultProps, key)\n              }\n            }\n          },\n        }),\n  }\n\n  extrasCache.set(props, next)\n\n  return next\n}\n\nconst fontLanguageCache = new WeakMap()\n\nexport function getFontsForLanguage(fonts: GenericFonts, language: LanguageContextType) {\n  if (fontLanguageCache.has(language)) {\n    return fontLanguageCache.get(language)\n  }\n  const next = {\n    ...fonts,\n    ...Object.fromEntries(\n      Object.entries(language).map(([name, lang]) => {\n        if (lang === 'default') {\n          return []\n        }\n        const langKey = `$${name}_${lang}`\n        return [`$${name}`, fonts[langKey]]\n      })\n    ),\n  }\n  fontLanguageCache.set(language, next)\n  return next\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAG1B,SAAS,mBAAmB;AAE5B,MAAM,cAAc,oBAAI,QAAQ;AAEzB,SAAS,iBACd,OACA,iBACA,OACA,cACA,oBAAoB,OACpB;AACA,QAAM,OAAO,UAAU;AAEvB,MAAI,YAAY,IAAI,KAAK,GAAG;AAC1B,WAAO,YAAY,IAAI,KAAK;AAAA,EAC9B;AAEA,MAAI,QAAQ,KAAK;AACjB,MAAI,iBAAiB;AACnB,YAAQ,oBAAoB,KAAK,aAAa,eAAe;AAAA,EAC/D;AAEA,QAAM,OAAO;AAAA,IACX;AAAA,IACA,QAAQ,KAAK;AAAA,IACb;AAAA;AAAA;AAAA,IAGA,OAAO,oBACH,QACA,YAAY,OAAO;AAAA;AAAA,MAEjB,IAAI,QAAQ,KAAK;AACf,cAAM,YAAY,KAAK,kBAAkB,GAAU;AAGnD,YAAI,aAAa,QAAQ,IAAI,QAAQ,SAAS,GAAG;AAC/C,iBAAO,QAAQ,IAAI,QAAQ,SAAS;AAAA,QACtC;AACA,YAAI,QAAQ,IAAI,QAAQ,GAAG,GAAG;AAC5B,iBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,QAChC;AAGA,YAAI,cAAc;AAChB,cAAI,aAAa,QAAQ,IAAI,cAAc,SAAS,GAAG;AACrD,mBAAO,QAAQ,IAAI,cAAc,SAAS;AAAA,UAC5C;AACA,cAAI,QAAQ,IAAI,cAAc,GAAG,GAAG;AAClC,mBAAO,QAAQ,IAAI,cAAc,GAAG;AAAA,UACtC;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACP;AAEA,cAAY,IAAI,OAAO,IAAI;AAE3B,SAAO;AACT;AAEA,MAAM,oBAAoB,oBAAI,QAAQ;AAE/B,SAAS,oBAAoB,OAAqB,UAA+B;AACtF,MAAI,kBAAkB,IAAI,QAAQ,GAAG;AACnC,WAAO,kBAAkB,IAAI,QAAQ;AAAA,EACvC;AACA,QAAM,OAAO;AAAA,IACX,GAAG;AAAA,IACH,GAAG,OAAO;AAAA,MACR,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM;AAC7C,YAAI,SAAS,WAAW;AACtB,iBAAO,CAAC;AAAA,QACV;AACA,cAAM,UAAU,IAAI,QAAQ;AAC5B,eAAO,CAAC,IAAI,QAAQ,MAAM,OAAO,CAAC;AAAA,MACpC,CAAC;AAAA,IACH;AAAA,EACF;AACA,oBAAkB,IAAI,UAAU,IAAI;AACpC,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/helpers/getVariantExtras.mjs

@@ -0,0 +1,67 @@
+import { getConfig } from "../config";
+import { createProxy } from "./createProxy";
+const extrasCache = /* @__PURE__ */ new WeakMap();
+function getVariantExtras(props, languageContext, theme, defaultProps, avoidDefaultProps = false) {
+  const conf = getConfig();
+  if (extrasCache.has(props)) {
+    return extrasCache.get(props);
+  }
+  let fonts = conf.fontsParsed;
+  if (languageContext) {
+    fonts = getFontsForLanguage(conf.fontsParsed, languageContext);
+  }
+  const next = {
+    fonts,
+    tokens: conf.tokensParsed,
+    theme,
+    // TODO do this in splitstlye
+    // we avoid passing in default props for media queries because that would confuse things like SizableText.size:
+    props: avoidDefaultProps ? props : createProxy(props, {
+      // handles shorthands
+      get(target, key) {
+        const shorthand = conf.inverseShorthands[key];
+        if (shorthand && Reflect.has(target, shorthand)) {
+          return Reflect.get(target, shorthand);
+        }
+        if (Reflect.has(target, key)) {
+          return Reflect.get(target, key);
+        }
+        if (defaultProps) {
+          if (shorthand && Reflect.has(defaultProps, shorthand)) {
+            return Reflect.get(defaultProps, shorthand);
+          }
+          if (Reflect.has(defaultProps, key)) {
+            return Reflect.get(defaultProps, key);
+          }
+        }
+      }
+    })
+  };
+  extrasCache.set(props, next);
+  return next;
+}
+const fontLanguageCache = /* @__PURE__ */ new WeakMap();
+function getFontsForLanguage(fonts, language) {
+  if (fontLanguageCache.has(language)) {
+    return fontLanguageCache.get(language);
+  }
+  const next = {
+    ...fonts,
+    ...Object.fromEntries(
+      Object.entries(language).map(([name, lang]) => {
+        if (lang === "default") {
+          return [];
+        }
+        const langKey = `$${name}_${lang}`;
+        return [`$${name}`, fonts[langKey]];
+      })
+    )
+  };
+  fontLanguageCache.set(language, next);
+  return next;
+}
+export {
+  getFontsForLanguage,
+  getVariantExtras
+};
+//# sourceMappingURL=getVariantExtras.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getVariantExtras.tsx"],
+  "sourcesContent": ["import { getConfig } from '../config'\nimport { GenericFonts } from '../types'\nimport { LanguageContextType } from '../views/FontLanguage.types'\nimport { createProxy } from './createProxy'\n\nconst extrasCache = new WeakMap()\n\nexport function getVariantExtras(\n  props: any,\n  languageContext?: LanguageContextType,\n  theme?: any,\n  defaultProps?: any,\n  avoidDefaultProps = false\n) {\n  const conf = getConfig()\n\n  if (extrasCache.has(props)) {\n    return extrasCache.get(props)\n  }\n\n  let fonts = conf.fontsParsed\n  if (languageContext) {\n    fonts = getFontsForLanguage(conf.fontsParsed, languageContext)\n  }\n\n  const next = {\n    fonts,\n    tokens: conf.tokensParsed,\n    theme,\n    // TODO do this in splitstlye\n    // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n    props: avoidDefaultProps\n      ? props\n      : createProxy(props, {\n          // handles shorthands\n          get(target, key) {\n            const shorthand = conf.inverseShorthands[key as any]\n            // shorthands before longhand because a styled() with longhand combined with inline shorthand\n            // shorthand will always be the overriding key\n            if (shorthand && Reflect.has(target, shorthand)) {\n              return Reflect.get(target, shorthand)\n            }\n            if (Reflect.has(target, key)) {\n              return Reflect.get(target, key)\n            }\n            // these props may be extracted into classNames, but we still want to access them\n            // at runtime, so we proxy back to defaultProps but don't pass them\n            if (defaultProps) {\n              if (shorthand && Reflect.has(defaultProps, shorthand)) {\n                return Reflect.get(defaultProps, shorthand)\n              }\n              if (Reflect.has(defaultProps, key)) {\n                return Reflect.get(defaultProps, key)\n              }\n            }\n          },\n        }),\n  }\n\n  extrasCache.set(props, next)\n\n  return next\n}\n\nconst fontLanguageCache = new WeakMap()\n\nexport function getFontsForLanguage(fonts: GenericFonts, language: LanguageContextType) {\n  if (fontLanguageCache.has(language)) {\n    return fontLanguageCache.get(language)\n  }\n  const next = {\n    ...fonts,\n    ...Object.fromEntries(\n      Object.entries(language).map(([name, lang]) => {\n        if (lang === 'default') {\n          return []\n        }\n        const langKey = `$${name}_${lang}`\n        return [`$${name}`, fonts[langKey]]\n      })\n    ),\n  }\n  fontLanguageCache.set(language, next)\n  return next\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAG1B,SAAS,mBAAmB;AAE5B,MAAM,cAAc,oBAAI,QAAQ;AAEzB,SAAS,iBACd,OACA,iBACA,OACA,cACA,oBAAoB,OACpB;AACA,QAAM,OAAO,UAAU;AAEvB,MAAI,YAAY,IAAI,KAAK,GAAG;AAC1B,WAAO,YAAY,IAAI,KAAK;AAAA,EAC9B;AAEA,MAAI,QAAQ,KAAK;AACjB,MAAI,iBAAiB;AACnB,YAAQ,oBAAoB,KAAK,aAAa,eAAe;AAAA,EAC/D;AAEA,QAAM,OAAO;AAAA,IACX;AAAA,IACA,QAAQ,KAAK;AAAA,IACb;AAAA;AAAA;AAAA,IAGA,OAAO,oBACH,QACA,YAAY,OAAO;AAAA;AAAA,MAEjB,IAAI,QAAQ,KAAK;AACf,cAAM,YAAY,KAAK,kBAAkB,GAAU;AAGnD,YAAI,aAAa,QAAQ,IAAI,QAAQ,SAAS,GAAG;AAC/C,iBAAO,QAAQ,IAAI,QAAQ,SAAS;AAAA,QACtC;AACA,YAAI,QAAQ,IAAI,QAAQ,GAAG,GAAG;AAC5B,iBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,QAChC;AAGA,YAAI,cAAc;AAChB,cAAI,aAAa,QAAQ,IAAI,cAAc,SAAS,GAAG;AACrD,mBAAO,QAAQ,IAAI,cAAc,SAAS;AAAA,UAC5C;AACA,cAAI,QAAQ,IAAI,cAAc,GAAG,GAAG;AAClC,mBAAO,QAAQ,IAAI,cAAc,GAAG;AAAA,UACtC;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACP;AAEA,cAAY,IAAI,OAAO,IAAI;AAE3B,SAAO;AACT;AAEA,MAAM,oBAAoB,oBAAI,QAAQ;AAE/B,SAAS,oBAAoB,OAAqB,UAA+B;AACtF,MAAI,kBAAkB,IAAI,QAAQ,GAAG;AACnC,WAAO,kBAAkB,IAAI,QAAQ;AAAA,EACvC;AACA,QAAM,OAAO;AAAA,IACX,GAAG;AAAA,IACH,GAAG,OAAO;AAAA,MACR,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM;AAC7C,YAAI,SAAS,WAAW;AACtB,iBAAO,CAAC;AAAA,QACV;AACA,cAAM,UAAU,IAAI,QAAQ;AAC5B,eAAO,CAAC,IAAI,QAAQ,MAAM,OAAO,CAAC;AAAA,MACpC,CAAC;AAAA,IACH;AAAA,EACF;AACA,oBAAkB,IAAI,UAAU,IAAI;AACpC,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/helpers/insertStyleRule.js

@@ -0,0 +1,186 @@
+const allSelectors = {};
+const allRules = {};
+const insertedTransforms = {};
+const getAllSelectors = () => allSelectors;
+const getAllRules = () => Object.values(allRules);
+const getAllTransforms = () => insertedTransforms;
+function addTransform(identifier, css, rule) {
+  const s = css.indexOf("transform:");
+  if (s === -1) {
+    if (process.env.NODE_ENV === "development") {
+      console.error(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`);
+    }
+    return false;
+  }
+  const startI = s + "transform:".length;
+  const endI = css.indexOf(";");
+  const value = css.slice(startI, endI);
+  if (!insertedTransforms[identifier]) {
+    insertedTransforms[identifier] = value;
+    return true;
+  }
+  return false;
+}
+const isClient = typeof document !== "undefined";
+const scannedCache = /* @__PURE__ */ new WeakMap();
+const totalSheetSelectors = /* @__PURE__ */ new Map();
+function listenForSheetChanges() {
+  if (!isClient)
+    return;
+  function handleNode(node, remove = false) {
+    if (node instanceof HTMLStyleElement && node.sheet) {
+      updateSheetStyles(node.sheet, remove);
+    }
+  }
+  const mo = new MutationObserver((entries) => {
+    for (const entry of entries) {
+      entry.addedNodes.forEach((node) => handleNode(node));
+      entry.removedNodes.forEach((node) => handleNode(node, true));
+    }
+  });
+  mo.observe(document.head, {
+    childList: true
+  });
+}
+function scanAllSheets() {
+  if (process.env.NODE_ENV === "test")
+    return;
+  if (!isClient)
+    return;
+  const sheets = document.styleSheets;
+  if (!sheets)
+    return;
+  for (let i = 0; i < sheets.length; i++) {
+    const sheet2 = sheets[i];
+    if (!sheet2)
+      continue;
+    updateSheetStyles(sheet2);
+  }
+}
+function track(id, remove = false) {
+  const next = (totalSheetSelectors.get(id) || 0) + (remove ? -1 : 1);
+  totalSheetSelectors.set(id, next);
+  return next;
+}
+function updateSheetStyles(sheet2, remove = false) {
+  var _a, _b;
+  let rules;
+  try {
+    rules = sheet2.cssRules;
+  } catch {
+    return;
+  }
+  const firstSelector = (_a = getTamaguiSelector(rules[0])) == null ? void 0 : _a[0];
+  if (!firstSelector) {
+    return;
+  }
+  const lastSelector = (_b = getTamaguiSelector(rules[rules.length - 1])) == null ? void 0 : _b[0];
+  const cacheKey = `${rules.length}${firstSelector}${lastSelector}`;
+  const lastScanned = scannedCache.get(sheet2);
+  if (!remove) {
+    if (lastScanned === cacheKey) {
+      return;
+    }
+  }
+  const len = rules.length;
+  for (let i = 0; i < len; i++) {
+    const rule = rules[i];
+    const response = getTamaguiSelector(rule);
+    if (!response) {
+      return;
+    }
+    const [identifier, cssRule] = response;
+    const total = track(identifier, remove);
+    if (remove) {
+      if (total === 0) {
+        delete allSelectors[identifier];
+      }
+    } else {
+      if (!(identifier in allSelectors)) {
+        const isTransform = identifier.startsWith("_transform");
+        const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true;
+        if (shouldInsert) {
+          allSelectors[identifier] = cssRule.cssText;
+        }
+      }
+    }
+  }
+  scannedCache.set(sheet2, cacheKey);
+}
+function getTamaguiSelector(rule) {
+  if (rule instanceof CSSStyleRule) {
+    const text = rule.selectorText;
+    if (text[0] === "." && text[1] === "_") {
+      return [text.slice(1), rule];
+    }
+    if (text.startsWith(":root") && text.includes("._")) {
+      return [getIdentifierFromTamaguiSelector(text), rule];
+    }
+  } else if (rule instanceof CSSMediaRule) {
+    if (rule.cssRules.length > 1)
+      return null;
+    return getTamaguiSelector(rule.cssRules[0]);
+  }
+  return null;
+}
+const getIdentifierFromTamaguiSelector = (selector) => selector.replace(/(:root)+\s+/, "").replace(/:[a-z]+$/, "").slice(1);
+const sheet = isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
+function updateRules(identifier, rules) {
+  if (allRules[identifier])
+    return false;
+  allRules[identifier] = rules.join(" ");
+  if (identifier.startsWith("_transform")) {
+    return addTransform(identifier, rules[0]);
+  }
+  return true;
+}
+function insertStyleRules(rulesToInsert) {
+  if (!rulesToInsert.length)
+    return;
+  if (isClient && !sheet) {
+    if (process.env.NODE_ENV === "development")
+      throw "impossible";
+    return;
+  }
+  for (const { identifier, rules } of rulesToInsert) {
+    if (identifier in allSelectors)
+      continue;
+    allSelectors[identifier] = process.env.NODE_ENV === "development" ? rules.join("\n") : " ";
+    updateRules(identifier, rules);
+    if (sheet) {
+      for (const rule of rules) {
+        try {
+          sheet.insertRule(rule, sheet.cssRules.length);
+        } catch (err) {
+          if (process.env.NODE_ENV !== "production") {
+            console.groupCollapsed(
+              `Error inserting rule into CSSStyleSheet: ${String(err)}`
+            );
+            console.log({ rule, rulesToInsert });
+            console.trace();
+            console.groupEnd();
+          }
+        }
+      }
+    }
+  }
+}
+const IS_STATIC = process.env.IS_STATIC === "is_static";
+function shouldInsertStyleRules(styleObject) {
+  if (IS_STATIC) {
+    return true;
+  }
+  return !(styleObject.identifier in allSelectors);
+}
+export {
+  getAllRules,
+  getAllSelectors,
+  getAllTransforms,
+  insertStyleRules,
+  insertedTransforms,
+  listenForSheetChanges,
+  scanAllSheets,
+  shouldInsertStyleRules,
+  updateRules
+};
+//# sourceMappingURL=insertStyleRule.js.map

package/dist/esm/helpers/insertStyleRule.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/insertStyleRule.tsx"],
+  "sourcesContent": ["import type { StyleObject } from '@tamagui/helpers'\n\nconst allSelectors: Record<string, string> = {}\nconst allRules: Record<string, string> = {}\nexport const insertedTransforms = {}\n\nexport const getAllSelectors = () => allSelectors\nexport const getAllRules = () => Object.values(allRules)\nexport const getAllTransforms = () => insertedTransforms\n\n// keep transforms in map for merging later\nfunction addTransform(identifier: string, css: string, rule?: CSSRule) {\n  const s = css.indexOf('transform:')\n  if (s === -1) {\n    if (process.env.NODE_ENV === 'development') {\n      console.error(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`)\n    }\n    return false\n  }\n  const startI = s + 'transform:'.length\n  const endI = css.indexOf(';')\n  const value = css.slice(startI, endI)\n  if (!insertedTransforms[identifier]) {\n    insertedTransforms[identifier] = value\n    return true\n  }\n  return false\n}\n\nconst isClient = typeof document !== 'undefined'\n\n// gets existing ones (client side)\n// takes ~0.1ms for a fairly large page\n// used now for three things:\n//   1. debugging at dev time\n//   2. avoid duplicate insert styles at runtime\n//   3. used now for merging transforms atomically\n\n// multiple sheets could have the same ids so we have to count\n\n// only cache tamagui styles\nconst scannedCache = new WeakMap<CSSStyleSheet, string>()\nconst totalSheetSelectors = new Map<string, number>()\n\nexport function listenForSheetChanges() {\n  if (!isClient) return\n  function handleNode(node: Node, remove = false) {\n    if (node instanceof HTMLStyleElement && node.sheet) {\n      updateSheetStyles(node.sheet, remove)\n    }\n  }\n  const mo = new MutationObserver((entries) => {\n    for (const entry of entries) {\n      entry.addedNodes.forEach((node) => handleNode(node))\n      entry.removedNodes.forEach((node) => handleNode(node, true))\n    }\n  })\n  mo.observe(document.head, {\n    childList: true,\n  })\n}\n\nexport function scanAllSheets() {\n  if (process.env.NODE_ENV === 'test') return\n  if (!isClient) return\n  const sheets = document.styleSheets\n  if (!sheets) return\n  for (let i = 0; i < sheets.length; i++) {\n    const sheet = sheets[i]\n    if (!sheet) continue\n    updateSheetStyles(sheet)\n  }\n}\n\nfunction track(id: string, remove = false) {\n  const next = (totalSheetSelectors.get(id) || 0) + (remove ? -1 : 1)\n  totalSheetSelectors.set(id, next)\n  return next\n}\n\nfunction updateSheetStyles(sheet: CSSStyleSheet, remove = false) {\n  // avoid errors on cross origin sheets\n  // https://stackoverflow.com/questions/49993633/uncaught-domexception-failed-to-read-the-cssrules-property\n  let rules: CSSRuleList\n  try {\n    rules = sheet.cssRules\n  } catch {\n    return\n  }\n\n  // not tamagui stylesheet\n  const firstSelector = getTamaguiSelector(rules[0])?.[0]\n  if (!firstSelector) {\n    return\n  }\n\n  const lastSelector = getTamaguiSelector(rules[rules.length - 1])?.[0]\n\n  const cacheKey = `${rules.length}${firstSelector}${lastSelector}`\n  const lastScanned = scannedCache.get(sheet)\n  if (!remove) {\n    // avoid re-scanning\n    if (lastScanned === cacheKey) {\n      return\n    }\n  }\n\n  const len = rules.length\n  for (let i = 0; i < len; i++) {\n    const rule = rules[i]\n    const response = getTamaguiSelector(rule)\n    if (!response) {\n      return\n    }\n\n    const [identifier, cssRule] = response\n\n    // track references\n    const total = track(identifier, remove)\n\n    if (remove) {\n      if (total === 0) {\n        delete allSelectors[identifier]\n      }\n    } else {\n      if (!(identifier in allSelectors)) {\n        const isTransform = identifier.startsWith('_transform')\n        const shouldInsert = isTransform\n          ? addTransform(identifier, cssRule.cssText, cssRule)\n          : true\n        if (shouldInsert) {\n          allSelectors[identifier] = cssRule.cssText\n        }\n      }\n    }\n  }\n\n  scannedCache.set(sheet, cacheKey)\n}\n\nfunction getTamaguiSelector(\n  rule: CSSRule | null\n): readonly [string, CSSStyleRule] | null {\n  if (rule instanceof CSSStyleRule) {\n    const text = rule.selectorText\n    if (text[0] === '.' && text[1] === '_') {\n      return [text.slice(1), rule]\n    }\n    if (text.startsWith(':root') && text.includes('._')) {\n      return [getIdentifierFromTamaguiSelector(text), rule]\n    }\n  } else if (rule instanceof CSSMediaRule) {\n    // tamagui only ever inserts 1 rule per media\n    if (rule.cssRules.length > 1) return null\n    return getTamaguiSelector(rule.cssRules[0])\n  }\n  return null\n}\n\nconst getIdentifierFromTamaguiSelector = (selector: string) =>\n  selector\n    .replace(/(:root)+\\s+/, '')\n    .replace(/:[a-z]+$/, '')\n    .slice(1)\n\nconst sheet = isClient\n  ? document.head.appendChild(document.createElement('style')).sheet\n  : null\n\nexport function updateRules(identifier: string, rules: string[]) {\n  if (allRules[identifier]) return false\n  allRules[identifier] = rules.join(' ')\n  if (identifier.startsWith('_transform')) {\n    return addTransform(identifier, rules[0])\n  }\n  return true\n}\n\n// [property, identifier, rules]\nexport type PartialStyleObject = Pick<StyleObject, 'identifier' | 'property' | 'rules'>\nexport type RulesToInsert = PartialStyleObject[]\n\nexport function insertStyleRules(rulesToInsert: RulesToInsert) {\n  if (!rulesToInsert.length) return\n  if (isClient && !sheet) {\n    if (process.env.NODE_ENV === 'development') throw 'impossible'\n    return\n  }\n  for (const { identifier, rules } of rulesToInsert) {\n    if (identifier in allSelectors) continue\n    allSelectors[identifier] =\n      process.env.NODE_ENV === 'development' ? rules.join('\\n') : ' '\n    updateRules(identifier, rules)\n    if (sheet) {\n      for (const rule of rules) {\n        try {\n          sheet.insertRule(rule, sheet.cssRules.length)\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') {\n            console.groupCollapsed(\n              `Error inserting rule into CSSStyleSheet: ${String(err)}`\n            )\n            console.log({ rule, rulesToInsert })\n            console.trace()\n            console.groupEnd()\n          }\n        }\n      }\n    }\n  }\n}\n\nconst IS_STATIC = process.env.IS_STATIC === 'is_static'\n\nexport function shouldInsertStyleRules(styleObject: PartialStyleObject) {\n  if (IS_STATIC) {\n    return true\n  }\n  return !(styleObject.identifier in allSelectors)\n}\n"],
+  "mappings": "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",
+  "names": ["sheet"]
+}