{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "use-mobile",
  "title": "Use Mobile",
  "description": "A media query hook for mobile responsive UI.",
  "files": [
    {
      "path": "registry/new-york-v4/hooks/use-mobile.ts",
      "content": "import * as React from \"react\"\n\nconst MOBILE_QUERY = \"(max-width: 767px)\"\n\nfunction subscribeToMobileQuery(listener: () => void) {\n  const query = window.matchMedia(MOBILE_QUERY)\n  query.addEventListener(\"change\", listener)\n  return () => query.removeEventListener(\"change\", listener)\n}\n\nexport function useIsMobile() {\n  return React.useSyncExternalStore(\n    subscribeToMobileQuery,\n    () => window.matchMedia(MOBILE_QUERY).matches,\n    () => false\n  )\n}\n",
      "type": "registry:hook",
      "target": "@hooks/use-mobile.ts"
    }
  ],
  "type": "registry:hook"
}