tamagui 1.0.0-alpha.3 → 1.0.0-alpha.7

package/_jsx/index.js

@@ -1,9 +1,10 @@
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 export * from "@tamagui/helpers";
 export * from "@tamagui/core";
 export * from "./viewTypes";
-export * from "./hooks/useDebounce";
+export * from "@tamagui/use-debounce";
+export * from "@tamagui/use-force-update";
 export * from "./hooks/useLayout";
-export * from "./hooks/useSafeAreaInsets";
 export * from "./hooks/useKeyboardDismissable";
 export * from "./views/BlurView";
 export * from "./views/Box";
@@ -31,4 +32,8 @@ export * from "./views/Tooltip";
 export * from "./views/TouchableOpacity";
 export * from "./views/Transitions";
 export * from "./views/VisuallyHidden";
+export * from "./views/SafeAreaProvider";
 export * from "./helpers/prevent";
+export {
+  useSafeAreaInsets
+};

package/_jsx/views/Hoverable.js

@@ -1,8 +1,8 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { isWeb } from "@tamagui/core";
+import { useDebounce } from "@tamagui/use-debounce";
 import React, { forwardRef, useEffect, useImperativeHandle, useState } from "react";
-import { useDebounce } from "../hooks/useDebounce";
 React["createElement"];
 const Hoverable = forwardRef(({
   onPressIn,

package/_jsx/views/HoverablePopover.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useDebounce } from "@tamagui/use-debounce";
 import React, { forwardRef, useImperativeHandle, useRef, useState } from "react";
-import { useDebounce } from "../hooks/useDebounce";
 import { Hoverable } from "./Hoverable";
 import { Popover } from "./Popover/Popover";
 React["createElement"];

package/_jsx/views/Modal.js

@@ -8,10 +8,10 @@ import {
   styled,
   useThemeName
 } from "@tamagui/core";
+import { useDebounceValue } from "@tamagui/use-debounce";
 import { useLayoutEffect } from "react";
 import { Modal as ModalNative } from "react-native";
 import { prevent } from "../helpers/prevent";
-import { useDebounceValue } from "../hooks/useDebounce";
 import { YStack } from "./Stacks";
 const Modal = /* @__PURE__ */ __name((props) => {
   const {

package/_jsx/views/Popper.js

@@ -3,6 +3,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import { useOverlayPosition } from "@react-native-aria/overlays";
 import React, { createContext, useContext, useEffect, useRef } from "react";
 import { StyleSheet, View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { YStack } from "./Stacks";
 const defaultArrowHeight = 15;
 const defaultArrowWidth = 15;
@@ -26,6 +27,7 @@ const PopperContent = React.forwardRef(({ children, style, ...rest }, ref) => {
     setOverlayRef
   } = context;
   const overlayRef = useRef(null);
+  const { top } = useSafeAreaInsets();
   const { overlayProps, rendered, arrowProps, placement } = useOverlayPosition({
     targetRef: triggerRef,
     overlayRef,

package/_jsx/views/SafeAreaProvider.js

@@ -0,0 +1,26 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { Platform } from "react-native";
+import {
+  SafeAreaProvider as RNSafeAreaProvider,
+  initialWindowMetrics as defaultInitialWindowMetrics
+} from "react-native-safe-area-context";
+let defaultMetrics = null;
+const SafeAreaProvider = /* @__PURE__ */ __name(({
+  initialWindowMetrics,
+  children
+}) => {
+  if (!initialWindowMetrics && !defaultMetrics) {
+    defaultMetrics = Platform.select({
+      web: {
+        frame: { x: 0, y: 0, width: 0, height: 0 },
+        insets: { top: 0, left: 0, right: 0, bottom: 0 }
+      },
+      default: defaultInitialWindowMetrics
+    });
+  }
+  return <RNSafeAreaProvider initialMetrics={initialWindowMetrics ?? defaultMetrics}>{children}</RNSafeAreaProvider>;
+}, "SafeAreaProvider");
+export {
+  SafeAreaProvider
+};

package/_jsx/views/Toast.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { AnimatedStack, Text, isWeb } from "@tamagui/core";
-import { useForceUpdate } from "@tamagui/core";
+import { useForceUpdate } from "@tamagui/use-force-update";
 import { memo, useCallback, useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
 import { YStack } from "./Stacks";

package/_jsx/views/Tooltip.js

@@ -1,12 +1,12 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Text, Theme } from "@tamagui/core";
+import { Text, Theme, isTamaguiElement } from "@tamagui/core";
 import React from "react";
 import { HoverablePopover } from "./HoverablePopover";
 import { Paragraph } from "./Paragraph";
 import { YStack } from "./Stacks";
 const Tooltip = /* @__PURE__ */ __name(({ contents, tooltipFrameProps, ...props }) => {
-  return <HoverablePopover placement="bottom" delay={200} disableUntilSettled {...props} trigger={(triggerProps) => React.isValidElement(props.children) ? React.cloneElement(props.children, triggerProps) : <Text fontFamily="inherit" fontSize="inherit" {...triggerProps}>{props.children}</Text>}>{({ open }) => {
+  return <HoverablePopover placement="bottom" delay={200} disableUntilSettled {...props} trigger={(triggerProps) => isTamaguiElement(props.children) ? React.cloneElement(props.children, triggerProps) : <Text fontFamily="inherit" fontSize="inherit" {...triggerProps}>{props.children}</Text>}>{({ open }) => {
     return open ? <Theme name="dark"><YStack margin={10} backgroundColor="$bg2" paddingHorizontal="$2" paddingVertical="$2" maxWidth={400} borderRadius="$2" shadowColor="$shadowColor" shadowRadius={2} shadowOffset={{ height: 2, width: 0 }} {...tooltipFrameProps}><Paragraph textAlign="center" fontSize={14} color="$color">{contents}</Paragraph></YStack></Theme> : null;
   }}</HoverablePopover>;
 }, "Tooltip");