{
  "name": "visually-hidden",
  "type": "registry:component",
  "dependencies": [
    "radix-ui"
  ],
  "files": [
    {
      "path": "components/visually-hidden.tsx",
      "type": "registry:component",
      "content": "import type * as React from \"react\";\n\nimport { Slot as SlotPrimitive } from \"radix-ui\";\n\ninterface VisuallyHiddenProps extends React.ComponentProps<\"div\"> {\n  asChild?: boolean;\n}\n\nfunction VisuallyHidden(props: VisuallyHiddenProps) {\n  const { asChild, style, ...visuallyHiddenProps } = props;\n\n  const Comp = asChild ? SlotPrimitive.Slot : \"div\";\n\n  return (\n    <Comp\n      {...visuallyHiddenProps}\n      style={{\n        border: 0,\n        clip: \"rect(0 0 0 0)\",\n        clipPath: \"inset(50%)\",\n        height: \"1px\",\n        margin: \"-1px\",\n        overflow: \"hidden\",\n        padding: 0,\n        position: \"absolute\",\n        whiteSpace: \"nowrap\",\n        width: \"1px\",\n        ...style,\n      }}\n    />\n  );\n}\n\nexport { VisuallyHidden };\n",
      "target": ""
    }
  ]
}