{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "password",
  "title": "Password",
  "description": "Password input with show/hide toggle",
  "registryDependencies": [
    "input-group"
  ],
  "files": [
    {
      "path": "src/components/password.tsx",
      "content": "import { EyeIcon, EyeOffIcon } from 'lucide-react'\nimport { useState } from 'react'\nimport {\n\tInputGroup,\n\tInputGroupAddon,\n\tInputGroupButton,\n\tInputGroupInput,\n} from '@/components/ui/input-group'\n\nexport function Password(props: React.ComponentProps<typeof InputGroupInput>) {\n\tconst [isVisible, setIsVisible] = useState<boolean>(false)\n\n\tconst toggleVisibility = () => setIsVisible((prevState) => !prevState)\n\n\treturn (\n\t\t<InputGroup>\n\t\t\t<InputGroupInput\n\t\t\t\tplaceholder=\"password\"\n\t\t\t\ttype={isVisible ? 'text' : 'password'}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t<InputGroupAddon align=\"inline-end\">\n\t\t\t\t<InputGroupButton onClick={toggleVisibility}>\n\t\t\t\t\t{isVisible ? (\n\t\t\t\t\t\t<EyeOffIcon size={16} aria-hidden=\"true\" />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<EyeIcon size={16} aria-hidden=\"true\" />\n\t\t\t\t\t)}\n\t\t\t\t</InputGroupButton>\n\t\t\t</InputGroupAddon>\n\t\t</InputGroup>\n\t)\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}