{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "login-01",
  "title": "Login",
  "description": "A polished split-screen sign-in experience.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "@rivelle/utils",
    "@rivelle/button",
    "@rivelle/input",
    "@rivelle/label"
  ],
  "files": [
    {
      "path": "registry/nova/blocks/login-01.tsx",
      "content": "import * as React from \"react\";\nimport { ArrowRight, Github, Sparkles } from \"lucide-react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport { cn } from \"@/lib/utils\";\n\nfunction Login01({ className, ...props }: React.ComponentProps<\"section\">) {\n  return (\n    <section\n      className={cn(\n        \"grid min-h-[680px] overflow-hidden rounded-[2rem] border border-foreground/10 bg-background lg:grid-cols-[1.05fr_.95fr]\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"relative hidden overflow-hidden bg-foreground p-10 text-background lg:flex lg:flex-col\">\n        <div className=\"absolute inset-0 opacity-55 [background-image:radial-gradient(circle_at_20%_15%,color-mix(in_oklch,var(--primary)_70%,transparent),transparent_32%),linear-gradient(145deg,transparent_30%,color-mix(in_oklch,var(--primary)_45%,transparent))]\" />\n        <div className=\"relative flex items-center gap-2 text-sm font-semibold\">\n          <span className=\"grid size-8 place-items-center rounded-xl bg-background/10 text-primary\">\n            <Sparkles className=\"size-4\" />\n          </span>\n          Rivelle Studio\n        </div>\n        <div className=\"relative mt-auto max-w-lg\">\n          <p className=\"text-3xl font-semibold leading-tight tracking-[-.04em]\">\n            Build interfaces people remember.\n          </p>\n          <p className=\"mt-4 max-w-md text-sm leading-relaxed text-background/60\">\n            Editable components, thoughtful defaults and the freedom to own\n            every detail.\n          </p>\n        </div>\n      </div>\n      <div className=\"flex items-center justify-center p-7 sm:p-12\">\n        <div className=\"w-full max-w-sm\">\n          <div className=\"mb-8\">\n            <p className=\"text-xs font-semibold uppercase tracking-[.16em] text-primary\">\n              Welcome back\n            </p>\n            <h1 className=\"mt-3 text-3xl font-semibold tracking-[-.04em]\">\n              Sign in to your account\n            </h1>\n            <p className=\"mt-2 text-sm text-muted-foreground\">\n              Enter your details to continue to your workspace.\n            </p>\n          </div>\n          <form className=\"space-y-5\">\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"login-email\">Email</Label>\n              <Input\n                id=\"login-email\"\n                placeholder=\"you@company.com\"\n                type=\"email\"\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <div className=\"flex items-center justify-between\">\n                <Label htmlFor=\"login-password\">Password</Label>\n                <a\n                  className=\"text-xs font-semibold text-primary hover:underline\"\n                  href=\"#\"\n                >\n                  Forgot password?\n                </a>\n              </div>\n              <Input id=\"login-password\" type=\"password\" />\n            </div>\n            <Button className=\"w-full\" size=\"lg\">\n              Sign in <ArrowRight />\n            </Button>\n          </form>\n          <div className=\"my-6 flex items-center gap-3 text-xs text-muted-foreground before:h-px before:flex-1 before:bg-border after:h-px after:flex-1 after:bg-border\">\n            or continue with\n          </div>\n          <Button className=\"w-full\" variant=\"outline\">\n            <Github /> GitHub\n          </Button>\n          <p className=\"mt-7 text-center text-sm text-muted-foreground\">\n            New to Rivelle?{\" \"}\n            <a\n              className=\"font-semibold text-foreground hover:text-primary\"\n              href=\"#\"\n            >\n              Create an account\n            </a>\n          </p>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nexport { Login01 };\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}