{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "use-media-query",
	"description": "A hook for responsive breakpoint detection using media queries",
	"dependencies": [],
	"devDependencies": [],
	"registryDependencies": [],
	"files": [
		{
			"path": "packages/hooks/use-media-query/index.ts",
			"content": "import { useEffect, useState } from \"react\";\n\nexport function useMediaQuery(query: string): boolean {\n\tconst [matches, setMatches] = useState(false);\n\n\tuseEffect(() => {\n\t\tconst media = window.matchMedia(query);\n\n\t\t// Set initial value\n\t\tsetMatches(media.matches);\n\n\t\t// Create event listener\n\t\tconst listener = (event: MediaQueryListEvent) => {\n\t\t\tsetMatches(event.matches);\n\t\t};\n\n\t\t// Add listener\n\t\tmedia.addEventListener(\"change\", listener);\n\n\t\t// Cleanup\n\t\treturn () => media.removeEventListener(\"change\", listener);\n\t}, [query]);\n\n\treturn matches;\n}\n",
			"type": "registry:hook",
			"target": "hooks/use-auto-height.tsx"
		}
	],
	"type": "registry:hook"
}