{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "register-page",
  "title": "Register Page",
  "description": "Authentication registration page with full name, email, password fields, terms agreement, and social auth buttons.",
  "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/register-page/blocks/register-page.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/registry/new-york/adminlte-theme/lib/cn\"\n\ninterface RegisterPageProps extends React.HTMLAttributes<HTMLDivElement> {\n  logo?: React.ReactNode\n  logoText?: string\n  message?: string\n  onSubmit?: (data: {\n    fullName: string\n    email: string\n    password: string\n    confirmPassword: string\n    agreeTerms: boolean\n  }) => void\n  socialButtons?: React.ReactNode\n  loginHref?: string\n  termsHref?: string\n}\n\nfunction RegisterPage({\n  className,\n  logo,\n  logoText = \"AdminLTE\",\n  message = \"Register a new membership\",\n  onSubmit,\n  socialButtons,\n  loginHref = \"#\",\n  termsHref = \"#\",\n  ...props\n}: RegisterPageProps) {\n  const [fullName, setFullName] = React.useState(\"\")\n  const [email, setEmail] = React.useState(\"\")\n  const [password, setPassword] = React.useState(\"\")\n  const [confirmPassword, setConfirmPassword] = React.useState(\"\")\n  const [agreeTerms, setAgreeTerms] = React.useState(false)\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault()\n    onSubmit?.({ fullName, email, password, confirmPassword, agreeTerms })\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 href=\"#\" className=\"text-[35px] font-bold no-underline text-[#444]\">\n              <b>{logoText.slice(0, 5)}</b>{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]\">{message}</p>\n\n            <form onSubmit={handleSubmit}>\n              <div className=\"mb-[15px]\">\n                <input\n                  type=\"text\"\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=\"Full name\"\n                  value={fullName}\n                  onChange={(e) => setFullName(e.target.value)}\n                />\n              </div>\n              <div className=\"mb-[15px]\">\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              </div>\n              <div className=\"mb-[15px]\">\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              </div>\n              <div className=\"mb-[15px]\">\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=\"Retype password\"\n                  value={confirmPassword}\n                  onChange={(e) => setConfirmPassword(e.target.value)}\n                />\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={agreeTerms}\n                    onChange={(e) => setAgreeTerms(e.target.checked)}\n                  />\n                  I agree to the{\" \"}\n                  <a href={termsHref} className=\"text-[#3c8dbc]\">terms</a>\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                  Register\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\">{socialButtons}</div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div className=\"text-center mt-[10px]\">\n          <a href={loginHref} className=\"text-[14px] text-[#999] no-underline hover:text-[#444]\">\n            I already have a membership\n          </a>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport { RegisterPage }\nexport type { RegisterPageProps }\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}