{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "login-two",
	"type": "registry:block",
	"description": "Split login with side illustration",
	"registryDependencies": [
		"button",
		"input",
		"label"
	],
	"files": [
		{
			"content": "<script>\n\timport Button from \"$COMPONENTS$/ui/button/button.svelte\";\n\timport Input from \"$COMPONENTS$/ui/input/input.svelte\";\n\timport Label from \"$COMPONENTS$/ui/label/label.svelte\";\n</script>\n\n<section class=\"flex min-h-screen bg-zinc-50 px-4 py-16 md:py-32 dark:bg-transparent\">\n\t<form\n\t\taction=\"\"\n\t\tclass=\"m-auto h-fit w-full max-w-sm overflow-hidden rounded-[calc(var(--radius)+.125rem)] border bg-muted shadow-md shadow-zinc-950/5 dark:[--color-muted:var(--color-zinc-900)]\"\n\t>\n\t\t<div class=\"-m-px rounded-[calc(var(--radius)+.125rem)] border bg-card p-8 pb-6\">\n\t\t\t<div class=\"text-center\">\n\t\t\t\t<a href=\"/\" aria-label=\"go home\" class=\"mx-auto block w-fit\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"22\"\n\t\t\t\t\t\theight=\"22\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\tcolor=\"currentColor\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M22 18C22 19.4001 22 20.1002 21.7275 20.635C21.4878 21.1054 21.1054 21.4878 20.635 21.7275C20.1002 22 19.4001 22 18 22C16.5999 22 15.8998 22 15.365 21.7275C14.8946 21.4878 14.5122 21.1054 14.2725 20.635C14 20.1002 14 19.4001 14 18C14 16.5999 14 15.8998 14.2725 15.365C14.5122 14.8946 14.8946 14.5122 15.365 14.2725C15.8998 14 16.5999 14 18 14C19.4001 14 20.1002 14 20.635 14.2725C21.1054 14.5122 21.4878 14.8946 21.7275 15.365C22 15.8998 22 16.5999 22 18Z\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t\t\t></path>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M22 10C22 11.4001 22 12.1002 21.7275 12.635C21.4878 13.1054 21.1054 13.4878 20.635 13.7275C20.1002 14 19.4001 14 18 14C16.5999 14 15.8998 14 15.365 13.7275C14.8946 13.4878 14.5122 13.1054 14.2725 12.635C14 12.1002 14 11.4001 14 10C14 8.59987 14 7.8998 14.2725 7.36502C14.5122 6.89462 14.8946 6.51217 15.365 6.27248C15.8998 6 16.5999 6 18 6C19.4001 6 20.1002 6 20.635 6.27248C21.1054 6.51217 21.4878 6.89462 21.7275 7.36502C22 7.8998 22 8.59987 22 10Z\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t\t\t></path>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M14 18C14 19.4001 14 20.1002 13.7275 20.635C13.4878 21.1054 13.1054 21.4878 12.635 21.7275C12.1002 22 11.4001 22 10 22C8.59987 22 7.8998 22 7.36502 21.7275C6.89462 21.4878 6.51217 21.1054 6.27248 20.635C6 20.1002 6 19.4001 6 18C6 16.5999 6 15.8998 6.27248 15.365C6.51217 14.8946 6.89462 14.5122 7.36502 14.2725C7.8998 14 8.59987 14 10 14C11.4001 14 12.1002 14 12.635 14.2725C13.1054 14.5122 13.4878 14.8946 13.7275 15.365C14 15.8998 14 16.5999 14 18Z\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t\t\t></path>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\topacity=\"0.4\"\n\t\t\t\t\t\t\td=\"M10 6C10 7.40013 10 8.1002 9.72752 8.63497C9.48783 9.10538 9.10538 9.48783 8.63498 9.72752C8.1002 10 7.40013 10 6 10C4.59987 10 3.8998 10 3.36502 9.72751C2.89462 9.48783 2.51217 9.10538 2.27248 8.63497C2 8.10019 2 7.40013 2 6C2 4.59987 2 3.8998 2.27248 3.36502C2.51217 2.89462 2.89462 2.51217 3.36502 2.27248C3.8998 2 4.59987 2 6 2C7.40013 2 8.1002 2 8.63498 2.27248C9.10538 2.51217 9.48783 2.89462 9.72752 3.36502C10 3.8998 10 4.59987 10 6Z\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t\t\t></path>\n\t\t\t\t\t</svg>\n\t\t\t\t</a>\n\t\t\t\t<h1 class=\"mt-4 mb-1 text-xl font-semibold\">Sign In to Tailus UI</h1>\n\t\t\t\t<p class=\"text-sm\">Welcome back! Sign in to continue</p>\n\t\t\t</div>\n\n\t\t\t<div class=\"mt-6 space-y-6\">\n\t\t\t\t<div class=\"space-y-2\">\n\t\t\t\t\t<Label for=\"email\" class=\"block text-sm\">Username</Label>\n\t\t\t\t\t<Input\n\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\trequired\n\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\tid=\"email\"\n\t\t\t\t\t\tplaceholder=\"you@example.com\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"space-y-0.5\">\n\t\t\t\t\t<div class=\"flex items-center justify-between\">\n\t\t\t\t\t\t<Label for=\"pwd\" class=\"text-title text-sm\">Password</Label>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\thref=\"/\"\n\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tclass=\"link intent-info variant-ghost text-sm\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tForgot your Password ?\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Input\n\t\t\t\t\t\ttype=\"password\"\n\t\t\t\t\t\trequired\n\t\t\t\t\t\tname=\"pwd\"\n\t\t\t\t\t\tid=\"pwd\"\n\t\t\t\t\t\tplaceholder=\"Enter your password\"\n\t\t\t\t\t\tclass=\"input sz-md variant-mixed\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<Button class=\"w-full\">Sign In</Button>\n\t\t\t</div>\n\n\t\t\t<div class=\"my-6 grid grid-cols-[1fr_auto_1fr] items-center gap-3\">\n\t\t\t\t<hr class=\"border-dashed\" />\n\t\t\t\t<span class=\"text-xs text-muted-foreground\">Or continue With</span>\n\t\t\t\t<hr class=\"border-dashed\" />\n\t\t\t</div>\n\n\t\t\t<div class=\"grid grid-cols-2 gap-3\">\n\t\t\t\t<Button type=\"button\" variant=\"outline\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"0.98em\"\n\t\t\t\t\t\theight=\"1em\"\n\t\t\t\t\t\tviewBox=\"0 0 256 262\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\tfill=\"#4285f4\"\n\t\t\t\t\t\t\td=\"M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622l38.755 30.023l2.685.268c24.659-22.774 38.875-56.282 38.875-96.027\"\n\t\t\t\t\t\t></path>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\tfill=\"#34a853\"\n\t\t\t\t\t\t\td=\"M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055c-34.523 0-63.824-22.773-74.269-54.25l-1.531.13l-40.298 31.187l-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1\"\n\t\t\t\t\t\t></path>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\tfill=\"#fbbc05\"\n\t\t\t\t\t\t\td=\"M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82c0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602z\"\n\t\t\t\t\t\t></path>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\tfill=\"#eb4335\"\n\t\t\t\t\t\t\td=\"M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0C79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251\"\n\t\t\t\t\t\t></path>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<span>Google</span>\n\t\t\t\t</Button>\n\t\t\t\t<Button type=\"button\" variant=\"outline\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\twidth=\"1em\"\n\t\t\t\t\t\theight=\"1em\"\n\t\t\t\t\t\tviewBox=\"0 0 256 256\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path fill=\"#f1511b\" d=\"M121.666 121.666H0V0h121.666z\"></path>\n\t\t\t\t\t\t<path fill=\"#80cc28\" d=\"M256 121.666H134.335V0H256z\"></path>\n\t\t\t\t\t\t<path fill=\"#00adef\" d=\"M121.663 256.002H0V134.336h121.663z\"></path>\n\t\t\t\t\t\t<path fill=\"#fbbc09\" d=\"M256 256.002H134.335V134.336H256z\"></path>\n\t\t\t\t\t</svg>\n\t\t\t\t\t<span>Microsoft</span>\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"p-3\">\n\t\t\t<p class=\"text-center text-sm text-accent-foreground\">\n\t\t\t\tDon't have an account ?\n\t\t\t\t<Button href=\"/\" variant=\"link\" class=\"px-2\">Create account</Button>\n\t\t\t</p>\n\t\t</div>\n\t</form>\n</section>\n",
			"type": "registry:component",
			"target": "blocks/login/login-two.svelte"
		}
	]
}