@tamagui/core 1.0.0-beta.9 → 1.0.1-beta.101

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getSplitStyles.tsx"],
-  "sourcesContent": ["import {\n  mergeTransform,\n  stylePropsText,\n  stylePropsTransform,\n  validPseudoKeys,\n  validStyles,\n} from '@tamagui/helpers'\n// @ts-ignore\nimport { useInsertionEffect } from 'react'\nimport { ViewStyle } from 'react-native'\n\nimport { getConfig } from '../conf'\nimport { isClient, isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { mediaQueryConfig, mediaState } from '../hooks/useMedia'\nimport {\n  MediaKeys,\n  MediaQueryKey,\n  PseudoStyles,\n  PsuedoPropKeys,\n  SplitStyleState,\n  StackProps,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  ThemeObject,\n} from '../types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixNativeShadow } from './fixNativeShadow'\nimport { ViewStyleWithPseudos, getStylesAtomic } from './getStylesAtomic'\nimport {\n  insertStyleRule,\n  insertedTransforms,\n  updateInserted,\n  updateInsertedCache,\n} from './insertStyleRule'\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}\n\ntype TransformNamespaceKey = 'transform' | PsuedoPropKeys | MediaQueryKey\n\n// TODO can make a few of these objects lazy if profiling seems slow\n\nlet conf: TamaguiInternalConfig\n\ntype StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  state: SplitStyleState & {\n    keepVariantsAsProps?: boolean\n  },\n  defaultClassNames?: any\n) => {\n  pseudos: PseudoStyles\n  medias: Record<MediaKeys, ViewStyle>\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: [string, string][]\n  viewProps: StackProps\n}\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  defaultClassNames\n) => {\n  if (process.env.NODE_ENV === 'development' && props['debug'] === 'verbose') {\n    console.log('  \u00BB getSplitStyles', { props, state, defaultClassNames })\n  }\n\n  conf = conf || getConfig()\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: StackProps = {}\n  const style: ViewStyle = {}\n  const classNames: ClassNamesObject = {\n    ...defaultClassNames,\n  }\n  const pseudos: PseudoStyles = {}\n  const medias: Record<MediaKeys, ViewStyle> = {}\n\n  const rulesToInsert: [string, string][] = []\n  function addStyle(prop: string, rule: string) {\n    rulesToInsert.push([prop, rule])\n    updateInsertedCache(prop, rule)\n  }\n\n  let cur: ViewStyleWithPseudos | null = null\n\n  // we need to gather these specific to each media query / pseudo\n  // value is [hash, val], so [\"-jnjad-asdnjk\", \"scaleX(1) rotate(10deg)\"]\n  let transforms: Record<TransformNamespaceKey, [string, string]> = {}\n\n  function mergeClassName(key: string, val: string) {\n    if (!val) {\n      // empty classnames passed by compiler sometimes\n      return\n    }\n    if (val.startsWith('_transform-')) {\n      const isMediaOrPseudo = key !== 'transform'\n      const isMedia = isMediaOrPseudo && key[11] === '_'\n      const isPsuedo = (isMediaOrPseudo && key[11] === '0') || key.endsWith('Style')\n      const namespace: TransformNamespaceKey = isMedia\n        ? key.split('_')[2]\n        : isPsuedo\n        ? key.split('-')[1]\n        : 'transform'\n\n      let transform = insertedTransforms[val]\n      if (isClient) {\n        if (!transform) {\n          // HMR or loaded a new chunk\n          updateInserted()\n          transform = insertedTransforms[val]\n        }\n        if (!transform) {\n          if (isWeb && val[0] !== '_') {\n            // runtime insert\n            transform = val\n          } else {\n            // error\n            console.trace('?', key, val, cur, props, state)\n          }\n        }\n        if (process.env.NODE_ENV === 'development' && props['debug'] === 'verbose') {\n          // prettier-ignore\n          console.log('  \u00BB getSplitStyles mergeClassName transform', { key, val, namespace, transform, insertedTransforms })\n        }\n        if (process.env.NODE_ENV === 'development') {\n          if (!transform) {\n            console.trace('NO TRANSFORM?', { key, val, transform })\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  function push() {\n    if (!cur) return\n    normalizeStyleObject(cur)\n\n    if (process.env.NODE_ENV === 'development' && props['debug'] === 'verbose') {\n      console.log('  \u00BB getSplitStyles push', cur, state)\n    }\n\n    if (isWeb && !state.noClassNames) {\n      const atomic = getStylesAtomic(cur)\n      for (const atomicStyle of atomic) {\n        if (!state.noClassNames) {\n          addStyle(atomicStyle.identifier, atomicStyle.rules[0])\n          mergeClassName(atomicStyle.property, atomicStyle.identifier)\n        } else {\n          style[atomicStyle.property] = atomicStyle.value\n        }\n      }\n    }\n\n    if (\n      !isWeb ||\n      state.noClassNames ||\n      state.resolveVariablesAs === 'value' ||\n      state.resolveVariablesAs === 'both'\n    ) {\n      for (const key in cur) {\n        if (key in stylePropsTransform) {\n          mergeTransform(style, key, cur[key])\n        } else {\n          style[key] = cur[key]\n        }\n      }\n    }\n\n    // reset it for next group of styles\n    cur = null\n  }\n\n  for (const keyInit in props) {\n    if (skipProps[keyInit]) {\n      continue\n    }\n\n    const valInit = props[keyInit]\n\n    // TODO\n    if (keyInit === 'style' || keyInit.startsWith('_style')) {\n      push()\n      cur = valInit\n      push()\n      continue\n    }\n\n    if (keyInit === 'className' || (validStyleProps[keyInit] && valInit && valInit[0] === '_')) {\n      push()\n      mergeClassName(keyInit, valInit)\n      continue\n    }\n\n    if (\n      state.keepVariantsAsProps &&\n      staticConfig.defaultVariants &&\n      keyInit in staticConfig.defaultVariants\n    ) {\n      viewProps[keyInit] = valInit\n    }\n\n    let isMedia = keyInit[0] === '$'\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      viewProps[keyInit] = valInit\n      continue\n    }\n\n    const out =\n      isMedia || isPseudo\n        ? true\n        : staticConfig.propMapper(\n            keyInit,\n            valInit,\n            theme,\n            state.fallbackProps || props,\n            state.resolveVariablesAs\n          )\n\n    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out)\n\n    if (process.env.NODE_ENV === 'development' && props['debug'] === 'verbose') {\n      console.log('  \u00BB getSplitStyles', keyInit, expanded)\n    }\n\n    for (const [key, val] of expanded) {\n      if (val === undefined) {\n        continue\n      }\n\n      if (key !== 'target' && val && val[0] === '_') {\n        mergeClassName(key, val)\n        continue\n      }\n\n      isMedia = key[0] === '$'\n      isPseudo = validPseudoKeys[key]\n\n      if (\n        (staticConfig.deoptProps && staticConfig.deoptProps.has(key)) ||\n        (staticConfig.inlineProps && staticConfig.inlineProps.has(key))\n      ) {\n        viewProps[key] = val\n      }\n\n      // pseudo\n      if (isPseudo) {\n        if (!val) continue\n        if (key === 'enterStyle' && state.mounted) {\n          // once mounted we can ignore enterStyle\n          continue\n        }\n        pseudos[key] = pseudos[key] || {}\n        pseudos[key] = getSubStyle(val, staticConfig, theme, props, state, true)\n        if (isWeb && !state.noClassNames) {\n          const pseudoStyles = getStylesAtomic({ [key]: pseudos[key] })\n          for (const style of pseudoStyles) {\n            addStyle(style.identifier, style.rules[0])\n            mergeClassName(`${style.property}-${key}`, style.identifier)\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        const mediaKey = key\n        const mediaKeyShort = mediaKey.slice(1)\n\n        if (!mediaQueryConfig[mediaKeyShort]) {\n          // this isn't a media key, pass through\n          viewProps[key] = val\n          continue\n        }\n\n        // dont check if media is active, we just apply *all* media styles\n        // we combine the media props on top regular props, could proxy this\n        // TODO test proxy here instead of merge\n        // THIS USED TO PROXY BACK TO REGULAR PROPS BUT THAT IS THE WRONG BEHAVIOR\n        // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n        const mediaStyle = getSubStyle(val, staticConfig, theme, props, state)\n\n        if (process.env.NODE_ENV === 'development' && props['debug'] === 'verbose') {\n          console.log('  \u00BB getSplitStyles mediaStyle', mediaKey, mediaStyle, props)\n        }\n\n        const shouldDoClasses = isWeb && !state.noClassNames\n        if (shouldDoClasses) {\n          const mediaStyles = getStylesAtomic(mediaStyle)\n          for (const style of mediaStyles) {\n            const out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig)\n            addStyle(out.identifier, out.styleRule)\n            mergeClassName(`${out.identifier}-${mediaKey}`, out.identifier)\n          }\n        } else {\n          if (mediaState[mediaKey]) {\n            push()\n            if (process.env.NODE_ENV === 'development' && props['debug']) {\n              console.log('apply media style', mediaKey, mediaState)\n            }\n            Object.assign(shouldDoClasses ? medias : style, mediaStyle)\n          }\n        }\n        continue\n      }\n\n      if (!isWeb && key === 'pointerEvents') {\n        viewProps[key] = val\n        continue\n      }\n\n      if (validStyleProps[key]) {\n        cur = cur || {}\n        cur[key] = val\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        if (key !== 'animation' && key !== 'debug') {\n          push()\n          viewProps[key] = val\n        }\n      }\n    }\n  }\n\n  push()\n\n  if (transforms) {\n    for (const namespace in transforms) {\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          addStyle(identifier, rule)\n        }\n      }\n      classNames[namespace] = identifier\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development' && props['debug'] === 'verbose') {\n    console.log('  \u00BB getSplitStyles out', { style, pseudos, medias, classNames, viewProps, state })\n  }\n\n  return {\n    viewProps,\n    style,\n    medias,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n}\n\nexport const insertSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n  for (const [prop, rule] of res.rulesToInsert) {\n    insertStyleRule(prop, rule)\n  }\n  return res\n}\n\nconst effect = useInsertionEffect || useIsomorphicLayoutEffect\nexport const useSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n  effect(() => {\n    for (const [prop, rule] of res.rulesToInsert) {\n      insertStyleRule(prop, rule)\n    }\n  })\n  return res\n}\n\nexport const getSubStyle = (\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  props: any,\n  state: SplitStyleState,\n  avoidDefaultProps?: boolean\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (const key in styleIn) {\n    const val = styleIn[key]\n    const out = staticConfig.propMapper(\n      key,\n      val,\n      theme,\n      state.fallbackProps || props,\n      state.resolveVariablesAs,\n      avoidDefaultProps\n    )\n    const expanded = out === true || !out ? [[key, val]] : Object.entries(out)\n    for (const [skey, sval] of expanded) {\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = sval\n      }\n    }\n  }\n  normalizeStyleObject(styleOut)\n  return styleOut\n}\n\nexport function normalizeStyleObject(style: any) {\n  if (!isWeb) {\n    fixNativeShadow(style)\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { stylePropsText, stylePropsTransform, validPseudoKeys, validStyles } from '@tamagui/helpers'\nimport { useInsertionEffect } from 'react'\nimport { ViewStyle } from 'react-native'\n\nimport { getConfig } from '../conf'\nimport { isClient, isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { mediaQueryConfig, mediaState } from '../hooks/useMedia'\nimport {\n  DebugProp,\n  MediaKeys,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SplitStyleState,\n  StackProps,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  ThemeObject,\n} from '../types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixStyles } from './expandStyles'\nimport { getAtomicStyle, getStylesAtomic, styleToCSS } from './getStylesAtomic'\nimport {\n  insertStyleRule,\n  insertedTransforms,\n  updateInserted,\n  updateInsertedCache,\n} from './insertStyleRule'\nimport { mergeTransform } from './mergeTransform'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty'\nimport { pseudoDescriptors } from './pseudoDescriptors'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\nexport type ClassNamesObject = Record<string, string>\nexport type SplitStyleResult = ReturnType<typeof getSplitStyles>\n\nconst skipProps = {\n  animation: true,\n  animateOnly: true,\n  debug: true,\n  componentName: true,\n\n  ...(!isWeb && {\n    tag: true,\n    whiteSpace: true,\n    wordWrap: true,\n    textOverflow: true,\n    textDecorationDistance: true,\n    userSelect: true,\n    selectable: true,\n    cursor: true,\n    contain: true,\n    boxSizing: true,\n    boxShadow: true,\n  }),\n}\n\ntype TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey\n\nlet conf: TamaguiInternalConfig\n\ntype StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  state: SplitStyleState,\n  defaultClassNames?: any,\n  debug?: DebugProp\n) => {\n  pseudos: PseudoStyles\n  medias: Record<MediaKeys, ViewStyle>\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: [string, string][] | null\n  viewProps: StackProps\n}\n\nexport const PROP_SPLIT = '-'\n\n// this is how compiler outputs psueodo identifier\n// TODO remove in next refactor\nexport const pseudoCNInverse = {\n  hover: 'hoverStyle',\n  focus: 'focusStyle',\n  press: 'pressStyle',\n}\n\n// loop props backwards\n//   track used keys:\n//     const keys = new Set<string>()\n//   keep classnames and styles separate:\n//     const styles = {}\n//     const classNames = {}\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  defaultClassNames,\n  debug\n) => {\n  conf = conf || getConfig()\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: StackProps = {}\n  const pseudos: PseudoStyles = {}\n  const medias: Record<MediaKeys, ViewStyle> = {}\n  const usedKeys = new Set<string>()\n\n  let style: ViewStyle = {}\n  if (state.hasTextAncestor) {\n    // parity with react-native-web\n    style.display = 'inline-flex' as any\n  }\n  let classNames: ClassNamesObject = {}\n  // we need to gather these specific to each media query / pseudo\n  // value is [hash, val], so [\"-jnjad-asdnjk\", \"scaleX(1) rotate(10deg)\"]\n  let transforms = null as Record<TransformNamespaceKey, [string, string]> | null\n\n  let rulesToInsert: [string, string][] | null = null\n  function addStyle(prop: string, rule: string) {\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      // NOTE this is super tricky\n      // for some reason, next.js dev SSR actually misses a lot of styles (pre-hydrate) with || !isClient\n      // which doesn't really make sense, because that should strictly extract *more* css, but oh well\n      // meanwhile, production builds *need* to always be truthy here for node, thus the cheat conditional\n      if (updateInsertedCache(prop, rule) || (!isClient && process.env.NODE_ENV === 'production')) {\n        rulesToInsert = rulesToInsert || []\n        rulesToInsert.push([prop, rule])\n      }\n    }\n  }\n\n  function mergeClassName(key: string, val: string, isMediaOrPseudo = false) {\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      // empty classnames passed by compiler sometimes\n      if (!val) return\n      if (val.startsWith('_transform-')) {\n        const namespace: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n\n        let transform = insertedTransforms[val]\n        if (isClient) {\n          if (!transform) {\n            // HMR or loaded a new chunk\n            updateInserted()\n            transform = insertedTransforms[val]\n            if (process.env.NODE_ENV === 'development') {\n              if (!transform) {\n                console.warn('no transform found', { insertedTransforms, val })\n              }\n            }\n          }\n          if (!transform) {\n            if (isWeb && val[0] !== '_') {\n              // runtime insert\n              transform = val\n            }\n          }\n          if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n            // prettier-ignore\n            console.log('  \u00BB getSplitStyles mergeClassName transform', { key, val, namespace, transform, insertedTransforms })\n          }\n        }\n        transforms = transforms || {}\n        transforms[namespace] = transforms[namespace] || ['', '']\n        const identifier = val.replace('_transform', '')\n        transforms[namespace][0] += identifier\n        // ssr doesn't need to do anything just make the right classname\n        if (transform) {\n          transforms[namespace][1] += transform\n        }\n      } else {\n        classNames[key] = val\n      }\n    }\n  }\n\n  const propKeys = Object.keys(props)\n  const shouldDoClasses = (isWeb || process.env.IS_STATIC === 'is_static') && !state.noClassNames\n  const len = propKeys.length\n\n  // loop backwards so we can skip already-used props\n  for (let i = len - 1; i >= 0; i--) {\n    const keyInit = propKeys[i]\n\n    if (usedKeys.has(keyInit)) continue\n    if (skipProps[keyInit]) continue\n    if (!isWeb && keyInit.startsWith('data-')) continue\n\n    const valInit = props[keyInit]\n\n    if (keyInit === 'style' || keyInit.startsWith('_style')) {\n      if (!valInit) continue\n      for (const key in valInit) {\n        if (usedKeys.has(key)) continue\n        if (valInit && typeof valInit === 'object') {\n          // newer react native versions return a full object instead of ID\n          for (const skey in valInit) {\n            if (usedKeys.has(skey)) continue\n            usedKeys.add(skey)\n            style[skey] = valInit[skey]\n          }\n        } else {\n          usedKeys.add(key)\n          style[key] = valInit\n        }\n      }\n      continue\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (keyInit === 'className') {\n        let nonTamaguis = ''\n        if (!valInit) continue\n        for (const cn of valInit.split(' ')) {\n          if (cn[0] === '_') {\n            // tamagui, merge it expanded on key, eventually this will go away with better compiler\n            const [shorthand, mediaOrPseudo] = cn.slice(1).split('-')\n            const isMedia = mediaOrPseudo[0] === '_'\n            const isPseudo = mediaOrPseudo[0] === '0'\n            const isMediaOrPseudo = isMedia || isPseudo\n            let fullKey = conf.shorthands[shorthand]\n            if (isMedia) {\n              // is media\n              let mediaShortKey = mediaOrPseudo.slice(1)\n              mediaShortKey = mediaShortKey.slice(0, mediaShortKey.indexOf('_'))\n              fullKey += `${PROP_SPLIT}${mediaShortKey}`\n            } else if (isPseudo) {\n              // is pseudo\n              const pseudoShortKey = mediaOrPseudo.slice(1)\n              fullKey += `${PROP_SPLIT}${pseudoShortKey}`\n            }\n            usedKeys.add(fullKey)\n            mergeClassName(fullKey, cn, isMediaOrPseudo)\n          } else {\n            nonTamaguis += ' ' + cn\n          }\n        }\n        if (nonTamaguis) {\n          usedKeys.add(keyInit)\n          mergeClassName(keyInit, nonTamaguis)\n        }\n        continue\n      }\n\n      if (valInit && valInit[0] === '_') {\n        // if valid style key (or pseudo like color-hover):\n        // this conditional and esp the pseudo check rarely runs so not a perf issue\n        const isValidClassName = validStyles[keyInit]\n        const isMediaOrPseudo =\n          !isValidClassName &&\n          keyInit.includes(PROP_SPLIT) &&\n          validStyles[keyInit.split(PROP_SPLIT)[0]]\n        if (isValidClassName || isMediaOrPseudo) {\n          usedKeys.add(keyInit)\n          mergeClassName(keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\n    if (\n      state.keepVariantsAsProps &&\n      staticConfig.defaultVariants &&\n      keyInit in staticConfig.defaultVariants\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 = keyInit[0] === '$'\n    let isPseudo = validPseudoKeys[keyInit]\n    let isMediaOrPseudo = isMedia || isPseudo\n\n    if (\n      !isMedia &&\n      !isPseudo &&\n      !staticConfig.variants?.[keyInit] &&\n      !validStyleProps[keyInit] &&\n      !conf.shorthands[keyInit]\n    ) {\n      usedKeys.add(keyInit)\n      viewProps[keyInit] = valInit\n      continue\n    }\n\n    const expanded =\n      isMedia || isPseudo\n        ? [[keyInit, valInit]]\n        : staticConfig.propMapper(keyInit, valInit, theme, props, state, undefined, debug)\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      console.log('  \u00BB getSplitStyles', keyInit, valInit, expanded)\n    }\n\n    if (!expanded) {\n      continue\n    }\n\n    for (const [key, val] of expanded) {\n      if (val === undefined) continue\n\n      isMedia = key[0] === '$'\n      isPseudo = validPseudoKeys[key]\n      isMediaOrPseudo = isMedia || isPseudo\n\n      if (!isMediaOrPseudo) {\n        if (usedKeys.has(key)) continue\n      }\n\n      if (\n        (staticConfig.deoptProps && staticConfig.deoptProps.has(key)) ||\n        (staticConfig.inlineProps && staticConfig.inlineProps.has(key)) ||\n        (staticConfig.inlineWhenUnflattened && staticConfig.inlineWhenUnflattened.has(key))\n      ) {\n        usedKeys.add(key)\n        viewProps[key] = props[key] ?? val\n      }\n\n      // pseudo\n      if (isPseudo) {\n        if (!val) continue\n        if (key === 'enterStyle' && state.mounted) {\n          // once mounted we can ignore enterStyle\n          continue\n        }\n        pseudos[key] = pseudos[key] || {}\n        pseudos[key] = getSubStyle(val, staticConfig, theme, props, state, conf, true)\n        if (shouldDoClasses) {\n          const pseudoStyles = getAtomicStyle(pseudos[key], pseudoDescriptors[key])\n          for (const style of pseudoStyles) {\n            const postfix = pseudoDescriptors[key]?.name || key // exitStyle/enterStyle dont have pseudoDescriptors\n            const fullKey = `${style.property}${PROP_SPLIT}${postfix}`\n            if (!usedKeys.has(fullKey)) {\n              usedKeys.add(fullKey)\n              addStyle(style.identifier, style.rules.join(';'))\n              mergeClassName(fullKey, style.identifier, isMediaOrPseudo)\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        const mediaKey = key\n        const mediaKeyShort = mediaKey.slice(1)\n\n        if (!mediaQueryConfig[mediaKeyShort]) {\n          if (!usedKeys.has(key)) {\n            // this isn't a media key, pass through\n            viewProps[key] = val\n          }\n          continue\n        }\n\n        // dont check if media is active, we just apply *all* media styles\n        // we combine the media props on top regular props, could proxy this\n        // TODO test proxy here instead of merge\n        // THIS USED TO PROXY BACK TO REGULAR PROPS BUT THAT IS THE WRONG BEHAVIOR\n        // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n        const mediaStyle = getSubStyle(val, staticConfig, theme, props, state, conf)\n\n        if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n          // prettier-ignore\n          console.log('  \u00BB getSplitStyles mediaStyle', { mediaKey, mediaStyle, props, shouldDoClasses })\n        }\n\n        if (shouldDoClasses) {\n          const mediaStyles = getStylesAtomic(mediaStyle)\n          for (const style of mediaStyles) {\n            const out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig)\n            // TODO handle pseudo + media, not too hard just need to set up example case\n            const fullKey = `${style.property}${PROP_SPLIT}${mediaKeyShort}`\n            if (!usedKeys.has(fullKey)) {\n              usedKeys.add(fullKey)\n              addStyle(out.identifier, out.styleRule)\n              mergeClassName(fullKey, out.identifier, true)\n            }\n          }\n        } else {\n          if (mediaState[mediaKey]) {\n            if (process.env.NODE_ENV === 'development' && debug) {\n              console.log('apply media style', mediaKey, mediaState)\n            }\n            Object.assign(shouldDoClasses ? medias : style, mediaStyle)\n          }\n        }\n        continue\n      }\n\n      if (!isWeb && key === 'pointerEvents') {\n        usedKeys.add(key)\n        viewProps[key] = val\n        continue\n      }\n\n      if (validStyleProps[key]) {\n        usedKeys.add(key)\n        if (val && val[0] === '_') {\n          classNames[key] = val\n        } else if (key in stylePropsTransform) {\n          mergeTransform(style, key, val, true)\n        } else {\n          style[key] = normalizeValueWithProperty(val, key)\n        }\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        if (!skipProps[key]) {\n          viewProps[key] = val\n          usedKeys.add(key)\n        }\n      }\n    }\n  }\n\n  fixStyles(style)\n  if (isWeb) {\n    styleToCSS(style)\n  }\n\n  // add in defaults if not set:\n  if (defaultClassNames) {\n    classNames = {\n      ...defaultClassNames,\n      ...classNames,\n    }\n  }\n\n  if (shouldDoClasses) {\n    const atomic = getStylesAtomic(style)\n    for (const atomicStyle of atomic) {\n      const key = atomicStyle.property\n      if (!state.dynamicStylesInline) {\n        addStyle(atomicStyle.identifier, atomicStyle.rules.join(';'))\n        mergeClassName(key, atomicStyle.identifier)\n      } else {\n        style[key] = atomicStyle.value\n      }\n    }\n  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (transforms) {\n      for (const namespace in transforms) {\n        if (!transforms[namespace]) {\n          if (process.env.NODE_ENV === 'development') {\n            console.warn('Error no transform', transforms, namespace)\n          }\n          continue\n        }\n        const [hash, val] = transforms[namespace]\n        const identifier = `_transform${hash}`\n        if (isClient) {\n          if (!insertedTransforms[identifier]) {\n            const rule = `.${identifier} { transform: ${val}; }`\n            addStyle(identifier, rule)\n          }\n        }\n        classNames[namespace] = identifier\n      }\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (typeof document !== 'undefined') {\n      // prettier-ignore\n      console.log('  \u00BB getSplitStyles out', { style, pseudos, medias, classNames, viewProps, state })\n    }\n  }\n\n  return {\n    viewProps,\n    style,\n    medias,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n}\n\nexport const getSubStyle = (\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  props: any,\n  state: SplitStyleState,\n  conf: TamaguiInternalConfig,\n  avoidDefaultProps?: boolean\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (let key in styleIn) {\n    const val = styleIn[key]\n    key = conf.shorthands[key] || key\n    const expanded = staticConfig.propMapper(key, val, theme, props, state, avoidDefaultProps)\n    if (!expanded) continue\n    for (const [skey, sval] of expanded) {\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = normalizeValueWithProperty(sval, key)\n      }\n    }\n  }\n\n  fixStyles(styleOut)\n\n  return styleOut\n}\n\nexport const insertSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n  if (res.rulesToInsert) {\n    for (const [prop, rule] of res.rulesToInsert) {\n      insertStyleRule(prop, rule)\n    }\n  }\n  return res\n}\n\n// on native no need to insert any css\nconst useInsertEffectCompat = isWeb ? useInsertionEffect || useIsomorphicLayoutEffect : () => {}\n\nexport const useSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n\n  useInsertEffectCompat(() => {\n    if (!res.rulesToInsert) return\n    for (const [prop, rule] of res.rulesToInsert) {\n      insertStyleRule(prop, rule)\n    }\n  }, [res.rulesToInsert])\n\n  return res\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/helpers/getStackSize.js

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var getStackSize_exports = {};
+__export(getStackSize_exports, {
+  getButtonSize: () => getButtonSize
+});
+module.exports = __toCommonJS(getStackSize_exports);
+var import_getSize = require("./getSize");
+const getButtonSize = (val, { tokens }) => {
+  if (typeof val === "number") {
+    return {
+      paddingHorizontal: val * 0.25,
+      height: val,
+      borderRadius: val * 0.2
+    };
+  }
+  const ySize = (0, import_getSize.getSize)(val, 0);
+  const xSize = (0, import_getSize.stepTokenUpOrDown)(tokens.space, val);
+  const radiusToken = tokens.radius[val] ?? tokens.radius["$4"];
+  return {
+    paddingHorizontal: xSize,
+    height: ySize,
+    borderRadius: radiusToken
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getButtonSize
+});
+//# sourceMappingURL=getStackSize.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/getStackSize.ts"],
+  "sourcesContent": ["import { SizeTokens, VariantSpreadExtras } from '../types'\nimport { getSize, stepTokenUpOrDown } from './getSize'\n\nexport type ScaleVariantExtras = Pick<VariantSpreadExtras<any>, 'tokens' | 'props' | 'fonts'>\n\nexport const getButtonSize = (val: SizeTokens | number, { tokens }: VariantSpreadExtras<any>) => {\n  if (typeof val === 'number') {\n    return {\n      paddingHorizontal: val * 0.25,\n      height: val,\n      borderRadius: val * 0.2,\n    }\n  }\n  const ySize = getSize(val, 0)\n  const xSize = stepTokenUpOrDown(tokens.space, val)\n  const radiusToken = tokens.radius[val] ?? tokens.radius['$4']\n  return {\n    paddingHorizontal: xSize,\n    height: ySize,\n    borderRadius: radiusToken,\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2C;AAIpC,MAAM,gBAAgB,CAAC,KAA0B,EAAE,aAAuC;AAC/F,MAAI,OAAO,QAAQ,UAAU;AAC3B,WAAO;AAAA,MACL,mBAAmB,MAAM;AAAA,MACzB,QAAQ;AAAA,MACR,cAAc,MAAM;AAAA,IACtB;AAAA,EACF;AACA,QAAM,QAAQ,4BAAQ,KAAK,CAAC;AAC5B,QAAM,QAAQ,sCAAkB,OAAO,OAAO,GAAG;AACjD,QAAM,cAAc,OAAO,OAAO,QAAQ,OAAO,OAAO;AACxD,SAAO;AAAA,IACL,mBAAmB;AAAA,IACnB,QAAQ;AAAA,IACR,cAAc;AAAA,EAChB;AACF;",
+  "names": []
+}

package/dist/cjs/helpers/getStylesAtomic.js

@@ -1,25 +1,11 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -44,134 +30,208 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var getStylesAtomic_exports = {};
 __export(getStylesAtomic_exports, {
+  getAtomicStyle: () => getAtomicStyle,
   getStylesAtomic: () => getStylesAtomic,
-  pseudos: () => pseudos
+  styleToCSS: () => styleToCSS
 });
 module.exports = __toCommonJS(getStylesAtomic_exports);
 var import_helpers = require("@tamagui/helpers");
-var import_conf = require("../conf");
-var import_rnw = require("../constants/rnw");
-var import_createVariable = require("../createVariable");
-function getStylesAtomic(stylesIn, options = {}) {
+var import_hyphenate_style_name = __toESM(require("hyphenate-style-name"));
+var import_createTamagui = require("../createTamagui");
+var import_expandStyles = require("./expandStyles");
+var import_normalizeValueWithProperty = require("./normalizeValueWithProperty");
+var import_pseudoDescriptors = require("./pseudoDescriptors");
+const pseudosOrdered = Object.values(import_pseudoDescriptors.pseudoDescriptors);
+function getStylesAtomic(stylesIn) {
+  if (!stylesIn.hoverStyle && !stylesIn.pressStyle && !stylesIn.focusStyle) {
+    return getAtomicStyle(stylesIn);
+  }
   const _a = stylesIn, { hoverStyle, pressStyle, focusStyle } = _a, base = __objRest(_a, ["hoverStyle", "pressStyle", "focusStyle"]);
   let res = [];
   for (const [index, style] of [hoverStyle, pressStyle, focusStyle, base].entries()) {
-    if (!style || !Object.keys(style).length) {
+    if (!style)
       continue;
-    }
     const pseudo = pseudosOrdered[index];
-    for (const skey in style) {
-      const val = style[skey];
-      if ((0, import_createVariable.isVariable)(val)) {
-        style[skey] = val.toString();
-      }
-      if (import_helpers.stylePropsTransform[skey]) {
-        delete style[skey];
-        (0, import_helpers.mergeTransform)(style, skey, val);
-      }
-    }
-    res = [...res, ...getAtomicStyle(style, pseudo, options)];
+    res = [...res, ...getAtomicStyle(style, pseudo)];
   }
   return res;
 }
-__name(getStylesAtomic, "getStylesAtomic");
-const generateAtomicStyles = /* @__PURE__ */ __name((style) => {
-  return import_rnw.rnw.atomic(import_rnw.rnw.createCompileableStyle(import_rnw.rnw.createReactDOMStyle(style)));
-}, "generateAtomicStyles");
-let reversedShorthands = null;
-function getAtomicStyle(style, pseudo, options) {
-  if (style == null || typeof style !== "object") {
-    throw new Error(`Wrong style type: "${typeof style}": ${style}`);
-  }
-  for (const key in borderDefaults) {
-    if (key in style) {
-      style[borderDefaults[key]] = style[borderDefaults[key]] ?? "solid";
+function getAtomicStyle(style, pseudo) {
+  if (process.env.NODE_ENV === "development") {
+    if (!style || typeof style !== "object") {
+      throw new Error(`Wrong style type: "${typeof style}": ${style}`);
+    }
+  } else {
+    if (!style) {
+      console.warn(`Invalid style`);
+      return [];
     }
   }
-  let atomicStyles = {};
-  if (options.splitTransforms && style.transform) {
-    let _a = style, { transform } = _a, rest = __objRest(_a, ["transform"]);
-    Object.assign(atomicStyles, generateAtomicStyles(rest));
-    for (const t of transform) {
-      const tKey = Object.keys(t)[0];
-      const transformProperty = import_helpers.invertMapTransformKeys[tKey] || tKey;
-      const out = generateAtomicStyles({ transform: [t] });
-      const key = Object.keys(out)[0];
-      atomicStyles[key] = __spreadProps(__spreadValues({}, out[key]), {
-        transformProperty
-      });
+  return generateAtomicStyles(style, pseudo);
+}
+const generateAtomicStyles = (styleIn, pseudo) => {
+  const style = styleIn;
+  if (style.transform) {
+    if (Array.isArray(style.transform)) {
+      style.transform = style.transform.map(mapTransform).join(" ");
     }
-  } else {
-    atomicStyles = generateAtomicStyles(style);
-  }
-  if (!reversedShorthands) {
-    reversedShorthands = {};
-    const conf = (0, import_conf.getConfig)();
-    if (conf.shorthands) {
-      for (const key in conf.shorthands) {
-        reversedShorthands[conf.shorthands[key]] = key;
+  }
+  styleToCSS(style);
+  const out = [];
+  for (const key in style) {
+    const value = style[key];
+    if (value != null && value != void 0) {
+      const uid = key + ((pseudo == null ? void 0 : pseudo.name) || "");
+      const cachedResult = cache.get(uid, value);
+      if (cachedResult != void 0) {
+        out.push(cachedResult);
+      } else {
+        const hash = presetHashes[value] ? value : typeof value === "string" ? (0, import_helpers.simpleHash)(value) : `${value}`.replace(".", "dot");
+        const pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
+        const shortProp = import_createTamagui.reversedShorthands[key] || key;
+        const identifier = `_${shortProp}-${pseudoPrefix}${hash}`;
+        const rules = createAtomicRules(identifier, key, value, pseudo);
+        const styleObject = {
+          property: key,
+          pseudo: pseudo == null ? void 0 : pseudo.name,
+          value,
+          identifier,
+          rules
+        };
+        cache.set(uid, value, styleObject);
+        out.push(styleObject);
       }
     }
   }
-  return Object.keys(atomicStyles).map((key) => {
-    const val = atomicStyles[key];
-    const [_, a, b] = val.identifier.split("-");
-    const hash = b || a;
-    const psuedoPrefix = pseudo ? `0${pseudo.name}-` : "";
-    const shortProp = reversedShorthands[val.property] || val.property;
-    const identifier = `_${shortProp}-${psuedoPrefix}${hash}`;
-    const className = `.${identifier}`;
-    const rules = val.rules.map((rule) => {
-      if (pseudo) {
-        const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ":root").join("") + " ";
-        let res = rule.replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`).replace("{", `:${pseudo.name}{`);
-        if (pseudo.name === "hover") {
-          res = `@media not all and (hover: none) { ${res} }`;
-        }
-        return res;
-      }
-      return rule.replace(`.${val.identifier}`, className).replace(importantRegex, "");
-    });
-    const result = {
-      property: val.transformProperty || val.property,
-      value: val.value,
-      identifier,
-      className,
-      rules
-    };
-    return result;
-  });
-}
-__name(getAtomicStyle, "getAtomicStyle");
-const importantRegex = /\!important*/g;
-const borderDefaults = {
-  borderWidth: "borderStyle",
-  borderBottomWidth: "borderBottomStyle",
-  borderTopWidth: "borderTopStyle",
-  borderLeftWidth: "borderLeftStyle",
-  borderRightWidth: "borderRightStyle"
+  return out;
 };
-const pseudos = {
-  hoverStyle: {
-    name: "hover",
-    priority: 1
-  },
-  pressStyle: {
-    name: "active",
-    priority: 2
-  },
-  focusStyle: {
-    name: "focus",
-    priority: 3
+const presetHashes = {
+  none: true
+};
+function styleToCSS(style) {
+  const { shadowOffset, shadowRadius, shadowColor } = style;
+  if (style.shadowRadius !== void 0) {
+    const offset = shadowOffset || import_expandStyles.defaultOffset;
+    const shadow = `${offset.width} ${offset.height} ${shadowRadius} ${shadowColor}`;
+    style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow;
+    delete style.shadowOffset;
+    delete style.shadowRadius;
+    delete style.shadowColor;
+  }
+  const { textShadowColor, textShadowOffset, textShadowRadius } = style;
+  if (textShadowColor || textShadowOffset || textShadowRadius) {
+    const { height, width } = textShadowOffset || import_expandStyles.defaultOffset;
+    const radius = textShadowRadius || 0;
+    const color = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
+    if (color && (height !== 0 || width !== 0 || radius !== 0)) {
+      const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(radius);
+      const offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width);
+      const offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
+      style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;
+    }
+    delete style.textShadowColor;
+    delete style.textShadowOffset;
+    delete style.textShadowRadius;
+  }
+}
+const mapTransform = (transform) => {
+  const type = Object.keys(transform)[0];
+  const value = transform[type];
+  if (type === "matrix" || type === "matrix3d") {
+    return `${type}(${value.join(",")})`;
+  } else {
+    const normalizedValue = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, type);
+    return `${type}(${normalizedValue})`;
   }
 };
-const pseudosOrdered = Object.values(pseudos);
+class Cache {
+  constructor() {
+    this.values = {};
+  }
+  get(key, valStr) {
+    var _a;
+    return (_a = this.values[key]) == null ? void 0 : _a[valStr];
+  }
+  set(key, valStr, object) {
+    var _a;
+    (_a = this.values)[key] ?? (_a[key] = {});
+    this.values[key][valStr] = object;
+  }
+}
+const cache = new Cache();
+function createDeclarationBlock(style, important = false) {
+  let declarations = "";
+  for (const key in style) {
+    const prop = (0, import_hyphenate_style_name.default)(key);
+    const value = style[key];
+    declarations += `${prop}:${value}`;
+  }
+  return `{${declarations}${important ? ` !important` : ""};}`;
+}
+const pseudoSelectorPrefixes = (() => {
+  const res = {};
+  for (const key in import_pseudoDescriptors.pseudoDescriptors) {
+    const pseudo = import_pseudoDescriptors.pseudoDescriptors[key];
+    res[pseudo.name] = [...Array(pseudo.priority)].map(() => ":root").join("") + " ";
+  }
+  return res;
+})();
+function createAtomicRules(identifier, property, value, pseudo) {
+  const selector = pseudo ? `${pseudoSelectorPrefixes[pseudo.name]} .${identifier}:${pseudo.name}` : `.${identifier}`;
+  const important = !!pseudo;
+  let rules = [];
+  switch (property) {
+    case "placeholderTextColor": {
+      const block = createDeclarationBlock({ color: value, opacity: 1 }, important);
+      rules.push(`${selector}::placeholder${block}`);
+      break;
+    }
+    case "pointerEvents": {
+      let finalValue = value;
+      if (value === "auto" || value === "box-only") {
+        finalValue = "auto!important";
+        if (value === "box-only") {
+          const block2 = createDeclarationBlock({ pointerEvents: "none" }, important);
+          rules.push(`${selector}>*${block2}`);
+        }
+      } else if (value === "none" || value === "box-none") {
+        finalValue = "none!important";
+        if (value === "box-none") {
+          const block2 = createDeclarationBlock({ pointerEvents: "auto" }, important);
+          rules.push(`${selector}>*${block2}`);
+        }
+      }
+      const block = createDeclarationBlock({ pointerEvents: finalValue }, important);
+      rules.push(`${selector}${block}`);
+      break;
+    }
+    case "scrollbarWidth": {
+      if (value === "none") {
+        rules.push(`${selector}::-webkit-scrollbar{display:none}`);
+      }
+      const block = createDeclarationBlock({ scrollbarWidth: value }, important);
+      rules.push(`${selector}${block}`);
+      break;
+    }
+    default: {
+      const block = createDeclarationBlock({ [property]: value }, important);
+      rules.push(`${selector}${block}`);
+      break;
+    }
+  }
+  if (pseudo && pseudo.name === "hover") {
+    rules = rules.map((r) => `@media not all and (hover: none) { ${r} }`);
+  }
+  return rules;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getAtomicStyle,
   getStylesAtomic,
-  pseudos
+  styleToCSS
 });
 //# sourceMappingURL=getStylesAtomic.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getStylesAtomic.ts"],
-  "sourcesContent": ["import {\n  StyleObject,\n  invertMapTransformKeys,\n  mergeTransform,\n  stylePropsTransform,\n} from '@tamagui/helpers'\nimport { ViewStyle } from 'react-native'\n\nimport { getConfig } from '../conf'\nimport { rnw } from '../constants/rnw'\nimport { isVariable } from '../createVariable'\n\n// NOTE: going to refactor and merge getSplitStyles + getAtomicStyles into one\n// before i can do that need to not rely on rnw for generateAtomicStyles\n// will change that to not be external at all and just logically do it in the\n// merged getSplitStyles/getAtomicStyles file in one loop.\n\nexport type ViewStyleWithPseudos = ViewStyle & {\n  hoverStyle?: ViewStyle\n  pressStyle?: ViewStyle\n  focusStyle?: ViewStyle\n}\n\ntype AtomicStyleOptions = {\n  splitTransforms?: boolean\n}\n\nexport function getStylesAtomic(stylesIn: ViewStyleWithPseudos, options: AtomicStyleOptions = {}) {\n  const { hoverStyle, pressStyle, focusStyle, ...base } = stylesIn\n  let res: StyleObject[] = []\n\n  // *1 order matched to *0\n  for (const [index, style] of [hoverStyle, pressStyle, focusStyle, base].entries()) {\n    if (!style || !Object.keys(style).length) {\n      continue\n    }\n    const pseudo = pseudosOrdered[index]\n    for (const skey in style) {\n      const val = style[skey]\n      if (isVariable(val)) {\n        style[skey] = val.toString()\n      }\n      if (stylePropsTransform[skey]) {\n        delete style[skey]\n        mergeTransform(style, skey, val)\n      }\n    }\n    res = [...res, ...getAtomicStyle(style, pseudo, options)]\n  }\n\n  return res\n}\n\nconst generateAtomicStyles = (style: ViewStyle) => {\n  return rnw.atomic(rnw.createCompileableStyle(rnw.createReactDOMStyle(style))) as {\n    [key: string]: StyleObject\n  }\n}\n\nlet reversedShorthands: Record<string, string> | null = null\n\nfunction getAtomicStyle(\n  style: ViewStyle,\n  pseudo: { name: string; priority: number } | undefined,\n  options: AtomicStyleOptions\n): StyleObject[] {\n  if (style == null || typeof style !== 'object') {\n    throw new Error(`Wrong style type: \"${typeof style}\": ${style}`)\n  }\n\n  // why is this diff from react-native-web!? need to figure out\n  for (const key in borderDefaults) {\n    if (key in style) {\n      style[borderDefaults[key]] = style[borderDefaults[key]] ?? 'solid'\n    }\n  }\n\n  let atomicStyles: { [key: string]: StyleObject & { transformProperty?: string } } = {}\n\n  if (options.splitTransforms && style.transform) {\n    let { transform, ...rest } = style\n    Object.assign(atomicStyles, generateAtomicStyles(rest))\n    for (const t of transform) {\n      const tKey = Object.keys(t)[0]\n      const transformProperty = invertMapTransformKeys[tKey] || tKey\n      const out = generateAtomicStyles({ transform: [t] })\n      const key = Object.keys(out)[0]\n      atomicStyles[key] = {\n        ...out[key],\n        transformProperty,\n      }\n    }\n  } else {\n    // TODO we can do this all in one loop likely inside getSplitStyles in existing loop and avoid O(n^3)...\n    atomicStyles = generateAtomicStyles(style)\n  }\n\n  if (!reversedShorthands) {\n    reversedShorthands = {}\n    const conf = getConfig()\n    if (conf.shorthands) {\n      for (const key in conf.shorthands) {\n        reversedShorthands[conf.shorthands[key]] = key\n      }\n    }\n  }\n\n  // TODO ... and then also avoid this loop! n^4\n  return Object.keys(atomicStyles).map((key) => {\n    const val = atomicStyles[key]\n    // r-transform-1ns13n\n    const [_, a, b] = val.identifier.split('-')\n    // dev mode its \"r-transform-1ns13n\", prod its \"r-1ns13n\", normalize them\n    const hash = b || a\n    // pseudos have a `--` to be easier to find with concatClassNames\n    const psuedoPrefix = pseudo ? `0${pseudo.name}-` : ''\n    const shortProp = reversedShorthands![val.property] || val.property\n    const identifier = `_${shortProp}-${psuedoPrefix}${hash}`\n    const className = `.${identifier}`\n    const rules = val.rules.map((rule) => {\n      if (pseudo) {\n        const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ':root').join('') + ' '\n        let res = rule\n          .replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`)\n          .replace('{', `:${pseudo.name}{`)\n\n        if (pseudo.name === 'hover') {\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          res = `@media not all and (hover: none) { ${res} }`\n        }\n        return res\n      }\n      return rule.replace(`.${val.identifier}`, className).replace(importantRegex, '')\n    })\n\n    const result: StyleObject = {\n      property: val.transformProperty || val.property,\n      value: val.value,\n      identifier,\n      className,\n      rules,\n    }\n\n    return result\n  })\n}\n\nconst importantRegex = /\\!important*/g\n\nconst borderDefaults = {\n  borderWidth: 'borderStyle',\n  borderBottomWidth: 'borderBottomStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n}\n\n// *0 order matches to *1\nexport const pseudos = {\n  hoverStyle: {\n    name: 'hover',\n    priority: 1,\n  },\n  pressStyle: {\n    name: 'active',\n    priority: 2,\n  },\n  focusStyle: {\n    name: 'focus',\n    priority: 3,\n  },\n}\n\nconst pseudosOrdered = Object.values(pseudos)\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 hyphenateStyleName from 'hyphenate-style-name'\nimport { TextStyle, ViewStyle } from 'react-native'\n\nimport { reversedShorthands } from '../createTamagui'\nimport { cssHash } from './cssHash'\nimport { defaultOffset } from './expandStyles'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty'\nimport { PseudoDescriptor, pseudoDescriptors } from './pseudoDescriptors'\n\n// refactor this file away next...\n\nexport type ViewStyleWithPseudos = ViewStyle & {\n  hoverStyle?: ViewStyle\n  pressStyle?: ViewStyle\n  focusStyle?: ViewStyle\n}\n\nconst pseudosOrdered = Object.values(pseudoDescriptors)\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: ViewStyle, 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      console.warn(`Invalid style`)\n      return []\n    }\n  }\n\n  return generateAtomicStyles(style, pseudo)\n}\n\nconst generateAtomicStyles = (\n  styleIn: ViewStyle & TextStyle,\n  pseudo?: PseudoDescriptor\n): StyleObject[] => {\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        const pseudoPrefix = pseudo ? `0${pseudo.name}-` : ''\n        const shortProp = reversedShorthands[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,\n          value,\n          identifier,\n          rules,\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\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 = `${offset.width} ${offset.height} ${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\n// cache\ntype Value = Object | Array<any> | string | number\nexport type Style = { [key: string]: Value }\nclass Cache {\n  values: Record<string, any> = {}\n\n  get(key: string, valStr: string) {\n    return this.values[key]?.[valStr]\n  }\n\n  set(key: string, valStr: string, object: any) {\n    this.values[key] ??= {}\n    this.values[key][valStr] = object\n  }\n}\nconst cache = new Cache()\n\nfunction createDeclarationBlock(style: Style, important = false) {\n  let declarations = ''\n  for (const key in style) {\n    const prop = hyphenateStyleName(key)\n    const value = style[key]\n    declarations += `${prop}:${value}`\n  }\n  return `{${declarations}${important ? ` !important` : ''};}`\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    // Polyfill for additional 'pointer-events' values\n    // See d13f78622b233a0afc0c7a200c0a0792c8ca9e58\n    case 'pointerEvents': {\n      let finalValue = value\n      if (value === 'auto' || value === 'box-only') {\n        finalValue = 'auto!important'\n        if (value === 'box-only') {\n          const block = createDeclarationBlock({ pointerEvents: 'none' }, important)\n          rules.push(`${selector}>*${block}`)\n        }\n      } else if (value === 'none' || value === 'box-none') {\n        finalValue = 'none!important'\n        if (value === 'box-none') {\n          const block = createDeclarationBlock({ pointerEvents: 'auto' }, important)\n          rules.push(`${selector}>*${block}`)\n        }\n      }\n      const block = createDeclarationBlock({ pointerEvents: finalValue }, important)\n      rules.push(`${selector}${block}`)\n      break\n    }\n\n    // Polyfill for draft spec\n    // https://drafts.csswg.org/css-scrollbars-1/\n    case 'scrollbarWidth': {\n      if (value === 'none') {\n        rules.push(`${selector}::-webkit-scrollbar{display:none}`)\n      }\n      const block = createDeclarationBlock({ scrollbarWidth: value }, important)\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"],
+  "mappings": "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",
   "names": []
 }