{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "signin-01",
  "title": "Sign in 01",
  "description": "A simple sign-in form inside a card with email and password fields.",
  "registryDependencies": [
    "button",
    "card",
    "field",
    "input"
  ],
  "files": [
    {
      "path": "registry/default/blocks/signin-01/page.tsx",
      "content": "import { SignInForm } from \"@/components/signin-form\";\n\nexport default function Page() {\n  return (\n    <div className=\"flex min-h-svh w-full items-center justify-center p-6 md:p-10\">\n      <div className=\"w-full max-w-sm\">\n        <SignInForm />\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:page",
      "target": "app/signin/page.tsx"
    },
    {
      "path": "registry/default/blocks/signin-01/components/signin-form.tsx",
      "content": "import { Button } from \"@/components/ui/button\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\";\nimport {\n  Field,\n  FieldDescription,\n  FieldGroup,\n  FieldLabel,\n} from \"@/components/ui/field\";\nimport { Input } from \"@/components/ui/input\";\n\nexport function SignInForm({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div className={className} {...props}>\n      <Card>\n        <CardHeader>\n          <CardTitle>Sign in to your account</CardTitle>\n          <CardDescription>\n            Enter your email below to sign in to your account\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <form>\n            <FieldGroup>\n              <Field>\n                <FieldLabel htmlFor=\"email\">Email</FieldLabel>\n                <Input\n                  id=\"email\"\n                  placeholder=\"m@example.com\"\n                  required\n                  type=\"email\"\n                />\n              </Field>\n              <Field>\n                <div className=\"flex items-center\">\n                  <FieldLabel htmlFor=\"password\">Password</FieldLabel>\n                  <a\n                    className=\"ml-auto inline-block text-sm underline-offset-4 hover:underline\"\n                    // biome-ignore lint/a11y/useValidAnchor: demo placeholder link\n                    href=\"#\"\n                  >\n                    Forgot your password?\n                  </a>\n                </div>\n                <Input id=\"password\" required type=\"password\" />\n              </Field>\n              <Field className=\"gap-3\">\n                <Button type=\"submit\">Sign in</Button>\n                <Button type=\"button\" variant=\"outline\">\n                  Sign in with Google\n                </Button>\n                <FieldDescription className=\"text-center\">\n                  Don&apos;t have an account?{\" \"}\n                  {/* biome-ignore lint/a11y/useValidAnchor: demo placeholder link */}\n                  <a className=\"underline underline-offset-4\" href=\"#\">\n                    Sign up\n                  </a>\n                </FieldDescription>\n              </Field>\n            </FieldGroup>\n          </form>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "authentication",
    "login"
  ],
  "type": "registry:block"
}