16:["$","article",null,{"children":[["$","blockquote",null,{"children":["$","p",null,{"children":[["$","strong",null,{"children":"Note:"}]," This is mock/placeholder content for demonstration purposes."]}]}],["$","p",null,{"children":"Email and password authentication is the traditional way users sign up and sign in."}],["$","h2",null,{"level":2,"id":"overview","children":"Overview"}],["$","p",null,{"children":"Email/password authentication provides:"}],["$","ul",null,{"children":[["$","li",null,{"children":"User registration with email verification"}],["$","li",null,{"children":"Secure password storage"}],["$","li",null,{"children":"Password reset functionality"}],["$","li",null,{"children":"Session management"}]]}],["$","h2",null,{"level":2,"id":"sign-up-flow","children":"Sign Up Flow"}],["$","h3",null,{"level":3,"id":"user-registration","children":"User Registration"}],["$","pre",null,{"data-language":"typescript","children":"import { signUpAction } from '~/lib/auth/actions';\n\nconst result = await signUpAction({\n email: 'user@example.com',\n password: 'SecurePassword123!',\n});\n"}],["$","h3",null,{"level":3,"id":"server-action-implementation","children":"Server Action Implementation"}],["$","pre",null,{"data-language":"typescript","children":"'use server';\n\nimport { enhanceAction } from '@kit/next/actions';\nimport { z } from 'zod';\n\nconst SignUpSchema = z.object({\n email: z.string().email(),\n password: z.string().min(8),\n});\n\nexport const signUpAction = enhanceAction(\n async (data) => {\n const client = getSupabaseServerClient();\n\n const { data: authData, error } = await client.auth.signUp({\n email: data.email,\n password: data.password,\n options: {\n emailRedirectTo: `${process.env.NEXT_PUBLIC_SITE_URL}/auth/callback`,\n },\n });\n\n if (error) throw error;\n\n return { success: true, data: authData };\n },\n { schema: SignUpSchema }\n);\n"}],["$","h3",null,{"level":3,"id":"sign-up-component","children":"Sign Up Component"}],["$","pre",null,{"data-language":"tsx","children":"'use client';\n\nimport { useForm } from 'react-hook-form';\nimport { signUpAction } from '../_lib/actions';\n\nexport function SignUpForm() {\n const { register, handleSubmit, formState: { errors } } = useForm();\n\n const onSubmit = async (data) => {\n const result = await signUpAction(data);\n\n if (result.success) {\n toast.success('Check your email to confirm your account');\n }\n };\n\n return (\n \n );\n}\n"}],["$","h2",null,{"level":2,"id":"sign-in-flow","children":"Sign In Flow"}],["$","h3",null,{"level":3,"id":"user-login","children":"User Login"}],["$","pre",null,{"data-language":"typescript","children":"export const signInAction = enhanceAction(\n async (data) => {\n const client = getSupabaseServerClient();\n\n const { error } = await client.auth.signInWithPassword({\n email: data.email,\n password: data.password,\n });\n\n if (error) throw error;\n\n redirect('/home');\n },\n { schema: SignInSchema }\n);\n"}],["$","h3",null,{"level":3,"id":"sign-in-component","children":"Sign In Component"}],["$","pre",null,{"data-language":"tsx","children":"'use client';\n\nexport function SignInForm() {\n const { register, handleSubmit } = useForm();\n\n const onSubmit = async (data) => {\n try {\n await signInAction(data);\n } catch (error) {\n toast.error('Invalid email or password');\n }\n };\n\n return (\n