@tamagui/core 1.0.1-beta.226 → 1.0.1-beta.227

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getSplitStyles.tsx"],
-  "sourcesContent": ["import { isClient, isRSC, isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport {\n  stylePropsText,\n  stylePropsTransform,\n  validPseudoKeys,\n  validStyles,\n  validStylesOnBaseProps,\n} from '@tamagui/helpers'\nimport type { ViewStyle } from '@tamagui/types-react-native'\nimport { useInsertionEffect } from 'react'\n\nimport { getConfig } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport {\n  mediaState as globalMediaState,\n  mediaQueryConfig,\n  mergeMediaByImportance,\n} from '../hooks/useMedia'\nimport type {\n  DebugProp,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SplitStyleState,\n  StackProps,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  ThemeParsed,\n} from '../types'\nimport { FontLanguageProps, LanguageContextType } from '../views/FontLanguage.types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { getPropMappedFontFamily } from './createPropMapper'\nimport { fixStyles } from './expandStyles'\nimport { getAtomicStyle, getStylesAtomic, styleToCSS } from './getStylesAtomic'\nimport {\n  PartialStyleObject,\n  RulesToInsert,\n  insertStyleRules,\n  insertedTransforms,\n  shouldInsertStyleRules,\n  updateInserted,\n  updateRules,\n} from './insertStyleRule'\nimport { FlatTransforms, mergeTransform, mergeTransforms } from './mergeTransform'\nimport {\n  normalizeValueWithProperty,\n  reverseMapClassNameToValue,\n} from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\nexport type ClassNamesObject = Record<string, string>\nexport type SplitStyleResult = ReturnType<typeof getSplitStyles>\n\nconst skipProps = {\n  animation: true,\n  animateOnly: true,\n  debug: true,\n  componentName: true,\n  role: true,\n  tag: true,\n}\n\nconst IS_STATIC = process.env.IS_STATIC === 'is_static'\n\n// native only skips\nif (process.env.TAMAGUI_TARGET === 'native') {\n  Object.assign(skipProps, {\n    whiteSpace: true,\n    wordWrap: true,\n    textOverflow: true,\n    textDecorationDistance: true,\n    userSelect: true,\n    selectable: true,\n    cursor: true,\n    contain: true,\n    boxSizing: true,\n    boxShadow: true,\n  })\n}\n\n// web only maps accessibility to aria props\nconst accessibilityDirectMap: Record<string, string> = {}\nif (process.env.TAMAGUI_TARGET === 'web') {\n  // bundle size shave\n  const items = {\n    Hidden: true,\n    ActiveDescendant: true,\n    Atomic: true,\n    AutoComplete: true,\n    Busy: true,\n    Checked: true,\n    ColumnCount: 'colcount',\n    ColumnIndex: 'colindex',\n    ColumnSpan: 'colspan',\n    Current: true,\n    Details: true,\n    ErrorMessage: true,\n    Expanded: true,\n    HasPopup: true,\n    Invalid: true,\n    Label: true,\n    Level: true,\n    Modal: true,\n    Multiline: true,\n    MultiSelectable: true,\n    Orientation: true,\n    Owns: true,\n    Placeholder: true,\n    PosInSet: true,\n    Pressed: true,\n    RoleDescription: true,\n    RowCount: true,\n    RowIndex: true,\n    RowSpan: true,\n    Selected: true,\n    SetSize: true,\n    Sort: true,\n    ValueMax: true,\n    ValueMin: true,\n    ValueNow: true,\n    ValueText: true,\n  }\n  for (const key in items) {\n    let val = items[key]\n    if (val === true) {\n      val = key.toLowerCase()\n    }\n    accessibilityDirectMap[`accessibility${key}`] = `aria-${val}`\n  }\n}\n\ntype TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey\n\nlet conf: TamaguiInternalConfig\n\ntype SplitStylesAndProps = {\n  pseudos: PseudoStyles\n  medias: Record<MediaQueryKey, ViewStyle>\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: RulesToInsert\n  viewProps: StackProps & Record<string, any>\n  fontFamily: string | undefined\n  mediaKeys: string[]\n}\n\ntype StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeParsed,\n  state: SplitStyleState,\n  parentSplitStyles?: SplitStylesAndProps | null,\n  languageContext?: LanguageContextType,\n  // web-only\n  elementType?: string,\n  debug?: DebugProp\n) => SplitStylesAndProps\n\nexport const PROP_SPLIT = '-'\n\nconst accessibilityRoleToWebRole = {\n  adjustable: 'slider',\n  header: 'heading',\n  image: 'img',\n  link: 'link',\n  none: 'presentation',\n  summary: 'region',\n}\n\n// loop props backwards\n//   track used keys:\n//     const keys = new Set<string>()\n//   keep classnames and styles separate:\n//     const styles = {}\n//     const classNames = {}\n\nconst isMediaKey = (key: string) => Boolean(key[0] === '$' && mediaQueryConfig[key.slice(1)])\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  parentSplitStyles,\n  languageContext,\n  elementType,\n  debug\n) => {\n  conf = conf || getConfig()\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const mediaKeys: string[] = []\n  const viewProps: SplitStylesAndProps['viewProps'] = {}\n  const pseudos: PseudoStyles = {}\n  let psuedosUsed: Record<string, number> | null = null\n  const medias: Record<MediaQueryKey, ViewStyle> = {}\n  const mediaState = state.mediaState || globalMediaState\n  const usedKeys: Record<string, number> = {}\n  const propKeys = Object.keys(props)\n\n  const shouldDoClasses =\n    staticConfig.acceptsClassName && (isWeb || IS_STATIC) && !state.noClassNames\n\n  let style: ViewStyle = {}\n  let flatTransforms: FlatTransforms | undefined\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  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 = conf.shorthands[shorthand]\n        if (isMedia) {\n          // is media\n          let mediaShortKey = mediaOrPseudo.slice(1)\n          mediaShortKey = mediaShortKey.slice(0, mediaShortKey.indexOf('_'))\n          fullKey += `${PROP_SPLIT}${mediaShortKey}`\n        } else if (isPseudo) {\n          // is pseudo\n          const pseudoShortKey = mediaOrPseudo.slice(1)\n          fullKey += `${PROP_SPLIT}${pseudoShortKey}`\n        }\n        if (process.env.NODE_ENV === 'development') {\n          if (debug) {\n            // eslint-disable-next-line no-console\n            console.log('tamagui classname', fullKey, cn)\n          }\n        }\n        usedKeys[fullKey] = 1\n        mergeClassName(transforms, classNames, fullKey, cn, isMediaOrPseudo)\n      } else {\n        if (cn) {\n          className += ' ' + cn\n        }\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    const valInit = props[keyInit]\n\n    // normalize shorthands up front\n    const expandedKey = conf.shorthands[keyInit]\n    if (expandedKey) {\n      keyInit = expandedKey\n    }\n\n    if (usedKeys[keyInit]) continue\n    if (skipProps[keyInit]) continue\n    if (!isWeb && keyInit.startsWith('data-')) continue\n\n    if (validStyleProps[keyInit] || keyInit.includes('-')) {\n      if (valInit && valInit[0] === '_') {\n        if (shouldDoClasses) {\n          classNames[keyInit] = valInit\n        } else {\n          style[keyInit] = reverseMapClassNameToValue(keyInit, valInit)\n        }\n        usedKeys[keyInit] = 1\n        continue\n      }\n    }\n\n    if (keyInit === 'style' || keyInit.startsWith('_style')) {\n      if (!valInit) continue\n      const styles = Array.isArray(valInit) ? valInit : [valInit]\n      const styleLen = styles.length\n      for (let j = styleLen; j >= 0; j--) {\n        const cur = styles[j]\n        if (!cur) continue\n        for (const key in cur) {\n          if (usedKeys[key]) continue\n          usedKeys[key] = 1\n          style[key] = cur[key]\n        }\n      }\n      continue\n    }\n\n    function mergeStyle(key: string, val: any) {\n      usedKeys[key] = usedKeys[key] || 1\n      if (val && val[0] === '_') {\n        classNames[key] = val\n      } else if (key in stylePropsTransform) {\n        flatTransforms ||= {}\n        flatTransforms[key] = val\n      } else {\n        const out = normalizeValueWithProperty(val, key)\n        if (key in validStylesOnBaseProps) {\n          viewProps[key] = out\n        } else {\n          style[key] = out\n        }\n      }\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      /**\n       * Copying in the accessibility/prop handling from react-native-web here\n       * Keeps it in a single loop, avoids dup de-structuring to avoid bundle size\n       */\n      if (keyInit === 'disabled' && valInit === true) {\n        usedKeys[keyInit] = 1\n        viewProps['aria-disabled'] = true\n        // Enhance with native semantics\n        if (\n          elementType === 'button' ||\n          elementType === 'form' ||\n          elementType === 'input' ||\n          elementType === 'select' ||\n          elementType === 'textarea'\n        ) {\n          viewProps.disabled = true\n        }\n        if (!staticConfig.variants?.disabled) {\n          continue\n        }\n      }\n\n      if (keyInit === 'testID') {\n        usedKeys[keyInit] = 1\n        if (staticConfig.isReactNative) {\n          viewProps.testId = valInit\n        } else {\n          viewProps['data-testid'] = valInit\n        }\n        continue\n      }\n\n      if (keyInit === 'id' || keyInit === 'nativeID') {\n        usedKeys[keyInit] = 1\n        if (staticConfig.isReactNative) {\n          viewProps.nativeID = valInit\n        } else {\n          viewProps.id = valInit\n        }\n        continue\n      }\n\n      let didUseKeyInit = true\n\n      if (staticConfig.isReactNative) {\n        didUseKeyInit = false\n        // pass along to react-native-web\n        if (accessibilityDirectMap[keyInit] || keyInit.startsWith('accessibility')) {\n          viewProps[keyInit] = valInit\n          usedKeys[keyInit] = 1\n          continue\n        }\n      } else {\n        if (accessibilityDirectMap[keyInit]) {\n          viewProps[accessibilityDirectMap[keyInit]] = valInit\n          usedKeys[keyInit] = 1\n          continue\n        }\n        switch (keyInit) {\n          case 'accessibilityRole': {\n            if (valInit === 'none') {\n              viewProps.role = 'presentation'\n            } else {\n              viewProps.role = accessibilityRoleToWebRole[valInit] || valInit\n            }\n            break\n          }\n          case 'accessibilityControls': {\n            viewProps['aria-controls'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityDescribedBy': {\n            viewProps['aria-describedby'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityFlowTo': {\n            viewProps['aria-flowto'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityLabelledBy': {\n            viewProps['aria-labelledby'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityKeyShortcuts': {\n            if (Array.isArray(valInit)) {\n              viewProps['aria-keyshortcuts'] = valInit.join(' ')\n            }\n            break\n          }\n          case 'accessibilityLiveRegion': {\n            viewProps['aria-live'] = valInit === 'none' ? 'off' : valInit\n            break\n          }\n          case 'accessibilityReadOnly': {\n            viewProps['aria-readonly'] = valInit\n            // Enhance with native semantics\n            if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {\n              viewProps.readOnly = true\n            }\n            break\n          }\n          case 'accessibilityRequired': {\n            viewProps['aria-required'] = valInit\n            // Enhance with native semantics\n            if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {\n              viewProps.required = true\n            }\n            break\n          }\n          default: {\n            didUseKeyInit = false\n          }\n        }\n      }\n\n      if (didUseKeyInit) {\n        usedKeys[keyInit] = 1\n        continue\n      }\n\n      if (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      (staticConfig.defaultVariants && keyInit in staticConfig.defaultVariants) ||\n      // may want to just: not compile styled() into classnames, always do this, and always pass in all values in extras.props\n      // but we'd want to add styled({ extracted: true }) or something at compile time to save on parsing a bit...\n      (state.keepVariantsAsProps && staticConfig.variants && keyInit in staticConfig.variants)\n    ) {\n      viewProps[keyInit] = valInit\n    }\n\n    /**\n     * There's (some) reason to this madness: we want to allow returning media/pseudo from variants\n     * Say you have a variant hoverable: { true: { hoverStyle: {} } }\n     * We run propMapper first to expand variant, then we run the inner loop and look again\n     * for if there's a pseudo/media returned from it.\n     */\n\n    let isMedia = isMediaKey(keyInit)\n    let isPseudo = validPseudoKeys[keyInit]\n\n    if (\n      !isMedia &&\n      !isPseudo &&\n      !staticConfig.variants?.[keyInit] &&\n      !validStyleProps[keyInit] &&\n      !conf.shorthands[keyInit]\n    ) {\n      // web-only, exclude all other accessibility props not handled above\n      if (isWeb && keyInit.includes('ccessibility')) {\n        continue\n      }\n      usedKeys[keyInit] = 1\n      viewProps[keyInit] = valInit\n      continue\n    }\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles', keyInit, valInit)\n    }\n\n    const expanded =\n      isMedia || isPseudo\n        ? [[keyInit, valInit]]\n        : staticConfig.propMapper(\n            keyInit,\n            valInit,\n            theme,\n            props,\n            state,\n            languageContext,\n            undefined,\n            debug\n          )\n\n    if (!fontFamily) {\n      fontFamily = getPropMappedFontFamily(expanded)\n    }\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      if (!isServer && isWeb) {\n        // eslint-disable-next-line no-console\n        console.log('expanded', expanded, '\\nusedKeys', usedKeys, '\\ncurrent', { ...style })\n      }\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n\n    if (!expanded) continue\n\n    for (const [key, val] of expanded) {\n      if (val === undefined) continue\n\n      isMedia = isMediaKey(key)\n      isPseudo = validPseudoKeys[key]\n      const isMediaOrPseudo = isMedia || isPseudo\n\n      if (!isMediaOrPseudo && usedKeys[key]) {\n        continue\n      }\n\n      if (\n        staticConfig.deoptProps?.has(key) ||\n        staticConfig.inlineProps?.has(key) ||\n        staticConfig.inlineWhenUnflattened?.has(key)\n      ) {\n        usedKeys[key] = 1\n        viewProps[key] = props[key] ?? val\n      }\n\n      // pseudo\n      if (isPseudo) {\n        if (!val) continue\n\n        // TODO can avoid processing this if !shouldDoClasses + state is off\n        const pseudoStyleObject = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext,\n          true,\n          true\n        )\n\n        const descriptor = pseudoDescriptors[key as keyof typeof pseudoDescriptors]\n        const isEnter = descriptor.name === 'enter'\n        const isExit = descriptor.name === 'exit'\n        if (!descriptor || (isEnter && !state.unmounted) || (isExit && !state.isExiting)) {\n          continue\n        }\n\n        if (!shouldDoClasses || IS_STATIC) {\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 (!state[descriptor.stateKey || descriptor.name]) {\n            continue\n          }\n          psuedosUsed ||= {}\n          usedKeys[key] ||= 1\n          const importance = descriptor.priority\n          for (const pkey in pseudoStyleObject) {\n            const curImportance = psuedosUsed[importance] || 0\n            const val = pseudoStyleObject[pkey]\n            if (importance >= curImportance) {\n              psuedosUsed[pkey] = importance\n              pseudos[key] ||= {}\n              pseudos[key][pkey] = val\n              mergeStyle(pkey, val)\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        if (!val) continue\n\n        const mediaKey = key\n        const mediaKeyShort = mediaKey.slice(1)\n        mediaKeys.push(mediaKeyShort)\n\n        // THIS USED TO PROXY BACK TO REGULAR PROPS BUT THAT IS THE WRONG BEHAVIOR\n        // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n\n        const mediaStyle = getSubStyle(\n          key,\n          val,\n          staticConfig,\n          theme,\n          props,\n          state,\n          conf,\n          languageContext,\n          // TODO try true like pseudo\n          false\n        )\n\n        if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n          // prettier-ignore\n          // eslint-disable-next-line no-console\n          console.log(`  \uD83D\uDCFA ${mediaKey}`, mediaState[mediaKeyShort], { mediaKey, mediaStyle, props, shouldDoClasses, mediaState: { ...mediaState } })\n        }\n\n        if (shouldDoClasses) {\n          const mediaStyles = getStylesAtomic(mediaStyle)\n          for (const style of mediaStyles) {\n            const out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig)\n            const fullKey = `${style.property}${PROP_SPLIT}${mediaKeyShort}`\n            if (!usedKeys[fullKey]) {\n              usedKeys[fullKey] = 1\n              addStyleToInsertRules(rulesToInsert, out)\n              mergeClassName(transforms, classNames, fullKey, out.identifier, true)\n            }\n          }\n        } else if (mediaState[mediaKey]) {\n          for (const key in mediaStyle) {\n            const didMerge = mergeMediaByImportance(style, key, mediaStyle[key], usedKeys)\n            if (didMerge) {\n              if (key === 'fontFamily') {\n                fontFamily = mediaStyle[key]\n              }\n            }\n          }\n        }\n        continue\n      }\n\n      if (!isWeb && key === 'pointerEvents') {\n        usedKeys[key] = 1\n        viewProps[key] = val\n        continue\n      }\n\n      if (key === 'fontFamily' && !fontFamily && valInit && val) {\n        fontFamily = valInit[0] === '$' ? valInit : val\n      }\n\n      if (validStyleProps[key]) {\n        mergeStyle(key, val)\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        if (!skipProps[key]) {\n          viewProps[key] = val\n          usedKeys[key] = 1\n        }\n      }\n    }\n  }\n\n  fixStyles(style)\n  if (isWeb) {\n    styleToCSS(style)\n  }\n\n  // always do this at the very end to preserve the order strictly (animations, origin)\n  // and allow proper merging of all pseudos before applying\n  if (flatTransforms) {\n    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      if (style['$$css']) {\n        // avoid re-processing for rnw\n      } else {\n        const atomic = getStylesAtomic(style)\n        for (const atomicStyle of atomic) {\n          const key = atomicStyle.property\n          addStyleToInsertRules(rulesToInsert, atomicStyle)\n          mergeClassName(transforms, classNames, key, atomicStyle.identifier)\n        }\n        if (!IS_STATIC) {\n          style = {}\n        }\n      }\n    }\n\n    if (transforms) {\n      for (const namespace in transforms) {\n        if (!transforms[namespace]) {\n          if (process.env.NODE_ENV === 'development') {\n            // eslint-disable-next-line no-console\n            console.warn('Error no transform', transforms, namespace)\n          }\n          continue\n        }\n        const [hash, val] = transforms[namespace]\n        const identifier = `_transform${hash}`\n        if (isClient && !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  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (isDevTools) {\n      // prettier-ignore\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles =>')\n      // prettier-ignore\n      const logs = { style, pseudos, medias, classNames, transforms,viewProps, state, rulesToInsert, parentSplitStyles, flatTransforms }\n      for (const key in logs) {\n        // eslint-disable-next-line no-console\n        console.log(key, logs[key])\n      }\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n  }\n\n  if (className) {\n    classNames.className = className\n  }\n\n  return {\n    fontFamily,\n    viewProps,\n    style,\n    medias,\n    mediaKeys,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n}\n\nfunction mergeClassName(\n  transforms: Record<string, any[]>,\n  classNames: Record<string, string>,\n  key: string,\n  val: string,\n  isMediaOrPseudo = false\n) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    // empty classnames passed by compiler sometimes\n    if (!val) return\n    if (val.startsWith('_transform-')) {\n      const namespace: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n      let transform = insertedTransforms[val]\n      if (isClient) {\n        if (!transform) {\n          // HMR or loaded a new chunk\n          updateInserted()\n          transform = insertedTransforms[val]\n          if (process.env.NODE_ENV === 'development') {\n            if (!transform) {\n              // eslint-disable-next-line no-console\n              console.warn('no transform found', { insertedTransforms, val })\n            }\n          }\n        }\n        if (!transform) {\n          if (isWeb && val[0] !== '_') {\n            // runtime insert\n            transform = val\n          }\n        }\n      }\n      transforms[namespace] = transforms[namespace] || ['', '']\n      const identifier = val.replace('_transform', '')\n      transforms[namespace][0] += identifier\n      // ssr doesn't need to do anything just make the right classname\n      if (transform) {\n        transforms[namespace][1] += transform\n      }\n    } else {\n      classNames[key] = val\n    }\n  }\n}\n\n/**\n * getSubStyle calls propMapper with props\n * those should be specific to the substyle, but fallback to the base props\n * so given props:\n *\n *   { fontSize: 12, color: 'red', $sm: { color: 'blue' } }\n *\n * getSubStyle props should be a proxy that ends up like:\n *\n *   { fontSize: 12, color: 'blue' }\n *\n * and to avoid re-creating it over and over, use a WeakMap\n */\nconst cache = new WeakMap()\nfunction getSubStyleProps(defaultProps: Object, baseProps: Object, specificProps: Object) {\n  const key = specificProps || baseProps\n  // can cache based only on specific it's always referentially consistent with base\n  if (!cache.has(key)) {\n    cache.set(key, {\n      ...defaultProps,\n      ...baseProps,\n      ...specificProps,\n    })\n  }\n  return cache.get(key)!\n}\n\nexport const getSubStyle = (\n  subKey: string,\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeParsed,\n  props: any,\n  state: SplitStyleState,\n  conf: TamaguiInternalConfig,\n  languageContext?: FontLanguageProps,\n  avoidDefaultProps?: boolean,\n  avoidMergeTransform?: boolean\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n\n  for (let key in styleIn) {\n    const val = styleIn[key]\n    key = conf.shorthands[key] || key\n    const expanded = staticConfig.propMapper(\n      key,\n      val,\n      theme,\n      getSubStyleProps(staticConfig.defaultProps, props, props[subKey]),\n      state,\n      languageContext,\n      avoidDefaultProps\n    )\n    if (!expanded) continue\n    for (const [skey, sval] of expanded) {\n      if (!avoidMergeTransform && skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = normalizeValueWithProperty(sval, key)\n      }\n    }\n  }\n\n  fixStyles(styleOut)\n\n  return styleOut\n}\n\nexport const insertSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n  insertStyleRules(res.rulesToInsert)\n  return res\n}\n\n// on native no need to insert any css\nconst useInsertEffectCompat = isWeb ? useInsertionEffect || useIsomorphicLayoutEffect : () => {}\n\nexport const useSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n\n  if (!isRSC) {\n    useInsertEffectCompat(() => {\n      insertStyleRules(res.rulesToInsert)\n    }, [res.rulesToInsert])\n  }\n\n  return res\n}\n\nfunction addStyleToInsertRules(rulesToInsert: RulesToInsert, styleObject: PartialStyleObject) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (!shouldInsertStyleRules(styleObject)) {\n      return\n    }\n    updateRules(styleObject.identifier, styleObject.rules)\n    rulesToInsert.push(styleObject)\n  }\n}\n\nfunction processIDRefList(idRefList: string | Array<string>): string {\n  return Array.isArray(idRefList) ? idRefList.join(' ') : idRefList\n}\n"],
-  "mappings": "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",
-  "names": ["mergeStyle", "val", "style", "key", "conf"]
+  "sourcesContent": ["import { isClient, isRSC, isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport {\n  stylePropsText,\n  stylePropsTransform,\n  validPseudoKeys,\n  validStyles,\n  validStylesOnBaseProps,\n} from '@tamagui/helpers'\nimport type { ViewStyle } from '@tamagui/types-react-native'\nimport { useInsertionEffect } from 'react'\n\nimport { getConfig } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport {\n  mediaState as globalMediaState,\n  mediaQueryConfig,\n  mergeMediaByImportance,\n} from '../hooks/useMedia'\nimport type {\n  DebugProp,\n  MediaQueryKey,\n  PseudoPropKeys,\n  PseudoStyles,\n  SplitStyleState,\n  StackProps,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  ThemeParsed,\n} from '../types'\nimport { FontLanguageProps, LanguageContextType } from '../views/FontLanguage.types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { getPropMappedFontFamily } from './createPropMapper'\nimport { fixStyles } from './expandStyles'\nimport { getAtomicStyle, getStylesAtomic, styleToCSS } from './getStylesAtomic'\nimport {\n  PartialStyleObject,\n  RulesToInsert,\n  insertStyleRules,\n  insertedTransforms,\n  shouldInsertStyleRules,\n  updateInserted,\n  updateRules,\n} from './insertStyleRule'\nimport { FlatTransforms, mergeTransform, mergeTransforms } from './mergeTransform'\nimport {\n  normalizeValueWithProperty,\n  reverseMapClassNameToValue,\n} from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors'\n\ntype GetStyleResult = {\n  pseudos: PseudoStyles\n  medias: Record<MediaQueryKey, ViewStyle>\n  style: ViewStyle\n  classNames: ClassNamesObject\n  rulesToInsert: RulesToInsert\n  viewProps: StackProps & Record<string, any>\n  fontFamily: string | undefined\n  mediaKeys: string[]\n}\n\ntype 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  animateOnly: true,\n  debug: true,\n  componentName: true,\n  role: true,\n  tag: 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    userSelect: true,\n    selectable: true,\n    cursor: true,\n    contain: true,\n    boxSizing: true,\n    boxShadow: true,\n  })\n}\n\n// web only maps accessibility to aria props\nconst accessibilityDirectMap: Record<string, string> = {}\nif (process.env.TAMAGUI_TARGET === 'web') {\n  // bundle size shave\n  const items = {\n    Hidden: true,\n    ActiveDescendant: true,\n    Atomic: true,\n    AutoComplete: true,\n    Busy: true,\n    Checked: true,\n    ColumnCount: 'colcount',\n    ColumnIndex: 'colindex',\n    ColumnSpan: 'colspan',\n    Current: true,\n    Details: true,\n    ErrorMessage: true,\n    Expanded: true,\n    HasPopup: true,\n    Invalid: true,\n    Label: true,\n    Level: true,\n    Modal: true,\n    Multiline: true,\n    MultiSelectable: true,\n    Orientation: true,\n    Owns: true,\n    Placeholder: true,\n    PosInSet: true,\n    Pressed: true,\n    RoleDescription: true,\n    RowCount: true,\n    RowIndex: true,\n    RowSpan: true,\n    Selected: true,\n    SetSize: true,\n    Sort: true,\n    ValueMax: true,\n    ValueMin: true,\n    ValueNow: true,\n    ValueText: true,\n  }\n  for (const key in items) {\n    let val = items[key]\n    if (val === true) {\n      val = key.toLowerCase()\n    }\n    accessibilityDirectMap[`accessibility${key}`] = `aria-${val}`\n  }\n}\n\ntype TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey\n\nlet conf: TamaguiInternalConfig\n\ntype 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) => Boolean(key[0] === '$' && mediaQueryConfig[key.slice(1)])\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  parentSplitStyles,\n  languageContext,\n  elementType,\n  debug\n) => {\n  conf = conf || getConfig()\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const mediaKeys: string[] = []\n  const viewProps: GetStyleResult['viewProps'] = {}\n  const pseudos: PseudoStyles = {}\n  let psuedosUsed: Record<string, number> | null = null\n  const medias: Record<MediaQueryKey, ViewStyle> = {}\n  const mediaState = state.mediaState || globalMediaState\n  const usedKeys: Record<string, number> = {}\n  const propKeys = Object.keys(props)\n\n  const shouldDoClasses =\n    staticConfig.acceptsClassName && (isWeb || IS_STATIC) && !state.noClassNames\n\n  let style: ViewStyle = {}\n  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 (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 = conf.shorthands[shorthand]\n        if (isMedia) {\n          // is media\n          let mediaShortKey = mediaOrPseudo.slice(1)\n          mediaShortKey = mediaShortKey.slice(0, mediaShortKey.indexOf('_'))\n          fullKey += `${PROP_SPLIT}${mediaShortKey}`\n        } else if (isPseudo) {\n          // is pseudo\n          const pseudoShortKey = mediaOrPseudo.slice(1)\n          fullKey += `${PROP_SPLIT}${pseudoShortKey}`\n        }\n        if (process.env.NODE_ENV === 'development') {\n          if (debug) {\n            // eslint-disable-next-line no-console\n            console.log('tamagui classname', fullKey, cn)\n          }\n        }\n        usedKeys[fullKey] = 1\n        mergeClassName(transforms, classNames, fullKey, cn, isMediaOrPseudo)\n      } else {\n        if (cn) {\n          className += ' ' + cn\n        }\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    const valInit = props[keyInit]\n\n    // normalize shorthands up front\n    const expandedKey = conf.shorthands[keyInit]\n    if (expandedKey) {\n      keyInit = expandedKey\n    }\n\n    if (usedKeys[keyInit]) continue\n    if (skipProps[keyInit]) continue\n    if (!isWeb && keyInit.startsWith('data-')) continue\n\n    if (validStyleProps[keyInit] || keyInit.includes('-')) {\n      if (valInit && valInit[0] === '_') {\n        if (shouldDoClasses) {\n          classNames[keyInit] = valInit\n        } else {\n          style[keyInit] = reverseMapClassNameToValue(keyInit, valInit)\n        }\n        usedKeys[keyInit] = 1\n        continue\n      }\n    }\n\n    if (keyInit === 'style' || keyInit.startsWith('_style')) {\n      if (!valInit) continue\n      const styles = Array.isArray(valInit) ? valInit : [valInit]\n      const styleLen = styles.length\n      for (let j = styleLen; j >= 0; j--) {\n        const cur = styles[j]\n        if (!cur) continue\n        for (const key in cur) {\n          if (usedKeys[key]) continue\n          usedKeys[key] = 1\n          style[key] = cur[key]\n        }\n      }\n      continue\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      /**\n       * Copying in the accessibility/prop handling from react-native-web here\n       * Keeps it in a single loop, avoids dup de-structuring to avoid bundle size\n       */\n      if (keyInit === 'disabled' && valInit === true) {\n        usedKeys[keyInit] = 1\n        viewProps['aria-disabled'] = true\n        // Enhance with native semantics\n        if (\n          elementType === 'button' ||\n          elementType === 'form' ||\n          elementType === 'input' ||\n          elementType === 'select' ||\n          elementType === 'textarea'\n        ) {\n          viewProps.disabled = true\n        }\n        if (!staticConfig.variants?.disabled) {\n          continue\n        }\n      }\n\n      if (keyInit === 'testID') {\n        usedKeys[keyInit] = 1\n        if (staticConfig.isReactNative) {\n          viewProps.testId = valInit\n        } else {\n          viewProps['data-testid'] = valInit\n        }\n        continue\n      }\n\n      if (keyInit === 'id' || keyInit === 'nativeID') {\n        usedKeys[keyInit] = 1\n        if (staticConfig.isReactNative) {\n          viewProps.nativeID = valInit\n        } else {\n          viewProps.id = valInit\n        }\n        continue\n      }\n\n      let didUseKeyInit = true\n\n      if (staticConfig.isReactNative) {\n        didUseKeyInit = false\n        // pass along to react-native-web\n        if (accessibilityDirectMap[keyInit] || keyInit.startsWith('accessibility')) {\n          viewProps[keyInit] = valInit\n          usedKeys[keyInit] = 1\n          continue\n        }\n      } else {\n        if (accessibilityDirectMap[keyInit]) {\n          viewProps[accessibilityDirectMap[keyInit]] = valInit\n          usedKeys[keyInit] = 1\n          continue\n        }\n        switch (keyInit) {\n          case 'accessibilityRole': {\n            if (valInit === 'none') {\n              viewProps.role = 'presentation'\n            } else {\n              viewProps.role = accessibilityRoleToWebRole[valInit] || valInit\n            }\n            break\n          }\n          case 'accessibilityControls': {\n            viewProps['aria-controls'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityDescribedBy': {\n            viewProps['aria-describedby'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityFlowTo': {\n            viewProps['aria-flowto'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityLabelledBy': {\n            viewProps['aria-labelledby'] = processIDRefList(valInit)\n            break\n          }\n          case 'accessibilityKeyShortcuts': {\n            if (Array.isArray(valInit)) {\n              viewProps['aria-keyshortcuts'] = valInit.join(' ')\n            }\n            break\n          }\n          case 'accessibilityLiveRegion': {\n            viewProps['aria-live'] = valInit === 'none' ? 'off' : valInit\n            break\n          }\n          case 'accessibilityReadOnly': {\n            viewProps['aria-readonly'] = valInit\n            // Enhance with native semantics\n            if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {\n              viewProps.readOnly = true\n            }\n            break\n          }\n          case 'accessibilityRequired': {\n            viewProps['aria-required'] = valInit\n            // Enhance with native semantics\n            if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {\n              viewProps.required = true\n            }\n            break\n          }\n          default: {\n            didUseKeyInit = false\n          }\n        }\n      }\n\n      if (didUseKeyInit) {\n        usedKeys[keyInit] = 1\n        continue\n      }\n\n      if (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      (staticConfig.defaultVariants && keyInit in staticConfig.defaultVariants) ||\n      // may want to just: not compile styled() into classnames, always do this, and always pass in all values in extras.props\n      // but we'd want to add styled({ extracted: true }) or something at compile time to save on parsing a bit...\n      (state.keepVariantsAsProps && staticConfig.variants && keyInit in staticConfig.variants)\n    ) {\n      viewProps[keyInit] = valInit\n    }\n\n    /**\n     * There's (some) reason to this madness: we want to allow returning media/pseudo from variants\n     * Say you have a variant hoverable: { true: { hoverStyle: {} } }\n     * We run propMapper first to expand variant, then we run the inner loop and look again\n     * for if there's a pseudo/media returned from it.\n     */\n\n    let isMedia = isMediaKey(keyInit)\n    let isPseudo = validPseudoKeys[keyInit]\n\n    if (\n      !isMedia &&\n      !isPseudo &&\n      !staticConfig.variants?.[keyInit] &&\n      !validStyleProps[keyInit] &&\n      !conf.shorthands[keyInit]\n    ) {\n      // web-only, exclude all other accessibility props not handled above\n      if (isWeb && keyInit.includes('ccessibility')) {\n        continue\n      }\n      usedKeys[keyInit] = 1\n      viewProps[keyInit] = valInit\n      continue\n    }\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles', keyInit, valInit)\n    }\n\n    const expanded =\n      isMedia || isPseudo\n        ? [[keyInit, valInit]]\n        : staticConfig.propMapper(\n            keyInit,\n            valInit,\n            theme,\n            props,\n            state,\n            languageContext,\n            undefined,\n            debug\n          )\n\n    if (!fontFamily) {\n      fontFamily = getPropMappedFontFamily(expanded)\n    }\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      if (!isServer && isWeb) {\n        // eslint-disable-next-line no-console\n        console.log('expanded', expanded, '\\nusedKeys', usedKeys, '\\ncurrent', { ...style })\n      }\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n\n    if (!expanded) continue\n\n    for (const [key, val] of expanded) {\n      if (val === undefined) continue\n\n      isMedia = isMediaKey(key)\n      isPseudo = validPseudoKeys[key]\n      const isMediaOrPseudo = isMedia || isPseudo\n\n      if (!isMediaOrPseudo && usedKeys[key]) {\n        continue\n      }\n\n      if (\n        staticConfig.deoptProps?.has(key) ||\n        staticConfig.inlineProps?.has(key) ||\n        staticConfig.inlineWhenUnflattened?.has(key)\n      ) {\n        usedKeys[key] = 1\n        viewProps[key] = props[key] ?? val\n      }\n\n      // pseudo\n      if (isPseudo) {\n        if (!val) continue\n\n        // TODO can avoid processing this if !shouldDoClasses + state is off\n        const pseudoStyleObject = getSubStyle(styleState, key, val, true, state.noClassNames)\n\n        const descriptor = pseudoDescriptors[key as keyof typeof pseudoDescriptors]\n        const isEnter = descriptor.name === 'enter'\n        const isExit = descriptor.name === 'exit'\n        if (!descriptor || (isEnter && !state.unmounted) || (isExit && !state.isExiting)) {\n          continue\n        }\n\n        if (!shouldDoClasses || IS_STATIC) {\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          const isDisabled = !state[descriptor.stateKey || descriptor.name]\n          if (!isDisabled) {\n            usedKeys[key] ||= 1\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 (importance >= curImportance) {\n              psuedosUsed[pkey] = importance\n              pseudos[key] ||= {}\n              pseudos[key][pkey] = val\n              // prettier-ignore\n              // eslint-disable-next-line no-console\n              if (process.env.NODE_ENV === 'development' && debug === 'verbose') console.log('merging', 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        const mediaKey = key\n        const mediaKeyShort = mediaKey.slice(1)\n        mediaKeys.push(mediaKeyShort)\n\n        // THIS USED TO PROXY BACK TO REGULAR PROPS BUT THAT IS THE WRONG BEHAVIOR\n        // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n\n        const mediaStyle = getSubStyle(\n          styleState,\n          key,\n          val,\n          // TODO try true like pseudo\n          false\n        )\n\n        if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n          // prettier-ignore\n          // eslint-disable-next-line no-console\n          console.log(`  \uD83D\uDCFA ${mediaKey}`, mediaState[mediaKeyShort], { mediaKey, mediaStyle, props, shouldDoClasses, mediaState: { ...mediaState } })\n        }\n\n        if (shouldDoClasses) {\n          const mediaStyles = getStylesAtomic(mediaStyle)\n          for (const style of mediaStyles) {\n            const out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig)\n            const fullKey = `${style.property}${PROP_SPLIT}${mediaKeyShort}`\n            if (!usedKeys[fullKey]) {\n              usedKeys[fullKey] = 1\n              addStyleToInsertRules(rulesToInsert, out)\n              mergeClassName(transforms, classNames, fullKey, out.identifier, true)\n            }\n          }\n        } else if (mediaState[mediaKey]) {\n          for (const key in mediaStyle) {\n            const didMerge = mergeMediaByImportance(style, key, mediaStyle[key], usedKeys)\n            if (didMerge) {\n              if (key === 'fontFamily') {\n                fontFamily = mediaStyle[key]\n              }\n            }\n          }\n        }\n        continue\n      }\n\n      if (!isWeb && key === 'pointerEvents') {\n        usedKeys[key] = 1\n        viewProps[key] = val\n        continue\n      }\n\n      if (key === 'fontFamily' && !fontFamily && valInit && val) {\n        fontFamily = valInit[0] === '$' ? valInit : val\n      }\n\n      if (validStyleProps[key]) {\n        mergeStyle(styleState, key, val)\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        if (!skipProps[key]) {\n          viewProps[key] = val\n          usedKeys[key] = 1\n        }\n      }\n    }\n  }\n\n  fixStyles(style)\n  if (isWeb) {\n    styleToCSS(style)\n  }\n\n  // always do this at the very end to preserve the order strictly (animations, origin)\n  // and allow proper merging of all pseudos before applying\n  if (flatTransforms) {\n    if (process.env.NODE_ENV === 'development' && debug) {\n      // prettier-ignore\n      // eslint-disable-next-line no-console\n      console.log(`Merging flat transforms, transform before`, [...style.transform || []], flatTransforms)\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      if (style['$$css']) {\n        // avoid re-processing for rnw\n      } else {\n        const atomic = getStylesAtomic(style)\n        for (const atomicStyle of atomic) {\n          const key = atomicStyle.property\n          addStyleToInsertRules(rulesToInsert, atomicStyle)\n          mergeClassName(transforms, classNames, key, atomicStyle.identifier)\n        }\n        if (!IS_STATIC) {\n          style = {}\n        }\n      }\n    }\n\n    if (transforms) {\n      for (const namespace in transforms) {\n        if (!transforms[namespace]) {\n          if (process.env.NODE_ENV === 'development') {\n            // eslint-disable-next-line no-console\n            console.warn('Error no transform', transforms, namespace)\n          }\n          continue\n        }\n        const [hash, val] = transforms[namespace]\n        const identifier = `_transform${hash}`\n        if (isClient && !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  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (isDevTools) {\n      // prettier-ignore\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles =>')\n      // prettier-ignore\n      const logs = { style, pseudos, medias, classNames, transforms,viewProps, state, rulesToInsert, parentSplitStyles, flatTransforms }\n      for (const key in logs) {\n        // eslint-disable-next-line no-console\n        console.log(key, logs[key])\n      }\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n  }\n\n  if (className) {\n    classNames.className = className\n  }\n\n  return {\n    fontFamily,\n    viewProps,\n    style,\n    medias,\n    mediaKeys,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n}\n\nfunction mergeClassName(\n  transforms: Record<string, any[]>,\n  classNames: Record<string, string>,\n  key: string,\n  val: string,\n  isMediaOrPseudo = false\n) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    // empty classnames passed by compiler sometimes\n    if (!val) return\n    if (val.startsWith('_transform-')) {\n      const namespace: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n      let transform = insertedTransforms[val]\n      if (isClient) {\n        if (!transform) {\n          // HMR or loaded a new chunk\n          updateInserted()\n          transform = insertedTransforms[val]\n          if (process.env.NODE_ENV === 'development') {\n            if (!transform) {\n              // eslint-disable-next-line no-console\n              console.warn('no transform found', { insertedTransforms, val })\n            }\n          }\n        }\n        if (!transform) {\n          if (isWeb && val[0] !== '_') {\n            // runtime insert\n            transform = val\n          }\n        }\n      }\n      transforms[namespace] = transforms[namespace] || ['', '']\n      const identifier = val.replace('_transform', '')\n      transforms[namespace][0] += identifier\n      // ssr doesn't need to do anything just make the right classname\n      if (transform) {\n        transforms[namespace][1] += transform\n      }\n    } else {\n      classNames[key] = val\n    }\n  }\n}\n\n/**\n * getSubStyle calls propMapper with props\n * those should be specific to the substyle, but fallback to the base props\n * so given props:\n *\n *   { fontSize: 12, color: 'red', $sm: { color: 'blue' } }\n *\n * getSubStyle props should be a proxy that ends up like:\n *\n *   { fontSize: 12, color: 'blue' }\n *\n * and to avoid re-creating it over and over, use a WeakMap\n */\nconst cache = new WeakMap()\nfunction getSubStyleProps(defaultProps: Object, baseProps: Object, specificProps: Object) {\n  const key = specificProps || baseProps\n  // can cache based only on specific it's always referentially consistent with base\n  if (!cache.has(key)) {\n    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] = 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 ? useInsertionEffect || useIsomorphicLayoutEffect : () => {}\n\nexport const useSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n\n  if (!isRSC) {\n    useInsertEffectCompat(() => {\n      insertStyleRules(res.rulesToInsert)\n    }, [res.rulesToInsert])\n  }\n\n  return res\n}\n\nfunction addStyleToInsertRules(rulesToInsert: RulesToInsert, styleObject: PartialStyleObject) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (!shouldInsertStyleRules(styleObject)) {\n      return\n    }\n    updateRules(styleObject.identifier, styleObject.rules)\n    rulesToInsert.push(styleObject)\n  }\n}\n\nfunction processIDRefList(idRefList: string | Array<string>): string {\n  return Array.isArray(idRefList) ? idRefList.join(' ') : idRefList\n}\n\nconst animatableDefaults = {\n  opacity: 1,\n  scale: 1,\n  rotate: '0deg',\n  rotateY: '0deg',\n  rotateX: '0deg',\n}\n"],
+  "mappings": "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",
+  "names": ["val", "style", "key", "conf"]
 }

package/dist/esm/helpers/normalizeColor.js

@@ -1,4 +1,4 @@
-import normalizeCSSColor from "@tamagui/normalize-css-color-lite";
+import normalizeCSSColor from "normalize-css-color";
 const normalizeColor = (color, opacity) => {
   if (color == null || color == void 0) {
     return;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/normalizeColor.ts"],
-  "sourcesContent": ["import normalizeCSSColor from '@tamagui/normalize-css-color-lite'\n\nexport const normalizeColor = (color?: number | string | null, opacity?: number) => {\n  if (color == null || color == undefined) {\n    return\n  }\n  if (\n    color[0] === '$' ||\n    (process.env.TAMAGUI_TARGET === 'web' &&\n      typeof color === 'string' &&\n      (webColors[color] || color[0] === '_' || color.startsWith('var(')))\n  ) {\n    return color\n  } else {\n    const rgba = colorToRGBA(color)\n    if (rgba != null) {\n      const [r, g, b, a] = rgba\n      const alpha = (opacity ?? a).toFixed(2)\n      return `rgba(${r},${g},${b},${alpha})`\n    }\n  }\n  return color\n}\n\nconst webColors = {\n  currentColor: true,\n  currentcolor: true,\n  transparent: true,\n  inherit: true,\n}\n\nexport function colorToRGBA(color: string | number) {\n  const colorInt = processColor(color)\n  if (colorInt != null) {\n    const r = (colorInt >> 16) & 255\n    const g = (colorInt >> 8) & 255\n    const b = colorInt & 255\n    const a = ((colorInt >> 24) & 255) / 255\n    return [r, g, b, a] as const\n  }\n  return null\n}\n\nconst processColor = (color?: number | string) => {\n  if (color === undefined || color === null) {\n    return null\n  }\n  const intColor = normalizeCSSColor(color)\n  if (intColor === undefined || intColor === null) {\n    return null\n  }\n  return ((+intColor << 24) | (+intColor >>> 8)) >>> 0\n}\n"],
+  "sourcesContent": ["import normalizeCSSColor from 'normalize-css-color'\n\nexport const normalizeColor = (color?: number | string | null, opacity?: number) => {\n  if (color == null || color == undefined) {\n    return\n  }\n  if (\n    color[0] === '$' ||\n    (process.env.TAMAGUI_TARGET === 'web' &&\n      typeof color === 'string' &&\n      (webColors[color] || color[0] === '_' || color.startsWith('var(')))\n  ) {\n    return color\n  } else {\n    const rgba = colorToRGBA(color)\n    if (rgba != null) {\n      const [r, g, b, a] = rgba\n      const alpha = (opacity ?? a).toFixed(2)\n      return `rgba(${r},${g},${b},${alpha})`\n    }\n  }\n  return color\n}\n\nconst webColors = {\n  currentColor: true,\n  currentcolor: true,\n  transparent: true,\n  inherit: true,\n}\n\nexport function colorToRGBA(color: string | number) {\n  const colorInt = processColor(color)\n  if (colorInt != null) {\n    const r = (colorInt >> 16) & 255\n    const g = (colorInt >> 8) & 255\n    const b = colorInt & 255\n    const a = ((colorInt >> 24) & 255) / 255\n    return [r, g, b, a] as const\n  }\n  return null\n}\n\nconst processColor = (color?: number | string) => {\n  if (color === undefined || color === null) {\n    return null\n  }\n  const intColor = normalizeCSSColor(color)\n  if (intColor === undefined || intColor === null) {\n    return null\n  }\n  return ((+intColor << 24) | (+intColor >>> 8)) >>> 0\n}\n"],
   "mappings": "AAAA,OAAO,uBAAuB;AAEvB,MAAM,iBAAiB,CAAC,OAAgC,YAAqB;AAClF,MAAI,SAAS,QAAQ,SAAS,QAAW;AACvC;AAAA,EACF;AACA,MACE,MAAM,OAAO,OACZ,QAAQ,IAAI,mBAAmB,SAC9B,OAAO,UAAU,aAChB,UAAU,UAAU,MAAM,OAAO,OAAO,MAAM,WAAW,MAAM,IAClE;AACA,WAAO;AAAA,EACT,OAAO;AACL,UAAM,OAAO,YAAY,KAAK;AAC9B,QAAI,QAAQ,MAAM;AAChB,YAAM,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI;AACrB,YAAM,SAAS,WAAW,GAAG,QAAQ,CAAC;AACtC,aAAO,QAAQ,KAAK,KAAK,KAAK;AAAA,IAChC;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,YAAY;AAAA,EAChB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,SAAS;AACX;AAEO,SAAS,YAAY,OAAwB;AAClD,QAAM,WAAW,aAAa,KAAK;AACnC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAK,YAAY,KAAM;AAC7B,UAAM,IAAK,YAAY,IAAK;AAC5B,UAAM,IAAI,WAAW;AACrB,UAAM,KAAM,YAAY,KAAM,OAAO;AACrC,WAAO,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,EACpB;AACA,SAAO;AACT;AAEA,MAAM,eAAe,CAAC,UAA4B;AAChD,MAAI,UAAU,UAAa,UAAU,MAAM;AACzC,WAAO;AAAA,EACT;AACA,QAAM,WAAW,kBAAkB,KAAK;AACxC,MAAI,aAAa,UAAa,aAAa,MAAM;AAC/C,WAAO;AAAA,EACT;AACA,UAAS,CAAC,YAAY,KAAO,CAAC,aAAa,OAAQ;AACrD;",
   "names": []
 }

package/dist/esm/hooks/useTheme.js

@@ -7,17 +7,20 @@ import { ThemeManager, hasNoThemeUpdatingProps } from "../helpers/ThemeManager";
 import { ThemeManagerContext } from "../helpers/ThemeManagerContext";
 import { GetThemeUnwrapped } from "./getThemeUnwrapped";
 const emptyProps = { name: null };
+function getDefaultThemeProxied() {
+  const config = getConfig();
+  const name = Object.keys(config.themes)[0];
+  return getThemeProxied({
+    theme: config.themes[name],
+    name
+  });
+}
 const useTheme = (props = emptyProps) => {
   var _a;
   if (isRSC) {
-    const config = getConfig();
-    const name2 = Object.keys(config.themes)[0];
-    return getThemeProxied({
-      theme: config.themes[name2],
-      name: name2
-    });
+    return getDefaultThemeProxied();
   }
-  const { name, theme, themes, themeManager, className, isNewTheme } = useChangeThemeEffect(props);
+  const { name, theme, themeManager, className, isNewTheme } = useChangeThemeEffect(props);
   if (process.env.NODE_ENV === "development") {
     if (isWeb && isNewTheme && className === ((_a = themeManager == null ? void 0 : themeManager.parentManager) == null ? void 0 : _a.state.className)) {
       console.error(`Should always change, duplicating ThemeMananger bug`, themeManager);
@@ -36,7 +39,7 @@ const useTheme = (props = emptyProps) => {
     if (process.env.NODE_ENV === "development") {
       console.warn("No theme found", name, props, themeManager);
     }
-    return themes[Object.keys(themes)[0]];
+    return getDefaultThemeProxied();
   }
   return useMemo(() => {
     return getThemeProxied({
@@ -93,25 +96,23 @@ const getThemeManager = (theme) => theme == null ? void 0 : theme[GetThemeManage
 const getThemeIsNewTheme = (theme) => theme == null ? void 0 : theme[GetIsNewTheme];
 const activeThemeManagers = /* @__PURE__ */ new Set();
 const useChangeThemeEffect = (props, root = false) => {
-  const parentManager = useContext(ThemeManagerContext);
-  const config = getConfig();
-  const { debug } = props;
-  const disable = props.disable;
-  const { themes } = config;
   if (isRSC) {
     return {
       ...createState().state,
-      themes,
       themeManager: null
     };
   }
+  const parentManager = useContext(ThemeManagerContext);
+  const {
+    debug,
+    disable
+  } = props;
   if (disable) {
     if (!parentManager)
       throw new Error(`Disable topmost`);
     return {
       ...parentManager.state,
       isNewTheme: false,
-      themes,
       themeManager: parentManager
     };
   }
@@ -147,22 +148,22 @@ const useChangeThemeEffect = (props, root = false) => {
     console.log("useTheme.render isNewTheme", isNewTheme, props, themeManager.state.name, parentManager == null ? void 0 : parentManager.state.name);
   if (hasNoThemeUpdatingProps(props)) {
     if (!parentManager)
-      throw new Error(`Nada`);
+      throw `impossible`;
+    if (process.env.NODE_ENV === "development" && props.debug === "verbose")
+      console.log("useTheme no updating props", parentManager.state);
     return {
       ...parentManager.state,
-      themes,
       themeManager: parentManager,
       isNewTheme: false
     };
   }
   updateState();
   if (!mounted && !parentManager) {
-    throw new Error(`Impossible`);
+    throw `impossible`;
   }
   return {
     ...state,
     isNewTheme,
-    themes,
     themeManager,
     ...!mounted && parentManager && {
       ...parentManager.state,
@@ -184,8 +185,11 @@ const useChangeThemeEffect = (props, root = false) => {
     };
   }
   function updateState() {
-    if (themeManager.getStateIfChanged(props, state, parentManager)) {
+    if (themeManager.getStateIfChanged(props, isNewTheme ? state : null, parentManager)) {
       setThemeState(createState);
+    } else {
+      if (process.env.NODE_ENV === "development" && props.debug === "verbose")
+        console.log(`useTheme updateState didn't change`);
     }
   }
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useTheme.tsx"],
-  "sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useLayoutEffect, useMemo, useState } from 'react'\n\nimport { getConfig } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport { createProxy } from '../helpers/createProxy'\nimport { ThemeManager, ThemeManagerState, hasNoThemeUpdatingProps } from '../helpers/ThemeManager'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext'\nimport { ThemeParsed, ThemeProps } from '../types'\nimport { GetThemeUnwrapped } from './getThemeUnwrapped'\n\nexport type ChangedThemeResponse = {\n  themes: Record<string, ThemeParsed>\n  themeManager: ThemeManager | null\n  name: string\n  isNewTheme?: boolean\n  theme?: ThemeParsed | null\n  className?: string\n}\n\nconst emptyProps = { name: null }\nexport const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {\n  if (isRSC) {\n    const config = getConfig()\n    const name = Object.keys(config.themes)[0]\n    return getThemeProxied({\n      theme: config.themes[name],\n      name,\n    })\n  }\n\n  const { name, theme, themes, themeManager, className, isNewTheme } = useChangeThemeEffect(props)\n\n  if (process.env.NODE_ENV === 'development') {\n    // ensure we aren't creating too many ThemeManagers\n    if (isWeb && isNewTheme && className === themeManager?.parentManager?.state.className) {\n      console.error(`Should always change, duplicating ThemeMananger bug`, themeManager)\n      // eslint-disable-next-line no-debugger\n      debugger\n    }\n    if (props.debug === 'verbose') {\n      console.groupCollapsed('  \uD83D\uDD39 useTheme =>', name)\n      const logs = { ...props, name, className, ...(isDevTools && { theme }) }\n      for (const key in logs) {\n        console.log('  ', key, logs[key])\n      }\n      console.groupEnd()\n    }\n  }\n\n  if (!theme) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn('No theme found', name, props, themeManager)\n    }\n    return themes[Object.keys(themes)[0]]\n  }\n\n  return useMemo(() => {\n    return getThemeProxied({\n      isNewTheme,\n      theme,\n      name,\n      className,\n      themeManager,\n    })\n  }, [theme, isNewTheme, name, className, themeManager])\n}\n\nfunction getThemeProxied({\n  theme,\n  name,\n  className,\n  themeManager,\n  isNewTheme,\n}: {\n  theme: any\n  name: string\n  className?: string\n  themeManager?: ThemeManager | null\n  isNewTheme?: boolean\n}) {\n  return createProxy(theme, {\n    has(_, key) {\n      if (typeof key === 'string') {\n        if (key[0] === '$') key = key.slice(1)\n        return themeManager?.allKeys.has(key)\n      }\n      return Reflect.has(theme, key)\n    },\n    get(_, key) {\n      if (key === GetThemeUnwrapped) {\n        return theme\n      } else if (key === GetThemeManager) {\n        return themeManager\n      } else if (key === GetIsNewTheme) {\n        return isNewTheme\n      } else if (key === 'name') {\n        return name\n      } else if (key === 'className') {\n        return className\n      } else if (!name || key === '__proto__' || typeof key === 'symbol' || key === '$typeof') {\n        return Reflect.get(_, key)\n      }\n      // auto convert variables to plain\n      if (key[0] === '$') key = key.slice(1)\n      if (!themeManager) {\n        return theme[key]\n      }\n      return themeManager.getValue(key)\n    },\n  })\n}\n\nconst GetThemeManager = Symbol()\nconst GetIsNewTheme = Symbol()\n\nexport const getThemeManager = (theme: any): ThemeManager | undefined => theme?.[GetThemeManager]\nexport const getThemeIsNewTheme = (theme: any): ThemeManager | undefined => theme?.[GetIsNewTheme]\n\nexport const activeThemeManagers = new Set<ThemeManager>()\n\nexport const useChangeThemeEffect = (props: ThemeProps, root = false): ChangedThemeResponse => {\n  const parentManager = useContext(ThemeManagerContext)\n  const config = getConfig()\n  const { debug } = props\n  // @ts-expect-error internal use only\n  const disable = props.disable\n  const { themes } = config\n  if (isRSC) {\n    // we need context working for this to work well\n    return {\n      ...createState().state,\n      themes,\n      themeManager: null,\n    }\n  }\n  if (disable) {\n    if (!parentManager) throw new Error(`Disable topmost`)\n    return {\n      ...parentManager.state,\n      isNewTheme: false,\n      themes,\n      themeManager: parentManager,\n    }\n  }\n\n  type State = {\n    isNewTheme: boolean\n    state: ThemeManagerState\n    themeManager: ThemeManager\n    mounted?: boolean\n  }\n\n  const [themeState, setThemeState] = useState<State>(createState)\n  const { isNewTheme, state, themeManager, mounted } = themeState\n\n  if (!isServer) {\n    useLayoutEffect(() => {\n      if (disable) return\n      // SSR safe inverse (because server can't know prefers scheme)\n      // could be done through fancy selectors like how we do prefers-media\n      // but may be a bit of explosion of selectors\n      if (props.inverse && !mounted) {\n        setThemeState({ ...themeState, mounted: true })\n        return\n      }\n      activeThemeManagers.add(themeManager)\n      const disposeChangeListener = parentManager?.onChangeTheme(() => {\n        if (!isNewTheme && !isWeb) {\n          setThemeState({\n            ...themeState,\n            state: { ...themeManager.state },\n            isNewTheme: false,\n          })\n        } else {\n          updateState()\n        }\n      })\n      return () => {\n        activeThemeManagers.delete(themeManager)\n        disposeChangeListener?.()\n      }\n    }, [disable, state, isNewTheme, debug])\n  }\n\n  // prettier-ignore\n  if (process.env.NODE_ENV === 'development' && debug) console.log('useTheme.render isNewTheme', isNewTheme, props, themeManager.state.name, parentManager?.state.name)\n\n  // this seems unnecessary\n  if (hasNoThemeUpdatingProps(props)) {\n    if (!parentManager) throw new Error(`Nada`)\n    return {\n      ...parentManager.state,\n      themes,\n      themeManager: parentManager,\n      isNewTheme: false,\n    }\n  }\n\n  // run inline in render\n  updateState()\n\n  if (!mounted && !parentManager) {\n    throw new Error(`Impossible`)\n  }\n\n  return {\n    ...state,\n    isNewTheme,\n    themes,\n    themeManager,\n    ...(!mounted &&\n      parentManager && {\n        ...parentManager.state,\n        isNewTheme: false,\n        themeManager: parentManager,\n      }),\n  }\n\n  function createState(prev?: State) {\n    const _ = new ThemeManager(props, root ? 'root' : parentManager)\n    const isNewTheme = _ !== parentManager\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && debug) [console.groupCollapsed('useTheme create() isNewTheme', isNewTheme), console.log('parent.state.name', parentManager?.state.name, '\\n', 'props', props, '\\n', isClient ? parentManager : '', 'getState', isNewTheme && isClient ? _.getState(props) : '', '\\n', 'state', isClient ? { ..._.state } : ''), console.groupEnd()]\n    // only inverse relies on this for ssr\n    const mounted = !props.inverse ? true : root || prev?.mounted || false\n    return {\n      // ThemeManager returns parentManager if no change\n      isNewTheme,\n      state: { ..._.state },\n      themeManager: _,\n      mounted,\n    }\n  }\n\n  function updateState() {\n    if (themeManager.getStateIfChanged(props, state, parentManager)) {\n      setThemeState(createState)\n    }\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["name", "isNewTheme", "mounted"]
+  "sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useLayoutEffect, useMemo, useState } from 'react'\n\nimport { getConfig } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport { createProxy } from '../helpers/createProxy'\nimport { ThemeManager, ThemeManagerState, hasNoThemeUpdatingProps } from '../helpers/ThemeManager'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext'\nimport { ThemeParsed, ThemeProps } from '../types'\nimport { GetThemeUnwrapped } from './getThemeUnwrapped'\n\nexport type ChangedThemeResponse = {\n  themeManager: ThemeManager | null\n  name: string\n  isNewTheme?: boolean\n  theme?: ThemeParsed | null\n  className?: string\n}\n\nconst emptyProps = { name: null }\n\nfunction getDefaultThemeProxied() {\n  const config = getConfig()\n  const name = Object.keys(config.themes)[0]\n  return getThemeProxied({\n    theme: config.themes[name],\n    name,\n  })\n}\n\nexport const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {\n  if (isRSC) {\n    return getDefaultThemeProxied()\n  }\n\n  const { name, theme, themeManager, className, isNewTheme } = useChangeThemeEffect(props)\n\n  if (process.env.NODE_ENV === 'development') {\n    // ensure we aren't creating too many ThemeManagers\n    if (isWeb && isNewTheme && className === themeManager?.parentManager?.state.className) {\n      console.error(`Should always change, duplicating ThemeMananger bug`, themeManager)\n      // eslint-disable-next-line no-debugger\n      debugger\n    }\n    if (props.debug === 'verbose') {\n      console.groupCollapsed('  \uD83D\uDD39 useTheme =>', name)\n      const logs = { ...props, name, className, ...(isDevTools && { theme }) }\n      for (const key in logs) {\n        console.log('  ', key, logs[key])\n      }\n      console.groupEnd()\n    }\n  }\n\n  if (!theme) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn('No theme found', name, props, themeManager)\n    }\n    return getDefaultThemeProxied()\n  }\n\n  return useMemo(() => {\n    return getThemeProxied({\n      isNewTheme,\n      theme,\n      name,\n      className,\n      themeManager,\n    })\n  }, [theme, isNewTheme, name, className, themeManager])\n}\n\nfunction getThemeProxied({\n  theme,\n  name,\n  className,\n  themeManager,\n  isNewTheme,\n}: {\n  theme: any\n  name: string\n  className?: string\n  themeManager?: ThemeManager | null\n  isNewTheme?: boolean\n}) {\n  return createProxy(theme, {\n    has(_, key) {\n      if (typeof key === 'string') {\n        if (key[0] === '$') key = key.slice(1)\n        return themeManager?.allKeys.has(key)\n      }\n      return Reflect.has(theme, key)\n    },\n    get(_, key) {\n      if (key === GetThemeUnwrapped) {\n        return theme\n      } else if (key === GetThemeManager) {\n        return themeManager\n      } else if (key === GetIsNewTheme) {\n        return isNewTheme\n      } else if (key === 'name') {\n        return name\n      } else if (key === 'className') {\n        return className\n      } else if (!name || key === '__proto__' || typeof key === 'symbol' || key === '$typeof') {\n        return Reflect.get(_, key)\n      }\n      // auto convert variables to plain\n      if (key[0] === '$') key = key.slice(1)\n      if (!themeManager) {\n        return theme[key]\n      }\n      return themeManager.getValue(key)\n    },\n  })\n}\n\nconst GetThemeManager = Symbol()\nconst GetIsNewTheme = Symbol()\n\nexport const getThemeManager = (theme: any): ThemeManager | undefined => theme?.[GetThemeManager]\nexport const getThemeIsNewTheme = (theme: any): ThemeManager | undefined => theme?.[GetIsNewTheme]\n\nexport const activeThemeManagers = new Set<ThemeManager>()\n\nexport const useChangeThemeEffect = (props: ThemeProps, root = false): ChangedThemeResponse => {\n  if (isRSC) {\n    // we need context working for this to work well\n    return {\n      ...createState().state,\n      themeManager: null,\n    }\n  }\n  const parentManager = useContext(ThemeManagerContext)\n\n  const {\n    debug,\n    // @ts-expect-error internal use only\n    disable,\n  } = props\n\n  if (disable) {\n    if (!parentManager) throw new Error(`Disable topmost`)\n    return {\n      ...parentManager.state,\n      isNewTheme: false,\n      themeManager: parentManager,\n    }\n  }\n\n  type State = {\n    isNewTheme: boolean\n    state: ThemeManagerState\n    themeManager: ThemeManager\n    mounted?: boolean\n  }\n\n  const [themeState, setThemeState] = useState<State>(createState)\n  const { isNewTheme, state, themeManager, mounted } = themeState\n\n  if (!isServer) {\n    useLayoutEffect(() => {\n      if (disable) return\n      // SSR safe inverse (because server can't know prefers scheme)\n      // could be done through fancy selectors like how we do prefers-media\n      // but may be a bit of explosion of selectors\n      if (props.inverse && !mounted) {\n        setThemeState({ ...themeState, mounted: true })\n        return\n      }\n      activeThemeManagers.add(themeManager)\n      const disposeChangeListener = parentManager?.onChangeTheme(() => {\n        if (!isNewTheme && !isWeb) {\n          setThemeState({\n            ...themeState,\n            state: { ...themeManager.state },\n            isNewTheme: false,\n          })\n        } else {\n          updateState()\n        }\n      })\n      return () => {\n        activeThemeManagers.delete(themeManager)\n        disposeChangeListener?.()\n      }\n    }, [disable, state, isNewTheme, debug])\n  }\n\n  // prettier-ignore\n  if (process.env.NODE_ENV === 'development' && debug) console.log('useTheme.render isNewTheme', isNewTheme, props, themeManager.state.name, parentManager?.state.name)\n\n  // this seems unnecessary\n  if (hasNoThemeUpdatingProps(props)) {\n    if (!parentManager) throw `impossible`\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme no updating props', parentManager.state)\n    return {\n      ...parentManager.state,\n      themeManager: parentManager,\n      isNewTheme: false,\n    }\n  }\n\n  // run inline in render\n  updateState()\n\n  if (!mounted && !parentManager) {\n    throw `impossible`\n  }\n\n  return {\n    ...state,\n    isNewTheme,\n    themeManager,\n    ...(!mounted &&\n      parentManager && {\n        ...parentManager.state,\n        isNewTheme: false,\n        themeManager: parentManager,\n      }),\n  }\n\n  function createState(prev?: State) {\n    const _ = new ThemeManager(props, root ? 'root' : parentManager)\n    const isNewTheme = _ !== parentManager\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && debug) [console.groupCollapsed('useTheme create() isNewTheme', isNewTheme), console.log('parent.state.name', parentManager?.state.name, '\\n', 'props', props, '\\n', isClient ? parentManager : '', 'getState', isNewTheme && isClient ? _.getState(props) : '', '\\n', 'state', isClient ? { ..._.state } : ''), console.groupEnd()]\n    // only inverse relies on this for ssr\n    const mounted = !props.inverse ? true : root || prev?.mounted || false\n    return {\n      // ThemeManager returns parentManager if no change\n      isNewTheme,\n      state: { ..._.state },\n      themeManager: _,\n      mounted,\n    }\n  }\n\n  function updateState() {\n    if (themeManager.getStateIfChanged(props, isNewTheme ? state : null, parentManager)) {\n      setThemeState(createState)\n    } else {\n      // prettier-ignore\n      if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log(`useTheme updateState didn't change`)\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["isNewTheme", "mounted"]
 }

package/dist/esm/styled.js

@@ -3,16 +3,6 @@ import { ReactNativeStaticConfigs } from "./setupReactNative";
 function styled(Component, options, staticExtractionOptions) {
   const staticConfigProps = (() => {
     const parentStaticConfig = "staticConfig" in Component ? Component.staticConfig : null;
-    if (process.env.NODE_ENV === "development") {
-      if (parentStaticConfig == null ? void 0 : parentStaticConfig.isHOC) {
-        console.warn(
-          `Warning: Parent component is a functional component, not a Tamagui styled() component. Extending with styled() will break and lead to incorrect styles.`,
-          `Given options:`,
-          options,
-          new Error().stack
-        );
-      }
-    }
     if (options) {
       const {
         variants,

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.tsx"],
-  "sourcesContent": ["import { createComponent } from './createComponent'\nimport { ReactNativeStaticConfigs } from './setupReactNative'\nimport {\n  GetProps,\n  GetVariantValues,\n  MediaProps,\n  PseudoProps,\n  StaticConfig,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiElement,\n  VariantDefinitions,\n  VariantSpreadFunction,\n} from './types'\n\n// TODO may be able to use this in the options?: arg below directly\nexport type StyledOptions<ParentComponent extends StylableComponent> = GetProps<ParentComponent> & {\n  name?: string\n  variants?: VariantDefinitions<ParentComponent> | undefined\n  defaultVariants?: { [key: string]: any }\n}\n\n// can't infer from styled(<YStack />) which would be nice\n// * excessively deep type instantiation\n\ntype GetBaseProps<A extends StylableComponent> =\n  // A extends TamaguiReactElement\n  //   ? GetBaseProps<A['type']> :\n  A extends TamaguiComponent<any, any, infer P> ? P : GetProps<A>\n\ntype GetVariantProps<A extends StylableComponent> =\n  // A extends TamaguiReactElement\n  //   ? GetVariantProps<A['type']>\n  //   :\n  A extends TamaguiComponent<any, any, any, infer V> ? V : {}\n\nexport function styled<\n  ParentComponent extends StylableComponent,\n  Variants extends VariantDefinitions<ParentComponent> | void = VariantDefinitions<ParentComponent> | void\n>(\n  Component: ParentComponent,\n  // this should be Partial<GetProps<ParentComponent>> but causes excessively deep type issues\n  options?: GetProps<ParentComponent> & {\n    name?: string\n    variants?: Variants | undefined\n    // thought i had this typed, but can't get it linked\n    defaultVariants?: { [key: string]: any }\n    acceptsClassName?: boolean\n  },\n  staticExtractionOptions?: Partial<StaticConfig>\n) {\n  // allows passing styled(<H1 bc=\"red\" />)\n  // but to get types right would be tricky\n  // if (isValidElement(Component) && isTamaguiComponent(Component.type)) {\n  //   const props = Component.props\n  //   if (props && typeof props === 'object') {\n  //     Component = Component.type as any\n  //     options = options ? ({ ...props, ...options } as any) : props\n  //   }\n  // }\n\n  const staticConfigProps = (() => {\n    const parentStaticConfig =\n      'staticConfig' in Component ? (Component.staticConfig as StaticConfig) : null\n\n    if (process.env.NODE_ENV === 'development') {\n      if (parentStaticConfig?.isHOC) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `Warning: Parent component is a functional component, not a Tamagui styled() component. Extending with styled() will break and lead to incorrect styles.`,\n          `Given options:`,\n          options,\n          new Error().stack\n        )\n      }\n    }\n\n    if (options) {\n      const {\n        variants,\n        name,\n        defaultVariants,\n        acceptsClassName: acceptsClassNameProp,\n        ...defaultProps\n      } = options\n      if (defaultVariants) {\n        Object.assign(defaultProps, defaultVariants)\n      }\n      const isReactNative = Boolean(\n        ReactNativeStaticConfigs.has(Component) ||\n          ReactNativeStaticConfigs.has(parentStaticConfig?.Component) ||\n          parentStaticConfig?.isReactNative ||\n          staticExtractionOptions?.isReactNative\n      )\n      const isTamagui = !isReactNative && !!parentStaticConfig\n\n      const Comp = isReactNative ? parentStaticConfig?.Component || Component : (Component as any)\n      const nativeConf = (isReactNative && ReactNativeStaticConfigs.get(Comp)) || null\n\n      const isText = Boolean(staticExtractionOptions?.isText || parentStaticConfig?.isText)\n      const acceptsClassName = acceptsClassNameProp ?? (isTamagui || isReactNative)\n\n      const conf: Partial<StaticConfig> = {\n        ...staticExtractionOptions,\n        ...(!isTamagui && {\n          Component: Comp,\n        }),\n        // this type gets messed up by options?: Partial<GetProps<ParentComponent>> above\n        // take away the Partial<> and it's fine\n        variants,\n        defaultProps,\n        defaultVariants,\n        componentName: name,\n        isReactNative,\n        isText,\n        acceptsClassName,\n        ...nativeConf,\n      }\n\n      // bail on non className views as well\n      if (defaultProps.children || !acceptsClassName) {\n        conf.neverFlatten = true\n      }\n\n      return conf\n    }\n    return {}\n  })()\n\n  const component = createComponent(staticConfigProps, Component)\n\n  // get parent props without pseudos and medias so we can rebuild both with new variants\n  // get parent props without pseudos and medias so we can rebuild both with new variants\n  type ParentPropsBase = GetBaseProps<ParentComponent>\n  type ParentVariants = GetVariantProps<ParentComponent>\n\n  type OurVariants = Variants extends void\n    ? {}\n    : {\n        [Key in keyof Variants]?: Variants[Key] extends VariantSpreadFunction<any, infer Val>\n          ? Val\n          : GetVariantValues<keyof Variants[Key]>\n      }\n\n  type VariantProps = Omit<ParentVariants, keyof OurVariants> & OurVariants\n  type OurPropsBase = ParentPropsBase & VariantProps\n\n  type Props = Variants extends void\n    ? GetProps<ParentComponent>\n    : // start with base props\n      OurPropsBase &\n        // add in media (+ pseudos nested)\n        MediaProps<Partial<OurPropsBase>> &\n        // add in pseudos\n        PseudoProps<Partial<OurPropsBase>>\n\n  type StyledComponent = TamaguiComponent<\n    Props,\n    TamaguiElement,\n    ParentPropsBase,\n    ParentVariants & OurVariants\n  >\n\n  return component as StyledComponent\n}\n\n// import { Stack } from './views/Stack'\n// const X = styled(Stack, {\n//   variants: {\n//     size: {\n//       '...size': (val) => {\n//         return {}\n//       }\n//     },\n//     disabled: {\n//       true: {\n//         opacity: 0.5,\n//         pointerEvents: 'none',\n//       },\n//     },\n//   } as const\n// })\n// type variants = GetStyledVariants<typeof X>\n// const y = <X disabled size=\"$10\" />\n"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AAmClC,SAAS,OAId,WAEA,SAOA,yBACA;AAWA,QAAM,qBAAqB,MAAM;AAC/B,UAAM,qBACJ,kBAAkB,YAAa,UAAU,eAAgC;AAE3E,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,yDAAoB,OAAO;AAE7B,gBAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,UACA,IAAI,MAAM,EAAE;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAEA,QAAI,SAAS;AACX,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA,kBAAkB;AAAA,WACf;AAAA,MACL,IAAI;AACJ,UAAI,iBAAiB;AACnB,eAAO,OAAO,cAAc,eAAe;AAAA,MAC7C;AACA,YAAM,gBAAgB;AAAA,QACpB,yBAAyB,IAAI,SAAS,KACpC,yBAAyB,IAAI,yDAAoB,SAAS,MAC1D,yDAAoB,mBACpB,mEAAyB;AAAA,MAC7B;AACA,YAAM,YAAY,CAAC,iBAAiB,CAAC,CAAC;AAEtC,YAAM,OAAO,iBAAgB,yDAAoB,cAAa,YAAa;AAC3E,YAAM,aAAc,iBAAiB,yBAAyB,IAAI,IAAI,KAAM;AAE5E,YAAM,SAAS,SAAQ,mEAAyB,YAAU,yDAAoB,OAAM;AACpF,YAAM,mBAAmB,yBAAyB,aAAa;AAE/D,YAAM,OAA8B;AAAA,QAClC,GAAG;AAAA,QACH,GAAI,CAAC,aAAa;AAAA,UAChB,WAAW;AAAA,QACb;AAAA,QAGA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACL;AAGA,UAAI,aAAa,YAAY,CAAC,kBAAkB;AAC9C,aAAK,eAAe;AAAA,MACtB;AAEA,aAAO;AAAA,IACT;AACA,WAAO,CAAC;AAAA,EACV,GAAG;AAEH,QAAM,YAAY,gBAAgB,mBAAmB,SAAS;AAkC9D,SAAO;AACT;",
+  "sourcesContent": ["import { createComponent } from './createComponent'\nimport { ReactNativeStaticConfigs } from './setupReactNative'\nimport {\n  GetProps,\n  GetVariantValues,\n  MediaProps,\n  PseudoProps,\n  StaticConfig,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiElement,\n  VariantDefinitions,\n  VariantSpreadFunction,\n} from './types'\n\n// TODO may be able to use this in the options?: arg below directly\nexport type StyledOptions<ParentComponent extends StylableComponent> = GetProps<ParentComponent> & {\n  name?: string\n  variants?: VariantDefinitions<ParentComponent> | undefined\n  defaultVariants?: { [key: string]: any }\n}\n\n// can't infer from styled(<YStack />) which would be nice\n// * excessively deep type instantiation\n\ntype GetBaseProps<A extends StylableComponent> =\n  // A extends TamaguiReactElement\n  //   ? GetBaseProps<A['type']> :\n  A extends TamaguiComponent<any, any, infer P> ? P : GetProps<A>\n\ntype GetVariantProps<A extends StylableComponent> =\n  // A extends TamaguiReactElement\n  //   ? GetVariantProps<A['type']>\n  //   :\n  A extends TamaguiComponent<any, any, any, infer V> ? V : {}\n\nexport function styled<\n  ParentComponent extends StylableComponent,\n  Variants extends VariantDefinitions<ParentComponent> | void = VariantDefinitions<ParentComponent> | void\n>(\n  Component: ParentComponent,\n  // this should be Partial<GetProps<ParentComponent>> but causes excessively deep type issues\n  options?: GetProps<ParentComponent> & {\n    name?: string\n    variants?: Variants | undefined\n    // thought i had this typed, but can't get it linked\n    defaultVariants?: { [key: string]: any }\n    acceptsClassName?: boolean\n  },\n  staticExtractionOptions?: Partial<StaticConfig>\n) {\n  // allows passing styled(<H1 bc=\"red\" />)\n  // but to get types right would be tricky\n  // if (isValidElement(Component) && isTamaguiComponent(Component.type)) {\n  //   const props = Component.props\n  //   if (props && typeof props === 'object') {\n  //     Component = Component.type as any\n  //     options = options ? ({ ...props, ...options } as any) : props\n  //   }\n  // }\n\n  const staticConfigProps = (() => {\n    const parentStaticConfig =\n      'staticConfig' in Component ? (Component.staticConfig as StaticConfig) : null\n\n    if (options) {\n      const {\n        variants,\n        name,\n        defaultVariants,\n        acceptsClassName: acceptsClassNameProp,\n        ...defaultProps\n      } = options\n      if (defaultVariants) {\n        Object.assign(defaultProps, defaultVariants)\n      }\n      const isReactNative = Boolean(\n        ReactNativeStaticConfigs.has(Component) ||\n          ReactNativeStaticConfigs.has(parentStaticConfig?.Component) ||\n          parentStaticConfig?.isReactNative ||\n          staticExtractionOptions?.isReactNative\n      )\n      const isTamagui = !isReactNative && !!parentStaticConfig\n\n      const Comp = isReactNative ? parentStaticConfig?.Component || Component : (Component as any)\n      const nativeConf = (isReactNative && ReactNativeStaticConfigs.get(Comp)) || null\n\n      const isText = Boolean(staticExtractionOptions?.isText || parentStaticConfig?.isText)\n      const acceptsClassName = acceptsClassNameProp ?? (isTamagui || isReactNative)\n\n      const conf: Partial<StaticConfig> = {\n        ...staticExtractionOptions,\n        ...(!isTamagui && {\n          Component: Comp,\n        }),\n        // this type gets messed up by options?: Partial<GetProps<ParentComponent>> above\n        // take away the Partial<> and it's fine\n        variants,\n        defaultProps,\n        defaultVariants,\n        componentName: name,\n        isReactNative,\n        isText,\n        acceptsClassName,\n        ...nativeConf,\n      }\n\n      // bail on non className views as well\n      if (defaultProps.children || !acceptsClassName) {\n        conf.neverFlatten = true\n      }\n\n      return conf\n    }\n    return {}\n  })()\n\n  const component = createComponent(staticConfigProps, Component)\n\n  // get parent props without pseudos and medias so we can rebuild both with new variants\n  // get parent props without pseudos and medias so we can rebuild both with new variants\n  type ParentPropsBase = GetBaseProps<ParentComponent>\n  type ParentVariants = GetVariantProps<ParentComponent>\n\n  type OurVariants = Variants extends void\n    ? {}\n    : {\n        [Key in keyof Variants]?: Variants[Key] extends VariantSpreadFunction<any, infer Val>\n          ? Val\n          : GetVariantValues<keyof Variants[Key]>\n      }\n\n  type VariantProps = Omit<ParentVariants, keyof OurVariants> & OurVariants\n  type OurPropsBase = ParentPropsBase & VariantProps\n\n  type Props = Variants extends void\n    ? GetProps<ParentComponent>\n    : // start with base props\n      OurPropsBase &\n        // add in media (+ pseudos nested)\n        MediaProps<Partial<OurPropsBase>> &\n        // add in pseudos\n        PseudoProps<Partial<OurPropsBase>>\n\n  type StyledComponent = TamaguiComponent<\n    Props,\n    TamaguiElement,\n    ParentPropsBase,\n    ParentVariants & OurVariants\n  >\n\n  return component as StyledComponent\n}\n\n// import { Stack } from './views/Stack'\n// const X = styled(Stack, {\n//   variants: {\n//     size: {\n//       '...size': (val) => {\n//         return {}\n//       }\n//     },\n//     disabled: {\n//       true: {\n//         opacity: 0.5,\n//         pointerEvents: 'none',\n//       },\n//     },\n//   } as const\n// })\n// type variants = GetStyledVariants<typeof X>\n// const y = <X disabled size=\"$10\" />\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AAmClC,SAAS,OAId,WAEA,SAOA,yBACA;AAWA,QAAM,qBAAqB,MAAM;AAC/B,UAAM,qBACJ,kBAAkB,YAAa,UAAU,eAAgC;AAE3E,QAAI,SAAS;AACX,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA,kBAAkB;AAAA,WACf;AAAA,MACL,IAAI;AACJ,UAAI,iBAAiB;AACnB,eAAO,OAAO,cAAc,eAAe;AAAA,MAC7C;AACA,YAAM,gBAAgB;AAAA,QACpB,yBAAyB,IAAI,SAAS,KACpC,yBAAyB,IAAI,yDAAoB,SAAS,MAC1D,yDAAoB,mBACpB,mEAAyB;AAAA,MAC7B;AACA,YAAM,YAAY,CAAC,iBAAiB,CAAC,CAAC;AAEtC,YAAM,OAAO,iBAAgB,yDAAoB,cAAa,YAAa;AAC3E,YAAM,aAAc,iBAAiB,yBAAyB,IAAI,IAAI,KAAM;AAE5E,YAAM,SAAS,SAAQ,mEAAyB,YAAU,yDAAoB,OAAM;AACpF,YAAM,mBAAmB,yBAAyB,aAAa;AAE/D,YAAM,OAA8B;AAAA,QAClC,GAAG;AAAA,QACH,GAAI,CAAC,aAAa;AAAA,UAChB,WAAW;AAAA,QACb;AAAA,QAGA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACL;AAGA,UAAI,aAAa,YAAY,CAAC,kBAAkB;AAC9C,aAAK,eAAe;AAAA,MACtB;AAEA,aAAO;AAAA,IACT;AACA,WAAO,CAAC;AAAA,EACV,GAAG;AAEH,QAAM,YAAY,gBAAgB,mBAAmB,SAAS;AAkC9D,SAAO;AACT;",
   "names": []
 }

package/dist/esm/views/Theme.js

@@ -9,22 +9,18 @@ function Theme(props) {
     return props.children;
   }
   const isRoot = !!props["_isRoot"];
-  const { name, theme, themeManager, themes, isNewTheme, className } = useChangeThemeEffect(
-    props,
-    isRoot
-  );
+  const { name, theme, themeManager, isNewTheme, className } = useChangeThemeEffect(props, isRoot);
   const disableThemeClass = props.disableThemeClass;
-  const missingTheme = !themes || !name || !theme;
-  const disablePassingTheme = missingTheme || !isNewTheme;
+  const missingTheme = !name || !theme;
   let contents = useMemo(() => {
     const next = props["data-themeable"] ? React.cloneElement(props.children, { ["data-themeable"]: true }) : props.children;
-    return disablePassingTheme ? next : wrapThemeManagerContext(next, themeManager);
-  }, [disablePassingTheme, props.children, themeManager]);
+    return missingTheme ? next : wrapThemeManagerContext(next, themeManager);
+  }, [missingTheme, props.children, themeManager]);
   if (process.env.NODE_ENV === "development" && missingTheme) {
     name && !theme && console.warn(`No theme found by name ${name}`);
     return props.children;
   }
-  if (disableThemeClass || disablePassingTheme) {
+  if (disableThemeClass || missingTheme) {
     return contents;
   }
   if (isWeb) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Theme.tsx"],
-  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport React, { useMemo } from 'react'\n\nimport { variableToString } from '../createVariable'\nimport { ThemeManager } from '../helpers/ThemeManager'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext'\nimport { useChangeThemeEffect } from '../hooks/useTheme'\nimport { ThemeProps } from '../types'\n\nexport function Theme(props: ThemeProps) {\n  // @ts-expect-error its a permanent prop meant for internal views\n  if (props.disable) {\n    return props.children\n  }\n\n  const isRoot = !!props['_isRoot']\n  const { name, theme, themeManager, themes, isNewTheme, className } = useChangeThemeEffect(\n    props,\n    isRoot\n  )\n\n  const disableThemeClass = props.disableThemeClass\n  const missingTheme = !themes || !name || !theme\n  const disablePassingTheme = missingTheme || !isNewTheme\n\n  // memo here, changing theme without re-rendering all children is a critical optimization\n  // may require some effort of end user to memoize but without this memo they'd have no option\n  let contents = useMemo(() => {\n    const next = props['data-themeable']\n      ? React.cloneElement(props.children, { ['data-themeable']: true })\n      : props.children\n\n    return disablePassingTheme ? next : wrapThemeManagerContext(next, themeManager)\n  }, [disablePassingTheme, props.children, themeManager])\n\n  if (process.env.NODE_ENV === 'development' && missingTheme) {\n    // eslint-disable-next-line no-console\n    name && !theme && console.warn(`No theme found by name ${name}`)\n    return props.children\n  }\n\n  if (disableThemeClass || disablePassingTheme) {\n    return contents\n  }\n\n  if (isWeb) {\n    const cn = [props.className, className, '_dsp_contents'].filter(Boolean).join(' ')\n    contents = (\n      <span\n        className={cn}\n        style={{\n          // in order to provide currentColor, set color by default\n          color: variableToString(theme?.color),\n        }}\n      >\n        {contents}\n      </span>\n    )\n  }\n\n  return contents\n}\n\nexport function wrapThemeManagerContext(\n  children: any,\n  themeManager?: ThemeManager | null,\n  shouldReset?: boolean\n) {\n  // be sure to memoize themeManager to avoid reparenting\n  if (!themeManager) {\n    return children\n  }\n  // be sure to memoize shouldReset to avoid reparenting\n  let next = children\n  // TODO likely not necessary if we do reset logic now in useTheme?\n  // reset to parent theme\n  if (shouldReset && themeManager) {\n    next = <Theme name={themeManager.state.parentName}>{next}</Theme>\n  }\n  return <ThemeManagerContext.Provider value={themeManager}>{next}</ThemeManagerContext.Provider>\n}\n"],
-  "mappings": "AAgDM;AAhDN,SAAS,aAAa;AACtB,OAAO,SAAS,eAAe;AAE/B,SAAS,wBAAwB;AAEjC,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AAG9B,SAAS,MAAM,OAAmB;AAEvC,MAAI,MAAM,SAAS;AACjB,WAAO,MAAM;AAAA,EACf;AAEA,QAAM,SAAS,CAAC,CAAC,MAAM;AACvB,QAAM,EAAE,MAAM,OAAO,cAAc,QAAQ,YAAY,UAAU,IAAI;AAAA,IACnE;AAAA,IACA;AAAA,EACF;AAEA,QAAM,oBAAoB,MAAM;AAChC,QAAM,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC;AAC1C,QAAM,sBAAsB,gBAAgB,CAAC;AAI7C,MAAI,WAAW,QAAQ,MAAM;AAC3B,UAAM,OAAO,MAAM,oBACf,MAAM,aAAa,MAAM,UAAU,EAAE,CAAC,mBAAmB,KAAK,CAAC,IAC/D,MAAM;AAEV,WAAO,sBAAsB,OAAO,wBAAwB,MAAM,YAAY;AAAA,EAChF,GAAG,CAAC,qBAAqB,MAAM,UAAU,YAAY,CAAC;AAEtD,MAAI,QAAQ,IAAI,aAAa,iBAAiB,cAAc;AAE1D,YAAQ,CAAC,SAAS,QAAQ,KAAK,0BAA0B,MAAM;AAC/D,WAAO,MAAM;AAAA,EACf;AAEA,MAAI,qBAAqB,qBAAqB;AAC5C,WAAO;AAAA,EACT;AAEA,MAAI,OAAO;AACT,UAAM,KAAK,CAAC,MAAM,WAAW,WAAW,eAAe,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACjF,eACE,oBAAC;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QAEL,OAAO,iBAAiB,+BAAO,KAAK;AAAA,MACtC;AAAA,MAEC;AAAA,KACH;AAAA,EAEJ;AAEA,SAAO;AACT;AAEO,SAAS,wBACd,UACA,cACA,aACA;AAEA,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AAEA,MAAI,OAAO;AAGX,MAAI,eAAe,cAAc;AAC/B,WAAO,oBAAC;AAAA,MAAM,MAAM,aAAa,MAAM;AAAA,MAAa;AAAA,KAAK;AAAA,EAC3D;AACA,SAAO,oBAAC,oBAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,IAAe;AAAA,GAAK;AAClE;",
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport React, { useMemo } from 'react'\n\nimport { variableToString } from '../createVariable'\nimport { ThemeManager } from '../helpers/ThemeManager'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext'\nimport { useChangeThemeEffect } from '../hooks/useTheme'\nimport { ThemeProps } from '../types'\n\nexport function Theme(props: ThemeProps) {\n  // @ts-expect-error its a permanent prop meant for internal views\n  if (props.disable) {\n    return props.children\n  }\n\n  const isRoot = !!props['_isRoot']\n  const { name, theme, themeManager, isNewTheme, className } = useChangeThemeEffect(props, isRoot)\n\n  const disableThemeClass = props.disableThemeClass\n  const missingTheme = !name || !theme\n\n  // memo here, changing theme without re-rendering all children is a critical optimization\n  // may require some effort of end user to memoize but without this memo they'd have no option\n  let contents = useMemo(() => {\n    const next = props['data-themeable']\n      ? React.cloneElement(props.children, { ['data-themeable']: true })\n      : props.children\n\n    return missingTheme ? next : wrapThemeManagerContext(next, themeManager)\n  }, [missingTheme, props.children, themeManager])\n\n  if (process.env.NODE_ENV === 'development' && missingTheme) {\n    // eslint-disable-next-line no-console\n    name && !theme && console.warn(`No theme found by name ${name}`)\n    return props.children\n  }\n\n  if (disableThemeClass || missingTheme) {\n    return contents\n  }\n\n  if (isWeb) {\n    const cn = [props.className, className, '_dsp_contents'].filter(Boolean).join(' ')\n    contents = (\n      <span\n        className={cn}\n        style={{\n          // in order to provide currentColor, set color by default\n          color: variableToString(theme?.color),\n        }}\n      >\n        {contents}\n      </span>\n    )\n  }\n\n  return contents\n}\n\nexport function wrapThemeManagerContext(\n  children: any,\n  themeManager?: ThemeManager | null,\n  shouldReset?: boolean\n) {\n  // be sure to memoize themeManager to avoid reparenting\n  if (!themeManager) {\n    return children\n  }\n  // be sure to memoize shouldReset to avoid reparenting\n  let next = children\n  // TODO likely not necessary if we do reset logic now in useTheme?\n  // reset to parent theme\n  if (shouldReset && themeManager) {\n    next = <Theme name={themeManager.state.parentName}>{next}</Theme>\n  }\n  return <ThemeManagerContext.Provider value={themeManager}>{next}</ThemeManagerContext.Provider>\n}\n"],
+  "mappings": "AA4CM;AA5CN,SAAS,aAAa;AACtB,OAAO,SAAS,eAAe;AAE/B,SAAS,wBAAwB;AAEjC,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AAG9B,SAAS,MAAM,OAAmB;AAEvC,MAAI,MAAM,SAAS;AACjB,WAAO,MAAM;AAAA,EACf;AAEA,QAAM,SAAS,CAAC,CAAC,MAAM;AACvB,QAAM,EAAE,MAAM,OAAO,cAAc,YAAY,UAAU,IAAI,qBAAqB,OAAO,MAAM;AAE/F,QAAM,oBAAoB,MAAM;AAChC,QAAM,eAAe,CAAC,QAAQ,CAAC;AAI/B,MAAI,WAAW,QAAQ,MAAM;AAC3B,UAAM,OAAO,MAAM,oBACf,MAAM,aAAa,MAAM,UAAU,EAAE,CAAC,mBAAmB,KAAK,CAAC,IAC/D,MAAM;AAEV,WAAO,eAAe,OAAO,wBAAwB,MAAM,YAAY;AAAA,EACzE,GAAG,CAAC,cAAc,MAAM,UAAU,YAAY,CAAC;AAE/C,MAAI,QAAQ,IAAI,aAAa,iBAAiB,cAAc;AAE1D,YAAQ,CAAC,SAAS,QAAQ,KAAK,0BAA0B,MAAM;AAC/D,WAAO,MAAM;AAAA,EACf;AAEA,MAAI,qBAAqB,cAAc;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,OAAO;AACT,UAAM,KAAK,CAAC,MAAM,WAAW,WAAW,eAAe,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACjF,eACE,oBAAC;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QAEL,OAAO,iBAAiB,+BAAO,KAAK;AAAA,MACtC;AAAA,MAEC;AAAA,KACH;AAAA,EAEJ;AAEA,SAAO;AACT;AAEO,SAAS,wBACd,UACA,cACA,aACA;AAEA,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AAEA,MAAI,OAAO;AAGX,MAAI,eAAe,cAAc;AAC/B,WAAO,oBAAC;AAAA,MAAM,MAAM,aAAa,MAAM;AAAA,MAAa;AAAA,KAAK;AAAA,EAC3D;AACA,SAAO,oBAAC,oBAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,IAAe;AAAA,GAAK;AAClE;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.1-beta.226",
+  "version": "1.0.1-beta.227",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -28,23 +28,23 @@
   ],
   "dependencies": {
     "@expo/match-media": "^0.3.0",
-    "@tamagui/compose-refs": "^1.0.1-beta.226",
-    "@tamagui/constants": "^1.0.1-beta.226",
-    "@tamagui/helpers": "^1.0.1-beta.226",
-    "@tamagui/normalize-css-color-lite": "^1.0.1-beta.226",
-    "@tamagui/react-native-use-pressable": "^1.0.1-beta.226",
-    "@tamagui/react-native-use-responder-events": "^1.0.1-beta.226",
-    "@tamagui/types-react-native": "^1.0.1-beta.226",
-    "@tamagui/use-did-finish-ssr": "^1.0.1-beta.226",
-    "@tamagui/use-event": "^1.0.1-beta.226",
-    "@tamagui/use-force-update": "^1.0.1-beta.226"
+    "@tamagui/compose-refs": "^1.0.1-beta.227",
+    "@tamagui/constants": "^1.0.1-beta.227",
+    "@tamagui/helpers": "^1.0.1-beta.227",
+    "@tamagui/react-native-use-pressable": "^1.0.1-beta.227",
+    "@tamagui/react-native-use-responder-events": "^1.0.1-beta.227",
+    "@tamagui/types-react-native": "^1.0.1-beta.227",
+    "@tamagui/use-did-finish-ssr": "^1.0.1-beta.227",
+    "@tamagui/use-event": "^1.0.1-beta.227",
+    "@tamagui/use-force-update": "^1.0.1-beta.227",
+    "normalize-css-color": "^1.0.2"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.226",
+    "@tamagui/build": "^1.0.1-beta.227",
     "@types/node": "^16.11.9",
     "@types/react": "^18.0.15",
     "@types/react-native": "^0.69.2",
@@ -53,7 +53,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "typescript": "^4.7.4",
-    "vitest": "^0.24.3"
+    "vitest": "^0.25.3"
   },
   "exports": {
     "./package.json": "./package.json",