@tamagui/sheet 1.88.13 → 1.89.0-1706360676826

package/dist/jsx/useSheetProviderProps.mjs

@@ -0,0 +1,84 @@
+import { useConfiguration } from "@tamagui/core";
+import { useConstant } from "@tamagui/use-constant";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+function useSheetProviderProps(props, state, options = {}) {
+  const contentRef = React.useRef(null),
+    [frameSize, setFrameSize] = useState(0),
+    [maxContentSize, setMaxContentSize] = useState(0),
+    snapPointsMode = props.snapPointsMode ?? "percent",
+    snapPointsProp = props.snapPoints ?? (snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"]),
+    hasFit = snapPointsProp[0] === "fit",
+    snapPoints = useMemo(() => props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp, [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]),
+    [position_, setPositionImmediate] = useControllableState({
+      prop: props.position,
+      defaultProp: props.defaultPosition || (state.open ? 0 : -1),
+      onChange: props.onPositionChange,
+      strategy: "most-recent-wins",
+      transition: !0
+    }),
+    position = state.open === !1 ? -1 : position_,
+    {
+      open
+    } = state,
+    setPosition = useCallback(next => {
+      props.dismissOnSnapToBottom && next === snapPoints.length - 1 ? state.setOpen(!1) : setPositionImmediate(next);
+    }, [props.dismissOnSnapToBottom, snapPoints.length, setPositionImmediate, state.setOpen]);
+  process.env.NODE_ENV === "development" && (snapPointsMode === "mixed" && snapPoints.some(p => {
+    if (typeof p == "string") {
+      if (p === "fit") return !1;
+      if (p.endsWith("%")) {
+        const n = Number(p.slice(0, -1));
+        return n < 0 || n > 100;
+      }
+      return !0;
+    }
+    return typeof p != "number" || p < 0;
+  }) && console.warn('\u26A0\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values, string percentages between 0-100%, or "fit" when snapPointsMode is mixed'), snapPointsMode === "mixed" && snapPoints.indexOf("fit") > 0 && console.warn('\u26A0\uFE0F Invalid snapPoint given, "fit" must be the first/largest snap point when snapPointsMode is mixed'), snapPointsMode === "fit" && (snapPoints.length !== (props.dismissOnSnapToBottom ? 2 : 1) || snapPoints[0] !== "fit") && console.warn("\u26A0\uFE0F Invalid snapPoint given, there are no snap points when snapPointsMode is fit"), snapPointsMode === "constant" && snapPoints.some(p => typeof p != "number" || p < 0) && console.warn("\u26A0\uFE0F Invalid snapPoint given, snapPoints must be positive numeric values when snapPointsMode is constant"), snapPointsMode === "percent" && snapPoints.some(p => typeof p != "number" || p < 0 || p > 100) && console.warn("\u26A0\uFE0F Invalid snapPoint given, snapPoints must be numeric values between 0 and 100 when snapPointsMode is percent")), open && props.dismissOnSnapToBottom && position === snapPoints.length - 1 && setPositionImmediate(0);
+  const shouldSetPositionOpen = open && position < 0;
+  useEffect(() => {
+    shouldSetPositionOpen && setPosition(0);
+  }, [setPosition, shouldSetPositionOpen]);
+  const {
+    animationDriver
+  } = useConfiguration();
+  if (!animationDriver) throw new Error("Must set animations in tamagui.config.ts");
+  const scrollBridge = useConstant(() => ({
+      enabled: !1,
+      y: 0,
+      paneY: 0,
+      paneMinY: 0,
+      scrollStartY: -1,
+      drag: () => {},
+      release: () => {},
+      scrollLock: !1
+    })),
+    removeScrollEnabled = props.forceRemoveScrollEnabled ?? (open && props.modal),
+    maxSnapPoint = snapPoints[0];
+  return {
+    screenSize: snapPointsMode === "percent" ? frameSize / ((typeof maxSnapPoint == "number" ? maxSnapPoint : 100) / 100) : maxContentSize,
+    maxSnapPoint,
+    removeScrollEnabled,
+    scrollBridge,
+    modal: !!props.modal,
+    open: state.open,
+    setOpen: state.setOpen,
+    hidden: !!state.isHidden,
+    contentRef,
+    frameSize,
+    setFrameSize,
+    dismissOnOverlayPress: props.dismissOnOverlayPress ?? !0,
+    dismissOnSnapToBottom: props.dismissOnSnapToBottom ?? !1,
+    onOverlayComponent: options.onOverlayComponent,
+    scope: props.__scopeSheet,
+    hasFit,
+    position,
+    snapPoints,
+    snapPointsMode,
+    setMaxContentSize,
+    setPosition,
+    setPositionImmediate,
+    onlyShowFrame: !1
+  };
+}
+export { useSheetProviderProps };

package/dist/jsx/useSheetProviderProps.native.js

@@ -30,7 +30,6 @@ var import_core = require("@tamagui/core"), import_use_constant = require("@tama
 function useSheetProviderProps(props, state, options = {}) {
   const contentRef = import_react.default.useRef(null), [frameSize, setFrameSize] = (0, import_react.useState)(0), [maxContentSize, setMaxContentSize] = (0, import_react.useState)(0), snapPointsMode = props.snapPointsMode ?? "percent", snapPointsProp = props.snapPoints ?? (snapPointsMode === "percent" ? [80] : snapPointsMode === "constant" ? [256] : ["fit"]), hasFit = snapPointsProp[0] === "fit", snapPoints = (0, import_react.useMemo)(
     () => props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]
   ), [position_, setPositionImmediate] = (0, import_use_controllable_state.useControllableState)({
     prop: props.position,

package/dist/jsx/useSheetProviderProps.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useSheetProviderProps.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["React"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/sheet",
-  "version": "1.88.13",
+  "version": "1.89.0-1706360676826",
   "sideEffects": [
     "*.css"
   ],
@@ -33,27 +33,27 @@
     }
   },
   "dependencies": {
-    "@tamagui/animate-presence": "1.88.13",
-    "@tamagui/animations-react-native": "1.88.13",
-    "@tamagui/compose-refs": "1.88.13",
-    "@tamagui/constants": "1.88.13",
-    "@tamagui/core": "1.88.13",
-    "@tamagui/create-context": "1.88.13",
-    "@tamagui/helpers": "1.88.13",
-    "@tamagui/portal": "1.88.13",
-    "@tamagui/remove-scroll": "1.88.13",
-    "@tamagui/scroll-view": "1.88.13",
-    "@tamagui/stacks": "1.88.13",
-    "@tamagui/use-constant": "1.88.13",
-    "@tamagui/use-controllable-state": "1.88.13",
-    "@tamagui/use-keyboard-visible": "1.88.13"
+    "@tamagui/animate-presence": "1.89.0-1706360676826",
+    "@tamagui/animations-react-native": "1.89.0-1706360676826",
+    "@tamagui/compose-refs": "1.89.0-1706360676826",
+    "@tamagui/constants": "1.89.0-1706360676826",
+    "@tamagui/core": "1.89.0-1706360676826",
+    "@tamagui/create-context": "1.89.0-1706360676826",
+    "@tamagui/helpers": "1.89.0-1706360676826",
+    "@tamagui/portal": "1.89.0-1706360676826",
+    "@tamagui/remove-scroll": "1.89.0-1706360676826",
+    "@tamagui/scroll-view": "1.89.0-1706360676826",
+    "@tamagui/stacks": "1.89.0-1706360676826",
+    "@tamagui/use-constant": "1.89.0-1706360676826",
+    "@tamagui/use-controllable-state": "1.89.0-1706360676826",
+    "@tamagui/use-keyboard-visible": "1.89.0-1706360676826"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.88.13",
+    "@tamagui/build": "1.89.0-1706360676826",
     "react": "^18.2.0",
     "react-native": "^0.72.6"
   },

package/src/SheetContext.tsx

@@ -1,7 +1,7 @@
 import { createContextScope } from '@tamagui/create-context'
 
 import { SHEET_NAME } from './constants'
-import { SheetContextValue } from './useSheetProviderProps'
+import type { SheetContextValue } from './useSheetProviderProps'
 
 export const [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME)
 

package/src/SheetController.tsx

@@ -1,7 +1,8 @@
 import { useEvent } from '@tamagui/core'
 import React, { useMemo } from 'react'
 
-import { SheetControllerContext, SheetControllerContextValue } from './useSheetController'
+import type { SheetControllerContextValue } from './useSheetController'
+import { SheetControllerContext } from './useSheetController'
 
 export const SheetController = ({
   children,

package/src/SheetImplementationCustom.tsx

@@ -22,22 +22,19 @@ import {
   useRef,
   useState,
 } from 'react'
-import {
+import type {
   Animated,
-  Dimensions,
   GestureResponderEvent,
-  Keyboard,
   LayoutChangeEvent,
-  PanResponder,
   PanResponderGestureState,
-  View,
 } from 'react-native'
+import { Dimensions, Keyboard, PanResponder, View } from 'react-native'
 
 import { SHEET_HIDDEN_STYLESHEET } from './constants'
 import { ParentSheetContext, SheetInsideSheetContext } from './contexts'
 import { resisted } from './helpers'
 import { SheetProvider } from './SheetContext'
-import { SheetProps, SnapPointsMode } from './types'
+import type { SheetProps, SnapPointsMode } from './types'
 import { useSheetOpenState } from './useSheetOpenState'
 import { useSheetProviderProps } from './useSheetProviderProps'
 
@@ -215,118 +212,114 @@ export const SheetImplementationCustom = themeable(
     const themeName = useThemeName()
     const [isDragging, setIsDragging] = useState(false)
 
-    const panResponder = useMemo(
-      () => {
-        if (disableDrag) return
-        if (!frameSize) return
-        if (isShowingInnerSheet) return
-
-        const minY = positions[0]
-        scrollBridge.paneMinY = minY
-        let startY = at.current
-
-        function setPanning(val: boolean) {
-          setIsDragging(val)
-
-          // make unselectable:
-          if (!SHEET_HIDDEN_STYLESHEET) return
-          if (!val) {
-            SHEET_HIDDEN_STYLESHEET.innerText = ''
-          } else {
-            SHEET_HIDDEN_STYLESHEET.innerText =
-              ':root * { user-select: none !important; -webkit-user-select: none !important; }'
-          }
+    const panResponder = useMemo(() => {
+      if (disableDrag) return
+      if (!frameSize) return
+      if (isShowingInnerSheet) return
+
+      const minY = positions[0]
+      scrollBridge.paneMinY = minY
+      let startY = at.current
+
+      function setPanning(val: boolean) {
+        setIsDragging(val)
+
+        // make unselectable:
+        if (!SHEET_HIDDEN_STYLESHEET) return
+        if (!val) {
+          SHEET_HIDDEN_STYLESHEET.innerText = ''
+        } else {
+          SHEET_HIDDEN_STYLESHEET.innerText =
+            ':root * { user-select: none !important; -webkit-user-select: none !important; }'
         }
+      }
 
-        const release = ({ vy, dragAt }: { dragAt: number; vy: number }) => {
-          isExternalDrag = false
-          previouslyScrolling = false
-          setPanning(false)
-          const at = dragAt + startY
-          // seems liky vy goes up to about 4 at the very most (+ is down, - is up)
-          // lets base our multiplier on the total layout height
-          const end = at + frameSize * vy * 0.2
-          let closestPoint = 0
-          let dist = Infinity
-          for (let i = 0; i < positions.length; i++) {
-            const position = positions[i]
-            const curDist = end > position ? end - position : position - end
-            if (curDist < dist) {
-              dist = curDist
-              closestPoint = i
-            }
+      const release = ({ vy, dragAt }: { dragAt: number; vy: number }) => {
+        isExternalDrag = false
+        previouslyScrolling = false
+        setPanning(false)
+        const at = dragAt + startY
+        // seems liky vy goes up to about 4 at the very most (+ is down, - is up)
+        // lets base our multiplier on the total layout height
+        const end = at + frameSize * vy * 0.2
+        let closestPoint = 0
+        let dist = Infinity
+        for (let i = 0; i < positions.length; i++) {
+          const position = positions[i]
+          const curDist = end > position ? end - position : position - end
+          if (curDist < dist) {
+            dist = curDist
+            closestPoint = i
           }
-          // have to call both because state may not change but need to snap back
-          setPosition(closestPoint)
-          animateTo(closestPoint)
         }
+        // have to call both because state may not change but need to snap back
+        setPosition(closestPoint)
+        animateTo(closestPoint)
+      }
 
-        const finish = (_e: GestureResponderEvent, state: PanResponderGestureState) => {
-          release({
-            vy: state.vy,
-            dragAt: state.dy,
-          })
-        }
+      const finish = (_e: GestureResponderEvent, state: PanResponderGestureState) => {
+        release({
+          vy: state.vy,
+          dragAt: state.dy,
+        })
+      }
 
-        let previouslyScrolling = false
-
-        const onMoveShouldSet = (
-          _e: GestureResponderEvent,
-          { dy }: PanResponderGestureState
-        ) => {
-          const isScrolled = scrollBridge.y !== 0
-          const isDraggingUp = dy < 0
-          // we can treat near top instead of exactly to avoid trouble with springs
-          const isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY
-          if (isScrolled) {
-            previouslyScrolling = true
+      let previouslyScrolling = false
+
+      const onMoveShouldSet = (
+        _e: GestureResponderEvent,
+        { dy }: PanResponderGestureState
+      ) => {
+        const isScrolled = scrollBridge.y !== 0
+        const isDraggingUp = dy < 0
+        // we can treat near top instead of exactly to avoid trouble with springs
+        const isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY
+        if (isScrolled) {
+          previouslyScrolling = true
+          return false
+        }
+        // prevent drag once at top and pulling up
+        if (isNearTop) {
+          if (!isScrolled && isDraggingUp) {
             return false
           }
-          // prevent drag once at top and pulling up
-          if (isNearTop) {
-            if (!isScrolled && isDraggingUp) {
-              return false
-            }
-          }
-          // we could do some detection of other touchables and cancel here..
-          return Math.abs(dy) > 5
         }
+        // we could do some detection of other touchables and cancel here..
+        return Math.abs(dy) > 5
+      }
 
-        const grant = () => {
-          setPanning(true)
-          stopSpring()
-          startY = at.current
-        }
+      const grant = () => {
+        setPanning(true)
+        stopSpring()
+        startY = at.current
+      }
 
-        let isExternalDrag = false
+      let isExternalDrag = false
 
-        scrollBridge.drag = (dy) => {
-          if (!isExternalDrag) {
-            isExternalDrag = true
-            grant()
-          }
-          const to = dy + startY
-          animatedNumber.setValue(resisted(to, minY), { type: 'direct' })
+      scrollBridge.drag = (dy) => {
+        if (!isExternalDrag) {
+          isExternalDrag = true
+          grant()
         }
+        const to = dy + startY
+        animatedNumber.setValue(resisted(to, minY), { type: 'direct' })
+      }
 
-        scrollBridge.release = release
-
-        return PanResponder.create({
-          onMoveShouldSetPanResponder: onMoveShouldSet,
-          onPanResponderGrant: grant,
-          onPanResponderMove: (_e, { dy }) => {
-            const toFull = dy + startY
-            const to = resisted(toFull, minY)
-            animatedNumber.setValue(to, { type: 'direct' })
-          },
-          onPanResponderEnd: finish,
-          onPanResponderTerminate: finish,
-          onPanResponderRelease: finish,
-        })
-      },
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [disableDrag, isShowingInnerSheet, animateTo, frameSize, positions, setPosition]
-    )
+      scrollBridge.release = release
+
+      return PanResponder.create({
+        onMoveShouldSetPanResponder: onMoveShouldSet,
+        onPanResponderGrant: grant,
+        onPanResponderMove: (_e, { dy }) => {
+          const toFull = dy + startY
+          const to = resisted(toFull, minY)
+          animatedNumber.setValue(to, { type: 'direct' })
+        },
+        onPanResponderEnd: finish,
+        onPanResponderTerminate: finish,
+        onPanResponderRelease: finish,
+      })
+    }, [disableDrag, isShowingInnerSheet, animateTo, frameSize, positions, setPosition])
 
     const handleAnimationViewLayout = useCallback(
       (e: LayoutChangeEvent) => {

package/src/SheetScrollView.tsx

@@ -1,11 +1,12 @@
 import { composeRefs } from '@tamagui/compose-refs'
-import { GetRef } from '@tamagui/core'
-import { ScrollView, ScrollViewProps } from '@tamagui/scroll-view'
+import type { GetRef } from '@tamagui/core'
+import type { ScrollViewProps } from '@tamagui/scroll-view'
+import { ScrollView } from '@tamagui/scroll-view'
 import { forwardRef, useMemo, useRef } from 'react'
-import { ScrollView as RNScrollView } from 'react-native'
+import type { ScrollView as RNScrollView } from 'react-native'
 
 import { useSheetContext } from './SheetContext'
-import { SheetScopedProps } from './types'
+import type { SheetScopedProps } from './types'
 
 // TODO ideally would replicate https://github.com/ammarahm-ed/react-native-actions-sheet/blob/master/src/index.tsx
 

package/src/createSheet.tsx

@@ -1,24 +1,26 @@
 import { useComposedRefs } from '@tamagui/compose-refs'
 import { useIsomorphicLayoutEffect } from '@tamagui/constants'
-import {
+import type {
   GetProps,
-  Stack,
   StackProps,
   TamaguiComponent,
   TamaguiComponentExpectingVariants,
 } from '@tamagui/core'
+import { Stack } from '@tamagui/core'
 import { composeEventHandlers, withStaticProperties } from '@tamagui/helpers'
 import { RemoveScroll } from '@tamagui/remove-scroll'
 import { useDidFinishSSR } from '@tamagui/use-did-finish-ssr'
-import { FunctionComponent, RefAttributes, forwardRef, memo, useMemo } from 'react'
-import { Platform, View } from 'react-native'
+import type { FunctionComponent, RefAttributes } from 'react'
+import { forwardRef, memo, useMemo } from 'react'
+import type { View } from 'react-native'
+import { Platform } from 'react-native'
 
 import { SHEET_HANDLE_NAME, SHEET_NAME, SHEET_OVERLAY_NAME } from './constants'
 import { getNativeSheet } from './nativeSheet'
 import { useSheetContext } from './SheetContext'
 import { SheetImplementationCustom } from './SheetImplementationCustom'
 import { SheetScrollView } from './SheetScrollView'
-import { SheetProps, SheetScopedProps } from './types'
+import type { SheetProps, SheetScopedProps } from './types'
 import { useSheetController } from './useSheetController'
 import { useSheetOffscreenSize } from './useSheetOffscreenSize'
 

package/src/nativeSheet.tsx

@@ -1,9 +1,10 @@
 import { YStack } from '@tamagui/stacks'
-import { FunctionComponent, useEffect, useRef } from 'react'
+import type { FunctionComponent } from 'react'
+import { useEffect, useRef } from 'react'
 import { View } from 'react-native'
 
 import { SheetProvider } from './SheetContext'
-import { SheetProps } from './types'
+import type { SheetProps } from './types'
 import { useSheetOpenState } from './useSheetOpenState'
 import { useSheetProviderProps } from './useSheetProviderProps'
 

package/src/types.tsx

@@ -1,8 +1,9 @@
-import { AnimatedNumberStrategy, AnimationProp } from '@tamagui/core'
+import type { AnimatedNumberStrategy, AnimationProp } from '@tamagui/core'
 import type { ScopedProps } from '@tamagui/create-context'
 import type { PortalProps } from '@tamagui/portal'
-import { RemoveScroll } from '@tamagui/remove-scroll'
-import React, { ReactNode } from 'react'
+import type { RemoveScroll } from '@tamagui/remove-scroll'
+import type { ReactNode } from 'react'
+import type React from 'react'
 
 export type SheetProps = ScopedProps<
   {

package/src/useSheetOffscreenSize.tsx

@@ -1,4 +1,4 @@
-import { SheetContextValue } from './useSheetProviderProps'
+import type { SheetContextValue } from './useSheetProviderProps'
 
 export const useSheetOffscreenSize = ({
   snapPoints,

package/src/useSheetOpenState.tsx

@@ -1,6 +1,6 @@
 import { useControllableState } from '@tamagui/use-controllable-state'
 
-import { SheetProps } from './types'
+import type { SheetProps } from './types'
 import { useSheetController } from './useSheetController'
 
 export const useSheetOpenState = (props: SheetProps) => {

package/src/useSheetProviderProps.tsx

@@ -1,10 +1,11 @@
-import { TamaguiElement, useConfiguration } from '@tamagui/core'
+import type { TamaguiElement } from '@tamagui/core'
+import { useConfiguration } from '@tamagui/core'
 import { useConstant } from '@tamagui/use-constant'
 import { useControllableState } from '@tamagui/use-controllable-state'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'
 
-import { ScrollBridge, SheetProps } from './types'
-import { SheetOpenState } from './useSheetOpenState'
+import type { ScrollBridge, SheetProps } from './types'
+import type { SheetOpenState } from './useSheetOpenState'
 
 export type SheetContextValue = ReturnType<typeof useSheetProviderProps>
 
@@ -30,7 +31,7 @@ export function useSheetProviderProps(
 
   const snapPoints = useMemo(
     () => (props.dismissOnSnapToBottom ? [...snapPointsProp, 0] : snapPointsProp),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+
     [JSON.stringify(snapPointsProp), props.dismissOnSnapToBottom]
   )
 

package/types/SheetController.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SheetControllerContextValue } from './useSheetController';
+import type { SheetControllerContextValue } from './useSheetController';
 export declare const SheetController: ({ children, onOpenChange: onOpenChangeProp, ...value }: Partial<SheetControllerContextValue> & {
     children?: React.ReactNode;
 }) => JSX.Element;

package/types/SheetController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetController.d.ts","sourceRoot":"","sources":["../src/SheetController.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,EAA0B,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAE1F,eAAO,MAAM,eAAe;eAI2B,MAAM,SAAS;iBAkBrE,CAAA"}
+{"version":3,"file":"SheetController.d.ts","sourceRoot":"","sources":["../src/SheetController.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAGvE,eAAO,MAAM,eAAe;eAI2B,MAAM,SAAS;iBAkBrE,CAAA"}

package/types/SheetImplementationCustom.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { View } from 'react-native';
-import { SnapPointsMode } from './types';
+import type { SnapPointsMode } from './types';
 export declare const SheetImplementationCustom: (props: Omit<{
     open?: boolean | undefined;
     defaultOpen?: boolean | undefined;

package/types/SheetImplementationCustom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetImplementationCustom.d.ts","sourceRoot":"","sources":["../src/SheetImplementationCustom.tsx"],"names":[],"mappings":";AAwBA,OAAO,EAQL,IAAI,EACL,MAAM,cAAc,CAAA;AAMrB,OAAO,EAAc,cAAc,EAAE,MAAM,SAAS,CAAA;AAMpD,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;6MA+brC,CAAA"}
+{"version":3,"file":"SheetImplementationCustom.d.ts","sourceRoot":"","sources":["../src/SheetImplementationCustom.tsx"],"names":[],"mappings":";AA8BA,OAAO,EAAsC,IAAI,EAAE,MAAM,cAAc,CAAA;AAMvE,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,SAAS,CAAA;AAMzD,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;6MA2brC,CAAA"}

package/types/SheetScrollView.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ScrollView as RNScrollView } from 'react-native';
+import type { ScrollView as RNScrollView } from 'react-native';
 export declare const SheetScrollView: import("react").ForwardRefExoticComponent<Omit<import("@tamagui/web/types/interfaces/TamaguiComponentPropsBaseBase").TamaguiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@tamagui/core").StackStyleBase | "fullscreen"> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
     fullscreen?: boolean | undefined;
 } & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {

package/types/SheetScrollView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetScrollView.d.ts","sourceRoot":"","sources":["../src/SheetScrollView.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAazD,eAAO,MAAM,eAAe;;;;;;kDA6H3B,CAAA"}
+{"version":3,"file":"SheetScrollView.d.ts","sourceRoot":"","sources":["../src/SheetScrollView.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAa9D,eAAO,MAAM,eAAe;;;;;;kDA6H3B,CAAA"}

package/types/createSheet.d.ts

@@ -1,7 +1,7 @@
-import { GetProps, StackProps, TamaguiComponent, TamaguiComponentExpectingVariants } from '@tamagui/core';
-import { FunctionComponent, RefAttributes } from 'react';
-import { View } from 'react-native';
-import { SheetProps, SheetScopedProps } from './types';
+import type { GetProps, StackProps, TamaguiComponent, TamaguiComponentExpectingVariants } from '@tamagui/core';
+import type { FunctionComponent, RefAttributes } from 'react';
+import type { View } from 'react-native';
+import type { SheetProps, SheetScopedProps } from './types';
 type SharedSheetProps = {
     open?: boolean;
 };

package/types/createSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSheet.d.ts","sourceRoot":"","sources":["../src/createSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EAER,UAAU,EACV,gBAAgB,EAChB,iCAAiC,EAClC,MAAM,eAAe,CAAA;AAItB,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAA6B,MAAM,OAAO,CAAA;AACnF,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAA;AAO7C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAItD,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAA;AAE9C,KAAK,oBAAoB,GAAG,iCAAiC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;AAE1F,wBAAgB,WAAW,CACzB,CAAC,SAAS,oBAAoB,GAAG,gBAAgB,EACjD,CAAC,SAAS,oBAAoB,GAAG,gBAAgB,EACjD,CAAC,SAAS,oBAAoB,GAAG,gBAAgB,EACjD,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,OAAO,EAAE,CAAC,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAmFrD;;;;eAIG;;YAGH;;;;eAIG;;;+DA/DI,iBAAiB,SAAS,cAAc,CAAC,CAAC;6CA7B5B,iBAAiB,SAAS,aAAa,CAAC,CAAC;;;;;;;;;;QAiF9D;;;;WAIG;;QAGH;;;;WAIG;;;2DA/DI,iBAAiB,SAAS,cAAc,CAAC,CAAC;yCA7B5B,iBAAiB,SAAS,aAAa,CAAC,CAAC;;;;;;;;EAuMzE"}
+{"version":3,"file":"createSheet.d.ts","sourceRoot":"","sources":["../src/createSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iCAAiC,EAClC,MAAM,eAAe,CAAA;AAKtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE7D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAQxC,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAI3D,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAA;AAE9C,KAAK,oBAAoB,GAAG,iCAAiC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;AAE1F,wBAAgB,WAAW,CACzB,CAAC,SAAS,oBAAoB,GAAG,gBAAgB,EACjD,CAAC,SAAS,oBAAoB,GAAG,gBAAgB,EACjD,CAAC,SAAS,oBAAoB,GAAG,gBAAgB,EACjD,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,OAAO,EAAE,CAAC,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAmFrD;;;;eAIG;;YAGH;;;;eAIG;;;+DA/DI,iBAAiB,SAAS,cAAc,CAAC,CAAC;6CA7B5B,iBAAiB,SAAS,aAAa,CAAC,CAAC;;;;;;;;;;QAiF9D;;;;WAIG;;QAGH;;;;WAIG;;;2DA/DI,iBAAiB,SAAS,cAAc,CAAC,CAAC;yCA7B5B,iBAAiB,SAAS,aAAa,CAAC,CAAC;;;;;;;;EAuMzE"}

package/types/nativeSheet.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
-import { SheetProps } from './types';
+import type { FunctionComponent } from 'react';
+import type { SheetProps } from './types';
 type SheetNativePlatforms = 'ios';
 export declare function getNativeSheet(platform: SheetNativePlatforms): FunctionComponent<SheetProps> | null;
 export declare function setupNativeSheet(platform: SheetNativePlatforms, Implementation: any): void;

package/types/nativeSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nativeSheet.d.ts","sourceRoot":"","sources":["../src/nativeSheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAA;AAI5D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAMpC,KAAK,oBAAoB,GAAG,KAAK,CAAA;AAMjC,wBAAgB,cAAc,CAAC,QAAQ,EAAE,oBAAoB,wCAE5D;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,GAAG,QA8CnF"}
+{"version":3,"file":"nativeSheet.d.ts","sourceRoot":"","sources":["../src/nativeSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAK9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAMzC,KAAK,oBAAoB,GAAG,KAAK,CAAA;AAMjC,wBAAgB,cAAc,CAAC,QAAQ,EAAE,oBAAoB,wCAE5D;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,GAAG,QA8CnF"}