@tamagui/core 1.1.4 → 1.1.6

package/dist/cjs/helpers/getSplitStyles.js

@@ -655,7 +655,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
         for (const atomicStyle of atomic) {
           const key = atomicStyle.property;
           if (props.animateOnly && props.animateOnly.includes(key)) {
-            retainedStyles[key] = style[key];
+            retainedStyles[key] = atomicStyle.value;
           } else {
             addStyleToInsertRules(rulesToInsert, atomicStyle);
             mergeClassName(transforms, classNames, key, atomicStyle.identifier);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getSplitStyles.tsx"],
-  "sourcesContent": ["import {\n  isClient,\n  isRSC,\n  isServer,\n  isWeb,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/constants'\nimport {\n  stylePropsText,\n  stylePropsTransform,\n  validPseudoKeys,\n  validStyles,\n  validStylesOnBaseProps,\n} from '@tamagui/helpers'\nimport { useInsertionEffect } from 'react'\nimport type { TextStyle, ViewStyle } from 'react-native'\n\nimport { getConfig, getFont } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport {\n  getMediaImportanceIfMoreImportant,\n  mediaState as globalMediaState,\n  mediaKeysWithAndWithout$,\n  mediaQueryConfig,\n  mergeMediaByImportance,\n} from '../hooks/useMedia'\nimport type {\n  DebugProp,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SpaceTokens,\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  scanAllSheets,\n  shouldInsertStyleRules,\n  updateRules,\n} from './insertStyleRule'\nimport { FlatTransforms, mergeTransform, mergeTransforms } from './mergeTransform'\nimport {\n  normalizeValueWithProperty,\n  reverseMapClassNameToValue,\n} from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors'\nimport { warnOnce } from './warnOnce'\n\ntype GetStyleResult = {\n  pseudos?: PseudoStyles\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: RulesToInsert\n  viewProps: StackProps & Record<string, any>\n  fontFamily: string | undefined\n  space?: any // SpaceTokens?\n  hasMedia: boolean | 'space'\n}\n\ntype GetStyleState = {\n  style: ViewStyle\n  usedKeys: Record<string, number>\n  classNames: ClassNamesObject\n  flatTransforms: FlatTransforms\n  staticConfig: StaticConfigParsed\n  theme: ThemeParsed\n  props: Record<string, any>\n  viewProps: Record<string, any>\n  state: SplitStyleState\n  conf: TamaguiInternalConfig\n  languageContext?: FontLanguageProps\n  avoidDefaultProps?: boolean\n  avoidMergeTransform?: boolean\n}\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  space: true,\n  animateOnly: true,\n  debug: true,\n  componentName: true,\n  role: true,\n  tag: true,\n}\nif (process.env.NODE_ENV === 'test') {\n  skipProps['data-test-renders'] = true\n}\n\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    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 StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeParsed,\n  state: SplitStyleState,\n  parentSplitStyles?: GetStyleResult | null,\n  languageContext?: LanguageContextType,\n  // web-only\n  elementType?: string,\n  debug?: DebugProp\n) => GetStyleResult\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) =>\n  Boolean(key[0] === '$' && mediaKeysWithAndWithout$.has(key))\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  parentSplitStyles,\n  languageContext,\n  elementType,\n  debug\n) => {\n  if (cache.has(props)) {\n    return cache.get(props)\n  }\n\n  if (props.debug) {\n    console.log('props', props)\n  }\n\n  conf = conf || getConfig()\n  const { shorthands } = conf\n  const {\n    defaultVariants,\n    variants,\n    propMapper,\n    isReactNative,\n    deoptProps,\n    inlineProps,\n    inlineWhenUnflattened,\n  } = staticConfig\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: GetStyleResult['viewProps'] = {}\n  let pseudos: PseudoStyles | null = null\n  let psuedosUsed: Record<string, number> | null = null\n  const mediaState = state.mediaState || globalMediaState\n  const usedKeys: Record<string, number> = {}\n  const propKeys = Object.keys(props)\n  let space: SpaceTokens | null = props.space\n  let hasMedia: boolean | string[] = false\n\n  const shouldDoClasses =\n    staticConfig.acceptsClassName && (isWeb || IS_STATIC) && !state.noClassNames\n\n  let style: ViewStyle | TextStyle = {}\n  const flatTransforms: FlatTransforms = {}\n\n  const len = propKeys.length\n  const rulesToInsert: RulesToInsert = []\n  const classNames: ClassNamesObject = {}\n  let className = '' // existing classNames\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  const styleState: GetStyleState = {\n    classNames,\n    conf,\n    flatTransforms,\n    props,\n    state,\n    staticConfig,\n    style,\n    theme,\n    usedKeys,\n    viewProps,\n    languageContext,\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props.selectable) {\n      warnOnce('props.selectable', 'selectable props deprecated, use userSelect')\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    // eslint-disable-next-line no-console\n    console.groupCollapsed('getSplitStyles (looping backwards)')\n    // eslint-disable-next-line no-console\n    console.log({ staticConfig, shouldDoClasses, state, IS_STATIC, propKeys })\n    // eslint-disable-next-line no-console\n    console.groupEnd()\n  }\n\n  if (props.className) {\n    for (const cn of props.className.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 = 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 if (cn) {\n        className += ` ${cn}`\n      }\n    }\n  }\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    if (keyInit === 'className') continue // handled above\n    let valInit = props[keyInit]\n\n    // normalize shorthands up front\n    if (keyInit in shorthands) {\n      keyInit = shorthands[keyInit]\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // map userSelect to native prop\n      if (keyInit === 'userSelect') {\n        keyInit = 'selectable'\n        valInit = valInit === 'none' ? false : true\n      } else if (keyInit.startsWith('data-') || keyInit.startsWith('aria-')) {\n        continue\n      }\n    }\n\n    if (keyInit in usedKeys) continue\n    if (keyInit in skipProps) continue\n\n    if (typeof valInit === 'string' && valInit[0] === '_') {\n      if (keyInit in validStyleProps || keyInit.includes('-')) {\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    if (keyInit === 'dataSet') {\n      for (const key in valInit) {\n        viewProps[`data-${hyphenate(key)}`] = valInit[key]\n      }\n      continue\n    }\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          // maybe style shouldn't used usedKeys?\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 (!variants?.disabled) {\n          continue\n        }\n      }\n\n      if (keyInit === 'testID') {\n        usedKeys[keyInit] = 1\n        viewProps[isReactNative ? 'testId' : 'data-testid'] = valInit\n        continue\n      }\n\n      if (keyInit === 'id' || keyInit === 'nativeID') {\n        usedKeys[keyInit] = 1\n        if (isReactNative) {\n          viewProps.nativeID = valInit\n        } else {\n          viewProps.id = valInit\n        }\n        continue\n      }\n\n      let didUseKeyInit = false\n\n      if (isReactNative) {\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        didUseKeyInit = true\n\n        if (accessibilityDirectMap[keyInit]) {\n          viewProps[accessibilityDirectMap[keyInit]] = valInit\n        } else {\n          switch (keyInit) {\n            case 'accessibilityRole': {\n              if (valInit === 'none') {\n                viewProps.role = 'presentation'\n              } else {\n                viewProps.role = accessibilityRoleToWebRole[valInit] || valInit\n              }\n              continue\n            }\n            case 'accessibilityLabelledBy':\n            case 'accessibilityFlowTo':\n            case 'accessibilityControls':\n            case 'accessibilityDescribedBy': {\n              viewProps[`aria-${keyInit.replace('accessibility', '').toLowerCase()}`] =\n                processIDRefList(valInit)\n              continue\n            }\n            case 'accessibilityKeyShortcuts': {\n              if (Array.isArray(valInit)) {\n                viewProps['aria-keyshortcuts'] = valInit.join(' ')\n              }\n              continue\n            }\n            case 'accessibilityLiveRegion': {\n              viewProps['aria-live'] = valInit === 'none' ? 'off' : valInit\n              continue\n            }\n            case 'accessibilityReadOnly': {\n              viewProps['aria-readonly'] = valInit\n              // Enhance with native semantics\n              if (\n                elementType === 'input' ||\n                elementType === 'select' ||\n                elementType === 'textarea'\n              ) {\n                viewProps.readOnly = true\n              }\n              continue\n            }\n            case 'accessibilityRequired': {\n              viewProps['aria-required'] = valInit\n              // Enhance with native semantics\n              if (\n                elementType === 'input' ||\n                elementType === 'select' ||\n                elementType === 'textarea'\n              ) {\n                viewProps.required = valInit\n              }\n              continue\n            }\n            default: {\n              didUseKeyInit = false\n            }\n          }\n        }\n      }\n\n      if (didUseKeyInit) {\n        usedKeys[keyInit] = 1\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          if (process.env.NODE_ENV === 'development') {\n            if (debug) {\n              // eslint-disable-next-line no-console\n              console.log('tamagui classname props', keyInit, valInit)\n            }\n          }\n          mergeClassName(transforms, classNames, keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\n    if (\n      (defaultVariants && keyInit in 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 && variants && keyInit in 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      !(\n        isMedia ||\n        isPseudo ||\n        variants?.[keyInit] ||\n        validStyleProps[keyInit] ||\n        shorthands[keyInit]\n      )\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        : 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 && isDevTools) {\n        // eslint-disable-next-line no-console\n        console.log('expanded', expanded, '\\nusedKeys', usedKeys, '\\ncurrent', {\n          ...style,\n        })\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        if (process.env.NODE_ENV === 'developmnet' && debug === 'verbose') {\n          console.log(`Used media/pseudo ${key}`)\n        }\n        continue\n      }\n\n      if (inlineProps?.has(key) || inlineWhenUnflattened?.has(key)) {\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          styleState,\n          key,\n          val,\n          true,\n          state.noClassNames\n        )\n\n        const descriptor = pseudoDescriptors[key as keyof typeof pseudoDescriptors]\n        const isEnter = descriptor.name === 'enter'\n        const isExit = descriptor.name === 'exit'\n\n        // don't continue here on isEnter && !state.unmounted because we need to merge defaults\n        if (!descriptor || (isExit && !state.isExiting)) {\n          continue\n        }\n\n        if (!shouldDoClasses || IS_STATIC) {\n          pseudos ||= {}\n          pseudos[key] ||= {}\n          Object.assign(pseudos[key], pseudoStyleObject)\n        }\n\n        if (shouldDoClasses && !isEnter && !isExit) {\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 (usedKeys[key]) {\n            continue\n          }\n\n          let isDisabled = !state[descriptor.stateKey || descriptor.name]\n\n          // we never animate in on server side just show the full thing\n          // on client side we use CSS to hide the fully in SSR items, then\n          // un-hide and replay with original animation.\n          if (isWeb && !isClient && isEnter) {\n            isDisabled = false\n          }\n\n          if (!isDisabled) {\n            if (valInit === staticConfig.defaultProps[keyInit]) {\n              // ignore:\n              // if it's a default property given by styled(), we don't mark it as used, so\n              // that props given inline can override:\n            } else {\n              usedKeys[key] ||= 1\n              if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                console.log(`Setting used ${key}`)\n              }\n            }\n          }\n\n          psuedosUsed ||= {}\n\n          const importance = descriptor.priority\n          for (const pkey in pseudoStyleObject) {\n            const val = pseudoStyleObject[pkey]\n            // when disabled ensure the default value is set for future animations to align\n            if (isDisabled) {\n              if (!(pkey in usedKeys) && pkey in animatableDefaults) {\n                const defaultVal = animatableDefaults[pkey]\n                mergeStyle(styleState, pkey, defaultVal, true)\n              }\n              continue\n            }\n            const curImportance = psuedosUsed[importance] || 0\n            if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n              console.log('Merge pseudo?', { importance, curImportance, pkey, val })\n            }\n            if (importance >= curImportance) {\n              psuedosUsed[pkey] = importance\n              pseudos ||= {}\n              pseudos[key] ||= {}\n              pseudos[key][pkey] = val\n              mergeStyle(styleState, pkey, val)\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        if (!val) continue\n\n        hasMedia ||= true\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          styleState,\n          key,\n          val,\n          // TODO try true like pseudo\n          false\n        )\n\n        const mediaKeyShort = key.slice(1)\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 ${key}`, { key, mediaStyle, props, shouldDoClasses })\n        }\n\n        if ('space' in mediaStyle) {\n          if (!Array.isArray(hasMedia)) {\n            hasMedia = []\n          }\n          hasMedia.push(mediaKeyShort)\n        }\n\n        if (shouldDoClasses) {\n          if ('space' in mediaStyle) {\n            delete mediaStyle['space']\n            if (mediaState[mediaKeyShort]) {\n              const val = valInit.space\n              const importance = getMediaImportanceIfMoreImportant(\n                mediaKeyShort,\n                'space',\n                usedKeys\n              )\n              if (importance) {\n                space = val\n                usedKeys['space'] = importance\n                if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                  console.log(\n                    `Found more important space for current media ${mediaKeyShort}: ${val} (importance: ${importance})`\n                  )\n                }\n              }\n            }\n          }\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[mediaKeyShort]) {\n          for (const subKey in mediaStyle) {\n            const importance = getMediaImportanceIfMoreImportant(\n              mediaKeyShort,\n              subKey,\n              usedKeys\n            )\n            if (importance === null) continue\n            if (subKey === 'space') {\n              space = valInit.space\n              continue\n            }\n            mergeMediaByImportance(\n              style,\n              mediaKeyShort,\n              subKey,\n              mediaStyle[subKey],\n              usedKeys\n            )\n            if (key === 'fontFamily') {\n              fontFamily = mediaStyle[key]\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 (key in validStyleProps) {\n        mergeStyle(styleState, key, val)\n        continue\n      }\n\n      // pass to view props\n      if (!(variants && key in 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  // native: swap out the right family based on weight/style\n  if (process.env.TAMAGUI_TARGET === 'native') {\n    if ('fontFamily' in style && style.fontFamily) {\n      const faceInfo = getFont(style.fontFamily)?.face\n      if (faceInfo) {\n        const overrideFace =\n          faceInfo[style.fontWeight!]?.[style.fontStyle || 'normal']?.val\n        if (overrideFace) {\n          style.fontFamily = overrideFace\n          fontFamily = overrideFace\n          delete style.fontWeight\n          delete style.fontStyle\n        }\n      }\n      if (process.env.NODE_ENV === 'development') {\n        if (debug) {\n          console.log(`Found fontFamily native: ${style.fontFamily}`, faceInfo)\n        }\n      }\n    }\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    if (process.env.NODE_ENV === 'development' && debug) {\n      // eslint-disable-next-line no-console\n      console.log(\n        'Merging flat transforms, transform before',\n        [...(style.transform || [])],\n        flatTransforms\n      )\n    }\n    mergeTransforms(style, flatTransforms, true)\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  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (shouldDoClasses) {\n      const retainedStyles = {}\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          if (props.animateOnly && props.animateOnly.includes(key)) {\n            retainedStyles[key] = style[key]\n          } else {\n            addStyleToInsertRules(rulesToInsert, atomicStyle)\n            mergeClassName(transforms, classNames, key, atomicStyle.identifier)\n          }\n        }\n        if (!IS_STATIC) {\n          style = retainedStyles\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 && !insertedTransforms[identifier]) {\n          const rule = `.${identifier} { transform: ${val}; }`\n          addStyleToInsertRules(rulesToInsert, {\n            identifier,\n            rules: [rule],\n            property: namespace,\n          })\n        }\n        classNames[namespace] = identifier\n      }\n    }\n  }\n\n  const result = {\n    space,\n    hasMedia,\n    fontFamily,\n    viewProps,\n    style,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n\n  if (className) {\n    classNames.className = className\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (isDevTools) {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles =>')\n      // prettier-ignore\n      const logs = { transforms, viewProps, state, rulesToInsert, parentSplitStyles, flatTransforms, result }\n      for (const key in { ...result, ...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  cache.set(props, result)\n\n  return result\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[0] === '_' && val.startsWith('_transform-')) {\n      const ns: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n      let transform = insertedTransforms[val]\n      if (isClient && !transform) {\n        scanAllSheets() // HMR or loaded a new chunk\n        transform = insertedTransforms[val]\n        if (!transform && isWeb && val[0] !== '_') {\n          transform = val // runtime insert\n        }\n      }\n      transforms[ns] ||= ['', '']\n      transforms[ns][0] += val.replace('_transform', '')\n      // ssr doesn't need to do anything just make the right classname\n      if (transform) {\n        transforms[ns][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(\n  defaultProps: Object,\n  baseProps: Object,\n  specificProps: Object\n) {\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    cache.set(key, {\n      ...defaultProps,\n      ...baseProps,\n      ...specificProps,\n    })\n  }\n  return cache.get(key)!\n}\n\nfunction mergeStyle(\n  { usedKeys, classNames, flatTransforms, viewProps, style }: GetStyleState,\n  key: string,\n  val: any,\n  dontSetUsed = false\n) {\n  if (!dontSetUsed) {\n    usedKeys[key] ||= 1\n  }\n  if (val && val[0] === '_') {\n    classNames[key] = val\n  } else if (key in stylePropsTransform) {\n    flatTransforms ||= {}\n    flatTransforms[key] = val\n  } else {\n    const out = normalizeValueWithProperty(val, key)\n    if (key in validStylesOnBaseProps) {\n      viewProps[key] = out\n    } else {\n      style[key] = out\n    }\n  }\n}\n\nexport const getSubStyle = (\n  styleState: GetStyleState,\n  subKey: string,\n  styleIn: Object,\n  avoidDefaultProps?: boolean,\n  avoidMergeTransform?: boolean\n): ViewStyle => {\n  const { staticConfig, theme, props, state, conf, languageContext } = styleState\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\n  ? useInsertionEffect || useIsomorphicLayoutEffect\n  : () => {}\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(\n  rulesToInsert: RulesToInsert,\n  styleObject: PartialStyleObject\n) {\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\nconst animatableDefaults = {\n  opacity: 1,\n  scale: 1,\n  rotate: '0deg',\n  rotateY: '0deg',\n  rotateX: '0deg',\n}\n\nconst lowercaseHyphenate = (match: string) => `-${match.toLowerCase()}`\nconst hyphenate = (str: string) => str.replace(/[A-Z]/g, lowercaseHyphenate)\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  isClient,\n  isRSC,\n  isServer,\n  isWeb,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/constants'\nimport {\n  stylePropsText,\n  stylePropsTransform,\n  validPseudoKeys,\n  validStyles,\n  validStylesOnBaseProps,\n} from '@tamagui/helpers'\nimport { useInsertionEffect } from 'react'\nimport type { TextStyle, ViewStyle } from 'react-native'\n\nimport { getConfig, getFont } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport {\n  getMediaImportanceIfMoreImportant,\n  mediaState as globalMediaState,\n  mediaKeysWithAndWithout$,\n  mediaQueryConfig,\n  mergeMediaByImportance,\n} from '../hooks/useMedia'\nimport type {\n  DebugProp,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SpaceTokens,\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  scanAllSheets,\n  shouldInsertStyleRules,\n  updateRules,\n} from './insertStyleRule'\nimport { FlatTransforms, mergeTransform, mergeTransforms } from './mergeTransform'\nimport {\n  normalizeValueWithProperty,\n  reverseMapClassNameToValue,\n} from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors'\nimport { warnOnce } from './warnOnce'\n\ntype GetStyleResult = {\n  pseudos?: PseudoStyles\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: RulesToInsert\n  viewProps: StackProps & Record<string, any>\n  fontFamily: string | undefined\n  space?: any // SpaceTokens?\n  hasMedia: boolean | 'space'\n}\n\ntype GetStyleState = {\n  style: ViewStyle\n  usedKeys: Record<string, number>\n  classNames: ClassNamesObject\n  flatTransforms: FlatTransforms\n  staticConfig: StaticConfigParsed\n  theme: ThemeParsed\n  props: Record<string, any>\n  viewProps: Record<string, any>\n  state: SplitStyleState\n  conf: TamaguiInternalConfig\n  languageContext?: FontLanguageProps\n  avoidDefaultProps?: boolean\n  avoidMergeTransform?: boolean\n}\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  space: true,\n  animateOnly: true,\n  debug: true,\n  componentName: true,\n  role: true,\n  tag: true,\n}\nif (process.env.NODE_ENV === 'test') {\n  skipProps['data-test-renders'] = true\n}\n\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    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 StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeParsed,\n  state: SplitStyleState,\n  parentSplitStyles?: GetStyleResult | null,\n  languageContext?: LanguageContextType,\n  // web-only\n  elementType?: string,\n  debug?: DebugProp\n) => GetStyleResult\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) =>\n  Boolean(key[0] === '$' && mediaKeysWithAndWithout$.has(key))\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  parentSplitStyles,\n  languageContext,\n  elementType,\n  debug\n) => {\n  if (cache.has(props)) {\n    return cache.get(props)\n  }\n\n  if (props.debug) {\n    console.log('props', props)\n  }\n\n  conf = conf || getConfig()\n  const { shorthands } = conf\n  const {\n    defaultVariants,\n    variants,\n    propMapper,\n    isReactNative,\n    deoptProps,\n    inlineProps,\n    inlineWhenUnflattened,\n  } = staticConfig\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: GetStyleResult['viewProps'] = {}\n  let pseudos: PseudoStyles | null = null\n  let psuedosUsed: Record<string, number> | null = null\n  const mediaState = state.mediaState || globalMediaState\n  const usedKeys: Record<string, number> = {}\n  const propKeys = Object.keys(props)\n  let space: SpaceTokens | null = props.space\n  let hasMedia: boolean | string[] = false\n\n  const shouldDoClasses =\n    staticConfig.acceptsClassName && (isWeb || IS_STATIC) && !state.noClassNames\n\n  let style: ViewStyle | TextStyle = {}\n  const flatTransforms: FlatTransforms = {}\n\n  const len = propKeys.length\n  const rulesToInsert: RulesToInsert = []\n  const classNames: ClassNamesObject = {}\n  let className = '' // existing classNames\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  const styleState: GetStyleState = {\n    classNames,\n    conf,\n    flatTransforms,\n    props,\n    state,\n    staticConfig,\n    style,\n    theme,\n    usedKeys,\n    viewProps,\n    languageContext,\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props.selectable) {\n      warnOnce('props.selectable', 'selectable props deprecated, use userSelect')\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    // eslint-disable-next-line no-console\n    console.groupCollapsed('getSplitStyles (looping backwards)')\n    // eslint-disable-next-line no-console\n    console.log({ staticConfig, shouldDoClasses, state, IS_STATIC, propKeys })\n    // eslint-disable-next-line no-console\n    console.groupEnd()\n  }\n\n  if (props.className) {\n    for (const cn of props.className.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 = 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 if (cn) {\n        className += ` ${cn}`\n      }\n    }\n  }\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    if (keyInit === 'className') continue // handled above\n    let valInit = props[keyInit]\n\n    // normalize shorthands up front\n    if (keyInit in shorthands) {\n      keyInit = shorthands[keyInit]\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // map userSelect to native prop\n      if (keyInit === 'userSelect') {\n        keyInit = 'selectable'\n        valInit = valInit === 'none' ? false : true\n      } else if (keyInit.startsWith('data-') || keyInit.startsWith('aria-')) {\n        continue\n      }\n    }\n\n    if (keyInit in usedKeys) continue\n    if (keyInit in skipProps) continue\n\n    if (typeof valInit === 'string' && valInit[0] === '_') {\n      if (keyInit in validStyleProps || keyInit.includes('-')) {\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    if (keyInit === 'dataSet') {\n      for (const key in valInit) {\n        viewProps[`data-${hyphenate(key)}`] = valInit[key]\n      }\n      continue\n    }\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          // maybe style shouldn't used usedKeys?\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 (!variants?.disabled) {\n          continue\n        }\n      }\n\n      if (keyInit === 'testID') {\n        usedKeys[keyInit] = 1\n        viewProps[isReactNative ? 'testId' : 'data-testid'] = valInit\n        continue\n      }\n\n      if (keyInit === 'id' || keyInit === 'nativeID') {\n        usedKeys[keyInit] = 1\n        if (isReactNative) {\n          viewProps.nativeID = valInit\n        } else {\n          viewProps.id = valInit\n        }\n        continue\n      }\n\n      let didUseKeyInit = false\n\n      if (isReactNative) {\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        didUseKeyInit = true\n\n        if (accessibilityDirectMap[keyInit]) {\n          viewProps[accessibilityDirectMap[keyInit]] = valInit\n        } else {\n          switch (keyInit) {\n            case 'accessibilityRole': {\n              if (valInit === 'none') {\n                viewProps.role = 'presentation'\n              } else {\n                viewProps.role = accessibilityRoleToWebRole[valInit] || valInit\n              }\n              continue\n            }\n            case 'accessibilityLabelledBy':\n            case 'accessibilityFlowTo':\n            case 'accessibilityControls':\n            case 'accessibilityDescribedBy': {\n              viewProps[`aria-${keyInit.replace('accessibility', '').toLowerCase()}`] =\n                processIDRefList(valInit)\n              continue\n            }\n            case 'accessibilityKeyShortcuts': {\n              if (Array.isArray(valInit)) {\n                viewProps['aria-keyshortcuts'] = valInit.join(' ')\n              }\n              continue\n            }\n            case 'accessibilityLiveRegion': {\n              viewProps['aria-live'] = valInit === 'none' ? 'off' : valInit\n              continue\n            }\n            case 'accessibilityReadOnly': {\n              viewProps['aria-readonly'] = valInit\n              // Enhance with native semantics\n              if (\n                elementType === 'input' ||\n                elementType === 'select' ||\n                elementType === 'textarea'\n              ) {\n                viewProps.readOnly = true\n              }\n              continue\n            }\n            case 'accessibilityRequired': {\n              viewProps['aria-required'] = valInit\n              // Enhance with native semantics\n              if (\n                elementType === 'input' ||\n                elementType === 'select' ||\n                elementType === 'textarea'\n              ) {\n                viewProps.required = valInit\n              }\n              continue\n            }\n            default: {\n              didUseKeyInit = false\n            }\n          }\n        }\n      }\n\n      if (didUseKeyInit) {\n        usedKeys[keyInit] = 1\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          if (process.env.NODE_ENV === 'development') {\n            if (debug) {\n              // eslint-disable-next-line no-console\n              console.log('tamagui classname props', keyInit, valInit)\n            }\n          }\n          mergeClassName(transforms, classNames, keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\n    if (\n      (defaultVariants && keyInit in 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 && variants && keyInit in 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      !(\n        isMedia ||\n        isPseudo ||\n        variants?.[keyInit] ||\n        validStyleProps[keyInit] ||\n        shorthands[keyInit]\n      )\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        : 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 && isDevTools) {\n        // eslint-disable-next-line no-console\n        console.log('expanded', expanded, '\\nusedKeys', usedKeys, '\\ncurrent', {\n          ...style,\n        })\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        if (process.env.NODE_ENV === 'developmnet' && debug === 'verbose') {\n          console.log(`Used media/pseudo ${key}`)\n        }\n        continue\n      }\n\n      if (inlineProps?.has(key) || inlineWhenUnflattened?.has(key)) {\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          styleState,\n          key,\n          val,\n          true,\n          state.noClassNames\n        )\n\n        const descriptor = pseudoDescriptors[key as keyof typeof pseudoDescriptors]\n        const isEnter = descriptor.name === 'enter'\n        const isExit = descriptor.name === 'exit'\n\n        // don't continue here on isEnter && !state.unmounted because we need to merge defaults\n        if (!descriptor || (isExit && !state.isExiting)) {\n          continue\n        }\n\n        if (!shouldDoClasses || IS_STATIC) {\n          pseudos ||= {}\n          pseudos[key] ||= {}\n          Object.assign(pseudos[key], pseudoStyleObject)\n        }\n\n        if (shouldDoClasses && !isEnter && !isExit) {\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 (usedKeys[key]) {\n            continue\n          }\n\n          let isDisabled = !state[descriptor.stateKey || descriptor.name]\n\n          // we never animate in on server side just show the full thing\n          // on client side we use CSS to hide the fully in SSR items, then\n          // un-hide and replay with original animation.\n          if (isWeb && !isClient && isEnter) {\n            isDisabled = false\n          }\n\n          if (!isDisabled) {\n            if (valInit === staticConfig.defaultProps[keyInit]) {\n              // ignore:\n              // if it's a default property given by styled(), we don't mark it as used, so\n              // that props given inline can override:\n            } else {\n              usedKeys[key] ||= 1\n              if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                console.log(`Setting used ${key}`)\n              }\n            }\n          }\n\n          psuedosUsed ||= {}\n\n          const importance = descriptor.priority\n          for (const pkey in pseudoStyleObject) {\n            const val = pseudoStyleObject[pkey]\n            // when disabled ensure the default value is set for future animations to align\n            if (isDisabled) {\n              if (!(pkey in usedKeys) && pkey in animatableDefaults) {\n                const defaultVal = animatableDefaults[pkey]\n                mergeStyle(styleState, pkey, defaultVal, true)\n              }\n              continue\n            }\n            const curImportance = psuedosUsed[importance] || 0\n            if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n              console.log('Merge pseudo?', { importance, curImportance, pkey, val })\n            }\n            if (importance >= curImportance) {\n              psuedosUsed[pkey] = importance\n              pseudos ||= {}\n              pseudos[key] ||= {}\n              pseudos[key][pkey] = val\n              mergeStyle(styleState, pkey, val)\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        if (!val) continue\n\n        hasMedia ||= true\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          styleState,\n          key,\n          val,\n          // TODO try true like pseudo\n          false\n        )\n\n        const mediaKeyShort = key.slice(1)\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 ${key}`, { key, mediaStyle, props, shouldDoClasses })\n        }\n\n        if ('space' in mediaStyle) {\n          if (!Array.isArray(hasMedia)) {\n            hasMedia = []\n          }\n          hasMedia.push(mediaKeyShort)\n        }\n\n        if (shouldDoClasses) {\n          if ('space' in mediaStyle) {\n            delete mediaStyle['space']\n            if (mediaState[mediaKeyShort]) {\n              const val = valInit.space\n              const importance = getMediaImportanceIfMoreImportant(\n                mediaKeyShort,\n                'space',\n                usedKeys\n              )\n              if (importance) {\n                space = val\n                usedKeys['space'] = importance\n                if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                  console.log(\n                    `Found more important space for current media ${mediaKeyShort}: ${val} (importance: ${importance})`\n                  )\n                }\n              }\n            }\n          }\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[mediaKeyShort]) {\n          for (const subKey in mediaStyle) {\n            const importance = getMediaImportanceIfMoreImportant(\n              mediaKeyShort,\n              subKey,\n              usedKeys\n            )\n            if (importance === null) continue\n            if (subKey === 'space') {\n              space = valInit.space\n              continue\n            }\n            mergeMediaByImportance(\n              style,\n              mediaKeyShort,\n              subKey,\n              mediaStyle[subKey],\n              usedKeys\n            )\n            if (key === 'fontFamily') {\n              fontFamily = mediaStyle[key]\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 (key in validStyleProps) {\n        mergeStyle(styleState, key, val)\n        continue\n      }\n\n      // pass to view props\n      if (!(variants && key in 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  // native: swap out the right family based on weight/style\n  if (process.env.TAMAGUI_TARGET === 'native') {\n    if ('fontFamily' in style && style.fontFamily) {\n      const faceInfo = getFont(style.fontFamily)?.face\n      if (faceInfo) {\n        const overrideFace =\n          faceInfo[style.fontWeight!]?.[style.fontStyle || 'normal']?.val\n        if (overrideFace) {\n          style.fontFamily = overrideFace\n          fontFamily = overrideFace\n          delete style.fontWeight\n          delete style.fontStyle\n        }\n      }\n      if (process.env.NODE_ENV === 'development') {\n        if (debug) {\n          console.log(`Found fontFamily native: ${style.fontFamily}`, faceInfo)\n        }\n      }\n    }\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    if (process.env.NODE_ENV === 'development' && debug) {\n      // eslint-disable-next-line no-console\n      console.log(\n        'Merging flat transforms, transform before',\n        [...(style.transform || [])],\n        flatTransforms\n      )\n    }\n    mergeTransforms(style, flatTransforms, true)\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  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (shouldDoClasses) {\n      const retainedStyles = {}\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          if (props.animateOnly && props.animateOnly.includes(key)) {\n            retainedStyles[key] = atomicStyle.value\n          } else {\n            addStyleToInsertRules(rulesToInsert, atomicStyle)\n            mergeClassName(transforms, classNames, key, atomicStyle.identifier)\n          }\n        }\n        if (!IS_STATIC) {\n          style = retainedStyles\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 && !insertedTransforms[identifier]) {\n          const rule = `.${identifier} { transform: ${val}; }`\n          addStyleToInsertRules(rulesToInsert, {\n            identifier,\n            rules: [rule],\n            property: namespace,\n          })\n        }\n        classNames[namespace] = identifier\n      }\n    }\n  }\n\n  const result = {\n    space,\n    hasMedia,\n    fontFamily,\n    viewProps,\n    style,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n\n  if (className) {\n    classNames.className = className\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (isDevTools) {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles =>')\n      // prettier-ignore\n      const logs = { transforms, viewProps, state, rulesToInsert, parentSplitStyles, flatTransforms, result }\n      for (const key in { ...result, ...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  cache.set(props, result)\n\n  return result\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[0] === '_' && val.startsWith('_transform-')) {\n      const ns: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n      let transform = insertedTransforms[val]\n      if (isClient && !transform) {\n        scanAllSheets() // HMR or loaded a new chunk\n        transform = insertedTransforms[val]\n        if (!transform && isWeb && val[0] !== '_') {\n          transform = val // runtime insert\n        }\n      }\n      transforms[ns] ||= ['', '']\n      transforms[ns][0] += val.replace('_transform', '')\n      // ssr doesn't need to do anything just make the right classname\n      if (transform) {\n        transforms[ns][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(\n  defaultProps: Object,\n  baseProps: Object,\n  specificProps: Object\n) {\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    cache.set(key, {\n      ...defaultProps,\n      ...baseProps,\n      ...specificProps,\n    })\n  }\n  return cache.get(key)!\n}\n\nfunction mergeStyle(\n  { usedKeys, classNames, flatTransforms, viewProps, style }: GetStyleState,\n  key: string,\n  val: any,\n  dontSetUsed = false\n) {\n  if (!dontSetUsed) {\n    usedKeys[key] ||= 1\n  }\n  if (val && val[0] === '_') {\n    classNames[key] = val\n  } else if (key in stylePropsTransform) {\n    flatTransforms ||= {}\n    flatTransforms[key] = val\n  } else {\n    const out = normalizeValueWithProperty(val, key)\n    if (key in validStylesOnBaseProps) {\n      viewProps[key] = out\n    } else {\n      style[key] = out\n    }\n  }\n}\n\nexport const getSubStyle = (\n  styleState: GetStyleState,\n  subKey: string,\n  styleIn: Object,\n  avoidDefaultProps?: boolean,\n  avoidMergeTransform?: boolean\n): ViewStyle => {\n  const { staticConfig, theme, props, state, conf, languageContext } = styleState\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\n  ? useInsertionEffect || useIsomorphicLayoutEffect\n  : () => {}\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(\n  rulesToInsert: RulesToInsert,\n  styleObject: PartialStyleObject\n) {\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\nconst animatableDefaults = {\n  opacity: 1,\n  scale: 1,\n  rotate: '0deg',\n  rotateY: '0deg',\n  rotateX: '0deg',\n}\n\nconst lowercaseHyphenate = (match: string) => `-${match.toLowerCase()}`\nconst hyphenate = (str: string) => str.replace(/[A-Z]/g, lowercaseHyphenate)\n"],
+  "mappings": "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",
   "names": ["globalMediaState", "val", "style", "conf"]
 }

package/dist/cjs/hooks/useMedia.js

@@ -158,8 +158,9 @@ function useMedia(uid, debug) {
       if ((componentState == null ? void 0 : componentState.enabled) === false) {
         return prev;
       }
-      const testKeys = (componentState == null ? void 0 : componentState.keys) ?? ((componentState == null ? void 0 : componentState.enabled) && touched ? [...touched] : null);
-      if (testKeys == null ? void 0 : testKeys.every((key) => mediaState[key] === prev[key])) {
+      const testKeys = (componentState == null ? void 0 : componentState.keys) ?? ((!componentState || componentState.enabled) && touched ? [...touched] : null);
+      const hasntUpdated = testKeys == null ? void 0 : testKeys.every((key) => mediaState[key] === prev[key]);
+      if (hasntUpdated) {
         return prev;
       }
       internal.current.prev = mediaState;

package/dist/cjs/hooks/useMedia.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useMedia.tsx"],
-  "sourcesContent": ["import { startTransition, useEffect, useMemo, useSyncExternalStore } from 'react'\n\nimport { getConfig } from '../config'\nimport { createProxy } from '../helpers/createProxy'\nimport { matchMedia } from '../helpers/matchMedia'\nimport {\n  MediaQueries,\n  MediaQueryKey,\n  MediaQueryObject,\n  MediaQueryState,\n  TamaguiInternalConfig,\n} from '../types'\nimport { useSafeRef } from './useSafeRef'\n\nexport let mediaState: MediaQueryState =\n  // development only safeguard\n  process.env.NODE_ENV === 'development'\n    ? createProxy(\n        {},\n        {\n          get(target, key) {\n            if (\n              typeof key === 'string' &&\n              key[0] === '$' &&\n              // dont error on $$typeof\n              key[1] !== '$'\n            ) {\n              throw new Error(`Access mediaState should not use \"$\": ${key}`)\n            }\n            return Reflect.get(target, key)\n          },\n        }\n      )\n    : ({} as any)\n\nexport const mediaQueryConfig: MediaQueries = {}\nexport const getMedia = () => mediaState\nexport const mediaKeysWithAndWithout$ = new Set<string>()\n\n// for SSR capture it at time of startup\nlet initState: MediaQueryState\nexport const getInitialMediaState = () => {\n  return (getConfig().disableSSR ? mediaState : initState) || {}\n}\n\nlet mediaKeysOrdered: string[]\nexport const getMediaKeyImportance = (key: string) => {\n  if (process.env.NODE_ENV === 'development' && key[0] === '$') {\n    throw new Error('use short key')\n  }\n  // + 2 because we set base usedKeys=1 in getSplitStyles and all media go above 1\n  return mediaKeysOrdered.indexOf(key) + 2\n}\n\nconst dispose = new Set<Function>()\n\nexport const configureMedia = (config: TamaguiInternalConfig) => {\n  const { media, mediaQueryDefaultActive } = config\n  if (!media) return\n  for (const key in media) {\n    mediaState[key] = mediaQueryDefaultActive?.[key] || false\n    mediaKeysWithAndWithout$.add(key)\n    mediaKeysWithAndWithout$.add(`$${key}`)\n  }\n  Object.assign(mediaQueryConfig, media)\n  initState = { ...mediaState }\n  updateCurrentState()\n  mediaKeysOrdered = Object.keys(media)\n  if (config.disableSSR) {\n    setupMediaListeners()\n  }\n}\n\nfunction unlisten() {\n  dispose.forEach((cb) => cb())\n  dispose.clear()\n}\n\n/**\n * Note: This should *not* set the state on the first render!\n * Because to avoid hydration issues SSR must match the server\n * *and then* re-render with the actual media query state.\n */\nlet configuredKey = ''\nfunction setupMediaListeners() {\n  // avoid setting up more than once per config\n  const nextKey = JSON.stringify(mediaQueryConfig)\n  if (nextKey === configuredKey) return\n  configuredKey = nextKey\n\n  // hmr, undo existing before re-binding\n  unlisten()\n\n  for (const key in mediaQueryConfig) {\n    const str = mediaObjectToString(mediaQueryConfig[key])\n    const getMatch = () => matchMedia(str)\n    const match = getMatch()\n    if (!match) {\n      throw new Error('\u26A0\uFE0F No match')\n    }\n    // react native needs these deprecated apis for now\n    match.addListener(update)\n    dispose.add(() => {\n      match.removeListener(update)\n    })\n\n    update()\n\n    function update() {\n      const next = !!getMatch().matches\n      if (next === mediaState[key]) return\n      mediaState = { ...mediaState, [key]: next }\n      updateCurrentState()\n    }\n  }\n}\n\nexport function useMediaListeners(config: TamaguiInternalConfig) {\n  if (config.disableSSR) return\n  useEffect(() => {\n    setupMediaListeners()\n  }, [])\n}\n\nconst currentStateListeners = new Set<any>()\nlet isFlushing = false\n\nfunction updateCurrentState() {\n  if (isFlushing) return\n  isFlushing = true\n  setTimeout(() => {\n    startTransition(() => {\n      currentStateListeners.forEach((cb) => cb(mediaState))\n    })\n    isFlushing = false\n  }, 0)\n}\n\ntype MediaKeysState = {\n  [key: string]: any\n}\n\ntype UseMediaState = {\n  [key in MediaQueryKey]: boolean\n}\n\ntype UpdateState = {\n  enabled: boolean\n  keys: MediaQueryKey[]\n}\n\nconst shouldUpdate = new WeakMap<any, UpdateState>()\n\nexport function setMediaShouldUpdate(ref: any, props: UpdateState) {\n  return shouldUpdate.set(ref, props)\n}\n\ntype UseMediaInternalState = {\n  prev: MediaKeysState\n  touched?: Set<string>\n}\n\nfunction subscribe(subscriber: any) {\n  currentStateListeners.add(subscriber)\n  return () => currentStateListeners.delete(subscriber)\n}\n\nexport function useMedia(uid?: any, debug?: any): UseMediaState {\n  const internal = useSafeRef<UseMediaInternalState>(undefined as any)\n  if (!internal.current) {\n    internal.current = {\n      prev: initState,\n    }\n  }\n  const state = useSyncExternalStore<MediaQueryState>(\n    subscribe,\n    () => {\n      const { touched, prev } = internal.current\n      const componentState = uid ? shouldUpdate.get(uid) : undefined\n      if (componentState?.enabled === false) {\n        return prev\n      }\n      const testKeys =\n        componentState?.keys ?? (componentState?.enabled && touched ? [...touched] : null)\n\n      if (testKeys?.every((key) => mediaState[key] === prev[key])) {\n        return prev\n      }\n\n      internal.current.prev = mediaState\n      return mediaState\n    },\n    () => initState\n  )\n\n  return useMemo(() => {\n    return new Proxy(state, {\n      get(_, key) {\n        if (typeof key === 'string') {\n          internal.current.touched ||= new Set()\n          internal.current.touched.add(key)\n        }\n        return Reflect.get(state, key)\n      },\n    })\n  }, [state])\n}\n\n/**\n * Useful for more complex components that need access to the currently active props,\n * accounting for the currently active media queries.\n *\n * Use sparingly, it will loop props and trigger re-render on all media queries.\n *\n * */\nexport function useMediaPropsActive<A extends Object>(\n  props: A\n): {\n  // remove all media\n  [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key]\n} {\n  const media = useMedia()\n\n  return useMemo(() => {\n    const next = {} as A\n    const importancesUsed = {}\n    const propNames = Object.keys(props)\n\n    for (let i = propNames.length - 1; i >= 0; i--) {\n      const key = propNames[i]\n      const val = props[key]\n      if (key[0] === '$') {\n        const mediaKey = key.slice(1)\n        if (!media[mediaKey]) continue\n        if (val && typeof val === 'object') {\n          const subKeys = Object.keys(val)\n          for (let j = subKeys.length; j--; j >= 0) {\n            const subKey = subKeys[j]\n            mergeMediaByImportance(next, mediaKey, subKey, val[subKey], importancesUsed)\n          }\n        }\n      } else {\n        mergeMediaByImportance(next, '', key, val, importancesUsed)\n      }\n    }\n\n    return next\n  }, [media, props])\n}\n\nexport const getMediaImportanceIfMoreImportant = (\n  mediaKey: string,\n  key: string,\n  importancesUsed: Record<string, number>\n) => {\n  const importance = getMediaKeyImportance(mediaKey)\n  return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null\n}\n\nexport function mergeMediaByImportance(\n  onto: Record<string, any>,\n  mediaKey: string,\n  key: string,\n  value: any,\n  importancesUsed: Record<string, number>\n) {\n  const importance = getMediaImportanceIfMoreImportant(mediaKey, key, importancesUsed)\n  if (importance === null) {\n    return false\n  }\n  importancesUsed[key] = importance\n  onto[key] = value\n  return true\n}\n\nfunction camelToHyphen(str: string) {\n  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase()\n}\n\nexport function mediaObjectToString(query: string | MediaQueryObject) {\n  if (typeof query === 'string') {\n    return query\n  }\n  return Object.entries(query)\n    .map(([feature, value]) => {\n      feature = camelToHyphen(feature)\n      if (typeof value === 'string') {\n        return `(${feature}: ${value})`\n      }\n      if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n        value = `${value}px`\n      }\n      return `(${feature}: ${value})`\n    })\n    .join(' and ')\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { startTransition, useEffect, useMemo, useSyncExternalStore } from 'react'\n\nimport { getConfig } from '../config'\nimport { createProxy } from '../helpers/createProxy'\nimport { matchMedia } from '../helpers/matchMedia'\nimport {\n  MediaQueries,\n  MediaQueryKey,\n  MediaQueryObject,\n  MediaQueryState,\n  TamaguiInternalConfig,\n} from '../types'\nimport { useSafeRef } from './useSafeRef'\n\nexport let mediaState: MediaQueryState =\n  // development only safeguard\n  process.env.NODE_ENV === 'development'\n    ? createProxy(\n        {},\n        {\n          get(target, key) {\n            if (\n              typeof key === 'string' &&\n              key[0] === '$' &&\n              // dont error on $$typeof\n              key[1] !== '$'\n            ) {\n              throw new Error(`Access mediaState should not use \"$\": ${key}`)\n            }\n            return Reflect.get(target, key)\n          },\n        }\n      )\n    : ({} as any)\n\nexport const mediaQueryConfig: MediaQueries = {}\nexport const getMedia = () => mediaState\nexport const mediaKeysWithAndWithout$ = new Set<string>()\n\n// for SSR capture it at time of startup\nlet initState: MediaQueryState\nexport const getInitialMediaState = () => {\n  return (getConfig().disableSSR ? mediaState : initState) || {}\n}\n\nlet mediaKeysOrdered: string[]\nexport const getMediaKeyImportance = (key: string) => {\n  if (process.env.NODE_ENV === 'development' && key[0] === '$') {\n    throw new Error('use short key')\n  }\n  // + 2 because we set base usedKeys=1 in getSplitStyles and all media go above 1\n  return mediaKeysOrdered.indexOf(key) + 2\n}\n\nconst dispose = new Set<Function>()\n\nexport const configureMedia = (config: TamaguiInternalConfig) => {\n  const { media, mediaQueryDefaultActive } = config\n  if (!media) return\n  for (const key in media) {\n    mediaState[key] = mediaQueryDefaultActive?.[key] || false\n    mediaKeysWithAndWithout$.add(key)\n    mediaKeysWithAndWithout$.add(`$${key}`)\n  }\n  Object.assign(mediaQueryConfig, media)\n  initState = { ...mediaState }\n  updateCurrentState()\n  mediaKeysOrdered = Object.keys(media)\n  if (config.disableSSR) {\n    setupMediaListeners()\n  }\n}\n\nfunction unlisten() {\n  dispose.forEach((cb) => cb())\n  dispose.clear()\n}\n\n/**\n * Note: This should *not* set the state on the first render!\n * Because to avoid hydration issues SSR must match the server\n * *and then* re-render with the actual media query state.\n */\nlet configuredKey = ''\nfunction setupMediaListeners() {\n  // avoid setting up more than once per config\n  const nextKey = JSON.stringify(mediaQueryConfig)\n  if (nextKey === configuredKey) return\n  configuredKey = nextKey\n\n  // hmr, undo existing before re-binding\n  unlisten()\n\n  for (const key in mediaQueryConfig) {\n    const str = mediaObjectToString(mediaQueryConfig[key])\n    const getMatch = () => matchMedia(str)\n    const match = getMatch()\n    if (!match) {\n      throw new Error('\u26A0\uFE0F No match')\n    }\n    // react native needs these deprecated apis for now\n    match.addListener(update)\n    dispose.add(() => {\n      match.removeListener(update)\n    })\n\n    update()\n\n    function update() {\n      const next = !!getMatch().matches\n      if (next === mediaState[key]) return\n      mediaState = { ...mediaState, [key]: next }\n      updateCurrentState()\n    }\n  }\n}\n\nexport function useMediaListeners(config: TamaguiInternalConfig) {\n  if (config.disableSSR) return\n  useEffect(() => {\n    setupMediaListeners()\n  }, [])\n}\n\nconst currentStateListeners = new Set<any>()\nlet isFlushing = false\n\nfunction updateCurrentState() {\n  if (isFlushing) return\n  isFlushing = true\n  setTimeout(() => {\n    startTransition(() => {\n      currentStateListeners.forEach((cb) => cb(mediaState))\n    })\n    isFlushing = false\n  }, 0)\n}\n\ntype MediaKeysState = {\n  [key: string]: any\n}\n\ntype UseMediaState = {\n  [key in MediaQueryKey]: boolean\n}\n\ntype UpdateState = {\n  enabled: boolean\n  keys: MediaQueryKey[]\n}\n\nconst shouldUpdate = new WeakMap<any, UpdateState>()\n\nexport function setMediaShouldUpdate(ref: any, props: UpdateState) {\n  return shouldUpdate.set(ref, props)\n}\n\ntype UseMediaInternalState = {\n  prev: MediaKeysState\n  touched?: Set<string>\n}\n\nfunction subscribe(subscriber: any) {\n  currentStateListeners.add(subscriber)\n  return () => currentStateListeners.delete(subscriber)\n}\n\nexport function useMedia(uid?: any, debug?: any): UseMediaState {\n  const internal = useSafeRef<UseMediaInternalState>(undefined as any)\n  if (!internal.current) {\n    internal.current = {\n      prev: initState,\n    }\n  }\n  const state = useSyncExternalStore<MediaQueryState>(\n    subscribe,\n    () => {\n      const { touched, prev } = internal.current\n      const componentState = uid ? shouldUpdate.get(uid) : undefined\n      if (componentState?.enabled === false) {\n        return prev\n      }\n\n      const testKeys =\n        componentState?.keys ??\n        ((!componentState || componentState.enabled) && touched ? [...touched] : null)\n\n      const hasntUpdated = testKeys?.every((key) => mediaState[key] === prev[key])\n      if (hasntUpdated) {\n        return prev\n      }\n\n      internal.current.prev = mediaState\n      return mediaState\n    },\n    () => initState\n  )\n\n  return useMemo(() => {\n    return new Proxy(state, {\n      get(_, key) {\n        if (typeof key === 'string') {\n          internal.current.touched ||= new Set()\n          internal.current.touched.add(key)\n        }\n        return Reflect.get(state, key)\n      },\n    })\n  }, [state])\n}\n\n/**\n * Useful for more complex components that need access to the currently active props,\n * accounting for the currently active media queries.\n *\n * Use sparingly, it will loop props and trigger re-render on all media queries.\n *\n * */\nexport function useMediaPropsActive<A extends Object>(\n  props: A\n): {\n  // remove all media\n  [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key]\n} {\n  const media = useMedia()\n\n  return useMemo(() => {\n    const next = {} as A\n    const importancesUsed = {}\n    const propNames = Object.keys(props)\n\n    for (let i = propNames.length - 1; i >= 0; i--) {\n      const key = propNames[i]\n      const val = props[key]\n      if (key[0] === '$') {\n        const mediaKey = key.slice(1)\n        if (!media[mediaKey]) continue\n        if (val && typeof val === 'object') {\n          const subKeys = Object.keys(val)\n          for (let j = subKeys.length; j--; j >= 0) {\n            const subKey = subKeys[j]\n            mergeMediaByImportance(next, mediaKey, subKey, val[subKey], importancesUsed)\n          }\n        }\n      } else {\n        mergeMediaByImportance(next, '', key, val, importancesUsed)\n      }\n    }\n\n    return next\n  }, [media, props])\n}\n\nexport const getMediaImportanceIfMoreImportant = (\n  mediaKey: string,\n  key: string,\n  importancesUsed: Record<string, number>\n) => {\n  const importance = getMediaKeyImportance(mediaKey)\n  return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null\n}\n\nexport function mergeMediaByImportance(\n  onto: Record<string, any>,\n  mediaKey: string,\n  key: string,\n  value: any,\n  importancesUsed: Record<string, number>\n) {\n  const importance = getMediaImportanceIfMoreImportant(mediaKey, key, importancesUsed)\n  if (importance === null) {\n    return false\n  }\n  importancesUsed[key] = importance\n  onto[key] = value\n  return true\n}\n\nfunction camelToHyphen(str: string) {\n  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase()\n}\n\nexport function mediaObjectToString(query: string | MediaQueryObject) {\n  if (typeof query === 'string') {\n    return query\n  }\n  return Object.entries(query)\n    .map(([feature, value]) => {\n      feature = camelToHyphen(feature)\n      if (typeof value === 'string') {\n        return `(${feature}: ${value})`\n      }\n      if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n        value = `${value}px`\n      }\n      return `(${feature}: ${value})`\n    })\n    .join(' and ')\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0E;AAE1E,oBAA0B;AAC1B,yBAA4B;AAC5B,wBAA2B;AAQ3B,wBAA2B;AAEpB,IAAI,aAET,QAAQ,IAAI,aAAa,oBACrB;AAAA,EACE,CAAC;AAAA,EACD;AAAA,IACE,IAAI,QAAQ,KAAK;AACf,UACE,OAAO,QAAQ,YACf,IAAI,OAAO,OAEX,IAAI,OAAO,KACX;AACA,cAAM,IAAI,MAAM,yCAAyC,KAAK;AAAA,MAChE;AACA,aAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,IAChC;AAAA,EACF;AACF,IACC,CAAC;AAED,MAAM,mBAAiC,CAAC;AACxC,MAAM,WAAW,MAAM;AACvB,MAAM,2BAA2B,oBAAI,IAAY;AAGxD,IAAI;AACG,MAAM,uBAAuB,MAAM;AACxC,cAAQ,yBAAU,EAAE,aAAa,aAAa,cAAc,CAAC;AAC/D;AAEA,IAAI;AACG,MAAM,wBAAwB,CAAC,QAAgB;AACpD,MAAI,QAAQ,IAAI,aAAa,iBAAiB,IAAI,OAAO,KAAK;AAC5D,UAAM,IAAI,MAAM,eAAe;AAAA,EACjC;AAEA,SAAO,iBAAiB,QAAQ,GAAG,IAAI;AACzC;AAEA,MAAM,UAAU,oBAAI,IAAc;AAE3B,MAAM,iBAAiB,CAAC,WAAkC;AAC/D,QAAM,EAAE,OAAO,wBAAwB,IAAI;AAC3C,MAAI,CAAC;AAAO;AACZ,aAAW,OAAO,OAAO;AACvB,eAAW,QAAO,mEAA0B,SAAQ;AACpD,6BAAyB,IAAI,GAAG;AAChC,6BAAyB,IAAI,IAAI,KAAK;AAAA,EACxC;AACA,SAAO,OAAO,kBAAkB,KAAK;AACrC,cAAY,EAAE,GAAG,WAAW;AAC5B,qBAAmB;AACnB,qBAAmB,OAAO,KAAK,KAAK;AACpC,MAAI,OAAO,YAAY;AACrB,wBAAoB;AAAA,EACtB;AACF;AAEA,SAAS,WAAW;AAClB,UAAQ,QAAQ,CAAC,OAAO,GAAG,CAAC;AAC5B,UAAQ,MAAM;AAChB;AAOA,IAAI,gBAAgB;AACpB,SAAS,sBAAsB;AAE7B,QAAM,UAAU,KAAK,UAAU,gBAAgB;AAC/C,MAAI,YAAY;AAAe;AAC/B,kBAAgB;AAGhB,WAAS;AAET,aAAW,OAAO,kBAAkB;AAelC,QAASA,UAAT,WAAkB;AAChB,YAAM,OAAO,CAAC,CAAC,SAAS,EAAE;AAC1B,UAAI,SAAS,WAAW;AAAM;AAC9B,mBAAa,EAAE,GAAG,YAAY,CAAC,MAAM,KAAK;AAC1C,yBAAmB;AAAA,IACrB;AALS,iBAAAA;AAdT,UAAM,MAAM,oBAAoB,iBAAiB,IAAI;AACrD,UAAM,WAAW,UAAM,8BAAW,GAAG;AACrC,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,OAAO;AACV,YAAM,IAAI,MAAM,uBAAa;AAAA,IAC/B;AAEA,UAAM,YAAYA,OAAM;AACxB,YAAQ,IAAI,MAAM;AAChB,YAAM,eAAeA,OAAM;AAAA,IAC7B,CAAC;AAED,IAAAA,QAAO;AAAA,EAQT;AACF;AAEO,SAAS,kBAAkB,QAA+B;AAC/D,MAAI,OAAO;AAAY;AACvB,8BAAU,MAAM;AACd,wBAAoB;AAAA,EACtB,GAAG,CAAC,CAAC;AACP;AAEA,MAAM,wBAAwB,oBAAI,IAAS;AAC3C,IAAI,aAAa;AAEjB,SAAS,qBAAqB;AAC5B,MAAI;AAAY;AAChB,eAAa;AACb,aAAW,MAAM;AACf,sCAAgB,MAAM;AACpB,4BAAsB,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC;AAAA,IACtD,CAAC;AACD,iBAAa;AAAA,EACf,GAAG,CAAC;AACN;AAeA,MAAM,eAAe,oBAAI,QAA0B;AAE5C,SAAS,qBAAqB,KAAU,OAAoB;AACjE,SAAO,aAAa,IAAI,KAAK,KAAK;AACpC;AAOA,SAAS,UAAU,YAAiB;AAClC,wBAAsB,IAAI,UAAU;AACpC,SAAO,MAAM,sBAAsB,OAAO,UAAU;AACtD;AAEO,SAAS,SAAS,KAAW,OAA4B;AAC9D,QAAM,eAAW,8BAAkC,MAAgB;AACnE,MAAI,CAAC,SAAS,SAAS;AACrB,aAAS,UAAU;AAAA,MACjB,MAAM;AAAA,IACR;AAAA,EACF;AACA,QAAM,YAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AACJ,YAAM,EAAE,SAAS,KAAK,IAAI,SAAS;AACnC,YAAM,iBAAiB,MAAM,aAAa,IAAI,GAAG,IAAI;AACrD,WAAI,iDAAgB,aAAY,OAAO;AACrC,eAAO;AAAA,MACT;AAEA,YAAM,YACJ,iDAAgB,WACd,CAAC,kBAAkB,eAAe,YAAY,UAAU,CAAC,GAAG,OAAO,IAAI;AAE3E,YAAM,eAAe,qCAAU,MAAM,CAAC,QAAQ,WAAW,SAAS,KAAK;AACvE,UAAI,cAAc;AAChB,eAAO;AAAA,MACT;AAEA,eAAS,QAAQ,OAAO;AACxB,aAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,EACR;AAEA,aAAO,sBAAQ,MAAM;AACnB,WAAO,IAAI,MAAM,OAAO;AAAA,MACtB,IAAI,GAAG,KAAK;AAxMlB;AAyMQ,YAAI,OAAO,QAAQ,UAAU;AAC3B,yBAAS,SAAQ,YAAjB,GAAiB,UAAY,oBAAI,IAAI;AACrC,mBAAS,QAAQ,QAAQ,IAAI,GAAG;AAAA,QAClC;AACA,eAAO,QAAQ,IAAI,OAAO,GAAG;AAAA,MAC/B;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,CAAC;AACZ;AASO,SAAS,oBACd,OAIA;AACA,QAAM,QAAQ,SAAS;AAEvB,aAAO,sBAAQ,MAAM;AACnB,UAAM,OAAO,CAAC;AACd,UAAM,kBAAkB,CAAC;AACzB,UAAM,YAAY,OAAO,KAAK,KAAK;AAEnC,aAAS,IAAI,UAAU,SAAS,GAAG,KAAK,GAAG,KAAK;AAC9C,YAAM,MAAM,UAAU;AACtB,YAAM,MAAM,MAAM;AAClB,UAAI,IAAI,OAAO,KAAK;AAClB,cAAM,WAAW,IAAI,MAAM,CAAC;AAC5B,YAAI,CAAC,MAAM;AAAW;AACtB,YAAI,OAAO,OAAO,QAAQ,UAAU;AAClC,gBAAM,UAAU,OAAO,KAAK,GAAG;AAC/B,mBAAS,IAAI,QAAQ,QAAQ,KAAK,KAAK,GAAG;AACxC,kBAAM,SAAS,QAAQ;AACvB,mCAAuB,MAAM,UAAU,QAAQ,IAAI,SAAS,eAAe;AAAA,UAC7E;AAAA,QACF;AAAA,MACF,OAAO;AACL,+BAAuB,MAAM,IAAI,KAAK,KAAK,eAAe;AAAA,MAC5D;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,KAAK,CAAC;AACnB;AAEO,MAAM,oCAAoC,CAC/C,UACA,KACA,oBACG;AACH,QAAM,aAAa,sBAAsB,QAAQ;AACjD,SAAO,CAAC,gBAAgB,QAAQ,aAAa,gBAAgB,OAAO,aAAa;AACnF;AAEO,SAAS,uBACd,MACA,UACA,KACA,OACA,iBACA;AACA,QAAM,aAAa,kCAAkC,UAAU,KAAK,eAAe;AACnF,MAAI,eAAe,MAAM;AACvB,WAAO;AAAA,EACT;AACA,kBAAgB,OAAO;AACvB,OAAK,OAAO;AACZ,SAAO;AACT;AAEA,SAAS,cAAc,KAAa;AAClC,SAAO,IAAI,QAAQ,UAAU,CAAC,MAAM,IAAI,EAAE,YAAY,GAAG,EAAE,YAAY;AACzE;AAEO,SAAS,oBAAoB,OAAkC;AACpE,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,SAAO,OAAO,QAAQ,KAAK,EACxB,IAAI,CAAC,CAAC,SAAS,KAAK,MAAM;AACzB,cAAU,cAAc,OAAO;AAC/B,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO,IAAI,YAAY;AAAA,IACzB;AACA,QAAI,OAAO,UAAU,YAAY,kBAAkB,KAAK,OAAO,GAAG;AAChE,cAAQ,GAAG;AAAA,IACb;AACA,WAAO,IAAI,YAAY;AAAA,EACzB,CAAC,EACA,KAAK,OAAO;AACjB;",
   "names": ["update"]
 }

package/dist/esm/helpers/getSplitStyles.js

@@ -655,7 +655,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
         for (const atomicStyle of atomic) {
           const key = atomicStyle.property;
           if (props.animateOnly && props.animateOnly.includes(key)) {
-            retainedStyles[key] = style[key];
+            retainedStyles[key] = atomicStyle.value;
           } else {
             addStyleToInsertRules(rulesToInsert, atomicStyle);
             mergeClassName(transforms, classNames, key, atomicStyle.identifier);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getSplitStyles.tsx"],
-  "sourcesContent": ["import {\n  isClient,\n  isRSC,\n  isServer,\n  isWeb,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/constants'\nimport {\n  stylePropsText,\n  stylePropsTransform,\n  validPseudoKeys,\n  validStyles,\n  validStylesOnBaseProps,\n} from '@tamagui/helpers'\nimport { useInsertionEffect } from 'react'\nimport type { TextStyle, ViewStyle } from 'react-native'\n\nimport { getConfig, getFont } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport {\n  getMediaImportanceIfMoreImportant,\n  mediaState as globalMediaState,\n  mediaKeysWithAndWithout$,\n  mediaQueryConfig,\n  mergeMediaByImportance,\n} from '../hooks/useMedia'\nimport type {\n  DebugProp,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SpaceTokens,\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  scanAllSheets,\n  shouldInsertStyleRules,\n  updateRules,\n} from './insertStyleRule'\nimport { FlatTransforms, mergeTransform, mergeTransforms } from './mergeTransform'\nimport {\n  normalizeValueWithProperty,\n  reverseMapClassNameToValue,\n} from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors'\nimport { warnOnce } from './warnOnce'\n\ntype GetStyleResult = {\n  pseudos?: PseudoStyles\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: RulesToInsert\n  viewProps: StackProps & Record<string, any>\n  fontFamily: string | undefined\n  space?: any // SpaceTokens?\n  hasMedia: boolean | 'space'\n}\n\ntype GetStyleState = {\n  style: ViewStyle\n  usedKeys: Record<string, number>\n  classNames: ClassNamesObject\n  flatTransforms: FlatTransforms\n  staticConfig: StaticConfigParsed\n  theme: ThemeParsed\n  props: Record<string, any>\n  viewProps: Record<string, any>\n  state: SplitStyleState\n  conf: TamaguiInternalConfig\n  languageContext?: FontLanguageProps\n  avoidDefaultProps?: boolean\n  avoidMergeTransform?: boolean\n}\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  space: true,\n  animateOnly: true,\n  debug: true,\n  componentName: true,\n  role: true,\n  tag: true,\n}\nif (process.env.NODE_ENV === 'test') {\n  skipProps['data-test-renders'] = true\n}\n\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    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 StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeParsed,\n  state: SplitStyleState,\n  parentSplitStyles?: GetStyleResult | null,\n  languageContext?: LanguageContextType,\n  // web-only\n  elementType?: string,\n  debug?: DebugProp\n) => GetStyleResult\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) =>\n  Boolean(key[0] === '$' && mediaKeysWithAndWithout$.has(key))\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  parentSplitStyles,\n  languageContext,\n  elementType,\n  debug\n) => {\n  if (cache.has(props)) {\n    return cache.get(props)\n  }\n\n  if (props.debug) {\n    console.log('props', props)\n  }\n\n  conf = conf || getConfig()\n  const { shorthands } = conf\n  const {\n    defaultVariants,\n    variants,\n    propMapper,\n    isReactNative,\n    deoptProps,\n    inlineProps,\n    inlineWhenUnflattened,\n  } = staticConfig\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: GetStyleResult['viewProps'] = {}\n  let pseudos: PseudoStyles | null = null\n  let psuedosUsed: Record<string, number> | null = null\n  const mediaState = state.mediaState || globalMediaState\n  const usedKeys: Record<string, number> = {}\n  const propKeys = Object.keys(props)\n  let space: SpaceTokens | null = props.space\n  let hasMedia: boolean | string[] = false\n\n  const shouldDoClasses =\n    staticConfig.acceptsClassName && (isWeb || IS_STATIC) && !state.noClassNames\n\n  let style: ViewStyle | TextStyle = {}\n  const flatTransforms: FlatTransforms = {}\n\n  const len = propKeys.length\n  const rulesToInsert: RulesToInsert = []\n  const classNames: ClassNamesObject = {}\n  let className = '' // existing classNames\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  const styleState: GetStyleState = {\n    classNames,\n    conf,\n    flatTransforms,\n    props,\n    state,\n    staticConfig,\n    style,\n    theme,\n    usedKeys,\n    viewProps,\n    languageContext,\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props.selectable) {\n      warnOnce('props.selectable', 'selectable props deprecated, use userSelect')\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    // eslint-disable-next-line no-console\n    console.groupCollapsed('getSplitStyles (looping backwards)')\n    // eslint-disable-next-line no-console\n    console.log({ staticConfig, shouldDoClasses, state, IS_STATIC, propKeys })\n    // eslint-disable-next-line no-console\n    console.groupEnd()\n  }\n\n  if (props.className) {\n    for (const cn of props.className.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 = 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 if (cn) {\n        className += ` ${cn}`\n      }\n    }\n  }\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    if (keyInit === 'className') continue // handled above\n    let valInit = props[keyInit]\n\n    // normalize shorthands up front\n    if (keyInit in shorthands) {\n      keyInit = shorthands[keyInit]\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // map userSelect to native prop\n      if (keyInit === 'userSelect') {\n        keyInit = 'selectable'\n        valInit = valInit === 'none' ? false : true\n      } else if (keyInit.startsWith('data-') || keyInit.startsWith('aria-')) {\n        continue\n      }\n    }\n\n    if (keyInit in usedKeys) continue\n    if (keyInit in skipProps) continue\n\n    if (typeof valInit === 'string' && valInit[0] === '_') {\n      if (keyInit in validStyleProps || keyInit.includes('-')) {\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    if (keyInit === 'dataSet') {\n      for (const key in valInit) {\n        viewProps[`data-${hyphenate(key)}`] = valInit[key]\n      }\n      continue\n    }\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          // maybe style shouldn't used usedKeys?\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 (!variants?.disabled) {\n          continue\n        }\n      }\n\n      if (keyInit === 'testID') {\n        usedKeys[keyInit] = 1\n        viewProps[isReactNative ? 'testId' : 'data-testid'] = valInit\n        continue\n      }\n\n      if (keyInit === 'id' || keyInit === 'nativeID') {\n        usedKeys[keyInit] = 1\n        if (isReactNative) {\n          viewProps.nativeID = valInit\n        } else {\n          viewProps.id = valInit\n        }\n        continue\n      }\n\n      let didUseKeyInit = false\n\n      if (isReactNative) {\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        didUseKeyInit = true\n\n        if (accessibilityDirectMap[keyInit]) {\n          viewProps[accessibilityDirectMap[keyInit]] = valInit\n        } else {\n          switch (keyInit) {\n            case 'accessibilityRole': {\n              if (valInit === 'none') {\n                viewProps.role = 'presentation'\n              } else {\n                viewProps.role = accessibilityRoleToWebRole[valInit] || valInit\n              }\n              continue\n            }\n            case 'accessibilityLabelledBy':\n            case 'accessibilityFlowTo':\n            case 'accessibilityControls':\n            case 'accessibilityDescribedBy': {\n              viewProps[`aria-${keyInit.replace('accessibility', '').toLowerCase()}`] =\n                processIDRefList(valInit)\n              continue\n            }\n            case 'accessibilityKeyShortcuts': {\n              if (Array.isArray(valInit)) {\n                viewProps['aria-keyshortcuts'] = valInit.join(' ')\n              }\n              continue\n            }\n            case 'accessibilityLiveRegion': {\n              viewProps['aria-live'] = valInit === 'none' ? 'off' : valInit\n              continue\n            }\n            case 'accessibilityReadOnly': {\n              viewProps['aria-readonly'] = valInit\n              // Enhance with native semantics\n              if (\n                elementType === 'input' ||\n                elementType === 'select' ||\n                elementType === 'textarea'\n              ) {\n                viewProps.readOnly = true\n              }\n              continue\n            }\n            case 'accessibilityRequired': {\n              viewProps['aria-required'] = valInit\n              // Enhance with native semantics\n              if (\n                elementType === 'input' ||\n                elementType === 'select' ||\n                elementType === 'textarea'\n              ) {\n                viewProps.required = valInit\n              }\n              continue\n            }\n            default: {\n              didUseKeyInit = false\n            }\n          }\n        }\n      }\n\n      if (didUseKeyInit) {\n        usedKeys[keyInit] = 1\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          if (process.env.NODE_ENV === 'development') {\n            if (debug) {\n              // eslint-disable-next-line no-console\n              console.log('tamagui classname props', keyInit, valInit)\n            }\n          }\n          mergeClassName(transforms, classNames, keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\n    if (\n      (defaultVariants && keyInit in 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 && variants && keyInit in 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      !(\n        isMedia ||\n        isPseudo ||\n        variants?.[keyInit] ||\n        validStyleProps[keyInit] ||\n        shorthands[keyInit]\n      )\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        : 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 && isDevTools) {\n        // eslint-disable-next-line no-console\n        console.log('expanded', expanded, '\\nusedKeys', usedKeys, '\\ncurrent', {\n          ...style,\n        })\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        if (process.env.NODE_ENV === 'developmnet' && debug === 'verbose') {\n          console.log(`Used media/pseudo ${key}`)\n        }\n        continue\n      }\n\n      if (inlineProps?.has(key) || inlineWhenUnflattened?.has(key)) {\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          styleState,\n          key,\n          val,\n          true,\n          state.noClassNames\n        )\n\n        const descriptor = pseudoDescriptors[key as keyof typeof pseudoDescriptors]\n        const isEnter = descriptor.name === 'enter'\n        const isExit = descriptor.name === 'exit'\n\n        // don't continue here on isEnter && !state.unmounted because we need to merge defaults\n        if (!descriptor || (isExit && !state.isExiting)) {\n          continue\n        }\n\n        if (!shouldDoClasses || IS_STATIC) {\n          pseudos ||= {}\n          pseudos[key] ||= {}\n          Object.assign(pseudos[key], pseudoStyleObject)\n        }\n\n        if (shouldDoClasses && !isEnter && !isExit) {\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 (usedKeys[key]) {\n            continue\n          }\n\n          let isDisabled = !state[descriptor.stateKey || descriptor.name]\n\n          // we never animate in on server side just show the full thing\n          // on client side we use CSS to hide the fully in SSR items, then\n          // un-hide and replay with original animation.\n          if (isWeb && !isClient && isEnter) {\n            isDisabled = false\n          }\n\n          if (!isDisabled) {\n            if (valInit === staticConfig.defaultProps[keyInit]) {\n              // ignore:\n              // if it's a default property given by styled(), we don't mark it as used, so\n              // that props given inline can override:\n            } else {\n              usedKeys[key] ||= 1\n              if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                console.log(`Setting used ${key}`)\n              }\n            }\n          }\n\n          psuedosUsed ||= {}\n\n          const importance = descriptor.priority\n          for (const pkey in pseudoStyleObject) {\n            const val = pseudoStyleObject[pkey]\n            // when disabled ensure the default value is set for future animations to align\n            if (isDisabled) {\n              if (!(pkey in usedKeys) && pkey in animatableDefaults) {\n                const defaultVal = animatableDefaults[pkey]\n                mergeStyle(styleState, pkey, defaultVal, true)\n              }\n              continue\n            }\n            const curImportance = psuedosUsed[importance] || 0\n            if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n              console.log('Merge pseudo?', { importance, curImportance, pkey, val })\n            }\n            if (importance >= curImportance) {\n              psuedosUsed[pkey] = importance\n              pseudos ||= {}\n              pseudos[key] ||= {}\n              pseudos[key][pkey] = val\n              mergeStyle(styleState, pkey, val)\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        if (!val) continue\n\n        hasMedia ||= true\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          styleState,\n          key,\n          val,\n          // TODO try true like pseudo\n          false\n        )\n\n        const mediaKeyShort = key.slice(1)\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 ${key}`, { key, mediaStyle, props, shouldDoClasses })\n        }\n\n        if ('space' in mediaStyle) {\n          if (!Array.isArray(hasMedia)) {\n            hasMedia = []\n          }\n          hasMedia.push(mediaKeyShort)\n        }\n\n        if (shouldDoClasses) {\n          if ('space' in mediaStyle) {\n            delete mediaStyle['space']\n            if (mediaState[mediaKeyShort]) {\n              const val = valInit.space\n              const importance = getMediaImportanceIfMoreImportant(\n                mediaKeyShort,\n                'space',\n                usedKeys\n              )\n              if (importance) {\n                space = val\n                usedKeys['space'] = importance\n                if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                  console.log(\n                    `Found more important space for current media ${mediaKeyShort}: ${val} (importance: ${importance})`\n                  )\n                }\n              }\n            }\n          }\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[mediaKeyShort]) {\n          for (const subKey in mediaStyle) {\n            const importance = getMediaImportanceIfMoreImportant(\n              mediaKeyShort,\n              subKey,\n              usedKeys\n            )\n            if (importance === null) continue\n            if (subKey === 'space') {\n              space = valInit.space\n              continue\n            }\n            mergeMediaByImportance(\n              style,\n              mediaKeyShort,\n              subKey,\n              mediaStyle[subKey],\n              usedKeys\n            )\n            if (key === 'fontFamily') {\n              fontFamily = mediaStyle[key]\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 (key in validStyleProps) {\n        mergeStyle(styleState, key, val)\n        continue\n      }\n\n      // pass to view props\n      if (!(variants && key in 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  // native: swap out the right family based on weight/style\n  if (process.env.TAMAGUI_TARGET === 'native') {\n    if ('fontFamily' in style && style.fontFamily) {\n      const faceInfo = getFont(style.fontFamily)?.face\n      if (faceInfo) {\n        const overrideFace =\n          faceInfo[style.fontWeight!]?.[style.fontStyle || 'normal']?.val\n        if (overrideFace) {\n          style.fontFamily = overrideFace\n          fontFamily = overrideFace\n          delete style.fontWeight\n          delete style.fontStyle\n        }\n      }\n      if (process.env.NODE_ENV === 'development') {\n        if (debug) {\n          console.log(`Found fontFamily native: ${style.fontFamily}`, faceInfo)\n        }\n      }\n    }\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    if (process.env.NODE_ENV === 'development' && debug) {\n      // eslint-disable-next-line no-console\n      console.log(\n        'Merging flat transforms, transform before',\n        [...(style.transform || [])],\n        flatTransforms\n      )\n    }\n    mergeTransforms(style, flatTransforms, true)\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  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (shouldDoClasses) {\n      const retainedStyles = {}\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          if (props.animateOnly && props.animateOnly.includes(key)) {\n            retainedStyles[key] = style[key]\n          } else {\n            addStyleToInsertRules(rulesToInsert, atomicStyle)\n            mergeClassName(transforms, classNames, key, atomicStyle.identifier)\n          }\n        }\n        if (!IS_STATIC) {\n          style = retainedStyles\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 && !insertedTransforms[identifier]) {\n          const rule = `.${identifier} { transform: ${val}; }`\n          addStyleToInsertRules(rulesToInsert, {\n            identifier,\n            rules: [rule],\n            property: namespace,\n          })\n        }\n        classNames[namespace] = identifier\n      }\n    }\n  }\n\n  const result = {\n    space,\n    hasMedia,\n    fontFamily,\n    viewProps,\n    style,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n\n  if (className) {\n    classNames.className = className\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (isDevTools) {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles =>')\n      // prettier-ignore\n      const logs = { transforms, viewProps, state, rulesToInsert, parentSplitStyles, flatTransforms, result }\n      for (const key in { ...result, ...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  cache.set(props, result)\n\n  return result\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[0] === '_' && val.startsWith('_transform-')) {\n      const ns: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n      let transform = insertedTransforms[val]\n      if (isClient && !transform) {\n        scanAllSheets() // HMR or loaded a new chunk\n        transform = insertedTransforms[val]\n        if (!transform && isWeb && val[0] !== '_') {\n          transform = val // runtime insert\n        }\n      }\n      transforms[ns] ||= ['', '']\n      transforms[ns][0] += val.replace('_transform', '')\n      // ssr doesn't need to do anything just make the right classname\n      if (transform) {\n        transforms[ns][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(\n  defaultProps: Object,\n  baseProps: Object,\n  specificProps: Object\n) {\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    cache.set(key, {\n      ...defaultProps,\n      ...baseProps,\n      ...specificProps,\n    })\n  }\n  return cache.get(key)!\n}\n\nfunction mergeStyle(\n  { usedKeys, classNames, flatTransforms, viewProps, style }: GetStyleState,\n  key: string,\n  val: any,\n  dontSetUsed = false\n) {\n  if (!dontSetUsed) {\n    usedKeys[key] ||= 1\n  }\n  if (val && val[0] === '_') {\n    classNames[key] = val\n  } else if (key in stylePropsTransform) {\n    flatTransforms ||= {}\n    flatTransforms[key] = val\n  } else {\n    const out = normalizeValueWithProperty(val, key)\n    if (key in validStylesOnBaseProps) {\n      viewProps[key] = out\n    } else {\n      style[key] = out\n    }\n  }\n}\n\nexport const getSubStyle = (\n  styleState: GetStyleState,\n  subKey: string,\n  styleIn: Object,\n  avoidDefaultProps?: boolean,\n  avoidMergeTransform?: boolean\n): ViewStyle => {\n  const { staticConfig, theme, props, state, conf, languageContext } = styleState\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\n  ? useInsertionEffect || useIsomorphicLayoutEffect\n  : () => {}\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(\n  rulesToInsert: RulesToInsert,\n  styleObject: PartialStyleObject\n) {\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\nconst animatableDefaults = {\n  opacity: 1,\n  scale: 1,\n  rotate: '0deg',\n  rotateY: '0deg',\n  rotateX: '0deg',\n}\n\nconst lowercaseHyphenate = (match: string) => `-${match.toLowerCase()}`\nconst hyphenate = (str: string) => str.replace(/[A-Z]/g, lowercaseHyphenate)\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  isClient,\n  isRSC,\n  isServer,\n  isWeb,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/constants'\nimport {\n  stylePropsText,\n  stylePropsTransform,\n  validPseudoKeys,\n  validStyles,\n  validStylesOnBaseProps,\n} from '@tamagui/helpers'\nimport { useInsertionEffect } from 'react'\nimport type { TextStyle, ViewStyle } from 'react-native'\n\nimport { getConfig, getFont } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport {\n  getMediaImportanceIfMoreImportant,\n  mediaState as globalMediaState,\n  mediaKeysWithAndWithout$,\n  mediaQueryConfig,\n  mergeMediaByImportance,\n} from '../hooks/useMedia'\nimport type {\n  DebugProp,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SpaceTokens,\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  scanAllSheets,\n  shouldInsertStyleRules,\n  updateRules,\n} from './insertStyleRule'\nimport { FlatTransforms, mergeTransform, mergeTransforms } from './mergeTransform'\nimport {\n  normalizeValueWithProperty,\n  reverseMapClassNameToValue,\n} from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors'\nimport { warnOnce } from './warnOnce'\n\ntype GetStyleResult = {\n  pseudos?: PseudoStyles\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: RulesToInsert\n  viewProps: StackProps & Record<string, any>\n  fontFamily: string | undefined\n  space?: any // SpaceTokens?\n  hasMedia: boolean | 'space'\n}\n\ntype GetStyleState = {\n  style: ViewStyle\n  usedKeys: Record<string, number>\n  classNames: ClassNamesObject\n  flatTransforms: FlatTransforms\n  staticConfig: StaticConfigParsed\n  theme: ThemeParsed\n  props: Record<string, any>\n  viewProps: Record<string, any>\n  state: SplitStyleState\n  conf: TamaguiInternalConfig\n  languageContext?: FontLanguageProps\n  avoidDefaultProps?: boolean\n  avoidMergeTransform?: boolean\n}\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  space: true,\n  animateOnly: true,\n  debug: true,\n  componentName: true,\n  role: true,\n  tag: true,\n}\nif (process.env.NODE_ENV === 'test') {\n  skipProps['data-test-renders'] = true\n}\n\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    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 StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeParsed,\n  state: SplitStyleState,\n  parentSplitStyles?: GetStyleResult | null,\n  languageContext?: LanguageContextType,\n  // web-only\n  elementType?: string,\n  debug?: DebugProp\n) => GetStyleResult\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) =>\n  Boolean(key[0] === '$' && mediaKeysWithAndWithout$.has(key))\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  parentSplitStyles,\n  languageContext,\n  elementType,\n  debug\n) => {\n  if (cache.has(props)) {\n    return cache.get(props)\n  }\n\n  if (props.debug) {\n    console.log('props', props)\n  }\n\n  conf = conf || getConfig()\n  const { shorthands } = conf\n  const {\n    defaultVariants,\n    variants,\n    propMapper,\n    isReactNative,\n    deoptProps,\n    inlineProps,\n    inlineWhenUnflattened,\n  } = staticConfig\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: GetStyleResult['viewProps'] = {}\n  let pseudos: PseudoStyles | null = null\n  let psuedosUsed: Record<string, number> | null = null\n  const mediaState = state.mediaState || globalMediaState\n  const usedKeys: Record<string, number> = {}\n  const propKeys = Object.keys(props)\n  let space: SpaceTokens | null = props.space\n  let hasMedia: boolean | string[] = false\n\n  const shouldDoClasses =\n    staticConfig.acceptsClassName && (isWeb || IS_STATIC) && !state.noClassNames\n\n  let style: ViewStyle | TextStyle = {}\n  const flatTransforms: FlatTransforms = {}\n\n  const len = propKeys.length\n  const rulesToInsert: RulesToInsert = []\n  const classNames: ClassNamesObject = {}\n  let className = '' // existing classNames\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  const styleState: GetStyleState = {\n    classNames,\n    conf,\n    flatTransforms,\n    props,\n    state,\n    staticConfig,\n    style,\n    theme,\n    usedKeys,\n    viewProps,\n    languageContext,\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props.selectable) {\n      warnOnce('props.selectable', 'selectable props deprecated, use userSelect')\n    }\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    // eslint-disable-next-line no-console\n    console.groupCollapsed('getSplitStyles (looping backwards)')\n    // eslint-disable-next-line no-console\n    console.log({ staticConfig, shouldDoClasses, state, IS_STATIC, propKeys })\n    // eslint-disable-next-line no-console\n    console.groupEnd()\n  }\n\n  if (props.className) {\n    for (const cn of props.className.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 = 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 if (cn) {\n        className += ` ${cn}`\n      }\n    }\n  }\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    if (keyInit === 'className') continue // handled above\n    let valInit = props[keyInit]\n\n    // normalize shorthands up front\n    if (keyInit in shorthands) {\n      keyInit = shorthands[keyInit]\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // map userSelect to native prop\n      if (keyInit === 'userSelect') {\n        keyInit = 'selectable'\n        valInit = valInit === 'none' ? false : true\n      } else if (keyInit.startsWith('data-') || keyInit.startsWith('aria-')) {\n        continue\n      }\n    }\n\n    if (keyInit in usedKeys) continue\n    if (keyInit in skipProps) continue\n\n    if (typeof valInit === 'string' && valInit[0] === '_') {\n      if (keyInit in validStyleProps || keyInit.includes('-')) {\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    if (keyInit === 'dataSet') {\n      for (const key in valInit) {\n        viewProps[`data-${hyphenate(key)}`] = valInit[key]\n      }\n      continue\n    }\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          // maybe style shouldn't used usedKeys?\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 (!variants?.disabled) {\n          continue\n        }\n      }\n\n      if (keyInit === 'testID') {\n        usedKeys[keyInit] = 1\n        viewProps[isReactNative ? 'testId' : 'data-testid'] = valInit\n        continue\n      }\n\n      if (keyInit === 'id' || keyInit === 'nativeID') {\n        usedKeys[keyInit] = 1\n        if (isReactNative) {\n          viewProps.nativeID = valInit\n        } else {\n          viewProps.id = valInit\n        }\n        continue\n      }\n\n      let didUseKeyInit = false\n\n      if (isReactNative) {\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        didUseKeyInit = true\n\n        if (accessibilityDirectMap[keyInit]) {\n          viewProps[accessibilityDirectMap[keyInit]] = valInit\n        } else {\n          switch (keyInit) {\n            case 'accessibilityRole': {\n              if (valInit === 'none') {\n                viewProps.role = 'presentation'\n              } else {\n                viewProps.role = accessibilityRoleToWebRole[valInit] || valInit\n              }\n              continue\n            }\n            case 'accessibilityLabelledBy':\n            case 'accessibilityFlowTo':\n            case 'accessibilityControls':\n            case 'accessibilityDescribedBy': {\n              viewProps[`aria-${keyInit.replace('accessibility', '').toLowerCase()}`] =\n                processIDRefList(valInit)\n              continue\n            }\n            case 'accessibilityKeyShortcuts': {\n              if (Array.isArray(valInit)) {\n                viewProps['aria-keyshortcuts'] = valInit.join(' ')\n              }\n              continue\n            }\n            case 'accessibilityLiveRegion': {\n              viewProps['aria-live'] = valInit === 'none' ? 'off' : valInit\n              continue\n            }\n            case 'accessibilityReadOnly': {\n              viewProps['aria-readonly'] = valInit\n              // Enhance with native semantics\n              if (\n                elementType === 'input' ||\n                elementType === 'select' ||\n                elementType === 'textarea'\n              ) {\n                viewProps.readOnly = true\n              }\n              continue\n            }\n            case 'accessibilityRequired': {\n              viewProps['aria-required'] = valInit\n              // Enhance with native semantics\n              if (\n                elementType === 'input' ||\n                elementType === 'select' ||\n                elementType === 'textarea'\n              ) {\n                viewProps.required = valInit\n              }\n              continue\n            }\n            default: {\n              didUseKeyInit = false\n            }\n          }\n        }\n      }\n\n      if (didUseKeyInit) {\n        usedKeys[keyInit] = 1\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          if (process.env.NODE_ENV === 'development') {\n            if (debug) {\n              // eslint-disable-next-line no-console\n              console.log('tamagui classname props', keyInit, valInit)\n            }\n          }\n          mergeClassName(transforms, classNames, keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\n    if (\n      (defaultVariants && keyInit in 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 && variants && keyInit in 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      !(\n        isMedia ||\n        isPseudo ||\n        variants?.[keyInit] ||\n        validStyleProps[keyInit] ||\n        shorthands[keyInit]\n      )\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        : 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 && isDevTools) {\n        // eslint-disable-next-line no-console\n        console.log('expanded', expanded, '\\nusedKeys', usedKeys, '\\ncurrent', {\n          ...style,\n        })\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        if (process.env.NODE_ENV === 'developmnet' && debug === 'verbose') {\n          console.log(`Used media/pseudo ${key}`)\n        }\n        continue\n      }\n\n      if (inlineProps?.has(key) || inlineWhenUnflattened?.has(key)) {\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          styleState,\n          key,\n          val,\n          true,\n          state.noClassNames\n        )\n\n        const descriptor = pseudoDescriptors[key as keyof typeof pseudoDescriptors]\n        const isEnter = descriptor.name === 'enter'\n        const isExit = descriptor.name === 'exit'\n\n        // don't continue here on isEnter && !state.unmounted because we need to merge defaults\n        if (!descriptor || (isExit && !state.isExiting)) {\n          continue\n        }\n\n        if (!shouldDoClasses || IS_STATIC) {\n          pseudos ||= {}\n          pseudos[key] ||= {}\n          Object.assign(pseudos[key], pseudoStyleObject)\n        }\n\n        if (shouldDoClasses && !isEnter && !isExit) {\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 (usedKeys[key]) {\n            continue\n          }\n\n          let isDisabled = !state[descriptor.stateKey || descriptor.name]\n\n          // we never animate in on server side just show the full thing\n          // on client side we use CSS to hide the fully in SSR items, then\n          // un-hide and replay with original animation.\n          if (isWeb && !isClient && isEnter) {\n            isDisabled = false\n          }\n\n          if (!isDisabled) {\n            if (valInit === staticConfig.defaultProps[keyInit]) {\n              // ignore:\n              // if it's a default property given by styled(), we don't mark it as used, so\n              // that props given inline can override:\n            } else {\n              usedKeys[key] ||= 1\n              if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                console.log(`Setting used ${key}`)\n              }\n            }\n          }\n\n          psuedosUsed ||= {}\n\n          const importance = descriptor.priority\n          for (const pkey in pseudoStyleObject) {\n            const val = pseudoStyleObject[pkey]\n            // when disabled ensure the default value is set for future animations to align\n            if (isDisabled) {\n              if (!(pkey in usedKeys) && pkey in animatableDefaults) {\n                const defaultVal = animatableDefaults[pkey]\n                mergeStyle(styleState, pkey, defaultVal, true)\n              }\n              continue\n            }\n            const curImportance = psuedosUsed[importance] || 0\n            if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n              console.log('Merge pseudo?', { importance, curImportance, pkey, val })\n            }\n            if (importance >= curImportance) {\n              psuedosUsed[pkey] = importance\n              pseudos ||= {}\n              pseudos[key] ||= {}\n              pseudos[key][pkey] = val\n              mergeStyle(styleState, pkey, val)\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        if (!val) continue\n\n        hasMedia ||= true\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          styleState,\n          key,\n          val,\n          // TODO try true like pseudo\n          false\n        )\n\n        const mediaKeyShort = key.slice(1)\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 ${key}`, { key, mediaStyle, props, shouldDoClasses })\n        }\n\n        if ('space' in mediaStyle) {\n          if (!Array.isArray(hasMedia)) {\n            hasMedia = []\n          }\n          hasMedia.push(mediaKeyShort)\n        }\n\n        if (shouldDoClasses) {\n          if ('space' in mediaStyle) {\n            delete mediaStyle['space']\n            if (mediaState[mediaKeyShort]) {\n              const val = valInit.space\n              const importance = getMediaImportanceIfMoreImportant(\n                mediaKeyShort,\n                'space',\n                usedKeys\n              )\n              if (importance) {\n                space = val\n                usedKeys['space'] = importance\n                if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                  console.log(\n                    `Found more important space for current media ${mediaKeyShort}: ${val} (importance: ${importance})`\n                  )\n                }\n              }\n            }\n          }\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[mediaKeyShort]) {\n          for (const subKey in mediaStyle) {\n            const importance = getMediaImportanceIfMoreImportant(\n              mediaKeyShort,\n              subKey,\n              usedKeys\n            )\n            if (importance === null) continue\n            if (subKey === 'space') {\n              space = valInit.space\n              continue\n            }\n            mergeMediaByImportance(\n              style,\n              mediaKeyShort,\n              subKey,\n              mediaStyle[subKey],\n              usedKeys\n            )\n            if (key === 'fontFamily') {\n              fontFamily = mediaStyle[key]\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 (key in validStyleProps) {\n        mergeStyle(styleState, key, val)\n        continue\n      }\n\n      // pass to view props\n      if (!(variants && key in 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  // native: swap out the right family based on weight/style\n  if (process.env.TAMAGUI_TARGET === 'native') {\n    if ('fontFamily' in style && style.fontFamily) {\n      const faceInfo = getFont(style.fontFamily)?.face\n      if (faceInfo) {\n        const overrideFace =\n          faceInfo[style.fontWeight!]?.[style.fontStyle || 'normal']?.val\n        if (overrideFace) {\n          style.fontFamily = overrideFace\n          fontFamily = overrideFace\n          delete style.fontWeight\n          delete style.fontStyle\n        }\n      }\n      if (process.env.NODE_ENV === 'development') {\n        if (debug) {\n          console.log(`Found fontFamily native: ${style.fontFamily}`, faceInfo)\n        }\n      }\n    }\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    if (process.env.NODE_ENV === 'development' && debug) {\n      // eslint-disable-next-line no-console\n      console.log(\n        'Merging flat transforms, transform before',\n        [...(style.transform || [])],\n        flatTransforms\n      )\n    }\n    mergeTransforms(style, flatTransforms, true)\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  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (shouldDoClasses) {\n      const retainedStyles = {}\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          if (props.animateOnly && props.animateOnly.includes(key)) {\n            retainedStyles[key] = atomicStyle.value\n          } else {\n            addStyleToInsertRules(rulesToInsert, atomicStyle)\n            mergeClassName(transforms, classNames, key, atomicStyle.identifier)\n          }\n        }\n        if (!IS_STATIC) {\n          style = retainedStyles\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 && !insertedTransforms[identifier]) {\n          const rule = `.${identifier} { transform: ${val}; }`\n          addStyleToInsertRules(rulesToInsert, {\n            identifier,\n            rules: [rule],\n            property: namespace,\n          })\n        }\n        classNames[namespace] = identifier\n      }\n    }\n  }\n\n  const result = {\n    space,\n    hasMedia,\n    fontFamily,\n    viewProps,\n    style,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n\n  if (className) {\n    classNames.className = className\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (isDevTools) {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles =>')\n      // prettier-ignore\n      const logs = { transforms, viewProps, state, rulesToInsert, parentSplitStyles, flatTransforms, result }\n      for (const key in { ...result, ...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  cache.set(props, result)\n\n  return result\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[0] === '_' && val.startsWith('_transform-')) {\n      const ns: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n      let transform = insertedTransforms[val]\n      if (isClient && !transform) {\n        scanAllSheets() // HMR or loaded a new chunk\n        transform = insertedTransforms[val]\n        if (!transform && isWeb && val[0] !== '_') {\n          transform = val // runtime insert\n        }\n      }\n      transforms[ns] ||= ['', '']\n      transforms[ns][0] += val.replace('_transform', '')\n      // ssr doesn't need to do anything just make the right classname\n      if (transform) {\n        transforms[ns][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(\n  defaultProps: Object,\n  baseProps: Object,\n  specificProps: Object\n) {\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    cache.set(key, {\n      ...defaultProps,\n      ...baseProps,\n      ...specificProps,\n    })\n  }\n  return cache.get(key)!\n}\n\nfunction mergeStyle(\n  { usedKeys, classNames, flatTransforms, viewProps, style }: GetStyleState,\n  key: string,\n  val: any,\n  dontSetUsed = false\n) {\n  if (!dontSetUsed) {\n    usedKeys[key] ||= 1\n  }\n  if (val && val[0] === '_') {\n    classNames[key] = val\n  } else if (key in stylePropsTransform) {\n    flatTransforms ||= {}\n    flatTransforms[key] = val\n  } else {\n    const out = normalizeValueWithProperty(val, key)\n    if (key in validStylesOnBaseProps) {\n      viewProps[key] = out\n    } else {\n      style[key] = out\n    }\n  }\n}\n\nexport const getSubStyle = (\n  styleState: GetStyleState,\n  subKey: string,\n  styleIn: Object,\n  avoidDefaultProps?: boolean,\n  avoidMergeTransform?: boolean\n): ViewStyle => {\n  const { staticConfig, theme, props, state, conf, languageContext } = styleState\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\n  ? useInsertionEffect || useIsomorphicLayoutEffect\n  : () => {}\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(\n  rulesToInsert: RulesToInsert,\n  styleObject: PartialStyleObject\n) {\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\nconst animatableDefaults = {\n  opacity: 1,\n  scale: 1,\n  rotate: '0deg',\n  rotateY: '0deg',\n  rotateX: '0deg',\n}\n\nconst lowercaseHyphenate = (match: string) => `-${match.toLowerCase()}`\nconst hyphenate = (str: string) => str.replace(/[A-Z]/g, lowercaseHyphenate)\n"],
+  "mappings": "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",
   "names": ["val", "style", "conf"]
 }

package/dist/esm/hooks/useMedia.js

@@ -122,8 +122,9 @@ function useMedia(uid, debug) {
       if ((componentState == null ? void 0 : componentState.enabled) === false) {
         return prev;
       }
-      const testKeys = (componentState == null ? void 0 : componentState.keys) ?? ((componentState == null ? void 0 : componentState.enabled) && touched ? [...touched] : null);
-      if (testKeys == null ? void 0 : testKeys.every((key) => mediaState[key] === prev[key])) {
+      const testKeys = (componentState == null ? void 0 : componentState.keys) ?? ((!componentState || componentState.enabled) && touched ? [...touched] : null);
+      const hasntUpdated = testKeys == null ? void 0 : testKeys.every((key) => mediaState[key] === prev[key]);
+      if (hasntUpdated) {
         return prev;
       }
       internal.current.prev = mediaState;

package/dist/esm/hooks/useMedia.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useMedia.tsx"],
-  "sourcesContent": ["import { startTransition, useEffect, useMemo, useSyncExternalStore } from 'react'\n\nimport { getConfig } from '../config'\nimport { createProxy } from '../helpers/createProxy'\nimport { matchMedia } from '../helpers/matchMedia'\nimport {\n  MediaQueries,\n  MediaQueryKey,\n  MediaQueryObject,\n  MediaQueryState,\n  TamaguiInternalConfig,\n} from '../types'\nimport { useSafeRef } from './useSafeRef'\n\nexport let mediaState: MediaQueryState =\n  // development only safeguard\n  process.env.NODE_ENV === 'development'\n    ? createProxy(\n        {},\n        {\n          get(target, key) {\n            if (\n              typeof key === 'string' &&\n              key[0] === '$' &&\n              // dont error on $$typeof\n              key[1] !== '$'\n            ) {\n              throw new Error(`Access mediaState should not use \"$\": ${key}`)\n            }\n            return Reflect.get(target, key)\n          },\n        }\n      )\n    : ({} as any)\n\nexport const mediaQueryConfig: MediaQueries = {}\nexport const getMedia = () => mediaState\nexport const mediaKeysWithAndWithout$ = new Set<string>()\n\n// for SSR capture it at time of startup\nlet initState: MediaQueryState\nexport const getInitialMediaState = () => {\n  return (getConfig().disableSSR ? mediaState : initState) || {}\n}\n\nlet mediaKeysOrdered: string[]\nexport const getMediaKeyImportance = (key: string) => {\n  if (process.env.NODE_ENV === 'development' && key[0] === '$') {\n    throw new Error('use short key')\n  }\n  // + 2 because we set base usedKeys=1 in getSplitStyles and all media go above 1\n  return mediaKeysOrdered.indexOf(key) + 2\n}\n\nconst dispose = new Set<Function>()\n\nexport const configureMedia = (config: TamaguiInternalConfig) => {\n  const { media, mediaQueryDefaultActive } = config\n  if (!media) return\n  for (const key in media) {\n    mediaState[key] = mediaQueryDefaultActive?.[key] || false\n    mediaKeysWithAndWithout$.add(key)\n    mediaKeysWithAndWithout$.add(`$${key}`)\n  }\n  Object.assign(mediaQueryConfig, media)\n  initState = { ...mediaState }\n  updateCurrentState()\n  mediaKeysOrdered = Object.keys(media)\n  if (config.disableSSR) {\n    setupMediaListeners()\n  }\n}\n\nfunction unlisten() {\n  dispose.forEach((cb) => cb())\n  dispose.clear()\n}\n\n/**\n * Note: This should *not* set the state on the first render!\n * Because to avoid hydration issues SSR must match the server\n * *and then* re-render with the actual media query state.\n */\nlet configuredKey = ''\nfunction setupMediaListeners() {\n  // avoid setting up more than once per config\n  const nextKey = JSON.stringify(mediaQueryConfig)\n  if (nextKey === configuredKey) return\n  configuredKey = nextKey\n\n  // hmr, undo existing before re-binding\n  unlisten()\n\n  for (const key in mediaQueryConfig) {\n    const str = mediaObjectToString(mediaQueryConfig[key])\n    const getMatch = () => matchMedia(str)\n    const match = getMatch()\n    if (!match) {\n      throw new Error('\u26A0\uFE0F No match')\n    }\n    // react native needs these deprecated apis for now\n    match.addListener(update)\n    dispose.add(() => {\n      match.removeListener(update)\n    })\n\n    update()\n\n    function update() {\n      const next = !!getMatch().matches\n      if (next === mediaState[key]) return\n      mediaState = { ...mediaState, [key]: next }\n      updateCurrentState()\n    }\n  }\n}\n\nexport function useMediaListeners(config: TamaguiInternalConfig) {\n  if (config.disableSSR) return\n  useEffect(() => {\n    setupMediaListeners()\n  }, [])\n}\n\nconst currentStateListeners = new Set<any>()\nlet isFlushing = false\n\nfunction updateCurrentState() {\n  if (isFlushing) return\n  isFlushing = true\n  setTimeout(() => {\n    startTransition(() => {\n      currentStateListeners.forEach((cb) => cb(mediaState))\n    })\n    isFlushing = false\n  }, 0)\n}\n\ntype MediaKeysState = {\n  [key: string]: any\n}\n\ntype UseMediaState = {\n  [key in MediaQueryKey]: boolean\n}\n\ntype UpdateState = {\n  enabled: boolean\n  keys: MediaQueryKey[]\n}\n\nconst shouldUpdate = new WeakMap<any, UpdateState>()\n\nexport function setMediaShouldUpdate(ref: any, props: UpdateState) {\n  return shouldUpdate.set(ref, props)\n}\n\ntype UseMediaInternalState = {\n  prev: MediaKeysState\n  touched?: Set<string>\n}\n\nfunction subscribe(subscriber: any) {\n  currentStateListeners.add(subscriber)\n  return () => currentStateListeners.delete(subscriber)\n}\n\nexport function useMedia(uid?: any, debug?: any): UseMediaState {\n  const internal = useSafeRef<UseMediaInternalState>(undefined as any)\n  if (!internal.current) {\n    internal.current = {\n      prev: initState,\n    }\n  }\n  const state = useSyncExternalStore<MediaQueryState>(\n    subscribe,\n    () => {\n      const { touched, prev } = internal.current\n      const componentState = uid ? shouldUpdate.get(uid) : undefined\n      if (componentState?.enabled === false) {\n        return prev\n      }\n      const testKeys =\n        componentState?.keys ?? (componentState?.enabled && touched ? [...touched] : null)\n\n      if (testKeys?.every((key) => mediaState[key] === prev[key])) {\n        return prev\n      }\n\n      internal.current.prev = mediaState\n      return mediaState\n    },\n    () => initState\n  )\n\n  return useMemo(() => {\n    return new Proxy(state, {\n      get(_, key) {\n        if (typeof key === 'string') {\n          internal.current.touched ||= new Set()\n          internal.current.touched.add(key)\n        }\n        return Reflect.get(state, key)\n      },\n    })\n  }, [state])\n}\n\n/**\n * Useful for more complex components that need access to the currently active props,\n * accounting for the currently active media queries.\n *\n * Use sparingly, it will loop props and trigger re-render on all media queries.\n *\n * */\nexport function useMediaPropsActive<A extends Object>(\n  props: A\n): {\n  // remove all media\n  [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key]\n} {\n  const media = useMedia()\n\n  return useMemo(() => {\n    const next = {} as A\n    const importancesUsed = {}\n    const propNames = Object.keys(props)\n\n    for (let i = propNames.length - 1; i >= 0; i--) {\n      const key = propNames[i]\n      const val = props[key]\n      if (key[0] === '$') {\n        const mediaKey = key.slice(1)\n        if (!media[mediaKey]) continue\n        if (val && typeof val === 'object') {\n          const subKeys = Object.keys(val)\n          for (let j = subKeys.length; j--; j >= 0) {\n            const subKey = subKeys[j]\n            mergeMediaByImportance(next, mediaKey, subKey, val[subKey], importancesUsed)\n          }\n        }\n      } else {\n        mergeMediaByImportance(next, '', key, val, importancesUsed)\n      }\n    }\n\n    return next\n  }, [media, props])\n}\n\nexport const getMediaImportanceIfMoreImportant = (\n  mediaKey: string,\n  key: string,\n  importancesUsed: Record<string, number>\n) => {\n  const importance = getMediaKeyImportance(mediaKey)\n  return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null\n}\n\nexport function mergeMediaByImportance(\n  onto: Record<string, any>,\n  mediaKey: string,\n  key: string,\n  value: any,\n  importancesUsed: Record<string, number>\n) {\n  const importance = getMediaImportanceIfMoreImportant(mediaKey, key, importancesUsed)\n  if (importance === null) {\n    return false\n  }\n  importancesUsed[key] = importance\n  onto[key] = value\n  return true\n}\n\nfunction camelToHyphen(str: string) {\n  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase()\n}\n\nexport function mediaObjectToString(query: string | MediaQueryObject) {\n  if (typeof query === 'string') {\n    return query\n  }\n  return Object.entries(query)\n    .map(([feature, value]) => {\n      feature = camelToHyphen(feature)\n      if (typeof value === 'string') {\n        return `(${feature}: ${value})`\n      }\n      if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n        value = `${value}px`\n      }\n      return `(${feature}: ${value})`\n    })\n    .join(' and ')\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { startTransition, useEffect, useMemo, useSyncExternalStore } from 'react'\n\nimport { getConfig } from '../config'\nimport { createProxy } from '../helpers/createProxy'\nimport { matchMedia } from '../helpers/matchMedia'\nimport {\n  MediaQueries,\n  MediaQueryKey,\n  MediaQueryObject,\n  MediaQueryState,\n  TamaguiInternalConfig,\n} from '../types'\nimport { useSafeRef } from './useSafeRef'\n\nexport let mediaState: MediaQueryState =\n  // development only safeguard\n  process.env.NODE_ENV === 'development'\n    ? createProxy(\n        {},\n        {\n          get(target, key) {\n            if (\n              typeof key === 'string' &&\n              key[0] === '$' &&\n              // dont error on $$typeof\n              key[1] !== '$'\n            ) {\n              throw new Error(`Access mediaState should not use \"$\": ${key}`)\n            }\n            return Reflect.get(target, key)\n          },\n        }\n      )\n    : ({} as any)\n\nexport const mediaQueryConfig: MediaQueries = {}\nexport const getMedia = () => mediaState\nexport const mediaKeysWithAndWithout$ = new Set<string>()\n\n// for SSR capture it at time of startup\nlet initState: MediaQueryState\nexport const getInitialMediaState = () => {\n  return (getConfig().disableSSR ? mediaState : initState) || {}\n}\n\nlet mediaKeysOrdered: string[]\nexport const getMediaKeyImportance = (key: string) => {\n  if (process.env.NODE_ENV === 'development' && key[0] === '$') {\n    throw new Error('use short key')\n  }\n  // + 2 because we set base usedKeys=1 in getSplitStyles and all media go above 1\n  return mediaKeysOrdered.indexOf(key) + 2\n}\n\nconst dispose = new Set<Function>()\n\nexport const configureMedia = (config: TamaguiInternalConfig) => {\n  const { media, mediaQueryDefaultActive } = config\n  if (!media) return\n  for (const key in media) {\n    mediaState[key] = mediaQueryDefaultActive?.[key] || false\n    mediaKeysWithAndWithout$.add(key)\n    mediaKeysWithAndWithout$.add(`$${key}`)\n  }\n  Object.assign(mediaQueryConfig, media)\n  initState = { ...mediaState }\n  updateCurrentState()\n  mediaKeysOrdered = Object.keys(media)\n  if (config.disableSSR) {\n    setupMediaListeners()\n  }\n}\n\nfunction unlisten() {\n  dispose.forEach((cb) => cb())\n  dispose.clear()\n}\n\n/**\n * Note: This should *not* set the state on the first render!\n * Because to avoid hydration issues SSR must match the server\n * *and then* re-render with the actual media query state.\n */\nlet configuredKey = ''\nfunction setupMediaListeners() {\n  // avoid setting up more than once per config\n  const nextKey = JSON.stringify(mediaQueryConfig)\n  if (nextKey === configuredKey) return\n  configuredKey = nextKey\n\n  // hmr, undo existing before re-binding\n  unlisten()\n\n  for (const key in mediaQueryConfig) {\n    const str = mediaObjectToString(mediaQueryConfig[key])\n    const getMatch = () => matchMedia(str)\n    const match = getMatch()\n    if (!match) {\n      throw new Error('\u26A0\uFE0F No match')\n    }\n    // react native needs these deprecated apis for now\n    match.addListener(update)\n    dispose.add(() => {\n      match.removeListener(update)\n    })\n\n    update()\n\n    function update() {\n      const next = !!getMatch().matches\n      if (next === mediaState[key]) return\n      mediaState = { ...mediaState, [key]: next }\n      updateCurrentState()\n    }\n  }\n}\n\nexport function useMediaListeners(config: TamaguiInternalConfig) {\n  if (config.disableSSR) return\n  useEffect(() => {\n    setupMediaListeners()\n  }, [])\n}\n\nconst currentStateListeners = new Set<any>()\nlet isFlushing = false\n\nfunction updateCurrentState() {\n  if (isFlushing) return\n  isFlushing = true\n  setTimeout(() => {\n    startTransition(() => {\n      currentStateListeners.forEach((cb) => cb(mediaState))\n    })\n    isFlushing = false\n  }, 0)\n}\n\ntype MediaKeysState = {\n  [key: string]: any\n}\n\ntype UseMediaState = {\n  [key in MediaQueryKey]: boolean\n}\n\ntype UpdateState = {\n  enabled: boolean\n  keys: MediaQueryKey[]\n}\n\nconst shouldUpdate = new WeakMap<any, UpdateState>()\n\nexport function setMediaShouldUpdate(ref: any, props: UpdateState) {\n  return shouldUpdate.set(ref, props)\n}\n\ntype UseMediaInternalState = {\n  prev: MediaKeysState\n  touched?: Set<string>\n}\n\nfunction subscribe(subscriber: any) {\n  currentStateListeners.add(subscriber)\n  return () => currentStateListeners.delete(subscriber)\n}\n\nexport function useMedia(uid?: any, debug?: any): UseMediaState {\n  const internal = useSafeRef<UseMediaInternalState>(undefined as any)\n  if (!internal.current) {\n    internal.current = {\n      prev: initState,\n    }\n  }\n  const state = useSyncExternalStore<MediaQueryState>(\n    subscribe,\n    () => {\n      const { touched, prev } = internal.current\n      const componentState = uid ? shouldUpdate.get(uid) : undefined\n      if (componentState?.enabled === false) {\n        return prev\n      }\n\n      const testKeys =\n        componentState?.keys ??\n        ((!componentState || componentState.enabled) && touched ? [...touched] : null)\n\n      const hasntUpdated = testKeys?.every((key) => mediaState[key] === prev[key])\n      if (hasntUpdated) {\n        return prev\n      }\n\n      internal.current.prev = mediaState\n      return mediaState\n    },\n    () => initState\n  )\n\n  return useMemo(() => {\n    return new Proxy(state, {\n      get(_, key) {\n        if (typeof key === 'string') {\n          internal.current.touched ||= new Set()\n          internal.current.touched.add(key)\n        }\n        return Reflect.get(state, key)\n      },\n    })\n  }, [state])\n}\n\n/**\n * Useful for more complex components that need access to the currently active props,\n * accounting for the currently active media queries.\n *\n * Use sparingly, it will loop props and trigger re-render on all media queries.\n *\n * */\nexport function useMediaPropsActive<A extends Object>(\n  props: A\n): {\n  // remove all media\n  [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key]\n} {\n  const media = useMedia()\n\n  return useMemo(() => {\n    const next = {} as A\n    const importancesUsed = {}\n    const propNames = Object.keys(props)\n\n    for (let i = propNames.length - 1; i >= 0; i--) {\n      const key = propNames[i]\n      const val = props[key]\n      if (key[0] === '$') {\n        const mediaKey = key.slice(1)\n        if (!media[mediaKey]) continue\n        if (val && typeof val === 'object') {\n          const subKeys = Object.keys(val)\n          for (let j = subKeys.length; j--; j >= 0) {\n            const subKey = subKeys[j]\n            mergeMediaByImportance(next, mediaKey, subKey, val[subKey], importancesUsed)\n          }\n        }\n      } else {\n        mergeMediaByImportance(next, '', key, val, importancesUsed)\n      }\n    }\n\n    return next\n  }, [media, props])\n}\n\nexport const getMediaImportanceIfMoreImportant = (\n  mediaKey: string,\n  key: string,\n  importancesUsed: Record<string, number>\n) => {\n  const importance = getMediaKeyImportance(mediaKey)\n  return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null\n}\n\nexport function mergeMediaByImportance(\n  onto: Record<string, any>,\n  mediaKey: string,\n  key: string,\n  value: any,\n  importancesUsed: Record<string, number>\n) {\n  const importance = getMediaImportanceIfMoreImportant(mediaKey, key, importancesUsed)\n  if (importance === null) {\n    return false\n  }\n  importancesUsed[key] = importance\n  onto[key] = value\n  return true\n}\n\nfunction camelToHyphen(str: string) {\n  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase()\n}\n\nexport function mediaObjectToString(query: string | MediaQueryObject) {\n  if (typeof query === 'string') {\n    return query\n  }\n  return Object.entries(query)\n    .map(([feature, value]) => {\n      feature = camelToHyphen(feature)\n      if (typeof value === 'string') {\n        return `(${feature}: ${value})`\n      }\n      if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n        value = `${value}px`\n      }\n      return `(${feature}: ${value})`\n    })\n    .join(' and ')\n}\n"],
+  "mappings": "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",
   "names": ["update"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -30,22 +30,22 @@
     "reset.css"
   ],
   "dependencies": {
-    "@tamagui/compose-refs": "^1.1.4",
-    "@tamagui/constants": "^1.1.4",
-    "@tamagui/helpers": "^1.1.4",
-    "@tamagui/normalize-css-color": "^1.1.4",
-    "@tamagui/react-native-use-pressable": "^1.1.4",
-    "@tamagui/react-native-use-responder-events": "^1.1.4",
-    "@tamagui/use-did-finish-ssr": "^1.1.4",
-    "@tamagui/use-event": "^1.1.4",
-    "@tamagui/use-force-update": "^1.1.4"
+    "@tamagui/compose-refs": "^1.1.6",
+    "@tamagui/constants": "^1.1.6",
+    "@tamagui/helpers": "^1.1.6",
+    "@tamagui/normalize-css-color": "^1.1.6",
+    "@tamagui/react-native-use-pressable": "^1.1.6",
+    "@tamagui/react-native-use-responder-events": "^1.1.6",
+    "@tamagui/use-did-finish-ssr": "^1.1.6",
+    "@tamagui/use-event": "^1.1.6",
+    "@tamagui/use-force-update": "^1.1.6"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.1.4",
+    "@tamagui/build": "^1.1.6",
     "@testing-library/react": "^13.4.0",
     "csstype": "^3.0.10",
     "react": "^18.2.0",

package/src/helpers/getSplitStyles.tsx

@@ -890,7 +890,7 @@ export const getSplitStyles: StyleSplitter = (
         for (const atomicStyle of atomic) {
           const key = atomicStyle.property
           if (props.animateOnly && props.animateOnly.includes(key)) {
-            retainedStyles[key] = style[key]
+            retainedStyles[key] = atomicStyle.value
           } else {
             addStyleToInsertRules(rulesToInsert, atomicStyle)
             mergeClassName(transforms, classNames, key, atomicStyle.identifier)

package/src/hooks/useMedia.tsx

@@ -180,10 +180,13 @@ export function useMedia(uid?: any, debug?: any): UseMediaState {
       if (componentState?.enabled === false) {
         return prev
       }
+
       const testKeys =
-        componentState?.keys ?? (componentState?.enabled && touched ? [...touched] : null)
+        componentState?.keys ??
+        ((!componentState || componentState.enabled) && touched ? [...touched] : null)
 
-      if (testKeys?.every((key) => mediaState[key] === prev[key])) {
+      const hasntUpdated = testKeys?.every((key) => mediaState[key] === prev[key])
+      if (hasntUpdated) {
         return prev
       }