@hanzogui/react-native-web-lite 2.0.0-rc.41-hanzoai.5

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

@@ -0,0 +1,97 @@
+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 __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 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(() => {
+      document.body.removeChild(rootTag);
+    });
+    test("callback after render", () => {
+      const callback = jest.fn();
+      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", {
+        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", {
+        initialProps: {},
+        rootTag: iframeRootTag
+      });
+      const iframedoc = iframeRootTag.ownerDocument;
+      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(`
+        [
+          "[stylesheet-group=\\"0\\"] {}",
+          "body {margin: 0;}",
+          "button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}",
+          "html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}",
+          "input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none;}",
+          "[stylesheet-group=\\"1\\"] {}",
+          ".css-view-175oi2r {align-items: stretch; background-color: rgba(0,0,0,0.00); border: 0 solid black; box-sizing: border-box; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; list-style: none; margin: 0px; min-height: 0px; min-width: 0px; padding: 0px; position: relative; text-decoration: none; z-index: 0;}",
+          "[stylesheet-group=\\"2\\"] {}",
+          ".r-display-xoduu5 {display: inline-flex;}",
+          ".r-flex-13awgt0 {flex: 1;}",
+          "[stylesheet-group=\\"2.2\\"] {}",
+          ".r-bottom-1p0dtai {bottom: 0px;}",
+          ".r-left-1d2f490 {left: 0px;}",
+          ".r-pointerEvents-105ug2t {pointer-events: auto !important;}",
+          ".r-pointerEvents-12vffkv>* {pointer-events: auto;}",
+          ".r-pointerEvents-12vffkv {pointer-events: none !important;}",
+          ".r-pointerEvents-633pao {pointer-events: none !important;}",
+          ".r-pointerEvents-ah5dr5>* {pointer-events: none;}",
+          ".r-pointerEvents-ah5dr5 {pointer-events: auto !important;}",
+          ".r-position-u8s1d {position: absolute;}",
+          ".r-right-zchlnj {right: 0px;}",
+          ".r-top-ipm5af {top: 0px;}",
+        ]
+      `);
+    });
+  });
+});

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

@@ -0,0 +1,162 @@
+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 __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 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);
+      const {
+        element,
+        getStyleElement
+      } = import__.default.getApplication("App", {});
+      const styleElement = import_server.default.renderToStaticMarkup(getStyleElement());
+      expect(element).toMatchInlineSnapshot(`
+        <AppContainer
+          rootTag={{}}
+        >
+          <NoopComponent />
+        </AppContainer>
+      `);
+      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;}
+        html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+        input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
+        [stylesheet-group=\\"1\\"]{}
+        .css-view-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
+        [stylesheet-group=\\"2\\"]{}
+        .r-display-xoduu5{display:inline-flex;}
+        .r-flex-13awgt0{flex:1;}
+        [stylesheet-group=\\"2.2\\"]{}
+        .r-bottom-1p0dtai{bottom:0px;}
+        .r-left-1d2f490{left:0px;}
+        .r-pointerEvents-105ug2t{pointer-events:auto!important;}
+        .r-pointerEvents-12vffkv>*{pointer-events:auto;}
+        .r-pointerEvents-12vffkv{pointer-events:none!important;}
+        .r-pointerEvents-633pao{pointer-events:none!important;}
+        .r-pointerEvents-ah5dr5>*{pointer-events:none;}
+        .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
+        .r-position-u8s1d{position:absolute;}
+        .r-right-zchlnj{right:0px;}
+        .r-top-ipm5af{top:0px;}</style>"
+      `);
+    });
+    test('"getStyleElement" adds props to <style>', () => {
+      const nonce = "2Bz9RM/UHvBbmo3jK/PbYZ==";
+      import__.default.registerComponent("App", () => NoopComponent);
+      const {
+        getStyleElement
+      } = import__.default.getApplication("App", {});
+      const styleElement = getStyleElement({
+        nonce
+      });
+      expect(styleElement.props.nonce).toBe(nonce);
+    });
+    test('"getStyleElement" contains style updates', () => {
+      const getApplicationStyles = appName => {
+        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(`
+        "[stylesheet-group=\\"0\\"]{}
+        body{margin:0;}
+        button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+        html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+        input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
+        [stylesheet-group=\\"1\\"]{}
+        .css-view-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
+        [stylesheet-group=\\"2\\"]{}
+        .r-display-xoduu5{display:inline-flex;}
+        .r-flex-13awgt0{flex:1;}
+        [stylesheet-group=\\"2.2\\"]{}
+        .r-bottom-1p0dtai{bottom:0px;}
+        .r-left-1d2f490{left:0px;}
+        .r-pointerEvents-105ug2t{pointer-events:auto!important;}
+        .r-pointerEvents-12vffkv>*{pointer-events:auto;}
+        .r-pointerEvents-12vffkv{pointer-events:none!important;}
+        .r-pointerEvents-633pao{pointer-events:none!important;}
+        .r-pointerEvents-ah5dr5>*{pointer-events:none;}
+        .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
+        .r-position-u8s1d{position:absolute;}
+        .r-right-zchlnj{right:0px;}
+        .r-top-ipm5af{top:0px;}"
+      `);
+      const styles = import_StyleSheet.default.create({
+        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(`
+        "[stylesheet-group=\\"0\\"]{}
+        body{margin:0;}
+        button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+        html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+        input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
+        [stylesheet-group=\\"1\\"]{}
+        .css-view-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
+        [stylesheet-group=\\"2\\"]{}
+        .r-borderWidth-1bee2fs{border-bottom-width:1234px;border-left-width:1234px;border-right-width:1234px;border-top-width:1234px;}
+        .r-display-xoduu5{display:inline-flex;}
+        .r-flex-13awgt0{flex:1;}
+        [stylesheet-group=\\"2.2\\"]{}
+        .r-backgroundColor-aot4c7{background-color:rgba(128,0,128,1.00);}
+        .r-bottom-1p0dtai{bottom:0px;}
+        .r-left-1d2f490{left:0px;}
+        .r-pointerEvents-105ug2t{pointer-events:auto!important;}
+        .r-pointerEvents-12vffkv>*{pointer-events:auto;}
+        .r-pointerEvents-12vffkv{pointer-events:none!important;}
+        .r-pointerEvents-633pao{pointer-events:none!important;}
+        .r-pointerEvents-ah5dr5>*{pointer-events:none;}
+        .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
+        .r-position-u8s1d{position:absolute;}
+        .r-right-zchlnj{right:0px;}
+        .r-top-ipm5af{top:0px;}"
+      `);
+      const third = getApplicationStyles("App");
+      expect(third).toEqual(second);
+    });
+  });
+});

package/dist/cjs/AppRegistry/index.cjs

@@ -0,0 +1,100 @@
+var __defProp = Object.defineProperty;
+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: 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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var AppRegistry_exports = {};
+__export(AppRegistry_exports, {
+  AppRegistry: () => AppRegistry
+});
+module.exports = __toCommonJS(AppRegistry_exports);
+var import_react_dom = require("react-dom");
+var import_react_native_web_internals = require("@hanzogui/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) {
+    (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) {
+    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 || false,
+        initialProps: appParameters.initialProps || emptyObject,
+        mode: appParameters.mode || "legacy",
+        rootTag: appParameters.rootTag
+      })
+    };
+    return appKey;
+  }
+  static registerConfig(config) {
+    config.forEach(({
+      appKey,
+      component,
+      run
+    }) => {
+      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) {
+    runnables[appKey] = {
+      run
+    };
+    return appKey;
+  }
+  static runApplication(appKey, appParameters) {
+    const isDevelopment = process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test";
+    if (isDevelopment) {
+      const params = {
+        ...appParameters
+      };
+      params.rootTag = `#${params.rootTag.id}`;
+      console.log(`Running application "${appKey}" with appParams:
+`, params, `
+Development-level warnings: ${isDevelopment ? "ON" : "OFF"}.
+Performance optimizations: ${isDevelopment ? "OFF" : "ON"}.`);
+    }
+    (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;
+  }
+  static setWrapperComponentProvider(provider) {
+    wrapperComponentProvider = provider;
+  }
+  static unmountApplicationComponentAtRootTag(rootTag) {
+    (0, import_react_dom.unmountComponentAtNode)(rootTag);
+  }
+}

package/dist/cjs/AppRegistry/renderApplication.cjs

@@ -0,0 +1,74 @@
+var __defProp = Object.defineProperty;
+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: 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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var renderApplication_exports = {};
+__export(renderApplication_exports, {
+  getApplication: () => getApplication,
+  renderApplication: () => renderApplication
+});
+module.exports = __toCommonJS(renderApplication_exports);
+var import_react_native_web_internals = require("@hanzogui/react-native-web-internals");
+var import_react_native_web_internals2 = require("@hanzogui/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;
+  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,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RootComponent, {
+      ...initialProps
+    })
+  }), 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,
+    getStyleElement
+  };
+}

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

@@ -0,0 +1,38 @@
+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 __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 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", () => {
+      const subscription = import__.default.addEventListener("change", handler);
+      expect(() => subscription.remove()).not.toThrow();
+    });
+  });
+});

package/dist/cjs/AppState/index.cjs

@@ -0,0 +1,85 @@
+var __defProp = Object.defineProperty;
+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: 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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var AppState_exports = {};
+__export(AppState_exports, {
+  AppState: () => AppState
+});
+module.exports = __toCommonJS(AppState_exports);
+var import_react_native_web_internals = require("@hanzogui/react-native-web-internals");
+const isPrefixed =
+// eslint-disable-next-line no-prototype-builtins
+import_react_native_web_internals.canUseDOM && !document.hasOwnProperty("hidden") && document.hasOwnProperty("webkitHidden");
+const EVENT_TYPES = ["change", "memoryWarning"];
+const VISIBILITY_CHANGE_EVENT = isPrefixed ? "webkitvisibilitychange" : "visibilitychange";
+const VISIBILITY_STATE_PROPERTY = isPrefixed ? "webkitVisibilityState" : "visibilityState";
+const AppStates = {
+  BACKGROUND: "background",
+  ACTIVE: "active"
+};
+class EventEmitter {
+  listeners = {};
+  addListener(type, handler) {
+    this.listeners[type] ??= /* @__PURE__ */new Set();
+    this.listeners[type].add(handler);
+  }
+  emit(type, state) {
+    this.listeners[type]?.forEach(cb => cb(state));
+  }
+  removeListener(type, handler) {
+    this.listeners[type]?.delete(handler);
+  }
+}
+let hasBoundVisibilityChangeEvent = false;
+const changeEmitter = new EventEmitter();
+class AppState {
+  static isAvailable = import_react_native_web_internals.canUseDOM && document[VISIBILITY_STATE_PROPERTY];
+  static get currentState() {
+    if (!AppState.isAvailable) {
+      return AppStates.ACTIVE;
+    }
+    switch (document[VISIBILITY_STATE_PROPERTY]) {
+      case "hidden":
+      case "prerender":
+      case "unloaded":
+        return AppStates.BACKGROUND;
+      default:
+        return AppStates.ACTIVE;
+    }
+  }
+  static addEventListener(type, handler) {
+    if (AppState.isAvailable) {
+      (0, import_react_native_web_internals.invariant)(EVENT_TYPES.indexOf(type) !== -1, 'Trying to subscribe to unknown event: "%s"', type);
+      if (type === "change") {
+        if (!hasBoundVisibilityChangeEvent) {
+          hasBoundVisibilityChangeEvent = true;
+          document.addEventListener(VISIBILITY_CHANGE_EVENT, () => {
+            if (changeEmitter) {
+              changeEmitter.emit("change", AppState.currentState);
+            }
+          }, false);
+        }
+        return changeEmitter.addListener(type, handler);
+      }
+    }
+  }
+}

package/dist/cjs/Appearance/index.cjs

@@ -0,0 +1,64 @@
+var __defProp = Object.defineProperty;
+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: 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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Appearance_exports = {};
+__export(Appearance_exports, {
+  Appearance: () => Appearance
+});
+module.exports = __toCommonJS(Appearance_exports);
+var import_react_native_web_internals = require("@hanzogui/react-native-web-internals");
+function getQuery() {
+  return import_react_native_web_internals.canUseDOM && window.matchMedia != null ? window.matchMedia("(prefers-color-scheme: dark)") : null;
+}
+const query = getQuery();
+const listenerMapping = /* @__PURE__ */new WeakMap();
+const Appearance = {
+  getColorScheme() {
+    return query && query.matches ? "dark" : "light";
+  },
+  addChangeListener(listener) {
+    let mappedListener = listenerMapping.get(listener);
+    if (!mappedListener) {
+      mappedListener = ({
+        matches
+      }) => {
+        listener({
+          colorScheme: matches ? "dark" : "light"
+        });
+      };
+      listenerMapping.set(listener, mappedListener);
+    }
+    if (query) {
+      query.addListener(mappedListener);
+    }
+    function remove() {
+      const mappedListener2 = listenerMapping.get(listener);
+      if (query && mappedListener2) {
+        query.removeListener(mappedListener2);
+      }
+      listenerMapping.delete(listener);
+    }
+    return {
+      remove
+    };
+  }
+};

package/dist/cjs/BackHandler/index.cjs

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+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: 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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var BackHandler_exports = {};
+__export(BackHandler_exports, {
+  BackHandler: () => BackHandler
+});
+module.exports = __toCommonJS(BackHandler_exports);
+function emptyFunction() {}
+const BackHandler = {
+  exitApp: emptyFunction,
+  addEventListener() {
+    return {
+      remove: emptyFunction
+    };
+  },
+  removeEventListener: emptyFunction
+};