@tamagui/core 1.0.1-beta.216 → 1.0.1-beta.218

package/dist/cjs/createTamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createTamagui.ts"],
-  "sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\n\nimport { configListeners, setConfig } from './config'\nimport { createVariables } from './createVariables'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules'\nimport { getAllRules } from './helpers/insertStyleRule'\nimport {\n  registerCSSVariable,\n  tokensValueToVariable,\n  variableToCSS,\n} from './helpers/registerCSSVariable'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes'\nimport { configureMedia } from './hooks/useMedia'\nimport { parseFont, registerFontVariables } from './insertFont'\nimport { Tamagui } from './Tamagui'\nimport { CreateTamaguiProps, InferTamaguiConfig, TamaguiInternalConfig, ThemeParsed } 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  configIn: Conf\n): InferTamaguiConfig<Conf> {\n  if (createdConfigs.has(configIn)) {\n    return configIn as any\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!configIn.tokens) {\n      throw new Error(`Must define tokens`)\n    }\n    if (!configIn.themes) {\n      throw new Error(`Must define themes`)\n    }\n    if (!configIn.fonts) {\n      throw new Error(`Must define fonts`)\n    }\n  }\n\n  const fontTokens = Object.fromEntries(\n    Object.entries(configIn.fonts!).map(([k, v]) => {\n      return [k, createVariables(v, 'f', true)]\n    })\n  )\n\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 = { ...configIn.themes }\n    let 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 configIn.tokens) {\n        for (const skey in configIn.tokens[key]) {\n          const val = configIn.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' ? configIn.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 = 'default' } = fontDeclarations[key]\n          const fontSelector = `.font_${name}`\n          const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n          const selectors =\n            language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n          const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n          cssRuleSets.push(specificRuleSet)\n        }\n      }\n    }\n\n    // dedupe themes to avoid duplicate CSS generation\n    type DedupedTheme = {\n      names: string[]\n      theme: ThemeParsed\n    }\n    const dedupedThemes: {\n      [key: string]: DedupedTheme\n    } = {}\n    const existing = new WeakMap<ThemeParsed, DedupedTheme>()\n\n    // first, de-dupe and parse them\n    for (const themeName in themes) {\n      const rawTheme = themes[themeName] as ThemeParsed\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      // ensure each theme object unique for dedupe\n      const theme = { ...rawTheme }\n      // parse into variables\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(rawTheme, dedupedThemes[themeName])\n    }\n\n    // then, generate CSS from de-duped\n    if (isWeb || isRSC) {\n      for (const themeName in dedupedThemes) {\n        cssRuleSets = [\n          ...cssRuleSets,\n          ...getThemeCSSRules({\n            config: configIn,\n            themeName,\n            ...dedupedThemes[themeName],\n          }),\n        ]\n      }\n    }\n\n    // proxy upwards to get parent variables (themes are subset going down)\n    for (const themeName in themes) {\n      themes[themeName] = proxyThemeToParents(themeName, themes[themeName], themes)\n    }\n\n    tokensValueToVariable.clear()\n    Object.freeze(cssRuleSets)\n    const css = cssRuleSets.join('\\n')\n\n    return {\n      // could improve types but we do ensureThemeVariable so its accurate\n      themes,\n      cssRuleSets,\n      css,\n    }\n  })()\n\n  // faster $lookups\n  const tokensParsed: any = Object.fromEntries(\n    Object.entries(configIn.tokens).map(([k, v]) => [\n      k,\n      Object.fromEntries(Object.entries(v).map(([k, v]) => [`$${k}`, v])),\n    ])\n  )\n\n  const shorthands = configIn.shorthands || {}\n  const config: TamaguiInternalConfig = {\n    fontLanguages: [],\n    animations: {} as any,\n    media: {},\n    ...configIn,\n    // vite made this into a function if it wasn't set\n    shorthands: { ...shorthands },\n    inverseShorthands: shorthands\n      ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n      : {},\n    themes: themeConfig.themes as any,\n    fontsParsed,\n    themeConfig,\n    tokensParsed,\n    parsed: true,\n    getCSS: () => `\n.is_Text .is_Text { display: inline-flex; }\n._dsp_contents { display: contents; }\n${themeConfig.css}\n${getAllRules().join('\\n')}\n`,\n    // const tokens = [...getToken(tokens.size[0])]\n    // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }\n  }\n\n  configureMedia(config)\n  setConfig(config)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(config))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(config, true)\n\n  if (process.env.NODE_ENV === 'development') {\n    if (process.env.DEBUG?.startsWith('tamagui')) {\n      // eslint-disable-next-line no-console\n      console.log('Tamagui config:', config)\n    }\n    if (!globalThis['Tamagui']) {\n      globalThis['Tamagui'] = Tamagui\n    }\n  }\n\n  return config as any\n}\n"],
+  "sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\n\nimport { configListeners, setConfig } from './config'\nimport { createVariables } from './createVariables'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules'\nimport { getAllRules } from './helpers/insertStyleRule'\nimport {\n  registerCSSVariable,\n  tokensValueToVariable,\n  variableToCSS,\n} from './helpers/registerCSSVariable'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes'\nimport { configureMedia } from './hooks/useMedia'\nimport { parseFont, registerFontVariables } from './insertFont'\nimport { Tamagui } from './Tamagui'\nimport { CreateTamaguiProps, InferTamaguiConfig, TamaguiInternalConfig, ThemeParsed } 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  configIn: Conf\n): InferTamaguiConfig<Conf> {\n  if (createdConfigs.has(configIn)) {\n    return configIn as any\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!configIn.tokens) {\n      throw new Error(`Must define tokens`)\n    }\n    if (!configIn.themes) {\n      throw new Error(`Must define themes`)\n    }\n    if (!configIn.fonts) {\n      throw new Error(`Must define fonts`)\n    }\n  }\n\n  const fontTokens = Object.fromEntries(\n    Object.entries(configIn.fonts!).map(([k, v]) => {\n      return [k, createVariables(v, 'f', true)]\n    })\n  )\n\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 = { ...configIn.themes }\n    let 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 configIn.tokens) {\n        for (const skey in configIn.tokens[key]) {\n          const val = configIn.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' ? configIn.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 = 'default' } = fontDeclarations[key]\n          const fontSelector = `.font_${name}`\n          const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n          const selectors =\n            language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n          const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n          cssRuleSets.push(specificRuleSet)\n        }\n      }\n    }\n\n    // dedupe themes to avoid duplicate CSS generation\n    type DedupedTheme = {\n      names: string[]\n      theme: ThemeParsed\n    }\n    const dedupedThemes: {\n      [key: string]: DedupedTheme\n    } = {}\n    const existing = new WeakMap<ThemeParsed, DedupedTheme>()\n\n    // first, de-dupe and parse them\n    for (const themeName in themes) {\n      const rawTheme = themes[themeName] as ThemeParsed\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      // ensure each theme object unique for dedupe\n      const theme = { ...rawTheme }\n      // parse into variables\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(rawTheme, dedupedThemes[themeName])\n    }\n\n    // then, generate CSS from de-duped\n    if (isWeb || isRSC) {\n      for (const themeName in dedupedThemes) {\n        cssRuleSets = [\n          ...cssRuleSets,\n          ...getThemeCSSRules({\n            config: configIn,\n            themeName,\n            ...dedupedThemes[themeName],\n          }),\n        ]\n      }\n    }\n\n    // proxy upwards to get parent variables (themes are subset going down)\n    for (const themeName in themes) {\n      themes[themeName] = proxyThemeToParents(themeName, themes[themeName], themes)\n    }\n\n    tokensValueToVariable.clear()\n    Object.freeze(cssRuleSets)\n    const css = cssRuleSets.join('\\n')\n\n    return {\n      // could improve types but we do ensureThemeVariable so its accurate\n      themes,\n      cssRuleSets,\n      css,\n    }\n  })()\n\n  // faster $lookups\n  const tokensParsed: any = Object.fromEntries(\n    Object.entries(configIn.tokens).map(([k, v]) => [\n      k,\n      Object.fromEntries(Object.entries(v).map(([k, v]) => [`$${k}`, v])),\n    ])\n  )\n\n  const shorthands = configIn.shorthands || {}\n  const config: TamaguiInternalConfig = {\n    fontLanguages: [],\n    animations: {} as any,\n    media: {},\n    ...configIn,\n    // vite made this into a function if it wasn't set\n    shorthands: { ...shorthands },\n    inverseShorthands: shorthands\n      ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n      : {},\n    themes: themeConfig.themes as any,\n    fontsParsed,\n    themeConfig,\n    tokensParsed,\n    parsed: true,\n    getCSS: () => `\n.is_Text .is_Text {display:inline-flex;}\n._dsp_contents {display:contents;}\n${themeConfig.css}\n${getAllRules().join('\\n')}\n`,\n    // const tokens = [...getToken(tokens.size[0])]\n    // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }\n  }\n\n  configureMedia(config)\n  setConfig(config)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(config))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(config, true)\n\n  if (process.env.NODE_ENV === 'development') {\n    if (process.env.DEBUG?.startsWith('tamagui')) {\n      // eslint-disable-next-line no-console\n      console.log('Tamagui config:', config)\n    }\n    if (!globalThis['Tamagui']) {\n      globalThis['Tamagui'] = Tamagui\n    }\n  }\n\n  return config as any\n}\n"],
   "mappings": "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",
   "names": ["declarationsToRuleSet", "declarations", "k", "v"]
 }

package/dist/cjs/helpers/getSplitStyles.js

@@ -137,25 +137,37 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
   const shouldDoClasses = staticConfig.acceptsClassName && (import_constants.isWeb || IS_STATIC) && !state.noClassNames;
   let style = {};
   let flatTransforms;
-  function mergeStyle(key, val) {
-    usedKeys[key] = usedKeys[key] || 1;
-    if (val && val[0] === "_") {
-      classNames[key] = val;
-    } else if (key in import_helpers.stylePropsTransform) {
-      flatTransforms || (flatTransforms = {});
-      flatTransforms[key] = val;
-    } else {
-      style[key] = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key);
-    }
-  }
   const len = propKeys.length;
   const rulesToInsert = [];
   const classNames = {};
   const transforms = {};
   let fontFamily;
   for (let i = len - 1; i >= 0; i--) {
+    let mergeStyle2 = function(key, val) {
+      usedKeys[key] = usedKeys[key] || 1;
+      if (val && val[0] === "_") {
+        classNames[key] = val;
+      } else if (key in import_helpers.stylePropsTransform) {
+        flatTransforms || (flatTransforms = {});
+        flatTransforms[key] = val;
+      } else {
+        style[key] = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key);
+      }
+    };
+    var mergeStyle = mergeStyle2;
     let keyInit = propKeys[i];
     const valInit = props[keyInit];
+    if (validStyleProps[keyInit] || keyInit.includes("-")) {
+      if (valInit && valInit[0] === "_") {
+        if (shouldDoClasses) {
+          classNames[keyInit] = valInit;
+        } else {
+          style[keyInit] = (0, import_normalizeValueWithProperty.reverseMapClassNameToValue)(keyInit, valInit);
+        }
+        usedKeys[keyInit] = 1;
+        continue;
+      }
+    }
     const expandedKey = conf.shorthands[keyInit];
     if (expandedKey) {
       keyInit = expandedKey;
@@ -353,10 +365,8 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
       fontFamily = (0, import_createPropMapper.getPropMappedFontFamily)(expanded);
     }
     if (process.env.NODE_ENV === "development" && debug === "verbose") {
-      if (!import_constants.isServer) {
-        console.log("expanded", expanded);
-        console.log("usedKeys", usedKeys);
-        console.log("current", { ...style });
+      if (!import_constants.isServer && import_constants.isWeb) {
+        console.log("expanded", expanded, "\nusedKeys", usedKeys, "\ncurrent", { ...style });
       }
       console.groupEnd();
     }
@@ -388,7 +398,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
           conf,
           languageContext,
           true,
-          true
+          state.noClassNames
         );
         const descriptor = import_pseudoDescriptors.pseudoDescriptors[key];
         if (!descriptor) {
@@ -402,6 +412,8 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
         }
         if (shouldDoClasses) {
           const pseudoStyles = (0, import_getStylesAtomic.getAtomicStyle)(pseudoStyleObject, descriptor);
+          if (debug)
+            console.log("pseudoStyles", pseudoStyles);
           for (const psuedoStyle of pseudoStyles) {
             const fullKey = `${psuedoStyle.property}${PROP_SPLIT}${descriptor.name}`;
             if (!usedKeys[fullKey]) {
@@ -430,7 +442,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
               psuedosUsed[pkey] = importance;
               pseudos[key] || (pseudos[key] = {});
               pseudos[key][pkey] = val2;
-              mergeStyle(pkey, val2);
+              mergeStyle2(pkey, val2);
             }
           }
         }
@@ -452,7 +464,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
           conf,
           languageContext,
           false,
-          true
+          state.noClassNames
         );
         if (process.env.NODE_ENV === "development" && debug === "verbose") {
           console.log(`  \u{1F4FA} ${mediaKey}`, mediaState[mediaKeyShort], { mediaKey, mediaStyle, props, shouldDoClasses, mediaState: { ...mediaState } });
@@ -489,8 +501,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
         fontFamily = valInit[0] === "$" ? valInit : val;
       }
       if (validStyleProps[key]) {
-        usedKeys[key] = 1;
-        mergeStyle(key, val);
+        mergeStyle2(key, val);
         continue;
       }
       if (!staticConfig.variants || !(key in staticConfig.variants)) {
@@ -511,34 +522,33 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
     }
   }
   if (parentSplitStyles) {
-    if (process.env.NODE_ENV === "development") {
-      if (debug === "verbose") {
-        console.log(`  add in styled() parent styles`, { parentSplitStyles, shouldDoClasses });
-      }
-    }
     if (process.env.TAMAGUI_TARGET === "web") {
-      for (const key in parentSplitStyles.classNames) {
-        if (key in classNames)
-          continue;
-        if (key in style)
-          continue;
-        const val = parentSplitStyles.classNames[key];
-        if (!shouldDoClasses) {
-          style[key] = (0, import_normalizeValueWithProperty.reverseMapClassNameToValue)(key, val);
-        } else {
+      if (shouldDoClasses) {
+        for (const key in parentSplitStyles.classNames) {
+          const val = parentSplitStyles.classNames[key];
+          if (key in style || key in classNames)
+            continue;
           classNames[key] = val;
         }
       }
     }
     if (!shouldDoClasses) {
       for (const key in parentSplitStyles.style) {
-        if (key in classNames)
-          continue;
-        if (key in style)
+        if (key in classNames || key in style)
           continue;
         style[key] = parentSplitStyles.style[key];
       }
     }
+    if (process.env.NODE_ENV === "development") {
+      if (debug === "verbose") {
+        console.log(`  add in parent styled()`, {
+          parentSplitStyles,
+          shouldDoClasses,
+          style: { ...style },
+          classNames: { ...classNames }
+        });
+      }
+    }
   }
   if (process.env.TAMAGUI_TARGET === "web") {
     if (shouldDoClasses) {
@@ -551,7 +561,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
           mergeClassName(transforms, classNames, key, atomicStyle.identifier);
         }
         if (!IS_STATIC) {
-          style = emptyObject;
+          style = {};
         }
       }
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getSplitStyles.tsx"],
-  "sourcesContent": ["import { isClient, isRSC, isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { stylePropsText, stylePropsTransform, validPseudoKeys, validStyles } from '@tamagui/helpers'\nimport type { ViewStyle } from '@tamagui/types-react-native'\nimport { useInsertionEffect } from 'react'\n\nimport { getConfig } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport {\n  mediaState as globalMediaState,\n  mediaQueryConfig,\n  mergeMediaByImportance,\n} from '../hooks/useMedia'\nimport type {\n  DebugProp,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SplitStyleState,\n  StackProps,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  ThemeParsed,\n} from '../types'\nimport { FontLanguageProps, LanguageContextType } from '../views/FontLanguage.types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { getPropMappedFontFamily } from './createPropMapper'\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 {\n  normalizeValueWithProperty,\n  reverseMapClassNameToValue,\n} from './normalizeValueWithProperty.js'\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  role: true,\n  tag: true,\n}\n\nconst emptyObject = {}\nconst IS_STATIC = process.env.IS_STATIC === 'is_static'\n\n// native only skips\nif (process.env.TAMAGUI_TARGET === 'native') {\n  Object.assign(skipProps, {\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\n// web only maps accessibility to aria props\nconst accessibilityDirectMap: Record<string, string> = {}\nif (process.env.TAMAGUI_TARGET === 'web') {\n  // bundle size shave\n  const items = {\n    Hidden: true,\n    ActiveDescendant: true,\n    Atomic: true,\n    AutoComplete: true,\n    Busy: true,\n    Checked: true,\n    ColumnCount: 'colcount',\n    ColumnIndex: 'colindex',\n    ColumnSpan: 'colspan',\n    Current: true,\n    Details: true,\n    ErrorMessage: true,\n    Expanded: true,\n    HasPopup: true,\n    Invalid: true,\n    Label: true,\n    Level: true,\n    Modal: true,\n    Multiline: true,\n    MultiSelectable: true,\n    Orientation: true,\n    Owns: true,\n    Placeholder: true,\n    PosInSet: true,\n    Pressed: true,\n    RoleDescription: true,\n    RowCount: true,\n    RowIndex: true,\n    RowSpan: true,\n    Selected: true,\n    SetSize: true,\n    Sort: true,\n    ValueMax: true,\n    ValueMin: true,\n    ValueNow: true,\n    ValueText: true,\n  }\n  for (const key in items) {\n    let val = items[key]\n    if (val === true) {\n      val = key.toLowerCase()\n    }\n    accessibilityDirectMap[`accessibility${key}`] = `aria-${val}`\n  }\n}\n\ntype TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey\n\nlet conf: TamaguiInternalConfig\n\ntype SplitStylesAndProps = {\n  pseudos: PseudoStyles\n  medias: Record<MediaQueryKey, ViewStyle>\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: RulesToInsert\n  viewProps: StackProps & Record<string, any>\n  fontFamily: string | undefined\n  mediaKeys: string[]\n}\n\ntype StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeParsed,\n  state: SplitStyleState,\n  parentSplitStyles?: SplitStylesAndProps | null,\n  languageContext?: LanguageContextType,\n  // web-only\n  elementType?: string,\n  debug?: DebugProp\n) => SplitStylesAndProps\n\nexport const PROP_SPLIT = '-'\n\nconst accessibilityRoleToWebRole = {\n  adjustable: 'slider',\n  header: 'heading',\n  image: 'img',\n  link: 'link',\n  none: 'presentation',\n  summary: 'region',\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\nconst isMediaKey = (key: string) => Boolean(key[0] === '$' && mediaQueryConfig[key.slice(1)])\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  parentSplitStyles,\n  languageContext,\n  elementType,\n  debug\n) => {\n  conf = conf || getConfig()\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const mediaKeys: string[] = []\n  const viewProps: SplitStylesAndProps['viewProps'] = {}\n  const pseudos: PseudoStyles = {}\n  let psuedosUsed: Record<string, number> | null = null\n  const medias: Record<MediaQueryKey, ViewStyle> = {}\n  const mediaState = state.mediaState || globalMediaState\n  const usedKeys: Record<string, number> = {}\n  const propKeys = Object.keys(props)\n\n  const shouldDoClasses =\n    staticConfig.acceptsClassName && (isWeb || IS_STATIC) && !state.noClassNames\n\n  let style: ViewStyle = {}\n  let flatTransforms: Record<string, any> | undefined\n\n  function mergeStyle(key: string, val: any) {\n    usedKeys[key] = usedKeys[key] || 1\n    if (val && val[0] === '_') {\n      classNames[key] = val\n    } else if (key in stylePropsTransform) {\n      flatTransforms ||= {}\n      flatTransforms[key] = val\n    } else {\n      style[key] = normalizeValueWithProperty(val, key)\n    }\n  }\n\n  const len = propKeys.length\n  const rulesToInsert: RulesToInsert = []\n  const 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  const transforms: Record<TransformNamespaceKey, [string, string]> = {}\n  // fontFamily is our special baby, ensure we grab the latest set one always\n  let fontFamily: string | undefined\n\n  // loop backwards so we can skip already-used props\n  for (let i = len - 1; i >= 0; i--) {\n    let keyInit = propKeys[i]\n    const valInit = props[keyInit]\n\n    // normalize shorthands up front\n    const expandedKey = conf.shorthands[keyInit]\n    if (expandedKey) {\n      keyInit = expandedKey\n    }\n\n    if (usedKeys[keyInit]) continue\n    if (skipProps[keyInit]) continue\n    if (!isWeb && keyInit.startsWith('data-')) continue\n\n    if (keyInit === 'style' || keyInit.startsWith('_style')) {\n      if (!valInit) continue\n      const styles = Array.isArray(valInit) ? valInit : [valInit]\n      const styleLen = styles.length\n      for (let j = styleLen; j >= 0; j--) {\n        const cur = styles[j]\n        if (!cur) continue\n        for (const key in cur) {\n          if (usedKeys[key]) continue\n          usedKeys[key] = 1\n          style[key] = cur[key]\n        }\n      }\n      continue\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      /**\n       * Copying in the accessibility/prop handling from react-native-web here\n       * Keeps it in a single loop, avoids dup de-structuring to avoid bundle size\n       */\n      if (keyInit === 'disabled' && valInit === true) {\n        usedKeys[keyInit] = 1\n        viewProps['aria-disabled'] = true\n        // Enhance with native semantics\n        if (\n          elementType === 'button' ||\n          elementType === 'form' ||\n          elementType === 'input' ||\n          elementType === 'select' ||\n          elementType === 'textarea'\n        ) {\n          viewProps.disabled = true\n        }\n        if (!staticConfig.variants?.disabled) {\n          continue\n        }\n      }\n\n      if (keyInit === 'testID') {\n        usedKeys[keyInit] = 1\n        if (staticConfig.isReactNative) {\n          viewProps.testId = valInit\n        } else {\n          viewProps['data-testid'] = valInit\n        }\n        continue\n      }\n\n      if (keyInit === 'id' || keyInit === 'nativeID') {\n        usedKeys[keyInit] = 1\n        if (staticConfig.isReactNative) {\n          viewProps.nativeID = valInit\n        } else {\n          viewProps.id = valInit\n        }\n        continue\n      }\n\n      let didUseKeyInit = true\n\n      if (staticConfig.isReactNative) {\n        didUseKeyInit = false\n\n        // pass along to react-native-web\n        if (accessibilityDirectMap[keyInit] || keyInit.startsWith('accessibility')) {\n          viewProps[keyInit] = valInit\n          usedKeys[keyInit] = 1\n          continue\n        }\n      } else {\n        if (accessibilityDirectMap[keyInit]) {\n          viewProps[accessibilityDirectMap[keyInit]] = valInit\n          usedKeys[keyInit] = 1\n          continue\n        }\n\n        switch (keyInit) {\n          case 'accessibilityRole': {\n            if (valInit === 'none') {\n              viewProps.role = 'presentation'\n            } else {\n              viewProps.role = accessibilityRoleToWebRole[valInit] || valInit\n            }\n            break\n          }\n          case 'accessibilityControls': {\n            viewProps['aria-controls'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityDescribedBy': {\n            viewProps['aria-describedby'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityFlowTo': {\n            viewProps['aria-flowto'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityLabelledBy': {\n            viewProps['aria-labelledby'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityKeyShortcuts': {\n            if (Array.isArray(valInit)) {\n              viewProps['aria-keyshortcuts'] = valInit.join(' ')\n            }\n            break\n          }\n          case 'accessibilityLiveRegion': {\n            viewProps['aria-live'] = valInit === 'none' ? 'off' : valInit\n            break\n          }\n          case 'accessibilityReadOnly': {\n            viewProps['aria-readonly'] = valInit\n            // Enhance with native semantics\n            if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {\n              viewProps.readOnly = true\n            }\n            break\n          }\n          case 'accessibilityRequired': {\n            viewProps['aria-required'] = valInit\n            // Enhance with native semantics\n            if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {\n              viewProps.required = true\n            }\n            break\n          }\n          default: {\n            didUseKeyInit = false\n          }\n        }\n      }\n\n      if (didUseKeyInit) {\n        usedKeys[keyInit] = 1\n        continue\n      }\n\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[fullKey] = 1\n            mergeClassName(transforms, classNames, fullKey, cn, isMediaOrPseudo)\n          } else {\n            nonTamaguis += ' ' + cn\n          }\n        }\n        if (nonTamaguis) {\n          usedKeys[keyInit] = 1\n          mergeClassName(transforms, classNames, 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[keyInit] = 1\n          mergeClassName(transforms, classNames, keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\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      (state.keepVariantsAsProps && staticConfig.variants && keyInit in staticConfig.variants)\n    ) {\n      viewProps[keyInit] = valInit\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 = isMediaKey(keyInit)\n    let isPseudo = validPseudoKeys[keyInit]\n\n    if (\n      !isMedia &&\n      !isPseudo &&\n      !staticConfig.variants?.[keyInit] &&\n      !validStyleProps[keyInit] &&\n      !conf.shorthands[keyInit]\n    ) {\n      usedKeys[keyInit] = 1\n      viewProps[keyInit] = valInit\n      continue\n    }\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles', keyInit, valInit)\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 (!fontFamily) {\n      fontFamily = getPropMappedFontFamily(expanded)\n    }\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      if (!isServer) {\n        // eslint-disable-next-line no-console\n        console.log('expanded', expanded)\n        // eslint-disable-next-line no-console\n        console.log('usedKeys', usedKeys)\n        // eslint-disable-next-line no-console\n        console.log('current', { ...style })\n      }\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n\n    if (!expanded) continue\n\n    for (const [key, val] of expanded) {\n      if (val === undefined) continue\n\n      isMedia = isMediaKey(key)\n      isPseudo = validPseudoKeys[key]\n      const isMediaOrPseudo = isMedia || isPseudo\n\n      if (!isMediaOrPseudo && usedKeys[key]) {\n        continue\n      }\n\n      if (\n        staticConfig.deoptProps?.has(key) ||\n        staticConfig.inlineProps?.has(key) ||\n        staticConfig.inlineWhenUnflattened?.has(key)\n      ) {\n        usedKeys[key] = 1\n        viewProps[key] = props[key] ?? val\n      }\n\n      // pseudo\n      if (isPseudo) {\n        if (!val) continue\n\n        // TODO can avoid processing this if !shouldDoClasses + state is off\n        const pseudoStyleObject = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext,\n          true,\n          true\n        )\n\n        const descriptor = pseudoDescriptors[key as keyof typeof pseudoDescriptors]\n        if (!descriptor) {\n          continue\n        }\n\n        if (key !== 'enterStyle') {\n          if (!shouldDoClasses || IS_STATIC) {\n            pseudos[key] ||= {}\n            Object.assign(pseudos[key], pseudoStyleObject)\n          }\n        }\n\n        if (shouldDoClasses) {\n          const pseudoStyles = getAtomicStyle(pseudoStyleObject, descriptor)\n          for (const psuedoStyle of pseudoStyles) {\n            const fullKey = `${psuedoStyle.property}${PROP_SPLIT}${descriptor.name}`\n            if (!usedKeys[fullKey]) {\n              usedKeys[fullKey] = 1\n              addStyleToInsertRules(rulesToInsert, psuedoStyle)\n              mergeClassName(\n                transforms,\n                classNames,\n                fullKey,\n                psuedoStyle.identifier,\n                isMediaOrPseudo\n              )\n            }\n          }\n        } else {\n          if (!state[descriptor.stateKey || descriptor.name]) {\n            continue\n          }\n\n          psuedosUsed ||= {}\n          usedKeys[key] ||= 1\n          const importance = descriptor.priority\n          for (const pkey in pseudoStyleObject) {\n            const curImportance = psuedosUsed[importance] || 0\n            const val = pseudoStyleObject[pkey]\n            if (importance >= curImportance) {\n              psuedosUsed[pkey] = importance\n              pseudos[key] ||= {}\n              pseudos[key][pkey] = val\n              mergeStyle(pkey, val)\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        if (!val) continue\n\n        const mediaKey = key\n        const mediaKeyShort = mediaKey.slice(1)\n        mediaKeys.push(mediaKeyShort)\n\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\n        const mediaStyle = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext,\n          // TODO try true like pseudo\n          false,\n          true\n        )\n\n        if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n          // prettier-ignore\n          // eslint-disable-next-line no-console\n          console.log(`  \uD83D\uDCFA ${mediaKey}`, mediaState[mediaKeyShort], { mediaKey, mediaStyle, props, shouldDoClasses, mediaState: { ...mediaState } })\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[fullKey]) {\n              usedKeys[fullKey] = 1\n              addStyleToInsertRules(rulesToInsert, out)\n              mergeClassName(transforms, classNames, fullKey, out.identifier, true)\n            }\n          }\n        } else if (mediaState[mediaKey]) {\n          for (const key in mediaStyle) {\n            const didMerge = mergeMediaByImportance(style, key, mediaStyle[key], usedKeys)\n            if (didMerge) {\n              if (key === 'fontFamily') {\n                fontFamily = mediaStyle[key]\n              }\n            }\n          }\n        }\n        continue\n      }\n\n      if (!isWeb && key === 'pointerEvents') {\n        usedKeys[key] = 1\n        viewProps[key] = val\n        continue\n      }\n\n      if (key === 'fontFamily' && !fontFamily && valInit && val) {\n        fontFamily = valInit[0] === '$' ? valInit : val\n      }\n\n      if (validStyleProps[key]) {\n        usedKeys[key] = 1\n        mergeStyle(key, val)\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[key] = 1\n        }\n      }\n    }\n  }\n\n  fixStyles(style)\n  if (isWeb) {\n    styleToCSS(style)\n  }\n\n  // always do this at the very end to preserve the order strictly (animations, origin)\n  // and allow proper merging of all pseudos before applying\n  if (flatTransforms) {\n    for (const key in flatTransforms) {\n      mergeTransform(style, key, flatTransforms[key], true)\n    }\n  }\n\n  // add in defaults if not set:\n  if (parentSplitStyles) {\n    if (process.env.NODE_ENV === 'development') {\n      if (debug === 'verbose') {\n        // eslint-disable-next-line no-console\n        console.log(`  add in styled() parent styles`, { parentSplitStyles, shouldDoClasses })\n      }\n    }\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      for (const key in parentSplitStyles.classNames) {\n        if (key in classNames) continue\n        if (key in style) continue\n        const val = parentSplitStyles.classNames[key]\n        if (!shouldDoClasses) {\n          style[key] = reverseMapClassNameToValue(key, val)\n        } else {\n          classNames[key] = val\n        }\n      }\n    }\n    if (!shouldDoClasses) {\n      for (const key in parentSplitStyles.style) {\n        if (key in classNames) continue\n        if (key in style) continue\n        style[key] = parentSplitStyles.style[key]\n      }\n    }\n  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (shouldDoClasses) {\n      if (style['$$css']) {\n        // avoid re-processing for rnw\n      } else {\n        const atomic = getStylesAtomic(style)\n        for (const atomicStyle of atomic) {\n          const key = atomicStyle.property\n          addStyleToInsertRules(rulesToInsert, atomicStyle)\n          mergeClassName(transforms, classNames, key, atomicStyle.identifier)\n        }\n        if (!IS_STATIC) {\n          style = emptyObject\n        }\n      }\n    }\n\n    if (transforms) {\n      for (const namespace in transforms) {\n        if (!transforms[namespace]) {\n          if (process.env.NODE_ENV === 'development') {\n            // eslint-disable-next-line no-console\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 (isDevTools) {\n      // prettier-ignore\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles =>')\n      const logs = { style, pseudos, medias, classNames, viewProps, state, rulesToInsert }\n      for (const key in logs) {\n        // eslint-disable-next-line no-console\n        console.log(key, logs[key])\n      }\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n  }\n\n  return {\n    fontFamily,\n    viewProps,\n    style,\n    medias,\n    mediaKeys,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n}\n\nfunction mergeClassName(\n  transforms: Record<string, any[]>,\n  classNames: Record<string, string>,\n  key: string,\n  val: string,\n  isMediaOrPseudo = false\n) {\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      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              // eslint-disable-next-line no-console\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      }\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/**\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 cache = new WeakMap()\nfunction getSubStyleProps(defaultProps: Object, baseProps: Object, specificProps: Object) {\n  const key = specificProps || baseProps\n  // can cache based only on specific it's always referentially consistent with base\n  if (cache.has(key)) {\n    return cache.get(key)\n  }\n  const next = {\n    ...defaultProps,\n    ...baseProps,\n    ...specificProps,\n  }\n  cache.set(key, next)\n  return next\n}\n\nexport const getSubStyle = (\n  subKey: string,\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeParsed,\n  props: any,\n  state: SplitStyleState,\n  conf: TamaguiInternalConfig,\n  languageContext?: FontLanguageProps,\n  avoidDefaultProps?: boolean,\n  avoidMergeTransform?: boolean\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n\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      getSubStyleProps(staticConfig.defaultProps, props, props[subKey]),\n      state,\n      languageContext,\n      avoidDefaultProps\n    )\n    if (!expanded) continue\n    for (const [skey, sval] of expanded) {\n      if (!avoidMergeTransform && 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  if (!isRSC) {\n    useInsertEffectCompat(() => {\n      insertStyleRules(res.rulesToInsert)\n    }, [res.rulesToInsert])\n  }\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\nfunction processIDRefList(idRefList: string | Array<string>): string {\n  return Array.isArray(idRefList) ? idRefList.join(' ') : idRefList\n}\n"],
-  "mappings": "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",
-  "names": ["globalMediaState", "isMedia", "isPseudo", "val", "style", "key", "conf"]
+  "sourcesContent": ["import { isClient, isRSC, isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { stylePropsText, stylePropsTransform, validPseudoKeys, validStyles } from '@tamagui/helpers'\nimport type { ViewStyle } from '@tamagui/types-react-native'\nimport { useInsertionEffect } from 'react'\n\nimport { getConfig } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport {\n  mediaState as globalMediaState,\n  mediaQueryConfig,\n  mergeMediaByImportance,\n} from '../hooks/useMedia'\nimport type {\n  DebugProp,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SplitStyleState,\n  StackProps,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  ThemeParsed,\n} from '../types'\nimport { FontLanguageProps, LanguageContextType } from '../views/FontLanguage.types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { getPropMappedFontFamily } from './createPropMapper'\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 {\n  normalizeValueWithProperty,\n  reverseMapClassNameToValue,\n} from './normalizeValueWithProperty.js'\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  role: true,\n  tag: true,\n}\n\nconst emptyObject = {}\nconst IS_STATIC = process.env.IS_STATIC === 'is_static'\n\n// native only skips\nif (process.env.TAMAGUI_TARGET === 'native') {\n  Object.assign(skipProps, {\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\n// web only maps accessibility to aria props\nconst accessibilityDirectMap: Record<string, string> = {}\nif (process.env.TAMAGUI_TARGET === 'web') {\n  // bundle size shave\n  const items = {\n    Hidden: true,\n    ActiveDescendant: true,\n    Atomic: true,\n    AutoComplete: true,\n    Busy: true,\n    Checked: true,\n    ColumnCount: 'colcount',\n    ColumnIndex: 'colindex',\n    ColumnSpan: 'colspan',\n    Current: true,\n    Details: true,\n    ErrorMessage: true,\n    Expanded: true,\n    HasPopup: true,\n    Invalid: true,\n    Label: true,\n    Level: true,\n    Modal: true,\n    Multiline: true,\n    MultiSelectable: true,\n    Orientation: true,\n    Owns: true,\n    Placeholder: true,\n    PosInSet: true,\n    Pressed: true,\n    RoleDescription: true,\n    RowCount: true,\n    RowIndex: true,\n    RowSpan: true,\n    Selected: true,\n    SetSize: true,\n    Sort: true,\n    ValueMax: true,\n    ValueMin: true,\n    ValueNow: true,\n    ValueText: true,\n  }\n  for (const key in items) {\n    let val = items[key]\n    if (val === true) {\n      val = key.toLowerCase()\n    }\n    accessibilityDirectMap[`accessibility${key}`] = `aria-${val}`\n  }\n}\n\ntype TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey\n\nlet conf: TamaguiInternalConfig\n\ntype SplitStylesAndProps = {\n  pseudos: PseudoStyles\n  medias: Record<MediaQueryKey, ViewStyle>\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: RulesToInsert\n  viewProps: StackProps & Record<string, any>\n  fontFamily: string | undefined\n  mediaKeys: string[]\n}\n\ntype StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeParsed,\n  state: SplitStyleState,\n  parentSplitStyles?: SplitStylesAndProps | null,\n  languageContext?: LanguageContextType,\n  // web-only\n  elementType?: string,\n  debug?: DebugProp\n) => SplitStylesAndProps\n\nexport const PROP_SPLIT = '-'\n\nconst accessibilityRoleToWebRole = {\n  adjustable: 'slider',\n  header: 'heading',\n  image: 'img',\n  link: 'link',\n  none: 'presentation',\n  summary: 'region',\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\nconst isMediaKey = (key: string) => Boolean(key[0] === '$' && mediaQueryConfig[key.slice(1)])\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  parentSplitStyles,\n  languageContext,\n  elementType,\n  debug\n) => {\n  conf = conf || getConfig()\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const mediaKeys: string[] = []\n  const viewProps: SplitStylesAndProps['viewProps'] = {}\n  const pseudos: PseudoStyles = {}\n  let psuedosUsed: Record<string, number> | null = null\n  const medias: Record<MediaQueryKey, ViewStyle> = {}\n  const mediaState = state.mediaState || globalMediaState\n  const usedKeys: Record<string, number> = {}\n  const propKeys = Object.keys(props)\n\n  const shouldDoClasses =\n    staticConfig.acceptsClassName && (isWeb || IS_STATIC) && !state.noClassNames\n\n  let style: ViewStyle = {}\n  let flatTransforms: Record<string, any> | undefined\n\n  const len = propKeys.length\n  const rulesToInsert: RulesToInsert = []\n  const 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  const transforms: Record<TransformNamespaceKey, [string, string]> = {}\n  // fontFamily is our special baby, ensure we grab the latest set one always\n  let fontFamily: string | undefined\n\n  // loop backwards so we can skip already-used props\n  for (let i = len - 1; i >= 0; i--) {\n    let keyInit = propKeys[i]\n    const valInit = props[keyInit]\n\n    if (validStyleProps[keyInit] || keyInit.includes('-')) {\n      if (valInit && valInit[0] === '_') {\n        if (shouldDoClasses) {\n          classNames[keyInit] = valInit\n        } else {\n          style[keyInit] = reverseMapClassNameToValue(keyInit, valInit)\n        }\n        usedKeys[keyInit] = 1\n        continue\n      }\n    }\n\n    // normalize shorthands up front\n    const expandedKey = conf.shorthands[keyInit]\n    if (expandedKey) {\n      keyInit = expandedKey\n    }\n\n    if (usedKeys[keyInit]) continue\n    if (skipProps[keyInit]) continue\n    if (!isWeb && keyInit.startsWith('data-')) continue\n\n    if (keyInit === 'style' || keyInit.startsWith('_style')) {\n      if (!valInit) continue\n      const styles = Array.isArray(valInit) ? valInit : [valInit]\n      const styleLen = styles.length\n      for (let j = styleLen; j >= 0; j--) {\n        const cur = styles[j]\n        if (!cur) continue\n        for (const key in cur) {\n          if (usedKeys[key]) continue\n          usedKeys[key] = 1\n          style[key] = cur[key]\n        }\n      }\n      continue\n    }\n\n    function mergeStyle(key: string, val: any) {\n      usedKeys[key] = usedKeys[key] || 1\n      if (val && val[0] === '_') {\n        classNames[key] = val\n      } else if (key in stylePropsTransform) {\n        flatTransforms ||= {}\n        flatTransforms[key] = val\n      } else {\n        style[key] = normalizeValueWithProperty(val, key)\n      }\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      /**\n       * Copying in the accessibility/prop handling from react-native-web here\n       * Keeps it in a single loop, avoids dup de-structuring to avoid bundle size\n       */\n      if (keyInit === 'disabled' && valInit === true) {\n        usedKeys[keyInit] = 1\n        viewProps['aria-disabled'] = true\n        // Enhance with native semantics\n        if (\n          elementType === 'button' ||\n          elementType === 'form' ||\n          elementType === 'input' ||\n          elementType === 'select' ||\n          elementType === 'textarea'\n        ) {\n          viewProps.disabled = true\n        }\n        if (!staticConfig.variants?.disabled) {\n          continue\n        }\n      }\n\n      if (keyInit === 'testID') {\n        usedKeys[keyInit] = 1\n        if (staticConfig.isReactNative) {\n          viewProps.testId = valInit\n        } else {\n          viewProps['data-testid'] = valInit\n        }\n        continue\n      }\n\n      if (keyInit === 'id' || keyInit === 'nativeID') {\n        usedKeys[keyInit] = 1\n        if (staticConfig.isReactNative) {\n          viewProps.nativeID = valInit\n        } else {\n          viewProps.id = valInit\n        }\n        continue\n      }\n\n      let didUseKeyInit = true\n\n      if (staticConfig.isReactNative) {\n        didUseKeyInit = false\n\n        // pass along to react-native-web\n        if (accessibilityDirectMap[keyInit] || keyInit.startsWith('accessibility')) {\n          viewProps[keyInit] = valInit\n          usedKeys[keyInit] = 1\n          continue\n        }\n      } else {\n        if (accessibilityDirectMap[keyInit]) {\n          viewProps[accessibilityDirectMap[keyInit]] = valInit\n          usedKeys[keyInit] = 1\n          continue\n        }\n\n        switch (keyInit) {\n          case 'accessibilityRole': {\n            if (valInit === 'none') {\n              viewProps.role = 'presentation'\n            } else {\n              viewProps.role = accessibilityRoleToWebRole[valInit] || valInit\n            }\n            break\n          }\n          case 'accessibilityControls': {\n            viewProps['aria-controls'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityDescribedBy': {\n            viewProps['aria-describedby'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityFlowTo': {\n            viewProps['aria-flowto'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityLabelledBy': {\n            viewProps['aria-labelledby'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityKeyShortcuts': {\n            if (Array.isArray(valInit)) {\n              viewProps['aria-keyshortcuts'] = valInit.join(' ')\n            }\n            break\n          }\n          case 'accessibilityLiveRegion': {\n            viewProps['aria-live'] = valInit === 'none' ? 'off' : valInit\n            break\n          }\n          case 'accessibilityReadOnly': {\n            viewProps['aria-readonly'] = valInit\n            // Enhance with native semantics\n            if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {\n              viewProps.readOnly = true\n            }\n            break\n          }\n          case 'accessibilityRequired': {\n            viewProps['aria-required'] = valInit\n            // Enhance with native semantics\n            if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {\n              viewProps.required = true\n            }\n            break\n          }\n          default: {\n            didUseKeyInit = false\n          }\n        }\n      }\n\n      if (didUseKeyInit) {\n        usedKeys[keyInit] = 1\n        continue\n      }\n\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[fullKey] = 1\n            mergeClassName(transforms, classNames, fullKey, cn, isMediaOrPseudo)\n          } else {\n            nonTamaguis += ' ' + cn\n          }\n        }\n        if (nonTamaguis) {\n          usedKeys[keyInit] = 1\n          mergeClassName(transforms, classNames, 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\n        if (isValidClassName || isMediaOrPseudo) {\n          usedKeys[keyInit] = 1\n          mergeClassName(transforms, classNames, keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\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      (state.keepVariantsAsProps && staticConfig.variants && keyInit in staticConfig.variants)\n    ) {\n      viewProps[keyInit] = valInit\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 = isMediaKey(keyInit)\n    let isPseudo = validPseudoKeys[keyInit]\n\n    if (\n      !isMedia &&\n      !isPseudo &&\n      !staticConfig.variants?.[keyInit] &&\n      !validStyleProps[keyInit] &&\n      !conf.shorthands[keyInit]\n    ) {\n      usedKeys[keyInit] = 1\n      viewProps[keyInit] = valInit\n      continue\n    }\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles', keyInit, valInit)\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 (!fontFamily) {\n      fontFamily = getPropMappedFontFamily(expanded)\n    }\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      if (!isServer && isWeb) {\n        // eslint-disable-next-line no-console\n        console.log('expanded', expanded, '\\nusedKeys', usedKeys, '\\ncurrent', { ...style })\n      }\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n\n    if (!expanded) continue\n\n    for (const [key, val] of expanded) {\n      if (val === undefined) continue\n\n      isMedia = isMediaKey(key)\n      isPseudo = validPseudoKeys[key]\n      const isMediaOrPseudo = isMedia || isPseudo\n\n      if (!isMediaOrPseudo && usedKeys[key]) {\n        continue\n      }\n\n      if (\n        staticConfig.deoptProps?.has(key) ||\n        staticConfig.inlineProps?.has(key) ||\n        staticConfig.inlineWhenUnflattened?.has(key)\n      ) {\n        usedKeys[key] = 1\n        viewProps[key] = props[key] ?? val\n      }\n\n      // pseudo\n      if (isPseudo) {\n        if (!val) continue\n\n        // TODO can avoid processing this if !shouldDoClasses + state is off\n        const pseudoStyleObject = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext,\n          true,\n          state.noClassNames\n        )\n\n        const descriptor = pseudoDescriptors[key as keyof typeof pseudoDescriptors]\n        if (!descriptor) {\n          continue\n        }\n\n        if (key !== 'enterStyle') {\n          if (!shouldDoClasses || IS_STATIC) {\n            pseudos[key] ||= {}\n            Object.assign(pseudos[key], pseudoStyleObject)\n          }\n        }\n\n        if (shouldDoClasses) {\n          const pseudoStyles = getAtomicStyle(pseudoStyleObject, descriptor)\n          if (debug) console.log('pseudoStyles', pseudoStyles)\n          for (const psuedoStyle of pseudoStyles) {\n            const fullKey = `${psuedoStyle.property}${PROP_SPLIT}${descriptor.name}`\n            if (!usedKeys[fullKey]) {\n              usedKeys[fullKey] = 1\n              addStyleToInsertRules(rulesToInsert, psuedoStyle)\n              mergeClassName(\n                transforms,\n                classNames,\n                fullKey,\n                psuedoStyle.identifier,\n                isMediaOrPseudo\n              )\n            }\n          }\n        } else {\n          if (!state[descriptor.stateKey || descriptor.name]) {\n            continue\n          }\n\n          psuedosUsed ||= {}\n          usedKeys[key] ||= 1\n          const importance = descriptor.priority\n          for (const pkey in pseudoStyleObject) {\n            const curImportance = psuedosUsed[importance] || 0\n            const val = pseudoStyleObject[pkey]\n            if (importance >= curImportance) {\n              psuedosUsed[pkey] = importance\n              pseudos[key] ||= {}\n              pseudos[key][pkey] = val\n              mergeStyle(pkey, val)\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        if (!val) continue\n\n        const mediaKey = key\n        const mediaKeyShort = mediaKey.slice(1)\n        mediaKeys.push(mediaKeyShort)\n\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\n        const mediaStyle = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext,\n          // TODO try true like pseudo\n          false,\n          state.noClassNames\n        )\n\n        if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n          // prettier-ignore\n          // eslint-disable-next-line no-console\n          console.log(`  \uD83D\uDCFA ${mediaKey}`, mediaState[mediaKeyShort], { mediaKey, mediaStyle, props, shouldDoClasses, mediaState: { ...mediaState } })\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[fullKey]) {\n              usedKeys[fullKey] = 1\n              addStyleToInsertRules(rulesToInsert, out)\n              mergeClassName(transforms, classNames, fullKey, out.identifier, true)\n            }\n          }\n        } else if (mediaState[mediaKey]) {\n          for (const key in mediaStyle) {\n            const didMerge = mergeMediaByImportance(style, key, mediaStyle[key], usedKeys)\n            if (didMerge) {\n              if (key === 'fontFamily') {\n                fontFamily = mediaStyle[key]\n              }\n            }\n          }\n        }\n        continue\n      }\n\n      if (!isWeb && key === 'pointerEvents') {\n        usedKeys[key] = 1\n        viewProps[key] = val\n        continue\n      }\n\n      if (key === 'fontFamily' && !fontFamily && valInit && val) {\n        fontFamily = valInit[0] === '$' ? valInit : val\n      }\n\n      if (validStyleProps[key]) {\n        mergeStyle(key, val)\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[key] = 1\n        }\n      }\n    }\n  }\n\n  fixStyles(style)\n  if (isWeb) {\n    styleToCSS(style)\n  }\n\n  // always do this at the very end to preserve the order strictly (animations, origin)\n  // and allow proper merging of all pseudos before applying\n  if (flatTransforms) {\n    for (const key in flatTransforms) {\n      mergeTransform(style, key, flatTransforms[key], true)\n    }\n  }\n\n  // add in defaults if not set:\n  if (parentSplitStyles) {\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (shouldDoClasses) {\n        for (const key in parentSplitStyles.classNames) {\n          const val = parentSplitStyles.classNames[key]\n          if (key in style || key in classNames) continue\n          classNames[key] = val\n        }\n      }\n    }\n    if (!shouldDoClasses) {\n      for (const key in parentSplitStyles.style) {\n        if (key in classNames || key in style) continue\n        style[key] = parentSplitStyles.style[key]\n      }\n    }\n    if (process.env.NODE_ENV === 'development') {\n      if (debug === 'verbose') {\n        // eslint-disable-next-line no-console\n        console.log(`  add in parent styled()`, {\n          parentSplitStyles,\n          shouldDoClasses,\n          style: { ...style },\n          classNames: { ...classNames },\n        })\n      }\n    }\n  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (shouldDoClasses) {\n      if (style['$$css']) {\n        // avoid re-processing for rnw\n      } else {\n        const atomic = getStylesAtomic(style)\n        for (const atomicStyle of atomic) {\n          const key = atomicStyle.property\n          addStyleToInsertRules(rulesToInsert, atomicStyle)\n          mergeClassName(transforms, classNames, key, atomicStyle.identifier)\n        }\n        if (!IS_STATIC) {\n          style = {}\n        }\n      }\n    }\n\n    if (transforms) {\n      for (const namespace in transforms) {\n        if (!transforms[namespace]) {\n          if (process.env.NODE_ENV === 'development') {\n            // eslint-disable-next-line no-console\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 (isDevTools) {\n      // prettier-ignore\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles =>')\n      const logs = { style, pseudos, medias, classNames, viewProps, state, rulesToInsert }\n      for (const key in logs) {\n        // eslint-disable-next-line no-console\n        console.log(key, logs[key])\n      }\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n  }\n\n  return {\n    fontFamily,\n    viewProps,\n    style,\n    medias,\n    mediaKeys,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n}\n\nfunction mergeClassName(\n  transforms: Record<string, any[]>,\n  classNames: Record<string, string>,\n  key: string,\n  val: string,\n  isMediaOrPseudo = false\n) {\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      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              // eslint-disable-next-line no-console\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      }\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/**\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 cache = new WeakMap()\nfunction getSubStyleProps(defaultProps: Object, baseProps: Object, specificProps: Object) {\n  const key = specificProps || baseProps\n  // can cache based only on specific it's always referentially consistent with base\n  if (cache.has(key)) {\n    return cache.get(key)\n  }\n  const next = {\n    ...defaultProps,\n    ...baseProps,\n    ...specificProps,\n  }\n  cache.set(key, next)\n  return next\n}\n\nexport const getSubStyle = (\n  subKey: string,\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeParsed,\n  props: any,\n  state: SplitStyleState,\n  conf: TamaguiInternalConfig,\n  languageContext?: FontLanguageProps,\n  avoidDefaultProps?: boolean,\n  avoidMergeTransform?: boolean\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n\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      getSubStyleProps(staticConfig.defaultProps, props, props[subKey]),\n      state,\n      languageContext,\n      avoidDefaultProps\n    )\n    if (!expanded) continue\n    for (const [skey, sval] of expanded) {\n      if (!avoidMergeTransform && 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  if (!isRSC) {\n    useInsertEffectCompat(() => {\n      insertStyleRules(res.rulesToInsert)\n    }, [res.rulesToInsert])\n  }\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\nfunction processIDRefList(idRefList: string | Array<string>): string {\n  return Array.isArray(idRefList) ? idRefList.join(' ') : idRefList\n}\n"],
+  "mappings": "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",
+  "names": ["globalMediaState", "mergeStyle", "isMedia", "isPseudo", "val", "style", "key", "conf"]
 }

package/dist/cjs/helpers/getStylesAtomic.js

@@ -67,10 +67,8 @@ let conf;
 const generateAtomicStyles = (styleIn, pseudo) => {
   conf = conf || (0, import_config.getConfig)();
   const style = styleIn;
-  if (style.transform) {
-    if (Array.isArray(style.transform)) {
-      style.transform = style.transform.map(mapTransform).join(" ");
-    }
+  if (style.transform && Array.isArray(style.transform)) {
+    style.transform = style.transform.map(mapTransform).join(" ");
   }
   styleToCSS(style);
   const out = [];

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getStylesAtomic.ts"],
-  "sourcesContent": ["/**\n * Some parts adapted from react-native-web\n * Copyright (c) Nicolas Gallagher licensed under the MIT license.\n */\n\nimport { StyleObject, simpleHash } from '@tamagui/helpers'\nimport type { TextStyle, ViewStyle } from '@tamagui/types-react-native'\n\nimport { getConfig } from '../config'\nimport { TamaguiInternalConfig } from '../types'\nimport { Style, cache } from './cache'\nimport { defaultOffset } from './expandStyles'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\nimport { PseudoDescriptor, pseudoDescriptors } from './pseudoDescriptors'\n\n// refactor this file away next...\n\ntype ViewOrTextStyle = ViewStyle | TextStyle\n\nexport type ViewStyleWithPseudos = ViewOrTextStyle & {\n  hoverStyle?: ViewOrTextStyle\n  pressStyle?: ViewOrTextStyle\n  focusStyle?: ViewOrTextStyle\n}\n\n// matching order of the below *0\nconst pseudosOrdered = [\n  pseudoDescriptors.hoverStyle,\n  pseudoDescriptors.pressStyle,\n  pseudoDescriptors.focusStyle,\n]\n\nexport function getStylesAtomic(stylesIn: ViewStyleWithPseudos) {\n  // performance optimization\n  if (!stylesIn.hoverStyle && !stylesIn.pressStyle && !stylesIn.focusStyle) {\n    return getAtomicStyle(stylesIn)\n  }\n\n  // only for pseudos\n  const { hoverStyle, pressStyle, focusStyle, ...base } = stylesIn\n  let res: StyleObject[] = []\n  // *1 order matched to *0\n  for (const [index, style] of [hoverStyle, pressStyle, focusStyle, base].entries()) {\n    if (!style) continue\n    const pseudo = pseudosOrdered[index]\n    res = [...res, ...getAtomicStyle(style, pseudo)]\n  }\n  return res\n}\n\nexport function getAtomicStyle(style: ViewOrTextStyle, pseudo?: PseudoDescriptor): StyleObject[] {\n  if (process.env.NODE_ENV === 'development') {\n    if (!style || typeof style !== 'object') {\n      throw new Error(`Wrong style type: \"${typeof style}\": ${style}`)\n    }\n  } else {\n    if (!style) {\n      if (process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.warn(`Invalid style`)\n      }\n      return []\n    }\n  }\n\n  return generateAtomicStyles(style, pseudo)\n}\n\nlet conf: TamaguiInternalConfig\n\nconst generateAtomicStyles = (\n  styleIn: ViewStyle & TextStyle,\n  pseudo?: PseudoDescriptor\n): StyleObject[] => {\n  conf = conf || getConfig()\n\n  // were converting to css styles\n  const style = styleIn as Record<string, string | null | undefined>\n\n  // transform\n  if (style.transform) {\n    if (Array.isArray(style.transform)) {\n      style.transform = style.transform.map(mapTransform).join(' ')\n    }\n  }\n\n  styleToCSS(style)\n\n  const out: StyleObject[] = []\n  for (const key in style) {\n    const value = style[key]\n    if (value != null && value != undefined) {\n      const uid = key + (pseudo?.name || '')\n      const cachedResult = cache.get(uid, value)\n      if (cachedResult != undefined) {\n        out.push(cachedResult)\n      } else {\n        const hash = presetHashes[value]\n          ? value\n          : typeof value === 'string'\n          ? simpleHash(value)\n          : `${value}`.replace('.', 'dot')\n\n        const pseudoPrefix = pseudo ? `0${pseudo.name}-` : ''\n        const shortProp = conf.inverseShorthands[key] || key\n        const identifier = `_${shortProp}-${pseudoPrefix}${hash}`\n        const rules = createAtomicRules(identifier, key, value, pseudo)\n        const styleObject: StyleObject = {\n          property: key,\n          pseudo: pseudo?.name as any,\n          value,\n          identifier,\n          rules,\n        }\n\n        cache.set(uid, value, styleObject)\n        out.push(styleObject)\n      }\n    }\n  }\n  return out\n}\n\nconst presetHashes = {\n  none: true,\n}\n\nconst n = (val: any) => normalizeValueWithProperty(val)\n\nexport function styleToCSS(style: Record<string, any>) {\n  // box-shadow\n  const { shadowOffset, shadowRadius, shadowColor } = style\n  if (style.shadowRadius !== undefined) {\n    const offset = shadowOffset || defaultOffset\n    const shadow = `${n(offset.width)} ${n(offset.height)} ${n(shadowRadius)} ${shadowColor}`\n    style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow\n    delete style.shadowOffset\n    delete style.shadowRadius\n    delete style.shadowColor\n  }\n\n  // text-shadow\n  const { textShadowColor, textShadowOffset, textShadowRadius } = style\n  if (textShadowColor || textShadowOffset || textShadowRadius) {\n    const { height, width } = textShadowOffset || defaultOffset\n    const radius = textShadowRadius || 0\n    const color = normalizeValueWithProperty(textShadowColor, 'textShadowColor')\n    if (color && (height !== 0 || width !== 0 || radius !== 0)) {\n      const blurRadius = normalizeValueWithProperty(radius)\n      const offsetX = normalizeValueWithProperty(width)\n      const offsetY = normalizeValueWithProperty(height)\n      style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`\n    }\n    delete style.textShadowColor\n    delete style.textShadowOffset\n    delete style.textShadowRadius\n  }\n}\n\n// { scale: 2 } => 'scale(2)'\n// { translateX: 20 } => 'translateX(20px)'\n// { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'\nconst mapTransform = (transform) => {\n  const type = Object.keys(transform)[0]\n  const value = transform[type]\n  if (type === 'matrix' || type === 'matrix3d') {\n    return `${type}(${value.join(',')})`\n  } else {\n    const normalizedValue = normalizeValueWithProperty(value, type)\n    return `${type}(${normalizedValue})`\n  }\n}\n\nfunction createDeclarationBlock(style: Style, important = false) {\n  let next = ''\n  for (const key in style) {\n    const prop = hyphenateStyleName(key)\n    const value = style[key]\n    next += `${prop}:${value}${important ? ` !important` : ''};`\n  }\n  return `{${next}}`\n}\n\nconst hcache = {}\nconst toHyphenLower = (match: string) => `-${match.toLowerCase()}`\nconst hyphenateStyleName = (key: string) => {\n  let val = hcache[key]\n  if (val) return val\n  hcache[key] = val = key.replace(/[A-Z]/g, toHyphenLower)\n  return val\n}\n\nconst pseudoSelectorPrefixes = (() => {\n  const res: Record<string, string> = {}\n  for (const key in pseudoDescriptors) {\n    const pseudo = pseudoDescriptors[key]\n    res[pseudo.name] = [...Array(pseudo.priority)].map(() => ':root').join('') + ' '\n  }\n  return res\n})()\n\nfunction createAtomicRules(\n  identifier: string,\n  property: string,\n  value: any,\n  pseudo?: PseudoDescriptor\n): string[] {\n  const selector = pseudo\n    ? `${pseudoSelectorPrefixes[pseudo.name]} .${identifier}:${pseudo.name}`\n    : `.${identifier}`\n  const important = !!pseudo\n\n  let rules: string[] = []\n\n  // Handle non-standard properties and object values that require multiple\n  // CSS rules to be created.\n  switch (property) {\n    // Equivalent to using '::placeholder'\n    case 'placeholderTextColor': {\n      const block = createDeclarationBlock({ color: value, opacity: 1 }, important)\n      rules.push(`${selector}::placeholder${block}`)\n      break\n    }\n\n    // all webkit prefixed rules\n    case 'backgroundClip':\n    case 'userSelect': {\n      const propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`\n      const webkitProperty = `Webkit${propertyCapitalized}`\n      const block = createDeclarationBlock(\n        { [property]: value, [webkitProperty]: value },\n        important\n      )\n      rules.push(`${selector}${block}`)\n      break\n    }\n\n    // Polyfill for additional 'pointer-events' values\n    case 'pointerEvents': {\n      let finalValue = value\n      if (value === 'auto' || value === 'box-only') {\n        finalValue = 'auto'\n        if (value === 'box-only') {\n          rules.push(`${selector}>*${boxOnly}`)\n        }\n      } else if (value === 'none' || value === 'box-none') {\n        finalValue = 'none'\n        if (value === 'box-none') {\n          rules.push(`${selector}>*${boxNone}`)\n        }\n      }\n      const block = createDeclarationBlock({ pointerEvents: finalValue }, true)\n      rules.push(`${selector}${block}`)\n      break\n    }\n\n    default: {\n      const block = createDeclarationBlock({ [property]: value }, important)\n      rules.push(`${selector}${block}`)\n      break\n    }\n  }\n\n  // hover styles need to be conditional\n  // perhaps this can be generalized but for now lets just shortcut\n  // and hardcode for hover styles, if we need to later we can\n  // WEIRD SYNTAX, SEE:\n  //   https://stackoverflow.com/questions/40532204/media-query-for-devices-supporting-hover\n  if (pseudo && pseudo.name === 'hover') {\n    rules = rules.map((r) => `@media not all and (hover: none) { ${r} }`)\n  }\n\n  return rules\n}\n\nconst boxNone = createDeclarationBlock({ pointerEvents: 'auto' }, true)\nconst boxOnly = createDeclarationBlock({ pointerEvents: 'none' }, true)\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * Some parts adapted from react-native-web\n * Copyright (c) Nicolas Gallagher licensed under the MIT license.\n */\n\nimport { StyleObject, simpleHash } from '@tamagui/helpers'\nimport type { TextStyle, ViewStyle } from '@tamagui/types-react-native'\n\nimport { getConfig } from '../config'\nimport { TamaguiInternalConfig } from '../types'\nimport { Style, cache } from './cache'\nimport { defaultOffset } from './expandStyles'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\nimport { PseudoDescriptor, pseudoDescriptors } from './pseudoDescriptors'\n\n// refactor this file away next...\n\ntype ViewOrTextStyle = ViewStyle | TextStyle\n\nexport type ViewStyleWithPseudos = ViewOrTextStyle & {\n  hoverStyle?: ViewOrTextStyle\n  pressStyle?: ViewOrTextStyle\n  focusStyle?: ViewOrTextStyle\n}\n\n// matching order of the below *0\nconst pseudosOrdered = [\n  pseudoDescriptors.hoverStyle,\n  pseudoDescriptors.pressStyle,\n  pseudoDescriptors.focusStyle,\n]\n\nexport function getStylesAtomic(stylesIn: ViewStyleWithPseudos) {\n  // performance optimization\n  if (!stylesIn.hoverStyle && !stylesIn.pressStyle && !stylesIn.focusStyle) {\n    return getAtomicStyle(stylesIn)\n  }\n\n  // only for pseudos\n  const { hoverStyle, pressStyle, focusStyle, ...base } = stylesIn\n  let res: StyleObject[] = []\n  // *1 order matched to *0\n  for (const [index, style] of [hoverStyle, pressStyle, focusStyle, base].entries()) {\n    if (!style) continue\n    const pseudo = pseudosOrdered[index]\n    res = [...res, ...getAtomicStyle(style, pseudo)]\n  }\n  return res\n}\n\nexport function getAtomicStyle(style: ViewOrTextStyle, pseudo?: PseudoDescriptor): StyleObject[] {\n  if (process.env.NODE_ENV === 'development') {\n    if (!style || typeof style !== 'object') {\n      throw new Error(`Wrong style type: \"${typeof style}\": ${style}`)\n    }\n  } else {\n    if (!style) {\n      if (process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.warn(`Invalid style`)\n      }\n      return []\n    }\n  }\n\n  return generateAtomicStyles(style, pseudo)\n}\n\nlet conf: TamaguiInternalConfig\n\nconst generateAtomicStyles = (\n  styleIn: ViewStyle & TextStyle,\n  pseudo?: PseudoDescriptor\n): StyleObject[] => {\n  conf = conf || getConfig()\n\n  // were converting to css styles\n  const style = styleIn as Record<string, string | null | undefined>\n\n  // transform\n  if (style.transform && Array.isArray(style.transform)) {\n    style.transform = style.transform.map(mapTransform).join(' ')\n  }\n\n  styleToCSS(style)\n\n  const out: StyleObject[] = []\n  for (const key in style) {\n    const value = style[key]\n    if (value != null && value != undefined) {\n      const uid = key + (pseudo?.name || '')\n      const cachedResult = cache.get(uid, value)\n      if (cachedResult != undefined) {\n        out.push(cachedResult)\n      } else {\n        const hash = presetHashes[value]\n          ? value\n          : typeof value === 'string'\n          ? simpleHash(value)\n          : `${value}`.replace('.', 'dot')\n\n        const pseudoPrefix = pseudo ? `0${pseudo.name}-` : ''\n        const shortProp = conf.inverseShorthands[key] || key\n        const identifier = `_${shortProp}-${pseudoPrefix}${hash}`\n        const rules = createAtomicRules(identifier, key, value, pseudo)\n        const styleObject: StyleObject = {\n          property: key,\n          pseudo: pseudo?.name as any,\n          value,\n          identifier,\n          rules,\n        }\n\n        cache.set(uid, value, styleObject)\n        out.push(styleObject)\n      }\n    }\n  }\n  return out\n}\n\nconst presetHashes = {\n  none: true,\n}\n\nconst n = (val: any) => normalizeValueWithProperty(val)\n\nexport function styleToCSS(style: Record<string, any>) {\n  // box-shadow\n  const { shadowOffset, shadowRadius, shadowColor } = style\n  if (style.shadowRadius !== undefined) {\n    const offset = shadowOffset || defaultOffset\n    const shadow = `${n(offset.width)} ${n(offset.height)} ${n(shadowRadius)} ${shadowColor}`\n    style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow\n    delete style.shadowOffset\n    delete style.shadowRadius\n    delete style.shadowColor\n  }\n\n  // text-shadow\n  const { textShadowColor, textShadowOffset, textShadowRadius } = style\n  if (textShadowColor || textShadowOffset || textShadowRadius) {\n    const { height, width } = textShadowOffset || defaultOffset\n    const radius = textShadowRadius || 0\n    const color = normalizeValueWithProperty(textShadowColor, 'textShadowColor')\n    if (color && (height !== 0 || width !== 0 || radius !== 0)) {\n      const blurRadius = normalizeValueWithProperty(radius)\n      const offsetX = normalizeValueWithProperty(width)\n      const offsetY = normalizeValueWithProperty(height)\n      style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`\n    }\n    delete style.textShadowColor\n    delete style.textShadowOffset\n    delete style.textShadowRadius\n  }\n}\n\n// { scale: 2 } => 'scale(2)'\n// { translateX: 20 } => 'translateX(20px)'\n// { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'\nconst mapTransform = (transform) => {\n  const type = Object.keys(transform)[0]\n  const value = transform[type]\n  if (type === 'matrix' || type === 'matrix3d') {\n    return `${type}(${value.join(',')})`\n  } else {\n    const normalizedValue = normalizeValueWithProperty(value, type)\n    return `${type}(${normalizedValue})`\n  }\n}\n\nfunction createDeclarationBlock(style: Style, important = false) {\n  let next = ''\n  for (const key in style) {\n    const prop = hyphenateStyleName(key)\n    const value = style[key]\n    next += `${prop}:${value}${important ? ` !important` : ''};`\n  }\n  return `{${next}}`\n}\n\nconst hcache = {}\nconst toHyphenLower = (match: string) => `-${match.toLowerCase()}`\nconst hyphenateStyleName = (key: string) => {\n  let val = hcache[key]\n  if (val) return val\n  hcache[key] = val = key.replace(/[A-Z]/g, toHyphenLower)\n  return val\n}\n\nconst pseudoSelectorPrefixes = (() => {\n  const res: Record<string, string> = {}\n  for (const key in pseudoDescriptors) {\n    const pseudo = pseudoDescriptors[key]\n    res[pseudo.name] = [...Array(pseudo.priority)].map(() => ':root').join('') + ' '\n  }\n  return res\n})()\n\nfunction createAtomicRules(\n  identifier: string,\n  property: string,\n  value: any,\n  pseudo?: PseudoDescriptor\n): string[] {\n  const selector = pseudo\n    ? `${pseudoSelectorPrefixes[pseudo.name]} .${identifier}:${pseudo.name}`\n    : `.${identifier}`\n  const important = !!pseudo\n\n  let rules: string[] = []\n\n  // Handle non-standard properties and object values that require multiple\n  // CSS rules to be created.\n  switch (property) {\n    // Equivalent to using '::placeholder'\n    case 'placeholderTextColor': {\n      const block = createDeclarationBlock({ color: value, opacity: 1 }, important)\n      rules.push(`${selector}::placeholder${block}`)\n      break\n    }\n\n    // all webkit prefixed rules\n    case 'backgroundClip':\n    case 'userSelect': {\n      const propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`\n      const webkitProperty = `Webkit${propertyCapitalized}`\n      const block = createDeclarationBlock(\n        { [property]: value, [webkitProperty]: value },\n        important\n      )\n      rules.push(`${selector}${block}`)\n      break\n    }\n\n    // Polyfill for additional 'pointer-events' values\n    case 'pointerEvents': {\n      let finalValue = value\n      if (value === 'auto' || value === 'box-only') {\n        finalValue = 'auto'\n        if (value === 'box-only') {\n          rules.push(`${selector}>*${boxOnly}`)\n        }\n      } else if (value === 'none' || value === 'box-none') {\n        finalValue = 'none'\n        if (value === 'box-none') {\n          rules.push(`${selector}>*${boxNone}`)\n        }\n      }\n      const block = createDeclarationBlock({ pointerEvents: finalValue }, true)\n      rules.push(`${selector}${block}`)\n      break\n    }\n\n    default: {\n      const block = createDeclarationBlock({ [property]: value }, important)\n      rules.push(`${selector}${block}`)\n      break\n    }\n  }\n\n  // hover styles need to be conditional\n  // perhaps this can be generalized but for now lets just shortcut\n  // and hardcode for hover styles, if we need to later we can\n  // WEIRD SYNTAX, SEE:\n  //   https://stackoverflow.com/questions/40532204/media-query-for-devices-supporting-hover\n  if (pseudo && pseudo.name === 'hover') {\n    rules = rules.map((r) => `@media not all and (hover: none) { ${r} }`)\n  }\n\n  return rules\n}\n\nconst boxNone = createDeclarationBlock({ pointerEvents: 'auto' }, true)\nconst boxOnly = createDeclarationBlock({ pointerEvents: 'none' }, true)\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/mergeProps.ts"],
-  "sourcesContent": ["/**\n * Preserves prop ordering, so that the order most closely matches the last spread objects\n * Useful for having { ...defaultProps, ...props } that ensure props ordering is always kept\n *\n *    Given:\n *      mergeProps({ a: 1, b: 2 }, { b: 1, a: 2 })\n *    The final key order will be:\n *      b, a\n *\n * Handles a couple special tamagui cases\n *   - classNames can be extracted out separately\n *   - shorthands can be expanded before merging\n */\n\ntype StringRecord = Record<string, string>\n\nexport const mergeProps = (\n  a: Object,\n  b: Object,\n  leaveOutClassNames = false,\n  inverseShorthands?: StringRecord\n) => {\n  const out: StringRecord = {}\n  const outCns: StringRecord = leaveOutClassNames ? {} : (null as any)\n  for (const key in a) {\n    mergeProp(out, outCns, a, b, key, leaveOutClassNames, inverseShorthands)\n  }\n  for (const key in b) {\n    mergeProp(out, outCns, b, undefined, key, leaveOutClassNames, inverseShorthands)\n  }\n  return [out, outCns] as const\n}\n\nfunction mergeProp(\n  out: StringRecord,\n  outCns: StringRecord,\n  a: Object,\n  b: Object | undefined,\n  key: string,\n  leaveOutClassNames: boolean,\n  inverseShorthands?: StringRecord\n) {\n  const val = a[key]\n  const shorthand = inverseShorthands ? inverseShorthands[key] : null\n  if (b && (key in b || (shorthand && shorthand in b))) {\n    return\n  }\n  if (shorthand) {\n    key = shorthand\n  }\n  if (leaveOutClassNames && val?.[0] === '_') {\n    outCns[key] = val\n  } else {\n    out[key] = val\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBO,MAAM,aAAa,CACxB,GACA,GACA,qBAAqB,OACrB,sBACG;AACH,QAAM,MAAoB,CAAC;AAC3B,QAAM,SAAuB,qBAAqB,CAAC,IAAK;AACxD,aAAW,OAAO,GAAG;AACnB,cAAU,KAAK,QAAQ,GAAG,GAAG,KAAK,oBAAoB,iBAAiB;AAAA,EACzE;AACA,aAAW,OAAO,GAAG;AACnB,cAAU,KAAK,QAAQ,GAAG,QAAW,KAAK,oBAAoB,iBAAiB;AAAA,EACjF;AACA,SAAO,CAAC,KAAK,MAAM;AACrB;AAEA,SAAS,UACP,KACA,QACA,GACA,GACA,KACA,oBACA,mBACA;AACA,QAAM,MAAM,EAAE;AACd,QAAM,YAAY,oBAAoB,kBAAkB,OAAO;AAC/D,MAAI,MAAM,OAAO,KAAM,aAAa,aAAa,IAAK;AACpD;AAAA,EACF;AACA,MAAI,WAAW;AACb,UAAM;AAAA,EACR;AACA,MAAI,uBAAsB,2BAAM,QAAO,KAAK;AAC1C,WAAO,OAAO;AAAA,EAChB,OAAO;AACL,QAAI,OAAO;AAAA,EACb;AACF;",
+  "sourcesContent": ["/**\n * Preserves prop ordering, so that the order most closely matches the last spread objects\n * Useful for having { ...defaultProps, ...props } that ensure props ordering is always kept\n *\n *    Given:\n *      mergeProps({ a: 1, b: 2 }, { b: 1, a: 2 })\n *    The final key order will be:\n *      b, a\n *\n * Handles a couple special tamagui cases\n *   - classNames can be extracted out separately\n *   - shorthands can be expanded before merging\n */\n\ntype AnyRecord = Record<string, any>\n\nexport const mergeProps = (\n  a: Object,\n  b: Object,\n  leaveOutClassNames = false,\n  inverseShorthands?: AnyRecord\n) => {\n  const out: AnyRecord = {}\n  const outCns: AnyRecord = leaveOutClassNames ? {} : (null as any)\n  for (const key in a) {\n    mergeProp(out, outCns, a, b, key, leaveOutClassNames, inverseShorthands)\n  }\n  for (const key in b) {\n    mergeProp(out, outCns, b, undefined, key, leaveOutClassNames, inverseShorthands)\n  }\n  return [out, outCns] as const\n}\n\nfunction mergeProp(\n  out: AnyRecord,\n  outCns: AnyRecord,\n  a: Object,\n  b: Object | undefined,\n  key: string,\n  leaveOutClassNames: boolean,\n  inverseShorthands?: AnyRecord\n) {\n  const val = a[key]\n  const shorthand = inverseShorthands ? inverseShorthands[key] : null\n  if (b && (key in b || (shorthand && shorthand in b))) {\n    return\n  }\n  if (shorthand) {\n    key = shorthand\n  }\n  if (leaveOutClassNames && val?.[0] === '_') {\n    outCns[key] = val\n  } else {\n    out[key] = val\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBO,MAAM,aAAa,CACxB,GACA,GACA,qBAAqB,OACrB,sBACG;AACH,QAAM,MAAiB,CAAC;AACxB,QAAM,SAAoB,qBAAqB,CAAC,IAAK;AACrD,aAAW,OAAO,GAAG;AACnB,cAAU,KAAK,QAAQ,GAAG,GAAG,KAAK,oBAAoB,iBAAiB;AAAA,EACzE;AACA,aAAW,OAAO,GAAG;AACnB,cAAU,KAAK,QAAQ,GAAG,QAAW,KAAK,oBAAoB,iBAAiB;AAAA,EACjF;AACA,SAAO,CAAC,KAAK,MAAM;AACrB;AAEA,SAAS,UACP,KACA,QACA,GACA,GACA,KACA,oBACA,mBACA;AACA,QAAM,MAAM,EAAE;AACd,QAAM,YAAY,oBAAoB,kBAAkB,OAAO;AAC/D,MAAI,MAAM,OAAO,KAAM,aAAa,aAAa,IAAK;AACpD;AAAA,EACF;AACA,MAAI,WAAW;AACb,UAAM;AAAA,EACR;AACA,MAAI,uBAAsB,2BAAM,QAAO,KAAK;AAC1C,WAAO,OAAO;AAAA,EAChB,OAAO;AACL,QAAI,OAAO;AAAA,EACb;AACF;",
   "names": []
 }

package/dist/cjs/helpers/normalizeValueWithProperty.js

@@ -22,6 +22,7 @@ __export(normalizeValueWithProperty_exports, {
   reverseMapClassNameToValue: () => reverseMapClassNameToValue
 });
 module.exports = __toCommonJS(normalizeValueWithProperty_exports);
+var import_constants = require("@tamagui/constants");
 var import_insertStyleRule = require("./insertStyleRule");
 var import_normalizeColor = require("./normalizeColor");
 const cache = {};
@@ -34,8 +35,10 @@ function normalizeValueWithProperty(value, property) {
     return cached;
   }
   let res = value;
-  if (process.env.TAMAGUI_TARGET === "web" && typeof value === "number" && (property === void 0 || !unitlessNumbers[property])) {
+  if (process.env.TAMAGUI_TARGET === "web" && typeof value === "number" && (property === void 0 || !unitlessNumbers[property] && !stringNumbers[property])) {
     res = `${value}px`;
+  } else if (import_constants.isWeb && property !== void 0 && stringNumbers[property]) {
+    res = `${res}`;
   } else if (property && colorProps[property]) {
     res = (0, import_normalizeColor.normalizeColor)(value);
     cache[value] = res;
@@ -54,6 +57,9 @@ const colorProps = {
   textDecorationColor: true,
   textShadowColor: true
 };
+const stringNumbers = {
+  zIndex: true
+};
 const unitlessNumbers = {
   WebkitLineClamp: true,
   animationIterationCount: true,
@@ -83,7 +89,6 @@ const unitlessNumbers = {
   orphans: true,
   tabSize: true,
   widows: true,
-  zIndex: true,
   zoom: true,
   scale: true,
   scaleX: true,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/normalizeValueWithProperty.ts"],
-  "sourcesContent": ["/**\n * Some parts adapted from react-native-web\n * Copyright (c) Nicolas Gallagher licensed under the MIT license.\n */\n\nimport { getAllSelectors } from './insertStyleRule'\nimport { normalizeColor } from './normalizeColor'\n\nconst cache = {}\n\nexport function normalizeValueWithProperty(value: any, property?: string): any {\n  if (property && unitlessNumbers[property]) {\n    return value\n  }\n  const cached = cache[value]\n  if (cached !== undefined) {\n    return cached\n  }\n  let res = value\n  if (\n    process.env.TAMAGUI_TARGET === 'web' &&\n    typeof value === 'number' &&\n    (property === undefined || !unitlessNumbers[property])\n  ) {\n    res = `${value}px`\n  } else if (property && colorProps[property]) {\n    res = normalizeColor(value)\n    cache[value] = res\n  }\n  return res\n}\n\n// TODO react-native-web-lite\n\nconst colorProps = {\n  backgroundColor: true,\n  borderColor: true,\n  borderTopColor: true,\n  borderRightColor: true,\n  borderBottomColor: true,\n  borderLeftColor: true,\n  color: true,\n  shadowColor: true,\n  textDecorationColor: true,\n  textShadowColor: true,\n}\n\nconst unitlessNumbers = {\n  WebkitLineClamp: true,\n  animationIterationCount: true,\n  aspectRatio: true,\n  borderImageOutset: true,\n  borderImageSlice: true,\n  borderImageWidth: true,\n  columnCount: true,\n  flex: true,\n  flexGrow: true,\n  flexOrder: true,\n  flexPositive: true,\n  flexShrink: true,\n  flexNegative: true,\n  fontWeight: true,\n  gridRow: true,\n  gridRowEnd: true,\n  gridRowGap: true,\n  gridRowStart: true,\n  gridColumn: true,\n  gridColumnEnd: true,\n  gridColumnGap: true,\n  gridColumnStart: true,\n  lineClamp: true,\n  opacity: true,\n  order: true,\n  orphans: true,\n  tabSize: true,\n  widows: true,\n  zIndex: true,\n  zoom: true,\n  scale: true,\n  scaleX: true,\n  scaleY: true,\n  scaleZ: true,\n  shadowOpacity: true,\n}\n\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\nconst rcache = {}\nexport function reverseMapClassNameToValue(key: string, className: string) {\n  const selectors = getAllSelectors()\n  const cssRule = selectors[className]\n  if (rcache[cssRule]) return rcache[cssRule]\n  if (!cssRule) {\n    return\n  }\n  const cssVal = cssRule.replace(/.*:/, '').replace(/;.*/, '').trim()\n  let res: any\n  if (cssVal.startsWith('var(')) {\n    res = cssVal\n  } else if (unitlessNumbers[key]) {\n    res = +cssVal\n  } else if (cssVal.endsWith('px')) {\n    res = +cssVal.replace('px', '')\n  } else {\n    res = cssVal\n  }\n  rcache[cssRule] = res\n  if (process.env.NODE_ENV === 'development') {\n    // ensure we are parsing properly\n    if (typeof res === 'number' && isNaN(res)) {\n      // eslint-disable-next-line no-console\n      console.log(`Tamagui invalid parsed value, NaN:`, { res, cssVal, cssRule, key, className })\n    }\n  }\n  return res\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,6BAAgC;AAChC,4BAA+B;AAE/B,MAAM,QAAQ,CAAC;AAER,SAAS,2BAA2B,OAAY,UAAwB;AAC7E,MAAI,YAAY,gBAAgB,WAAW;AACzC,WAAO;AAAA,EACT;AACA,QAAM,SAAS,MAAM;AACrB,MAAI,WAAW,QAAW;AACxB,WAAO;AAAA,EACT;AACA,MAAI,MAAM;AACV,MACE,QAAQ,IAAI,mBAAmB,SAC/B,OAAO,UAAU,aAChB,aAAa,UAAa,CAAC,gBAAgB,YAC5C;AACA,UAAM,GAAG;AAAA,EACX,WAAW,YAAY,WAAW,WAAW;AAC3C,cAAM,sCAAe,KAAK;AAC1B,UAAM,SAAS;AAAA,EACjB;AACA,SAAO;AACT;AAIA,MAAM,aAAa;AAAA,EACjB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,iBAAiB;AACnB;AAEA,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,eAAe;AACjB;AAIA,MAAM,SAAS,CAAC;AACT,SAAS,2BAA2B,KAAa,WAAmB;AACzE,QAAM,gBAAY,wCAAgB;AAClC,QAAM,UAAU,UAAU;AAC1B,MAAI,OAAO;AAAU,WAAO,OAAO;AACnC,MAAI,CAAC,SAAS;AACZ;AAAA,EACF;AACA,QAAM,SAAS,QAAQ,QAAQ,OAAO,EAAE,EAAE,QAAQ,OAAO,EAAE,EAAE,KAAK;AAClE,MAAI;AACJ,MAAI,OAAO,WAAW,MAAM,GAAG;AAC7B,UAAM;AAAA,EACR,WAAW,gBAAgB,MAAM;AAC/B,UAAM,CAAC;AAAA,EACT,WAAW,OAAO,SAAS,IAAI,GAAG;AAChC,UAAM,CAAC,OAAO,QAAQ,MAAM,EAAE;AAAA,EAChC,OAAO;AACL,UAAM;AAAA,EACR;AACA,SAAO,WAAW;AAClB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,QAAI,OAAO,QAAQ,YAAY,MAAM,GAAG,GAAG;AAEzC,cAAQ,IAAI,sCAAsC,EAAE,KAAK,QAAQ,SAAS,KAAK,UAAU,CAAC;AAAA,IAC5F;AAAA,EACF;AACA,SAAO;AACT;",
+  "sourcesContent": ["/**\n * Some parts adapted from react-native-web\n * Copyright (c) Nicolas Gallagher licensed under the MIT license.\n */\n\nimport { isWeb } from '@tamagui/constants'\n\nimport { getAllSelectors } from './insertStyleRule'\nimport { normalizeColor } from './normalizeColor'\n\nconst cache = {}\n\nexport function normalizeValueWithProperty(value: any, property?: string): any {\n  if (property && unitlessNumbers[property]) {\n    return value\n  }\n  const cached = cache[value]\n  if (cached !== undefined) {\n    return cached\n  }\n  let res = value\n  if (\n    process.env.TAMAGUI_TARGET === 'web' &&\n    typeof value === 'number' &&\n    (property === undefined || (!unitlessNumbers[property] && !stringNumbers[property]))\n  ) {\n    res = `${value}px`\n  } else if (isWeb && property !== undefined && stringNumbers[property]) {\n    res = `${res}`\n  } else if (property && colorProps[property]) {\n    res = normalizeColor(value)\n    cache[value] = res\n  }\n  return res\n}\n\n// TODO react-native-web-lite\n\nconst colorProps = {\n  backgroundColor: true,\n  borderColor: true,\n  borderTopColor: true,\n  borderRightColor: true,\n  borderBottomColor: true,\n  borderLeftColor: true,\n  color: true,\n  shadowColor: true,\n  textDecorationColor: true,\n  textShadowColor: true,\n}\n\nconst stringNumbers = {\n  zIndex: true,\n}\n\nconst unitlessNumbers = {\n  WebkitLineClamp: true,\n  animationIterationCount: true,\n  aspectRatio: true,\n  borderImageOutset: true,\n  borderImageSlice: true,\n  borderImageWidth: true,\n  columnCount: true,\n  flex: true,\n  flexGrow: true,\n  flexOrder: true,\n  flexPositive: true,\n  flexShrink: true,\n  flexNegative: true,\n  fontWeight: true,\n  gridRow: true,\n  gridRowEnd: true,\n  gridRowGap: true,\n  gridRowStart: true,\n  gridColumn: true,\n  gridColumnEnd: true,\n  gridColumnGap: true,\n  gridColumnStart: true,\n  lineClamp: true,\n  opacity: true,\n  order: true,\n  orphans: true,\n  tabSize: true,\n  widows: true,\n  zoom: true,\n  scale: true,\n  scaleX: true,\n  scaleY: true,\n  scaleZ: true,\n  shadowOpacity: true,\n}\n\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\nconst rcache = {}\nexport function reverseMapClassNameToValue(key: string, className: string) {\n  const selectors = getAllSelectors()\n  const cssRule = selectors[className]\n  if (rcache[cssRule]) return rcache[cssRule]\n  if (!cssRule) {\n    return\n  }\n  const cssVal = cssRule.replace(/.*:/, '').replace(/;.*/, '').trim()\n  let res: any\n  if (cssVal.startsWith('var(')) {\n    res = cssVal\n  } else if (unitlessNumbers[key]) {\n    res = +cssVal\n  } else if (cssVal.endsWith('px')) {\n    res = +cssVal.replace('px', '')\n  } else {\n    res = cssVal\n  }\n  rcache[cssRule] = res\n  if (process.env.NODE_ENV === 'development') {\n    // ensure we are parsing properly\n    if (typeof res === 'number' && isNaN(res)) {\n      // eslint-disable-next-line no-console\n      console.log(`Tamagui invalid parsed value, NaN:`, { res, cssVal, cssRule, key, className })\n    }\n  }\n  return res\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,uBAAsB;AAEtB,6BAAgC;AAChC,4BAA+B;AAE/B,MAAM,QAAQ,CAAC;AAER,SAAS,2BAA2B,OAAY,UAAwB;AAC7E,MAAI,YAAY,gBAAgB,WAAW;AACzC,WAAO;AAAA,EACT;AACA,QAAM,SAAS,MAAM;AACrB,MAAI,WAAW,QAAW;AACxB,WAAO;AAAA,EACT;AACA,MAAI,MAAM;AACV,MACE,QAAQ,IAAI,mBAAmB,SAC/B,OAAO,UAAU,aAChB,aAAa,UAAc,CAAC,gBAAgB,aAAa,CAAC,cAAc,YACzE;AACA,UAAM,GAAG;AAAA,EACX,WAAW,0BAAS,aAAa,UAAa,cAAc,WAAW;AACrE,UAAM,GAAG;AAAA,EACX,WAAW,YAAY,WAAW,WAAW;AAC3C,cAAM,sCAAe,KAAK;AAC1B,UAAM,SAAS;AAAA,EACjB;AACA,SAAO;AACT;AAIA,MAAM,aAAa;AAAA,EACjB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,iBAAiB;AACnB;AAEA,MAAM,gBAAgB;AAAA,EACpB,QAAQ;AACV;AAEA,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,eAAe;AACjB;AAIA,MAAM,SAAS,CAAC;AACT,SAAS,2BAA2B,KAAa,WAAmB;AACzE,QAAM,gBAAY,wCAAgB;AAClC,QAAM,UAAU,UAAU;AAC1B,MAAI,OAAO;AAAU,WAAO,OAAO;AACnC,MAAI,CAAC,SAAS;AACZ;AAAA,EACF;AACA,QAAM,SAAS,QAAQ,QAAQ,OAAO,EAAE,EAAE,QAAQ,OAAO,EAAE,EAAE,KAAK;AAClE,MAAI;AACJ,MAAI,OAAO,WAAW,MAAM,GAAG;AAC7B,UAAM;AAAA,EACR,WAAW,gBAAgB,MAAM;AAC/B,UAAM,CAAC;AAAA,EACT,WAAW,OAAO,SAAS,IAAI,GAAG;AAChC,UAAM,CAAC,OAAO,QAAQ,MAAM,EAAE;AAAA,EAChC,OAAO;AACL,UAAM;AAAA,EACR;AACA,SAAO,WAAW;AAClB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,QAAI,OAAO,QAAQ,YAAY,MAAM,GAAG,GAAG;AAEzC,cAAQ,IAAI,sCAAsC,EAAE,KAAK,QAAQ,SAAS,KAAK,UAAU,CAAC;AAAA,IAC5F;AAAA,EACF;AACA,SAAO;AACT;",
   "names": []
 }