{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sign-in-4",
  "title": "Passkey",
  "description": "Passkey for Sign In.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button",
    "input",
    "label"
  ],
  "files": [
    {
      "path": "registry/intents/auth/sign-in/sign-in-4.tsx",
      "content": "import { Fingerprint, KeyRound, ScanFace, ShieldCheck } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\nimport {\n  Card,\n  CardContent,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from '@/components/ui/card'\nimport { Input } from '@/components/ui/input'\nimport { Label } from '@/components/ui/label'\n\nexport function SignIn4() {\n  return (\n    <Card size=\"sm\">\n      <CardHeader className=\"justify-items-center text-center\">\n        <div className=\"from-primary/15 to-primary/5 ring-primary/10 mb-2 flex size-14 items-center justify-center rounded-2xl bg-linear-to-br ring-1\">\n          <Fingerprint className=\"text-primary size-7\" />\n        </div>\n        <CardTitle>Sign in with a passkey</CardTitle>\n        <p className=\"text-muted-foreground text-xs text-balance\">\n          Use Face ID, Touch ID, or a security key. Nothing to remember.\n        </p>\n      </CardHeader>\n\n      <CardContent className=\"flex flex-col gap-4\">\n        <div className=\"flex flex-col gap-1.5\">\n          <Label htmlFor=\"pk-email\" className=\"text-xs\">\n            Email\n          </Label>\n          <Input\n            id=\"pk-email\"\n            type=\"email\"\n            placeholder=\"you@acme.com\"\n            autoComplete=\"email webauthn\"\n          />\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <Button className=\"w-full gap-2\">\n            <ScanFace className=\"size-4\" />\n            Continue with passkey\n          </Button>\n          <Button variant=\"ghost\" className=\"w-full gap-2 text-xs\">\n            <KeyRound className=\"size-3.5\" />\n            Use password instead\n          </Button>\n        </div>\n      </CardContent>\n\n      <CardFooter className=\"justify-center\">\n        <p className=\"text-muted-foreground/80 flex items-center gap-1.5 text-[11px]\">\n          <ShieldCheck className=\"size-3.5\" />\n          Phishing-resistant. Your key never leaves this device.\n        </p>\n      </CardFooter>\n    </Card>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/intent/sign-in/sign-in-4.tsx"
    }
  ],
  "type": "registry:block"
}