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

package/dist/esm/mediaQueryList.mjs

@@ -1,53 +1,94 @@
-import { Dimensions } from "react-native-web";
+import { AccessibilityInfo, 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;
-  }
+
+const REDUCED_MOTION_RE = /\(\s*prefers-reduced-motion\s*:\s*([a-z-]+)\s*\)/i;
+let reducedMotionEnabled = false;
+let reducedMotionInitialized = false;
+const reducedMotionListeners = /* @__PURE__ */ new Set();
+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) => {
+		if (value === reducedMotionEnabled) return;
+		reducedMotionEnabled = value;
+		reducedMotionListeners.forEach((cb) => cb());
+	});
 }
+var NativeMediaQueryList = class {
+	constructor(query) {
+		this.query = query;
+		const reducedMotionMatch = query.match(REDUCED_MOTION_RE);
+		if (reducedMotionMatch) {
+			this.reducedMotionExpected = reducedMotionMatch[1];
+			ensureReducedMotionSubscription();
+			return;
+		}
+		this.notify();
+		Dimensions.addEventListener("change", () => {
+			this.notify();
+		});
+	}
+	query;
+	listeners = [];
+	reducedMotionExpected = null;
+	get orientation() {
+		const windowDimensions = Dimensions.get("window");
+		return windowDimensions.height > windowDimensions.width ? "portrait" : "landscape";
+	}
+	notify() {
+		this.listeners.forEach((listener) => {
+			listener();
+		});
+	}
+	addListener(listener) {
+		if (this.reducedMotionExpected) {
+			reducedMotionListeners.add(listener);
+			this.listeners.push(listener);
+			return;
+		}
+		this.listeners.push(listener);
+	}
+	removeListener(listener) {
+		if (this.reducedMotionExpected) {
+			reducedMotionListeners.delete(listener);
+		}
+		const index = this.listeners.indexOf(listener);
+		if (index !== -1) this.listeners.splice(index, 1);
+	}
+	match(query, { width, height }) {
+		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() {
+		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;
+	}
+};
+
 export { NativeMediaQueryList };
 //# sourceMappingURL=mediaQueryList.mjs.map

package/dist/esm/mediaQueryList.mjs.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"mediaQueryList.js","names":[],"sources":["esm/mediaQueryList.js"],"sourcesContent":["import { AccessibilityInfo, Dimensions } from \"react-native-web\";\nimport { matchQuery } from \"./matchQuery\";\nconst REDUCED_MOTION_RE = /\\(\\s*prefers-reduced-motion\\s*:\\s*([a-z-]+)\\s*\\)/i;\nlet reducedMotionEnabled = false;\nlet reducedMotionInitialized = false;\nconst reducedMotionListeners = /* @__PURE__ */ new Set();\nfunction ensureReducedMotionSubscription() {\n  if (reducedMotionInitialized) return;\n  reducedMotionInitialized = true;\n  AccessibilityInfo.isReduceMotionEnabled?.().then((value) => {\n    if (value !== reducedMotionEnabled) {\n      reducedMotionEnabled = value;\n      reducedMotionListeners.forEach((cb) => cb());\n    }\n  }).catch(() => {\n  });\n  AccessibilityInfo.addEventListener?.(\"reduceMotionChanged\", (value) => {\n    if (value === reducedMotionEnabled) return;\n    reducedMotionEnabled = value;\n    reducedMotionListeners.forEach((cb) => cb());\n  });\n}\nclass NativeMediaQueryList {\n  constructor(query) {\n    this.query = query;\n    const reducedMotionMatch = query.match(REDUCED_MOTION_RE);\n    if (reducedMotionMatch) {\n      this.reducedMotionExpected = reducedMotionMatch[1];\n      ensureReducedMotionSubscription();\n      return;\n    }\n    this.notify();\n    Dimensions.addEventListener(\"change\", () => {\n      this.notify();\n    });\n  }\n  query;\n  listeners = [];\n  reducedMotionExpected = null;\n  get orientation() {\n    const windowDimensions = Dimensions.get(\"window\");\n    return windowDimensions.height > windowDimensions.width ? \"portrait\" : \"landscape\";\n  }\n  notify() {\n    this.listeners.forEach((listener) => {\n      listener();\n    });\n  }\n  addListener(listener) {\n    if (this.reducedMotionExpected) {\n      reducedMotionListeners.add(listener);\n      this.listeners.push(listener);\n      return;\n    }\n    this.listeners.push(listener);\n  }\n  removeListener(listener) {\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  match(query, { width, height }) {\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  get matches() {\n    if (this.reducedMotionExpected) {\n      return this.reducedMotionExpected === \"reduce\" ? reducedMotionEnabled : !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}\nexport {\n  NativeMediaQueryList\n};\n//# sourceMappingURL=mediaQueryList.js.map\n"],"mappings":";;;;AAEA,MAAM,oBAAoB;AAC1B,IAAI,uBAAuB;AAC3B,IAAI,2BAA2B;AAC/B,MAAM,yCAAyC,IAAI,IAAI;AACvD,SAAS,kCAAkC;CACzC,IAAI,0BAA0B;CAC9B,2BAA2B;CAC3B,kBAAkB,wBAAwB,EAAE,MAAM,UAAU;EAC1D,IAAI,UAAU,sBAAsB;GAClC,uBAAuB;GACvB,uBAAuB,SAAS,OAAO,GAAG,CAAC;EAC7C;CACF,CAAC,EAAE,YAAY,CACf,CAAC;CACD,kBAAkB,mBAAmB,wBAAwB,UAAU;EACrE,IAAI,UAAU,sBAAsB;EACpC,uBAAuB;EACvB,uBAAuB,SAAS,OAAO,GAAG,CAAC;CAC7C,CAAC;AACH;AACA,IAAM,uBAAN,MAA2B;CACzB,YAAY,OAAO;EACjB,KAAK,QAAQ;EACb,MAAM,qBAAqB,MAAM,MAAM,iBAAiB;EACxD,IAAI,oBAAoB;GACtB,KAAK,wBAAwB,mBAAmB;GAChD,gCAAgC;GAChC;EACF;EACA,KAAK,OAAO;EACZ,WAAW,iBAAiB,gBAAgB;GAC1C,KAAK,OAAO;EACd,CAAC;CACH;CACA;CACA,YAAY,CAAC;CACb,wBAAwB;CACxB,IAAI,cAAc;EAChB,MAAM,mBAAmB,WAAW,IAAI,QAAQ;EAChD,OAAO,iBAAiB,SAAS,iBAAiB,QAAQ,aAAa;CACzE;CACA,SAAS;EACP,KAAK,UAAU,SAAS,aAAa;GACnC,SAAS;EACX,CAAC;CACH;CACA,YAAY,UAAU;EACpB,IAAI,KAAK,uBAAuB;GAC9B,uBAAuB,IAAI,QAAQ;GACnC,KAAK,UAAU,KAAK,QAAQ;GAC5B;EACF;EACA,KAAK,UAAU,KAAK,QAAQ;CAC9B;CACA,eAAe,UAAU;EACvB,IAAI,KAAK,uBAAuB;GAC9B,uBAAuB,OAAO,QAAQ;EACxC;EACA,MAAM,QAAQ,KAAK,UAAU,QAAQ,QAAQ;EAC7C,IAAI,UAAU,CAAC,GAAG,KAAK,UAAU,OAAO,OAAO,CAAC;CAClD;CACA,MAAM,OAAO,EAAE,OAAO,UAAU;EAC9B,MAAM,qBAAqB,MAAM,MAAM,iBAAiB;EACxD,IAAI,oBAAoB;GACtB,MAAM,WAAW,mBAAmB;GACpC,OAAO,aAAa,WAAW,uBAAuB,CAAC;EACzD;EACA,OAAO,WAAW,OAAO;GACvB,MAAM;GACN,aAAa,SAAS,QAAQ,aAAa;GAC3C,gBAAgB;GAChB,iBAAiB;EACnB,CAAC;CACH;CACA,IAAI,UAAU;EACZ,IAAI,KAAK,uBAAuB;GAC9B,OAAO,KAAK,0BAA0B,WAAW,uBAAuB,CAAC;EAC3E;EACA,MAAM,mBAAmB,WAAW,IAAI,QAAQ;EAChD,MAAM,UAAU,WAAW,KAAK,OAAO;GACrC,MAAM;GACN,aAAa,KAAK;GAClB,GAAG;GACH,gBAAgB,iBAAiB;GACjC,iBAAiB,iBAAiB;EACpC,CAAC;EACD,OAAO;CACT;AACF"}

package/dist/esm/mediaQueryList.native.js

@@ -1,106 +1,158 @@
-import { Dimensions } from "react-native";
+import { AccessibilityInfo, Dimensions } from "react-native";
 import { matchQuery } from "./matchQuery.native.js";
+
 function _class_call_check(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
+	if (!(instance instanceof Constructor)) {
+		throw new TypeError("Cannot call a class as a function");
+	}
 }
 function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
+	for (var i = 0; i < props.length; i++) {
+		var descriptor = props[i];
+		descriptor.enumerable = descriptor.enumerable || false;
+		descriptor.configurable = true;
+		if ("value" in descriptor) descriptor.writable = true;
+		Object.defineProperty(target, descriptor.key, descriptor);
+	}
 }
 function _create_class(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  return Constructor;
+	if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+	if (staticProps) _defineProperties(Constructor, staticProps);
+	return Constructor;
 }
 function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
+	if (key in obj) {
+		Object.defineProperty(obj, key, {
+			value,
+			enumerable: true,
+			configurable: true,
+			writable: true
+		});
+	} else {
+		obj[key] = value;
+	}
+	return obj;
+}
+var REDUCED_MOTION_RE = /\(\s*prefers-reduced-motion\s*:\s*([a-z-]+)\s*\)/i;
+var reducedMotionEnabled = false;
+var reducedMotionInitialized = false;
+var reducedMotionListeners = /* @__PURE__ */ new Set();
+function ensureReducedMotionSubscription() {
+	var _AccessibilityInfo_isReduceMotionEnabled, _AccessibilityInfo_addEventListener;
+	if (reducedMotionInitialized) return;
+	reducedMotionInitialized = true;
+	(_AccessibilityInfo_isReduceMotionEnabled = AccessibilityInfo.isReduceMotionEnabled) === null || _AccessibilityInfo_isReduceMotionEnabled === void 0 ? void 0 : _AccessibilityInfo_isReduceMotionEnabled.call(AccessibilityInfo).then(function(value) {
+		if (value !== reducedMotionEnabled) {
+			reducedMotionEnabled = value;
+			reducedMotionListeners.forEach(function(cb) {
+				return cb();
+			});
+		}
+	}).catch(function() {});
+	(_AccessibilityInfo_addEventListener = AccessibilityInfo.addEventListener) === null || _AccessibilityInfo_addEventListener === void 0 ? void 0 : _AccessibilityInfo_addEventListener.call(AccessibilityInfo, "reduceMotionChanged", function(value) {
+		if (value === reducedMotionEnabled) return;
+		reducedMotionEnabled = value;
+		reducedMotionListeners.forEach(function(cb) {
+			return cb();
+		});
+	});
 }
-var NativeMediaQueryList = /* @__PURE__ */function () {
-  "use strict";
+var NativeMediaQueryList = /* @__PURE__ */ (function() {
+	"use strict";
+	function NativeMediaQueryList2(query) {
+		var _this = this;
+		_class_call_check(this, NativeMediaQueryList2);
+		_define_property(this, "query", void 0);
+		_define_property(this, "listeners", void 0);
+		_define_property(this, "reducedMotionExpected", void 0);
+		this.query = query;
+		this.listeners = [];
+		this.reducedMotionExpected = null;
+		var reducedMotionMatch = query.match(REDUCED_MOTION_RE);
+		if (reducedMotionMatch) {
+			this.reducedMotionExpected = reducedMotionMatch[1];
+			ensureReducedMotionSubscription();
+			return;
+		}
+		this.notify();
+		Dimensions.addEventListener("change", function() {
+			_this.notify();
+		});
+	}
+	_create_class(NativeMediaQueryList2, [
+		{
+			key: "orientation",
+			get: function get() {
+				var windowDimensions = Dimensions.get("window");
+				return windowDimensions.height > windowDimensions.width ? "portrait" : "landscape";
+			}
+		},
+		{
+			key: "notify",
+			value: function notify() {
+				this.listeners.forEach(function(listener) {
+					listener();
+				});
+			}
+		},
+		{
+			key: "addListener",
+			value: function addListener(listener) {
+				if (this.reducedMotionExpected) {
+					reducedMotionListeners.add(listener);
+					this.listeners.push(listener);
+					return;
+				}
+				this.listeners.push(listener);
+			}
+		},
+		{
+			key: "removeListener",
+			value: function removeListener(listener) {
+				if (this.reducedMotionExpected) {
+					reducedMotionListeners.delete(listener);
+				}
+				var index = this.listeners.indexOf(listener);
+				if (index !== -1) this.listeners.splice(index, 1);
+			}
+		},
+		{
+			key: "match",
+			value: function match(query, param) {
+				var { width, height } = param;
+				var reducedMotionMatch = query.match(REDUCED_MOTION_RE);
+				if (reducedMotionMatch) {
+					var expected = reducedMotionMatch[1];
+					return expected === "reduce" ? reducedMotionEnabled : !reducedMotionEnabled;
+				}
+				return matchQuery(query, {
+					type: "screen",
+					orientation: height > width ? "portrait" : "landscape",
+					"device-width": width,
+					"device-height": height
+				});
+			}
+		},
+		{
+			key: "matches",
+			get: function get() {
+				if (this.reducedMotionExpected) {
+					return this.reducedMotionExpected === "reduce" ? reducedMotionEnabled : !reducedMotionEnabled;
+				}
+				var windowDimensions = Dimensions.get("window");
+				var matches = matchQuery(this.query, {
+					type: "screen",
+					orientation: this.orientation,
+					...windowDimensions,
+					"device-width": windowDimensions.width,
+					"device-height": windowDimensions.height
+				});
+				return matches;
+			}
+		}
+	]);
+	return NativeMediaQueryList2;
+})();
 
-  function NativeMediaQueryList2(query) {
-    var _this = this;
-    _class_call_check(this, NativeMediaQueryList2);
-    _define_property(this, "query", void 0);
-    _define_property(this, "listeners", void 0);
-    this.query = query;
-    this.listeners = [];
-    this.notify();
-    Dimensions.addEventListener("change", function () {
-      _this.notify();
-    });
-  }
-  _create_class(NativeMediaQueryList2, [{
-    key: "orientation",
-    get: function get() {
-      var windowDimensions = Dimensions.get("window");
-      return windowDimensions.height > windowDimensions.width ? "portrait" : "landscape";
-    }
-  }, {
-    key: "notify",
-    value: function notify() {
-      var _this = this;
-      this.listeners.forEach(function (listener) {
-        listener(_this.orientation);
-      });
-    }
-  }, {
-    key: "addListener",
-    value: function addListener(listener) {
-      this.listeners.push(listener);
-    }
-  }, {
-    key: "removeListener",
-    value: function removeListener(listener) {
-      var index = this.listeners.indexOf(listener);
-      if (index !== -1) this.listeners.splice(index, 1);
-    }
-  }, {
-    key: "match",
-    value: function match(query, param) {
-      var {
-        width,
-        height
-      } = param;
-      return matchQuery(query, {
-        type: "screen",
-        orientation: height > width ? "portrait" : "landscape",
-        "device-width": width,
-        "device-height": height
-      });
-    }
-  }, {
-    key: "matches",
-    get: function get() {
-      var windowDimensions = Dimensions.get("window");
-      var matches = matchQuery(this.query, {
-        type: "screen",
-        orientation: this.orientation,
-        ...windowDimensions,
-        "device-width": windowDimensions.width,
-        "device-height": windowDimensions.height
-      });
-      return matches;
-    }
-  }]);
-  return NativeMediaQueryList2;
-}();
 export { NativeMediaQueryList };
 //# sourceMappingURL=mediaQueryList.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Dimensions","matchQuery","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","value","NativeMediaQueryList","NativeMediaQueryList2","query","_this","listeners","notify","addEventListener"],"sources":["../../src/mediaQueryList.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,UAAA,QAAkB;AAE3B,SAASC,UAAA,QAAkB;AAMpB,SAAMC,kBAA+CC,QAAA,EAAAC,WAAA;EAQ1D,MAAAD,QAAoB,YAAeC,WAAA;IAAf,UAAAC,SAAA;EAClB;AACA;AACE,SAAAC,iBAAYA,CAAAC,MAAA,EAAAC,KAAA;EAAA,KACb,IAAAC,CAAA,MAAAA,CAAA,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA;IACH,IAAAE,UAAA,GAAAH,KAAA,CAAAC,CAAA;IALoBE,UAAA,CAAAC,UAAA,GAAAD,UAAA,CAAAC,UAAA;IAPZD,UAAwB,CAACE,YAAA;IAEjC,IAAY,WAAAF,UAA2B,EAAAA,UAAA,CAAAG,QAAA;IACrCC,MAAM,CAAAC,cAAA,CAAAT,MAAmB,EAAAI,UAAe,CAAAM,GAAA,EAAAN,UAAQ;EAChD;AAAuE;AACzE,SASQO,aAASA,CAAAd,WAAA,EAAAe,UAAA,EAAAC,WAAA;EACf,IAAAD,UAAK,EAAAb,iBAAmB,CAAAF,WAAa,CAAAiB,SAAA,EAAAF,UAAA;EACnC,IAAAC,WAAS,EAAAd,iBAAgB,CAAAF,WAAA,EAAAgB,WAAA;EAAA,OAC1BhB,WAAA;AAAA;AACH,SAEAkB,gBAAsCA,CAAAC,GAAA,EAAAN,GAAA,EAAAO,KAAA;EACpC,IAAAP,GAAK,IAAAM,GAAA;IACPR,MAAA,CAAAC,cAAA,CAAAO,GAAA,EAAAN,GAAA;MAEAO,KAAA;MACEZ,UAAM,EAAQ;MACdC,YAAc,MAAI;MACpBC,QAAA;IAEA;EACE;IAAyBS,GACvB,CAAAN,GAAA,CAAM,GAAAO,KAAA;EAAA;EACqC,OAC3CD,GAAA;AAAgB;AACC,IACnBE,oBAAC;EACH;;EAEA,SAAIC,qBAAmBA,CAAAC,KAAA;IACrB,IAAAC,KAAM;IACN1B,iBAAgB,OAAAwB,qBAAuB;IAAAJ,gBAC/B;IAAAA,gBACO,KAAK;IAAA,IAClB,CAAGK,KAAA,GAAAA,KAAA;IAAA,IACH,CAAAE,SAAA,KAAgB;IAAiB,IACjC,CAAAC,MAAA;IACF9B,UAAC,CAAA+B,gBAAA;MACDH,KAAO,CAAAE,MAAA;IACT;EACF","ignoreList":[]}
+{"version":3,"file":"mediaQueryList.native.js","names":[],"sources":["esm/mediaQueryList.native.js"],"sourcesContent":["import { AccessibilityInfo, Dimensions } from \"react-native\";\nimport { matchQuery } from \"./matchQuery\";\nfunction _class_call_check(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\nfunction _create_class(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}\nfunction _define_property(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\nvar REDUCED_MOTION_RE = /\\(\\s*prefers-reduced-motion\\s*:\\s*([a-z-]+)\\s*\\)/i;\nvar reducedMotionEnabled = false;\nvar reducedMotionInitialized = false;\nvar reducedMotionListeners = /* @__PURE__ */ new Set();\nfunction ensureReducedMotionSubscription() {\n  var _AccessibilityInfo_isReduceMotionEnabled, _AccessibilityInfo_addEventListener;\n  if (reducedMotionInitialized) return;\n  reducedMotionInitialized = true;\n  (_AccessibilityInfo_isReduceMotionEnabled = AccessibilityInfo.isReduceMotionEnabled) === null || _AccessibilityInfo_isReduceMotionEnabled === void 0 ? void 0 : _AccessibilityInfo_isReduceMotionEnabled.call(AccessibilityInfo).then(function(value) {\n    if (value !== reducedMotionEnabled) {\n      reducedMotionEnabled = value;\n      reducedMotionListeners.forEach(function(cb) {\n        return cb();\n      });\n    }\n  }).catch(function() {\n  });\n  (_AccessibilityInfo_addEventListener = AccessibilityInfo.addEventListener) === null || _AccessibilityInfo_addEventListener === void 0 ? void 0 : _AccessibilityInfo_addEventListener.call(AccessibilityInfo, \"reduceMotionChanged\", function(value) {\n    if (value === reducedMotionEnabled) return;\n    reducedMotionEnabled = value;\n    reducedMotionListeners.forEach(function(cb) {\n      return cb();\n    });\n  });\n}\nvar NativeMediaQueryList = /* @__PURE__ */ (function() {\n  \"use strict\";\n  function NativeMediaQueryList2(query) {\n    var _this = this;\n    _class_call_check(this, NativeMediaQueryList2);\n    _define_property(this, \"query\", void 0);\n    _define_property(this, \"listeners\", void 0);\n    _define_property(this, \"reducedMotionExpected\", void 0);\n    this.query = query;\n    this.listeners = [];\n    this.reducedMotionExpected = null;\n    var reducedMotionMatch = query.match(REDUCED_MOTION_RE);\n    if (reducedMotionMatch) {\n      this.reducedMotionExpected = reducedMotionMatch[1];\n      ensureReducedMotionSubscription();\n      return;\n    }\n    this.notify();\n    Dimensions.addEventListener(\"change\", function() {\n      _this.notify();\n    });\n  }\n  _create_class(NativeMediaQueryList2, [\n    {\n      key: \"orientation\",\n      get: function get() {\n        var windowDimensions = Dimensions.get(\"window\");\n        return windowDimensions.height > windowDimensions.width ? \"portrait\" : \"landscape\";\n      }\n    },\n    {\n      key: \"notify\",\n      value: function notify() {\n        this.listeners.forEach(function(listener) {\n          listener();\n        });\n      }\n    },\n    {\n      key: \"addListener\",\n      value: function addListener(listener) {\n        if (this.reducedMotionExpected) {\n          reducedMotionListeners.add(listener);\n          this.listeners.push(listener);\n          return;\n        }\n        this.listeners.push(listener);\n      }\n    },\n    {\n      key: \"removeListener\",\n      value: function removeListener(listener) {\n        if (this.reducedMotionExpected) {\n          reducedMotionListeners.delete(listener);\n        }\n        var index = this.listeners.indexOf(listener);\n        if (index !== -1) this.listeners.splice(index, 1);\n      }\n    },\n    {\n      key: \"match\",\n      value: function match(query, param) {\n        var { width, height } = param;\n        var reducedMotionMatch = query.match(REDUCED_MOTION_RE);\n        if (reducedMotionMatch) {\n          var 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    {\n      key: \"matches\",\n      get: function get() {\n        if (this.reducedMotionExpected) {\n          return this.reducedMotionExpected === \"reduce\" ? reducedMotionEnabled : !reducedMotionEnabled;\n        }\n        var windowDimensions = Dimensions.get(\"window\");\n        var 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  ]);\n  return NativeMediaQueryList2;\n})();\nexport {\n  NativeMediaQueryList\n};\n//# sourceMappingURL=mediaQueryList.js.map\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/react-native-media-driver",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.637.1",
   "license": "MIT",
   "source": "src/index.ts",
   "files": [
@@ -35,11 +35,14 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/web": "2.7.7"
+    "@tamagui/web": "3.0.0-beta.637.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
-    "react-native": "0.83.2"
+    "@tamagui/build": "3.0.0-beta.637.1",
+    "react-native": "0.86.2"
+  },
+  "peerDependencies": {
+    "react-native-web": "*"
   },
   "repository": {
     "type": "git",

package/src/index.ts

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

package/src/mediaQueryList.ts

@@ -1,14 +1,44 @@
 import type { MediaQueryList } from '@tamagui/web'
-import { Dimensions } from 'react-native'
+import { AccessibilityInfo, Dimensions } from 'react-native'
 
 import { matchQuery } from './matchQuery'
 
 type Orientation = 'landscape' | 'portrait'
 
-type Listener = (orientation: Orientation) => void
+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')
@@ -16,6 +46,13 @@ export class NativeMediaQueryList implements MediaQueryList {
   }
 
   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()
@@ -24,20 +61,33 @@ export class NativeMediaQueryList implements MediaQueryList {
 
   private notify() {
     this.listeners.forEach((listener) => {
-      listener(this.orientation)
+      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',
@@ -47,6 +97,11 @@ export class NativeMediaQueryList implements MediaQueryList {
   }
 
   get matches(): boolean {
+    if (this.reducedMotionExpected) {
+      return this.reducedMotionExpected === 'reduce'
+        ? reducedMotionEnabled
+        : !reducedMotionEnabled
+    }
     const windowDimensions = Dimensions.get('window')
     const matches = matchQuery(this.query, {
       type: 'screen',

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/mediaQueryList.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;

package/types/mediaQueryList.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "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",
+  "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.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"
+    "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"
   ]
 }