@mustmove/overlay-kit-rn 1.0.84 → 1.0.87

package/dist/index.js

@@ -70,7 +70,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/context/provider/index.tsx
-var import_react8 = require("react");
+var import_react14 = require("react");
 var import_react_native3 = require("react-native");
 
 // src/context/provider/content-overlay-controller.tsx
@@ -107,13 +107,286 @@ var ContentOverlayController = (0, import_react.memo)(
 );
 
 // src/context/provider/bottom-sheet-controller.tsx
-var import_react2 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_bottom_sheet = __toESM(require("@gorhom/bottom-sheet"));
 var import_react_native = require("react-native");
 var import_react_native_reanimated = require("react-native-reanimated");
-var import_portal = require("@gorhom/portal");
+
+// node_modules/@gorhom/portal/lib/module/components/portal/Portal.js
+var import_react4 = require("react");
+
+// node_modules/nanoid/non-secure/index.js
+var urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+var nanoid = (size = 21) => {
+  let id = "";
+  let i = size | 0;
+  while (i--) {
+    id += urlAlphabet[Math.random() * 64 | 0];
+  }
+  return id;
+};
+
+// node_modules/@gorhom/portal/lib/module/hooks/usePortal.js
+var import_react3 = require("react");
+
+// node_modules/@gorhom/portal/lib/module/state/constants.js
+var ACTIONS;
+(function(ACTIONS2) {
+  ACTIONS2[ACTIONS2["REGISTER_HOST"] = 0] = "REGISTER_HOST";
+  ACTIONS2[ACTIONS2["DEREGISTER_HOST"] = 1] = "DEREGISTER_HOST";
+  ACTIONS2[ACTIONS2["ADD_UPDATE_PORTAL"] = 2] = "ADD_UPDATE_PORTAL";
+  ACTIONS2[ACTIONS2["REMOVE_PORTAL"] = 3] = "REMOVE_PORTAL";
+})(ACTIONS || (ACTIONS = {}));
+var INITIAL_STATE = {};
+
+// node_modules/@gorhom/portal/lib/module/contexts/portal.js
+var import_react2 = require("react");
+var PortalStateContext = /* @__PURE__ */ (0, import_react2.createContext)(null);
+var PortalDispatchContext = /* @__PURE__ */ (0, import_react2.createContext)(null);
+
+// node_modules/@gorhom/portal/lib/module/hooks/usePortal.js
+var usePortal = (hostName = "root") => {
+  const dispatch = (0, import_react3.useContext)(PortalDispatchContext);
+  if (dispatch === null) {
+    throw new Error("'PortalDispatchContext' cannot be null, please add 'PortalProvider' to the root component.");
+  }
+  const registerHost2 = (0, import_react3.useCallback)(() => {
+    dispatch({
+      type: ACTIONS.REGISTER_HOST,
+      hostName
+    });
+  }, []);
+  const deregisterHost2 = (0, import_react3.useCallback)(() => {
+    dispatch({
+      type: ACTIONS.DEREGISTER_HOST,
+      hostName
+    });
+  }, []);
+  const addUpdatePortal2 = (0, import_react3.useCallback)((name, node) => {
+    dispatch({
+      type: ACTIONS.ADD_UPDATE_PORTAL,
+      hostName,
+      portalName: name,
+      node
+    });
+  }, []);
+  const removePortal2 = (0, import_react3.useCallback)((name) => {
+    dispatch({
+      type: ACTIONS.REMOVE_PORTAL,
+      hostName,
+      portalName: name
+    });
+  }, []);
+  return {
+    registerHost: registerHost2,
+    deregisterHost: deregisterHost2,
+    addPortal: addUpdatePortal2,
+    updatePortal: addUpdatePortal2,
+    removePortal: removePortal2
+  };
+};
+
+// node_modules/@gorhom/portal/lib/module/components/portal/Portal.js
+var PortalComponent = ({
+  name: _providedName,
+  hostName,
+  handleOnMount: _providedHandleOnMount,
+  handleOnUnmount: _providedHandleOnUnmount,
+  handleOnUpdate: _providedHandleOnUpdate,
+  children
+}) => {
+  const {
+    addPortal: addUpdatePortal2,
+    removePortal: removePortal2
+  } = usePortal(hostName);
+  const name = (0, import_react4.useMemo)(() => _providedName || nanoid(), [_providedName]);
+  const handleOnMountRef = (0, import_react4.useRef)();
+  const handleOnUnmountRef = (0, import_react4.useRef)();
+  const handleOnUpdateRef = (0, import_react4.useRef)();
+  const handleOnMount = (0, import_react4.useCallback)(() => {
+    if (_providedHandleOnMount) {
+      _providedHandleOnMount(() => addUpdatePortal2(name, children));
+    } else {
+      addUpdatePortal2(name, children);
+    }
+  }, [_providedHandleOnMount, addUpdatePortal2]);
+  handleOnMountRef.current = handleOnMount;
+  const handleOnUnmount = (0, import_react4.useCallback)(() => {
+    if (_providedHandleOnUnmount) {
+      _providedHandleOnUnmount(() => removePortal2(name));
+    } else {
+      removePortal2(name);
+    }
+  }, [_providedHandleOnUnmount, removePortal2]);
+  handleOnUnmountRef.current = handleOnUnmount;
+  const handleOnUpdate = (0, import_react4.useCallback)(() => {
+    if (_providedHandleOnUpdate) {
+      _providedHandleOnUpdate(() => addUpdatePortal2(name, children));
+    } else {
+      addUpdatePortal2(name, children);
+    }
+  }, [_providedHandleOnUpdate, addUpdatePortal2, children]);
+  handleOnUpdateRef.current = handleOnUpdate;
+  (0, import_react4.useEffect)(() => {
+    var _handleOnMountRef$cur;
+    (_handleOnMountRef$cur = handleOnMountRef.current) === null || _handleOnMountRef$cur === void 0 ? void 0 : _handleOnMountRef$cur.call(handleOnMountRef);
+    return () => {
+      var _handleOnUnmountRef$c;
+      (_handleOnUnmountRef$c = handleOnUnmountRef.current) === null || _handleOnUnmountRef$c === void 0 ? void 0 : _handleOnUnmountRef$c.call(handleOnUnmountRef);
+      handleOnMountRef.current = void 0;
+      handleOnUnmountRef.current = void 0;
+      handleOnUpdateRef.current = void 0;
+    };
+  }, []);
+  (0, import_react4.useEffect)(() => {
+    var _handleOnUpdateRef$cu;
+    (_handleOnUpdateRef$cu = handleOnUpdateRef.current) === null || _handleOnUpdateRef$cu === void 0 ? void 0 : _handleOnUpdateRef$cu.call(handleOnUpdateRef);
+  }, [children]);
+  return null;
+};
+var Portal = /* @__PURE__ */ (0, import_react4.memo)(PortalComponent);
+Portal.displayName = "Portal";
+
+// node_modules/@gorhom/portal/lib/module/components/portalHost/PortalHost.js
+var import_react6 = __toESM(require("react"));
+
+// node_modules/@gorhom/portal/lib/module/hooks/usePortalState.js
+var import_react5 = require("react");
+var usePortalState = (hostName) => {
+  const state = (0, import_react5.useContext)(PortalStateContext);
+  if (state === null) {
+    throw new Error("'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component.");
+  }
+  return state[hostName] || [];
+};
+
+// node_modules/@gorhom/portal/lib/module/components/portalHost/PortalHost.js
+var PortalHostComponent = ({
+  name
+}) => {
+  const state = usePortalState(name);
+  const {
+    registerHost: registerHost2,
+    deregisterHost: deregisterHost2
+  } = usePortal(name);
+  (0, import_react6.useEffect)(() => {
+    registerHost2();
+    return () => {
+      deregisterHost2();
+    };
+  }, []);
+  return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, state.map((item) => item.node));
+};
+var PortalHost = /* @__PURE__ */ (0, import_react6.memo)(PortalHostComponent);
+PortalHost.displayName = "PortalHost";
+
+// node_modules/@gorhom/portal/lib/module/components/portalProvider/PortalProvider.js
+var import_react7 = __toESM(require("react"));
+
+// node_modules/@gorhom/portal/lib/module/utilities/logger.js
+var isLoggingEnabled = false;
+var isDev = Boolean(typeof __DEV__ !== "undefined" && __DEV__);
+var print = () => {
+};
+if (isDev) {
+  print = ({
+    component,
+    method,
+    params
+  }) => {
+    if (!isLoggingEnabled) {
+      return;
+    }
+    let message = "";
+    if (typeof params === "object") {
+      message = Object.keys(params).map((key) => "".concat(key, ":").concat(params[key])).join(" ");
+    } else {
+      message = "".concat(params !== null && params !== void 0 ? params : "");
+    }
+    console.log("[Portal::".concat([component, method].filter(Boolean).join("::"), "]"), message);
+  };
+}
+Object.freeze(print);
+
+// node_modules/@gorhom/portal/lib/module/state/reducer.js
+var registerHost = (state, hostName) => {
+  if (!(hostName in state)) {
+    state[hostName] = [];
+  }
+  return state;
+};
+var deregisterHost = (state, hostName) => {
+  delete state[hostName];
+  return state;
+};
+var addUpdatePortal = (state, hostName, portalName, node) => {
+  if (!(hostName in state)) {
+    state = registerHost(state, hostName);
+  }
+  const index = state[hostName].findIndex((item) => item.name === portalName);
+  if (index !== -1) {
+    state[hostName][index].node = node;
+  } else {
+    state[hostName].push({
+      name: portalName,
+      node
+    });
+  }
+  return state;
+};
+var removePortal = (state, hostName, portalName) => {
+  if (!(hostName in state)) {
+    print({
+      component: reducer.name,
+      method: removePortal.name,
+      params: "Failed to remove portal '".concat(portalName, "', '").concat(hostName, "' was not registered!")
+    });
+    return state;
+  }
+  const index = state[hostName].findIndex((item) => item.name === portalName);
+  if (index !== -1) state[hostName].splice(index, 1);
+  return state;
+};
+var reducer = (state, action) => {
+  const {
+    type
+  } = action;
+  let clonedState = __spreadValues({}, state);
+  switch (type) {
+    case ACTIONS.REGISTER_HOST:
+      return registerHost(clonedState, action.hostName);
+    case ACTIONS.DEREGISTER_HOST:
+      return deregisterHost(clonedState, action.hostName);
+    case ACTIONS.ADD_UPDATE_PORTAL:
+      return addUpdatePortal(clonedState, action.hostName, action.portalName, action.node);
+    case ACTIONS.REMOVE_PORTAL:
+      return removePortal(clonedState, action.hostName, action.portalName);
+    default:
+      return state;
+  }
+};
+
+// node_modules/@gorhom/portal/lib/module/components/portalProvider/PortalProvider.js
+var PortalProviderComponent = ({
+  rootHostName = "root",
+  shouldAddRootHost = true,
+  children
+}) => {
+  const [state, dispatch] = (0, import_react7.useReducer)(reducer, INITIAL_STATE);
+  return /* @__PURE__ */ import_react7.default.createElement(PortalDispatchContext.Provider, {
+    value: dispatch
+  }, /* @__PURE__ */ import_react7.default.createElement(PortalStateContext.Provider, {
+    value: state
+  }, children, shouldAddRootHost && /* @__PURE__ */ import_react7.default.createElement(PortalHost, {
+    name: rootHostName
+  })));
+};
+var PortalProvider = /* @__PURE__ */ (0, import_react7.memo)(PortalProviderComponent);
+PortalProvider.displayName = "PortalProvider";
+
+// src/context/provider/bottom-sheet-controller.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var ContentBottomSheetController = (0, import_react2.memo)(
+var ContentBottomSheetController = (0, import_react8.memo)(
   ({
     isOpen,
     overlayId,
@@ -122,10 +395,11 @@ var ContentBottomSheetController = (0, import_react2.memo)(
     overlayOrderList,
     options = {}
   }) => {
-    const bottomSheetRef = (0, import_react2.useRef)(null);
+    const bottomSheetRef = (0, import_react8.useRef)(null);
     const reducedMotion = (0, import_react_native_reanimated.useReducedMotion)();
-    const [keyboardHeight, setKeyboardHeight] = (0, import_react2.useState)(0);
-    const isKeyboardActiveRef = (0, import_react2.useRef)(false);
+    const [keyboardHeight, setKeyboardHeight] = (0, import_react8.useState)(0);
+    const isKeyboardActiveRef = (0, import_react8.useRef)(false);
+    const isClosingRef = (0, import_react8.useRef)(false);
     const getZIndex = () => {
       const index = overlayOrderList.indexOf(overlayId);
       return 1e3 + index;
@@ -141,7 +415,8 @@ var ContentBottomSheetController = (0, import_react2.memo)(
       keyboardBehavior = import_react_native.Platform.OS === "android" ? "extend" : "interactive",
       keyboardBlurBehavior = "restore",
       androidKeyboardInputMode = "adjustResize",
-      closeAllOnGestureClose = false
+      closeAllOnGestureClose = false,
+      closeFunction
     } = _a, restOptions = __objRest(_a, [
       "snapPoints",
       "enablePanDownToClose",
@@ -153,9 +428,10 @@ var ContentBottomSheetController = (0, import_react2.memo)(
       "keyboardBehavior",
       "keyboardBlurBehavior",
       "androidKeyboardInputMode",
-      "closeAllOnGestureClose"
+      "closeAllOnGestureClose",
+      "closeFunction"
     ]);
-    (0, import_react2.useEffect)(() => {
+    (0, import_react8.useEffect)(() => {
       const keyboardWillShowListener = import_react_native.Keyboard.addListener(
         import_react_native.Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow",
         (e) => {
@@ -175,7 +451,7 @@ var ContentBottomSheetController = (0, import_react2.memo)(
         keyboardWillHideListener.remove();
       };
     }, []);
-    (0, import_react2.useEffect)(() => {
+    (0, import_react8.useEffect)(() => {
       if (isOpen) {
         const rafId = requestAnimationFrame(() => {
           var _a2;
@@ -186,7 +462,11 @@ var ContentBottomSheetController = (0, import_react2.memo)(
       } else {
       }
     }, [isOpen, overlayDispatch, overlayId]);
-    const handleClose = (0, import_react2.useCallback)(() => {
+    const handleClose = (0, import_react8.useCallback)(() => {
+      if (isClosingRef.current) {
+        return;
+      }
+      isClosingRef.current = true;
       if (isKeyboardActiveRef.current) {
         import_react_native.Keyboard.dismiss();
         setTimeout(() => {
@@ -195,18 +475,24 @@ var ContentBottomSheetController = (0, import_react2.memo)(
           } else {
             overlayDispatch({ type: "REMOVE", overlayId });
           }
-        }, 100);
+          if (closeFunction) {
+            closeFunction();
+          }
+        }, 50);
         return;
       }
-      setTimeout(() => {
+      requestAnimationFrame(() => {
         if (closeAllOnGestureClose) {
           overlayDispatch({ type: "REMOVE_ALL" });
         } else {
           overlayDispatch({ type: "REMOVE", overlayId });
         }
-      }, 50);
-    }, [overlayDispatch, overlayId, closeAllOnGestureClose]);
-    const renderBackdrop = (0, import_react2.useCallback)(
+        if (closeFunction) {
+          closeFunction();
+        }
+      });
+    }, [overlayDispatch, overlayId, closeAllOnGestureClose, closeFunction]);
+    const renderBackdrop = (0, import_react8.useCallback)(
       (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         import_bottom_sheet.BottomSheetBackdrop,
         __spreadProps(__spreadValues({}, props), {
@@ -218,13 +504,13 @@ var ContentBottomSheetController = (0, import_react2.memo)(
       ),
       [backdropOpacity, handleClose]
     );
-    const handleSheetChange = (0, import_react2.useCallback)((index) => {
+    const handleSheetChange = (0, import_react8.useCallback)((index) => {
     }, []);
     const getLayerIndex = () => {
       return Math.max(0, overlayOrderList.indexOf(overlayId));
     };
     if (!isOpen) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_portal.Portal, { hostName: `overlay-modal-${getLayerIndex()}`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Portal, { hostName: `overlay-modal-${getLayerIndex()}`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_bottom_sheet.default,
       {
         style: [{ zIndex: getZIndex() }],
@@ -255,10 +541,10 @@ var ContentBottomSheetController = (0, import_react2.memo)(
         ],
         enableDynamicSizing,
         animateOnMount: !reducedMotion,
-        children: import_react2.default.isValidElement(Controller) ? import_react2.default.cloneElement(Controller, {
+        children: import_react8.default.isValidElement(Controller) ? import_react8.default.cloneElement(Controller, {
           close: () => overlayDispatch({ type: "CLOSE", overlayId }),
           unmount: () => overlayDispatch({ type: "REMOVE", overlayId })
-        }) : import_react2.default.createElement(Controller, __spreadValues({
+        }) : import_react8.default.createElement(Controller, __spreadValues({
           isOpen,
           overlayId,
           snapPoints,
@@ -273,12 +559,11 @@ var ContentBottomSheetController = (0, import_react2.memo)(
 );
 
 // src/context/provider/modal-controller.tsx
-var import_react3 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 var import_react_native2 = require("react-native");
-var import_portal2 = require("@gorhom/portal");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = import_react_native2.Dimensions.get("window");
-var ContentModalController = (0, import_react3.memo)(
+var ContentModalController = (0, import_react9.memo)(
   ({
     isOpen,
     overlayId,
@@ -291,12 +576,14 @@ var ContentModalController = (0, import_react3.memo)(
       modalType = "center",
       backdropOpacity = 0.5,
       animationType = "fade",
-      swipeDirection
+      swipeDirection,
+      closeFunction
     } = options;
-    const [backdropAnimation] = (0, import_react3.useState)(new import_react_native2.Animated.Value(0));
-    const [contentAnimation] = (0, import_react3.useState)(new import_react_native2.Animated.Value(0));
-    const [mounted, setMounted] = (0, import_react3.useState)(isOpen);
-    (0, import_react3.useEffect)(() => {
+    const [backdropAnimation] = (0, import_react9.useState)(new import_react_native2.Animated.Value(0));
+    const [contentAnimation] = (0, import_react9.useState)(new import_react_native2.Animated.Value(0));
+    const [mounted, setMounted] = (0, import_react9.useState)(isOpen);
+    const [isClosing, setIsClosing] = (0, import_react9.useState)(false);
+    (0, import_react9.useEffect)(() => {
       if (isOpen) {
         if (!mounted) setMounted(true);
         setImmediate(() => {
@@ -333,10 +620,17 @@ var ContentModalController = (0, import_react3.memo)(
       }
     }, [isOpen]);
     const handleClose = () => {
+      if (isClosing) {
+        return;
+      }
+      setIsClosing(true);
       import_react_native2.Keyboard.dismiss();
-      setTimeout(() => {
+      requestAnimationFrame(() => {
         overlayDispatch({ type: "REMOVE", overlayId });
-      }, 100);
+        if (closeFunction) {
+          closeFunction();
+        }
+      });
     };
     const getLayerIndex = () => {
       return Math.max(0, overlayOrderList.indexOf(overlayId));
@@ -423,7 +717,7 @@ var ContentModalController = (0, import_react3.memo)(
       }
     };
     if (!mounted) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_portal2.Portal, { hostName: `overlay-modal-${getLayerIndex()}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Portal, { hostName: `overlay-modal-${getLayerIndex()}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       import_react_native2.View,
       {
         style: [styles.absoluteContainer],
@@ -456,10 +750,10 @@ var ContentModalController = (0, import_react3.memo)(
             {
               style: [getContainerStyle(), getContentAnimationStyle()],
               pointerEvents: "box-none",
-              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native2.View, { pointerEvents: "box-none", children: import_react3.default.isValidElement(Controller) ? import_react3.default.cloneElement(Controller, {
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native2.View, { pointerEvents: "box-none", children: import_react9.default.isValidElement(Controller) ? import_react9.default.cloneElement(Controller, {
                 close: () => overlayDispatch({ type: "CLOSE", overlayId }),
                 unmount: () => overlayDispatch({ type: "REMOVE", overlayId })
-              }) : import_react3.default.createElement(Controller, {
+              }) : import_react9.default.createElement(Controller, {
                 isOpen,
                 overlayId,
                 modalType,
@@ -506,10 +800,10 @@ var styles = import_react_native2.StyleSheet.create({
 });
 
 // src/event.ts
-var import_react6 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 
 // src/utils/create-use-external-events.ts
-var import_react4 = require("react");
+var import_react10 = require("react");
 
 // src/utils/emitter.ts
 function createEmitter(all) {
@@ -554,7 +848,7 @@ function createEmitter(all) {
 // src/utils/create-use-external-events.ts
 var emitter = createEmitter();
 function useClientEffect(...args) {
-  (0, import_react4.useEffect)(...args);
+  (0, import_react10.useEffect)(...args);
 }
 function dispatchEvent(type, detail) {
   emitter.emit(type, detail);
@@ -594,13 +888,13 @@ function randomId() {
 }
 
 // src/utils/get-component-name.ts
-var import_react5 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 function getComponentName(controller) {
   var _a, _b;
   if (controller == null ? void 0 : controller.displayName) {
     return controller.displayName;
   }
-  if (import_react5.default.isValidElement(controller)) {
+  if (import_react11.default.isValidElement(controller)) {
     const type = controller.type;
     if (type == null ? void 0 : type.displayName) return type.displayName;
     if ((type == null ? void 0 : type.name) && type.name !== "anonymous") return type.name;
@@ -633,9 +927,9 @@ function createOverlay(overlayId) {
     const dispatchOpenEvent = createEvent("open");
     const _c = options || {}, { overlayId: _, overlayType: __ } = _c, restOptions = __objRest(_c, ["overlayId", "overlayType"]);
     let finalController;
-    if (import_react6.default.isValidElement(controller)) {
+    if (import_react12.default.isValidElement(controller)) {
       finalController = (props) => {
-        return import_react6.default.cloneElement(controller, __spreadProps(__spreadValues(__spreadValues({}, controller.props || {}), props), {
+        return import_react12.default.cloneElement(controller, __spreadProps(__spreadValues(__spreadValues({}, controller.props || {}), props), {
           close: props.close,
           unmount: props.unmount
         }));
@@ -665,8 +959,8 @@ function createOverlay(overlayId) {
           overlayProps.unmount();
         };
         const props = __spreadProps(__spreadValues({}, overlayProps), { close: close2, unmount: unmount2 });
-        if (import_react6.default.isValidElement(controller)) {
-          return import_react6.default.cloneElement(controller, __spreadValues(__spreadValues({}, controller.props || {}), props));
+        if (import_react12.default.isValidElement(controller)) {
+          return import_react12.default.cloneElement(controller, __spreadValues(__spreadValues({}, controller.props || {}), props));
         }
         if (typeof controller === "function") {
           return controller(props);
@@ -692,13 +986,13 @@ function createOverlay(overlayId) {
 }
 
 // src/utils/create-safe-context.ts
-var import_react7 = require("react");
+var import_react13 = require("react");
 var NullSymbol = Symbol("Null");
 function createSafeContext(displayName) {
-  const Context = (0, import_react7.createContext)(NullSymbol);
+  const Context = (0, import_react13.createContext)(NullSymbol);
   Context.displayName = displayName != null ? displayName : "SafeContext";
   function useSafeContext() {
-    const context = (0, import_react7.useContext)(Context);
+    const context = (0, import_react13.useContext)(Context);
     if (context === NullSymbol) {
       const error = new Error(`[${Context.displayName}]: Provider not found.`);
       error.name = "[Error] Context";
@@ -832,23 +1126,22 @@ function overlayReducer(state, action) {
 // src/context/provider/index.tsx
 var import_react_native_gesture_handler = require("react-native-gesture-handler");
 var import_bottom_sheet2 = require("@gorhom/bottom-sheet");
-var import_portal3 = require("@gorhom/portal");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function createOverlayProvider() {
   const overlayId = randomId();
   const _a = createOverlay(overlayId), { useOverlayEvent } = _a, overlay2 = __objRest(_a, ["useOverlayEvent"]);
   const { OverlayContextProvider, useCurrentOverlay: useCurrentOverlay2, useOverlayData: useOverlayData2 } = createOverlaySafeContext();
   function OverlayProvider2({ children }) {
-    const [overlayState, overlayDispatch] = (0, import_react8.useReducer)(overlayReducer, {
+    const [overlayState, overlayDispatch] = (0, import_react14.useReducer)(overlayReducer, {
       current: null,
       overlayOrderList: [],
       overlayData: {}
     });
-    const overlayStateRef = (0, import_react8.useRef)(overlayState);
-    (0, import_react8.useEffect)(() => {
+    const overlayStateRef = (0, import_react14.useRef)(overlayState);
+    (0, import_react14.useEffect)(() => {
       overlayStateRef.current = overlayState;
     }, [overlayState]);
-    const overlayOpen = (0, import_react8.useCallback)(
+    const overlayOpen = (0, import_react14.useCallback)(
       ({
         controller,
         overlayId: overlayId2,
@@ -873,16 +1166,16 @@ function createOverlayProvider() {
       },
       []
     );
-    const close = (0, import_react8.useCallback)((overlayId2) => {
+    const close = (0, import_react14.useCallback)((overlayId2) => {
       overlayDispatch({ type: "CLOSE", overlayId: overlayId2 });
     }, []);
-    const unmount = (0, import_react8.useCallback)((overlayId2) => {
+    const unmount = (0, import_react14.useCallback)((overlayId2) => {
       overlayDispatch({ type: "REMOVE", overlayId: overlayId2 });
     }, []);
-    const closeAll = (0, import_react8.useCallback)(() => {
+    const closeAll = (0, import_react14.useCallback)(() => {
       overlayDispatch({ type: "CLOSE_ALL" });
     }, []);
-    const unmountAll = (0, import_react8.useCallback)(() => {
+    const unmountAll = (0, import_react14.useCallback)(() => {
       overlayDispatch({ type: "REMOVE_ALL" });
     }, []);
     useOverlayEvent({
@@ -892,12 +1185,12 @@ function createOverlayProvider() {
       closeAll,
       unmountAll
     });
-    (0, import_react8.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       return () => {
         overlayDispatch({ type: "REMOVE_ALL" });
       };
     }, []);
-    (0, import_react8.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       if (import_react_native3.Platform.OS !== "android") {
         return;
       }
@@ -924,7 +1217,7 @@ function createOverlayProvider() {
         subscription.remove();
       };
     }, [overlayDispatch]);
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_gesture_handler.GestureHandlerRootView, { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_portal3.PortalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_bottom_sheet2.BottomSheetModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(OverlayContextProvider, { value: overlayState, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_gesture_handler.GestureHandlerRootView, { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PortalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_bottom_sheet2.BottomSheetModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(OverlayContextProvider, { value: overlayState, children: [
       children,
       overlayState.overlayOrderList.map((item) => {
         const overlayItem = overlayState.overlayData[item];
@@ -1011,7 +1304,7 @@ function createOverlayProvider() {
         );
       }),
       overlayState.overlayOrderList.map((id, idx) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_portal3.PortalHost,
+        PortalHost,
         {
           name: `overlay-modal-${idx}`
         },