{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "visually-hidden",
  "type": "registry:ui",
  "title": "Visually hidden",
  "description": "Visually hidden wrapper that keeps content available to screen readers while hiding it on screen via sr-only. Use it for icon button labels and extra context.",
  "dependencies": [],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/visually-hidden.tsx",
      "type": "registry:ui",
      "target": "components/ui/visually-hidden.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\n\nfunction VisuallyHidden({ children, className }: { children: React.ReactNode; className?: string }) {\n  return (\n    <span data-slot=\"visually-hidden\" className={cn(\"sr-only\", className)}>\n      {children}\n    </span>\n  )\n}\nexport { VisuallyHidden }\n"
    }
  ]
}