@tamagui/react-native-media-driver 2.7.7 → 3.0.0-beta.1093.1

package/src/mediaQueryList.native.ts

@@ -0,0 +1,115 @@
+import type { MediaQueryList } from '@tamagui/web'
+import { AccessibilityInfo, Dimensions } from 'react-native'
+
+import { matchQuery } from './matchQuery'
+
+type Orientation = 'landscape' | 'portrait'
+
+type Listener = () => void
+
+// detect prefers-reduced-motion queries so we can subscribe to
+// AccessibilityInfo instead of Dimensions
+// matches "(prefers-reduced-motion: reduce)" / "(prefers-reduced-motion: no-preference)"
+const REDUCED_MOTION_RE = /\(\s*prefers-reduced-motion\s*:\s*([a-z-]+)\s*\)/i
+
+// shared subscription to AccessibilityInfo so we set up a single native listener
+// regardless of how many media queries use it
+let reducedMotionEnabled = false
+let reducedMotionInitialized = false
+const reducedMotionListeners = new Set<() => void>()
+
+function ensureReducedMotionSubscription() {
+  if (reducedMotionInitialized) return
+  reducedMotionInitialized = true
+  AccessibilityInfo.isReduceMotionEnabled?.()
+    .then((value) => {
+      if (value !== reducedMotionEnabled) {
+        reducedMotionEnabled = value
+        reducedMotionListeners.forEach((cb) => cb())
+      }
+    })
+    .catch(() => {})
+  AccessibilityInfo.addEventListener?.('reduceMotionChanged', (value: boolean) => {
+    if (value === reducedMotionEnabled) return
+    reducedMotionEnabled = value
+    reducedMotionListeners.forEach((cb) => cb())
+  })
+}
+
+export class NativeMediaQueryList implements MediaQueryList {
+  private listeners: Listener[] = []
+  private reducedMotionExpected: 'reduce' | 'no-preference' | null = null
+
+  private get orientation(): Orientation {
+    const windowDimensions = Dimensions.get('window')
+    return windowDimensions.height > windowDimensions.width ? 'portrait' : 'landscape'
+  }
+
+  constructor(private query: string) {
+    const reducedMotionMatch = query.match(REDUCED_MOTION_RE)
+    if (reducedMotionMatch) {
+      // accessibility-driven query, ignore dimensions
+      this.reducedMotionExpected = reducedMotionMatch[1] as 'reduce' | 'no-preference'
+      ensureReducedMotionSubscription()
+      return
+    }
+    this.notify()
+    Dimensions.addEventListener('change', () => {
+      this.notify()
+    })
+  }
+
+  private notify() {
+    this.listeners.forEach((listener) => {
+      listener()
+    })
+  }
+
+  addListener(listener: Listener): void {
+    if (this.reducedMotionExpected) {
+      reducedMotionListeners.add(listener)
+      this.listeners.push(listener)
+      return
+    }
+    this.listeners.push(listener)
+  }
+
+  removeListener(listener: Listener): void {
+    if (this.reducedMotionExpected) {
+      reducedMotionListeners.delete(listener)
+    }
+    const index = this.listeners.indexOf(listener)
+    if (index !== -1) this.listeners.splice(index, 1)
+  }
+
+  match(query: string, { width, height }: { width: number; height: number }): boolean {
+    const reducedMotionMatch = query.match(REDUCED_MOTION_RE)
+    if (reducedMotionMatch) {
+      const expected = reducedMotionMatch[1]
+      return expected === 'reduce' ? reducedMotionEnabled : !reducedMotionEnabled
+    }
+    return matchQuery(query, {
+      type: 'screen',
+      orientation: height > width ? 'portrait' : 'landscape',
+      'device-width': width,
+      'device-height': height,
+    })
+  }
+
+  get matches(): boolean {
+    if (this.reducedMotionExpected) {
+      return this.reducedMotionExpected === 'reduce'
+        ? reducedMotionEnabled
+        : !reducedMotionEnabled
+    }
+    const windowDimensions = Dimensions.get('window')
+    const matches = matchQuery(this.query, {
+      type: 'screen',
+      orientation: this.orientation,
+      ...windowDimensions,
+      'device-width': windowDimensions.width,
+      'device-height': windowDimensions.height,
+    })
+    return matches
+  }
+}

package/types/index.d.ts

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

package/types/index.d.ts.map

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

package/types/matchMedia.native.d.ts.map

@@ -6,6 +6,6 @@
   ],
   "version": 3,
   "sourcesContent": [
-    "import type { MatchMedia } from '@tamagui/web'\n\nimport { NativeMediaQueryList } from './mediaQueryList'\n\nexport const matchMedia: MatchMedia = (query) => {\n  return new NativeMediaQueryList(query)\n}\n"
+    "import type { MatchMedia } from '@tamagui/web'\n\nimport { NativeMediaQueryList } from './mediaQueryList.native'\n\nexport const matchMedia: MatchMedia = (query) => {\n  return new NativeMediaQueryList(query)\n}\n"
   ]
 }

package/types/{mediaQueryList.d.ts → mediaQueryList.native.d.ts}

@@ -1,9 +1,9 @@
 import type { MediaQueryList } from "@tamagui/web";
-type Orientation = "landscape" | "portrait";
-type Listener = (orientation: Orientation) => void;
+type Listener = () => void;
 export declare class NativeMediaQueryList implements MediaQueryList {
 	private query;
 	private listeners;
+	private reducedMotionExpected;
 	private get orientation();
 	constructor(query: string);
 	private notify;
@@ -17,4 +17,4 @@ export declare class NativeMediaQueryList implements MediaQueryList {
 }
 export {};
 
-//# sourceMappingURL=mediaQueryList.d.ts.map
+//# sourceMappingURL=mediaQueryList.native.d.ts.map

package/types/mediaQueryList.native.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAAA,cAAc,sBAAsB;KAO/B;AA+BL,OAAO,cAAM,gCAAgC,eAAe;CAS9C;CARZ,QAAQ;CACR,QAAQ;CAER,YAAY;CAKZ,YAAY,AAAQ;CAcpB,QAAQ;CAMR,YAAY,UAAU;CAStB,eAAe,UAAU;CAQzB,MAAM,eAAe,EAAE,OAAO,UAAU;EAAE;EAAe;;CAczD,IAAI",
+  "names": [],
+  "sources": [
+    "src/mediaQueryList.native.ts"
+  ],
+  "version": 3,
+  "sourcesContent": [
+    "import type { MediaQueryList } from '@tamagui/web'\nimport { AccessibilityInfo, Dimensions } from 'react-native'\n\nimport { matchQuery } from './matchQuery'\n\ntype Orientation = 'landscape' | 'portrait'\n\ntype Listener = () => void\n\n// detect prefers-reduced-motion queries so we can subscribe to\n// AccessibilityInfo instead of Dimensions\n// matches \"(prefers-reduced-motion: reduce)\" / \"(prefers-reduced-motion: no-preference)\"\nconst REDUCED_MOTION_RE = /\\(\\s*prefers-reduced-motion\\s*:\\s*([a-z-]+)\\s*\\)/i\n\n// shared subscription to AccessibilityInfo so we set up a single native listener\n// regardless of how many media queries use it\nlet reducedMotionEnabled = false\nlet reducedMotionInitialized = false\nconst reducedMotionListeners = new Set<() => void>()\n\nfunction ensureReducedMotionSubscription() {\n  if (reducedMotionInitialized) return\n  reducedMotionInitialized = true\n  AccessibilityInfo.isReduceMotionEnabled?.()\n    .then((value) => {\n      if (value !== reducedMotionEnabled) {\n        reducedMotionEnabled = value\n        reducedMotionListeners.forEach((cb) => cb())\n      }\n    })\n    .catch(() => {})\n  AccessibilityInfo.addEventListener?.('reduceMotionChanged', (value: boolean) => {\n    if (value === reducedMotionEnabled) return\n    reducedMotionEnabled = value\n    reducedMotionListeners.forEach((cb) => cb())\n  })\n}\n\nexport class NativeMediaQueryList implements MediaQueryList {\n  private listeners: Listener[] = []\n  private reducedMotionExpected: 'reduce' | 'no-preference' | null = null\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    const reducedMotionMatch = query.match(REDUCED_MOTION_RE)\n    if (reducedMotionMatch) {\n      // accessibility-driven query, ignore dimensions\n      this.reducedMotionExpected = reducedMotionMatch[1] as 'reduce' | 'no-preference'\n      ensureReducedMotionSubscription()\n      return\n    }\n    this.notify()\n    Dimensions.addEventListener('change', () => {\n      this.notify()\n    })\n  }\n\n  private notify() {\n    this.listeners.forEach((listener) => {\n      listener()\n    })\n  }\n\n  addListener(listener: Listener): void {\n    if (this.reducedMotionExpected) {\n      reducedMotionListeners.add(listener)\n      this.listeners.push(listener)\n      return\n    }\n    this.listeners.push(listener)\n  }\n\n  removeListener(listener: Listener): void {\n    if (this.reducedMotionExpected) {\n      reducedMotionListeners.delete(listener)\n    }\n    const index = this.listeners.indexOf(listener)\n    if (index !== -1) this.listeners.splice(index, 1)\n  }\n\n  match(query: string, { width, height }: { width: number; height: number }): boolean {\n    const reducedMotionMatch = query.match(REDUCED_MOTION_RE)\n    if (reducedMotionMatch) {\n      const expected = reducedMotionMatch[1]\n      return expected === 'reduce' ? reducedMotionEnabled : !reducedMotionEnabled\n    }\n    return matchQuery(query, {\n      type: 'screen',\n      orientation: height > width ? 'portrait' : 'landscape',\n      'device-width': width,\n      'device-height': height,\n    })\n  }\n\n  get matches(): boolean {\n    if (this.reducedMotionExpected) {\n      return this.reducedMotionExpected === 'reduce'\n        ? reducedMotionEnabled\n        : !reducedMotionEnabled\n    }\n    const windowDimensions = Dimensions.get('window')\n    const matches = matchQuery(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"
+  ]
+}

package/dist/cjs/createMedia.cjs

@@ -1,33 +0,0 @@
-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_web = require("@tamagui/web");
-var import_matchMedia = require("./matchMedia.cjs");
-function createMedia(media) {
-  (0, import_web.setupMatchMedia)(import_matchMedia.matchMedia);
-  return media;
-}

package/dist/cjs/createMedia.native.js

@@ -1,36 +0,0 @@
-"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_web = require("@tamagui/web");
-var import_matchMedia = require("./matchMedia.native.js");
-function createMedia(media) {
-  (0, import_web.setupMatchMedia)(import_matchMedia.matchMedia);
-  return media;
-}
-//# sourceMappingURL=createMedia.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createMedia_exports","__export","createMedia","module","exports","import_web","require","import_matchMedia","media","setupMatchMedia","matchMedia"],"sources":["../../src/createMedia.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAgCT,YAAA,CAAAK,mBAAA;AAEhC,IAAAK,UAAA,GAAAC,OAA2B;AAMpB,IAAAC,iBAIL,GAAAD,OAAa;AAGb,SAAAJ,YAAAM,KAAA;EACA,IAAAH,UAAO,CAAAI,eAAA,EAAAF,iBAAA,CAAAG,UAAA;EACT,OAAAF,KAAA","ignoreList":[]}

package/dist/cjs/mediaQueryList.cjs

@@ -1,78 +0,0 @@
-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 mediaQueryList_exports = {};
-__export(mediaQueryList_exports, {
-  NativeMediaQueryList: () => NativeMediaQueryList
-});
-module.exports = __toCommonJS(mediaQueryList_exports);
-var import_react_native = require("react-native-web");
-var import_matchQuery = require("./matchQuery.cjs");
-class NativeMediaQueryList {
-  constructor(query) {
-    this.query = query;
-    this.notify();
-    import_react_native.Dimensions.addEventListener("change", () => {
-      this.notify();
-    });
-  }
-  query;
-  listeners = [];
-  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);
-  }
-  match(query, {
-    width,
-    height
-  }) {
-    return (0, import_matchQuery.matchQuery)(query, {
-      type: "screen",
-      orientation: height > width ? "portrait" : "landscape",
-      "device-width": width,
-      "device-height": height
-    });
-  }
-  get matches() {
-    const windowDimensions = import_react_native.Dimensions.get("window");
-    const matches = (0, import_matchQuery.matchQuery)(this.query, {
-      type: "screen",
-      orientation: this.orientation,
-      ...windowDimensions,
-      "device-width": windowDimensions.width,
-      "device-height": windowDimensions.height
-    });
-    return matches;
-  }
-}

package/dist/esm/createMedia.mjs

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

package/dist/esm/createMedia.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["setupMatchMedia","matchMedia","createMedia","media"],"sources":["../../src/createMedia.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,eAAA,QAAuB;AAEhC,SAASC,UAAA,QAAkB;AAMpB,SAASC,YAIdC,KAAA,EAAa;EAGbH,eAAA,CAAgBC,UAAU;EAC1B,OAAOE,KAAA;AACT","ignoreList":[]}

package/dist/esm/createMedia.native.js

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["setupMatchMedia","matchMedia","createMedia","media"],"sources":["../../src/createMedia.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,eAAA,QAAuB;AAEhC,SAASC,UAAA,QAAkB;AAMpB,SAASC,YAIdC,KAAA,EAAa;EAGbH,eAAA,CAAgBC,UAAU;EAC1B,OAAOE,KAAA;AACT","ignoreList":[]}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/mediaQueryList.mjs

@@ -1,53 +0,0 @@
-import { Dimensions } from "react-native-web";
-import { matchQuery } from "./matchQuery.mjs";
-class NativeMediaQueryList {
-  constructor(query) {
-    this.query = query;
-    this.notify();
-    Dimensions.addEventListener("change", () => {
-      this.notify();
-    });
-  }
-  query;
-  listeners = [];
-  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);
-  }
-  match(query, {
-    width,
-    height
-  }) {
-    return matchQuery(query, {
-      type: "screen",
-      orientation: height > width ? "portrait" : "landscape",
-      "device-width": width,
-      "device-height": height
-    });
-  }
-  get matches() {
-    const windowDimensions = Dimensions.get("window");
-    const matches = matchQuery(this.query, {
-      type: "screen",
-      orientation: this.orientation,
-      ...windowDimensions,
-      "device-width": windowDimensions.width,
-      "device-height": windowDimensions.height
-    });
-    return matches;
-  }
-}
-export { NativeMediaQueryList };
-//# sourceMappingURL=mediaQueryList.mjs.map

package/dist/esm/mediaQueryList.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Dimensions","matchQuery","NativeMediaQueryList","constructor","query","notify","addEventListener","listeners","orientation","windowDimensions","get","height","width","forEach","listener","addListener","push","removeListener","index","indexOf","splice","match","type","matches"],"sources":["../../src/mediaQueryList.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,UAAA,QAAkB;AAE3B,SAASC,UAAA,QAAkB;AAMpB,MAAMC,oBAAA,CAA+C;EAQ1DC,YAAoBC,KAAA,EAAe;IAAf,KAAAA,KAAA,GAAAA,KAAA;IAClB,KAAKC,MAAA,CAAO;IACZL,UAAA,CAAWM,gBAAA,CAAiB,UAAU,MAAM;MAC1C,KAAKD,MAAA,CAAO;IACd,CAAC;EACH;EALoBD,KAAA;EAPZG,SAAA,GAAwB,EAAC;EAEjC,IAAYC,YAAA,EAA2B;IACrC,MAAMC,gBAAA,GAAmBT,UAAA,CAAWU,GAAA,CAAI,QAAQ;IAChD,OAAOD,gBAAA,CAAiBE,MAAA,GAASF,gBAAA,CAAiBG,KAAA,GAAQ,aAAa;EACzE;EASQP,OAAA,EAAS;IACf,KAAKE,SAAA,CAAUM,OAAA,CAASC,QAAA,IAAa;MACnCA,QAAA,CAAS,KAAKN,WAAW;IAC3B,CAAC;EACH;EAEAO,YAAYD,QAAA,EAA0B;IACpC,KAAKP,SAAA,CAAUS,IAAA,CAAKF,QAAQ;EAC9B;EAEAG,eAAeH,QAAA,EAA0B;IACvC,MAAMI,KAAA,GAAQ,KAAKX,SAAA,CAAUY,OAAA,CAAQL,QAAQ;IAC7C,IAAII,KAAA,KAAU,IAAI,KAAKX,SAAA,CAAUa,MAAA,CAAOF,KAAA,EAAO,CAAC;EAClD;EAEAG,MAAMjB,KAAA,EAAe;IAAEQ,KAAA;IAAOD;EAAO,GAA+C;IAClF,OAAOV,UAAA,CAAWG,KAAA,EAAO;MACvBkB,IAAA,EAAM;MACNd,WAAA,EAAaG,MAAA,GAASC,KAAA,GAAQ,aAAa;MAC3C,gBAAgBA,KAAA;MAChB,iBAAiBD;IACnB,CAAC;EACH;EAEA,IAAIY,QAAA,EAAmB;IACrB,MAAMd,gBAAA,GAAmBT,UAAA,CAAWU,GAAA,CAAI,QAAQ;IAChD,MAAMa,OAAA,GAAUtB,UAAA,CAAW,KAAKG,KAAA,EAAO;MACrCkB,IAAA,EAAM;MACNd,WAAA,EAAa,KAAKA,WAAA;MAClB,GAAGC,gBAAA;MACH,gBAAgBA,gBAAA,CAAiBG,KAAA;MACjC,iBAAiBH,gBAAA,CAAiBE;IACpC,CAAC;IACD,OAAOY,OAAA;EACT;AACF","ignoreList":[]}

package/src/createMedia.ts

@@ -1,19 +0,0 @@
-import type { MediaQueryObject } from '@tamagui/web'
-import { setupMatchMedia } from '@tamagui/web'
-
-import { matchMedia } from './matchMedia'
-
-/**
- * @deprecated you no longer need to call createMedia or import @tamagui/react-native-media-driver at all.
- * Tamagui now automatically handles setting this up, you can just pass a plain object to createTamagui.
- */
-export function createMedia<
-  A extends {
-    [key: string]: MediaQueryObject
-  },
->(media: A): A {
-  // this should ideally return a diff object that is then passed to createTamagui
-  // but works for now we dont really support swapping out media drivers
-  setupMatchMedia(matchMedia)
-  return media
-}

package/src/mediaQueryList.ts

@@ -1,60 +0,0 @@
-import type { MediaQueryList } from '@tamagui/web'
-import { Dimensions } from 'react-native'
-
-import { matchQuery } from './matchQuery'
-
-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): void {
-    this.listeners.push(listener)
-  }
-
-  removeListener(listener: Listener): void {
-    const index = this.listeners.indexOf(listener)
-    if (index !== -1) this.listeners.splice(index, 1)
-  }
-
-  match(query: string, { width, height }: { width: number; height: number }): boolean {
-    return matchQuery(query, {
-      type: 'screen',
-      orientation: height > width ? 'portrait' : 'landscape',
-      'device-width': width,
-      'device-height': height,
-    })
-  }
-
-  get matches(): boolean {
-    const windowDimensions = Dimensions.get('window')
-    const matches = matchQuery(this.query, {
-      type: 'screen',
-      orientation: this.orientation,
-      ...windowDimensions,
-      'device-width': windowDimensions.width,
-      'device-height': windowDimensions.height,
-    })
-    return matches
-  }
-}

package/types/createMedia.d.ts

@@ -1,10 +0,0 @@
-import type { MediaQueryObject } from "@tamagui/web";
-/**
-* @deprecated you no longer need to call createMedia or import @tamagui/react-native-media-driver at all.
-* Tamagui now automatically handles setting this up, you can just pass a plain object to createTamagui.
-*/
-export declare function createMedia<A extends {
-	[key: string]: MediaQueryObject;
-}>(media: A): A;
-
-//# sourceMappingURL=createMedia.d.ts.map

package/types/createMedia.d.ts.map

@@ -1,11 +0,0 @@
-{
-  "mappings": "AAAA,cAAc,wBAAwB;;;;;AAStC,OAAO,iBAAS,YACd,UAAU;gBACO;GAEjB,OAAO,IAAI",
-  "names": [],
-  "sources": [
-    "src/createMedia.ts"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import type { MediaQueryObject } from '@tamagui/web'\nimport { setupMatchMedia } from '@tamagui/web'\n\nimport { matchMedia } from './matchMedia'\n\n/**\n * @deprecated you no longer need to call createMedia or import @tamagui/react-native-media-driver at all.\n * Tamagui now automatically handles setting this up, you can just pass a plain object to createTamagui.\n */\nexport function createMedia<\n  A extends {\n    [key: string]: MediaQueryObject\n  },\n>(media: A): A {\n  // this should ideally return a diff object that is then passed to createTamagui\n  // but works for now we dont really support swapping out media drivers\n  setupMatchMedia(matchMedia)\n  return media\n}\n"
-  ]
-}

package/types/mediaQueryList.d.ts.map

@@ -1,11 +0,0 @@
-{
-  "mappings": "AAAA,cAAc,sBAAsB;KAK/B,cAAc,cAAc;KAE5B,YAAY,aAAa;AAE9B,OAAO,cAAM,gCAAgC,eAAe;CAQ9C;CAPZ,QAAQ;CAER,YAAY;CAKZ,YAAY,AAAQ;CAOpB,QAAQ;CAMR,YAAY,UAAU;CAItB,eAAe,UAAU;CAKzB,MAAM,eAAe,EAAE,OAAO,UAAU;EAAE;EAAe;;CASzD,IAAI",
-  "names": [],
-  "sources": [
-    "src/mediaQueryList.ts"
-  ],
-  "version": 3,
-  "sourcesContent": [
-    "import type { MediaQueryList } from '@tamagui/web'\nimport { Dimensions } from 'react-native'\n\nimport { matchQuery } from './matchQuery'\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): void {\n    this.listeners.push(listener)\n  }\n\n  removeListener(listener: Listener): void {\n    const index = this.listeners.indexOf(listener)\n    if (index !== -1) this.listeners.splice(index, 1)\n  }\n\n  match(query: string, { width, height }: { width: number; height: number }): boolean {\n    return matchQuery(query, {\n      type: 'screen',\n      orientation: height > width ? 'portrait' : 'landscape',\n      'device-width': width,\n      'device-height': height,\n    })\n  }\n\n  get matches(): boolean {\n    const windowDimensions = Dimensions.get('window')\n    const matches = matchQuery(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"
-  ]
-}