{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "login-page",
	"title": "Login Page",
	"description": "A composable login page with customizable regions, form modes, social providers, hero, and secure footer links",
	"dependencies": ["daisyui", "lucide-react", "react-hook-form"],
	"files": [
		{
			"path": "registry/default/blocks/login-page/login-page.tsx",
			"content": "import { Children, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\nimport {\n\tLoginPageForm,\n\ttype LoginPageFormIcons,\n\ttype LoginPageFormLabels,\n\ttype LoginPageFormMode,\n\ttype LoginPageFormProps,\n\ttype LoginPageFormValues,\n} from './login-form';\nimport { type LoginPageSocialItem, LoginPageSocialLogin, type LoginPageSocialLoginProps } from './login-social';\n\nexport const LOGIN_PAGE_BEIAN_URL = 'https://beian.miit.gov.cn/';\n\nexport type LoginPageLinkProps = {\n\ttext?: ReactNode;\n\turl?: string;\n};\n\nexport type LoginPageFooterLinks = {\n\tbeian?: LoginPageLinkProps;\n\tlinks?: readonly LoginPageLinkProps[];\n\tpolicy?: LoginPageLinkProps;\n\tterms?: LoginPageLinkProps;\n};\n\nexport type LoginPageLayoutProps = Omit<ComponentPropsWithRef<'div'>, 'content'> & {\n\tcontent?: ReactNode;\n\tfooter?: ReactNode;\n\theader?: ReactNode;\n\thero?: ReactNode;\n};\n\nexport type LoginPageHeaderLabels = {\n\tregisterAction?: ReactNode;\n\tregisterPrompt?: ReactNode;\n};\n\nexport type LoginPageHeaderProps = Omit<ComponentPropsWithRef<'header'>, 'title'> & {\n\tactions?: ReactNode;\n\theadingId?: string;\n\tlabels?: LoginPageHeaderLabels;\n\tlogo?: ReactNode;\n\tonRegister?: () => void;\n\tsubtitle?: ReactNode;\n\ttitle?: ReactNode;\n};\n\nexport type LoginPageFooterProps = ComponentPropsWithRef<'footer'> &\n\tLoginPageFooterLinks & {\n\t\tcopyright?: ReactNode;\n\t\tseparator?: ReactNode;\n\t};\n\nexport type LoginPageHeroProps = ComponentPropsWithRef<'aside'>;\n\nexport type LoginPageCompositeProps = Omit<ComponentPropsWithRef<'div'>, 'content' | 'onSubmit' | 'title'> & {\n\tcontent?: ReactNode;\n\tdefaultValues?: Partial<LoginPageFormValues>;\n\tdisabled?: boolean;\n\tfooter?: ReactNode;\n\tfooterLinks?: LoginPageFooterLinks;\n\tform?: ReactNode;\n\tformIcons?: LoginPageFormIcons;\n\tformLabels?: LoginPageFormLabels;\n\tformMode?: LoginPageFormMode;\n\theader?: ReactNode;\n\theaderLabels?: LoginPageHeaderLabels;\n\theadingId?: string;\n\thero?: ReactNode;\n\tlogo?: ReactNode;\n\tonForgotPassword?: () => void;\n\tonRegister?: () => void;\n\tonSubmit?: LoginPageFormProps['onSubmit'];\n\torgValue?: string;\n\tshowOrg?: boolean;\n\tshowPasswordToggle?: boolean;\n\tshowRemember?: boolean;\n\tsocial?: ReactNode;\n\tsocialColumns?: LoginPageSocialLoginProps['columns'];\n\tsocialTitle?: ReactNode;\n\tsocials?: readonly LoginPageSocialItem[];\n\tsubtitle?: ReactNode;\n\ttitle?: ReactNode;\n};\n\nexport function LoginPageComposite({\n\tchildren,\n\tclassName,\n\tcontent,\n\tdefaultValues,\n\tdisabled,\n\tfooter,\n\tfooterLinks,\n\tform,\n\tformIcons,\n\tformLabels,\n\tformMode,\n\theader,\n\theaderLabels,\n\theadingId,\n\thero,\n\tlogo,\n\tonForgotPassword,\n\tonRegister,\n\tonSubmit,\n\torgValue,\n\tshowOrg,\n\tshowPasswordToggle,\n\tshowRemember,\n\tsocial,\n\tsocialColumns,\n\tsocialTitle,\n\tsocials,\n\tsubtitle = '登录系统',\n\ttitle,\n\t...props\n}: LoginPageCompositeProps) {\n\tconst headerContent =\n\t\theader === undefined ? (\n\t\t\t<LoginPageHeader\n\t\t\t\tlogo={logo}\n\t\t\t\ttitle={title}\n\t\t\t\tsubtitle={subtitle}\n\t\t\t\theadingId={headingId}\n\t\t\t\tlabels={headerLabels}\n\t\t\t\tonRegister={onRegister}\n\t\t\t/>\n\t\t) : (\n\t\t\theader\n\t\t);\n\tconst formContent =\n\t\tform === undefined ? (\n\t\t\t<LoginPageForm\n\t\t\t\tonSubmit={onSubmit}\n\t\t\t\tdefaultValues={defaultValues}\n\t\t\t\tshowOrg={showOrg}\n\t\t\t\torgValue={orgValue}\n\t\t\t\tonForgotPassword={onForgotPassword}\n\t\t\t\tmode={formMode}\n\t\t\t\tlabels={formLabels}\n\t\t\t\ticons={formIcons}\n\t\t\t\tshowRemember={showRemember}\n\t\t\t\tshowPasswordToggle={showPasswordToggle}\n\t\t\t\tdisabled={disabled}\n\t\t\t/>\n\t\t) : (\n\t\t\tform\n\t\t);\n\tconst socialContent =\n\t\tsocial === undefined ? (\n\t\t\t<LoginPageSocialLogin socials={socials} title={socialTitle} columns={socialColumns} />\n\t\t) : (\n\t\t\tsocial\n\t\t);\n\tconst contentNode =\n\t\tcontent === undefined ? (\n\t\t\t<>\n\t\t\t\t{formContent}\n\t\t\t\t{socialContent}\n\t\t\t\t{children}\n\t\t\t</>\n\t\t) : (\n\t\t\tcontent\n\t\t);\n\tconst footerContent =\n\t\tfooter === undefined ? (\n\t\t\t<LoginPageFooter\n\t\t\t\tpolicy={footerLinks?.policy}\n\t\t\t\tterms={footerLinks?.terms}\n\t\t\t\tbeian={footerLinks?.beian}\n\t\t\t\tlinks={footerLinks?.links}\n\t\t\t/>\n\t\t) : (\n\t\t\t(footer ?? undefined)\n\t\t);\n\n\treturn (\n\t\t<LoginPageLayout\n\t\t\tclassName={className}\n\t\t\theader={headerContent}\n\t\t\tcontent={contentNode}\n\t\t\tfooter={footerContent}\n\t\t\thero={hero}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function LoginPageLayout({\n\theader,\n\tchildren,\n\tcontent,\n\thero,\n\tfooter,\n\tclassName,\n\t...props\n}: LoginPageLayoutProps) {\n\treturn (\n\t\t<div data-slot='login-page' className={cn('bg-base-100 flex min-h-svh min-w-0', className)} {...props}>\n\t\t\t<div\n\t\t\t\tdata-slot='login-page-panel'\n\t\t\t\tclassName={cn('flex min-w-0 flex-1 flex-col', hero && 'lg:w-[32rem] lg:flex-none xl:w-[36rem]')}\n\t\t\t>\n\t\t\t\t<div className='flex flex-1 items-center px-4 py-10 sm:px-8 lg:px-12 xl:px-16'>\n\t\t\t\t\t<div className='mx-auto w-full max-w-sm'>\n\t\t\t\t\t\t{header}\n\t\t\t\t\t\t{content}\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{footer !== undefined ? (\n\t\t\t\t\t<div data-slot='login-page-footer-region' className='shrink-0 px-4 py-4 sm:px-8 lg:px-12 xl:px-16'>\n\t\t\t\t\t\t{footer}\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t{hero ? <LoginPageHero>{hero}</LoginPageHero> : null}\n\t\t</div>\n\t);\n}\n\nexport function LoginPageHeader({\n\tactions,\n\theadingId,\n\tlabels,\n\tlogo,\n\tonRegister,\n\tsubtitle,\n\ttitle,\n\tclassName,\n\t...props\n}: LoginPageHeaderProps) {\n\treturn (\n\t\t<header data-slot='login-page-header' className={className} {...props}>\n\t\t\t<div className='flex min-w-0 items-center gap-3'>\n\t\t\t\t{logo ? <span className='grid size-10 shrink-0 place-items-center'>{logo}</span> : null}\n\t\t\t\t{title ? <div className='min-w-0 flex-1 truncate text-lg font-semibold'>{title}</div> : null}\n\t\t\t\t{actions}\n\t\t\t</div>\n\t\t\t{subtitle ? (\n\t\t\t\t<h1 id={headingId} className='mt-8 text-2xl leading-9 font-bold tracking-tight'>\n\t\t\t\t\t{subtitle}\n\t\t\t\t</h1>\n\t\t\t) : null}\n\t\t\t{onRegister ? (\n\t\t\t\t<p className='text-base-content/60 mt-2 text-sm leading-6'>\n\t\t\t\t\t{labels?.registerPrompt ?? '尚未加入？'}{' '}\n\t\t\t\t\t<button type='button' onClick={onRegister} className='text-primary hover:text-primary/80 font-semibold'>\n\t\t\t\t\t\t{labels?.registerAction ?? '现在注册'}\n\t\t\t\t\t</button>\n\t\t\t\t</p>\n\t\t\t) : null}\n\t\t</header>\n\t);\n}\n\nexport function LoginPageFooter({\n\tbeian,\n\tcopyright,\n\tlinks,\n\tpolicy,\n\tseparator = <span aria-hidden='true'>•</span>,\n\tterms,\n\tclassName,\n\t...props\n}: LoginPageFooterProps) {\n\tconst items: ReactNode[] = [copyright === undefined ? `© ${new Date().getFullYear()}` : copyright];\n\tconst policyLink = renderLoginPageLink(policy, '隐私政策');\n\tconst termsLink = renderLoginPageLink(terms, '服务条款');\n\tif (policyLink) items.push(policyLink);\n\tif (termsLink) items.push(termsLink);\n\tfor (const link of links ?? []) {\n\t\tconst item = renderLoginPageLink(link);\n\t\tif (item) items.push(item);\n\t}\n\tconst beianLink = renderLoginPageLink(beian?.text ? { ...beian, url: beian.url ?? LOGIN_PAGE_BEIAN_URL } : undefined);\n\tif (beianLink) items.push(beianLink);\n\tconst visibleItems = items.filter((item) => item !== null && item !== undefined && item !== false);\n\tconst separatorNode = <span className='mx-1.5'>{separator}</span>;\n\n\treturn (\n\t\t<footer\n\t\t\tdata-slot='login-page-footer'\n\t\t\tclassName={cn('text-base-content/60 text-center text-xs leading-6', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{Children.toArray(visibleItems.flatMap((item) => [separatorNode, item]).slice(1))}\n\t\t</footer>\n\t);\n}\n\nexport function LoginPageHero({ className, ...props }: LoginPageHeroProps) {\n\treturn (\n\t\t<aside\n\t\t\tdata-slot='login-page-hero'\n\t\t\tclassName={cn('bg-neutral relative hidden min-w-0 flex-1 overflow-hidden lg:block', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function getSafeLoginPageHref(url?: string) {\n\tif (!url) return undefined;\n\tconst value = url.trim();\n\tif (!value || hasUnsafeLoginPageCharacter(value) || value.startsWith('//')) return undefined;\n\tif (\n\t\tvalue.startsWith('#') ||\n\t\tvalue.startsWith('/') ||\n\t\tvalue.startsWith('./') ||\n\t\tvalue.startsWith('../') ||\n\t\tvalue.startsWith('?')\n\t) {\n\t\treturn value;\n\t}\n\tconst scheme = /^([a-z][a-z\\d+.-]*):/i.exec(value)?.[1]?.toLowerCase();\n\tif (!scheme) return value;\n\tif (scheme !== 'https') return undefined;\n\ttry {\n\t\tconst parsed = new URL(value);\n\t\tif (parsed.username || parsed.password) return undefined;\n\t\treturn value;\n\t} catch {\n\t\treturn undefined;\n\t}\n}\n\nfunction hasUnsafeLoginPageCharacter(value: string) {\n\tfor (const character of value) {\n\t\tconst code = character.charCodeAt(0);\n\t\tif (code <= 0x1f || code === 0x7f || character === '\\\\') return true;\n\t}\n\treturn false;\n}\n\nfunction renderLoginPageLink(link?: LoginPageLinkProps, defaultText?: ReactNode) {\n\tconst href = getSafeLoginPageHref(link?.url);\n\tconst text = link?.text ?? defaultText;\n\tif (!href || !text) return null;\n\tconst external = href.startsWith('https:');\n\treturn (\n\t\t<a\n\t\t\thref={href}\n\t\t\ttarget={external ? '_blank' : undefined}\n\t\t\trel={external ? 'noopener noreferrer' : undefined}\n\t\t\tclassName='hover:text-base-content hover:underline'\n\t\t>\n\t\t\t{text}\n\t\t</a>\n\t);\n}\n\nexport const LoginPage = {\n\tComposite: LoginPageComposite,\n\tFooter: LoginPageFooter,\n\tForm: LoginPageForm,\n\tHeader: LoginPageHeader,\n\tHero: LoginPageHero,\n\tLayout: LoginPageLayout,\n\tSocialLogin: LoginPageSocialLogin,\n} as const;\n",
			"type": "registry:component",
			"target": "@components/login-page/login-page.tsx"
		},
		{
			"path": "registry/default/blocks/login-page/login-form.tsx",
			"content": "'use client';\n\nimport { Building2, Eye, EyeOff, LoaderCircle, LockKeyhole, Mail, UserRound } from 'lucide-react';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { useEffect, useId, useState } from 'react';\nimport {\n\tController,\n\ttype FieldErrors,\n\ttype Mode,\n\ttype SubmitErrorHandler,\n\ttype SubmitHandler,\n\tuseForm,\n} from 'react-hook-form';\nimport { cn } from '@/lib/utils';\n\nexport type LoginPageFormMode = 'username' | 'email';\n\nexport type LoginPageFormValues = {\n\torg?: string;\n\tusername?: string;\n\temail?: string;\n\tpassword: string;\n\tremember: boolean;\n};\n\nexport type LoginPageFormLabels = {\n\torg?: string;\n\tusername?: string;\n\temail?: string;\n\tpassword?: string;\n\tremember?: string;\n\tforgotPassword?: string;\n\tsubmit?: string;\n\tsubmitting?: string;\n\tshowPassword?: string;\n\thidePassword?: string;\n};\n\nexport type LoginPageFormIcons = {\n\torg?: ReactNode;\n\tusername?: ReactNode;\n\temail?: ReactNode;\n\tpassword?: ReactNode;\n\tshowPassword?: ReactNode;\n\thidePassword?: ReactNode;\n};\n\nexport type LoginPageFormSubmitState = {\n\tdisabled: boolean;\n\tisSubmitting: boolean;\n\tisValid: boolean;\n};\n\nexport type LoginPageFormProps = Omit<ComponentPropsWithRef<'form'>, 'defaultValue' | 'onSubmit'> & {\n\tactions?: ReactNode;\n\tafterFields?: ReactNode;\n\tbeforeFields?: ReactNode;\n\tdefaultValues?: Partial<LoginPageFormValues>;\n\tdisabled?: boolean;\n\ticons?: LoginPageFormIcons;\n\tlabels?: LoginPageFormLabels;\n\tmode?: LoginPageFormMode;\n\tonForgotPassword?: () => void;\n\tonInvalid?: SubmitErrorHandler<LoginPageFormValues>;\n\tonSubmit?: (values: LoginPageFormValues) => void | Promise<void>;\n\torgValue?: string;\n\trenderSubmit?: (state: LoginPageFormSubmitState) => ReactNode;\n\tshowOrg?: boolean;\n\tshowPasswordToggle?: boolean;\n\tshowRemember?: boolean;\n\tvalidationMode?: Mode;\n};\n\nexport function LoginPageForm({\n\tactions,\n\tafterFields,\n\tbeforeFields,\n\tclassName,\n\tdefaultValues,\n\tdisabled = false,\n\ticons,\n\tlabels,\n\tmode = 'username',\n\tonForgotPassword,\n\tonInvalid,\n\tonSubmit,\n\torgValue,\n\trenderSubmit,\n\tshowOrg = false,\n\tshowPasswordToggle = true,\n\tshowRemember = true,\n\tvalidationMode = 'onChange',\n\t...props\n}: LoginPageFormProps) {\n\tconst id = useId();\n\tconst [showPassword, setShowPassword] = useState(false);\n\tconst {\n\t\tcontrol,\n\t\thandleSubmit,\n\t\tregister,\n\t\tsetValue,\n\t\tformState: { errors, isSubmitting, isValid },\n\t} = useForm<LoginPageFormValues>({\n\t\tmode: validationMode,\n\t\tdefaultValues: {\n\t\t\tremember: false,\n\t\t\t...defaultValues,\n\t\t\t...(orgValue !== undefined ? { org: orgValue } : {}),\n\t\t},\n\t});\n\n\tuseEffect(() => {\n\t\tif (orgValue !== undefined) setValue('org', orgValue, { shouldValidate: true });\n\t}, [orgValue, setValue]);\n\n\tconst text = {\n\t\torg: labels?.org ?? '组织',\n\t\tusername: labels?.username ?? '用户名',\n\t\temail: labels?.email ?? 'Email',\n\t\tpassword: labels?.password ?? '密码',\n\t\tremember: labels?.remember ?? '记住登录',\n\t\tforgotPassword: labels?.forgotPassword ?? '忘记密码？',\n\t\tsubmit: labels?.submit ?? '登录',\n\t\tsubmitting: labels?.submitting ?? '登录中',\n\t\tshowPassword: labels?.showPassword ?? '显示密码',\n\t\thidePassword: labels?.hidePassword ?? '隐藏密码',\n\t};\n\tconst submitState = {\n\t\tdisabled: disabled || isSubmitting || (validationMode !== 'onSubmit' && !isValid),\n\t\tisSubmitting,\n\t\tisValid,\n\t};\n\tconst submitValid: SubmitHandler<LoginPageFormValues> = (values) => onSubmit?.(values);\n\n\treturn (\n\t\t<form\n\t\t\t{...props}\n\t\t\tnoValidate\n\t\t\tclassName={cn('mt-8 space-y-5', className)}\n\t\t\tonSubmit={handleSubmit(submitValid, onInvalid)}\n\t\t>\n\t\t\t{beforeFields}\n\t\t\t<div className='space-y-4'>\n\t\t\t\t{showOrg ? (\n\t\t\t\t\t<LoginPageFormField\n\t\t\t\t\t\tid={`${id}-org`}\n\t\t\t\t\t\tlabel={text.org}\n\t\t\t\t\t\ticon={icons?.org ?? <Building2 className='size-4' />}\n\t\t\t\t\t\terror={errors.org}\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={`${id}-org`}\n\t\t\t\t\t\t\tautoComplete='organization'\n\t\t\t\t\t\t\tclassName='min-w-0 flex-1 bg-transparent outline-none'\n\t\t\t\t\t\t\tdefaultValue={orgValue ?? defaultValues?.org}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\treadOnly={orgValue !== undefined}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\taria-invalid={Boolean(errors.org)}\n\t\t\t\t\t\t\taria-describedby={errors.org ? `${id}-org-error` : undefined}\n\t\t\t\t\t\t\t{...register('org', { required: `${text.org}不能为空` })}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</LoginPageFormField>\n\t\t\t\t) : null}\n\n\t\t\t\t{mode === 'email' ? (\n\t\t\t\t\t<LoginPageFormField\n\t\t\t\t\t\tid={`${id}-email`}\n\t\t\t\t\t\tlabel={text.email}\n\t\t\t\t\t\ticon={icons?.email ?? <Mail className='size-4' />}\n\t\t\t\t\t\terror={errors.email}\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={`${id}-email`}\n\t\t\t\t\t\t\ttype='email'\n\t\t\t\t\t\t\tautoComplete='email'\n\t\t\t\t\t\t\tclassName='min-w-0 flex-1 bg-transparent outline-none'\n\t\t\t\t\t\t\tdefaultValue={defaultValues?.email}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\taria-invalid={Boolean(errors.email)}\n\t\t\t\t\t\t\taria-describedby={errors.email ? `${id}-email-error` : undefined}\n\t\t\t\t\t\t\t{...register('email', {\n\t\t\t\t\t\t\t\trequired: `${text.email}不能为空`,\n\t\t\t\t\t\t\t\tpattern: { value: /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/, message: `${text.email}格式不正确` },\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</LoginPageFormField>\n\t\t\t\t) : (\n\t\t\t\t\t<LoginPageFormField\n\t\t\t\t\t\tid={`${id}-username`}\n\t\t\t\t\t\tlabel={text.username}\n\t\t\t\t\t\ticon={icons?.username ?? <UserRound className='size-4' />}\n\t\t\t\t\t\terror={errors.username}\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={`${id}-username`}\n\t\t\t\t\t\t\tautoComplete='username'\n\t\t\t\t\t\t\tclassName='min-w-0 flex-1 bg-transparent outline-none'\n\t\t\t\t\t\t\tdefaultValue={defaultValues?.username}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\taria-invalid={Boolean(errors.username)}\n\t\t\t\t\t\t\taria-describedby={errors.username ? `${id}-username-error` : undefined}\n\t\t\t\t\t\t\t{...register('username', { required: `${text.username}不能为空` })}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</LoginPageFormField>\n\t\t\t\t)}\n\n\t\t\t\t<LoginPageFormField\n\t\t\t\t\tid={`${id}-password`}\n\t\t\t\t\tlabel={text.password}\n\t\t\t\t\ticon={icons?.password ?? <LockKeyhole className='size-4' />}\n\t\t\t\t\terror={errors.password}\n\t\t\t\t\tactions={\n\t\t\t\t\t\tshowPasswordToggle ? (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t\t\taria-label={showPassword ? text.hidePassword : text.showPassword}\n\t\t\t\t\t\t\t\ttitle={showPassword ? text.hidePassword : text.showPassword}\n\t\t\t\t\t\t\t\tclassName='hover:bg-base-200 grid size-8 shrink-0 place-items-center rounded'\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\tonClick={() => setShowPassword((current) => !current)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{showPassword\n\t\t\t\t\t\t\t\t\t? (icons?.hidePassword ?? <EyeOff className='size-4' />)\n\t\t\t\t\t\t\t\t\t: (icons?.showPassword ?? <Eye className='size-4' />)}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t) : null\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<input\n\t\t\t\t\t\tid={`${id}-password`}\n\t\t\t\t\t\ttype={showPassword ? 'text' : 'password'}\n\t\t\t\t\t\tautoComplete='current-password'\n\t\t\t\t\t\tclassName='min-w-0 flex-1 bg-transparent outline-none'\n\t\t\t\t\t\tdefaultValue={defaultValues?.password}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\trequired\n\t\t\t\t\t\taria-invalid={Boolean(errors.password)}\n\t\t\t\t\t\taria-describedby={errors.password ? `${id}-password-error` : undefined}\n\t\t\t\t\t\t{...register('password', { required: `${text.password}不能为空` })}\n\t\t\t\t\t/>\n\t\t\t\t</LoginPageFormField>\n\t\t\t</div>\n\t\t\t{afterFields}\n\n\t\t\t{actions !== undefined ? (\n\t\t\t\tactions\n\t\t\t) : showRemember || onForgotPassword ? (\n\t\t\t\t<div className='flex min-h-8 flex-wrap items-center justify-between gap-3'>\n\t\t\t\t\t{showRemember ? (\n\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\tname='remember'\n\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\trender={({ field }) => (\n\t\t\t\t\t\t\t\t<label className='inline-flex cursor-pointer items-center gap-2 text-sm'>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\t\t\t\tname={field.name}\n\t\t\t\t\t\t\t\t\t\tref={field.ref}\n\t\t\t\t\t\t\t\t\t\tchecked={field.value === true}\n\t\t\t\t\t\t\t\t\t\tclassName='checkbox checkbox-sm'\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t\tonBlur={field.onBlur}\n\t\t\t\t\t\t\t\t\t\tonChange={(event) => field.onChange(event.target.checked)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<span>{text.remember}</span>\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<span />\n\t\t\t\t\t)}\n\t\t\t\t\t{onForgotPassword ? (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\t\tclassName='text-primary hover:text-primary/80 text-sm font-semibold'\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tonClick={onForgotPassword}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{text.forgotPassword}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t) : null}\n\n\t\t\t{renderSubmit ? (\n\t\t\t\trenderSubmit(submitState)\n\t\t\t) : (\n\t\t\t\t<button\n\t\t\t\t\ttype='submit'\n\t\t\t\t\tclassName='bg-primary text-primary-content inline-flex h-10 w-full items-center justify-center gap-2 rounded-md px-4 text-sm font-semibold shadow-sm disabled:cursor-not-allowed disabled:opacity-50'\n\t\t\t\t\tdisabled={submitState.disabled}\n\t\t\t\t>\n\t\t\t\t\t{isSubmitting ? <LoaderCircle aria-hidden='true' className='size-4 animate-spin' /> : null}\n\t\t\t\t\t{isSubmitting ? text.submitting : text.submit}\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</form>\n\t);\n}\n\ntype LoginPageFormFieldProps = {\n\tactions?: ReactNode;\n\tchildren: ReactNode;\n\terror?: FieldErrors<LoginPageFormValues>[keyof LoginPageFormValues];\n\ticon?: ReactNode;\n\tid: string;\n\tlabel: ReactNode;\n};\n\nfunction LoginPageFormField({ actions, children, error, icon, id, label }: LoginPageFormFieldProps) {\n\treturn (\n\t\t<div className='grid gap-1.5'>\n\t\t\t<label className='text-base-content/75 text-xs font-medium' htmlFor={id}>\n\t\t\t\t{label}\n\t\t\t</label>\n\t\t\t<div className='border-base-300 bg-base-100 focus-within:border-primary focus-within:ring-primary focus-within:ring-offset-base-100 flex min-h-10 items-center gap-2 rounded-md border px-2 focus-within:ring-2 focus-within:ring-offset-2'>\n\t\t\t\t{icon ? <span className='text-base-content/45 grid size-5 shrink-0 place-items-center'>{icon}</span> : null}\n\t\t\t\t{children}\n\t\t\t\t{actions}\n\t\t\t</div>\n\t\t\t{error?.message ? (\n\t\t\t\t<span id={`${id}-error`} role='alert' className='text-error text-xs'>\n\t\t\t\t\t{String(error.message)}\n\t\t\t\t</span>\n\t\t\t) : null}\n\t\t</div>\n\t);\n}\n",
			"type": "registry:component",
			"target": "@components/login-page/login-form.tsx"
		},
		{
			"path": "registry/default/blocks/login-page/login-social.tsx",
			"content": "import type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type LoginPageSocialItem = {\n\tdisabled?: boolean;\n\ticon?: ReactNode;\n\tid?: string;\n\tname: string;\n\tonClick: () => void;\n};\n\nexport type LoginPageSocialLoginProps = Omit<ComponentPropsWithRef<'div'>, 'title'> & {\n\tcolumns?: 1 | 2 | 3;\n\tsocials?: readonly LoginPageSocialItem[];\n\ttitle?: ReactNode;\n};\n\nexport function LoginPageSocialLogin({\n\tcolumns = 2,\n\tsocials,\n\ttitle = '其他登录方式',\n\tclassName,\n\t...props\n}: LoginPageSocialLoginProps) {\n\tif (!socials?.length) return null;\n\tconst columnsClass = {\n\t\t1: 'grid-cols-1',\n\t\t2: 'grid-cols-1 sm:grid-cols-2',\n\t\t3: 'grid-cols-1 sm:grid-cols-3',\n\t}[columns];\n\n\treturn (\n\t\t<div data-slot='login-page-social' className={cn('mt-8', className)} {...props}>\n\t\t\t<div className='relative'>\n\t\t\t\t<div className='absolute inset-0 flex items-center' aria-hidden='true'>\n\t\t\t\t\t<div className='border-base-300 w-full border-t' />\n\t\t\t\t</div>\n\t\t\t\t<div className='relative flex justify-center text-xs font-medium'>\n\t\t\t\t\t<span className='bg-base-100 text-base-content/60 px-4'>{title}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className={cn('mt-5 grid gap-2', columnsClass)}>\n\t\t\t\t{socials.map((social) => (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={social.id ?? social.name}\n\t\t\t\t\t\ttype='button'\n\t\t\t\t\t\tdisabled={social.disabled}\n\t\t\t\t\t\tclassName='border-base-300 bg-base-100 hover:bg-base-200/70 inline-flex h-9 min-w-0 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-50'\n\t\t\t\t\t\tonClick={social.onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t{social.icon ? <span className='grid size-4 shrink-0 place-items-center'>{social.icon}</span> : null}\n\t\t\t\t\t\t<span className='truncate'>{social.name}</span>\n\t\t\t\t\t</button>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n",
			"type": "registry:component",
			"target": "@components/login-page/login-social.tsx"
		},
		{
			"path": "registry/default/blocks/login-page/index.ts",
			"content": "export * from './login-form';\nexport * from './login-page';\nexport * from './login-social';\n",
			"type": "registry:component",
			"target": "@components/login-page/index.ts"
		}
	],
	"type": "registry:block"
}