{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "field-input-password-demo",
  "type": "registry:component",
  "title": "Field Input Password Demo",
  "description": "A demo of the field input password",
  "registryDependencies": [
    "https://ui.ednesdayw.com/r/field-input.json"
  ],
  "files": [
    {
      "path": "src/registry/example/field-input/password.tsx",
      "content": "\"use client\";\n\nimport { FieldInput } from \"@/components/ui/field-input\";\nimport { useState } from \"react\";\n\nexport const FieldInputPasswordExample = () => {\n  const [password, setPassword] = useState(\"\");\n  const [confirmPassword, setConfirmPassword] = useState(\"\");\n\n  return (\n    <div className=\"flex flex-col gap-4 w-full max-w-72\">\n      <FieldInput\n        id=\"password\"\n        label=\"Password\"\n        type=\"password\"\n        value={password}\n        onChange={(e) => setPassword(e.target.value)}\n      />\n      <FieldInput\n        id=\"confirm-password\"\n        label=\"Confirm Password\"\n        type=\"password\"\n        value={confirmPassword}\n        onChange={(e) => setConfirmPassword(e.target.value)}\n      />\n    </div>\n  );\n};\n",
      "type": "registry:component",
      "target": "components/demo/field-input-password-demo.tsx"
    }
  ]
}