@tamagui/portal 1.14.0 → 1.14.2

package/dist/cjs/GorhomPortal.js

@@ -1,2 +1,271 @@
-"use strict";var S=Object.create;var m=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var _=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var n in t)m(e,n,{get:t[n],enumerable:!0})},y=(e,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of U(t))!D.call(e,r)&&r!==n&&m(e,r,{get:()=>t[r],enumerable:!(a=I(t,r))||a.enumerable});return e};var w=(e,t,n)=>(n=e!=null?S(_(e)):{},y(t||!e||!e.__esModule?m(n,"default",{value:e,enumerable:!0}):n,e)),L=e=>y(m({},"__esModule",{value:!0}),e);var B={};C(B,{ACTIONS:()=>R,INITIAL_STATE:()=>A,PortalHost:()=>T,PortalItem:()=>h,PortalProvider:()=>O,usePortal:()=>g});module.exports=L(B);var p=require("react/jsx-runtime"),c=require("@tamagui/core"),o=w(require("react")),R=(r=>(r[r.REGISTER_HOST=0]="REGISTER_HOST",r[r.DEREGISTER_HOST=1]="DEREGISTER_HOST",r[r.ADD_UPDATE_PORTAL=2]="ADD_UPDATE_PORTAL",r[r.REMOVE_PORTAL=3]="REMOVE_PORTAL",r))(R||{});const A={},f=(e,t)=>(t in e||(e[t]=[]),e),M=(e,t)=>(delete e[t],e),G=(e,t,n,a)=>{t in e||(e=f(e,t));const r=e[t].findIndex(d=>d.name===n);return r!==-1?e[t][r].node=a:e[t].push({name:n,node:a}),e},b=(e,t,n)=>{if(!(t in e))return console.log(`Failed to remove portal '${n}', '${t}' was not registered!`),e;const a=e[t].findIndex(r=>r.name===n);return a!==-1&&e[t].splice(a,1),e},V=(e,t)=>{const{type:n}=t;switch(n){case 0:return f({...e},t.hostName);case 1:return M({...e},t.hostName);case 2:return G({...e},t.hostName,t.portalName,t.node);case 3:return b({...e},t.hostName,t.portalName);default:return e}},E=(0,o.createContext)(null),v=(0,o.createContext)(null),k=e=>{const t=(0,o.useContext)(E);if(t===null)throw new Error("'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component.");return t[e]||[]},g=(e="root")=>{const t=(0,o.useContext)(v);if(t===null)throw new Error("'PortalDispatchContext' cannot be null, please add 'PortalProvider' to the root component.");const n=(0,o.useCallback)(()=>{t({type:0,hostName:e})},[]),a=(0,o.useCallback)(()=>{t({type:1,hostName:e})},[]),r=(0,o.useCallback)((s,l)=>{t({type:2,hostName:e,portalName:s,node:l})},[]),d=(0,o.useCallback)(s=>{t({type:3,hostName:e,portalName:s})},[]);return{registerHost:n,deregisterHost:a,addPortal:r,updatePortal:r,removePortal:d}},F=({rootHostName:e="root",shouldAddRootHost:t=!0,children:n})=>{const[a,r]=(0,o.useReducer)(V,A),d=(0,o.useMemo)(()=>l=>{(0,o.startTransition)(()=>{r(l)})},[r]);return(0,p.jsx)(v.Provider,{value:d,children:(0,p.jsxs)(E.Provider,{value:a,children:[n,t&&(0,p.jsx)(T,{name:e})]})})},O=(0,o.memo)(F);O.displayName="PortalProvider";const $=e=>(0,p.jsx)(p.Fragment,{children:e}),q=e=>{const{name:t,forwardProps:n,render:a=$}=e,r=!(0,c.useDidFinishSSR)(),d=k(t),{registerHost:s,deregisterHost:l}=g(e.name);return(0,o.useEffect)(()=>{if(!r)return s(),()=>{l()}},[r]),a(n?d.map(P=>{let u=P.node;return n?o.default.Children.map(u,i=>o.default.isValidElement(i)?o.default.cloneElement(i,{key:i.key,...n}):i):u}):d.map(P=>P.node))},T=(0,o.memo)(q);T.displayName="PortalHost";const z=e=>{const{name:t,hostName:n,handleOnMount:a,handleOnUnmount:r,handleOnUpdate:d,children:s}=e,{addPortal:l,removePortal:P}=g(n),u=(0,o.useId)(),i=t||u,x=(0,c.useEvent)(()=>{a?a(()=>l(i,s)):l(i,s)}),H=(0,c.useEvent)(()=>{r?r(()=>P(i)):P(i)}),N=(0,c.useEvent)(()=>{d?d(()=>l(i,s)):l(i,s)});return(0,c.useIsomorphicLayoutEffect)(()=>(x(),()=>{H()}),[]),(0,o.useEffect)(()=>{N()},[s]),null},h=(0,o.memo)(z);h.displayName="Portal";0&&(module.exports={ACTIONS,INITIAL_STATE,PortalHost,PortalItem,PortalProvider,usePortal});
+"use strict";
+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, { 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;
+};
+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 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_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_react = __toESM(require("react"));
+var 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";
+  return ACTIONS2;
+})(ACTIONS || {});
+const INITIAL_STATE = {};
+const registerHost = (state, hostName) => {
+  if (!(hostName in state)) {
+    state[hostName] = [];
+  }
+  return state;
+};
+const deregisterHost = (state, hostName) => {
+  delete state[hostName];
+  return state;
+};
+const 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;
+};
+const removePortal = (state, hostName, portalName) => {
+  if (!(hostName in state)) {
+    console.log(
+      `Failed to remove portal '${portalName}', '${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;
+};
+const 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;
+  }
+};
+const PortalStateContext = (0, import_react.createContext)(null);
+const PortalDispatchContext = (0, import_react.createContext)(null);
+const 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] || [];
+};
+const 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
+    });
+  }, []);
+  const deregisterHost2 = (0, import_react.useCallback)(() => {
+    dispatch({
+      type: 1 /* DEREGISTER_HOST */,
+      hostName
+    });
+  }, []);
+  const addUpdatePortal2 = (0, import_react.useCallback)((name, node) => {
+    dispatch({
+      type: 2 /* ADD_UPDATE_PORTAL */,
+      hostName,
+      portalName: name,
+      node
+    });
+  }, []);
+  const 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
+  };
+};
+const PortalProviderComponent = ({
+  rootHostName = "root",
+  shouldAddRootHost = true,
+  children
+}) => {
+  const [state, dispatch] = (0, import_react.useReducer)(reducer, INITIAL_STATE);
+  const transitionDispatch = (0, import_react.useMemo)(() => {
+    const next = (value) => {
+      (0, import_react.startTransition)(() => {
+        dispatch(value);
+      });
+    };
+    return next;
+  }, [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 })
+  ] }) });
+};
+const PortalProvider = (0, import_react.memo)(PortalProviderComponent);
+PortalProvider.displayName = "PortalProvider";
+const defaultRenderer = (children) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+const PortalHostComponent = (props) => {
+  const { name, forwardProps, render = defaultRenderer } = props;
+  const isServer = !(0, import_core.useDidFinishSSR)();
+  const state = usePortalState(name);
+  const { registerHost: registerHost2, deregisterHost: deregisterHost2 } = usePortal(props.name);
+  (0, import_react.useEffect)(() => {
+    if (isServer)
+      return;
+    registerHost2();
+    return () => {
+      deregisterHost2();
+    };
+  }, [isServer]);
+  if (forwardProps) {
+    return render(
+      state.map((item) => {
+        let next = item.node;
+        if (forwardProps) {
+          return import_react.default.Children.map(next, (child) => {
+            return import_react.default.isValidElement(child) ? import_react.default.cloneElement(child, { key: child.key, ...forwardProps }) : child;
+          });
+        }
+        return next;
+      })
+    );
+  }
+  return render(state.map((item) => item.node));
+};
+const PortalHost = (0, import_react.memo)(PortalHostComponent);
+PortalHost.displayName = "PortalHost";
+const PortalComponent = (props) => {
+  const {
+    name: _providedName,
+    hostName,
+    handleOnMount: _providedHandleOnMount,
+    handleOnUnmount: _providedHandleOnUnmount,
+    handleOnUpdate: _providedHandleOnUpdate,
+    children
+  } = props;
+  const { addPortal: addUpdatePortal2, removePortal: removePortal2 } = usePortal(hostName);
+  const id = (0, import_react.useId)();
+  const name = _providedName || id;
+  const handleOnMount = (0, import_core.useEvent)(() => {
+    if (_providedHandleOnMount) {
+      _providedHandleOnMount(() => addUpdatePortal2(name, children));
+    } else {
+      addUpdatePortal2(name, children);
+    }
+  });
+  const handleOnUnmount = (0, import_core.useEvent)(() => {
+    if (_providedHandleOnUnmount) {
+      _providedHandleOnUnmount(() => removePortal2(name));
+    } else {
+      removePortal2(name);
+    }
+  });
+  const handleOnUpdate = (0, import_core.useEvent)(() => {
+    if (_providedHandleOnUpdate) {
+      _providedHandleOnUpdate(() => addUpdatePortal2(name, children));
+    } else {
+      addUpdatePortal2(name, children);
+    }
+  });
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
+    handleOnMount();
+    return () => {
+      handleOnUnmount();
+    };
+  }, []);
+  (0, import_react.useEffect)(() => {
+    handleOnUpdate();
+  }, [children]);
+  return null;
+};
+const PortalItem = (0, import_react.memo)(PortalComponent);
+PortalItem.displayName = "Portal";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ACTIONS,
+  INITIAL_STATE,
+  PortalHost,
+  PortalItem,
+  PortalProvider,
+  usePortal
+});
 //# sourceMappingURL=GorhomPortal.js.map

package/dist/cjs/GorhomPortal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/GorhomPortal.tsx"],
   "sourcesContent": ["// from https://github.com/gorhom/react-native-portal\n// MIT License Copyright (c) 2020 Mo Gorhom\n// fixing SSR issue\nimport { useDidFinishSSR, useEvent, useIsomorphicLayoutEffect } from '@tamagui/core'\nimport React, {\n  ReactNode,\n  createContext,\n  memo,\n  startTransition,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useReducer,\n} from 'react'\n\ninterface PortalType {\n  name: string\n  node: ReactNode\n}\n\nenum ACTIONS {\n  REGISTER_HOST,\n  DEREGISTER_HOST,\n  ADD_UPDATE_PORTAL,\n  REMOVE_PORTAL,\n}\n\nconst INITIAL_STATE = {}\n\nexport { ACTIONS, INITIAL_STATE }\n\nexport interface AddUpdatePortalAction {\n  type: ACTIONS\n  hostName: string\n  portalName: string\n  node: ReactNode\n}\n\nexport interface RemovePortalAction {\n  type: ACTIONS\n  hostName: string\n  portalName: string\n}\n\nexport interface RegisterHostAction {\n  type: ACTIONS\n  hostName: string\n}\n\nexport interface UnregisterHostAction {\n  type: ACTIONS\n  hostName: string\n}\n\nexport type ActionTypes =\n  | AddUpdatePortalAction\n  | RemovePortalAction\n  | RegisterHostAction\n  | UnregisterHostAction\n\nconst registerHost = (state: Record<string, Array<PortalType>>, hostName: string) => {\n  if (!(hostName in state)) {\n    state[hostName] = []\n  }\n  return state\n}\n\nconst deregisterHost = (state: Record<string, Array<PortalType>>, hostName: string) => {\n  delete state[hostName]\n  return state\n}\n\nconst addUpdatePortal = (\n  state: Record<string, Array<PortalType>>,\n  hostName: string,\n  portalName: string,\n  node: any\n) => {\n  if (!(hostName in state)) {\n    state = registerHost(state, hostName)\n  }\n\n  /**\n   * updated portal, if it was already added.\n   */\n  const index = state[hostName].findIndex((item) => item.name === portalName)\n  if (index !== -1) {\n    state[hostName][index].node = node\n  } else {\n    state[hostName].push({\n      name: portalName,\n      node,\n    })\n  }\n  return state\n}\n\nconst removePortal = (\n  state: Record<string, Array<PortalType>>,\n  hostName: string,\n  portalName: string\n) => {\n  if (!(hostName in state)) {\n    // eslint-disable-next-line no-console\n    console.log(\n      `Failed to remove portal '${portalName}', '${hostName}' was not registered!`\n    )\n    return state\n  }\n\n  const index = state[hostName].findIndex((item) => item.name === portalName)\n  if (index !== -1) state[hostName].splice(index, 1)\n  return state\n}\n\nconst reducer = (state: Record<string, Array<PortalType>>, action: ActionTypes) => {\n  const { type } = action\n  switch (type) {\n    case ACTIONS.REGISTER_HOST:\n      return registerHost({ ...state }, action.hostName)\n    case ACTIONS.DEREGISTER_HOST:\n      return deregisterHost({ ...state }, action.hostName)\n    case ACTIONS.ADD_UPDATE_PORTAL:\n      return addUpdatePortal(\n        { ...state },\n        action.hostName,\n        (action as AddUpdatePortalAction).portalName,\n        (action as AddUpdatePortalAction).node\n      )\n    case ACTIONS.REMOVE_PORTAL:\n      return removePortal(\n        { ...state },\n        action.hostName,\n        (action as RemovePortalAction).portalName\n      )\n    default:\n      return state\n  }\n}\n\nconst PortalStateContext = createContext<Record<string, Array<PortalType>> | null>(null)\nconst PortalDispatchContext = createContext<React.Dispatch<ActionTypes> | null>(null)\n\nconst usePortalState = (hostName: string) => {\n  const state = useContext(PortalStateContext)\n\n  if (state === null) {\n    throw new Error(\n      \"'PortalStateContext' cannot be null, please add 'PortalProvider' to the root component.\"\n    )\n  }\n\n  return state[hostName] || []\n}\n\nexport const usePortal = (hostName = 'root') => {\n  const dispatch = useContext(PortalDispatchContext)\n\n  if (dispatch === null) {\n    throw new Error(\n      \"'PortalDispatchContext' cannot be null, please add 'PortalProvider' to the root component.\"\n    )\n  }\n\n  //#region methods\n  const registerHost = useCallback(() => {\n    dispatch({\n      type: ACTIONS.REGISTER_HOST,\n      hostName: hostName,\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const deregisterHost = useCallback(() => {\n    dispatch({\n      type: ACTIONS.DEREGISTER_HOST,\n      hostName: hostName,\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const addUpdatePortal = useCallback((name: string, node: ReactNode) => {\n    dispatch({\n      type: ACTIONS.ADD_UPDATE_PORTAL,\n      hostName,\n      portalName: name,\n      node,\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const removePortal = useCallback((name: string) => {\n    dispatch({\n      type: ACTIONS.REMOVE_PORTAL,\n      hostName,\n      portalName: name,\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n  //#endregion\n\n  return {\n    registerHost,\n    deregisterHost,\n    addPortal: addUpdatePortal,\n    updatePortal: addUpdatePortal,\n    removePortal,\n  }\n}\n\nexport interface PortalProviderProps {\n  /**\n   * Defines whether to add a default root host or not.\n   *\n   * @default true\n   * @type boolean\n   */\n  shouldAddRootHost?: boolean\n\n  /**\n   * Defines the root portal host name.\n   *\n   * @default \"root\"\n   * @type string\n   */\n  rootHostName?: string\n\n  children: ReactNode | ReactNode[]\n}\n\nconst PortalProviderComponent = ({\n  rootHostName = 'root',\n  shouldAddRootHost = true,\n  children,\n}: PortalProviderProps) => {\n  const [state, dispatch] = useReducer(reducer, INITIAL_STATE)\n  const transitionDispatch = useMemo(() => {\n    const next = (value: any) => {\n      startTransition(() => {\n        dispatch(value)\n      })\n    }\n    return next as typeof dispatch\n  }, [dispatch])\n\n  return (\n    <PortalDispatchContext.Provider value={transitionDispatch}>\n      <PortalStateContext.Provider value={state}>\n        {children}\n        {shouldAddRootHost && <PortalHost name={rootHostName} />}\n      </PortalStateContext.Provider>\n    </PortalDispatchContext.Provider>\n  )\n}\n\nexport const PortalProvider = memo(PortalProviderComponent)\nPortalProvider.displayName = 'PortalProvider'\n\nexport interface PortalHostProps {\n  /**\n   * Host's key or name to be used as an identifier.\n   * @type string\n   */\n  name: string\n\n  forwardProps?: Record<string, any>\n\n  /**\n   * Useful when trying to animate children with AnimatePresence.\n   *\n   * Not a part of gorhom/react-native-portal\n   */\n  render?: (children: React.ReactNode) => React.ReactElement\n}\nconst defaultRenderer: PortalHostProps['render'] = (children) => <>{children}</>\n\nconst PortalHostComponent = (props: PortalHostProps) => {\n  const { name, forwardProps, render = defaultRenderer } = props\n  const isServer = !useDidFinishSSR()\n  const state = usePortalState(name)\n  const { registerHost, deregisterHost } = usePortal(props.name)\n\n  //#region effects\n  useEffect(() => {\n    if (isServer) return\n    registerHost()\n    return () => {\n      deregisterHost()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isServer])\n  //#endregion\n\n  if (forwardProps) {\n    return render(\n      state.map((item) => {\n        let next = item.node\n\n        if (forwardProps) {\n          return React.Children.map(next, (child) => {\n            return React.isValidElement(child)\n              ? React.cloneElement(child, { key: child.key, ...forwardProps })\n              : child\n          })\n        }\n\n        return next\n      })\n    )\n  }\n\n  //#region render\n  return render(state.map((item) => item.node))\n  //#endregion\n}\n\nexport const PortalHost = memo(PortalHostComponent)\nPortalHost.displayName = 'PortalHost'\n\nexport interface PortalItemProps {\n  /**\n   * Portal's key or name to be used as an identifier.\n   * @type string\n   * @default generated unique key.\n   */\n  name?: string\n  /**\n   * Host's name to teleport the portal content to.\n   * @type string\n   * @default 'root'\n   */\n  hostName?: string\n  /**\n   * Override internal mounting functionality, this is useful\n   * if you want to trigger any action before mounting the portal content.\n   * @type (mount?: () => void) => void\n   * @default undefined\n   */\n  handleOnMount?: (mount: () => void) => void\n  /**\n   * Override internal un-mounting functionality, this is useful\n   * if you want to trigger any action before un-mounting the portal content.\n   * @type (unmount?: () => void) => void\n   * @default undefined\n   */\n  handleOnUnmount?: (unmount: () => void) => void\n  /**\n   * Override internal updating functionality, this is useful\n   * if you want to trigger any action before updating the portal content.\n   * @type (update?: () => void) => void\n   * @default undefined\n   */\n  handleOnUpdate?: (update: () => void) => void\n  /**\n   * Portal's content.\n   * @type ReactNode\n   * @default undefined\n   */\n  children?: ReactNode | ReactNode[]\n}\n\nconst PortalComponent = (props: PortalItemProps) => {\n  const {\n    name: _providedName,\n    hostName,\n    handleOnMount: _providedHandleOnMount,\n    handleOnUnmount: _providedHandleOnUnmount,\n    handleOnUpdate: _providedHandleOnUpdate,\n    children,\n  } = props\n  const { addPortal: addUpdatePortal, removePortal } = usePortal(hostName)\n  const id = useId()\n  const name = _providedName || id\n\n  const handleOnMount = useEvent(() => {\n    if (_providedHandleOnMount) {\n      _providedHandleOnMount(() => addUpdatePortal(name, children))\n    } else {\n      addUpdatePortal(name, children)\n    }\n  })\n\n  const handleOnUnmount = useEvent(() => {\n    if (_providedHandleOnUnmount) {\n      _providedHandleOnUnmount(() => removePortal(name))\n    } else {\n      removePortal(name)\n    }\n  })\n\n  const handleOnUpdate = useEvent(() => {\n    if (_providedHandleOnUpdate) {\n      _providedHandleOnUpdate(() => addUpdatePortal(name, children))\n    } else {\n      addUpdatePortal(name, children)\n    }\n  })\n\n  useIsomorphicLayoutEffect(() => {\n    handleOnMount()\n    return () => {\n      handleOnUnmount()\n    }\n  }, [])\n\n  useEffect(() => {\n    handleOnUpdate()\n  }, [children])\n\n  return null\n}\n\nexport const PortalItem = memo(PortalComponent)\nPortalItem.displayName = 'Portal'\n"],
-  "mappings": "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",
-  "names": ["GorhomPortal_exports", "__export", "ACTIONS", "INITIAL_STATE", "PortalHost", "PortalItem", "PortalProvider", "usePortal", "__toCommonJS", "import_jsx_runtime", "import_core", "import_react", "registerHost", "state", "hostName", "deregisterHost", "addUpdatePortal", "portalName", "node", "index", "item", "removePortal", "reducer", "action", "type", "PortalStateContext", "PortalDispatchContext", "usePortalState", "dispatch", "name", "PortalProviderComponent", "rootHostName", "shouldAddRootHost", "children", "transitionDispatch", "value", "defaultRenderer", "PortalHostComponent", "props", "forwardProps", "render", "isServer", "next", "React", "child", "PortalComponent", "_providedName", "_providedHandleOnMount", "_providedHandleOnUnmount", "_providedHandleOnUpdate", "id", "handleOnMount", "handleOnUnmount", "handleOnUpdate"]
+  "mappings": "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",
+  "names": ["ACTIONS", "registerHost", "deregisterHost", "addUpdatePortal", "removePortal", "React"]
 }

package/dist/cjs/Portal.js

@@ -1,2 +1,66 @@
-"use strict";var f=Object.create;var i=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var d=(t,o)=>{for(var e in o)i(t,e,{get:o[e],enumerable:!0})},m=(t,o,e,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of P(o))!h.call(t,r)&&r!==e&&i(t,r,{get:()=>o[r],enumerable:!(s=u(o,r))||s.enumerable});return t};var x=(t,o,e)=>(e=t!=null?f(b(t)):{},m(o||!t||!t.__esModule?i(e,"default",{value:t,enumerable:!0}):e,t)),E=t=>m(i({},"__esModule",{value:!0}),t);var g={};d(g,{Portal:()=>y});module.exports=E(g);var c=require("react/jsx-runtime"),w=require("@tamagui/polyfill-dev"),n=require("@tamagui/core"),a=require("@tamagui/stacks"),v=x(require("react")),l=require("react-dom");const y=({host:t=(e=>(e=globalThis.document)==null?void 0:e.body)(),...o})=>{const s=(0,c.jsx)(a.YStack,{contain:"strict",fullscreen:!0,position:n.isWeb?"fixed":"absolute",maxWidth:n.isWeb?"100vw":"100%",maxHeight:n.isWeb?"100vh":"100%",pointerEvents:"none",...o}),[r,p]=v.useState(null);return(0,n.useIsomorphicLayoutEffect)(()=>{p(t)},[t]),r?(0,l.createPortal)(s,r):null};0&&(module.exports={Portal});
+"use strict";
+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, { 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;
+};
+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 Portal_exports = {};
+__export(Portal_exports, {
+  Portal: () => Portal
+});
+module.exports = __toCommonJS(Portal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_polyfill_dev = require("@tamagui/polyfill-dev");
+var import_core = require("@tamagui/core");
+var import_stacks = require("@tamagui/stacks");
+var React = __toESM(require("react"));
+var import_react_dom = require("react-dom");
+const Portal = ({ host = ((_a) => (_a = globalThis.document) == null ? void 0 : _a.body)(), ...props }) => {
+  const contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_stacks.YStack,
+    {
+      contain: "strict",
+      fullscreen: true,
+      position: import_core.isWeb ? "fixed" : "absolute",
+      maxWidth: import_core.isWeb ? "100vw" : "100%",
+      maxHeight: import_core.isWeb ? "100vh" : "100%",
+      pointerEvents: "none",
+      ...props
+    }
+  );
+  const [hostElement, setHostElement] = React.useState(null);
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
+    setHostElement(host);
+  }, [host]);
+  if (hostElement) {
+    return (0, import_react_dom.createPortal)(contents, hostElement);
+  }
+  return null;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Portal
+});
 //# sourceMappingURL=Portal.js.map

package/dist/cjs/Portal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Portal.tsx"],
   "sourcesContent": ["/* eslint-disable react-hooks/rules-of-hooks */\nimport '@tamagui/polyfill-dev'\n\nimport { isWeb, useIsomorphicLayoutEffect } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { PortalProps } from './PortalProps'\n\nexport const Portal = ({ host = globalThis.document?.body, ...props }: PortalProps) => {\n  const contents = (\n    <YStack\n      contain=\"strict\"\n      fullscreen\n      // @ts-expect-error ok on web\n      position={isWeb ? 'fixed' : 'absolute'}\n      maxWidth={isWeb ? '100vw' : '100%'}\n      maxHeight={isWeb ? '100vh' : '100%'}\n      pointerEvents=\"none\"\n      {...props}\n    />\n  )\n\n  const [hostElement, setHostElement] = React.useState<any>(null)\n\n  useIsomorphicLayoutEffect(() => {\n    setHostElement(host)\n  }, [host])\n\n  if (hostElement) {\n    return createPortal(contents, hostElement)\n  }\n\n  // ssr return null\n  return null\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAYI,IAAAI,EAAA,6BAXJC,EAAO,iCAEPC,EAAiD,yBACjDC,EAAuB,2BACvBC,EAAuB,oBACvBC,EAA6B,qBAItB,MAAMP,EAAS,CAAC,CAAE,KAAAQ,GAAOC,MAAA,WAAW,WAAX,YAAAA,EAAqB,QAAM,GAAGC,CAAM,IAAmB,CACrF,MAAMC,KACJ,OAAC,UACC,QAAQ,SACR,WAAU,GAEV,SAAU,QAAQ,QAAU,WAC5B,SAAU,QAAQ,QAAU,OAC5B,UAAW,QAAQ,QAAU,OAC7B,cAAc,OACb,GAAGD,EACN,EAGI,CAACE,EAAaC,CAAc,EAAIP,EAAM,SAAc,IAAI,EAM9D,SAJA,6BAA0B,IAAM,CAC9BO,EAAeL,CAAI,CACrB,EAAG,CAACA,CAAI,CAAC,EAELI,KACK,gBAAaD,EAAUC,CAAW,EAIpC,IACT",
-  "names": ["Portal_exports", "__export", "Portal", "__toCommonJS", "import_jsx_runtime", "import_polyfill_dev", "import_core", "import_stacks", "React", "import_react_dom", "host", "_a", "props", "contents", "hostElement", "setHostElement"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYI;AAXJ,0BAAO;AAEP,kBAAiD;AACjD,oBAAuB;AACvB,YAAuB;AACvB,uBAA6B;AAItB,MAAM,SAAS,CAAC,EAAE,QAAO,yBAAW,aAAX,mBAAqB,SAAM,GAAG,MAAM,MAAmB;AACrF,QAAM,WACJ;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAU;AAAA,MAEV,UAAU,oBAAQ,UAAU;AAAA,MAC5B,UAAU,oBAAQ,UAAU;AAAA,MAC5B,WAAW,oBAAQ,UAAU;AAAA,MAC7B,eAAc;AAAA,MACb,GAAG;AAAA;AAAA,EACN;AAGF,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAc,IAAI;AAE9D,6CAA0B,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,aAAa;AACf,eAAO,+BAAa,UAAU,WAAW;AAAA,EAC3C;AAGA,SAAO;AACT;",
+  "names": []
 }

package/dist/cjs/Portal.native.js

@@ -1,2 +1,70 @@
-"use strict";var c=Object.create;var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var g=(o,t)=>{for(var r in t)n(o,r,{get:t[r],enumerable:!0})},m=(o,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of u(t))!v.call(o,e)&&e!==r&&n(o,e,{get:()=>t[e],enumerable:!(s=d(t,e))||s.enumerable});return o};var x=(o,t,r)=>(r=o!=null?c(P(o)):{},m(t||!o||!o.__esModule?n(r,"default",{value:o,enumerable:!0}):r,o)),N=o=>m(n({},"__esModule",{value:!0}),o);var E={};g(E,{Portal:()=>h});module.exports=N(E);var i=require("react/jsx-runtime"),l=require("@tamagui/stacks"),b=x(require("react")),a=require("react-native"),f=require("react-native/Libraries/Renderer/shims/ReactNative"),p=require("./GorhomPortal");const h=o=>{const t=b.useContext(a.RootTagContext),r=(0,i.jsx)(l.YStack,{pointerEvents:"box-none",fullscreen:!0,position:"absolute",maxWidth:"100%",zIndex:1e5,...o});return a.Platform.OS==="android"?(0,i.jsx)(p.PortalItem,{hostName:"root",children:r}):t?(0,f.createPortal)(r,t):(process.env.NODE_ENV==="development"&&console.warn('Missing rootTag, this is a bug - you may need a different React Native version, or to avoid using "modal" on native.'),null)};0&&(module.exports={Portal});
+"use strict";
+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, { 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;
+};
+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 Portal_native_exports = {};
+__export(Portal_native_exports, {
+  Portal: () => Portal
+});
+module.exports = __toCommonJS(Portal_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_stacks = require("@tamagui/stacks");
+var React = __toESM(require("react"));
+var import_react_native = require("react-native");
+var import_ReactNative = require("react-native/Libraries/Renderer/shims/ReactNative");
+var import_GorhomPortal = require("./GorhomPortal");
+const Portal = (props) => {
+  const rootTag = React.useContext(import_react_native.RootTagContext);
+  const contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_stacks.YStack,
+    {
+      pointerEvents: "box-none",
+      fullscreen: true,
+      position: "absolute",
+      maxWidth: "100%",
+      zIndex: 1e5,
+      ...props
+    }
+  );
+  if (import_react_native.Platform.OS === "android") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GorhomPortal.PortalItem, { hostName: "root", children: contents });
+  }
+  if (rootTag) {
+    return (0, import_ReactNative.createPortal)(contents, rootTag);
+  }
+  if (process.env.NODE_ENV === "development") {
+    console.warn(
+      `Missing rootTag, this is a bug - you may need a different React Native version, or to avoid using "modal" on native.`
+    );
+  }
+  return null;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Portal
+});
 //# sourceMappingURL=Portal.native.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Portal.native.tsx"],
   "sourcesContent": ["import { YStack } from '@tamagui/stacks'\nimport * as React from 'react'\n// @ts-ignore\nimport { Platform, RootTagContext } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\nimport { PortalItem } from './GorhomPortal'\nimport { PortalProps } from './PortalProps'\n\nexport const Portal = (props: PortalProps) => {\n  const rootTag = React.useContext(RootTagContext)\n\n  const contents = (\n    <YStack\n      pointerEvents=\"box-none\"\n      fullscreen\n      position=\"absolute\"\n      maxWidth=\"100%\"\n      zIndex={100000}\n      {...props}\n    />\n  )\n\n  if (Platform.OS === 'android') {\n    return <PortalItem hostName=\"root\">{contents}</PortalItem>\n  }\n\n  if (rootTag) {\n    return createPortal(contents, rootTag)\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `Missing rootTag, this is a bug - you may need a different React Native version, or to avoid using \"modal\" on native.`\n    )\n  }\n\n  return null\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAaI,IAAAI,EAAA,6BAbJC,EAAuB,2BACvBC,EAAuB,oBAEvBC,EAAyC,wBACzCC,EAA6B,6DAE7BC,EAA2B,0BAGpB,MAAMP,EAAUQ,GAAuB,CAC5C,MAAMC,EAAUL,EAAM,WAAW,gBAAc,EAEzCM,KACJ,OAAC,UACC,cAAc,WACd,WAAU,GACV,SAAS,WACT,SAAS,OACT,OAAQ,IACP,GAAGF,EACN,EAGF,OAAI,WAAS,KAAO,aACX,OAAC,cAAW,SAAS,OAAQ,SAAAE,EAAS,EAG3CD,KACK,gBAAaC,EAAUD,CAAO,GAGnC,QAAQ,IAAI,WAAa,eAE3B,QAAQ,KACN,sHACF,EAGK,KACT",
-  "names": ["Portal_native_exports", "__export", "Portal", "__toCommonJS", "import_jsx_runtime", "import_stacks", "React", "import_react_native", "import_ReactNative", "import_GorhomPortal", "props", "rootTag", "contents"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaI;AAbJ,oBAAuB;AACvB,YAAuB;AAEvB,0BAAyC;AACzC,yBAA6B;AAE7B,0BAA2B;AAGpB,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,kCAAc;AAE/C,QAAM,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,MAAI,6BAAS,OAAO,WAAW;AAC7B,WAAO,4CAAC,kCAAW,UAAS,QAAQ,oBAAS;AAAA,EAC/C;AAEA,MAAI,SAAS;AACX,eAAO,iCAAa,UAAU,OAAO;AAAA,EACvC;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
 }

package/dist/cjs/PortalProps.js

@@ -1,2 +1,17 @@
-"use strict";var p=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var i=(t,o,e,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of P(o))!c.call(t,r)&&r!==e&&p(t,r,{get:()=>o[r],enumerable:!(a=s(o,r))||a.enumerable});return t};var n=t=>i(p({},"__esModule",{value:!0}),t);var k={};module.exports=n(k);
+"use strict";
+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))
+      if (!__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: true }), mod);
+var PortalProps_exports = {};
+module.exports = __toCommonJS(PortalProps_exports);
 //# sourceMappingURL=PortalProps.js.map

package/dist/cjs/PortalProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/PortalProps.tsx"],
   "sourcesContent": ["import { YStackProps } from '@tamagui/stacks'\n\nexport type PortalProps = YStackProps & {\n  host?: any // element\n  inactive?: boolean\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["PortalProps_exports", "__toCommonJS"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
 }

package/dist/cjs/index.js

@@ -1,2 +1,21 @@
-"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var t=(f,r,p,x)=>{if(r&&typeof r=="object"||typeof r=="function")for(let m of c(r))!d.call(f,m)&&m!==p&&a(f,m,{get:()=>r[m],enumerable:!(x=b(r,m))||x.enumerable});return f},e=(f,r,p)=>(t(f,r,"default"),p&&t(p,r,"default"));var g=f=>t(a({},"__esModule",{value:!0}),f);var o={};module.exports=g(o);e(o,require("./Portal"),module.exports);e(o,require("./PortalProps"),module.exports);e(o,require("./GorhomPortal"),module.exports);
+"use strict";
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), 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

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx"],
   "sourcesContent": ["export * from './Portal'\nexport * from './PortalProps'\nexport * from './GorhomPortal'\n"],
-  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,oBAAd,gBACAE,EAAAF,EAAc,yBADd,gBAEAE,EAAAF,EAAc,0BAFd",
-  "names": ["src_exports", "__toCommonJS", "__reExport"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;AACA,wBAAc,0BADd;AAEA,wBAAc,2BAFd;",
+  "names": []
 }