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

package/dist/esm/ActivityIndicator/index.mjs

@@ -0,0 +1,93 @@
+import * as React from "react";
+import { StyleSheet } from "@hanzogui/react-native-web-internals";
+import { View } from "../View/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const createSvgCircle = style => /* @__PURE__ */jsx("circle", {
+  cx: "16",
+  cy: "16",
+  fill: "none",
+  r: "14",
+  strokeWidth: "4",
+  style
+});
+const ActivityIndicator = React.forwardRef((props, forwardedRef) => {
+  const {
+    animating = true,
+    color = "#1976D2",
+    hidesWhenStopped = true,
+    size = "small",
+    style,
+    ...other
+  } = props;
+  const svg = /* @__PURE__ */jsxs("svg", {
+    height: "100%",
+    viewBox: "0 0 32 32",
+    width: "100%",
+    children: [createSvgCircle({
+      stroke: color,
+      opacity: 0.2
+    }), createSvgCircle({
+      stroke: color,
+      strokeDasharray: 80,
+      strokeDashoffset: 60
+    })]
+  });
+  return /* @__PURE__ */jsx(View, {
+    ...other,
+    accessibilityRole: "progressbar",
+    accessibilityValueMax: 1,
+    accessibilityValueMin: 0,
+    ref: forwardedRef,
+    style: [styles.container, style],
+    children: /* @__PURE__ */jsx(View, {
+      children: svg,
+      style: [typeof size === "number" ? {
+        height: size,
+        width: size
+      } : indicatorSizes[size], styles.animation, !animating && styles.animationPause, !animating && hidesWhenStopped && styles.hidesWhenStopped]
+    })
+  });
+});
+ActivityIndicator.displayName = "ActivityIndicator";
+const styles = StyleSheet.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  hidesWhenStopped: {
+    visibility: "hidden"
+  },
+  animation: {
+    animationDuration: "0.75s",
+    animationKeyframes: [{
+      "0%": {
+        transform: [{
+          rotate: "0deg"
+        }]
+      },
+      "100%": {
+        transform: [{
+          rotate: "360deg"
+        }]
+      }
+    }],
+    animationTimingFunction: "linear",
+    animationIterationCount: "infinite"
+  },
+  animationPause: {
+    animationPlayState: "paused"
+  }
+});
+const indicatorSizes = StyleSheet.create({
+  small: {
+    width: 20,
+    height: 20
+  },
+  large: {
+    width: 36,
+    height: 36
+  }
+});
+var ActivityIndicator_default = ActivityIndicator;
+export { ActivityIndicator, ActivityIndicator_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/ActivityIndicator/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","jsx","jsxs","createSvgCircle","style","cx","cy","fill","r","strokeWidth","ActivityIndicator","forwardRef","props","forwardedRef","animating","color","hidesWhenStopped","size","other","svg","height","viewBox","width","children","stroke","opacity","strokeDasharray","strokeDashoffset","accessibilityRole","accessibilityValueMax","accessibilityValueMin","ref","styles","container","indicatorSizes","animation","animationPause","displayName","create","alignItems","justifyContent","visibility","animationDuration","animationKeyframes","transform","rotate","animationTimingFunction","animationIterationCount","animationPlayState","small","large","ActivityIndicator_default"],"sources":["../../../src/ActivityIndicator/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,YAAYA,KAAA,MAAW;AACvB,SAASC,UAAA,QAAkB;AAG3B,SAASC,IAAA,QAAY;AAGnB,SAAAC,GAAA,EAsBIC,IAAA,QAtBJ;AADF,MAAMC,eAAA,GAAmBC,KAAA,IACvB,eAAAH,GAAA,CAAC;EAAOI,EAAA,EAAG;EAAKC,EAAA,EAAG;EAAKC,IAAA,EAAK;EAAOC,CAAA,EAAE;EAAKC,WAAA,EAAY;EAAIL;AAAA,CAAc;AAU3E,MAAMM,iBAAA,GAAoBZ,KAAA,CAAMa,UAAA,CAC9B,CAACC,KAAA,EAAOC,YAAA,KAAiB;EACvB,MAAM;IACJC,SAAA,GAAY;IACZC,KAAA,GAAQ;IACRC,gBAAA,GAAmB;IACnBC,IAAA,GAAO;IACPb,KAAA;IACA,GAAGc;EACL,IAAIN,KAAA;EAEJ,MAAMO,GAAA,GACJ,eAAAjB,IAAA,CAAC;IAAIkB,MAAA,EAAO;IAAOC,OAAA,EAAQ;IAAYC,KAAA,EAAM;IAC1CC,QAAA,GAAApB,eAAA,CAAgB;MACfqB,MAAA,EAAQT,KAAA;MACRU,OAAA,EAAS;IACX,CAAC,GACAtB,eAAA,CAAgB;MACfqB,MAAA,EAAQT,KAAA;MACRW,eAAA,EAAiB;MACjBC,gBAAA,EAAkB;IACpB,CAAC;EAAA,CACH;EAGF,OACE,eAAA1B,GAAA,CAACD,IAAA;IACE,GAAGkB,KAAA;IACJU,iBAAA,EAAkB;IAClBC,qBAAA,EAAuB;IACvBC,qBAAA,EAAuB;IACvBC,GAAA,EAAKlB,YAAA;IACLT,KAAA,EAAO,CAAC4B,MAAA,CAAOC,SAAA,EAAW7B,KAAK;IAE/BmB,QAAA,iBAAAtB,GAAA,CAACD,IAAA;MACCuB,QAAA,EAAUJ,GAAA;MACVf,KAAA,EAAO,CACL,OAAOa,IAAA,KAAS,WACZ;QAAEG,MAAA,EAAQH,IAAA;QAAMK,KAAA,EAAOL;MAAK,IAC5BiB,cAAA,CAAejB,IAAI,GACvBe,MAAA,CAAOG,SAAA,EACP,CAACrB,SAAA,IAAakB,MAAA,CAAOI,cAAA,EACrB,CAACtB,SAAA,IAAaE,gBAAA,IAAoBgB,MAAA,CAAOhB,gBAAA;IAC3C,CACF;EAAA,CACF;AAEJ,CACF;AAEAN,iBAAA,CAAkB2B,WAAA,GAAc;AAEhC,MAAML,MAAA,GAASjC,UAAA,CAAWuC,MAAA,CAAO;EAC/BL,SAAA,EAAW;IACTM,UAAA,EAAY;IACZC,cAAA,EAAgB;EAClB;EACAxB,gBAAA,EAAkB;IAChByB,UAAA,EAAY;EACd;EACAN,SAAA,EAAW;IACTO,iBAAA,EAAmB;IACnBC,kBAAA,EAAoB,CAClB;MACE,MAAM;QAAEC,SAAA,EAAW,CAAC;UAAEC,MAAA,EAAQ;QAAO,CAAC;MAAE;MACxC,QAAQ;QAAED,SAAA,EAAW,CAAC;UAAEC,MAAA,EAAQ;QAAS,CAAC;MAAE;IAC9C,EACF;IACAC,uBAAA,EAAyB;IACzBC,uBAAA,EAAyB;EAC3B;EACAX,cAAA,EAAgB;IACdY,kBAAA,EAAoB;EACtB;AACF,CAAC;AAED,MAAMd,cAAA,GAAiBnC,UAAA,CAAWuC,MAAA,CAAO;EACvCW,KAAA,EAAO;IACL3B,KAAA,EAAO;IACPF,MAAA,EAAQ;EACV;EACA8B,KAAA,EAAO;IACL5B,KAAA,EAAO;IACPF,MAAA,EAAQ;EACV;AACF,CAAC;AAGD,IAAO+B,yBAAA,GAAQzC,iBAAA","ignoreList":[]}

package/dist/esm/Alert/index.mjs

@@ -0,0 +1,5 @@
+class Alert {
+  static alert() {}
+}
+export { Alert };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/Alert/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Alert","alert"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":[null],"mappings":"AASO,MAAMA,KAAA,CAAM;EACjB,OAAOC,MAAA,EAAQ,CAAC;AAClB","ignoreList":[]}

package/dist/esm/AppRegistry/AppContainer.mjs

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { StyleSheet } from "@hanzogui/react-native-web-internals";
+import { View } from "../View/index.mjs";
+import { jsx } from "react/jsx-runtime";
+const RootTagContext = React.createContext(null);
+const AppContainer = React.forwardRef((props, forwardedRef) => {
+  const {
+    children,
+    WrapperComponent
+  } = props;
+  let innerView = /* @__PURE__ */jsx(View, {
+    pointerEvents: "box-none",
+    style: styles.appContainer,
+    children
+  }, 1);
+  if (WrapperComponent) {
+    innerView = /* @__PURE__ */jsx(WrapperComponent, {
+      children: innerView
+    });
+  }
+  return /* @__PURE__ */jsx(RootTagContext.Provider, {
+    value: props.rootTag,
+    children: /* @__PURE__ */jsx(View, {
+      pointerEvents: "box-none",
+      ref: forwardedRef,
+      style: styles.appContainer,
+      children: innerView
+    })
+  });
+});
+AppContainer.displayName = "AppContainer";
+const styles = StyleSheet.create({
+  appContainer: {
+    flex: 1
+  }
+});
+export { AppContainer, RootTagContext };
+//# sourceMappingURL=AppContainer.mjs.map

package/dist/esm/AppRegistry/AppContainer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","jsx","RootTagContext","createContext","AppContainer","forwardRef","props","forwardedRef","children","WrapperComponent","innerView","pointerEvents","style","styles","appContainer","Provider","value","rootTag","ref","displayName","create","flex"],"sources":["../../../src/AppRegistry/AppContainer.tsx"],"sourcesContent":[null],"mappings":"AAUA,YAAYA,KAAA,MAAW;AACvB,SAASC,UAAA,QAAkB;AAE3B,SAASC,IAAA,QAAY;AAcjB,SAAAC,GAAA;AANG,MAAMC,cAAA,GAAqCJ,KAAA,CAAMK,aAAA,CAAc,IAAI;AAE1E,MAAMC,YAAA,GAAeN,KAAA,CAAMO,UAAA,CAAW,CAACC,KAAA,EAAcC,YAAA,KAAkC;EACrF,MAAM;IAAEC,QAAA;IAAUC;EAAiB,IAAIH,KAAA;EAEvC,IAAII,SAAA,GACF,eAAAT,GAAA,CAACD,IAAA;IAAaW,aAAA,EAAc;IAAWC,KAAA,EAAOC,MAAA,CAAOC,YAAA;IAClDN;EAAA,GADQ,CAEX;EAGF,IAAIC,gBAAA,EAAkB;IACpBC,SAAA,GAAY,eAAAT,GAAA,CAACQ,gBAAA;MAAkBD,QAAA,EAAAE;IAAA,CAAU;EAC3C;EAEA,OACE,eAAAT,GAAA,CAACC,cAAA,CAAea,QAAA,EAAf;IAAwBC,KAAA,EAAOV,KAAA,CAAMW,OAAA;IACpCT,QAAA,iBAAAP,GAAA,CAACD,IAAA;MAAKW,aAAA,EAAc;MAAWO,GAAA,EAAKX,YAAA;MAAcK,KAAA,EAAOC,MAAA,CAAOC,YAAA;MAC7DN,QAAA,EAAAE;IAAA,CACH;EAAA,CACF;AAEJ,CAAC;AAEDN,YAAA,CAAae,WAAA,GAAc;AAE3B,MAAMN,MAAA,GAASd,UAAA,CAAWqB,MAAA,CAAO;EAC/BN,YAAA,EAAc;IACZO,IAAA,EAAM;EACR;AACF,CAAC","ignoreList":[]}

package/dist/esm/AppRegistry/__tests__/index-test.mjs

@@ -0,0 +1,74 @@
+import React from "react";
+import AppRegistry from "../index.mjs";
+const NoopComponent = () => React.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();
+      AppRegistry.registerComponent("App", () => NoopComponent);
+      AppRegistry.runApplication("App", {
+        initialProps: {},
+        rootTag,
+        callback
+      });
+      expect(callback).toHaveBeenCalledTimes(1);
+    });
+    test("styles roots in different documents", () => {
+      AppRegistry.registerComponent("App", () => NoopComponent);
+      AppRegistry.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);
+      AppRegistry.registerComponent("App", () => NoopComponent);
+      AppRegistry.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;}",
+        ]
+      `);
+    });
+  });
+});
+//# sourceMappingURL=index-test.mjs.map

package/dist/esm/AppRegistry/__tests__/index-test.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AppRegistry","NoopComponent","createElement","describe","rootTag","beforeEach","document","id","body","appendChild","afterEach","removeChild","test","callback","jest","fn","registerComponent","runApplication","initialProps","expect","toHaveBeenCalledTimes","iframe","iframeRootTag","contentWindow","iframedoc","ownerDocument","toBe","not","cssText","Array","prototype","slice","call","getElementById","sheet","cssRules","map","cssRule","toMatchInlineSnapshot"],"sources":["../../../../src/AppRegistry/__tests__/index-test.tsx"],"sourcesContent":[null],"mappings":"AAOA,OAAOA,KAAA,MAAW;AAElB,OAAOC,WAAA,MAAiB;AAExB,MAAMC,aAAA,GAAgBA,CAAA,KAAMF,KAAA,CAAMG,aAAA,CAAc,KAAK;AAErDC,QAAA,CAAS,eAAe,MAAM;EAC5BA,QAAA,CAAS,kBAAkB,MAAM;IAC/B,IAAIC,OAAA;IAEJC,UAAA,CAAW,MAAM;MACfD,OAAA,GAAUE,QAAA,CAASJ,aAAA,CAAc,KAAK;MACtCE,OAAA,CAAQG,EAAA,GAAK;MACbD,QAAA,CAASE,IAAA,CAAKC,WAAA,CAAYL,OAAO;IACnC,CAAC;IAEDM,SAAA,CAAU,MAAM;MACdJ,QAAA,CAASE,IAAA,CAAKG,WAAA,CAAYP,OAAO;IACnC,CAAC;IAEDQ,IAAA,CAAK,yBAAyB,MAAM;MAClC,MAAMC,QAAA,GAAWC,IAAA,CAAKC,EAAA,CAAG;MACzBf,WAAA,CAAYgB,iBAAA,CAAkB,OAAO,MAAMf,aAAa;MACxDD,WAAA,CAAYiB,cAAA,CAAe,OAAO;QAChCC,YAAA,EAAc,CAAC;QACfd,OAAA;QACAS;MACF,CAAC;MACDM,MAAA,CAAON,QAAQ,EAAEO,qBAAA,CAAsB,CAAC;IAC1C,CAAC;IAEDR,IAAA,CAAK,uCAAuC,MAAM;MAChDZ,WAAA,CAAYgB,iBAAA,CAAkB,OAAO,MAAMf,aAAa;MACxDD,WAAA,CAAYiB,cAAA,CAAe,OAAO;QAAEC,YAAA,EAAc,CAAC;QAAGd;MAAQ,CAAC;MAG/D,MAAMiB,MAAA,GAASf,QAAA,CAASJ,aAAA,CAAc,QAAQ;MAC9CI,QAAA,CAASE,IAAA,CAAKC,WAAA,CAAYY,MAAM;MAEhC,MAAMC,aAAA,GAAgBhB,QAAA,CAASJ,aAAA,CAAc,KAAK;MAClDoB,aAAA,CAAcf,EAAA,GAAK;MACnBc,MAAA,CAAOE,aAAA,CAAcjB,QAAA,CAASE,IAAA,CAAKC,WAAA,CAAYa,aAAa;MAG5DtB,WAAA,CAAYgB,iBAAA,CAAkB,OAAO,MAAMf,aAAa;MACxDD,WAAA,CAAYiB,cAAA,CAAe,OAAO;QAChCC,YAAA,EAAc,CAAC;QACfd,OAAA,EAASkB;MACX,CAAC;MAED,MAAME,SAAA,GAAYF,aAAA,CAAcG,aAAA;MAChCN,MAAA,CAAOK,SAAS,EAAEE,IAAA,CAAKL,MAAA,CAAOE,aAAA,CAAcjB,QAAQ;MACpDa,MAAA,CAAOK,SAAS,EAAEG,GAAA,CAAID,IAAA,CAAKpB,QAAQ;MAEnC,MAAMsB,OAAA,GAAUC,KAAA,CAAMC,SAAA,CAAUC,KAAA,CAC7BC,IAAA,CAAKR,SAAA,CAAUS,cAAA,CAAe,yBAAyB,EAAEC,KAAA,CAAMC,QAAQ,EACvEC,GAAA,CAAKC,OAAA,IAAYA,OAAA,CAAQT,OAAO;MAEnCT,MAAA,CAAOS,OAAO,EAAEU,qBAAA,CAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAyBrC;IACH,CAAC;EACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/AppRegistry/__tests__/index-test.node.mjs

@@ -0,0 +1,139 @@
+import React from "react";
+import ReactDOMServer from "react-dom/server";
+import StyleSheet from "../../StyleSheet/index";
+import View from "../../View/index.mjs";
+import AppRegistry from "../index.mjs";
+const NoopComponent = () => React.createElement("div");
+describe("AppRegistry", () => {
+  describe("getApplication", () => {
+    test("does not throw when missing appParameters", () => {
+      AppRegistry.registerComponent("App", () => NoopComponent);
+      expect(() => AppRegistry.getApplication("App")).not.toThrow();
+    });
+    test('returns "element" and "getStyleElement"', () => {
+      AppRegistry.registerComponent("App", () => NoopComponent);
+      const {
+        element,
+        getStyleElement
+      } = AppRegistry.getApplication("App", {});
+      const styleElement = ReactDOMServer.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==";
+      AppRegistry.registerComponent("App", () => NoopComponent);
+      const {
+        getStyleElement
+      } = AppRegistry.getApplication("App", {});
+      const styleElement = getStyleElement({
+        nonce
+      });
+      expect(styleElement.props.nonce).toBe(nonce);
+    });
+    test('"getStyleElement" contains style updates', () => {
+      const getApplicationStyles = appName => {
+        const {
+          getStyleElement
+        } = AppRegistry.getApplication(appName, {});
+        return getStyleElement().props.dangerouslySetInnerHTML.__html;
+      };
+      const RootComponent = () => React.createElement(View);
+      AppRegistry.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 = StyleSheet.create({
+        root: {
+          borderWidth: 1234,
+          backgroundColor: "purple"
+        }
+      });
+      const AlternativeComponent = () => React.createElement(View, {
+        style: styles.root
+      });
+      AppRegistry.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);
+    });
+  });
+});
+//# sourceMappingURL=index-test.node.mjs.map

package/dist/esm/AppRegistry/__tests__/index-test.node.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactDOMServer","StyleSheet","View","AppRegistry","NoopComponent","createElement","describe","test","registerComponent","expect","getApplication","not","toThrow","element","getStyleElement","styleElement","renderToStaticMarkup","toMatchInlineSnapshot","nonce","props","toBe","getApplicationStyles","appName","dangerouslySetInnerHTML","__html","RootComponent","first","styles","create","root","borderWidth","backgroundColor","AlternativeComponent","style","second","third","toEqual"],"sources":["../../../../src/AppRegistry/__tests__/index-test.node.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/AppRegistry/index.mjs

@@ -0,0 +1,75 @@
+import { unmountComponentAtNode } from "react-dom";
+import { invariant } from "@hanzogui/react-native-web-internals";
+import { renderApplication, getApplication } from "./renderApplication.mjs";
+const emptyObject = {};
+const runnables = {};
+let componentProviderInstrumentationHook = component => component();
+let wrapperComponentProvider;
+class AppRegistry {
+  static getAppKeys() {
+    return Object.keys(runnables);
+  }
+  static getApplication(appKey, appParameters) {
+    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 => getApplication(componentProviderInstrumentationHook(componentProvider), appParameters ? appParameters.initialProps : emptyObject, wrapperComponentProvider && wrapperComponentProvider(appParameters)),
+      run: appParameters => 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 {
+        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"}.`);
+    }
+    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) {
+    unmountComponentAtNode(rootTag);
+  }
+}
+export { AppRegistry };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/AppRegistry/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["unmountComponentAtNode","invariant","renderApplication","getApplication","emptyObject","runnables","componentProviderInstrumentationHook","component","wrapperComponentProvider","AppRegistry","getAppKeys","Object","keys","appKey","appParameters","registerComponent","componentProvider","initialProps","run","callback","hydrate","mode","rootTag","registerConfig","config","forEach","registerRunnable","runApplication","isDevelopment","process","env","NODE_ENV","params","id","console","log","setComponentProviderInstrumentationHook","hook","setWrapperComponentProvider","provider","unmountApplicationComponentAtRootTag"],"sources":["../../../src/AppRegistry/index.tsx"],"sourcesContent":[null],"mappings":"AAYA,SAASA,sBAAA,QAA8B;AACvC,SAASC,SAAA,QAAiB;AAE1B,SAASC,iBAAA,EAAmBC,cAAA,QAAsB;AAyBlD,MAAMC,WAAA,GAAc,CAAC;AACrB,MAAMC,SAAA,GAEF,CAAC;AAEL,IAAIC,oCAAA,GACFC,SAAA,IACGA,SAAA,CAAU;AACf,IAAIC,wBAAA;AAKG,MAAMC,WAAA,CAAY;EACvB,OAAOC,WAAA,EAA4B;IACjC,OAAOC,MAAA,CAAOC,IAAA,CAAKP,SAAS;EAC9B;EAEA,OAAOF,eACLU,MAAA,EACAC,aAAA,EAIA;IACAb,SAAA,CACEI,SAAA,CAAUQ,MAAM,KAAKR,SAAA,CAAUQ,MAAM,EAAEV,cAAA,EACvC,eAAeU,MAAM,yIAEvB;IAGA,OAAOR,SAAA,CAAUQ,MAAM,GAAGV,cAAA,GAAiBW,aAAa;EAC1D;EAEA,OAAOC,kBAAkBF,MAAA,EAAgBG,iBAAA,EAA8C;IACrFX,SAAA,CAAUQ,MAAM,IAAI;MAClBV,cAAA,EAAiBW,aAAA,IACfX,cAAA,CACEG,oCAAA,CAAqCU,iBAAiB,GACtDF,aAAA,GAAgBA,aAAA,CAAcG,YAAA,GAAeb,WAAA,EAC7CI,wBAAA,IAA4BA,wBAAA,CAAyBM,aAAa,CACpE;MACFI,GAAA,EAAMJ,aAAA,IACJZ,iBAAA,CACEI,oCAAA,CAAqCU,iBAAiB,GACtDR,wBAAA,IAA4BA,wBAAA,CAAyBM,aAAa,GAClEA,aAAA,CAAcK,QAAA,EACd;QACEC,OAAA,EAASN,aAAA,CAAcM,OAAA,IAAW;QAClCH,YAAA,EAAcH,aAAA,CAAcG,YAAA,IAAgBb,WAAA;QAC5CiB,IAAA,EAAMP,aAAA,CAAcO,IAAA,IAAQ;QAC5BC,OAAA,EAASR,aAAA,CAAcQ;MACzB,CACF;IACJ;IACA,OAAOT,MAAA;EACT;EAEA,OAAOU,eAAeC,MAAA,EAA0B;IAC9CA,MAAA,CAAOC,OAAA,CAAQ,CAAC;MAAEZ,MAAA;MAAQN,SAAA;MAAWW;IAAI,MAAM;MAC7C,IAAIA,GAAA,EAAK;QACPT,WAAA,CAAYiB,gBAAA,CAAiBb,MAAA,EAAQK,GAAG;MAC1C,OAAO;QACLjB,SAAA,CAAUM,SAAA,EAAW,iCAAiC;QAEtDE,WAAA,CAAYM,iBAAA,CAAkBF,MAAA,EAAQN,SAAS;MACjD;IACF,CAAC;EACH;EAAA;EAGA,OAAOmB,iBAAiBb,MAAA,EAAgBK,GAAA,EAAuB;IAE7Db,SAAA,CAAUQ,MAAM,IAAI;MAAEK;IAAI;IAC1B,OAAOL,MAAA;EACT;EAEA,OAAOc,eAAed,MAAA,EAAgBC,aAAA,EAA0C;IAC9E,MAAMc,aAAA,GACJC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,gBAAgBF,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa;IACpE,IAAIH,aAAA,EAAe;MACjB,MAAMI,MAAA,GAAS;QAAE,GAAGlB;MAAc;MAClCkB,MAAA,CAAOV,OAAA,GAAU,IAAIU,MAAA,CAAOV,OAAA,CAAQW,EAAE;MAEtCC,OAAA,CAAQC,GAAA,CACN,wBAAwBtB,MAAM;AAAA,GAC9BmB,MAAA,EACA;AAAA,8BAAiCJ,aAAA,GAAgB,OAAO,KAAK;AAAA,6BAC3BA,aAAA,GAAgB,QAAQ,IAAI,GAChE;IACF;IAEA3B,SAAA,CACEI,SAAA,CAAUQ,MAAM,KAAKR,SAAA,CAAUQ,MAAM,EAAEK,GAAA,EACvC,gBAAgBL,MAAM,0IAExB;IAEA,OAAOR,SAAA,CAAUQ,MAAM,EAAEK,GAAA,CAAIJ,aAAa;EAC5C;EAEA,OAAOsB,wCACLC,IAAA,EACA;IACA/B,oCAAA,GAAuC+B,IAAA;EACzC;EAEA,OAAOC,4BAA4BC,QAAA,EAAoC;IACrE/B,wBAAA,GAA2B+B,QAAA;EAC7B;EAEA,OAAOC,qCAAqClB,OAAA,EAAc;IACxDtB,sBAAA,CAAuBsB,OAAO;EAChC;AACF","ignoreList":[]}

package/dist/esm/AppRegistry/renderApplication.mjs

@@ -0,0 +1,48 @@
+import { StyleSheet } from "@hanzogui/react-native-web-internals";
+import { invariant } from "@hanzogui/react-native-web-internals";
+import { renderLegacy, hydrate, hydrateLegacy, render } from "../render/index.mjs";
+import { AppContainer } from "./AppContainer.mjs";
+import { jsx } from "react/jsx-runtime";
+function renderApplication(RootComponent, WrapperComponent = null, callback = () => {}, options) {
+  const {
+    hydrate: shouldHydrate,
+    initialProps,
+    mode,
+    rootTag
+  } = options;
+  const renderFn = shouldHydrate ? mode === "concurrent" ? hydrate : hydrateLegacy : mode === "concurrent" ? render : renderLegacy;
+  invariant(rootTag, "Expect to have a valid rootTag, instead got ", rootTag);
+  return renderFn(/* @__PURE__ */jsx(AppContainer, {
+    WrapperComponent,
+    ref: callback,
+    rootTag,
+    children: /* @__PURE__ */jsx(RootComponent, {
+      ...initialProps
+    })
+  }), rootTag);
+}
+function getApplication(RootComponent, initialProps, WrapperComponent) {
+  const element = /* @__PURE__ */jsx(AppContainer, {
+    WrapperComponent,
+    rootTag: {},
+    children: /* @__PURE__ */jsx(RootComponent, {
+      ...initialProps
+    })
+  });
+  const getStyleElement = props => {
+    const sheet = StyleSheet.getSheet();
+    return /* @__PURE__ */jsx("style", {
+      ...props,
+      dangerouslySetInnerHTML: {
+        __html: sheet.textContent
+      },
+      id: sheet.id
+    });
+  };
+  return {
+    element,
+    getStyleElement
+  };
+}
+export { getApplication, renderApplication };
+//# sourceMappingURL=renderApplication.mjs.map

package/dist/esm/AppRegistry/renderApplication.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","invariant","renderLegacy","hydrate","hydrateLegacy","render","AppContainer","jsx","renderApplication","RootComponent","WrapperComponent","callback","options","shouldHydrate","initialProps","mode","rootTag","renderFn","ref","children","getApplication","element","getStyleElement","props","sheet","getSheet","dangerouslySetInnerHTML","__html","textContent","id"],"sources":["../../../src/AppRegistry/renderApplication.tsx"],"sourcesContent":[null],"mappings":"AAYA,SAASA,UAAA,QAAkB;AAC3B,SAASC,SAAA,QAAiB;AAE1B,SAASC,YAAA,EAAcC,OAAA,EAASC,aAAA,EAAeC,MAAA,QAAc;AAC7D,SAASC,YAAA,QAAoB;AA2BvB,SAAAC,GAAA;AAzBC,SAASC,kBACdC,aAAA,EACAC,gBAAA,GAAkD,MAClDC,QAAA,GAAuBA,CAAA,KAAM,CAAC,GAC9BC,OAAA,EAMA;EACA,MAAM;IAAET,OAAA,EAASU,aAAA;IAAeC,YAAA;IAAcC,IAAA;IAAMC;EAAQ,IAAIJ,OAAA;EAChE,MAAMK,QAAA,GAAWJ,aAAA,GACbE,IAAA,KAAS,eACPZ,OAAA,GACAC,aAAA,GACFW,IAAA,KAAS,eACPV,MAAA,GACAH,YAAA;EAEND,SAAA,CAAUe,OAAA,EAAS,gDAAgDA,OAAO;EAG1E,OAAOC,QAAA,CACL,eAAAV,GAAA,CAACD,YAAA;IAAaI,gBAAA;IAAoCQ,GAAA,EAAKP,QAAA;IAAUK,OAAA;IAC/DG,QAAA,iBAAAZ,GAAA,CAACE,aAAA;MAAe,GAAGK;IAAA,CAAc;EAAA,CACnC,GACAE,OACF;AACF;AAEO,SAASI,eACdX,aAAA,EACAK,YAAA,EACAJ,gBAAA,EAIA;EACA,MAAMW,OAAA,GACJ,eAAAd,GAAA,CAACD,YAAA;IAAaI,gBAAA;IAAoCM,OAAA,EAAS,CAAC;IAC1DG,QAAA,iBAAAZ,GAAA,CAACE,aAAA;MAAe,GAAGK;IAAA,CAAc;EAAA,CACnC;EAGF,MAAMQ,eAAA,GAAmBC,KAAA,IAAU;IACjC,MAAMC,KAAA,GAAQxB,UAAA,CAAWyB,QAAA,CAAS;IAClC,OACE,eAAAlB,GAAA,CAAC;MACE,GAAGgB,KAAA;MACJG,uBAAA,EAAyB;QAAEC,MAAA,EAAQH,KAAA,CAAMI;MAAY;MACrDC,EAAA,EAAIL,KAAA,CAAMK;IAAA,CACZ;EAEJ;EACA,OAAO;IAAER,OAAA;IAASC;EAAgB;AACpC","ignoreList":[]}

package/dist/esm/AppState/__tests__/index-test.mjs

@@ -0,0 +1,15 @@
+import AppState from "../index.mjs";
+describe("apis/AppState", () => {
+  const handler = () => {};
+  describe("addEventListener", () => {
+    test('throws if the provided "eventType" is not supported', () => {
+      expect(() => AppState.addEventListener("foo", handler)).toThrow();
+      expect(() => AppState.addEventListener("change", handler).remove()).not.toThrow();
+    });
+    test("returns remove subscription", () => {
+      const subscription = AppState.addEventListener("change", handler);
+      expect(() => subscription.remove()).not.toThrow();
+    });
+  });
+});
+//# sourceMappingURL=index-test.mjs.map

package/dist/esm/AppState/__tests__/index-test.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["AppState","describe","handler","test","expect","addEventListener","toThrow","remove","not","subscription"],"sources":["../../../../src/AppState/__tests__/index-test.tsx"],"sourcesContent":[null],"mappings":"AAOA,OAAOA,QAAA,MAAc;AAErBC,QAAA,CAAS,iBAAiB,MAAM;EAC9B,MAAMC,OAAA,GAAUA,CAAA,KAAM,CAAC;EAEvBD,QAAA,CAAS,oBAAoB,MAAM;IACjCE,IAAA,CAAK,uDAAuD,MAAM;MAChEC,MAAA,CAAO,MAAMJ,QAAA,CAASK,gBAAA,CAAiB,OAAOH,OAAO,CAAC,EAAEI,OAAA,CAAQ;MAChEF,MAAA,CAAO,MAAMJ,QAAA,CAASK,gBAAA,CAAiB,UAAUH,OAAO,EAAEK,MAAA,CAAO,CAAC,EAAEC,GAAA,CAAIF,OAAA,CAAQ;IAClF,CAAC;IAEDH,IAAA,CAAK,+BAA+B,MAAM;MACxC,MAAMM,YAAA,GAAeT,QAAA,CAASK,gBAAA,CAAiB,UAAUH,OAAO;MAChEE,MAAA,CAAO,MAAMK,YAAA,CAAaF,MAAA,CAAO,CAAC,EAAEC,GAAA,CAAIF,OAAA,CAAQ;IAClD,CAAC;EACH,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/AppState/index.mjs

@@ -0,0 +1,60 @@
+import { canUseDOM, invariant } from "@hanzogui/react-native-web-internals";
+const isPrefixed =
+// eslint-disable-next-line no-prototype-builtins
+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 = 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) {
+      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);
+      }
+    }
+  }
+}
+export { AppState };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/AppState/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["canUseDOM","invariant","isPrefixed","document","hasOwnProperty","EVENT_TYPES","VISIBILITY_CHANGE_EVENT","VISIBILITY_STATE_PROPERTY","AppStates","BACKGROUND","ACTIVE","EventEmitter","listeners","addListener","type","handler","Set","add","emit","state","forEach","cb","removeListener","delete","hasBoundVisibilityChangeEvent","changeEmitter","AppState","isAvailable","currentState","addEventListener","indexOf"],"sources":["../../../src/AppState/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,SAAA,EAAWC,SAAA,QAAiB;AAGrC,MAAMC,UAAA;AAAA;AAEJF,SAAA,IACA,CAACG,QAAA,CAASC,cAAA,CAAe,QAAQ,KACjCD,QAAA,CAASC,cAAA,CAAe,cAAc;AAExC,MAAMC,WAAA,GAAc,CAAC,UAAU,eAAe;AAC9C,MAAMC,uBAAA,GAA0BJ,UAAA,GAAa,2BAA2B;AACxE,MAAMK,yBAAA,GAA4BL,UAAA,GAAa,0BAA0B;AAEzE,MAAMM,SAAA,GAAY;EAChBC,UAAA,EAAY;EACZC,MAAA,EAAQ;AACV;AAEA,MAAMC,YAAA,CAAa;EACjBC,SAAA,GAAY,CAAC;EAEbC,YAAYC,IAAA,EAAcC,OAAA,EAAmB;IAC3C,KAAKH,SAAA,CAAUE,IAAI,MAAM,mBAAIE,GAAA,CAAI;IACjC,KAAKJ,SAAA,CAAUE,IAAI,EAAEG,GAAA,CAAIF,OAAO;EAClC;EAEAG,KAAKJ,IAAA,EAAcK,KAAA,EAAY;IAC7B,KAAKP,SAAA,CAAUE,IAAI,GAAGM,OAAA,CAASC,EAAA,IAAOA,EAAA,CAAGF,KAAK,CAAC;EACjD;EAEAG,eAAeR,IAAA,EAAcC,OAAA,EAAmB;IAC9C,KAAKH,SAAA,CAAUE,IAAI,GAAGS,MAAA,CAAOR,OAAO;EACtC;AACF;AAEA,IAAIS,6BAAA,GAAgC;AAEpC,MAAMC,aAAA,GAAgB,IAAId,YAAA,CAAa;AAEhC,MAAMe,QAAA,CAAS;EACpB,OAAOC,WAAA,GAAc3B,SAAA,IAAaG,QAAA,CAASI,yBAAyB;EAEpE,WAAWqB,aAAA,EAAe;IACxB,IAAI,CAACF,QAAA,CAASC,WAAA,EAAa;MACzB,OAAOnB,SAAA,CAAUE,MAAA;IACnB;IAEA,QAAQP,QAAA,CAASI,yBAAyB;MACxC,KAAK;MACL,KAAK;MACL,KAAK;QACH,OAAOC,SAAA,CAAUC,UAAA;MACnB;QACE,OAAOD,SAAA,CAAUE,MAAA;IACrB;EACF;EAEA,OAAOmB,iBAAiBf,IAAA,EAAcC,OAAA,EAAmB;IACvD,IAAIW,QAAA,CAASC,WAAA,EAAa;MACxB1B,SAAA,CACEI,WAAA,CAAYyB,OAAA,CAAQhB,IAAI,MAAM,IAC9B,8CACAA,IACF;MACA,IAAIA,IAAA,KAAS,UAAU;QACrB,IAAI,CAACU,6BAAA,EAA+B;UAClCA,6BAAA,GAAgC;UAChCrB,QAAA,CAAS0B,gBAAA,CACPvB,uBAAA,EACA,MAAM;YACJ,IAAImB,aAAA,EAAe;cACjBA,aAAA,CAAcP,IAAA,CAAK,UAAUQ,QAAA,CAASE,YAAY;YACpD;UACF,GACA,KACF;QACF;QACA,OAAOH,aAAA,CAAcZ,WAAA,CAAYC,IAAA,EAAMC,OAAO;MAChD;IACF;EACF;AACF","ignoreList":[]}

package/dist/esm/Appearance/index.mjs

@@ -0,0 +1,39 @@
+import { canUseDOM } from "@hanzogui/react-native-web-internals";
+function getQuery() {
+  return 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
+    };
+  }
+};
+export { Appearance };
+//# sourceMappingURL=index.mjs.map