feat(web): useMediaQuery hook + Base UI tooltip wrapper (#44)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-06 23:40:19 +02:00
parent 49f694d1fb
commit 04c33cb1aa
3 changed files with 185 additions and 0 deletions
@@ -0,0 +1,20 @@
+import { useEffect, useState } from "react";
+
+/** SSR-safe `matchMedia` subscription; `true` while `query` matches. */
+export function useMediaQuery(query: string): boolean {
+  const [matches, setMatches] = useState(() =>
+    typeof window !== "undefined" ? window.matchMedia(query).matches : false,
+  );
+
+  useEffect(() => {
+    const mql = window.matchMedia(query);
+    const onChange = () => setMatches(mql.matches);
+
+    onChange();
+    mql.addEventListener("change", onChange);
+
+    return () => mql.removeEventListener("change", onChange);
+  }, [query]);
+
+  return matches;
+}