@tamagui/core 1.0.1-rc.0.1 → 1.0.1-rc.0.2

package/dist/cjs/createComponent.js

@@ -174,14 +174,11 @@ function createComponent(configIn, ParentComponent) {
     const themeIsNew = (0, import_useTheme.getThemeIsNewTheme)(theme);
     const shouldSetMounted = needsMount && state.unmounted;
     const setMounted = shouldSetMounted ? () => {
-      setTimeout(
-        () => {
-          setStateShallow({
-            unmounted: false
-          });
-        },
-        import_constants.isWeb ? 10 : 0
-      );
+      (0, import_react.startTransition)(() => {
+        setStateShallow({
+          unmounted: false
+        });
+      });
     } : void 0;
     const hasTextAncestor = !!(import_constants.isWeb && isText ? (0, import_react.useContext)(import_TextAncestorContext.TextAncestorContext) : false);
     const languageContext = import_constants.isRSC ? null : (0, import_react.useContext)(import_FontLanguageContext.FontLanguageContext);

package/dist/cjs/createComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createComponent.tsx"],
-  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { isClient, isRSC, isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport {\n  composeEventHandlers,\n  stylePropsView,\n  validPseudoKeys,\n  validStyles,\n} from '@tamagui/helpers'\nimport { useResponderEvents } from '@tamagui/react-native-use-responder-events'\nimport React, {\n  Children,\n  Fragment,\n  RefObject,\n  createElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react'\n\nimport { onConfiguredOnce } from './config'\nimport { stackDefaultStyles } from './constants/constants'\nimport { FontLanguageContext } from './contexts/FontLanguageContext'\nimport { TextAncestorContext } from './contexts/TextAncestorContext'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { getRect } from './helpers/getRect'\nimport { useSplitStyles } from './helpers/getSplitStyles'\nimport { getAllSelectors } from './helpers/insertStyleRule'\nimport { mergeProps } from './helpers/mergeProps'\nimport { proxyThemeVariables } from './helpers/proxyThemeVariables'\nimport { useShallowSetState } from './helpers/useShallowSetState'\nimport { measureLayout, useElementLayout } from './hooks/useElementLayout'\nimport { addMediaQueryListener, getInitialMediaState } from './hooks/useMedia'\nimport { useServerRef, useServerState } from './hooks/useServerHooks'\nimport { getThemeIsNewTheme, getThemeManager, useTheme } from './hooks/useTheme'\nimport {\n  DebugProp,\n  SpaceDirection,\n  SpaceTokens,\n  SpacerProps,\n  StaticConfig,\n  StaticConfigParsed,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiComponentState,\n  TamaguiConfig,\n  TamaguiElement,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n  UseAnimationProps,\n} from './types'\nimport { usePressability } from './vendor/Pressability'\nimport { Slot, mergeEvent } from './views/Slot'\nimport { wrapThemeManagerContext } from './views/Theme'\n\n// let t\n// import { timer } from '@tamagui/timer'\n// if (true || process.env.ANALYZE) {\n//   t = require().timer()\n//   setTimeout(() => {\n//     const out = t.print()\n//     if (isClient) {\n//       alert(out)\n//     }\n//   }, 2000)\n// }\n\n// this appears to fix expo / babel not picking this up sometimes? really odd\nprocess.env.TAMAGUI_TARGET\n\n/**\n * All things that need one-time setup after createTamagui is called\n */\nlet defaultComponentState: TamaguiComponentState | null = null\nlet defaultComponentStateMounted: TamaguiComponentState | null = null\nlet tamaguiConfig: TamaguiInternalConfig\nlet AnimatedText: any\nlet AnimatedView: any\nlet initialTheme: any\n\nexport const mouseUps = new Set<Function>()\nif (typeof document !== 'undefined') {\n  const cancelTouches = () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  }\n  addEventListener('mouseup', cancelTouches)\n  addEventListener('touchend', cancelTouches)\n  addEventListener('touchcancel', cancelTouches)\n}\n\n// mutates\nfunction mergeShorthands({ defaultProps }: StaticConfigParsed, { shorthands }: TamaguiConfig) {\n  // they are defined in correct order already { ...parent, ...child }\n  for (const key of Object.keys(defaultProps)) {\n    defaultProps[shorthands[key] || key] = defaultProps[key]\n  }\n}\n\n/**\n * Only on native do we need the actual underlying View/Text\n * On the web we avoid react-native altogether in core.\n */\nlet BaseText: any\nlet BaseView: any\nif (process.env.TAMAGUI_TARGET === 'native') {\n  const native = require('react-native')\n  BaseText = native.Text || native.default.Text\n  BaseView = native.View || native.default.View\n}\n\nexport function createComponent<\n  ComponentPropTypes extends Object = {},\n  Ref = TamaguiElement,\n  BaseProps = never\n>(configIn: Partial<StaticConfig> | StaticConfigParsed, ParentComponent?: StylableComponent) {\n  const staticConfig = (() => {\n    const next = extendStaticConfig(configIn, ParentComponent)\n    if ('parsed' in next) {\n      return next\n    } else {\n      return parseStaticConfig(next)\n    }\n  })()\n\n  const defaultComponentClassName = `is_${staticConfig.componentName}`\n  let defaultNativeStyle: any\n  let tamaguiDefaultProps: any\n  let defaultTag: string | undefined\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {\n    // const time = t.start({ quiet: true })\n\n    // React inserts default props after your props for some reason...\n    // order important so we do loops, you can't just spread because JS does weird things\n    let props: any\n    if (tamaguiDefaultProps && !propsIn.asChild) {\n      props = mergeProps(tamaguiDefaultProps, propsIn)[0]\n    } else {\n      props = propsIn\n    }\n\n    const debugProp = props['debug'] as DebugProp\n    const { Component, isText, isZStack } = staticConfig\n    const componentName = props.componentName || staticConfig.componentName\n    const componentClassName = props.asChild\n      ? ''\n      : props.componentName\n      ? `is_${props.componentName}`\n      : defaultComponentClassName\n\n    /**\n     * Component state for tracking animations, pseudos\n     */\n    const animationsConfig = tamaguiConfig.animations\n    const useAnimations = animationsConfig?.useAnimations as UseAnimationHook | undefined\n    const avoidClassesWhileAnimating = animationsConfig.isReactNative\n    const hasEnterStyle = !!props.enterStyle\n    const needsMount = Boolean((isWeb ? isClient : true) && (hasEnterStyle || props.animation))\n    const states = useServerState<TamaguiComponentState>(\n      needsMount ? defaultComponentState! : defaultComponentStateMounted!\n    )\n\n    const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0]\n    const setState = states[1]\n    const setStateShallow = useShallowSetState(setState, debugProp, componentName)\n\n    // conditional but if ever true stays true\n    // [animated, inversed]\n    const stateRef = useRef(\n      undefined as any as {\n        hasAnimated?: boolean\n        hasThemeInversed?: boolean\n        hasProvidedThemeManager?: boolean\n        themeShouldReset?: boolean\n      }\n    )\n    stateRef.current ??= {}\n\n    const isAnimated = (() => {\n      const next = !!(useAnimations && props.animation)\n      if (next && !stateRef.current.hasAnimated) {\n        stateRef.current.hasAnimated = true\n      }\n      return next || stateRef.current.hasAnimated\n    })()\n\n    const usePresence = tamaguiConfig.animations?.usePresence\n    const presence = !isRSC && isAnimated ? usePresence() : null\n\n    // set enter/exit variants onto our new props object\n    if (isAnimated && presence) {\n      const presenceState = presence[2]\n      if (presenceState) {\n        if (state.unmounted && presenceState.enterVariant) {\n          props[presenceState.enterVariant] = true\n        }\n        if (!presenceState.isPresent && presenceState.exitVariant) {\n          props[presenceState.exitVariant] = true\n        }\n      }\n    }\n\n    const isReactNative = Boolean(\n      staticConfig.isReactNative || (isAnimated && tamaguiConfig.animations.isReactNative)\n    )\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debugProp) {\n        const name = `${\n          componentName || Component?.displayName || Component?.name || '[Unnamed Component]'\n        }`\n        const type = isReactNative ? '(rnw)' : ''\n        const dataIs = propsIn['data-is'] || ''\n        const banner = `${name}${dataIs ? ` ${dataIs}` : ''} ${type}`\n        // eslint-disable-next-line no-console\n        console.group(`%c ${banner}`, 'background: yellow;')\n        if (!isServer) {\n          // eslint-disable-next-line no-console\n          console.log(`state`, state)\n        }\n      }\n    }\n\n    const shouldAvoidClasses =\n      !isWeb || !!(props.animation && avoidClassesWhileAnimating) || !staticConfig.acceptsClassName\n    const shouldForcePseudo = !!propsIn.forceStyle\n    const noClassNames = shouldAvoidClasses || shouldForcePseudo\n\n    const theme = useTheme({\n      name: props.theme,\n      componentName,\n      reset: props.reset,\n      inverse: props.themeInverse,\n      // @ts-expect-error internal use only\n      disable: props['data-themeable'],\n      debug: props.debug,\n    })\n    const themeManager = getThemeManager(theme)\n    const themeIsNew = getThemeIsNewTheme(theme)\n\n    const shouldSetMounted = needsMount && state.unmounted\n    const setMounted = shouldSetMounted\n      ? () => {\n          // for some reason without some small delay it doesn't animate css\n          setTimeout(\n            () => {\n              setStateShallow({\n                unmounted: false,\n              })\n            },\n            isWeb ? 10 : 0\n          )\n        }\n      : undefined\n\n    const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n    const languageContext = isRSC ? null : useContext(FontLanguageContext)\n    const isDisabled = props.disabled ?? props.accessibilityState?.disabled\n\n    const isTaggable = !Component || typeof Component === 'string'\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb\n      ? isTaggable\n        ? props.tag || defaultTag || Component\n        : Component\n      : Component\n\n    const BaseTextComponent = BaseText || element || 'span'\n    const BaseViewComponent = BaseView || element || (hasTextAncestor ? 'span' : 'div')\n    let elementType = isText\n      ? (isAnimated ? AnimatedText : null) || BaseTextComponent\n      : (isAnimated ? AnimatedView : null) || BaseViewComponent\n\n    elementType = Component || elementType\n    const isStringElement = typeof elementType === 'string'\n\n    const isExiting = presence?.[0] === false\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      {\n        ...state,\n        noClassNames,\n        dynamicStylesInline: noClassNames,\n        hasTextAncestor,\n        resolveVariablesAs: 'value',\n        isExiting,\n      },\n      null,\n      languageContext || undefined,\n      elementType,\n      debugProp\n    )\n\n    const hostRef = useServerRef<TamaguiElement>(null)\n\n    // animation setup\n    const isAnimatedReactNativeWeb = isAnimated && avoidClassesWhileAnimating\n\n    if (process.env.NODE_ENV === 'development') {\n      if (!process.env.TAMAGUI_TARGET) {\n        // eslint-disable-next-line no-console\n        console.error(`No process.env.TAMAGUI_TARGET set, please set it to \"native\" or \"web\".`)\n      }\n\n      if (debugProp) {\n        // eslint-disable-next-line no-console\n        console.groupCollapsed('props')\n        // eslint-disable-next-line no-console\n        console.log('props in', propsIn, 'mapped to', props, 'in order', Object.keys(props))\n        // eslint-disable-next-line no-console\n        console.log('splitStyles', splitStyles)\n        // eslint-disable-next-line no-console\n        console.log('className', Object.values(splitStyles.classNames))\n        if (isClient) {\n          // eslint-disable-next-line no-console\n          console.log('ref', hostRef, '(click to view)')\n        }\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n        if (debugProp === 'break') {\n          // eslint-disable-next-line no-debugger\n          debugger\n        }\n      }\n    }\n\n    const {\n      viewProps: viewPropsIn,\n      pseudos,\n      medias,\n      style: splitStylesStyle,\n      classNames,\n      mediaKeys,\n    } = splitStyles\n\n    const propsWithAnimation = props as UseAnimationProps\n\n    // once you set animation prop don't remove it, you can set to undefined/false\n    // reason is animations are heavy - no way around it, and must be run inline here (\uD83D\uDE45 loading as a sub-component)\n    let animationStyles: any\n    if (!isRSC && isAnimated && useAnimations) {\n      const animations = useAnimations({\n        props: propsWithAnimation,\n        style: splitStylesStyle,\n        presence,\n        state,\n        pseudos,\n        onDidAnimate: props.onDidAnimate,\n        hostRef,\n        staticConfig,\n      })\n      if (animations) {\n        animationStyles = animations.style\n      }\n    }\n\n    // media queries\n    useIsomorphicLayoutEffect(() => {\n      const disposers = mediaKeys.map((key) => {\n        return addMediaQueryListener(key, (next: boolean) => {\n          setState((prev) => {\n            if (prev.mediaState![key] !== next) {\n              return {\n                ...prev,\n                mediaState: getMediaStateObject({\n                  ...prev.mediaState,\n                  [key]: next,\n                }),\n              }\n            }\n            return prev\n          })\n        })\n      })\n      return () => {\n        disposers.forEach((d) => d())\n      }\n    }, [mediaKeys.join(',')])\n\n    const {\n      hitSlop,\n      asChild,\n      children,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      themeShallow,\n      space: spaceProp,\n      spaceDirection: _spaceDirection,\n      disabled: disabledProp,\n      onMouseUp,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      hrefAttrs,\n      separator,\n      // ignore from here on out\n      forceStyle: _forceStyle,\n      // @ts-ignore  for next/link compat etc\n      onClick,\n      theme: _themeProp,\n      // @ts-ignore\n      defaultVariants,\n\n      ...nonTamaguiProps\n    } = viewPropsIn\n\n    const disabled =\n      (props.accessibilityState != null && props.accessibilityState.disabled === true) ||\n      props.accessibilityDisabled\n\n    // these can ultimately be for DOM, react-native-web views, or animated views\n    // so the type is pretty loose\n    let viewProps: Record<string, any>\n\n    // if react-native-web view just pass all props down\n    if (process.env.TAMAGUI_TARGET === 'web' && !isReactNative) {\n      // otherwise replicate react-native-web functionality\n      const {\n        // event props\n        onMoveShouldSetResponder,\n        onMoveShouldSetResponderCapture,\n        onResponderEnd,\n        onResponderGrant,\n        onResponderMove,\n        onResponderReject,\n        onResponderRelease,\n        onResponderStart,\n        onResponderTerminate,\n        onResponderTerminationRequest,\n        onScrollShouldSetResponder,\n        onScrollShouldSetResponderCapture,\n        onSelectionChangeShouldSetResponder,\n        onSelectionChangeShouldSetResponderCapture,\n        onStartShouldSetResponder,\n        onStartShouldSetResponderCapture,\n\n        // android\n        collapsable,\n        focusable,\n\n        // deprecated,\n        accessible,\n        accessibilityDisabled,\n\n        onLayout,\n\n        ...webProps\n      } = nonTamaguiProps\n\n      viewProps = webProps\n\n      if (!isRSC) {\n        usePlatformMethods(hostRef as RefObject<Element>)\n\n        useElementLayout(hostRef as RefObject<Element>, onLayout as any)\n\n        useResponderEvents(hostRef, {\n          onMoveShouldSetResponder,\n          onMoveShouldSetResponderCapture,\n          onResponderEnd,\n          onResponderGrant,\n          onResponderMove,\n          onResponderReject,\n          onResponderRelease,\n          onResponderStart,\n          onResponderTerminate,\n          onResponderTerminationRequest,\n          onScrollShouldSetResponder,\n          onScrollShouldSetResponderCapture,\n          onSelectionChangeShouldSetResponder,\n          onSelectionChangeShouldSetResponderCapture,\n          onStartShouldSetResponder,\n          onStartShouldSetResponderCapture,\n        } as any)\n      }\n\n      if (props.href != undefined && hrefAttrs != undefined) {\n        const { download, rel, target } = hrefAttrs\n        if (download != null) {\n          viewProps.download = download\n        }\n        if (rel != null) {\n          viewProps.rel = rel\n        }\n        if (typeof target === 'string') {\n          viewProps.target = target.charAt(0) !== '_' ? '_' + target : target\n        }\n      }\n\n      // FOCUS\n      // \"focusable\" indicates that an element may be a keyboard tab-stop.\n      const _focusable = focusable != undefined ? focusable : accessible\n      const role = viewProps.role\n      if (_focusable === false) {\n        viewProps.tabIndex = '-1'\n      }\n      if (\n        // These native elements are focusable by default\n        elementType === 'a' ||\n        elementType === 'button' ||\n        elementType === 'input' ||\n        elementType === 'select' ||\n        elementType === 'textarea'\n      ) {\n        if (_focusable === false || accessibilityDisabled === true) {\n          viewProps.tabIndex = '-1'\n        }\n      } else if (\n        // These roles are made focusable by default\n        role === 'button' ||\n        role === 'checkbox' ||\n        role === 'link' ||\n        role === 'radio' ||\n        role === 'textbox' ||\n        role === 'switch'\n      ) {\n        if (_focusable !== false) {\n          viewProps.tabIndex = '0'\n        }\n      }\n      // Everything else must explicitly set the prop\n      if (_focusable === true) {\n        viewProps.tabIndex = '0'\n      }\n    } else {\n      viewProps = nonTamaguiProps\n    }\n\n    viewProps.ref = useComposedRefs(hostRef as any, forwardedRef, setMounted)\n\n    if (process.env.NODE_ENV === 'development' && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          // eslint-disable-next-line no-console\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    const unPress = useCallback(() => {\n      setStateShallow({\n        press: false,\n        pressIn: false,\n      })\n    }, [setStateShallow])\n\n    if (!isRSC) {\n      useEffect(() => {\n        return () => {\n          mouseUps.delete(unPress)\n        }\n      }, [unPress])\n    }\n\n    let styles: Record<string, any>[]\n\n    if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {\n      styles = {\n        ...defaultNativeStyle,\n        ...(animationStyles ?? splitStylesStyle),\n        ...medias,\n      }\n    } else {\n      styles = [isWeb ? null : defaultNativeStyle, animationStyles ?? splitStylesStyle, medias]\n\n      // ugly but for now...\n      if (shouldForcePseudo) {\n        const next = {}\n        styles.forEach((style) => Object.assign(next, style))\n        // @ts-ignore\n        Object.assign(splitStyles.style, next)\n      }\n    }\n\n    let fontFamily = isText ? splitStyles.fontFamily || staticConfig.defaultProps.fontFamily : null\n    if (fontFamily && fontFamily[0] === '$') {\n      fontFamily = fontFamily.slice(1)\n    }\n    const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : ''\n\n    const classList = [\n      componentName ? componentClassName : '',\n      fontFamilyClassName,\n      themeIsNew ? theme.className : '',\n      classNames ? Object.values(classNames).join(' ') : '',\n    ]\n    const className = classList.join(' ')\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      const style = animationStyles ?? splitStyles.style\n\n      if (isAnimatedReactNativeWeb) {\n        viewProps.style = style\n      } else if (isReactNative) {\n        const rnwStyle = { $$css: true }\n        for (const name of className.split(' ')) {\n          rnwStyle[name] = name\n        }\n        viewProps.style = [rnwStyle, ...(Array.isArray(style) ? style : [style])]\n        if (process.env.NODE_ENV === 'development') {\n          // turn debug data- props into dataSet in dev mode\n          Object.keys(viewProps).forEach((key) => {\n            if (key.startsWith('data-')) {\n              viewProps.dataSet ??= {}\n              viewProps.dataSet[key.replace('data-', '')] = viewProps[key]\n              delete viewProps[key]\n            }\n          })\n        }\n      } else {\n        viewProps.className = className\n        viewProps.style = style\n      }\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // swap out the right family based on weight/style\n      if (splitStyles.fontFamily) {\n        const faceInfo = tamaguiConfig.fontsParsed[splitStyles.fontFamily]?.face\n        if (faceInfo) {\n          const [weight, style] = (() => {\n            let weight: string | undefined\n            let style: string | undefined\n            for (let i = styles.length; i >= 0; i--) {\n              weight ??= styles[i]?.fontWeight\n              style ??= styles[i]?.fontStyle\n            }\n            return [weight || '400', style || 'normal'] as const\n          })()\n          const overrideFace = faceInfo[weight]?.[style]?.val\n          if (overrideFace) {\n            for (const style of styles) {\n              if (style?.fontFamily) {\n                style.fontFamily = overrideFace\n                delete style.fontWeight\n                delete style.fontStyle\n              }\n            }\n          }\n        }\n      }\n\n      // assign styles\n      viewProps.style = styles\n    }\n\n    const runtimePressStyle = !disabled && noClassNames && pseudos?.pressStyle\n    const attachPress = !!(runtimePressStyle || onPress || onPressOut || onPressIn || onClick)\n    const runtimeHoverStyle = !disabled && noClassNames && pseudos?.hoverStyle\n    const isHoverable =\n      isWeb && !!(runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    const handlesPressEvents = !isWeb && !asChild\n\n    // check presence rather than value to prevent reparenting bugs\n    // allows for onPress={x ? function : undefined} without re-ordering dom\n    const shouldAttach = asChild\n      ? false\n      : Boolean(\n          attachPress ||\n            isHoverable ||\n            'pressStyle' in props ||\n            'onPress' in props ||\n            'onPressIn' in props ||\n            'onPressOut' in props ||\n            (isWeb &&\n              ('hoverStyle' in props ||\n                'onHoverIn' in props ||\n                'onHoverOut' in props ||\n                'onMouseEnter' in props ||\n                'onMouseLeave' in props))\n        )\n\n    const events =\n      shouldAttach && !isRSC && !isDisabled\n        ? {\n            onPressOut: attachPress\n              ? (e) => {\n                  unPress()\n                  onPressOut?.(e)\n                  onMouseUp?.(e)\n                }\n              : undefined,\n            ...(isHoverable && {\n              onMouseEnter: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    if (isHoverable) {\n                      next.hover = true\n                    }\n                    if (state.pressIn) {\n                      next.press = true\n                    }\n                    if (isHoverable || state.pressIn) {\n                      setStateShallow(next)\n                    }\n                    onHoverIn?.(e)\n                    onMouseEnter?.(e)\n                  }\n                : undefined,\n              onMouseLeave: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    mouseUps.add(unPress)\n                    if (isHoverable) {\n                      next.hover = false\n                    }\n                    if (state.pressIn) {\n                      next.press = false\n                      next.pressIn = false\n                    }\n                    if (Object.keys(next).length) {\n                      setStateShallow(next)\n                    }\n                    onHoverOut?.(e)\n                    onMouseLeave?.(e)\n                  }\n                : undefined,\n            }),\n            onPressIn: attachPress\n              ? (e) => {\n                  setStateShallow({\n                    press: true,\n                    pressIn: true,\n                    hover: false,\n                  })\n                  onPressIn?.(e)\n                  onMouseDown?.(e)\n                  if (isWeb) {\n                    mouseUps.add(unPress)\n                  }\n                }\n              : undefined,\n            onPress: attachPress\n              ? (e) => {\n                  unPress()\n                  // @ts-ignore\n                  onClick?.(e)\n                  onPress?.(e)\n                }\n              : undefined,\n\n            // replicating TouchableWithoutFeedback\n            ...(!isWeb && {\n              cancelable: !props.rejectResponderTermination,\n              disabled: isDisabled,\n              hitSlop: props.hitSlop,\n              delayLongPress: props.delayLongPress,\n              delayPressIn: props.delayPressIn,\n              delayPressOut: props.delayPressOut,\n              focusable: viewProps.focusable ?? true,\n              minPressDuration: 0,\n            }),\n          }\n        : null\n\n    let space = spaceProp\n\n    // find space by media query\n    if (state.mediaState && mediaKeys.length) {\n      for (const key in state.mediaState) {\n        if (key in state.mediaState && key in props && props[key].space !== undefined) {\n          space = props[key].space\n        }\n      }\n    }\n\n    const themeShouldReset = Boolean(themeShallow && themeManager && themeIsNew)\n    const shouldProvideThemeManager = themeShouldReset || (themeManager && themeIsNew)\n\n    // memoize to avoid re-parenting\n    if (shouldProvideThemeManager) {\n      stateRef.current.hasProvidedThemeManager = true\n    }\n    if (themeShouldReset) {\n      stateRef.current.themeShouldReset = true\n    }\n\n    const childEls =\n      !children || asChild\n        ? children\n        : wrapThemeManagerContext(\n            spacedChildren({\n              separator,\n              children,\n              space,\n              direction: props.spaceDirection || 'both',\n              isZStack,\n            }),\n            // only set context if changed theme\n            stateRef.current.hasProvidedThemeManager ? themeManager : undefined,\n            stateRef.current.themeShouldReset\n          )\n\n    let content: any\n\n    if (asChild) {\n      elementType = Slot\n      viewProps = {\n        ...viewProps,\n        onPress,\n        onPressIn,\n        onPressOut,\n      }\n    }\n\n    // EVENTS native\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // add focus events\n      const attachFocus = !!pseudos.focusStyle\n      if (attachFocus) {\n        viewProps.onFocus = mergeEvent(viewProps.onFocus, () => {\n          setStateShallow({ focus: true })\n        })\n        viewProps.onBlur = mergeEvent(viewProps.onBlur, () => {\n          setStateShallow({ focus: false })\n        })\n      }\n\n      // use Pressability to get smooth unPress when you press + hold + move out\n      // only ever create once, use .configure() to update later\n      const pressability = usePressability(events ? { ...events, hitSlop } : {})\n      if (attachPress && events) {\n        for (const key in pressability) {\n          const og = props[key]\n          const val = pressability[key]\n          viewProps[key] =\n            og && !dontComposePressabilityKeys[key] ? composeEventHandlers(og, val) : val\n        }\n      }\n    }\n\n    content = createElement(elementType, viewProps, childEls)\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (events || isAnimatedReactNativeWeb) {\n        content = (\n          <span\n            className={(isAnimatedReactNativeWeb ? className : '') + `  _dsp_contents`}\n            {...(events && {\n              onMouseEnter: events.onMouseEnter,\n              onMouseLeave: events.onMouseLeave,\n              onClick: events.onPress,\n              onMouseDown: events.onPressIn,\n              onMouseUp: events.onPressOut,\n              onTouchStart: events.onPressIn,\n              onTouchEnd: events.onPressOut,\n            })}\n          >\n            {content}\n          </span>\n        )\n      }\n    }\n\n    if (process.env.NODE_ENV === 'development' && process.env.DEBUG !== 'tamagui') {\n      if (debugProp) {\n        const element = typeof elementType === 'string' ? elementType : 'Component'\n        // eslint-disable-next-line no-console\n        console.groupCollapsed(`render <${element} /> with props`, viewProps)\n        for (const key in viewProps) {\n          // eslint-disable-next-line no-console\n          console.log(key, viewProps[key])\n        }\n        // eslint-disable-next-line no-console\n        console.log('children', content)\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n        if (typeof window !== 'undefined') {\n          // prettier-ignore\n          // eslint-disable-next-line no-console\n          console.log({ state, shouldProvideThemeManager, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, defaultNativeStyle, ...(typeof window !== 'undefined' ? { theme, themeClassName:  theme.className, staticConfig, tamaguiConfig, events, shouldAvoidClasses, shouldForcePseudo, classNames: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, getAllSelectors()[v]])) } : null) })\n        }\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n      }\n    }\n\n    return content\n  })\n\n  if (staticConfig.componentName) {\n    component.displayName = staticConfig.componentName\n  }\n\n  onConfiguredOnce((conf) => {\n    // one time only setup\n    if (!tamaguiConfig) {\n      tamaguiConfig = conf\n\n      if (!defaultComponentState) {\n        defaultComponentState = {\n          hover: false,\n          press: false,\n          pressIn: false,\n          focus: false,\n          unmounted: true,\n          mediaState: getMediaStateObject(getInitialMediaState()),\n        }\n        defaultComponentStateMounted = {\n          ...defaultComponentState,\n          unmounted: false,\n        }\n      }\n\n      if (tamaguiConfig.animations) {\n        AnimatedText = tamaguiConfig.animations.Text\n        AnimatedView = tamaguiConfig.animations.View\n      }\n\n      if (!initialTheme) {\n        const next = conf.themes[Object.keys(conf.themes)[0]]\n        initialTheme = proxyThemeVariables(next)\n        if (process.env.NODE_ENV === 'development') {\n          if (!initialTheme) {\n            // eslint-disable-next-line no-console\n            console.log(`Warning: Missing theme`)\n          }\n        }\n      }\n    }\n\n    // per-component setup\n    // do this to make sure shorthands don't duplicate with.. longhands\n    mergeShorthands(staticConfig, tamaguiConfig)\n\n    let defaultPropsIn = staticConfig.defaultProps || {}\n\n    // because we run createTamagui after styled() defs, have to do some work here\n    // gather defaults props one time and merge downwards\n    // find last unprocessed and process\n    const parentNames = [...(staticConfig.parentNames || []), staticConfig.componentName]\n\n    if (tamaguiConfig.defaultProps && parentNames && staticConfig.componentName) {\n      defaultPropsIn = mergeConfigDefaultProps(\n        staticConfig.componentName,\n        defaultPropsIn,\n        tamaguiConfig.defaultProps,\n        parentNames,\n        tamaguiConfig\n      )\n    }\n\n    const debug = defaultPropsIn['debug']\n\n    // remove all classNames\n    const [ourProps, ourClassNames] = mergeProps(defaultPropsIn, {})\n\n    if (ourProps.tag) {\n      defaultTag = ourProps.tag\n    }\n\n    const noClassNames = !staticConfig.acceptsClassName\n    const { name, variants, defaultVariants, ...restProps } = ourProps\n\n    // must preserve prop order\n    // leave out className because we handle that already with initialSplitStyles.classNames\n    // otherwise it confuses variant functions getting className props\n    const [defaults, defaultsClassnames] = mergeProps(component.defaultProps as any, {\n      ...defaultVariants,\n      ...restProps,\n    })\n\n    defaultNativeStyle = {}\n\n    const validStyles = staticConfig.validStyles || stylePropsView\n\n    // split - keep variables on props to be processed using theme values at runtime (native)\n    if (!isWeb) {\n      for (const key in staticConfig.defaultProps) {\n        const val = staticConfig.defaultProps[key]\n        if (validPseudoKeys[key]) continue\n        if ((typeof val === 'string' && val[0] === '$') || !validStyles[key]) {\n          defaults[key] = val\n        } else {\n          defaultNativeStyle[key] = val\n        }\n      }\n    }\n\n    // set to global\n    tamaguiDefaultProps = defaults\n\n    // add debug logs\n    if (process.env.NODE_ENV === 'development' && debug) {\n      if (process.env.IS_STATIC !== 'is_static') {\n        // prettier-ignore\n        // eslint-disable-next-line no-console\n        console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, { staticConfig, tamaguiDefaultProps, defaultNativeStyle, defaults, defaultPropsIn, defaultPropsKeyOrder: Object.keys(staticConfig.defaultProps), defaultPropsInKeyOrder: Object.keys(defaultPropsIn).map((k) => [k, defaultPropsIn[k]]), ourProps, ourClassNames, defaultsClassnames, defaultTag, noClassNames, })\n      }\n    }\n  })\n\n  let res: TamaguiComponent<ComponentPropTypes, Ref, BaseProps> = component as any\n\n  if (configIn.memo) {\n    res = memo(res) as any\n  }\n\n  res.staticConfig = {\n    validStyles: staticConfig.validStyles || stylePropsView,\n    ...staticConfig,\n  }\n\n  // res.extractable HoC\n  res.extractable = (Component: any, conf?: Partial<StaticConfig>) => {\n    Component.staticConfig = extendStaticConfig(\n      {\n        Component,\n        ...conf,\n        neverFlatten: true,\n        defaultProps: {\n          ...Component.defaultProps,\n          ...conf?.defaultProps,\n        },\n      },\n      res\n    )\n    return Component\n  }\n\n  return res\n}\n\n// for elements to avoid spacing\nexport const Unspaced = (props: { children?: any }) => {\n  return props.children\n}\nUnspaced['isUnspaced'] = true\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<SpacerProps>({\n  memo: true,\n  componentName: 'Spacer',\n  validStyles,\n\n  defaultProps: {\n    ...stackDefaultStyles,\n    // avoid nesting issues\n    tag: 'span',\n    size: true,\n  },\n\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        const sizePx = tokens.space[size] ?? size\n        return {\n          width: sizePx,\n          height: sizePx,\n          minWidth: sizePx,\n          minHeight: sizePx,\n        }\n      },\n    },\n\n    flex: {\n      true: {\n        flexGrow: 1,\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n        minHeight: 0,\n      },\n      vertical: {\n        width: 0,\n        minWidth: 0,\n      },\n      both: {},\n    },\n  } as const,\n})\n\nexport type SpacedChildrenProps = {\n  isZStack?: boolean\n  children?: React.ReactNode\n  space?: SpaceTokens | number | null\n  spaceFlex?: boolean | number\n  direction?: SpaceDirection\n  separator?: React.ReactNode\n}\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  direction,\n  spaceFlex,\n  separator,\n}: SpacedChildrenProps) {\n  const hasSpace = !!(space || spaceFlex)\n  const hasSeparator = !(separator === undefined || separator === null)\n  if (!hasSpace && !hasSeparator && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  if (childrenList.length <= 1 && !isZStack) {\n    return childrenList\n  }\n  const final: React.ReactNode[] = []\n  for (const [index, child] of childrenList.entries()) {\n    const isEmpty =\n      child === null || child === undefined || (Array.isArray(child) && child.length === 0)\n    // push them all, but wrap some in Fragment\n    if (isEmpty || !child || (child['key'] && !isZStack)) {\n      final.push(child)\n    } else {\n      final.push(\n        <Fragment key={index}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\n      )\n    }\n\n    // first child unspaced avoid insert space\n    if (isUnspaced(child) && index === 0) continue\n    // no spacing on ZStack\n    if (isZStack) continue\n\n    const next = childrenList[index + 1]\n\n    if (next && !isUnspaced(next)) {\n      if (separator) {\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}_00tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n        final.push(\n          React.isValidElement(separator)\n            ? React.cloneElement(separator, { key: `sep_${index}` })\n            : separator\n        )\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}01tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n      } else {\n        final.push(\n          createSpacer({\n            key: `_${index}02tmgui`,\n            direction,\n            space,\n            spaceFlex,\n          })\n        )\n      }\n    }\n  }\n\n  return final\n}\n\ntype CreateSpacerProps = SpacedChildrenProps & { key: string }\n\nfunction createSpacer({ key, direction, space, spaceFlex }: CreateSpacerProps) {\n  return (\n    // @ts-ignore this one blew up but the types seem better\n    <Spacer\n      key={key}\n      size={space}\n      direction={direction}\n      {...(typeof spaceFlex !== 'undefined' && {\n        flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex,\n      })}\n    />\n  )\n}\n\nfunction isUnspaced(child: React.ReactNode) {\n  // console.log('unspaced?', child, getMedia())\n  return child?.['type']?.['isVisuallyHidden'] || child?.['type']?.['isUnspaced']\n}\n\nconst DefaultProps = new Map()\n\nfunction mergeConfigDefaultProps(\n  name: string,\n  props: Record<string, any>,\n  configDefaults: Record<string, Object>,\n  parentNames: (string | undefined)[],\n  conf: TamaguiInternalConfig\n) {\n  const len = parentNames.length\n  let prev\n\n  for (let i = 0; i < len; i++) {\n    const n = parentNames[i]\n    if (!n) continue\n    if (DefaultProps.has(n)) {\n      prev = DefaultProps.get(n)\n      continue\n    }\n    const props = configDefaults[n]\n    if (!props) {\n      if (prev) {\n        DefaultProps.set(n, prev)\n      }\n      continue\n    }\n    prev = mergeProps(prev || {}, props, false, conf.inverseShorthands)[0]\n    DefaultProps.set(n, prev)\n  }\n\n  // overwrite the user defined defaults on top of internal defined defaults\n  const ourDefaultsMerged = DefaultProps.get(name)\n  if (ourDefaultsMerged) {\n    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0]\n  }\n  return props\n}\n\n// react native compat (web only)\nfunction usePlatformMethods(hostRef: RefObject<Element>) {\n  useIsomorphicLayoutEffect(() => {\n    const node = hostRef.current\n    if (!node) return\n    // @ts-ignore\n    node.measure = (callback) => measureLayout(node, null, callback)\n    // @ts-ignore\n    node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success)\n    // @ts-ignore\n    node.measureInWindow = (callback) => {\n      if (!node) return\n      setTimeout(() => {\n        const { height, left, top, width } = getRect(node as HTMLElement)!\n        callback(left, top, width, height)\n      }, 0)\n    }\n  }, [hostRef])\n}\n\nconst AbsoluteFill: any = createComponent({\n  componentName: 'AbsoluteFill',\n  defaultProps: {\n    ...stackDefaultStyles,\n    flexDirection: 'column',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    pointerEvents: 'box-none',\n  },\n})\n\nconst dontComposePressabilityKeys = {\n  onClick: true,\n}\n\nfunction getMediaStateObject(obj: Object) {\n  return Object.fromEntries(Object.entries(obj).flatMap(([k, v]) => (v ? [[`$${k}`, v]] : [])))\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { isClient, isRSC, isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport {\n  composeEventHandlers,\n  stylePropsView,\n  validPseudoKeys,\n  validStyles,\n} from '@tamagui/helpers'\nimport { useResponderEvents } from '@tamagui/react-native-use-responder-events'\nimport React, {\n  Children,\n  Fragment,\n  RefObject,\n  createElement,\n  forwardRef,\n  memo,\n  startTransition,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react'\n\nimport { onConfiguredOnce } from './config'\nimport { stackDefaultStyles } from './constants/constants'\nimport { FontLanguageContext } from './contexts/FontLanguageContext'\nimport { TextAncestorContext } from './contexts/TextAncestorContext'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { getRect } from './helpers/getRect'\nimport { useSplitStyles } from './helpers/getSplitStyles'\nimport { getAllSelectors } from './helpers/insertStyleRule'\nimport { mergeProps } from './helpers/mergeProps'\nimport { proxyThemeVariables } from './helpers/proxyThemeVariables'\nimport { useShallowSetState } from './helpers/useShallowSetState'\nimport { measureLayout, useElementLayout } from './hooks/useElementLayout'\nimport { addMediaQueryListener, getInitialMediaState } from './hooks/useMedia'\nimport { useServerRef, useServerState } from './hooks/useServerHooks'\nimport { getThemeIsNewTheme, getThemeManager, useTheme } from './hooks/useTheme'\nimport {\n  DebugProp,\n  SpaceDirection,\n  SpaceTokens,\n  SpacerProps,\n  StaticConfig,\n  StaticConfigParsed,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiComponentState,\n  TamaguiConfig,\n  TamaguiElement,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n  UseAnimationProps,\n} from './types'\nimport { usePressability } from './vendor/Pressability'\nimport { Slot, mergeEvent } from './views/Slot'\nimport { wrapThemeManagerContext } from './views/Theme'\n\n// let t\n// import { timer } from '@tamagui/timer'\n// if (true || process.env.ANALYZE) {\n//   t = require().timer()\n//   setTimeout(() => {\n//     const out = t.print()\n//     if (isClient) {\n//       alert(out)\n//     }\n//   }, 2000)\n// }\n\n// this appears to fix expo / babel not picking this up sometimes? really odd\nprocess.env.TAMAGUI_TARGET\n\n/**\n * All things that need one-time setup after createTamagui is called\n */\nlet defaultComponentState: TamaguiComponentState | null = null\nlet defaultComponentStateMounted: TamaguiComponentState | null = null\nlet tamaguiConfig: TamaguiInternalConfig\nlet AnimatedText: any\nlet AnimatedView: any\nlet initialTheme: any\n\nexport const mouseUps = new Set<Function>()\nif (typeof document !== 'undefined') {\n  const cancelTouches = () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  }\n  addEventListener('mouseup', cancelTouches)\n  addEventListener('touchend', cancelTouches)\n  addEventListener('touchcancel', cancelTouches)\n}\n\n// mutates\nfunction mergeShorthands({ defaultProps }: StaticConfigParsed, { shorthands }: TamaguiConfig) {\n  // they are defined in correct order already { ...parent, ...child }\n  for (const key of Object.keys(defaultProps)) {\n    defaultProps[shorthands[key] || key] = defaultProps[key]\n  }\n}\n\n/**\n * Only on native do we need the actual underlying View/Text\n * On the web we avoid react-native altogether in core.\n */\nlet BaseText: any\nlet BaseView: any\nif (process.env.TAMAGUI_TARGET === 'native') {\n  const native = require('react-native')\n  BaseText = native.Text || native.default.Text\n  BaseView = native.View || native.default.View\n}\n\nexport function createComponent<\n  ComponentPropTypes extends Object = {},\n  Ref = TamaguiElement,\n  BaseProps = never\n>(configIn: Partial<StaticConfig> | StaticConfigParsed, ParentComponent?: StylableComponent) {\n  const staticConfig = (() => {\n    const next = extendStaticConfig(configIn, ParentComponent)\n    if ('parsed' in next) {\n      return next\n    } else {\n      return parseStaticConfig(next)\n    }\n  })()\n\n  const defaultComponentClassName = `is_${staticConfig.componentName}`\n  let defaultNativeStyle: any\n  let tamaguiDefaultProps: any\n  let defaultTag: string | undefined\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {\n    // const time = t.start({ quiet: true })\n\n    // React inserts default props after your props for some reason...\n    // order important so we do loops, you can't just spread because JS does weird things\n    let props: any\n    if (tamaguiDefaultProps && !propsIn.asChild) {\n      props = mergeProps(tamaguiDefaultProps, propsIn)[0]\n    } else {\n      props = propsIn\n    }\n\n    const debugProp = props['debug'] as DebugProp\n    const { Component, isText, isZStack } = staticConfig\n    const componentName = props.componentName || staticConfig.componentName\n    const componentClassName = props.asChild\n      ? ''\n      : props.componentName\n      ? `is_${props.componentName}`\n      : defaultComponentClassName\n\n    /**\n     * Component state for tracking animations, pseudos\n     */\n    const animationsConfig = tamaguiConfig.animations\n    const useAnimations = animationsConfig?.useAnimations as UseAnimationHook | undefined\n    const avoidClassesWhileAnimating = animationsConfig.isReactNative\n    const hasEnterStyle = !!props.enterStyle\n    const needsMount = Boolean((isWeb ? isClient : true) && (hasEnterStyle || props.animation))\n    const states = useServerState<TamaguiComponentState>(\n      needsMount ? defaultComponentState! : defaultComponentStateMounted!\n    )\n\n    const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0]\n    const setState = states[1]\n    const setStateShallow = useShallowSetState(setState, debugProp, componentName)\n\n    // conditional but if ever true stays true\n    // [animated, inversed]\n    const stateRef = useRef(\n      undefined as any as {\n        hasAnimated?: boolean\n        hasThemeInversed?: boolean\n        hasProvidedThemeManager?: boolean\n        themeShouldReset?: boolean\n      }\n    )\n    stateRef.current ??= {}\n\n    const isAnimated = (() => {\n      const next = !!(useAnimations && props.animation)\n      if (next && !stateRef.current.hasAnimated) {\n        stateRef.current.hasAnimated = true\n      }\n      return next || stateRef.current.hasAnimated\n    })()\n\n    const usePresence = tamaguiConfig.animations?.usePresence\n    const presence = !isRSC && isAnimated ? usePresence() : null\n\n    // set enter/exit variants onto our new props object\n    if (isAnimated && presence) {\n      const presenceState = presence[2]\n      if (presenceState) {\n        if (state.unmounted && presenceState.enterVariant) {\n          props[presenceState.enterVariant] = true\n        }\n        if (!presenceState.isPresent && presenceState.exitVariant) {\n          props[presenceState.exitVariant] = true\n        }\n      }\n    }\n\n    const isReactNative = Boolean(\n      staticConfig.isReactNative || (isAnimated && tamaguiConfig.animations.isReactNative)\n    )\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debugProp) {\n        const name = `${\n          componentName || Component?.displayName || Component?.name || '[Unnamed Component]'\n        }`\n        const type = isReactNative ? '(rnw)' : ''\n        const dataIs = propsIn['data-is'] || ''\n        const banner = `${name}${dataIs ? ` ${dataIs}` : ''} ${type}`\n        // eslint-disable-next-line no-console\n        console.group(`%c ${banner}`, 'background: yellow;')\n        if (!isServer) {\n          // eslint-disable-next-line no-console\n          console.log(`state`, state)\n        }\n      }\n    }\n\n    const shouldAvoidClasses =\n      !isWeb || !!(props.animation && avoidClassesWhileAnimating) || !staticConfig.acceptsClassName\n    const shouldForcePseudo = !!propsIn.forceStyle\n    const noClassNames = shouldAvoidClasses || shouldForcePseudo\n\n    const theme = useTheme({\n      name: props.theme,\n      componentName,\n      reset: props.reset,\n      inverse: props.themeInverse,\n      // @ts-expect-error internal use only\n      disable: props['data-themeable'],\n      debug: props.debug,\n    })\n    const themeManager = getThemeManager(theme)\n    const themeIsNew = getThemeIsNewTheme(theme)\n\n    const shouldSetMounted = needsMount && state.unmounted\n    const setMounted = shouldSetMounted\n      ? () => {\n          startTransition(() => {\n            setStateShallow({\n              unmounted: false,\n            })\n          })\n        }\n      : undefined\n\n    const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n    const languageContext = isRSC ? null : useContext(FontLanguageContext)\n    const isDisabled = props.disabled ?? props.accessibilityState?.disabled\n\n    const isTaggable = !Component || typeof Component === 'string'\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb\n      ? isTaggable\n        ? props.tag || defaultTag || Component\n        : Component\n      : Component\n\n    const BaseTextComponent = BaseText || element || 'span'\n    const BaseViewComponent = BaseView || element || (hasTextAncestor ? 'span' : 'div')\n    let elementType = isText\n      ? (isAnimated ? AnimatedText : null) || BaseTextComponent\n      : (isAnimated ? AnimatedView : null) || BaseViewComponent\n\n    elementType = Component || elementType\n    const isStringElement = typeof elementType === 'string'\n\n    const isExiting = presence?.[0] === false\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      {\n        ...state,\n        noClassNames,\n        dynamicStylesInline: noClassNames,\n        hasTextAncestor,\n        resolveVariablesAs: 'value',\n        isExiting,\n      },\n      null,\n      languageContext || undefined,\n      elementType,\n      debugProp\n    )\n\n    const hostRef = useServerRef<TamaguiElement>(null)\n\n    // animation setup\n    const isAnimatedReactNativeWeb = isAnimated && avoidClassesWhileAnimating\n\n    if (process.env.NODE_ENV === 'development') {\n      if (!process.env.TAMAGUI_TARGET) {\n        // eslint-disable-next-line no-console\n        console.error(`No process.env.TAMAGUI_TARGET set, please set it to \"native\" or \"web\".`)\n      }\n\n      if (debugProp) {\n        // eslint-disable-next-line no-console\n        console.groupCollapsed('props')\n        // eslint-disable-next-line no-console\n        console.log('props in', propsIn, 'mapped to', props, 'in order', Object.keys(props))\n        // eslint-disable-next-line no-console\n        console.log('splitStyles', splitStyles)\n        // eslint-disable-next-line no-console\n        console.log('className', Object.values(splitStyles.classNames))\n        if (isClient) {\n          // eslint-disable-next-line no-console\n          console.log('ref', hostRef, '(click to view)')\n        }\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n        if (debugProp === 'break') {\n          // eslint-disable-next-line no-debugger\n          debugger\n        }\n      }\n    }\n\n    const {\n      viewProps: viewPropsIn,\n      pseudos,\n      medias,\n      style: splitStylesStyle,\n      classNames,\n      mediaKeys,\n    } = splitStyles\n\n    const propsWithAnimation = props as UseAnimationProps\n\n    // once you set animation prop don't remove it, you can set to undefined/false\n    // reason is animations are heavy - no way around it, and must be run inline here (\uD83D\uDE45 loading as a sub-component)\n    let animationStyles: any\n    if (!isRSC && isAnimated && useAnimations) {\n      const animations = useAnimations({\n        props: propsWithAnimation,\n        style: splitStylesStyle,\n        presence,\n        state,\n        pseudos,\n        onDidAnimate: props.onDidAnimate,\n        hostRef,\n        staticConfig,\n      })\n      if (animations) {\n        animationStyles = animations.style\n      }\n    }\n\n    // media queries\n    useIsomorphicLayoutEffect(() => {\n      const disposers = mediaKeys.map((key) => {\n        return addMediaQueryListener(key, (next: boolean) => {\n          setState((prev) => {\n            if (prev.mediaState![key] !== next) {\n              return {\n                ...prev,\n                mediaState: getMediaStateObject({\n                  ...prev.mediaState,\n                  [key]: next,\n                }),\n              }\n            }\n            return prev\n          })\n        })\n      })\n      return () => {\n        disposers.forEach((d) => d())\n      }\n    }, [mediaKeys.join(',')])\n\n    const {\n      hitSlop,\n      asChild,\n      children,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      themeShallow,\n      space: spaceProp,\n      spaceDirection: _spaceDirection,\n      disabled: disabledProp,\n      onMouseUp,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      hrefAttrs,\n      separator,\n      // ignore from here on out\n      forceStyle: _forceStyle,\n      // @ts-ignore  for next/link compat etc\n      onClick,\n      theme: _themeProp,\n      // @ts-ignore\n      defaultVariants,\n\n      ...nonTamaguiProps\n    } = viewPropsIn\n\n    const disabled =\n      (props.accessibilityState != null && props.accessibilityState.disabled === true) ||\n      props.accessibilityDisabled\n\n    // these can ultimately be for DOM, react-native-web views, or animated views\n    // so the type is pretty loose\n    let viewProps: Record<string, any>\n\n    // if react-native-web view just pass all props down\n    if (process.env.TAMAGUI_TARGET === 'web' && !isReactNative) {\n      // otherwise replicate react-native-web functionality\n      const {\n        // event props\n        onMoveShouldSetResponder,\n        onMoveShouldSetResponderCapture,\n        onResponderEnd,\n        onResponderGrant,\n        onResponderMove,\n        onResponderReject,\n        onResponderRelease,\n        onResponderStart,\n        onResponderTerminate,\n        onResponderTerminationRequest,\n        onScrollShouldSetResponder,\n        onScrollShouldSetResponderCapture,\n        onSelectionChangeShouldSetResponder,\n        onSelectionChangeShouldSetResponderCapture,\n        onStartShouldSetResponder,\n        onStartShouldSetResponderCapture,\n\n        // android\n        collapsable,\n        focusable,\n\n        // deprecated,\n        accessible,\n        accessibilityDisabled,\n\n        onLayout,\n\n        ...webProps\n      } = nonTamaguiProps\n\n      viewProps = webProps\n\n      if (!isRSC) {\n        usePlatformMethods(hostRef as RefObject<Element>)\n\n        useElementLayout(hostRef as RefObject<Element>, onLayout as any)\n\n        useResponderEvents(hostRef, {\n          onMoveShouldSetResponder,\n          onMoveShouldSetResponderCapture,\n          onResponderEnd,\n          onResponderGrant,\n          onResponderMove,\n          onResponderReject,\n          onResponderRelease,\n          onResponderStart,\n          onResponderTerminate,\n          onResponderTerminationRequest,\n          onScrollShouldSetResponder,\n          onScrollShouldSetResponderCapture,\n          onSelectionChangeShouldSetResponder,\n          onSelectionChangeShouldSetResponderCapture,\n          onStartShouldSetResponder,\n          onStartShouldSetResponderCapture,\n        } as any)\n      }\n\n      if (props.href != undefined && hrefAttrs != undefined) {\n        const { download, rel, target } = hrefAttrs\n        if (download != null) {\n          viewProps.download = download\n        }\n        if (rel != null) {\n          viewProps.rel = rel\n        }\n        if (typeof target === 'string') {\n          viewProps.target = target.charAt(0) !== '_' ? '_' + target : target\n        }\n      }\n\n      // FOCUS\n      // \"focusable\" indicates that an element may be a keyboard tab-stop.\n      const _focusable = focusable != undefined ? focusable : accessible\n      const role = viewProps.role\n      if (_focusable === false) {\n        viewProps.tabIndex = '-1'\n      }\n      if (\n        // These native elements are focusable by default\n        elementType === 'a' ||\n        elementType === 'button' ||\n        elementType === 'input' ||\n        elementType === 'select' ||\n        elementType === 'textarea'\n      ) {\n        if (_focusable === false || accessibilityDisabled === true) {\n          viewProps.tabIndex = '-1'\n        }\n      } else if (\n        // These roles are made focusable by default\n        role === 'button' ||\n        role === 'checkbox' ||\n        role === 'link' ||\n        role === 'radio' ||\n        role === 'textbox' ||\n        role === 'switch'\n      ) {\n        if (_focusable !== false) {\n          viewProps.tabIndex = '0'\n        }\n      }\n      // Everything else must explicitly set the prop\n      if (_focusable === true) {\n        viewProps.tabIndex = '0'\n      }\n    } else {\n      viewProps = nonTamaguiProps\n    }\n\n    viewProps.ref = useComposedRefs(hostRef as any, forwardedRef, setMounted)\n\n    if (process.env.NODE_ENV === 'development' && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          // eslint-disable-next-line no-console\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    const unPress = useCallback(() => {\n      setStateShallow({\n        press: false,\n        pressIn: false,\n      })\n    }, [setStateShallow])\n\n    if (!isRSC) {\n      useEffect(() => {\n        return () => {\n          mouseUps.delete(unPress)\n        }\n      }, [unPress])\n    }\n\n    let styles: Record<string, any>[]\n\n    if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {\n      styles = {\n        ...defaultNativeStyle,\n        ...(animationStyles ?? splitStylesStyle),\n        ...medias,\n      }\n    } else {\n      styles = [isWeb ? null : defaultNativeStyle, animationStyles ?? splitStylesStyle, medias]\n\n      // ugly but for now...\n      if (shouldForcePseudo) {\n        const next = {}\n        styles.forEach((style) => Object.assign(next, style))\n        // @ts-ignore\n        Object.assign(splitStyles.style, next)\n      }\n    }\n\n    let fontFamily = isText ? splitStyles.fontFamily || staticConfig.defaultProps.fontFamily : null\n    if (fontFamily && fontFamily[0] === '$') {\n      fontFamily = fontFamily.slice(1)\n    }\n    const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : ''\n\n    const classList = [\n      componentName ? componentClassName : '',\n      fontFamilyClassName,\n      themeIsNew ? theme.className : '',\n      classNames ? Object.values(classNames).join(' ') : '',\n    ]\n    const className = classList.join(' ')\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      const style = animationStyles ?? splitStyles.style\n\n      if (isAnimatedReactNativeWeb) {\n        viewProps.style = style\n      } else if (isReactNative) {\n        const rnwStyle = { $$css: true }\n        for (const name of className.split(' ')) {\n          rnwStyle[name] = name\n        }\n        viewProps.style = [rnwStyle, ...(Array.isArray(style) ? style : [style])]\n        if (process.env.NODE_ENV === 'development') {\n          // turn debug data- props into dataSet in dev mode\n          Object.keys(viewProps).forEach((key) => {\n            if (key.startsWith('data-')) {\n              viewProps.dataSet ??= {}\n              viewProps.dataSet[key.replace('data-', '')] = viewProps[key]\n              delete viewProps[key]\n            }\n          })\n        }\n      } else {\n        viewProps.className = className\n        viewProps.style = style\n      }\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // swap out the right family based on weight/style\n      if (splitStyles.fontFamily) {\n        const faceInfo = tamaguiConfig.fontsParsed[splitStyles.fontFamily]?.face\n        if (faceInfo) {\n          const [weight, style] = (() => {\n            let weight: string | undefined\n            let style: string | undefined\n            for (let i = styles.length; i >= 0; i--) {\n              weight ??= styles[i]?.fontWeight\n              style ??= styles[i]?.fontStyle\n            }\n            return [weight || '400', style || 'normal'] as const\n          })()\n          const overrideFace = faceInfo[weight]?.[style]?.val\n          if (overrideFace) {\n            for (const style of styles) {\n              if (style?.fontFamily) {\n                style.fontFamily = overrideFace\n                delete style.fontWeight\n                delete style.fontStyle\n              }\n            }\n          }\n        }\n      }\n\n      // assign styles\n      viewProps.style = styles\n    }\n\n    const runtimePressStyle = !disabled && noClassNames && pseudos?.pressStyle\n    const attachPress = !!(runtimePressStyle || onPress || onPressOut || onPressIn || onClick)\n    const runtimeHoverStyle = !disabled && noClassNames && pseudos?.hoverStyle\n    const isHoverable =\n      isWeb && !!(runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    const handlesPressEvents = !isWeb && !asChild\n\n    // check presence rather than value to prevent reparenting bugs\n    // allows for onPress={x ? function : undefined} without re-ordering dom\n    const shouldAttach = asChild\n      ? false\n      : Boolean(\n          attachPress ||\n            isHoverable ||\n            'pressStyle' in props ||\n            'onPress' in props ||\n            'onPressIn' in props ||\n            'onPressOut' in props ||\n            (isWeb &&\n              ('hoverStyle' in props ||\n                'onHoverIn' in props ||\n                'onHoverOut' in props ||\n                'onMouseEnter' in props ||\n                'onMouseLeave' in props))\n        )\n\n    const events =\n      shouldAttach && !isRSC && !isDisabled\n        ? {\n            onPressOut: attachPress\n              ? (e) => {\n                  unPress()\n                  onPressOut?.(e)\n                  onMouseUp?.(e)\n                }\n              : undefined,\n            ...(isHoverable && {\n              onMouseEnter: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    if (isHoverable) {\n                      next.hover = true\n                    }\n                    if (state.pressIn) {\n                      next.press = true\n                    }\n                    if (isHoverable || state.pressIn) {\n                      setStateShallow(next)\n                    }\n                    onHoverIn?.(e)\n                    onMouseEnter?.(e)\n                  }\n                : undefined,\n              onMouseLeave: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    mouseUps.add(unPress)\n                    if (isHoverable) {\n                      next.hover = false\n                    }\n                    if (state.pressIn) {\n                      next.press = false\n                      next.pressIn = false\n                    }\n                    if (Object.keys(next).length) {\n                      setStateShallow(next)\n                    }\n                    onHoverOut?.(e)\n                    onMouseLeave?.(e)\n                  }\n                : undefined,\n            }),\n            onPressIn: attachPress\n              ? (e) => {\n                  setStateShallow({\n                    press: true,\n                    pressIn: true,\n                    hover: false,\n                  })\n                  onPressIn?.(e)\n                  onMouseDown?.(e)\n                  if (isWeb) {\n                    mouseUps.add(unPress)\n                  }\n                }\n              : undefined,\n            onPress: attachPress\n              ? (e) => {\n                  unPress()\n                  // @ts-ignore\n                  onClick?.(e)\n                  onPress?.(e)\n                }\n              : undefined,\n\n            // replicating TouchableWithoutFeedback\n            ...(!isWeb && {\n              cancelable: !props.rejectResponderTermination,\n              disabled: isDisabled,\n              hitSlop: props.hitSlop,\n              delayLongPress: props.delayLongPress,\n              delayPressIn: props.delayPressIn,\n              delayPressOut: props.delayPressOut,\n              focusable: viewProps.focusable ?? true,\n              minPressDuration: 0,\n            }),\n          }\n        : null\n\n    let space = spaceProp\n\n    // find space by media query\n    if (state.mediaState && mediaKeys.length) {\n      for (const key in state.mediaState) {\n        if (key in state.mediaState && key in props && props[key].space !== undefined) {\n          space = props[key].space\n        }\n      }\n    }\n\n    const themeShouldReset = Boolean(themeShallow && themeManager && themeIsNew)\n    const shouldProvideThemeManager = themeShouldReset || (themeManager && themeIsNew)\n\n    // memoize to avoid re-parenting\n    if (shouldProvideThemeManager) {\n      stateRef.current.hasProvidedThemeManager = true\n    }\n    if (themeShouldReset) {\n      stateRef.current.themeShouldReset = true\n    }\n\n    const childEls =\n      !children || asChild\n        ? children\n        : wrapThemeManagerContext(\n            spacedChildren({\n              separator,\n              children,\n              space,\n              direction: props.spaceDirection || 'both',\n              isZStack,\n            }),\n            // only set context if changed theme\n            stateRef.current.hasProvidedThemeManager ? themeManager : undefined,\n            stateRef.current.themeShouldReset\n          )\n\n    let content: any\n\n    if (asChild) {\n      elementType = Slot\n      viewProps = {\n        ...viewProps,\n        onPress,\n        onPressIn,\n        onPressOut,\n      }\n    }\n\n    // EVENTS native\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // add focus events\n      const attachFocus = !!pseudos.focusStyle\n      if (attachFocus) {\n        viewProps.onFocus = mergeEvent(viewProps.onFocus, () => {\n          setStateShallow({ focus: true })\n        })\n        viewProps.onBlur = mergeEvent(viewProps.onBlur, () => {\n          setStateShallow({ focus: false })\n        })\n      }\n\n      // use Pressability to get smooth unPress when you press + hold + move out\n      // only ever create once, use .configure() to update later\n      const pressability = usePressability(events ? { ...events, hitSlop } : {})\n      if (attachPress && events) {\n        for (const key in pressability) {\n          const og = props[key]\n          const val = pressability[key]\n          viewProps[key] =\n            og && !dontComposePressabilityKeys[key] ? composeEventHandlers(og, val) : val\n        }\n      }\n    }\n\n    content = createElement(elementType, viewProps, childEls)\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (events || isAnimatedReactNativeWeb) {\n        content = (\n          <span\n            className={(isAnimatedReactNativeWeb ? className : '') + `  _dsp_contents`}\n            {...(events && {\n              onMouseEnter: events.onMouseEnter,\n              onMouseLeave: events.onMouseLeave,\n              onClick: events.onPress,\n              onMouseDown: events.onPressIn,\n              onMouseUp: events.onPressOut,\n              onTouchStart: events.onPressIn,\n              onTouchEnd: events.onPressOut,\n            })}\n          >\n            {content}\n          </span>\n        )\n      }\n    }\n\n    if (process.env.NODE_ENV === 'development' && process.env.DEBUG !== 'tamagui') {\n      if (debugProp) {\n        const element = typeof elementType === 'string' ? elementType : 'Component'\n        // eslint-disable-next-line no-console\n        console.groupCollapsed(`render <${element} /> with props`, viewProps)\n        for (const key in viewProps) {\n          // eslint-disable-next-line no-console\n          console.log(key, viewProps[key])\n        }\n        // eslint-disable-next-line no-console\n        console.log('children', content)\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n        if (typeof window !== 'undefined') {\n          // prettier-ignore\n          // eslint-disable-next-line no-console\n          console.log({ state, shouldProvideThemeManager, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, defaultNativeStyle, ...(typeof window !== 'undefined' ? { theme, themeClassName:  theme.className, staticConfig, tamaguiConfig, events, shouldAvoidClasses, shouldForcePseudo, classNames: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, getAllSelectors()[v]])) } : null) })\n        }\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n      }\n    }\n\n    return content\n  })\n\n  if (staticConfig.componentName) {\n    component.displayName = staticConfig.componentName\n  }\n\n  onConfiguredOnce((conf) => {\n    // one time only setup\n    if (!tamaguiConfig) {\n      tamaguiConfig = conf\n\n      if (!defaultComponentState) {\n        defaultComponentState = {\n          hover: false,\n          press: false,\n          pressIn: false,\n          focus: false,\n          unmounted: true,\n          mediaState: getMediaStateObject(getInitialMediaState()),\n        }\n        defaultComponentStateMounted = {\n          ...defaultComponentState,\n          unmounted: false,\n        }\n      }\n\n      if (tamaguiConfig.animations) {\n        AnimatedText = tamaguiConfig.animations.Text\n        AnimatedView = tamaguiConfig.animations.View\n      }\n\n      if (!initialTheme) {\n        const next = conf.themes[Object.keys(conf.themes)[0]]\n        initialTheme = proxyThemeVariables(next)\n        if (process.env.NODE_ENV === 'development') {\n          if (!initialTheme) {\n            // eslint-disable-next-line no-console\n            console.log(`Warning: Missing theme`)\n          }\n        }\n      }\n    }\n\n    // per-component setup\n    // do this to make sure shorthands don't duplicate with.. longhands\n    mergeShorthands(staticConfig, tamaguiConfig)\n\n    let defaultPropsIn = staticConfig.defaultProps || {}\n\n    // because we run createTamagui after styled() defs, have to do some work here\n    // gather defaults props one time and merge downwards\n    // find last unprocessed and process\n    const parentNames = [...(staticConfig.parentNames || []), staticConfig.componentName]\n\n    if (tamaguiConfig.defaultProps && parentNames && staticConfig.componentName) {\n      defaultPropsIn = mergeConfigDefaultProps(\n        staticConfig.componentName,\n        defaultPropsIn,\n        tamaguiConfig.defaultProps,\n        parentNames,\n        tamaguiConfig\n      )\n    }\n\n    const debug = defaultPropsIn['debug']\n\n    // remove all classNames\n    const [ourProps, ourClassNames] = mergeProps(defaultPropsIn, {})\n\n    if (ourProps.tag) {\n      defaultTag = ourProps.tag\n    }\n\n    const noClassNames = !staticConfig.acceptsClassName\n    const { name, variants, defaultVariants, ...restProps } = ourProps\n\n    // must preserve prop order\n    // leave out className because we handle that already with initialSplitStyles.classNames\n    // otherwise it confuses variant functions getting className props\n    const [defaults, defaultsClassnames] = mergeProps(component.defaultProps as any, {\n      ...defaultVariants,\n      ...restProps,\n    })\n\n    defaultNativeStyle = {}\n\n    const validStyles = staticConfig.validStyles || stylePropsView\n\n    // split - keep variables on props to be processed using theme values at runtime (native)\n    if (!isWeb) {\n      for (const key in staticConfig.defaultProps) {\n        const val = staticConfig.defaultProps[key]\n        if (validPseudoKeys[key]) continue\n        if ((typeof val === 'string' && val[0] === '$') || !validStyles[key]) {\n          defaults[key] = val\n        } else {\n          defaultNativeStyle[key] = val\n        }\n      }\n    }\n\n    // set to global\n    tamaguiDefaultProps = defaults\n\n    // add debug logs\n    if (process.env.NODE_ENV === 'development' && debug) {\n      if (process.env.IS_STATIC !== 'is_static') {\n        // prettier-ignore\n        // eslint-disable-next-line no-console\n        console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, { staticConfig, tamaguiDefaultProps, defaultNativeStyle, defaults, defaultPropsIn, defaultPropsKeyOrder: Object.keys(staticConfig.defaultProps), defaultPropsInKeyOrder: Object.keys(defaultPropsIn).map((k) => [k, defaultPropsIn[k]]), ourProps, ourClassNames, defaultsClassnames, defaultTag, noClassNames, })\n      }\n    }\n  })\n\n  let res: TamaguiComponent<ComponentPropTypes, Ref, BaseProps> = component as any\n\n  if (configIn.memo) {\n    res = memo(res) as any\n  }\n\n  res.staticConfig = {\n    validStyles: staticConfig.validStyles || stylePropsView,\n    ...staticConfig,\n  }\n\n  // res.extractable HoC\n  res.extractable = (Component: any, conf?: Partial<StaticConfig>) => {\n    Component.staticConfig = extendStaticConfig(\n      {\n        Component,\n        ...conf,\n        neverFlatten: true,\n        defaultProps: {\n          ...Component.defaultProps,\n          ...conf?.defaultProps,\n        },\n      },\n      res\n    )\n    return Component\n  }\n\n  return res\n}\n\n// for elements to avoid spacing\nexport const Unspaced = (props: { children?: any }) => {\n  return props.children\n}\nUnspaced['isUnspaced'] = true\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<SpacerProps>({\n  memo: true,\n  componentName: 'Spacer',\n  validStyles,\n\n  defaultProps: {\n    ...stackDefaultStyles,\n    // avoid nesting issues\n    tag: 'span',\n    size: true,\n  },\n\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        const sizePx = tokens.space[size] ?? size\n        return {\n          width: sizePx,\n          height: sizePx,\n          minWidth: sizePx,\n          minHeight: sizePx,\n        }\n      },\n    },\n\n    flex: {\n      true: {\n        flexGrow: 1,\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n        minHeight: 0,\n      },\n      vertical: {\n        width: 0,\n        minWidth: 0,\n      },\n      both: {},\n    },\n  } as const,\n})\n\nexport type SpacedChildrenProps = {\n  isZStack?: boolean\n  children?: React.ReactNode\n  space?: SpaceTokens | number | null\n  spaceFlex?: boolean | number\n  direction?: SpaceDirection\n  separator?: React.ReactNode\n}\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  direction,\n  spaceFlex,\n  separator,\n}: SpacedChildrenProps) {\n  const hasSpace = !!(space || spaceFlex)\n  const hasSeparator = !(separator === undefined || separator === null)\n  if (!hasSpace && !hasSeparator && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  if (childrenList.length <= 1 && !isZStack) {\n    return childrenList\n  }\n  const final: React.ReactNode[] = []\n  for (const [index, child] of childrenList.entries()) {\n    const isEmpty =\n      child === null || child === undefined || (Array.isArray(child) && child.length === 0)\n    // push them all, but wrap some in Fragment\n    if (isEmpty || !child || (child['key'] && !isZStack)) {\n      final.push(child)\n    } else {\n      final.push(\n        <Fragment key={index}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\n      )\n    }\n\n    // first child unspaced avoid insert space\n    if (isUnspaced(child) && index === 0) continue\n    // no spacing on ZStack\n    if (isZStack) continue\n\n    const next = childrenList[index + 1]\n\n    if (next && !isUnspaced(next)) {\n      if (separator) {\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}_00tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n        final.push(\n          React.isValidElement(separator)\n            ? React.cloneElement(separator, { key: `sep_${index}` })\n            : separator\n        )\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}01tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n      } else {\n        final.push(\n          createSpacer({\n            key: `_${index}02tmgui`,\n            direction,\n            space,\n            spaceFlex,\n          })\n        )\n      }\n    }\n  }\n\n  return final\n}\n\ntype CreateSpacerProps = SpacedChildrenProps & { key: string }\n\nfunction createSpacer({ key, direction, space, spaceFlex }: CreateSpacerProps) {\n  return (\n    // @ts-ignore this one blew up but the types seem better\n    <Spacer\n      key={key}\n      size={space}\n      direction={direction}\n      {...(typeof spaceFlex !== 'undefined' && {\n        flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex,\n      })}\n    />\n  )\n}\n\nfunction isUnspaced(child: React.ReactNode) {\n  // console.log('unspaced?', child, getMedia())\n  return child?.['type']?.['isVisuallyHidden'] || child?.['type']?.['isUnspaced']\n}\n\nconst DefaultProps = new Map()\n\nfunction mergeConfigDefaultProps(\n  name: string,\n  props: Record<string, any>,\n  configDefaults: Record<string, Object>,\n  parentNames: (string | undefined)[],\n  conf: TamaguiInternalConfig\n) {\n  const len = parentNames.length\n  let prev\n\n  for (let i = 0; i < len; i++) {\n    const n = parentNames[i]\n    if (!n) continue\n    if (DefaultProps.has(n)) {\n      prev = DefaultProps.get(n)\n      continue\n    }\n    const props = configDefaults[n]\n    if (!props) {\n      if (prev) {\n        DefaultProps.set(n, prev)\n      }\n      continue\n    }\n    prev = mergeProps(prev || {}, props, false, conf.inverseShorthands)[0]\n    DefaultProps.set(n, prev)\n  }\n\n  // overwrite the user defined defaults on top of internal defined defaults\n  const ourDefaultsMerged = DefaultProps.get(name)\n  if (ourDefaultsMerged) {\n    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0]\n  }\n  return props\n}\n\n// react native compat (web only)\nfunction usePlatformMethods(hostRef: RefObject<Element>) {\n  useIsomorphicLayoutEffect(() => {\n    const node = hostRef.current\n    if (!node) return\n    // @ts-ignore\n    node.measure = (callback) => measureLayout(node, null, callback)\n    // @ts-ignore\n    node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success)\n    // @ts-ignore\n    node.measureInWindow = (callback) => {\n      if (!node) return\n      setTimeout(() => {\n        const { height, left, top, width } = getRect(node as HTMLElement)!\n        callback(left, top, width, height)\n      }, 0)\n    }\n  }, [hostRef])\n}\n\nconst AbsoluteFill: any = createComponent({\n  componentName: 'AbsoluteFill',\n  defaultProps: {\n    ...stackDefaultStyles,\n    flexDirection: 'column',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    pointerEvents: 'box-none',\n  },\n})\n\nconst dontComposePressabilityKeys = {\n  onClick: true,\n}\n\nfunction getMediaStateObject(obj: Object) {\n  return Object.fromEntries(Object.entries(obj).flatMap(([k, v]) => (v ? [[`$${k}`, v]] : [])))\n}\n"],
+  "mappings": "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",
   "names": ["import_constants", "_a", "_b", "weight", "style", "element", "validStyles", "React", "props"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useMedia.tsx"],
-  "sourcesContent": ["import { useDeferredValue, useEffect, useMemo, useSyncExternalStore } from 'react'\n\nimport { getConfig } from '../config'\nimport { createProxy } from '../helpers/createProxy'\nimport { matchMedia } from '../helpers/matchMedia'\nimport {\n  MediaQueries,\n  MediaQueryKey,\n  MediaQueryObject,\n  MediaQueryState,\n  TamaguiInternalConfig,\n} from '../types'\nimport { useSafeRef } from './useSafeRef'\n\nexport const mediaState: MediaQueryState =\n  // development time safeguard\n  process.env.NODE_ENV === 'development'\n    ? createProxy(\n        {},\n        {\n          get(target, key) {\n            if (\n              typeof key === 'string' &&\n              key[0] === '$' &&\n              // dont error on $$typeof\n              key[1] !== '$'\n            ) {\n              throw new Error(`Access mediaState should not use \"$\": ${key}`)\n            }\n            return Reflect.get(target, key)\n          },\n        }\n      )\n    : ({} as any)\n\ntype MediaListener = (next: boolean) => void\n\nconst listeners: { [key: string]: Set<MediaListener> } = {}\n\nexport function addMediaQueryListener(key: MediaQueryKey, cb: MediaListener) {\n  if (process.env.NODE_ENV === 'development' && key[0] === '$') {\n    // eslint-disable-next-line no-console\n    console.warn(`Warning, listening to media queries shouldn't use the \"$\" prefix`)\n  }\n  listeners[key] = listeners[key] || new Set()\n  listeners[key].add(cb)\n  return () => removeMediaQueryListener(key, cb)\n}\n\nexport function removeMediaQueryListener(key: MediaQueryKey, cb: MediaListener) {\n  listeners[key]?.delete(cb)\n}\n\nexport const mediaQueryConfig: MediaQueries = {}\n\nexport const getMedia = () => mediaState\n\n// for SSR capture it at time of startup\nlet initState: MediaQueryState\nexport const getInitialMediaState = () => {\n  return (getConfig().disableSSR ? mediaState : initState) || {}\n}\n\nlet mediaKeysOrdered: string[]\nexport const getMediaKeyImportance = (key: string) =>\n  // + 2 because we set base usedKeys=1 in getSplitStyles and all media go above 1\n  mediaKeysOrdered.indexOf(key[0] === '$' ? key.slice(1) : key) + 2\n\nconst dispose = new Set<Function>()\n\nexport const configureMedia = (config: TamaguiInternalConfig) => {\n  const { media, mediaQueryDefaultActive } = config\n  if (!media) return\n  for (const key in media) {\n    mediaState[key] = mediaQueryDefaultActive?.[key] || false\n  }\n  Object.assign(mediaQueryConfig, media)\n  initState = { ...mediaState }\n  updateCurrentState()\n  mediaKeysOrdered = Object.keys(media)\n  if (config.disableSSR) {\n    setupMediaListeners()\n  }\n}\n\nfunction unlisten() {\n  dispose.forEach((cb) => cb())\n  dispose.clear()\n}\n\n/**\n * Note: This should *not* set the state on the first render!\n * Because to avoid hydration issues SSR must match the server\n * *and then* re-render with the actual media query state.\n */\nlet configuredKey = ''\nfunction setupMediaListeners() {\n  // avoid setting up more than once per config\n  const nextKey = JSON.stringify(mediaQueryConfig)\n  if (nextKey === configuredKey) {\n    return\n  }\n  configuredKey = nextKey\n\n  // hmr, undo existing before re-binding\n  unlisten()\n\n  for (const key in mediaQueryConfig) {\n    const str = mediaObjectToString(mediaQueryConfig[key])\n    const getMatch = () => matchMedia(str)\n    const match = getMatch()\n    if (!match) {\n      throw new Error('\u26A0\uFE0F No match')\n    }\n    // react native needs these deprecated apis for now\n    match.addListener(update)\n    dispose.add(() => match.removeListener(update))\n\n    update()\n\n    function update() {\n      const next = !!getMatch().matches\n      if (next === mediaState[key]) return\n      mediaState[key] = next\n      updateCurrentState()\n      const cur = listeners[key]\n      if (cur?.size) {\n        cur.forEach((cb) => cb(next))\n      }\n    }\n  }\n}\n\nexport function useMediaListeners(config: TamaguiInternalConfig) {\n  if (config.disableSSR) return\n  useEffect(() => {\n    setupMediaListeners()\n    return unlisten\n  }, [])\n}\n\nconst currentStateListeners = new Set<any>()\nfunction updateCurrentState() {\n  currentStateListeners.forEach((cb) => cb(mediaState))\n}\nfunction subscribe(subscriber: any) {\n  currentStateListeners.add(subscriber)\n  return () => currentStateListeners.delete(subscriber)\n}\n\ntype MediaKeysState = {\n  [key: string]: any\n}\n\nexport function useMedia(): {\n  [key in MediaQueryKey]: boolean\n} {\n  const keys = useSafeRef<MediaKeysState>({ prev: initState })\n  const stateSync = useSyncExternalStore<MediaQueryState>(\n    subscribe,\n    () => {\n      const { prev, ...curKeys } = keys.current\n      const shouldUpdate = !prev || Object.keys(curKeys).some((k) => mediaState[k] !== prev[k])\n      if (shouldUpdate) {\n        const next = { ...mediaState }\n        keys.current.prev = next\n        return next\n      }\n      return prev\n    },\n    () => initState\n  )\n  const state = useDeferredValue(stateSync)\n\n  return useMemo(() => {\n    return new Proxy(state, {\n      get(_, key: string) {\n        if (!keys.current[key]) {\n          keys.current[key] = true\n        }\n        return Reflect.get(state, key)\n      },\n    })\n  }, [state])\n}\n\n/**\n * Useful for more complex components that need access to the currently active props,\n * accounting for the currently active media queries.\n *\n * Use sparingly, is will loop props and trigger re-render on all media queries.\n *\n * */\nexport function useMediaPropsActive<A extends Object>(\n  props: A\n): {\n  // remove all media\n  [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key]\n} {\n  const media = useMedia()\n\n  return useMemo(() => {\n    const next = {} as A\n    const importancesUsed = {}\n    const propNames = Object.keys(props)\n\n    for (let i = propNames.length - 1; i >= 0; i--) {\n      const key = propNames[i]\n      const val = props[key]\n      if (key[0] === '$') {\n        if (!media[key.slice(1)]) {\n          continue\n        }\n        if (val && typeof val === 'object') {\n          const subKeys = Object.keys(val)\n          for (let j = subKeys.length; j--; j >= 0) {\n            const subKey = subKeys[j]\n            mergeMediaByImportance(next, subKey, val[subKey], importancesUsed)\n          }\n        }\n      } else {\n        mergeMediaByImportance(next, key, val, importancesUsed)\n      }\n    }\n\n    return next\n  }, [media, props])\n}\n\nexport function mergeMediaByImportance(\n  onto: Record<string, any>,\n  key: string,\n  value: any,\n  importancesUsed: Record<string, number>\n) {\n  const importance = getMediaKeyImportance(key)\n  if (importancesUsed[key] > importance) {\n    return false\n  }\n  importancesUsed[key] = importance\n  onto[key] = value\n  return true\n}\n\nfunction camelToHyphen(str: string) {\n  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase()\n}\n\nexport function mediaObjectToString(query: string | MediaQueryObject) {\n  if (typeof query === 'string') {\n    return query\n  }\n  return Object.entries(query)\n    .map(([feature, value]) => {\n      feature = camelToHyphen(feature)\n      if (typeof value === 'string') {\n        return `(${feature}: ${value})`\n      }\n      if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n        value = `${value}px`\n      }\n      return `(${feature}: ${value})`\n    })\n    .join(' and ')\n}\n"],
+  "sourcesContent": ["import { useDeferredValue, useEffect, useMemo, useSyncExternalStore } from 'react'\n\nimport { getConfig } from '../config'\nimport { createProxy } from '../helpers/createProxy'\nimport { matchMedia } from '../helpers/matchMedia'\nimport {\n  MediaQueries,\n  MediaQueryKey,\n  MediaQueryObject,\n  MediaQueryState,\n  TamaguiInternalConfig,\n} from '../types'\nimport { useSafeRef } from './useSafeRef'\n\nexport const mediaState: MediaQueryState =\n  // development only safeguard\n  process.env.NODE_ENV === 'development'\n    ? createProxy(\n        {},\n        {\n          get(target, key) {\n            if (\n              typeof key === 'string' &&\n              key[0] === '$' &&\n              // dont error on $$typeof\n              key[1] !== '$'\n            ) {\n              throw new Error(`Access mediaState should not use \"$\": ${key}`)\n            }\n            return Reflect.get(target, key)\n          },\n        }\n      )\n    : ({} as any)\n\ntype MediaListener = (next: boolean) => void\n\nconst listeners: { [key: string]: Set<MediaListener> } = {}\n\nexport function addMediaQueryListener(key: MediaQueryKey, cb: MediaListener) {\n  if (process.env.NODE_ENV === 'development' && key[0] === '$') {\n    // eslint-disable-next-line no-console\n    console.warn(`Warning, listening to media queries shouldn't use the \"$\" prefix`)\n  }\n  listeners[key] = listeners[key] || new Set()\n  listeners[key].add(cb)\n  return () => removeMediaQueryListener(key, cb)\n}\n\nexport function removeMediaQueryListener(key: MediaQueryKey, cb: MediaListener) {\n  listeners[key]?.delete(cb)\n}\n\nexport const mediaQueryConfig: MediaQueries = {}\n\nexport const getMedia = () => mediaState\n\n// for SSR capture it at time of startup\nlet initState: MediaQueryState\nexport const getInitialMediaState = () => {\n  return (getConfig().disableSSR ? mediaState : initState) || {}\n}\n\nlet mediaKeysOrdered: string[]\nexport const getMediaKeyImportance = (key: string) =>\n  // + 2 because we set base usedKeys=1 in getSplitStyles and all media go above 1\n  mediaKeysOrdered.indexOf(key[0] === '$' ? key.slice(1) : key) + 2\n\nconst dispose = new Set<Function>()\n\nexport const configureMedia = (config: TamaguiInternalConfig) => {\n  const { media, mediaQueryDefaultActive } = config\n  if (!media) return\n  for (const key in media) {\n    mediaState[key] = mediaQueryDefaultActive?.[key] || false\n  }\n  Object.assign(mediaQueryConfig, media)\n  initState = { ...mediaState }\n  updateCurrentState()\n  mediaKeysOrdered = Object.keys(media)\n  if (config.disableSSR) {\n    setupMediaListeners()\n  }\n}\n\nfunction unlisten() {\n  dispose.forEach((cb) => cb())\n  dispose.clear()\n}\n\n/**\n * Note: This should *not* set the state on the first render!\n * Because to avoid hydration issues SSR must match the server\n * *and then* re-render with the actual media query state.\n */\nlet configuredKey = ''\nfunction setupMediaListeners() {\n  // avoid setting up more than once per config\n  const nextKey = JSON.stringify(mediaQueryConfig)\n  if (nextKey === configuredKey) {\n    return\n  }\n  configuredKey = nextKey\n\n  // hmr, undo existing before re-binding\n  unlisten()\n\n  for (const key in mediaQueryConfig) {\n    const str = mediaObjectToString(mediaQueryConfig[key])\n    const getMatch = () => matchMedia(str)\n    const match = getMatch()\n    if (!match) {\n      throw new Error('\u26A0\uFE0F No match')\n    }\n    // react native needs these deprecated apis for now\n    match.addListener(update)\n    dispose.add(() => match.removeListener(update))\n\n    update()\n\n    function update() {\n      const next = !!getMatch().matches\n      if (next === mediaState[key]) return\n      mediaState[key] = next\n      updateCurrentState()\n      const cur = listeners[key]\n      if (cur?.size) {\n        cur.forEach((cb) => cb(next))\n      }\n    }\n  }\n}\n\nexport function useMediaListeners(config: TamaguiInternalConfig) {\n  if (config.disableSSR) return\n  useEffect(() => {\n    setupMediaListeners()\n    return unlisten\n  }, [])\n}\n\nconst currentStateListeners = new Set<any>()\nfunction updateCurrentState() {\n  currentStateListeners.forEach((cb) => cb(mediaState))\n}\nfunction subscribe(subscriber: any) {\n  currentStateListeners.add(subscriber)\n  return () => currentStateListeners.delete(subscriber)\n}\n\ntype MediaKeysState = {\n  [key: string]: any\n}\n\nexport function useMedia(): {\n  [key in MediaQueryKey]: boolean\n} {\n  const keys = useSafeRef<MediaKeysState>({ prev: initState })\n  const stateSync = useSyncExternalStore<MediaQueryState>(\n    subscribe,\n    () => {\n      const { prev, ...curKeys } = keys.current\n      const shouldUpdate = !prev || Object.keys(curKeys).some((k) => mediaState[k] !== prev[k])\n      if (shouldUpdate) {\n        const next = { ...mediaState }\n        keys.current.prev = next\n        return next\n      }\n      return prev\n    },\n    () => initState\n  )\n  const state = useDeferredValue(stateSync)\n\n  return useMemo(() => {\n    return new Proxy(state, {\n      get(_, key: string) {\n        if (!keys.current[key]) {\n          keys.current[key] = true\n        }\n        return Reflect.get(state, key)\n      },\n    })\n  }, [state])\n}\n\n/**\n * Useful for more complex components that need access to the currently active props,\n * accounting for the currently active media queries.\n *\n * Use sparingly, is will loop props and trigger re-render on all media queries.\n *\n * */\nexport function useMediaPropsActive<A extends Object>(\n  props: A\n): {\n  // remove all media\n  [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key]\n} {\n  const media = useMedia()\n\n  return useMemo(() => {\n    const next = {} as A\n    const importancesUsed = {}\n    const propNames = Object.keys(props)\n\n    for (let i = propNames.length - 1; i >= 0; i--) {\n      const key = propNames[i]\n      const val = props[key]\n      if (key[0] === '$') {\n        if (!media[key.slice(1)]) {\n          continue\n        }\n        if (val && typeof val === 'object') {\n          const subKeys = Object.keys(val)\n          for (let j = subKeys.length; j--; j >= 0) {\n            const subKey = subKeys[j]\n            mergeMediaByImportance(next, subKey, val[subKey], importancesUsed)\n          }\n        }\n      } else {\n        mergeMediaByImportance(next, key, val, importancesUsed)\n      }\n    }\n\n    return next\n  }, [media, props])\n}\n\nexport function mergeMediaByImportance(\n  onto: Record<string, any>,\n  key: string,\n  value: any,\n  importancesUsed: Record<string, number>\n) {\n  const importance = getMediaKeyImportance(key)\n  if (importancesUsed[key] > importance) {\n    return false\n  }\n  importancesUsed[key] = importance\n  onto[key] = value\n  return true\n}\n\nfunction camelToHyphen(str: string) {\n  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase()\n}\n\nexport function mediaObjectToString(query: string | MediaQueryObject) {\n  if (typeof query === 'string') {\n    return query\n  }\n  return Object.entries(query)\n    .map(([feature, value]) => {\n      feature = camelToHyphen(feature)\n      if (typeof value === 'string') {\n        return `(${feature}: ${value})`\n      }\n      if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n        value = `${value}px`\n      }\n      return `(${feature}: ${value})`\n    })\n    .join(' and ')\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2E;AAE3E,oBAA0B;AAC1B,yBAA4B;AAC5B,wBAA2B;AAQ3B,wBAA2B;AAEpB,MAAM,aAEX,QAAQ,IAAI,aAAa,oBACrB;AAAA,EACE,CAAC;AAAA,EACD;AAAA,IACE,IAAI,QAAQ,KAAK;AACf,UACE,OAAO,QAAQ,YACf,IAAI,OAAO,OAEX,IAAI,OAAO,KACX;AACA,cAAM,IAAI,MAAM,yCAAyC,KAAK;AAAA,MAChE;AACA,aAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,IAChC;AAAA,EACF;AACF,IACC,CAAC;AAIR,MAAM,YAAmD,CAAC;AAEnD,SAAS,sBAAsB,KAAoB,IAAmB;AAC3E,MAAI,QAAQ,IAAI,aAAa,iBAAiB,IAAI,OAAO,KAAK;AAE5D,YAAQ,KAAK,kEAAkE;AAAA,EACjF;AACA,YAAU,OAAO,UAAU,QAAQ,oBAAI,IAAI;AAC3C,YAAU,KAAK,IAAI,EAAE;AACrB,SAAO,MAAM,yBAAyB,KAAK,EAAE;AAC/C;AAEO,SAAS,yBAAyB,KAAoB,IAAmB;AAjDhF;AAkDE,kBAAU,SAAV,mBAAgB,OAAO;AACzB;AAEO,MAAM,mBAAiC,CAAC;AAExC,MAAM,WAAW,MAAM;AAG9B,IAAI;AACG,MAAM,uBAAuB,MAAM;AACxC,cAAQ,yBAAU,EAAE,aAAa,aAAa,cAAc,CAAC;AAC/D;AAEA,IAAI;AACG,MAAM,wBAAwB,CAAC,QAEpC,iBAAiB,QAAQ,IAAI,OAAO,MAAM,IAAI,MAAM,CAAC,IAAI,GAAG,IAAI;AAElE,MAAM,UAAU,oBAAI,IAAc;AAE3B,MAAM,iBAAiB,CAAC,WAAkC;AAC/D,QAAM,EAAE,OAAO,wBAAwB,IAAI;AAC3C,MAAI,CAAC;AAAO;AACZ,aAAW,OAAO,OAAO;AACvB,eAAW,QAAO,mEAA0B,SAAQ;AAAA,EACtD;AACA,SAAO,OAAO,kBAAkB,KAAK;AACrC,cAAY,EAAE,GAAG,WAAW;AAC5B,qBAAmB;AACnB,qBAAmB,OAAO,KAAK,KAAK;AACpC,MAAI,OAAO,YAAY;AACrB,wBAAoB;AAAA,EACtB;AACF;AAEA,SAAS,WAAW;AAClB,UAAQ,QAAQ,CAAC,OAAO,GAAG,CAAC;AAC5B,UAAQ,MAAM;AAChB;AAOA,IAAI,gBAAgB;AACpB,SAAS,sBAAsB;AAE7B,QAAM,UAAU,KAAK,UAAU,gBAAgB;AAC/C,MAAI,YAAY,eAAe;AAC7B;AAAA,EACF;AACA,kBAAgB;AAGhB,WAAS;AAET,aAAW,OAAO,kBAAkB;AAalC,QAASA,UAAT,WAAkB;AAChB,YAAM,OAAO,CAAC,CAAC,SAAS,EAAE;AAC1B,UAAI,SAAS,WAAW;AAAM;AAC9B,iBAAW,OAAO;AAClB,yBAAmB;AACnB,YAAM,MAAM,UAAU;AACtB,UAAI,2BAAK,MAAM;AACb,YAAI,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AAAA,MAC9B;AAAA,IACF;AATS,iBAAAA;AAZT,UAAM,MAAM,oBAAoB,iBAAiB,IAAI;AACrD,UAAM,WAAW,UAAM,8BAAW,GAAG;AACrC,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,OAAO;AACV,YAAM,IAAI,MAAM,uBAAa;AAAA,IAC/B;AAEA,UAAM,YAAYA,OAAM;AACxB,YAAQ,IAAI,MAAM,MAAM,eAAeA,OAAM,CAAC;AAE9C,IAAAA,QAAO;AAAA,EAYT;AACF;AAEO,SAAS,kBAAkB,QAA+B;AAC/D,MAAI,OAAO;AAAY;AACvB,8BAAU,MAAM;AACd,wBAAoB;AACpB,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACP;AAEA,MAAM,wBAAwB,oBAAI,IAAS;AAC3C,SAAS,qBAAqB;AAC5B,wBAAsB,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC;AACtD;AACA,SAAS,UAAU,YAAiB;AAClC,wBAAsB,IAAI,UAAU;AACpC,SAAO,MAAM,sBAAsB,OAAO,UAAU;AACtD;AAMO,SAAS,WAEd;AACA,QAAM,WAAO,8BAA2B,EAAE,MAAM,UAAU,CAAC;AAC3D,QAAM,gBAAY;AAAA,IAChB;AAAA,IACA,MAAM;AACJ,YAAM,EAAE,SAAS,QAAQ,IAAI,KAAK;AAClC,YAAM,eAAe,CAAC,QAAQ,OAAO,KAAK,OAAO,EAAE,KAAK,CAAC,MAAM,WAAW,OAAO,KAAK,EAAE;AACxF,UAAI,cAAc;AAChB,cAAM,OAAO,EAAE,GAAG,WAAW;AAC7B,aAAK,QAAQ,OAAO;AACpB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,EACR;AACA,QAAM,YAAQ,+BAAiB,SAAS;AAExC,aAAO,sBAAQ,MAAM;AACnB,WAAO,IAAI,MAAM,OAAO;AAAA,MACtB,IAAI,GAAG,KAAa;AAClB,YAAI,CAAC,KAAK,QAAQ,MAAM;AACtB,eAAK,QAAQ,OAAO;AAAA,QACtB;AACA,eAAO,QAAQ,IAAI,OAAO,GAAG;AAAA,MAC/B;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,CAAC;AACZ;AASO,SAAS,oBACd,OAIA;AACA,QAAM,QAAQ,SAAS;AAEvB,aAAO,sBAAQ,MAAM;AACnB,UAAM,OAAO,CAAC;AACd,UAAM,kBAAkB,CAAC;AACzB,UAAM,YAAY,OAAO,KAAK,KAAK;AAEnC,aAAS,IAAI,UAAU,SAAS,GAAG,KAAK,GAAG,KAAK;AAC9C,YAAM,MAAM,UAAU;AACtB,YAAM,MAAM,MAAM;AAClB,UAAI,IAAI,OAAO,KAAK;AAClB,YAAI,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI;AACxB;AAAA,QACF;AACA,YAAI,OAAO,OAAO,QAAQ,UAAU;AAClC,gBAAM,UAAU,OAAO,KAAK,GAAG;AAC/B,mBAAS,IAAI,QAAQ,QAAQ,KAAK,KAAK,GAAG;AACxC,kBAAM,SAAS,QAAQ;AACvB,mCAAuB,MAAM,QAAQ,IAAI,SAAS,eAAe;AAAA,UACnE;AAAA,QACF;AAAA,MACF,OAAO;AACL,+BAAuB,MAAM,KAAK,KAAK,eAAe;AAAA,MACxD;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,KAAK,CAAC;AACnB;AAEO,SAAS,uBACd,MACA,KACA,OACA,iBACA;AACA,QAAM,aAAa,sBAAsB,GAAG;AAC5C,MAAI,gBAAgB,OAAO,YAAY;AACrC,WAAO;AAAA,EACT;AACA,kBAAgB,OAAO;AACvB,OAAK,OAAO;AACZ,SAAO;AACT;AAEA,SAAS,cAAc,KAAa;AAClC,SAAO,IAAI,QAAQ,UAAU,CAAC,MAAM,IAAI,EAAE,YAAY,GAAG,EAAE,YAAY;AACzE;AAEO,SAAS,oBAAoB,OAAkC;AACpE,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,SAAO,OAAO,QAAQ,KAAK,EACxB,IAAI,CAAC,CAAC,SAAS,KAAK,MAAM;AACzB,cAAU,cAAc,OAAO;AAC/B,QAAI,OAAO,UAAU,UAAU;AAC7B,aAAO,IAAI,YAAY;AAAA,IACzB;AACA,QAAI,OAAO,UAAU,YAAY,kBAAkB,KAAK,OAAO,GAAG;AAChE,cAAQ,GAAG;AAAA,IACb;AACA,WAAO,IAAI,YAAY;AAAA,EACzB,CAAC,EACA,KAAK,OAAO;AACjB;",
   "names": ["update"]
 }

package/dist/cjs/hooks/useTheme.js

@@ -146,7 +146,7 @@ const useChangeThemeEffect = (props, root = false) => {
   const [themeState, setThemeState] = (0, import_react.useState)(createState);
   const { isNewTheme, state, themeManager, mounted } = themeState;
   if (!import_constants.isServer) {
-    (0, import_react.useLayoutEffect)(() => {
+    (0, import_react.useEffect)(() => {
       if (disable)
         return;
       if (props.inverse && !mounted) {
@@ -171,15 +171,16 @@ const useChangeThemeEffect = (props, root = false) => {
       };
     }, [disable, state, isNewTheme, debug]);
   }
-  if (process.env.NODE_ENV === "development" && debug)
-    console.log("useTheme.render isNewTheme", isNewTheme, props, themeManager.state.name, parentManager == null ? void 0 : parentManager.state.name);
-  if ((0, import_ThemeManager.hasNoThemeUpdatingProps)(props) || !mounted && parentManager) {
+  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse);
+  const shouldReturnParentState = (0, import_ThemeManager.hasNoThemeUpdatingProps)(props) || isInversingOnMount;
+  if (shouldReturnParentState) {
     if (!parentManager)
       throw `impossible`;
     if (process.env.NODE_ENV === "development" && props.debug === "verbose")
-      console.log("useTheme hasNoThemeUpdatingProps", parentManager.state);
+      console.log("useTheme hasNoThemeUpdatingProps", parentManager.state.name, "isInversingOnMount", isInversingOnMount);
     return {
       ...parentManager.state,
+      className: isInversingOnMount ? "" : parentManager.state.className,
       themeManager: parentManager,
       isNewTheme: false
     };

package/dist/cjs/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  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) || (!mounted && parentManager)) {\n    if (!parentManager) throw `impossible`\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme hasNoThemeUpdatingProps', 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  return {\n    ...state,\n    isNewTheme,\n    themeManager,\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    const next = themeManager.getState(props, parentManager)\n    const shouldChange = themeManager.getStateShouldChange(next, isNewTheme ? state : null)\n    if (shouldChange) {\n      setThemeState(createState)\n    } else {\n      if (!next && parentManager?.state.name !== state.name) {\n        // were changing back to parent state\n        setThemeState(createState)\n      }\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useEffect, 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    useEffect(() => {\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  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse)\n  const shouldReturnParentState = hasNoThemeUpdatingProps(props) || isInversingOnMount\n\n  if (shouldReturnParentState) {\n    if (!parentManager) throw `impossible`\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme hasNoThemeUpdatingProps', parentManager.state.name, 'isInversingOnMount', isInversingOnMount)\n    return {\n      ...parentManager.state,\n      className: isInversingOnMount ? '' : parentManager.state.className,\n      themeManager: parentManager,\n      isNewTheme: false,\n    }\n  }\n\n  // run inline in render\n  updateState()\n\n  return {\n    ...state,\n    isNewTheme,\n    themeManager,\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    const next = themeManager.getState(props, parentManager)\n    const shouldChange = themeManager.getStateShouldChange(next, isNewTheme ? state : null)\n    if (shouldChange) {\n      setThemeState(createState)\n    } else {\n      if (!next && parentManager?.state.name !== state.name) {\n        // were changing back to parent state\n        setThemeState(createState)\n      }\n    }\n  }\n}\n"],
+  "mappings": "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",
   "names": ["isNewTheme", "mounted"]
 }

package/dist/cjs/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, 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"],
+  "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 only 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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CM;AA5CN,uBAAsB;AACtB,mBAA+B;AAE/B,4BAAiC;AAEjC,iCAAoC;AACpC,sBAAqC;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,QAAI,sCAAqB,OAAO,MAAM;AAE/F,QAAM,oBAAoB,MAAM;AAChC,QAAM,eAAe,CAAC,QAAQ,CAAC;AAI/B,MAAI,eAAW,sBAAQ,MAAM;AAC3B,UAAM,OAAO,MAAM,oBACf,aAAAA,QAAM,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,wBAAO;AACT,UAAM,KAAK,CAAC,MAAM,WAAW,WAAW,eAAe,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACjF,eACE,4CAAC;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QAEL,WAAO,wCAAiB,+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,4CAAC;AAAA,MAAM,MAAM,aAAa,MAAM;AAAA,MAAa;AAAA,KAAK;AAAA,EAC3D;AACA,SAAO,4CAAC,+CAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,IAAe;AAAA,GAAK;AAClE;",
   "names": ["React"]
 }

package/dist/esm/createComponent.js

@@ -14,6 +14,7 @@ import React, {
   createElement,
   forwardRef,
   memo,
+  startTransition,
   useCallback,
   useContext,
   useEffect,
@@ -156,14 +157,11 @@ function createComponent(configIn, ParentComponent) {
     const themeIsNew = getThemeIsNewTheme(theme);
     const shouldSetMounted = needsMount && state.unmounted;
     const setMounted = shouldSetMounted ? () => {
-      setTimeout(
-        () => {
-          setStateShallow({
-            unmounted: false
-          });
-        },
-        isWeb ? 10 : 0
-      );
+      startTransition(() => {
+        setStateShallow({
+          unmounted: false
+        });
+      });
     } : void 0;
     const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false);
     const languageContext = isRSC ? null : useContext(FontLanguageContext);

package/dist/esm/createComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createComponent.tsx"],
-  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { isClient, isRSC, isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport {\n  composeEventHandlers,\n  stylePropsView,\n  validPseudoKeys,\n  validStyles,\n} from '@tamagui/helpers'\nimport { useResponderEvents } from '@tamagui/react-native-use-responder-events'\nimport React, {\n  Children,\n  Fragment,\n  RefObject,\n  createElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react'\n\nimport { onConfiguredOnce } from './config'\nimport { stackDefaultStyles } from './constants/constants'\nimport { FontLanguageContext } from './contexts/FontLanguageContext'\nimport { TextAncestorContext } from './contexts/TextAncestorContext'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { getRect } from './helpers/getRect'\nimport { useSplitStyles } from './helpers/getSplitStyles'\nimport { getAllSelectors } from './helpers/insertStyleRule'\nimport { mergeProps } from './helpers/mergeProps'\nimport { proxyThemeVariables } from './helpers/proxyThemeVariables'\nimport { useShallowSetState } from './helpers/useShallowSetState'\nimport { measureLayout, useElementLayout } from './hooks/useElementLayout'\nimport { addMediaQueryListener, getInitialMediaState } from './hooks/useMedia'\nimport { useServerRef, useServerState } from './hooks/useServerHooks'\nimport { getThemeIsNewTheme, getThemeManager, useTheme } from './hooks/useTheme'\nimport {\n  DebugProp,\n  SpaceDirection,\n  SpaceTokens,\n  SpacerProps,\n  StaticConfig,\n  StaticConfigParsed,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiComponentState,\n  TamaguiConfig,\n  TamaguiElement,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n  UseAnimationProps,\n} from './types'\nimport { usePressability } from './vendor/Pressability'\nimport { Slot, mergeEvent } from './views/Slot'\nimport { wrapThemeManagerContext } from './views/Theme'\n\n// let t\n// import { timer } from '@tamagui/timer'\n// if (true || process.env.ANALYZE) {\n//   t = require().timer()\n//   setTimeout(() => {\n//     const out = t.print()\n//     if (isClient) {\n//       alert(out)\n//     }\n//   }, 2000)\n// }\n\n// this appears to fix expo / babel not picking this up sometimes? really odd\nprocess.env.TAMAGUI_TARGET\n\n/**\n * All things that need one-time setup after createTamagui is called\n */\nlet defaultComponentState: TamaguiComponentState | null = null\nlet defaultComponentStateMounted: TamaguiComponentState | null = null\nlet tamaguiConfig: TamaguiInternalConfig\nlet AnimatedText: any\nlet AnimatedView: any\nlet initialTheme: any\n\nexport const mouseUps = new Set<Function>()\nif (typeof document !== 'undefined') {\n  const cancelTouches = () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  }\n  addEventListener('mouseup', cancelTouches)\n  addEventListener('touchend', cancelTouches)\n  addEventListener('touchcancel', cancelTouches)\n}\n\n// mutates\nfunction mergeShorthands({ defaultProps }: StaticConfigParsed, { shorthands }: TamaguiConfig) {\n  // they are defined in correct order already { ...parent, ...child }\n  for (const key of Object.keys(defaultProps)) {\n    defaultProps[shorthands[key] || key] = defaultProps[key]\n  }\n}\n\n/**\n * Only on native do we need the actual underlying View/Text\n * On the web we avoid react-native altogether in core.\n */\nlet BaseText: any\nlet BaseView: any\nif (process.env.TAMAGUI_TARGET === 'native') {\n  const native = require('react-native')\n  BaseText = native.Text || native.default.Text\n  BaseView = native.View || native.default.View\n}\n\nexport function createComponent<\n  ComponentPropTypes extends Object = {},\n  Ref = TamaguiElement,\n  BaseProps = never\n>(configIn: Partial<StaticConfig> | StaticConfigParsed, ParentComponent?: StylableComponent) {\n  const staticConfig = (() => {\n    const next = extendStaticConfig(configIn, ParentComponent)\n    if ('parsed' in next) {\n      return next\n    } else {\n      return parseStaticConfig(next)\n    }\n  })()\n\n  const defaultComponentClassName = `is_${staticConfig.componentName}`\n  let defaultNativeStyle: any\n  let tamaguiDefaultProps: any\n  let defaultTag: string | undefined\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {\n    // const time = t.start({ quiet: true })\n\n    // React inserts default props after your props for some reason...\n    // order important so we do loops, you can't just spread because JS does weird things\n    let props: any\n    if (tamaguiDefaultProps && !propsIn.asChild) {\n      props = mergeProps(tamaguiDefaultProps, propsIn)[0]\n    } else {\n      props = propsIn\n    }\n\n    const debugProp = props['debug'] as DebugProp\n    const { Component, isText, isZStack } = staticConfig\n    const componentName = props.componentName || staticConfig.componentName\n    const componentClassName = props.asChild\n      ? ''\n      : props.componentName\n      ? `is_${props.componentName}`\n      : defaultComponentClassName\n\n    /**\n     * Component state for tracking animations, pseudos\n     */\n    const animationsConfig = tamaguiConfig.animations\n    const useAnimations = animationsConfig?.useAnimations as UseAnimationHook | undefined\n    const avoidClassesWhileAnimating = animationsConfig.isReactNative\n    const hasEnterStyle = !!props.enterStyle\n    const needsMount = Boolean((isWeb ? isClient : true) && (hasEnterStyle || props.animation))\n    const states = useServerState<TamaguiComponentState>(\n      needsMount ? defaultComponentState! : defaultComponentStateMounted!\n    )\n\n    const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0]\n    const setState = states[1]\n    const setStateShallow = useShallowSetState(setState, debugProp, componentName)\n\n    // conditional but if ever true stays true\n    // [animated, inversed]\n    const stateRef = useRef(\n      undefined as any as {\n        hasAnimated?: boolean\n        hasThemeInversed?: boolean\n        hasProvidedThemeManager?: boolean\n        themeShouldReset?: boolean\n      }\n    )\n    stateRef.current ??= {}\n\n    const isAnimated = (() => {\n      const next = !!(useAnimations && props.animation)\n      if (next && !stateRef.current.hasAnimated) {\n        stateRef.current.hasAnimated = true\n      }\n      return next || stateRef.current.hasAnimated\n    })()\n\n    const usePresence = tamaguiConfig.animations?.usePresence\n    const presence = !isRSC && isAnimated ? usePresence() : null\n\n    // set enter/exit variants onto our new props object\n    if (isAnimated && presence) {\n      const presenceState = presence[2]\n      if (presenceState) {\n        if (state.unmounted && presenceState.enterVariant) {\n          props[presenceState.enterVariant] = true\n        }\n        if (!presenceState.isPresent && presenceState.exitVariant) {\n          props[presenceState.exitVariant] = true\n        }\n      }\n    }\n\n    const isReactNative = Boolean(\n      staticConfig.isReactNative || (isAnimated && tamaguiConfig.animations.isReactNative)\n    )\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debugProp) {\n        const name = `${\n          componentName || Component?.displayName || Component?.name || '[Unnamed Component]'\n        }`\n        const type = isReactNative ? '(rnw)' : ''\n        const dataIs = propsIn['data-is'] || ''\n        const banner = `${name}${dataIs ? ` ${dataIs}` : ''} ${type}`\n        // eslint-disable-next-line no-console\n        console.group(`%c ${banner}`, 'background: yellow;')\n        if (!isServer) {\n          // eslint-disable-next-line no-console\n          console.log(`state`, state)\n        }\n      }\n    }\n\n    const shouldAvoidClasses =\n      !isWeb || !!(props.animation && avoidClassesWhileAnimating) || !staticConfig.acceptsClassName\n    const shouldForcePseudo = !!propsIn.forceStyle\n    const noClassNames = shouldAvoidClasses || shouldForcePseudo\n\n    const theme = useTheme({\n      name: props.theme,\n      componentName,\n      reset: props.reset,\n      inverse: props.themeInverse,\n      // @ts-expect-error internal use only\n      disable: props['data-themeable'],\n      debug: props.debug,\n    })\n    const themeManager = getThemeManager(theme)\n    const themeIsNew = getThemeIsNewTheme(theme)\n\n    const shouldSetMounted = needsMount && state.unmounted\n    const setMounted = shouldSetMounted\n      ? () => {\n          // for some reason without some small delay it doesn't animate css\n          setTimeout(\n            () => {\n              setStateShallow({\n                unmounted: false,\n              })\n            },\n            isWeb ? 10 : 0\n          )\n        }\n      : undefined\n\n    const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n    const languageContext = isRSC ? null : useContext(FontLanguageContext)\n    const isDisabled = props.disabled ?? props.accessibilityState?.disabled\n\n    const isTaggable = !Component || typeof Component === 'string'\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb\n      ? isTaggable\n        ? props.tag || defaultTag || Component\n        : Component\n      : Component\n\n    const BaseTextComponent = BaseText || element || 'span'\n    const BaseViewComponent = BaseView || element || (hasTextAncestor ? 'span' : 'div')\n    let elementType = isText\n      ? (isAnimated ? AnimatedText : null) || BaseTextComponent\n      : (isAnimated ? AnimatedView : null) || BaseViewComponent\n\n    elementType = Component || elementType\n    const isStringElement = typeof elementType === 'string'\n\n    const isExiting = presence?.[0] === false\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      {\n        ...state,\n        noClassNames,\n        dynamicStylesInline: noClassNames,\n        hasTextAncestor,\n        resolveVariablesAs: 'value',\n        isExiting,\n      },\n      null,\n      languageContext || undefined,\n      elementType,\n      debugProp\n    )\n\n    const hostRef = useServerRef<TamaguiElement>(null)\n\n    // animation setup\n    const isAnimatedReactNativeWeb = isAnimated && avoidClassesWhileAnimating\n\n    if (process.env.NODE_ENV === 'development') {\n      if (!process.env.TAMAGUI_TARGET) {\n        // eslint-disable-next-line no-console\n        console.error(`No process.env.TAMAGUI_TARGET set, please set it to \"native\" or \"web\".`)\n      }\n\n      if (debugProp) {\n        // eslint-disable-next-line no-console\n        console.groupCollapsed('props')\n        // eslint-disable-next-line no-console\n        console.log('props in', propsIn, 'mapped to', props, 'in order', Object.keys(props))\n        // eslint-disable-next-line no-console\n        console.log('splitStyles', splitStyles)\n        // eslint-disable-next-line no-console\n        console.log('className', Object.values(splitStyles.classNames))\n        if (isClient) {\n          // eslint-disable-next-line no-console\n          console.log('ref', hostRef, '(click to view)')\n        }\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n        if (debugProp === 'break') {\n          // eslint-disable-next-line no-debugger\n          debugger\n        }\n      }\n    }\n\n    const {\n      viewProps: viewPropsIn,\n      pseudos,\n      medias,\n      style: splitStylesStyle,\n      classNames,\n      mediaKeys,\n    } = splitStyles\n\n    const propsWithAnimation = props as UseAnimationProps\n\n    // once you set animation prop don't remove it, you can set to undefined/false\n    // reason is animations are heavy - no way around it, and must be run inline here (\uD83D\uDE45 loading as a sub-component)\n    let animationStyles: any\n    if (!isRSC && isAnimated && useAnimations) {\n      const animations = useAnimations({\n        props: propsWithAnimation,\n        style: splitStylesStyle,\n        presence,\n        state,\n        pseudos,\n        onDidAnimate: props.onDidAnimate,\n        hostRef,\n        staticConfig,\n      })\n      if (animations) {\n        animationStyles = animations.style\n      }\n    }\n\n    // media queries\n    useIsomorphicLayoutEffect(() => {\n      const disposers = mediaKeys.map((key) => {\n        return addMediaQueryListener(key, (next: boolean) => {\n          setState((prev) => {\n            if (prev.mediaState![key] !== next) {\n              return {\n                ...prev,\n                mediaState: getMediaStateObject({\n                  ...prev.mediaState,\n                  [key]: next,\n                }),\n              }\n            }\n            return prev\n          })\n        })\n      })\n      return () => {\n        disposers.forEach((d) => d())\n      }\n    }, [mediaKeys.join(',')])\n\n    const {\n      hitSlop,\n      asChild,\n      children,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      themeShallow,\n      space: spaceProp,\n      spaceDirection: _spaceDirection,\n      disabled: disabledProp,\n      onMouseUp,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      hrefAttrs,\n      separator,\n      // ignore from here on out\n      forceStyle: _forceStyle,\n      // @ts-ignore  for next/link compat etc\n      onClick,\n      theme: _themeProp,\n      // @ts-ignore\n      defaultVariants,\n\n      ...nonTamaguiProps\n    } = viewPropsIn\n\n    const disabled =\n      (props.accessibilityState != null && props.accessibilityState.disabled === true) ||\n      props.accessibilityDisabled\n\n    // these can ultimately be for DOM, react-native-web views, or animated views\n    // so the type is pretty loose\n    let viewProps: Record<string, any>\n\n    // if react-native-web view just pass all props down\n    if (process.env.TAMAGUI_TARGET === 'web' && !isReactNative) {\n      // otherwise replicate react-native-web functionality\n      const {\n        // event props\n        onMoveShouldSetResponder,\n        onMoveShouldSetResponderCapture,\n        onResponderEnd,\n        onResponderGrant,\n        onResponderMove,\n        onResponderReject,\n        onResponderRelease,\n        onResponderStart,\n        onResponderTerminate,\n        onResponderTerminationRequest,\n        onScrollShouldSetResponder,\n        onScrollShouldSetResponderCapture,\n        onSelectionChangeShouldSetResponder,\n        onSelectionChangeShouldSetResponderCapture,\n        onStartShouldSetResponder,\n        onStartShouldSetResponderCapture,\n\n        // android\n        collapsable,\n        focusable,\n\n        // deprecated,\n        accessible,\n        accessibilityDisabled,\n\n        onLayout,\n\n        ...webProps\n      } = nonTamaguiProps\n\n      viewProps = webProps\n\n      if (!isRSC) {\n        usePlatformMethods(hostRef as RefObject<Element>)\n\n        useElementLayout(hostRef as RefObject<Element>, onLayout as any)\n\n        useResponderEvents(hostRef, {\n          onMoveShouldSetResponder,\n          onMoveShouldSetResponderCapture,\n          onResponderEnd,\n          onResponderGrant,\n          onResponderMove,\n          onResponderReject,\n          onResponderRelease,\n          onResponderStart,\n          onResponderTerminate,\n          onResponderTerminationRequest,\n          onScrollShouldSetResponder,\n          onScrollShouldSetResponderCapture,\n          onSelectionChangeShouldSetResponder,\n          onSelectionChangeShouldSetResponderCapture,\n          onStartShouldSetResponder,\n          onStartShouldSetResponderCapture,\n        } as any)\n      }\n\n      if (props.href != undefined && hrefAttrs != undefined) {\n        const { download, rel, target } = hrefAttrs\n        if (download != null) {\n          viewProps.download = download\n        }\n        if (rel != null) {\n          viewProps.rel = rel\n        }\n        if (typeof target === 'string') {\n          viewProps.target = target.charAt(0) !== '_' ? '_' + target : target\n        }\n      }\n\n      // FOCUS\n      // \"focusable\" indicates that an element may be a keyboard tab-stop.\n      const _focusable = focusable != undefined ? focusable : accessible\n      const role = viewProps.role\n      if (_focusable === false) {\n        viewProps.tabIndex = '-1'\n      }\n      if (\n        // These native elements are focusable by default\n        elementType === 'a' ||\n        elementType === 'button' ||\n        elementType === 'input' ||\n        elementType === 'select' ||\n        elementType === 'textarea'\n      ) {\n        if (_focusable === false || accessibilityDisabled === true) {\n          viewProps.tabIndex = '-1'\n        }\n      } else if (\n        // These roles are made focusable by default\n        role === 'button' ||\n        role === 'checkbox' ||\n        role === 'link' ||\n        role === 'radio' ||\n        role === 'textbox' ||\n        role === 'switch'\n      ) {\n        if (_focusable !== false) {\n          viewProps.tabIndex = '0'\n        }\n      }\n      // Everything else must explicitly set the prop\n      if (_focusable === true) {\n        viewProps.tabIndex = '0'\n      }\n    } else {\n      viewProps = nonTamaguiProps\n    }\n\n    viewProps.ref = useComposedRefs(hostRef as any, forwardedRef, setMounted)\n\n    if (process.env.NODE_ENV === 'development' && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          // eslint-disable-next-line no-console\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    const unPress = useCallback(() => {\n      setStateShallow({\n        press: false,\n        pressIn: false,\n      })\n    }, [setStateShallow])\n\n    if (!isRSC) {\n      useEffect(() => {\n        return () => {\n          mouseUps.delete(unPress)\n        }\n      }, [unPress])\n    }\n\n    let styles: Record<string, any>[]\n\n    if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {\n      styles = {\n        ...defaultNativeStyle,\n        ...(animationStyles ?? splitStylesStyle),\n        ...medias,\n      }\n    } else {\n      styles = [isWeb ? null : defaultNativeStyle, animationStyles ?? splitStylesStyle, medias]\n\n      // ugly but for now...\n      if (shouldForcePseudo) {\n        const next = {}\n        styles.forEach((style) => Object.assign(next, style))\n        // @ts-ignore\n        Object.assign(splitStyles.style, next)\n      }\n    }\n\n    let fontFamily = isText ? splitStyles.fontFamily || staticConfig.defaultProps.fontFamily : null\n    if (fontFamily && fontFamily[0] === '$') {\n      fontFamily = fontFamily.slice(1)\n    }\n    const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : ''\n\n    const classList = [\n      componentName ? componentClassName : '',\n      fontFamilyClassName,\n      themeIsNew ? theme.className : '',\n      classNames ? Object.values(classNames).join(' ') : '',\n    ]\n    const className = classList.join(' ')\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      const style = animationStyles ?? splitStyles.style\n\n      if (isAnimatedReactNativeWeb) {\n        viewProps.style = style\n      } else if (isReactNative) {\n        const rnwStyle = { $$css: true }\n        for (const name of className.split(' ')) {\n          rnwStyle[name] = name\n        }\n        viewProps.style = [rnwStyle, ...(Array.isArray(style) ? style : [style])]\n        if (process.env.NODE_ENV === 'development') {\n          // turn debug data- props into dataSet in dev mode\n          Object.keys(viewProps).forEach((key) => {\n            if (key.startsWith('data-')) {\n              viewProps.dataSet ??= {}\n              viewProps.dataSet[key.replace('data-', '')] = viewProps[key]\n              delete viewProps[key]\n            }\n          })\n        }\n      } else {\n        viewProps.className = className\n        viewProps.style = style\n      }\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // swap out the right family based on weight/style\n      if (splitStyles.fontFamily) {\n        const faceInfo = tamaguiConfig.fontsParsed[splitStyles.fontFamily]?.face\n        if (faceInfo) {\n          const [weight, style] = (() => {\n            let weight: string | undefined\n            let style: string | undefined\n            for (let i = styles.length; i >= 0; i--) {\n              weight ??= styles[i]?.fontWeight\n              style ??= styles[i]?.fontStyle\n            }\n            return [weight || '400', style || 'normal'] as const\n          })()\n          const overrideFace = faceInfo[weight]?.[style]?.val\n          if (overrideFace) {\n            for (const style of styles) {\n              if (style?.fontFamily) {\n                style.fontFamily = overrideFace\n                delete style.fontWeight\n                delete style.fontStyle\n              }\n            }\n          }\n        }\n      }\n\n      // assign styles\n      viewProps.style = styles\n    }\n\n    const runtimePressStyle = !disabled && noClassNames && pseudos?.pressStyle\n    const attachPress = !!(runtimePressStyle || onPress || onPressOut || onPressIn || onClick)\n    const runtimeHoverStyle = !disabled && noClassNames && pseudos?.hoverStyle\n    const isHoverable =\n      isWeb && !!(runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    const handlesPressEvents = !isWeb && !asChild\n\n    // check presence rather than value to prevent reparenting bugs\n    // allows for onPress={x ? function : undefined} without re-ordering dom\n    const shouldAttach = asChild\n      ? false\n      : Boolean(\n          attachPress ||\n            isHoverable ||\n            'pressStyle' in props ||\n            'onPress' in props ||\n            'onPressIn' in props ||\n            'onPressOut' in props ||\n            (isWeb &&\n              ('hoverStyle' in props ||\n                'onHoverIn' in props ||\n                'onHoverOut' in props ||\n                'onMouseEnter' in props ||\n                'onMouseLeave' in props))\n        )\n\n    const events =\n      shouldAttach && !isRSC && !isDisabled\n        ? {\n            onPressOut: attachPress\n              ? (e) => {\n                  unPress()\n                  onPressOut?.(e)\n                  onMouseUp?.(e)\n                }\n              : undefined,\n            ...(isHoverable && {\n              onMouseEnter: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    if (isHoverable) {\n                      next.hover = true\n                    }\n                    if (state.pressIn) {\n                      next.press = true\n                    }\n                    if (isHoverable || state.pressIn) {\n                      setStateShallow(next)\n                    }\n                    onHoverIn?.(e)\n                    onMouseEnter?.(e)\n                  }\n                : undefined,\n              onMouseLeave: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    mouseUps.add(unPress)\n                    if (isHoverable) {\n                      next.hover = false\n                    }\n                    if (state.pressIn) {\n                      next.press = false\n                      next.pressIn = false\n                    }\n                    if (Object.keys(next).length) {\n                      setStateShallow(next)\n                    }\n                    onHoverOut?.(e)\n                    onMouseLeave?.(e)\n                  }\n                : undefined,\n            }),\n            onPressIn: attachPress\n              ? (e) => {\n                  setStateShallow({\n                    press: true,\n                    pressIn: true,\n                    hover: false,\n                  })\n                  onPressIn?.(e)\n                  onMouseDown?.(e)\n                  if (isWeb) {\n                    mouseUps.add(unPress)\n                  }\n                }\n              : undefined,\n            onPress: attachPress\n              ? (e) => {\n                  unPress()\n                  // @ts-ignore\n                  onClick?.(e)\n                  onPress?.(e)\n                }\n              : undefined,\n\n            // replicating TouchableWithoutFeedback\n            ...(!isWeb && {\n              cancelable: !props.rejectResponderTermination,\n              disabled: isDisabled,\n              hitSlop: props.hitSlop,\n              delayLongPress: props.delayLongPress,\n              delayPressIn: props.delayPressIn,\n              delayPressOut: props.delayPressOut,\n              focusable: viewProps.focusable ?? true,\n              minPressDuration: 0,\n            }),\n          }\n        : null\n\n    let space = spaceProp\n\n    // find space by media query\n    if (state.mediaState && mediaKeys.length) {\n      for (const key in state.mediaState) {\n        if (key in state.mediaState && key in props && props[key].space !== undefined) {\n          space = props[key].space\n        }\n      }\n    }\n\n    const themeShouldReset = Boolean(themeShallow && themeManager && themeIsNew)\n    const shouldProvideThemeManager = themeShouldReset || (themeManager && themeIsNew)\n\n    // memoize to avoid re-parenting\n    if (shouldProvideThemeManager) {\n      stateRef.current.hasProvidedThemeManager = true\n    }\n    if (themeShouldReset) {\n      stateRef.current.themeShouldReset = true\n    }\n\n    const childEls =\n      !children || asChild\n        ? children\n        : wrapThemeManagerContext(\n            spacedChildren({\n              separator,\n              children,\n              space,\n              direction: props.spaceDirection || 'both',\n              isZStack,\n            }),\n            // only set context if changed theme\n            stateRef.current.hasProvidedThemeManager ? themeManager : undefined,\n            stateRef.current.themeShouldReset\n          )\n\n    let content: any\n\n    if (asChild) {\n      elementType = Slot\n      viewProps = {\n        ...viewProps,\n        onPress,\n        onPressIn,\n        onPressOut,\n      }\n    }\n\n    // EVENTS native\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // add focus events\n      const attachFocus = !!pseudos.focusStyle\n      if (attachFocus) {\n        viewProps.onFocus = mergeEvent(viewProps.onFocus, () => {\n          setStateShallow({ focus: true })\n        })\n        viewProps.onBlur = mergeEvent(viewProps.onBlur, () => {\n          setStateShallow({ focus: false })\n        })\n      }\n\n      // use Pressability to get smooth unPress when you press + hold + move out\n      // only ever create once, use .configure() to update later\n      const pressability = usePressability(events ? { ...events, hitSlop } : {})\n      if (attachPress && events) {\n        for (const key in pressability) {\n          const og = props[key]\n          const val = pressability[key]\n          viewProps[key] =\n            og && !dontComposePressabilityKeys[key] ? composeEventHandlers(og, val) : val\n        }\n      }\n    }\n\n    content = createElement(elementType, viewProps, childEls)\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (events || isAnimatedReactNativeWeb) {\n        content = (\n          <span\n            className={(isAnimatedReactNativeWeb ? className : '') + `  _dsp_contents`}\n            {...(events && {\n              onMouseEnter: events.onMouseEnter,\n              onMouseLeave: events.onMouseLeave,\n              onClick: events.onPress,\n              onMouseDown: events.onPressIn,\n              onMouseUp: events.onPressOut,\n              onTouchStart: events.onPressIn,\n              onTouchEnd: events.onPressOut,\n            })}\n          >\n            {content}\n          </span>\n        )\n      }\n    }\n\n    if (process.env.NODE_ENV === 'development' && process.env.DEBUG !== 'tamagui') {\n      if (debugProp) {\n        const element = typeof elementType === 'string' ? elementType : 'Component'\n        // eslint-disable-next-line no-console\n        console.groupCollapsed(`render <${element} /> with props`, viewProps)\n        for (const key in viewProps) {\n          // eslint-disable-next-line no-console\n          console.log(key, viewProps[key])\n        }\n        // eslint-disable-next-line no-console\n        console.log('children', content)\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n        if (typeof window !== 'undefined') {\n          // prettier-ignore\n          // eslint-disable-next-line no-console\n          console.log({ state, shouldProvideThemeManager, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, defaultNativeStyle, ...(typeof window !== 'undefined' ? { theme, themeClassName:  theme.className, staticConfig, tamaguiConfig, events, shouldAvoidClasses, shouldForcePseudo, classNames: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, getAllSelectors()[v]])) } : null) })\n        }\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n      }\n    }\n\n    return content\n  })\n\n  if (staticConfig.componentName) {\n    component.displayName = staticConfig.componentName\n  }\n\n  onConfiguredOnce((conf) => {\n    // one time only setup\n    if (!tamaguiConfig) {\n      tamaguiConfig = conf\n\n      if (!defaultComponentState) {\n        defaultComponentState = {\n          hover: false,\n          press: false,\n          pressIn: false,\n          focus: false,\n          unmounted: true,\n          mediaState: getMediaStateObject(getInitialMediaState()),\n        }\n        defaultComponentStateMounted = {\n          ...defaultComponentState,\n          unmounted: false,\n        }\n      }\n\n      if (tamaguiConfig.animations) {\n        AnimatedText = tamaguiConfig.animations.Text\n        AnimatedView = tamaguiConfig.animations.View\n      }\n\n      if (!initialTheme) {\n        const next = conf.themes[Object.keys(conf.themes)[0]]\n        initialTheme = proxyThemeVariables(next)\n        if (process.env.NODE_ENV === 'development') {\n          if (!initialTheme) {\n            // eslint-disable-next-line no-console\n            console.log(`Warning: Missing theme`)\n          }\n        }\n      }\n    }\n\n    // per-component setup\n    // do this to make sure shorthands don't duplicate with.. longhands\n    mergeShorthands(staticConfig, tamaguiConfig)\n\n    let defaultPropsIn = staticConfig.defaultProps || {}\n\n    // because we run createTamagui after styled() defs, have to do some work here\n    // gather defaults props one time and merge downwards\n    // find last unprocessed and process\n    const parentNames = [...(staticConfig.parentNames || []), staticConfig.componentName]\n\n    if (tamaguiConfig.defaultProps && parentNames && staticConfig.componentName) {\n      defaultPropsIn = mergeConfigDefaultProps(\n        staticConfig.componentName,\n        defaultPropsIn,\n        tamaguiConfig.defaultProps,\n        parentNames,\n        tamaguiConfig\n      )\n    }\n\n    const debug = defaultPropsIn['debug']\n\n    // remove all classNames\n    const [ourProps, ourClassNames] = mergeProps(defaultPropsIn, {})\n\n    if (ourProps.tag) {\n      defaultTag = ourProps.tag\n    }\n\n    const noClassNames = !staticConfig.acceptsClassName\n    const { name, variants, defaultVariants, ...restProps } = ourProps\n\n    // must preserve prop order\n    // leave out className because we handle that already with initialSplitStyles.classNames\n    // otherwise it confuses variant functions getting className props\n    const [defaults, defaultsClassnames] = mergeProps(component.defaultProps as any, {\n      ...defaultVariants,\n      ...restProps,\n    })\n\n    defaultNativeStyle = {}\n\n    const validStyles = staticConfig.validStyles || stylePropsView\n\n    // split - keep variables on props to be processed using theme values at runtime (native)\n    if (!isWeb) {\n      for (const key in staticConfig.defaultProps) {\n        const val = staticConfig.defaultProps[key]\n        if (validPseudoKeys[key]) continue\n        if ((typeof val === 'string' && val[0] === '$') || !validStyles[key]) {\n          defaults[key] = val\n        } else {\n          defaultNativeStyle[key] = val\n        }\n      }\n    }\n\n    // set to global\n    tamaguiDefaultProps = defaults\n\n    // add debug logs\n    if (process.env.NODE_ENV === 'development' && debug) {\n      if (process.env.IS_STATIC !== 'is_static') {\n        // prettier-ignore\n        // eslint-disable-next-line no-console\n        console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, { staticConfig, tamaguiDefaultProps, defaultNativeStyle, defaults, defaultPropsIn, defaultPropsKeyOrder: Object.keys(staticConfig.defaultProps), defaultPropsInKeyOrder: Object.keys(defaultPropsIn).map((k) => [k, defaultPropsIn[k]]), ourProps, ourClassNames, defaultsClassnames, defaultTag, noClassNames, })\n      }\n    }\n  })\n\n  let res: TamaguiComponent<ComponentPropTypes, Ref, BaseProps> = component as any\n\n  if (configIn.memo) {\n    res = memo(res) as any\n  }\n\n  res.staticConfig = {\n    validStyles: staticConfig.validStyles || stylePropsView,\n    ...staticConfig,\n  }\n\n  // res.extractable HoC\n  res.extractable = (Component: any, conf?: Partial<StaticConfig>) => {\n    Component.staticConfig = extendStaticConfig(\n      {\n        Component,\n        ...conf,\n        neverFlatten: true,\n        defaultProps: {\n          ...Component.defaultProps,\n          ...conf?.defaultProps,\n        },\n      },\n      res\n    )\n    return Component\n  }\n\n  return res\n}\n\n// for elements to avoid spacing\nexport const Unspaced = (props: { children?: any }) => {\n  return props.children\n}\nUnspaced['isUnspaced'] = true\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<SpacerProps>({\n  memo: true,\n  componentName: 'Spacer',\n  validStyles,\n\n  defaultProps: {\n    ...stackDefaultStyles,\n    // avoid nesting issues\n    tag: 'span',\n    size: true,\n  },\n\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        const sizePx = tokens.space[size] ?? size\n        return {\n          width: sizePx,\n          height: sizePx,\n          minWidth: sizePx,\n          minHeight: sizePx,\n        }\n      },\n    },\n\n    flex: {\n      true: {\n        flexGrow: 1,\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n        minHeight: 0,\n      },\n      vertical: {\n        width: 0,\n        minWidth: 0,\n      },\n      both: {},\n    },\n  } as const,\n})\n\nexport type SpacedChildrenProps = {\n  isZStack?: boolean\n  children?: React.ReactNode\n  space?: SpaceTokens | number | null\n  spaceFlex?: boolean | number\n  direction?: SpaceDirection\n  separator?: React.ReactNode\n}\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  direction,\n  spaceFlex,\n  separator,\n}: SpacedChildrenProps) {\n  const hasSpace = !!(space || spaceFlex)\n  const hasSeparator = !(separator === undefined || separator === null)\n  if (!hasSpace && !hasSeparator && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  if (childrenList.length <= 1 && !isZStack) {\n    return childrenList\n  }\n  const final: React.ReactNode[] = []\n  for (const [index, child] of childrenList.entries()) {\n    const isEmpty =\n      child === null || child === undefined || (Array.isArray(child) && child.length === 0)\n    // push them all, but wrap some in Fragment\n    if (isEmpty || !child || (child['key'] && !isZStack)) {\n      final.push(child)\n    } else {\n      final.push(\n        <Fragment key={index}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\n      )\n    }\n\n    // first child unspaced avoid insert space\n    if (isUnspaced(child) && index === 0) continue\n    // no spacing on ZStack\n    if (isZStack) continue\n\n    const next = childrenList[index + 1]\n\n    if (next && !isUnspaced(next)) {\n      if (separator) {\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}_00tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n        final.push(\n          React.isValidElement(separator)\n            ? React.cloneElement(separator, { key: `sep_${index}` })\n            : separator\n        )\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}01tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n      } else {\n        final.push(\n          createSpacer({\n            key: `_${index}02tmgui`,\n            direction,\n            space,\n            spaceFlex,\n          })\n        )\n      }\n    }\n  }\n\n  return final\n}\n\ntype CreateSpacerProps = SpacedChildrenProps & { key: string }\n\nfunction createSpacer({ key, direction, space, spaceFlex }: CreateSpacerProps) {\n  return (\n    // @ts-ignore this one blew up but the types seem better\n    <Spacer\n      key={key}\n      size={space}\n      direction={direction}\n      {...(typeof spaceFlex !== 'undefined' && {\n        flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex,\n      })}\n    />\n  )\n}\n\nfunction isUnspaced(child: React.ReactNode) {\n  // console.log('unspaced?', child, getMedia())\n  return child?.['type']?.['isVisuallyHidden'] || child?.['type']?.['isUnspaced']\n}\n\nconst DefaultProps = new Map()\n\nfunction mergeConfigDefaultProps(\n  name: string,\n  props: Record<string, any>,\n  configDefaults: Record<string, Object>,\n  parentNames: (string | undefined)[],\n  conf: TamaguiInternalConfig\n) {\n  const len = parentNames.length\n  let prev\n\n  for (let i = 0; i < len; i++) {\n    const n = parentNames[i]\n    if (!n) continue\n    if (DefaultProps.has(n)) {\n      prev = DefaultProps.get(n)\n      continue\n    }\n    const props = configDefaults[n]\n    if (!props) {\n      if (prev) {\n        DefaultProps.set(n, prev)\n      }\n      continue\n    }\n    prev = mergeProps(prev || {}, props, false, conf.inverseShorthands)[0]\n    DefaultProps.set(n, prev)\n  }\n\n  // overwrite the user defined defaults on top of internal defined defaults\n  const ourDefaultsMerged = DefaultProps.get(name)\n  if (ourDefaultsMerged) {\n    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0]\n  }\n  return props\n}\n\n// react native compat (web only)\nfunction usePlatformMethods(hostRef: RefObject<Element>) {\n  useIsomorphicLayoutEffect(() => {\n    const node = hostRef.current\n    if (!node) return\n    // @ts-ignore\n    node.measure = (callback) => measureLayout(node, null, callback)\n    // @ts-ignore\n    node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success)\n    // @ts-ignore\n    node.measureInWindow = (callback) => {\n      if (!node) return\n      setTimeout(() => {\n        const { height, left, top, width } = getRect(node as HTMLElement)!\n        callback(left, top, width, height)\n      }, 0)\n    }\n  }, [hostRef])\n}\n\nconst AbsoluteFill: any = createComponent({\n  componentName: 'AbsoluteFill',\n  defaultProps: {\n    ...stackDefaultStyles,\n    flexDirection: 'column',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    pointerEvents: 'box-none',\n  },\n})\n\nconst dontComposePressabilityKeys = {\n  onClick: true,\n}\n\nfunction getMediaStateObject(obj: Object) {\n  return Object.fromEntries(Object.entries(obj).flatMap(([k, v]) => (v ? [[`$${k}`, v]] : [])))\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { isClient, isRSC, isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport {\n  composeEventHandlers,\n  stylePropsView,\n  validPseudoKeys,\n  validStyles,\n} from '@tamagui/helpers'\nimport { useResponderEvents } from '@tamagui/react-native-use-responder-events'\nimport React, {\n  Children,\n  Fragment,\n  RefObject,\n  createElement,\n  forwardRef,\n  memo,\n  startTransition,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react'\n\nimport { onConfiguredOnce } from './config'\nimport { stackDefaultStyles } from './constants/constants'\nimport { FontLanguageContext } from './contexts/FontLanguageContext'\nimport { TextAncestorContext } from './contexts/TextAncestorContext'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { getRect } from './helpers/getRect'\nimport { useSplitStyles } from './helpers/getSplitStyles'\nimport { getAllSelectors } from './helpers/insertStyleRule'\nimport { mergeProps } from './helpers/mergeProps'\nimport { proxyThemeVariables } from './helpers/proxyThemeVariables'\nimport { useShallowSetState } from './helpers/useShallowSetState'\nimport { measureLayout, useElementLayout } from './hooks/useElementLayout'\nimport { addMediaQueryListener, getInitialMediaState } from './hooks/useMedia'\nimport { useServerRef, useServerState } from './hooks/useServerHooks'\nimport { getThemeIsNewTheme, getThemeManager, useTheme } from './hooks/useTheme'\nimport {\n  DebugProp,\n  SpaceDirection,\n  SpaceTokens,\n  SpacerProps,\n  StaticConfig,\n  StaticConfigParsed,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiComponentState,\n  TamaguiConfig,\n  TamaguiElement,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n  UseAnimationProps,\n} from './types'\nimport { usePressability } from './vendor/Pressability'\nimport { Slot, mergeEvent } from './views/Slot'\nimport { wrapThemeManagerContext } from './views/Theme'\n\n// let t\n// import { timer } from '@tamagui/timer'\n// if (true || process.env.ANALYZE) {\n//   t = require().timer()\n//   setTimeout(() => {\n//     const out = t.print()\n//     if (isClient) {\n//       alert(out)\n//     }\n//   }, 2000)\n// }\n\n// this appears to fix expo / babel not picking this up sometimes? really odd\nprocess.env.TAMAGUI_TARGET\n\n/**\n * All things that need one-time setup after createTamagui is called\n */\nlet defaultComponentState: TamaguiComponentState | null = null\nlet defaultComponentStateMounted: TamaguiComponentState | null = null\nlet tamaguiConfig: TamaguiInternalConfig\nlet AnimatedText: any\nlet AnimatedView: any\nlet initialTheme: any\n\nexport const mouseUps = new Set<Function>()\nif (typeof document !== 'undefined') {\n  const cancelTouches = () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  }\n  addEventListener('mouseup', cancelTouches)\n  addEventListener('touchend', cancelTouches)\n  addEventListener('touchcancel', cancelTouches)\n}\n\n// mutates\nfunction mergeShorthands({ defaultProps }: StaticConfigParsed, { shorthands }: TamaguiConfig) {\n  // they are defined in correct order already { ...parent, ...child }\n  for (const key of Object.keys(defaultProps)) {\n    defaultProps[shorthands[key] || key] = defaultProps[key]\n  }\n}\n\n/**\n * Only on native do we need the actual underlying View/Text\n * On the web we avoid react-native altogether in core.\n */\nlet BaseText: any\nlet BaseView: any\nif (process.env.TAMAGUI_TARGET === 'native') {\n  const native = require('react-native')\n  BaseText = native.Text || native.default.Text\n  BaseView = native.View || native.default.View\n}\n\nexport function createComponent<\n  ComponentPropTypes extends Object = {},\n  Ref = TamaguiElement,\n  BaseProps = never\n>(configIn: Partial<StaticConfig> | StaticConfigParsed, ParentComponent?: StylableComponent) {\n  const staticConfig = (() => {\n    const next = extendStaticConfig(configIn, ParentComponent)\n    if ('parsed' in next) {\n      return next\n    } else {\n      return parseStaticConfig(next)\n    }\n  })()\n\n  const defaultComponentClassName = `is_${staticConfig.componentName}`\n  let defaultNativeStyle: any\n  let tamaguiDefaultProps: any\n  let defaultTag: string | undefined\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {\n    // const time = t.start({ quiet: true })\n\n    // React inserts default props after your props for some reason...\n    // order important so we do loops, you can't just spread because JS does weird things\n    let props: any\n    if (tamaguiDefaultProps && !propsIn.asChild) {\n      props = mergeProps(tamaguiDefaultProps, propsIn)[0]\n    } else {\n      props = propsIn\n    }\n\n    const debugProp = props['debug'] as DebugProp\n    const { Component, isText, isZStack } = staticConfig\n    const componentName = props.componentName || staticConfig.componentName\n    const componentClassName = props.asChild\n      ? ''\n      : props.componentName\n      ? `is_${props.componentName}`\n      : defaultComponentClassName\n\n    /**\n     * Component state for tracking animations, pseudos\n     */\n    const animationsConfig = tamaguiConfig.animations\n    const useAnimations = animationsConfig?.useAnimations as UseAnimationHook | undefined\n    const avoidClassesWhileAnimating = animationsConfig.isReactNative\n    const hasEnterStyle = !!props.enterStyle\n    const needsMount = Boolean((isWeb ? isClient : true) && (hasEnterStyle || props.animation))\n    const states = useServerState<TamaguiComponentState>(\n      needsMount ? defaultComponentState! : defaultComponentStateMounted!\n    )\n\n    const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0]\n    const setState = states[1]\n    const setStateShallow = useShallowSetState(setState, debugProp, componentName)\n\n    // conditional but if ever true stays true\n    // [animated, inversed]\n    const stateRef = useRef(\n      undefined as any as {\n        hasAnimated?: boolean\n        hasThemeInversed?: boolean\n        hasProvidedThemeManager?: boolean\n        themeShouldReset?: boolean\n      }\n    )\n    stateRef.current ??= {}\n\n    const isAnimated = (() => {\n      const next = !!(useAnimations && props.animation)\n      if (next && !stateRef.current.hasAnimated) {\n        stateRef.current.hasAnimated = true\n      }\n      return next || stateRef.current.hasAnimated\n    })()\n\n    const usePresence = tamaguiConfig.animations?.usePresence\n    const presence = !isRSC && isAnimated ? usePresence() : null\n\n    // set enter/exit variants onto our new props object\n    if (isAnimated && presence) {\n      const presenceState = presence[2]\n      if (presenceState) {\n        if (state.unmounted && presenceState.enterVariant) {\n          props[presenceState.enterVariant] = true\n        }\n        if (!presenceState.isPresent && presenceState.exitVariant) {\n          props[presenceState.exitVariant] = true\n        }\n      }\n    }\n\n    const isReactNative = Boolean(\n      staticConfig.isReactNative || (isAnimated && tamaguiConfig.animations.isReactNative)\n    )\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debugProp) {\n        const name = `${\n          componentName || Component?.displayName || Component?.name || '[Unnamed Component]'\n        }`\n        const type = isReactNative ? '(rnw)' : ''\n        const dataIs = propsIn['data-is'] || ''\n        const banner = `${name}${dataIs ? ` ${dataIs}` : ''} ${type}`\n        // eslint-disable-next-line no-console\n        console.group(`%c ${banner}`, 'background: yellow;')\n        if (!isServer) {\n          // eslint-disable-next-line no-console\n          console.log(`state`, state)\n        }\n      }\n    }\n\n    const shouldAvoidClasses =\n      !isWeb || !!(props.animation && avoidClassesWhileAnimating) || !staticConfig.acceptsClassName\n    const shouldForcePseudo = !!propsIn.forceStyle\n    const noClassNames = shouldAvoidClasses || shouldForcePseudo\n\n    const theme = useTheme({\n      name: props.theme,\n      componentName,\n      reset: props.reset,\n      inverse: props.themeInverse,\n      // @ts-expect-error internal use only\n      disable: props['data-themeable'],\n      debug: props.debug,\n    })\n    const themeManager = getThemeManager(theme)\n    const themeIsNew = getThemeIsNewTheme(theme)\n\n    const shouldSetMounted = needsMount && state.unmounted\n    const setMounted = shouldSetMounted\n      ? () => {\n          startTransition(() => {\n            setStateShallow({\n              unmounted: false,\n            })\n          })\n        }\n      : undefined\n\n    const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n    const languageContext = isRSC ? null : useContext(FontLanguageContext)\n    const isDisabled = props.disabled ?? props.accessibilityState?.disabled\n\n    const isTaggable = !Component || typeof Component === 'string'\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb\n      ? isTaggable\n        ? props.tag || defaultTag || Component\n        : Component\n      : Component\n\n    const BaseTextComponent = BaseText || element || 'span'\n    const BaseViewComponent = BaseView || element || (hasTextAncestor ? 'span' : 'div')\n    let elementType = isText\n      ? (isAnimated ? AnimatedText : null) || BaseTextComponent\n      : (isAnimated ? AnimatedView : null) || BaseViewComponent\n\n    elementType = Component || elementType\n    const isStringElement = typeof elementType === 'string'\n\n    const isExiting = presence?.[0] === false\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      {\n        ...state,\n        noClassNames,\n        dynamicStylesInline: noClassNames,\n        hasTextAncestor,\n        resolveVariablesAs: 'value',\n        isExiting,\n      },\n      null,\n      languageContext || undefined,\n      elementType,\n      debugProp\n    )\n\n    const hostRef = useServerRef<TamaguiElement>(null)\n\n    // animation setup\n    const isAnimatedReactNativeWeb = isAnimated && avoidClassesWhileAnimating\n\n    if (process.env.NODE_ENV === 'development') {\n      if (!process.env.TAMAGUI_TARGET) {\n        // eslint-disable-next-line no-console\n        console.error(`No process.env.TAMAGUI_TARGET set, please set it to \"native\" or \"web\".`)\n      }\n\n      if (debugProp) {\n        // eslint-disable-next-line no-console\n        console.groupCollapsed('props')\n        // eslint-disable-next-line no-console\n        console.log('props in', propsIn, 'mapped to', props, 'in order', Object.keys(props))\n        // eslint-disable-next-line no-console\n        console.log('splitStyles', splitStyles)\n        // eslint-disable-next-line no-console\n        console.log('className', Object.values(splitStyles.classNames))\n        if (isClient) {\n          // eslint-disable-next-line no-console\n          console.log('ref', hostRef, '(click to view)')\n        }\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n        if (debugProp === 'break') {\n          // eslint-disable-next-line no-debugger\n          debugger\n        }\n      }\n    }\n\n    const {\n      viewProps: viewPropsIn,\n      pseudos,\n      medias,\n      style: splitStylesStyle,\n      classNames,\n      mediaKeys,\n    } = splitStyles\n\n    const propsWithAnimation = props as UseAnimationProps\n\n    // once you set animation prop don't remove it, you can set to undefined/false\n    // reason is animations are heavy - no way around it, and must be run inline here (\uD83D\uDE45 loading as a sub-component)\n    let animationStyles: any\n    if (!isRSC && isAnimated && useAnimations) {\n      const animations = useAnimations({\n        props: propsWithAnimation,\n        style: splitStylesStyle,\n        presence,\n        state,\n        pseudos,\n        onDidAnimate: props.onDidAnimate,\n        hostRef,\n        staticConfig,\n      })\n      if (animations) {\n        animationStyles = animations.style\n      }\n    }\n\n    // media queries\n    useIsomorphicLayoutEffect(() => {\n      const disposers = mediaKeys.map((key) => {\n        return addMediaQueryListener(key, (next: boolean) => {\n          setState((prev) => {\n            if (prev.mediaState![key] !== next) {\n              return {\n                ...prev,\n                mediaState: getMediaStateObject({\n                  ...prev.mediaState,\n                  [key]: next,\n                }),\n              }\n            }\n            return prev\n          })\n        })\n      })\n      return () => {\n        disposers.forEach((d) => d())\n      }\n    }, [mediaKeys.join(',')])\n\n    const {\n      hitSlop,\n      asChild,\n      children,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      themeShallow,\n      space: spaceProp,\n      spaceDirection: _spaceDirection,\n      disabled: disabledProp,\n      onMouseUp,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      hrefAttrs,\n      separator,\n      // ignore from here on out\n      forceStyle: _forceStyle,\n      // @ts-ignore  for next/link compat etc\n      onClick,\n      theme: _themeProp,\n      // @ts-ignore\n      defaultVariants,\n\n      ...nonTamaguiProps\n    } = viewPropsIn\n\n    const disabled =\n      (props.accessibilityState != null && props.accessibilityState.disabled === true) ||\n      props.accessibilityDisabled\n\n    // these can ultimately be for DOM, react-native-web views, or animated views\n    // so the type is pretty loose\n    let viewProps: Record<string, any>\n\n    // if react-native-web view just pass all props down\n    if (process.env.TAMAGUI_TARGET === 'web' && !isReactNative) {\n      // otherwise replicate react-native-web functionality\n      const {\n        // event props\n        onMoveShouldSetResponder,\n        onMoveShouldSetResponderCapture,\n        onResponderEnd,\n        onResponderGrant,\n        onResponderMove,\n        onResponderReject,\n        onResponderRelease,\n        onResponderStart,\n        onResponderTerminate,\n        onResponderTerminationRequest,\n        onScrollShouldSetResponder,\n        onScrollShouldSetResponderCapture,\n        onSelectionChangeShouldSetResponder,\n        onSelectionChangeShouldSetResponderCapture,\n        onStartShouldSetResponder,\n        onStartShouldSetResponderCapture,\n\n        // android\n        collapsable,\n        focusable,\n\n        // deprecated,\n        accessible,\n        accessibilityDisabled,\n\n        onLayout,\n\n        ...webProps\n      } = nonTamaguiProps\n\n      viewProps = webProps\n\n      if (!isRSC) {\n        usePlatformMethods(hostRef as RefObject<Element>)\n\n        useElementLayout(hostRef as RefObject<Element>, onLayout as any)\n\n        useResponderEvents(hostRef, {\n          onMoveShouldSetResponder,\n          onMoveShouldSetResponderCapture,\n          onResponderEnd,\n          onResponderGrant,\n          onResponderMove,\n          onResponderReject,\n          onResponderRelease,\n          onResponderStart,\n          onResponderTerminate,\n          onResponderTerminationRequest,\n          onScrollShouldSetResponder,\n          onScrollShouldSetResponderCapture,\n          onSelectionChangeShouldSetResponder,\n          onSelectionChangeShouldSetResponderCapture,\n          onStartShouldSetResponder,\n          onStartShouldSetResponderCapture,\n        } as any)\n      }\n\n      if (props.href != undefined && hrefAttrs != undefined) {\n        const { download, rel, target } = hrefAttrs\n        if (download != null) {\n          viewProps.download = download\n        }\n        if (rel != null) {\n          viewProps.rel = rel\n        }\n        if (typeof target === 'string') {\n          viewProps.target = target.charAt(0) !== '_' ? '_' + target : target\n        }\n      }\n\n      // FOCUS\n      // \"focusable\" indicates that an element may be a keyboard tab-stop.\n      const _focusable = focusable != undefined ? focusable : accessible\n      const role = viewProps.role\n      if (_focusable === false) {\n        viewProps.tabIndex = '-1'\n      }\n      if (\n        // These native elements are focusable by default\n        elementType === 'a' ||\n        elementType === 'button' ||\n        elementType === 'input' ||\n        elementType === 'select' ||\n        elementType === 'textarea'\n      ) {\n        if (_focusable === false || accessibilityDisabled === true) {\n          viewProps.tabIndex = '-1'\n        }\n      } else if (\n        // These roles are made focusable by default\n        role === 'button' ||\n        role === 'checkbox' ||\n        role === 'link' ||\n        role === 'radio' ||\n        role === 'textbox' ||\n        role === 'switch'\n      ) {\n        if (_focusable !== false) {\n          viewProps.tabIndex = '0'\n        }\n      }\n      // Everything else must explicitly set the prop\n      if (_focusable === true) {\n        viewProps.tabIndex = '0'\n      }\n    } else {\n      viewProps = nonTamaguiProps\n    }\n\n    viewProps.ref = useComposedRefs(hostRef as any, forwardedRef, setMounted)\n\n    if (process.env.NODE_ENV === 'development' && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          // eslint-disable-next-line no-console\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    const unPress = useCallback(() => {\n      setStateShallow({\n        press: false,\n        pressIn: false,\n      })\n    }, [setStateShallow])\n\n    if (!isRSC) {\n      useEffect(() => {\n        return () => {\n          mouseUps.delete(unPress)\n        }\n      }, [unPress])\n    }\n\n    let styles: Record<string, any>[]\n\n    if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {\n      styles = {\n        ...defaultNativeStyle,\n        ...(animationStyles ?? splitStylesStyle),\n        ...medias,\n      }\n    } else {\n      styles = [isWeb ? null : defaultNativeStyle, animationStyles ?? splitStylesStyle, medias]\n\n      // ugly but for now...\n      if (shouldForcePseudo) {\n        const next = {}\n        styles.forEach((style) => Object.assign(next, style))\n        // @ts-ignore\n        Object.assign(splitStyles.style, next)\n      }\n    }\n\n    let fontFamily = isText ? splitStyles.fontFamily || staticConfig.defaultProps.fontFamily : null\n    if (fontFamily && fontFamily[0] === '$') {\n      fontFamily = fontFamily.slice(1)\n    }\n    const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : ''\n\n    const classList = [\n      componentName ? componentClassName : '',\n      fontFamilyClassName,\n      themeIsNew ? theme.className : '',\n      classNames ? Object.values(classNames).join(' ') : '',\n    ]\n    const className = classList.join(' ')\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      const style = animationStyles ?? splitStyles.style\n\n      if (isAnimatedReactNativeWeb) {\n        viewProps.style = style\n      } else if (isReactNative) {\n        const rnwStyle = { $$css: true }\n        for (const name of className.split(' ')) {\n          rnwStyle[name] = name\n        }\n        viewProps.style = [rnwStyle, ...(Array.isArray(style) ? style : [style])]\n        if (process.env.NODE_ENV === 'development') {\n          // turn debug data- props into dataSet in dev mode\n          Object.keys(viewProps).forEach((key) => {\n            if (key.startsWith('data-')) {\n              viewProps.dataSet ??= {}\n              viewProps.dataSet[key.replace('data-', '')] = viewProps[key]\n              delete viewProps[key]\n            }\n          })\n        }\n      } else {\n        viewProps.className = className\n        viewProps.style = style\n      }\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // swap out the right family based on weight/style\n      if (splitStyles.fontFamily) {\n        const faceInfo = tamaguiConfig.fontsParsed[splitStyles.fontFamily]?.face\n        if (faceInfo) {\n          const [weight, style] = (() => {\n            let weight: string | undefined\n            let style: string | undefined\n            for (let i = styles.length; i >= 0; i--) {\n              weight ??= styles[i]?.fontWeight\n              style ??= styles[i]?.fontStyle\n            }\n            return [weight || '400', style || 'normal'] as const\n          })()\n          const overrideFace = faceInfo[weight]?.[style]?.val\n          if (overrideFace) {\n            for (const style of styles) {\n              if (style?.fontFamily) {\n                style.fontFamily = overrideFace\n                delete style.fontWeight\n                delete style.fontStyle\n              }\n            }\n          }\n        }\n      }\n\n      // assign styles\n      viewProps.style = styles\n    }\n\n    const runtimePressStyle = !disabled && noClassNames && pseudos?.pressStyle\n    const attachPress = !!(runtimePressStyle || onPress || onPressOut || onPressIn || onClick)\n    const runtimeHoverStyle = !disabled && noClassNames && pseudos?.hoverStyle\n    const isHoverable =\n      isWeb && !!(runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    const handlesPressEvents = !isWeb && !asChild\n\n    // check presence rather than value to prevent reparenting bugs\n    // allows for onPress={x ? function : undefined} without re-ordering dom\n    const shouldAttach = asChild\n      ? false\n      : Boolean(\n          attachPress ||\n            isHoverable ||\n            'pressStyle' in props ||\n            'onPress' in props ||\n            'onPressIn' in props ||\n            'onPressOut' in props ||\n            (isWeb &&\n              ('hoverStyle' in props ||\n                'onHoverIn' in props ||\n                'onHoverOut' in props ||\n                'onMouseEnter' in props ||\n                'onMouseLeave' in props))\n        )\n\n    const events =\n      shouldAttach && !isRSC && !isDisabled\n        ? {\n            onPressOut: attachPress\n              ? (e) => {\n                  unPress()\n                  onPressOut?.(e)\n                  onMouseUp?.(e)\n                }\n              : undefined,\n            ...(isHoverable && {\n              onMouseEnter: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    if (isHoverable) {\n                      next.hover = true\n                    }\n                    if (state.pressIn) {\n                      next.press = true\n                    }\n                    if (isHoverable || state.pressIn) {\n                      setStateShallow(next)\n                    }\n                    onHoverIn?.(e)\n                    onMouseEnter?.(e)\n                  }\n                : undefined,\n              onMouseLeave: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    mouseUps.add(unPress)\n                    if (isHoverable) {\n                      next.hover = false\n                    }\n                    if (state.pressIn) {\n                      next.press = false\n                      next.pressIn = false\n                    }\n                    if (Object.keys(next).length) {\n                      setStateShallow(next)\n                    }\n                    onHoverOut?.(e)\n                    onMouseLeave?.(e)\n                  }\n                : undefined,\n            }),\n            onPressIn: attachPress\n              ? (e) => {\n                  setStateShallow({\n                    press: true,\n                    pressIn: true,\n                    hover: false,\n                  })\n                  onPressIn?.(e)\n                  onMouseDown?.(e)\n                  if (isWeb) {\n                    mouseUps.add(unPress)\n                  }\n                }\n              : undefined,\n            onPress: attachPress\n              ? (e) => {\n                  unPress()\n                  // @ts-ignore\n                  onClick?.(e)\n                  onPress?.(e)\n                }\n              : undefined,\n\n            // replicating TouchableWithoutFeedback\n            ...(!isWeb && {\n              cancelable: !props.rejectResponderTermination,\n              disabled: isDisabled,\n              hitSlop: props.hitSlop,\n              delayLongPress: props.delayLongPress,\n              delayPressIn: props.delayPressIn,\n              delayPressOut: props.delayPressOut,\n              focusable: viewProps.focusable ?? true,\n              minPressDuration: 0,\n            }),\n          }\n        : null\n\n    let space = spaceProp\n\n    // find space by media query\n    if (state.mediaState && mediaKeys.length) {\n      for (const key in state.mediaState) {\n        if (key in state.mediaState && key in props && props[key].space !== undefined) {\n          space = props[key].space\n        }\n      }\n    }\n\n    const themeShouldReset = Boolean(themeShallow && themeManager && themeIsNew)\n    const shouldProvideThemeManager = themeShouldReset || (themeManager && themeIsNew)\n\n    // memoize to avoid re-parenting\n    if (shouldProvideThemeManager) {\n      stateRef.current.hasProvidedThemeManager = true\n    }\n    if (themeShouldReset) {\n      stateRef.current.themeShouldReset = true\n    }\n\n    const childEls =\n      !children || asChild\n        ? children\n        : wrapThemeManagerContext(\n            spacedChildren({\n              separator,\n              children,\n              space,\n              direction: props.spaceDirection || 'both',\n              isZStack,\n            }),\n            // only set context if changed theme\n            stateRef.current.hasProvidedThemeManager ? themeManager : undefined,\n            stateRef.current.themeShouldReset\n          )\n\n    let content: any\n\n    if (asChild) {\n      elementType = Slot\n      viewProps = {\n        ...viewProps,\n        onPress,\n        onPressIn,\n        onPressOut,\n      }\n    }\n\n    // EVENTS native\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // add focus events\n      const attachFocus = !!pseudos.focusStyle\n      if (attachFocus) {\n        viewProps.onFocus = mergeEvent(viewProps.onFocus, () => {\n          setStateShallow({ focus: true })\n        })\n        viewProps.onBlur = mergeEvent(viewProps.onBlur, () => {\n          setStateShallow({ focus: false })\n        })\n      }\n\n      // use Pressability to get smooth unPress when you press + hold + move out\n      // only ever create once, use .configure() to update later\n      const pressability = usePressability(events ? { ...events, hitSlop } : {})\n      if (attachPress && events) {\n        for (const key in pressability) {\n          const og = props[key]\n          const val = pressability[key]\n          viewProps[key] =\n            og && !dontComposePressabilityKeys[key] ? composeEventHandlers(og, val) : val\n        }\n      }\n    }\n\n    content = createElement(elementType, viewProps, childEls)\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (events || isAnimatedReactNativeWeb) {\n        content = (\n          <span\n            className={(isAnimatedReactNativeWeb ? className : '') + `  _dsp_contents`}\n            {...(events && {\n              onMouseEnter: events.onMouseEnter,\n              onMouseLeave: events.onMouseLeave,\n              onClick: events.onPress,\n              onMouseDown: events.onPressIn,\n              onMouseUp: events.onPressOut,\n              onTouchStart: events.onPressIn,\n              onTouchEnd: events.onPressOut,\n            })}\n          >\n            {content}\n          </span>\n        )\n      }\n    }\n\n    if (process.env.NODE_ENV === 'development' && process.env.DEBUG !== 'tamagui') {\n      if (debugProp) {\n        const element = typeof elementType === 'string' ? elementType : 'Component'\n        // eslint-disable-next-line no-console\n        console.groupCollapsed(`render <${element} /> with props`, viewProps)\n        for (const key in viewProps) {\n          // eslint-disable-next-line no-console\n          console.log(key, viewProps[key])\n        }\n        // eslint-disable-next-line no-console\n        console.log('children', content)\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n        if (typeof window !== 'undefined') {\n          // prettier-ignore\n          // eslint-disable-next-line no-console\n          console.log({ state, shouldProvideThemeManager, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, defaultNativeStyle, ...(typeof window !== 'undefined' ? { theme, themeClassName:  theme.className, staticConfig, tamaguiConfig, events, shouldAvoidClasses, shouldForcePseudo, classNames: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, getAllSelectors()[v]])) } : null) })\n        }\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n      }\n    }\n\n    return content\n  })\n\n  if (staticConfig.componentName) {\n    component.displayName = staticConfig.componentName\n  }\n\n  onConfiguredOnce((conf) => {\n    // one time only setup\n    if (!tamaguiConfig) {\n      tamaguiConfig = conf\n\n      if (!defaultComponentState) {\n        defaultComponentState = {\n          hover: false,\n          press: false,\n          pressIn: false,\n          focus: false,\n          unmounted: true,\n          mediaState: getMediaStateObject(getInitialMediaState()),\n        }\n        defaultComponentStateMounted = {\n          ...defaultComponentState,\n          unmounted: false,\n        }\n      }\n\n      if (tamaguiConfig.animations) {\n        AnimatedText = tamaguiConfig.animations.Text\n        AnimatedView = tamaguiConfig.animations.View\n      }\n\n      if (!initialTheme) {\n        const next = conf.themes[Object.keys(conf.themes)[0]]\n        initialTheme = proxyThemeVariables(next)\n        if (process.env.NODE_ENV === 'development') {\n          if (!initialTheme) {\n            // eslint-disable-next-line no-console\n            console.log(`Warning: Missing theme`)\n          }\n        }\n      }\n    }\n\n    // per-component setup\n    // do this to make sure shorthands don't duplicate with.. longhands\n    mergeShorthands(staticConfig, tamaguiConfig)\n\n    let defaultPropsIn = staticConfig.defaultProps || {}\n\n    // because we run createTamagui after styled() defs, have to do some work here\n    // gather defaults props one time and merge downwards\n    // find last unprocessed and process\n    const parentNames = [...(staticConfig.parentNames || []), staticConfig.componentName]\n\n    if (tamaguiConfig.defaultProps && parentNames && staticConfig.componentName) {\n      defaultPropsIn = mergeConfigDefaultProps(\n        staticConfig.componentName,\n        defaultPropsIn,\n        tamaguiConfig.defaultProps,\n        parentNames,\n        tamaguiConfig\n      )\n    }\n\n    const debug = defaultPropsIn['debug']\n\n    // remove all classNames\n    const [ourProps, ourClassNames] = mergeProps(defaultPropsIn, {})\n\n    if (ourProps.tag) {\n      defaultTag = ourProps.tag\n    }\n\n    const noClassNames = !staticConfig.acceptsClassName\n    const { name, variants, defaultVariants, ...restProps } = ourProps\n\n    // must preserve prop order\n    // leave out className because we handle that already with initialSplitStyles.classNames\n    // otherwise it confuses variant functions getting className props\n    const [defaults, defaultsClassnames] = mergeProps(component.defaultProps as any, {\n      ...defaultVariants,\n      ...restProps,\n    })\n\n    defaultNativeStyle = {}\n\n    const validStyles = staticConfig.validStyles || stylePropsView\n\n    // split - keep variables on props to be processed using theme values at runtime (native)\n    if (!isWeb) {\n      for (const key in staticConfig.defaultProps) {\n        const val = staticConfig.defaultProps[key]\n        if (validPseudoKeys[key]) continue\n        if ((typeof val === 'string' && val[0] === '$') || !validStyles[key]) {\n          defaults[key] = val\n        } else {\n          defaultNativeStyle[key] = val\n        }\n      }\n    }\n\n    // set to global\n    tamaguiDefaultProps = defaults\n\n    // add debug logs\n    if (process.env.NODE_ENV === 'development' && debug) {\n      if (process.env.IS_STATIC !== 'is_static') {\n        // prettier-ignore\n        // eslint-disable-next-line no-console\n        console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, { staticConfig, tamaguiDefaultProps, defaultNativeStyle, defaults, defaultPropsIn, defaultPropsKeyOrder: Object.keys(staticConfig.defaultProps), defaultPropsInKeyOrder: Object.keys(defaultPropsIn).map((k) => [k, defaultPropsIn[k]]), ourProps, ourClassNames, defaultsClassnames, defaultTag, noClassNames, })\n      }\n    }\n  })\n\n  let res: TamaguiComponent<ComponentPropTypes, Ref, BaseProps> = component as any\n\n  if (configIn.memo) {\n    res = memo(res) as any\n  }\n\n  res.staticConfig = {\n    validStyles: staticConfig.validStyles || stylePropsView,\n    ...staticConfig,\n  }\n\n  // res.extractable HoC\n  res.extractable = (Component: any, conf?: Partial<StaticConfig>) => {\n    Component.staticConfig = extendStaticConfig(\n      {\n        Component,\n        ...conf,\n        neverFlatten: true,\n        defaultProps: {\n          ...Component.defaultProps,\n          ...conf?.defaultProps,\n        },\n      },\n      res\n    )\n    return Component\n  }\n\n  return res\n}\n\n// for elements to avoid spacing\nexport const Unspaced = (props: { children?: any }) => {\n  return props.children\n}\nUnspaced['isUnspaced'] = true\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<SpacerProps>({\n  memo: true,\n  componentName: 'Spacer',\n  validStyles,\n\n  defaultProps: {\n    ...stackDefaultStyles,\n    // avoid nesting issues\n    tag: 'span',\n    size: true,\n  },\n\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        const sizePx = tokens.space[size] ?? size\n        return {\n          width: sizePx,\n          height: sizePx,\n          minWidth: sizePx,\n          minHeight: sizePx,\n        }\n      },\n    },\n\n    flex: {\n      true: {\n        flexGrow: 1,\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n        minHeight: 0,\n      },\n      vertical: {\n        width: 0,\n        minWidth: 0,\n      },\n      both: {},\n    },\n  } as const,\n})\n\nexport type SpacedChildrenProps = {\n  isZStack?: boolean\n  children?: React.ReactNode\n  space?: SpaceTokens | number | null\n  spaceFlex?: boolean | number\n  direction?: SpaceDirection\n  separator?: React.ReactNode\n}\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  direction,\n  spaceFlex,\n  separator,\n}: SpacedChildrenProps) {\n  const hasSpace = !!(space || spaceFlex)\n  const hasSeparator = !(separator === undefined || separator === null)\n  if (!hasSpace && !hasSeparator && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  if (childrenList.length <= 1 && !isZStack) {\n    return childrenList\n  }\n  const final: React.ReactNode[] = []\n  for (const [index, child] of childrenList.entries()) {\n    const isEmpty =\n      child === null || child === undefined || (Array.isArray(child) && child.length === 0)\n    // push them all, but wrap some in Fragment\n    if (isEmpty || !child || (child['key'] && !isZStack)) {\n      final.push(child)\n    } else {\n      final.push(\n        <Fragment key={index}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\n      )\n    }\n\n    // first child unspaced avoid insert space\n    if (isUnspaced(child) && index === 0) continue\n    // no spacing on ZStack\n    if (isZStack) continue\n\n    const next = childrenList[index + 1]\n\n    if (next && !isUnspaced(next)) {\n      if (separator) {\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}_00tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n        final.push(\n          React.isValidElement(separator)\n            ? React.cloneElement(separator, { key: `sep_${index}` })\n            : separator\n        )\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}01tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n      } else {\n        final.push(\n          createSpacer({\n            key: `_${index}02tmgui`,\n            direction,\n            space,\n            spaceFlex,\n          })\n        )\n      }\n    }\n  }\n\n  return final\n}\n\ntype CreateSpacerProps = SpacedChildrenProps & { key: string }\n\nfunction createSpacer({ key, direction, space, spaceFlex }: CreateSpacerProps) {\n  return (\n    // @ts-ignore this one blew up but the types seem better\n    <Spacer\n      key={key}\n      size={space}\n      direction={direction}\n      {...(typeof spaceFlex !== 'undefined' && {\n        flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex,\n      })}\n    />\n  )\n}\n\nfunction isUnspaced(child: React.ReactNode) {\n  // console.log('unspaced?', child, getMedia())\n  return child?.['type']?.['isVisuallyHidden'] || child?.['type']?.['isUnspaced']\n}\n\nconst DefaultProps = new Map()\n\nfunction mergeConfigDefaultProps(\n  name: string,\n  props: Record<string, any>,\n  configDefaults: Record<string, Object>,\n  parentNames: (string | undefined)[],\n  conf: TamaguiInternalConfig\n) {\n  const len = parentNames.length\n  let prev\n\n  for (let i = 0; i < len; i++) {\n    const n = parentNames[i]\n    if (!n) continue\n    if (DefaultProps.has(n)) {\n      prev = DefaultProps.get(n)\n      continue\n    }\n    const props = configDefaults[n]\n    if (!props) {\n      if (prev) {\n        DefaultProps.set(n, prev)\n      }\n      continue\n    }\n    prev = mergeProps(prev || {}, props, false, conf.inverseShorthands)[0]\n    DefaultProps.set(n, prev)\n  }\n\n  // overwrite the user defined defaults on top of internal defined defaults\n  const ourDefaultsMerged = DefaultProps.get(name)\n  if (ourDefaultsMerged) {\n    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0]\n  }\n  return props\n}\n\n// react native compat (web only)\nfunction usePlatformMethods(hostRef: RefObject<Element>) {\n  useIsomorphicLayoutEffect(() => {\n    const node = hostRef.current\n    if (!node) return\n    // @ts-ignore\n    node.measure = (callback) => measureLayout(node, null, callback)\n    // @ts-ignore\n    node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success)\n    // @ts-ignore\n    node.measureInWindow = (callback) => {\n      if (!node) return\n      setTimeout(() => {\n        const { height, left, top, width } = getRect(node as HTMLElement)!\n        callback(left, top, width, height)\n      }, 0)\n    }\n  }, [hostRef])\n}\n\nconst AbsoluteFill: any = createComponent({\n  componentName: 'AbsoluteFill',\n  defaultProps: {\n    ...stackDefaultStyles,\n    flexDirection: 'column',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    pointerEvents: 'box-none',\n  },\n})\n\nconst dontComposePressabilityKeys = {\n  onClick: true,\n}\n\nfunction getMediaStateObject(obj: Object) {\n  return Object.fromEntries(Object.entries(obj).flatMap(([k, v]) => (v ? [[`$${k}`, v]] : [])))\n}\n"],
+  "mappings": "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",
   "names": ["_a", "_b", "weight", "style", "element", "validStyles", "props"]
 }

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

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

package/dist/esm/hooks/useTheme.js

@@ -1,5 +1,5 @@
 import { isClient, isRSC, isServer, isWeb } from "@tamagui/constants";
-import { useContext, useLayoutEffect, useMemo, useState } from "react";
+import { useContext, useEffect, useMemo, useState } from "react";
 import { getConfig } from "../config";
 import { isDevTools } from "../constants/isDevTools";
 import { createProxy } from "../helpers/createProxy";
@@ -119,7 +119,7 @@ const useChangeThemeEffect = (props, root = false) => {
   const [themeState, setThemeState] = useState(createState);
   const { isNewTheme, state, themeManager, mounted } = themeState;
   if (!isServer) {
-    useLayoutEffect(() => {
+    useEffect(() => {
       if (disable)
         return;
       if (props.inverse && !mounted) {
@@ -144,15 +144,16 @@ const useChangeThemeEffect = (props, root = false) => {
       };
     }, [disable, state, isNewTheme, debug]);
   }
-  if (process.env.NODE_ENV === "development" && debug)
-    console.log("useTheme.render isNewTheme", isNewTheme, props, themeManager.state.name, parentManager == null ? void 0 : parentManager.state.name);
-  if (hasNoThemeUpdatingProps(props) || !mounted && parentManager) {
+  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse);
+  const shouldReturnParentState = hasNoThemeUpdatingProps(props) || isInversingOnMount;
+  if (shouldReturnParentState) {
     if (!parentManager)
       throw `impossible`;
     if (process.env.NODE_ENV === "development" && props.debug === "verbose")
-      console.log("useTheme hasNoThemeUpdatingProps", parentManager.state);
+      console.log("useTheme hasNoThemeUpdatingProps", parentManager.state.name, "isInversingOnMount", isInversingOnMount);
     return {
       ...parentManager.state,
+      className: isInversingOnMount ? "" : parentManager.state.className,
       themeManager: parentManager,
       isNewTheme: false
     };

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  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) || (!mounted && parentManager)) {\n    if (!parentManager) throw `impossible`\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme hasNoThemeUpdatingProps', 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  return {\n    ...state,\n    isNewTheme,\n    themeManager,\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    const next = themeManager.getState(props, parentManager)\n    const shouldChange = themeManager.getStateShouldChange(next, isNewTheme ? state : null)\n    if (shouldChange) {\n      setThemeState(createState)\n    } else {\n      if (!next && parentManager?.state.name !== state.name) {\n        // were changing back to parent state\n        setThemeState(createState)\n      }\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useEffect, 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    useEffect(() => {\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  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse)\n  const shouldReturnParentState = hasNoThemeUpdatingProps(props) || isInversingOnMount\n\n  if (shouldReturnParentState) {\n    if (!parentManager) throw `impossible`\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme hasNoThemeUpdatingProps', parentManager.state.name, 'isInversingOnMount', isInversingOnMount)\n    return {\n      ...parentManager.state,\n      className: isInversingOnMount ? '' : parentManager.state.className,\n      themeManager: parentManager,\n      isNewTheme: false,\n    }\n  }\n\n  // run inline in render\n  updateState()\n\n  return {\n    ...state,\n    isNewTheme,\n    themeManager,\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    const next = themeManager.getState(props, parentManager)\n    const shouldChange = themeManager.getStateShouldChange(next, isNewTheme ? state : null)\n    if (shouldChange) {\n      setThemeState(createState)\n    } else {\n      if (!next && parentManager?.state.name !== state.name) {\n        // were changing back to parent state\n        setThemeState(createState)\n      }\n    }\n  }\n}\n"],
+  "mappings": "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",
   "names": ["isNewTheme", "mounted"]
 }

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, 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"],
+  "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 only 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-rc.0.1",
+  "version": "1.0.1-rc.0.2",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -28,15 +28,15 @@
   ],
   "dependencies": {
     "@expo/match-media": "^0.3.0",
-    "@tamagui/compose-refs": "^1.0.1-rc.0.1",
-    "@tamagui/constants": "^1.0.1-rc.0.1",
-    "@tamagui/helpers": "^1.0.1-rc.0.1",
-    "@tamagui/react-native-use-pressable": "^1.0.1-rc.0.1",
-    "@tamagui/react-native-use-responder-events": "^1.0.1-rc.0.1",
-    "@tamagui/types-react-native": "^1.0.1-rc.0.1",
-    "@tamagui/use-did-finish-ssr": "^1.0.1-rc.0.1",
-    "@tamagui/use-event": "^1.0.1-rc.0.1",
-    "@tamagui/use-force-update": "^1.0.1-rc.0.1",
+    "@tamagui/compose-refs": "^1.0.1-rc.0.2",
+    "@tamagui/constants": "^1.0.1-rc.0.2",
+    "@tamagui/helpers": "^1.0.1-rc.0.2",
+    "@tamagui/react-native-use-pressable": "^1.0.1-rc.0.2",
+    "@tamagui/react-native-use-responder-events": "^1.0.1-rc.0.2",
+    "@tamagui/types-react-native": "^1.0.1-rc.0.2",
+    "@tamagui/use-did-finish-ssr": "^1.0.1-rc.0.2",
+    "@tamagui/use-event": "^1.0.1-rc.0.2",
+    "@tamagui/use-force-update": "^1.0.1-rc.0.2",
     "normalize-css-color": "^1.0.2"
   },
   "peerDependencies": {
@@ -44,7 +44,7 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-rc.0.1",
+    "@tamagui/build": "^1.0.1-rc.0.2",
     "@types/node": "^16.11.9",
     "@types/react": "^18.0.15",
     "@types/react-native": "^0.69.2",

package/src/createComponent.tsx

@@ -14,6 +14,7 @@ import React, {
   createElement,
   forwardRef,
   memo,
+  startTransition,
   useCallback,
   useContext,
   useEffect,
@@ -245,15 +246,11 @@ export function createComponent<
     const shouldSetMounted = needsMount && state.unmounted
     const setMounted = shouldSetMounted
       ? () => {
-          // for some reason without some small delay it doesn't animate css
-          setTimeout(
-            () => {
-              setStateShallow({
-                unmounted: false,
-              })
-            },
-            isWeb ? 10 : 0
-          )
+          startTransition(() => {
+            setStateShallow({
+              unmounted: false,
+            })
+          })
         }
       : undefined
 

package/src/hooks/useMedia.tsx

@@ -13,7 +13,7 @@ import {
 import { useSafeRef } from './useSafeRef'
 
 export const mediaState: MediaQueryState =
-  // development time safeguard
+  // development only safeguard
   process.env.NODE_ENV === 'development'
     ? createProxy(
         {},

package/src/hooks/useTheme.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'
-import { useContext, useLayoutEffect, useMemo, useState } from 'react'
+import { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react'
 
 import { getConfig } from '../config'
 import { isDevTools } from '../constants/isDevTools'
@@ -160,7 +160,7 @@ export const useChangeThemeEffect = (props: ThemeProps, root = false): ChangedTh
   const { isNewTheme, state, themeManager, mounted } = themeState
 
   if (!isServer) {
-    useLayoutEffect(() => {
+    useEffect(() => {
       if (disable) return
       // SSR safe inverse (because server can't know prefers scheme)
       // could be done through fancy selectors like how we do prefers-media
@@ -188,16 +188,16 @@ export const useChangeThemeEffect = (props: ThemeProps, root = false): ChangedTh
     }, [disable, state, isNewTheme, debug])
   }
 
-  // prettier-ignore
-  if (process.env.NODE_ENV === 'development' && debug) console.log('useTheme.render isNewTheme', isNewTheme, props, themeManager.state.name, parentManager?.state.name)
+  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse)
+  const shouldReturnParentState = hasNoThemeUpdatingProps(props) || isInversingOnMount
 
-  // this seems unnecessary
-  if (hasNoThemeUpdatingProps(props) || (!mounted && parentManager)) {
+  if (shouldReturnParentState) {
     if (!parentManager) throw `impossible`
     // prettier-ignore
-    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme hasNoThemeUpdatingProps', parentManager.state)
+    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme hasNoThemeUpdatingProps', parentManager.state.name, 'isInversingOnMount', isInversingOnMount)
     return {
       ...parentManager.state,
+      className: isInversingOnMount ? '' : parentManager.state.className,
       themeManager: parentManager,
       isNewTheme: false,
     }

package/src/views/Theme.tsx

@@ -8,7 +8,7 @@ import { useChangeThemeEffect } from '../hooks/useTheme'
 import { ThemeProps } from '../types'
 
 export function Theme(props: ThemeProps) {
-  // @ts-expect-error its a permanent prop meant for internal views
+  // @ts-expect-error only for internal views
   if (props.disable) {
     return props.children
   }