@hanzogui/sheet 3.0.2 → 7.3.0

package/dist/cjs/contexts.native.js

@@ -4,42 +4,44 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var contexts_exports = {};
 __export(contexts_exports, {
   ParentSheetContext: () => ParentSheetContext,
   SheetInsideSheetContext: () => SheetInsideSheetContext
 });
 module.exports = __toCommonJS(contexts_exports);
-var import_react = __toESM(require("react"), 1),
-  ParentSheetContext = import_react.default.createContext({
-    zIndex: 1e5
-  }),
-  SheetInsideSheetContext = import_react.default.createContext(null);
+var import_react = __toESM(require("react"), 1);
+var ParentSheetContext = import_react.default.createContext({
+  zIndex: 1e5
+});
+var SheetInsideSheetContext = import_react.default.createContext(null);
 //# sourceMappingURL=contexts.native.js.map

package/dist/cjs/contexts.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","contexts_exports","__export","ParentSheetContext","SheetInsideSheetContext","module","exports","import_react","__toESM","require","default","createContext","zIndex"],"sources":["../../src/contexts.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAkB,CAAAK,gBAAA;AAEX,IAAAM,YAAM,GAAAC,OAAA,CAAqBC,OAAA;EAAMN,kBAAc,GAAAI,YAAA,CAAAG,OAAA,CAAAC,aAAA;IACpDC,MAAA,EAAQ;EACV,CAAC;EAEYR,uBAAA,GAA0BG,YAAA,CAAAG,OAAA,CAAMC,aAAA,CAE3C,IAAI","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","contexts_exports","__export","ParentSheetContext","SheetInsideSheetContext","module","exports","import_react","__toESM","require","default","createContext","zIndex"],"sources":["../../src/contexts.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAkB,CAAAK,gBAAA;AAEX,IAAAM,YAAM,GAAAC,OAAA,CAAqBC,OAAA;AAAoB,IACpDN,kBAAQ,GAAAI,YAAA,CAAAG,OAAA,CAAAC,aAAA;EACTC,MAAA;AAEM","ignoreList":[]}

package/dist/cjs/controller.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var controller_exports = {};
 __export(controller_exports, {
@@ -25,5 +27,5 @@ __export(controller_exports, {
   useSheetController: () => import_useSheetController.useSheetController
 });
 module.exports = __toCommonJS(controller_exports);
-var import_SheetController = require("./SheetController.cjs"),
-  import_useSheetController = require("./useSheetController.cjs");
+var import_SheetController = require("./SheetController.cjs");
+var import_useSheetController = require("./useSheetController.cjs");

package/dist/cjs/controller.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var controller_exports = {};
 __export(controller_exports, {
@@ -27,6 +29,6 @@ __export(controller_exports, {
   useSheetController: () => import_useSheetController.useSheetController
 });
 module.exports = __toCommonJS(controller_exports);
-var import_SheetController = require("./SheetController.native.js"),
-  import_useSheetController = require("./useSheetController.native.js");
+var import_SheetController = require("./SheetController.native.js");
+var import_useSheetController = require("./useSheetController.native.js");
 //# sourceMappingURL=controller.native.js.map

package/dist/cjs/controller.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","controller_exports","__export","SheetController","import_SheetController","SheetControllerContext","import_useSheetController","useSheetController","module","exports"],"sources":["../../src/controller.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAC,sBAAA,CAAAD,eAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAC,yBAAA,CAAAD,sBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAD,yBAAA,CAAAC;AAAA;AAGAC,MAAA,CAAAC,OAAA,GAAAb,YAAgC,CAAAK,kBAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","controller_exports","__export","SheetController","import_SheetController","SheetControllerContext","import_useSheetController","useSheetController","module","exports","require"],"sources":["../../src/controller.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAC,sBAAA,CAAAD,eAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAC,yBAAA,CAAAD,sBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAD,yBAAA,CAAAC;AAAA;AAGAC,MAAA,CAAAC,OAAA,GAAAb,YAAgC,CAAAK,kBAAA;AAChC,IAAAG,sBAAA,GAAAM,OAIO","ignoreList":[]}

package/dist/cjs/createSheet.cjs

@@ -3,188 +3,187 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var createSheet_exports = {};
 __export(createSheet_exports, {
   createSheet: () => createSheet
 });
 module.exports = __toCommonJS(createSheet_exports);
-var import_gui_compose_refs = require("@hanzogui/compose-refs"),
-  import_gui_constants = require("@hanzogui/constants"),
-  import_gui_core = require("@hanzogui/core"),
-  import_gui_helpers = require("@hanzogui/helpers"),
-  import_gui_portal = require("@hanzogui/portal"),
-  import_gui_remove_scroll = require("@hanzogui/remove-scroll"),
-  import_gui_use_did_finish_ssr = require("@hanzogui/use-did-finish-ssr"),
-  import_gui_z_index_stack = require("@hanzogui/z-index-stack"),
-  import_react = require("react"),
-  import_react_native = require("react-native-web"),
-  import_constants = require("./constants.cjs"),
-  import_nativeSheet = require("./nativeSheet.cjs"),
-  import_SheetContext = require("./SheetContext.cjs"),
-  import_SheetImplementationCustom = require("./SheetImplementationCustom.cjs"),
-  import_SheetScrollView = require("./SheetScrollView.cjs"),
-  import_useSheetController = require("./useSheetController.cjs"),
-  import_useSheetOffscreenSize = require("./useSheetOffscreenSize.cjs"),
-  import_jsx_runtime =
-  // @ts-ignore
-  require("react/jsx-runtime");
+var import_compose_refs = require("@hanzogui/compose-refs");
+var import_constants = require("@hanzogui/constants");
+var import_core = require("@hanzogui/core");
+var import_helpers = require("@hanzogui/helpers");
+var import_portal = require("@hanzogui/portal");
+var import_remove_scroll = require("@hanzogui/remove-scroll");
+var import_use_did_finish_ssr = require("@hanzogui/use-did-finish-ssr");
+var import_z_index_stack = require("@hanzogui/z-index-stack");
+var import_react = require("react");
+var import_react_native = require("react-native-web");
+var import_constants2 = require("./constants.cjs");
+require("./nativeSheet.cjs");
+var import_SheetContext = require("./SheetContext.cjs");
+var import_SheetImplementationCustom = require("./SheetImplementationCustom.cjs");
+var import_SheetScrollView = require("./SheetScrollView.cjs");
+var import_useSheetController = require("./useSheetController.cjs");
+var import_useSheetOffscreenSize = require("./useSheetOffscreenSize.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 function createSheet({
   Handle,
   Frame,
   Overlay
 }) {
   const SheetHandle = Handle.styleable(({
-      __scopeSheet,
-      ...props
-    }, forwardedRef) => {
-      const context = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_HANDLE_NAME, __scopeSheet),
-        composedRef = (0, import_gui_compose_refs.useComposedRefs)(context.handleRef, forwardedRef),
-        wasDraggingRef = (0, import_react.useRef)(!1);
-      return (0, import_react.useEffect)(() => {
-        if (context.scrollBridge) return context.scrollBridge.onParentDragging(isDragging => {
-          isDragging && (wasDraggingRef.current = !0);
-        });
-      }, [context.scrollBridge]), context.onlyShowFrame ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(Handle, {
-        ref: composedRef,
-        onPressIn: () => {
-          wasDraggingRef.current = !1;
-        },
-        onPress: () => {
-          if (wasDraggingRef.current) {
-            wasDraggingRef.current = !1;
-            return;
-          }
-          const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0),
-            nextPos = (context.position + 1) % max;
-          context.setPosition(nextPos);
-        },
-        open: context.open,
-        ...props
+    __scopeSheet,
+    ...props
+  }, forwardedRef) => {
+    const context = (0, import_SheetContext.useSheetContext)(import_constants2.SHEET_HANDLE_NAME, __scopeSheet);
+    const composedRef = (0, import_compose_refs.useComposedRefs)(context.handleRef, forwardedRef);
+    const wasDraggingRef = (0, import_react.useRef)(false);
+    (0, import_react.useEffect)(() => {
+      if (!context.scrollBridge) return;
+      return context.scrollBridge.onParentDragging(isDragging => {
+        if (isDragging) wasDraggingRef.current = true;
       });
-    }),
-    SheetOverlay = Overlay.styleable((propsIn, ref) => {
-      const {
-          __scopeSheet,
-          ...props
-        } = propsIn,
-        context = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_OVERLAY_NAME, __scopeSheet),
-        element = (0, import_react.useMemo)(() =>
-        // @ts-ignore
-        /* @__PURE__ */
-        (0, import_jsx_runtime.jsx)(Overlay, {
-          ...props,
-          onPress: (0, import_gui_helpers.composeEventHandlers)(props.onPress, context.dismissOnOverlayPress ? () => {
-            context.setOpen(!1);
-          } : void 0)
-        }), [props.onPress, props.opacity, context.dismissOnOverlayPress]);
-      return (0, import_gui_constants.useIsomorphicLayoutEffect)(() => {
-        context.onOverlayComponent?.(element);
-      }, [element]), context.onlyShowFrame, null;
-    }),
-    SheetFrame = Frame.styleable(({
+    }, [context.scrollBridge]);
+    if (context.onlyShowFrame) return null;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Handle, {
+      ref: composedRef,
+      onPressIn: () => {
+        wasDraggingRef.current = false;
+      },
+      onPress: () => {
+        if (wasDraggingRef.current) {
+          wasDraggingRef.current = false;
+          return;
+        }
+        const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);
+        const nextPos = (context.position + 1) % max;
+        context.setPosition(nextPos);
+      },
+      open: context.open,
+      ...props
+    });
+  });
+  const SheetOverlay = Overlay.styleable((propsIn, ref) => {
+    const {
       __scopeSheet,
-      adjustPaddingForOffscreenContent,
-      disableHideBottomOverflow,
-      children,
       ...props
-    }, forwardedRef) => {
-      const context = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_NAME, __scopeSheet),
-        {
-          hasFit,
-          disableRemoveScroll,
-          frameSize,
-          contentRef,
-          open
-        } = context,
-        composedContentRef = (0, import_gui_compose_refs.useComposedRefs)(forwardedRef, contentRef),
-        offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context),
-        stableFrameSize = (0, import_react.useRef)(frameSize);
-      (0, import_react.useEffect)(() => {
-        open && frameSize && (stableFrameSize.current = frameSize);
-      }, [open, frameSize]);
-      const sheetContents = (0, import_react.useMemo)(() => {
-        const shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;
-        return (
-          // @ts-expect-error
-          /* @__PURE__ */
-          (0, import_jsx_runtime.jsxs)(Frame, {
-            ref: composedContentRef,
-            flex: hasFit && open ? 0 : 1,
-            flexBasis: hasFit ? "auto" : void 0,
-            height: shouldUseFixedHeight ? stableFrameSize.current : hasFit ? void 0 : frameSize,
-            pointerEvents: open ? "auto" : "none",
-            "data-state": open ? "open" : "closed",
-            ...props,
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_z_index_stack.StackZIndexContext, {
-              zIndex: (0, import_gui_portal.resolveViewZIndex)(props.zIndex),
-              children
-            }), adjustPaddingForOffscreenContent && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_core.View, {
-              "data-sheet-offscreen-pad": !0,
-              height: offscreenSize,
-              width: "100%"
-            })]
-          })
-        );
-      }, [open, props, frameSize, offscreenSize, adjustPaddingForOffscreenContent, hasFit]);
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_remove_scroll.RemoveScroll, {
-          enabled: !disableRemoveScroll && context.open,
-          children: sheetContents
-        }), !disableHideBottomOverflow &&
-        // @ts-ignore
-        /* @__PURE__ */
-        (0, import_jsx_runtime.jsx)(Frame, {
-          ...props,
-          componentName: "SheetCover",
-          children: null,
-          testID: void 0,
-          id: void 0,
-          position: "absolute",
-          bottom: "-100%",
-          zIndex: -1,
-          height: context.frameSize,
-          left: 0,
-          right: 0,
-          borderWidth: 0,
-          borderRadius: 0,
-          shadowOpacity: 0
-        })]
+    } = propsIn;
+    const context = (0, import_SheetContext.useSheetContext)(import_constants2.SHEET_OVERLAY_NAME, __scopeSheet);
+    const element = (0, import_react.useMemo)(() => {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Overlay, {
+        ...props,
+        onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.dismissOnOverlayPress ? () => {
+          context.setOpen(false);
+        } : void 0)
       });
-    }),
-    Sheet = (0, import_react.forwardRef)(function (props, ref) {
-      const hydrated = (0, import_gui_use_did_finish_ssr.useDidFinishSSR)(),
-        {
-          isShowingNonSheet
-        } = (0, import_useSheetController.useSheetController)();
-      let SheetImplementation = import_SheetImplementationCustom.SheetImplementationCustom;
-      return props.native && import_react_native.Platform.OS, isShowingNonSheet || !hydrated ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(SheetImplementation, {
-        ref,
-        ...props
+    }, [props.onPress, props.opacity, context.dismissOnOverlayPress]);
+    (0, import_constants.useIsomorphicLayoutEffect)(() => {
+      context.onOverlayComponent?.(element);
+    }, [element]);
+    if (context.onlyShowFrame) return null;
+    return null;
+  });
+  const SheetFrame = Frame.styleable(({
+    __scopeSheet,
+    adjustPaddingForOffscreenContent,
+    disableHideBottomOverflow,
+    children,
+    ...props
+  }, forwardedRef) => {
+    const context = (0, import_SheetContext.useSheetContext)(import_constants2.SHEET_NAME, __scopeSheet);
+    const {
+      hasFit,
+      disableRemoveScroll,
+      frameSize,
+      contentRef,
+      open
+    } = context;
+    const composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef);
+    const offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context);
+    const stableFrameSize = (0, import_react.useRef)(frameSize);
+    (0, import_react.useEffect)(() => {
+      if (open && frameSize) stableFrameSize.current = frameSize;
+    }, [open, frameSize]);
+    const sheetContents = (0, import_react.useMemo)(() => {
+      const shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Frame, {
+        ref: composedContentRef,
+        flex: hasFit && open ? 0 : 1,
+        flexBasis: hasFit ? "auto" : void 0,
+        height: shouldUseFixedHeight ? stableFrameSize.current : hasFit ? void 0 : frameSize,
+        pointerEvents: open ? "auto" : "none",
+        "data-state": open ? "open" : "closed",
+        ...props,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_z_index_stack.StackZIndexContext, {
+          zIndex: (0, import_portal.resolveViewZIndex)(props.zIndex),
+          children
+        }), adjustPaddingForOffscreenContent && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.View, {
+          "data-sheet-offscreen-pad": true,
+          height: offscreenSize,
+          width: "100%"
+        })]
       });
-    }),
-    components = {
-      Frame: SheetFrame,
-      Overlay: SheetOverlay,
-      Handle: SheetHandle,
-      ScrollView: import_SheetScrollView.SheetScrollView
-    },
-    Controlled = (0, import_gui_helpers.withStaticProperties)(Sheet, components);
-  return (0, import_gui_helpers.withStaticProperties)(Sheet, {
+    }, [open, props, frameSize, offscreenSize, adjustPaddingForOffscreenContent, hasFit]);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_remove_scroll.RemoveScroll, {
+        enabled: !disableRemoveScroll && context.open,
+        children: sheetContents
+      }), !disableHideBottomOverflow && /* @__PURE__ */(0, import_jsx_runtime.jsx)(Frame, {
+        ...props,
+        componentName: "SheetCover",
+        children: null,
+        testID: void 0,
+        id: void 0,
+        position: "absolute",
+        bottom: "-100%",
+        zIndex: -1,
+        height: context.frameSize,
+        left: 0,
+        right: 0,
+        borderWidth: 0,
+        borderRadius: 0,
+        shadowOpacity: 0
+      })]
+    });
+  });
+  const Sheet = (0, import_react.forwardRef)(function Sheet2(props, ref) {
+    const hydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();
+    const {
+      isShowingNonSheet
+    } = (0, import_useSheetController.useSheetController)();
+    let SheetImplementation = import_SheetImplementationCustom.SheetImplementationCustom;
+    if (props.native && import_react_native.Platform.OS === "ios") {}
+    if (isShowingNonSheet || !hydrated) return null;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SheetImplementation, {
+      ref,
+      ...props
+    });
+  });
+  const components = {
+    Frame: SheetFrame,
+    Overlay: SheetOverlay,
+    Handle: SheetHandle,
+    ScrollView: import_SheetScrollView.SheetScrollView
+  };
+  const Controlled = (0, import_helpers.withStaticProperties)(Sheet, components);
+  return (0, import_helpers.withStaticProperties)(Sheet, {
     ...components,
     Controlled
   });