@tamagui/core 1.0.1-rc.0.4 → 1.0.1-rc.1

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  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": "AA20BU;AA30BV,SAAS,uBAAuB;AAChC,SAAS,UAAU,OAAO,UAAU,OAAO,iCAAiC;AAC5E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB,yBAAyB;AACtD,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,eAAe,wBAAwB;AAChD,SAAS,uBAAuB,4BAA4B;AAC5D,SAAS,cAAc,sBAAsB;AAC7C,SAAS,oBAAoB,iBAAiB,gBAAgB;AAiB9D,SAAS,uBAAuB;AAChC,SAAS,MAAM,kBAAkB;AACjC,SAAS,+BAA+B;AAexC,QAAQ,IAAI;AAKZ,IAAI,wBAAsD;AAC1D,IAAI,+BAA6D;AACjE,IAAI;AACJ,IAAI;AACJ,IAAI;AACJ,IAAI;AAEG,MAAM,WAAW,oBAAI,IAAc;AAC1C,IAAI,OAAO,aAAa,aAAa;AACnC,QAAM,gBAAgB,MAAM;AAC1B,aAAS,QAAQ,CAAC,MAAM,EAAE,CAAC;AAC3B,aAAS,MAAM;AAAA,EACjB;AACA,mBAAiB,WAAW,aAAa;AACzC,mBAAiB,YAAY,aAAa;AAC1C,mBAAiB,eAAe,aAAa;AAC/C;AAGA,SAAS,gBAAgB,EAAE,aAAa,GAAuB,EAAE,WAAW,GAAkB;AAE5F,aAAW,OAAO,OAAO,KAAK,YAAY,GAAG;AAC3C,iBAAa,WAAW,QAAQ,OAAO,aAAa;AAAA,EACtD;AACF;AAMA,IAAI;AACJ,IAAI;AACJ,IAAI,QAAQ,IAAI,mBAAmB,UAAU;AAC3C,QAAM,SAAS,QAAQ,cAAc;AACrC,aAAW,OAAO,QAAQ,OAAO,QAAQ;AACzC,aAAW,OAAO,QAAQ,OAAO,QAAQ;AAC3C;AAEO,SAAS,gBAId,UAAsD,iBAAqC;AAC3F,QAAM,gBAAgB,MAAM;AAC1B,UAAM,OAAO,mBAAmB,UAAU,eAAe;AACzD,QAAI,YAAY,MAAM;AACpB,aAAO;AAAA,IACT,OAAO;AACL,aAAO,kBAAkB,IAAI;AAAA,IAC/B;AAAA,EACF,GAAG;AAEH,QAAM,4BAA4B,MAAM,aAAa;AACrD,MAAI;AACJ,MAAI;AACJ,MAAI;AAGJ,QAAM,YAAY,WAAoC,CAAC,SAAc,iBAAiB;AAtIxF;AA2II,QAAI;AACJ,QAAI,uBAAuB,CAAC,QAAQ,SAAS;AAC3C,cAAQ,WAAW,qBAAqB,OAAO,EAAE;AAAA,IACnD,OAAO;AACL,cAAQ;AAAA,IACV;AAEA,UAAM,YAAY,MAAM;AACxB,UAAM,EAAE,WAAW,QAAQ,SAAS,IAAI;AACxC,UAAM,gBAAgB,MAAM,iBAAiB,aAAa;AAC1D,UAAM,qBAAqB,MAAM,UAC7B,KACA,MAAM,gBACN,MAAM,MAAM,kBACZ;AAKJ,UAAM,mBAAmB,cAAc;AACvC,UAAM,gBAAgB,qDAAkB;AACxC,UAAM,6BAA6B,iBAAiB;AACpD,UAAM,gBAAgB,CAAC,CAAC,MAAM;AAC9B,UAAM,aAAa,SAAS,QAAQ,WAAW,UAAU,iBAAiB,MAAM,UAAU;AAC1F,UAAM,SAAS;AAAA,MACb,aAAa,wBAAyB;AAAA,IACxC;AAEA,UAAM,QAAQ,QAAQ,aAAa,EAAE,GAAG,OAAO,IAAI,CAAC,QAAQ,aAAa,KAAK,IAAI,OAAO;AACzF,UAAM,WAAW,OAAO;AACxB,UAAM,kBAAkB,mBAAmB,UAAU,WAAW,aAAa;AAI7E,UAAM,WAAW;AAAA,MACf;AAAA,IAMF;AACA,aAAS,YAAY,CAAC;AAEtB,UAAM,cAAc,MAAM;AACxB,YAAM,OAAO,CAAC,EAAE,iBAAiB,MAAM;AACvC,UAAI,QAAQ,CAAC,SAAS,QAAQ,aAAa;AACzC,iBAAS,QAAQ,cAAc;AAAA,MACjC;AACA,aAAO,QAAQ,SAAS,QAAQ;AAAA,IAClC,GAAG;AAEH,UAAM,eAAc,mBAAc,eAAd,mBAA0B;AAC9C,UAAM,WAAW,CAAC,SAAS,aAAa,YAAY,IAAI;AAGxD,QAAI,cAAc,UAAU;AAC1B,YAAM,gBAAgB,SAAS;AAC/B,UAAI,eAAe;AACjB,YAAI,MAAM,aAAa,cAAc,cAAc;AACjD,gBAAM,cAAc,gBAAgB;AAAA,QACtC;AACA,YAAI,CAAC,cAAc,aAAa,cAAc,aAAa;AACzD,gBAAM,cAAc,eAAe;AAAA,QACrC;AAAA,MACF;AAAA,IACF;AAEA,UAAM,gBAAgB;AAAA,MACpB,aAAa,iBAAkB,cAAc,cAAc,WAAW;AAAA,IACxE;AAEA,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,WAAW;AACb,cAAM,OAAO,GACX,kBAAiB,uCAAW,iBAAe,uCAAW,SAAQ;AAEhE,cAAM,OAAO,gBAAgB,UAAU;AACvC,cAAM,SAAS,QAAQ,cAAc;AACrC,cAAM,SAAS,GAAG,OAAO,SAAS,IAAI,WAAW,MAAM;AAEvD,gBAAQ,MAAM,MAAM,UAAU,qBAAqB;AACnD,YAAI,CAAC,UAAU;AAEb,kBAAQ,IAAI,SAAS,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAEA,UAAM,qBACJ,CAAC,SAAS,CAAC,EAAE,MAAM,aAAa,+BAA+B,CAAC,aAAa;AAC/E,UAAM,oBAAoB,CAAC,CAAC,QAAQ;AACpC,UAAM,eAAe,sBAAsB;AAE3C,UAAM,QAAQ,SAAS;AAAA,MACrB,MAAM,MAAM;AAAA,MACZ;AAAA,MACA,OAAO,MAAM;AAAA,MACb,SAAS,MAAM;AAAA,MAEf,SAAS,MAAM;AAAA,MACf,OAAO,MAAM;AAAA,IACf,CAAC;AACD,UAAM,eAAe,gBAAgB,KAAK;AAC1C,UAAM,aAAa,mBAAmB,KAAK;AAE3C,UAAM,mBAAmB,cAAc,MAAM;AAC7C,UAAM,aAAa,mBACf,MAAM;AACJ,sBAAgB,MAAM;AACpB,wBAAgB;AAAA,UACd,WAAW;AAAA,QACb,CAAC;AAAA,MACH,CAAC;AAAA,IACH,IACA;AAEJ,UAAM,kBAAkB,CAAC,EAAE,SAAS,SAAS,WAAW,mBAAmB,IAAI;AAC/E,UAAM,kBAAkB,QAAQ,OAAO,WAAW,mBAAmB;AACrE,UAAM,aAAa,MAAM,cAAY,WAAM,uBAAN,mBAA0B;AAE/D,UAAM,aAAa,CAAC,aAAa,OAAO,cAAc;AAEtD,UAAM,UAAU,QACZ,aACE,MAAM,OAAO,cAAc,YAC3B,YACF;AAEJ,UAAM,oBAAoB,YAAY,WAAW;AACjD,UAAM,oBAAoB,YAAY,YAAY,kBAAkB,SAAS;AAC7E,QAAI,cAAc,UACb,aAAa,eAAe,SAAS,qBACrC,aAAa,eAAe,SAAS;AAE1C,kBAAc,aAAa;AAC3B,UAAM,kBAAkB,OAAO,gBAAgB;AAE/C,UAAM,aAAY,qCAAW,QAAO;AACpC,UAAM,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,GAAG;AAAA,QACH;AAAA,QACA,qBAAqB;AAAA,QACrB;AAAA,QACA,oBAAoB;AAAA,QACpB;AAAA,MACF;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,IACF;AAEA,UAAM,UAAU,aAA6B,IAAI;AAGjD,UAAM,2BAA2B,cAAc;AAE/C,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,CAAC,QAAQ,IAAI,gBAAgB;AAE/B,gBAAQ,MAAM,wEAAwE;AAAA,MACxF;AAEA,UAAI,WAAW;AAEb,gBAAQ,eAAe,OAAO;AAE9B,gBAAQ,IAAI,YAAY,SAAS,aAAa,OAAO,YAAY,OAAO,KAAK,KAAK,CAAC;AAEnF,gBAAQ,IAAI,eAAe,WAAW;AAEtC,gBAAQ,IAAI,aAAa,OAAO,OAAO,YAAY,UAAU,CAAC;AAC9D,YAAI,UAAU;AAEZ,kBAAQ,IAAI,OAAO,SAAS,iBAAiB;AAAA,QAC/C;AAEA,gBAAQ,SAAS;AACjB,YAAI,cAAc,SAAS;AAEzB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM;AAAA,MACJ,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IACF,IAAI;AAEJ,UAAM,qBAAqB;AAI3B,QAAI;AACJ,QAAI,CAAC,SAAS,cAAc,eAAe;AACzC,YAAM,aAAa,cAAc;AAAA,QAC/B,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc,MAAM;AAAA,QACpB;AAAA,QACA;AAAA,MACF,CAAC;AACD,UAAI,YAAY;AACd,0BAAkB,WAAW;AAAA,MAC/B;AAAA,IACF;AAGA,8BAA0B,MAAM;AAC9B,YAAM,YAAY,UAAU,IAAI,CAAC,QAAQ;AACvC,eAAO,sBAAsB,KAAK,CAAC,SAAkB;AACnD,mBAAS,CAAC,SAAS;AACjB,gBAAI,KAAK,WAAY,SAAS,MAAM;AAClC,qBAAO;AAAA,gBACL,GAAG;AAAA,gBACH,YAAY,oBAAoB;AAAA,kBAC9B,GAAG,KAAK;AAAA,kBACR,CAAC,MAAM;AAAA,gBACT,CAAC;AAAA,cACH;AAAA,YACF;AACA,mBAAO;AAAA,UACT,CAAC;AAAA,QACH,CAAC;AAAA,MACH,CAAC;AACD,aAAO,MAAM;AACX,kBAAU,QAAQ,CAAC,MAAM,EAAE,CAAC;AAAA,MAC9B;AAAA,IACF,GAAG,CAAC,UAAU,KAAK,GAAG,CAAC,CAAC;AAExB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,YAAY;AAAA,MAEZ;AAAA,MACA,OAAO;AAAA,MAEP;AAAA,SAEG;AAAA,IACL,IAAI;AAEJ,UAAM,WACH,MAAM,sBAAsB,QAAQ,MAAM,mBAAmB,aAAa,QAC3E,MAAM;AAIR,QAAI;AAGJ,QAAI,QAAQ,IAAI,mBAAmB,SAAS,CAAC,eAAe;AAE1D,YAAM;AAAA,QAEJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAGA;AAAA,QACA;AAAA,QAGA;AAAA,QACA;AAAA,QAEA;AAAA,WAEG;AAAA,MACL,IAAI;AAEJ,kBAAY;AAEZ,UAAI,CAAC,OAAO;AACV,2BAAmB,OAA6B;AAEhD,yBAAiB,SAA+B,QAAe;AAE/D,2BAAmB,SAAS;AAAA,UAC1B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAQ;AAAA,MACV;AAEA,UAAI,MAAM,QAAQ,UAAa,aAAa,QAAW;AACrD,cAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,YAAI,YAAY,MAAM;AACpB,oBAAU,WAAW;AAAA,QACvB;AACA,YAAI,OAAO,MAAM;AACf,oBAAU,MAAM;AAAA,QAClB;AACA,YAAI,OAAO,WAAW,UAAU;AAC9B,oBAAU,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,MAAM,SAAS;AAAA,QAC/D;AAAA,MACF;AAIA,YAAM,aAAa,aAAa,SAAY,YAAY;AACxD,YAAM,OAAO,UAAU;AACvB,UAAI,eAAe,OAAO;AACxB,kBAAU,WAAW;AAAA,MACvB;AACA,UAEE,gBAAgB,OAChB,gBAAgB,YAChB,gBAAgB,WAChB,gBAAgB,YAChB,gBAAgB,YAChB;AACA,YAAI,eAAe,SAAS,0BAA0B,MAAM;AAC1D,oBAAU,WAAW;AAAA,QACvB;AAAA,MACF,WAEE,SAAS,YACT,SAAS,cACT,SAAS,UACT,SAAS,WACT,SAAS,aACT,SAAS,UACT;AACA,YAAI,eAAe,OAAO;AACxB,oBAAU,WAAW;AAAA,QACvB;AAAA,MACF;AAEA,UAAI,eAAe,MAAM;AACvB,kBAAU,WAAW;AAAA,MACvB;AAAA,IACF,OAAO;AACL,kBAAY;AAAA,IACd;AAEA,cAAU,MAAM,gBAAgB,SAAgB,cAAc,UAAU;AAExE,QAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,UAAU,OAAO;AAC9D,eAAS,QAAQ,MAAM,QAAQ,EAAE,QAAQ,CAAC,SAAS;AACjD,YAAI,OAAO,SAAS,UAAU;AAE5B,kBAAQ,MAAM,yBAAyB,kDAAkD;AAAA,QAC3F;AAAA,MACF,CAAC;AAAA,IACH;AAEA,UAAM,UAAU,YAAY,MAAM;AAChC,sBAAgB;AAAA,QACd,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AAAA,IACH,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAI,CAAC,OAAO;AACV,gBAAU,MAAM;AACd,eAAO,MAAM;AACX,mBAAS,OAAO,OAAO;AAAA,QACzB;AAAA,MACF,GAAG,CAAC,OAAO,CAAC;AAAA,IACd;AAEA,QAAI;AAEJ,QAAI,mBAAmB,sBAAsB,CAAC,mBAAmB;AAC/D,eAAS;AAAA,QACP,GAAG;AAAA,QACH,GAAI,mBAAmB;AAAA,QACvB,GAAG;AAAA,MACL;AAAA,IACF,OAAO;AACL,eAAS,CAAC,QAAQ,OAAO,oBAAoB,mBAAmB,kBAAkB,MAAM;AAGxF,UAAI,mBAAmB;AACrB,cAAM,OAAO,CAAC;AACd,eAAO,QAAQ,CAAC,UAAU,OAAO,OAAO,MAAM,KAAK,CAAC;AAEpD,eAAO,OAAO,YAAY,OAAO,IAAI;AAAA,MACvC;AAAA,IACF;AAEA,QAAI,aAAa,SAAS,YAAY,cAAc,aAAa,aAAa,aAAa;AAC3F,QAAI,cAAc,WAAW,OAAO,KAAK;AACvC,mBAAa,WAAW,MAAM,CAAC;AAAA,IACjC;AACA,UAAM,sBAAsB,aAAa,QAAQ,eAAe;AAEhE,UAAM,YAAY;AAAA,MAChB,gBAAgB,qBAAqB;AAAA,MACrC;AAAA,MACA,aAAa,MAAM,YAAY;AAAA,MAC/B,aAAa,OAAO,OAAO,UAAU,EAAE,KAAK,GAAG,IAAI;AAAA,IACrD;AACA,UAAM,YAAY,UAAU,KAAK,GAAG;AAEpC,QAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,YAAM,QAAQ,mBAAmB,YAAY;AAE7C,UAAI,0BAA0B;AAC5B,kBAAU,QAAQ;AAAA,MACpB,WAAW,eAAe;AACxB,cAAM,WAAW,EAAE,OAAO,KAAK;AAC/B,mBAAW,QAAQ,UAAU,MAAM,GAAG,GAAG;AACvC,mBAAS,QAAQ;AAAA,QACnB;AACA,kBAAU,QAAQ,CAAC,UAAU,GAAI,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAE;AACxE,YAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,iBAAO,KAAK,SAAS,EAAE,QAAQ,CAAC,QAAQ;AACtC,gBAAI,IAAI,WAAW,OAAO,GAAG;AAC3B,wBAAU,YAAY,CAAC;AACvB,wBAAU,QAAQ,IAAI,QAAQ,SAAS,EAAE,KAAK,UAAU;AACxD,qBAAO,UAAU;AAAA,YACnB;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF,OAAO;AACL,kBAAU,YAAY;AACtB,kBAAU,QAAQ;AAAA,MACpB;AAAA,IACF;AAEA,QAAI,QAAQ,IAAI,mBAAmB,UAAU;AAE3C,UAAI,YAAY,YAAY;AAC1B,cAAM,YAAW,mBAAc,YAAY,YAAY,gBAAtC,mBAAmD;AACpE,YAAI,UAAU;AACZ,gBAAM,CAAC,QAAQ,KAAK,KAAK,MAAM;AAlnBzC,gBAAAA,KAAAC;AAmnBY,gBAAIC;AACJ,gBAAIC;AACJ,qBAAS,IAAI,OAAO,QAAQ,KAAK,GAAG,KAAK;AACvC,cAAAD,aAAWF,MAAA,OAAO,OAAP,gBAAAA,IAAW;AACtB,cAAAG,YAAUF,MAAA,OAAO,OAAP,gBAAAA,IAAW;AAAA,YACvB;AACA,mBAAO,CAACC,WAAU,OAAOC,UAAS,QAAQ;AAAA,UAC5C,GAAG;AACH,gBAAM,gBAAe,oBAAS,YAAT,mBAAmB,WAAnB,mBAA2B;AAChD,cAAI,cAAc;AAChB,uBAAWA,UAAS,QAAQ;AAC1B,kBAAIA,UAAA,gBAAAA,OAAO,YAAY;AACrB,gBAAAA,OAAM,aAAa;AACnB,uBAAOA,OAAM;AACb,uBAAOA,OAAM;AAAA,cACf;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAGA,gBAAU,QAAQ;AAAA,IACpB;AAEA,UAAM,oBAAoB,CAAC,YAAY,iBAAgB,mCAAS;AAChE,UAAM,cAAc,CAAC,EAAE,qBAAqB,WAAW,cAAc,aAAa;AAClF,UAAM,oBAAoB,CAAC,YAAY,iBAAgB,mCAAS;AAChE,UAAM,cACJ,SAAS,CAAC,EAAE,qBAAqB,aAAa,cAAc,gBAAgB;AAE9E,UAAM,qBAAqB,CAAC,SAAS,CAAC;AAItC,UAAM,eAAe,UACjB,QACA;AAAA,MACE,eACE,eACA,gBAAgB,SAChB,aAAa,SACb,eAAe,SACf,gBAAgB,SACf,UACE,gBAAgB,SACf,eAAe,SACf,gBAAgB,SAChB,kBAAkB,SAClB,kBAAkB;AAAA,IAC1B;AAEJ,UAAM,SACJ,gBAAgB,CAAC,SAAS,CAAC,aACvB;AAAA,MACE,YAAY,cACR,CAAC,MAAM;AACL,gBAAQ;AACR,iDAAa;AACb,+CAAY;AAAA,MACd,IACA;AAAA,MACJ,GAAI,eAAe;AAAA,QACjB,cAAc,cACV,CAAC,MAAM;AACL,gBAAM,OAA8B,CAAC;AACrC,cAAI,aAAa;AACf,iBAAK,QAAQ;AAAA,UACf;AACA,cAAI,MAAM,SAAS;AACjB,iBAAK,QAAQ;AAAA,UACf;AACA,cAAI,eAAe,MAAM,SAAS;AAChC,4BAAgB,IAAI;AAAA,UACtB;AACA,iDAAY;AACZ,uDAAe;AAAA,QACjB,IACA;AAAA,QACJ,cAAc,cACV,CAAC,MAAM;AACL,gBAAM,OAA8B,CAAC;AACrC,mBAAS,IAAI,OAAO;AACpB,cAAI,aAAa;AACf,iBAAK,QAAQ;AAAA,UACf;AACA,cAAI,MAAM,SAAS;AACjB,iBAAK,QAAQ;AACb,iBAAK,UAAU;AAAA,UACjB;AACA,cAAI,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC5B,4BAAgB,IAAI;AAAA,UACtB;AACA,mDAAa;AACb,uDAAe;AAAA,QACjB,IACA;AAAA,MACN;AAAA,MACA,WAAW,cACP,CAAC,MAAM;AACL,wBAAgB;AAAA,UACd,OAAO;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,QACT,CAAC;AACD,+CAAY;AACZ,mDAAc;AACd,YAAI,OAAO;AACT,mBAAS,IAAI,OAAO;AAAA,QACtB;AAAA,MACF,IACA;AAAA,MACJ,SAAS,cACL,CAAC,MAAM;AACL,gBAAQ;AAER,2CAAU;AACV,2CAAU;AAAA,MACZ,IACA;AAAA,MAGJ,GAAI,CAAC,SAAS;AAAA,QACZ,YAAY,CAAC,MAAM;AAAA,QACnB,UAAU;AAAA,QACV,SAAS,MAAM;AAAA,QACf,gBAAgB,MAAM;AAAA,QACtB,cAAc,MAAM;AAAA,QACpB,eAAe,MAAM;AAAA,QACrB,WAAW,UAAU,aAAa;AAAA,QAClC,kBAAkB;AAAA,MACpB;AAAA,IACF,IACA;AAEN,QAAI,QAAQ;AAGZ,QAAI,MAAM,cAAc,UAAU,QAAQ;AACxC,iBAAW,OAAO,MAAM,YAAY;AAClC,YAAI,OAAO,MAAM,cAAc,OAAO,SAAS,MAAM,KAAK,UAAU,QAAW;AAC7E,kBAAQ,MAAM,KAAK;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAEA,UAAM,mBAAmB,QAAQ,gBAAgB,gBAAgB,UAAU;AAC3E,UAAM,4BAA4B,oBAAqB,gBAAgB;AAGvE,QAAI,2BAA2B;AAC7B,eAAS,QAAQ,0BAA0B;AAAA,IAC7C;AACA,QAAI,kBAAkB;AACpB,eAAS,QAAQ,mBAAmB;AAAA,IACtC;AAEA,UAAM,WACJ,CAAC,YAAY,UACT,WACA;AAAA,MACE,eAAe;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,MAAM,kBAAkB;AAAA,QACnC;AAAA,MACF,CAAC;AAAA,MAED,SAAS,QAAQ,0BAA0B,eAAe;AAAA,MAC1D,SAAS,QAAQ;AAAA,IACnB;AAEN,QAAI;AAEJ,QAAI,SAAS;AACX,oBAAc;AACd,kBAAY;AAAA,QACV,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAGA,QAAI,QAAQ,IAAI,mBAAmB,UAAU;AAE3C,YAAM,cAAc,CAAC,CAAC,QAAQ;AAC9B,UAAI,aAAa;AACf,kBAAU,UAAU,WAAW,UAAU,SAAS,MAAM;AACtD,0BAAgB,EAAE,OAAO,KAAK,CAAC;AAAA,QACjC,CAAC;AACD,kBAAU,SAAS,WAAW,UAAU,QAAQ,MAAM;AACpD,0BAAgB,EAAE,OAAO,MAAM,CAAC;AAAA,QAClC,CAAC;AAAA,MACH;AAIA,YAAM,eAAe,gBAAgB,SAAS,EAAE,GAAG,QAAQ,QAAQ,IAAI,CAAC,CAAC;AACzE,UAAI,eAAe,QAAQ;AACzB,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,MAAM;AACjB,gBAAM,MAAM,aAAa;AACzB,oBAAU,OACR,MAAM,CAAC,4BAA4B,OAAO,qBAAqB,IAAI,GAAG,IAAI;AAAA,QAC9E;AAAA,MACF;AAAA,IACF;AAEA,cAAU,cAAc,aAAa,WAAW,QAAQ;AAExD,QAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,UAAI,UAAU,0BAA0B;AACtC,kBACE,oBAAC;AAAA,UACC,YAAY,2BAA2B,YAAY,MAAM;AAAA,UACxD,GAAI,UAAU;AAAA,YACb,cAAc,OAAO;AAAA,YACrB,cAAc,OAAO;AAAA,YACrB,SAAS,OAAO;AAAA,YAChB,aAAa,OAAO;AAAA,YACpB,WAAW,OAAO;AAAA,YAClB,cAAc,OAAO;AAAA,YACrB,YAAY,OAAO;AAAA,UACrB;AAAA,UAEC;AAAA,SACH;AAAA,MAEJ;AAAA,IACF;AAEA,QAAI,QAAQ,IAAI,aAAa,iBAAiB,QAAQ,IAAI,UAAU,WAAW;AAC7E,UAAI,WAAW;AACb,cAAMC,WAAU,OAAO,gBAAgB,WAAW,cAAc;AAEhE,gBAAQ,eAAe,WAAWA,0BAAyB,SAAS;AACpE,mBAAW,OAAO,WAAW;AAE3B,kBAAQ,IAAI,KAAK,UAAU,IAAI;AAAA,QACjC;AAEA,gBAAQ,IAAI,YAAY,OAAO;AAE/B,gBAAQ,SAAS;AACjB,YAAI,OAAO,WAAW,aAAa;AAGjC,kBAAQ,IAAI,EAAE,OAAO,2BAA2B,YAAY,0BAA0B,qBAAqB,WAAW,aAAa,iBAAiB,oBAAoB,iBAAiB,eAAc,WAAM,cAAN,mBAAiB,MAAM,MAAM,gBAAe,eAAU,cAAV,mBAAqB,MAAM,MAAM,QAAQ,cAAc,QAAQ,SAAS,SAAS,UAAU,oBAAoB,cAAc,4BAA4B,WAAW,MAAM,WAAW,OAAO,kBAAkB,oBAAoB,GAAI,OAAO,WAAW,cAAc,EAAE,OAAO,gBAAiB,MAAM,WAAW,cAAc,eAAe,QAAQ,oBAAoB,mBAAmB,YAAY,OAAO,YAAY,OAAO,QAAQ,UAAU,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,gBAAgB,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,KAAM,CAAC;AAAA,QACnuB;AAEA,gBAAQ,SAAS;AAAA,MACnB;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC;AAED,MAAI,aAAa,eAAe;AAC9B,cAAU,cAAc,aAAa;AAAA,EACvC;AAEA,mBAAiB,CAAC,SAAS;AAEzB,QAAI,CAAC,eAAe;AAClB,sBAAgB;AAEhB,UAAI,CAAC,uBAAuB;AAC1B,gCAAwB;AAAA,UACtB,OAAO;AAAA,UACP,OAAO;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,UACP,WAAW;AAAA,UACX,YAAY,oBAAoB,qBAAqB,CAAC;AAAA,QACxD;AACA,uCAA+B;AAAA,UAC7B,GAAG;AAAA,UACH,WAAW;AAAA,QACb;AAAA,MACF;AAEA,UAAI,cAAc,YAAY;AAC5B,uBAAe,cAAc,WAAW;AACxC,uBAAe,cAAc,WAAW;AAAA,MAC1C;AAEA,UAAI,CAAC,cAAc;AACjB,cAAM,OAAO,KAAK,OAAO,OAAO,KAAK,KAAK,MAAM,EAAE;AAClD,uBAAe,oBAAoB,IAAI;AACvC,YAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAI,CAAC,cAAc;AAEjB,oBAAQ,IAAI,wBAAwB;AAAA,UACtC;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAIA,oBAAgB,cAAc,aAAa;AAE3C,QAAI,iBAAiB,aAAa,gBAAgB,CAAC;AAKnD,UAAM,cAAc,CAAC,GAAI,aAAa,eAAe,CAAC,GAAI,aAAa,aAAa;AAEpF,QAAI,cAAc,gBAAgB,eAAe,aAAa,eAAe;AAC3E,uBAAiB;AAAA,QACf,aAAa;AAAA,QACb;AAAA,QACA,cAAc;AAAA,QACd;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,QAAQ,eAAe;AAG7B,UAAM,CAAC,UAAU,aAAa,IAAI,WAAW,gBAAgB,CAAC,CAAC;AAE/D,QAAI,SAAS,KAAK;AAChB,mBAAa,SAAS;AAAA,IACxB;AAEA,UAAM,eAAe,CAAC,aAAa;AACnC,UAAM,EAAE,MAAM,UAAU,oBAAoB,UAAU,IAAI;AAK1D,UAAM,CAAC,UAAU,kBAAkB,IAAI,WAAW,UAAU,cAAqB;AAAA,MAC/E,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC;AAED,yBAAqB,CAAC;AAEtB,UAAMC,eAAc,aAAa,eAAe;AAGhD,QAAI,CAAC,OAAO;AACV,iBAAW,OAAO,aAAa,cAAc;AAC3C,cAAM,MAAM,aAAa,aAAa;AACtC,YAAI,gBAAgB;AAAM;AAC1B,YAAK,OAAO,QAAQ,YAAY,IAAI,OAAO,OAAQ,CAACA,aAAY,MAAM;AACpE,mBAAS,OAAO;AAAA,QAClB,OAAO;AACL,6BAAmB,OAAO;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAGA,0BAAsB;AAGtB,QAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO;AACnD,UAAI,QAAQ,IAAI,cAAc,aAAa;AAGzC,gBAAQ,IAAI,cAAO,aAAa,iBAAiB,gBAAgB,EAAE,cAAc,qBAAqB,oBAAoB,UAAU,gBAAgB,sBAAsB,OAAO,KAAK,aAAa,YAAY,GAAG,wBAAwB,OAAO,KAAK,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAC,GAAG,UAAU,eAAe,oBAAoB,YAAY,aAAc,CAAC;AAAA,MACpX;AAAA,IACF;AAAA,EACF,CAAC;AAED,MAAI,MAA4D;AAEhE,MAAI,SAAS,MAAM;AACjB,UAAM,KAAK,GAAG;AAAA,EAChB;AAEA,MAAI,eAAe;AAAA,IACjB,aAAa,aAAa,eAAe;AAAA,IACzC,GAAG;AAAA,EACL;AAGA,MAAI,cAAc,CAAC,WAAgB,SAAiC;AAClE,cAAU,eAAe;AAAA,MACvB;AAAA,QACE;AAAA,QACA,GAAG;AAAA,QACH,cAAc;AAAA,QACd,cAAc;AAAA,UACZ,GAAG,UAAU;AAAA,UACb,GAAG,6BAAM;AAAA,QACX;AAAA,MACF;AAAA,MACA;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAGO,MAAM,WAAW,CAAC,UAA8B;AACrD,SAAO,MAAM;AACf;AACA,SAAS,gBAAgB;AAKlB,MAAM,SAAS,gBAA6B;AAAA,EACjD,MAAM;AAAA,EACN,eAAe;AAAA,EACf;AAAA,EAEA,cAAc;AAAA,IACZ,GAAG;AAAA,IAEH,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,MAAM,EAAE,OAAO,MAAM;AAC/B,eAAO,QAAQ,OAAO,UAAU;AAChC,cAAM,SAAS,OAAO,MAAM,SAAS;AACrC,eAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAW;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA,UAAU;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA,MAAM,CAAC;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAWM,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,WAAW,CAAC,EAAE,SAAS;AAC7B,QAAM,eAAe,EAAE,cAAc,UAAa,cAAc;AAChE,MAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,UAAU;AAC3C,WAAO;AAAA,EACT;AACA,QAAM,eAAe,SAAS,QAAQ,QAAQ;AAC9C,MAAI,aAAa,UAAU,KAAK,CAAC,UAAU;AACzC,WAAO;AAAA,EACT;AACA,QAAM,QAA2B,CAAC;AAClC,aAAW,CAAC,OAAO,KAAK,KAAK,aAAa,QAAQ,GAAG;AACnD,UAAM,UACJ,UAAU,QAAQ,UAAU,UAAc,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW;AAErF,QAAI,WAAW,CAAC,SAAU,MAAM,UAAU,CAAC,UAAW;AACpD,YAAM,KAAK,KAAK;AAAA,IAClB,OAAO;AACL,YAAM;AAAA,QACJ,oBAAC;AAAA,UAAsB,qBAAW,oBAAC;AAAA,YAAc;AAAA,WAAM,IAAkB;AAAA,WAA1D,KAAgE;AAAA,MACjF;AAAA,IACF;AAGA,QAAI,WAAW,KAAK,KAAK,UAAU;AAAG;AAEtC,QAAI;AAAU;AAEd,UAAM,OAAO,aAAa,QAAQ;AAElC,QAAI,QAAQ,CAAC,WAAW,IAAI,GAAG;AAC7B,UAAI,WAAW;AACb,YAAI,UAAU;AACZ,gBAAM;AAAA,YACJ,aAAa;AAAA,cACX,KAAK,IAAI;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AACA,cAAM;AAAA,UACJ,MAAM,eAAe,SAAS,IAC1B,MAAM,aAAa,WAAW,EAAE,KAAK,OAAO,QAAQ,CAAC,IACrD;AAAA,QACN;AACA,YAAI,UAAU;AACZ,gBAAM;AAAA,YACJ,aAAa;AAAA,cACX,KAAK,IAAI;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF,OAAO;AACL,cAAM;AAAA,UACJ,aAAa;AAAA,YACX,KAAK,IAAI;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAIA,SAAS,aAAa,EAAE,KAAK,WAAW,OAAO,UAAU,GAAsB;AAC7E,SAEE,oBAAC;AAAA,IAEC,MAAM;AAAA,IACN;AAAA,IACC,GAAI,OAAO,cAAc,eAAe;AAAA,MACvC,MAAM,cAAc,OAAO,IAAI,cAAc,QAAQ,IAAI;AAAA,IAC3D;AAAA,KALK,GAMP;AAEJ;AAEA,SAAS,WAAW,OAAwB;AAtqC5C;AAwqCE,WAAO,oCAAQ,YAAR,mBAAkB,0BAAuB,oCAAQ,YAAR,mBAAkB;AACpE;AAEA,MAAM,eAAe,oBAAI,IAAI;AAE7B,SAAS,wBACP,MACA,OACA,gBACA,aACA,MACA;AACA,QAAM,MAAM,YAAY;AACxB,MAAI;AAEJ,WAAS,IAAI,GAAG,IAAI,KAAK,KAAK;AAC5B,UAAM,IAAI,YAAY;AACtB,QAAI,CAAC;AAAG;AACR,QAAI,aAAa,IAAI,CAAC,GAAG;AACvB,aAAO,aAAa,IAAI,CAAC;AACzB;AAAA,IACF;AACA,UAAMC,SAAQ,eAAe;AAC7B,QAAI,CAACA,QAAO;AACV,UAAI,MAAM;AACR,qBAAa,IAAI,GAAG,IAAI;AAAA,MAC1B;AACA;AAAA,IACF;AACA,WAAO,WAAW,QAAQ,CAAC,GAAGA,QAAO,OAAO,KAAK,iBAAiB,EAAE;AACpE,iBAAa,IAAI,GAAG,IAAI;AAAA,EAC1B;AAGA,QAAM,oBAAoB,aAAa,IAAI,IAAI;AAC/C,MAAI,mBAAmB;AACrB,WAAO,WAAW,OAAO,mBAAmB,OAAO,KAAK,iBAAiB,EAAE;AAAA,EAC7E;AACA,SAAO;AACT;AAGA,SAAS,mBAAmB,SAA6B;AACvD,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC;AAAM;AAEX,SAAK,UAAU,CAAC,aAAa,cAAc,MAAM,MAAM,QAAQ;AAE/D,SAAK,gBAAgB,CAAC,gBAAgB,YAAY,cAAc,MAAM,gBAAgB,OAAO;AAE7F,SAAK,kBAAkB,CAAC,aAAa;AACnC,UAAI,CAAC;AAAM;AACX,iBAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;AAEA,MAAM,eAAoB,gBAAgB;AAAA,EACxC,eAAe;AAAA,EACf,cAAc;AAAA,IACZ,GAAG;AAAA,IACH,eAAe;AAAA,IACf,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,eAAe;AAAA,EACjB;AACF,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX;AAEA,SAAS,oBAAoB,KAAa;AACxC,SAAO,OAAO,YAAY,OAAO,QAAQ,GAAG,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAO,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAE,CAAC;AAC9F;",
+  "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 { didGetVariableValue, setDidGetVariableValue } from './createVariable'\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 { setMediaShouldUpdate, useMedia } 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    // test only\n    if (process.env.NODE_ENV === 'test') {\n      if (propsIn['data-test-renders']) {\n        propsIn['data-test-renders']['current'] ??= 0\n        propsIn['data-test-renders']['current'] += 1\n      }\n    }\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\n    const mediaState = useMedia(\n      // @ts-ignore, we just pass a stable object so we can get it later with\n      // should match to the one used in `setMediaShouldUpdate` below\n      stateRef\n    )\n\n    setDidGetVariableValue(false)\n\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      {\n        ...state,\n        mediaState,\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    // only listen for changes if we are using raw theme values or media space, or dynamic media (native)\n    const shouldListenForMediaChanges =\n      didGetVariableValue() ||\n      splitStyles.hasMedia === 'space' ||\n      (noClassNames === true && splitStyles.hasMedia)\n\n    if (shouldListenForMediaChanges) {\n      setMediaShouldUpdate(stateRef, shouldListenForMediaChanges)\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      space,\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    const {\n      hitSlop,\n      asChild,\n      children,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      themeShallow,\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    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        }\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  acceptsClassName: true,\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"],
+  "mappings": "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",
   "names": ["_a", "_b", "weight", "style", "element", "validStyles", "props"]
 }

package/dist/esm/createTamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createTamagui.ts"],
-  "sourcesContent": ["import { isClient, isRSC, isWeb } from '@tamagui/constants'\n\nimport { configListeners, setConfig } from './config'\nimport { createVariables } from './createVariables'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules'\nimport { getAllRules } from './helpers/insertStyleRule'\nimport {\n  registerCSSVariable,\n  tokensValueToVariable,\n  variableToCSS,\n} from './helpers/registerCSSVariable'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes'\nimport { configureMedia } from './hooks/useMedia'\nimport { parseFont, registerFontVariables } from './insertFont'\nimport { Tamagui } from './Tamagui'\nimport { CreateTamaguiProps, InferTamaguiConfig, TamaguiInternalConfig, ThemeParsed } from './types'\n\n// config is re-run by the @tamagui/static, dont double validate\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  configIn: Conf\n): InferTamaguiConfig<Conf> {\n  if (createdConfigs.has(configIn)) {\n    return configIn as any\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!configIn.tokens) {\n      throw new Error(`Must define tokens`)\n    }\n    if (!configIn.themes) {\n      throw new Error(`Must define themes`)\n    }\n    if (!configIn.fonts) {\n      throw new Error(`Must define fonts`)\n    }\n  }\n\n  const fontTokens = Object.fromEntries(\n    Object.entries(configIn.fonts!).map(([k, v]) => {\n      return [k, createVariables(v, 'f', true)]\n    })\n  )\n\n  const fontsParsed = (() => {\n    const res = {} as typeof fontTokens\n    for (const familyName in fontTokens) {\n      res[`$${familyName}`] = parseFont(fontTokens[familyName])\n    }\n    return res!\n  })()\n\n  const themeConfig = (() => {\n    const themes = { ...configIn.themes }\n    const cssRuleSets: string[] = []\n\n    if (isWeb) {\n      const declarations: string[] = []\n      const fontDeclarations: Record<\n        string,\n        { name: string; declarations: string[]; language?: string }\n      > = {}\n\n      for (const key in configIn.tokens) {\n        for (const skey in configIn.tokens[key]) {\n          const val = configIn.tokens[key][skey]\n          registerCSSVariable(val)\n          declarations.push(variableToCSS(val))\n        }\n      }\n\n      for (const key in fontsParsed) {\n        const fontParsed = fontsParsed[key]\n        const [name, language] = key.includes('_') ? key.split('_') : [key]\n        const fontVars = registerFontVariables(fontParsed)\n        fontDeclarations[key] = { name: name.slice(1), declarations: fontVars, language }\n      }\n\n      const sep = process.env.NODE_ENV === 'development' ? configIn.cssStyleSeparator || ' ' : ''\n\n      function declarationsToRuleSet(decs: string[], selector = '') {\n        return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n      }\n\n      // non-font\n      cssRuleSets.push(declarationsToRuleSet(declarations))\n\n      // fonts\n      if (fontDeclarations) {\n        for (const key in fontDeclarations) {\n          const { name, declarations, language = 'default' } = fontDeclarations[key]\n          const fontSelector = `.font_${name}`\n          const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n          const selectors =\n            language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n          const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n          cssRuleSets.push(specificRuleSet)\n        }\n      }\n    }\n\n    // dedupe themes to avoid duplicate CSS generation\n    type DedupedTheme = {\n      names: string[]\n      theme: ThemeParsed\n    }\n    const dedupedThemes: {\n      [key: string]: DedupedTheme\n    } = {}\n    const existing = new WeakMap<ThemeParsed, DedupedTheme>()\n\n    // first, de-dupe and parse them\n    for (const themeName in themes) {\n      const rawTheme = themes[themeName] as ThemeParsed\n\n      // if existing, avoid\n      if (existing.has(rawTheme)) {\n        const e = existing.get(rawTheme)!\n        themes[themeName] = e.theme\n        e.names.push(themeName)\n        continue\n      }\n\n      // ensure each theme object unique for dedupe\n      const theme = { ...rawTheme }\n      // parse into variables\n      for (const key in theme) {\n        // make sure properly names theme variables\n        ensureThemeVariable(theme, key)\n      }\n      themes[themeName] = theme\n\n      // set deduped\n      dedupedThemes[themeName] = {\n        names: [themeName],\n        theme,\n      }\n      existing.set(rawTheme, dedupedThemes[themeName])\n    }\n\n    // then, generate CSS from de-duped\n    let themeRuleSets: string[] = []\n\n    if (isWeb || isRSC) {\n      for (const themeName in dedupedThemes) {\n        themeRuleSets = [\n          ...themeRuleSets,\n          ...getThemeCSSRules({\n            config: configIn,\n            themeName,\n            ...dedupedThemes[themeName],\n          }),\n        ]\n      }\n    }\n\n    // proxy upwards to get parent variables (themes are subset going down)\n    for (const themeName in themes) {\n      themes[themeName] = proxyThemeToParents(themeName, themes[themeName], themes)\n    }\n\n    tokensValueToVariable.clear()\n\n    return {\n      themes,\n      cssRuleSets,\n      themeRuleSets,\n    }\n  })()\n\n  // faster $lookups\n  const tokensParsed: any = Object.fromEntries(\n    Object.entries(configIn.tokens).map(([k, v]) => [\n      k,\n      Object.fromEntries(Object.entries(v).map(([k, v]) => [`$${k}`, v])),\n    ])\n  )\n\n  const shorthands = configIn.shorthands || {}\n\n  const config: TamaguiInternalConfig = {\n    fontLanguages: [],\n    animations: {} as any,\n    media: {},\n    ...configIn,\n    // vite made this into a function if it wasn't set\n    shorthands: { ...shorthands },\n    inverseShorthands: shorthands\n      ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n      : {},\n    themes: themeConfig.themes as any,\n    fontsParsed,\n    themeConfig,\n    tokensParsed,\n    parsed: true,\n    getCSS: (separator = '\\n') => {\n      return `\n      .is_Text .is_Text {display:inline-flex;}\n      ._dsp_contents {display:contents;}\n      ${themeConfig.cssRuleSets.join(separator)}\n      ${themeConfig.themeRuleSets.join(separator)}\n      ${getAllRules().join(separator)}`\n    },\n    // const tokens = [...getToken(tokens.size[0])]\n    // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }\n  }\n\n  configureMedia(config)\n  setConfig(config)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(config))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(config, true)\n\n  if (process.env.NODE_ENV === 'development') {\n    if (process.env.DEBUG?.startsWith('tamagui')) {\n      // eslint-disable-next-line no-console\n      console.log('Tamagui config:', config)\n    }\n    if (!globalThis['Tamagui']) {\n      globalThis['Tamagui'] = Tamagui\n    }\n  }\n\n  return config as any\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\n\nimport { configListeners, setConfig } from './config'\nimport { createVariables } from './createVariables'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules'\nimport { getAllRules } from './helpers/insertStyleRule'\nimport {\n  registerCSSVariable,\n  tokensValueToVariable,\n  variableToCSS,\n} from './helpers/registerCSSVariable'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes'\nimport { configureMedia } from './hooks/useMedia'\nimport { parseFont, registerFontVariables } from './insertFont'\nimport { Tamagui } from './Tamagui'\nimport { CreateTamaguiProps, InferTamaguiConfig, TamaguiInternalConfig, ThemeParsed } from './types'\n\n// config is re-run by the @tamagui/static, dont double validate\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  configIn: Conf\n): InferTamaguiConfig<Conf> {\n  if (createdConfigs.has(configIn)) {\n    return configIn as any\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!configIn.tokens) {\n      throw new Error(`Must define tokens`)\n    }\n    if (!configIn.themes) {\n      throw new Error(`Must define themes`)\n    }\n    if (!configIn.fonts) {\n      throw new Error(`Must define fonts`)\n    }\n  }\n\n  const fontTokens = Object.fromEntries(\n    Object.entries(configIn.fonts!).map(([k, v]) => {\n      return [k, createVariables(v, 'f', true)]\n    })\n  )\n\n  const fontsParsed = (() => {\n    const res = {} as typeof fontTokens\n    for (const familyName in fontTokens) {\n      res[`$${familyName}`] = parseFont(fontTokens[familyName])\n    }\n    return res!\n  })()\n\n  const themeConfig = (() => {\n    const themes = { ...configIn.themes }\n    const cssRuleSets: string[] = []\n\n    if (isWeb) {\n      const declarations: string[] = []\n      const fontDeclarations: Record<\n        string,\n        { name: string; declarations: string[]; language?: string }\n      > = {}\n\n      for (const key in configIn.tokens) {\n        for (const skey in configIn.tokens[key]) {\n          const val = configIn.tokens[key][skey]\n          registerCSSVariable(val)\n          declarations.push(variableToCSS(val))\n        }\n      }\n\n      for (const key in fontsParsed) {\n        const fontParsed = fontsParsed[key]\n        const [name, language] = key.includes('_') ? key.split('_') : [key]\n        const fontVars = registerFontVariables(fontParsed)\n        fontDeclarations[key] = { name: name.slice(1), declarations: fontVars, language }\n      }\n\n      const sep = process.env.NODE_ENV === 'development' ? configIn.cssStyleSeparator || ' ' : ''\n\n      function declarationsToRuleSet(decs: string[], selector = '') {\n        return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n      }\n\n      // non-font\n      cssRuleSets.push(declarationsToRuleSet(declarations))\n\n      // fonts\n      if (fontDeclarations) {\n        for (const key in fontDeclarations) {\n          const { name, declarations, language = 'default' } = fontDeclarations[key]\n          const fontSelector = `.font_${name}`\n          const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n          const selectors =\n            language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n          const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n          cssRuleSets.push(specificRuleSet)\n        }\n      }\n    }\n\n    // dedupe themes to avoid duplicate CSS generation\n    type DedupedTheme = {\n      names: string[]\n      theme: ThemeParsed\n    }\n    const dedupedThemes: {\n      [key: string]: DedupedTheme\n    } = {}\n    const existing = new WeakMap<ThemeParsed, DedupedTheme>()\n\n    // first, de-dupe and parse them\n    for (const themeName in themes) {\n      const rawTheme = themes[themeName] as ThemeParsed\n\n      // if existing, avoid\n      if (existing.has(rawTheme)) {\n        const e = existing.get(rawTheme)!\n        themes[themeName] = e.theme\n        e.names.push(themeName)\n        continue\n      }\n\n      // ensure each theme object unique for dedupe\n      const theme = { ...rawTheme }\n      // parse into variables\n      for (const key in theme) {\n        // make sure properly names theme variables\n        ensureThemeVariable(theme, key)\n      }\n      themes[themeName] = theme\n\n      // set deduped\n      dedupedThemes[themeName] = {\n        names: [themeName],\n        theme,\n      }\n      existing.set(rawTheme, dedupedThemes[themeName])\n    }\n\n    // then, generate CSS from de-duped\n    let themeRuleSets: string[] = []\n\n    if (isWeb || isRSC) {\n      for (const themeName in dedupedThemes) {\n        themeRuleSets = [\n          ...themeRuleSets,\n          ...getThemeCSSRules({\n            config: configIn,\n            themeName,\n            ...dedupedThemes[themeName],\n          }),\n        ]\n      }\n    }\n\n    // proxy upwards to get parent variables (themes are subset going down)\n    for (const themeName in themes) {\n      themes[themeName] = proxyThemeToParents(themeName, themes[themeName], themes)\n    }\n\n    tokensValueToVariable.clear()\n\n    return {\n      themes,\n      cssRuleSets,\n      themeRuleSets,\n    }\n  })()\n\n  // faster $lookups\n  const tokensParsed: any = Object.fromEntries(\n    Object.entries(configIn.tokens).map(([k, v]) => [\n      k,\n      Object.fromEntries(Object.entries(v).map(([k, v]) => [`$${k}`, v])),\n    ])\n  )\n\n  const shorthands = configIn.shorthands || {}\n\n  const config: TamaguiInternalConfig = {\n    fontLanguages: [],\n    animations: {} as any,\n    media: {},\n    ...configIn,\n    // vite made this into a function if it wasn't set\n    shorthands: { ...shorthands },\n    inverseShorthands: shorthands\n      ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n      : {},\n    themes: themeConfig.themes as any,\n    fontsParsed,\n    themeConfig,\n    tokensParsed,\n    parsed: true,\n    getCSS: (separator = '\\n') => {\n      return `\n      .is_Text .is_Text {display:inline-flex;}\n      ._dsp_contents {display:contents;}\n      ${themeConfig.cssRuleSets.join(separator)}\n      ${themeConfig.themeRuleSets.join(separator)}\n      ${getAllRules().join(separator)}`\n    },\n    // const tokens = [...getToken(tokens.size[0])]\n    // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }\n  }\n\n  configureMedia(config)\n  setConfig(config)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(config))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(config, true)\n\n  if (process.env.NODE_ENV === 'development') {\n    if (process.env.DEBUG?.startsWith('tamagui')) {\n      // eslint-disable-next-line no-console\n      console.log('Tamagui config:', config)\n    }\n    if (!globalThis['Tamagui']) {\n      globalThis['Tamagui'] = Tamagui\n    }\n  }\n\n  return config as any\n}\n"],
+  "mappings": "AAAA,SAAS,OAAO,aAAa;AAE7B,SAAS,iBAAiB,iBAAiB;AAC3C,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB,2BAA2B;AACzD,SAAS,sBAAsB;AAC/B,SAAS,WAAW,6BAA6B;AACjD,SAAS,eAAe;AAIxB,MAAM,iBAAiB,oBAAI,QAAsB;AAE1C,SAAS,cACd,UAC0B;AAtB5B;AAuBE,MAAI,eAAe,IAAI,QAAQ,GAAG;AAChC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,SAAS,QAAQ;AACpB,YAAM,IAAI,MAAM,oBAAoB;AAAA,IACtC;AACA,QAAI,CAAC,SAAS,QAAQ;AACpB,YAAM,IAAI,MAAM,oBAAoB;AAAA,IACtC;AACA,QAAI,CAAC,SAAS,OAAO;AACnB,YAAM,IAAI,MAAM,mBAAmB;AAAA,IACrC;AAAA,EACF;AAEA,QAAM,aAAa,OAAO;AAAA,IACxB,OAAO,QAAQ,SAAS,KAAM,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM;AAC9C,aAAO,CAAC,GAAG,gBAAgB,GAAG,KAAK,IAAI,CAAC;AAAA,IAC1C,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,MAAM;AACzB,UAAM,MAAM,CAAC;AACb,eAAW,cAAc,YAAY;AACnC,UAAI,IAAI,gBAAgB,UAAU,WAAW,WAAW;AAAA,IAC1D;AACA,WAAO;AAAA,EACT,GAAG;AAEH,QAAM,eAAe,MAAM;AACzB,UAAM,SAAS,EAAE,GAAG,SAAS,OAAO;AACpC,UAAM,cAAwB,CAAC;AAE/B,QAAI,OAAO;AAwBT,UAASA,yBAAT,SAA+B,MAAgB,WAAW,IAAI;AAC5D,eAAO,QAAQ,aAAa,MAAM,CAAC,GAAG,IAAI,EAAE,KAAK,IAAI,KAAK,IAAI;AAAA,MAChE;AAFS,kCAAAA;AAvBT,YAAM,eAAyB,CAAC;AAChC,YAAM,mBAGF,CAAC;AAEL,iBAAW,OAAO,SAAS,QAAQ;AACjC,mBAAW,QAAQ,SAAS,OAAO,MAAM;AACvC,gBAAM,MAAM,SAAS,OAAO,KAAK;AACjC,8BAAoB,GAAG;AACvB,uBAAa,KAAK,cAAc,GAAG,CAAC;AAAA,QACtC;AAAA,MACF;AAEA,iBAAW,OAAO,aAAa;AAC7B,cAAM,aAAa,YAAY;AAC/B,cAAM,CAAC,MAAM,QAAQ,IAAI,IAAI,SAAS,GAAG,IAAI,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG;AAClE,cAAM,WAAW,sBAAsB,UAAU;AACjD,yBAAiB,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,cAAc,UAAU,SAAS;AAAA,MAClF;AAEA,YAAM,MAAM,QAAQ,IAAI,aAAa,gBAAgB,SAAS,qBAAqB,MAAM;AAOzF,kBAAY,KAAKA,uBAAsB,YAAY,CAAC;AAGpD,UAAI,kBAAkB;AACpB,mBAAW,OAAO,kBAAkB;AAClC,gBAAM,EAAE,MAAM,cAAAC,eAAc,WAAW,UAAU,IAAI,iBAAiB;AACtE,gBAAM,eAAe,SAAS;AAC9B,gBAAM,eAAe,iBAAiB,QAAQ,YAAY;AAC1D,gBAAM,YACJ,aAAa,YAAY,IAAI,iBAAiB,iBAAiB;AACjE,gBAAM,kBAAkBD,uBAAsBC,eAAc,SAAS;AACrE,sBAAY,KAAK,eAAe;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAOA,UAAM,gBAEF,CAAC;AACL,UAAM,WAAW,oBAAI,QAAmC;AAGxD,eAAW,aAAa,QAAQ;AAC9B,YAAM,WAAW,OAAO;AAGxB,UAAI,SAAS,IAAI,QAAQ,GAAG;AAC1B,cAAM,IAAI,SAAS,IAAI,QAAQ;AAC/B,eAAO,aAAa,EAAE;AACtB,UAAE,MAAM,KAAK,SAAS;AACtB;AAAA,MACF;AAGA,YAAM,QAAQ,EAAE,GAAG,SAAS;AAE5B,iBAAW,OAAO,OAAO;AAEvB,4BAAoB,OAAO,GAAG;AAAA,MAChC;AACA,aAAO,aAAa;AAGpB,oBAAc,aAAa;AAAA,QACzB,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF;AACA,eAAS,IAAI,UAAU,cAAc,UAAU;AAAA,IACjD;AAGA,QAAI,gBAA0B,CAAC;AAE/B,QAAI,SAAS,OAAO;AAClB,iBAAW,aAAa,eAAe;AACrC,wBAAgB;AAAA,UACd,GAAG;AAAA,UACH,GAAG,iBAAiB;AAAA,YAClB,QAAQ;AAAA,YACR;AAAA,YACA,GAAG,cAAc;AAAA,UACnB,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAGA,eAAW,aAAa,QAAQ;AAC9B,aAAO,aAAa,oBAAoB,WAAW,OAAO,YAAY,MAAM;AAAA,IAC9E;AAEA,0BAAsB,MAAM;AAE5B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG;AAGH,QAAM,eAAoB,OAAO;AAAA,IAC/B,OAAO,QAAQ,SAAS,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM;AAAA,MAC9C;AAAA,MACA,OAAO,YAAY,OAAO,QAAQ,CAAC,EAAE,IAAI,CAAC,CAACC,IAAGC,EAAC,MAAM,CAAC,IAAID,MAAKC,EAAC,CAAC,CAAC;AAAA,IACpE,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,SAAS,cAAc,CAAC;AAE3C,QAAM,SAAgC;AAAA,IACpC,eAAe,CAAC;AAAA,IAChB,YAAY,CAAC;AAAA,IACb,OAAO,CAAC;AAAA,IACR,GAAG;AAAA,IAEH,YAAY,EAAE,GAAG,WAAW;AAAA,IAC5B,mBAAmB,aACf,OAAO,YAAY,OAAO,QAAQ,UAAU,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IACrE,CAAC;AAAA,IACL,QAAQ,YAAY;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ,CAAC,YAAY,SAAS;AAC5B,aAAO;AAAA;AAAA;AAAA,QAGL,YAAY,YAAY,KAAK,SAAS;AAAA,QACtC,YAAY,cAAc,KAAK,SAAS;AAAA,QACxC,YAAY,EAAE,KAAK,SAAS;AAAA,IAChC;AAAA,EAGF;AAEA,iBAAe,MAAM;AACrB,YAAU,MAAM;AAEhB,MAAI,gBAAgB,MAAM;AACxB,oBAAgB,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC;AAC1C,oBAAgB,MAAM;AAAA,EACxB;AAEA,iBAAe,IAAI,QAAQ,IAAI;AAE/B,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,SAAI,aAAQ,IAAI,UAAZ,mBAAmB,WAAW,YAAY;AAE5C,cAAQ,IAAI,mBAAmB,MAAM;AAAA,IACvC;AACA,QAAI,CAAC,WAAW,YAAY;AAC1B,iBAAW,aAAa;AAAA,IAC1B;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": ["declarationsToRuleSet", "declarations", "k", "v"]
 }

package/dist/esm/createVariable.js

@@ -16,7 +16,11 @@ const createVariable = (props) => {
 };
 function variableToString(vrble, getValue = false) {
   if (isVariable(vrble)) {
-    return getValue ? `${vrble.val}` : `${isWeb ? vrble.variable : vrble.val}`;
+    if (!getValue && isWeb && vrble.variable) {
+      return vrble.variable;
+    }
+    setDidGetVariableValue(true);
+    return `${vrble.val}`;
   }
   return `${vrble || ""}`;
 }
@@ -30,9 +34,14 @@ function getVariable(nameOrVariable) {
   const tokens = getConfig().tokensParsed;
   return variableToString(tokens[nameOrVariable] ?? nameOrVariable);
 }
+let accessed = false;
+const setDidGetVariableValue = (val) => accessed = val;
+const didGetVariableValue = () => accessed;
 function getVariableValue(v) {
-  if (isVariable(v))
+  if (isVariable(v)) {
+    setDidGetVariableValue(true);
     return v.val;
+  }
   return v;
 }
 function getVariableName(v) {
@@ -57,11 +66,13 @@ const createCSSVariable = (nameProp, includeVar = true) => {
 export {
   createCSSVariable,
   createVariable,
+  didGetVariableValue,
   getVariable,
   getVariableName,
   getVariableValue,
   getVariableVariable,
   isVariable,
+  setDidGetVariableValue,
   variableToString
 };
 //# sourceMappingURL=createVariable.js.map

package/dist/esm/createVariable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createVariable.ts"],
-  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { simpleHash } from '@tamagui/helpers'\n\nimport { getConfig } from './config'\n\n/**\n * Should rename this to Token\n * Moving to objects for React Server Components support\n */\n\nconst IS_VAR = 'isVar'\n\ntype VariableIn<A = any> = {\n  val: A\n  name: string\n  key: string\n}\n\nexport type Variable<A = any> = VariableIn<A> & {\n  [IS_VAR]?: true\n  variable?: string\n}\n\nexport const createVariable = <A extends string | number = any>(props: VariableIn<A>) => {\n  if (isVariable(props)) return props\n  const { key, name, val } = props\n  return {\n    [IS_VAR]: true,\n    key,\n    name: simpleHash(name, 40),\n    val,\n    variable: isWeb ? createCSSVariable(name) : '',\n  }\n}\n\nexport function variableToString(vrble?: any, getValue = false) {\n  if (isVariable(vrble)) {\n    return getValue ? `${vrble.val}` : `${isWeb ? vrble.variable : vrble.val}`\n  }\n  return `${vrble || ''}`\n}\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return v && typeof v === 'object' && IS_VAR in v\n}\n\nexport function getVariable(nameOrVariable: Variable | string) {\n  if (isVariable(nameOrVariable)) {\n    return variableToString(nameOrVariable)\n  }\n  const tokens = getConfig().tokensParsed\n  return variableToString(tokens[nameOrVariable] ?? nameOrVariable)\n}\n\nexport function getVariableValue(v: Variable | any) {\n  if (isVariable(v)) return v.val\n  return v\n}\n\nexport function getVariableName(v: Variable | any) {\n  if (isVariable(v)) return v.name\n  return v\n}\n\nexport function getVariableVariable(v: Variable | any) {\n  if (isVariable(v)) return v.variable\n  return v\n}\n\n// bugfix { space: { 0.5: 10 } } was generating var(--space-0.5) (invalid CSS):\nexport const createCSSVariable = (nameProp: string, includeVar = true) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (!nameProp || typeof nameProp !== 'string') {\n      throw new Error(`createCSSVariable expected string: ${nameProp}`)\n    }\n  }\n  const name = simpleHash(nameProp, 60)\n  return includeVar ? `var(--${name})` : name\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAO1B,MAAM,SAAS;AAaR,MAAM,iBAAiB,CAAkC,UAAyB;AACvF,MAAI,WAAW,KAAK;AAAG,WAAO;AAC9B,QAAM,EAAE,KAAK,MAAM,IAAI,IAAI;AAC3B,SAAO;AAAA,IACL,CAAC,SAAS;AAAA,IACV;AAAA,IACA,MAAM,WAAW,MAAM,EAAE;AAAA,IACzB;AAAA,IACA,UAAU,QAAQ,kBAAkB,IAAI,IAAI;AAAA,EAC9C;AACF;AAEO,SAAS,iBAAiB,OAAa,WAAW,OAAO;AAC9D,MAAI,WAAW,KAAK,GAAG;AACrB,WAAO,WAAW,GAAG,MAAM,QAAQ,GAAG,QAAQ,MAAM,WAAW,MAAM;AAAA,EACvE;AACA,SAAO,GAAG,SAAS;AACrB;AAEO,SAAS,WAAW,GAAkC;AAC3D,SAAO,KAAK,OAAO,MAAM,YAAY,UAAU;AACjD;AAEO,SAAS,YAAY,gBAAmC;AAC7D,MAAI,WAAW,cAAc,GAAG;AAC9B,WAAO,iBAAiB,cAAc;AAAA,EACxC;AACA,QAAM,SAAS,UAAU,EAAE;AAC3B,SAAO,iBAAiB,OAAO,mBAAmB,cAAc;AAClE;AAEO,SAAS,iBAAiB,GAAmB;AAClD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAEO,SAAS,gBAAgB,GAAmB;AACjD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAEO,SAAS,oBAAoB,GAAmB;AACrD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAGO,MAAM,oBAAoB,CAAC,UAAkB,aAAa,SAAS;AACxE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,YAAY,OAAO,aAAa,UAAU;AAC7C,YAAM,IAAI,MAAM,sCAAsC,UAAU;AAAA,IAClE;AAAA,EACF;AACA,QAAM,OAAO,WAAW,UAAU,EAAE;AACpC,SAAO,aAAa,SAAS,UAAU;AACzC;",
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { simpleHash } from '@tamagui/helpers'\n\nimport { getConfig } from './config'\n\n/**\n * Should rename this to Token\n * Moving to objects for React Server Components support\n */\n\nconst IS_VAR = 'isVar'\n\ntype VariableIn<A = any> = {\n  val: A\n  name: string\n  key: string\n}\n\nexport type Variable<A = any> = VariableIn<A> & {\n  [IS_VAR]?: true\n  variable?: string\n}\n\nexport const createVariable = <A extends string | number = any>(props: VariableIn<A>) => {\n  if (isVariable(props)) return props\n  const { key, name, val } = props\n  return {\n    [IS_VAR]: true,\n    key,\n    name: simpleHash(name, 40),\n    val,\n    variable: isWeb ? createCSSVariable(name) : '',\n  }\n}\n\nexport function variableToString(vrble?: any, getValue = false) {\n  if (isVariable(vrble)) {\n    if (!getValue && isWeb && vrble.variable) {\n      return vrble.variable\n    }\n    setDidGetVariableValue(true)\n    return `${vrble.val}`\n  }\n  return `${vrble || ''}`\n}\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return v && typeof v === 'object' && IS_VAR in v\n}\n\nexport function getVariable(nameOrVariable: Variable | string) {\n  if (isVariable(nameOrVariable)) {\n    return variableToString(nameOrVariable)\n  }\n  const tokens = getConfig().tokensParsed\n  return variableToString(tokens[nameOrVariable] ?? nameOrVariable)\n}\n\nlet accessed = false\nexport const setDidGetVariableValue = (val: boolean) => (accessed = val)\nexport const didGetVariableValue = () => accessed\n\nexport function getVariableValue(v: Variable | any) {\n  if (isVariable(v)) {\n    setDidGetVariableValue(true)\n    return v.val\n  }\n  return v\n}\n\nexport function getVariableName(v: Variable | any) {\n  if (isVariable(v)) return v.name\n  return v\n}\n\nexport function getVariableVariable(v: Variable | any) {\n  if (isVariable(v)) return v.variable\n  return v\n}\n\n// bugfix { space: { 0.5: 10 } } was generating var(--space-0.5) (invalid CSS):\nexport const createCSSVariable = (nameProp: string, includeVar = true) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (!nameProp || typeof nameProp !== 'string') {\n      throw new Error(`createCSSVariable expected string: ${nameProp}`)\n    }\n  }\n  const name = simpleHash(nameProp, 60)\n  return includeVar ? `var(--${name})` : name\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAO1B,MAAM,SAAS;AAaR,MAAM,iBAAiB,CAAkC,UAAyB;AACvF,MAAI,WAAW,KAAK;AAAG,WAAO;AAC9B,QAAM,EAAE,KAAK,MAAM,IAAI,IAAI;AAC3B,SAAO;AAAA,IACL,CAAC,SAAS;AAAA,IACV;AAAA,IACA,MAAM,WAAW,MAAM,EAAE;AAAA,IACzB;AAAA,IACA,UAAU,QAAQ,kBAAkB,IAAI,IAAI;AAAA,EAC9C;AACF;AAEO,SAAS,iBAAiB,OAAa,WAAW,OAAO;AAC9D,MAAI,WAAW,KAAK,GAAG;AACrB,QAAI,CAAC,YAAY,SAAS,MAAM,UAAU;AACxC,aAAO,MAAM;AAAA,IACf;AACA,2BAAuB,IAAI;AAC3B,WAAO,GAAG,MAAM;AAAA,EAClB;AACA,SAAO,GAAG,SAAS;AACrB;AAEO,SAAS,WAAW,GAAkC;AAC3D,SAAO,KAAK,OAAO,MAAM,YAAY,UAAU;AACjD;AAEO,SAAS,YAAY,gBAAmC;AAC7D,MAAI,WAAW,cAAc,GAAG;AAC9B,WAAO,iBAAiB,cAAc;AAAA,EACxC;AACA,QAAM,SAAS,UAAU,EAAE;AAC3B,SAAO,iBAAiB,OAAO,mBAAmB,cAAc;AAClE;AAEA,IAAI,WAAW;AACR,MAAM,yBAAyB,CAAC,QAAkB,WAAW;AAC7D,MAAM,sBAAsB,MAAM;AAElC,SAAS,iBAAiB,GAAmB;AAClD,MAAI,WAAW,CAAC,GAAG;AACjB,2BAAuB,IAAI;AAC3B,WAAO,EAAE;AAAA,EACX;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,GAAmB;AACjD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAEO,SAAS,oBAAoB,GAAmB;AACrD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAGO,MAAM,oBAAoB,CAAC,UAAkB,aAAa,SAAS;AACxE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,YAAY,OAAO,aAAa,UAAU;AAC7C,YAAM,IAAI,MAAM,sCAAsC,UAAU;AAAA,IAClE;AAAA,EACF;AACA,QAAM,OAAO,WAAW,UAAU,EAAE;AACpC,SAAO,aAAa,SAAS,UAAU;AACzC;",
   "names": []
 }

package/dist/esm/helpers/getSplitStyles.js

@@ -10,6 +10,7 @@ import { useInsertionEffect } from "react";
 import { getConfig } from "../config";
 import { isDevTools } from "../constants/isDevTools";
 import {
+  getMediaImportanceIfMoreImportant,
   mediaState as globalMediaState,
   mediaQueryConfig,
   mergeMediaByImportance
@@ -33,12 +34,16 @@ import {
 import { pseudoDescriptors } from "./pseudoDescriptors";
 const skipProps = {
   animation: true,
+  space: true,
   animateOnly: true,
   debug: true,
   componentName: true,
   role: true,
   tag: true
 };
+if (process.env.NODE_ENV === "test") {
+  skipProps["data-test-renders"] = true;
+}
 const IS_STATIC = process.env.IS_STATIC === "is_static";
 if (process.env.TAMAGUI_TARGET === "native") {
   Object.assign(skipProps, {
@@ -126,7 +131,6 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
     inlineWhenUnflattened
   } = staticConfig;
   const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
-  const mediaKeys = [];
   const viewProps = {};
   const pseudos = {};
   let psuedosUsed = null;
@@ -134,6 +138,8 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
   const mediaState = state.mediaState || globalMediaState;
   const usedKeys = {};
   const propKeys = Object.keys(props);
+  let space = props.space;
+  let hasMedia = false;
   const shouldDoClasses = staticConfig.acceptsClassName && (isWeb || IS_STATIC) && !state.noClassNames;
   let style = {};
   const flatTransforms = {};
@@ -383,7 +389,7 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
       if (!isMediaOrPseudo && usedKeys[key]) {
         continue;
       }
-      if ((deoptProps == null ? void 0 : deoptProps.has(key)) || (inlineProps == null ? void 0 : inlineProps.has(key)) || (inlineWhenUnflattened == null ? void 0 : inlineWhenUnflattened.has(key))) {
+      if ((inlineProps == null ? void 0 : inlineProps.has(key)) || (inlineWhenUnflattened == null ? void 0 : inlineWhenUnflattened.has(key))) {
         usedKeys[key] = 1;
         viewProps[key] = props[key] ?? val;
       }
@@ -449,21 +455,27 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
       if (isMedia) {
         if (!val)
           continue;
-        const mediaKey = key;
-        const mediaKeyShort = mediaKey.slice(1);
-        mediaKeys.push(mediaKeyShort);
+        hasMedia ||= true;
         const mediaStyle = getSubStyle(
           styleState,
           key,
           val,
           false
         );
+        const mediaKeyShort = key.slice(1);
         if (process.env.NODE_ENV === "development" && debug === "verbose") {
-          console.log(`  \u{1F4FA} ${mediaKey}`, mediaState[mediaKeyShort], { mediaKey, mediaStyle, props, shouldDoClasses, mediaState: { ...mediaState } });
+          console.log(`  \u{1F4FA} ${key}`, mediaState[key.slice(1)], { key, mediaStyle, props, shouldDoClasses, mediaState: { ...mediaState } });
         }
         if (shouldDoClasses) {
           const mediaStyles = getStylesAtomic(mediaStyle);
           for (const style2 of mediaStyles) {
+            if (style2.property === "space") {
+              if (mergeMediaByImportance(style2, key, mediaStyle[key], usedKeys) && mediaState[mediaKeyShort]) {
+                hasMedia = "space";
+                space = valInit.space;
+              }
+              continue;
+            }
             const out = createMediaStyle(style2, mediaKeyShort, mediaQueryConfig);
             const fullKey = `${style2.property}${PROP_SPLIT}${mediaKeyShort}`;
             if (!usedKeys[fullKey]) {
@@ -472,13 +484,19 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
               mergeClassName(transforms, classNames, fullKey, out.identifier, true);
             }
           }
-        } else if (mediaState[mediaKey]) {
+        } else if (mediaState[mediaKeyShort]) {
           for (const key2 in mediaStyle) {
-            const didMerge = mergeMediaByImportance(style, key2, mediaStyle[key2], usedKeys);
-            if (didMerge) {
-              if (key2 === "fontFamily") {
-                fontFamily = mediaStyle[key2];
-              }
+            const importance = getMediaImportanceIfMoreImportant(key2, usedKeys);
+            if (importance === null)
+              continue;
+            if (key2 === "space") {
+              hasMedia = "space";
+              space = valInit.space;
+              continue;
+            }
+            mergeMediaByImportance(style, key2, mediaStyle[key2], usedKeys);
+            if (key2 === "fontFamily") {
+              fontFamily = mediaStyle[key2];
             }
           }
         }
@@ -584,11 +602,12 @@ const getSplitStyles = (props, staticConfig, theme, state, parentSplitStyles, la
     classNames.className = className;
   }
   return {
+    space,
+    hasMedia,
     fontFamily,
     viewProps,
     style,
     medias,
-    mediaKeys,
     pseudos,
     classNames,
     rulesToInsert