@tamagui/core 1.0.1-beta.91 → 1.0.1-beta.94

package/dist/cjs/createComponent.js

@@ -140,17 +140,17 @@ function createComponent(configIn, ParentComponent) {
     } else {
       props = propsIn;
     }
+    const hostRef = (0, import_react.useRef)(null);
     const { Component, isText, isZStack } = staticConfig;
     const componentName = props.componentName || staticConfig.componentName;
     const componentClassName = props.asChild ? "" : props.componentName ? `is_${props.componentName}` : defaultComponentClassName;
     if (process.env.NODE_ENV === "development") {
       if (props["debug"]) {
-        console.log("\u26A0\uFE0F", componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]", "debug on");
-        console.log("props in:", {
-          propsIn,
-          props,
-          ordered: Object.keys(props)
-        });
+        const name = `${componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`;
+        const banner = `${name} ${propsIn["data-is"] || ""}`;
+        console.group(`%c \u{1F41B} ${banner}`, "background: yellow;");
+        console.log("props", propsIn);
+        console.log("ref", hostRef);
         if (props["debug"] === "break") {
           debugger;
         }
@@ -183,7 +183,6 @@ function createComponent(configIn, ParentComponent) {
     const useAnimations = (_a = tamaguiConfig.animations) == null ? void 0 : _a.useAnimations;
     const isAnimated = !!(useAnimations && props.animation);
     const hasEnterStyle = !!props.enterStyle;
-    const hostRef = (0, import_react.useRef)(null);
     const animationFeatureStylesIn = props.animation ? __spreadValues(__spreadValues({}, defaultNativeStyle), style) : null;
     const features = (0, import_useFeatures.useFeatures)(props, {
       forceUpdate,
@@ -253,7 +252,7 @@ function createComponent(configIn, ParentComponent) {
     const isStringElement = typeof elementType === "string";
     const disabled = props.accessibilityState != null && props.accessibilityState.disabled === true || props.accessibilityDisabled;
     let viewProps;
-    if (import_platform.isWeb && !staticConfig.isReactNativeWeb) {
+    if (process.env.TAMAGUI_TARGET === "web" && !staticConfig.isReactNativeWeb) {
       const _c = nonTamaguiProps, {
         onMoveShouldSetResponder,
         onMoveShouldSetResponderCapture,
@@ -397,36 +396,28 @@ function createComponent(configIn, ParentComponent) {
       ]);
       viewProps = webProps;
       (0, import_assignNativePropsToWeb.assignNativePropsToWeb)(elementType, viewProps, nonTamaguiProps);
-      if (!asChild) {
-        import_rnw.rnw.useElementLayout(hostRef, onLayout);
-        import_rnw.rnw.useResponderEvents(hostRef, {
-          onMoveShouldSetResponder,
-          onMoveShouldSetResponderCapture,
-          onResponderEnd,
-          onResponderGrant,
-          onResponderMove,
-          onResponderReject,
-          onResponderRelease,
-          onResponderStart,
-          onResponderTerminate,
-          onResponderTerminationRequest,
-          onScrollShouldSetResponder,
-          onScrollShouldSetResponderCapture,
-          onSelectionChangeShouldSetResponder,
-          onSelectionChangeShouldSetResponderCapture,
-          onStartShouldSetResponder,
-          onStartShouldSetResponderCapture
-        });
-      }
+      import_rnw.rnw.useElementLayout(hostRef, onLayout);
+      import_rnw.rnw.useResponderEvents(hostRef, {
+        onMoveShouldSetResponder,
+        onMoveShouldSetResponderCapture,
+        onResponderEnd,
+        onResponderGrant,
+        onResponderMove,
+        onResponderReject,
+        onResponderRelease,
+        onResponderStart,
+        onResponderTerminate,
+        onResponderTerminationRequest,
+        onScrollShouldSetResponder,
+        onScrollShouldSetResponderCapture,
+        onSelectionChangeShouldSetResponder,
+        onSelectionChangeShouldSetResponderCapture,
+        onStartShouldSetResponder,
+        onStartShouldSetResponderCapture
+      });
       const platformMethodsRef = import_rnw.rnw.usePlatformMethods(viewProps);
       const setRef = import_rnw.rnw.useMergeRefs(hostRef, platformMethodsRef, forwardedRef);
-      if (!isAnimated) {
-        viewProps.ref = setRef;
-      } else {
-        if (forwardedRef) {
-          viewProps.ref = forwardedRef;
-        }
-      }
+      viewProps.ref = setRef;
       if (props.href != void 0 && hrefAttrs != void 0) {
         const { download, rel, target } = hrefAttrs;
         if (download != null) {
@@ -462,10 +453,7 @@ function createComponent(configIn, ParentComponent) {
         viewProps.ref = forwardedRef;
       }
     }
-    if (process.env.NODE_ENV === "development" && props["debug"]) {
-      console.log("viewProps", elementType, viewProps.role, viewProps.tabIndex);
-    }
-    if (!isText && import_platform.isWeb) {
+    if (process.env.NODE_ENV === "development" && !isText && import_platform.isWeb) {
       import_react.Children.toArray(props.children).forEach((item) => {
         if (typeof item === "string") {
           console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`);
@@ -520,7 +508,7 @@ function createComponent(configIn, ParentComponent) {
         Object.assign(splitStyles.style, next);
       }
     }
-    if (import_platform.isWeb) {
+    if (process.env.TAMAGUI_TARGET === "web") {
       const fontFamilyName = isText ? props.fontFamily || staticConfig.defaultProps.fontFamily : null;
       const fontFamily = fontFamilyName && fontFamilyName[0] === "$" ? fontFamilyName.slice(1) : null;
       const classList = [
@@ -531,9 +519,6 @@ function createComponent(configIn, ParentComponent) {
       ];
       const className = classList.join(" ");
       const style2 = animationStyles ?? splitStyles.style;
-      if (process.env.NODE_ENV === "development" && props["debug"]) {
-        console.log("  \xBB className", { splitStyles, style: style2, isStringElement, pseudos, state, classNames, propsClassName: props.className, classList, className: className.trim().split(" "), themeClassName: theme.className, values: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, (0, import_insertStyleRule.getAllSelectors)()[v]])) });
-      }
       const isAnimatedReactNativeWeb = props.animation && avoidClasses;
       if (staticConfig.isReactNativeWeb || isAnimatedReactNativeWeb) {
         viewProps.dataSet = __spreadProps(__spreadValues({}, viewProps.dataSet), {
@@ -715,7 +700,7 @@ function createComponent(configIn, ParentComponent) {
       }
     }
     content = (0, import_react.createElement)(elementType, viewProps, childEls);
-    if (import_platform.isWeb) {
+    if (process.env.TAMAGUI_TARGET === "web") {
       const isAnimatedRNWView = isAnimated && typeof elementType !== "string";
       const shouldWrapWithComponentTheme = isAnimatedRNWView && (0, import_createPropMapper.getReturnVariablesAs)(props, splitStyleState) === "non-color-value";
       const shouldWrapWithHover = events && attachHover;
@@ -735,7 +720,15 @@ function createComponent(configIn, ParentComponent) {
     }
     if (process.env.NODE_ENV === "development") {
       if (props["debug"]) {
-        console.log("\u2B50\uFE0F", __spreadValues({ propsIn: __spreadValues({}, props), propsOut: __spreadValues({}, viewProps), elementType, state, splitStyles, animationStyles, isStringElement, classNamesIn: (_e = props.className) == null ? void 0 : _e.split(" "), classNamesOut: (_f = viewProps.className) == null ? void 0 : _f.split(" "), events, shouldAttach, ViewComponent: elementType, viewProps, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses, animation: props.animation, style, defaultNativeStyle, initialSplitStyles }, typeof window !== "undefined" ? { theme, themeClassName: theme.className, staticConfig, tamaguiConfig, events, shouldAvoidClasses, shouldForcePseudo } : null));
+        console.groupCollapsed(elementType, `props out`, viewProps);
+        for (const key in viewProps) {
+          console.log(key, viewProps[key]);
+        }
+        console.groupEnd();
+        if (typeof window !== "undefined") {
+          console.log(__spreadValues({ state, viewProps, splitStyles, animationStyles, isStringElement, classNamesIn: (_e = props.className) == null ? void 0 : _e.split(" "), classNamesOut: (_f = viewProps.className) == null ? void 0 : _f.split(" "), events, shouldAttach, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses, animation: props.animation, style, defaultNativeStyle, initialSplitStyles }, typeof window !== "undefined" ? { theme, themeClassName: theme.className, staticConfig, tamaguiConfig, events, shouldAvoidClasses, shouldForcePseudo, classNames: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, (0, import_insertStyleRule.getAllSelectors)()[v]])) } : null));
+        }
+        console.groupEnd();
       }
     }
     if (features.elements.length) {
@@ -778,9 +771,6 @@ function createComponent(configIn, ParentComponent) {
       keepVariantsAsProps: true
     }, void 0, debug);
     const [defaults, defaultsClassnames] = (0, import_mergeProps.mergeProps)(component.defaultProps, initialSplitStyles.viewProps, true);
-    if (debug) {
-      console.warn(defaults, component.defaultProps, initialSplitStyles);
-    }
     initialSplitStyles.classNames = __spreadValues(__spreadValues(__spreadValues({}, parentClassNames), defaultsClassnames), initialSplitStyles.classNames);
     defaultNativeStyle = {};
     const validStyles2 = staticConfig.validStyles || import_helpers.stylePropsView;

package/dist/cjs/createComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createComponent.tsx"],
-  "sourcesContent": ["import { composeEventHandlers, stylePropsView, validStyles } from '@tamagui/helpers'\nimport { useForceUpdate } from '@tamagui/use-force-update'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { StyleSheet, Text, View, ViewStyle } from 'react-native'\n\nimport { getConfig, onConfiguredOnce } from './conf'\nimport { stackDefaultStyles } from './constants/constants'\nimport { isWeb, useIsomorphicLayoutEffect } from './constants/platform'\nimport { rnw } from './constants/rnw'\nimport { assignNativePropsToWeb } from './helpers/assignNativePropsToWeb'\nimport { getReturnVariablesAs } from './helpers/createPropMapper'\nimport { createShallowUpdate } from './helpers/createShallowUpdate'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { SplitStyleResult, insertSplitStyles, useSplitStyles } from './helpers/getSplitStyles'\nimport { getAllSelectors } from './helpers/insertStyleRule'\nimport { mergeProps } from './helpers/mergeProps'\nimport { proxyThemeVariables } from './helpers/proxyThemeVariables'\nimport { wrapThemeManagerContext } from './helpers/wrapThemeManagerContext'\nimport { useFeatures } from './hooks/useFeatures'\nimport { useIsTouchDevice } from './hooks/useIsTouchDevice'\nimport { mediaState } from './hooks/useMedia'\nimport { usePressable } from './hooks/usePressable'\nimport { getThemeManagerIfChanged, useTheme } from './hooks/useTheme'\nimport { Pressability } from './Pressability'\nimport {\n  SpaceDirection,\n  SpaceTokens,\n  StackProps,\n  StaticConfig,\n  StaticConfigParsed,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiComponentState,\n  TamaguiConfig,\n  TamaguiElement,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n} from './types'\nimport { Slot, mergeEvent } from './views/Slot'\nimport { TextAncestorContext } from './views/TextAncestorContext'\n\nReact['keep']\n\nconst defaultComponentState: TamaguiComponentState = Object.freeze({\n  hover: false,\n  press: false,\n  pressIn: false,\n  focus: false,\n  // only used by enterStyle\n  mounted: false,\n  animation: null,\n})\n\nexport const mouseUps = new Set<Function>()\nif (typeof document !== 'undefined') {\n  document.addEventListener('mouseup', () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  })\n  document.addEventListener('touchend', () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  })\n  document.addEventListener('touchcancel', () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  })\n}\n\n// mutates\nfunction mergeShorthands({ defaultProps }: StaticConfigParsed, { shorthands }: TamaguiConfig) {\n  // they are defined in correct order already { ...parent, ...child }\n  for (const key in defaultProps) {\n    defaultProps[shorthands[key] || key] = defaultProps[key]\n  }\n}\n\nlet initialTheme: any\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 config = extendStaticConfig(configIn, ParentComponent)\n    if ('parsed' in config) {\n      return config\n    } else {\n      return parseStaticConfig(config)\n    }\n  })()\n\n  const defaultComponentClassName = `is_${staticConfig.componentName}`\n  let tamaguiConfig: TamaguiInternalConfig\n  let AnimatedText: any\n  let AnimatedView: any\n  let avoidClasses = true\n  let defaultNativeStyle: any\n  let defaultNativeStyleSheet: StyleSheet.NamedStyles<{ base: {} }>\n  let tamaguiDefaultProps: any\n  let initialSplitStyles: SplitStyleResult\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {\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 { 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    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        // prettier-ignore\n        console.log('\u26A0\uFE0F', componentName || Component?.displayName || Component?.name || '[Unnamed Component]', 'debug on')\n        // keep separate react native warn touches every value on prop causing weird behavior\n        console.log('props in:', {\n          propsIn,\n          props,\n          ordered: Object.keys(props),\n        })\n        if (props['debug'] === 'break') {\n          debugger\n        }\n      }\n    }\n\n    const forceUpdate = useForceUpdate()\n    const theme = useTheme(props.theme, componentName, props, forceUpdate)\n    const statesUsed = useState<TamaguiComponentState>(defaultComponentState)\n    const setStateShallow = createShallowUpdate(statesUsed[1])\n    let state = statesUsed[0]\n\n    // allow forcing a pseudo state on\n    if (propsIn.forceStyle) {\n      state = {\n        ...state,\n        [propsIn.forceStyle]: true,\n      }\n    }\n\n    const shouldAvoidClasses = !!(props.animation && avoidClasses)\n    const shouldForcePseudo = !!propsIn.forceStyle\n    const hasTextAncestor = !!(isWeb ? useContext(TextAncestorContext) : false)\n    const splitStyleState =\n      !shouldAvoidClasses && !shouldForcePseudo\n        ? {\n            ...state,\n            hasTextAncestor,\n            dynamicStylesInline: true,\n          }\n        : ({\n            ...state,\n            noClassNames: true,\n            dynamicStylesInline: true,\n            hasTextAncestor,\n            resolveVariablesAs: 'value',\n          } as const)\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      splitStyleState,\n      props.asChild ? null : initialSplitStyles.classNames,\n      props['debug']\n    )\n\n    const { viewProps: viewPropsIn, pseudos, medias, style, classNames } = splitStyles\n    const useAnimations = tamaguiConfig.animations?.useAnimations as UseAnimationHook | undefined\n    const isAnimated = !!(useAnimations && props.animation)\n    const hasEnterStyle = !!props.enterStyle\n    const hostRef = useRef<HTMLElement | View>(null)\n\n    const animationFeatureStylesIn = props.animation ? { ...defaultNativeStyle, ...style } : null\n\n    const features = useFeatures(props, {\n      forceUpdate,\n      setStateShallow,\n      useAnimations,\n      state,\n      style: animationFeatureStylesIn,\n      pseudos,\n      staticConfig,\n      theme,\n      hostRef,\n      onDidAnimate: props.onDidAnimate,\n    })\n\n    const {\n      tag,\n      hitSlop,\n      asChild,\n      children,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\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    // get the right component\n    const isTaggable = !Component || typeof Component === 'string'\n\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb ? (isTaggable ? tag || Component : Component) : Component\n    const BaseTextComponent = !isWeb ? Text : element || 'span'\n    const BaseViewComponent = !isWeb ? View : element || (hasTextAncestor ? 'span' : 'div')\n    let elementType = isText\n      ? (isAnimated ? AnimatedText || Text : null) || BaseTextComponent\n      : (isAnimated ? AnimatedView || View : null) || BaseViewComponent\n\n    elementType = Component || elementType\n    const isStringElement = typeof elementType === 'string'\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 (isWeb && !staticConfig.isReactNativeWeb) {\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        // react-native props\n        nativeID,\n\n        // react-native-web accessibility props\n        // @ts-ignore\n        accessibilityActiveDescendant,\n        // @ts-ignore\n        accessibilityAtomic,\n        // @ts-ignore\n        accessibilityAutoComplete,\n        // @ts-ignore\n        accessibilityBusy,\n        // @ts-ignore\n        accessibilityChecked,\n        // @ts-ignore\n        accessibilityColumnCount,\n        // @ts-ignore\n        accessibilityColumnIndex,\n        // @ts-ignore\n        accessibilityColumnSpan,\n        // @ts-ignore\n        accessibilityControls,\n        // @ts-ignore\n        accessibilityCurrent,\n        // @ts-ignore\n        accessibilityDescribedBy,\n        // @ts-ignore\n        accessibilityDetails,\n        // @ts-ignore\n        accessibilityDisabled,\n        // @ts-ignore\n        accessibilityErrorMessage,\n        // @ts-ignore\n        accessibilityExpanded,\n        // @ts-ignore\n        accessibilityFlowTo,\n        // @ts-ignore\n        accessibilityHasPopup,\n        // @ts-ignore\n        accessibilityHidden,\n        // @ts-ignore\n        accessibilityInvalid,\n        // @ts-ignore\n        accessibilityKeyShortcuts,\n        // @ts-ignore\n        accessibilityLabel,\n        // @ts-ignore\n        accessibilityLabelledBy,\n        // @ts-ignore\n        accessibilityLevel,\n        // @ts-ignore\n        accessibilityLiveRegion,\n        // @ts-ignore\n        accessibilityModal,\n        // @ts-ignore\n        accessibilityMultiline,\n        // @ts-ignore\n        accessibilityMultiSelectable,\n        // @ts-ignore\n        accessibilityOrientation,\n        // @ts-ignore\n        accessibilityOwns,\n        // @ts-ignore\n        accessibilityPlaceholder,\n        // @ts-ignore\n        accessibilityPosInSet,\n        // @ts-ignore\n        accessibilityPressed,\n        // @ts-ignore\n        accessibilityReadOnly,\n        // @ts-ignore\n        accessibilityRequired,\n        // @ts-ignore\n        accessibilityRole,\n        // @ts-ignore\n        accessibilityRoleDescription,\n        // @ts-ignore\n        accessibilityRowCount,\n        // @ts-ignore\n        accessibilityRowIndex,\n        // @ts-ignore\n        accessibilityRowSpan,\n        // @ts-ignore\n        accessibilitySelected,\n        // @ts-ignore\n        accessibilitySetSize,\n        // @ts-ignore\n        accessibilitySort,\n        // @ts-ignore\n        accessibilityValueMax,\n        // @ts-ignore\n        accessibilityValueMin,\n        // @ts-ignore\n        accessibilityValueNow,\n        // @ts-ignore\n        accessibilityValueText,\n\n        // deprecated\n        accessible,\n        accessibilityState,\n        accessibilityValue,\n\n        // android\n        collapsable,\n        focusable,\n\n        onLayout,\n\n        ...webProps\n      } = nonTamaguiProps\n\n      viewProps = webProps\n\n      assignNativePropsToWeb(elementType, viewProps, nonTamaguiProps)\n\n      if (!asChild) {\n        rnw.useElementLayout(hostRef, onLayout)\n\n        // from react-native-web\n        rnw.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        })\n      }\n\n      // from react-native-web\n      const platformMethodsRef = rnw.usePlatformMethods(viewProps)\n      const setRef = rnw.useMergeRefs(hostRef, platformMethodsRef, forwardedRef)\n\n      if (!isAnimated) {\n        // @ts-ignore\n        viewProps.ref = setRef\n      } else {\n        if (forwardedRef) {\n          // @ts-ignore\n          viewProps.ref = forwardedRef\n        }\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      if (forwardedRef) {\n        // @ts-ignore\n        viewProps.ref = forwardedRef\n      }\n    }\n\n    if (process.env.NODE_ENV === 'development' && props['debug']) {\n      console.log('viewProps', elementType, viewProps.role, viewProps.tabIndex)\n    }\n\n    // from react-native-web\n    if (true && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    // isMounted\n    const internal = useRef<{ isMounted: boolean; unmountEffects?: Function[] }>()\n    if (!internal.current) {\n      internal.current = {\n        isMounted: true,\n      }\n    }\n\n    useIsomorphicLayoutEffect(() => {\n      // we need to use state to properly have mounted go from false => true\n      if (typeof window !== 'undefined' && (hasEnterStyle || props.animation)) {\n        // for SSR we never set mounted, ensuring enterStyle={{}} is set by default\n        setStateShallow({\n          mounted: true,\n        })\n      }\n\n      internal.current!.isMounted = true\n      return () => {\n        mouseUps.delete(unPress)\n        internal.current!.isMounted = false\n        internal.current!.unmountEffects?.forEach((cb) => cb())\n      }\n    }, [hasEnterStyle, props.animation])\n\n    let styles: any[]\n\n    const animationStyles = state.animation ? state.animation.style : null\n\n    if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {\n      styles = {\n        ...defaultNativeStyle,\n        ...(animationStyles ?? style),\n        ...medias,\n      }\n    } else {\n      styles = [\n        isWeb ? null : defaultNativeStyleSheet ? (defaultNativeStyleSheet.base as ViewStyle) : null,\n        animationStyles ?? style,\n        medias,\n      ]\n      if (!animationStyles) {\n        const initPseudos = initialSplitStyles.pseudos\n        const force = shouldForcePseudo\n        !state.mounted && addPseudoToStyles(styles, initPseudos, pseudos, 'enterStyle')\n        state.hover && addPseudoToStyles(styles, initPseudos, pseudos, 'hoverStyle', force)\n        state.focus && addPseudoToStyles(styles, initPseudos, pseudos, 'focusStyle', force)\n        state.press && addPseudoToStyles(styles, initPseudos, pseudos, 'pressStyle', force)\n      }\n      // ugly but for now...\n      if (shouldForcePseudo) {\n        const next = {}\n        for (const style of styles) {\n          if (style) {\n            Object.assign(next, style)\n          }\n        }\n        // @ts-ignore\n        Object.assign(splitStyles.style, next)\n      }\n    }\n\n    if (isWeb) {\n      const fontFamilyName = isText\n        ? props.fontFamily || staticConfig.defaultProps.fontFamily\n        : null\n      const fontFamily =\n        fontFamilyName && fontFamilyName[0] === '$' ? fontFamilyName.slice(1) : null\n      const classList = [\n        componentName ? componentClassName : '',\n        fontFamily ? `font_${fontFamily}` : '',\n        theme.className,\n        classNames ? Object.values(classNames).join(' ') : '',\n      ]\n\n      const className = classList.join(' ')\n      const style = animationStyles ?? splitStyles.style\n\n      if (process.env.NODE_ENV === 'development' && props['debug']) {\n        // prettier-ignore\n        console.log('  \u00BB className', { splitStyles, style, isStringElement, pseudos, state, classNames, propsClassName: props.className, classList, className: className.trim().split(' '), themeClassName: theme.className, values: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, getAllSelectors()[v]])) })\n      }\n\n      // TODO this is specific to reanimated rn\n      const isAnimatedReactNativeWeb = props.animation && avoidClasses\n\n      if (staticConfig.isReactNativeWeb || isAnimatedReactNativeWeb) {\n        viewProps.dataSet = {\n          ...viewProps.dataSet,\n          className,\n          id: props.id,\n        }\n        if (props['data-is']) {\n          viewProps.dataSet.is = props['data-is']\n        }\n      } else {\n        viewProps.className = className\n      }\n\n      viewProps.style = style\n    } else {\n      viewProps.style = styles\n    }\n\n    // TODO need to loop active variants and see if they have matchin pseudos and apply as well\n    const initialPseudos = initialSplitStyles.pseudos\n    const attachPress = !!(\n      pseudos?.pressStyle ||\n      initialPseudos?.pressStyle ||\n      onPress ||\n      onPressOut ||\n      onPressIn ||\n      onClick\n    )\n\n    const isTouch = useIsTouchDevice()\n    const isHoverable = isWeb && !isTouch\n    const attachHover =\n      isHoverable &&\n      !!((pseudos && pseudos.hoverStyle) || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    const handlesPressEvents = !isStringElement && !asChild\n    const pressKey = handlesPressEvents ? 'onPress' : 'onClick'\n    const pressInKey = handlesPressEvents ? 'onPressIn' : 'onMouseDown'\n    const pressOutKey = handlesPressEvents ? 'onPressOut' : 'onMouseUp'\n\n    // check presence to prevent reparenting bugs, allows for onPress={x ? function : undefined} usage\n    // while avoiding reparenting...\n    // once proper reparenting is supported, we can remove this and use that...\n    const shouldAttach =\n      !asChild &&\n      (attachPress ||\n        attachHover ||\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    const unPress = useCallback(() => {\n      if (!internal.current!.isMounted) return\n      setStateShallow({\n        press: false,\n        pressIn: false,\n      })\n    }, [])\n\n    const events = shouldAttach\n      ? {\n          [pressOutKey]: attachPress\n            ? (e) => {\n                unPress()\n                onPressOut?.(e)\n                onMouseUp?.(e)\n              }\n            : undefined,\n          ...(isHoverable && {\n            onMouseEnter: attachHover\n              ? (e) => {\n                  let next: Partial<typeof state> = {}\n                  if (attachHover) {\n                    next.hover = true\n                  }\n                  if (state.pressIn) {\n                    next.press = true\n                  }\n                  if (Object.keys(next).length) {\n                    setStateShallow(next)\n                  }\n                  onHoverIn?.(e)\n                  onMouseEnter?.(e)\n                }\n              : undefined,\n            onMouseLeave: attachHover\n              ? (e) => {\n                  let next: Partial<typeof state> = {}\n                  mouseUps.add(unPress)\n                  if (attachHover) {\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          [pressInKey]: attachPress\n            ? (e) => {\n                setStateShallow({\n                  press: true,\n                  pressIn: true,\n                })\n                onPressIn?.(e)\n                onMouseDown?.(e)\n                if (isWeb) {\n                  mouseUps.add(unPress)\n                }\n              }\n            : null,\n          [pressKey]: attachPress\n            ? (e) => {\n                unPress()\n                onClick?.(e)\n                onPress?.(e)\n              }\n            : null,\n\n          // replicating TouchableWithoutFeedback\n          ...(!isWeb && {\n            cancelable: !props.rejectResponderTermination,\n            disabled: props.disabled !== null ? props.disabled : props.accessibilityState?.disabled,\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    // find space by media query\n    if (features.enabled.mediaQuery) {\n      for (const key in mediaState) {\n        if (!mediaState[key]) continue\n        if (props[key] && props[key].space !== undefined) {\n          space = props[key].space\n        }\n      }\n    }\n\n    let 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            getThemeManagerIfChanged(theme)\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: web\n    if (isWeb) {\n      const [pressableProps] = usePressable(\n        events\n          ? {\n              disabled,\n              ...(hitSlop && {\n                hitSlop,\n              }),\n              onPressOut: events[pressOutKey],\n              onPressIn: events[pressInKey],\n              onPress: events[pressKey],\n            }\n          : {\n              disabled: true,\n            }\n      )\n      if (events) {\n        if (handlesPressEvents) {\n          Object.assign(viewProps, pressableProps)\n        } else {\n          Object.assign(viewProps, events)\n        }\n      }\n    }\n\n    // add focus events\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      const attachFocus = !!(\n        (pseudos && pseudos.focusStyle) ||\n        (initialPseudos && initialPseudos.focusStyle)\n      )\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\n    // EVENTS native\n    // replicates TouchableWithoutFeedback\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // only ever create once, use .configure() to update later\n      const pressability = useMemo(() => {\n        if (attachPress && events) {\n          const pressability = new Pressability(events)\n          internal.current!.unmountEffects = [\n            () => {\n              pressability.reset()\n            },\n          ]\n          return pressability\n        }\n      }, [])\n\n      if (attachPress && events) {\n        pressability.configure(events)\n        const eventHandlers = pressability.getEventHandlers()\n        for (const key in eventHandlers) {\n          if (key === 'onBlur' || key === 'onFocus') {\n            // avoids the default\n            continue\n          }\n          const og = props[key]\n          const val = eventHandlers[key]\n          viewProps[key] = og ? composeEventHandlers(og, val) : val\n        }\n      }\n    }\n\n    content = createElement(elementType, viewProps, childEls)\n\n    if (isWeb) {\n      // only necessary when animating because some AnimatedView which wraps RNW View doesn't forward dataSet className\n      const isAnimatedRNWView = isAnimated && typeof elementType !== 'string' // assuming for now as reanimated is only driver\n      const shouldWrapWithComponentTheme =\n        isAnimatedRNWView && getReturnVariablesAs(props, splitStyleState) === 'non-color-value'\n      const shouldWrapWithHover = events && attachHover\n\n      if (shouldWrapWithHover || shouldWrapWithComponentTheme) {\n        const themeClassName = shouldWrapWithComponentTheme ? `${theme.className}` : ''\n        const hoverClassName = shouldWrapWithHover ? 't_Hoverable' : ''\n        content = (\n          <span\n            className={`${hoverClassName} ${themeClassName}`}\n            style={{\n              display: 'contents',\n            }}\n            {...(shouldWrapWithHover && {\n              onMouseEnter: events.onMouseEnter,\n              onMouseLeave: events.onMouseLeave,\n            })}\n          >\n            {content}\n          </span>\n        )\n      }\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        // prettier-ignore\n        console.log('\u2B50\uFE0F', { propsIn: { ...props }, propsOut: { ...viewProps }, elementType, state, splitStyles, animationStyles, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, ViewComponent: elementType, viewProps, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses, animation: props.animation, style, defaultNativeStyle, initialSplitStyles, ...(typeof window !== 'undefined' ? { theme, themeClassName:  theme.className, staticConfig, tamaguiConfig, events, shouldAvoidClasses, shouldForcePseudo } : null) })\n      }\n    }\n\n    if (features.elements.length) {\n      return (\n        <>\n          {features.elements}\n          {content}\n        </>\n      )\n    }\n\n    return content\n  })\n\n  if (staticConfig.componentName) {\n    component.displayName = staticConfig.componentName\n  }\n\n  // Once configuration is run and all components are registered\n  // get default props + className and analyze styles\n  onConfiguredOnce((conf) => {\n    if (process.env.IS_STATIC === 'is_static') {\n      // in static mode we just use these to lookup configuration\n      return\n    }\n\n    tamaguiConfig = conf\n\n    // do this to make sure shorthands don't duplicate with.. longhands\n    mergeShorthands(staticConfig, tamaguiConfig)\n\n    avoidClasses = !!tamaguiConfig.animations?.avoidClasses\n    AnimatedText = tamaguiConfig.animations?.Text\n    AnimatedView = tamaguiConfig?.animations?.View\n    initialTheme =\n      initialTheme ||\n      proxyThemeVariables(conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]])\n\n    // adds in user defined default props\n    const config = getConfig()\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 (config.defaultProps && parentNames && staticConfig.componentName) {\n      defaultPropsIn = mergeConfigDefaultProps(\n        staticConfig.componentName,\n        defaultPropsIn,\n        config.defaultProps,\n        parentNames\n      )\n    }\n\n    const debug = process.env.NODE_ENV === 'development' ? defaultPropsIn['debug'] : false\n\n    if (process.env.NODE_ENV === 'development' && debug === 'break') {\n      debugger\n    }\n\n    // remove all classNames\n    const [parentProps, parentClassNames] = mergeProps(defaultPropsIn, {}, true)\n\n    initialSplitStyles = insertSplitStyles(\n      parentProps,\n      staticConfig,\n      initialTheme,\n      {\n        mounted: true,\n        hover: false,\n        press: false,\n        pressIn: false,\n        focus: false,\n        resolveVariablesAs: 'both',\n        keepVariantsAsProps: true,\n      },\n      undefined,\n      debug\n    )\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(\n      component.defaultProps as any,\n      initialSplitStyles.viewProps,\n      true\n    )\n\n    if (debug) {\n      console.warn(defaults, component.defaultProps, initialSplitStyles)\n    }\n\n    // avoid passing className props to variants\n    initialSplitStyles.classNames = {\n      ...parentClassNames,\n      ...defaultsClassnames,\n      ...initialSplitStyles.classNames,\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 ((typeof val === 'string' && val[0] === '$') || !validStyles[key]) {\n          defaults[key] = val\n        } else {\n          defaultNativeStyle[key] = val\n        }\n      }\n    }\n\n    defaultNativeStyleSheet = StyleSheet.create({\n      base: defaultNativeStyle,\n    })\n\n    if (Object.keys(defaults).length) {\n      tamaguiDefaultProps = defaults\n    }\n\n    // add debug logs\n    if (process.env.NODE_ENV === 'development' && debug) {\n      if (process.env.IS_STATIC !== 'is_static') {\n        console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, {\n          staticConfig,\n          initialSplitStyles,\n          tamaguiDefaultProps,\n          defaultNativeStyle,\n          defaults,\n          defaultPropsIn,\n        })\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        isExtractable: 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 type SpacerProps = Omit<StackProps, 'flex' | 'direction'> & {\n  size?: number | SpaceTokens\n  flex?: boolean | number\n  direction?: SpaceDirection\n}\nexport const Spacer = createComponent<SpacerProps>({\n  memo: true,\n  componentName: 'Spacer',\n  validStyles,\n  defaultProps: {\n    ...stackDefaultStyles,\n    size: true,\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  },\n\n  defaultVariants: {\n    direction: 'both',\n  },\n})\n\nexport type SpacedChildrenProps = {\n  isZStack?: boolean\n  children?: any\n  space?: any\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: any[] = []\n  for (const [index, child] of childrenList.entries()) {\n    const isEmpty =\n      child === null || child === undefined || (Array.isArray(child) && child.length === 0)\n\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) {\n      continue\n    }\n\n    // no spacing on ZStack\n    if (isZStack) {\n      continue\n    }\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}_before_sep_spacer`,\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}_after_sep_spacer`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n      } else {\n        final.push(\n          createSpacer({\n            key: `_${index}_spacer`,\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    <Spacer\n      key={key}\n      size={space}\n      direction={direction}\n      {...(spaceFlex && {\n        flex: spaceFlex,\n      })}\n    />\n  )\n}\n\nfunction isUnspaced(child: any) {\n  return child?.['type']?.['isVisuallyHidden'] || child?.['type']?.['isUnspaced']\n}\n\nexport function AbsoluteFill(props: { children?: React.ReactNode }) {\n  return (\n    <View pointerEvents=\"box-none\" style={StyleSheet.absoluteFill}>\n      {props.children}\n    </View>\n  )\n}\n\n// this can be done with CSS entirely right?\n// const shouldWrapTextAncestor = isWeb && isText && !hasTextAncestor\n// if (shouldWrapTextAncestor) {\n//   // from react-native-web\n//   content = createElement(TextAncestorContext.Provider, { value: true }, content)\n// }\n\nexport function processIDRefList(idRefList: string | Array<string>): string {\n  return Array.isArray(idRefList) ? idRefList.join(' ') : idRefList\n}\n\nexport const accessibilityRoleToWebRole = {\n  adjustable: 'slider',\n  button: 'button',\n  header: 'heading',\n  image: 'img',\n  imagebutton: null,\n  keyboardkey: null,\n  label: null,\n  link: 'link',\n  none: 'presentation',\n  search: 'search',\n  summary: 'region',\n  text: null,\n}\n\nfunction addPseudoToStyles(\n  styles: any[],\n  initialPseudos: SplitStyleResult['pseudos'],\n  pseudos: any,\n  name: string,\n  force = false\n) {\n  // on web use pseudo object { hoverStyle } to keep specificity with concatClassName\n  const pseudoStyle = pseudos[name]\n  const shouldNestObject = isWeb && name !== 'enterStyle' && name !== 'exitStyle'\n  const defaultPseudoStyle = initialPseudos[name]\n  const style = defaultPseudoStyle ? { ...defaultPseudoStyle, ...pseudoStyle } : pseudoStyle\n  if (style) {\n    styles.push(shouldNestObject && !force ? { [name]: style } : style)\n  }\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) {\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)[0]\n    console.log('set prev', prev)\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)[0]\n  }\n  return props\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { composeEventHandlers, stylePropsView, validStyles } from '@tamagui/helpers'\nimport { useForceUpdate } from '@tamagui/use-force-update'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { StyleSheet, Text, View, ViewStyle } from 'react-native'\n\nimport { getConfig, onConfiguredOnce } from './conf'\nimport { stackDefaultStyles } from './constants/constants'\nimport { isWeb, useIsomorphicLayoutEffect } from './constants/platform'\nimport { rnw } from './constants/rnw'\nimport { assignNativePropsToWeb } from './helpers/assignNativePropsToWeb'\nimport { getReturnVariablesAs } from './helpers/createPropMapper'\nimport { createShallowUpdate } from './helpers/createShallowUpdate'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { SplitStyleResult, insertSplitStyles, useSplitStyles } from './helpers/getSplitStyles'\nimport { getAllSelectors } from './helpers/insertStyleRule'\nimport { mergeProps } from './helpers/mergeProps'\nimport { proxyThemeVariables } from './helpers/proxyThemeVariables'\nimport { wrapThemeManagerContext } from './helpers/wrapThemeManagerContext'\nimport { useFeatures } from './hooks/useFeatures'\nimport { useIsTouchDevice } from './hooks/useIsTouchDevice'\nimport { mediaState } from './hooks/useMedia'\nimport { usePressable } from './hooks/usePressable'\nimport { getThemeManagerIfChanged, useTheme } from './hooks/useTheme'\nimport { Pressability } from './Pressability'\nimport {\n  SpaceDirection,\n  SpaceTokens,\n  StackProps,\n  StaticConfig,\n  StaticConfigParsed,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiComponentState,\n  TamaguiConfig,\n  TamaguiElement,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n} from './types'\nimport { Slot, mergeEvent } from './views/Slot'\nimport { TextAncestorContext } from './views/TextAncestorContext'\n\nReact['keep']\n\nconst defaultComponentState: TamaguiComponentState = Object.freeze({\n  hover: false,\n  press: false,\n  pressIn: false,\n  focus: false,\n  // only used by enterStyle\n  mounted: false,\n  animation: null,\n})\n\nexport const mouseUps = new Set<Function>()\nif (typeof document !== 'undefined') {\n  document.addEventListener('mouseup', () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  })\n  document.addEventListener('touchend', () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  })\n  document.addEventListener('touchcancel', () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  })\n}\n\n// mutates\nfunction mergeShorthands({ defaultProps }: StaticConfigParsed, { shorthands }: TamaguiConfig) {\n  // they are defined in correct order already { ...parent, ...child }\n  for (const key in defaultProps) {\n    defaultProps[shorthands[key] || key] = defaultProps[key]\n  }\n}\n\nlet initialTheme: any\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 config = extendStaticConfig(configIn, ParentComponent)\n    if ('parsed' in config) {\n      return config\n    } else {\n      return parseStaticConfig(config)\n    }\n  })()\n\n  const defaultComponentClassName = `is_${staticConfig.componentName}`\n  let tamaguiConfig: TamaguiInternalConfig\n  let AnimatedText: any\n  let AnimatedView: any\n  let avoidClasses = true\n  let defaultNativeStyle: any\n  let defaultNativeStyleSheet: StyleSheet.NamedStyles<{ base: {} }>\n  let tamaguiDefaultProps: any\n  let initialSplitStyles: SplitStyleResult\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {\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 hostRef = useRef<HTMLElement | View>(null)\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    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        const name = `${\n          componentName || Component?.displayName || Component?.name || '[Unnamed Component]'\n        }`\n        const banner = `${name} ${propsIn['data-is'] || ''}`\n        console.group(`%c \uD83D\uDC1B ${banner}`, 'background: yellow;')\n        console.log('props', propsIn)\n        console.log('ref', hostRef)\n        if (props['debug'] === 'break') {\n          debugger\n        }\n      }\n    }\n\n    const forceUpdate = useForceUpdate()\n    const theme = useTheme(props.theme, componentName, props, forceUpdate)\n    const statesUsed = useState<TamaguiComponentState>(defaultComponentState)\n    const setStateShallow = createShallowUpdate(statesUsed[1])\n    let state = statesUsed[0]\n\n    // allow forcing a pseudo state on\n    if (propsIn.forceStyle) {\n      state = {\n        ...state,\n        [propsIn.forceStyle]: true,\n      }\n    }\n\n    const shouldAvoidClasses = !!(props.animation && avoidClasses)\n    const shouldForcePseudo = !!propsIn.forceStyle\n    const hasTextAncestor = !!(isWeb ? useContext(TextAncestorContext) : false)\n    const splitStyleState =\n      !shouldAvoidClasses && !shouldForcePseudo\n        ? {\n            ...state,\n            hasTextAncestor,\n            dynamicStylesInline: true,\n          }\n        : ({\n            ...state,\n            noClassNames: true,\n            dynamicStylesInline: true,\n            hasTextAncestor,\n            resolveVariablesAs: 'value',\n          } as const)\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      splitStyleState,\n      props.asChild ? null : initialSplitStyles.classNames,\n      props['debug']\n    )\n\n    const { viewProps: viewPropsIn, pseudos, medias, style, classNames } = splitStyles\n    const useAnimations = tamaguiConfig.animations?.useAnimations as UseAnimationHook | undefined\n    const isAnimated = !!(useAnimations && props.animation)\n    const hasEnterStyle = !!props.enterStyle\n\n    const animationFeatureStylesIn = props.animation ? { ...defaultNativeStyle, ...style } : null\n\n    const features = useFeatures(props, {\n      forceUpdate,\n      setStateShallow,\n      useAnimations,\n      state,\n      style: animationFeatureStylesIn,\n      pseudos,\n      staticConfig,\n      theme,\n      hostRef,\n      onDidAnimate: props.onDidAnimate,\n    })\n\n    const {\n      tag,\n      hitSlop,\n      asChild,\n      children,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\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    // get the right component\n    const isTaggable = !Component || typeof Component === 'string'\n\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb ? (isTaggable ? tag || Component : Component) : Component\n    const BaseTextComponent = !isWeb ? Text : element || 'span'\n    const BaseViewComponent = !isWeb ? View : element || (hasTextAncestor ? 'span' : 'div')\n    let elementType = isText\n      ? (isAnimated ? AnimatedText || Text : null) || BaseTextComponent\n      : (isAnimated ? AnimatedView || View : null) || BaseViewComponent\n\n    elementType = Component || elementType\n    const isStringElement = typeof elementType === 'string'\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' && !staticConfig.isReactNativeWeb) {\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        // react-native props\n        nativeID,\n\n        // react-native-web accessibility props\n        // @ts-ignore\n        accessibilityActiveDescendant,\n        // @ts-ignore\n        accessibilityAtomic,\n        // @ts-ignore\n        accessibilityAutoComplete,\n        // @ts-ignore\n        accessibilityBusy,\n        // @ts-ignore\n        accessibilityChecked,\n        // @ts-ignore\n        accessibilityColumnCount,\n        // @ts-ignore\n        accessibilityColumnIndex,\n        // @ts-ignore\n        accessibilityColumnSpan,\n        // @ts-ignore\n        accessibilityControls,\n        // @ts-ignore\n        accessibilityCurrent,\n        // @ts-ignore\n        accessibilityDescribedBy,\n        // @ts-ignore\n        accessibilityDetails,\n        // @ts-ignore\n        accessibilityDisabled,\n        // @ts-ignore\n        accessibilityErrorMessage,\n        // @ts-ignore\n        accessibilityExpanded,\n        // @ts-ignore\n        accessibilityFlowTo,\n        // @ts-ignore\n        accessibilityHasPopup,\n        // @ts-ignore\n        accessibilityHidden,\n        // @ts-ignore\n        accessibilityInvalid,\n        // @ts-ignore\n        accessibilityKeyShortcuts,\n        // @ts-ignore\n        accessibilityLabel,\n        // @ts-ignore\n        accessibilityLabelledBy,\n        // @ts-ignore\n        accessibilityLevel,\n        // @ts-ignore\n        accessibilityLiveRegion,\n        // @ts-ignore\n        accessibilityModal,\n        // @ts-ignore\n        accessibilityMultiline,\n        // @ts-ignore\n        accessibilityMultiSelectable,\n        // @ts-ignore\n        accessibilityOrientation,\n        // @ts-ignore\n        accessibilityOwns,\n        // @ts-ignore\n        accessibilityPlaceholder,\n        // @ts-ignore\n        accessibilityPosInSet,\n        // @ts-ignore\n        accessibilityPressed,\n        // @ts-ignore\n        accessibilityReadOnly,\n        // @ts-ignore\n        accessibilityRequired,\n        // @ts-ignore\n        accessibilityRole,\n        // @ts-ignore\n        accessibilityRoleDescription,\n        // @ts-ignore\n        accessibilityRowCount,\n        // @ts-ignore\n        accessibilityRowIndex,\n        // @ts-ignore\n        accessibilityRowSpan,\n        // @ts-ignore\n        accessibilitySelected,\n        // @ts-ignore\n        accessibilitySetSize,\n        // @ts-ignore\n        accessibilitySort,\n        // @ts-ignore\n        accessibilityValueMax,\n        // @ts-ignore\n        accessibilityValueMin,\n        // @ts-ignore\n        accessibilityValueNow,\n        // @ts-ignore\n        accessibilityValueText,\n\n        // deprecated\n        accessible,\n        accessibilityState,\n        accessibilityValue,\n\n        // android\n        collapsable,\n        focusable,\n\n        onLayout,\n\n        ...webProps\n      } = nonTamaguiProps\n\n      viewProps = webProps\n\n      assignNativePropsToWeb(elementType, viewProps, nonTamaguiProps)\n\n      rnw.useElementLayout(hostRef, onLayout)\n\n      // from react-native-web\n      rnw.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      })\n\n      // from react-native-web\n      const platformMethodsRef = rnw.usePlatformMethods(viewProps)\n\n      const setRef = rnw.useMergeRefs(hostRef, platformMethodsRef, forwardedRef as any)\n      viewProps.ref = setRef\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      if (forwardedRef) {\n        // @ts-ignore\n        viewProps.ref = forwardedRef\n      }\n    }\n\n    if (process.env.NODE_ENV === 'development' && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    // isMounted\n    const internal = useRef<{ isMounted: boolean; unmountEffects?: Function[] }>()\n    if (!internal.current) {\n      internal.current = {\n        isMounted: true,\n      }\n    }\n\n    useIsomorphicLayoutEffect(() => {\n      // we need to use state to properly have mounted go from false => true\n      if (typeof window !== 'undefined' && (hasEnterStyle || props.animation)) {\n        // for SSR we never set mounted, ensuring enterStyle={{}} is set by default\n        setStateShallow({\n          mounted: true,\n        })\n      }\n\n      internal.current!.isMounted = true\n      return () => {\n        mouseUps.delete(unPress)\n        internal.current!.isMounted = false\n        internal.current!.unmountEffects?.forEach((cb) => cb())\n      }\n    }, [hasEnterStyle, props.animation])\n\n    let styles: any[]\n\n    const animationStyles = state.animation ? state.animation.style : null\n\n    if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {\n      styles = {\n        ...defaultNativeStyle,\n        ...(animationStyles ?? style),\n        ...medias,\n      }\n    } else {\n      styles = [\n        isWeb ? null : defaultNativeStyleSheet ? (defaultNativeStyleSheet.base as ViewStyle) : null,\n        animationStyles ?? style,\n        medias,\n      ]\n      if (!animationStyles) {\n        const initPseudos = initialSplitStyles.pseudos\n        const force = shouldForcePseudo\n        !state.mounted && addPseudoToStyles(styles, initPseudos, pseudos, 'enterStyle')\n        state.hover && addPseudoToStyles(styles, initPseudos, pseudos, 'hoverStyle', force)\n        state.focus && addPseudoToStyles(styles, initPseudos, pseudos, 'focusStyle', force)\n        state.press && addPseudoToStyles(styles, initPseudos, pseudos, 'pressStyle', force)\n      }\n      // ugly but for now...\n      if (shouldForcePseudo) {\n        const next = {}\n        for (const style of styles) {\n          if (style) {\n            Object.assign(next, style)\n          }\n        }\n        // @ts-ignore\n        Object.assign(splitStyles.style, next)\n      }\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      const fontFamilyName = isText\n        ? props.fontFamily || staticConfig.defaultProps.fontFamily\n        : null\n      const fontFamily =\n        fontFamilyName && fontFamilyName[0] === '$' ? fontFamilyName.slice(1) : null\n      const classList = [\n        componentName ? componentClassName : '',\n        fontFamily ? `font_${fontFamily}` : '',\n        theme.className,\n        classNames ? Object.values(classNames).join(' ') : '',\n      ]\n\n      const className = classList.join(' ')\n      const style = animationStyles ?? splitStyles.style\n\n      // TODO this is specific to reanimated rn\n      const isAnimatedReactNativeWeb = props.animation && avoidClasses\n\n      if (staticConfig.isReactNativeWeb || isAnimatedReactNativeWeb) {\n        viewProps.dataSet = {\n          ...viewProps.dataSet,\n          className,\n          id: props.id,\n        }\n        if (props['data-is']) {\n          viewProps.dataSet.is = props['data-is']\n        }\n      } else {\n        viewProps.className = className\n      }\n\n      viewProps.style = style\n    } else {\n      viewProps.style = styles\n    }\n\n    // TODO need to loop active variants and see if they have matchin pseudos and apply as well\n    const initialPseudos = initialSplitStyles.pseudos\n    const attachPress = !!(\n      pseudos?.pressStyle ||\n      initialPseudos?.pressStyle ||\n      onPress ||\n      onPressOut ||\n      onPressIn ||\n      onClick\n    )\n\n    const isTouch = useIsTouchDevice()\n    const isHoverable = isWeb && !isTouch\n    const attachHover =\n      isHoverable &&\n      !!((pseudos && pseudos.hoverStyle) || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    const handlesPressEvents = !isStringElement && !asChild\n    const pressKey = handlesPressEvents ? 'onPress' : 'onClick'\n    const pressInKey = handlesPressEvents ? 'onPressIn' : 'onMouseDown'\n    const pressOutKey = handlesPressEvents ? 'onPressOut' : 'onMouseUp'\n\n    // check presence to prevent reparenting bugs, allows for onPress={x ? function : undefined} usage\n    // while avoiding reparenting...\n    // once proper reparenting is supported, we can remove this and use that...\n    const shouldAttach =\n      !asChild &&\n      (attachPress ||\n        attachHover ||\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    const unPress = useCallback(() => {\n      if (!internal.current!.isMounted) return\n      setStateShallow({\n        press: false,\n        pressIn: false,\n      })\n    }, [])\n\n    const events = shouldAttach\n      ? {\n          [pressOutKey]: attachPress\n            ? (e) => {\n                unPress()\n                onPressOut?.(e)\n                onMouseUp?.(e)\n              }\n            : undefined,\n          ...(isHoverable && {\n            onMouseEnter: attachHover\n              ? (e) => {\n                  let next: Partial<typeof state> = {}\n                  if (attachHover) {\n                    next.hover = true\n                  }\n                  if (state.pressIn) {\n                    next.press = true\n                  }\n                  if (Object.keys(next).length) {\n                    setStateShallow(next)\n                  }\n                  onHoverIn?.(e)\n                  onMouseEnter?.(e)\n                }\n              : undefined,\n            onMouseLeave: attachHover\n              ? (e) => {\n                  let next: Partial<typeof state> = {}\n                  mouseUps.add(unPress)\n                  if (attachHover) {\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          [pressInKey]: attachPress\n            ? (e) => {\n                setStateShallow({\n                  press: true,\n                  pressIn: true,\n                })\n                onPressIn?.(e)\n                onMouseDown?.(e)\n                if (isWeb) {\n                  mouseUps.add(unPress)\n                }\n              }\n            : null,\n          [pressKey]: attachPress\n            ? (e) => {\n                unPress()\n                onClick?.(e)\n                onPress?.(e)\n              }\n            : null,\n\n          // replicating TouchableWithoutFeedback\n          ...(!isWeb && {\n            cancelable: !props.rejectResponderTermination,\n            disabled: props.disabled !== null ? props.disabled : props.accessibilityState?.disabled,\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    // find space by media query\n    if (features.enabled.mediaQuery) {\n      for (const key in mediaState) {\n        if (!mediaState[key]) continue\n        if (props[key] && props[key].space !== undefined) {\n          space = props[key].space\n        }\n      }\n    }\n\n    let 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            getThemeManagerIfChanged(theme)\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: web\n    if (isWeb) {\n      const [pressableProps] = usePressable(\n        events\n          ? {\n              disabled,\n              ...(hitSlop && {\n                hitSlop,\n              }),\n              onPressOut: events[pressOutKey],\n              onPressIn: events[pressInKey],\n              onPress: events[pressKey],\n            }\n          : {\n              disabled: true,\n            }\n      )\n      if (events) {\n        if (handlesPressEvents) {\n          Object.assign(viewProps, pressableProps)\n        } else {\n          Object.assign(viewProps, events)\n        }\n      }\n    }\n\n    // add focus events\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      const attachFocus = !!(\n        (pseudos && pseudos.focusStyle) ||\n        (initialPseudos && initialPseudos.focusStyle)\n      )\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\n    // EVENTS native\n    // replicates TouchableWithoutFeedback\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // only ever create once, use .configure() to update later\n      const pressability = useMemo(() => {\n        if (attachPress && events) {\n          const pressability = new Pressability(events)\n          internal.current!.unmountEffects = [\n            () => {\n              pressability.reset()\n            },\n          ]\n          return pressability\n        }\n      }, [])\n\n      if (attachPress && events) {\n        pressability.configure(events)\n        const eventHandlers = pressability.getEventHandlers()\n        for (const key in eventHandlers) {\n          if (key === 'onBlur' || key === 'onFocus') {\n            // avoids the default\n            continue\n          }\n          const og = props[key]\n          const val = eventHandlers[key]\n          viewProps[key] = og ? composeEventHandlers(og, val) : val\n        }\n      }\n    }\n\n    content = createElement(elementType, viewProps, childEls)\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      // only necessary when animating because some AnimatedView which wraps RNW View doesn't forward dataSet className\n      const isAnimatedRNWView = isAnimated && typeof elementType !== 'string' // assuming for now as reanimated is only driver\n      const shouldWrapWithComponentTheme =\n        isAnimatedRNWView && getReturnVariablesAs(props, splitStyleState) === 'non-color-value'\n      const shouldWrapWithHover = events && attachHover\n\n      if (shouldWrapWithHover || shouldWrapWithComponentTheme) {\n        const themeClassName = shouldWrapWithComponentTheme ? `${theme.className}` : ''\n        const hoverClassName = shouldWrapWithHover ? 't_Hoverable' : ''\n        content = (\n          <span\n            className={`${hoverClassName} ${themeClassName}`}\n            style={{\n              display: 'contents',\n            }}\n            {...(shouldWrapWithHover && {\n              onMouseEnter: events.onMouseEnter,\n              onMouseLeave: events.onMouseLeave,\n            })}\n          >\n            {content}\n          </span>\n        )\n      }\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        console.groupCollapsed(elementType, `props out`, viewProps)\n        for (const key in viewProps) {\n          console.log(key, viewProps[key])\n        }\n        console.groupEnd()\n        if (typeof window !== 'undefined') {\n          // prettier-ignore\n          console.log({ state, viewProps, splitStyles, animationStyles, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses, animation: props.animation, style, defaultNativeStyle, initialSplitStyles, ...(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        console.groupEnd()\n      }\n    }\n\n    if (features.elements.length) {\n      return (\n        <>\n          {features.elements}\n          {content}\n        </>\n      )\n    }\n\n    return content\n  })\n\n  if (staticConfig.componentName) {\n    component.displayName = staticConfig.componentName\n  }\n\n  // Once configuration is run and all components are registered\n  // get default props + className and analyze styles\n  onConfiguredOnce((conf) => {\n    if (process.env.IS_STATIC === 'is_static') {\n      // in static mode we just use these to lookup configuration\n      return\n    }\n\n    tamaguiConfig = conf\n\n    // do this to make sure shorthands don't duplicate with.. longhands\n    mergeShorthands(staticConfig, tamaguiConfig)\n\n    avoidClasses = !!tamaguiConfig.animations?.avoidClasses\n    AnimatedText = tamaguiConfig.animations?.Text\n    AnimatedView = tamaguiConfig?.animations?.View\n    initialTheme =\n      initialTheme ||\n      proxyThemeVariables(conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]])\n\n    // adds in user defined default props\n    const config = getConfig()\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 (config.defaultProps && parentNames && staticConfig.componentName) {\n      defaultPropsIn = mergeConfigDefaultProps(\n        staticConfig.componentName,\n        defaultPropsIn,\n        config.defaultProps,\n        parentNames\n      )\n    }\n\n    const debug = process.env.NODE_ENV === 'development' ? defaultPropsIn['debug'] : false\n\n    if (process.env.NODE_ENV === 'development' && debug === 'break') {\n      debugger\n    }\n\n    // remove all classNames\n    const [parentProps, parentClassNames] = mergeProps(defaultPropsIn, {}, true)\n\n    initialSplitStyles = insertSplitStyles(\n      parentProps,\n      staticConfig,\n      initialTheme,\n      {\n        mounted: true,\n        hover: false,\n        press: false,\n        pressIn: false,\n        focus: false,\n        resolveVariablesAs: 'both',\n        keepVariantsAsProps: true,\n      },\n      undefined,\n      debug\n    )\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(\n      component.defaultProps as any,\n      initialSplitStyles.viewProps,\n      true\n    )\n\n    // avoid passing className props to variants\n    initialSplitStyles.classNames = {\n      ...parentClassNames,\n      ...defaultsClassnames,\n      ...initialSplitStyles.classNames,\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 ((typeof val === 'string' && val[0] === '$') || !validStyles[key]) {\n          defaults[key] = val\n        } else {\n          defaultNativeStyle[key] = val\n        }\n      }\n    }\n\n    defaultNativeStyleSheet = StyleSheet.create({\n      base: defaultNativeStyle,\n    })\n\n    if (Object.keys(defaults).length) {\n      tamaguiDefaultProps = defaults\n    }\n\n    // add debug logs\n    if (process.env.NODE_ENV === 'development' && debug) {\n      if (process.env.IS_STATIC !== 'is_static') {\n        console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, {\n          staticConfig,\n          initialSplitStyles,\n          tamaguiDefaultProps,\n          defaultNativeStyle,\n          defaults,\n          defaultPropsIn,\n        })\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        isExtractable: 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 type SpacerProps = Omit<StackProps, 'flex' | 'direction'> & {\n  size?: number | SpaceTokens\n  flex?: boolean | number\n  direction?: SpaceDirection\n}\nexport const Spacer = createComponent<SpacerProps>({\n  memo: true,\n  componentName: 'Spacer',\n  validStyles,\n  defaultProps: {\n    ...stackDefaultStyles,\n    size: true,\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  },\n\n  defaultVariants: {\n    direction: 'both',\n  },\n})\n\nexport type SpacedChildrenProps = {\n  isZStack?: boolean\n  children?: any\n  space?: any\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: any[] = []\n  for (const [index, child] of childrenList.entries()) {\n    const isEmpty =\n      child === null || child === undefined || (Array.isArray(child) && child.length === 0)\n\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) {\n      continue\n    }\n\n    // no spacing on ZStack\n    if (isZStack) {\n      continue\n    }\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}_before_sep_spacer`,\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}_after_sep_spacer`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n      } else {\n        final.push(\n          createSpacer({\n            key: `_${index}_spacer`,\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    <Spacer\n      key={key}\n      size={space}\n      direction={direction}\n      {...(spaceFlex && {\n        flex: spaceFlex,\n      })}\n    />\n  )\n}\n\nfunction isUnspaced(child: any) {\n  return child?.['type']?.['isVisuallyHidden'] || child?.['type']?.['isUnspaced']\n}\n\nexport function AbsoluteFill(props: { children?: React.ReactNode }) {\n  return (\n    <View pointerEvents=\"box-none\" style={StyleSheet.absoluteFill}>\n      {props.children}\n    </View>\n  )\n}\n\n// this can be done with CSS entirely right?\n// const shouldWrapTextAncestor = isWeb && isText && !hasTextAncestor\n// if (shouldWrapTextAncestor) {\n//   // from react-native-web\n//   content = createElement(TextAncestorContext.Provider, { value: true }, content)\n// }\n\nexport function processIDRefList(idRefList: string | Array<string>): string {\n  return Array.isArray(idRefList) ? idRefList.join(' ') : idRefList\n}\n\nexport const accessibilityRoleToWebRole = {\n  adjustable: 'slider',\n  button: 'button',\n  header: 'heading',\n  image: 'img',\n  imagebutton: null,\n  keyboardkey: null,\n  label: null,\n  link: 'link',\n  none: 'presentation',\n  search: 'search',\n  summary: 'region',\n  text: null,\n}\n\nfunction addPseudoToStyles(\n  styles: any[],\n  initialPseudos: SplitStyleResult['pseudos'],\n  pseudos: any,\n  name: string,\n  force = false\n) {\n  // on web use pseudo object { hoverStyle } to keep specificity with concatClassName\n  const pseudoStyle = pseudos[name]\n  const shouldNestObject = isWeb && name !== 'enterStyle' && name !== 'exitStyle'\n  const defaultPseudoStyle = initialPseudos[name]\n  const style = defaultPseudoStyle ? { ...defaultPseudoStyle, ...pseudoStyle } : pseudoStyle\n  if (style) {\n    styles.push(shouldNestObject && !force ? { [name]: style } : style)\n  }\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) {\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)[0]\n    console.log('set prev', prev)\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)[0]\n  }\n  return props\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/helpers/createPropMapper.js

@@ -24,7 +24,8 @@ module.exports = __toCommonJS(createPropMapper_exports);
 var import_conf = require("../conf");
 var import_platform = require("../constants/platform");
 var import_createVariable = require("../createVariable");
-var import_generateAtomicStyles = require("./generateAtomicStyles");
+var import_expandStyle = require("./expandStyle");
+var import_expandStyles = require("./expandStyles");
 var import_getVariantExtras = require("./getVariantExtras");
 var import_isObj = require("./isObj");
 var import_mergeProps = require("./mergeProps");
@@ -45,10 +46,6 @@ const createPropMapper = (staticConfig) => {
     const fontFamily = props.fontFamily || defaultProps.fontFamily || "$body";
     const variantValue = resolveVariants(key, value, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, "", avoidDefaultProps);
     if (variantValue) {
-      if (process.env.NODE_ENV === "development") {
-        if (debug)
-          console.log("propMapped", key, value, "with", propsIn, "to", variantValue);
-      }
       return variantValue;
     }
     let shouldReturn = value !== void 0 && value !== null;
@@ -64,7 +61,7 @@ const createPropMapper = (staticConfig) => {
       }
     }
     if (shouldReturn) {
-      return (0, import_generateAtomicStyles.expandStyle)(key, value) || [[key, value]];
+      return (0, import_expandStyle.expandStyle)(key, value) || [[key, value]];
     }
   };
   return mapper;
@@ -73,7 +70,7 @@ const resolveVariants = (key, value, props, defaultProps, theme, variants, fontF
   var _a;
   const variant = variants && variants[key];
   if (variant && value !== void 0) {
-    let variantValue = getVariantDefinition(variant, key, value);
+    let variantValue = getVariantDefinition(variant, key, value, conf);
     if (variantValue) {
       if (typeof variantValue === "function") {
         const fn = variantValue;
@@ -83,7 +80,7 @@ const resolveVariants = (key, value, props, defaultProps, theme, variants, fontF
         variantValue = resolveTokensAndVariants(key, variantValue, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, parentVariantKey, avoidDefaultProps, debug);
       }
       if (variantValue) {
-        return Object.entries((0, import_generateAtomicStyles.expandStyles)(variantValue));
+        return Object.entries((0, import_expandStyles.expandStyles)(variantValue));
       }
     } else {
       if (process.env.NODE_ENV === "development") {
@@ -132,17 +129,28 @@ const resolveTokensAndVariants = (key, value, props, defaultProps, theme, varian
   }
   return res;
 };
-function getVariantDefinition(variant, key, value) {
+function getVariantDefinition(variant, key, value, conf) {
   if (typeof variant === "function") {
     return variant;
   }
-  for (const cat in tokenCategories) {
-    if (key in tokenCategories[cat]) {
-      const spreadVariant = variant[`...${cat}`];
-      if (spreadVariant) {
-        return spreadVariant;
-      }
-    }
+  if (variant[value]) {
+    return variant[value];
+  }
+  const { tokensParsed } = conf;
+  if (variant["...size"] && value in tokensParsed.size) {
+    return variant["...size"];
+  }
+  if (variant["...color"] && value in tokensParsed.color) {
+    return variant["...color"];
+  }
+  if (variant["...radius"] && value in tokensParsed.radius) {
+    return variant["...radius"];
+  }
+  if (variant["...space"] && value in tokensParsed.space) {
+    return variant["...space"];
+  }
+  if (variant["...zIndex"] && value in tokensParsed.zIndex) {
+    return variant["...zIndex"];
   }
   let fn;
   if (typeof value === "number") {
@@ -152,7 +160,6 @@ function getVariantDefinition(variant, key, value) {
   } else if (value === true || value === false) {
     fn = variant[":boolean"];
   }
-  fn = fn || variant[value];
   return fn || variant["..."] || variant["...size"];
 }
 const fontShorthand = {