@tamagui/portal 1.0.1-beta.174 → 1.0.1-beta.176

package/dist/cjs/Portal.js.map

@@ -1,7 +1,7 @@
 {
   "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, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nexport type PortalProps = YStackProps & {\n  host?: any // element\n}\n\nexport const Portal = ({ host = globalThis.document?.body, ...props }: PortalProps) => {\n  const contents = (\n    <YStack\n      pointerEvents=\"box-none\"\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      {...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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcI;AAbJ,0BAAO;AAEP,kBAAiD;AACjD,oBAAoC;AACpC,YAAuB;AACvB,uBAA6B;AAMtB,MAAM,SAAS,CAAC,EAAE,QAAO,yBAAW,aAAX,mBAAqB,YAAS,MAAM,MAAmB;AACrF,QAAM,WACJ,4CAAC;AAAA,IACC,eAAc;AAAA,IACd,SAAQ;AAAA,IACR,YAAU;AAAA,IAEV,UAAU,oBAAQ,UAAU;AAAA,IAC5B,UAAU,oBAAQ,UAAU;AAAA,IAC5B,WAAW,oBAAQ,UAAU;AAAA,IAC5B,GAAG;AAAA,GACN;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;",
+  "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      pointerEvents=\"box-none\"\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      {...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": ";;;;;;;;;;;;;;;;;;;;;;;;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,YAAS,MAAM,MAAmB;AACrF,QAAM,WACJ,4CAAC;AAAA,IACC,eAAc;AAAA,IACd,SAAQ;AAAA,IACR,YAAU;AAAA,IAEV,UAAU,oBAAQ,UAAU;AAAA,IAC5B,UAAU,oBAAQ,UAAU;AAAA,IAC5B,WAAW,oBAAQ,UAAU;AAAA,IAC5B,GAAG;AAAA,GACN;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

@@ -45,6 +45,11 @@ const Portal = (props) => {
   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:

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Portal.native.tsx"],
-  "sourcesContent": ["import { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\n// @ts-ignore\nimport { RootTagContext } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\nexport type PortalProps = YStackProps\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 (rootTag) {\n    return createPortal(contents, rootTag)\n  }\n\n  return null\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYI;AAZJ,oBAAoC;AACpC,YAAuB;AAEvB,0BAA+B;AAC/B,yBAA6B;AAItB,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,kCAAc;AAE/C,QAAM,WACJ,4CAAC;AAAA,IACC,eAAc;AAAA,IACd,YAAU;AAAA,IACV,UAAS;AAAA,IACT,UAAS;AAAA,IACT,QAAQ;AAAA,IACP,GAAG;AAAA,GACN;AAGF,MAAI,SAAS;AACX,eAAO,iCAAa,UAAU,OAAO;AAAA,EACvC;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\n// @ts-ignore\nimport { RootTagContext } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\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 (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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYI;AAZJ,oBAAoC;AACpC,YAAuB;AAEvB,0BAA+B;AAC/B,yBAA6B;AAItB,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,kCAAc;AAE/C,QAAM,WACJ,4CAAC;AAAA,IACC,eAAc;AAAA,IACd,YAAU;AAAA,IACV,UAAS;AAAA,IACT,UAAS;AAAA,IACT,QAAQ;AAAA,IACP,GAAG;AAAA,GACN;AAGF,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

@@ -0,0 +1,17 @@
+"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

@@ -0,0 +1,7 @@
+{
+  "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": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/Portal.js.map

@@ -1,7 +1,7 @@
 {
   "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, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nexport type PortalProps = YStackProps & {\n  host?: any // element\n}\n\nexport const Portal = ({ host = globalThis.document?.body, ...props }: PortalProps) => {\n  const contents = (\n    <YStack\n      pointerEvents=\"box-none\"\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      {...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": "AAcI;AAbJ,OAAO;AAEP,SAAS,OAAO,iCAAiC;AACjD,SAAS,cAA2B;AACpC,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAMtB,MAAM,SAAS,CAAC,EAAE,QAAO,yBAAW,aAAX,mBAAqB,YAAS,MAAM,MAAmB;AACrF,QAAM,WACJ,oBAAC;AAAA,IACC,eAAc;AAAA,IACd,SAAQ;AAAA,IACR,YAAU;AAAA,IAEV,UAAU,QAAQ,UAAU;AAAA,IAC5B,UAAU,QAAQ,UAAU;AAAA,IAC5B,WAAW,QAAQ,UAAU;AAAA,IAC5B,GAAG;AAAA,GACN;AAGF,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAc,IAAI;AAE9D,4BAA0B,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,aAAa;AACf,WAAO,aAAa,UAAU,WAAW;AAAA,EAC3C;AAGA,SAAO;AACT;",
+  "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      pointerEvents=\"box-none\"\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      {...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": "AAYI;AAXJ,OAAO;AAEP,SAAS,OAAO,iCAAiC;AACjD,SAAS,cAAc;AACvB,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAItB,MAAM,SAAS,CAAC,EAAE,QAAO,yBAAW,aAAX,mBAAqB,YAAS,MAAM,MAAmB;AACrF,QAAM,WACJ,oBAAC;AAAA,IACC,eAAc;AAAA,IACd,SAAQ;AAAA,IACR,YAAU;AAAA,IAEV,UAAU,QAAQ,UAAU;AAAA,IAC5B,UAAU,QAAQ,UAAU;AAAA,IAC5B,WAAW,QAAQ,UAAU;AAAA,IAC5B,GAAG;AAAA,GACN;AAGF,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAc,IAAI;AAE9D,4BAA0B,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,aAAa;AACf,WAAO,aAAa,UAAU,WAAW;AAAA,EAC3C;AAGA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/Portal.native.js

@@ -16,6 +16,11 @@ const Portal = (props) => {
   if (rootTag) {
     return 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;
 };
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Portal.native.tsx"],
-  "sourcesContent": ["import { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\n// @ts-ignore\nimport { RootTagContext } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\nexport type PortalProps = YStackProps\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 (rootTag) {\n    return createPortal(contents, rootTag)\n  }\n\n  return null\n}\n"],
-  "mappings": "AAYI;AAZJ,SAAS,cAA2B;AACpC,YAAY,WAAW;AAEvB,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAItB,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,cAAc;AAE/C,QAAM,WACJ,oBAAC;AAAA,IACC,eAAc;AAAA,IACd,YAAU;AAAA,IACV,UAAS;AAAA,IACT,UAAS;AAAA,IACT,QAAQ;AAAA,IACP,GAAG;AAAA,GACN;AAGF,MAAI,SAAS;AACX,WAAO,aAAa,UAAU,OAAO;AAAA,EACvC;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\n// @ts-ignore\nimport { RootTagContext } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\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 (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": "AAYI;AAZJ,SAAS,cAA2B;AACpC,YAAY,WAAW;AAEvB,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAItB,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,cAAc;AAE/C,QAAM,WACJ,oBAAC;AAAA,IACC,eAAc;AAAA,IACd,YAAU;AAAA,IACV,UAAS;AAAA,IACT,UAAS;AAAA,IACT,QAAQ;AAAA,IACP,GAAG;AAAA,GACN;AAGF,MAAI,SAAS;AACX,WAAO,aAAa,UAAU,OAAO;AAAA,EACvC;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/PortalProps.js

@@ -0,0 +1 @@
+//# sourceMappingURL=PortalProps.js.map

package/dist/esm/PortalProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/jsx/Portal.js.map

@@ -1,7 +1,7 @@
 {
   "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, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nexport type PortalProps = YStackProps & {\n  host?: any // element\n}\n\nexport const Portal = ({ host = globalThis.document?.body, ...props }: PortalProps) => {\n  const contents = (\n    <YStack\n      pointerEvents=\"box-none\"\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      {...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": "AACA,OAAO;AAEP,SAAS,OAAO,iCAAiC;AACjD,SAAS,cAA2B;AACpC,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAMtB,MAAM,SAAS,CAAC,EAAE,OAAO,WAAW,UAAU,SAAS,MAAM,MAAmB;AACrF,QAAM,WACJ,CAAC,OACC,cAAc,WACd,QAAQ,SACR,WAEA,UAAU,QAAQ,UAAU,YAC5B,UAAU,QAAQ,UAAU,QAC5B,WAAW,QAAQ,UAAU,YACzB,OACN;AAGF,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAc,IAAI;AAE9D,4BAA0B,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,aAAa;AACf,WAAO,aAAa,UAAU,WAAW;AAAA,EAC3C;AAGA,SAAO;AACT;",
+  "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      pointerEvents=\"box-none\"\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      {...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": "AACA,OAAO;AAEP,SAAS,OAAO,iCAAiC;AACjD,SAAS,cAAc;AACvB,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAItB,MAAM,SAAS,CAAC,EAAE,OAAO,WAAW,UAAU,SAAS,MAAM,MAAmB;AACrF,QAAM,WACJ,CAAC,OACC,cAAc,WACd,QAAQ,SACR,WAEA,UAAU,QAAQ,UAAU,YAC5B,UAAU,QAAQ,UAAU,QAC5B,WAAW,QAAQ,UAAU,YACzB,OACN;AAGF,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAc,IAAI;AAE9D,4BAA0B,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,aAAa;AACf,WAAO,aAAa,UAAU,WAAW;AAAA,EAC3C;AAGA,SAAO;AACT;",
   "names": []
 }

package/dist/jsx/Portal.native.js

@@ -8,6 +8,11 @@ const Portal = (props) => {
   if (rootTag) {
     return 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;
 };
 export {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Portal.native.tsx"],
-  "sourcesContent": ["import { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\n// @ts-ignore\nimport { RootTagContext } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\nexport type PortalProps = YStackProps\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 (rootTag) {\n    return createPortal(contents, rootTag)\n  }\n\n  return null\n}\n"],
-  "mappings": "AAAA,SAAS,cAA2B;AACpC,YAAY,WAAW;AAEvB,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAItB,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,cAAc;AAE/C,QAAM,WACJ,CAAC,OACC,cAAc,WACd,WACA,SAAS,WACT,SAAS,OACT,QAAQ,SACJ,OACN;AAGF,MAAI,SAAS;AACX,WAAO,aAAa,UAAU,OAAO;AAAA,EACvC;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\n// @ts-ignore\nimport { RootTagContext } from 'react-native'\nimport { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'\n\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 (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": "AAAA,SAAS,cAA2B;AACpC,YAAY,WAAW;AAEvB,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAItB,MAAM,SAAS,CAAC,UAAuB;AAC5C,QAAM,UAAU,MAAM,WAAW,cAAc;AAE/C,QAAM,WACJ,CAAC,OACC,cAAc,WACd,WACA,SAAS,WACT,SAAS,OACT,QAAQ,SACJ,OACN;AAGF,MAAI,SAAS;AACX,WAAO,aAAa,UAAU,OAAO;AAAA,EACvC;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/jsx/PortalProps.js

@@ -0,0 +1 @@
+//# sourceMappingURL=PortalProps.js.map

package/dist/jsx/PortalProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/portal",
-  "version": "1.0.1-beta.174",
+  "version": "1.0.1-beta.176",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
@@ -20,8 +20,8 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/core": "^1.0.1-beta.174",
-    "@tamagui/stacks": "^1.0.1-beta.174"
+    "@tamagui/core": "^1.0.1-beta.176",
+    "@tamagui/stacks": "^1.0.1-beta.176"
   },
   "peerDependencies": {
     "react": "*",
@@ -29,7 +29,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.174",
+    "@tamagui/build": "^1.0.1-beta.176",
     "@types/react-native": "^0.69.2",
     "react": "*",
     "react-dom": "*",

package/src/Portal.native.tsx

@@ -4,7 +4,7 @@ import * as React from 'react'
 import { RootTagContext } from 'react-native'
 import { createPortal } from 'react-native/Libraries/Renderer/shims/ReactNative'
 
-export type PortalProps = YStackProps
+import { PortalProps } from './PortalProps'
 
 export const Portal = (props: PortalProps) => {
   const rootTag = React.useContext(RootTagContext)
@@ -24,5 +24,12 @@ export const Portal = (props: PortalProps) => {
     return createPortal(contents, rootTag)
   }
 
+  if (process.env.NODE_ENV === 'development') {
+    // eslint-disable-next-line no-console
+    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
 }

package/src/Portal.tsx

@@ -2,13 +2,11 @@
 import '@tamagui/polyfill-dev'
 
 import { isWeb, useIsomorphicLayoutEffect } from '@tamagui/core'
-import { YStack, YStackProps } from '@tamagui/stacks'
+import { YStack } from '@tamagui/stacks'
 import * as React from 'react'
 import { createPortal } from 'react-dom'
 
-export type PortalProps = YStackProps & {
-  host?: any // element
-}
+import { PortalProps } from './PortalProps'
 
 export const Portal = ({ host = globalThis.document?.body, ...props }: PortalProps) => {
   const contents = (

package/src/PortalProps.tsx

@@ -0,0 +1,6 @@
+import { YStackProps } from '@tamagui/stacks'
+
+export type PortalProps = YStackProps & {
+  host?: any // element
+  inactive?: boolean
+}

package/types/Portal.d.ts

@@ -1,8 +1,5 @@
 import '@tamagui/polyfill-dev';
-import { YStackProps } from '@tamagui/stacks';
 import * as React from 'react';
-export declare type PortalProps = YStackProps & {
-    host?: any;
-};
+import { PortalProps } from './PortalProps';
 export declare const Portal: ({ host, ...props }: PortalProps) => React.ReactPortal | null;
 //# sourceMappingURL=Portal.d.ts.map

package/types/Portal.native.d.ts

@@ -1,4 +1,3 @@
-import { YStackProps } from '@tamagui/stacks';
-export declare type PortalProps = YStackProps;
+import { PortalProps } from './PortalProps';
 export declare const Portal: (props: PortalProps) => any;
 //# sourceMappingURL=Portal.native.d.ts.map

package/types/PortalProps.d.ts

@@ -0,0 +1,6 @@
+import { YStackProps } from '@tamagui/stacks';
+export declare type PortalProps = YStackProps & {
+    host?: any;
+    inactive?: boolean;
+};
+//# sourceMappingURL=PortalProps.d.ts.map