@tamagui/sheet 1.143.0 → 2.0.0-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/sheet",
-  "version": "1.143.0",
+  "version": "2.0.0-001",
   "type": "module",
   "sideEffects": [
     "*.css"
@@ -40,30 +40,30 @@
     }
   },
   "dependencies": {
-    "@tamagui/adapt": "1.143.0",
-    "@tamagui/animate-presence": "1.143.0",
-    "@tamagui/animations-react-native": "1.143.0",
-    "@tamagui/compose-refs": "1.143.0",
-    "@tamagui/constants": "1.143.0",
-    "@tamagui/core": "1.143.0",
-    "@tamagui/create-context": "1.143.0",
-    "@tamagui/helpers": "1.143.0",
-    "@tamagui/portal": "1.143.0",
-    "@tamagui/remove-scroll": "1.143.0",
-    "@tamagui/scroll-view": "1.143.0",
-    "@tamagui/stacks": "1.143.0",
-    "@tamagui/use-constant": "1.143.0",
-    "@tamagui/use-controllable-state": "1.143.0",
-    "@tamagui/use-did-finish-ssr": "1.143.0",
-    "@tamagui/use-keyboard-visible": "1.143.0",
-    "@tamagui/z-index-stack": "1.143.0"
+    "@tamagui/adapt": "2.0.0-001",
+    "@tamagui/animate-presence": "2.0.0-001",
+    "@tamagui/animations-react-native": "2.0.0-001",
+    "@tamagui/compose-refs": "2.0.0-001",
+    "@tamagui/constants": "2.0.0-001",
+    "@tamagui/core": "2.0.0-001",
+    "@tamagui/create-context": "2.0.0-001",
+    "@tamagui/helpers": "2.0.0-001",
+    "@tamagui/portal": "2.0.0-001",
+    "@tamagui/remove-scroll": "2.0.0-001",
+    "@tamagui/scroll-view": "2.0.0-001",
+    "@tamagui/stacks": "2.0.0-001",
+    "@tamagui/use-constant": "2.0.0-001",
+    "@tamagui/use-controllable-state": "2.0.0-001",
+    "@tamagui/use-did-finish-ssr": "2.0.0-001",
+    "@tamagui/use-keyboard-visible": "2.0.0-001",
+    "@tamagui/z-index-stack": "2.0.0-001"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.143.0",
+    "@tamagui/build": "2.0.0-001",
     "react": "*",
     "react-native": "0.81.5"
   },

package/src/Sheet.tsx

@@ -1,5 +1,5 @@
 import { styled } from '@tamagui/core'
-import { ThemeableStack, XStack, YStack } from '@tamagui/stacks'
+import { XStack, YStack } from '@tamagui/stacks'
 
 import { SHEET_HANDLE_NAME, SHEET_NAME, SHEET_OVERLAY_NAME } from './constants'
 import { createSheet } from './createSheet'
@@ -52,7 +52,7 @@ export const Handle = styled(XStack, {
  * SheetOverlay
  * -----------------------------------------------------------------------------------------------*/
 
-export const Overlay = styled(ThemeableStack, {
+export const Overlay = styled(YStack, {
   name: SHEET_OVERLAY_NAME,
 
   variants: {
@@ -112,9 +112,3 @@ export const Sheet = createSheet({
   Handle,
   Overlay,
 })
-
-/** @deprecated use Overlay instead  */
-export const SheetOverlayFrame = Overlay
-
-/** @deprecated use Overlay instead  */
-export const SheetHandleFrame = Handle

package/src/createSheet.tsx

@@ -73,42 +73,40 @@ export function createSheet<
    * SheetOverlay
    * -----------------------------------------------------------------------------------------------*/
 
-  const SheetOverlay = Overlay.extractable(
-    memo((propsIn: SheetScopedProps<GetProps<typeof Overlay>>) => {
-      const { __scopeSheet, ...props } = propsIn
-      const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet)
+  const SheetOverlay = Overlay.styleable<SheetScopedProps<{}>>((propsIn, ref) => {
+    const { __scopeSheet, ...props } = propsIn
+    const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet)
 
-      // this ones a bit weird for legacy reasons, we need to hoist it above <Sheet /> AnimatedView
-      // so we just pass it up to context
+    // this ones a bit weird for legacy reasons, we need to hoist it above <Sheet /> AnimatedView
+    // so we just pass it up to context
 
-      const element = useMemo(() => {
-        return (
-          // @ts-ignore
-          <Overlay
-            {...props}
-            onPress={composeEventHandlers(
-              props.onPress,
-              context.dismissOnOverlayPress
-                ? () => {
-                    context.setOpen(false)
-                  }
-                : undefined
-            )}
-          />
-        )
-      }, [props.onPress, props.opacity, context.dismissOnOverlayPress])
-
-      useIsomorphicLayoutEffect(() => {
-        context.onOverlayComponent?.(element)
-      }, [element])
+    const element = useMemo(() => {
+      return (
+        // @ts-ignore
+        <Overlay
+          {...props}
+          onPress={composeEventHandlers(
+            props.onPress,
+            context.dismissOnOverlayPress
+              ? () => {
+                  context.setOpen(false)
+                }
+              : undefined
+          )}
+        />
+      )
+    }, [props.onPress, props.opacity, context.dismissOnOverlayPress])
 
-      if (context.onlyShowFrame) {
-        return null
-      }
+    useIsomorphicLayoutEffect(() => {
+      context.onOverlayComponent?.(element)
+    }, [element])
 
+    if (context.onlyShowFrame) {
       return null
-    })
-  )
+    }
+
+    return null
+  })
 
   /* -------------------------------------------------------------------------------------------------
    * Sheet
@@ -130,105 +128,100 @@ export function createSheet<
     adjustPaddingForOffscreenContent?: boolean
   }
 
-  const SheetFrame = Frame.extractable(
-    forwardRef(
-      (
-        {
-          __scopeSheet,
-          adjustPaddingForOffscreenContent,
-          disableHideBottomOverflow,
-          children,
-          ...props
-        }: SheetProps & ExtraFrameProps,
-        forwardedRef
-      ) => {
-        const context = useSheetContext(SHEET_NAME, __scopeSheet)
-        const {
-          hasFit,
-          removeScrollEnabled = true,
-          frameSize,
-          contentRef,
-          open,
-        } = context
-        const composedContentRef = useComposedRefs(forwardedRef, contentRef)
-        const offscreenSize = useSheetOffscreenSize(context)
-
-        // FIX: Store the frameSize when open for use during close animation
-        const stableFrameSize = useRef(frameSize)
-        useEffect(() => {
-          if (open && frameSize) {
-            stableFrameSize.current = frameSize
-          }
-        }, [open, frameSize])
-
-        const sheetContents = useMemo(() => {
-          // FIX: Use fixed height during close animation to prevent content-driven resizing
-          const shouldUseFixedHeight = hasFit && !open && stableFrameSize.current
-
-          return (
-            // @ts-expect-error
-            <Frame
-              ref={composedContentRef}
-              flex={hasFit && open ? 0 : 1}
-              height={
-                shouldUseFixedHeight
-                  ? stableFrameSize.current
-                  : hasFit
-                    ? undefined
-                    : frameSize
-              }
-              pointerEvents={open ? 'auto' : 'none'}
-              data-state={open ? 'open' : 'closed'}
-              {...props}
-            >
-              <StackZIndexContext zIndex={resolveViewZIndex(props.zIndex)}>
-                {children}
-              </StackZIndexContext>
-
-              {adjustPaddingForOffscreenContent && (
-                <Stack data-sheet-offscreen-pad height={offscreenSize} width="100%" />
-              )}
-            </Frame>
-          )
-        }, [
-          open,
-          props,
-          frameSize,
-          offscreenSize,
-          adjustPaddingForOffscreenContent,
-          hasFit,
-        ])
+  const SheetFrame = Frame.styleable<SheetProps & ExtraFrameProps>(
+    (
+      {
+        __scopeSheet,
+        adjustPaddingForOffscreenContent,
+        disableHideBottomOverflow,
+        children,
+        ...props
+      },
+      forwardedRef
+    ) => {
+      const context = useSheetContext(SHEET_NAME, __scopeSheet)
+      const { hasFit, removeScrollEnabled = true, frameSize, contentRef, open } = context
+      const composedContentRef = useComposedRefs(forwardedRef, contentRef)
+      const offscreenSize = useSheetOffscreenSize(context)
+
+      // FIX: Store the frameSize when open for use during close animation
+      const stableFrameSize = useRef(frameSize)
+      useEffect(() => {
+        if (open && frameSize) {
+          stableFrameSize.current = frameSize
+        }
+      }, [open, frameSize])
+
+      const sheetContents = useMemo(() => {
+        // FIX: Use fixed height during close animation to prevent content-driven resizing
+        const shouldUseFixedHeight = hasFit && !open && stableFrameSize.current
 
         return (
-          <>
-            <RemoveScroll enabled={removeScrollEnabled && context.open}>
-              {sheetContents}
-            </RemoveScroll>
-
-            {/* below frame hide when bouncing past 100% */}
-            {!disableHideBottomOverflow && (
-              // @ts-ignore
-              <Frame
-                {...props}
-                data-testid="ensure-sheet-cover-not-overlapping"
-                componentName="SheetCover"
-                // biome-ignore lint/correctness/noChildrenProp: <explanation>
-                children={null}
-                position="absolute"
-                bottom="-100%"
-                zIndex={-1}
-                height={context.frameSize}
-                left={0}
-                right={0}
-                borderWidth={0}
-                borderRadius={0}
-                shadowOpacity={0}
-              />
+          // @ts-expect-error
+          <Frame
+            ref={composedContentRef}
+            flex={hasFit && open ? 0 : 1}
+            flexBasis={hasFit ? 'auto' : undefined}
+            height={
+              shouldUseFixedHeight
+                ? stableFrameSize.current
+                : hasFit
+                  ? undefined
+                  : frameSize
+            }
+            pointerEvents={open ? 'auto' : 'none'}
+            data-state={open ? 'open' : 'closed'}
+            {...props}
+          >
+            <StackZIndexContext zIndex={resolveViewZIndex(props.zIndex)}>
+              {children}
+            </StackZIndexContext>
+
+            {adjustPaddingForOffscreenContent && (
+              <Stack data-sheet-offscreen-pad height={offscreenSize} width="100%" />
             )}
-          </>
+          </Frame>
         )
-      }
-    )
+      }, [
+        open,
+        props,
+        frameSize,
+        offscreenSize,
+        adjustPaddingForOffscreenContent,
+        hasFit,
+      ])
+
+      return (
+        <>
+          <RemoveScroll enabled={removeScrollEnabled && context.open}>
+            {sheetContents}
+          </RemoveScroll>
+
+          {/* below frame hide when bouncing past 100% */}
+          {!disableHideBottomOverflow && (
+            // @ts-ignore
+            <Frame
+              {...props}
+              componentName="SheetCover"
+              // biome-ignore lint/correctness/noChildrenProp: <explanation>
+              children={null}
+              // Don't inherit testID - this is a visual helper element
+              testID={undefined}
+              id={undefined}
+              position="absolute"
+              bottom="-100%"
+              zIndex={-1}
+              height={context.frameSize}
+              left={0}
+              right={0}
+              borderWidth={0}
+              borderRadius={0}
+              shadowOpacity={0}
+            />
+          )}
+        </>
+      )
+    }
   ) as any as ForwardRefExoticComponent<
     SheetScopedProps<
       Omit<GetProps<typeof Frame>, keyof ExtraFrameProps> & ExtraFrameProps

package/types/Sheet.d.ts

@@ -3,46 +3,17 @@ export * from './types';
 export declare const Handle: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
     open?: boolean | undefined;
     elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-    inset?: number | import("@tamagui/core").SizeTokens | {
-        top?: number;
-        bottom?: number;
-        left?: number;
-        right?: number;
-    } | null | undefined;
     fullscreen?: boolean | undefined;
     unstyled?: boolean | undefined;
 }, import("@tamagui/core").StaticConfigPublic>;
 export declare const Overlay: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
     open?: boolean | undefined;
     elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-    inset?: number | import("@tamagui/core").SizeTokens | {
-        top?: number;
-        bottom?: number;
-        left?: number;
-        right?: number;
-    } | null | undefined;
     fullscreen?: boolean | undefined;
-    circular?: boolean | undefined;
-    transparent?: boolean | undefined;
     unstyled?: boolean | undefined;
-    hoverTheme?: boolean | undefined;
-    pressTheme?: boolean | undefined;
-    focusTheme?: boolean | undefined;
-    elevate?: boolean | undefined;
-    bordered?: number | boolean | undefined;
-    backgrounded?: boolean | undefined;
-    radiused?: boolean | undefined;
-    padded?: boolean | undefined;
-    chromeless?: boolean | "all" | undefined;
 }, import("@tamagui/core").StaticConfigPublic>;
 export declare const Frame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
     elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-    inset?: number | import("@tamagui/core").SizeTokens | {
-        top?: number;
-        bottom?: number;
-        left?: number;
-        right?: number;
-    } | null | undefined;
     fullscreen?: boolean | undefined;
     unstyled?: boolean | undefined;
 }, import("@tamagui/core").StaticConfigPublic>;
@@ -77,12 +48,6 @@ export declare const Sheet: import("react").ForwardRefExoticComponent<{
     Controlled: import("react").FunctionComponent<Omit<import("./types").SheetProps, "open" | "onOpenChange"> & import("react").RefAttributes<import("react-native").View>> & {
         Frame: import("react").ForwardRefExoticComponent<import("./types").SheetScopedProps<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
             elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-            inset?: number | import("@tamagui/core").SizeTokens | {
-                top?: number;
-                bottom?: number;
-                left?: number;
-                right?: number;
-            } | null | undefined;
             fullscreen?: boolean | undefined;
             unstyled?: boolean | undefined;
         }>, keyof {
@@ -92,29 +57,19 @@ export declare const Sheet: import("react").ForwardRefExoticComponent<{
             disableHideBottomOverflow?: boolean;
             adjustPaddingForOffscreenContent?: boolean;
         }>>;
-        Overlay: import("react").MemoExoticComponent<(propsIn: import("./types").SheetScopedProps<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-            open?: boolean | undefined;
-            elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-            inset?: number | import("@tamagui/core").SizeTokens | {
-                top?: number;
-                bottom?: number;
-                left?: number;
-                right?: number;
-            } | null | undefined;
-            fullscreen?: boolean | undefined;
-            circular?: boolean | undefined;
-            transparent?: boolean | undefined;
-            unstyled?: boolean | undefined;
-            hoverTheme?: boolean | undefined;
-            pressTheme?: boolean | undefined;
-            focusTheme?: boolean | undefined;
-            elevate?: boolean | undefined;
-            bordered?: number | boolean | undefined;
-            backgrounded?: boolean | undefined;
-            radiused?: boolean | undefined;
-            padded?: boolean | undefined;
-            chromeless?: boolean | "all" | undefined;
-        }>>) => null>;
+        Overlay: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & {
+            open?: boolean;
+        }, "__scopeSheet"> & {
+            __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+        }, any, any, any, {
+            open?: boolean;
+        }, {}> | import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & {
+            open?: boolean;
+        }, "__scopeSheet"> & {
+            __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+        }, any, {
+            __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+        }, {}, {}, {}>;
         Handle: import("@tamagui/core").TamaguiComponent<any, any, any, any, {
             open?: boolean;
         }, {}> | import("@tamagui/core").TamaguiComponent<any, any, any, {}, {}, {}>;
@@ -138,12 +93,6 @@ export declare const Sheet: import("react").ForwardRefExoticComponent<{
     };
     Frame: import("react").ForwardRefExoticComponent<import("./types").SheetScopedProps<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
         elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-        inset?: number | import("@tamagui/core").SizeTokens | {
-            top?: number;
-            bottom?: number;
-            left?: number;
-            right?: number;
-        } | null | undefined;
         fullscreen?: boolean | undefined;
         unstyled?: boolean | undefined;
     }>, keyof {
@@ -153,29 +102,19 @@ export declare const Sheet: import("react").ForwardRefExoticComponent<{
         disableHideBottomOverflow?: boolean;
         adjustPaddingForOffscreenContent?: boolean;
     }>>;
-    Overlay: import("react").MemoExoticComponent<(propsIn: import("./types").SheetScopedProps<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-        open?: boolean | undefined;
-        elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-        inset?: number | import("@tamagui/core").SizeTokens | {
-            top?: number;
-            bottom?: number;
-            left?: number;
-            right?: number;
-        } | null | undefined;
-        fullscreen?: boolean | undefined;
-        circular?: boolean | undefined;
-        transparent?: boolean | undefined;
-        unstyled?: boolean | undefined;
-        hoverTheme?: boolean | undefined;
-        pressTheme?: boolean | undefined;
-        focusTheme?: boolean | undefined;
-        elevate?: boolean | undefined;
-        bordered?: number | boolean | undefined;
-        backgrounded?: boolean | undefined;
-        radiused?: boolean | undefined;
-        padded?: boolean | undefined;
-        chromeless?: boolean | "all" | undefined;
-    }>>) => null>;
+    Overlay: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & {
+        open?: boolean;
+    }, "__scopeSheet"> & {
+        __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+    }, any, any, any, {
+        open?: boolean;
+    }, {}> | import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & {
+        open?: boolean;
+    }, "__scopeSheet"> & {
+        __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+    }, any, {
+        __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+    }, {}, {}, {}>;
     Handle: import("@tamagui/core").TamaguiComponent<any, any, any, any, {
         open?: boolean;
     }, {}> | import("@tamagui/core").TamaguiComponent<any, any, any, {}, {}, {}>;
@@ -197,41 +136,4 @@ export declare const Sheet: import("react").ForwardRefExoticComponent<{
         fullscreen?: boolean | undefined;
     }>> & import("react").RefAttributes<import("react-native").ScrollView>>;
 };
-/** @deprecated use Overlay instead  */
-export declare const SheetOverlayFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-    open?: boolean | undefined;
-    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-    inset?: number | import("@tamagui/core").SizeTokens | {
-        top?: number;
-        bottom?: number;
-        left?: number;
-        right?: number;
-    } | null | undefined;
-    fullscreen?: boolean | undefined;
-    circular?: boolean | undefined;
-    transparent?: boolean | undefined;
-    unstyled?: boolean | undefined;
-    hoverTheme?: boolean | undefined;
-    pressTheme?: boolean | undefined;
-    focusTheme?: boolean | undefined;
-    elevate?: boolean | undefined;
-    bordered?: number | boolean | undefined;
-    backgrounded?: boolean | undefined;
-    radiused?: boolean | undefined;
-    padded?: boolean | undefined;
-    chromeless?: boolean | "all" | undefined;
-}, import("@tamagui/core").StaticConfigPublic>;
-/** @deprecated use Overlay instead  */
-export declare const SheetHandleFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-    open?: boolean | undefined;
-    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-    inset?: number | import("@tamagui/core").SizeTokens | {
-        top?: number;
-        bottom?: number;
-        left?: number;
-        right?: number;
-    } | null | undefined;
-    fullscreen?: boolean | undefined;
-    unstyled?: boolean | undefined;
-}, import("@tamagui/core").StaticConfigPublic>;
 //# sourceMappingURL=Sheet.d.ts.map

package/types/Sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../src/Sheet.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,cAAc,SAAS,CAAA;AAMvB,eAAO,MAAM,MAAM;;;;;;;;;;;8CAmCjB,CAAA;AAMF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;8CA2BlB,CAAA;AAMF,eAAO,MAAM,KAAK;;;;;;;;;;8CAoBhB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIhB,CAAA;AAEF,uCAAuC;AACvC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;8CAAU,CAAA;AAExC,uCAAuC;AACvC,eAAO,MAAM,gBAAgB;;;;;;;;;;;8CAAS,CAAA"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../src/Sheet.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,cAAc,SAAS,CAAA;AAMvB,eAAO,MAAM,MAAM;;;;;8CAmCjB,CAAA;AAMF,eAAO,MAAM,OAAO;;;;;8CA2BlB,CAAA;AAMF,eAAO,MAAM,KAAK;;;;8CAoBhB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIhB,CAAA"}

package/types/createSheet.d.ts

@@ -67,7 +67,13 @@ export declare function createSheet<H extends TamaguiComponent | SheetStyledComp
              */
             adjustPaddingForOffscreenContent?: boolean;
         }>>;
-        Overlay: import("react").MemoExoticComponent<(propsIn: SheetScopedProps<GetProps<typeof Overlay>>) => null>;
+        Overlay: TamaguiComponent<Omit<BaseProps, "__scopeSheet"> & {
+            __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+        }, any, any, any, SharedSheetProps, {}> | TamaguiComponent<Omit<BaseProps, "__scopeSheet"> & {
+            __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+        }, any, {
+            __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+        }, {}, {}, {}>;
         Handle: TamaguiComponent<any, any, any, any, SharedSheetProps, {}> | TamaguiComponent<any, any, any, {}, {}, {}>;
         ScrollView: ForwardRefExoticComponent<Omit<import("@tamagui/core").TamaguiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@tamagui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase & {
             readonly contentContainerStyle?: Partial<import("@tamagui/core").GetFinalProps<import("react-native").ScrollViewProps, import("@tamagui/core").StackStyleBase, {}>> | undefined;
@@ -114,7 +120,13 @@ export declare function createSheet<H extends TamaguiComponent | SheetStyledComp
          */
         adjustPaddingForOffscreenContent?: boolean;
     }>>;
-    Overlay: import("react").MemoExoticComponent<(propsIn: SheetScopedProps<GetProps<typeof Overlay>>) => null>;
+    Overlay: TamaguiComponent<Omit<BaseProps, "__scopeSheet"> & {
+        __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+    }, any, any, any, SharedSheetProps, {}> | TamaguiComponent<Omit<BaseProps, "__scopeSheet"> & {
+        __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+    }, any, {
+        __scopeSheet?: import("@tamagui/create-context").Scope<any>;
+    }, {}, {}, {}>;
     Handle: TamaguiComponent<any, any, any, any, SharedSheetProps, {}> | TamaguiComponent<any, any, any, {}, {}, {}>;
     ScrollView: ForwardRefExoticComponent<Omit<import("@tamagui/core").TamaguiComponentPropsBaseBase & import("react-native").ScrollViewProps, keyof import("@tamagui/core").StackStyleBase | "fullscreen" | "contentContainerStyle"> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase & {
         readonly contentContainerStyle?: Partial<import("@tamagui/core").GetFinalProps<import("react-native").ScrollViewProps, import("@tamagui/core").StackStyleBase, {}>> | undefined;

package/types/createSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSheet.d.ts","sourceRoot":"","sources":["../src/createSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iCAAiC,EAElC,MAAM,eAAe,CAAA;AAOtB,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAExF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAOxC,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,gBAAgB,GAAG,oBAAoB,EACjD,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,EACjD,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA6E7D;;;;eAIG;wCACyB,OAAO;YAEnC;;;;eAIG;+CACgC,OAAO;;YAZ1C;;;;eAIG;wCACyB,OAAO;YAEnC;;;;eAIG;+CACgC,OAAO;;+DArD3B,gBAAgB,CAAC,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;QAyCzD;;;;WAIG;oCACyB,OAAO;QAEnC;;;;WAIG;2CACgC,OAAO;;QAZ1C;;;;WAIG;oCACyB,OAAO;QAEnC;;;;WAIG;2CACgC,OAAO;;2DArD3B,gBAAgB,CAAC,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;EA2M5D"}
+{"version":3,"file":"createSheet.d.ts","sourceRoot":"","sources":["../src/createSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iCAAiC,EAElC,MAAM,eAAe,CAAA;AAOtB,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAExF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAOxC,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,gBAAgB,GAAG,oBAAoB,EACjD,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,EACjD,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2E7D;;;;eAIG;wCACyB,OAAO;YAEnC;;;;eAIG;+CACgC,OAAO;;YAZ1C;;;;eAIG;wCACyB,OAAO;YAEnC;;;;eAIG;+CACgC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAZ1C;;;;WAIG;oCACyB,OAAO;QAEnC;;;;WAIG;2CACgC,OAAO;;QAZ1C;;;;WAIG;oCACyB,OAAO;QAEnC;;;;WAIG;2CACgC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiJ7C"}