@tamagui/react-native-web-lite 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/Alert/index.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Alert_exports = {};
 __export(Alert_exports, {

package/dist/cjs/AppRegistry/AppContainer.cjs

@@ -2,66 +2,71 @@ 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 __getProtoOf = Object.getPrototypeOf;
+var __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, {
+  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;
-  };
+  }
+  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);
+// 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 AppContainer_exports = {};
 __export(AppContainer_exports, {
   AppContainer: () => AppContainer,
   RootTagContext: () => RootTagContext
 });
 module.exports = __toCommonJS(AppContainer_exports);
-var React = __toESM(require("react"), 1),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
-  import_View = require("../View/index.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const RootTagContext = React.createContext(null),
-  AppContainer = React.forwardRef((props, forwardedRef) => {
-    const {
-      children,
-      WrapperComponent
-    } = props;
-    let innerView = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
+var React = __toESM(require("react"), 1);
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_View = require("../View/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const RootTagContext = React.createContext(null);
+const AppContainer = React.forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    WrapperComponent
+  } = props;
+  let innerView = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
+    pointerEvents: "box-none",
+    style: styles.appContainer,
+    children
+  }, 1);
+  if (WrapperComponent) {
+    innerView = /* @__PURE__ */(0, import_jsx_runtime.jsx)(WrapperComponent, {
+      children: innerView
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RootTagContext.Provider, {
+    value: props.rootTag,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
       pointerEvents: "box-none",
+      ref: forwardedRef,
       style: styles.appContainer,
-      children
-    }, 1);
-    return WrapperComponent && (innerView = /* @__PURE__ */(0, import_jsx_runtime.jsx)(WrapperComponent, {
       children: innerView
-    })), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RootTagContext.Provider, {
-      value: props.rootTag,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
-        pointerEvents: "box-none",
-        ref: forwardedRef,
-        style: styles.appContainer,
-        children: innerView
-      })
-    });
+    })
   });
+});
 AppContainer.displayName = "AppContainer";
 const styles = import_react_native_web_internals.StyleSheet.create({
   appContainer: {

package/dist/cjs/AppRegistry/__tests__/index-test.cjs

@@ -2,13 +2,15 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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
-  });
+  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(
@@ -18,39 +20,51 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // "default" to the CommonJS "module.exports" for node compatibility.
 isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
-  enumerable: !0
+  enumerable: true
 }) : target, mod));
-var import_react = __toESM(require("react"), 1),
-  import__ = __toESM(require("../index.cjs"), 1);
+var import_react = __toESM(require("react"), 1);
+var import__ = __toESM(require("../index.cjs"), 1);
 const NoopComponent = () => import_react.default.createElement("div");
 describe("AppRegistry", () => {
   describe("runApplication", () => {
     let rootTag;
     beforeEach(() => {
-      rootTag = document.createElement("div"), rootTag.id = "react-root", document.body.appendChild(rootTag);
-    }), afterEach(() => {
+      rootTag = document.createElement("div");
+      rootTag.id = "react-root";
+      document.body.appendChild(rootTag);
+    });
+    afterEach(() => {
       document.body.removeChild(rootTag);
-    }), test("callback after render", () => {
+    });
+    test("callback after render", () => {
       const callback = jest.fn();
-      import__.default.registerComponent("App", () => NoopComponent), import__.default.runApplication("App", {
+      import__.default.registerComponent("App", () => NoopComponent);
+      import__.default.runApplication("App", {
         initialProps: {},
         rootTag,
         callback
-      }), expect(callback).toHaveBeenCalledTimes(1);
-    }), test("styles roots in different documents", () => {
-      import__.default.registerComponent("App", () => NoopComponent), import__.default.runApplication("App", {
+      });
+      expect(callback).toHaveBeenCalledTimes(1);
+    });
+    test("styles roots in different documents", () => {
+      import__.default.registerComponent("App", () => NoopComponent);
+      import__.default.runApplication("App", {
         initialProps: {},
         rootTag
       });
       const iframe = document.createElement("iframe");
       document.body.appendChild(iframe);
       const iframeRootTag = document.createElement("div");
-      iframeRootTag.id = "react-iframe-root", iframe.contentWindow.document.body.appendChild(iframeRootTag), import__.default.registerComponent("App", () => NoopComponent), import__.default.runApplication("App", {
+      iframeRootTag.id = "react-iframe-root";
+      iframe.contentWindow.document.body.appendChild(iframeRootTag);
+      import__.default.registerComponent("App", () => NoopComponent);
+      import__.default.runApplication("App", {
         initialProps: {},
         rootTag: iframeRootTag
       });
       const iframedoc = iframeRootTag.ownerDocument;
-      expect(iframedoc).toBe(iframe.contentWindow.document), expect(iframedoc).not.toBe(document);
+      expect(iframedoc).toBe(iframe.contentWindow.document);
+      expect(iframedoc).not.toBe(document);
       const cssText = Array.prototype.slice.call(iframedoc.getElementById("react-native-stylesheet").sheet.cssRules).map(cssRule => cssRule.cssText);
       expect(cssText).toMatchInlineSnapshot(`
         [

package/dist/cjs/AppRegistry/__tests__/index-test.node.cjs

@@ -2,13 +2,15 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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
-  });
+  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(
@@ -18,32 +20,35 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // "default" to the CommonJS "module.exports" for node compatibility.
 isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
-  enumerable: !0
+  enumerable: true
 }) : target, mod));
-var import_react = __toESM(require("react"), 1),
-  import_server = __toESM(require("react-dom/server"), 1),
-  import_StyleSheet = __toESM(require("../../StyleSheet/index"), 1),
-  import_View = __toESM(require("../../View/index.cjs"), 1),
-  import__ = __toESM(require("../index.cjs"), 1);
+var import_react = __toESM(require("react"), 1);
+var import_server = __toESM(require("react-dom/server"), 1);
+var import_StyleSheet = __toESM(require("../../StyleSheet/index"), 1);
+var import_View = __toESM(require("../../View/index.cjs"), 1);
+var import__ = __toESM(require("../index.cjs"), 1);
 const NoopComponent = () => import_react.default.createElement("div");
 describe("AppRegistry", () => {
   describe("getApplication", () => {
     test("does not throw when missing appParameters", () => {
-      import__.default.registerComponent("App", () => NoopComponent), expect(() => import__.default.getApplication("App")).not.toThrow();
-    }), test('returns "element" and "getStyleElement"', () => {
+      import__.default.registerComponent("App", () => NoopComponent);
+      expect(() => import__.default.getApplication("App")).not.toThrow();
+    });
+    test('returns "element" and "getStyleElement"', () => {
       import__.default.registerComponent("App", () => NoopComponent);
       const {
-          element,
-          getStyleElement
-        } = import__.default.getApplication("App", {}),
-        styleElement = import_server.default.renderToStaticMarkup(getStyleElement());
+        element,
+        getStyleElement
+      } = import__.default.getApplication("App", {});
+      const styleElement = import_server.default.renderToStaticMarkup(getStyleElement());
       expect(element).toMatchInlineSnapshot(`
         <AppContainer
           rootTag={{}}
         >
           <NoopComponent />
         </AppContainer>
-      `), expect(styleElement).toMatchInlineSnapshot(`
+      `);
+      expect(styleElement).toMatchInlineSnapshot(`
         "<style id=\\"react-native-stylesheet\\">[stylesheet-group=\\"0\\"]{}
         body{margin:0;}
         button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
@@ -67,24 +72,26 @@ describe("AppRegistry", () => {
         .r-right-zchlnj{right:0px;}
         .r-top-ipm5af{top:0px;}</style>"
       `);
-    }), test('"getStyleElement" adds props to <style>', () => {
+    });
+    test('"getStyleElement" adds props to <style>', () => {
       const nonce = "2Bz9RM/UHvBbmo3jK/PbYZ==";
       import__.default.registerComponent("App", () => NoopComponent);
       const {
-          getStyleElement
-        } = import__.default.getApplication("App", {}),
-        styleElement = getStyleElement({
-          nonce
-        });
+        getStyleElement
+      } = import__.default.getApplication("App", {});
+      const styleElement = getStyleElement({
+        nonce
+      });
       expect(styleElement.props.nonce).toBe(nonce);
-    }), test('"getStyleElement" contains style updates', () => {
+    });
+    test('"getStyleElement" contains style updates', () => {
       const getApplicationStyles = appName => {
-          const {
-            getStyleElement
-          } = import__.default.getApplication(appName, {});
-          return getStyleElement().props.dangerouslySetInnerHTML.__html;
-        },
-        RootComponent = () => import_react.default.createElement(import_View.default);
+        const {
+          getStyleElement
+        } = import__.default.getApplication(appName, {});
+        return getStyleElement().props.dangerouslySetInnerHTML.__html;
+      };
+      const RootComponent = () => import_react.default.createElement(import_View.default);
       import__.default.registerComponent("App", () => RootComponent);
       const first = getApplicationStyles("App");
       expect(first).toMatchInlineSnapshot(`
@@ -112,14 +119,14 @@ describe("AppRegistry", () => {
         .r-top-ipm5af{top:0px;}"
       `);
       const styles = import_StyleSheet.default.create({
-          root: {
-            borderWidth: 1234,
-            backgroundColor: "purple"
-          }
-        }),
-        AlternativeComponent = () => import_react.default.createElement(import_View.default, {
-          style: styles.root
-        });
+        root: {
+          borderWidth: 1234,
+          backgroundColor: "purple"
+        }
+      });
+      const AlternativeComponent = () => import_react.default.createElement(import_View.default, {
+        style: styles.root
+      });
       import__.default.registerComponent("AlternativeApp", () => AlternativeComponent);
       const second = getApplicationStyles("AlternativeApp");
       expect(second).toMatchInlineSnapshot(`

package/dist/cjs/AppRegistry/index.cjs

@@ -3,50 +3,54 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var AppRegistry_exports = {};
 __export(AppRegistry_exports, {
   AppRegistry: () => AppRegistry
 });
 module.exports = __toCommonJS(AppRegistry_exports);
-var import_react_dom = require("react-dom"),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
-  import_renderApplication = require("./renderApplication.cjs");
-const emptyObject = {},
-  runnables = {};
-let componentProviderInstrumentationHook = component => component(),
-  wrapperComponentProvider;
+var import_react_dom = require("react-dom");
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_renderApplication = require("./renderApplication.cjs");
+const emptyObject = {};
+const runnables = {};
+let componentProviderInstrumentationHook = component => component();
+let wrapperComponentProvider;
 class AppRegistry {
   static getAppKeys() {
     return Object.keys(runnables);
   }
   static getApplication(appKey, appParameters) {
-    return (0, import_react_native_web_internals.invariant)(runnables[appKey] && runnables[appKey].getApplication, `Application ${appKey} has not been registered. This is either due to an import error during initialization or failure to call AppRegistry.registerComponent.`), runnables[appKey]?.getApplication?.(appParameters);
+    (0, import_react_native_web_internals.invariant)(runnables[appKey] && runnables[appKey].getApplication, `Application ${appKey} has not been registered. This is either due to an import error during initialization or failure to call AppRegistry.registerComponent.`);
+    return runnables[appKey]?.getApplication?.(appParameters);
   }
   static registerComponent(appKey, componentProvider) {
-    return runnables[appKey] = {
+    runnables[appKey] = {
       getApplication: appParameters => (0, import_renderApplication.getApplication)(componentProviderInstrumentationHook(componentProvider), appParameters ? appParameters.initialProps : emptyObject, wrapperComponentProvider && wrapperComponentProvider(appParameters)),
       run: appParameters => (0, import_renderApplication.renderApplication)(componentProviderInstrumentationHook(componentProvider), wrapperComponentProvider && wrapperComponentProvider(appParameters), appParameters.callback, {
-        hydrate: appParameters.hydrate || !1,
+        hydrate: appParameters.hydrate || false,
         initialProps: appParameters.initialProps || emptyObject,
         mode: appParameters.mode || "legacy",
         rootTag: appParameters.rootTag
       })
-    }, appKey;
+    };
+    return appKey;
   }
   static registerConfig(config) {
     config.forEach(({
@@ -54,14 +58,20 @@ class AppRegistry {
       component,
       run
     }) => {
-      run ? AppRegistry.registerRunnable(appKey, run) : ((0, import_react_native_web_internals.invariant)(component, "No component provider passed in"), AppRegistry.registerComponent(appKey, component));
+      if (run) {
+        AppRegistry.registerRunnable(appKey, run);
+      } else {
+        (0, import_react_native_web_internals.invariant)(component, "No component provider passed in");
+        AppRegistry.registerComponent(appKey, component);
+      }
     });
   }
   // TODO: fix style sheet creation when using this method
   static registerRunnable(appKey, run) {
-    return runnables[appKey] = {
+    runnables[appKey] = {
       run
-    }, appKey;
+    };
+    return appKey;
   }
   static runApplication(appKey, appParameters) {
     const isDevelopment = process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test";
@@ -69,12 +79,14 @@ class AppRegistry {
       const params = {
         ...appParameters
       };
-      params.rootTag = `#${params.rootTag.id}`, console.log(`Running application "${appKey}" with appParams:
+      params.rootTag = `#${params.rootTag.id}`;
+      console.log(`Running application "${appKey}" with appParams:
 `, params, `
 Development-level warnings: ${isDevelopment ? "ON" : "OFF"}.
 Performance optimizations: ${isDevelopment ? "OFF" : "ON"}.`);
     }
-    return (0, import_react_native_web_internals.invariant)(runnables[appKey] && runnables[appKey].run, `Application "${appKey}" has not been registered. This is either due to an import error during initialization or failure to call AppRegistry.registerComponent.`), runnables[appKey].run(appParameters);
+    (0, import_react_native_web_internals.invariant)(runnables[appKey] && runnables[appKey].run, `Application "${appKey}" has not been registered. This is either due to an import error during initialization or failure to call AppRegistry.registerComponent.`);
+    return runnables[appKey].run(appParameters);
   }
   static setComponentProviderInstrumentationHook(hook) {
     componentProviderInstrumentationHook = hook;

package/dist/cjs/AppRegistry/renderApplication.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __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, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var renderApplication_exports = {};
 __export(renderApplication_exports, {
@@ -24,20 +26,21 @@ __export(renderApplication_exports, {
   renderApplication: () => renderApplication
 });
 module.exports = __toCommonJS(renderApplication_exports);
-var import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
-  import_react_native_web_internals2 = require("@tamagui/react-native-web-internals"),
-  import_render = require("../render/index.cjs"),
-  import_AppContainer = require("./AppContainer.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_react_native_web_internals2 = require("@tamagui/react-native-web-internals");
+var import_render = require("../render/index.cjs");
+var import_AppContainer = require("./AppContainer.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 function renderApplication(RootComponent, WrapperComponent = null, callback = () => {}, options) {
   const {
-      hydrate: shouldHydrate,
-      initialProps,
-      mode,
-      rootTag
-    } = options,
-    renderFn = shouldHydrate ? mode === "concurrent" ? import_render.hydrate : import_render.hydrateLegacy : mode === "concurrent" ? import_render.render : import_render.renderLegacy;
-  return (0, import_react_native_web_internals2.invariant)(rootTag, "Expect to have a valid rootTag, instead got ", rootTag), renderFn(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AppContainer.AppContainer, {
+    hydrate: shouldHydrate,
+    initialProps,
+    mode,
+    rootTag
+  } = options;
+  const renderFn = shouldHydrate ? mode === "concurrent" ? import_render.hydrate : import_render.hydrateLegacy : mode === "concurrent" ? import_render.render : import_render.renderLegacy;
+  (0, import_react_native_web_internals2.invariant)(rootTag, "Expect to have a valid rootTag, instead got ", rootTag);
+  return renderFn(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AppContainer.AppContainer, {
     WrapperComponent,
     ref: callback,
     rootTag,
@@ -47,23 +50,25 @@ function renderApplication(RootComponent, WrapperComponent = null, callback = ()
   }), rootTag);
 }
 function getApplication(RootComponent, initialProps, WrapperComponent) {
+  const element = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AppContainer.AppContainer, {
+    WrapperComponent,
+    rootTag: {},
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RootComponent, {
+      ...initialProps
+    })
+  });
+  const getStyleElement = props => {
+    const sheet = import_react_native_web_internals.StyleSheet.getSheet();
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
+      ...props,
+      dangerouslySetInnerHTML: {
+        __html: sheet.textContent
+      },
+      id: sheet.id
+    });
+  };
   return {
-    element: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AppContainer.AppContainer, {
-      WrapperComponent,
-      rootTag: {},
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RootComponent, {
-        ...initialProps
-      })
-    }),
-    getStyleElement: props => {
-      const sheet = import_react_native_web_internals.StyleSheet.getSheet();
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
-        ...props,
-        dangerouslySetInnerHTML: {
-          __html: sheet.textContent
-        },
-        id: sheet.id
-      });
-    }
+    element,
+    getStyleElement
   };
 }

package/dist/cjs/AppState/__tests__/index-test.cjs

@@ -2,13 +2,15 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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
-  });
+  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(
@@ -18,15 +20,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // "default" to the CommonJS "module.exports" for node compatibility.
 isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
-  enumerable: !0
+  enumerable: true
 }) : target, mod));
 var import__ = __toESM(require("../index.cjs"), 1);
 describe("apis/AppState", () => {
   const handler = () => {};
   describe("addEventListener", () => {
     test('throws if the provided "eventType" is not supported', () => {
-      expect(() => import__.default.addEventListener("foo", handler)).toThrow(), expect(() => import__.default.addEventListener("change", handler).remove()).not.toThrow();
-    }), test("returns remove subscription", () => {
+      expect(() => import__.default.addEventListener("foo", handler)).toThrow();
+      expect(() => import__.default.addEventListener("change", handler).remove()).not.toThrow();
+    });
+    test("returns remove subscription", () => {
       const subscription = import__.default.addEventListener("change", handler);
       expect(() => subscription.remove()).not.toThrow();
     });