{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "invisible-input",
  "type": "registry:component",
  "title": "Invisible Input",
  "description": "An unstyled input that looks like text; fully styleable.",
  "dependencies": [],
  "files": [
    {
      "path": "registry/new-york/blocks/invisible-input/invisible-input.tsx",
      "content": "import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport type InvisibleInputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nconst InvisibleInput = React.forwardRef<HTMLInputElement, InvisibleInputProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        data-slot=\"invisible-input\"\n        className={cn(\n          \"bg-transparent border-0 p-0 m-0 w-full min-w-0 outline-none focus:outline-none focus:ring-0 appearance-none\",\n          \"placeholder:opacity-60\",\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\n\nInvisibleInput.displayName = \"InvisibleInput\";\n\nexport { InvisibleInput };\n\n\n\n\n\n\n",
      "type": "registry:component",
      "target": "components/ui/invisible-input.tsx"
    }
  ]
}