{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "auth-card-block",
  "title": "Auth Card Block",
  "author": "Poyraz Avsever",
  "description": "Poyraz Soft Glass Auth Card Block with container-responsive layout and semantic tokens.",
  "dependencies": [
    "lucide-react@^0.574.0"
  ],
  "registryDependencies": [
    "@poyraz/poyraz-utils",
    "@poyraz/poyraz-theme",
    "@poyraz/button",
    "@poyraz/card",
    "@poyraz/input",
    "@poyraz/label"
  ],
  "files": [
    {
      "path": "registry/poyraz/blocks/phase8/auth-card-block.tsx",
      "content": "import { ArrowRight, LockKeyhole } from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/atoms/button\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/atoms/card\";\nimport { Input } from \"@/components/ui/atoms/input\";\nimport { Label } from \"@/components/ui/atoms/label\";\n\nfunction AuthCardBlock() {\n  return (\n    <section\n      data-slot=\"auth-card-block\"\n      className=\"@container/auth flex min-h-[32rem] items-center justify-center bg-surface-subtle p-3 @sm/auth:p-6\"\n    >\n      <Card variant=\"glass\" className=\"w-full max-w-md\">\n        <CardHeader className=\"grid-cols-1 text-center\">\n          <span className=\"mx-auto mb-2 flex size-10 items-center justify-center rounded-lg bg-primary text-primary-foreground\">\n            <LockKeyhole className=\"size-4\" />\n          </span>\n          <CardTitle>Welcome back</CardTitle>\n          <CardDescription>Use your work account to continue.</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <form className=\"space-y-4\">\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"phase8-email\">Email</Label>\n              <Input\n                id=\"phase8-email\"\n                type=\"email\"\n                autoComplete=\"email\"\n                placeholder=\"name@company.com\"\n              />\n            </div>\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"phase8-password\">Password</Label>\n              <Input id=\"phase8-password\" type=\"password\" autoComplete=\"current-password\" />\n            </div>\n            <Button type=\"submit\" className=\"w-full\">\n              Sign in <ArrowRight className=\"size-4\" />\n            </Button>\n          </form>\n        </CardContent>\n        <CardFooter className=\"justify-center text-xs text-muted-foreground\">\n          Need access?{\" \"}\n          <a href=\"#\" className=\"font-medium text-primary hover:underline\">\n            Contact your administrator\n          </a>\n        </CardFooter>\n      </Card>\n    </section>\n  );\n}\n\nexport { AuthCardBlock };\n",
      "type": "registry:block",
      "target": "@ui/blocks/phase8/auth-card-block.tsx"
    }
  ],
  "meta": {
    "category": "phase-8-block",
    "phase": "beta",
    "responsive": "container",
    "accessibilityReviewed": true
  },
  "type": "registry:block"
}