{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["@efferd/full-width-divider","@efferd/logo","@efferd/auth-divider","@efferd/google-icon","button","input-group"],"name":"auth-4","description":"Clean sign-in screen with full-width divider and social actions.","categories":["auth"],"files":[{"path":"registry/blocks/auth/4/index.tsx","target":"~/components/auth-page.tsx","type":"registry:component","content":"import { GoogleIcon } from \"@/components/icons/google-icon\";\nimport { Logo } from \"@/components/logo\";\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 { FullWidthDivider } from \"@/components/full-width-divider\";\n\nexport function AuthPage() {\n\treturn (\n\t\t<div className=\"relative w-full overflow-hidden px-4 md:h-screen\">\n\t\t\t<div className=\"relative mx-auto flex min-h-screen w-full max-w-sm flex-col justify-center border-x *:px-6\">\n\t\t\t\t<div className=\"flex flex-col space-y-6\">\n\t\t\t\t\t<a aria-label=\"Home\" className=\"\" href=\"#\">\n\t\t\t\t\t\t<Logo className=\"h-4.5\" />\n\t\t\t\t\t</a>\n\t\t\t\t\t<div className=\"space-y-1\">\n\t\t\t\t\t\t<h1 className=\"font-semibold text-xl tracking-wide\">\n\t\t\t\t\t\t\tHey, welcome!\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t<p className=\"text-base text-muted-foreground\">\n\t\t\t\t\t\t\tLog in or sign up. It only takes a moment.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"relative my-6 flex size-full flex-col gap-4 py-8\">\n\t\t\t\t\t<FullWidthDivider position=\"top\" />\n\n\t\t\t\t\t<Button className=\"w-full\" type=\"button\" variant=\"outline\">\n\t\t\t\t\t\t<GoogleIcon data-icon=\"inline-start\" />\n\t\t\t\t\t\tContinue with Google\n\t\t\t\t\t</Button>\n\t\t\t\t\t<AuthDivider>OR CONTINUE WITH EMAIL</AuthDivider>\n\t\t\t\t\t<form className=\"space-y-2\">\n\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t<InputGroupInput\n\t\t\t\t\t\t\t\taria-label=\"Email address\"\n\t\t\t\t\t\t\t\tplaceholder=\"your.email@example.com\"\n\t\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<InputGroupAddon align=\"inline-start\">\n\t\t\t\t\t\t\t\t<IconPlaceholder\n\t\t\t\t\t\t\t\t\thugeicons=\"AtIcon\"\n\t\t\t\t\t\t\t\t\tlucide=\"AtSignIcon\"\n\t\t\t\t\t\t\t\t\tphosphor=\"AtIcon\"\n\t\t\t\t\t\t\t\t\tremixicon=\"RiAtLine\"\n\t\t\t\t\t\t\t\t\ttabler=\"IconAt\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</InputGroupAddon>\n\t\t\t\t\t\t</InputGroup>\n\n\t\t\t\t\t\t<Button className=\"w-full\" size=\"sm\" type=\"submit\">\n\t\t\t\t\t\t\tContinue With Email\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</form>\n\t\t\t\t\t<FullWidthDivider position=\"bottom\" />\n\t\t\t\t</div>\n\n\t\t\t\t<p className=\"text-center text-muted-foreground text-sm\">\n\t\t\t\t\tThis site is protected by reCAPTCHA and the Google{\" \"}\n\t\t\t\t\t<a\n\t\t\t\t\t\tclassName=\"underline underline-offset-4 hover:text-primary\"\n\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t>\n\t\t\t\t\t\tPrivacy Policy\n\t\t\t\t\t</a>{\" \"}\n\t\t\t\t\tand{\" \"}\n\t\t\t\t\t<a\n\t\t\t\t\t\tclassName=\"underline underline-offset-4 hover:text-primary\"\n\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t>\n\t\t\t\t\t\tTerms of Service\n\t\t\t\t\t</a>{\" \"}\n\t\t\t\t\tapply.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"}]}