@tamagui/portal 1.114.3 → 1.115.0

package/dist/cjs/GorhomPortal.cjs

@@ -0,0 +1,216 @@
+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 __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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    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);
+var GorhomPortal_exports = {};
+__export(GorhomPortal_exports, {
+  ACTIONS: () => ACTIONS,
+  INITIAL_STATE: () => INITIAL_STATE,
+  PortalHost: () => PortalHost,
+  PortalItem: () => PortalItem,
+  PortalProvider: () => PortalProvider,
+  usePortal: () => usePortal
+});
+module.exports = __toCommonJS(GorhomPortal_exports);
+var import_constants = require("@tamagui/constants"),
+  import_core = require("@tamagui/core"),
+  import_react = __toESM(require("react")),
+  import_start_transition = require("@tamagui/start-transition"),
+  import_jsx_runtime = require("react/jsx-runtime"),
+  ACTIONS = /* @__PURE__ */(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", ACTIONS2))(ACTIONS || {});
+const INITIAL_STATE = {};
+const registerHost = (state, hostName) => (hostName in state || (state[hostName] = []), state),
+  deregisterHost = (state, hostName) => (delete state[hostName], state),
+  addUpdatePortal = (state, hostName, portalName, node) => {
+    hostName in state || (state = registerHost(state, hostName));
+    const index = state[hostName].findIndex(item => item.name === portalName);
+    return index !== -1 ? state[hostName][index].node = node : state[hostName].push({
+      name: portalName,
+      node
+    }), state;
+  },
+  removePortal = (state, hostName, portalName) => {
+    if (!(hostName in state)) return console.info(`Failed to remove portal '${portalName}', '${hostName}' was not registered!`), state;
+    const index = state[hostName].findIndex(item => item.name === portalName);
+    return index !== -1 && state[hostName].splice(index, 1), state;
+  },
+  reducer = (state, action) => {
+    const {
+      type
+    } = action;
+    switch (type) {
+      case 0 /* REGISTER_HOST */:
+        return registerHost({
+          ...state
+        }, action.hostName);
+      case 1 /* DEREGISTER_HOST */:
+        return deregisterHost({
+          ...state
+        }, action.hostName);
+      case 2 /* ADD_UPDATE_PORTAL */:
+        return addUpdatePortal({
+          ...state
+        }, action.hostName, action.portalName, action.node);
+      case 3 /* REMOVE_PORTAL */:
+        return removePortal({
+          ...state
+        }, action.hostName, action.portalName);
+      default:
+        return state;
+    }
+  },
+  PortalStateContext = (0, import_react.createContext)(null),
+  PortalDispatchContext = (0, import_react.createContext)(null),
+  usePortalState = hostName => {
+    const state = (0, import_react.useContext)(PortalStateContext);
+    if (state === null) throw new Error("'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component.");
+    return state[hostName] || [];
+  },
+  usePortal = (hostName = "root") => {
+    const dispatch = (0, import_react.useContext)(PortalDispatchContext);
+    if (dispatch === null) throw new Error("'PortalDispatchContext' cannot be null, please add 'PortalProvider' to the root component.");
+    const registerHost2 = (0, import_react.useCallback)(() => {
+        dispatch({
+          type: 0 /* REGISTER_HOST */,
+          hostName
+        });
+      }, []),
+      deregisterHost2 = (0, import_react.useCallback)(() => {
+        dispatch({
+          type: 1 /* DEREGISTER_HOST */,
+          hostName
+        });
+      }, []),
+      addUpdatePortal2 = (0, import_react.useCallback)((name, node) => {
+        dispatch({
+          type: 2 /* ADD_UPDATE_PORTAL */,
+          hostName,
+          portalName: name,
+          node
+        });
+      }, []),
+      removePortal2 = (0, import_react.useCallback)(name => {
+        dispatch({
+          type: 3 /* REMOVE_PORTAL */,
+          hostName,
+          portalName: name
+        });
+      }, []);
+    return {
+      registerHost: registerHost2,
+      deregisterHost: deregisterHost2,
+      addPortal: addUpdatePortal2,
+      updatePortal: addUpdatePortal2,
+      removePortal: removePortal2
+    };
+  },
+  PortalProviderComponent = ({
+    rootHostName = "root",
+    shouldAddRootHost = !0,
+    children
+  }) => {
+    const [state, dispatch] = (0, import_react.useReducer)(reducer, INITIAL_STATE),
+      transitionDispatch = (0, import_react.useMemo)(() => value => {
+        (0, import_start_transition.startTransition)(() => {
+          dispatch(value);
+        });
+      }, [dispatch]);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(PortalDispatchContext.Provider, {
+      value: transitionDispatch,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(PortalStateContext.Provider, {
+        value: state,
+        children: [children, shouldAddRootHost && /* @__PURE__ */(0, import_jsx_runtime.jsx)(PortalHost, {
+          name: rootHostName
+        })]
+      })
+    });
+  },
+  PortalProvider = (0, import_react.memo)(PortalProviderComponent);
+PortalProvider.displayName = "PortalProvider";
+const defaultRenderer = children => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children
+  }),
+  PortalHostComponent = props => {
+    const {
+        name,
+        forwardProps,
+        render = defaultRenderer
+      } = props,
+      state = usePortalState(name),
+      {
+        registerHost: registerHost2,
+        deregisterHost: deregisterHost2
+      } = usePortal(props.name);
+    return (0, import_react.useEffect)(() => {
+      if (!(typeof window > "u")) return registerHost2(), () => {
+        deregisterHost2();
+      };
+    }, []), render(forwardProps ? state.map(item => {
+      let next = item.node;
+      return forwardProps ? import_react.default.Children.map(next, child => import_react.default.isValidElement(child) ? import_react.default.cloneElement(child, {
+        key: child.key,
+        ...forwardProps
+      }) : child) : next;
+    }) : state.map(item => item.node));
+  },
+  PortalHost = (0, import_react.memo)(PortalHostComponent);
+PortalHost.displayName = "PortalHost";
+const PortalComponent = props => {
+    const {
+        name: _providedName,
+        hostName,
+        handleOnMount: _providedHandleOnMount,
+        handleOnUnmount: _providedHandleOnUnmount,
+        handleOnUpdate: _providedHandleOnUpdate,
+        children
+      } = props,
+      {
+        addPortal: addUpdatePortal2,
+        removePortal: removePortal2
+      } = usePortal(hostName),
+      id = (0, import_react.useId)(),
+      name = _providedName || id,
+      handleOnMount = (0, import_core.useEvent)(() => {
+        _providedHandleOnMount ? _providedHandleOnMount(() => addUpdatePortal2(name, children)) : addUpdatePortal2(name, children);
+      }),
+      handleOnUnmount = (0, import_core.useEvent)(() => {
+        _providedHandleOnUnmount ? _providedHandleOnUnmount(() => removePortal2(name)) : removePortal2(name);
+      }),
+      handleOnUpdate = (0, import_core.useEvent)(() => {
+        _providedHandleOnUpdate ? _providedHandleOnUpdate(() => addUpdatePortal2(name, children)) : addUpdatePortal2(name, children);
+      });
+    return (0, import_constants.useIsomorphicLayoutEffect)(() => (handleOnMount(), () => {
+      handleOnUnmount();
+    }), []), (0, import_react.useEffect)(() => {
+      handleOnUpdate();
+    }, [children]), null;
+  },
+  PortalItem = (0, import_react.memo)(PortalComponent);
+PortalItem.displayName = "Portal";

package/dist/cjs/Portal.cjs

@@ -0,0 +1,54 @@
+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 __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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    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);
+var Portal_exports = {};
+__export(Portal_exports, {
+  Portal: () => Portal
+});
+module.exports = __toCommonJS(Portal_exports);
+var import_polyfill_dev = require("@tamagui/polyfill-dev"),
+  import_constants = require("@tamagui/constants"),
+  import_stacks = require("@tamagui/stacks"),
+  React = __toESM(require("react")),
+  import_react_dom = require("react-dom"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const Portal = React.memo(({
+  host = globalThis.document?.body,
+  ...props
+}) => import_constants.isServer ? null : (0, import_react_dom.createPortal)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+  contain: "strict",
+  fullscreen: !0,
+  position: "fixed",
+  maxWidth: "100vw",
+  maxHeight: "100vh",
+  pointerEvents: "none",
+  ...props
+}), host));

package/dist/cjs/Portal.native.cjs

@@ -0,0 +1,59 @@
+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 __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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    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);
+var Portal_native_exports = {};
+__export(Portal_native_exports, {
+  Portal: () => Portal
+});
+module.exports = __toCommonJS(Portal_native_exports);
+var import_stacks = require("@tamagui/stacks"),
+  React = __toESM(require("react")),
+  import_react_native = require("react-native-web"),
+  import_GorhomPortal = require("./GorhomPortal.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const isFabric = global?.nativeFabricUIManager;
+let createPortal;
+isFabric ? createPortal = require("react-native/Libraries/Renderer/shims/ReactFabric").createPortal : createPortal = require("react-native/Libraries/Renderer/shims/ReactNative").createPortal;
+const Portal = props => {
+  const rootTag = React.useContext(import_react_native.RootTagContext),
+    contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+      pointerEvents: "box-none",
+      fullscreen: !0,
+      position: "absolute",
+      maxWidth: "100%",
+      zIndex: 1e5,
+      ...props
+    });
+  return process.env.TAMAGUI_USE_NATIVE_PORTAL === "false" || import_react_native.Platform.OS === "android" || !rootTag ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GorhomPortal.PortalItem, {
+    hostName: "root",
+    children: contents
+  }) : createPortal(contents, rootTag);
+};

package/dist/cjs/Portal.native.cjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Portal.native.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB,4BACvB,QAAuB,2BAEvB,sBAAyC,yBAEzC,sBAA2B,2BAevB;AAZJ,MAAM,WAAW,QAAQ;AACzB,IAAI;AACA,WACF,eAAe,QAAQ,mDAAmD,EAAE,eAE5E,eAAe,QAAQ,mDAAmD,EAAE;AAGvE,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,kCAAc,GAEzC,WACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,YAAU;AAAA,MACV,UAAS;AAAA,MACT,UAAS;AAAA,MACT,QAAQ;AAAA,MACP,GAAG;AAAA;AAAA,EACN;AAGF,SACE,QAAQ,IAAI,8BAA8B,WAC1C,6BAAS,OAAO,aAChB,CAAC,UAEM,4CAAC,kCAAW,UAAS,QAAQ,oBAAS,IAGxC,aAAa,UAAU,OAAO;AACvC;",
+  "names": []
+}

package/dist/cjs/PortalProps.cjs

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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, {
+    get: () => from[key],
+    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+  });
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var PortalProps_exports = {};
+module.exports = __toCommonJS(PortalProps_exports);

package/dist/cjs/index.cjs

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Portal.cjs"), module.exports);
+__reExport(src_exports, require("./PortalProps.cjs"), module.exports);
+__reExport(src_exports, require("./GorhomPortal.cjs"), module.exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/portal",
-  "version": "1.114.3",
+  "version": "1.115.0",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -25,22 +25,23 @@
       "react-native": "./dist/cjs/index.native.js",
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.native.js"
     }
   },
   "dependencies": {
-    "@tamagui/constants": "1.114.3",
-    "@tamagui/core": "1.114.3",
-    "@tamagui/stacks": "1.114.3",
-    "@tamagui/start-transition": "1.114.3",
-    "@tamagui/use-did-finish-ssr": "1.114.3",
-    "@tamagui/use-event": "1.114.3"
+    "@tamagui/constants": "1.115.0",
+    "@tamagui/core": "1.115.0",
+    "@tamagui/stacks": "1.115.0",
+    "@tamagui/start-transition": "1.115.0",
+    "@tamagui/use-did-finish-ssr": "1.115.0",
+    "@tamagui/use-event": "1.115.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.114.3",
+    "@tamagui/build": "1.115.0",
     "react": "^18.2.0 || ^19.0.0",
     "react-native": "0.74.1"
   },

package/dist/cjs/GorhomPortal.js

@@ -1,169 +0,0 @@
-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 __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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  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);
-var GorhomPortal_exports = {};
-__export(GorhomPortal_exports, {
-  ACTIONS: () => ACTIONS,
-  INITIAL_STATE: () => INITIAL_STATE,
-  PortalHost: () => PortalHost,
-  PortalItem: () => PortalItem,
-  PortalProvider: () => PortalProvider,
-  usePortal: () => usePortal
-});
-module.exports = __toCommonJS(GorhomPortal_exports);
-var import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_react = __toESM(require("react")), import_start_transition = require("@tamagui/start-transition"), import_jsx_runtime = require("react/jsx-runtime"), ACTIONS = /* @__PURE__ */ ((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", ACTIONS2))(ACTIONS || {});
-const INITIAL_STATE = {};
-const registerHost = (state, hostName) => (hostName in state || (state[hostName] = []), state), deregisterHost = (state, hostName) => (delete state[hostName], state), addUpdatePortal = (state, hostName, portalName, node) => {
-  hostName in state || (state = registerHost(state, hostName));
-  const index = state[hostName].findIndex((item) => item.name === portalName);
-  return index !== -1 ? state[hostName][index].node = node : state[hostName].push({
-    name: portalName,
-    node
-  }), state;
-}, removePortal = (state, hostName, portalName) => {
-  if (!(hostName in state))
-    return console.info(
-      `Failed to remove portal '${portalName}', '${hostName}' was not registered!`
-    ), state;
-  const index = state[hostName].findIndex((item) => item.name === portalName);
-  return index !== -1 && state[hostName].splice(index, 1), state;
-}, reducer = (state, action) => {
-  const { type } = action;
-  switch (type) {
-    case 0 /* REGISTER_HOST */:
-      return registerHost({ ...state }, action.hostName);
-    case 1 /* DEREGISTER_HOST */:
-      return deregisterHost({ ...state }, action.hostName);
-    case 2 /* ADD_UPDATE_PORTAL */:
-      return addUpdatePortal(
-        { ...state },
-        action.hostName,
-        action.portalName,
-        action.node
-      );
-    case 3 /* REMOVE_PORTAL */:
-      return removePortal(
-        { ...state },
-        action.hostName,
-        action.portalName
-      );
-    default:
-      return state;
-  }
-}, PortalStateContext = (0, import_react.createContext)(null), PortalDispatchContext = (0, import_react.createContext)(null), usePortalState = (hostName) => {
-  const state = (0, import_react.useContext)(PortalStateContext);
-  if (state === null)
-    throw new Error(
-      "'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component."
-    );
-  return state[hostName] || [];
-}, usePortal = (hostName = "root") => {
-  const dispatch = (0, import_react.useContext)(PortalDispatchContext);
-  if (dispatch === null)
-    throw new Error(
-      "'PortalDispatchContext' cannot be null, please add 'PortalProvider' to the root component."
-    );
-  const registerHost2 = (0, import_react.useCallback)(() => {
-    dispatch({
-      type: 0 /* REGISTER_HOST */,
-      hostName
-    });
-  }, []), deregisterHost2 = (0, import_react.useCallback)(() => {
-    dispatch({
-      type: 1 /* DEREGISTER_HOST */,
-      hostName
-    });
-  }, []), addUpdatePortal2 = (0, import_react.useCallback)((name, node) => {
-    dispatch({
-      type: 2 /* ADD_UPDATE_PORTAL */,
-      hostName,
-      portalName: name,
-      node
-    });
-  }, []), removePortal2 = (0, import_react.useCallback)((name) => {
-    dispatch({
-      type: 3 /* REMOVE_PORTAL */,
-      hostName,
-      portalName: name
-    });
-  }, []);
-  return {
-    registerHost: registerHost2,
-    deregisterHost: deregisterHost2,
-    addPortal: addUpdatePortal2,
-    updatePortal: addUpdatePortal2,
-    removePortal: removePortal2
-  };
-}, PortalProviderComponent = ({
-  rootHostName = "root",
-  shouldAddRootHost = !0,
-  children
-}) => {
-  const [state, dispatch] = (0, import_react.useReducer)(reducer, INITIAL_STATE), transitionDispatch = (0, import_react.useMemo)(() => (value) => {
-    (0, import_start_transition.startTransition)(() => {
-      dispatch(value);
-    });
-  }, [dispatch]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalDispatchContext.Provider, { value: transitionDispatch, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PortalStateContext.Provider, { value: state, children: [
-    children,
-    shouldAddRootHost && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalHost, { name: rootHostName })
-  ] }) });
-}, PortalProvider = (0, import_react.memo)(PortalProviderComponent);
-PortalProvider.displayName = "PortalProvider";
-const defaultRenderer = (children) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }), PortalHostComponent = (props) => {
-  const { name, forwardProps, render = defaultRenderer } = props, state = usePortalState(name), { registerHost: registerHost2, deregisterHost: deregisterHost2 } = usePortal(props.name);
-  return (0, import_react.useEffect)(() => {
-    if (!(typeof window > "u"))
-      return registerHost2(), () => {
-        deregisterHost2();
-      };
-  }, []), render(
-    forwardProps ? state.map((item) => {
-      let next = item.node;
-      return forwardProps ? import_react.default.Children.map(next, (child) => import_react.default.isValidElement(child) ? import_react.default.cloneElement(child, { key: child.key, ...forwardProps }) : child) : next;
-    }) : state.map((item) => item.node)
-  );
-}, PortalHost = (0, import_react.memo)(PortalHostComponent);
-PortalHost.displayName = "PortalHost";
-const PortalComponent = (props) => {
-  const {
-    name: _providedName,
-    hostName,
-    handleOnMount: _providedHandleOnMount,
-    handleOnUnmount: _providedHandleOnUnmount,
-    handleOnUpdate: _providedHandleOnUpdate,
-    children
-  } = props, { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName), id = (0, import_react.useId)(), name = _providedName || id, handleOnMount = (0, import_core.useEvent)(() => {
-    _providedHandleOnMount ? _providedHandleOnMount(() => addUpdatePortal2(name, children)) : addUpdatePortal2(name, children);
-  }), handleOnUnmount = (0, import_core.useEvent)(() => {
-    _providedHandleOnUnmount ? _providedHandleOnUnmount(() => removePortal2(name)) : removePortal2(name);
-  }), handleOnUpdate = (0, import_core.useEvent)(() => {
-    _providedHandleOnUpdate ? _providedHandleOnUpdate(() => addUpdatePortal2(name, children)) : addUpdatePortal2(name, children);
-  });
-  return (0, import_constants.useIsomorphicLayoutEffect)(() => (handleOnMount(), () => {
-    handleOnUnmount();
-  }), []), (0, import_react.useEffect)(() => {
-    handleOnUpdate();
-  }, [children]), null;
-}, PortalItem = (0, import_react.memo)(PortalComponent);
-PortalItem.displayName = "Portal";
-//# sourceMappingURL=GorhomPortal.js.map

package/dist/cjs/Portal.js

@@ -1,46 +0,0 @@
-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 __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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  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);
-var Portal_exports = {};
-__export(Portal_exports, {
-  Portal: () => Portal
-});
-module.exports = __toCommonJS(Portal_exports);
-var import_polyfill_dev = require("@tamagui/polyfill-dev"), import_constants = require("@tamagui/constants"), import_stacks = require("@tamagui/stacks"), React = __toESM(require("react")), import_react_dom = require("react-dom"), import_jsx_runtime = require("react/jsx-runtime");
-const Portal = React.memo(
-  ({ host = globalThis.document?.body, ...props }) => import_constants.isServer ? null : (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_stacks.YStack,
-      {
-        contain: "strict",
-        fullscreen: !0,
-        position: "fixed",
-        maxWidth: "100vw",
-        maxHeight: "100vh",
-        pointerEvents: "none",
-        ...props
-      }
-    ),
-    host
-  )
-);
-//# sourceMappingURL=Portal.js.map

package/dist/cjs/PortalProps.js

@@ -1,14 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var PortalProps_exports = {};
-module.exports = __toCommonJS(PortalProps_exports);
-//# sourceMappingURL=PortalProps.js.map

package/dist/cjs/index.js

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./Portal"), module.exports);
-__reExport(src_exports, require("./PortalProps"), module.exports);
-__reExport(src_exports, require("./GorhomPortal"), module.exports);
-//# sourceMappingURL=index.js.map