@tamagui/core 1.0.0-alpha.2 → 1.0.0-alpha.7

package/src/views/ThemeManagerContext.tsx

@@ -2,15 +2,25 @@ import { createContext } from 'react'
 
 export class ThemeManager {
   name: string | null = 'light'
+  parentName: string | null = null
   keys = new Map<any, Set<string>>()
   listeners = new Map<any, Function>()
   callbacks = new Set<Function>()
   theme = null
 
-  setActiveTheme(name: string | null, theme?: any) {
+  setActiveTheme({
+    name,
+    theme,
+    parentName,
+  }: {
+    parentName?: string | null
+    name: string | null
+    theme?: any
+  }) {
     if (name === this.name) return
     this.name = name
     this.theme = theme
+    this.parentName = parentName || null
     this.update()
   }
 

package/types.d.ts

@@ -11,6 +11,7 @@ export declare class Variable {
 	val: string | number;
 	variable: string | number;
 	constructor({ val, name }: VariableIn);
+	toString(): string | number;
 }
 export declare type VariableIn = {
 	val: string | number;
@@ -96,6 +97,7 @@ export declare type TamaguiInternalConfig<A extends GenericTokens = GenericToken
 	tokensParsed: CreateTokens<Variable>;
 	themeConfig: any;
 	getCSS: () => string;
+	parsed: boolean;
 };
 export declare type UnionableString = string & {};
 export declare type UnionableNumber = number & {};
@@ -491,8 +493,8 @@ export declare const themeable: ThemeableHOC;
 export interface ThemeableHOC {
 	<R extends ReactElement<any, any> | null, P extends ThemeableProps = {}>(component: (props: P) => R): (props: P) => R;
 }
+export declare const isTamaguiElement: (child: any) => child is React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export declare function useConstant<T>(fn: () => T): T;
-export declare function useForceUpdate(): Function;
 export declare const mediaState: {
 	[key in keyof MediaQueryState]: boolean;
 };
@@ -550,9 +552,5 @@ export declare const ThemeInverse: (props: {
 }) => JSX.Element;
 export declare const TextAncestorContext: any;
 export declare const TextAncestorProvider: (props: any) => any;
-export declare const SafeAreaProvider: ({ initialWindowMetrics, children, }: {
-	children?: any;
-	initialWindowMetrics?: any;
-}) => JSX.Element;
 
 export {};

package/.ultra.cache.json

@@ -1 +0,0 @@
-{"files":{"_":"1637340237894.082","dist":"1637479554052.672",".npmignore":"e69de29bb2d1d6434b8b29ae775ad8c2e48c5391","package.json":"adf7cec75fc901122883d8d6a4cd32b04d410467","src/constants/constants.ts":"557e9930ddfa8fad6d74219ae7245c80551b8794","src/constants/platform.ts":"f6c5d92ce473942bb07bd3e799255dacbf88fe04","src/constants/pseudos.ts":"52c7655f92eaa265601eaf4a31b6db1688875321","src/constants/rnw.tsx":"ebc4ce292c30d344945b75e151a272023461f784","src/createComponent.tsx":"cccfd41966f4dde4e4c62e7b7d38f658088b7f01","src/createFont.ts":"819966bc37e24da3fe2d8c06a68520f0fe5d125e","src/createShorthands.ts":"7b5ce250bc5d049fcf9f5898efc60fdc91f2988d","src/createTamagui.ts":"6e79d67d36eac7a4f5edc8b97e3914eea89ee593","src/createTheme.ts":"aa9b7c08901c1dff621a371912f3cbf1c2507301","src/createTokens.ts":"e5b1ac5cc0a68ca0ec3753a1a0bd5a4af9b825b3","src/createVariable.ts":"da248891d943b04d940205762b1239751af6c7cc","src/helpers/addStylesUsingClassname.tsx":"eab83e8172210b5cea57a408f13cd20e6152d752","src/helpers/createMediaStyle.ts":"3c5ff33628b5cc8de55bdcedc3133b968b5fb210","src/helpers/createPropMapper.ts":"8c4cad2720fd04054a1bea055b674017ba4b0a22","src/helpers/createTamaguiProvider.tsx":"2b6006e2bf3140184789a8f13d3e138ebc22d7b7","src/helpers/extendStaticConfig.ts":"7402dca37f1de440471e3ac83ca6ab8eb4373dc3","src/helpers/fixNativeShadow.native.tsx":"ff1ed30ed9ace81433046e719939a04190b477cc","src/helpers/fixNativeShadow.tsx":"7fb6e7d9604025d2023469f23aab7280244bbb03","src/helpers/getSplitStyles.tsx":"fa6ce2cb0449918a575f02ac179d83de3637c0c6","src/helpers/getStylesAtomic.native.ts":"9054085df65d873432d974b369ac9dcb80f387ff","src/helpers/getStylesAtomic.ts":"e85e8ae07227d5b05f0f1aad7fae77b40e30c09d","src/helpers/insertStyleRule.tsx":"2fe177cb7efe1b2fb5b38c57835a6a3ea5e35443","src/helpers/isObj.ts":"8243865ff1705b549e1a10b398f45048709e2360","src/helpers/matchMedia.native.ts":"7e28a480a564ba5d341d5d559cf1ddcaf5f0b76b","src/helpers/matchMedia.ts":"071b4358b4a141c8f55645e478af1e2527e88b67","src/helpers/themeable.tsx":"16e605a7ae27cec3e4d725817370ac3c250c52a4","src/hooks/useConstant.tsx":"f23ca6031dd13f73f4c5eb7089b5745dc2cdaedd","src/hooks/useFeatures.tsx":"3b917df55d6478ef6f3b9c21d7bef3e5bdcefe1b","src/hooks/useForceUpdate.tsx":"bd991b41de300151e93b2d7e8cdca6a0accefacc","src/hooks/useMedia.tsx":"c50e9180f17ef1839875869eef071bf8a7965dae","src/hooks/usePressable.tsx":"4f55bdca7250e2d22d88f3578d8c8e62ce5c8453","src/hooks/useTheme.tsx":"9c11c3a5da0844cfb93ccbbfa861aedbe10b2552","src/index.ts":"9799059148a6bf1c14fd61120145f10cc40b1fcd","src/static.ts":"8023a4f2d9ee432df4084cc69260c01892f6dff8","src/static/postProcessStyles.tsx":"5e5579249eb99caab9f406af6ec801b7ff1db830","src/styled.ts":"6ccd48505b8118ac393344f475084c528ab83c94","src/types.tsx":"a80d45d21a1b69e54d00226b8f9f1f5de945f1cd","src/views/Animated.tsx":"eac498149091b087c84a5d92c4a9b57bafd6c149","src/views/SafeAreaProvider.tsx":"501c04bc1cb00c2a70ab4f13c5d9510b1f9245b8","src/views/Stack.tsx":"62ef6b9307bb434ad08f4ab7f3f6d0ccb975a359","src/views/Text.tsx":"476bdde93a89840681bf981cfc06e10fc0bc837d","src/views/TextAncestorContext.tsx":"73b13b84778bddb2b4198d32daf1de668132b0bb","src/views/Theme.tsx":"4e9357aac5fc201f2dc359a8f6fd4a8581ceb9bf","src/views/ThemeContext.tsx":"788e2d26d8727dd9493944b5ae9c7ea241fd7ed4","src/views/ThemeInverse.tsx":"614b626451a57955e896cc709d28043bc9bbf391","src/views/ThemeManagerContext.tsx":"30f5f195c2d4b326c5b44f587ff88a1dd1a848ff","src/views/ThemeProvider.tsx":"dcdd80d625e61e9598baf4cb10fc7921962efb50","tsconfig.json":"d3effa0a1380f9664793b92aefd77a1bc96ce071","types.d.ts":"ae74d3379aca7fc09fafc830bdbbc644fb099553"},"deps":{"@tamagui/helpers":1637643436658.3892,"@tamagui/build":1637643433595.8828}}

package/_/constants/constants.js

@@ -1,14 +0,0 @@
-import { isWeb } from "./platform";
-const stackDefaultStyles = {
-  alignItems: "stretch",
-  flexShrink: 0,
-  ...isWeb && {
-    display: "flex",
-    flexBasis: "auto",
-    boxSizing: "border-box"
-  }
-};
-export {
-  stackDefaultStyles
-};
-//# sourceMappingURL=constants.js.map

package/_/constants/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/constants/constants.ts"],
-  "sourcesContent": ["import { isWeb } from './platform'\n\nexport const stackDefaultStyles = {\n  alignItems: 'stretch',\n  flexShrink: 0,\n  // more accurately match react-native defaults on web\n  ...(isWeb && {\n    display: 'flex',\n    flexBasis: 'auto',\n    boxSizing: 'border-box',\n  }),\n}\n"],
-  "mappings": "AAAA;AAEO,MAAM,qBAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,YAAY;AAAA,KAER,SAAS;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA;AAAA;",
-  "names": []
-}

package/_/constants/platform.js

@@ -1,20 +0,0 @@
-var _a;
-import { useEffect, useLayoutEffect } from "react";
-import { Platform } from "react-native";
-const isWeb = process.env.TAMAGUI_TARGET === "web" || ((_a = Platform) == null ? void 0 : _a.OS) === "web";
-const isSSR = isWeb && typeof window === "undefined";
-const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect;
-const isChrome = typeof navigator !== "undefined" && /Chrome/.test(navigator.userAgent || "");
-const supportsTouchWeb = typeof window !== "undefined" && "ontouchstart" in window;
-const isTouchDevice = !isWeb || supportsTouchWeb;
-const isWebIOS = isWeb && typeof navigator !== "undefined" && (/iPad|iPhone|iPod/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1) && !window["MSStream"];
-export {
-  isChrome,
-  isSSR,
-  isTouchDevice,
-  isWeb,
-  isWebIOS,
-  supportsTouchWeb,
-  useIsomorphicLayoutEffect
-};
-//# sourceMappingURL=platform.js.map

package/_/constants/platform.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/constants/platform.ts"],
-  "sourcesContent": ["import { useEffect, useLayoutEffect } from 'react'\nimport { Platform } from 'react-native'\n\nexport const isWeb = process.env.TAMAGUI_TARGET === 'web' || Platform?.OS === 'web'\nexport const isSSR = isWeb && typeof window === 'undefined'\nexport const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect\nexport const isChrome = typeof navigator !== 'undefined' && /Chrome/.test(navigator.userAgent || '')\nexport const supportsTouchWeb = typeof window !== 'undefined' && 'ontouchstart' in window\nexport const isTouchDevice = !isWeb || supportsTouchWeb\nexport const isWebIOS =\n  isWeb &&\n  typeof navigator !== 'undefined' &&\n  (/iPad|iPhone|iPod/.test(navigator.platform) ||\n    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) &&\n  !window['MSStream']\n"],
-  "mappings": "AAAA;AAAA;AACA;AAEO,MAAM,QAAQ,QAAQ,IAAI,mBAAmB,SAAS,uCAAU,QAAO;AACvE,MAAM,QAAQ,SAAS,OAAO,WAAW;AACzC,MAAM,4BAA4B,QAAQ,YAAY;AACtD,MAAM,WAAW,OAAO,cAAc,eAAe,SAAS,KAAK,UAAU,aAAa;AAC1F,MAAM,mBAAmB,OAAO,WAAW,eAAe,kBAAkB;AAC5E,MAAM,gBAAgB,CAAC,SAAS;AAChC,MAAM,WACX,SACA,OAAO,cAAc,eACpB,oBAAmB,KAAK,UAAU,aAChC,UAAU,aAAa,cAAc,UAAU,iBAAiB,MACnE,CAAC,OAAO;",
-  "names": []
-}

package/_/constants/pseudos.js

@@ -1,18 +0,0 @@
-const pseudos = {
-  focusStyle: {
-    name: "focus",
-    priority: 3
-  },
-  pressStyle: {
-    name: "active",
-    priority: 2
-  },
-  hoverStyle: {
-    name: "hover",
-    priority: 1
-  }
-};
-export {
-  pseudos
-};
-//# sourceMappingURL=pseudos.js.map

package/_/constants/pseudos.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/constants/pseudos.ts"],
-  "sourcesContent": ["export const pseudos = {\n  focusStyle: {\n    name: 'focus',\n    priority: 3,\n  },\n  pressStyle: {\n    name: 'active',\n    priority: 2,\n  },\n  hoverStyle: {\n    name: 'hover',\n    priority: 1,\n  },\n}\n"],
-  "mappings": "AAAO,MAAM,UAAU;AAAA,EACrB,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA;",
-  "names": []
-}

package/_/constants/rnw.js

@@ -1,22 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const interopRequire = /* @__PURE__ */ __name((src) => "default" in src ? src.default : src, "interopRequire");
-const rnw = {};
-if (process.env.IS_STATIC === "is_static") {
-  const createCompileableStyle = require("react-native-web/dist/cjs/exports/StyleSheet/createCompileableStyle");
-  const createReactDOMStyle = require("react-native-web/dist/cjs/exports/StyleSheet/createReactDOMStyle");
-  const i18Style = require("react-native-web/dist/cjs/exports/StyleSheet/i18nStyle");
-  const atomic = require("react-native-web/dist/cjs/exports/StyleSheet/compile").atomic;
-  Object.assign(rnw, {
-    createCompileableStyle,
-    createReactDOMStyle,
-    i18Style,
-    atomic
-  });
-} else if (process.env.TAMAGUI_TARGET === "web") {
-  Object.assign(rnw, interopRequire(require("react-native-web").TamaguiExports));
-}
-export {
-  rnw
-};
-//# sourceMappingURL=rnw.js.map

package/_/constants/rnw.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/constants/rnw.tsx"],
-  "sourcesContent": ["const interopRequire = (src: any) => ('default' in src ? src.default : src)\n\nexport const rnw: Record<string, any> = {}\n\n// in static mode, require them directly since we can't import react-native-web at all (it has flow stuff in it)\nif (process.env.IS_STATIC === 'is_static') {\n  const createCompileableStyle = require('react-native-web/dist/cjs/exports/StyleSheet/createCompileableStyle')\n  const createReactDOMStyle = require('react-native-web/dist/cjs/exports/StyleSheet/createReactDOMStyle')\n  const i18Style = require('react-native-web/dist/cjs/exports/StyleSheet/i18nStyle')\n  const atomic = require('react-native-web/dist/cjs/exports/StyleSheet/compile').atomic\n  Object.assign(rnw, {\n    createCompileableStyle,\n    createReactDOMStyle,\n    i18Style,\n    atomic,\n  })\n} else if (process.env.TAMAGUI_TARGET === 'web') {\n  // when targeting web (client) import it like so\n  Object.assign(rnw, interopRequire(require('react-native-web').TamaguiExports))\n}\n"],
-  "mappings": ";;AAAA,MAAM,iBAAiB,wBAAC,QAAc,aAAa,MAAM,IAAI,UAAU,KAAhD;AAEhB,MAAM,MAA2B;AAGxC,IAAI,QAAQ,IAAI,cAAc,aAAa;AACzC,QAAM,yBAAyB,QAAQ;AACvC,QAAM,sBAAsB,QAAQ;AACpC,QAAM,WAAW,QAAQ;AACzB,QAAM,SAAS,QAAQ,wDAAwD;AAC/E,SAAO,OAAO,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,WAEO,QAAQ,IAAI,mBAAmB,OAAO;AAE/C,SAAO,OAAO,KAAK,eAAe,QAAQ,oBAAoB;AAAA;",
-  "names": []
-}

package/_/createComponent.js

@@ -1,427 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { concatClassName, stylePropsView } from "@tamagui/helpers";
-import React, {
-  Children,
-  Fragment,
-  createElement,
-  forwardRef,
-  useCallback,
-  useContext,
-  useEffect,
-  useRef,
-  useState
-} from "react";
-import { Text, View } from "react-native";
-import { stackDefaultStyles } from "./constants/constants";
-import { isTouchDevice, isWeb } from "./constants/platform";
-import { rnw } from "./constants/rnw";
-import { onConfiguredOnce } from "./createTamagui";
-import { addStylesUsingClassname } from "./helpers/addStylesUsingClassname";
-import { extendStaticConfig, parseStaticConfig } from "./helpers/extendStaticConfig";
-import { getSplitStyles } from "./helpers/getSplitStyles";
-import { useFeatures } from "./hooks/useFeatures";
-import { useForceUpdate } from "./hooks/useForceUpdate";
-import { usePressable } from "./hooks/usePressable";
-import { TextAncestorContext } from "./views/TextAncestorContext";
-import { ThemeManagerContext } from "./views/ThemeManagerContext";
-const mouseUps = new Set();
-if (typeof document !== "undefined") {
-  document.addEventListener("mouseup", () => {
-    mouseUps.forEach((x) => x());
-    mouseUps.clear();
-  });
-}
-function createComponent(configIn) {
-  let staticConfig;
-  if ("parsed" in configIn) {
-    staticConfig = configIn;
-  } else {
-    staticConfig = parseStaticConfig(configIn);
-  }
-  const { Component, validStyles, isText } = staticConfig;
-  const validStyleProps = validStyles != null ? validStyles : stylePropsView;
-  let defaultProps = null;
-  let tamaguiConfig;
-  let defaultsStyle;
-  let defaultsClassName = "";
-  let initialTheme;
-  const component = forwardRef((props, forwardedRef) => {
-    var _a;
-    const {
-      tag,
-      hitSlop,
-      children,
-      pointerEvents,
-      onPress,
-      onPressIn,
-      onPressOut,
-      onHoverIn,
-      onHoverOut,
-      space,
-      disabled,
-      onMouseEnter,
-      onMouseLeave,
-      hrefAttrs,
-      onMoveShouldSetResponder,
-      onMoveShouldSetResponderCapture,
-      onResponderEnd,
-      onResponderGrant,
-      onResponderMove,
-      onResponderReject,
-      onResponderRelease,
-      onResponderStart,
-      onResponderTerminate,
-      onResponderTerminationRequest,
-      onScrollShouldSetResponder,
-      onScrollShouldSetResponderCapture,
-      onSelectionChangeShouldSetResponder,
-      onSelectionChangeShouldSetResponderCapture,
-      onStartShouldSetResponder,
-      onStartShouldSetResponderCapture,
-      onMouseDown,
-      onClick,
-      onLayout
-    } = props;
-    const forceUpdate = useForceUpdate();
-    const features = useFeatures(props, { forceUpdate });
-    const manager = useContext(ThemeManagerContext);
-    const [state, set_] = useState(() => ({
-      hover: false,
-      press: false,
-      pressIn: false,
-      theme: manager.name
-    }));
-    const set = /* @__PURE__ */ __name((next) => set_((prev) => {
-      for (const key in next) {
-        if (prev[key] !== next[key]) {
-          return { ...prev, ...next };
-        }
-      }
-      return prev;
-    }), "set");
-    if (process.env.NODE_ENV === "development" && !isText && isWeb) {
-      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>.`);
-        }
-      });
-    }
-    const hasTextAncestor = isWeb ? useContext(TextAncestorContext) : false;
-    const hostRef = useRef(null);
-    if (isWeb) {
-      rnw.useResponderEvents(hostRef, {
-        onMoveShouldSetResponder,
-        onMoveShouldSetResponderCapture,
-        onResponderEnd,
-        onResponderGrant,
-        onResponderMove,
-        onResponderReject,
-        onResponderRelease,
-        onResponderStart,
-        onResponderTerminate,
-        onResponderTerminationRequest,
-        onScrollShouldSetResponder,
-        onScrollShouldSetResponderCapture,
-        onSelectionChangeShouldSetResponder,
-        onSelectionChangeShouldSetResponderCapture,
-        onStartShouldSetResponder,
-        onStartShouldSetResponderCapture
-      });
-    }
-    const isTracking = useRef(false);
-    const { viewProps, pseudos, style, classNames } = getSplitStyles(props, staticConfig, manager.theme || initialTheme);
-    const internal = useRef();
-    if (!internal.current) {
-      internal.current = {
-        isMounted: true
-      };
-    }
-    useEffect(() => {
-      internal.current.isMounted = true;
-      const dispose = manager == null ? void 0 : manager.onChangeTheme((name) => {
-        if (isTracking.current) {
-          set({ theme: name });
-        }
-      });
-      return () => {
-        dispose();
-        mouseUps.delete(unPress);
-        isTracking.current = false;
-        internal.current.isMounted = false;
-      };
-    }, [manager]);
-    const element = isWeb ? !Component || typeof Component === "string" ? tag || Component : Component : Component;
-    const ReactView = !isWeb ? View : element || (hasTextAncestor ? "span" : "div");
-    const ReactText = !isWeb ? Text : element || "span";
-    const ViewComponent = isText ? ReactText : ReactView;
-    const isHovering = !isTouchDevice && !disabled && pseudos && state.hover;
-    const isPressing = !disabled && pseudos && state.press;
-    const styles = [
-      style,
-      isHovering ? pseudos.hoverStyle || null : null,
-      isPressing ? pseudos.pressStyle || null : null
-    ];
-    if (isWeb) {
-      const stylesClassNames = addStylesUsingClassname(styles);
-      const classList = staticConfig.isText ? [
-        defaultsClassName,
-        classNames,
-        stylesClassNames,
-        props.className
-      ] : [defaultsClassName, props.className, classNames, stylesClassNames];
-      const classListFlat = classList.flat(1).filter(Boolean).join(" ");
-      const className = concatClassName(classListFlat);
-      if (process.env.NODE_ENV === "development") {
-        if (props["debug"]) {
-          console.log("\u{1F95A} className", { style, styles, stylesClassNames, classListFlat: classListFlat.split(" "), className });
-        }
-      }
-      viewProps.className = className;
-    } else {
-      viewProps.style = styles;
-    }
-    if (pointerEvents) {
-      viewProps.pointerEvents = pointerEvents;
-    }
-    if (isWeb) {
-      const platformMethodsRef = rnw.usePlatformMethods(viewProps);
-      const setRef = rnw.useMergeRefs(hostRef, platformMethodsRef, forwardedRef);
-      viewProps.ref = setRef;
-      if (props.href != null && hrefAttrs != null) {
-        const { download, rel, target } = hrefAttrs;
-        if (download != null) {
-          viewProps.download = download;
-        }
-        if (rel != null) {
-          viewProps.rel = rel;
-        }
-        if (typeof target === "string") {
-          viewProps.target = target.charAt(0) !== "_" ? "_" + target : target;
-        }
-      }
-    } else {
-      if (forwardedRef) {
-        viewProps.ref = forwardedRef;
-      }
-    }
-    const attachPress = !!(pseudos && pseudos.pressStyle || onPress || onPressOut || onPressIn || onClick);
-    const attachHover = isWeb && !isTouchDevice && !!(pseudos && pseudos.hoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave);
-    const shouldAttach = internal.current.hasEverHadEvents || attachPress || attachHover || "pressStyle" in props || "onPress" in props || "onPressIn" in props || "onPressOut" in props || isWeb && ("hoverStyle" in props || "onClick" in props || "onHoverIn" in props || "onHoverOut" in props || "onMouseEnter" in props || "onMouseLeave" in props);
-    if (shouldAttach) {
-      internal.current.hasEverHadEvents = true;
-    }
-    const unPress = useCallback(() => {
-      if (!internal.current.isMounted)
-        return;
-      set({
-        press: false,
-        pressIn: false
-      });
-    }, []);
-    const events = shouldAttach ? {
-      ...!isWeb && {
-        onPressOut: (e) => {
-          unPress();
-          onPressOut == null ? void 0 : onPressOut(e);
-        }
-      },
-      ...isWeb && !isTouchDevice && {
-        onMouseEnter: attachHover || attachPress ? (e) => {
-          let next = {};
-          if (attachHover) {
-            next.hover = true;
-          }
-          if (state.pressIn) {
-            next.press = true;
-          }
-          if (Object.keys(next).length) {
-            set(next);
-          }
-          onHoverIn == null ? void 0 : onHoverIn(e);
-          onMouseEnter == null ? void 0 : onMouseEnter(e);
-        } : void 0,
-        onMouseLeave: attachHover || attachPress ? (e) => {
-          let next = {};
-          mouseUps.add(unPress);
-          if (attachHover) {
-            next.hover = false;
-          }
-          if (state.pressIn) {
-            next.press = false;
-            next.pressIn = false;
-          }
-          if (Object.keys(next).length) {
-            set(next);
-          }
-          onHoverOut == null ? void 0 : onHoverOut(e);
-          onMouseLeave == null ? void 0 : onMouseLeave(e);
-        } : void 0
-      },
-      onMouseDown: attachPress ? (e) => {
-        set({
-          press: true,
-          pressIn: true
-        });
-        onPressIn == null ? void 0 : onPressIn(e);
-        onMouseDown == null ? void 0 : onMouseDown(e);
-      } : onPressIn,
-      onClick: attachPress ? (e) => {
-        onPress == null ? void 0 : onPress(e);
-        onClick == null ? void 0 : onClick(e);
-        unPress();
-        onPressOut == null ? void 0 : onPressOut(e);
-      } : onPressOut
-    } : null;
-    if (events) {
-      if (typeof ViewComponent !== "string") {
-        const [pressProps] = usePressable({
-          disabled,
-          hitSlop,
-          onPressIn: events.onMouseDown,
-          onPressOut: events.onPressOut,
-          onPress: events.onClick
-        });
-        Object.assign(viewProps, pressProps);
-      } else {
-        Object.assign(viewProps, events);
-      }
-    }
-    const spacedChildrenEl = spacedChildren({
-      children,
-      space,
-      flexDirection: props.flexDirection || (defaultProps == null ? void 0 : defaultProps.flexDirection)
-    });
-    let content;
-    if (isWeb && rnw) {
-      const domProps = rnw.createDOMProps(viewProps);
-      const className = domProps.className && domProps.className !== viewProps.className ? `${domProps.className} ${viewProps.className}` : viewProps.className;
-      Object.assign(viewProps, domProps);
-      viewProps.className = className;
-      content = createElement(ViewComponent, viewProps, spacedChildrenEl);
-    } else {
-      content = createElement(ViewComponent, viewProps, spacedChildrenEl);
-    }
-    const shouldWrapTextAncestor = isWeb && staticConfig.isText && !hasTextAncestor;
-    if (shouldWrapTextAncestor) {
-      content = createElement(TextAncestorContext.Provider, { value: true }, content);
-    }
-    if (process.env.NODE_ENV === "development") {
-      if (props["debug"]) {
-        viewProps["debug"] = true;
-        console.log("\u{1F95A} props in:", props);
-        console.log("\u{1F95A} props out:", viewProps);
-        console.log((_a = props.onClick) == null ? void 0 : _a.toString());
-        console.log("\u{1F95A} etc:", { shouldAttach, ViewComponent, viewProps, styles, pseudos, content, spacedChildrenEl });
-        if (isWeb) {
-          console.log("\u{1F95A} component info", { staticConfig, tamaguiConfig });
-        }
-      }
-    }
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, features, content);
-  });
-  onConfiguredOnce((conf) => {
-    var _a;
-    tamaguiConfig = conf;
-    initialTheme = conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]];
-    const next = getSplitStyles(staticConfig.defaultProps, staticConfig, initialTheme, true);
-    if (isWeb) {
-      if (next.classNames) {
-        defaultsClassName += next.classNames + " ";
-      }
-      defaultsClassName += addStylesUsingClassname([next.style, next.pseudos]);
-    } else {
-      console.log("we need to account for default styles for media queries", next);
-    }
-    component.defaultProps = {
-      ...next.viewProps,
-      ...component.defaultProps
-    };
-    if (process.env.NODE_ENV === "development") {
-      if ((_a = staticConfig.defaultProps) == null ? void 0 : _a.debug) {
-        console.log("tamagui debug component:", next, defaultsClassName, component.defaultProps);
-      }
-    }
-  });
-  component["staticConfig"] = {
-    validStyles: validStyleProps,
-    ...staticConfig
-  };
-  const res = component;
-  res["extractable"] = (Component2) => {
-    Component2["staticConfig"] = extendStaticConfig(res, {
-      neverFlatten: true,
-      defaultProps: Component2.defaultProps
-    });
-    return Component2;
-  };
-  return res;
-}
-__name(createComponent, "createComponent");
-const Spacer = createComponent({
-  defaultProps: stackDefaultStyles,
-  variants: {
-    size: {
-      "...size": (size, { tokens }) => {
-        var _a, _b;
-        return {
-          width: (_a = tokens.size[size]) != null ? _a : size,
-          height: (_b = tokens.size[size]) != null ? _b : size
-        };
-      }
-    },
-    direction: {
-      horizontal: {
-        height: 0
-      },
-      vertical: {
-        width: 0
-      }
-    }
-  }
-});
-function spacedChildren({
-  children,
-  space,
-  flexDirection
-}) {
-  var _a, _b;
-  if (!space) {
-    return children;
-  }
-  const childrenList = Children.toArray(children);
-  const len = childrenList.length;
-  if (len === 1) {
-    return children;
-  }
-  const next = [];
-  for (const [index, child] of childrenList.entries()) {
-    if (child === null || child === void 0) {
-      continue;
-    }
-    const key = `${(_a = child == null ? void 0 : child["key"]) != null ? _a : index}`;
-    next.push(/* @__PURE__ */ React.createElement(Fragment, {
-      key
-    }, child));
-    if ((_b = child == null ? void 0 : child["type"]) == null ? void 0 : _b["isVisuallyHidden"]) {
-      continue;
-    }
-    if (index === len - 1) {
-      break;
-    }
-    next.push(/* @__PURE__ */ React.createElement(Spacer, {
-      key: `${key}_spacer`,
-      direction: flexDirection === "row" || flexDirection === "row-reverse" ? "horizontal" : "vertical",
-      size: space
-    }));
-  }
-  return next;
-}
-__name(spacedChildren, "spacedChildren");
-export {
-  Spacer,
-  createComponent,
-  mouseUps,
-  spacedChildren
-};
-//# sourceMappingURL=createComponent.js.map