@hanzogui/web 3.0.6 → 4.4.0

package/dist/cjs/hooks/useDisableSSR.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useDisableSSR_exports = {};
 __export(useDisableSSR_exports, {

package/dist/cjs/hooks/useDisableSSR.native.js

@@ -5,20 +5,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useDisableSSR_exports = {};
 __export(useDisableSSR_exports, {
@@ -28,6 +30,6 @@ module.exports = __toCommonJS(useDisableSSR_exports);
 var import_config = require("../config.native.js");
 function getDisableSSR(componentContext) {
   var _componentContext_disableSSR;
-  return (_componentContext_disableSSR = componentContext?.disableSSR) !== null && _componentContext_disableSSR !== void 0 ? _componentContext_disableSSR : (0, import_config.getSetting)("disableSSR");
+  return (_componentContext_disableSSR = componentContext === null || componentContext === void 0 ? void 0 : componentContext.disableSSR) !== null && _componentContext_disableSSR !== void 0 ? _componentContext_disableSSR : (0, import_config.getSetting)("disableSSR");
 }
 //# sourceMappingURL=useDisableSSR.native.js.map

package/dist/cjs/hooks/useDisableSSR.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useDisableSSR_exports","__export","getDisableSSR","module","exports","import_config","require","componentContext","_componentContext_disableSSR"],"sources":["../../../src/hooks/useDisableSSR.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA2B,CAAAK,qBAAA;AAGpB,IAAAK,aAAS,GAAAC,OAAc;AAC5B,SAAOJ,cAAAK,gBAAkB;EAC3B,IAAAC,4BAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useDisableSSR_exports","__export","getDisableSSR","module","exports","import_config","require","componentContext","_componentContext_disableSSR"],"sources":["../../../src/hooks/useDisableSSR.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA2B,CAAAK,qBAAA;AAGpB,IAAAK,aAAS,GAAAC,OAAc;AAC5B,SAAOJ,cAAAK,gBAAkB;EAC3B,IAAAC,4BAAA","ignoreList":[]}

package/dist/cjs/hooks/useIsTouchDevice.cjs

@@ -3,26 +3,30 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useIsTouchDevice_exports = {};
 __export(useIsTouchDevice_exports, {
   useIsTouchDevice: () => useIsTouchDevice
 });
 module.exports = __toCommonJS(useIsTouchDevice_exports);
-var import_constants = require("@hanzogui/constants"),
-  import_use_did_finish_ssr = require("@hanzogui/use-did-finish-ssr");
-const useIsTouchDevice = () => import_constants.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants.isTouchable : !1 : !0;
+var import_constants = require("@hanzogui/constants");
+var import_use_did_finish_ssr = require("@hanzogui/use-did-finish-ssr");
+const useIsTouchDevice = () => {
+  return !import_constants.isWeb ? true : (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants.isTouchable : false;
+};

package/dist/cjs/hooks/useIsTouchDevice.native.js

@@ -5,29 +5,31 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useIsTouchDevice_exports = {};
 __export(useIsTouchDevice_exports, {
   useIsTouchDevice: () => useIsTouchDevice
 });
 module.exports = __toCommonJS(useIsTouchDevice_exports);
-var import_constants = require("@hanzogui/constants"),
-  import_use_did_finish_ssr = require("@hanzogui/use-did-finish-ssr"),
-  useIsTouchDevice = function () {
-    return import_constants.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants.isTouchable : !1 : !0;
-  };
+var import_constants = require("@hanzogui/constants");
+var import_use_did_finish_ssr = require("@hanzogui/use-did-finish-ssr");
+var useIsTouchDevice = function () {
+  return !import_constants.isWeb ? true : (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants.isTouchable : false;
+};
 //# sourceMappingURL=useIsTouchDevice.native.js.map

package/dist/cjs/hooks/useIsTouchDevice.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useIsTouchDevice_exports","__export","useIsTouchDevice","module","exports","import_constants","require","import_use_did_finish_ssr"],"sources":["../../../src/hooks/useIsTouchDevice.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAmC,CAAAK,wBAAA,CACnC;AAEO,IAAAK,gBAAM,GAAAC,OAAmB,CACtB;EAAAC,yBAAe,GAAAD,OAAA,+BAAoB;EAAAJ,gBAAc,GAAzC,SAAAA,CAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useIsTouchDevice_exports","__export","useIsTouchDevice","module","exports","import_constants","require","import_use_did_finish_ssr","isWeb","useDidFinishSSR","isTouchable"],"sources":["../../../src/hooks/useIsTouchDevice.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAmC,CAAAK,wBAAA;AACnC,IAAAK,gBAAA,GAAAC,OAAA,sBAAgC;AAEzB,IAAAC,yBAAyB,GAAMD,OAAA;AACpC,IAAAJ,gBAAQ,YAAAA,CAAA;EACV,QAAAG,gBAAA,CAAAG,KAAA,cAAAD,yBAAA,CAAAE,eAAA,MAAAJ,gBAAA,CAAAK,WAAA","ignoreList":[]}

package/dist/cjs/hooks/useMedia.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useMedia_exports = {};
 __export(useMedia_exports, {
@@ -35,65 +37,89 @@ __export(useMedia_exports, {
   useMedia: () => useMedia
 });
 module.exports = __toCommonJS(useMedia_exports);
-var import_constants = require("@hanzogui/constants"),
-  import_react = require("react"),
-  import_config = require("../config.cjs"),
-  import_createMediaStyle = require("../helpers/createMediaStyle.cjs"),
-  import_matchMedia = require("../helpers/matchMedia.cjs"),
-  import_mediaObjectToString = require("../helpers/mediaObjectToString.cjs"),
-  import_mediaState = require("../helpers/mediaState.cjs"),
-  import_pseudoDescriptors = require("../helpers/pseudoDescriptors.cjs");
-const mediaKeyRegex = /\$(platform|theme|group)-/,
-  isMediaKey = key => key[0] !== "$" ? !1 : !!(import_mediaState.mediaKeys.has(key) || mediaKeyRegex.test(key)),
-  getMediaKey = key => {
-    if (key[0] !== "$") return !1;
-    if (import_mediaState.mediaKeys.has(key)) return !0;
-    const match = key.match(mediaKeyRegex);
-    return match ? match[1] : !1;
-  };
-let initState, mediaKeysOrdered;
+var import_constants = require("@hanzogui/constants");
+var import_react = require("react");
+var import_config = require("../config.cjs");
+var import_createMediaStyle = require("../helpers/createMediaStyle.cjs");
+var import_matchMedia = require("../helpers/matchMedia.cjs");
+var import_mediaObjectToString = require("../helpers/mediaObjectToString.cjs");
+var import_mediaState = require("../helpers/mediaState.cjs");
+var import_pseudoDescriptors = require("../helpers/pseudoDescriptors.cjs");
+const mediaKeyRegex = /\$(platform|theme|group)-/;
+const isMediaKey = key => {
+  if (key[0] !== "$") return false;
+  if (import_mediaState.mediaKeys.has(key)) return true;
+  if (mediaKeyRegex.test(key)) return true;
+  return false;
+};
+const getMediaKey = key => {
+  if (key[0] !== "$") return false;
+  if (import_mediaState.mediaKeys.has(key)) return true;
+  const match = key.match(mediaKeyRegex);
+  if (match) return match[1];
+  return false;
+};
+let initState;
+let mediaKeysOrdered;
 const getMediaKeyImportance = key => {
-    if (process.env.NODE_ENV === "development" && key[0] === "$") throw new Error("use short key");
-    return mediaKeysOrdered.indexOf(key) + 100;
-  },
-  dispose = /* @__PURE__ */new Set();
+  if (process.env.NODE_ENV === "development" && key[0] === "$") {
+    throw new Error("use short key");
+  }
+  return mediaKeysOrdered.indexOf(key) + 100;
+};
+const dispose = /* @__PURE__ */new Set();
 let mediaVersion = 0;
 const configureMedia = config => {
   const {
-      media
-    } = config,
-    mediaQueryDefaultActive = (0, import_config.getSetting)("mediaQueryDefaultActive");
-  if (media) {
-    mediaVersion++, (0, import_createMediaStyle.resetMediaStyleCache)();
-    for (const key in media) (0, import_mediaState.getMedia)()[key] = mediaQueryDefaultActive?.[key] || !1, import_mediaState.mediaKeys.add(`$${key}`);
-    Object.assign(import_mediaState.mediaQueryConfig, media), initState = {
-      ...(0, import_mediaState.getMedia)()
-    }, mediaKeysOrdered = Object.keys(media), setupMediaListeners();
+    media
+  } = config;
+  const mediaQueryDefaultActive = (0, import_config.getSetting)("mediaQueryDefaultActive");
+  if (!media) return;
+  mediaVersion++;
+  (0, import_createMediaStyle.resetMediaStyleCache)();
+  for (const key in media) {
+    (0, import_mediaState.getMedia)()[key] = mediaQueryDefaultActive?.[key] || false;
+    import_mediaState.mediaKeys.add(`$${key}`);
   }
+  Object.assign(import_mediaState.mediaQueryConfig, media);
+  initState = {
+    ...(0, import_mediaState.getMedia)()
+  };
+  mediaKeysOrdered = Object.keys(media);
+  setupMediaListeners();
 };
 function unlisten() {
-  dispose.forEach(cb => cb()), dispose.clear();
+  dispose.forEach(cb => cb());
+  dispose.clear();
 }
 let setupVersion = -1;
 function setupMediaListeners() {
-  if (!(import_constants.isWeb && import_constants.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
-    setupVersion = mediaVersion, unlisten();
-    for (const key in import_mediaState.mediaQueryConfig) {
-      let update = function () {
-        const next = !!getMatch().matches;
-        next !== (0, import_mediaState.getMedia)()[key] && ((0, import_mediaState.setMediaState)({
-          ...(0, import_mediaState.getMedia)(),
-          [key]: next
-        }), updateMediaListeners());
-      };
-      const str = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key]),
-        getMatch = () => (0, import_matchMedia.matchMedia)(str),
-        match = getMatch();
-      if (!match) throw new Error("\u26A0\uFE0F No match");
-      match.addListener(update), dispose.add(() => {
-        match.removeListener(update);
-      }), update();
+  if (import_constants.isWeb && import_constants.isServer) return;
+  if (process.env.IS_STATIC) return;
+  if (setupVersion === mediaVersion) return;
+  setupVersion = mediaVersion;
+  unlisten();
+  for (const key in import_mediaState.mediaQueryConfig) {
+    let update = function () {
+      const next = !!getMatch().matches;
+      if (next === (0, import_mediaState.getMedia)()[key]) return;
+      (0, import_mediaState.setMediaState)({
+        ...(0, import_mediaState.getMedia)(),
+        [key]: next
+      });
+      updateMediaListeners();
+    };
+    const str = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key]);
+    const getMatch = () => (0, import_matchMedia.matchMedia)(str);
+    const match = getMatch();
+    if (!match) {
+      throw new Error("\u26A0\uFE0F No match");
     }
+    match.addListener(update);
+    dispose.add(() => {
+      match.removeListener(update);
+    });
+    update();
   }
 }
 const listeners = /* @__PURE__ */new Set();
@@ -103,78 +129,110 @@ function updateMediaListeners() {
 const States = /* @__PURE__ */new WeakMap();
 function setMediaShouldUpdate(ref, enabled, keys) {
   const cur = States.get(ref);
-  (!cur || cur.enabled !== enabled || keys) && States.set(ref, {
-    ...cur,
-    enabled,
-    keys
-  });
+  if (!cur || cur.enabled !== enabled || keys) {
+    States.set(ref, {
+      ...cur,
+      enabled,
+      keys
+    });
+  }
 }
 function subscribe(subscriber) {
-  return listeners.add(subscriber), () => {
+  listeners.add(subscriber);
+  return () => {
     listeners.delete(subscriber);
   };
 }
 function useMedia(componentContext, debug) {
   "use no memo";
 
-  const componentState = componentContext ? States.get(componentContext) : null,
-    internalRef = (0, import_react.useRef)(null);
-  internalRef.current || (internalRef.current = {
-    keys: /* @__PURE__ */new Set(),
-    lastState: (0, import_mediaState.getMedia)()
-  }), internalRef.current.pendingState && (internalRef.current.lastState = internalRef.current.pendingState, internalRef.current.pendingState = void 0);
+  const componentState = componentContext ? States.get(componentContext) : null;
+  const internalRef = (0, import_react.useRef)(null);
+  if (!internalRef.current) {
+    internalRef.current = {
+      keys: /* @__PURE__ */new Set(),
+      lastState: (0, import_mediaState.getMedia)()
+    };
+  }
+  if (internalRef.current.pendingState) {
+    internalRef.current.lastState = internalRef.current.pendingState;
+    internalRef.current.pendingState = void 0;
+  }
   const {
     keys
   } = internalRef.current;
-  keys.size && keys.clear();
+  if (keys.size) {
+    keys.clear();
+  }
   const state = (0, import_react.useSyncExternalStore)(subscribe, () => {
-    const curKeys = componentState?.keys || keys,
-      {
-        lastState,
-        pendingState
-      } = internalRef.current;
-    if (!curKeys.size) return lastState;
+    const curKeys = componentState?.keys || keys;
+    const {
+      lastState,
+      pendingState
+    } = internalRef.current;
+    if (!curKeys.size) {
+      return lastState;
+    }
     const ms = (0, import_mediaState.getMedia)();
-    for (const key of curKeys) if (ms[key] !== (pendingState || lastState)[key]) return process.env.NODE_ENV === "development" && debug && console.warn("useMedia() \u270D\uFE0F", key, lastState[key], "=>", ms[key]), componentContext?.mediaEmit ? (componentContext.mediaEmit(ms), internalRef.current.pendingState = ms, lastState) : (internalRef.current.lastState = ms, ms);
+    for (const key of curKeys) {
+      if (ms[key] !== (pendingState || lastState)[key]) {
+        if (process.env.NODE_ENV === "development" && debug) {
+          console.warn(`useMedia() \u270D\uFE0F`, key, lastState[key], "=>", ms[key]);
+        }
+        if (componentContext?.mediaEmit) {
+          componentContext.mediaEmit(ms);
+          internalRef.current.pendingState = ms;
+          return lastState;
+        }
+        internalRef.current.lastState = ms;
+        return ms;
+      }
+    }
     return lastState;
   }, getServerSnapshot);
   return new Proxy(state, {
     get(_, key) {
-      return !disableMediaTouch && typeof key == "string" && keys.add(key), Reflect.get(state, key);
+      if (!disableMediaTouch && typeof key === "string") {
+        keys.add(key);
+      }
+      return Reflect.get(state, key);
     }
   });
 }
 const getServerSnapshot = () => initState;
-let disableMediaTouch = !1;
+let disableMediaTouch = false;
 function _disableMediaTouch(val) {
   disableMediaTouch = val;
 }
 function getMediaState(mediaGroups, layout) {
-  disableMediaTouch = !0;
+  disableMediaTouch = true;
   let res;
   try {
-    res = Object.fromEntries([...mediaGroups].map(mediaKey => [mediaKey, mediaKeyMatch(mediaKey, layout)]));
+    res = Object.fromEntries([...mediaGroups].map(mediaKey => {
+      return [mediaKey, mediaKeyMatch(mediaKey, layout)];
+    }));
   } finally {
-    disableMediaTouch = !1;
+    disableMediaTouch = false;
   }
   return res;
 }
 const getMediaImportanceIfMoreImportant = (mediaKey, key, styleState, isSizeMedia) => {
-    const importance = isSizeMedia ? getMediaKeyImportance(mediaKey) : import_pseudoDescriptors.defaultMediaImportance,
-      usedKeys = styleState.usedKeys;
-    return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
-  },
-  cachedMediaKeyToQuery = {};
+  const importance = isSizeMedia ? getMediaKeyImportance(mediaKey) : import_pseudoDescriptors.defaultMediaImportance;
+  const usedKeys = styleState.usedKeys;
+  return !usedKeys[key] || importance > usedKeys[key] ? importance : null;
+};
+const cachedMediaKeyToQuery = {};
 function mediaKeyToQuery(key) {
   return cachedMediaKeyToQuery[key] || (cachedMediaKeyToQuery[key] = (0, import_mediaObjectToString.mediaObjectToString)(import_mediaState.mediaQueryConfig[key]));
 }
 function mediaKeyMatch(key, dimensions) {
   const mediaQueries = import_mediaState.mediaQueryConfig[key];
-  return Object.keys(mediaQueries).every(query => {
-    const expectedVal = +mediaQueries[query],
-      isMax = query.startsWith("max"),
-      isWidth = query.endsWith("Width"),
-      givenVal = dimensions[isWidth ? "width" : "height"];
+  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;
 }