@tamagui/react-native-media-driver 1.0.1-rc.0.4

package/dist/cjs/createMedia.js

@@ -0,0 +1,34 @@
+"use strict";
+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 createMedia_exports = {};
+__export(createMedia_exports, {
+  createMedia: () => createMedia
+});
+module.exports = __toCommonJS(createMedia_exports);
+var import_core = require("@tamagui/core");
+var import_matchMedia = require("./matchMedia");
+function createMedia(media) {
+  (0, import_core.setupMatchMedia)(import_matchMedia.matchMedia);
+  return media;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createMedia
+});
+//# sourceMappingURL=createMedia.js.map

package/dist/cjs/createMedia.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createMedia.ts"],
+  "sourcesContent": ["import { setupMatchMedia } from '@tamagui/core'\nimport { matchMedia } from './matchMedia'\n\nexport function createMedia<A extends Object>(media: A): A{\n  setupMatchMedia(matchMedia)\n  return media\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAgC;AAChC,wBAA2B;AAEpB,SAAS,YAA8B,OAAY;AACxD,mCAAgB,4BAAU;AAC1B,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./createMedia"), module.exports);
+__reExport(src_exports, require("./matchMedia"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './createMedia'\nexport * from './matchMedia'\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,0BAAd;AACA,wBAAc,yBADd;",
+  "names": []
+}

package/dist/cjs/matchMedia.js

@@ -0,0 +1,30 @@
+"use strict";
+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 matchMedia_exports = {};
+__export(matchMedia_exports, {
+  matchMedia: () => matchMedia
+});
+module.exports = __toCommonJS(matchMedia_exports);
+var import_mediaQueryList = require("./mediaQueryList");
+const matchMedia = (query) => new import_mediaQueryList.NativeMediaQueryList(query);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  matchMedia
+});
+//# sourceMappingURL=matchMedia.js.map

package/dist/cjs/matchMedia.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/matchMedia.ts"],
+  "sourcesContent": ["import { MatchMedia } from '@tamagui/core'\nimport { NativeMediaQueryList } from './mediaQueryList'\n\nexport const matchMedia: MatchMedia = (query) => new NativeMediaQueryList(query)"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,4BAAqC;AAE9B,MAAM,aAAyB,CAAC,UAAU,IAAI,2CAAqB,KAAK;",
+  "names": []
+}

package/dist/cjs/matchMedia.native.js

@@ -0,0 +1,30 @@
+"use strict";
+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 matchMedia_native_exports = {};
+__export(matchMedia_native_exports, {
+  matchMedia: () => matchMedia
+});
+module.exports = __toCommonJS(matchMedia_native_exports);
+var import_mediaQueryList = require("./mediaQueryList");
+const matchMedia = (query) => new import_mediaQueryList.NativeMediaQueryList(query);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  matchMedia
+});
+//# sourceMappingURL=matchMedia.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/matchMedia.native.ts"],
+  "sourcesContent": ["import { MatchMedia } from '@tamagui/core'\n\nimport { NativeMediaQueryList } from './mediaQueryList'\n\nexport const matchMedia: MatchMedia = (query) => new NativeMediaQueryList(query)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,4BAAqC;AAE9B,MAAM,aAAyB,CAAC,UAAU,IAAI,2CAAqB,KAAK;",
+  "names": []
+}

package/dist/cjs/mediaQueryList.js

@@ -0,0 +1,74 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var mediaQueryList_exports = {};
+__export(mediaQueryList_exports, {
+  NativeMediaQueryList: () => NativeMediaQueryList
+});
+module.exports = __toCommonJS(mediaQueryList_exports);
+var import_css_mediaquery = __toESM(require("css-mediaquery"));
+var import_react_native = require("react-native");
+class NativeMediaQueryList {
+  constructor(query) {
+    this.query = query;
+    this.listeners = [];
+    this.notify();
+    import_react_native.Dimensions.addEventListener("change", () => {
+      this.notify();
+    });
+  }
+  get orientation() {
+    const windowDimensions = import_react_native.Dimensions.get("window");
+    return windowDimensions.height > windowDimensions.width ? "portrait" : "landscape";
+  }
+  notify() {
+    this.listeners.forEach((listener) => {
+      listener(this.orientation);
+    });
+  }
+  addListener(listener) {
+    this.listeners.push(listener);
+  }
+  removeListener(listener) {
+    const index = this.listeners.indexOf(listener);
+    if (index !== -1)
+      this.listeners.splice(index, 1);
+  }
+  get matches() {
+    const windowDimensions = import_react_native.Dimensions.get("window");
+    const matches = import_css_mediaquery.default.match(this.query, {
+      type: "screen",
+      orientation: this.orientation,
+      ...windowDimensions,
+      "device-width": windowDimensions.width,
+      "device-height": windowDimensions.height
+    });
+    return matches;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NativeMediaQueryList
+});
+//# sourceMappingURL=mediaQueryList.js.map

package/dist/cjs/mediaQueryList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/mediaQueryList.ts"],
+  "sourcesContent": ["import mediaQuery from 'css-mediaquery'\nimport { Dimensions } from 'react-native'\nimport { MediaQueryList } from '@tamagui/core'\n\ntype Orientation = 'landscape' | 'portrait';\n\ntype Listener = (orientation: Orientation) => void;\n\nexport class NativeMediaQueryList implements MediaQueryList {\n  private listeners: Listener[] = []\n  \n  private get orientation(): Orientation {\n    const windowDimensions = Dimensions.get('window')\n    return windowDimensions.height > windowDimensions.width ? 'portrait' : 'landscape'\n  }\n\n  constructor(private query: string) {\n    this.notify()\n    Dimensions.addEventListener('change', () => {\n      this.notify()\n    });\n  }\n\n  private notify() {\n    this.listeners.forEach((listener) => {\n      listener(this.orientation)\n    })\n  }\n\n  addListener(listener: Listener) {\n    this.listeners.push(listener)\n  }\n\n  removeListener(listener: Listener) {\n    const index = this.listeners.indexOf(listener)\n    if (index !== -1) this.listeners.splice(index, 1)\n  }\n\n  get matches(): boolean {\n    const windowDimensions = Dimensions.get(\"window\")\n    const matches = mediaQuery.match(this.query, {\n      type: \"screen\",\n      orientation: this.orientation,\n      ...windowDimensions,\n      \"device-width\": windowDimensions.width,\n      \"device-height\": windowDimensions.height,\n    })\n    return matches\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAuB;AACvB,0BAA2B;AAOpB,MAAM,qBAA+C;AAAA,EAQ1D,YAAoB,OAAe;AAAf;AAPpB,SAAQ,YAAwB,CAAC;AAQ/B,SAAK,OAAO;AACZ,mCAAW,iBAAiB,UAAU,MAAM;AAC1C,WAAK,OAAO;AAAA,IACd,CAAC;AAAA,EACH;AAAA,EAVA,IAAY,cAA2B;AACrC,UAAM,mBAAmB,+BAAW,IAAI,QAAQ;AAChD,WAAO,iBAAiB,SAAS,iBAAiB,QAAQ,aAAa;AAAA,EACzE;AAAA,EASQ,SAAS;AACf,SAAK,UAAU,QAAQ,CAAC,aAAa;AACnC,eAAS,KAAK,WAAW;AAAA,IAC3B,CAAC;AAAA,EACH;AAAA,EAEA,YAAY,UAAoB;AAC9B,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA,EAEA,eAAe,UAAoB;AACjC,UAAM,QAAQ,KAAK,UAAU,QAAQ,QAAQ;AAC7C,QAAI,UAAU;AAAI,WAAK,UAAU,OAAO,OAAO,CAAC;AAAA,EAClD;AAAA,EAEA,IAAI,UAAmB;AACrB,UAAM,mBAAmB,+BAAW,IAAI,QAAQ;AAChD,UAAM,UAAU,sBAAAA,QAAW,MAAM,KAAK,OAAO;AAAA,MAC3C,MAAM;AAAA,MACN,aAAa,KAAK;AAAA,MAClB,GAAG;AAAA,MACH,gBAAgB,iBAAiB;AAAA,MACjC,iBAAiB,iBAAiB;AAAA,IACpC,CAAC;AACD,WAAO;AAAA,EACT;AACF;",
+  "names": ["mediaQuery"]
+}

package/dist/esm/createMedia.js

@@ -0,0 +1,10 @@
+import { setupMatchMedia } from "@tamagui/core";
+import { matchMedia } from "./matchMedia";
+function createMedia(media) {
+  setupMatchMedia(matchMedia);
+  return media;
+}
+export {
+  createMedia
+};
+//# sourceMappingURL=createMedia.js.map

package/dist/esm/createMedia.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createMedia.ts"],
+  "sourcesContent": ["import { setupMatchMedia } from '@tamagui/core'\nimport { matchMedia } from './matchMedia'\n\nexport function createMedia<A extends Object>(media: A): A{\n  setupMatchMedia(matchMedia)\n  return media\n}\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAEpB,SAAS,YAA8B,OAAY;AACxD,kBAAgB,UAAU;AAC1B,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from "./createMedia";
+export * from "./matchMedia";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './createMedia'\nexport * from './matchMedia'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/esm/matchMedia.js

@@ -0,0 +1,6 @@
+import { NativeMediaQueryList } from "./mediaQueryList";
+const matchMedia = (query) => new NativeMediaQueryList(query);
+export {
+  matchMedia
+};
+//# sourceMappingURL=matchMedia.js.map

package/dist/esm/matchMedia.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/matchMedia.ts"],
+  "sourcesContent": ["import { MatchMedia } from '@tamagui/core'\nimport { NativeMediaQueryList } from './mediaQueryList'\n\nexport const matchMedia: MatchMedia = (query) => new NativeMediaQueryList(query)"],
+  "mappings": "AACA,SAAS,4BAA4B;AAE9B,MAAM,aAAyB,CAAC,UAAU,IAAI,qBAAqB,KAAK;",
+  "names": []
+}

package/dist/esm/matchMedia.native.js

@@ -0,0 +1,6 @@
+import { NativeMediaQueryList } from "./mediaQueryList";
+const matchMedia = (query) => new NativeMediaQueryList(query);
+export {
+  matchMedia
+};
+//# sourceMappingURL=matchMedia.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/matchMedia.native.ts"],
+  "sourcesContent": ["import { MatchMedia } from '@tamagui/core'\n\nimport { NativeMediaQueryList } from './mediaQueryList'\n\nexport const matchMedia: MatchMedia = (query) => new NativeMediaQueryList(query)\n"],
+  "mappings": "AAEA,SAAS,4BAA4B;AAE9B,MAAM,aAAyB,CAAC,UAAU,IAAI,qBAAqB,KAAK;",
+  "names": []
+}

package/dist/esm/mediaQueryList.js

@@ -0,0 +1,44 @@
+import mediaQuery from "css-mediaquery";
+import { Dimensions } from "react-native";
+class NativeMediaQueryList {
+  constructor(query) {
+    this.query = query;
+    this.listeners = [];
+    this.notify();
+    Dimensions.addEventListener("change", () => {
+      this.notify();
+    });
+  }
+  get orientation() {
+    const windowDimensions = Dimensions.get("window");
+    return windowDimensions.height > windowDimensions.width ? "portrait" : "landscape";
+  }
+  notify() {
+    this.listeners.forEach((listener) => {
+      listener(this.orientation);
+    });
+  }
+  addListener(listener) {
+    this.listeners.push(listener);
+  }
+  removeListener(listener) {
+    const index = this.listeners.indexOf(listener);
+    if (index !== -1)
+      this.listeners.splice(index, 1);
+  }
+  get matches() {
+    const windowDimensions = Dimensions.get("window");
+    const matches = mediaQuery.match(this.query, {
+      type: "screen",
+      orientation: this.orientation,
+      ...windowDimensions,
+      "device-width": windowDimensions.width,
+      "device-height": windowDimensions.height
+    });
+    return matches;
+  }
+}
+export {
+  NativeMediaQueryList
+};
+//# sourceMappingURL=mediaQueryList.js.map

package/dist/esm/mediaQueryList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/mediaQueryList.ts"],
+  "sourcesContent": ["import mediaQuery from 'css-mediaquery'\nimport { Dimensions } from 'react-native'\nimport { MediaQueryList } from '@tamagui/core'\n\ntype Orientation = 'landscape' | 'portrait';\n\ntype Listener = (orientation: Orientation) => void;\n\nexport class NativeMediaQueryList implements MediaQueryList {\n  private listeners: Listener[] = []\n  \n  private get orientation(): Orientation {\n    const windowDimensions = Dimensions.get('window')\n    return windowDimensions.height > windowDimensions.width ? 'portrait' : 'landscape'\n  }\n\n  constructor(private query: string) {\n    this.notify()\n    Dimensions.addEventListener('change', () => {\n      this.notify()\n    });\n  }\n\n  private notify() {\n    this.listeners.forEach((listener) => {\n      listener(this.orientation)\n    })\n  }\n\n  addListener(listener: Listener) {\n    this.listeners.push(listener)\n  }\n\n  removeListener(listener: Listener) {\n    const index = this.listeners.indexOf(listener)\n    if (index !== -1) this.listeners.splice(index, 1)\n  }\n\n  get matches(): boolean {\n    const windowDimensions = Dimensions.get(\"window\")\n    const matches = mediaQuery.match(this.query, {\n      type: \"screen\",\n      orientation: this.orientation,\n      ...windowDimensions,\n      \"device-width\": windowDimensions.width,\n      \"device-height\": windowDimensions.height,\n    })\n    return matches\n  }\n}\n"],
+  "mappings": "AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAkB;AAOpB,MAAM,qBAA+C;AAAA,EAQ1D,YAAoB,OAAe;AAAf;AAPpB,SAAQ,YAAwB,CAAC;AAQ/B,SAAK,OAAO;AACZ,eAAW,iBAAiB,UAAU,MAAM;AAC1C,WAAK,OAAO;AAAA,IACd,CAAC;AAAA,EACH;AAAA,EAVA,IAAY,cAA2B;AACrC,UAAM,mBAAmB,WAAW,IAAI,QAAQ;AAChD,WAAO,iBAAiB,SAAS,iBAAiB,QAAQ,aAAa;AAAA,EACzE;AAAA,EASQ,SAAS;AACf,SAAK,UAAU,QAAQ,CAAC,aAAa;AACnC,eAAS,KAAK,WAAW;AAAA,IAC3B,CAAC;AAAA,EACH;AAAA,EAEA,YAAY,UAAoB;AAC9B,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA,EAEA,eAAe,UAAoB;AACjC,UAAM,QAAQ,KAAK,UAAU,QAAQ,QAAQ;AAC7C,QAAI,UAAU;AAAI,WAAK,UAAU,OAAO,OAAO,CAAC;AAAA,EAClD;AAAA,EAEA,IAAI,UAAmB;AACrB,UAAM,mBAAmB,WAAW,IAAI,QAAQ;AAChD,UAAM,UAAU,WAAW,MAAM,KAAK,OAAO;AAAA,MAC3C,MAAM;AAAA,MACN,aAAa,KAAK;AAAA,MAClB,GAAG;AAAA,MACH,gBAAgB,iBAAiB;AAAA,MACjC,iBAAiB,iBAAiB;AAAA,IACpC,CAAC;AACD,WAAO;AAAA,EACT;AACF;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@tamagui/react-native-media-driver",
+  "version": "1.0.1-rc.0.4",
+  "source": "src/index.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "license": "MIT",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "sideEffects": true,
+  "dependencies": {
+    "@tamagui/core": "^1.0.1-rc.0.4",
+    "css-mediaquery": "^0.1.2"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.1-rc.0.4",
+    "react-native": "*"
+  },
+  "peerDependencies": {
+    "react-native": "*"
+  },
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/createMedia.ts

@@ -0,0 +1,7 @@
+import { setupMatchMedia } from '@tamagui/core'
+import { matchMedia } from './matchMedia'
+
+export function createMedia<A extends Object>(media: A): A{
+  setupMatchMedia(matchMedia)
+  return media
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './createMedia'
+export * from './matchMedia'

package/src/matchMedia.ts

@@ -0,0 +1,4 @@
+import { MatchMedia } from '@tamagui/core'
+import { NativeMediaQueryList } from './mediaQueryList'
+
+export const matchMedia: MatchMedia = (query) => new NativeMediaQueryList(query)

package/src/mediaQueryList.ts

@@ -0,0 +1,50 @@
+import mediaQuery from 'css-mediaquery'
+import { Dimensions } from 'react-native'
+import { MediaQueryList } from '@tamagui/core'
+
+type Orientation = 'landscape' | 'portrait';
+
+type Listener = (orientation: Orientation) => void;
+
+export class NativeMediaQueryList implements MediaQueryList {
+  private listeners: Listener[] = []
+  
+  private get orientation(): Orientation {
+    const windowDimensions = Dimensions.get('window')
+    return windowDimensions.height > windowDimensions.width ? 'portrait' : 'landscape'
+  }
+
+  constructor(private query: string) {
+    this.notify()
+    Dimensions.addEventListener('change', () => {
+      this.notify()
+    });
+  }
+
+  private notify() {
+    this.listeners.forEach((listener) => {
+      listener(this.orientation)
+    })
+  }
+
+  addListener(listener: Listener) {
+    this.listeners.push(listener)
+  }
+
+  removeListener(listener: Listener) {
+    const index = this.listeners.indexOf(listener)
+    if (index !== -1) this.listeners.splice(index, 1)
+  }
+
+  get matches(): boolean {
+    const windowDimensions = Dimensions.get("window")
+    const matches = mediaQuery.match(this.query, {
+      type: "screen",
+      orientation: this.orientation,
+      ...windowDimensions,
+      "device-width": windowDimensions.width,
+      "device-height": windowDimensions.height,
+    })
+    return matches
+  }
+}

package/types/createMedia.d.ts

@@ -0,0 +1,2 @@
+export declare function createMedia<A extends Object>(media: A): A;
+//# sourceMappingURL=createMedia.d.ts.map

package/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './createMedia';
+export * from './matchMedia';
+//# sourceMappingURL=index.d.ts.map

package/types/matchMedia.d.ts

@@ -0,0 +1,3 @@
+import { MatchMedia } from '@tamagui/core';
+export declare const matchMedia: MatchMedia;
+//# sourceMappingURL=matchMedia.d.ts.map

package/types/mediaQueryList.d.ts

@@ -0,0 +1,15 @@
+import { MediaQueryList } from '@tamagui/core';
+declare type Orientation = 'landscape' | 'portrait';
+declare type Listener = (orientation: Orientation) => void;
+export declare class NativeMediaQueryList implements MediaQueryList {
+    private query;
+    private listeners;
+    private get orientation();
+    constructor(query: string);
+    private notify;
+    addListener(listener: Listener): void;
+    removeListener(listener: Listener): void;
+    get matches(): boolean;
+}
+export {};
+//# sourceMappingURL=mediaQueryList.d.ts.map