one 1.21.13 → 1.23.0

package/dist/cjs/router/web/WebStackView.cjs

@@ -1,8 +1,10 @@
 "use client";
 
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all) __defProp(target, name, {
@@ -19,164 +21,139 @@ var __copyProps = (to, from, except, desc) => {
   }
   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: true
+}) : target, mod));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
 var WebStackView_exports = {};
 __export(WebStackView_exports, {
-  OverlayHost: () => OverlayHost,
-  WebStackView: () => WebStackView,
-  resolveOverlayRender: () => resolveOverlayRender
+  WebStackView: () => WebStackView
 });
 module.exports = __toCommonJS(WebStackView_exports);
-var import_native = require("@react-navigation/native");
-var import_native_stack = require("@react-navigation/native-stack");
+var import_routers = require("@react-navigation/routers");
 var import_react = require("react");
+var import_use_latest_callback = __toESM(require("use-latest-callback"), 1);
+var import_devHeadlessNote = require("../../headless/devHeadlessNote.cjs");
+var import_Presentations = require("../../headless/Presentations.cjs");
+var import_useStack = require("../../headless/useStack.cjs");
 var import_stackStateUtils = require("./stackStateUtils.cjs");
-var import_ScreenRenderContext = require("./ScreenRenderContext.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-function resolveOverlayRender(options, contextRender) {
-  return options?.render?.web ?? contextRender?.web;
-}
 function WebStackView({
   state,
   navigation,
   descriptors,
-  describe
+  customChildren
 }) {
-  const contextRender = (0, import_ScreenRenderContext.useStackRender)();
-  const persistentSlotsRef = (0, import_react.useRef)(/* @__PURE__ */new Map());
-  for (const route of state.routes) {
-    const desc = descriptors[route.key];
-    if (!desc) continue;
-    const {
-      options
-    } = desc;
-    if (!options.keepMounted) continue;
-    if (!(0, import_stackStateUtils.isOverlayPresentation)(options)) continue;
-    const Render = resolveOverlayRender(options, contextRender);
-    if (!Render) continue;
-    if (persistentSlotsRef.current.has(route.name)) continue;
-    persistentSlotsRef.current.set(route.name, {
-      routeName: route.name,
-      Render,
-      options,
-      content: desc.render()
-    });
-  }
-  const isOverlayCandidate = options => (0, import_stackStateUtils.isOverlayPresentation)(options) && resolveOverlayRender(options ?? void 0, contextRender) !== void 0;
-  const nonOverlay = (0, import_stackStateUtils.convertStackStateToNonOverlayState)(state, descriptors, isOverlayCandidate);
-  const underlyingState = {
-    ...state,
-    routes: nonOverlay.routes,
-    index: nonOverlay.index
-  };
-  const lastNonOverlay = (0, import_stackStateUtils.findLastNonOverlayIndex)(state, descriptors, isOverlayCandidate);
-  const trailingOverlays = state.routes.slice(lastNonOverlay + 1);
-  const focusedOverlayNames = new Set(trailingOverlays.map(r => r.name));
-  const regularOverlays = trailingOverlays.filter(r => !descriptors[r.key]?.options.keepMounted);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_native_stack.NativeStackView, {
-      state: underlyingState,
-      descriptors,
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_useStack.StackStateProvider, {
+    state,
+    descriptors,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(HeadlessStackView, {
+      state,
       navigation,
-      describe
-    }), regularOverlays.map(route => /* @__PURE__ */(0, import_jsx_runtime.jsx)(OverlayHost, {
-      route,
-      descriptor: descriptors[route.key],
-      contextRender,
-      open: true,
-      onDismiss: () => navigation.dispatch({
-        ...import_native.StackActions.pop(),
-        source: route.key,
-        target: state.key
-      })
-    }, route.key)), Array.from(persistentSlotsRef.current.values()).map(slot => /* @__PURE__ */(0, import_jsx_runtime.jsx)(PersistentOverlayHost, {
-      slot,
-      open: focusedOverlayNames.has(slot.routeName),
-      onDismiss: () => {
-        const live = state.routes.find(r => r.name === slot.routeName);
-        if (live) {
-          navigation.dispatch({
-            ...import_native.StackActions.pop(),
-            source: live.key,
-            target: state.key
-          });
-        }
-      }
-    }, slot.routeName))]
+      descriptors,
+      customChildren
+    })
   });
 }
-function OverlayHost({
-  route,
-  descriptor,
-  contextRender,
-  open,
-  onDismiss
+function HeadlessStackView({
+  state,
+  navigation,
+  descriptors,
+  customChildren
 }) {
-  const dismiss = useStableCallback(onDismiss);
-  const options = descriptor.options;
-  const Render = resolveOverlayRender(options, contextRender);
-  const content = descriptor.render();
-  if (!Render || !(0, import_stackStateUtils.isOverlayPresentation)(options)) {
+  const stack = (0, import_useStack.useStack)();
+  const presentations = (0, import_Presentations.useWebPresentations)();
+  if (customChildren?.length) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Fragment, {
-      children: content
+      children: customChildren
     });
   }
-  const renderProps = {
-    routeKey: route.key,
-    routeName: route.name,
-    presentation: options.presentation,
-    open,
-    dismiss,
-    dismissible: options.gestureEnabled ?? true,
-    sheetAllowedDetents: options.sheetAllowedDetents,
-    sheetGrabberVisible: options.sheetGrabberVisible,
-    sheetCornerRadius: options.sheetCornerRadius,
-    sheetInitialDetentIndex: options.sheetInitialDetentIndex,
-    sheetLargestUndimmedDetentIndex: options.sheetLargestUndimmedDetentIndex,
-    sheetExpandsWhenScrolledToEdge: options.sheetExpandsWhenScrolledToEdge,
-    children: content
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Render, {
-    ...renderProps
+  (0, import_devHeadlessNote.devHeadlessNote)("Stack");
+  const lastBaseIndex = (0, import_stackStateUtils.findLastNonOverlayIndex)(state, descriptors, options => getPresentationType(options) !== void 0);
+  const baseRouteKeys = new Set(state.routes.slice(0, lastBaseIndex + 1).map(route => route.key));
+  const baseFocusedKey = state.routes[lastBaseIndex]?.key;
+  const overlayRoutes = state.routes.slice(lastBaseIndex + 1);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react.Fragment, {
+    children: [stack.screens.map(screen => {
+      if (!baseRouteKeys.has(screen.key)) return null;
+      if (screen.key === baseFocusedKey) {
+        return screen.keepMounted ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Activity, {
+          mode: "visible",
+          children: screen.element
+        }, screen.key) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Fragment, {
+          children: screen.element
+        }, screen.key);
+      }
+      if (!screen.keepMounted) return null;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Activity, {
+        mode: "hidden",
+        children: screen.element
+      }, screen.key);
+    }), overlayRoutes.map(route => {
+      const screen = stack.screens.find(entry => entry.key === route.key);
+      const type = getPresentationType(descriptors[route.key]?.options);
+      if (!screen || !type) return null;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PresentationScreen, {
+        screen,
+        type,
+        presentations,
+        onDismiss: () => navigation.dispatch({
+          ...import_routers.StackActions.pop(),
+          source: route.key,
+          target: state.key
+        })
+      }, route.key);
+    })]
   });
 }
-function PersistentOverlayHost({
-  slot,
-  open,
+function PresentationScreen({
+  screen,
+  type,
+  presentations,
   onDismiss
 }) {
-  const dismiss = useStableCallback(onDismiss);
-  const {
-    Render,
-    options,
-    content,
-    routeName
-  } = slot;
-  const renderProps = {
-    routeKey: `__keepMounted:${routeName}`,
-    routeName,
-    presentation: options.presentation,
+  const dismiss = (0, import_use_latest_callback.default)(onDismiss);
+  const onOpenChange = (0, import_react.useCallback)(nextOpen => {
+    if (!nextOpen) dismiss();
+  }, [dismiss]);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => setOpen(true), []);
+  if (type === "sheet") {
+    const Sheet = presentations?.sheet;
+    if (!Sheet) return screen.element;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Sheet, {
+      open,
+      onOpenChange,
+      options: screen.options,
+      screen,
+      children: screen.element
+    });
+  }
+  const Modal = presentations?.modal;
+  if (!Modal) return screen.element;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Modal, {
     open,
-    dismiss,
-    dismissible: options.gestureEnabled ?? true,
-    sheetAllowedDetents: options.sheetAllowedDetents,
-    sheetGrabberVisible: options.sheetGrabberVisible,
-    sheetCornerRadius: options.sheetCornerRadius,
-    sheetInitialDetentIndex: options.sheetInitialDetentIndex,
-    sheetLargestUndimmedDetentIndex: options.sheetLargestUndimmedDetentIndex,
-    sheetExpandsWhenScrolledToEdge: options.sheetExpandsWhenScrolledToEdge,
-    children: content
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Render, {
-    ...renderProps
+    onOpenChange,
+    options: screen.options,
+    screen,
+    children: screen.element
   });
 }
-function useStableCallback(fn) {
-  const [ref] = (0, import_react.useState)(() => ({
-    current: fn
-  }));
-  ref.current = fn;
-  return (0, import_react.useCallback)((...args) => ref.current(...args), [ref]);
+function getPresentationType(options) {
+  const presentation = options?.presentation;
+  if (!presentation || presentation === "card" || presentation === "push") {
+    return void 0;
+  }
+  if (presentation === "sheet" || presentation === "formSheet" || presentation === "pageSheet") {
+    return "sheet";
+  }
+  return "modal";
 }

package/dist/cjs/router/web/WebStackView.native.js

@@ -1,9 +1,11 @@
 "use strict";
 "use client";
 
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all) __defProp(target, name, {
@@ -20,216 +22,155 @@ var __copyProps = (to, from, except, desc) => {
   }
   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: true
+}) : target, mod));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
 var WebStackView_exports = {};
 __export(WebStackView_exports, {
-  OverlayHost: () => OverlayHost,
-  WebStackView: () => WebStackView,
-  resolveOverlayRender: () => resolveOverlayRender
+  WebStackView: () => WebStackView
 });
 module.exports = __toCommonJS(WebStackView_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_native = require("@react-navigation/native");
-var import_native_stack = require("@react-navigation/native-stack");
+var import_routers = require("@react-navigation/routers");
 var import_react = require("react");
+var import_use_latest_callback = __toESM(require("use-latest-callback"), 1);
+var import_devHeadlessNote = require("../../headless/devHeadlessNote.native.js");
+var import_Presentations = require("../../headless/Presentations.native.js");
+var import_useStack = require("../../headless/useStack.native.js");
 var import_stackStateUtils = require("./stackStateUtils.native.js");
-var import_ScreenRenderContext = require("./ScreenRenderContext.native.js");
-function resolveOverlayRender(options, contextRender) {
-  var _ref;
-  var _options_render;
-  return (_ref = options === null || options === void 0 ? void 0 : (_options_render = options.render) === null || _options_render === void 0 ? void 0 : _options_render.web) !== null && _ref !== void 0 ? _ref : contextRender === null || contextRender === void 0 ? void 0 : contextRender.web;
-}
 function WebStackView(param) {
   var {
     state,
     navigation,
     descriptors,
-    describe
+    customChildren
   } = param;
-  var contextRender = (0, import_ScreenRenderContext.useStackRender)();
-  var persistentSlotsRef = (0, import_react.useRef)(/* @__PURE__ */new Map());
-  var _iteratorNormalCompletion = true,
-    _didIteratorError = false,
-    _iteratorError = void 0;
-  try {
-    for (var _iterator = state.routes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-      var route = _step.value;
-      var desc = descriptors[route.key];
-      if (!desc) continue;
-      var {
-        options
-      } = desc;
-      if (!options.keepMounted) continue;
-      if (!(0, import_stackStateUtils.isOverlayPresentation)(options)) continue;
-      var Render = resolveOverlayRender(options, contextRender);
-      if (!Render) continue;
-      if (persistentSlotsRef.current.has(route.name)) continue;
-      persistentSlotsRef.current.set(route.name, {
-        routeName: route.name,
-        Render,
-        options,
-        content: desc.render()
-      });
-    }
-  } catch (err) {
-    _didIteratorError = true;
-    _iteratorError = err;
-  } finally {
-    try {
-      if (!_iteratorNormalCompletion && _iterator.return != null) {
-        _iterator.return();
-      }
-    } finally {
-      if (_didIteratorError) {
-        throw _iteratorError;
-      }
-    }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_useStack.StackStateProvider, {
+    state,
+    descriptors,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(HeadlessStackView, {
+      state,
+      navigation,
+      descriptors,
+      customChildren
+    })
+  });
+}
+function HeadlessStackView(param) {
+  var {
+    state,
+    navigation,
+    descriptors,
+    customChildren
+  } = param;
+  var _state_routes_lastBaseIndex;
+  var stack = (0, import_useStack.useStack)();
+  var presentations = (0, import_Presentations.useWebPresentations)();
+  if (customChildren === null || customChildren === void 0 ? void 0 : customChildren.length) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Fragment, {
+      children: customChildren
+    });
   }
-  var isOverlayCandidate = function (options2) {
-    return (0, import_stackStateUtils.isOverlayPresentation)(options2) && resolveOverlayRender(options2 !== null && options2 !== void 0 ? options2 : void 0, contextRender) !== void 0;
-  };
-  var nonOverlay = (0, import_stackStateUtils.convertStackStateToNonOverlayState)(state, descriptors, isOverlayCandidate);
-  var underlyingState = {
-    ...state,
-    routes: nonOverlay.routes,
-    index: nonOverlay.index
-  };
-  var lastNonOverlay = (0, import_stackStateUtils.findLastNonOverlayIndex)(state, descriptors, isOverlayCandidate);
-  var trailingOverlays = state.routes.slice(lastNonOverlay + 1);
-  var focusedOverlayNames = new Set(trailingOverlays.map(function (r) {
-    return r.name;
-  }));
-  var regularOverlays = trailingOverlays.filter(function (r) {
-    var _descriptors_r_key;
-    return !((_descriptors_r_key = descriptors[r.key]) === null || _descriptors_r_key === void 0 ? void 0 : _descriptors_r_key.options.keepMounted);
+  (0, import_devHeadlessNote.devHeadlessNote)("Stack");
+  var lastBaseIndex = (0, import_stackStateUtils.findLastNonOverlayIndex)(state, descriptors, function (options) {
+    return getPresentationType(options) !== void 0;
   });
+  var baseRouteKeys = new Set(state.routes.slice(0, lastBaseIndex + 1).map(function (route) {
+    return route.key;
+  }));
+  var baseFocusedKey = (_state_routes_lastBaseIndex = state.routes[lastBaseIndex]) === null || _state_routes_lastBaseIndex === void 0 ? void 0 : _state_routes_lastBaseIndex.key;
+  var overlayRoutes = state.routes.slice(lastBaseIndex + 1);
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_native_stack.NativeStackView, {
-      state: underlyingState,
-      descriptors,
-      navigation,
-      describe
-    }), regularOverlays.map(function (route2) {
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(OverlayHost, {
-        route: route2,
-        descriptor: descriptors[route2.key],
-        contextRender,
-        open: true,
+    children: [stack.screens.map(function (screen) {
+      if (!baseRouteKeys.has(screen.key)) return null;
+      if (screen.key === baseFocusedKey) {
+        return screen.keepMounted ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Activity, {
+          mode: "visible",
+          children: screen.element
+        }, screen.key) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Fragment, {
+          children: screen.element
+        }, screen.key);
+      }
+      if (!screen.keepMounted) return null;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Activity, {
+        mode: "hidden",
+        children: screen.element
+      }, screen.key);
+    }), overlayRoutes.map(function (route) {
+      var _descriptors_route_key;
+      var screen = stack.screens.find(function (entry) {
+        return entry.key === route.key;
+      });
+      var type = getPresentationType((_descriptors_route_key = descriptors[route.key]) === null || _descriptors_route_key === void 0 ? void 0 : _descriptors_route_key.options);
+      if (!screen || !type) return null;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PresentationScreen, {
+        screen,
+        type,
+        presentations,
         onDismiss: function () {
           return navigation.dispatch({
-            ...import_native.StackActions.pop(),
-            source: route2.key,
+            ...import_routers.StackActions.pop(),
+            source: route.key,
             target: state.key
           });
         }
-      }, route2.key);
-    }),
-    /* Persistent slots - render once each, never unmount. `open` toggles
-    based on whether the route is the current trailing overlay. */
-    Array.from(persistentSlotsRef.current.values()).map(function (slot) {
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PersistentOverlayHost, {
-        slot,
-        open: focusedOverlayNames.has(slot.routeName),
-        onDismiss: function () {
-          var live = state.routes.find(function (r) {
-            return r.name === slot.routeName;
-          });
-          if (live) {
-            navigation.dispatch({
-              ...import_native.StackActions.pop(),
-              source: live.key,
-              target: state.key
-            });
-          }
-        }
-      }, slot.routeName);
+      }, route.key);
     })]
   });
 }
-function OverlayHost(param) {
+function PresentationScreen(param) {
   var {
-    route,
-    descriptor,
-    contextRender,
-    open,
+    screen,
+    type,
+    presentations,
     onDismiss
   } = param;
-  var _options_gestureEnabled;
-  var dismiss = useStableCallback(onDismiss);
-  var options = descriptor.options;
-  var Render = resolveOverlayRender(options, contextRender);
-  var content = descriptor.render();
-  if (!Render || !(0, import_stackStateUtils.isOverlayPresentation)(options)) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.Fragment, {
-      children: content
+  var dismiss = (0, import_use_latest_callback.default)(onDismiss);
+  var onOpenChange = (0, import_react.useCallback)(function (nextOpen) {
+    if (!nextOpen) dismiss();
+  }, [dismiss]);
+  var [open, setOpen] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(function () {
+    return setOpen(true);
+  }, []);
+  if (type === "sheet") {
+    var Sheet = presentations === null || presentations === void 0 ? void 0 : presentations.sheet;
+    if (!Sheet) return screen.element;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Sheet, {
+      open,
+      onOpenChange,
+      options: screen.options,
+      screen,
+      children: screen.element
     });
   }
-  var renderProps = {
-    routeKey: route.key,
-    routeName: route.name,
-    presentation: options.presentation,
+  var Modal = presentations === null || presentations === void 0 ? void 0 : presentations.modal;
+  if (!Modal) return screen.element;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Modal, {
     open,
-    dismiss,
-    dismissible: (_options_gestureEnabled = options.gestureEnabled) !== null && _options_gestureEnabled !== void 0 ? _options_gestureEnabled : true,
-    sheetAllowedDetents: options.sheetAllowedDetents,
-    sheetGrabberVisible: options.sheetGrabberVisible,
-    sheetCornerRadius: options.sheetCornerRadius,
-    sheetInitialDetentIndex: options.sheetInitialDetentIndex,
-    sheetLargestUndimmedDetentIndex: options.sheetLargestUndimmedDetentIndex,
-    sheetExpandsWhenScrolledToEdge: options.sheetExpandsWhenScrolledToEdge,
-    children: content
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Render, {
-    ...renderProps
+    onOpenChange,
+    options: screen.options,
+    screen,
+    children: screen.element
   });
 }
-function PersistentOverlayHost(param) {
-  var {
-    slot,
-    open,
-    onDismiss
-  } = param;
-  var _options_gestureEnabled;
-  var dismiss = useStableCallback(onDismiss);
-  var {
-    Render,
-    options,
-    content,
-    routeName
-  } = slot;
-  var renderProps = {
-    routeKey: `__keepMounted:${routeName}`,
-    routeName,
-    presentation: options.presentation,
-    open,
-    dismiss,
-    dismissible: (_options_gestureEnabled = options.gestureEnabled) !== null && _options_gestureEnabled !== void 0 ? _options_gestureEnabled : true,
-    sheetAllowedDetents: options.sheetAllowedDetents,
-    sheetGrabberVisible: options.sheetGrabberVisible,
-    sheetCornerRadius: options.sheetCornerRadius,
-    sheetInitialDetentIndex: options.sheetInitialDetentIndex,
-    sheetLargestUndimmedDetentIndex: options.sheetLargestUndimmedDetentIndex,
-    sheetExpandsWhenScrolledToEdge: options.sheetExpandsWhenScrolledToEdge,
-    children: content
-  };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Render, {
-    ...renderProps
-  });
-}
-function useStableCallback(fn) {
-  var [ref] = (0, import_react.useState)(function () {
-    return {
-      current: fn
-    };
-  });
-  ref.current = fn;
-  return (0, import_react.useCallback)(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return ref.current(...args);
-  }, [ref]);
+function getPresentationType(options) {
+  var presentation = options === null || options === void 0 ? void 0 : options.presentation;
+  if (!presentation || presentation === "card" || presentation === "push") {
+    return void 0;
+  }
+  if (presentation === "sheet" || presentation === "formSheet" || presentation === "pageSheet") {
+    return "sheet";
+  }
+  return "modal";
 }
 //# sourceMappingURL=WebStackView.native.js.map