@tamagui/web 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/hooks/useMedia.mjs

@@ -1,266 +1,345 @@
-import { isServer, isWeb } from "@tamagui/constants";
+import { isServer, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { useEffect, useReducer, useRef } from "react";
 import { getSetting } from "../config.mjs";
-import { resetMediaStyleCache } from "../helpers/createMediaStyle.mjs";
+import { formatDiagnostic } from "../helpers/formatDiagnostic.mjs";
+import { isOptimizedForFirstRender } from "./isOptimizedForFirstRender.mjs";
 import { matchMedia } from "../helpers/matchMedia.mjs";
 import { mediaObjectToString } from "../helpers/mediaObjectToString.mjs";
-import { getMedia, mediaKeys, mediaKeysOrdered, mediaQueryConfig, setMediaState } from "../helpers/mediaState.mjs";
-import { defaultMediaImportance } from "../helpers/pseudoDescriptors.mjs";
-const mediaKeyRegex = /\$(platform|theme|group)-/;
-const isMediaKey = key => {
-  if (key[0] !== "$") return false;
-  if (mediaKeys.has(key)) return true;
-  if (mediaKeyRegex.test(key)) return true;
-  return false;
-};
-const getMediaKey = key => {
-  if (key[0] !== "$") return false;
-  if (mediaKeys.has(key)) return true;
-  const match = key.match(mediaKeyRegex);
-  if (match) return match[1];
-  return false;
-};
+import { getMedia, mediaKeys, mediaQueryConfig, setMediaState } from "../helpers/mediaState.mjs";
+
 let initState;
-const getMediaKeyImportance = key => {
-  if (process.env.NODE_ENV === "development" && key[0] === "$") {
-    throw new Error("use short key");
-  }
-  return mediaKeysOrdered.indexOf(key) + 100;
-};
-const dispose = /* @__PURE__ */new Set();
+const dispose = /* @__PURE__ */ new Set();
 let mediaVersion = 0;
-const configureMedia = config => {
-  const {
-    media
-  } = config;
-  const mediaQueryDefaultActive = getSetting("mediaQueryDefaultActive");
-  if (!media) return;
-  mediaVersion++;
-  resetMediaStyleCache();
-  resetMediaTouchTracker();
-  for (const key in media) {
-    getMedia()[key] = mediaQueryDefaultActive?.[key] || false;
-    mediaKeys.add(`$${key}`);
-  }
-  Object.assign(mediaQueryConfig, media);
-  initState = {
-    ...getMedia()
-  };
-  mediaKeysOrdered.length = 0;
-  mediaKeysOrdered.push(...Object.keys(media));
-  setupMediaListeners();
+const configureMedia = (config) => {
+	const { media } = config;
+	const mediaQueryDefaultActive = getSetting("mediaQueryDefaultActive");
+	if (!media) return;
+	mediaVersion++;
+	resetMediaTouchTracker();
+	publishedState = null;
+	for (const key in media) {
+		getMedia()[key] = mediaQueryDefaultActive?.[key] || false;
+		mediaKeys.add(key);
+	}
+	Object.assign(mediaQueryConfig, media);
+	initState = { ...getMedia() };
+	setupMediaListeners();
 };
 function unlisten() {
-  dispose.forEach(cb => cb());
-  dispose.clear();
+	dispose.forEach((cb) => cb());
+	dispose.clear();
 }
 let setupVersion = -1;
 function setupMediaListeners() {
-  if (isWeb && isServer) return;
-  if (process.env.IS_STATIC) return;
-  if (setupVersion === mediaVersion) return;
-  setupVersion = mediaVersion;
-  unlisten();
-  for (const key in mediaQueryConfig) {
-    let update = function () {
-      const next = !!getMatch().matches;
-      if (next === getMedia()[key]) return;
-      setMediaState({
-        ...getMedia(),
-        [key]: next
-      });
-      updateMediaListeners();
-    };
-    const str = mediaObjectToString(mediaQueryConfig[key]);
-    const getMatch = () => matchMedia(str);
-    const match = getMatch();
-    if (!match) {
-      throw new Error("\u26A0\uFE0F No match");
-    }
-    match.addListener(update);
-    dispose.add(() => {
-      match.removeListener(update);
-    });
-    update();
-  }
+	if (isWeb && isServer) return;
+	if (process.env.IS_STATIC) return;
+	if (setupVersion === mediaVersion) return;
+	setupVersion = mediaVersion;
+	unlisten();
+	for (const key in mediaQueryConfig) {
+		let update = function() {
+			const next = !!getMatch().matches;
+			if (next === getMedia()[key]) return;
+			setMediaState({
+				...getMedia(),
+				[key]: next
+			});
+			updateMediaListeners();
+		};
+		const str = mediaObjectToString(mediaQueryConfig[key]);
+		const getMatch = () => matchMedia(str);
+		const match = getMatch();
+		if (!match) {
+			throw new Error(formatDiagnostic("TAMAGUI_MEDIA_MATCH", "useMedia", "matchMedia returned no MediaQueryList", "Provide a matchMedia implementation that returns a MediaQueryList", "key,query,platform", {
+				key,
+				query: str,
+				platform: isWeb ? "web" : "native"
+			}));
+		}
+		match.addListener(update);
+		dispose.add(() => {
+			match.removeListener(update);
+		});
+		update();
+	}
 }
-const listeners = /* @__PURE__ */new Set();
+const listenersByKey = /* @__PURE__ */ new Map();
+const globalListeners = /* @__PURE__ */ new Set();
+let publishedState = null;
+const _mediaListenerStats = {
+	publishes: 0,
+	notified: 0
+};
 function updateMediaListeners() {
-  listeners.forEach(cb => cb(getMedia()));
+	_mediaListenerStats.publishes++;
+	const media = getMedia();
+	const prev = publishedState;
+	publishedState = media;
+	if (listenersByKey.size) {
+		const woken = /* @__PURE__ */ new Set();
+		for (const key of mediaKeys) {
+			if (prev !== null && media[key] === prev[key]) continue;
+			const bucket = listenersByKey.get(key);
+			if (bucket) {
+				for (const cb of bucket) woken.add(cb);
+			}
+		}
+		for (const cb of woken) {
+			_mediaListenerStats.notified++;
+			cb(media);
+		}
+	}
+	globalListeners.forEach((cb) => {
+		_mediaListenerStats.notified++;
+		cb(media);
+	});
 }
-const States = /* @__PURE__ */new WeakMap();
+const States = /* @__PURE__ */ new WeakMap();
 let touchTrackerProto = null;
-const refSlot = /* @__PURE__ */Symbol("mediaRefSlot");
+const refSlot = /* @__PURE__ */ Symbol("mediaRefSlot");
 function buildTouchTrackerProto() {
-  const proto = {};
-  for (const fullKey of mediaKeys) {
-    const key = fullKey[0] === "$" ? fullKey.slice(1) : fullKey;
-    proto[key] = {
-      enumerable: true,
-      configurable: true,
-      get() {
-        const slot = this[refSlot];
-        if (!disableMediaTouch) {
-          slot.keys.add(key);
-        }
-        return slot.proxyTarget[key];
-      }
-    };
-  }
-  return Object.create(null, proto);
+	const proto = {};
+	for (const key of mediaKeys) {
+		proto[key] = {
+			enumerable: true,
+			configurable: true,
+			get() {
+				const slot = this[refSlot];
+				if (!disableMediaTouch) {
+					slot.keys.add(key);
+				}
+				return slot.proxyTarget[key];
+			}
+		};
+	}
+	return Object.create(null, proto);
 }
 function getTouchTrackerProto() {
-  if (!touchTrackerProto) touchTrackerProto = buildTouchTrackerProto();
-  return touchTrackerProto;
+	if (!touchTrackerProto) touchTrackerProto = buildTouchTrackerProto();
+	return touchTrackerProto;
 }
 function resetMediaTouchTracker() {
-  touchTrackerProto = null;
+	touchTrackerProto = null;
 }
-function setMediaShouldUpdate(ref, enabled, keys) {
-  const cur = States.get(ref);
-  if (!cur || cur.enabled !== enabled || keys) {
-    States.set(ref, {
-      ...cur,
-      enabled,
-      keys
-    });
-  }
+function setMediaShouldUpdate(ref, enabled, keys, optimizeForFirstRender = false) {
+	if (optimizeForFirstRender) return;
+	const cur = States.get(ref);
+	if (!cur || cur.enabled !== enabled || keys) {
+		States.set(ref, {
+			...cur,
+			enabled,
+			keys
+		});
+	}
 }
-function subscribe(subscriber) {
-  listeners.add(subscriber);
-  return () => {
-    listeners.delete(subscriber);
-  };
+function mediaListenKeys(ref) {
+	if (ref.optimizeForFirstRender) return null;
+	return (ref.uid ? States.get(ref.uid)?.keys : void 0) || ref.keys;
 }
-function useMedia(componentContext, debug) {
-  "use no memo";
-
-  const internalRef = useRef(null);
-  if (!internalRef.current) {
-    const initial = getMedia();
-    const r = {
-      keys: /* @__PURE__ */new Set(),
-      lastState: initial,
-      renderVersion: 0,
-      proxyTarget: initial,
-      proxy: void 0,
-      getSnapshot: void 0,
-      componentContext,
-      debug
-    };
-    const tracker = Object.create(getTouchTrackerProto());
-    tracker[refSlot] = {
-      proxyTarget: initial,
-      keys: r.keys
-    };
-    r.proxy = tracker;
-    r.getSnapshot = () => {
-      const curKeys = r.componentContext ? States.get(r.componentContext)?.keys || r.keys : r.keys;
-      const {
-        lastState,
-        pendingState
-      } = r;
-      if (!curKeys.size) {
-        return lastState;
-      }
-      const ms = getMedia();
-      for (const key of curKeys) {
-        if (ms[key] !== (pendingState || lastState)[key]) {
-          if (process.env.NODE_ENV === "development" && r.debug) {
-            console.warn(`useMedia() \u270D\uFE0F`, key, lastState[key], "=>", ms[key]);
-          }
-          if (r.componentContext?.mediaEmit) {
-            r.componentContext.mediaEmit(ms);
-            r.pendingState = ms;
-            return lastState;
-          }
-          r.lastState = ms;
-          return ms;
-        }
-      }
-      return lastState;
-    };
-    internalRef.current = r;
-  } else {
-    internalRef.current.componentContext = componentContext;
-    internalRef.current.debug = debug;
-  }
-  const ref = internalRef.current;
-  ref.renderVersion++;
-  if (ref.pendingState) {
-    ref.lastState = ref.pendingState;
-    ref.pendingState = void 0;
-  }
-  if (ref.keys.size) {
-    ref.keys.clear();
-  }
-  const [, forceUpdate] = useReducer(incReducer, 0);
-  const state = isServer ? initState : ref.getSnapshot();
-  ref.proxyTarget = state;
-  ref.proxy[refSlot].proxyTarget = state;
-  useEffect(() => {
-    const renderVersion = ref.renderVersion;
-    const shouldSubscribe = !ref.componentContext || !!States.get(ref.componentContext)?.enabled;
-    if (shouldSubscribe) {
-      if (!ref.unsubscribe) {
-        ref.unsubscribe = subscribe(() => {
-          const next = ref.getSnapshot();
-          if (next !== ref.proxyTarget) {
-            ref.proxyTarget = next;
-            ref.proxy[refSlot].proxyTarget = next;
-            forceUpdate();
-          }
-        });
-      }
-    } else if (ref.unsubscribe) {
-      ref.unsubscribe();
-      ref.unsubscribe = void 0;
-    }
-    return () => {
-      if (ref.renderVersion === renderVersion) {
-        ref.unsubscribe?.();
-        ref.unsubscribe = void 0;
-      }
-    };
-  });
-  return ref.proxy;
+function indexMediaListener(ref) {
+	const keys = mediaListenKeys(ref);
+	const cur = ref.listeningTo;
+	if (cur !== void 0 && sameMediaKeys(cur, keys)) return;
+	unindexMediaListener(ref);
+	const cb = ref.onChange;
+	if (keys === null) {
+		globalListeners.add(cb);
+		ref.listeningTo = null;
+		return;
+	}
+	ref.listeningTo = new Set(keys);
+	for (const key of keys) {
+		let bucket = listenersByKey.get(key);
+		if (!bucket) {
+			bucket = /* @__PURE__ */ new Set();
+			listenersByKey.set(key, bucket);
+		}
+		bucket.add(cb);
+	}
 }
-const incReducer = c => c + 1;
+function unindexMediaListener(ref) {
+	const keys = ref.listeningTo;
+	if (keys === void 0) return;
+	ref.listeningTo = void 0;
+	const cb = ref.onChange;
+	if (keys === null) {
+		globalListeners.delete(cb);
+		return;
+	}
+	for (const key of keys) {
+		const bucket = listenersByKey.get(key);
+		if (!bucket) continue;
+		bucket.delete(cb);
+		if (!bucket.size) listenersByKey.delete(key);
+	}
+}
+function sameMediaKeys(a, b) {
+	if (a === null || b === null) return a === b;
+	if (a.size !== b.size) return false;
+	for (const key of b) {
+		if (!a.has(key)) return false;
+	}
+	return true;
+}
+function useMedia(componentContext, debug, uid) {
+	"use no memo";
+	const internalRef = useRef(null);
+	if (!internalRef.current) {
+		const initial = isWeb && !isServer && !getSetting("disableSSR") ? initState : getMedia();
+		const optimizeForFirstRender = isOptimizedForFirstRender();
+		const r = {
+			keys: optimizeForFirstRender ? null : /* @__PURE__ */ new Set(),
+			lastState: initial,
+			renderVersion: 0,
+			proxyTarget: initial,
+			proxy: void 0,
+			getSnapshot: void 0,
+			componentContext,
+			uid,
+			debug,
+			optimizeForFirstRender
+		};
+		if (optimizeForFirstRender) {
+			r.proxy = initial;
+		} else {
+			const tracker = Object.create(getTouchTrackerProto());
+			tracker[refSlot] = {
+				proxyTarget: initial,
+				keys: r.keys
+			};
+			r.proxy = tracker;
+		}
+		r.getSnapshot = () => {
+			if (r.optimizeForFirstRender) {
+				const ms2 = getMedia();
+				if (ms2 === r.lastState) {
+					return r.lastState;
+				}
+				if (r.componentContext?.mediaEmit) {
+					r.componentContext.mediaEmit(ms2);
+					r.pendingState = ms2;
+					return r.lastState;
+				}
+				r.lastState = ms2;
+				return ms2;
+			}
+			const curKeys = mediaListenKeys(r);
+			const { lastState, pendingState } = r;
+			if (!curKeys.size) {
+				return lastState;
+			}
+			const ms = getMedia();
+			for (const key of curKeys) {
+				if (ms[key] !== (pendingState || lastState)[key]) {
+					if (process.env.NODE_ENV === "development" && r.debug) {
+						console.warn(`useMedia() \u270D\uFE0F`, key, lastState[key], "=>", ms[key]);
+					}
+					if (r.componentContext?.mediaEmit) {
+						r.componentContext.mediaEmit(ms);
+						r.pendingState = ms;
+						return lastState;
+					}
+					r.lastState = ms;
+					return ms;
+				}
+			}
+			return lastState;
+		};
+		internalRef.current = r;
+	} else {
+		internalRef.current.componentContext = componentContext;
+		internalRef.current.uid = uid;
+		internalRef.current.debug = debug;
+	}
+	const ref = internalRef.current;
+	ref.renderVersion++;
+	if (ref.pendingState) {
+		ref.lastState = ref.pendingState;
+		ref.pendingState = void 0;
+	}
+	if (ref.keys?.size) {
+		ref.keys.clear();
+	}
+	const [, forceUpdate] = useReducer(incReducer, 0);
+	const state = isServer ? initState : ref.optimizeForFirstRender && ref.renderVersion === 1 ? ref.lastState : ref.getSnapshot();
+	ref.proxyTarget = state;
+	if (!ref.optimizeForFirstRender) {
+		;
+		ref.proxy[refSlot].proxyTarget = state;
+	}
+	useIsomorphicLayoutEffect(() => {
+		const synced = ref.getSnapshot();
+		if (synced !== ref.proxyTarget) {
+			ref.proxyTarget = synced;
+			if (!ref.optimizeForFirstRender) {
+				;
+				ref.proxy[refSlot].proxyTarget = synced;
+			}
+			forceUpdate();
+		}
+	}, []);
+	useEffect(() => {
+		const renderVersion = ref.renderVersion;
+		const shouldSubscribe = ref.optimizeForFirstRender || !ref.uid || !!States.get(ref.uid)?.enabled;
+		if (shouldSubscribe) {
+			ref.onChange ||= () => {
+				const next = ref.getSnapshot();
+				if (next !== ref.proxyTarget) {
+					ref.proxyTarget = next;
+					if (!ref.optimizeForFirstRender) {
+						;
+						ref.proxy[refSlot].proxyTarget = next;
+					}
+					if (ref.uid?.nativeMediaUpdate?.(forceUpdate)) return;
+					forceUpdate();
+				}
+			};
+			indexMediaListener(ref);
+		} else {
+			unindexMediaListener(ref);
+		}
+		return () => {
+			if (ref.renderVersion === renderVersion) {
+				unindexMediaListener(ref);
+			}
+		};
+	});
+	return ref.optimizeForFirstRender ? state : ref.proxy;
+}
+const incReducer = (c) => c + 1;
 let disableMediaTouch = false;
 function _disableMediaTouch(val) {
-  disableMediaTouch = val;
+	disableMediaTouch = val;
 }
 function getMediaState(mediaGroups, layout) {
-  disableMediaTouch = true;
-  let res;
-  try {
-    res = Object.fromEntries([...mediaGroups].map(mediaKey => {
-      return [mediaKey, mediaKeyMatch(mediaKey, layout)];
-    }));
-  } finally {
-    disableMediaTouch = false;
-  }
-  return res;
+	disableMediaTouch = true;
+	let res;
+	try {
+		res = Object.fromEntries([...mediaGroups].map((mediaKey) => {
+			return [mediaKey, mediaKeyMatch(mediaKey, layout)];
+		}));
+	} finally {
+		disableMediaTouch = false;
+	}
+	return res;
 }
-const getMediaImportanceIfMoreImportant = (mediaKey, key, styleState, isSizeMedia) => {
-  const importance = isSizeMedia ? getMediaKeyImportance(mediaKey) : defaultMediaImportance;
-  const usedKeys = styleState.usedKeys;
-  return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
-};
 const cachedMediaKeyToQuery = {};
 function mediaKeyToQuery(key) {
-  return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = mediaObjectToString(mediaQueryConfig[key]));
+	return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = mediaObjectToString(mediaQueryConfig[key]));
 }
 function mediaKeyMatch(key, dimensions) {
-  const mediaQueries = mediaQueryConfig[key];
-  const result = Object.keys(mediaQueries).every(query => {
-    const expectedVal = +mediaQueries[query];
-    const isMax = query.startsWith("max");
-    const isWidth = query.endsWith("Width");
-    const givenVal = dimensions[isWidth ? "width" : "height"];
-    return isMax ? givenVal < expectedVal : givenVal > expectedVal;
-  });
-  return result;
+	const mediaQueries = mediaQueryConfig[key];
+	for (const query in mediaQueries) {
+		const expectedVal = +mediaQueries[query];
+		const isMax = query.startsWith("max");
+		const isWidth = query.endsWith("Width");
+		const givenVal = dimensions[isWidth ? "width" : "height"];
+		if (isMax ? givenVal >= expectedVal : givenVal <= expectedVal) {
+			return false;
+		}
+	}
+	return true;
 }
-export { _disableMediaTouch, configureMedia, getMediaImportanceIfMoreImportant, getMediaKey, getMediaKeyImportance, getMediaState, isMediaKey, mediaKeyMatch, mediaKeyToQuery, setMediaShouldUpdate, setupMediaListeners, updateMediaListeners, useMedia };
+
+export { _disableMediaTouch, _mediaListenerStats, configureMedia, getMediaState, mediaKeyMatch, mediaKeyToQuery, setMediaShouldUpdate, setupMediaListeners, updateMediaListeners, useMedia };
 //# sourceMappingURL=useMedia.mjs.map

package/dist/esm/hooks/useMedia.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isServer","isWeb","useEffect","useReducer","useRef","getSetting","resetMediaStyleCache","matchMedia","mediaObjectToString","getMedia","mediaKeys","mediaKeysOrdered","mediaQueryConfig","setMediaState","defaultMediaImportance","mediaKeyRegex","isMediaKey","key","has","test","getMediaKey","match","initState","getMediaKeyImportance","process","env","NODE_ENV","Error","indexOf","dispose","Set","mediaVersion","configureMedia","config","media","mediaQueryDefaultActive","resetMediaTouchTracker","add","Object","assign","length","push","keys","setupMediaListeners","unlisten","forEach","cb","clear","setupVersion","IS_STATIC","update","next","getMatch","matches","updateMediaListeners","str","addListener","removeListener","listeners","States","WeakMap","touchTrackerProto","refSlot","Symbol","buildTouchTrackerProto","proto","fullKey","slice","enumerable","configurable","get","slot","disableMediaTouch","proxyTarget","create","getTouchTrackerProto","setMediaShouldUpdate","ref","enabled","cur","set","subscribe","subscriber","delete","useMedia","componentContext","debug","internalRef","current","initial","r","lastState","renderVersion","proxy","getSnapshot","tracker","curKeys","pendingState","size","ms","console","warn","mediaEmit","forceUpdate","incReducer","state","shouldSubscribe","unsubscribe","c","_disableMediaTouch","val","getMediaState","mediaGroups","layout","res","fromEntries","map","mediaKey","mediaKeyMatch","getMediaImportanceIfMoreImportant","styleState","isSizeMedia","importance","usedKeys","cachedMediaKeyToQuery","mediaKeyToQuery","dimensions","mediaQueries","result","every","query","expectedVal","isMax","startsWith","isWidth","endsWith","givenVal"],"sources":["../../../src/hooks/useMedia.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useMedia.js","names":[],"sources":["esm/hooks/useMedia.js"],"sourcesContent":["import { isServer, isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { useEffect, useReducer, useRef } from \"react\";\nimport { getSetting } from \"../config\";\nimport { formatDiagnostic } from \"../helpers/formatDiagnostic\";\nimport { isOptimizedForFirstRender } from \"./isOptimizedForFirstRender\";\nimport { matchMedia } from \"../helpers/matchMedia\";\nimport { mediaObjectToString } from \"../helpers/mediaObjectToString\";\nimport {\n  getMedia,\n  mediaKeys,\n  mediaQueryConfig,\n  setMediaState\n} from \"../helpers/mediaState\";\nlet initState;\nconst dispose = /* @__PURE__ */ new Set();\nlet mediaVersion = 0;\nconst configureMedia = (config) => {\n  const { media } = config;\n  const mediaQueryDefaultActive = getSetting(\"mediaQueryDefaultActive\");\n  if (!media) return;\n  mediaVersion++;\n  resetMediaTouchTracker();\n  publishedState = null;\n  for (const key in media) {\n    getMedia()[key] = mediaQueryDefaultActive?.[key] || false;\n    mediaKeys.add(key);\n  }\n  Object.assign(mediaQueryConfig, media);\n  initState = { ...getMedia() };\n  setupMediaListeners();\n};\nfunction unlisten() {\n  dispose.forEach((cb) => cb());\n  dispose.clear();\n}\nlet setupVersion = -1;\nfunction setupMediaListeners() {\n  if (isWeb && isServer) return;\n  if (process.env.IS_STATIC) return;\n  if (setupVersion === mediaVersion) return;\n  setupVersion = mediaVersion;\n  unlisten();\n  for (const key in mediaQueryConfig) {\n    let update = function() {\n      const next = !!getMatch().matches;\n      if (next === getMedia()[key]) return;\n      setMediaState({ ...getMedia(), [key]: next });\n      updateMediaListeners();\n    };\n    const str = mediaObjectToString(mediaQueryConfig[key]);\n    const getMatch = () => matchMedia(str);\n    const match = getMatch();\n    if (!match) {\n      throw new Error(\n        formatDiagnostic(\n          \"TAMAGUI_MEDIA_MATCH\",\n          \"useMedia\",\n          \"matchMedia returned no MediaQueryList\",\n          \"Provide a matchMedia implementation that returns a MediaQueryList\",\n          \"key,query,platform\",\n          { key, query: str, platform: isWeb ? \"web\" : \"native\" }\n        )\n      );\n    }\n    match.addListener(update);\n    dispose.add(() => {\n      match.removeListener(update);\n    });\n    update();\n  }\n}\nconst listenersByKey = /* @__PURE__ */ new Map();\nconst globalListeners = /* @__PURE__ */ new Set();\nlet publishedState = null;\nconst _mediaListenerStats = {\n  publishes: 0,\n  notified: 0\n};\nfunction updateMediaListeners() {\n  _mediaListenerStats.publishes++;\n  const media = getMedia();\n  const prev = publishedState;\n  publishedState = media;\n  if (listenersByKey.size) {\n    const woken = /* @__PURE__ */ new Set();\n    for (const key of mediaKeys) {\n      if (prev !== null && media[key] === prev[key]) continue;\n      const bucket = listenersByKey.get(key);\n      if (bucket) {\n        for (const cb of bucket) woken.add(cb);\n      }\n    }\n    for (const cb of woken) {\n      _mediaListenerStats.notified++;\n      cb(media);\n    }\n  }\n  globalListeners.forEach((cb) => {\n    _mediaListenerStats.notified++;\n    cb(media);\n  });\n}\nconst States = /* @__PURE__ */ new WeakMap();\nlet touchTrackerProto = null;\nconst refSlot = /* @__PURE__ */ Symbol(\"mediaRefSlot\");\nfunction buildTouchTrackerProto() {\n  const proto = {};\n  for (const key of mediaKeys) {\n    proto[key] = {\n      enumerable: true,\n      configurable: true,\n      get() {\n        const slot = this[refSlot];\n        if (!disableMediaTouch) {\n          slot.keys.add(key);\n        }\n        return slot.proxyTarget[key];\n      }\n    };\n  }\n  return Object.create(null, proto);\n}\nfunction getTouchTrackerProto() {\n  if (!touchTrackerProto) touchTrackerProto = buildTouchTrackerProto();\n  return touchTrackerProto;\n}\nfunction resetMediaTouchTracker() {\n  touchTrackerProto = null;\n}\nfunction setMediaShouldUpdate(ref, enabled, keys, optimizeForFirstRender = false) {\n  if (optimizeForFirstRender) return;\n  const cur = States.get(ref);\n  if (!cur || cur.enabled !== enabled || keys) {\n    States.set(ref, {\n      ...cur,\n      enabled,\n      keys\n    });\n  }\n}\nfunction mediaListenKeys(ref) {\n  if (ref.optimizeForFirstRender) return null;\n  return (ref.uid ? States.get(ref.uid)?.keys : void 0) || ref.keys;\n}\nfunction indexMediaListener(ref) {\n  const keys = mediaListenKeys(ref);\n  const cur = ref.listeningTo;\n  if (cur !== void 0 && sameMediaKeys(cur, keys)) return;\n  unindexMediaListener(ref);\n  const cb = ref.onChange;\n  if (keys === null) {\n    globalListeners.add(cb);\n    ref.listeningTo = null;\n    return;\n  }\n  ref.listeningTo = new Set(keys);\n  for (const key of keys) {\n    let bucket = listenersByKey.get(key);\n    if (!bucket) {\n      bucket = /* @__PURE__ */ new Set();\n      listenersByKey.set(key, bucket);\n    }\n    bucket.add(cb);\n  }\n}\nfunction unindexMediaListener(ref) {\n  const keys = ref.listeningTo;\n  if (keys === void 0) return;\n  ref.listeningTo = void 0;\n  const cb = ref.onChange;\n  if (keys === null) {\n    globalListeners.delete(cb);\n    return;\n  }\n  for (const key of keys) {\n    const bucket = listenersByKey.get(key);\n    if (!bucket) continue;\n    bucket.delete(cb);\n    if (!bucket.size) listenersByKey.delete(key);\n  }\n}\nfunction sameMediaKeys(a, b) {\n  if (a === null || b === null) return a === b;\n  if (a.size !== b.size) return false;\n  for (const key of b) {\n    if (!a.has(key)) return false;\n  }\n  return true;\n}\nfunction useMedia(componentContext, debug, uid) {\n  \"use no memo\";\n  const internalRef = useRef(null);\n  if (!internalRef.current) {\n    const initial = isWeb && !isServer && !getSetting(\"disableSSR\") ? initState : getMedia();\n    const optimizeForFirstRender = isOptimizedForFirstRender();\n    const r = {\n      keys: optimizeForFirstRender ? null : /* @__PURE__ */ new Set(),\n      lastState: initial,\n      renderVersion: 0,\n      proxyTarget: initial,\n      proxy: void 0,\n      getSnapshot: void 0,\n      componentContext,\n      uid,\n      debug,\n      optimizeForFirstRender\n    };\n    if (optimizeForFirstRender) {\n      r.proxy = initial;\n    } else {\n      const tracker = Object.create(getTouchTrackerProto());\n      tracker[refSlot] = {\n        proxyTarget: initial,\n        keys: r.keys\n      };\n      r.proxy = tracker;\n    }\n    r.getSnapshot = () => {\n      if (r.optimizeForFirstRender) {\n        const ms2 = getMedia();\n        if (ms2 === r.lastState) {\n          return r.lastState;\n        }\n        if (r.componentContext?.mediaEmit) {\n          r.componentContext.mediaEmit(ms2);\n          r.pendingState = ms2;\n          return r.lastState;\n        }\n        r.lastState = ms2;\n        return ms2;\n      }\n      const curKeys = mediaListenKeys(r);\n      const { lastState, pendingState } = r;\n      if (!curKeys.size) {\n        return lastState;\n      }\n      const ms = getMedia();\n      for (const key of curKeys) {\n        if (ms[key] !== (pendingState || lastState)[key]) {\n          if (process.env.NODE_ENV === \"development\" && r.debug) {\n            console.warn(`useMedia() \\u270D\\uFE0F`, key, lastState[key], \"=>\", ms[key]);\n          }\n          if (r.componentContext?.mediaEmit) {\n            r.componentContext.mediaEmit(ms);\n            r.pendingState = ms;\n            return lastState;\n          }\n          r.lastState = ms;\n          return ms;\n        }\n      }\n      return lastState;\n    };\n    internalRef.current = r;\n  } else {\n    internalRef.current.componentContext = componentContext;\n    internalRef.current.uid = uid;\n    internalRef.current.debug = debug;\n  }\n  const ref = internalRef.current;\n  ref.renderVersion++;\n  if (ref.pendingState) {\n    ref.lastState = ref.pendingState;\n    ref.pendingState = void 0;\n  }\n  if (ref.keys?.size) {\n    ref.keys.clear();\n  }\n  const [, forceUpdate] = useReducer(incReducer, 0);\n  const state = isServer ? initState : ref.optimizeForFirstRender && ref.renderVersion === 1 ? ref.lastState : ref.getSnapshot();\n  ref.proxyTarget = state;\n  if (!ref.optimizeForFirstRender) {\n    ;\n    ref.proxy[refSlot].proxyTarget = state;\n  }\n  useIsomorphicLayoutEffect(() => {\n    const synced = ref.getSnapshot();\n    if (synced !== ref.proxyTarget) {\n      ref.proxyTarget = synced;\n      if (!ref.optimizeForFirstRender) {\n        ;\n        ref.proxy[refSlot].proxyTarget = synced;\n      }\n      forceUpdate();\n    }\n  }, []);\n  useEffect(() => {\n    const renderVersion = ref.renderVersion;\n    const shouldSubscribe = ref.optimizeForFirstRender || !ref.uid || !!States.get(ref.uid)?.enabled;\n    if (shouldSubscribe) {\n      ref.onChange ||= () => {\n        const next = ref.getSnapshot();\n        if (next !== ref.proxyTarget) {\n          ref.proxyTarget = next;\n          if (!ref.optimizeForFirstRender) {\n            ;\n            ref.proxy[refSlot].proxyTarget = next;\n          }\n          if (ref.uid?.nativeMediaUpdate?.(forceUpdate)) return;\n          forceUpdate();\n        }\n      };\n      indexMediaListener(ref);\n    } else {\n      unindexMediaListener(ref);\n    }\n    return () => {\n      if (ref.renderVersion === renderVersion) {\n        unindexMediaListener(ref);\n      }\n    };\n  });\n  return ref.optimizeForFirstRender ? state : ref.proxy;\n}\nconst incReducer = (c) => c + 1;\nlet disableMediaTouch = false;\nfunction _disableMediaTouch(val) {\n  disableMediaTouch = val;\n}\nfunction getMediaState(mediaGroups, layout) {\n  disableMediaTouch = true;\n  let res;\n  try {\n    res = Object.fromEntries(\n      [...mediaGroups].map((mediaKey) => {\n        return [mediaKey, mediaKeyMatch(mediaKey, layout)];\n      })\n    );\n  } finally {\n    disableMediaTouch = false;\n  }\n  return res;\n}\nconst cachedMediaKeyToQuery = {};\nfunction mediaKeyToQuery(key) {\n  return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = mediaObjectToString(mediaQueryConfig[key]));\n}\nfunction mediaKeyMatch(key, dimensions) {\n  const mediaQueries = mediaQueryConfig[key];\n  for (const query in mediaQueries) {\n    const expectedVal = +mediaQueries[query];\n    const isMax = query.startsWith(\"max\");\n    const isWidth = query.endsWith(\"Width\");\n    const givenVal = dimensions[isWidth ? \"width\" : \"height\"];\n    if (isMax ? givenVal >= expectedVal : givenVal <= expectedVal) {\n      return false;\n    }\n  }\n  return true;\n}\nexport {\n  _disableMediaTouch,\n  _mediaListenerStats,\n  configureMedia,\n  getMediaState,\n  mediaKeyMatch,\n  mediaKeyToQuery,\n  setMediaShouldUpdate,\n  setupMediaListeners,\n  updateMediaListeners,\n  useMedia\n};\n//# sourceMappingURL=useMedia.js.map\n"],"mappings":"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"}