@tamagui/sheet 1.27.1 → 1.27.2

package/dist/cjs/useSheetProviderProps.js

@@ -31,10 +31,11 @@ __export(useSheetProviderProps_exports, {
   useSheetProviderProps: () => useSheetProviderProps
 });
 module.exports = __toCommonJS(useSheetProviderProps_exports);
+var import_core = require("@tamagui/core");
 var import_use_constant = require("@tamagui/use-constant");
 var import_use_controllable_state = require("@tamagui/use-controllable-state");
 var import_react = __toESM(require("react"));
-function useSheetProviderProps(props, state) {
+function useSheetProviderProps(props, state, options = {}) {
   const contentRef = import_react.default.useRef(null);
   const [frameSize, setFrameSize] = (0, import_react.useState)(0);
   const snapPointsProp = props.snapPoints || [80];
@@ -51,6 +52,7 @@ function useSheetProviderProps(props, state) {
     transition: true
   });
   const position = state.open === false ? -1 : position_;
+  const { open } = state;
   const setPosition = (0, import_react.useCallback)(
     (next) => {
       if (props.dismissOnSnapToBottom && next === snapPoints.length - 1) {
@@ -61,6 +63,26 @@ function useSheetProviderProps(props, state) {
     },
     [props.dismissOnSnapToBottom, snapPoints.length, setPositionImmediate, state.setOpen]
   );
+  if (process.env.NODE_ENV === "development") {
+    if (snapPoints.some((p) => p < 0 || p > 100)) {
+      console.warn(
+        "\u26A0\uFE0F Invalid snapPoint given, snapPoints must be between 0 and 100, equal to percent height of frame"
+      );
+    }
+  }
+  if (open && props.dismissOnSnapToBottom && position === snapPoints.length - 1) {
+    setPositionImmediate(0);
+  }
+  const shouldSetPositionOpen = open && position < 0;
+  (0, import_react.useEffect)(() => {
+    if (shouldSetPositionOpen) {
+      setPosition(0);
+    }
+  }, [setPosition, shouldSetPositionOpen]);
+  const driver = (0, import_core.useAnimationDriver)();
+  if (!driver) {
+    throw new Error("Must set animations in tamagui.config.ts");
+  }
   const scrollBridge = (0, import_use_constant.useConstant)(() => ({
     enabled: false,
     y: 0,
@@ -73,7 +95,10 @@ function useSheetProviderProps(props, state) {
     },
     scrollLock: false
   }));
-  return {
+  const removeScrollEnabled = props.forceRemoveScrollEnabled ?? (open && props.modal);
+  const providerProps = {
+    removeScrollEnabled,
+    scrollBridge,
     modal: !!props.modal,
     open: state.open,
     setOpen: state.setOpen,
@@ -83,13 +108,15 @@ function useSheetProviderProps(props, state) {
     setFrameSize,
     dismissOnOverlayPress: props.dismissOnOverlayPress ?? true,
     dismissOnSnapToBottom: props.dismissOnSnapToBottom ?? false,
+    onOverlayComponent: options.onOverlayComponent,
     scope: props.__scopeSheet,
     position,
     snapPoints,
     setPosition,
     setPositionImmediate,
-    scrollBridge
+    onlyShowFrame: false
   };
+  return providerProps;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/useSheetProviderProps.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useSheetProviderProps.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAA4B;AAC5B,oCAAqC;AACrC,mBAAsD;AAK/C,SAAS,sBAAsB,OAAmB,OAAuB;AAC9E,QAAM,aAAa,aAAAA,QAAM,OAAuB,IAAI;AACpD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAiB,CAAC;AACpD,QAAM,iBAAiB,MAAM,cAAc,CAAC,EAAE;AAE9C,QAAM,iBAAa;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,QAAI,oDAAqB;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,kBAAc;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,QAAM,mBAAe,iCAA0B,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,SAAO;AAAA,IACL,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,OAAO,MAAM;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD;AACnD,0BAA4B;AAC5B,oCAAqC;AACrC,mBAAiE;AAO1D,SAAS,sBACd,OACA,OACA,UAEI,CAAC,GACL;AACA,QAAM,aAAa,aAAAA,QAAM,OAAuB,IAAI;AACpD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAiB,CAAC;AACpD,QAAM,iBAAiB,MAAM,cAAc,CAAC,EAAE;AAE9C,QAAM,iBAAa;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,QAAI,oDAAqB;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,kBAAc;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,8BAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,aAAS,gCAAmB;AAClC,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AAEA,QAAM,mBAAe,iCAA0B,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;",
   "names": ["React"]
 }

package/dist/esm/Sheet.js

@@ -72,8 +72,7 @@ const Frame = styled(YStack, {
         borderTopRightRadius: "$true",
         width: "100%",
         maxHeight: "100%",
-        overflow: "hidden",
-        pointerEvents: "auto"
+        overflow: "hidden"
       }
     }
   },

package/dist/esm/Sheet.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Sheet.tsx"],
-  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,gBAAgB,QAAQ,cAAc;AAE/C,SAAS,mBAAmB,YAAY,0BAA0B;AAClE,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,cAAc;AAMP,MAAM,SAAS,OAAO,QAAQ;AAAA,EACnC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,cAAc;AAAA,QACd,SAAS;AAAA,QAET,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,UAAU,OAAO,gBAAgB;AAAA,EAC5C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,cAAc;AAAA,QACd,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,QAAQ,OAAO,QAAQ;AAAA,EAClC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,qBAAqB;AAAA,QACrB,sBAAsB;AAAA,QACtB,OAAO;AAAA,QACP,WAAW;AAAA,QACX,UAAU;AAAA,QACV,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,QAAQ,YAAY;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAGM,MAAM,oBAAoB;AAG1B,MAAM,mBAAmB;",
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,gBAAgB,QAAQ,cAAc;AAE/C,SAAS,mBAAmB,YAAY,0BAA0B;AAClE,SAAS,mBAAmB;AAE5B,SAAS,wBAAwB;AACjC,cAAc;AAMP,MAAM,SAAS,OAAO,QAAQ;AAAA,EACnC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,cAAc;AAAA,QACd,SAAS;AAAA,QAET,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,UAAU,OAAO,gBAAgB;AAAA,EAC5C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,cAAc;AAAA,QACd,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMM,MAAM,QAAQ,OAAO,QAAQ;AAAA,EAClC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,qBAAqB;AAAA,QACrB,sBAAsB;AAAA,QACtB,OAAO;AAAA,QACP,WAAW;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,QAAQ,YAAY;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAGM,MAAM,oBAAoB;AAG1B,MAAM,mBAAmB;",
   "names": []
 }

package/dist/esm/SheetContext.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SheetContext.tsx"],
-  "mappings": "AACA,SAAS,0BAA0B;AAGnC,SAAS,kBAAkB;AAgBpB,MAAM,CAAC,oBAAoB,gBAAgB,IAAI,mBAAmB,UAAU;AAE5E,MAAM,CAAC,eAAe,eAAe,IAAI;AAAA,EAC9C;AAAA,EACA,CAAC;AACH;",
+  "mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,kBAAkB;AAGpB,MAAM,CAAC,oBAAoB,gBAAgB,IAAI,mBAAmB,UAAU;AAE5E,MAAM,CAAC,eAAe,eAAe,IAAI;AAAA,EAC9C;AAAA,EACA,CAAC;AACH;",
   "names": []
 }

package/dist/esm/SheetImplementationCustom.js

@@ -0,0 +1,336 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AdaptParentContext } from "@tamagui/adapt";
+import { useComposedRefs } from "@tamagui/compose-refs";
+import {
+  Theme,
+  isTouchable,
+  isWeb,
+  themeable,
+  useAnimationDriver,
+  useEvent,
+  useIsomorphicLayoutEffect,
+  useThemeName
+} from "@tamagui/core";
+import { Portal } from "@tamagui/portal";
+import { useKeyboardVisible } from "@tamagui/use-keyboard-visible";
+import {
+  forwardRef,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import {
+  Keyboard,
+  PanResponder
+} from "react-native";
+import { HIDDEN_SIZE, SHEET_HIDDEN_STYLESHEET } from "./constants";
+import { ParentSheetContext, SheetInsideSheetContext } from "./contexts";
+import { resisted } from "./helpers";
+import { SheetProvider } from "./SheetContext";
+import { useSheetOpenState } from "./useSheetOpenState";
+import { useSheetProviderProps } from "./useSheetProviderProps";
+const SheetImplementationCustom = themeable(
+  forwardRef(function SheetImplementationCustom2(props, forwardedRef) {
+    const parentSheet = useContext(ParentSheetContext);
+    const {
+      animationConfig,
+      modal = false,
+      zIndex = parentSheet.zIndex + 1,
+      moveOnKeyboardChange = false,
+      portalProps
+    } = props;
+    const keyboardIsVisible = useKeyboardVisible();
+    const state = useSheetOpenState(props);
+    const [overlayComponent, setOverlayComponent] = useState(null);
+    const providerProps = useSheetProviderProps(props, state, {
+      onOverlayComponent: setOverlayComponent
+    });
+    const { frameSize, setFrameSize, snapPoints, position, setPosition, scrollBridge } = providerProps;
+    const { open, controller, isHidden } = state;
+    const sheetRef = useRef(null);
+    const ref = useComposedRefs(forwardedRef, sheetRef);
+    const [isShowingInnerSheet, setIsShowingInnerSheet] = useState(false);
+    const shouldHideParentSheet = !isWeb && modal && isShowingInnerSheet;
+    const parentSheetContext = useContext(SheetInsideSheetContext);
+    const onInnerSheet = useCallback((hasChild) => {
+      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]
+    );
+    const driver = useAnimationDriver();
+    const { useAnimatedNumber, useAnimatedNumberStyle, useAnimatedNumberReaction } = driver;
+    const AnimatedView = driver["NumberView"] ?? driver.View;
+    useIsomorphicLayoutEffect(() => {
+      if (!(parentSheetContext && open))
+        return;
+      parentSheetContext(true);
+      return () => {
+        parentSheetContext(false);
+      };
+    }, [parentSheetContext, open]);
+    const nextParentContext = useMemo(
+      () => ({
+        zIndex
+      }),
+      [zIndex]
+    );
+    const animatedNumber = useAnimatedNumber(HIDDEN_SIZE);
+    const at = useRef(0);
+    useAnimatedNumberReaction(
+      {
+        value: animatedNumber,
+        hostRef: sheetRef
+      },
+      (value) => {
+        if (!driver.isReactNative)
+          return;
+        at.current = value;
+        scrollBridge.paneY = value;
+      }
+    );
+    function stopSpring() {
+      animatedNumber.stop();
+      if (scrollBridge.onFinishAnimate) {
+        scrollBridge.onFinishAnimate();
+        scrollBridge.onFinishAnimate = void 0;
+      }
+    }
+    const animateTo = useEvent((position2) => {
+      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 || position2 === -1 ? hiddenValue : positions[position2];
+      if (at.current === toValue)
+        return;
+      stopSpring();
+      if (isHidden) {
+        animatedNumber.setValue(toValue, {
+          type: "timing",
+          duration: 0
+        });
+        at.current = toValue;
+        return;
+      }
+      const overshootClamping = at.current === HIDDEN_SIZE;
+      animatedNumber.setValue(toValue, {
+        ...animationConfig,
+        type: "spring",
+        overshootClamping
+      });
+    });
+    useIsomorphicLayoutEffect(() => {
+      animateTo(position);
+    }, [isHidden, frameSize, position, animateTo]);
+    const disableDrag = props.disableDrag ?? (controller == null ? void 0 : controller.disableDrag);
+    const themeName = useThemeName();
+    const panResponder = useMemo(
+      () => {
+        if (disableDrag)
+          return;
+        if (!frameSize)
+          return;
+        if (isShowingInnerSheet)
+          return;
+        const minY = positions[0];
+        scrollBridge.paneMinY = minY;
+        let startY = at.current;
+        function makeUnselectable(val) {
+          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 }) => {
+          isExternalDrag = false;
+          previouslyScrolling = false;
+          makeUnselectable(false);
+          const at2 = dragAt + startY;
+          const end = at2 + frameSize * vy * 0.2;
+          let closestPoint = 0;
+          let dist = Infinity;
+          for (let i = 0; i < positions.length; i++) {
+            const position2 = positions[i];
+            const curDist = end > position2 ? end - position2 : position2 - end;
+            if (curDist < dist) {
+              dist = curDist;
+              closestPoint = i;
+            }
+          }
+          setPosition(closestPoint);
+          animateTo(closestPoint);
+        };
+        const finish = (_e, state2) => {
+          release({
+            vy: state2.vy,
+            dragAt: state2.dy
+          });
+        };
+        let previouslyScrolling = false;
+        const onMoveShouldSet = (_e, { dy }) => {
+          const isScrolled = scrollBridge.y !== 0;
+          const isDraggingUp = dy < 0;
+          const isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY;
+          if (isScrolled) {
+            previouslyScrolling = true;
+            return false;
+          }
+          if (isNearTop) {
+            if (!isScrolled && isDraggingUp) {
+              return false;
+            }
+          }
+          return Math.abs(dy) > 5;
+        };
+        const grant = () => {
+          makeUnselectable(true);
+          stopSpring();
+          startY = at.current;
+        };
+        let isExternalDrag = false;
+        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]
+    );
+    const handleAnimationViewLayout = useCallback(
+      (e) => {
+        var _a;
+        let next = (_a = e.nativeEvent) == null ? void 0 : _a.layout.height;
+        if (isWeb && isTouchable && !open) {
+          next += 100;
+        }
+        if (!next)
+          return;
+        setFrameSize(next);
+      },
+      [keyboardIsVisible]
+    );
+    const animatedStyle = useAnimatedNumberStyle(animatedNumber, (val) => {
+      "worklet";
+      const translateY = frameSize === 0 ? HIDDEN_SIZE : val;
+      return {
+        transform: [{ translateY }]
+      };
+    });
+    const sizeBeforeKeyboard = useRef(null);
+    useEffect(() => {
+      if (isWeb || !moveOnKeyboardChange)
+        return;
+      const keyboardDidShowListener = Keyboard.addListener("keyboardDidShow", (e) => {
+        if (sizeBeforeKeyboard.current !== null)
+          return;
+        sizeBeforeKeyboard.current = animatedNumber.getValue();
+        animatedNumber.setValue(
+          Math.max(animatedNumber.getValue() - e.endCoordinates.height, 0)
+        );
+      });
+      const keyboardDidHideListener = Keyboard.addListener("keyboardDidHide", () => {
+        if (sizeBeforeKeyboard.current === null)
+          return;
+        animatedNumber.setValue(sizeBeforeKeyboard.current);
+        sizeBeforeKeyboard.current = null;
+      });
+      return () => {
+        keyboardDidHideListener.remove();
+        keyboardDidShowListener.remove();
+      };
+    }, [moveOnKeyboardChange]);
+    const [opacity, setOpacity] = useState(open ? 1 : 0);
+    if (open && opacity === 0) {
+      setOpacity(1);
+    }
+    useEffect(() => {
+      if (!open) {
+        const tm = setTimeout(() => {
+          setOpacity(0);
+        }, 400);
+        return () => {
+          clearTimeout(tm);
+        };
+      }
+    }, [open]);
+    const contents = /* @__PURE__ */ jsx(ParentSheetContext.Provider, { value: nextParentContext, children: /* @__PURE__ */ jsxs(SheetProvider, { ...providerProps, children: [
+      shouldHideParentSheet ? null : overlayComponent,
+      /* @__PURE__ */ jsx(
+        AnimatedView,
+        {
+          ref,
+          ...panResponder == null ? void 0 : panResponder.panHandlers,
+          onLayout: handleAnimationViewLayout,
+          pointerEvents: open && !shouldHideParentSheet ? "auto" : "none",
+          animation: props.animation,
+          style: [
+            {
+              position: "absolute",
+              zIndex,
+              width: "100%",
+              height: `${maxSnapPoint}%`,
+              opacity
+            },
+            animatedStyle
+          ],
+          children: props.children
+        }
+      )
+    ] }) });
+    const adaptContext = useContext(AdaptParentContext);
+    if (modal) {
+      const modalContents = /* @__PURE__ */ jsx(Portal, { zIndex, ...portalProps, children: /* @__PURE__ */ jsx(Theme, { forceClassName: true, name: themeName, children: /* @__PURE__ */ jsx(AdaptParentContext.Provider, { value: adaptContext, children: contents }) }) });
+      if (isWeb) {
+        return modalContents;
+      }
+      return /* @__PURE__ */ jsx(SheetInsideSheetContext.Provider, { value: onInnerSheet, children: modalContents });
+    }
+    return contents;
+  })
+);
+function getPercentSize(point, screenSize) {
+  if (!screenSize)
+    return 0;
+  if (point === void 0) {
+    console.warn("No snapPoint");
+    return 0;
+  }
+  const pct = point / 100;
+  const next = Math.round(screenSize - pct * screenSize);
+  return next;
+}
+export {
+  SheetImplementationCustom
+};
+//# sourceMappingURL=SheetImplementationCustom.js.map

package/dist/esm/SheetImplementationCustom.js.map

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

package/dist/esm/constants.js

@@ -1,9 +1,17 @@
+import { isClient } from "@tamagui/core";
 const constants = {};
 const SHEET_NAME = "Sheet";
 const SHEET_HANDLE_NAME = "SheetHandle";
 const SHEET_OVERLAY_NAME = "SheetOverlay";
+const HIDDEN_SIZE = 1e4;
+const SHEET_HIDDEN_STYLESHEET = isClient ? document.createElement("style") : null;
+if (SHEET_HIDDEN_STYLESHEET) {
+  document.head.appendChild(SHEET_HIDDEN_STYLESHEET);
+}
 export {
+  HIDDEN_SIZE,
   SHEET_HANDLE_NAME,
+  SHEET_HIDDEN_STYLESHEET,
   SHEET_NAME,
   SHEET_OVERLAY_NAME,
   constants

package/dist/esm/constants.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/constants.tsx"],
-  "mappings": "AAAO,MAAM,YAAY,CAAC;AAEnB,MAAM,aAAa;AACnB,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;",
+  "mappings": "AAAA,SAAS,gBAAgB;AAElB,MAAM,YAAY,CAAC;AAEnB,MAAM,aAAa;AACnB,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAG3B,MAAM,cAAc;AAEpB,MAAM,0BAA0B,WAAW,SAAS,cAAc,OAAO,IAAI;AACpF,IAAI,yBAAyB;AAC3B,WAAS,KAAK,YAAY,uBAAuB;AACnD;",
   "names": []
 }

package/dist/esm/contexts.js

@@ -0,0 +1,10 @@
+import { createContext } from "react";
+const ParentSheetContext = createContext({
+  zIndex: 1e5
+});
+const SheetInsideSheetContext = createContext(null);
+export {
+  ParentSheetContext,
+  SheetInsideSheetContext
+};
+//# sourceMappingURL=contexts.js.map

package/dist/esm/contexts.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/contexts.ts"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAEvB,MAAM,qBAAqB,cAAc;AAAA,EAC9C,QAAQ;AACV,CAAC;AAEM,MAAM,0BAA0B,cAErC,IAAI;",
+  "names": []
+}