@hopper-ui/styled-system 0.2.0 → 0.2.2

package/dist/chunk-STEDL5VQ.js

@@ -0,0 +1,25 @@
+import { useState, useEffect } from 'react';
+import { useIsSSR } from 'react-aria';
+
+// src/utils/useMediaQuery.ts
+var supportsMatchMedia = typeof window !== "undefined" && typeof window.matchMedia === "function";
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState(() => supportsMatchMedia ? window.matchMedia(query).matches : false);
+  useEffect(() => {
+    if (!supportsMatchMedia) {
+      return;
+    }
+    const mediaQueryList = window.matchMedia(query);
+    const onChange = (event) => {
+      setMatches(event.matches);
+    };
+    mediaQueryList.addEventListener("change", onChange);
+    return () => {
+      mediaQueryList.removeEventListener("change", onChange);
+    };
+  }, [query]);
+  const isSSR = useIsSSR();
+  return isSSR ? false : matches;
+}
+
+export { supportsMatchMedia, useMediaQuery };