@tamagui/core 1.0.0-alpha.37 → 1.0.0-alpha.38

package/dist/constants/constants.js

@@ -0,0 +1,32 @@
+import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
+import { isWeb } from "./platform";
+const webOnlySpecificStyleKeys = {
+  userSelect: true,
+  textOverflow: true,
+  whiteSpace: true,
+  wordWrap: true,
+  selectable: true,
+  cursor: true
+};
+const validStylesText = {
+  ...validStyles,
+  ...stylePropsTextOnly,
+  ...isWeb && {
+    ...webOnlySpecificStyleKeys
+  }
+};
+const stackDefaultStyles = {
+  alignItems: "stretch",
+  flexShrink: 0,
+  ...isWeb && {
+    display: "flex",
+    flexBasis: "auto",
+    boxSizing: "border-box"
+  }
+};
+export {
+  stackDefaultStyles,
+  validStylesText,
+  webOnlySpecificStyleKeys
+};
+//# sourceMappingURL=constants.js.map

package/dist/constants/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants/constants.ts"],
+  "sourcesContent": ["import { stylePropsTextOnly, validStyles } from '@tamagui/helpers'\n\nimport { isWeb } from './platform'\n\nexport const webOnlySpecificStyleKeys = {\n  userSelect: true,\n  textOverflow: true,\n  whiteSpace: true,\n  wordWrap: true,\n  selectable: true,\n  cursor: true,\n}\n\nexport const validStylesText = {\n  ...validStyles,\n  ...stylePropsTextOnly,\n  ...(isWeb && {\n    ...webOnlySpecificStyleKeys,\n  }),\n}\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;AAEA;AAEO,MAAM,2BAA2B;AAAA,EACtC,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA;AAGH,MAAM,kBAAkB;AAAA,KAC1B;AAAA,KACA;AAAA,KACC,SAAS;AAAA,OACR;AAAA;AAAA;AAIA,MAAM,qBAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,YAAY;AAAA,KAER,SAAS;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA;AAAA;",
+  "names": []
+}

package/dist/{esm/constants → constants}/platform.js

@@ -1,13 +1,12 @@
-var _a;
 import { useEffect, useLayoutEffect } from "react";
 import { Platform } from "react-native";
-const isWeb = process.env.TAMAGUI_TARGET === "web" ? true : ((_a = Platform) == null ? void 0 : _a.OS) === "web";
+const isWeb = process.env.TARGET !== "native" || Platform.OS === "web";
 const isSSR = isWeb && typeof window === "undefined";
 const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect;
+const isWebIOS = isWeb && typeof window !== "undefined" && (/iPad|iPhone|iPod/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1) && !window["MSStream"];
 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,

package/dist/constants/platform.js.map

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

package/dist/constants/rnw.js

@@ -0,0 +1,10 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { isWeb } from "./platform";
+const loadRNW = process.env.IS_STATIC !== "is_static" && isWeb;
+const interopRequire = /* @__PURE__ */ __name((src) => "default" in src ? src.default : src, "interopRequire");
+const rnw = loadRNW ? interopRequire(require("react-native-web").TamaguiExports) : null;
+export {
+  rnw
+};
+//# sourceMappingURL=rnw.js.map

package/dist/constants/rnw.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants/rnw.tsx"],
+  "sourcesContent": ["import { isWeb } from './platform'\n\nconst loadRNW = process.env.IS_STATIC !== 'is_static' && isWeb\n\nconst interopRequire = (src: any) => ('default' in src ? src.default : src)\n\nexport const rnw: any | null = loadRNW ? interopRequire(require('react-native-web').TamaguiExports) : null\n"],
+  "mappings": ";;AAAA;AAEA,MAAM,UAAU,QAAQ,IAAI,cAAc,eAAe;AAEzD,MAAM,iBAAiB,wBAAC,QAAc,aAAa,MAAM,IAAI,UAAU,KAAhD;AAEhB,MAAM,MAAkB,UAAU,eAAe,QAAQ,oBAAoB,kBAAkB;",
+  "names": []
+}

package/dist/constants/styleConstants.js

@@ -0,0 +1,59 @@
+import { StyleSheet } from "react-native";
+import { isWeb } from "./platform";
+import { rnw } from "./rnw";
+const cssTextStyles = {
+  text: {
+    display: isWeb ? "inline" : "flex",
+    boxSizing: "border-box",
+    fontFamily: "System",
+    whiteSpace: "pre-wrap",
+    wordWrap: "break-word"
+  },
+  textHasAncestor: {
+    color: "inherit",
+    font: "inherit",
+    whiteSpace: "inherit"
+  },
+  textOneLine: {
+    maxWidth: "100%",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  textMultiLine: {
+    display: "-webkit-box",
+    maxWidth: "100%",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    WebkitBoxOrient: "vertical"
+  }
+};
+const cssText = isWeb ? rnw?.css.create(cssTextStyles) : {};
+const disabledStyle = {
+  pointerEvents: "none",
+  userSelect: "none"
+};
+const viewStyles = StyleSheet.create({
+  inline: isWeb ? {
+    display: "inline-flex"
+  } : {}
+});
+const textStyles = isWeb ? StyleSheet.create({
+  notSelectable: {
+    userSelect: "none"
+  },
+  selectable: {
+    userSelect: "text"
+  },
+  pressable: {
+    cursor: "pointer"
+  }
+}) : {};
+export {
+  cssText,
+  cssTextStyles,
+  disabledStyle,
+  textStyles,
+  viewStyles
+};
+//# sourceMappingURL=styleConstants.js.map

package/dist/constants/styleConstants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants/styleConstants.tsx"],
+  "sourcesContent": ["import { StyleSheet } from 'react-native'\n\nimport { isWeb } from './platform'\nimport { rnw } from './rnw'\n\nexport const cssTextStyles = {\n  text: {\n    display: isWeb ? 'inline' : 'flex',\n    boxSizing: 'border-box',\n    fontFamily: 'System',\n    whiteSpace: 'pre-wrap',\n    wordWrap: 'break-word',\n  },\n  textHasAncestor: {\n    color: 'inherit',\n    font: 'inherit',\n    whiteSpace: 'inherit',\n  },\n  textOneLine: {\n    maxWidth: '100%',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  textMultiLine: {\n    display: '-webkit-box',\n    maxWidth: '100%',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    WebkitBoxOrient: 'vertical',\n  },\n}\n\nexport const cssText = isWeb ? rnw?.css.create(cssTextStyles) : {}\n\nexport const disabledStyle = {\n  pointerEvents: 'none',\n  userSelect: 'none',\n} as const\n\nexport const viewStyles = StyleSheet.create({\n  inline: isWeb\n    ? {\n        display: 'inline-flex' as any,\n      }\n    : {},\n})\n\nexport const textStyles = isWeb\n  ? StyleSheet.create({\n      notSelectable: {\n        // @ts-ignore\n        userSelect: 'none',\n      },\n      selectable: {\n        // @ts-ignore\n        userSelect: 'text',\n      },\n      pressable: {\n        // @ts-ignore\n        cursor: 'pointer',\n      },\n    })\n  : {}\n"],
+  "mappings": "AAAA;AAEA;AACA;AAEO,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,SAAS,QAAQ,WAAW;AAAA,IAC5B,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,UAAU;AAAA;AAAA,EAEZ,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA;AAAA,EAEd,aAAa;AAAA,IACX,UAAU;AAAA,IACV,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA;AAAA,EAEd,eAAe;AAAA,IACb,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,cAAc;AAAA,IACd,iBAAiB;AAAA;AAAA;AAId,MAAM,UAAU,QAAQ,KAAK,IAAI,OAAO,iBAAiB;AAEzD,MAAM,gBAAgB;AAAA,EAC3B,eAAe;AAAA,EACf,YAAY;AAAA;AAGP,MAAM,aAAa,WAAW,OAAO;AAAA,EAC1C,QAAQ,QACJ;AAAA,IACE,SAAS;AAAA,MAEX;AAAA;AAGC,MAAM,aAAa,QACtB,WAAW,OAAO;AAAA,EAChB,eAAe;AAAA,IAEb,YAAY;AAAA;AAAA,EAEd,YAAY;AAAA,IAEV,YAAY;AAAA;AAAA,EAEd,WAAW;AAAA,IAET,QAAQ;AAAA;AAAA,KAGZ;",
+  "names": []
+}

package/dist/createComponent.js

@@ -0,0 +1,395 @@
+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 { View } from "react-native";
+import { stackDefaultStyles } from "./constants/constants";
+import { isTouchDevice, isWeb } from "./constants/platform";
+import { rnw } from "./constants/rnw";
+import { cssText, disabledStyle, textStyles, viewStyles } from "./constants/styleConstants";
+import { onConfiguredOnce } from "./createTamagui";
+import { addStylesUsingClassname } from "./helpers/addStylesUsingClassname";
+import { parseStaticConfig } from "./helpers/extendStaticConfig";
+import { getSplitStyles } from "./helpers/getSplitStyles";
+import { setIfChanged } from "./helpers/setIfChanged";
+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 { defaultProps, Component, validStyles, isText } = staticConfig;
+  const validStyleProps = validStyles ?? stylePropsView;
+  let splitDefaults;
+  let tamaguiConfig;
+  let defaultsClassName = "";
+  onConfiguredOnce((conf) => {
+    tamaguiConfig = conf;
+    splitDefaults = getSplitStyles(defaultProps, staticConfig, conf);
+    if (splitDefaults.classNames) {
+      defaultsClassName += splitDefaults.classNames + " ";
+    }
+    if (splitDefaults.style) {
+      defaultsClassName += addStylesUsingClassname([splitDefaults.style]);
+    }
+  });
+  const component = forwardRef((props, forwardedRef) => {
+    const {
+      tag,
+      hitSlop,
+      children,
+      pointerEvents,
+      onPress,
+      onPressIn,
+      onPressOut,
+      onHoverIn,
+      onHoverOut,
+      spacing,
+      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 = setIfChanged.bind(null, set_);
+    if (process.env.NODE_ENV !== "production" && !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 = useContext(TextAncestorContext);
+    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, psuedos, style, classNames } = getSplitStyles(props, staticConfig, tamaguiConfig);
+    const internal = useRef();
+    if (!internal.current) {
+      internal.current = {
+        isMounted: true
+      };
+    }
+    useEffect(() => {
+      internal.current.isMounted = true;
+      const dispose = 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 numberOfLines = props["numberOfLines"];
+    const selectable = props["selectable"];
+    const styles = [
+      hasTextAncestor ? viewStyles.inline : null,
+      ...isWeb && isText ? [
+        numberOfLines != null && numberOfLines > 1 && { WebkitLineClamp: numberOfLines },
+        selectable === true && textStyles.selectable,
+        selectable === false && textStyles.notSelectable,
+        onPress && textStyles.pressable
+      ] : [],
+      style,
+      !isTouchDevice && !disabled && psuedos && state.hover ? psuedos.hoverStyle || null : null,
+      !disabled && psuedos && state.press ? psuedos.pressStyle || null : null,
+      disabled ? disabledStyle : null
+    ];
+    const stylesClassNames = addStylesUsingClassname(styles);
+    const classList = staticConfig.isText ? [
+      defaultsClassName,
+      hasTextAncestor === true && cssText.textHasAncestor,
+      numberOfLines === 1 && cssText.textOneLine,
+      numberOfLines != null && numberOfLines > 1 && cssText.textMultiLine,
+      props.className,
+      classNames,
+      stylesClassNames
+    ] : [defaultsClassName, props.className, classNames, stylesClassNames];
+    const supportedProps = viewProps;
+    if (isWeb) {
+      const classListFlat = classList.flat().filter(Boolean).join(" ");
+      const className = concatClassName(classListFlat);
+      if (process.env.NODE_ENV === "development") {
+        if (props["debug"]) {
+          console.log("className", { styles, stylesClassNames, classList, classListFlat, className });
+        }
+      }
+      supportedProps.className = className;
+    } else {
+      supportedProps.style = classList;
+    }
+    if (pointerEvents) {
+      supportedProps.pointerEvents = pointerEvents;
+    }
+    if (isWeb) {
+      const platformMethodsRef = rnw.usePlatformMethods(supportedProps);
+      const setRef = rnw.useMergeRefs(hostRef, platformMethodsRef, forwardedRef);
+      supportedProps.ref = setRef;
+      if (props.href != null && hrefAttrs != null) {
+        const { download, rel, target } = hrefAttrs;
+        if (download != null) {
+          supportedProps.download = download;
+        }
+        if (rel != null) {
+          supportedProps.rel = rel;
+        }
+        if (typeof target === "string") {
+          supportedProps.target = target.charAt(0) !== "_" ? "_" + target : target;
+        }
+      }
+    } else {
+      if (forwardedRef) {
+        supportedProps.ref = forwardedRef;
+      }
+    }
+    const createEl = createElement;
+    const attachPress = !!(psuedos && psuedos.pressStyle || onPress || onPressOut || onPressIn);
+    const attachHover = isWeb && !isTouchDevice && !!(psuedos && psuedos.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 || "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?.(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?.(e);
+          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?.(e);
+          onMouseLeave?.(e);
+        } : void 0
+      },
+      onMouseDown: attachPress ? (e) => {
+        set({
+          press: true,
+          pressIn: true
+        });
+        onPressIn?.(e);
+        onMouseDown?.(e);
+      } : onPressIn,
+      onClick: attachPress ? (e) => {
+        e.preventDefault();
+        unPress();
+        onPressOut?.(e);
+        onPress?.(e);
+        onClick?.(e);
+      } : onPressOut
+    } : null;
+    if (events) {
+      if (typeof ViewComponent !== "string") {
+        const [pressProps] = usePressable({
+          disabled,
+          hitSlop,
+          onPressIn: events.onMouseDown,
+          onPressOut: events.onPressOut,
+          onPress
+        });
+        Object.assign(supportedProps, pressProps);
+      } else {
+        Object.assign(supportedProps, events);
+      }
+    }
+    const spacedChildrenEl = spacedChildren({
+      children,
+      spacing,
+      flexDirection: props.flexDirection || defaultProps?.flexDirection
+    });
+    let content = createEl(ViewComponent, supportedProps, 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"]) {
+        supportedProps["debug"] = true;
+        console.log(" \u{1F351}  props in: ", props);
+        console.log(" \u{1F351} props out: ", supportedProps);
+        console.log(" \u{1F351}     other: ", { ViewComponent, viewProps, styles, psuedos, createEl, content, spacedChildrenEl, staticConfig, splitDefaults, tamaguiConfig });
+      }
+    }
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, features, content);
+  });
+  const config = {
+    validStyles: validStyleProps,
+    ...staticConfig,
+    validPropsExtra: {
+      ...staticConfig.validPropsExtra,
+      disabled: true,
+      fullscreen: true
+    }
+  };
+  component["staticConfig"] = config;
+  return component;
+}
+__name(createComponent, "createComponent");
+const Spacer = createComponent({
+  defaultProps: stackDefaultStyles,
+  variants: {
+    size: {
+      "...size": (size, { tokens }) => {
+        return {
+          width: tokens.size[size] ?? size,
+          height: tokens.size[size] ?? size
+        };
+      }
+    },
+    direction: {
+      horizontal: {
+        height: 0
+      },
+      vertical: {
+        width: 0
+      }
+    }
+  }
+});
+function spacedChildren({
+  children,
+  spacing,
+  flexDirection
+}) {
+  if (!spacing) {
+    return children;
+  }
+  const next = [];
+  const childrenList = Children.toArray(children);
+  const len = childrenList.length;
+  if (len === 1) {
+    return children;
+  }
+  const spacer = /* @__PURE__ */ React.createElement(Spacer, {
+    direction: flexDirection === "row" || flexDirection === "row-reverse" ? "horizontal" : "vertical",
+    size: spacing
+  });
+  for (const [index, child] of childrenList.entries()) {
+    next.push(child);
+    if (index === len - 1) {
+      break;
+    }
+    const key = `${child?.["key"] ?? index}`;
+    next.push(createElement(Fragment, { key: key + "_spacer" }, spacer));
+  }
+  return next;
+}
+__name(spacedChildren, "spacedChildren");
+export {
+  Spacer,
+  createComponent,
+  mouseUps,
+  spacedChildren
+};
+//# sourceMappingURL=createComponent.js.map

package/dist/createComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/createComponent.tsx"],
+  "sourcesContent": ["import { concatClassName, stylePropsView } from '@tamagui/helpers'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { View, ViewStyle } from 'react-native'\n\nimport { stackDefaultStyles } from './constants/constants'\nimport { isTouchDevice, isWeb } from './constants/platform'\nimport { rnw } from './constants/rnw'\nimport { cssText, disabledStyle, textStyles, viewStyles } from './constants/styleConstants'\nimport { onConfiguredOnce } from './createTamagui'\nimport { addStylesUsingClassname } from './helpers/addStylesUsingClassname'\nimport { parseStaticConfig } from './helpers/extendStaticConfig'\nimport { SplitStyles, getSplitStyles } from './helpers/getSplitStyles'\nimport { setIfChanged } from './helpers/setIfChanged'\nimport { useFeatures } from './hooks/useFeatures'\nimport { useForceUpdate } from './hooks/useForceUpdate'\nimport { usePressable } from './hooks/usePressable'\nimport { StaticComponent, StaticConfig, StaticConfigParsed } from './types'\nimport { TextAncestorContext } from './views/TextAncestorContext'\nimport { ThemeManagerContext } from './views/ThemeManagerContext'\nimport { TamaguiInternalConfig } from '.'\n\nexport const mouseUps = new Set<Function>()\n\nif (typeof document !== 'undefined') {\n  document.addEventListener('mouseup', () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  })\n}\n\ntype DefaultProps = {}\n\nexport function createComponent<A extends Object = DefaultProps>(\n  configIn: Partial<StaticConfig> | StaticConfigParsed\n) {\n  let staticConfig: StaticConfigParsed\n  if ('parsed' in configIn) {\n    staticConfig = configIn\n  } else {\n    staticConfig = parseStaticConfig(configIn)\n  }\n\n  const { defaultProps, Component, validStyles, isText } = staticConfig\n  const validStyleProps = validStyles ?? stylePropsView\n\n  // split out default styles vs props so we can assign it to component.defaultProps\n  let splitDefaults: SplitStyles\n  let tamaguiConfig: TamaguiInternalConfig\n  let defaultsClassName = ''\n\n  onConfiguredOnce((conf) => {\n    tamaguiConfig = conf\n    splitDefaults = getSplitStyles(defaultProps, staticConfig, conf)\n    if (splitDefaults.classNames) {\n      defaultsClassName += splitDefaults.classNames + ' '\n    }\n    if (splitDefaults.style) {\n      defaultsClassName += addStylesUsingClassname([splitDefaults.style])\n    }\n  })\n\n  const component = forwardRef<View, A>((props: any, forwardedRef) => {\n    const {\n      tag,\n      hitSlop,\n      children,\n      pointerEvents,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      spacing,\n      disabled,\n      onMouseEnter,\n      onMouseLeave,\n      hrefAttrs,\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      onMouseDown,\n      onClick,\n      // TODO feature load layou hook\n      onLayout,\n    } = props\n\n    const forceUpdate = useForceUpdate()\n    const features = useFeatures(props, { forceUpdate })\n    const manager = useContext(ThemeManagerContext)\n    const [state, set_] = useState(() => ({\n      hover: false,\n      press: false,\n      pressIn: false,\n      theme: manager.name,\n    }))\n    const set = setIfChanged.bind(null, set_)\n\n    // from react-native-web\n    if (process.env.NODE_ENV !== 'production' && !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    // from react-native-web\n    const hasTextAncestor = useContext(TextAncestorContext)\n    const hostRef = useRef(null)\n\n    if (isWeb) {\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    const isTracking = useRef(false)\n\n    // TODO only handles tracking for re-renders i think now since conversion can be entirely done in splitprops\n    // const varToVal = (value: string) => {\n    //   // TODO convert back to theme variable\n    //   isTracking.current = true\n    //   // TODO run over this, can likely remove\n    //   if (value && manager.theme && typeof manager.theme[value] !== 'undefined') {\n    //     return manager.theme[value]\n    //   }\n    //   return value\n    // }\n\n    const { viewProps, psuedos, style, classNames } = getSplitStyles(\n      props,\n      staticConfig,\n      tamaguiConfig\n    )\n\n    // hasEverHadEvents prevents repareting if you remove onPress or similar...\n    const internal = useRef<{ isMounted: boolean; hasEverHadEvents?: boolean }>()\n    if (!internal.current) {\n      internal.current = {\n        isMounted: true,\n      }\n    }\n\n    useEffect(() => {\n      internal.current!.isMounted = true\n      const dispose = manager?.onChangeTheme((name) => {\n        if (isTracking.current) {\n          set({ theme: name })\n        }\n      })\n      return () => {\n        dispose()\n        mouseUps.delete(unPress)\n        isTracking.current = false\n        internal.current!.isMounted = false\n      }\n    }, [manager])\n\n    // default to component\n    const element = isWeb\n      ? !Component || typeof Component === 'string'\n        ? // default to tag, fallback to component (when both strings)\n          tag || Component\n        : Component\n      : Component\n    const ReactView = !isWeb ? View : element || (hasTextAncestor ? 'span' : 'div')\n    const ReactText = !isWeb ? Text : element || 'span'\n    // TODO handle onLayout\n    const ViewComponent = isText ? ReactText : ReactView\n\n    const numberOfLines = props['numberOfLines']\n    const selectable = props['selectable']\n\n    const styles = [\n      hasTextAncestor ? viewStyles.inline : null,\n      // from react-native-web\n      ...(isWeb && isText\n        ? [\n            // TODO MOVE TO VARIANTS\n            numberOfLines != null && numberOfLines > 1 && { WebkitLineClamp: numberOfLines },\n            selectable === true && textStyles.selectable,\n            selectable === false && textStyles.notSelectable,\n            onPress && textStyles.pressable,\n          ]\n        : []),\n      style,\n      !isTouchDevice && !disabled && psuedos && state.hover ? psuedos.hoverStyle || null : null,\n      !disabled && psuedos && state.press ? psuedos.pressStyle || null : null,\n      disabled ? disabledStyle : null,\n    ]\n\n    const stylesClassNames = addStylesUsingClassname(styles)\n\n    const classList = staticConfig.isText\n      ? [\n          defaultsClassName,\n          // TODO MOVE TO VARIANTS\n          hasTextAncestor === true && cssText.textHasAncestor,\n          numberOfLines === 1 && cssText.textOneLine,\n          numberOfLines != null && numberOfLines > 1 && cssText.textMultiLine,\n          props.className,\n          classNames,\n          stylesClassNames,\n        ]\n      : [defaultsClassName, props.className, classNames, stylesClassNames]\n\n    const supportedProps: any = viewProps //{ ...viewProps }\n\n    if (isWeb) {\n      const classListFlat = classList.flat().filter(Boolean).join(' ')\n      const className = concatClassName(classListFlat)\n      if (process.env.NODE_ENV === 'development') {\n        if (props['debug']) {\n          // prettier-ignore\n          console.log('className', { styles, stylesClassNames, classList, classListFlat, className })\n        }\n      }\n      supportedProps.className = className\n    } else {\n      // TODO\n      supportedProps.style = classList\n    }\n\n    if (pointerEvents) {\n      supportedProps.pointerEvents = pointerEvents\n    }\n\n    if (isWeb) {\n      // from react-native-web\n      const platformMethodsRef = rnw.usePlatformMethods(supportedProps)\n      const setRef = rnw.useMergeRefs(hostRef, platformMethodsRef, forwardedRef)\n      supportedProps.ref = setRef\n      if (props.href != null && hrefAttrs != null) {\n        const { download, rel, target } = hrefAttrs\n        if (download != null) {\n          supportedProps.download = download\n        }\n        if (rel != null) {\n          supportedProps.rel = rel\n        }\n        if (typeof target === 'string') {\n          supportedProps.target = target.charAt(0) !== '_' ? '_' + target : target\n        }\n      }\n    } else {\n      if (forwardedRef) {\n        supportedProps.ref = forwardedRef\n      }\n    }\n\n    const createEl = createElement //isWeb ? rnw.createElement : createElement\n\n    //\n    // TODO\n    //\n    // all these press events can be moved into a component that optionally renders if shouldAttach is true\n    // and then calls back with props. this would do a few things:\n    //   1. isolate logic for all pseudo press/hover stuff into one area more nicely\n    //   2. a lot less hooks would be rendered on average\n    //   3. should then let us use usePressability on web (should make ViewComponent a View if string)\n    //\n    //\n    // see how framer motion does this:\n    //   https://github.com/framer/motion/blob/1d1eb5fd2bc712658a83a7881a3adb68ac56a242/src/motion/features/use-features.tsx#L16\n    //\n\n    const attachPress = !!((psuedos && psuedos.pressStyle) || onPress || onPressOut || onPressIn)\n    const attachHover =\n      isWeb &&\n      !isTouchDevice &&\n      !!((psuedos && psuedos.hoverStyle) || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\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      internal.current.hasEverHadEvents ||\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    // never remove events as we wrap in a div (for now, may be able to remove..)\n    if (shouldAttach) {\n      internal.current.hasEverHadEvents = true\n    }\n\n    const unPress = useCallback(() => {\n      if (!internal.current!.isMounted) return\n      set({\n        press: false,\n        pressIn: false,\n      })\n    }, [])\n\n    const events = shouldAttach\n      ? {\n          ...(!isWeb && {\n            // non web\n            onPressOut: (e) => {\n              unPress()\n              onPressOut?.(e)\n            },\n          }),\n          ...(isWeb &&\n            !isTouchDevice && {\n              onMouseEnter:\n                attachHover || attachPress\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                        set(next)\n                      }\n                      onHoverIn?.(e)\n                      onMouseEnter?.(e)\n                    }\n                  : undefined,\n              onMouseLeave:\n                attachHover || attachPress\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                        set(next)\n                      }\n                      onHoverOut?.(e)\n                      onMouseLeave?.(e)\n                    }\n                  : undefined,\n            }),\n          onMouseDown: attachPress\n            ? (e) => {\n                set({\n                  press: true,\n                  pressIn: true,\n                })\n                onPressIn?.(e)\n                onMouseDown?.(e)\n              }\n            : (onPressIn as any),\n          onClick: attachPress\n            ? (e) => {\n                e.preventDefault()\n                unPress()\n                onPressOut?.(e)\n                onPress?.(e)\n                onClick?.(e)\n              }\n            : (onPressOut as any),\n        }\n      : null\n\n    if (events) {\n      if (typeof ViewComponent !== 'string') {\n        // TODO once we do the above we can then rely entirely on pressStyle returned here isntead of above pressStyle logic\n        const [pressProps] = usePressable({\n          disabled,\n          hitSlop,\n          onPressIn: events.onMouseDown,\n          onPressOut: events.onPressOut,\n          onPress,\n        })\n        Object.assign(supportedProps, pressProps)\n      } else {\n        Object.assign(supportedProps, events)\n      }\n    }\n\n    const spacedChildrenEl = spacedChildren({\n      children,\n      spacing,\n      flexDirection: props.flexDirection || defaultProps?.flexDirection,\n    })\n\n    let content = createEl(ViewComponent, supportedProps, spacedChildrenEl)\n\n    const shouldWrapTextAncestor = isWeb && staticConfig.isText && !hasTextAncestor\n    if (shouldWrapTextAncestor) {\n      // from react-native-web\n      // @ts-ignore\n      content = createElement(TextAncestorContext.Provider, { value: true }, content)\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        supportedProps['debug'] = true\n        console.log(' \uD83C\uDF51  props in: ', props)\n        console.log(' \uD83C\uDF51 props out: ', supportedProps)\n        // prettier-ignore\n        console.log(' \uD83C\uDF51     other: ', { ViewComponent, viewProps, styles, psuedos, createEl, content, spacedChildrenEl, staticConfig, splitDefaults, tamaguiConfig })\n      }\n    }\n\n    return (\n      <>\n        {features}\n        {content}\n      </>\n    )\n  })\n\n  const config: StaticConfig = {\n    validStyles: validStyleProps,\n    ...staticConfig,\n    // TODO shouldnt need this spread / disbaled / fullscreen\n    validPropsExtra: {\n      ...staticConfig.validPropsExtra,\n      disabled: true,\n      fullscreen: true,\n    },\n  }\n  component['staticConfig'] = config\n\n  return component as any as StaticComponent<A, void>\n}\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent({\n  defaultProps: stackDefaultStyles,\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        return {\n          width: tokens.size[size] ?? size,\n          height: tokens.size[size] ?? size,\n        }\n      },\n    },\n    direction: {\n      horizontal: {\n        height: 0,\n      },\n      vertical: {\n        width: 0,\n      },\n    },\n  },\n})\n\nexport function spacedChildren({\n  children,\n  spacing,\n  flexDirection,\n}: {\n  children: any\n  spacing?: any\n  flexDirection?: ViewStyle['flexDirection']\n}) {\n  if (!spacing) {\n    return children\n  }\n  const next: any[] = []\n  const childrenList = Children.toArray(children)\n  const len = childrenList.length\n  if (len === 1) {\n    return children\n  }\n  const spacer = (\n    <Spacer\n      // @ts-ignore TODO\n      direction={\n        flexDirection === 'row' || flexDirection === 'row-reverse' ? 'horizontal' : 'vertical'\n      }\n      size={spacing}\n    />\n  )\n  for (const [index, child] of childrenList.entries()) {\n    next.push(child)\n    if (index === len - 1) {\n      break\n    }\n    const key = `${child?.['key'] ?? index}`\n    next.push(createElement(Fragment, { key: key + '_spacer' }, spacer))\n  }\n  return next\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/createShorthands.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/createShorthands.ts"],
+  "sourcesContent": ["import { GenericShorthands } from './types'\n\n// type helper\n\nexport function createShorthands<A extends Record<string, string>>(shorthands: A): A {\n  return Object.freeze(shorthands) as any\n}\n"],
+  "mappings": ";;AAIO,0BAA4D,YAAkB;AACnF,SAAO,OAAO,OAAO;AAAA;AADP;",
+  "names": []
+}