{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "login-page",
  "title": "Login Page",
  "description": "Authentication login page with email/password form, remember me checkbox, social auth buttons, and links to register/forgot password.",
  "registryDependencies": [
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-theme.json",
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-form-control.json",
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-button.json",
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-checkbox-radio.json"
  ],
  "files": [
    {
      "path": "registry/new-york/login-page/blocks/login-page.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/registry/new-york/adminlte-theme/lib/cn\"\n\ninterface LoginPageProps extends React.HTMLAttributes<HTMLDivElement> {\n  logo?: React.ReactNode\n  logoText?: string\n  message?: string\n  onSubmit?: (email: string, password: string, remember: boolean) => void\n  socialButtons?: React.ReactNode\n  registerHref?: string\n  forgotPasswordHref?: string\n}\n\nfunction LoginPage({\n  className,\n  logo,\n  logoText = \"AdminLTE\",\n  message = \"Sign in to start your session\",\n  onSubmit,\n  socialButtons,\n  registerHref = \"#\",\n  forgotPasswordHref = \"#\",\n  ...props\n}: LoginPageProps) {\n  const [email, setEmail] = React.useState(\"\")\n  const [password, setPassword] = React.useState(\"\")\n  const [remember, setRemember] = React.useState(false)\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault()\n    onSubmit?.(email, password, remember)\n  }\n\n  return (\n    <div\n      className={cn(\n        \"min-h-screen flex items-center justify-center bg-[#d2d6de]\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"w-full max-w-[360px] mx-auto\">\n        <div className=\"text-center mb-[25px]\">\n          {logo || (\n            <a\n              href=\"#\"\n              className=\"text-[35px] text-center font-bold no-underline text-[#444]\"\n            >\n              <b>{logoText.slice(0, 5)}</b>\n              {logoText.slice(5)}\n            </a>\n          )}\n        </div>\n\n        <div className=\"bg-white shadow-[0_1px_1px_rgba(0,0,0,0.1)] rounded-[3px]\">\n          <div className=\"p-[20px] border-t-[3px] border-t-[#3c8dbc]\">\n            <p className=\"text-center text-[15px] text-[#666] mb-[20px]\">\n              {message}\n            </p>\n\n            <form onSubmit={handleSubmit}>\n              <div className=\"mb-[15px] relative\">\n                <input\n                  type=\"email\"\n                  className=\"block w-full h-[34px] px-[12px] py-[6px] text-[14px] text-[#555] bg-white border border-solid border-[#d2d6de] rounded-[3px] focus:border-[#3c8dbc] focus:outline-none placeholder:text-[#999]\"\n                  placeholder=\"Email\"\n                  value={email}\n                  onChange={(e) => setEmail(e.target.value)}\n                />\n                <span className=\"absolute right-[10px] top-1/2 -translate-y-1/2 text-[#999]\">\n                  &#9993;\n                </span>\n              </div>\n\n              <div className=\"mb-[15px] relative\">\n                <input\n                  type=\"password\"\n                  className=\"block w-full h-[34px] px-[12px] py-[6px] text-[14px] text-[#555] bg-white border border-solid border-[#d2d6de] rounded-[3px] focus:border-[#3c8dbc] focus:outline-none placeholder:text-[#999]\"\n                  placeholder=\"Password\"\n                  value={password}\n                  onChange={(e) => setPassword(e.target.value)}\n                />\n                <span className=\"absolute right-[10px] top-1/2 -translate-y-1/2 text-[#999]\">\n                  &#128274;\n                </span>\n              </div>\n\n              <div className=\"flex items-center justify-between\">\n                <label className=\"flex items-center gap-[5px] cursor-pointer text-[14px]\">\n                  <input\n                    type=\"checkbox\"\n                    checked={remember}\n                    onChange={(e) => setRemember(e.target.checked)}\n                  />\n                  Remember Me\n                </label>\n                <button\n                  type=\"submit\"\n                  className=\"px-[20px] py-[6px] bg-[#3c8dbc] border border-[#367fa9] text-white rounded-[3px] text-[14px] cursor-pointer hover:bg-[#367fa9]\"\n                >\n                  Sign In\n                </button>\n              </div>\n            </form>\n\n            {socialButtons && (\n              <div className=\"text-center mt-[20px]\">\n                <p className=\"text-[#666] mb-[10px]\">- OR -</p>\n                <div className=\"flex gap-[5px] justify-center\">\n                  {socialButtons}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div className=\"flex justify-between mt-[10px] text-[14px]\">\n          <a href={forgotPasswordHref} className=\"text-[#999] no-underline hover:text-[#444]\">\n            I forgot my password\n          </a>\n          <a href={registerHref} className=\"text-[#999] no-underline hover:text-[#444]\">\n            Register a new membership\n          </a>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport { LoginPage }\nexport type { LoginPageProps }\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}