@tamagui/core 1.0.1-beta.133 → 1.0.1-beta.136

package/dist/cjs/Tamagui.js

@@ -39,7 +39,7 @@ class TamaguiManager {
     return (0, import_conf.getConfig)();
   }
   get insertedRules() {
-    return (0, import_insertStyleRule.getInsertedRules)();
+    return (0, import_insertStyleRule.getAllRules)();
   }
   get allSelectors() {
     return (0, import_insertStyleRule.getAllSelectors)();

package/dist/cjs/Tamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Tamagui.ts"],
-  "sourcesContent": ["import * as Helpers from '@tamagui/helpers'\nimport * as rnw from '@tamagui/rnw'\n\nimport { getConfig } from './conf'\nimport { getAllSelectors, getAllTransforms, getInsertedRules } from './helpers/insertStyleRule'\n\n// serves a central store for state\n\nclass TamaguiManager {\n  rnw = rnw\n  Helpers = Helpers\n\n  get config() {\n    return getConfig()\n  }\n\n  get insertedRules() {\n    return getInsertedRules()\n  }\n\n  get allSelectors() {\n    return getAllSelectors()\n  }\n\n  get allTransforms() {\n    return getAllTransforms()\n  }\n\n  get identifierToValue() {\n    return identifierToValue\n  }\n}\n\nexport const Tamagui = new TamaguiManager()\n\nconst identifierToValue = new Map<string, any>()\n\nexport const getValueFromIdentifier = (identifier: string) => {\n  return identifierToValue.get(identifier)\n}\n\nexport const setIdentifierValue = (identifier: string, value: any) => {\n  identifierToValue.set(identifier, value)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAyB;AACzB,UAAqB;AAErB,kBAA0B;AAC1B,6BAAoE;AAIpE,MAAM,eAAe;AAAA,EAArB;AACE,eAAM;AACN,mBAAU;AAAA;AAAA,EAEV,IAAI,SAAS;AACX,WAAO,2BAAU;AAAA,EACnB;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,6CAAiB;AAAA,EAC1B;AAAA,EAEA,IAAI,eAAe;AACjB,WAAO,4CAAgB;AAAA,EACzB;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,6CAAiB;AAAA,EAC1B;AAAA,EAEA,IAAI,oBAAoB;AACtB,WAAO;AAAA,EACT;AACF;AAEO,MAAM,UAAU,IAAI,eAAe;AAE1C,MAAM,oBAAoB,oBAAI,IAAiB;AAExC,MAAM,yBAAyB,CAAC,eAAuB;AAC5D,SAAO,kBAAkB,IAAI,UAAU;AACzC;AAEO,MAAM,qBAAqB,CAAC,YAAoB,UAAe;AACpE,oBAAkB,IAAI,YAAY,KAAK;AACzC;",
+  "sourcesContent": ["import * as Helpers from '@tamagui/helpers'\nimport * as rnw from '@tamagui/rnw'\n\nimport { getConfig } from './conf'\nimport { getAllRules, getAllSelectors, getAllTransforms } from './helpers/insertStyleRule'\n\n// serves a central store for state\n\nclass TamaguiManager {\n  rnw = rnw\n  Helpers = Helpers\n\n  get config() {\n    return getConfig()\n  }\n\n  get insertedRules() {\n    return getAllRules()\n  }\n\n  get allSelectors() {\n    return getAllSelectors()\n  }\n\n  get allTransforms() {\n    return getAllTransforms()\n  }\n\n  get identifierToValue() {\n    return identifierToValue\n  }\n}\n\nexport const Tamagui = new TamaguiManager()\n\nconst identifierToValue = new Map<string, any>()\n\nexport const getValueFromIdentifier = (identifier: string) => {\n  return identifierToValue.get(identifier)\n}\n\nexport const setIdentifierValue = (identifier: string, value: any) => {\n  identifierToValue.set(identifier, value)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAyB;AACzB,UAAqB;AAErB,kBAA0B;AAC1B,6BAA+D;AAI/D,MAAM,eAAe;AAAA,EAArB;AACE,eAAM;AACN,mBAAU;AAAA;AAAA,EAEV,IAAI,SAAS;AACX,WAAO,2BAAU;AAAA,EACnB;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,wCAAY;AAAA,EACrB;AAAA,EAEA,IAAI,eAAe;AACjB,WAAO,4CAAgB;AAAA,EACzB;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,6CAAiB;AAAA,EAC1B;AAAA,EAEA,IAAI,oBAAoB;AACtB,WAAO;AAAA,EACT;AACF;AAEO,MAAM,UAAU,IAAI,eAAe;AAE1C,MAAM,oBAAoB,oBAAI,IAAiB;AAExC,MAAM,yBAAyB,CAAC,eAAuB;AAC5D,SAAO,kBAAkB,IAAI,UAAU;AACzC;AAEO,MAAM,qBAAqB,CAAC,YAAoB,UAAe;AACpE,oBAAkB,IAAI,YAAY,KAAK;AACzC;",
   "names": []
 }

package/dist/cjs/createTamagui.js

@@ -166,7 +166,8 @@ function createTamagui(config) {
                 const [_first, second, ...rest] = parentSelectors;
                 parentSelectors = [second, ...rest, second];
               }
-              selectors.push(`${parentSelectors.join(" ")} ${childSelector}`);
+              const lastParentSelector = parentSelectors[parentSelectors.length - 1];
+              selectors.push(`${parentSelectors.join(" ")} ${childSelector === lastParentSelector ? "" : childSelector}`);
             });
           }
         }
@@ -224,7 +225,7 @@ function createTamagui(config) {
   const tokensParsed = parseTokens(config.tokens);
   const getCSS = () => {
     return `${themeConfig.css}
-${(0, import_insertStyleRule.getInsertedRules)().join("\n")}`;
+${(0, import_insertStyleRule.getAllRules)().join("\n")}`;
   };
   const shorthands = config.shorthands || {};
   const next = {

package/dist/cjs/createTamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createTamagui.ts"],
-  "sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\nimport { configListeners, setConfig } from './conf'\nimport { THEME_CLASSNAME_PREFIX } from './constants/constants'\nimport { isWeb } from './constants/platform'\nimport { themeToVariableToValueMap } from './createTheme'\nimport { Variable, createVariable, isVariable } from './createVariable'\nimport { createVariables } from './createVariables'\nimport { createTamaguiProvider } from './helpers/createTamaguiProvider'\nimport { getFontLanguage } from './helpers/getFontLanguage'\nimport { getAtomicStyle } from './helpers/getStylesAtomic'\nimport { getInsertedRules } from './helpers/insertStyleRule'\nimport {\n  registerCSSVariable,\n  tokensValueToVariable,\n  variableToCSS,\n} from './helpers/registerCSSVariable'\nimport { GetThemeUnwrapped } from './hooks/getThemeUnwrapped'\nimport { configureMedia } from './hooks/useMedia'\nimport { parseFont, registerFontVariables } from './insertFont'\nimport { Tamagui } from './Tamagui'\nimport { CreateTamaguiProps, InferTamaguiConfig, TamaguiInternalConfig, ThemeObject } from './types'\n\n// config is re-run by the @tamagui/static, dont double validate\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  config: Conf\n): InferTamaguiConfig<Conf> {\n  if (createdConfigs.has(config)) {\n    return config as any\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config.tokens) {\n      throw new Error(`Must define tokens`)\n    }\n    if (!config.themes) {\n      throw new Error(`Must define themes`)\n    }\n    if (!config.fonts) {\n      throw new Error(`Must define fonts`)\n    }\n  }\n\n  configureMedia({\n    queries: config.media as any,\n    defaultActive: config.mediaQueryDefaultActive,\n  })\n\n  const fontTokens = createVariables(config.fonts!, '', true)\n  const fontsParsed = (() => {\n    const res = {} as typeof fontTokens\n    for (const familyName in fontTokens) {\n      res[`$${familyName}`] = parseFont(fontTokens[familyName])\n    }\n    return res!\n  })()\n\n  const themeConfig = (() => {\n    const themes = { ...config.themes }\n    const cssRuleSets: string[] = []\n\n    if (isWeb) {\n      const declarations: string[] = []\n      const fontDeclarations: Record<\n        string,\n        { name: string; declarations: string[]; language?: string }\n      > = {}\n\n      for (const key in config.tokens) {\n        for (const skey in config.tokens[key]) {\n          const val = config.tokens[key][skey]\n          registerCSSVariable(val)\n          declarations.push(variableToCSS(val))\n        }\n      }\n\n      for (const key in fontsParsed) {\n        const fontParsed = fontsParsed[key]\n        const [name, language] = key.includes('_') ? key.split('_') : [key]\n        const fontVars = registerFontVariables(fontParsed)\n        fontDeclarations[key] = { name: name.slice(1), declarations: fontVars, language }\n      }\n\n      const sep = process.env.NODE_ENV === 'development' ? config.cssStyleSeparator || ' ' : ''\n\n      function declarationsToRuleSet(decs: string[], selector = '') {\n        return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n      }\n\n      // non-font\n      cssRuleSets.push(declarationsToRuleSet(declarations))\n\n      // fonts\n      if (fontDeclarations) {\n        for (const key in fontDeclarations) {\n          const { name, declarations, language } = fontDeclarations[key]\n          const languageSelector = ` .t_lang-${name}-${language || 'default'}`\n          const fontSelector = `.font_${name}`\n          const selectors = ` ${fontSelector}, :root ${languageSelector} ${fontSelector}`\n          const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n          cssRuleSets.push(specificRuleSet)\n        }\n      }\n    }\n\n    // special case for SSR\n    const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n    const CNP = `.${THEME_CLASSNAME_PREFIX}`\n\n    // dedupe themes to avoid duplicate CSS generation\n    type DedupedTheme = {\n      names: string[]\n      theme: ThemeObject\n    }\n    const dedupedThemes: {\n      [key: string]: DedupedTheme\n    } = {}\n    const existing = new WeakMap<ThemeObject, DedupedTheme>()\n\n    // first, de-dupe and parse them\n    for (const themeName in themes) {\n      const rawTheme = themes[themeName]\n\n      // if existing, avoid\n      if (existing.has(rawTheme)) {\n        const e = existing.get(rawTheme)!\n        themes[themeName] = e.theme\n        e.names.push(themeName)\n        continue\n      }\n\n      // parse into variables\n      const theme = { ...config.themes[themeName] }\n      for (const key in theme) {\n        // make sure properly names theme variables\n        ensureThemeVariable(theme, key)\n      }\n      themes[themeName] = theme\n\n      // set deduped\n      dedupedThemes[themeName] = {\n        names: [themeName],\n        theme,\n      }\n      existing.set(config.themes[themeName], dedupedThemes[themeName])\n    }\n\n    // then, generate from de-duped\n    if (isWeb) {\n      for (const themeName in dedupedThemes) {\n        const { theme, names } = dedupedThemes[themeName]\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 (variable.isFloating || !tokensValueToVariable.has(variable.val)) {\n            value = variable.val\n          } else {\n            value = tokensValueToVariable.get(variable.val)!.variable\n          }\n          vars += `--${themeKey}:${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 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 max = config.maxDarkLightNesting ?? 3\n\n            new Array(Math.round(max * 1.5)).fill(undefined).forEach((_, pi) => {\n              const isOdd = pi % 2 === 1\n              if (isOdd && pi < 3) return\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              selectors.push(`${parentSelectors.join(' ')} ${childSelector}`)\n            })\n          }\n        }\n\n        const rootSep = config.themeClassNameOnRoot ? '' : ' '\n        const css = `${selectors.map((x) => `:root${rootSep}${x}`).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'}) {\n      body { background:${theme.background}; color: ${theme.color} }\n      :root {${vars} } \n    }`\n          )\n        }\n      }\n    }\n\n    // proxy upwards to get parent variables (themes are subset going down)\n    for (const themeName in themes) {\n      // we could test if this is better as just a straight object spread or fancier proxy\n      const cur: string[] = []\n      // if theme is dark_blue_alt1_Button\n      // this will be the parent names in order: ['dark', 'dark_blue', 'dark_blue_alt1\"]\n      const parents = themeName\n        .split('_')\n        .slice(0, -1)\n        .map((part) => {\n          cur.push(part)\n          return cur.join('_')\n        })\n\n      if (!parents.length) continue\n\n      // proxy fallback values to parent theme values\n      const og = themes[themeName]\n      themes[themeName] = new Proxy(og, {\n        get(target, key) {\n          if (key === GetThemeUnwrapped) {\n            return og\n          }\n          if (Reflect.has(target, key)) {\n            return Reflect.get(target, key)\n          }\n          // check parents\n          for (let i = parents.length - 1; i >= 0; i--) {\n            const parent = themes[parents[i]]\n            if (!parent) {\n              continue\n            }\n            if (Reflect.has(parent, key)) {\n              return Reflect.get(parent, key)\n            }\n          }\n          return Reflect.get(target, key)\n        },\n      })\n    }\n\n    tokensValueToVariable.clear()\n    Object.freeze(cssRuleSets)\n    const css = cssRuleSets.join('\\n')\n\n    return {\n      themes,\n      cssRuleSets,\n      css,\n    }\n  })()\n\n  // faster lookups token keys become $keys to match input\n  const tokensParsed: any = parseTokens(config.tokens)\n\n  const getCSS = () => {\n    return `${themeConfig.css}\\n${getInsertedRules().join('\\n')}`\n  }\n\n  const shorthands = config.shorthands || {}\n\n  const next: TamaguiInternalConfig = {\n    fontLanguages: [],\n    defaultTheme: 'light',\n    animations: {} as any,\n    media: {},\n    ...config,\n    shorthands,\n    inverseShorthands: shorthands\n      ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n      : {},\n    themes: themeConfig.themes,\n    fontsParsed,\n    themeConfig,\n    tokensParsed,\n    parsed: true,\n    getCSS,\n    Provider: null as any,\n  }\n\n  next.Provider = createTamaguiProvider(next)\n\n  setConfig(next)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(next))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(next, true)\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!globalThis['Tamagui']) {\n      globalThis['Tamagui'] = Tamagui\n    }\n  }\n\n  // @ts-expect-error\n  return next\n}\n\nconst parseTokens = (tokens: any) => {\n  const res: any = {}\n  for (const key in tokens) {\n    res[key] = {}\n    for (const skey in tokens[key]) {\n      res[key][`$${skey}`] = tokens[key][skey]\n    }\n  }\n  return res\n}\n\n// mutates, freeze after\n// shared by createTamagui so extracted here\nfunction ensureThemeVariable(theme: any, key: string) {\n  const val = theme[key]\n  const themeKey = key\n  if (!isVariable(val)) {\n    theme[key] = createVariable({\n      key: themeKey,\n      name: themeKey,\n      val,\n    })\n  } else {\n    if (val.name !== themeKey) {\n      // rename to theme name\n      theme[key] = createVariable({\n        key: val.name,\n        name: themeKey,\n        val: val.val,\n      })\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\nimport { configListeners, setConfig } from './conf'\nimport { THEME_CLASSNAME_PREFIX } from './constants/constants'\nimport { isWeb } from './constants/platform'\nimport { themeToVariableToValueMap } from './createTheme'\nimport { Variable, createVariable, isVariable } from './createVariable'\nimport { createVariables } from './createVariables'\nimport { createTamaguiProvider } from './helpers/createTamaguiProvider'\nimport { getFontLanguage } from './helpers/getFontLanguage'\nimport { getAtomicStyle } from './helpers/getStylesAtomic'\nimport { getAllRules } from './helpers/insertStyleRule'\nimport {\n  registerCSSVariable,\n  tokensValueToVariable,\n  variableToCSS,\n} from './helpers/registerCSSVariable'\nimport { GetThemeUnwrapped } from './hooks/getThemeUnwrapped'\nimport { configureMedia } from './hooks/useMedia'\nimport { parseFont, registerFontVariables } from './insertFont'\nimport { Tamagui } from './Tamagui'\nimport { CreateTamaguiProps, InferTamaguiConfig, TamaguiInternalConfig, ThemeObject } from './types'\n\n// config is re-run by the @tamagui/static, dont double validate\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  config: Conf\n): InferTamaguiConfig<Conf> {\n  if (createdConfigs.has(config)) {\n    return config as any\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config.tokens) {\n      throw new Error(`Must define tokens`)\n    }\n    if (!config.themes) {\n      throw new Error(`Must define themes`)\n    }\n    if (!config.fonts) {\n      throw new Error(`Must define fonts`)\n    }\n  }\n\n  configureMedia({\n    queries: config.media as any,\n    defaultActive: config.mediaQueryDefaultActive,\n  })\n\n  const fontTokens = createVariables(config.fonts!, '', true)\n  const fontsParsed = (() => {\n    const res = {} as typeof fontTokens\n    for (const familyName in fontTokens) {\n      res[`$${familyName}`] = parseFont(fontTokens[familyName])\n    }\n    return res!\n  })()\n\n  const themeConfig = (() => {\n    const themes = { ...config.themes }\n    const cssRuleSets: string[] = []\n\n    if (isWeb) {\n      const declarations: string[] = []\n      const fontDeclarations: Record<\n        string,\n        { name: string; declarations: string[]; language?: string }\n      > = {}\n\n      for (const key in config.tokens) {\n        for (const skey in config.tokens[key]) {\n          const val = config.tokens[key][skey]\n          registerCSSVariable(val)\n          declarations.push(variableToCSS(val))\n        }\n      }\n\n      for (const key in fontsParsed) {\n        const fontParsed = fontsParsed[key]\n        const [name, language] = key.includes('_') ? key.split('_') : [key]\n        const fontVars = registerFontVariables(fontParsed)\n        fontDeclarations[key] = { name: name.slice(1), declarations: fontVars, language }\n      }\n\n      const sep = process.env.NODE_ENV === 'development' ? config.cssStyleSeparator || ' ' : ''\n\n      function declarationsToRuleSet(decs: string[], selector = '') {\n        return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n      }\n\n      // non-font\n      cssRuleSets.push(declarationsToRuleSet(declarations))\n\n      // fonts\n      if (fontDeclarations) {\n        for (const key in fontDeclarations) {\n          const { name, declarations, language } = fontDeclarations[key]\n          const languageSelector = ` .t_lang-${name}-${language || 'default'}`\n          const fontSelector = `.font_${name}`\n          const selectors = ` ${fontSelector}, :root ${languageSelector} ${fontSelector}`\n          const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n          cssRuleSets.push(specificRuleSet)\n        }\n      }\n    }\n\n    // special case for SSR\n    const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n    const CNP = `.${THEME_CLASSNAME_PREFIX}`\n\n    // dedupe themes to avoid duplicate CSS generation\n    type DedupedTheme = {\n      names: string[]\n      theme: ThemeObject\n    }\n    const dedupedThemes: {\n      [key: string]: DedupedTheme\n    } = {}\n    const existing = new WeakMap<ThemeObject, DedupedTheme>()\n\n    // first, de-dupe and parse them\n    for (const themeName in themes) {\n      const rawTheme = themes[themeName]\n\n      // if existing, avoid\n      if (existing.has(rawTheme)) {\n        const e = existing.get(rawTheme)!\n        themes[themeName] = e.theme\n        e.names.push(themeName)\n        continue\n      }\n\n      // parse into variables\n      const theme = { ...config.themes[themeName] }\n      for (const key in theme) {\n        // make sure properly names theme variables\n        ensureThemeVariable(theme, key)\n      }\n      themes[themeName] = theme\n\n      // set deduped\n      dedupedThemes[themeName] = {\n        names: [themeName],\n        theme,\n      }\n      existing.set(config.themes[themeName], dedupedThemes[themeName])\n    }\n\n    // then, generate from de-duped\n    if (isWeb) {\n      for (const themeName in dedupedThemes) {\n        const { theme, names } = dedupedThemes[themeName]\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 (variable.isFloating || !tokensValueToVariable.has(variable.val)) {\n            value = variable.val\n          } else {\n            value = tokensValueToVariable.get(variable.val)!.variable\n          }\n          vars += `--${themeKey}:${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 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 max = config.maxDarkLightNesting ?? 3\n\n            new Array(Math.round(max * 1.5)).fill(undefined).forEach((_, pi) => {\n              const isOdd = pi % 2 === 1\n              if (isOdd && pi < 3) return\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 rootSep = config.themeClassNameOnRoot ? '' : ' '\n        const css = `${selectors.map((x) => `:root${rootSep}${x}`).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'}) {\n      body { background:${theme.background}; color: ${theme.color} }\n      :root {${vars} } \n    }`\n          )\n        }\n      }\n    }\n\n    // proxy upwards to get parent variables (themes are subset going down)\n    for (const themeName in themes) {\n      // we could test if this is better as just a straight object spread or fancier proxy\n      const cur: string[] = []\n      // if theme is dark_blue_alt1_Button\n      // this will be the parent names in order: ['dark', 'dark_blue', 'dark_blue_alt1\"]\n      const parents = themeName\n        .split('_')\n        .slice(0, -1)\n        .map((part) => {\n          cur.push(part)\n          return cur.join('_')\n        })\n\n      if (!parents.length) continue\n\n      // proxy fallback values to parent theme values\n      const og = themes[themeName]\n      themes[themeName] = new Proxy(og, {\n        get(target, key) {\n          if (key === GetThemeUnwrapped) {\n            return og\n          }\n          if (Reflect.has(target, key)) {\n            return Reflect.get(target, key)\n          }\n          // check parents\n          for (let i = parents.length - 1; i >= 0; i--) {\n            const parent = themes[parents[i]]\n            if (!parent) {\n              continue\n            }\n            if (Reflect.has(parent, key)) {\n              return Reflect.get(parent, key)\n            }\n          }\n          return Reflect.get(target, key)\n        },\n      })\n    }\n\n    tokensValueToVariable.clear()\n    Object.freeze(cssRuleSets)\n    const css = cssRuleSets.join('\\n')\n\n    return {\n      themes,\n      cssRuleSets,\n      css,\n    }\n  })()\n\n  // faster lookups token keys become $keys to match input\n  const tokensParsed: any = parseTokens(config.tokens)\n\n  const getCSS = () => {\n    return `${themeConfig.css}\\n${getAllRules().join('\\n')}`\n  }\n\n  const shorthands = config.shorthands || {}\n\n  const next: TamaguiInternalConfig = {\n    fontLanguages: [],\n    defaultTheme: 'light',\n    animations: {} as any,\n    media: {},\n    ...config,\n    shorthands,\n    inverseShorthands: shorthands\n      ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n      : {},\n    themes: themeConfig.themes,\n    fontsParsed,\n    themeConfig,\n    tokensParsed,\n    parsed: true,\n    getCSS,\n    Provider: null as any,\n  }\n\n  next.Provider = createTamaguiProvider(next)\n\n  setConfig(next)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(next))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(next, true)\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!globalThis['Tamagui']) {\n      globalThis['Tamagui'] = Tamagui\n    }\n  }\n\n  // @ts-expect-error\n  return next\n}\n\nconst parseTokens = (tokens: any) => {\n  const res: any = {}\n  for (const key in tokens) {\n    res[key] = {}\n    for (const skey in tokens[key]) {\n      res[key][`$${skey}`] = tokens[key][skey]\n    }\n  }\n  return res\n}\n\n// mutates, freeze after\n// shared by createTamagui so extracted here\nfunction ensureThemeVariable(theme: any, key: string) {\n  const val = theme[key]\n  const themeKey = key\n  if (!isVariable(val)) {\n    theme[key] = createVariable({\n      key: themeKey,\n      name: themeKey,\n      val,\n    })\n  } else {\n    if (val.name !== themeKey) {\n      // rename to theme name\n      theme[key] = createVariable({\n        key: val.name,\n        name: themeKey,\n        val: val.val,\n      })\n    }\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/helpers/getSplitStyles.js

@@ -258,7 +258,7 @@ const getSplitStyles = (props, staticConfig, theme, state, defaultClassNames, la
         }
         const mediaStyle = getSubStyle(key, val, staticConfig, theme, props, state, conf, languageContext);
         if (process.env.NODE_ENV === "development" && debug === "verbose") {
-          console.log("  \u{1F539} getSplitStyles mediaStyle", { mediaKey, mediaStyle, props, shouldDoClasses });
+          console.log("  \u{1F539} mediaStyle", { mediaKey, mediaStyle, props, shouldDoClasses });
         }
         if (shouldDoClasses) {
           const mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle);
@@ -426,9 +426,11 @@ const useSplitStyles = (...args) => {
 };
 function addStyleToInsertRules(rulesToInsert, styleObject) {
   if (process.env.TAMAGUI_TARGET === "web") {
-    if (styleObject.property === "pointerEvents" || (0, import_insertStyleRule.updateInsertedCache)(styleObject.identifier, styleObject.rules) || !import_platform.isClient && process.env.NODE_ENV === "production") {
-      rulesToInsert.push(styleObject);
+    if (!(0, import_insertStyleRule.shouldInsertStyleRules)(styleObject)) {
+      return;
     }
+    (0, import_insertStyleRule.updateRules)(styleObject.identifier, styleObject.rules);
+    rulesToInsert.push(styleObject);
   }
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/helpers/getSplitStyles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getSplitStyles.tsx"],
-  "sourcesContent": ["import { stylePropsText, stylePropsTransform, validPseudoKeys, validStyles } from '@tamagui/helpers'\nimport { useInsertionEffect } from 'react'\nimport { ViewStyle } from 'react-native'\n\nimport { getConfig } from '../conf'\nimport { isClient, isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { mediaQueryConfig, mediaState } from '../hooks/useMedia'\nimport type {\n  DebugProp,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SplitStyleState,\n  StackProps,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  ThemeObject,\n} from '../types'\nimport { FontLanguageProps, LanguageContextType } from '../views/FontLanguage.types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixStyles } from './expandStyles'\nimport { getAtomicStyle, getStylesAtomic, styleToCSS } from './getStylesAtomic'\nimport {\n  PartialStyleObject,\n  RulesToInsert,\n  insertStyleRules,\n  insertedTransforms,\n  updateInserted,\n  updateInsertedCache,\n} from './insertStyleRule'\nimport { mergeTransform } from './mergeTransform'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty'\nimport { pseudoDescriptors } from './pseudoDescriptors'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\nexport type ClassNamesObject = Record<string, string>\nexport type SplitStyleResult = ReturnType<typeof getSplitStyles>\n\nconst skipProps = {\n  animation: true,\n  animateOnly: true,\n  debug: true,\n  componentName: true,\n\n  ...(!isWeb && {\n    tag: true,\n    whiteSpace: true,\n    wordWrap: true,\n    textOverflow: true,\n    textDecorationDistance: true,\n    userSelect: true,\n    selectable: true,\n    cursor: true,\n    contain: true,\n    boxSizing: true,\n    boxShadow: true,\n  }),\n}\n\ntype TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey\n\nlet conf: TamaguiInternalConfig\n\ntype StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  state: SplitStyleState,\n  defaultClassNames?: any,\n  languageContext?: LanguageContextType,\n  debug?: DebugProp\n) => {\n  pseudos: PseudoStyles\n  medias: Record<MediaQueryKey, ViewStyle>\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: RulesToInsert\n  viewProps: StackProps\n}\n\nexport const PROP_SPLIT = '-'\n\n// this is how compiler outputs psueodo identifier\n// TODO remove in next refactor\nexport const pseudoCNInverse = {\n  hover: 'hoverStyle',\n  focus: 'focusStyle',\n  press: 'pressStyle',\n}\n\n// loop props backwards\n//   track used keys:\n//     const keys = new Set<string>()\n//   keep classnames and styles separate:\n//     const styles = {}\n//     const classNames = {}\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  defaultClassNames,\n  languageContext,\n  debug\n) => {\n  conf = conf || getConfig()\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: StackProps = {}\n  const pseudos: PseudoStyles = {}\n  const medias: Record<MediaQueryKey, ViewStyle> = {}\n  const usedKeys = new Set<string>()\n  const propKeys = Object.keys(props)\n  const shouldDoClasses = (isWeb || process.env.IS_STATIC === 'is_static') && !state.noClassNames\n  const len = propKeys.length\n  const rulesToInsert: RulesToInsert = []\n  const style: ViewStyle = {}\n  // TODO make this CSS, not compile-friendly\n  if (state.hasTextAncestor) {\n    // parity with react-native-web\n    style.display = 'inline-flex' as any\n  }\n  let classNames: ClassNamesObject = {}\n  // we need to gather these specific to each media query / pseudo\n  // value is [hash, val], so [\"-jnjad-asdnjk\", \"scaleX(1) rotate(10deg)\"]\n  let transforms = null as Record<TransformNamespaceKey, [string, string]> | null\n\n  function mergeClassName(key: string, val: string, isMediaOrPseudo = false) {\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      // empty classnames passed by compiler sometimes\n      if (!val) return\n      if (val.startsWith('_transform-')) {\n        const namespace: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n\n        let transform = insertedTransforms[val]\n        if (isClient) {\n          if (!transform) {\n            // HMR or loaded a new chunk\n            updateInserted()\n            transform = insertedTransforms[val]\n            if (process.env.NODE_ENV === 'development') {\n              if (!transform) {\n                console.warn('no transform found', { insertedTransforms, val })\n              }\n            }\n          }\n          if (!transform) {\n            if (isWeb && val[0] !== '_') {\n              // runtime insert\n              transform = val\n            }\n          }\n          if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n            // prettier-ignore\n            console.log('  \uD83D\uDD39 getSplitStyles mergeClassName transform', { key, val, namespace, transform, insertedTransforms })\n          }\n        }\n        transforms = transforms || {}\n        transforms[namespace] = transforms[namespace] || ['', '']\n        const identifier = val.replace('_transform', '')\n        transforms[namespace][0] += identifier\n        // ssr doesn't need to do anything just make the right classname\n        if (transform) {\n          transforms[namespace][1] += transform\n        }\n      } else {\n        classNames[key] = val\n      }\n    }\n  }\n\n  // loop backwards so we can skip already-used props\n  for (let i = len - 1; i >= 0; i--) {\n    const keyInit = propKeys[i]\n\n    if (usedKeys.has(keyInit)) continue\n    if (skipProps[keyInit]) continue\n    if (!isWeb && keyInit.startsWith('data-')) continue\n\n    const valInit = props[keyInit]\n\n    if (keyInit === 'style' || keyInit.startsWith('_style')) {\n      if (!valInit) continue\n      for (const key in valInit) {\n        if (usedKeys.has(key)) continue\n        if (valInit && typeof valInit === 'object') {\n          // newer react native versions return a full object instead of ID\n          for (const skey in valInit) {\n            if (usedKeys.has(skey)) continue\n            usedKeys.add(skey)\n            style[skey] = valInit[skey]\n          }\n        } else {\n          usedKeys.add(key)\n          style[key] = valInit\n        }\n      }\n      continue\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (keyInit === 'className') {\n        let nonTamaguis = ''\n        if (!valInit) continue\n        for (const cn of valInit.split(' ')) {\n          if (cn[0] === '_') {\n            // tamagui, merge it expanded on key, eventually this will go away with better compiler\n            const [shorthand, mediaOrPseudo] = cn.slice(1).split('-')\n            const isMedia = mediaOrPseudo[0] === '_'\n            const isPseudo = mediaOrPseudo[0] === '0'\n            const isMediaOrPseudo = isMedia || isPseudo\n            let fullKey = conf.shorthands[shorthand]\n            if (isMedia) {\n              // is media\n              let mediaShortKey = mediaOrPseudo.slice(1)\n              mediaShortKey = mediaShortKey.slice(0, mediaShortKey.indexOf('_'))\n              fullKey += `${PROP_SPLIT}${mediaShortKey}`\n            } else if (isPseudo) {\n              // is pseudo\n              const pseudoShortKey = mediaOrPseudo.slice(1)\n              fullKey += `${PROP_SPLIT}${pseudoShortKey}`\n            }\n            usedKeys.add(fullKey)\n            mergeClassName(fullKey, cn, isMediaOrPseudo)\n          } else {\n            nonTamaguis += ' ' + cn\n          }\n        }\n        if (nonTamaguis) {\n          usedKeys.add(keyInit)\n          mergeClassName(keyInit, nonTamaguis)\n        }\n        continue\n      }\n\n      if (valInit && valInit[0] === '_') {\n        // if valid style key (or pseudo like color-hover):\n        // this conditional and esp the pseudo check rarely runs so not a perf issue\n        const isValidClassName = validStyles[keyInit]\n        const isMediaOrPseudo =\n          !isValidClassName &&\n          keyInit.includes(PROP_SPLIT) &&\n          validStyles[keyInit.split(PROP_SPLIT)[0]]\n        if (isValidClassName || isMediaOrPseudo) {\n          usedKeys.add(keyInit)\n          mergeClassName(keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\n    if (state.keepVariantsAsProps) {\n      if (\n        (staticConfig.defaultVariants && keyInit in staticConfig.defaultVariants) ||\n        // may want to just: not compile styled() into classnames, always do this, and always pass in all values in extras.props\n        // but we'd want to add styled({ extracted: true }) or something at compile time to save on parsing a bit...\n        (staticConfig.variants && keyInit in staticConfig.variants)\n      ) {\n        viewProps[keyInit] = valInit\n      }\n    }\n\n    /**\n     * There's (some) reason to this madness: we want to allow returning media/pseudo from variants\n     * Say you have a variant hoverable: { true: { hoverStyle: {} } }\n     * We run propMapper first to expand variant, then we run the inner loop and look again\n     * for if there's a pseudo/media returned from it.\n     */\n\n    let isMedia = keyInit[0] === '$'\n    let isPseudo = validPseudoKeys[keyInit]\n    let isMediaOrPseudo = isMedia || isPseudo\n\n    if (\n      !isMedia &&\n      !isPseudo &&\n      !staticConfig.variants?.[keyInit] &&\n      !validStyleProps[keyInit] &&\n      !conf.shorthands[keyInit]\n    ) {\n      usedKeys.add(keyInit)\n      viewProps[keyInit] = valInit\n      continue\n    }\n\n    const expanded =\n      isMedia || isPseudo\n        ? [[keyInit, valInit]]\n        : staticConfig.propMapper(\n            keyInit,\n            valInit,\n            theme,\n            props,\n            state,\n            languageContext,\n            undefined,\n            debug\n          )\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      console.log('  \uD83D\uDD39 getSplitStyles', keyInit, valInit, expanded)\n    }\n\n    if (!expanded) {\n      continue\n    }\n\n    for (const [key, val] of expanded) {\n      if (val === undefined) continue\n\n      isMedia = key[0] === '$'\n      isPseudo = validPseudoKeys[key]\n      isMediaOrPseudo = isMedia || isPseudo\n\n      if (!isMediaOrPseudo) {\n        if (usedKeys.has(key)) continue\n      }\n\n      if (\n        (staticConfig.deoptProps && staticConfig.deoptProps.has(key)) ||\n        (staticConfig.inlineProps && staticConfig.inlineProps.has(key)) ||\n        (staticConfig.inlineWhenUnflattened && staticConfig.inlineWhenUnflattened.has(key))\n      ) {\n        usedKeys.add(key)\n        viewProps[key] = props[key] ?? val\n      }\n\n      // pseudo\n      if (isPseudo) {\n        if (!val) continue\n        if (key === 'enterStyle' && state.mounted) {\n          // once mounted we can ignore enterStyle\n          continue\n        }\n        pseudos[key] = pseudos[key] || {}\n        pseudos[key] = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext,\n          true\n        )\n        if (shouldDoClasses) {\n          const pseudoStyles = getAtomicStyle(pseudos[key], pseudoDescriptors[key])\n          for (const style of pseudoStyles) {\n            const postfix = pseudoDescriptors[key]?.name || key // exitStyle/enterStyle dont have pseudoDescriptors\n            const fullKey = `${style.property}${PROP_SPLIT}${postfix}`\n            if (!usedKeys.has(fullKey)) {\n              usedKeys.add(fullKey)\n              addStyleToInsertRules(rulesToInsert, style)\n              mergeClassName(fullKey, style.identifier, isMediaOrPseudo)\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        const mediaKey = key\n        const mediaKeyShort = mediaKey.slice(1)\n\n        if (!mediaQueryConfig[mediaKeyShort]) {\n          if (!usedKeys.has(key)) {\n            // this isn't a media key, pass through\n            viewProps[key] = val\n          }\n          continue\n        }\n\n        // dont check if media is active, we just apply *all* media styles\n        // we combine the media props on top regular props, could proxy this\n        // TODO test proxy here instead of merge\n        // THIS USED TO PROXY BACK TO REGULAR PROPS BUT THAT IS THE WRONG BEHAVIOR\n        // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n        const mediaStyle = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext\n        )\n\n        if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n          // prettier-ignore\n          console.log('  \uD83D\uDD39 getSplitStyles mediaStyle', { mediaKey, mediaStyle, props, shouldDoClasses })\n        }\n\n        if (shouldDoClasses) {\n          const mediaStyles = getStylesAtomic(mediaStyle)\n          for (const style of mediaStyles) {\n            const out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig)\n            // TODO handle pseudo + media, not too hard just need to set up example case\n            const fullKey = `${style.property}${PROP_SPLIT}${mediaKeyShort}`\n            if (!usedKeys.has(fullKey)) {\n              usedKeys.add(fullKey)\n              addStyleToInsertRules(rulesToInsert, out)\n              mergeClassName(fullKey, out.identifier, true)\n            }\n          }\n        } else {\n          if (mediaState[mediaKey]) {\n            if (process.env.NODE_ENV === 'development' && debug) {\n              console.log('apply media style', mediaKey, mediaState)\n            }\n            Object.assign(shouldDoClasses ? medias : style, mediaStyle)\n          }\n        }\n        continue\n      }\n\n      if (!isWeb && key === 'pointerEvents') {\n        usedKeys.add(key)\n        viewProps[key] = val\n        continue\n      }\n\n      if (validStyleProps[key]) {\n        usedKeys.add(key)\n        if (val && val[0] === '_') {\n          classNames[key] = val\n        } else if (key in stylePropsTransform) {\n          mergeTransform(style, key, val, true)\n        } else {\n          // if (key === 'pointerEvents') {\n          //   // pointer events can be box-none which requires css\n          //   addStyleToInsertRules(out.identifier, out.styleRule)\n          //   mergeClassName(fullKey, out.identifier, true)\n          // } else {\n          style[key] = normalizeValueWithProperty(val, key)\n          // }\n        }\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        if (!skipProps[key]) {\n          viewProps[key] = val\n          usedKeys.add(key)\n        }\n      }\n    }\n  }\n\n  fixStyles(style)\n  if (isWeb) {\n    styleToCSS(style)\n  }\n\n  // add in defaults if not set:\n  if (defaultClassNames) {\n    classNames = {\n      ...defaultClassNames,\n      ...classNames,\n    }\n  }\n\n  if (shouldDoClasses) {\n    const atomic = getStylesAtomic(style)\n    for (const atomicStyle of atomic) {\n      const key = atomicStyle.property\n      // pointerEvents box-none must be CSS-ified\n      // should probably have a few more exceptions here!\n      if (key === 'pointerEvents' || !state.dynamicStylesInline) {\n        addStyleToInsertRules(rulesToInsert, atomicStyle)\n        mergeClassName(key, atomicStyle.identifier)\n      } else {\n        style[key] = atomicStyle.value\n      }\n    }\n  } else {\n    if (classNames && state.resolveVariablesAs === 'value') {\n      // getting real values for colors for animations (reverse mapped from CSS)\n      // this isn't beautiful, but will do relatively fine performance for now\n      // has a bug still - try adding <Switch theme=\"bouncy\" /> should animate bg color on active\n      // const selectors = getAllSelectors()\n      // for (const key in classNames) {\n      //   if (key.endsWith('Color')) {\n      //     const selector = classNames[key]\n      //     let value = selectorValuesCache[selector]\n      //     if (!value) {\n      //       const css = selectors[selector]\n      //       value = css.replace(/.*:/, '').replace(/;.*/, '')\n      //       if (value) {\n      //         const themeUnwrapped = getThemeUnwrapped(theme)\n      //         const map = themeToVariableToValueMap.get(themeUnwrapped)\n      //         if (map && value.startsWith('var(')) {\n      //           value = map[value]\n      //         }\n      //         if (value) {\n      //           selectorValuesCache[selector] = value\n      //         }\n      //       } else {\n      //         // err\n      //         continue\n      //       }\n      //     }\n      //     if (value) {\n      //       style[key] = value\n      //     }\n      //   }\n      // }\n    }\n  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (transforms) {\n      for (const namespace in transforms) {\n        if (!transforms[namespace]) {\n          if (process.env.NODE_ENV === 'development') {\n            console.warn('Error no transform', transforms, namespace)\n          }\n          continue\n        }\n        const [hash, val] = transforms[namespace]\n        const identifier = `_transform${hash}`\n        if (isClient) {\n          if (!insertedTransforms[identifier]) {\n            const rule = `.${identifier} { transform: ${val}; }`\n            addStyleToInsertRules(rulesToInsert, {\n              identifier,\n              rules: [rule],\n              property: namespace,\n            })\n          }\n        }\n        classNames[namespace] = identifier\n      }\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (typeof document !== 'undefined') {\n      // prettier-ignore\n      console.log('  \uD83D\uDD39 getSplitStyles out', { style, pseudos, medias, classNames, viewProps, state, rulesToInsert })\n    }\n  }\n\n  return {\n    viewProps,\n    style,\n    medias,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n}\n\n/**\n * getSubStyle calls propMapper with props\n * those should be specific to the substyle, but fallback to the base props\n * so given props:\n *\n *   { fontSize: 12, color: 'red', $sm: { color: 'blue' } }\n *\n * getSubStyle props should be a proxy that ends up like:\n *\n *   { fontSize: 12, color: 'blue' }\n *\n * and to avoid re-creating it over and over, use a WeakMap\n */\nconst propProxies = new WeakMap()\nfunction getSubStyleProxiedProps(baseProps: Object, specificProps: Object) {\n  if (!specificProps) {\n    // functional variants may want to eventually do something like:\n    // have a hooks-like rule (no conditionals)\n    // then we run them once on compile with a proxy to capture the keys accessed\n    // then add those keys to `inlineProps` so we know we must inline them\n    // for now this will trigger because compiled away\n    // right now also we don't pass in any pre-extracted styled() props but we should pass them in..\n    return baseProps\n  }\n  // can cache based only on specific it's always referentially consistent with base\n  if (propProxies.has(specificProps)) {\n    return propProxies.get(specificProps)\n  }\n  const next = new Proxy(specificProps, {\n    ownKeys() {\n      return [...new Set([...Object.keys(baseProps), ...Object.keys(specificProps)])]\n    },\n    has(_, key) {\n      return key in specificProps || key in baseProps\n    },\n    get(_, key) {\n      return specificProps[key] ?? baseProps[key]\n    },\n  })\n  propProxies.set(specificProps, next)\n  return next\n}\n\nexport const getSubStyle = (\n  subKey: string,\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  props: any,\n  state: SplitStyleState,\n  conf: TamaguiInternalConfig,\n  languageContext?: FontLanguageProps,\n  avoidDefaultProps?: boolean\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (let key in styleIn) {\n    const val = styleIn[key]\n    key = conf.shorthands[key] || key\n    const expanded = staticConfig.propMapper(\n      key,\n      val,\n      theme,\n      getSubStyleProxiedProps(props, props[subKey]),\n      state,\n      languageContext,\n      avoidDefaultProps\n    )\n    if (!expanded) continue\n    for (const [skey, sval] of expanded) {\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = normalizeValueWithProperty(sval, key)\n      }\n    }\n  }\n\n  fixStyles(styleOut)\n\n  return styleOut\n}\n\nexport const insertSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n  insertStyleRules(res.rulesToInsert)\n  return res\n}\n\n// on native no need to insert any css\nconst useInsertEffectCompat = isWeb ? useInsertionEffect || useIsomorphicLayoutEffect : () => {}\n\nexport const useSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n\n  useInsertEffectCompat(() => {\n    insertStyleRules(res.rulesToInsert)\n  }, [res.rulesToInsert])\n\n  return res\n}\n\nfunction addStyleToInsertRules(rulesToInsert: RulesToInsert, styleObject: PartialStyleObject) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    // NOTE this is super tricky\n    // for some reason, next.js dev SSR actually misses a lot of styles (pre-hydrate) with || !isClient\n    // which doesn't really make sense, because that should strictly extract *more* css, but oh well\n    // meanwhile, production builds *need* to always be truthy here for node, thus the cheat conditional\n    if (\n      styleObject.property === 'pointerEvents' ||\n      updateInsertedCache(styleObject.identifier, styleObject.rules) ||\n      (!isClient && process.env.NODE_ENV === 'production')\n    ) {\n      rulesToInsert.push(styleObject)\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAkF;AAClF,mBAAmC;AAGnC,kBAA0B;AAC1B,sBAA2D;AAC3D,sBAA6C;AAa7C,8BAAiC;AACjC,0BAA0B;AAC1B,6BAA4D;AAC5D,6BAOO;AACP,4BAA+B;AAC/B,wCAA2C;AAC3C,+BAAkC;AAMlC,MAAM,YAAY;AAAA,EAChB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO;AAAA,EACP,eAAe;AAAA,EAEf,GAAI,CAAC,yBAAS;AAAA,IACZ,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,cAAc;AAAA,IACd,wBAAwB;AAAA,IACxB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;AAIA,IAAI;AAmBG,MAAM,aAAa;AAInB,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AASO,MAAM,iBAAgC,CAC3C,OACA,cACA,OACA,OACA,mBACA,iBACA,UACG;AAzGL;AA0GE,SAAO,QAAQ,2BAAU;AACzB,QAAM,kBAAkB,aAAa,SAAS,gCAAiB;AAC/D,QAAM,YAAwB,CAAC;AAC/B,QAAM,UAAwB,CAAC;AAC/B,QAAM,SAA2C,CAAC;AAClD,QAAM,WAAW,oBAAI,IAAY;AACjC,QAAM,WAAW,OAAO,KAAK,KAAK;AAClC,QAAM,kBAAmB,0BAAS,QAAQ,IAAI,cAAc,gBAAgB,CAAC,MAAM;AACnF,QAAM,MAAM,SAAS;AACrB,QAAM,gBAA+B,CAAC;AACtC,QAAM,QAAmB,CAAC;AAE1B,MAAI,MAAM,iBAAiB;AAEzB,UAAM,UAAU;AAAA,EAClB;AACA,MAAI,aAA+B,CAAC;AAGpC,MAAI,aAAa;AAEjB,0BAAwB,KAAa,KAAa,kBAAkB,OAAO;AACzE,QAAI,QAAQ,IAAI,mBAAmB,OAAO;AAExC,UAAI,CAAC;AAAK;AACV,UAAI,IAAI,WAAW,aAAa,GAAG;AACjC,cAAM,YAAmC,kBAAkB,MAAM;AAEjE,YAAI,YAAY,0CAAmB;AACnC,YAAI,0BAAU;AACZ,cAAI,CAAC,WAAW;AAEd,uDAAe;AACf,wBAAY,0CAAmB;AAC/B,gBAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,kBAAI,CAAC,WAAW;AACd,wBAAQ,KAAK,sBAAsB,EAAE,+DAAoB,IAAI,CAAC;AAAA,cAChE;AAAA,YACF;AAAA,UACF;AACA,cAAI,CAAC,WAAW;AACd,gBAAI,yBAAS,IAAI,OAAO,KAAK;AAE3B,0BAAY;AAAA,YACd;AAAA,UACF;AACA,cAAI,QAAQ,IAAI,aAAa,iBAAiB,UAAU,WAAW;AAEjE,oBAAQ,IAAI,uDAAgD,EAAE,KAAK,KAAK,WAAW,WAAW,8DAAmB,CAAC;AAAA,UACpH;AAAA,QACF;AACA,qBAAa,cAAc,CAAC;AAC5B,mBAAW,aAAa,WAAW,cAAc,CAAC,IAAI,EAAE;AACxD,cAAM,aAAa,IAAI,QAAQ,cAAc,EAAE;AAC/C,mBAAW,WAAW,MAAM;AAE5B,YAAI,WAAW;AACb,qBAAW,WAAW,MAAM;AAAA,QAC9B;AAAA,MACF,OAAO;AACL,mBAAW,OAAO;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AAGA,WAAS,IAAI,MAAM,GAAG,KAAK,GAAG,KAAK;AACjC,UAAM,UAAU,SAAS;AAEzB,QAAI,SAAS,IAAI,OAAO;AAAG;AAC3B,QAAI,UAAU;AAAU;AACxB,QAAI,CAAC,yBAAS,QAAQ,WAAW,OAAO;AAAG;AAE3C,UAAM,UAAU,MAAM;AAEtB,QAAI,YAAY,WAAW,QAAQ,WAAW,QAAQ,GAAG;AACvD,UAAI,CAAC;AAAS;AACd,iBAAW,OAAO,SAAS;AACzB,YAAI,SAAS,IAAI,GAAG;AAAG;AACvB,YAAI,WAAW,OAAO,YAAY,UAAU;AAE1C,qBAAW,QAAQ,SAAS;AAC1B,gBAAI,SAAS,IAAI,IAAI;AAAG;AACxB,qBAAS,IAAI,IAAI;AACjB,kBAAM,QAAQ,QAAQ;AAAA,UACxB;AAAA,QACF,OAAO;AACL,mBAAS,IAAI,GAAG;AAChB,gBAAM,OAAO;AAAA,QACf;AAAA,MACF;AACA;AAAA,IACF;AAEA,QAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,UAAI,YAAY,aAAa;AAC3B,YAAI,cAAc;AAClB,YAAI,CAAC;AAAS;AACd,mBAAW,MAAM,QAAQ,MAAM,GAAG,GAAG;AACnC,cAAI,GAAG,OAAO,KAAK;AAEjB,kBAAM,CAAC,WAAW,iBAAiB,GAAG,MAAM,CAAC,EAAE,MAAM,GAAG;AACxD,kBAAM,WAAU,cAAc,OAAO;AACrC,kBAAM,YAAW,cAAc,OAAO;AACtC,kBAAM,mBAAkB,YAAW;AACnC,gBAAI,UAAU,KAAK,WAAW;AAC9B,gBAAI,UAAS;AAEX,kBAAI,gBAAgB,cAAc,MAAM,CAAC;AACzC,8BAAgB,cAAc,MAAM,GAAG,cAAc,QAAQ,GAAG,CAAC;AACjE,yBAAW,GAAG,aAAa;AAAA,YAC7B,WAAW,WAAU;AAEnB,oBAAM,iBAAiB,cAAc,MAAM,CAAC;AAC5C,yBAAW,GAAG,aAAa;AAAA,YAC7B;AACA,qBAAS,IAAI,OAAO;AACpB,2BAAe,SAAS,IAAI,gBAAe;AAAA,UAC7C,OAAO;AACL,2BAAe,MAAM;AAAA,UACvB;AAAA,QACF;AACA,YAAI,aAAa;AACf,mBAAS,IAAI,OAAO;AACpB,yBAAe,SAAS,WAAW;AAAA,QACrC;AACA;AAAA,MACF;AAEA,UAAI,WAAW,QAAQ,OAAO,KAAK;AAGjC,cAAM,mBAAmB,2BAAY;AACrC,cAAM,mBACJ,CAAC,oBACD,QAAQ,SAAS,UAAU,KAC3B,2BAAY,QAAQ,MAAM,UAAU,EAAE;AACxC,YAAI,oBAAoB,kBAAiB;AACvC,mBAAS,IAAI,OAAO;AACpB,yBAAe,SAAS,SAAS,gBAAe;AAChD;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,qBAAqB;AAC7B,UACG,aAAa,mBAAmB,WAAW,aAAa,mBAGxD,aAAa,YAAY,WAAW,aAAa,UAClD;AACA,kBAAU,WAAW;AAAA,MACvB;AAAA,IACF;AASA,QAAI,UAAU,QAAQ,OAAO;AAC7B,QAAI,WAAW,+BAAgB;AAC/B,QAAI,kBAAkB,WAAW;AAEjC,QACE,CAAC,WACD,CAAC,YACD,CAAC,oBAAa,aAAb,mBAAwB,aACzB,CAAC,gBAAgB,YACjB,CAAC,KAAK,WAAW,UACjB;AACA,eAAS,IAAI,OAAO;AACpB,gBAAU,WAAW;AACrB;AAAA,IACF;AAEA,UAAM,WACJ,WAAW,WACP,CAAC,CAAC,SAAS,OAAO,CAAC,IACnB,aAAa,WACX,SACA,SACA,OACA,OACA,OACA,iBACA,QACA,KACF;AAEN,QAAI,QAAQ,IAAI,aAAa,iBAAiB,UAAU,WAAW;AACjE,cAAQ,IAAI,8BAAuB,SAAS,SAAS,QAAQ;AAAA,IAC/D;AAEA,QAAI,CAAC,UAAU;AACb;AAAA,IACF;AAEA,eAAW,CAAC,KAAK,QAAQ,UAAU;AACjC,UAAI,QAAQ;AAAW;AAEvB,gBAAU,IAAI,OAAO;AACrB,iBAAW,+BAAgB;AAC3B,wBAAkB,WAAW;AAE7B,UAAI,CAAC,iBAAiB;AACpB,YAAI,SAAS,IAAI,GAAG;AAAG;AAAA,MACzB;AAEA,UACG,aAAa,cAAc,aAAa,WAAW,IAAI,GAAG,KAC1D,aAAa,eAAe,aAAa,YAAY,IAAI,GAAG,KAC5D,aAAa,yBAAyB,aAAa,sBAAsB,IAAI,GAAG,GACjF;AACA,iBAAS,IAAI,GAAG;AAChB,kBAAU,OAAO,MAAM,QAAQ;AAAA,MACjC;AAGA,UAAI,UAAU;AACZ,YAAI,CAAC;AAAK;AACV,YAAI,QAAQ,gBAAgB,MAAM,SAAS;AAEzC;AAAA,QACF;AACA,gBAAQ,OAAO,QAAQ,QAAQ,CAAC;AAChC,gBAAQ,OAAO,YACb,KACA,KACA,cACA,OACA,OACA,OACA,MACA,iBACA,IACF;AACA,YAAI,iBAAiB;AACnB,gBAAM,eAAe,2CAAe,QAAQ,MAAM,2CAAkB,IAAI;AACxE,qBAAW,UAAS,cAAc;AAChC,kBAAM,UAAU,kDAAkB,SAAlB,mBAAwB,SAAQ;AAChD,kBAAM,UAAU,GAAG,OAAM,WAAW,aAAa;AACjD,gBAAI,CAAC,SAAS,IAAI,OAAO,GAAG;AAC1B,uBAAS,IAAI,OAAO;AACpB,oCAAsB,eAAe,MAAK;AAC1C,6BAAe,SAAS,OAAM,YAAY,eAAe;AAAA,YAC3D;AAAA,UACF;AAAA,QACF;AACA;AAAA,MACF;AAGA,UAAI,SAAS;AACX,cAAM,WAAW;AACjB,cAAM,gBAAgB,SAAS,MAAM,CAAC;AAEtC,YAAI,CAAC,iCAAiB,gBAAgB;AACpC,cAAI,CAAC,SAAS,IAAI,GAAG,GAAG;AAEtB,sBAAU,OAAO;AAAA,UACnB;AACA;AAAA,QACF;AAOA,cAAM,aAAa,YACjB,KACA,KACA,cACA,OACA,OACA,OACA,MACA,eACF;AAEA,YAAI,QAAQ,IAAI,aAAa,iBAAiB,UAAU,WAAW;AAEjE,kBAAQ,IAAI,yCAAkC,EAAE,UAAU,YAAY,OAAO,gBAAgB,CAAC;AAAA,QAChG;AAEA,YAAI,iBAAiB;AACnB,gBAAM,cAAc,4CAAgB,UAAU;AAC9C,qBAAW,UAAS,aAAa;AAC/B,kBAAM,MAAM,8CAAiB,QAAO,eAAe,gCAAgB;AAEnE,kBAAM,UAAU,GAAG,OAAM,WAAW,aAAa;AACjD,gBAAI,CAAC,SAAS,IAAI,OAAO,GAAG;AAC1B,uBAAS,IAAI,OAAO;AACpB,oCAAsB,eAAe,GAAG;AACxC,6BAAe,SAAS,IAAI,YAAY,IAAI;AAAA,YAC9C;AAAA,UACF;AAAA,QACF,OAAO;AACL,cAAI,2BAAW,WAAW;AACxB,gBAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO;AACnD,sBAAQ,IAAI,qBAAqB,UAAU,0BAAU;AAAA,YACvD;AACA,mBAAO,OAAO,kBAAkB,SAAS,OAAO,UAAU;AAAA,UAC5D;AAAA,QACF;AACA;AAAA,MACF;AAEA,UAAI,CAAC,yBAAS,QAAQ,iBAAiB;AACrC,iBAAS,IAAI,GAAG;AAChB,kBAAU,OAAO;AACjB;AAAA,MACF;AAEA,UAAI,gBAAgB,MAAM;AACxB,iBAAS,IAAI,GAAG;AAChB,YAAI,OAAO,IAAI,OAAO,KAAK;AACzB,qBAAW,OAAO;AAAA,QACpB,WAAW,OAAO,oCAAqB;AACrC,oDAAe,OAAO,KAAK,KAAK,IAAI;AAAA,QACtC,OAAO;AAML,gBAAM,OAAO,kEAA2B,KAAK,GAAG;AAAA,QAElD;AACA;AAAA,MACF;AAGA,UAAI,CAAC,aAAa,YAAY,CAAE,QAAO,aAAa,WAAW;AAC7D,YAAI,CAAC,UAAU,MAAM;AACnB,oBAAU,OAAO;AACjB,mBAAS,IAAI,GAAG;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,qCAAU,KAAK;AACf,MAAI,uBAAO;AACT,2CAAW,KAAK;AAAA,EAClB;AAGA,MAAI,mBAAmB;AACrB,iBAAa;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAEA,MAAI,iBAAiB;AACnB,UAAM,SAAS,4CAAgB,KAAK;AACpC,eAAW,eAAe,QAAQ;AAChC,YAAM,MAAM,YAAY;AAGxB,UAAI,QAAQ,mBAAmB,CAAC,MAAM,qBAAqB;AACzD,8BAAsB,eAAe,WAAW;AAChD,uBAAe,KAAK,YAAY,UAAU;AAAA,MAC5C,OAAO;AACL,cAAM,OAAO,YAAY;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,OAAO;AACL,QAAI,cAAc,MAAM,uBAAuB,SAAS;AAAA,IA+BxD;AAAA,EACF;AAEA,MAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,QAAI,YAAY;AACd,iBAAW,aAAa,YAAY;AAClC,YAAI,CAAC,WAAW,YAAY;AAC1B,cAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,oBAAQ,KAAK,sBAAsB,YAAY,SAAS;AAAA,UAC1D;AACA;AAAA,QACF;AACA,cAAM,CAAC,MAAM,OAAO,WAAW;AAC/B,cAAM,aAAa,aAAa;AAChC,YAAI,0BAAU;AACZ,cAAI,CAAC,0CAAmB,aAAa;AACnC,kBAAM,OAAO,IAAI,2BAA2B;AAC5C,kCAAsB,eAAe;AAAA,cACnC;AAAA,cACA,OAAO,CAAC,IAAI;AAAA,cACZ,UAAU;AAAA,YACZ,CAAC;AAAA,UACH;AAAA,QACF;AACA,mBAAW,aAAa;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AAEA,MAAI,QAAQ,IAAI,aAAa,iBAAiB,UAAU,WAAW;AACjE,QAAI,OAAO,aAAa,aAAa;AAEnC,cAAQ,IAAI,kCAA2B,EAAE,OAAO,SAAS,QAAQ,YAAY,WAAW,OAAO,cAAc,CAAC;AAAA,IAChH;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAeA,MAAM,cAAc,oBAAI,QAAQ;AAChC,iCAAiC,WAAmB,eAAuB;AACzE,MAAI,CAAC,eAAe;AAOlB,WAAO;AAAA,EACT;AAEA,MAAI,YAAY,IAAI,aAAa,GAAG;AAClC,WAAO,YAAY,IAAI,aAAa;AAAA,EACtC;AACA,QAAM,OAAO,IAAI,MAAM,eAAe;AAAA,IACpC,UAAU;AACR,aAAO,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,OAAO,KAAK,SAAS,GAAG,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC;AAAA,IAChF;AAAA,IACA,IAAI,GAAG,KAAK;AACV,aAAO,OAAO,iBAAiB,OAAO;AAAA,IACxC;AAAA,IACA,IAAI,GAAG,KAAK;AACV,aAAO,cAAc,QAAQ,UAAU;AAAA,IACzC;AAAA,EACF,CAAC;AACD,cAAY,IAAI,eAAe,IAAI;AACnC,SAAO;AACT;AAEO,MAAM,cAAc,CACzB,QACA,SACA,cACA,OACA,OACA,OACA,OACA,iBACA,sBACc;AACd,QAAM,WAAsB,CAAC;AAC7B,WAAS,OAAO,SAAS;AACvB,UAAM,MAAM,QAAQ;AACpB,UAAM,MAAK,WAAW,QAAQ;AAC9B,UAAM,WAAW,aAAa,WAC5B,KACA,KACA,OACA,wBAAwB,OAAO,MAAM,OAAO,GAC5C,OACA,iBACA,iBACF;AACA,QAAI,CAAC;AAAU;AACf,eAAW,CAAC,MAAM,SAAS,UAAU;AACnC,UAAI,QAAQ,oCAAqB;AAC/B,kDAAe,UAAU,MAAM,IAAI;AAAA,MACrC,OAAO;AACL,iBAAS,QAAQ,kEAA2B,MAAM,GAAG;AAAA,MACvD;AAAA,IACF;AAAA,EACF;AAEA,qCAAU,QAAQ;AAElB,SAAO;AACT;AAEO,MAAM,oBAAmC,IAAI,SAAS;AAC3D,QAAM,MAAM,eAAe,GAAG,IAAI;AAClC,+CAAiB,IAAI,aAAa;AAClC,SAAO;AACT;AAGA,MAAM,wBAAwB,wBAAQ,mCAAsB,4CAA4B,MAAM;AAAC;AAExF,MAAM,iBAAgC,IAAI,SAAS;AACxD,QAAM,MAAM,eAAe,GAAG,IAAI;AAElC,wBAAsB,MAAM;AAC1B,iDAAiB,IAAI,aAAa;AAAA,EACpC,GAAG,CAAC,IAAI,aAAa,CAAC;AAEtB,SAAO;AACT;AAEA,+BAA+B,eAA8B,aAAiC;AAC5F,MAAI,QAAQ,IAAI,mBAAmB,OAAO;AAKxC,QACE,YAAY,aAAa,mBACzB,gDAAoB,YAAY,YAAY,YAAY,KAAK,KAC5D,CAAC,4BAAY,QAAQ,IAAI,aAAa,cACvC;AACA,oBAAc,KAAK,WAAW;AAAA,IAChC;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { stylePropsText, stylePropsTransform, validPseudoKeys, validStyles } from '@tamagui/helpers'\nimport { useInsertionEffect } from 'react'\nimport { ViewStyle } from 'react-native'\n\nimport { getConfig } from '../conf'\nimport { isClient, isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { mediaQueryConfig, mediaState } from '../hooks/useMedia'\nimport type {\n  DebugProp,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SplitStyleState,\n  StackProps,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  ThemeObject,\n} from '../types'\nimport { FontLanguageProps, LanguageContextType } from '../views/FontLanguage.types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixStyles } from './expandStyles'\nimport { getAtomicStyle, getStylesAtomic, styleToCSS } from './getStylesAtomic'\nimport {\n  PartialStyleObject,\n  RulesToInsert,\n  insertStyleRules,\n  insertedTransforms,\n  shouldInsertStyleRules,\n  updateInserted,\n  updateRules,\n} from './insertStyleRule'\nimport { mergeTransform } from './mergeTransform'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty'\nimport { pseudoDescriptors } from './pseudoDescriptors'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\nexport type ClassNamesObject = Record<string, string>\nexport type SplitStyleResult = ReturnType<typeof getSplitStyles>\n\nconst skipProps = {\n  animation: true,\n  animateOnly: true,\n  debug: true,\n  componentName: true,\n\n  ...(!isWeb && {\n    tag: true,\n    whiteSpace: true,\n    wordWrap: true,\n    textOverflow: true,\n    textDecorationDistance: true,\n    userSelect: true,\n    selectable: true,\n    cursor: true,\n    contain: true,\n    boxSizing: true,\n    boxShadow: true,\n  }),\n}\n\ntype TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey\n\nlet conf: TamaguiInternalConfig\n\ntype StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  state: SplitStyleState,\n  defaultClassNames?: any,\n  languageContext?: LanguageContextType,\n  debug?: DebugProp\n) => {\n  pseudos: PseudoStyles\n  medias: Record<MediaQueryKey, ViewStyle>\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: RulesToInsert\n  viewProps: StackProps\n}\n\nexport const PROP_SPLIT = '-'\n\n// this is how compiler outputs psueodo identifier\n// TODO remove in next refactor\nexport const pseudoCNInverse = {\n  hover: 'hoverStyle',\n  focus: 'focusStyle',\n  press: 'pressStyle',\n}\n\n// loop props backwards\n//   track used keys:\n//     const keys = new Set<string>()\n//   keep classnames and styles separate:\n//     const styles = {}\n//     const classNames = {}\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  defaultClassNames,\n  languageContext,\n  debug\n) => {\n  conf = conf || getConfig()\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: StackProps = {}\n  const pseudos: PseudoStyles = {}\n  const medias: Record<MediaQueryKey, ViewStyle> = {}\n  const usedKeys = new Set<string>()\n  const propKeys = Object.keys(props)\n  const shouldDoClasses = (isWeb || process.env.IS_STATIC === 'is_static') && !state.noClassNames\n  const len = propKeys.length\n  const rulesToInsert: RulesToInsert = []\n  const style: ViewStyle = {}\n  // TODO make this CSS, not compile-friendly\n  if (state.hasTextAncestor) {\n    // parity with react-native-web\n    style.display = 'inline-flex' as any\n  }\n  let classNames: ClassNamesObject = {}\n  // we need to gather these specific to each media query / pseudo\n  // value is [hash, val], so [\"-jnjad-asdnjk\", \"scaleX(1) rotate(10deg)\"]\n  let transforms = null as Record<TransformNamespaceKey, [string, string]> | null\n\n  function mergeClassName(key: string, val: string, isMediaOrPseudo = false) {\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      // empty classnames passed by compiler sometimes\n      if (!val) return\n      if (val.startsWith('_transform-')) {\n        const namespace: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n\n        let transform = insertedTransforms[val]\n        if (isClient) {\n          if (!transform) {\n            // HMR or loaded a new chunk\n            updateInserted()\n            transform = insertedTransforms[val]\n            if (process.env.NODE_ENV === 'development') {\n              if (!transform) {\n                console.warn('no transform found', { insertedTransforms, val })\n              }\n            }\n          }\n          if (!transform) {\n            if (isWeb && val[0] !== '_') {\n              // runtime insert\n              transform = val\n            }\n          }\n          if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n            // prettier-ignore\n            console.log('  \uD83D\uDD39 getSplitStyles mergeClassName transform', { key, val, namespace, transform, insertedTransforms })\n          }\n        }\n        transforms = transforms || {}\n        transforms[namespace] = transforms[namespace] || ['', '']\n        const identifier = val.replace('_transform', '')\n        transforms[namespace][0] += identifier\n        // ssr doesn't need to do anything just make the right classname\n        if (transform) {\n          transforms[namespace][1] += transform\n        }\n      } else {\n        classNames[key] = val\n      }\n    }\n  }\n\n  // loop backwards so we can skip already-used props\n  for (let i = len - 1; i >= 0; i--) {\n    const keyInit = propKeys[i]\n\n    if (usedKeys.has(keyInit)) continue\n    if (skipProps[keyInit]) continue\n    if (!isWeb && keyInit.startsWith('data-')) continue\n\n    const valInit = props[keyInit]\n\n    if (keyInit === 'style' || keyInit.startsWith('_style')) {\n      if (!valInit) continue\n      for (const key in valInit) {\n        if (usedKeys.has(key)) continue\n        if (valInit && typeof valInit === 'object') {\n          // newer react native versions return a full object instead of ID\n          for (const skey in valInit) {\n            if (usedKeys.has(skey)) continue\n            usedKeys.add(skey)\n            style[skey] = valInit[skey]\n          }\n        } else {\n          usedKeys.add(key)\n          style[key] = valInit\n        }\n      }\n      continue\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (keyInit === 'className') {\n        let nonTamaguis = ''\n        if (!valInit) continue\n        for (const cn of valInit.split(' ')) {\n          if (cn[0] === '_') {\n            // tamagui, merge it expanded on key, eventually this will go away with better compiler\n            const [shorthand, mediaOrPseudo] = cn.slice(1).split('-')\n            const isMedia = mediaOrPseudo[0] === '_'\n            const isPseudo = mediaOrPseudo[0] === '0'\n            const isMediaOrPseudo = isMedia || isPseudo\n            let fullKey = conf.shorthands[shorthand]\n            if (isMedia) {\n              // is media\n              let mediaShortKey = mediaOrPseudo.slice(1)\n              mediaShortKey = mediaShortKey.slice(0, mediaShortKey.indexOf('_'))\n              fullKey += `${PROP_SPLIT}${mediaShortKey}`\n            } else if (isPseudo) {\n              // is pseudo\n              const pseudoShortKey = mediaOrPseudo.slice(1)\n              fullKey += `${PROP_SPLIT}${pseudoShortKey}`\n            }\n            usedKeys.add(fullKey)\n            mergeClassName(fullKey, cn, isMediaOrPseudo)\n          } else {\n            nonTamaguis += ' ' + cn\n          }\n        }\n        if (nonTamaguis) {\n          usedKeys.add(keyInit)\n          mergeClassName(keyInit, nonTamaguis)\n        }\n        continue\n      }\n\n      if (valInit && valInit[0] === '_') {\n        // if valid style key (or pseudo like color-hover):\n        // this conditional and esp the pseudo check rarely runs so not a perf issue\n        const isValidClassName = validStyles[keyInit]\n        const isMediaOrPseudo =\n          !isValidClassName &&\n          keyInit.includes(PROP_SPLIT) &&\n          validStyles[keyInit.split(PROP_SPLIT)[0]]\n        if (isValidClassName || isMediaOrPseudo) {\n          usedKeys.add(keyInit)\n          mergeClassName(keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\n    if (state.keepVariantsAsProps) {\n      if (\n        (staticConfig.defaultVariants && keyInit in staticConfig.defaultVariants) ||\n        // may want to just: not compile styled() into classnames, always do this, and always pass in all values in extras.props\n        // but we'd want to add styled({ extracted: true }) or something at compile time to save on parsing a bit...\n        (staticConfig.variants && keyInit in staticConfig.variants)\n      ) {\n        viewProps[keyInit] = valInit\n      }\n    }\n\n    /**\n     * There's (some) reason to this madness: we want to allow returning media/pseudo from variants\n     * Say you have a variant hoverable: { true: { hoverStyle: {} } }\n     * We run propMapper first to expand variant, then we run the inner loop and look again\n     * for if there's a pseudo/media returned from it.\n     */\n\n    let isMedia = keyInit[0] === '$'\n    let isPseudo = validPseudoKeys[keyInit]\n    let isMediaOrPseudo = isMedia || isPseudo\n\n    if (\n      !isMedia &&\n      !isPseudo &&\n      !staticConfig.variants?.[keyInit] &&\n      !validStyleProps[keyInit] &&\n      !conf.shorthands[keyInit]\n    ) {\n      usedKeys.add(keyInit)\n      viewProps[keyInit] = valInit\n      continue\n    }\n\n    const expanded =\n      isMedia || isPseudo\n        ? [[keyInit, valInit]]\n        : staticConfig.propMapper(\n            keyInit,\n            valInit,\n            theme,\n            props,\n            state,\n            languageContext,\n            undefined,\n            debug\n          )\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      console.log('  \uD83D\uDD39 getSplitStyles', keyInit, valInit, expanded)\n    }\n\n    if (!expanded) {\n      continue\n    }\n\n    for (const [key, val] of expanded) {\n      if (val === undefined) continue\n\n      isMedia = key[0] === '$'\n      isPseudo = validPseudoKeys[key]\n      isMediaOrPseudo = isMedia || isPseudo\n\n      if (!isMediaOrPseudo) {\n        if (usedKeys.has(key)) continue\n      }\n\n      if (\n        (staticConfig.deoptProps && staticConfig.deoptProps.has(key)) ||\n        (staticConfig.inlineProps && staticConfig.inlineProps.has(key)) ||\n        (staticConfig.inlineWhenUnflattened && staticConfig.inlineWhenUnflattened.has(key))\n      ) {\n        usedKeys.add(key)\n        viewProps[key] = props[key] ?? val\n      }\n\n      // pseudo\n      if (isPseudo) {\n        if (!val) continue\n        if (key === 'enterStyle' && state.mounted) {\n          // once mounted we can ignore enterStyle\n          continue\n        }\n        pseudos[key] = pseudos[key] || {}\n        pseudos[key] = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext,\n          true\n        )\n        if (shouldDoClasses) {\n          const pseudoStyles = getAtomicStyle(pseudos[key], pseudoDescriptors[key])\n          for (const style of pseudoStyles) {\n            const postfix = pseudoDescriptors[key]?.name || key // exitStyle/enterStyle dont have pseudoDescriptors\n            const fullKey = `${style.property}${PROP_SPLIT}${postfix}`\n            if (!usedKeys.has(fullKey)) {\n              usedKeys.add(fullKey)\n              addStyleToInsertRules(rulesToInsert, style)\n              mergeClassName(fullKey, style.identifier, isMediaOrPseudo)\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        const mediaKey = key\n        const mediaKeyShort = mediaKey.slice(1)\n\n        if (!mediaQueryConfig[mediaKeyShort]) {\n          if (!usedKeys.has(key)) {\n            // this isn't a media key, pass through\n            viewProps[key] = val\n          }\n          continue\n        }\n\n        // dont check if media is active, we just apply *all* media styles\n        // we combine the media props on top regular props, could proxy this\n        // TODO test proxy here instead of merge\n        // THIS USED TO PROXY BACK TO REGULAR PROPS BUT THAT IS THE WRONG BEHAVIOR\n        // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n        const mediaStyle = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext\n        )\n\n        if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n          // prettier-ignore\n          console.log('  \uD83D\uDD39 mediaStyle', { mediaKey, mediaStyle, props, shouldDoClasses })\n        }\n\n        if (shouldDoClasses) {\n          const mediaStyles = getStylesAtomic(mediaStyle)\n          for (const style of mediaStyles) {\n            const out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig)\n            const fullKey = `${style.property}${PROP_SPLIT}${mediaKeyShort}`\n            if (!usedKeys.has(fullKey)) {\n              usedKeys.add(fullKey)\n              addStyleToInsertRules(rulesToInsert, out)\n              mergeClassName(fullKey, out.identifier, true)\n            }\n          }\n        } else {\n          if (mediaState[mediaKey]) {\n            if (process.env.NODE_ENV === 'development' && debug) {\n              console.log('apply media style', mediaKey, mediaState)\n            }\n            Object.assign(shouldDoClasses ? medias : style, mediaStyle)\n          }\n        }\n        continue\n      }\n\n      if (!isWeb && key === 'pointerEvents') {\n        usedKeys.add(key)\n        viewProps[key] = val\n        continue\n      }\n\n      if (validStyleProps[key]) {\n        usedKeys.add(key)\n        if (val && val[0] === '_') {\n          classNames[key] = val\n        } else if (key in stylePropsTransform) {\n          mergeTransform(style, key, val, true)\n        } else {\n          // if (key === 'pointerEvents') {\n          //   // pointer events can be box-none which requires css\n          //   addStyleToInsertRules(out.identifier, out.styleRule)\n          //   mergeClassName(fullKey, out.identifier, true)\n          // } else {\n          style[key] = normalizeValueWithProperty(val, key)\n          // }\n        }\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        if (!skipProps[key]) {\n          viewProps[key] = val\n          usedKeys.add(key)\n        }\n      }\n    }\n  }\n\n  fixStyles(style)\n  if (isWeb) {\n    styleToCSS(style)\n  }\n\n  // add in defaults if not set:\n  if (defaultClassNames) {\n    classNames = {\n      ...defaultClassNames,\n      ...classNames,\n    }\n  }\n\n  if (shouldDoClasses) {\n    const atomic = getStylesAtomic(style)\n    for (const atomicStyle of atomic) {\n      const key = atomicStyle.property\n      // pointerEvents box-none must be CSS-ified\n      // should probably have a few more exceptions here!\n      if (key === 'pointerEvents' || !state.dynamicStylesInline) {\n        addStyleToInsertRules(rulesToInsert, atomicStyle)\n        mergeClassName(key, atomicStyle.identifier)\n      } else {\n        style[key] = atomicStyle.value\n      }\n    }\n  } else {\n    if (classNames && state.resolveVariablesAs === 'value') {\n      // getting real values for colors for animations (reverse mapped from CSS)\n      // this isn't beautiful, but will do relatively fine performance for now\n      // has a bug still - try adding <Switch theme=\"bouncy\" /> should animate bg color on active\n      // const selectors = getAllSelectors()\n      // for (const key in classNames) {\n      //   if (key.endsWith('Color')) {\n      //     const selector = classNames[key]\n      //     let value = selectorValuesCache[selector]\n      //     if (!value) {\n      //       const css = selectors[selector]\n      //       value = css.replace(/.*:/, '').replace(/;.*/, '')\n      //       if (value) {\n      //         const themeUnwrapped = getThemeUnwrapped(theme)\n      //         const map = themeToVariableToValueMap.get(themeUnwrapped)\n      //         if (map && value.startsWith('var(')) {\n      //           value = map[value]\n      //         }\n      //         if (value) {\n      //           selectorValuesCache[selector] = value\n      //         }\n      //       } else {\n      //         // err\n      //         continue\n      //       }\n      //     }\n      //     if (value) {\n      //       style[key] = value\n      //     }\n      //   }\n      // }\n    }\n  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (transforms) {\n      for (const namespace in transforms) {\n        if (!transforms[namespace]) {\n          if (process.env.NODE_ENV === 'development') {\n            console.warn('Error no transform', transforms, namespace)\n          }\n          continue\n        }\n        const [hash, val] = transforms[namespace]\n        const identifier = `_transform${hash}`\n        if (isClient) {\n          if (!insertedTransforms[identifier]) {\n            const rule = `.${identifier} { transform: ${val}; }`\n            addStyleToInsertRules(rulesToInsert, {\n              identifier,\n              rules: [rule],\n              property: namespace,\n            })\n          }\n        }\n        classNames[namespace] = identifier\n      }\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (typeof document !== 'undefined') {\n      // prettier-ignore\n      console.log('  \uD83D\uDD39 getSplitStyles out', { style, pseudos, medias, classNames, viewProps, state, rulesToInsert })\n    }\n  }\n\n  return {\n    viewProps,\n    style,\n    medias,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n}\n\n/**\n * getSubStyle calls propMapper with props\n * those should be specific to the substyle, but fallback to the base props\n * so given props:\n *\n *   { fontSize: 12, color: 'red', $sm: { color: 'blue' } }\n *\n * getSubStyle props should be a proxy that ends up like:\n *\n *   { fontSize: 12, color: 'blue' }\n *\n * and to avoid re-creating it over and over, use a WeakMap\n */\nconst propProxies = new WeakMap()\nfunction getSubStyleProxiedProps(baseProps: Object, specificProps: Object) {\n  if (!specificProps) {\n    // functional variants may want to eventually do something like:\n    // have a hooks-like rule (no conditionals)\n    // then we run them once on compile with a proxy to capture the keys accessed\n    // then add those keys to `inlineProps` so we know we must inline them\n    // for now this will trigger because compiled away\n    // right now also we don't pass in any pre-extracted styled() props but we should pass them in..\n    return baseProps\n  }\n  // can cache based only on specific it's always referentially consistent with base\n  if (propProxies.has(specificProps)) {\n    return propProxies.get(specificProps)\n  }\n  const next = new Proxy(specificProps, {\n    ownKeys() {\n      return [...new Set([...Object.keys(baseProps), ...Object.keys(specificProps)])]\n    },\n    has(_, key) {\n      return key in specificProps || key in baseProps\n    },\n    get(_, key) {\n      return specificProps[key] ?? baseProps[key]\n    },\n  })\n  propProxies.set(specificProps, next)\n  return next\n}\n\nexport const getSubStyle = (\n  subKey: string,\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  props: any,\n  state: SplitStyleState,\n  conf: TamaguiInternalConfig,\n  languageContext?: FontLanguageProps,\n  avoidDefaultProps?: boolean\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (let key in styleIn) {\n    const val = styleIn[key]\n    key = conf.shorthands[key] || key\n    const expanded = staticConfig.propMapper(\n      key,\n      val,\n      theme,\n      getSubStyleProxiedProps(props, props[subKey]),\n      state,\n      languageContext,\n      avoidDefaultProps\n    )\n    if (!expanded) continue\n    for (const [skey, sval] of expanded) {\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = normalizeValueWithProperty(sval, key)\n      }\n    }\n  }\n\n  fixStyles(styleOut)\n\n  return styleOut\n}\n\nexport const insertSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n  insertStyleRules(res.rulesToInsert)\n  return res\n}\n\n// on native no need to insert any css\nconst useInsertEffectCompat = isWeb ? useInsertionEffect || useIsomorphicLayoutEffect : () => {}\n\nexport const useSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n\n  useInsertEffectCompat(() => {\n    insertStyleRules(res.rulesToInsert)\n  }, [res.rulesToInsert])\n\n  return res\n}\n\nfunction addStyleToInsertRules(rulesToInsert: RulesToInsert, styleObject: PartialStyleObject) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (!shouldInsertStyleRules(styleObject)) {\n      return\n    }\n    updateRules(styleObject.identifier, styleObject.rules)\n    rulesToInsert.push(styleObject)\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAkF;AAClF,mBAAmC;AAGnC,kBAA0B;AAC1B,sBAA2D;AAC3D,sBAA6C;AAa7C,8BAAiC;AACjC,0BAA0B;AAC1B,6BAA4D;AAC5D,6BAQO;AACP,4BAA+B;AAC/B,wCAA2C;AAC3C,+BAAkC;AAMlC,MAAM,YAAY;AAAA,EAChB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO;AAAA,EACP,eAAe;AAAA,EAEf,GAAI,CAAC,yBAAS;AAAA,IACZ,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,cAAc;AAAA,IACd,wBAAwB;AAAA,IACxB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;AAIA,IAAI;AAmBG,MAAM,aAAa;AAInB,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AASO,MAAM,iBAAgC,CAC3C,OACA,cACA,OACA,OACA,mBACA,iBACA,UACG;AA1GL;AA2GE,SAAO,QAAQ,2BAAU;AACzB,QAAM,kBAAkB,aAAa,SAAS,gCAAiB;AAC/D,QAAM,YAAwB,CAAC;AAC/B,QAAM,UAAwB,CAAC;AAC/B,QAAM,SAA2C,CAAC;AAClD,QAAM,WAAW,oBAAI,IAAY;AACjC,QAAM,WAAW,OAAO,KAAK,KAAK;AAClC,QAAM,kBAAmB,0BAAS,QAAQ,IAAI,cAAc,gBAAgB,CAAC,MAAM;AACnF,QAAM,MAAM,SAAS;AACrB,QAAM,gBAA+B,CAAC;AACtC,QAAM,QAAmB,CAAC;AAE1B,MAAI,MAAM,iBAAiB;AAEzB,UAAM,UAAU;AAAA,EAClB;AACA,MAAI,aAA+B,CAAC;AAGpC,MAAI,aAAa;AAEjB,0BAAwB,KAAa,KAAa,kBAAkB,OAAO;AACzE,QAAI,QAAQ,IAAI,mBAAmB,OAAO;AAExC,UAAI,CAAC;AAAK;AACV,UAAI,IAAI,WAAW,aAAa,GAAG;AACjC,cAAM,YAAmC,kBAAkB,MAAM;AAEjE,YAAI,YAAY,0CAAmB;AACnC,YAAI,0BAAU;AACZ,cAAI,CAAC,WAAW;AAEd,uDAAe;AACf,wBAAY,0CAAmB;AAC/B,gBAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,kBAAI,CAAC,WAAW;AACd,wBAAQ,KAAK,sBAAsB,EAAE,+DAAoB,IAAI,CAAC;AAAA,cAChE;AAAA,YACF;AAAA,UACF;AACA,cAAI,CAAC,WAAW;AACd,gBAAI,yBAAS,IAAI,OAAO,KAAK;AAE3B,0BAAY;AAAA,YACd;AAAA,UACF;AACA,cAAI,QAAQ,IAAI,aAAa,iBAAiB,UAAU,WAAW;AAEjE,oBAAQ,IAAI,uDAAgD,EAAE,KAAK,KAAK,WAAW,WAAW,8DAAmB,CAAC;AAAA,UACpH;AAAA,QACF;AACA,qBAAa,cAAc,CAAC;AAC5B,mBAAW,aAAa,WAAW,cAAc,CAAC,IAAI,EAAE;AACxD,cAAM,aAAa,IAAI,QAAQ,cAAc,EAAE;AAC/C,mBAAW,WAAW,MAAM;AAE5B,YAAI,WAAW;AACb,qBAAW,WAAW,MAAM;AAAA,QAC9B;AAAA,MACF,OAAO;AACL,mBAAW,OAAO;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AAGA,WAAS,IAAI,MAAM,GAAG,KAAK,GAAG,KAAK;AACjC,UAAM,UAAU,SAAS;AAEzB,QAAI,SAAS,IAAI,OAAO;AAAG;AAC3B,QAAI,UAAU;AAAU;AACxB,QAAI,CAAC,yBAAS,QAAQ,WAAW,OAAO;AAAG;AAE3C,UAAM,UAAU,MAAM;AAEtB,QAAI,YAAY,WAAW,QAAQ,WAAW,QAAQ,GAAG;AACvD,UAAI,CAAC;AAAS;AACd,iBAAW,OAAO,SAAS;AACzB,YAAI,SAAS,IAAI,GAAG;AAAG;AACvB,YAAI,WAAW,OAAO,YAAY,UAAU;AAE1C,qBAAW,QAAQ,SAAS;AAC1B,gBAAI,SAAS,IAAI,IAAI;AAAG;AACxB,qBAAS,IAAI,IAAI;AACjB,kBAAM,QAAQ,QAAQ;AAAA,UACxB;AAAA,QACF,OAAO;AACL,mBAAS,IAAI,GAAG;AAChB,gBAAM,OAAO;AAAA,QACf;AAAA,MACF;AACA;AAAA,IACF;AAEA,QAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,UAAI,YAAY,aAAa;AAC3B,YAAI,cAAc;AAClB,YAAI,CAAC;AAAS;AACd,mBAAW,MAAM,QAAQ,MAAM,GAAG,GAAG;AACnC,cAAI,GAAG,OAAO,KAAK;AAEjB,kBAAM,CAAC,WAAW,iBAAiB,GAAG,MAAM,CAAC,EAAE,MAAM,GAAG;AACxD,kBAAM,WAAU,cAAc,OAAO;AACrC,kBAAM,YAAW,cAAc,OAAO;AACtC,kBAAM,mBAAkB,YAAW;AACnC,gBAAI,UAAU,KAAK,WAAW;AAC9B,gBAAI,UAAS;AAEX,kBAAI,gBAAgB,cAAc,MAAM,CAAC;AACzC,8BAAgB,cAAc,MAAM,GAAG,cAAc,QAAQ,GAAG,CAAC;AACjE,yBAAW,GAAG,aAAa;AAAA,YAC7B,WAAW,WAAU;AAEnB,oBAAM,iBAAiB,cAAc,MAAM,CAAC;AAC5C,yBAAW,GAAG,aAAa;AAAA,YAC7B;AACA,qBAAS,IAAI,OAAO;AACpB,2BAAe,SAAS,IAAI,gBAAe;AAAA,UAC7C,OAAO;AACL,2BAAe,MAAM;AAAA,UACvB;AAAA,QACF;AACA,YAAI,aAAa;AACf,mBAAS,IAAI,OAAO;AACpB,yBAAe,SAAS,WAAW;AAAA,QACrC;AACA;AAAA,MACF;AAEA,UAAI,WAAW,QAAQ,OAAO,KAAK;AAGjC,cAAM,mBAAmB,2BAAY;AACrC,cAAM,mBACJ,CAAC,oBACD,QAAQ,SAAS,UAAU,KAC3B,2BAAY,QAAQ,MAAM,UAAU,EAAE;AACxC,YAAI,oBAAoB,kBAAiB;AACvC,mBAAS,IAAI,OAAO;AACpB,yBAAe,SAAS,SAAS,gBAAe;AAChD;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,qBAAqB;AAC7B,UACG,aAAa,mBAAmB,WAAW,aAAa,mBAGxD,aAAa,YAAY,WAAW,aAAa,UAClD;AACA,kBAAU,WAAW;AAAA,MACvB;AAAA,IACF;AASA,QAAI,UAAU,QAAQ,OAAO;AAC7B,QAAI,WAAW,+BAAgB;AAC/B,QAAI,kBAAkB,WAAW;AAEjC,QACE,CAAC,WACD,CAAC,YACD,CAAC,oBAAa,aAAb,mBAAwB,aACzB,CAAC,gBAAgB,YACjB,CAAC,KAAK,WAAW,UACjB;AACA,eAAS,IAAI,OAAO;AACpB,gBAAU,WAAW;AACrB;AAAA,IACF;AAEA,UAAM,WACJ,WAAW,WACP,CAAC,CAAC,SAAS,OAAO,CAAC,IACnB,aAAa,WACX,SACA,SACA,OACA,OACA,OACA,iBACA,QACA,KACF;AAEN,QAAI,QAAQ,IAAI,aAAa,iBAAiB,UAAU,WAAW;AACjE,cAAQ,IAAI,8BAAuB,SAAS,SAAS,QAAQ;AAAA,IAC/D;AAEA,QAAI,CAAC,UAAU;AACb;AAAA,IACF;AAEA,eAAW,CAAC,KAAK,QAAQ,UAAU;AACjC,UAAI,QAAQ;AAAW;AAEvB,gBAAU,IAAI,OAAO;AACrB,iBAAW,+BAAgB;AAC3B,wBAAkB,WAAW;AAE7B,UAAI,CAAC,iBAAiB;AACpB,YAAI,SAAS,IAAI,GAAG;AAAG;AAAA,MACzB;AAEA,UACG,aAAa,cAAc,aAAa,WAAW,IAAI,GAAG,KAC1D,aAAa,eAAe,aAAa,YAAY,IAAI,GAAG,KAC5D,aAAa,yBAAyB,aAAa,sBAAsB,IAAI,GAAG,GACjF;AACA,iBAAS,IAAI,GAAG;AAChB,kBAAU,OAAO,MAAM,QAAQ;AAAA,MACjC;AAGA,UAAI,UAAU;AACZ,YAAI,CAAC;AAAK;AACV,YAAI,QAAQ,gBAAgB,MAAM,SAAS;AAEzC;AAAA,QACF;AACA,gBAAQ,OAAO,QAAQ,QAAQ,CAAC;AAChC,gBAAQ,OAAO,YACb,KACA,KACA,cACA,OACA,OACA,OACA,MACA,iBACA,IACF;AACA,YAAI,iBAAiB;AACnB,gBAAM,eAAe,2CAAe,QAAQ,MAAM,2CAAkB,IAAI;AACxE,qBAAW,UAAS,cAAc;AAChC,kBAAM,UAAU,kDAAkB,SAAlB,mBAAwB,SAAQ;AAChD,kBAAM,UAAU,GAAG,OAAM,WAAW,aAAa;AACjD,gBAAI,CAAC,SAAS,IAAI,OAAO,GAAG;AAC1B,uBAAS,IAAI,OAAO;AACpB,oCAAsB,eAAe,MAAK;AAC1C,6BAAe,SAAS,OAAM,YAAY,eAAe;AAAA,YAC3D;AAAA,UACF;AAAA,QACF;AACA;AAAA,MACF;AAGA,UAAI,SAAS;AACX,cAAM,WAAW;AACjB,cAAM,gBAAgB,SAAS,MAAM,CAAC;AAEtC,YAAI,CAAC,iCAAiB,gBAAgB;AACpC,cAAI,CAAC,SAAS,IAAI,GAAG,GAAG;AAEtB,sBAAU,OAAO;AAAA,UACnB;AACA;AAAA,QACF;AAOA,cAAM,aAAa,YACjB,KACA,KACA,cACA,OACA,OACA,OACA,MACA,eACF;AAEA,YAAI,QAAQ,IAAI,aAAa,iBAAiB,UAAU,WAAW;AAEjE,kBAAQ,IAAI,0BAAmB,EAAE,UAAU,YAAY,OAAO,gBAAgB,CAAC;AAAA,QACjF;AAEA,YAAI,iBAAiB;AACnB,gBAAM,cAAc,4CAAgB,UAAU;AAC9C,qBAAW,UAAS,aAAa;AAC/B,kBAAM,MAAM,8CAAiB,QAAO,eAAe,gCAAgB;AACnE,kBAAM,UAAU,GAAG,OAAM,WAAW,aAAa;AACjD,gBAAI,CAAC,SAAS,IAAI,OAAO,GAAG;AAC1B,uBAAS,IAAI,OAAO;AACpB,oCAAsB,eAAe,GAAG;AACxC,6BAAe,SAAS,IAAI,YAAY,IAAI;AAAA,YAC9C;AAAA,UACF;AAAA,QACF,OAAO;AACL,cAAI,2BAAW,WAAW;AACxB,gBAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO;AACnD,sBAAQ,IAAI,qBAAqB,UAAU,0BAAU;AAAA,YACvD;AACA,mBAAO,OAAO,kBAAkB,SAAS,OAAO,UAAU;AAAA,UAC5D;AAAA,QACF;AACA;AAAA,MACF;AAEA,UAAI,CAAC,yBAAS,QAAQ,iBAAiB;AACrC,iBAAS,IAAI,GAAG;AAChB,kBAAU,OAAO;AACjB;AAAA,MACF;AAEA,UAAI,gBAAgB,MAAM;AACxB,iBAAS,IAAI,GAAG;AAChB,YAAI,OAAO,IAAI,OAAO,KAAK;AACzB,qBAAW,OAAO;AAAA,QACpB,WAAW,OAAO,oCAAqB;AACrC,oDAAe,OAAO,KAAK,KAAK,IAAI;AAAA,QACtC,OAAO;AAML,gBAAM,OAAO,kEAA2B,KAAK,GAAG;AAAA,QAElD;AACA;AAAA,MACF;AAGA,UAAI,CAAC,aAAa,YAAY,CAAE,QAAO,aAAa,WAAW;AAC7D,YAAI,CAAC,UAAU,MAAM;AACnB,oBAAU,OAAO;AACjB,mBAAS,IAAI,GAAG;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,qCAAU,KAAK;AACf,MAAI,uBAAO;AACT,2CAAW,KAAK;AAAA,EAClB;AAGA,MAAI,mBAAmB;AACrB,iBAAa;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAEA,MAAI,iBAAiB;AACnB,UAAM,SAAS,4CAAgB,KAAK;AACpC,eAAW,eAAe,QAAQ;AAChC,YAAM,MAAM,YAAY;AAGxB,UAAI,QAAQ,mBAAmB,CAAC,MAAM,qBAAqB;AACzD,8BAAsB,eAAe,WAAW;AAChD,uBAAe,KAAK,YAAY,UAAU;AAAA,MAC5C,OAAO;AACL,cAAM,OAAO,YAAY;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,OAAO;AACL,QAAI,cAAc,MAAM,uBAAuB,SAAS;AAAA,IA+BxD;AAAA,EACF;AAEA,MAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,QAAI,YAAY;AACd,iBAAW,aAAa,YAAY;AAClC,YAAI,CAAC,WAAW,YAAY;AAC1B,cAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,oBAAQ,KAAK,sBAAsB,YAAY,SAAS;AAAA,UAC1D;AACA;AAAA,QACF;AACA,cAAM,CAAC,MAAM,OAAO,WAAW;AAC/B,cAAM,aAAa,aAAa;AAChC,YAAI,0BAAU;AACZ,cAAI,CAAC,0CAAmB,aAAa;AACnC,kBAAM,OAAO,IAAI,2BAA2B;AAC5C,kCAAsB,eAAe;AAAA,cACnC;AAAA,cACA,OAAO,CAAC,IAAI;AAAA,cACZ,UAAU;AAAA,YACZ,CAAC;AAAA,UACH;AAAA,QACF;AACA,mBAAW,aAAa;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AAEA,MAAI,QAAQ,IAAI,aAAa,iBAAiB,UAAU,WAAW;AACjE,QAAI,OAAO,aAAa,aAAa;AAEnC,cAAQ,IAAI,kCAA2B,EAAE,OAAO,SAAS,QAAQ,YAAY,WAAW,OAAO,cAAc,CAAC;AAAA,IAChH;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAeA,MAAM,cAAc,oBAAI,QAAQ;AAChC,iCAAiC,WAAmB,eAAuB;AACzE,MAAI,CAAC,eAAe;AAOlB,WAAO;AAAA,EACT;AAEA,MAAI,YAAY,IAAI,aAAa,GAAG;AAClC,WAAO,YAAY,IAAI,aAAa;AAAA,EACtC;AACA,QAAM,OAAO,IAAI,MAAM,eAAe;AAAA,IACpC,UAAU;AACR,aAAO,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,OAAO,KAAK,SAAS,GAAG,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC;AAAA,IAChF;AAAA,IACA,IAAI,GAAG,KAAK;AACV,aAAO,OAAO,iBAAiB,OAAO;AAAA,IACxC;AAAA,IACA,IAAI,GAAG,KAAK;AACV,aAAO,cAAc,QAAQ,UAAU;AAAA,IACzC;AAAA,EACF,CAAC;AACD,cAAY,IAAI,eAAe,IAAI;AACnC,SAAO;AACT;AAEO,MAAM,cAAc,CACzB,QACA,SACA,cACA,OACA,OACA,OACA,OACA,iBACA,sBACc;AACd,QAAM,WAAsB,CAAC;AAC7B,WAAS,OAAO,SAAS;AACvB,UAAM,MAAM,QAAQ;AACpB,UAAM,MAAK,WAAW,QAAQ;AAC9B,UAAM,WAAW,aAAa,WAC5B,KACA,KACA,OACA,wBAAwB,OAAO,MAAM,OAAO,GAC5C,OACA,iBACA,iBACF;AACA,QAAI,CAAC;AAAU;AACf,eAAW,CAAC,MAAM,SAAS,UAAU;AACnC,UAAI,QAAQ,oCAAqB;AAC/B,kDAAe,UAAU,MAAM,IAAI;AAAA,MACrC,OAAO;AACL,iBAAS,QAAQ,kEAA2B,MAAM,GAAG;AAAA,MACvD;AAAA,IACF;AAAA,EACF;AAEA,qCAAU,QAAQ;AAElB,SAAO;AACT;AAEO,MAAM,oBAAmC,IAAI,SAAS;AAC3D,QAAM,MAAM,eAAe,GAAG,IAAI;AAClC,+CAAiB,IAAI,aAAa;AAClC,SAAO;AACT;AAGA,MAAM,wBAAwB,wBAAQ,mCAAsB,4CAA4B,MAAM;AAAC;AAExF,MAAM,iBAAgC,IAAI,SAAS;AACxD,QAAM,MAAM,eAAe,GAAG,IAAI;AAElC,wBAAsB,MAAM;AAC1B,iDAAiB,IAAI,aAAa;AAAA,EACpC,GAAG,CAAC,IAAI,aAAa,CAAC;AAEtB,SAAO;AACT;AAEA,+BAA+B,eAA8B,aAAiC;AAC5F,MAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,QAAI,CAAC,mDAAuB,WAAW,GAAG;AACxC;AAAA,IACF;AACA,4CAAY,YAAY,YAAY,YAAY,KAAK;AACrD,kBAAc,KAAK,WAAW;AAAA,EAChC;AACF;",
   "names": []
 }

package/dist/cjs/helpers/insertStyleRule.js

@@ -18,20 +18,21 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var insertStyleRule_exports = {};
 __export(insertStyleRule_exports, {
+  getAllRules: () => getAllRules,
   getAllSelectors: () => getAllSelectors,
   getAllTransforms: () => getAllTransforms,
-  getInsertedRules: () => getInsertedRules,
   insertStyleRules: () => insertStyleRules,
   insertedTransforms: () => insertedTransforms,
+  shouldInsertStyleRules: () => shouldInsertStyleRules,
   updateInserted: () => updateInserted,
-  updateInsertedCache: () => updateInsertedCache
+  updateRules: () => updateRules
 });
 module.exports = __toCommonJS(insertStyleRule_exports);
 const allSelectors = {};
-const insertedSelectors = {};
+const allRules = {};
 const insertedTransforms = {};
 const getAllSelectors = () => allSelectors;
-const getInsertedRules = () => Object.values(insertedSelectors);
+const getAllRules = () => Object.values(allRules);
 const getAllTransforms = () => insertedTransforms;
 function addTransform(identifier, css, rule) {
   const s = css.indexOf("transform:");
@@ -71,6 +72,8 @@ function updateInserted() {
     return;
   for (let i = 0; i < sheets.length; i++) {
     const sheet2 = sheets[i];
+    if (!sheet2)
+      continue;
     const rules = sheet2.cssRules;
     const len = rules.length;
     const lastScanned = scannedNum.get(sheet2) ?? 0;
@@ -113,10 +116,10 @@ function getTamaguiSelector(rule) {
 const getIdentifierFromTamaguiSelector = (selector) => selector.replace(/(:root)+\s+/, "").replace(/:[a-z]+$/, "").slice(1);
 updateInserted();
 const sheet = isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
-function updateInsertedCache(identifier, rules) {
-  if (insertedSelectors[identifier])
+function updateRules(identifier, rules) {
+  if (allRules[identifier])
     return false;
-  insertedSelectors[identifier] = rules;
+  allRules[identifier] = rules;
   if (identifier.startsWith("_transform")) {
     return addTransform(identifier, rules[0]);
   }
@@ -127,20 +130,24 @@ function insertStyleRules(rulesToInsert) {
     if (allSelectors[identifier] || !sheet)
       return;
     allSelectors[identifier] = process.env.NODE_ENV === "development" ? rules : true;
-    updateInsertedCache(identifier, rules);
+    updateRules(identifier, rules);
     for (const rule of rules) {
       sheet.insertRule(rule, sheet.cssRules.length);
     }
   }
 }
+function shouldInsertStyleRules(styleObject) {
+  return !allSelectors[styleObject.identifier];
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getAllRules,
   getAllSelectors,
   getAllTransforms,
-  getInsertedRules,
   insertStyleRules,
   insertedTransforms,
+  shouldInsertStyleRules,
   updateInserted,
-  updateInsertedCache
+  updateRules
 });
 //# sourceMappingURL=insertStyleRule.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/insertStyleRule.tsx"],
-  "sourcesContent": ["// this needs to check if its inserted already? 99% of the time it is\n// this should avoid re-inserts, but need to test the perf trade-offs\n// i tested with the site itself and the initial insert was trivial\n\nimport { StyleObject } from '@tamagui/helpers'\n\nconst allSelectors = {}\nconst insertedSelectors = {}\nexport const insertedTransforms = {}\n\nexport const getAllSelectors = () => allSelectors\nexport const getInsertedRules = () => Object.values(insertedSelectors)\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      // sometimes getting empty style rules from webpack... :/ only in dev\n      if (css.indexOf('{ }')) {\n        console.log('wah wah')\n        return false\n      }\n      console.groupCollapsed(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`)\n      console.log('rule:', rule)\n      console.trace()\n      console.groupEnd()\n    } else {\n      console.warn(`Missing transform`, identifier, css, rule)\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\nconst scannedNum = new WeakMap<CSSStyleSheet, number>()\n\nexport function updateInserted() {\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    const rules = sheet.cssRules\n    const len = rules.length\n    const lastScanned = scannedNum.get(sheet) ?? 0\n    if (lastScanned === len) {\n      continue\n    }\n    for (let i = lastScanned; i < len; i++) {\n      const rule = rules[i]\n      const response = getTamaguiSelector(rule)\n      if (!response) {\n        continue\n      }\n      const [identifier, cssRule] = response\n      if (!allSelectors[identifier]) {\n        const isTransform = identifier.startsWith('_transform')\n        const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true\n        if (shouldInsert) {\n          allSelectors[identifier] = process.env.NODE_ENV === 'development' ? cssRule.cssText : true\n        }\n      }\n    }\n    scannedNum.set(sheet, i)\n  }\n}\n\nfunction getTamaguiSelector(rule: CSSRule | null): readonly [string, CSSStyleRule] | null {\n  if (rule instanceof CSSStyleRule) {\n    if (rule.selectorText.startsWith('._')) {\n      return [rule.selectorText.slice(1), rule]\n    }\n    if (rule.selectorText.startsWith(':root') && rule.selectorText.includes('._')) {\n      return [getIdentifierFromTamaguiSelector(rule.selectorText), 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\nupdateInserted()\n\nconst sheet = isClient ? document.head.appendChild(document.createElement('style')).sheet : null\n\nexport function updateInsertedCache(identifier: string, rules: string[]) {\n  if (insertedSelectors[identifier]) return false\n  insertedSelectors[identifier] = rules\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  // // pointerevents can have more than one, others could to needs some refactor\n  for (const { identifier, rules } of rulesToInsert) {\n    if (allSelectors[identifier] || !sheet) return\n    allSelectors[identifier] = process.env.NODE_ENV === 'development' ? rules : true\n    updateInsertedCache(identifier, rules)\n    for (const rule of rules) {\n      sheet.insertRule(rule, sheet.cssRules.length)\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["// this needs to check if its inserted already? 99% of the time it is\n// this should avoid re-inserts, but need to test the perf trade-offs\n// i tested with the site itself and the initial insert was trivial\n\nimport { StyleObject } from '@tamagui/helpers'\n\nconst allSelectors = {}\nconst allRules = {}\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      // sometimes getting empty style rules from webpack... :/ only in dev\n      if (css.indexOf('{ }')) {\n        console.log('wah wah')\n        return false\n      }\n      console.groupCollapsed(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`)\n      console.log('rule:', rule)\n      console.trace()\n      console.groupEnd()\n    } else {\n      console.warn(`Missing transform`, identifier, css, rule)\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\nconst scannedNum = new WeakMap<CSSStyleSheet, number>()\n\nexport function updateInserted() {\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    const rules = sheet.cssRules\n    const len = rules.length\n    const lastScanned = scannedNum.get(sheet) ?? 0\n    if (lastScanned === len) {\n      continue\n    }\n    for (let i = lastScanned; i < len; i++) {\n      const rule = rules[i]\n      const response = getTamaguiSelector(rule)\n      if (!response) {\n        continue\n      }\n      const [identifier, cssRule] = response\n      if (!allSelectors[identifier]) {\n        const isTransform = identifier.startsWith('_transform')\n        const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true\n        if (shouldInsert) {\n          allSelectors[identifier] = process.env.NODE_ENV === 'development' ? cssRule.cssText : true\n        }\n      }\n    }\n    scannedNum.set(sheet, i)\n  }\n}\n\nfunction getTamaguiSelector(rule: CSSRule | null): readonly [string, CSSStyleRule] | null {\n  if (rule instanceof CSSStyleRule) {\n    if (rule.selectorText.startsWith('._')) {\n      return [rule.selectorText.slice(1), rule]\n    }\n    if (rule.selectorText.startsWith(':root') && rule.selectorText.includes('._')) {\n      return [getIdentifierFromTamaguiSelector(rule.selectorText), 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\n// move this to probably inside createTamagui\nupdateInserted()\n\nconst sheet = isClient ? document.head.appendChild(document.createElement('style')).sheet : null\n\nexport function updateRules(identifier: string, rules: string[]) {\n  if (allRules[identifier]) return false\n  allRules[identifier] = rules\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  // // pointerevents can have more than one, others could to needs some refactor\n  for (const { identifier, rules } of rulesToInsert) {\n    if (allSelectors[identifier] || !sheet) return\n    allSelectors[identifier] = process.env.NODE_ENV === 'development' ? rules : true\n    updateRules(identifier, rules)\n    for (const rule of rules) {\n      sheet.insertRule(rule, sheet.cssRules.length)\n    }\n  }\n}\n\nexport function shouldInsertStyleRules(styleObject: PartialStyleObject) {\n  return !allSelectors[styleObject.identifier]\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/views/ThemeInverse.js

@@ -21,21 +21,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ThemeInverse_exports = {};
 __export(ThemeInverse_exports, {
-  ThemeInverse: () => ThemeInverse,
-  setThemeInversions: () => setThemeInversions
+  ThemeInverse: () => ThemeInverse
 });
 module.exports = __toCommonJS(ThemeInverse_exports);
 var import_react = __toESM(require("react"));
 var import_platform = require("../constants/platform");
 var import_useTheme = require("../hooks/useTheme");
 var import_Theme = require("./Theme");
-let inversions = {
-  light: "dark",
-  dark: "light"
-};
-function setThemeInversions(next) {
-  inversions = next;
-}
 const ThemeInverse = ({
   children,
   disable
@@ -44,7 +36,12 @@ const ThemeInverse = ({
   const defaultTheme = (0, import_useTheme.useDefaultThemeName)();
   const [name, setName] = (0, import_react.useState)(null);
   (0, import_platform.useIsomorphicLayoutEffect)(() => {
-    setName(inversions[themeName] || inversions[defaultTheme || ""] || null);
+    if (themeName.startsWith("dark")) {
+      setName("light");
+    }
+    if (themeName.startsWith("light")) {
+      setName("dark");
+    }
   }, [defaultTheme, themeName]);
   if (disable) {
     return children;
@@ -55,7 +52,6 @@ const ThemeInverse = ({
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ThemeInverse,
-  setThemeInversions
+  ThemeInverse
 });
 //# sourceMappingURL=ThemeInverse.js.map

package/dist/cjs/views/ThemeInverse.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/ThemeInverse.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { useDefaultThemeName, useThemeName } from '../hooks/useTheme'\nimport { Theme } from './Theme'\n\ntype StringRecord = { [key: string]: string }\n\nlet inversions: StringRecord = {\n  light: 'dark',\n  dark: 'light',\n}\n\nexport function setThemeInversions(next: StringRecord) {\n  inversions = next\n}\n\nexport const ThemeInverse = ({\n  children,\n  disable,\n}: {\n  children: React.ReactNode\n  disable?: boolean\n}) => {\n  const themeName = useThemeName()\n  const defaultTheme = useDefaultThemeName()\n  const [name, setName] = useState<null | string>(null)\n\n  // ssr\n  useIsomorphicLayoutEffect(() => {\n    setName(inversions[themeName] || inversions[defaultTheme || ''] || null)\n  }, [defaultTheme, themeName])\n\n  if (disable) {\n    return children as JSX.Element\n  }\n\n  return <Theme name={name}>{children}</Theme>\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAEhC,sBAA0C;AAC1C,sBAAkD;AAClD,mBAAsB;AAItB,IAAI,aAA2B;AAAA,EAC7B,OAAO;AAAA,EACP,MAAM;AACR;AAEO,4BAA4B,MAAoB;AACrD,eAAa;AACf;AAEO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,MAII;AACJ,QAAM,YAAY,kCAAa;AAC/B,QAAM,eAAe,yCAAoB;AACzC,QAAM,CAAC,MAAM,WAAW,2BAAwB,IAAI;AAGpD,iDAA0B,MAAM;AAC9B,YAAQ,WAAW,cAAc,WAAW,gBAAgB,OAAO,IAAI;AAAA,EACzE,GAAG,CAAC,cAAc,SAAS,CAAC;AAE5B,MAAI,SAAS;AACX,WAAO;AAAA,EACT;AAEA,SAAO,mDAAC;AAAA,IAAM;AAAA,KAAa,QAAS;AACtC;",
+  "sourcesContent": ["import React, { useState } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { useDefaultThemeName, useThemeName } from '../hooks/useTheme'\nimport { Theme } from './Theme'\n\nexport const ThemeInverse = ({\n  children,\n  disable,\n}: {\n  children: React.ReactNode\n  disable?: boolean\n}) => {\n  const themeName = useThemeName()\n  const defaultTheme = useDefaultThemeName()\n  const [name, setName] = useState<null | string>(null)\n\n  // ssr\n  useIsomorphicLayoutEffect(() => {\n    if (themeName.startsWith('dark')) {\n      setName('light')\n    }\n    if (themeName.startsWith('light')) {\n      setName('dark')\n    }\n  }, [defaultTheme, themeName])\n\n  if (disable) {\n    return children as JSX.Element\n  }\n\n  return <Theme name={name}>{children}</Theme>\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAEhC,sBAA0C;AAC1C,sBAAkD;AAClD,mBAAsB;AAEf,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,MAII;AACJ,QAAM,YAAY,kCAAa;AAC/B,QAAM,eAAe,yCAAoB;AACzC,QAAM,CAAC,MAAM,WAAW,2BAAwB,IAAI;AAGpD,iDAA0B,MAAM;AAC9B,QAAI,UAAU,WAAW,MAAM,GAAG;AAChC,cAAQ,OAAO;AAAA,IACjB;AACA,QAAI,UAAU,WAAW,OAAO,GAAG;AACjC,cAAQ,MAAM;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,cAAc,SAAS,CAAC;AAE5B,MAAI,SAAS;AACX,WAAO;AAAA,EACT;AAEA,SAAO,mDAAC;AAAA,IAAM;AAAA,KAAa,QAAS;AACtC;",
   "names": []
 }

package/dist/esm/Tamagui.js

@@ -1,7 +1,7 @@
 import * as Helpers from "@tamagui/helpers";
 import * as rnw from "@tamagui/rnw";
 import { getConfig } from "./conf";
-import { getAllSelectors, getAllTransforms, getInsertedRules } from "./helpers/insertStyleRule";
+import { getAllRules, getAllSelectors, getAllTransforms } from "./helpers/insertStyleRule";
 class TamaguiManager {
   constructor() {
     this.rnw = rnw;
@@ -11,7 +11,7 @@ class TamaguiManager {
     return getConfig();
   }
   get insertedRules() {
-    return getInsertedRules();
+    return getAllRules();
   }
   get allSelectors() {
     return getAllSelectors();

package/dist/esm/Tamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Tamagui.ts"],
-  "sourcesContent": ["import * as Helpers from '@tamagui/helpers'\nimport * as rnw from '@tamagui/rnw'\n\nimport { getConfig } from './conf'\nimport { getAllSelectors, getAllTransforms, getInsertedRules } from './helpers/insertStyleRule'\n\n// serves a central store for state\n\nclass TamaguiManager {\n  rnw = rnw\n  Helpers = Helpers\n\n  get config() {\n    return getConfig()\n  }\n\n  get insertedRules() {\n    return getInsertedRules()\n  }\n\n  get allSelectors() {\n    return getAllSelectors()\n  }\n\n  get allTransforms() {\n    return getAllTransforms()\n  }\n\n  get identifierToValue() {\n    return identifierToValue\n  }\n}\n\nexport const Tamagui = new TamaguiManager()\n\nconst identifierToValue = new Map<string, any>()\n\nexport const getValueFromIdentifier = (identifier: string) => {\n  return identifierToValue.get(identifier)\n}\n\nexport const setIdentifierValue = (identifier: string, value: any) => {\n  identifierToValue.set(identifier, value)\n}\n"],
-  "mappings": "AAAA;AACA;AAEA;AACA;AAIA,MAAM,eAAe;AAAA,EAArB;AACE,eAAM;AACN,mBAAU;AAAA;AAAA,EAEV,IAAI,SAAS;AACX,WAAO,UAAU;AAAA,EACnB;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,iBAAiB;AAAA,EAC1B;AAAA,EAEA,IAAI,eAAe;AACjB,WAAO,gBAAgB;AAAA,EACzB;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,iBAAiB;AAAA,EAC1B;AAAA,EAEA,IAAI,oBAAoB;AACtB,WAAO;AAAA,EACT;AACF;AAEO,MAAM,UAAU,IAAI,eAAe;AAE1C,MAAM,oBAAoB,oBAAI,IAAiB;AAExC,MAAM,yBAAyB,CAAC,eAAuB;AAC5D,SAAO,kBAAkB,IAAI,UAAU;AACzC;AAEO,MAAM,qBAAqB,CAAC,YAAoB,UAAe;AACpE,oBAAkB,IAAI,YAAY,KAAK;AACzC;",
+  "sourcesContent": ["import * as Helpers from '@tamagui/helpers'\nimport * as rnw from '@tamagui/rnw'\n\nimport { getConfig } from './conf'\nimport { getAllRules, getAllSelectors, getAllTransforms } from './helpers/insertStyleRule'\n\n// serves a central store for state\n\nclass TamaguiManager {\n  rnw = rnw\n  Helpers = Helpers\n\n  get config() {\n    return getConfig()\n  }\n\n  get insertedRules() {\n    return getAllRules()\n  }\n\n  get allSelectors() {\n    return getAllSelectors()\n  }\n\n  get allTransforms() {\n    return getAllTransforms()\n  }\n\n  get identifierToValue() {\n    return identifierToValue\n  }\n}\n\nexport const Tamagui = new TamaguiManager()\n\nconst identifierToValue = new Map<string, any>()\n\nexport const getValueFromIdentifier = (identifier: string) => {\n  return identifierToValue.get(identifier)\n}\n\nexport const setIdentifierValue = (identifier: string, value: any) => {\n  identifierToValue.set(identifier, value)\n}\n"],
+  "mappings": "AAAA;AACA;AAEA;AACA;AAIA,MAAM,eAAe;AAAA,EAArB;AACE,eAAM;AACN,mBAAU;AAAA;AAAA,EAEV,IAAI,SAAS;AACX,WAAO,UAAU;AAAA,EACnB;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,YAAY;AAAA,EACrB;AAAA,EAEA,IAAI,eAAe;AACjB,WAAO,gBAAgB;AAAA,EACzB;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,iBAAiB;AAAA,EAC1B;AAAA,EAEA,IAAI,oBAAoB;AACtB,WAAO;AAAA,EACT;AACF;AAEO,MAAM,UAAU,IAAI,eAAe;AAE1C,MAAM,oBAAoB,oBAAI,IAAiB;AAExC,MAAM,yBAAyB,CAAC,eAAuB;AAC5D,SAAO,kBAAkB,IAAI,UAAU;AACzC;AAEO,MAAM,qBAAqB,CAAC,YAAoB,UAAe;AACpE,oBAAkB,IAAI,YAAY,KAAK;AACzC;",
   "names": []
 }

package/dist/esm/createTamagui.js

@@ -5,7 +5,7 @@ import { themeToVariableToValueMap } from "./createTheme";
 import { createVariable, isVariable } from "./createVariable";
 import { createVariables } from "./createVariables";
 import { createTamaguiProvider } from "./helpers/createTamaguiProvider";
-import { getInsertedRules } from "./helpers/insertStyleRule";
+import { getAllRules } from "./helpers/insertStyleRule";
 import {
   registerCSSVariable,
   tokensValueToVariable,
@@ -147,7 +147,8 @@ function createTamagui(config) {
                 const [_first, second, ...rest] = parentSelectors;
                 parentSelectors = [second, ...rest, second];
               }
-              selectors.push(`${parentSelectors.join(" ")} ${childSelector}`);
+              const lastParentSelector = parentSelectors[parentSelectors.length - 1];
+              selectors.push(`${parentSelectors.join(" ")} ${childSelector === lastParentSelector ? "" : childSelector}`);
             });
           }
         }
@@ -205,7 +206,7 @@ function createTamagui(config) {
   const tokensParsed = parseTokens(config.tokens);
   const getCSS = () => {
     return `${themeConfig.css}
-${getInsertedRules().join("\n")}`;
+${getAllRules().join("\n")}`;
   };
   const shorthands = config.shorthands || {};
   const next = {

package/dist/esm/createTamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createTamagui.ts"],
-  "sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\nimport { configListeners, setConfig } from './conf'\nimport { THEME_CLASSNAME_PREFIX } from './constants/constants'\nimport { isWeb } from './constants/platform'\nimport { themeToVariableToValueMap } from './createTheme'\nimport { Variable, createVariable, isVariable } from './createVariable'\nimport { createVariables } from './createVariables'\nimport { createTamaguiProvider } from './helpers/createTamaguiProvider'\nimport { getFontLanguage } from './helpers/getFontLanguage'\nimport { getAtomicStyle } from './helpers/getStylesAtomic'\nimport { getInsertedRules } from './helpers/insertStyleRule'\nimport {\n  registerCSSVariable,\n  tokensValueToVariable,\n  variableToCSS,\n} from './helpers/registerCSSVariable'\nimport { GetThemeUnwrapped } from './hooks/getThemeUnwrapped'\nimport { configureMedia } from './hooks/useMedia'\nimport { parseFont, registerFontVariables } from './insertFont'\nimport { Tamagui } from './Tamagui'\nimport { CreateTamaguiProps, InferTamaguiConfig, TamaguiInternalConfig, ThemeObject } from './types'\n\n// config is re-run by the @tamagui/static, dont double validate\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  config: Conf\n): InferTamaguiConfig<Conf> {\n  if (createdConfigs.has(config)) {\n    return config as any\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config.tokens) {\n      throw new Error(`Must define tokens`)\n    }\n    if (!config.themes) {\n      throw new Error(`Must define themes`)\n    }\n    if (!config.fonts) {\n      throw new Error(`Must define fonts`)\n    }\n  }\n\n  configureMedia({\n    queries: config.media as any,\n    defaultActive: config.mediaQueryDefaultActive,\n  })\n\n  const fontTokens = createVariables(config.fonts!, '', true)\n  const fontsParsed = (() => {\n    const res = {} as typeof fontTokens\n    for (const familyName in fontTokens) {\n      res[`$${familyName}`] = parseFont(fontTokens[familyName])\n    }\n    return res!\n  })()\n\n  const themeConfig = (() => {\n    const themes = { ...config.themes }\n    const cssRuleSets: string[] = []\n\n    if (isWeb) {\n      const declarations: string[] = []\n      const fontDeclarations: Record<\n        string,\n        { name: string; declarations: string[]; language?: string }\n      > = {}\n\n      for (const key in config.tokens) {\n        for (const skey in config.tokens[key]) {\n          const val = config.tokens[key][skey]\n          registerCSSVariable(val)\n          declarations.push(variableToCSS(val))\n        }\n      }\n\n      for (const key in fontsParsed) {\n        const fontParsed = fontsParsed[key]\n        const [name, language] = key.includes('_') ? key.split('_') : [key]\n        const fontVars = registerFontVariables(fontParsed)\n        fontDeclarations[key] = { name: name.slice(1), declarations: fontVars, language }\n      }\n\n      const sep = process.env.NODE_ENV === 'development' ? config.cssStyleSeparator || ' ' : ''\n\n      function declarationsToRuleSet(decs: string[], selector = '') {\n        return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n      }\n\n      // non-font\n      cssRuleSets.push(declarationsToRuleSet(declarations))\n\n      // fonts\n      if (fontDeclarations) {\n        for (const key in fontDeclarations) {\n          const { name, declarations, language } = fontDeclarations[key]\n          const languageSelector = ` .t_lang-${name}-${language || 'default'}`\n          const fontSelector = `.font_${name}`\n          const selectors = ` ${fontSelector}, :root ${languageSelector} ${fontSelector}`\n          const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n          cssRuleSets.push(specificRuleSet)\n        }\n      }\n    }\n\n    // special case for SSR\n    const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n    const CNP = `.${THEME_CLASSNAME_PREFIX}`\n\n    // dedupe themes to avoid duplicate CSS generation\n    type DedupedTheme = {\n      names: string[]\n      theme: ThemeObject\n    }\n    const dedupedThemes: {\n      [key: string]: DedupedTheme\n    } = {}\n    const existing = new WeakMap<ThemeObject, DedupedTheme>()\n\n    // first, de-dupe and parse them\n    for (const themeName in themes) {\n      const rawTheme = themes[themeName]\n\n      // if existing, avoid\n      if (existing.has(rawTheme)) {\n        const e = existing.get(rawTheme)!\n        themes[themeName] = e.theme\n        e.names.push(themeName)\n        continue\n      }\n\n      // parse into variables\n      const theme = { ...config.themes[themeName] }\n      for (const key in theme) {\n        // make sure properly names theme variables\n        ensureThemeVariable(theme, key)\n      }\n      themes[themeName] = theme\n\n      // set deduped\n      dedupedThemes[themeName] = {\n        names: [themeName],\n        theme,\n      }\n      existing.set(config.themes[themeName], dedupedThemes[themeName])\n    }\n\n    // then, generate from de-duped\n    if (isWeb) {\n      for (const themeName in dedupedThemes) {\n        const { theme, names } = dedupedThemes[themeName]\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 (variable.isFloating || !tokensValueToVariable.has(variable.val)) {\n            value = variable.val\n          } else {\n            value = tokensValueToVariable.get(variable.val)!.variable\n          }\n          vars += `--${themeKey}:${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 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 max = config.maxDarkLightNesting ?? 3\n\n            new Array(Math.round(max * 1.5)).fill(undefined).forEach((_, pi) => {\n              const isOdd = pi % 2 === 1\n              if (isOdd && pi < 3) return\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              selectors.push(`${parentSelectors.join(' ')} ${childSelector}`)\n            })\n          }\n        }\n\n        const rootSep = config.themeClassNameOnRoot ? '' : ' '\n        const css = `${selectors.map((x) => `:root${rootSep}${x}`).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'}) {\n      body { background:${theme.background}; color: ${theme.color} }\n      :root {${vars} } \n    }`\n          )\n        }\n      }\n    }\n\n    // proxy upwards to get parent variables (themes are subset going down)\n    for (const themeName in themes) {\n      // we could test if this is better as just a straight object spread or fancier proxy\n      const cur: string[] = []\n      // if theme is dark_blue_alt1_Button\n      // this will be the parent names in order: ['dark', 'dark_blue', 'dark_blue_alt1\"]\n      const parents = themeName\n        .split('_')\n        .slice(0, -1)\n        .map((part) => {\n          cur.push(part)\n          return cur.join('_')\n        })\n\n      if (!parents.length) continue\n\n      // proxy fallback values to parent theme values\n      const og = themes[themeName]\n      themes[themeName] = new Proxy(og, {\n        get(target, key) {\n          if (key === GetThemeUnwrapped) {\n            return og\n          }\n          if (Reflect.has(target, key)) {\n            return Reflect.get(target, key)\n          }\n          // check parents\n          for (let i = parents.length - 1; i >= 0; i--) {\n            const parent = themes[parents[i]]\n            if (!parent) {\n              continue\n            }\n            if (Reflect.has(parent, key)) {\n              return Reflect.get(parent, key)\n            }\n          }\n          return Reflect.get(target, key)\n        },\n      })\n    }\n\n    tokensValueToVariable.clear()\n    Object.freeze(cssRuleSets)\n    const css = cssRuleSets.join('\\n')\n\n    return {\n      themes,\n      cssRuleSets,\n      css,\n    }\n  })()\n\n  // faster lookups token keys become $keys to match input\n  const tokensParsed: any = parseTokens(config.tokens)\n\n  const getCSS = () => {\n    return `${themeConfig.css}\\n${getInsertedRules().join('\\n')}`\n  }\n\n  const shorthands = config.shorthands || {}\n\n  const next: TamaguiInternalConfig = {\n    fontLanguages: [],\n    defaultTheme: 'light',\n    animations: {} as any,\n    media: {},\n    ...config,\n    shorthands,\n    inverseShorthands: shorthands\n      ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n      : {},\n    themes: themeConfig.themes,\n    fontsParsed,\n    themeConfig,\n    tokensParsed,\n    parsed: true,\n    getCSS,\n    Provider: null as any,\n  }\n\n  next.Provider = createTamaguiProvider(next)\n\n  setConfig(next)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(next))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(next, true)\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!globalThis['Tamagui']) {\n      globalThis['Tamagui'] = Tamagui\n    }\n  }\n\n  // @ts-expect-error\n  return next\n}\n\nconst parseTokens = (tokens: any) => {\n  const res: any = {}\n  for (const key in tokens) {\n    res[key] = {}\n    for (const skey in tokens[key]) {\n      res[key][`$${skey}`] = tokens[key][skey]\n    }\n  }\n  return res\n}\n\n// mutates, freeze after\n// shared by createTamagui so extracted here\nfunction ensureThemeVariable(theme: any, key: string) {\n  const val = theme[key]\n  const themeKey = key\n  if (!isVariable(val)) {\n    theme[key] = createVariable({\n      key: themeKey,\n      name: themeKey,\n      val,\n    })\n  } else {\n    if (val.name !== themeKey) {\n      // rename to theme name\n      theme[key] = createVariable({\n        key: val.name,\n        name: themeKey,\n        val: val.val,\n      })\n    }\n  }\n}\n"],
-  "mappings": "AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AAIA,MAAM,iBAAiB,oBAAI,QAAsB;AAE1C,uBACL,QAC0B;AAC1B,MAAI,eAAe,IAAI,MAAM,GAAG;AAC9B,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,OAAO,QAAQ;AAClB,YAAM,IAAI,MAAM,oBAAoB;AAAA,IACtC;AACA,QAAI,CAAC,OAAO,QAAQ;AAClB,YAAM,IAAI,MAAM,oBAAoB;AAAA,IACtC;AACA,QAAI,CAAC,OAAO,OAAO;AACjB,YAAM,IAAI,MAAM,mBAAmB;AAAA,IACrC;AAAA,EACF;AAEA,iBAAe;AAAA,IACb,SAAS,OAAO;AAAA,IAChB,eAAe,OAAO;AAAA,EACxB,CAAC;AAED,QAAM,aAAa,gBAAgB,OAAO,OAAQ,IAAI,IAAI;AAC1D,QAAM,cAAe,OAAM;AACzB,UAAM,MAAM,CAAC;AACb,eAAW,cAAc,YAAY;AACnC,UAAI,IAAI,gBAAgB,UAAU,WAAW,WAAW;AAAA,IAC1D;AACA,WAAO;AAAA,EACT,GAAG;AAEH,QAAM,cAAe,OAAM;AACzB,UAAM,SAAS,EAAE,GAAG,OAAO,OAAO;AAClC,UAAM,cAAwB,CAAC;AAE/B,QAAI,OAAO;AAwBT,UAAS,yBAAT,SAA+B,MAAgB,WAAW,IAAI;AAC5D,eAAO,QAAQ,aAAa,MAAM,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,KAAK,IAAI;AAAA,MAChE;AAFS;AAvBT,YAAM,eAAyB,CAAC;AAChC,YAAM,mBAGF,CAAC;AAEL,iBAAW,OAAO,OAAO,QAAQ;AAC/B,mBAAW,QAAQ,OAAO,OAAO,MAAM;AACrC,gBAAM,MAAM,OAAO,OAAO,KAAK;AAC/B,8BAAoB,GAAG;AACvB,uBAAa,KAAK,cAAc,GAAG,CAAC;AAAA,QACtC;AAAA,MACF;AAEA,iBAAW,OAAO,aAAa;AAC7B,cAAM,aAAa,YAAY;AAC/B,cAAM,CAAC,MAAM,YAAY,IAAI,SAAS,GAAG,IAAI,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG;AAClE,cAAM,WAAW,sBAAsB,UAAU;AACjD,yBAAiB,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,cAAc,UAAU,SAAS;AAAA,MAClF;AAEA,YAAM,MAAM,QAAQ,IAAI,aAAa,gBAAgB,OAAO,qBAAqB,MAAM;AAOvF,kBAAY,KAAK,uBAAsB,YAAY,CAAC;AAGpD,UAAI,kBAAkB;AACpB,mBAAW,OAAO,kBAAkB;AAClC,gBAAM,EAAE,MAAM,6BAAc,aAAa,iBAAiB;AAC1D,gBAAM,mBAAmB,YAAY,QAAQ,YAAY;AACzD,gBAAM,eAAe,SAAS;AAC9B,gBAAM,YAAY,IAAI,uBAAuB,oBAAoB;AACjE,gBAAM,kBAAkB,uBAAsB,eAAc,SAAS;AACrE,sBAAY,KAAK,eAAe;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAGA,UAAM,eAAe,WAAW,OAAO,UAAU,UAAU,OAAO;AAClE,UAAM,MAAM,IAAI;AAOhB,UAAM,gBAEF,CAAC;AACL,UAAM,WAAW,oBAAI,QAAmC;AAGxD,eAAW,aAAa,QAAQ;AAC9B,YAAM,WAAW,OAAO;AAGxB,UAAI,SAAS,IAAI,QAAQ,GAAG;AAC1B,cAAM,IAAI,SAAS,IAAI,QAAQ;AAC/B,eAAO,aAAa,EAAE;AACtB,UAAE,MAAM,KAAK,SAAS;AACtB;AAAA,MACF;AAGA,YAAM,QAAQ,EAAE,GAAG,OAAO,OAAO,WAAW;AAC5C,iBAAW,OAAO,OAAO;AAEvB,4BAAoB,OAAO,GAAG;AAAA,MAChC;AACA,aAAO,aAAa;AAGpB,oBAAc,aAAa;AAAA,QACzB,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF;AACA,eAAS,IAAI,OAAO,OAAO,YAAY,cAAc,UAAU;AAAA,IACjE;AAGA,QAAI,OAAO;AACT,iBAAW,aAAa,eAAe;AACrC,cAAM,EAAE,OAAO,UAAU,cAAc;AACvC,YAAI,OAAO;AAEX,kCAA0B,IAAI,OAAO,CAAC,CAAC;AACvC,cAAM,cAAc,0BAA0B,IAAI,KAAK;AACvD,mBAAW,YAAY,OAAO;AAC5B,gBAAM,WAAW,MAAM;AACvB,cAAI,QAAa;AACjB,cAAI,aAAa;AACf,wBAAY,SAAS,YAAY,SAAS;AAAA,UAC5C;AACA,cAAI,SAAS,cAAc,CAAC,sBAAsB,IAAI,SAAS,GAAG,GAAG;AACnE,oBAAQ,SAAS;AAAA,UACnB,OAAO;AACL,oBAAQ,sBAAsB,IAAI,SAAS,GAAG,EAAG;AAAA,UACnD;AACA,kBAAQ,KAAK,YAAY;AAAA,QAC3B;AAEA,cAAM,oBAAoB,cAAc,UAAU,cAAc;AAChE,cAAM,YAAY,MAAM,IAAI,CAAC,SAAS;AACpC,iBAAO,GAAG,MAAM;AAAA,QAClB,CAAC;AAID,YAAI,cAAc;AAChB,qBAAW,WAAW,OAAO;AAC3B,kBAAM,SAAS,qBAAqB,QAAQ,WAAW,OAAO;AAC9D,kBAAM,gBAAgB,GAAG,MAAM,QAAQ,QAAQ,SAAS,UAAU,UAAU,EAAE;AAC9E,kBAAM,QAAQ,SAAS,CAAC,QAAQ,OAAO,IAAI,CAAC,SAAS,MAAM;AAC3D,gBAAI,mBAAmB;AACrB,oBAAM,QAAQ;AAAA,YAChB;AACA,kBAAM,CAAC,UAAU,UAAU;AAC3B,kBAAM,MAAM,OAAO,uBAAuB;AAE1C,gBAAI,MAAM,KAAK,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,MAAS,EAAE,QAAQ,CAAC,GAAG,OAAO;AAClE,oBAAM,QAAQ,KAAK,MAAM;AACzB,kBAAI,SAAS,KAAK;AAAG;AACrB,oBAAM,UAAU,IAAI,MAAM,KAAK,CAAC,EAAE,KAAK,MAAS,EAAE,IAAI,CAAC,IAAG,QAAQ;AAChE,uBAAO,GAAG,MAAM,MAAM,MAAM,IAAI,WAAW;AAAA,cAC7C,CAAC;AACD,kBAAI,kBAAkB,QAAQ,SAAS,IAAI,QAAQ,MAAM,CAAC,IAAI;AAC9D,kBAAI,OAAO;AACT,sBAAM,CAAC,QAAQ,WAAW,QAAQ;AAClC,kCAAkB,CAAC,QAAQ,GAAG,MAAM,MAAM;AAAA,cAC5C;AACA,wBAAU,KAAK,GAAG,gBAAgB,KAAK,GAAG,KAAK,eAAe;AAAA,YAChE,CAAC;AAAA,UACH;AAAA,QACF;AAEA,cAAM,UAAU,OAAO,uBAAuB,KAAK;AACnD,cAAM,OAAM,GAAG,UAAU,IAAI,CAAC,MAAM,QAAQ,UAAU,GAAG,EAAE,KAAK,IAAI,MAAM;AAC1E,oBAAY,KAAK,IAAG;AAEpB,YAAI,OAAO,+BAA+B,mBAAmB;AAE3D,gBAAM,SAAS,UAAU,WAAW,MAAM;AAC1C,sBAAY,KACV,gCAAgC,SAAS,SAAS;AAAA,0BACpC,MAAM,sBAAsB,MAAM;AAAA,eAC7C;AAAA,MAEL;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAGA,eAAW,aAAa,QAAQ;AAE9B,YAAM,MAAgB,CAAC;AAGvB,YAAM,UAAU,UACb,MAAM,GAAG,EACT,MAAM,GAAG,EAAE,EACX,IAAI,CAAC,SAAS;AACb,YAAI,KAAK,IAAI;AACb,eAAO,IAAI,KAAK,GAAG;AAAA,MACrB,CAAC;AAEH,UAAI,CAAC,QAAQ;AAAQ;AAGrB,YAAM,KAAK,OAAO;AAClB,aAAO,aAAa,IAAI,MAAM,IAAI;AAAA,QAChC,IAAI,QAAQ,KAAK;AACf,cAAI,QAAQ,mBAAmB;AAC7B,mBAAO;AAAA,UACT;AACA,cAAI,QAAQ,IAAI,QAAQ,GAAG,GAAG;AAC5B,mBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,UAChC;AAEA,mBAAS,IAAI,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;AAC5C,kBAAM,SAAS,OAAO,QAAQ;AAC9B,gBAAI,CAAC,QAAQ;AACX;AAAA,YACF;AACA,gBAAI,QAAQ,IAAI,QAAQ,GAAG,GAAG;AAC5B,qBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,YAChC;AAAA,UACF;AACA,iBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,QAChC;AAAA,MACF,CAAC;AAAA,IACH;AAEA,0BAAsB,MAAM;AAC5B,WAAO,OAAO,WAAW;AACzB,UAAM,MAAM,YAAY,KAAK,IAAI;AAEjC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG;AAGH,QAAM,eAAoB,YAAY,OAAO,MAAM;AAEnD,QAAM,SAAS,MAAM;AACnB,WAAO,GAAG,YAAY;AAAA,EAAQ,iBAAiB,EAAE,KAAK,IAAI;AAAA,EAC5D;AAEA,QAAM,aAAa,OAAO,cAAc,CAAC;AAEzC,QAAM,OAA8B;AAAA,IAClC,eAAe,CAAC;AAAA,IAChB,cAAc;AAAA,IACd,YAAY,CAAC;AAAA,IACb,OAAO,CAAC;AAAA,IACR,GAAG;AAAA,IACH;AAAA,IACA,mBAAmB,aACf,OAAO,YAAY,OAAO,QAAQ,UAAU,EAAE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IACrE,CAAC;AAAA,IACL,QAAQ,YAAY;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,UAAU;AAAA,EACZ;AAEA,OAAK,WAAW,sBAAsB,IAAI;AAE1C,YAAU,IAAI;AAEd,MAAI,gBAAgB,MAAM;AACxB,oBAAgB,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AACxC,oBAAgB,MAAM;AAAA,EACxB;AAEA,iBAAe,IAAI,MAAM,IAAI;AAE7B,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,WAAW,YAAY;AAC1B,iBAAW,aAAa;AAAA,IAC1B;AAAA,EACF;AAGA,SAAO;AACT;AAEA,MAAM,cAAc,CAAC,WAAgB;AACnC,QAAM,MAAW,CAAC;AAClB,aAAW,OAAO,QAAQ;AACxB,QAAI,OAAO,CAAC;AACZ,eAAW,QAAQ,OAAO,MAAM;AAC9B,UAAI,KAAK,IAAI,UAAU,OAAO,KAAK;AAAA,IACrC;AAAA,EACF;AACA,SAAO;AACT;AAIA,6BAA6B,OAAY,KAAa;AACpD,QAAM,MAAM,MAAM;AAClB,QAAM,WAAW;AACjB,MAAI,CAAC,WAAW,GAAG,GAAG;AACpB,UAAM,OAAO,eAAe;AAAA,MAC1B,KAAK;AAAA,MACL,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,EACH,OAAO;AACL,QAAI,IAAI,SAAS,UAAU;AAEzB,YAAM,OAAO,eAAe;AAAA,QAC1B,KAAK,IAAI;AAAA,QACT,MAAM;AAAA,QACN,KAAK,IAAI;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\nimport { configListeners, setConfig } from './conf'\nimport { THEME_CLASSNAME_PREFIX } from './constants/constants'\nimport { isWeb } from './constants/platform'\nimport { themeToVariableToValueMap } from './createTheme'\nimport { Variable, createVariable, isVariable } from './createVariable'\nimport { createVariables } from './createVariables'\nimport { createTamaguiProvider } from './helpers/createTamaguiProvider'\nimport { getFontLanguage } from './helpers/getFontLanguage'\nimport { getAtomicStyle } from './helpers/getStylesAtomic'\nimport { getAllRules } from './helpers/insertStyleRule'\nimport {\n  registerCSSVariable,\n  tokensValueToVariable,\n  variableToCSS,\n} from './helpers/registerCSSVariable'\nimport { GetThemeUnwrapped } from './hooks/getThemeUnwrapped'\nimport { configureMedia } from './hooks/useMedia'\nimport { parseFont, registerFontVariables } from './insertFont'\nimport { Tamagui } from './Tamagui'\nimport { CreateTamaguiProps, InferTamaguiConfig, TamaguiInternalConfig, ThemeObject } from './types'\n\n// config is re-run by the @tamagui/static, dont double validate\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  config: Conf\n): InferTamaguiConfig<Conf> {\n  if (createdConfigs.has(config)) {\n    return config as any\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config.tokens) {\n      throw new Error(`Must define tokens`)\n    }\n    if (!config.themes) {\n      throw new Error(`Must define themes`)\n    }\n    if (!config.fonts) {\n      throw new Error(`Must define fonts`)\n    }\n  }\n\n  configureMedia({\n    queries: config.media as any,\n    defaultActive: config.mediaQueryDefaultActive,\n  })\n\n  const fontTokens = createVariables(config.fonts!, '', true)\n  const fontsParsed = (() => {\n    const res = {} as typeof fontTokens\n    for (const familyName in fontTokens) {\n      res[`$${familyName}`] = parseFont(fontTokens[familyName])\n    }\n    return res!\n  })()\n\n  const themeConfig = (() => {\n    const themes = { ...config.themes }\n    const cssRuleSets: string[] = []\n\n    if (isWeb) {\n      const declarations: string[] = []\n      const fontDeclarations: Record<\n        string,\n        { name: string; declarations: string[]; language?: string }\n      > = {}\n\n      for (const key in config.tokens) {\n        for (const skey in config.tokens[key]) {\n          const val = config.tokens[key][skey]\n          registerCSSVariable(val)\n          declarations.push(variableToCSS(val))\n        }\n      }\n\n      for (const key in fontsParsed) {\n        const fontParsed = fontsParsed[key]\n        const [name, language] = key.includes('_') ? key.split('_') : [key]\n        const fontVars = registerFontVariables(fontParsed)\n        fontDeclarations[key] = { name: name.slice(1), declarations: fontVars, language }\n      }\n\n      const sep = process.env.NODE_ENV === 'development' ? config.cssStyleSeparator || ' ' : ''\n\n      function declarationsToRuleSet(decs: string[], selector = '') {\n        return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n      }\n\n      // non-font\n      cssRuleSets.push(declarationsToRuleSet(declarations))\n\n      // fonts\n      if (fontDeclarations) {\n        for (const key in fontDeclarations) {\n          const { name, declarations, language } = fontDeclarations[key]\n          const languageSelector = ` .t_lang-${name}-${language || 'default'}`\n          const fontSelector = `.font_${name}`\n          const selectors = ` ${fontSelector}, :root ${languageSelector} ${fontSelector}`\n          const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n          cssRuleSets.push(specificRuleSet)\n        }\n      }\n    }\n\n    // special case for SSR\n    const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n    const CNP = `.${THEME_CLASSNAME_PREFIX}`\n\n    // dedupe themes to avoid duplicate CSS generation\n    type DedupedTheme = {\n      names: string[]\n      theme: ThemeObject\n    }\n    const dedupedThemes: {\n      [key: string]: DedupedTheme\n    } = {}\n    const existing = new WeakMap<ThemeObject, DedupedTheme>()\n\n    // first, de-dupe and parse them\n    for (const themeName in themes) {\n      const rawTheme = themes[themeName]\n\n      // if existing, avoid\n      if (existing.has(rawTheme)) {\n        const e = existing.get(rawTheme)!\n        themes[themeName] = e.theme\n        e.names.push(themeName)\n        continue\n      }\n\n      // parse into variables\n      const theme = { ...config.themes[themeName] }\n      for (const key in theme) {\n        // make sure properly names theme variables\n        ensureThemeVariable(theme, key)\n      }\n      themes[themeName] = theme\n\n      // set deduped\n      dedupedThemes[themeName] = {\n        names: [themeName],\n        theme,\n      }\n      existing.set(config.themes[themeName], dedupedThemes[themeName])\n    }\n\n    // then, generate from de-duped\n    if (isWeb) {\n      for (const themeName in dedupedThemes) {\n        const { theme, names } = dedupedThemes[themeName]\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 (variable.isFloating || !tokensValueToVariable.has(variable.val)) {\n            value = variable.val\n          } else {\n            value = tokensValueToVariable.get(variable.val)!.variable\n          }\n          vars += `--${themeKey}:${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 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 max = config.maxDarkLightNesting ?? 3\n\n            new Array(Math.round(max * 1.5)).fill(undefined).forEach((_, pi) => {\n              const isOdd = pi % 2 === 1\n              if (isOdd && pi < 3) return\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 rootSep = config.themeClassNameOnRoot ? '' : ' '\n        const css = `${selectors.map((x) => `:root${rootSep}${x}`).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'}) {\n      body { background:${theme.background}; color: ${theme.color} }\n      :root {${vars} } \n    }`\n          )\n        }\n      }\n    }\n\n    // proxy upwards to get parent variables (themes are subset going down)\n    for (const themeName in themes) {\n      // we could test if this is better as just a straight object spread or fancier proxy\n      const cur: string[] = []\n      // if theme is dark_blue_alt1_Button\n      // this will be the parent names in order: ['dark', 'dark_blue', 'dark_blue_alt1\"]\n      const parents = themeName\n        .split('_')\n        .slice(0, -1)\n        .map((part) => {\n          cur.push(part)\n          return cur.join('_')\n        })\n\n      if (!parents.length) continue\n\n      // proxy fallback values to parent theme values\n      const og = themes[themeName]\n      themes[themeName] = new Proxy(og, {\n        get(target, key) {\n          if (key === GetThemeUnwrapped) {\n            return og\n          }\n          if (Reflect.has(target, key)) {\n            return Reflect.get(target, key)\n          }\n          // check parents\n          for (let i = parents.length - 1; i >= 0; i--) {\n            const parent = themes[parents[i]]\n            if (!parent) {\n              continue\n            }\n            if (Reflect.has(parent, key)) {\n              return Reflect.get(parent, key)\n            }\n          }\n          return Reflect.get(target, key)\n        },\n      })\n    }\n\n    tokensValueToVariable.clear()\n    Object.freeze(cssRuleSets)\n    const css = cssRuleSets.join('\\n')\n\n    return {\n      themes,\n      cssRuleSets,\n      css,\n    }\n  })()\n\n  // faster lookups token keys become $keys to match input\n  const tokensParsed: any = parseTokens(config.tokens)\n\n  const getCSS = () => {\n    return `${themeConfig.css}\\n${getAllRules().join('\\n')}`\n  }\n\n  const shorthands = config.shorthands || {}\n\n  const next: TamaguiInternalConfig = {\n    fontLanguages: [],\n    defaultTheme: 'light',\n    animations: {} as any,\n    media: {},\n    ...config,\n    shorthands,\n    inverseShorthands: shorthands\n      ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n      : {},\n    themes: themeConfig.themes,\n    fontsParsed,\n    themeConfig,\n    tokensParsed,\n    parsed: true,\n    getCSS,\n    Provider: null as any,\n  }\n\n  next.Provider = createTamaguiProvider(next)\n\n  setConfig(next)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(next))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(next, true)\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!globalThis['Tamagui']) {\n      globalThis['Tamagui'] = Tamagui\n    }\n  }\n\n  // @ts-expect-error\n  return next\n}\n\nconst parseTokens = (tokens: any) => {\n  const res: any = {}\n  for (const key in tokens) {\n    res[key] = {}\n    for (const skey in tokens[key]) {\n      res[key][`$${skey}`] = tokens[key][skey]\n    }\n  }\n  return res\n}\n\n// mutates, freeze after\n// shared by createTamagui so extracted here\nfunction ensureThemeVariable(theme: any, key: string) {\n  const val = theme[key]\n  const themeKey = key\n  if (!isVariable(val)) {\n    theme[key] = createVariable({\n      key: themeKey,\n      name: themeKey,\n      val,\n    })\n  } else {\n    if (val.name !== themeKey) {\n      // rename to theme name\n      theme[key] = createVariable({\n        key: val.name,\n        name: themeKey,\n        val: val.val,\n      })\n    }\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/helpers/getSplitStyles.js

@@ -9,8 +9,9 @@ import { getAtomicStyle, getStylesAtomic, styleToCSS } from "./getStylesAtomic";
 import {
   insertStyleRules,
   insertedTransforms,
+  shouldInsertStyleRules,
   updateInserted,
-  updateInsertedCache
+  updateRules
 } from "./insertStyleRule";
 import { mergeTransform } from "./mergeTransform";
 import { normalizeValueWithProperty } from "./normalizeValueWithProperty";
@@ -235,7 +236,7 @@ const getSplitStyles = (props, staticConfig, theme, state, defaultClassNames, la
         }
         const mediaStyle = getSubStyle(key, val, staticConfig, theme, props, state, conf, languageContext);
         if (process.env.NODE_ENV === "development" && debug === "verbose") {
-          console.log("  \u{1F539} getSplitStyles mediaStyle", { mediaKey, mediaStyle, props, shouldDoClasses });
+          console.log("  \u{1F539} mediaStyle", { mediaKey, mediaStyle, props, shouldDoClasses });
         }
         if (shouldDoClasses) {
           const mediaStyles = getStylesAtomic(mediaStyle);
@@ -403,9 +404,11 @@ const useSplitStyles = (...args) => {
 };
 function addStyleToInsertRules(rulesToInsert, styleObject) {
   if (process.env.TAMAGUI_TARGET === "web") {
-    if (styleObject.property === "pointerEvents" || updateInsertedCache(styleObject.identifier, styleObject.rules) || !isClient && process.env.NODE_ENV === "production") {
-      rulesToInsert.push(styleObject);
+    if (!shouldInsertStyleRules(styleObject)) {
+      return;
     }
+    updateRules(styleObject.identifier, styleObject.rules);
+    rulesToInsert.push(styleObject);
   }
 }
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getSplitStyles.tsx"],
-  "sourcesContent": ["import { stylePropsText, stylePropsTransform, validPseudoKeys, validStyles } from '@tamagui/helpers'\nimport { useInsertionEffect } from 'react'\nimport { ViewStyle } from 'react-native'\n\nimport { getConfig } from '../conf'\nimport { isClient, isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { mediaQueryConfig, mediaState } from '../hooks/useMedia'\nimport type {\n  DebugProp,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SplitStyleState,\n  StackProps,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  ThemeObject,\n} from '../types'\nimport { FontLanguageProps, LanguageContextType } from '../views/FontLanguage.types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixStyles } from './expandStyles'\nimport { getAtomicStyle, getStylesAtomic, styleToCSS } from './getStylesAtomic'\nimport {\n  PartialStyleObject,\n  RulesToInsert,\n  insertStyleRules,\n  insertedTransforms,\n  updateInserted,\n  updateInsertedCache,\n} from './insertStyleRule'\nimport { mergeTransform } from './mergeTransform'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty'\nimport { pseudoDescriptors } from './pseudoDescriptors'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\nexport type ClassNamesObject = Record<string, string>\nexport type SplitStyleResult = ReturnType<typeof getSplitStyles>\n\nconst skipProps = {\n  animation: true,\n  animateOnly: true,\n  debug: true,\n  componentName: true,\n\n  ...(!isWeb && {\n    tag: true,\n    whiteSpace: true,\n    wordWrap: true,\n    textOverflow: true,\n    textDecorationDistance: true,\n    userSelect: true,\n    selectable: true,\n    cursor: true,\n    contain: true,\n    boxSizing: true,\n    boxShadow: true,\n  }),\n}\n\ntype TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey\n\nlet conf: TamaguiInternalConfig\n\ntype StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  state: SplitStyleState,\n  defaultClassNames?: any,\n  languageContext?: LanguageContextType,\n  debug?: DebugProp\n) => {\n  pseudos: PseudoStyles\n  medias: Record<MediaQueryKey, ViewStyle>\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: RulesToInsert\n  viewProps: StackProps\n}\n\nexport const PROP_SPLIT = '-'\n\n// this is how compiler outputs psueodo identifier\n// TODO remove in next refactor\nexport const pseudoCNInverse = {\n  hover: 'hoverStyle',\n  focus: 'focusStyle',\n  press: 'pressStyle',\n}\n\n// loop props backwards\n//   track used keys:\n//     const keys = new Set<string>()\n//   keep classnames and styles separate:\n//     const styles = {}\n//     const classNames = {}\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  defaultClassNames,\n  languageContext,\n  debug\n) => {\n  conf = conf || getConfig()\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: StackProps = {}\n  const pseudos: PseudoStyles = {}\n  const medias: Record<MediaQueryKey, ViewStyle> = {}\n  const usedKeys = new Set<string>()\n  const propKeys = Object.keys(props)\n  const shouldDoClasses = (isWeb || process.env.IS_STATIC === 'is_static') && !state.noClassNames\n  const len = propKeys.length\n  const rulesToInsert: RulesToInsert = []\n  const style: ViewStyle = {}\n  // TODO make this CSS, not compile-friendly\n  if (state.hasTextAncestor) {\n    // parity with react-native-web\n    style.display = 'inline-flex' as any\n  }\n  let classNames: ClassNamesObject = {}\n  // we need to gather these specific to each media query / pseudo\n  // value is [hash, val], so [\"-jnjad-asdnjk\", \"scaleX(1) rotate(10deg)\"]\n  let transforms = null as Record<TransformNamespaceKey, [string, string]> | null\n\n  function mergeClassName(key: string, val: string, isMediaOrPseudo = false) {\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      // empty classnames passed by compiler sometimes\n      if (!val) return\n      if (val.startsWith('_transform-')) {\n        const namespace: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n\n        let transform = insertedTransforms[val]\n        if (isClient) {\n          if (!transform) {\n            // HMR or loaded a new chunk\n            updateInserted()\n            transform = insertedTransforms[val]\n            if (process.env.NODE_ENV === 'development') {\n              if (!transform) {\n                console.warn('no transform found', { insertedTransforms, val })\n              }\n            }\n          }\n          if (!transform) {\n            if (isWeb && val[0] !== '_') {\n              // runtime insert\n              transform = val\n            }\n          }\n          if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n            // prettier-ignore\n            console.log('  \uD83D\uDD39 getSplitStyles mergeClassName transform', { key, val, namespace, transform, insertedTransforms })\n          }\n        }\n        transforms = transforms || {}\n        transforms[namespace] = transforms[namespace] || ['', '']\n        const identifier = val.replace('_transform', '')\n        transforms[namespace][0] += identifier\n        // ssr doesn't need to do anything just make the right classname\n        if (transform) {\n          transforms[namespace][1] += transform\n        }\n      } else {\n        classNames[key] = val\n      }\n    }\n  }\n\n  // loop backwards so we can skip already-used props\n  for (let i = len - 1; i >= 0; i--) {\n    const keyInit = propKeys[i]\n\n    if (usedKeys.has(keyInit)) continue\n    if (skipProps[keyInit]) continue\n    if (!isWeb && keyInit.startsWith('data-')) continue\n\n    const valInit = props[keyInit]\n\n    if (keyInit === 'style' || keyInit.startsWith('_style')) {\n      if (!valInit) continue\n      for (const key in valInit) {\n        if (usedKeys.has(key)) continue\n        if (valInit && typeof valInit === 'object') {\n          // newer react native versions return a full object instead of ID\n          for (const skey in valInit) {\n            if (usedKeys.has(skey)) continue\n            usedKeys.add(skey)\n            style[skey] = valInit[skey]\n          }\n        } else {\n          usedKeys.add(key)\n          style[key] = valInit\n        }\n      }\n      continue\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (keyInit === 'className') {\n        let nonTamaguis = ''\n        if (!valInit) continue\n        for (const cn of valInit.split(' ')) {\n          if (cn[0] === '_') {\n            // tamagui, merge it expanded on key, eventually this will go away with better compiler\n            const [shorthand, mediaOrPseudo] = cn.slice(1).split('-')\n            const isMedia = mediaOrPseudo[0] === '_'\n            const isPseudo = mediaOrPseudo[0] === '0'\n            const isMediaOrPseudo = isMedia || isPseudo\n            let fullKey = conf.shorthands[shorthand]\n            if (isMedia) {\n              // is media\n              let mediaShortKey = mediaOrPseudo.slice(1)\n              mediaShortKey = mediaShortKey.slice(0, mediaShortKey.indexOf('_'))\n              fullKey += `${PROP_SPLIT}${mediaShortKey}`\n            } else if (isPseudo) {\n              // is pseudo\n              const pseudoShortKey = mediaOrPseudo.slice(1)\n              fullKey += `${PROP_SPLIT}${pseudoShortKey}`\n            }\n            usedKeys.add(fullKey)\n            mergeClassName(fullKey, cn, isMediaOrPseudo)\n          } else {\n            nonTamaguis += ' ' + cn\n          }\n        }\n        if (nonTamaguis) {\n          usedKeys.add(keyInit)\n          mergeClassName(keyInit, nonTamaguis)\n        }\n        continue\n      }\n\n      if (valInit && valInit[0] === '_') {\n        // if valid style key (or pseudo like color-hover):\n        // this conditional and esp the pseudo check rarely runs so not a perf issue\n        const isValidClassName = validStyles[keyInit]\n        const isMediaOrPseudo =\n          !isValidClassName &&\n          keyInit.includes(PROP_SPLIT) &&\n          validStyles[keyInit.split(PROP_SPLIT)[0]]\n        if (isValidClassName || isMediaOrPseudo) {\n          usedKeys.add(keyInit)\n          mergeClassName(keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\n    if (state.keepVariantsAsProps) {\n      if (\n        (staticConfig.defaultVariants && keyInit in staticConfig.defaultVariants) ||\n        // may want to just: not compile styled() into classnames, always do this, and always pass in all values in extras.props\n        // but we'd want to add styled({ extracted: true }) or something at compile time to save on parsing a bit...\n        (staticConfig.variants && keyInit in staticConfig.variants)\n      ) {\n        viewProps[keyInit] = valInit\n      }\n    }\n\n    /**\n     * There's (some) reason to this madness: we want to allow returning media/pseudo from variants\n     * Say you have a variant hoverable: { true: { hoverStyle: {} } }\n     * We run propMapper first to expand variant, then we run the inner loop and look again\n     * for if there's a pseudo/media returned from it.\n     */\n\n    let isMedia = keyInit[0] === '$'\n    let isPseudo = validPseudoKeys[keyInit]\n    let isMediaOrPseudo = isMedia || isPseudo\n\n    if (\n      !isMedia &&\n      !isPseudo &&\n      !staticConfig.variants?.[keyInit] &&\n      !validStyleProps[keyInit] &&\n      !conf.shorthands[keyInit]\n    ) {\n      usedKeys.add(keyInit)\n      viewProps[keyInit] = valInit\n      continue\n    }\n\n    const expanded =\n      isMedia || isPseudo\n        ? [[keyInit, valInit]]\n        : staticConfig.propMapper(\n            keyInit,\n            valInit,\n            theme,\n            props,\n            state,\n            languageContext,\n            undefined,\n            debug\n          )\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      console.log('  \uD83D\uDD39 getSplitStyles', keyInit, valInit, expanded)\n    }\n\n    if (!expanded) {\n      continue\n    }\n\n    for (const [key, val] of expanded) {\n      if (val === undefined) continue\n\n      isMedia = key[0] === '$'\n      isPseudo = validPseudoKeys[key]\n      isMediaOrPseudo = isMedia || isPseudo\n\n      if (!isMediaOrPseudo) {\n        if (usedKeys.has(key)) continue\n      }\n\n      if (\n        (staticConfig.deoptProps && staticConfig.deoptProps.has(key)) ||\n        (staticConfig.inlineProps && staticConfig.inlineProps.has(key)) ||\n        (staticConfig.inlineWhenUnflattened && staticConfig.inlineWhenUnflattened.has(key))\n      ) {\n        usedKeys.add(key)\n        viewProps[key] = props[key] ?? val\n      }\n\n      // pseudo\n      if (isPseudo) {\n        if (!val) continue\n        if (key === 'enterStyle' && state.mounted) {\n          // once mounted we can ignore enterStyle\n          continue\n        }\n        pseudos[key] = pseudos[key] || {}\n        pseudos[key] = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext,\n          true\n        )\n        if (shouldDoClasses) {\n          const pseudoStyles = getAtomicStyle(pseudos[key], pseudoDescriptors[key])\n          for (const style of pseudoStyles) {\n            const postfix = pseudoDescriptors[key]?.name || key // exitStyle/enterStyle dont have pseudoDescriptors\n            const fullKey = `${style.property}${PROP_SPLIT}${postfix}`\n            if (!usedKeys.has(fullKey)) {\n              usedKeys.add(fullKey)\n              addStyleToInsertRules(rulesToInsert, style)\n              mergeClassName(fullKey, style.identifier, isMediaOrPseudo)\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        const mediaKey = key\n        const mediaKeyShort = mediaKey.slice(1)\n\n        if (!mediaQueryConfig[mediaKeyShort]) {\n          if (!usedKeys.has(key)) {\n            // this isn't a media key, pass through\n            viewProps[key] = val\n          }\n          continue\n        }\n\n        // dont check if media is active, we just apply *all* media styles\n        // we combine the media props on top regular props, could proxy this\n        // TODO test proxy here instead of merge\n        // THIS USED TO PROXY BACK TO REGULAR PROPS BUT THAT IS THE WRONG BEHAVIOR\n        // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n        const mediaStyle = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext\n        )\n\n        if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n          // prettier-ignore\n          console.log('  \uD83D\uDD39 getSplitStyles mediaStyle', { mediaKey, mediaStyle, props, shouldDoClasses })\n        }\n\n        if (shouldDoClasses) {\n          const mediaStyles = getStylesAtomic(mediaStyle)\n          for (const style of mediaStyles) {\n            const out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig)\n            // TODO handle pseudo + media, not too hard just need to set up example case\n            const fullKey = `${style.property}${PROP_SPLIT}${mediaKeyShort}`\n            if (!usedKeys.has(fullKey)) {\n              usedKeys.add(fullKey)\n              addStyleToInsertRules(rulesToInsert, out)\n              mergeClassName(fullKey, out.identifier, true)\n            }\n          }\n        } else {\n          if (mediaState[mediaKey]) {\n            if (process.env.NODE_ENV === 'development' && debug) {\n              console.log('apply media style', mediaKey, mediaState)\n            }\n            Object.assign(shouldDoClasses ? medias : style, mediaStyle)\n          }\n        }\n        continue\n      }\n\n      if (!isWeb && key === 'pointerEvents') {\n        usedKeys.add(key)\n        viewProps[key] = val\n        continue\n      }\n\n      if (validStyleProps[key]) {\n        usedKeys.add(key)\n        if (val && val[0] === '_') {\n          classNames[key] = val\n        } else if (key in stylePropsTransform) {\n          mergeTransform(style, key, val, true)\n        } else {\n          // if (key === 'pointerEvents') {\n          //   // pointer events can be box-none which requires css\n          //   addStyleToInsertRules(out.identifier, out.styleRule)\n          //   mergeClassName(fullKey, out.identifier, true)\n          // } else {\n          style[key] = normalizeValueWithProperty(val, key)\n          // }\n        }\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        if (!skipProps[key]) {\n          viewProps[key] = val\n          usedKeys.add(key)\n        }\n      }\n    }\n  }\n\n  fixStyles(style)\n  if (isWeb) {\n    styleToCSS(style)\n  }\n\n  // add in defaults if not set:\n  if (defaultClassNames) {\n    classNames = {\n      ...defaultClassNames,\n      ...classNames,\n    }\n  }\n\n  if (shouldDoClasses) {\n    const atomic = getStylesAtomic(style)\n    for (const atomicStyle of atomic) {\n      const key = atomicStyle.property\n      // pointerEvents box-none must be CSS-ified\n      // should probably have a few more exceptions here!\n      if (key === 'pointerEvents' || !state.dynamicStylesInline) {\n        addStyleToInsertRules(rulesToInsert, atomicStyle)\n        mergeClassName(key, atomicStyle.identifier)\n      } else {\n        style[key] = atomicStyle.value\n      }\n    }\n  } else {\n    if (classNames && state.resolveVariablesAs === 'value') {\n      // getting real values for colors for animations (reverse mapped from CSS)\n      // this isn't beautiful, but will do relatively fine performance for now\n      // has a bug still - try adding <Switch theme=\"bouncy\" /> should animate bg color on active\n      // const selectors = getAllSelectors()\n      // for (const key in classNames) {\n      //   if (key.endsWith('Color')) {\n      //     const selector = classNames[key]\n      //     let value = selectorValuesCache[selector]\n      //     if (!value) {\n      //       const css = selectors[selector]\n      //       value = css.replace(/.*:/, '').replace(/;.*/, '')\n      //       if (value) {\n      //         const themeUnwrapped = getThemeUnwrapped(theme)\n      //         const map = themeToVariableToValueMap.get(themeUnwrapped)\n      //         if (map && value.startsWith('var(')) {\n      //           value = map[value]\n      //         }\n      //         if (value) {\n      //           selectorValuesCache[selector] = value\n      //         }\n      //       } else {\n      //         // err\n      //         continue\n      //       }\n      //     }\n      //     if (value) {\n      //       style[key] = value\n      //     }\n      //   }\n      // }\n    }\n  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (transforms) {\n      for (const namespace in transforms) {\n        if (!transforms[namespace]) {\n          if (process.env.NODE_ENV === 'development') {\n            console.warn('Error no transform', transforms, namespace)\n          }\n          continue\n        }\n        const [hash, val] = transforms[namespace]\n        const identifier = `_transform${hash}`\n        if (isClient) {\n          if (!insertedTransforms[identifier]) {\n            const rule = `.${identifier} { transform: ${val}; }`\n            addStyleToInsertRules(rulesToInsert, {\n              identifier,\n              rules: [rule],\n              property: namespace,\n            })\n          }\n        }\n        classNames[namespace] = identifier\n      }\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (typeof document !== 'undefined') {\n      // prettier-ignore\n      console.log('  \uD83D\uDD39 getSplitStyles out', { style, pseudos, medias, classNames, viewProps, state, rulesToInsert })\n    }\n  }\n\n  return {\n    viewProps,\n    style,\n    medias,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n}\n\n/**\n * getSubStyle calls propMapper with props\n * those should be specific to the substyle, but fallback to the base props\n * so given props:\n *\n *   { fontSize: 12, color: 'red', $sm: { color: 'blue' } }\n *\n * getSubStyle props should be a proxy that ends up like:\n *\n *   { fontSize: 12, color: 'blue' }\n *\n * and to avoid re-creating it over and over, use a WeakMap\n */\nconst propProxies = new WeakMap()\nfunction getSubStyleProxiedProps(baseProps: Object, specificProps: Object) {\n  if (!specificProps) {\n    // functional variants may want to eventually do something like:\n    // have a hooks-like rule (no conditionals)\n    // then we run them once on compile with a proxy to capture the keys accessed\n    // then add those keys to `inlineProps` so we know we must inline them\n    // for now this will trigger because compiled away\n    // right now also we don't pass in any pre-extracted styled() props but we should pass them in..\n    return baseProps\n  }\n  // can cache based only on specific it's always referentially consistent with base\n  if (propProxies.has(specificProps)) {\n    return propProxies.get(specificProps)\n  }\n  const next = new Proxy(specificProps, {\n    ownKeys() {\n      return [...new Set([...Object.keys(baseProps), ...Object.keys(specificProps)])]\n    },\n    has(_, key) {\n      return key in specificProps || key in baseProps\n    },\n    get(_, key) {\n      return specificProps[key] ?? baseProps[key]\n    },\n  })\n  propProxies.set(specificProps, next)\n  return next\n}\n\nexport const getSubStyle = (\n  subKey: string,\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  props: any,\n  state: SplitStyleState,\n  conf: TamaguiInternalConfig,\n  languageContext?: FontLanguageProps,\n  avoidDefaultProps?: boolean\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (let key in styleIn) {\n    const val = styleIn[key]\n    key = conf.shorthands[key] || key\n    const expanded = staticConfig.propMapper(\n      key,\n      val,\n      theme,\n      getSubStyleProxiedProps(props, props[subKey]),\n      state,\n      languageContext,\n      avoidDefaultProps\n    )\n    if (!expanded) continue\n    for (const [skey, sval] of expanded) {\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = normalizeValueWithProperty(sval, key)\n      }\n    }\n  }\n\n  fixStyles(styleOut)\n\n  return styleOut\n}\n\nexport const insertSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n  insertStyleRules(res.rulesToInsert)\n  return res\n}\n\n// on native no need to insert any css\nconst useInsertEffectCompat = isWeb ? useInsertionEffect || useIsomorphicLayoutEffect : () => {}\n\nexport const useSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n\n  useInsertEffectCompat(() => {\n    insertStyleRules(res.rulesToInsert)\n  }, [res.rulesToInsert])\n\n  return res\n}\n\nfunction addStyleToInsertRules(rulesToInsert: RulesToInsert, styleObject: PartialStyleObject) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    // NOTE this is super tricky\n    // for some reason, next.js dev SSR actually misses a lot of styles (pre-hydrate) with || !isClient\n    // which doesn't really make sense, because that should strictly extract *more* css, but oh well\n    // meanwhile, production builds *need* to always be truthy here for node, thus the cheat conditional\n    if (\n      styleObject.property === 'pointerEvents' ||\n      updateInsertedCache(styleObject.identifier, styleObject.rules) ||\n      (!isClient && process.env.NODE_ENV === 'production')\n    ) {\n      rulesToInsert.push(styleObject)\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { stylePropsText, stylePropsTransform, validPseudoKeys, validStyles } from '@tamagui/helpers'\nimport { useInsertionEffect } from 'react'\nimport { ViewStyle } from 'react-native'\n\nimport { getConfig } from '../conf'\nimport { isClient, isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { mediaQueryConfig, mediaState } from '../hooks/useMedia'\nimport type {\n  DebugProp,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SplitStyleState,\n  StackProps,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  ThemeObject,\n} from '../types'\nimport { FontLanguageProps, LanguageContextType } from '../views/FontLanguage.types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixStyles } from './expandStyles'\nimport { getAtomicStyle, getStylesAtomic, styleToCSS } from './getStylesAtomic'\nimport {\n  PartialStyleObject,\n  RulesToInsert,\n  insertStyleRules,\n  insertedTransforms,\n  shouldInsertStyleRules,\n  updateInserted,\n  updateRules,\n} from './insertStyleRule'\nimport { mergeTransform } from './mergeTransform'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty'\nimport { pseudoDescriptors } from './pseudoDescriptors'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\nexport type ClassNamesObject = Record<string, string>\nexport type SplitStyleResult = ReturnType<typeof getSplitStyles>\n\nconst skipProps = {\n  animation: true,\n  animateOnly: true,\n  debug: true,\n  componentName: true,\n\n  ...(!isWeb && {\n    tag: true,\n    whiteSpace: true,\n    wordWrap: true,\n    textOverflow: true,\n    textDecorationDistance: true,\n    userSelect: true,\n    selectable: true,\n    cursor: true,\n    contain: true,\n    boxSizing: true,\n    boxShadow: true,\n  }),\n}\n\ntype TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey\n\nlet conf: TamaguiInternalConfig\n\ntype StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  state: SplitStyleState,\n  defaultClassNames?: any,\n  languageContext?: LanguageContextType,\n  debug?: DebugProp\n) => {\n  pseudos: PseudoStyles\n  medias: Record<MediaQueryKey, ViewStyle>\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: RulesToInsert\n  viewProps: StackProps\n}\n\nexport const PROP_SPLIT = '-'\n\n// this is how compiler outputs psueodo identifier\n// TODO remove in next refactor\nexport const pseudoCNInverse = {\n  hover: 'hoverStyle',\n  focus: 'focusStyle',\n  press: 'pressStyle',\n}\n\n// loop props backwards\n//   track used keys:\n//     const keys = new Set<string>()\n//   keep classnames and styles separate:\n//     const styles = {}\n//     const classNames = {}\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  defaultClassNames,\n  languageContext,\n  debug\n) => {\n  conf = conf || getConfig()\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: StackProps = {}\n  const pseudos: PseudoStyles = {}\n  const medias: Record<MediaQueryKey, ViewStyle> = {}\n  const usedKeys = new Set<string>()\n  const propKeys = Object.keys(props)\n  const shouldDoClasses = (isWeb || process.env.IS_STATIC === 'is_static') && !state.noClassNames\n  const len = propKeys.length\n  const rulesToInsert: RulesToInsert = []\n  const style: ViewStyle = {}\n  // TODO make this CSS, not compile-friendly\n  if (state.hasTextAncestor) {\n    // parity with react-native-web\n    style.display = 'inline-flex' as any\n  }\n  let classNames: ClassNamesObject = {}\n  // we need to gather these specific to each media query / pseudo\n  // value is [hash, val], so [\"-jnjad-asdnjk\", \"scaleX(1) rotate(10deg)\"]\n  let transforms = null as Record<TransformNamespaceKey, [string, string]> | null\n\n  function mergeClassName(key: string, val: string, isMediaOrPseudo = false) {\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      // empty classnames passed by compiler sometimes\n      if (!val) return\n      if (val.startsWith('_transform-')) {\n        const namespace: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n\n        let transform = insertedTransforms[val]\n        if (isClient) {\n          if (!transform) {\n            // HMR or loaded a new chunk\n            updateInserted()\n            transform = insertedTransforms[val]\n            if (process.env.NODE_ENV === 'development') {\n              if (!transform) {\n                console.warn('no transform found', { insertedTransforms, val })\n              }\n            }\n          }\n          if (!transform) {\n            if (isWeb && val[0] !== '_') {\n              // runtime insert\n              transform = val\n            }\n          }\n          if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n            // prettier-ignore\n            console.log('  \uD83D\uDD39 getSplitStyles mergeClassName transform', { key, val, namespace, transform, insertedTransforms })\n          }\n        }\n        transforms = transforms || {}\n        transforms[namespace] = transforms[namespace] || ['', '']\n        const identifier = val.replace('_transform', '')\n        transforms[namespace][0] += identifier\n        // ssr doesn't need to do anything just make the right classname\n        if (transform) {\n          transforms[namespace][1] += transform\n        }\n      } else {\n        classNames[key] = val\n      }\n    }\n  }\n\n  // loop backwards so we can skip already-used props\n  for (let i = len - 1; i >= 0; i--) {\n    const keyInit = propKeys[i]\n\n    if (usedKeys.has(keyInit)) continue\n    if (skipProps[keyInit]) continue\n    if (!isWeb && keyInit.startsWith('data-')) continue\n\n    const valInit = props[keyInit]\n\n    if (keyInit === 'style' || keyInit.startsWith('_style')) {\n      if (!valInit) continue\n      for (const key in valInit) {\n        if (usedKeys.has(key)) continue\n        if (valInit && typeof valInit === 'object') {\n          // newer react native versions return a full object instead of ID\n          for (const skey in valInit) {\n            if (usedKeys.has(skey)) continue\n            usedKeys.add(skey)\n            style[skey] = valInit[skey]\n          }\n        } else {\n          usedKeys.add(key)\n          style[key] = valInit\n        }\n      }\n      continue\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (keyInit === 'className') {\n        let nonTamaguis = ''\n        if (!valInit) continue\n        for (const cn of valInit.split(' ')) {\n          if (cn[0] === '_') {\n            // tamagui, merge it expanded on key, eventually this will go away with better compiler\n            const [shorthand, mediaOrPseudo] = cn.slice(1).split('-')\n            const isMedia = mediaOrPseudo[0] === '_'\n            const isPseudo = mediaOrPseudo[0] === '0'\n            const isMediaOrPseudo = isMedia || isPseudo\n            let fullKey = conf.shorthands[shorthand]\n            if (isMedia) {\n              // is media\n              let mediaShortKey = mediaOrPseudo.slice(1)\n              mediaShortKey = mediaShortKey.slice(0, mediaShortKey.indexOf('_'))\n              fullKey += `${PROP_SPLIT}${mediaShortKey}`\n            } else if (isPseudo) {\n              // is pseudo\n              const pseudoShortKey = mediaOrPseudo.slice(1)\n              fullKey += `${PROP_SPLIT}${pseudoShortKey}`\n            }\n            usedKeys.add(fullKey)\n            mergeClassName(fullKey, cn, isMediaOrPseudo)\n          } else {\n            nonTamaguis += ' ' + cn\n          }\n        }\n        if (nonTamaguis) {\n          usedKeys.add(keyInit)\n          mergeClassName(keyInit, nonTamaguis)\n        }\n        continue\n      }\n\n      if (valInit && valInit[0] === '_') {\n        // if valid style key (or pseudo like color-hover):\n        // this conditional and esp the pseudo check rarely runs so not a perf issue\n        const isValidClassName = validStyles[keyInit]\n        const isMediaOrPseudo =\n          !isValidClassName &&\n          keyInit.includes(PROP_SPLIT) &&\n          validStyles[keyInit.split(PROP_SPLIT)[0]]\n        if (isValidClassName || isMediaOrPseudo) {\n          usedKeys.add(keyInit)\n          mergeClassName(keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\n    if (state.keepVariantsAsProps) {\n      if (\n        (staticConfig.defaultVariants && keyInit in staticConfig.defaultVariants) ||\n        // may want to just: not compile styled() into classnames, always do this, and always pass in all values in extras.props\n        // but we'd want to add styled({ extracted: true }) or something at compile time to save on parsing a bit...\n        (staticConfig.variants && keyInit in staticConfig.variants)\n      ) {\n        viewProps[keyInit] = valInit\n      }\n    }\n\n    /**\n     * There's (some) reason to this madness: we want to allow returning media/pseudo from variants\n     * Say you have a variant hoverable: { true: { hoverStyle: {} } }\n     * We run propMapper first to expand variant, then we run the inner loop and look again\n     * for if there's a pseudo/media returned from it.\n     */\n\n    let isMedia = keyInit[0] === '$'\n    let isPseudo = validPseudoKeys[keyInit]\n    let isMediaOrPseudo = isMedia || isPseudo\n\n    if (\n      !isMedia &&\n      !isPseudo &&\n      !staticConfig.variants?.[keyInit] &&\n      !validStyleProps[keyInit] &&\n      !conf.shorthands[keyInit]\n    ) {\n      usedKeys.add(keyInit)\n      viewProps[keyInit] = valInit\n      continue\n    }\n\n    const expanded =\n      isMedia || isPseudo\n        ? [[keyInit, valInit]]\n        : staticConfig.propMapper(\n            keyInit,\n            valInit,\n            theme,\n            props,\n            state,\n            languageContext,\n            undefined,\n            debug\n          )\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      console.log('  \uD83D\uDD39 getSplitStyles', keyInit, valInit, expanded)\n    }\n\n    if (!expanded) {\n      continue\n    }\n\n    for (const [key, val] of expanded) {\n      if (val === undefined) continue\n\n      isMedia = key[0] === '$'\n      isPseudo = validPseudoKeys[key]\n      isMediaOrPseudo = isMedia || isPseudo\n\n      if (!isMediaOrPseudo) {\n        if (usedKeys.has(key)) continue\n      }\n\n      if (\n        (staticConfig.deoptProps && staticConfig.deoptProps.has(key)) ||\n        (staticConfig.inlineProps && staticConfig.inlineProps.has(key)) ||\n        (staticConfig.inlineWhenUnflattened && staticConfig.inlineWhenUnflattened.has(key))\n      ) {\n        usedKeys.add(key)\n        viewProps[key] = props[key] ?? val\n      }\n\n      // pseudo\n      if (isPseudo) {\n        if (!val) continue\n        if (key === 'enterStyle' && state.mounted) {\n          // once mounted we can ignore enterStyle\n          continue\n        }\n        pseudos[key] = pseudos[key] || {}\n        pseudos[key] = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext,\n          true\n        )\n        if (shouldDoClasses) {\n          const pseudoStyles = getAtomicStyle(pseudos[key], pseudoDescriptors[key])\n          for (const style of pseudoStyles) {\n            const postfix = pseudoDescriptors[key]?.name || key // exitStyle/enterStyle dont have pseudoDescriptors\n            const fullKey = `${style.property}${PROP_SPLIT}${postfix}`\n            if (!usedKeys.has(fullKey)) {\n              usedKeys.add(fullKey)\n              addStyleToInsertRules(rulesToInsert, style)\n              mergeClassName(fullKey, style.identifier, isMediaOrPseudo)\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        const mediaKey = key\n        const mediaKeyShort = mediaKey.slice(1)\n\n        if (!mediaQueryConfig[mediaKeyShort]) {\n          if (!usedKeys.has(key)) {\n            // this isn't a media key, pass through\n            viewProps[key] = val\n          }\n          continue\n        }\n\n        // dont check if media is active, we just apply *all* media styles\n        // we combine the media props on top regular props, could proxy this\n        // TODO test proxy here instead of merge\n        // THIS USED TO PROXY BACK TO REGULAR PROPS BUT THAT IS THE WRONG BEHAVIOR\n        // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n        const mediaStyle = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext\n        )\n\n        if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n          // prettier-ignore\n          console.log('  \uD83D\uDD39 mediaStyle', { mediaKey, mediaStyle, props, shouldDoClasses })\n        }\n\n        if (shouldDoClasses) {\n          const mediaStyles = getStylesAtomic(mediaStyle)\n          for (const style of mediaStyles) {\n            const out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig)\n            const fullKey = `${style.property}${PROP_SPLIT}${mediaKeyShort}`\n            if (!usedKeys.has(fullKey)) {\n              usedKeys.add(fullKey)\n              addStyleToInsertRules(rulesToInsert, out)\n              mergeClassName(fullKey, out.identifier, true)\n            }\n          }\n        } else {\n          if (mediaState[mediaKey]) {\n            if (process.env.NODE_ENV === 'development' && debug) {\n              console.log('apply media style', mediaKey, mediaState)\n            }\n            Object.assign(shouldDoClasses ? medias : style, mediaStyle)\n          }\n        }\n        continue\n      }\n\n      if (!isWeb && key === 'pointerEvents') {\n        usedKeys.add(key)\n        viewProps[key] = val\n        continue\n      }\n\n      if (validStyleProps[key]) {\n        usedKeys.add(key)\n        if (val && val[0] === '_') {\n          classNames[key] = val\n        } else if (key in stylePropsTransform) {\n          mergeTransform(style, key, val, true)\n        } else {\n          // if (key === 'pointerEvents') {\n          //   // pointer events can be box-none which requires css\n          //   addStyleToInsertRules(out.identifier, out.styleRule)\n          //   mergeClassName(fullKey, out.identifier, true)\n          // } else {\n          style[key] = normalizeValueWithProperty(val, key)\n          // }\n        }\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        if (!skipProps[key]) {\n          viewProps[key] = val\n          usedKeys.add(key)\n        }\n      }\n    }\n  }\n\n  fixStyles(style)\n  if (isWeb) {\n    styleToCSS(style)\n  }\n\n  // add in defaults if not set:\n  if (defaultClassNames) {\n    classNames = {\n      ...defaultClassNames,\n      ...classNames,\n    }\n  }\n\n  if (shouldDoClasses) {\n    const atomic = getStylesAtomic(style)\n    for (const atomicStyle of atomic) {\n      const key = atomicStyle.property\n      // pointerEvents box-none must be CSS-ified\n      // should probably have a few more exceptions here!\n      if (key === 'pointerEvents' || !state.dynamicStylesInline) {\n        addStyleToInsertRules(rulesToInsert, atomicStyle)\n        mergeClassName(key, atomicStyle.identifier)\n      } else {\n        style[key] = atomicStyle.value\n      }\n    }\n  } else {\n    if (classNames && state.resolveVariablesAs === 'value') {\n      // getting real values for colors for animations (reverse mapped from CSS)\n      // this isn't beautiful, but will do relatively fine performance for now\n      // has a bug still - try adding <Switch theme=\"bouncy\" /> should animate bg color on active\n      // const selectors = getAllSelectors()\n      // for (const key in classNames) {\n      //   if (key.endsWith('Color')) {\n      //     const selector = classNames[key]\n      //     let value = selectorValuesCache[selector]\n      //     if (!value) {\n      //       const css = selectors[selector]\n      //       value = css.replace(/.*:/, '').replace(/;.*/, '')\n      //       if (value) {\n      //         const themeUnwrapped = getThemeUnwrapped(theme)\n      //         const map = themeToVariableToValueMap.get(themeUnwrapped)\n      //         if (map && value.startsWith('var(')) {\n      //           value = map[value]\n      //         }\n      //         if (value) {\n      //           selectorValuesCache[selector] = value\n      //         }\n      //       } else {\n      //         // err\n      //         continue\n      //       }\n      //     }\n      //     if (value) {\n      //       style[key] = value\n      //     }\n      //   }\n      // }\n    }\n  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (transforms) {\n      for (const namespace in transforms) {\n        if (!transforms[namespace]) {\n          if (process.env.NODE_ENV === 'development') {\n            console.warn('Error no transform', transforms, namespace)\n          }\n          continue\n        }\n        const [hash, val] = transforms[namespace]\n        const identifier = `_transform${hash}`\n        if (isClient) {\n          if (!insertedTransforms[identifier]) {\n            const rule = `.${identifier} { transform: ${val}; }`\n            addStyleToInsertRules(rulesToInsert, {\n              identifier,\n              rules: [rule],\n              property: namespace,\n            })\n          }\n        }\n        classNames[namespace] = identifier\n      }\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (typeof document !== 'undefined') {\n      // prettier-ignore\n      console.log('  \uD83D\uDD39 getSplitStyles out', { style, pseudos, medias, classNames, viewProps, state, rulesToInsert })\n    }\n  }\n\n  return {\n    viewProps,\n    style,\n    medias,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n}\n\n/**\n * getSubStyle calls propMapper with props\n * those should be specific to the substyle, but fallback to the base props\n * so given props:\n *\n *   { fontSize: 12, color: 'red', $sm: { color: 'blue' } }\n *\n * getSubStyle props should be a proxy that ends up like:\n *\n *   { fontSize: 12, color: 'blue' }\n *\n * and to avoid re-creating it over and over, use a WeakMap\n */\nconst propProxies = new WeakMap()\nfunction getSubStyleProxiedProps(baseProps: Object, specificProps: Object) {\n  if (!specificProps) {\n    // functional variants may want to eventually do something like:\n    // have a hooks-like rule (no conditionals)\n    // then we run them once on compile with a proxy to capture the keys accessed\n    // then add those keys to `inlineProps` so we know we must inline them\n    // for now this will trigger because compiled away\n    // right now also we don't pass in any pre-extracted styled() props but we should pass them in..\n    return baseProps\n  }\n  // can cache based only on specific it's always referentially consistent with base\n  if (propProxies.has(specificProps)) {\n    return propProxies.get(specificProps)\n  }\n  const next = new Proxy(specificProps, {\n    ownKeys() {\n      return [...new Set([...Object.keys(baseProps), ...Object.keys(specificProps)])]\n    },\n    has(_, key) {\n      return key in specificProps || key in baseProps\n    },\n    get(_, key) {\n      return specificProps[key] ?? baseProps[key]\n    },\n  })\n  propProxies.set(specificProps, next)\n  return next\n}\n\nexport const getSubStyle = (\n  subKey: string,\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  props: any,\n  state: SplitStyleState,\n  conf: TamaguiInternalConfig,\n  languageContext?: FontLanguageProps,\n  avoidDefaultProps?: boolean\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (let key in styleIn) {\n    const val = styleIn[key]\n    key = conf.shorthands[key] || key\n    const expanded = staticConfig.propMapper(\n      key,\n      val,\n      theme,\n      getSubStyleProxiedProps(props, props[subKey]),\n      state,\n      languageContext,\n      avoidDefaultProps\n    )\n    if (!expanded) continue\n    for (const [skey, sval] of expanded) {\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = normalizeValueWithProperty(sval, key)\n      }\n    }\n  }\n\n  fixStyles(styleOut)\n\n  return styleOut\n}\n\nexport const insertSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n  insertStyleRules(res.rulesToInsert)\n  return res\n}\n\n// on native no need to insert any css\nconst useInsertEffectCompat = isWeb ? useInsertionEffect || useIsomorphicLayoutEffect : () => {}\n\nexport const useSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n\n  useInsertEffectCompat(() => {\n    insertStyleRules(res.rulesToInsert)\n  }, [res.rulesToInsert])\n\n  return res\n}\n\nfunction addStyleToInsertRules(rulesToInsert: RulesToInsert, styleObject: PartialStyleObject) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (!shouldInsertStyleRules(styleObject)) {\n      return\n    }\n    updateRules(styleObject.identifier, styleObject.rules)\n    rulesToInsert.push(styleObject)\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/helpers/insertStyleRule.js

@@ -1,8 +1,8 @@
 const allSelectors = {};
-const insertedSelectors = {};
+const allRules = {};
 const insertedTransforms = {};
 const getAllSelectors = () => allSelectors;
-const getInsertedRules = () => Object.values(insertedSelectors);
+const getAllRules = () => Object.values(allRules);
 const getAllTransforms = () => insertedTransforms;
 function addTransform(identifier, css, rule) {
   const s = css.indexOf("transform:");
@@ -42,6 +42,8 @@ function updateInserted() {
     return;
   for (let i = 0; i < sheets.length; i++) {
     const sheet2 = sheets[i];
+    if (!sheet2)
+      continue;
     const rules = sheet2.cssRules;
     const len = rules.length;
     const lastScanned = scannedNum.get(sheet2) ?? 0;
@@ -84,10 +86,10 @@ function getTamaguiSelector(rule) {
 const getIdentifierFromTamaguiSelector = (selector) => selector.replace(/(:root)+\s+/, "").replace(/:[a-z]+$/, "").slice(1);
 updateInserted();
 const sheet = isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
-function updateInsertedCache(identifier, rules) {
-  if (insertedSelectors[identifier])
+function updateRules(identifier, rules) {
+  if (allRules[identifier])
     return false;
-  insertedSelectors[identifier] = rules;
+  allRules[identifier] = rules;
   if (identifier.startsWith("_transform")) {
     return addTransform(identifier, rules[0]);
   }
@@ -98,19 +100,23 @@ function insertStyleRules(rulesToInsert) {
     if (allSelectors[identifier] || !sheet)
       return;
     allSelectors[identifier] = process.env.NODE_ENV === "development" ? rules : true;
-    updateInsertedCache(identifier, rules);
+    updateRules(identifier, rules);
     for (const rule of rules) {
       sheet.insertRule(rule, sheet.cssRules.length);
     }
   }
 }
+function shouldInsertStyleRules(styleObject) {
+  return !allSelectors[styleObject.identifier];
+}
 export {
+  getAllRules,
   getAllSelectors,
   getAllTransforms,
-  getInsertedRules,
   insertStyleRules,
   insertedTransforms,
+  shouldInsertStyleRules,
   updateInserted,
-  updateInsertedCache
+  updateRules
 };
 //# sourceMappingURL=insertStyleRule.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/insertStyleRule.tsx"],
-  "sourcesContent": ["// this needs to check if its inserted already? 99% of the time it is\n// this should avoid re-inserts, but need to test the perf trade-offs\n// i tested with the site itself and the initial insert was trivial\n\nimport { StyleObject } from '@tamagui/helpers'\n\nconst allSelectors = {}\nconst insertedSelectors = {}\nexport const insertedTransforms = {}\n\nexport const getAllSelectors = () => allSelectors\nexport const getInsertedRules = () => Object.values(insertedSelectors)\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      // sometimes getting empty style rules from webpack... :/ only in dev\n      if (css.indexOf('{ }')) {\n        console.log('wah wah')\n        return false\n      }\n      console.groupCollapsed(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`)\n      console.log('rule:', rule)\n      console.trace()\n      console.groupEnd()\n    } else {\n      console.warn(`Missing transform`, identifier, css, rule)\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\nconst scannedNum = new WeakMap<CSSStyleSheet, number>()\n\nexport function updateInserted() {\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    const rules = sheet.cssRules\n    const len = rules.length\n    const lastScanned = scannedNum.get(sheet) ?? 0\n    if (lastScanned === len) {\n      continue\n    }\n    for (let i = lastScanned; i < len; i++) {\n      const rule = rules[i]\n      const response = getTamaguiSelector(rule)\n      if (!response) {\n        continue\n      }\n      const [identifier, cssRule] = response\n      if (!allSelectors[identifier]) {\n        const isTransform = identifier.startsWith('_transform')\n        const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true\n        if (shouldInsert) {\n          allSelectors[identifier] = process.env.NODE_ENV === 'development' ? cssRule.cssText : true\n        }\n      }\n    }\n    scannedNum.set(sheet, i)\n  }\n}\n\nfunction getTamaguiSelector(rule: CSSRule | null): readonly [string, CSSStyleRule] | null {\n  if (rule instanceof CSSStyleRule) {\n    if (rule.selectorText.startsWith('._')) {\n      return [rule.selectorText.slice(1), rule]\n    }\n    if (rule.selectorText.startsWith(':root') && rule.selectorText.includes('._')) {\n      return [getIdentifierFromTamaguiSelector(rule.selectorText), 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\nupdateInserted()\n\nconst sheet = isClient ? document.head.appendChild(document.createElement('style')).sheet : null\n\nexport function updateInsertedCache(identifier: string, rules: string[]) {\n  if (insertedSelectors[identifier]) return false\n  insertedSelectors[identifier] = rules\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  // // pointerevents can have more than one, others could to needs some refactor\n  for (const { identifier, rules } of rulesToInsert) {\n    if (allSelectors[identifier] || !sheet) return\n    allSelectors[identifier] = process.env.NODE_ENV === 'development' ? rules : true\n    updateInsertedCache(identifier, rules)\n    for (const rule of rules) {\n      sheet.insertRule(rule, sheet.cssRules.length)\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["// this needs to check if its inserted already? 99% of the time it is\n// this should avoid re-inserts, but need to test the perf trade-offs\n// i tested with the site itself and the initial insert was trivial\n\nimport { StyleObject } from '@tamagui/helpers'\n\nconst allSelectors = {}\nconst allRules = {}\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      // sometimes getting empty style rules from webpack... :/ only in dev\n      if (css.indexOf('{ }')) {\n        console.log('wah wah')\n        return false\n      }\n      console.groupCollapsed(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`)\n      console.log('rule:', rule)\n      console.trace()\n      console.groupEnd()\n    } else {\n      console.warn(`Missing transform`, identifier, css, rule)\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\nconst scannedNum = new WeakMap<CSSStyleSheet, number>()\n\nexport function updateInserted() {\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    const rules = sheet.cssRules\n    const len = rules.length\n    const lastScanned = scannedNum.get(sheet) ?? 0\n    if (lastScanned === len) {\n      continue\n    }\n    for (let i = lastScanned; i < len; i++) {\n      const rule = rules[i]\n      const response = getTamaguiSelector(rule)\n      if (!response) {\n        continue\n      }\n      const [identifier, cssRule] = response\n      if (!allSelectors[identifier]) {\n        const isTransform = identifier.startsWith('_transform')\n        const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true\n        if (shouldInsert) {\n          allSelectors[identifier] = process.env.NODE_ENV === 'development' ? cssRule.cssText : true\n        }\n      }\n    }\n    scannedNum.set(sheet, i)\n  }\n}\n\nfunction getTamaguiSelector(rule: CSSRule | null): readonly [string, CSSStyleRule] | null {\n  if (rule instanceof CSSStyleRule) {\n    if (rule.selectorText.startsWith('._')) {\n      return [rule.selectorText.slice(1), rule]\n    }\n    if (rule.selectorText.startsWith(':root') && rule.selectorText.includes('._')) {\n      return [getIdentifierFromTamaguiSelector(rule.selectorText), 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\n// move this to probably inside createTamagui\nupdateInserted()\n\nconst sheet = isClient ? document.head.appendChild(document.createElement('style')).sheet : null\n\nexport function updateRules(identifier: string, rules: string[]) {\n  if (allRules[identifier]) return false\n  allRules[identifier] = rules\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  // // pointerevents can have more than one, others could to needs some refactor\n  for (const { identifier, rules } of rulesToInsert) {\n    if (allSelectors[identifier] || !sheet) return\n    allSelectors[identifier] = process.env.NODE_ENV === 'development' ? rules : true\n    updateRules(identifier, rules)\n    for (const rule of rules) {\n      sheet.insertRule(rule, sheet.cssRules.length)\n    }\n  }\n}\n\nexport function shouldInsertStyleRules(styleObject: PartialStyleObject) {\n  return !allSelectors[styleObject.identifier]\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/views/ThemeInverse.js

@@ -2,13 +2,6 @@ import React, { useState } from "react";
 import { useIsomorphicLayoutEffect } from "../constants/platform";
 import { useDefaultThemeName, useThemeName } from "../hooks/useTheme";
 import { Theme } from "./Theme";
-let inversions = {
-  light: "dark",
-  dark: "light"
-};
-function setThemeInversions(next) {
-  inversions = next;
-}
 const ThemeInverse = ({
   children,
   disable
@@ -17,7 +10,12 @@ const ThemeInverse = ({
   const defaultTheme = useDefaultThemeName();
   const [name, setName] = useState(null);
   useIsomorphicLayoutEffect(() => {
-    setName(inversions[themeName] || inversions[defaultTheme || ""] || null);
+    if (themeName.startsWith("dark")) {
+      setName("light");
+    }
+    if (themeName.startsWith("light")) {
+      setName("dark");
+    }
   }, [defaultTheme, themeName]);
   if (disable) {
     return children;
@@ -27,7 +25,6 @@ const ThemeInverse = ({
   }, children);
 };
 export {
-  ThemeInverse,
-  setThemeInversions
+  ThemeInverse
 };
 //# sourceMappingURL=ThemeInverse.js.map

package/dist/esm/views/ThemeInverse.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/ThemeInverse.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { useDefaultThemeName, useThemeName } from '../hooks/useTheme'\nimport { Theme } from './Theme'\n\ntype StringRecord = { [key: string]: string }\n\nlet inversions: StringRecord = {\n  light: 'dark',\n  dark: 'light',\n}\n\nexport function setThemeInversions(next: StringRecord) {\n  inversions = next\n}\n\nexport const ThemeInverse = ({\n  children,\n  disable,\n}: {\n  children: React.ReactNode\n  disable?: boolean\n}) => {\n  const themeName = useThemeName()\n  const defaultTheme = useDefaultThemeName()\n  const [name, setName] = useState<null | string>(null)\n\n  // ssr\n  useIsomorphicLayoutEffect(() => {\n    setName(inversions[themeName] || inversions[defaultTheme || ''] || null)\n  }, [defaultTheme, themeName])\n\n  if (disable) {\n    return children as JSX.Element\n  }\n\n  return <Theme name={name}>{children}</Theme>\n}\n"],
-  "mappings": "AAAA;AAEA;AACA;AACA;AAIA,IAAI,aAA2B;AAAA,EAC7B,OAAO;AAAA,EACP,MAAM;AACR;AAEO,4BAA4B,MAAoB;AACrD,eAAa;AACf;AAEO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,MAII;AACJ,QAAM,YAAY,aAAa;AAC/B,QAAM,eAAe,oBAAoB;AACzC,QAAM,CAAC,MAAM,WAAW,SAAwB,IAAI;AAGpD,4BAA0B,MAAM;AAC9B,YAAQ,WAAW,cAAc,WAAW,gBAAgB,OAAO,IAAI;AAAA,EACzE,GAAG,CAAC,cAAc,SAAS,CAAC;AAE5B,MAAI,SAAS;AACX,WAAO;AAAA,EACT;AAEA,SAAO,oCAAC;AAAA,IAAM;AAAA,KAAa,QAAS;AACtC;",
+  "sourcesContent": ["import React, { useState } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { useDefaultThemeName, useThemeName } from '../hooks/useTheme'\nimport { Theme } from './Theme'\n\nexport const ThemeInverse = ({\n  children,\n  disable,\n}: {\n  children: React.ReactNode\n  disable?: boolean\n}) => {\n  const themeName = useThemeName()\n  const defaultTheme = useDefaultThemeName()\n  const [name, setName] = useState<null | string>(null)\n\n  // ssr\n  useIsomorphicLayoutEffect(() => {\n    if (themeName.startsWith('dark')) {\n      setName('light')\n    }\n    if (themeName.startsWith('light')) {\n      setName('dark')\n    }\n  }, [defaultTheme, themeName])\n\n  if (disable) {\n    return children as JSX.Element\n  }\n\n  return <Theme name={name}>{children}</Theme>\n}\n"],
+  "mappings": "AAAA;AAEA;AACA;AACA;AAEO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,MAII;AACJ,QAAM,YAAY,aAAa;AAC/B,QAAM,eAAe,oBAAoB;AACzC,QAAM,CAAC,MAAM,WAAW,SAAwB,IAAI;AAGpD,4BAA0B,MAAM;AAC9B,QAAI,UAAU,WAAW,MAAM,GAAG;AAChC,cAAQ,OAAO;AAAA,IACjB;AACA,QAAI,UAAU,WAAW,OAAO,GAAG;AACjC,cAAQ,MAAM;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,cAAc,SAAS,CAAC;AAE5B,MAAI,SAAS;AACX,WAAO;AAAA,EACT;AAEA,SAAO,oCAAC;AAAA,IAAM;AAAA,KAAa,QAAS;AACtC;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.1-beta.133",
+  "version": "1.0.1-beta.136",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -22,13 +22,13 @@
   ],
   "dependencies": {
     "@expo/match-media": "^0.3.0",
-    "@tamagui/compose-refs": "^1.0.1-beta.133",
-    "@tamagui/helpers": "^1.0.1-beta.133",
-    "@tamagui/rnw": "^1.0.1-beta.133",
-    "@tamagui/use-debounce": "^1.0.1-beta.133",
-    "@tamagui/use-event": "^1.0.1-beta.133",
-    "@tamagui/use-force-update": "^1.0.1-beta.133",
-    "expo-screen-orientation": "^4.2.0",
+    "@tamagui/compose-refs": "^1.0.1-beta.136",
+    "@tamagui/helpers": "^1.0.1-beta.136",
+    "@tamagui/rnw": "^1.0.1-beta.136",
+    "@tamagui/use-debounce": "^1.0.1-beta.136",
+    "@tamagui/use-event": "^1.0.1-beta.136",
+    "@tamagui/use-force-update": "^1.0.1-beta.136",
+    "expo-screen-orientation": "^4.3.0",
     "hyphenate-style-name": "^1.0.4",
     "normalize-css-color": "^1.0.2",
     "react": "*",
@@ -38,13 +38,13 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.133",
+    "@tamagui/build": "^1.0.1-beta.136",
     "@types/react": "^18.0.15",
     "csstype": "^3.0.10",
     "esbuild": "^0.14.49",
     "react-native-web": "^0.18.3",
     "typescript": "^4.7.4",
-    "vitest": "^0.19.1"
+    "vitest": "^0.20.3"
   },
   "publishConfig": {
     "access": "public"

package/types/helpers/createTamaguiProvider.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TamaguiInternalConfig, TamaguiProviderProps } from '../types';
 export declare function createTamaguiProvider(config: TamaguiInternalConfig): ({ disableInjectCSS, children, ...themePropsProvider }: TamaguiProviderProps) => JSX.Element;
 //# sourceMappingURL=createTamaguiProvider.d.ts.map

package/types/helpers/insertStyleRule.d.ts

@@ -1,11 +1,12 @@
 import { StyleObject } from '@tamagui/helpers';
 export declare const insertedTransforms: {};
 export declare const getAllSelectors: () => {};
-export declare const getInsertedRules: () => unknown[];
+export declare const getAllRules: () => unknown[];
 export declare const getAllTransforms: () => {};
 export declare function updateInserted(): void;
-export declare function updateInsertedCache(identifier: string, rules: string[]): boolean;
+export declare function updateRules(identifier: string, rules: string[]): boolean;
 export declare type PartialStyleObject = Pick<StyleObject, 'identifier' | 'property' | 'rules'>;
 export declare type RulesToInsert = PartialStyleObject[];
 export declare function insertStyleRules(rulesToInsert: RulesToInsert): void;
+export declare function shouldInsertStyleRules(styleObject: PartialStyleObject): boolean;
 //# sourceMappingURL=insertStyleRule.d.ts.map

package/types/views/FontLanguage.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FontLanguageProps } from './FontLanguage.types';
 export declare const FontLanguage: ({ children, ...props }: FontLanguageProps) => JSX.Element;
 //# sourceMappingURL=FontLanguage.d.ts.map

package/types/views/FontLanguage.native.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FontLanguageProps } from './FontLanguage.types';
 export declare const FontLanguage: ({ children, ...props }: FontLanguageProps) => JSX.Element;
 //# sourceMappingURL=FontLanguage.native.d.ts.map

package/types/views/ThemeInverse.d.ts

@@ -1,11 +1,6 @@
 import React from 'react';
-declare type StringRecord = {
-    [key: string]: string;
-};
-export declare function setThemeInversions(next: StringRecord): void;
 export declare const ThemeInverse: ({ children, disable, }: {
     children: React.ReactNode;
     disable?: boolean | undefined;
 }) => JSX.Element;
-export {};
 //# sourceMappingURL=ThemeInverse.d.ts.map

package/types/views/ThemeProvider.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type ThemeProviderProps = {
     className?: string;
     themes: any;