{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["@efferd/decor-icon","@efferd/github-icon","@efferd/google-icon","button","input-group","@efferd/auth-divider"],"name":"auth-2","description":"Split sign-in layout with social buttons and email form.","categories":["auth"],"files":[{"path":"registry/blocks/auth/2/index.tsx","target":"~/components/auth.tsx","type":"registry:component","content":"import { cn } from \"@/lib/utils\";\nimport { GithubIcon } from \"@/components/icons/github-icon\";\nimport { GoogleIcon } from \"@/components/icons/google-icon\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n\tInputGroup,\n\tInputGroupAddon,\n\tInputGroupInput,\n} from \"@/components/ui/input-group\";\nimport { AuthDivider } from \"@/components/auth-divider\";\nimport { DecorIcon } from \"@/components/decor-icon\";\n\nexport function AuthPage() {\n\treturn (\n\t\t<div className=\"relative flex h-screen w-full items-center justify-center overflow-hidden px-6 md:px-8\">\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"relative flex w-full max-w-sm flex-col justify-between p-6 md:p-8\",\n\t\t\t\t\t\"dark:bg-[radial-gradient(50%_80%_at_20%_0%,--theme(--color-foreground/.1),transparent)]\"\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<div className=\"absolute -inset-y-6 -left-px w-px bg-border\" />\n\t\t\t\t<div className=\"absolute -inset-y-6 -right-px w-px bg-border\" />\n\t\t\t\t<div className=\"absolute -inset-x-6 -top-px h-px bg-border\" />\n\t\t\t\t<div className=\"absolute -inset-x-6 -bottom-px h-px bg-border\" />\n\t\t\t\t<DecorIcon position=\"top-left\" />\n\t\t\t\t<DecorIcon position=\"bottom-right\" />\n\n\t\t\t\t<div className=\"w-full max-w-sm animate-in space-y-8\">\n\t\t\t\t\t<div className=\"flex flex-col space-y-1\">\n\t\t\t\t\t\t<h1 className=\"font-bold text-2xl tracking-wide\">Join Now!</h1>\n\t\t\t\t\t\t<p className=\"text-base text-muted-foreground\">\n\t\t\t\t\t\t\tLogin or create your efferd account.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"space-y-4\">\n\t\t\t\t\t\t<form className=\"space-y-2\">\n\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t<InputGroupInput\n\t\t\t\t\t\t\t\t\tplaceholder=\"your.email@example.com\"\n\t\t\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<InputGroupAddon align=\"inline-start\">\n\t\t\t\t\t\t\t\t\t<IconPlaceholder\n\t\t\t\t\t\t\t\t\t\thugeicons=\"AtIcon\"\n\t\t\t\t\t\t\t\t\t\tlucide=\"AtSignIcon\"\n\t\t\t\t\t\t\t\t\t\tphosphor=\"AtIcon\"\n\t\t\t\t\t\t\t\t\t\tremixicon=\"RiAtLine\"\n\t\t\t\t\t\t\t\t\t\ttabler=\"IconAt\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</InputGroupAddon>\n\t\t\t\t\t\t\t</InputGroup>\n\n\t\t\t\t\t\t\t<Button className=\"w-full\" size=\"sm\" type=\"button\">\n\t\t\t\t\t\t\t\tContinue With Email\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t\t<AuthDivider>OR</AuthDivider>\n\t\t\t\t\t\t<div className=\"grid grid-cols-2 gap-2 space-y-2\">\n\t\t\t\t\t\t\t<Button className=\"w-full\" type=\"button\" variant=\"outline\">\n\t\t\t\t\t\t\t\t<GoogleIcon data-icon=\"inline-start\" />\n\t\t\t\t\t\t\t\tGoogle\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button className=\"w-full\" type=\"button\" variant=\"outline\">\n\t\t\t\t\t\t\t\t<GithubIcon data-icon=\"inline-start\" />\n\t\t\t\t\t\t\t\tGitHub\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<p className=\"text-muted-foreground text-sm\">\n\t\t\t\t\t\tBy clicking continue, you agree to our{\" \"}\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\tclassName=\"underline underline-offset-4 hover:text-primary\"\n\t\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tTerms of Service\n\t\t\t\t\t\t</a>{\" \"}\n\t\t\t\t\t\tand{\" \"}\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\tclassName=\"underline underline-offset-4 hover:text-primary\"\n\t\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tPrivacy Policy\n\t\t\t\t\t\t</a>\n\t\t\t\t\t\t.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"}]}