{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "login-05",
  "type": "registry:block",
  "title": "Login Card Signup Form",
  "description": "A login card signup form block.",
  "author": "ephraim duncan <https://ephraimduncan.com>",
  "registryDependencies": [
    "button",
    "card",
    "checkbox",
    "input",
    "label"
  ],
  "dependencies": [],
  "files": [
    {
      "path": "content/components/login/login-05.tsx",
      "type": "registry:component",
      "target": "components/login-05.tsx",
      "content": "import type { JSX, SVGProps } from 'react';\nimport { Button } from '@/components/ui/button';\nimport { Card, CardContent } from '@/components/ui/card';\nimport { Checkbox } from '@/components/ui/checkbox';\nimport { Input } from '@/components/ui/input';\nimport { Label } from '@/components/ui/label';\n\nconst Logo = (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => (\n  <svg\n    fill=\"currentColor\"\n    height=\"48\"\n    viewBox=\"0 0 40 48\"\n    width=\"40\"\n    {...props}\n  >\n    <clipPath id=\"a\">\n      <path d=\"m0 0h40v48h-40z\" />\n    </clipPath>\n    <g clipPath=\"url(#a)\">\n      <path d=\"m25.0887 5.05386-3.933-1.05386-3.3145 12.3696-2.9923-11.16736-3.9331 1.05386 3.233 12.0655-8.05262-8.0526-2.87919 2.8792 8.83271 8.8328-10.99975-2.9474-1.05385625 3.933 12.01860625 3.2204c-.1376-.5935-.2104-1.2119-.2104-1.8473 0-4.4976 3.646-8.1436 8.1437-8.1436 4.4976 0 8.1436 3.646 8.1436 8.1436 0 .6313-.0719 1.2459-.2078 1.8359l10.9227 2.9267 1.0538-3.933-12.0664-3.2332 11.0005-2.9476-1.0539-3.933-12.0659 3.233 8.0526-8.0526-2.8792-2.87916-8.7102 8.71026z\" />\n      <path d=\"m27.8723 26.2214c-.3372 1.4256-1.0491 2.7063-2.0259 3.7324l7.913 7.9131 2.8792-2.8792z\" />\n      <path d=\"m25.7665 30.0366c-.9886 1.0097-2.2379 1.7632-3.6389 2.1515l2.8794 10.746 3.933-1.0539z\" />\n      <path d=\"m21.9807 32.2274c-.65.1671-1.3313.2559-2.0334.2559-.7522 0-1.4806-.102-2.1721-.2929l-2.882 10.7558 3.933 1.0538z\" />\n      <path d=\"m17.6361 32.1507c-1.3796-.4076-2.6067-1.1707-3.5751-2.1833l-7.9325 7.9325 2.87919 2.8792z\" />\n      <path d=\"m13.9956 29.8973c-.9518-1.019-1.6451-2.2826-1.9751-3.6862l-10.95836 2.9363 1.05385 3.933z\" />\n    </g>\n  </svg>\n);\n\nexport default function Login05() {\n  return (\n    <div className=\"flex min-h-dvh items-center justify-center\">\n      <div className=\"flex flex-1 flex-col justify-center px-4 py-10 lg:px-6\">\n        <div className=\"sm:mx-auto sm:w-full sm:max-w-md\">\n          <Logo\n            aria-hidden={true}\n            className=\"mx-auto h-10 w-10 text-foreground dark:text-foreground\"\n          />\n          <h3 className=\"mt-2 text-balance text-center font-bold text-foreground text-lg dark:text-foreground\">\n            Create new account for workspace\n          </h3>\n        </div>\n\n        <Card className=\"mt-4 shadow-2xs sm:mx-auto sm:w-full sm:max-w-md\">\n          <CardContent>\n            <form action=\"#\" className=\"space-y-4\" method=\"post\">\n              <div>\n                <Label\n                  className=\"font-medium text-foreground text-sm dark:text-foreground\"\n                  htmlFor=\"name-login-05\"\n                >\n                  Name\n                </Label>\n                <Input\n                  autoComplete=\"name-login-05\"\n                  className=\"mt-2\"\n                  id=\"name-login-05\"\n                  name=\"name-login-05\"\n                  placeholder=\"Name\"\n                  type=\"text\"\n                />\n              </div>\n\n              <div>\n                <Label\n                  className=\"font-medium text-foreground text-sm dark:text-foreground\"\n                  htmlFor=\"email-login-05\"\n                >\n                  Email\n                </Label>\n                <Input\n                  autoComplete=\"email-login-05\"\n                  className=\"mt-2\"\n                  id=\"email-login-05\"\n                  name=\"email-login-05\"\n                  placeholder=\"ephraim@blocks.so\"\n                  type=\"email\"\n                />\n              </div>\n\n              <div>\n                <Label\n                  className=\"font-medium text-foreground text-sm dark:text-foreground\"\n                  htmlFor=\"password-login-05\"\n                >\n                  Password\n                </Label>\n                <Input\n                  autoComplete=\"password-login-05\"\n                  className=\"mt-2\"\n                  id=\"password-login-05   \"\n                  name=\"password-login-05\"\n                  placeholder=\"Password\"\n                  type=\"password\"\n                />\n              </div>\n\n              <div>\n                <Label\n                  className=\"font-medium text-foreground text-sm dark:text-foreground\"\n                  htmlFor=\"confirm-password-login-05\"\n                >\n                  Confirm password\n                </Label>\n                <Input\n                  autoComplete=\"confirm-password-login-05\"\n                  className=\"mt-2\"\n                  id=\"confirm-password-login-05\"\n                  name=\"confirm-password-login-05\"\n                  placeholder=\"Password\"\n                  type=\"password\"\n                />\n              </div>\n\n              <div className=\"mt-2 flex items-start\">\n                <div className=\"flex h-6 items-center\">\n                  <Checkbox\n                    className=\"size-4\"\n                    id=\"newsletter-login-05\"\n                    name=\"newsletter-login-05\"\n                  />\n                </div>\n                <Label\n                  className=\"ml-3 text-muted-foreground text-sm leading-6 dark:text-muted-foreground\"\n                  htmlFor=\"newsletter-login-05\"\n                >\n                  Sign up to our newsletter\n                </Label>\n              </div>\n\n              <Button className=\"mt-4 w-full py-2 font-medium\" type=\"submit\">\n                Create account\n              </Button>\n\n              <p className=\"text-pretty text-center text-muted-foreground text-xs dark:text-muted-foreground\">\n                By signing in, you agree to our{' '}\n                <a\n                  className=\"text-primary capitalize hover:text-primary/90 dark:text-primary hover:dark:text-primary/90\"\n                  href=\"#\"\n                >\n                  Terms of use\n                </a>{' '}\n                and{' '}\n                <a\n                  className=\"text-primary capitalize hover:text-primary/90 dark:text-primary hover:dark:text-primary/90\"\n                  href=\"#\"\n                >\n                  Privacy policy\n                </a>\n              </p>\n            </form>\n          </CardContent>\n        </Card>\n\n        <p className=\"mt-6 text-pretty text-center text-muted-foreground text-sm dark:text-muted-foreground\">\n          Already have an account?{' '}\n          <a\n            className=\"font-medium text-primary hover:text-primary/90 dark:text-primary hover:dark:text-primary/90\"\n            href=\"#\"\n          >\n            Sign in\n          </a>\n        </p>\n      </div>\n    </div>\n  );\n}\n"
    }
  ],
  "categories": [
    "login"
  ]
}