@tamagui/sheet 1.29.5 → 1.30.0

package/dist/jsx/createSheet.js

@@ -1,5 +1,6 @@
 import { useComposedRefs } from "@tamagui/compose-refs";
 import {
+  Stack,
   mergeEvent,
   useDidFinishSSR,
   withStaticProperties
@@ -17,6 +18,7 @@ import { useSheetContext } from "./SheetContext";
 import { SheetImplementationCustom } from "./SheetImplementationCustom";
 import { SheetScrollView } from "./SheetScrollView";
 import { useSheetController } from "./useSheetController";
+import { useSheetOffscreenSize } from "./useSheetOffscreenSize";
 function createSheet({ Handle, Frame, Overlay }) {
   const SheetHandle = Handle.extractable(
     ({ __scopeSheet, ...props }) => {
@@ -73,7 +75,6 @@ function createSheet({ Handle, Frame, Overlay }) {
       return null;
     }
   );
-  const SHEET_COVER_NAME = `${SHEET_NAME}Cover`;
   const SheetFrame = Frame.extractable(
     forwardRef(
       ({
@@ -82,33 +83,40 @@ function createSheet({ Handle, Frame, Overlay }) {
         ...props
       }, forwardedRef) => {
         const context = useSheetContext(SHEET_NAME, __scopeSheet);
-        const composedContentRef = useComposedRefs(forwardedRef, context.contentRef);
+        const { removeScrollEnabled, frameSize, contentRef } = context;
+        const composedContentRef = useComposedRefs(forwardedRef, contentRef);
+        const offscreenSize = useSheetOffscreenSize(context);
         return <>
           <RemoveScroll
             forwardProps
-            enabled={context.removeScrollEnabled}
+            enabled={removeScrollEnabled}
             allowPinchZoom
-            shards={[context.contentRef]}
+            shards={[contentRef]}
             removeScrollBar={false}
           >
             {
               /* @ts-ignore */
             }
-            <Frame ref={composedContentRef} {...props}>{children}</Frame>
+            <Frame ref={composedContentRef} height={frameSize} {...props}>
+              {children}
+              <Stack data-sheet-offscreen-pad height={offscreenSize} width="100%" />
+            </Frame>
           </RemoveScroll>
           {
             /* below frame hide when bouncing past 100% */
           }
           {!props.disableHideBottomOverflow && // @ts-ignore
           <Frame
-            componentName={SHEET_COVER_NAME}
             {...props}
+            componentName="SheetCover"
             children={null}
             position="absolute"
-            bottom={-20}
-            maxHeight={300}
+            bottom="-50%"
+            zIndex={-1}
+            height={context.frameSize}
             left={0}
             right={0}
+            borderWidth={0}
             borderRadius={0}
             shadowOpacity={0}
           />}

package/dist/jsx/createSheet.js.map

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

package/dist/jsx/createSheet.mjs

@@ -1,5 +1,6 @@
 import { useComposedRefs } from "@tamagui/compose-refs";
 import {
+  Stack,
   mergeEvent,
   useDidFinishSSR,
   withStaticProperties
@@ -17,6 +18,7 @@ import { useSheetContext } from "./SheetContext";
 import { SheetImplementationCustom } from "./SheetImplementationCustom";
 import { SheetScrollView } from "./SheetScrollView";
 import { useSheetController } from "./useSheetController";
+import { useSheetOffscreenSize } from "./useSheetOffscreenSize";
 function createSheet({ Handle, Frame, Overlay }) {
   const SheetHandle = Handle.extractable(
     ({ __scopeSheet, ...props }) => {
@@ -73,7 +75,6 @@ function createSheet({ Handle, Frame, Overlay }) {
       return null;
     }
   );
-  const SHEET_COVER_NAME = `${SHEET_NAME}Cover`;
   const SheetFrame = Frame.extractable(
     forwardRef(
       ({
@@ -82,33 +83,40 @@ function createSheet({ Handle, Frame, Overlay }) {
         ...props
       }, forwardedRef) => {
         const context = useSheetContext(SHEET_NAME, __scopeSheet);
-        const composedContentRef = useComposedRefs(forwardedRef, context.contentRef);
+        const { removeScrollEnabled, frameSize, contentRef } = context;
+        const composedContentRef = useComposedRefs(forwardedRef, contentRef);
+        const offscreenSize = useSheetOffscreenSize(context);
         return <>
           <RemoveScroll
             forwardProps
-            enabled={context.removeScrollEnabled}
+            enabled={removeScrollEnabled}
             allowPinchZoom
-            shards={[context.contentRef]}
+            shards={[contentRef]}
             removeScrollBar={false}
           >
             {
               /* @ts-ignore */
             }
-            <Frame ref={composedContentRef} {...props}>{children}</Frame>
+            <Frame ref={composedContentRef} height={frameSize} {...props}>
+              {children}
+              <Stack data-sheet-offscreen-pad height={offscreenSize} width="100%" />
+            </Frame>
           </RemoveScroll>
           {
             /* below frame hide when bouncing past 100% */
           }
           {!props.disableHideBottomOverflow && // @ts-ignore
           <Frame
-            componentName={SHEET_COVER_NAME}
             {...props}
+            componentName="SheetCover"
             children={null}
             position="absolute"
-            bottom={-20}
-            maxHeight={300}
+            bottom="-50%"
+            zIndex={-1}
+            height={context.frameSize}
             left={0}
             right={0}
+            borderWidth={0}
             borderRadius={0}
             shadowOpacity={0}
           />}

package/dist/jsx/createSheet.mjs.map

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

package/dist/jsx/useSheetOffscreenSize.js

@@ -0,0 +1,15 @@
+const useSheetOffscreenSize = ({
+  snapPoints,
+  position,
+  screenSize
+}) => {
+  const maxPercentOpened = snapPoints[0] / 100;
+  const percentOpened = (snapPoints[position] || 0) / 100;
+  const percentHidden = 1 - maxPercentOpened - percentOpened;
+  const offscreenSize = percentHidden * screenSize;
+  return offscreenSize;
+};
+export {
+  useSheetOffscreenSize
+};
+//# sourceMappingURL=useSheetOffscreenSize.js.map

package/dist/jsx/useSheetOffscreenSize.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSheetOffscreenSize.tsx"],
+  "mappings": "AAEO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,mBAAmB,WAAW,CAAC,IAAI;AACzC,QAAM,iBAAiB,WAAW,QAAQ,KAAK,KAAK;AACpD,QAAM,gBAAgB,IAAI,mBAAmB;AAC7C,QAAM,gBAAgB,gBAAgB;AACtC,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/useSheetOffscreenSize.mjs

@@ -0,0 +1,15 @@
+const useSheetOffscreenSize = ({
+  snapPoints,
+  position,
+  screenSize
+}) => {
+  const maxPercentOpened = snapPoints[0] / 100;
+  const percentOpened = (snapPoints[position] || 0) / 100;
+  const percentHidden = 1 - maxPercentOpened - percentOpened;
+  const offscreenSize = percentHidden * screenSize;
+  return offscreenSize;
+};
+export {
+  useSheetOffscreenSize
+};
+//# sourceMappingURL=useSheetOffscreenSize.mjs.map

package/dist/jsx/useSheetOffscreenSize.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSheetOffscreenSize.tsx"],
+  "mappings": "AAEO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,mBAAmB,WAAW,CAAC,IAAI;AACzC,QAAM,iBAAiB,WAAW,QAAQ,KAAK,KAAK;AACpD,QAAM,gBAAgB,IAAI,mBAAmB;AAC7C,QAAM,gBAAgB,gBAAgB;AACtC,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/useSheetProviderProps.js

@@ -63,7 +63,11 @@ function useSheetProviderProps(props, state, options = {}) {
     scrollLock: false
   }));
   const removeScrollEnabled = props.forceRemoveScrollEnabled ?? (open && props.modal);
+  const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur));
+  const screenSize = frameSize / (maxSnapPoint / 100);
   const providerProps = {
+    screenSize,
+    maxSnapPoint,
     removeScrollEnabled,
     scrollBridge,
     modal: !!props.modal,

package/dist/jsx/useSheetProviderProps.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useSheetProviderProps.tsx"],
-  "mappings": "AAAA,SAAyB,0BAA0B;AACnD,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,OAAO,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAO1D,SAAS,sBACd,OACA,OACA,UAEI,CAAC,GACL;AACA,QAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAiB,CAAC;AACpD,QAAM,iBAAiB,MAAM,cAAc,CAAC,EAAE;AAE9C,QAAM,aAAa;AAAA,IACjB,MAAO,MAAM,wBAAwB,CAAC,GAAG,gBAAgB,CAAC,IAAI;AAAA;AAAA,IAE9D,CAAC,KAAK,UAAU,cAAc,GAAG,MAAM,qBAAqB;AAAA,EAC9D;AAGA,QAAM,CAAC,WAAW,oBAAoB,IAAI,qBAAqB;AAAA,IAC7D,MAAM,MAAM;AAAA,IACZ,aAAa,MAAM,oBAAoB,MAAM,OAAO,IAAI;AAAA,IACxD,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC;AAED,QAAM,WAAW,MAAM,SAAS,QAAQ,KAAK;AAE7C,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,cAAc;AAAA,IAClB,CAAC,SAAiB;AAEhB,UAAI,MAAM,yBAAyB,SAAS,WAAW,SAAS,GAAG;AACjE,cAAM,QAAQ,KAAK;AAAA,MACrB,OAAO;AACL,6BAAqB,IAAI;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,CAAC,MAAM,uBAAuB,WAAW,QAAQ,sBAAsB,MAAM,OAAO;AAAA,EACtF;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,WAAW,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAC5C,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,QAAQ,MAAM,yBAAyB,aAAa,WAAW,SAAS,GAAG;AAC7E,yBAAqB,CAAC;AAAA,EACxB;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,YAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,SAAS,mBAAmB;AAClC,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AAEA,QAAM,eAAe,YAA0B,OAAO;AAAA,IACpD,SAAS;AAAA,IACT,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,YAAY;AAAA,EACd,EAAE;AAEF,QAAM,sBAAsB,MAAM,6BAA6B,QAAQ,MAAM;AAE7E,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,OAAO,CAAC,CAAC,MAAM;AAAA,IACf,MAAM,MAAM;AAAA,IACZ,SAAS,MAAM;AAAA,IACf,QAAQ,CAAC,CAAC,MAAM;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,oBAAoB,QAAQ;AAAA,IAC5B,OAAO,MAAM;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB;AAEA,SAAO;AACT;",
+  "mappings": "AAAA,SAAyB,0BAA0B;AACnD,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,OAAO,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAO1D,SAAS,sBACd,OACA,OACA,UAEI,CAAC,GACL;AACA,QAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAiB,CAAC;AACpD,QAAM,iBAAiB,MAAM,cAAc,CAAC,EAAE;AAE9C,QAAM,aAAa;AAAA,IACjB,MAAO,MAAM,wBAAwB,CAAC,GAAG,gBAAgB,CAAC,IAAI;AAAA;AAAA,IAE9D,CAAC,KAAK,UAAU,cAAc,GAAG,MAAM,qBAAqB;AAAA,EAC9D;AAGA,QAAM,CAAC,WAAW,oBAAoB,IAAI,qBAAqB;AAAA,IAC7D,MAAM,MAAM;AAAA,IACZ,aAAa,MAAM,oBAAoB,MAAM,OAAO,IAAI;AAAA,IACxD,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC;AAED,QAAM,WAAW,MAAM,SAAS,QAAQ,KAAK;AAE7C,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,cAAc;AAAA,IAClB,CAAC,SAAiB;AAEhB,UAAI,MAAM,yBAAyB,SAAS,WAAW,SAAS,GAAG;AACjE,cAAM,QAAQ,KAAK;AAAA,MACrB,OAAO;AACL,6BAAqB,IAAI;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,CAAC,MAAM,uBAAuB,WAAW,QAAQ,sBAAsB,MAAM,OAAO;AAAA,EACtF;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,WAAW,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAC5C,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,QAAQ,MAAM,yBAAyB,aAAa,WAAW,SAAS,GAAG;AAC7E,yBAAqB,CAAC;AAAA,EACxB;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,YAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,SAAS,mBAAmB;AAClC,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AAEA,QAAM,eAAe,YAA0B,OAAO;AAAA,IACpD,SAAS;AAAA,IACT,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,YAAY;AAAA,EACd,EAAE;AAEF,QAAM,sBAAsB,MAAM,6BAA6B,QAAQ,MAAM;AAE7E,QAAM,eAAe,WAAW,OAAO,CAAC,MAAM,QAAQ,KAAK,IAAI,MAAM,GAAG,CAAC;AACzE,QAAM,aAAa,aAAa,eAAe;AAE/C,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,CAAC,CAAC,MAAM;AAAA,IACf,MAAM,MAAM;AAAA,IACZ,SAAS,MAAM;AAAA,IACf,QAAQ,CAAC,CAAC,MAAM;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,oBAAoB,QAAQ;AAAA,IAC5B,OAAO,MAAM;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/jsx/useSheetProviderProps.mjs

@@ -63,7 +63,11 @@ function useSheetProviderProps(props, state, options = {}) {
     scrollLock: false
   }));
   const removeScrollEnabled = props.forceRemoveScrollEnabled ?? (open && props.modal);
+  const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur));
+  const screenSize = frameSize / (maxSnapPoint / 100);
   const providerProps = {
+    screenSize,
+    maxSnapPoint,
     removeScrollEnabled,
     scrollBridge,
     modal: !!props.modal,

package/dist/jsx/useSheetProviderProps.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useSheetProviderProps.tsx"],
-  "mappings": "AAAA,SAAyB,0BAA0B;AACnD,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,OAAO,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAO1D,SAAS,sBACd,OACA,OACA,UAEI,CAAC,GACL;AACA,QAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAiB,CAAC;AACpD,QAAM,iBAAiB,MAAM,cAAc,CAAC,EAAE;AAE9C,QAAM,aAAa;AAAA,IACjB,MAAO,MAAM,wBAAwB,CAAC,GAAG,gBAAgB,CAAC,IAAI;AAAA;AAAA,IAE9D,CAAC,KAAK,UAAU,cAAc,GAAG,MAAM,qBAAqB;AAAA,EAC9D;AAGA,QAAM,CAAC,WAAW,oBAAoB,IAAI,qBAAqB;AAAA,IAC7D,MAAM,MAAM;AAAA,IACZ,aAAa,MAAM,oBAAoB,MAAM,OAAO,IAAI;AAAA,IACxD,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC;AAED,QAAM,WAAW,MAAM,SAAS,QAAQ,KAAK;AAE7C,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,cAAc;AAAA,IAClB,CAAC,SAAiB;AAEhB,UAAI,MAAM,yBAAyB,SAAS,WAAW,SAAS,GAAG;AACjE,cAAM,QAAQ,KAAK;AAAA,MACrB,OAAO;AACL,6BAAqB,IAAI;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,CAAC,MAAM,uBAAuB,WAAW,QAAQ,sBAAsB,MAAM,OAAO;AAAA,EACtF;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,WAAW,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAC5C,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,QAAQ,MAAM,yBAAyB,aAAa,WAAW,SAAS,GAAG;AAC7E,yBAAqB,CAAC;AAAA,EACxB;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,YAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,SAAS,mBAAmB;AAClC,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AAEA,QAAM,eAAe,YAA0B,OAAO;AAAA,IACpD,SAAS;AAAA,IACT,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,YAAY;AAAA,EACd,EAAE;AAEF,QAAM,sBAAsB,MAAM,6BAA6B,QAAQ,MAAM;AAE7E,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,OAAO,CAAC,CAAC,MAAM;AAAA,IACf,MAAM,MAAM;AAAA,IACZ,SAAS,MAAM;AAAA,IACf,QAAQ,CAAC,CAAC,MAAM;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,oBAAoB,QAAQ;AAAA,IAC5B,OAAO,MAAM;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB;AAEA,SAAO;AACT;",
+  "mappings": "AAAA,SAAyB,0BAA0B;AACnD,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AACrC,OAAO,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAO1D,SAAS,sBACd,OACA,OACA,UAEI,CAAC,GACL;AACA,QAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAiB,CAAC;AACpD,QAAM,iBAAiB,MAAM,cAAc,CAAC,EAAE;AAE9C,QAAM,aAAa;AAAA,IACjB,MAAO,MAAM,wBAAwB,CAAC,GAAG,gBAAgB,CAAC,IAAI;AAAA;AAAA,IAE9D,CAAC,KAAK,UAAU,cAAc,GAAG,MAAM,qBAAqB;AAAA,EAC9D;AAGA,QAAM,CAAC,WAAW,oBAAoB,IAAI,qBAAqB;AAAA,IAC7D,MAAM,MAAM;AAAA,IACZ,aAAa,MAAM,oBAAoB,MAAM,OAAO,IAAI;AAAA,IACxD,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC;AAED,QAAM,WAAW,MAAM,SAAS,QAAQ,KAAK;AAE7C,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,cAAc;AAAA,IAClB,CAAC,SAAiB;AAEhB,UAAI,MAAM,yBAAyB,SAAS,WAAW,SAAS,GAAG;AACjE,cAAM,QAAQ,KAAK;AAAA,MACrB,OAAO;AACL,6BAAqB,IAAI;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,CAAC,MAAM,uBAAuB,WAAW,QAAQ,sBAAsB,MAAM,OAAO;AAAA,EACtF;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,WAAW,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAC5C,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,QAAQ,MAAM,yBAAyB,aAAa,WAAW,SAAS,GAAG;AAC7E,yBAAqB,CAAC;AAAA,EACxB;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,YAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,SAAS,mBAAmB;AAClC,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AAEA,QAAM,eAAe,YAA0B,OAAO;AAAA,IACpD,SAAS;AAAA,IACT,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,YAAY;AAAA,EACd,EAAE;AAEF,QAAM,sBAAsB,MAAM,6BAA6B,QAAQ,MAAM;AAE7E,QAAM,eAAe,WAAW,OAAO,CAAC,MAAM,QAAQ,KAAK,IAAI,MAAM,GAAG,CAAC;AACzE,QAAM,aAAa,aAAa,eAAe;AAE/C,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,CAAC,CAAC,MAAM;AAAA,IACf,MAAM,MAAM;AAAA,IACZ,SAAS,MAAM;AAAA,IACf,QAAQ,CAAC,CAAC,MAAM;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,oBAAoB,QAAQ;AAAA,IAC5B,OAAO,MAAM;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB;AAEA,SAAO;AACT;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/sheet",
-  "version": "1.29.5",
+  "version": "1.30.0",
   "sideEffects": [
     "*.css"
   ],
@@ -31,24 +31,24 @@
     }
   },
   "dependencies": {
-    "@tamagui/animations-react-native": "1.29.5",
-    "@tamagui/compose-refs": "1.29.5",
-    "@tamagui/core": "1.29.5",
-    "@tamagui/create-context": "1.29.5",
-    "@tamagui/portal": "1.29.5",
-    "@tamagui/remove-scroll": "1.29.5",
-    "@tamagui/scroll-view": "1.29.5",
-    "@tamagui/stacks": "1.29.5",
-    "@tamagui/use-constant": "1.29.5",
-    "@tamagui/use-controllable-state": "1.29.5",
-    "@tamagui/use-keyboard-visible": "1.29.5"
+    "@tamagui/animations-react-native": "1.30.0",
+    "@tamagui/compose-refs": "1.30.0",
+    "@tamagui/core": "1.30.0",
+    "@tamagui/create-context": "1.30.0",
+    "@tamagui/portal": "1.30.0",
+    "@tamagui/remove-scroll": "1.30.0",
+    "@tamagui/scroll-view": "1.30.0",
+    "@tamagui/stacks": "1.30.0",
+    "@tamagui/use-constant": "1.30.0",
+    "@tamagui/use-controllable-state": "1.30.0",
+    "@tamagui/use-keyboard-visible": "1.30.0"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.29.5",
+    "@tamagui/build": "1.30.0",
     "react": "^18.2.0",
     "react-native": "^0.71.7"
   },

package/src/SheetImplementationCustom.tsx

@@ -48,6 +48,7 @@ export const SheetImplementationCustom = themeable(
       modal = false,
       zIndex = parentSheet.zIndex + 1,
       moveOnKeyboardChange = false,
+      unmountChildrenWhenHidden = false,
       portalProps,
     } = props
 
@@ -57,8 +58,16 @@ export const SheetImplementationCustom = themeable(
     const providerProps = useSheetProviderProps(props, state, {
       onOverlayComponent: setOverlayComponent,
     })
-    const { frameSize, setFrameSize, snapPoints, position, setPosition, scrollBridge } =
-      providerProps
+    const {
+      frameSize,
+      setFrameSize,
+      snapPoints,
+      position,
+      setPosition,
+      scrollBridge,
+      screenSize,
+      maxSnapPoint,
+    } = providerProps
     const { open, controller, isHidden } = state
 
     const sheetRef = useRef<View>(null)
@@ -74,9 +83,6 @@ export const SheetImplementationCustom = themeable(
       setIsShowingInnerSheet(hasChild)
     }, [])
 
-    const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur))
-    const screenSize = frameSize / (maxSnapPoint / 100)
-
     const positions = useMemo(
       () => snapPoints.map((point) => getPercentSize(point, screenSize)),
       [frameSize, snapPoints]
@@ -105,9 +111,8 @@ export const SheetImplementationCustom = themeable(
     )
 
     const animatedNumber = useAnimatedNumber(HIDDEN_SIZE)
-
-    // native only fix
-    const at = useRef(0)
+    const at = useRef(HIDDEN_SIZE)
+    const currentId = useRef(0)
 
     useAnimatedNumberReaction(
       {
@@ -129,35 +134,51 @@ export const SheetImplementationCustom = themeable(
       }
     }
 
+    const hasntMeasured = at.current === HIDDEN_SIZE
+
     const animateTo = useEvent((position: number) => {
-      const current = animatedNumber.getValue()
-      if (isHidden && open) return
-      if (!current) return
       if (frameSize === 0) return
-      const hiddenValue = frameSize === 0 ? HIDDEN_SIZE : screenSize
-      const toValue = isHidden || position === -1 ? hiddenValue : positions[position]
+      const toValue =
+        hasntMeasured || isHidden || position === -1 ? screenSize : positions[position]
+
       if (at.current === toValue) return
+
       stopSpring()
-      if (isHidden) {
-        animatedNumber.setValue(toValue, {
+
+      if (hasntMeasured || isHidden) {
+        // first run, we need to set to screen size before running
+        animatedNumber.setValue(screenSize, {
           type: 'timing',
           duration: 0,
         })
         at.current = toValue
-        return
+
+        if (isHidden) {
+          return
+        }
       }
-      // dont bounce on initial measure to bottom
-      const overshootClamping = at.current === HIDDEN_SIZE
+
       animatedNumber.setValue(toValue, {
         ...animationConfig,
         type: 'spring',
-        overshootClamping,
       })
     })
 
     useIsomorphicLayoutEffect(() => {
+      if (screenSize && hasntMeasured) {
+        animatedNumber.setValue(screenSize, {
+          type: 'timing',
+          duration: 0,
+        })
+      }
+    }, [hasntMeasured, screenSize])
+
+    useIsomorphicLayoutEffect(() => {
+      if (!frameSize || isHidden || (hasntMeasured && !open)) {
+        return
+      }
       animateTo(position)
-    }, [isHidden, frameSize, position, animateTo])
+    }, [isHidden, frameSize, open, position])
 
     const disableDrag = props.disableDrag ?? controller?.disableDrag
     const themeName = useThemeName()
@@ -274,11 +295,15 @@ export const SheetImplementationCustom = themeable(
 
     const handleAnimationViewLayout = useCallback(
       (e: LayoutChangeEvent) => {
-        let next = e.nativeEvent?.layout.height
-        if (isWeb && isTouchable && !open) {
-          // temp fix ios bug where it doesn't go below dynamic bottom...
-          next += 100
-        }
+        const next = (() => {
+          let _ = e.nativeEvent?.layout.height
+          if (isWeb && isTouchable && !open) {
+            // temp fix ios bug where it doesn't go below dynamic bottom...
+            _ += 100
+          }
+          return _
+        })()
+
         if (!next) return
         setFrameSize(next)
       },
@@ -351,6 +376,7 @@ export const SheetImplementationCustom = themeable(
                 zIndex,
                 width: '100%',
                 height: `${maxSnapPoint}%`,
+                minHeight: `${maxSnapPoint}%`,
                 opacity,
               },
               animatedStyle,
@@ -364,10 +390,13 @@ export const SheetImplementationCustom = themeable(
 
     const adaptContext = useContext(AdaptParentContext)
 
+    // start mounted so we get an accurate measurement the first time
+    const shouldMountChildren = Boolean(opacity || !unmountChildrenWhenHidden)
+
     if (modal) {
       const modalContents = (
         <Portal zIndex={zIndex} {...portalProps}>
-          {!!opacity && (
+          {shouldMountChildren && (
             <Theme forceClassName name={themeName}>
               <AdaptParentContext.Provider value={adaptContext}>
                 {contents}

package/src/SheetScrollView.tsx

@@ -1,6 +1,6 @@
-import { Stack, TamaguiElement, composeRefs } from '@tamagui/core'
+import { TamaguiElement, composeRefs } from '@tamagui/core'
 import { ScrollView, ScrollViewProps } from '@tamagui/scroll-view'
-import { forwardRef, useMemo, useRef, useState } from 'react'
+import { forwardRef, useMemo, useRef } from 'react'
 import { ScrollView as RNScrollView } from 'react-native'
 
 import { useSheetContext } from './SheetContext'
@@ -16,20 +16,15 @@ const SHEET_SCROLL_VIEW_NAME = 'SheetScrollView'
 
 export const SheetScrollView = forwardRef<TamaguiElement, ScrollViewProps>(
   ({ __scopeSheet, children, ...props }: SheetScopedProps<ScrollViewProps>, ref) => {
-    const { scrollBridge, position, snapPoints, frameSize, open } = useSheetContext(
-      SHEET_SCROLL_VIEW_NAME,
-      __scopeSheet
-    )
+    const context = useSheetContext(SHEET_SCROLL_VIEW_NAME, __scopeSheet)
+    const { scrollBridge } = context
     // const [scrollEnabled, setScrollEnabled_] = useState(true)
     const scrollRef = useRef<RNScrollView | null>(null)
 
-    const percentOpened = snapPoints[position] ?? 0
-    const [percentToPadBottom, setPercentToPadBottom] = useState(0)
-
-    const next = 100 - percentOpened
-    if (open && next !== percentToPadBottom) {
-      setPercentToPadBottom(next)
-    }
+    // could make it so it has negative bottom margin and then pads the bottom content
+    // to avoid clipping effect when resizing smaller
+    // or more ideally could use context to register if it has a scrollview and change behavior
+    // const offscreenSize = useSheetOffscreenSize(context)
 
     // const setScrollEnabled = (next: boolean) => {
     //   scrollRef.current?.setNativeProps?.({
@@ -127,7 +122,6 @@ export const SheetScrollView = forwardRef<TamaguiElement, ScrollViewProps>(
         {...props}
       >
         {useMemo(() => children, [children])}
-        <Stack height={(percentToPadBottom / 100) * frameSize} width={0} />
       </ScrollView>
     )
   }

package/src/createSheet.tsx

@@ -1,6 +1,7 @@
 import { useComposedRefs } from '@tamagui/compose-refs'
 import {
   GetProps,
+  Stack,
   StackProps,
   TamaguiComponentExpectingVariants,
   mergeEvent,
@@ -24,6 +25,7 @@ import { SheetImplementationCustom } from './SheetImplementationCustom'
 import { SheetScrollView } from './SheetScrollView'
 import { SheetProps, SheetScopedProps } from './types'
 import { useSheetController } from './useSheetController'
+import { useSheetOffscreenSize } from './useSheetOffscreenSize'
 
 type SharedSheetProps = {
   open?: boolean
@@ -116,8 +118,6 @@ export function createSheet<
    * Sheet
    * -----------------------------------------------------------------------------------------------*/
 
-  const SHEET_COVER_NAME = `${SHEET_NAME}Cover`
-
   const SheetFrame = Frame.extractable(
     forwardRef(
       (
@@ -133,21 +133,24 @@ export function createSheet<
         forwardedRef
       ) => {
         const context = useSheetContext(SHEET_NAME, __scopeSheet)
-        const composedContentRef = useComposedRefs(forwardedRef, context.contentRef)
+        const { removeScrollEnabled, frameSize, contentRef } = context
+        const composedContentRef = useComposedRefs(forwardedRef, contentRef)
+        const offscreenSize = useSheetOffscreenSize(context)
 
         return (
           <>
             <RemoveScroll
               forwardProps
-              enabled={context.removeScrollEnabled}
+              enabled={removeScrollEnabled}
               allowPinchZoom
-              shards={[context.contentRef]}
+              shards={[contentRef]}
               // causes lots of bugs on touch web on site
               removeScrollBar={false}
             >
               {/* @ts-ignore */}
-              <Frame ref={composedContentRef} {...props}>
+              <Frame ref={composedContentRef} height={frameSize} {...props}>
                 {children}
+                <Stack data-sheet-offscreen-pad height={offscreenSize} width="100%" />
               </Frame>
             </RemoveScroll>
 
@@ -155,14 +158,16 @@ export function createSheet<
             {!props.disableHideBottomOverflow && (
               // @ts-ignore
               <Frame
-                componentName={SHEET_COVER_NAME}
                 {...props}
+                componentName="SheetCover"
                 children={null}
                 position="absolute"
-                bottom={-20}
-                maxHeight={300}
+                bottom="-50%"
+                zIndex={-1}
+                height={context.frameSize}
                 left={0}
                 right={0}
+                borderWidth={0}
                 borderRadius={0}
                 shadowOpacity={0}
               />

package/src/types.tsx

@@ -19,6 +19,11 @@ export type SheetProps = ScopedProps<
     forceRemoveScrollEnabled?: boolean
     animationConfig?: AnimatedNumberStrategy
 
+    /**
+     * (experimental) Remove the children while hidden (to save some performance, but can cause issues with animations)
+     */
+    unmountChildrenWhenHidden?: boolean
+
     /**
      * Adapts the sheet to use native sheet on the given platform (if available)
      */

package/src/useSheetOffscreenSize.tsx

@@ -0,0 +1,13 @@
+import { SheetContextValue } from './useSheetProviderProps'
+
+export const useSheetOffscreenSize = ({
+  snapPoints,
+  position,
+  screenSize,
+}: SheetContextValue) => {
+  const maxPercentOpened = snapPoints[0] / 100
+  const percentOpened = (snapPoints[position] || 0) / 100
+  const percentHidden = 1 - maxPercentOpened - percentOpened
+  const offscreenSize = percentHidden * screenSize
+  return offscreenSize
+}

package/src/useSheetProviderProps.tsx

@@ -89,7 +89,12 @@ export function useSheetProviderProps(
 
   const removeScrollEnabled = props.forceRemoveScrollEnabled ?? (open && props.modal)
 
+  const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur))
+  const screenSize = frameSize / (maxSnapPoint / 100)
+
   const providerProps = {
+    screenSize,
+    maxSnapPoint,
     removeScrollEnabled,
     scrollBridge,
     modal: !!props.modal,