qstd 0.3.41 → 0.3.42

package/dist/react/index.cjs

@@ -2946,10 +2946,13 @@ function Backdrop(props) {
   );
 }
 function useMatchMedia(queries) {
+  const isClient = typeof window !== "undefined";
   const [value, setValue] = React13__namespace.default.useState(() => {
+    if (!isClient) return queries.map(() => false);
     return queries.map((q) => window.matchMedia(q).matches);
   });
   React13__namespace.default.useLayoutEffect(() => {
+    if (!isClient) return;
     const mediaQueryLists = queries.map((q) => window.matchMedia(q));
     const handler = () => {
       setValue(mediaQueryLists.map((mql) => mql.matches));
@@ -2959,7 +2962,7 @@ function useMatchMedia(queries) {
     return () => mediaQueryLists.forEach(
       (mql) => mql.removeEventListener("change", handler)
     );
-  }, [queries]);
+  }, [queries, isClient]);
   return value;
 }
 var MotionDiv5 = motionTags.div;
@@ -4141,18 +4144,23 @@ function useThrottle(value, interval = 500) {
 }
 function useMatchMedia2(queries, defaultValues = []) {
   const initialValues = defaultValues.length ? defaultValues : Array(queries.length).fill(false);
-  const mediaQueryLists = queries.map((q) => window.matchMedia(q));
-  const getValue = () => {
-    const matchedQueries = mediaQueryLists.map((mql) => mql.matches);
-    return matchedQueries;
-  };
-  const [value, setValue] = React13__namespace.default.useState(getValue);
+  const isClient = typeof window !== "undefined";
+  const [value, setValue] = React13__namespace.default.useState(() => {
+    if (!isClient) return initialValues;
+    return queries.map((q) => window.matchMedia(q).matches);
+  });
   React13__namespace.default.useLayoutEffect(() => {
-    const handler = () => setValue(getValue);
-    mediaQueryLists.forEach((mql) => mql.addListener(handler));
-    return () => mediaQueryLists.forEach((mql) => mql.removeListener(handler));
-  }, []);
-  if (typeof window === "undefined") return initialValues;
+    if (!isClient) return;
+    const mediaQueryLists = queries.map((q) => window.matchMedia(q));
+    const handler = () => {
+      setValue(mediaQueryLists.map((mql) => mql.matches));
+    };
+    handler();
+    mediaQueryLists.forEach((mql) => mql.addEventListener("change", handler));
+    return () => mediaQueryLists.forEach(
+      (mql) => mql.removeEventListener("change", handler)
+    );
+  }, [queries, isClient]);
   return value;
 }
 

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AACA;;;;;GAKG;AAKH,OAAO,gCAAgC,CAAC;AAKxC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGzC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,MAAM,MAAM,UAAU,GAAG,MAAM,EAAE,CAAC;AAClC,MAAM,MAAM,YAAY,GAAG,OAAO,EAAE,CAAC;AAErC;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,GAAE,MAAY,UAe7D;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAY,UAkChE;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,UAAU,EACnB,aAAa,GAAE,YAAiB,GAC/B,YAAY,CAkCd;AAED,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AACA;;;;;GAKG;AAKH,OAAO,gCAAgC,CAAC;AAKxC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGzC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,MAAM,MAAM,UAAU,GAAG,MAAM,EAAE,CAAC;AAClC,MAAM,MAAM,YAAY,GAAG,OAAO,EAAE,CAAC;AAErC;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,GAAE,MAAY,UAe7D;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAY,UAkChE;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,UAAU,EACnB,aAAa,GAAE,YAAiB,GAC/B,YAAY,CAoCd;AAED,cAAc,aAAa,CAAC"}

package/dist/react/index.js

@@ -2923,10 +2923,13 @@ function Backdrop(props) {
   );
 }
 function useMatchMedia(queries) {
+  const isClient = typeof window !== "undefined";
   const [value, setValue] = React13__default.useState(() => {
+    if (!isClient) return queries.map(() => false);
     return queries.map((q) => window.matchMedia(q).matches);
   });
   React13__default.useLayoutEffect(() => {
+    if (!isClient) return;
     const mediaQueryLists = queries.map((q) => window.matchMedia(q));
     const handler = () => {
       setValue(mediaQueryLists.map((mql) => mql.matches));
@@ -2936,7 +2939,7 @@ function useMatchMedia(queries) {
     return () => mediaQueryLists.forEach(
       (mql) => mql.removeEventListener("change", handler)
     );
-  }, [queries]);
+  }, [queries, isClient]);
   return value;
 }
 var MotionDiv5 = motionTags.div;
@@ -4118,18 +4121,23 @@ function useThrottle(value, interval = 500) {
 }
 function useMatchMedia2(queries, defaultValues = []) {
   const initialValues = defaultValues.length ? defaultValues : Array(queries.length).fill(false);
-  const mediaQueryLists = queries.map((q) => window.matchMedia(q));
-  const getValue = () => {
-    const matchedQueries = mediaQueryLists.map((mql) => mql.matches);
-    return matchedQueries;
-  };
-  const [value, setValue] = React13__default.useState(getValue);
+  const isClient = typeof window !== "undefined";
+  const [value, setValue] = React13__default.useState(() => {
+    if (!isClient) return initialValues;
+    return queries.map((q) => window.matchMedia(q).matches);
+  });
   React13__default.useLayoutEffect(() => {
-    const handler = () => setValue(getValue);
-    mediaQueryLists.forEach((mql) => mql.addListener(handler));
-    return () => mediaQueryLists.forEach((mql) => mql.removeListener(handler));
-  }, []);
-  if (typeof window === "undefined") return initialValues;
+    if (!isClient) return;
+    const mediaQueryLists = queries.map((q) => window.matchMedia(q));
+    const handler = () => {
+      setValue(mediaQueryLists.map((mql) => mql.matches));
+    };
+    handler();
+    mediaQueryLists.forEach((mql) => mql.addEventListener("change", handler));
+    return () => mediaQueryLists.forEach(
+      (mql) => mql.removeEventListener("change", handler)
+    );
+  }, [queries, isClient]);
   return value;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qstd",
-  "version": "0.3.41",
+  "version": "0.3.42",
   "description": "Standard Block component and utilities library with Panda CSS",
   "author": "malin1",
   "license": "MIT",