50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T276a,"use client"; import * as React from "react"; import { AnimatePresence, motion, useReducedMotion } from "framer-motion"; import { CheckCircle2, Eye, EyeOff, Github, Loader2 } from "lucide-react"; import { cn } from "@/lib/utils"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { Button } from "@/components/ui/button"; export type LoginFormValues = { email: string; password: string; }; export type LoginFormProps = { title?: string; subtitle?: string; submitLabel?: string; loadingLabel?: string; successLabel?: string; className?: string; defaultValues?: Partial; onSubmit?: (values: LoginFormValues) => Promise | void; onForgotPassword?: () => void; showSocialLogins?: boolean; onSocialLogin?: (provider: "github" | "apple" | "google") => void; }; function GoogleMark(props: React.SVGProps) { return ( ); } function AppleMark(props: React.SVGProps) { return ( ); } export function LoginForm({ title = "Welcome back", subtitle = "Sign in to your account to continue.", submitLabel = "Sign in", loadingLabel = "Signing in...", successLabel = "Signed in", className, defaultValues, onSubmit, onForgotPassword, showSocialLogins = true, onSocialLogin, }: LoginFormProps) { const reduceMotion = useReducedMotion() === true; const [values, setValues] = React.useState({ email: defaultValues?.email ?? "", password: defaultValues?.password ?? "", }); const [error, setError] = React.useState(null); const [state, setState] = React.useState<"idle" | "loading" | "success">("idle"); const [showPassword, setShowPassword] = React.useState(false); const isLoading = state === "loading"; function updateField(key: K, next: LoginFormValues[K]) { setValues((prev) => ({ ...prev, [key]: next })); } function validate(v: LoginFormValues): string | null { if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v.email)) return "Please enter a valid email address."; if (v.password.length < 6) return "Password must be at least 6 characters."; return null; } async function handleSubmit(e: React.FormEvent) { e.preventDefault(); if (isLoading) return; setError(null); const validationError = validate(values); if (validationError) { setState("idle"); setError(validationError); return; } try { setState("loading"); await onSubmit?.({ email: values.email.trim(), password: values.password }); setState("success"); } catch { setState("idle"); setError("Unable to sign in. Please check your credentials."); } } return (

{title}

{subtitle}

Email address

updateField("email", e.target.value)} placeholder="you@company.com" autoComplete="email" disabled={isLoading} className="h-10 border-0 bg-transparent shadow-none focus-visible:ring-0" />

Password

updateField("password", e.target.value)} placeholder="••••••••" autoComplete="current-password" disabled={isLoading} className="h-10 border-0 bg-transparent pr-10 shadow-none focus-visible:ring-0" />

{showSocialLogins ? ( <>

) : null} {error ? ( {error} ) : null} ); } 53:T3835,"use client"; import * as React from "react"; import { AnimatePresence, motion, useReducedMotion } from "framer-motion"; import { CheckCircle2, Eye, EyeOff, Github, Loader2 } from "lucide-react"; import { cn } from "@/lib/utils"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { Button } from "@/components/ui/button"; export type SignupFormValues = { firstName: string; lastName: string; email: string; password: string; confirmPassword: string; }; export type SignupFormProps = { title?: string; subtitle?: string; submitLabel?: string; loadingLabel?: string; successLabel?: string; className?: string; showNameField?: boolean; showConfirmPasswordField?: boolean; minPasswordLength?: number; defaultValues?: Partial; onSubmit?: (values: SignupFormValues) => Promise | void; showSocialLogins?: boolean; onSocialLogin?: (provider: "github" | "apple" | "google") => void; }; function GoogleMark(props: React.SVGProps) { return ( ); } function AppleMark(props: React.SVGProps) { return ( ); } function sanitize(values: SignupFormValues): SignupFormValues { return { firstName: values.firstName.trim(), lastName: values.lastName.trim(), email: values.email.trim(), password: values.password, confirmPassword: values.confirmPassword, }; } export function SignupForm({ title = "Create your account", subtitle = "Start building premium interfaces with motion-first components.", submitLabel = "Create account", loadingLabel = "Creating account...", successLabel = "Account created", className, showNameField = true, showConfirmPasswordField = true, minPasswordLength = 8, defaultValues, onSubmit, showSocialLogins = true, onSocialLogin, }: SignupFormProps) { const reduceMotion = useReducedMotion() === true; const [values, setValues] = React.useState({ firstName: defaultValues?.firstName ?? "", lastName: defaultValues?.lastName ?? "", email: defaultValues?.email ?? "", password: defaultValues?.password ?? "", confirmPassword: defaultValues?.confirmPassword ?? "", }); const [error, setError] = React.useState(null); const [state, setState] = React.useState<"idle" | "loading" | "success">("idle"); const [showPassword, setShowPassword] = React.useState(false); const [showConfirmPassword, setShowConfirmPassword] = React.useState(false); const isLoading = state === "loading"; function updateField(key: K, next: SignupFormValues[K]) { setValues((prev) => ({ ...prev, [key]: next })); } function validate(next: SignupFormValues): string | null { if (showNameField && next.firstName.length < 2) return "Please enter your first name."; if (showNameField && next.lastName.length < 2) return "Please enter your last name."; if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(next.email)) return "Please enter a valid email address."; if (next.password.length < Math.max(6, minPasswordLength)) { return `Password should be at least ${Math.max(6, minPasswordLength)} characters.`; } if (showConfirmPasswordField && next.confirmPassword !== next.password) { return "Password and confirm password should match."; } return null; } async function handleSubmit(e: React.FormEvent) { e.preventDefault(); if (isLoading) return; setError(null); const next = sanitize(values); const validationError = validate(next); if (validationError) { setState("idle"); setError(validationError); return; } try { setState("loading"); await onSubmit?.(next); setState("success"); } catch { setState("idle"); setError("Unable to create account. Please try again."); } } return (

{title}

{subtitle}

{showNameField ? (

First name

updateField("firstName", e.target.value)} placeholder="Tyler" autoComplete="given-name" disabled={isLoading} className="h-10 border-0 bg-transparent shadow-none focus-visible:ring-0" />

Last name

updateField("lastName", e.target.value)} placeholder="Durden" autoComplete="family-name" disabled={isLoading} className="h-10 border-0 bg-transparent shadow-none focus-visible:ring-0" />

) : null}

Email address

updateField("email", e.target.value)} placeholder="you@company.com" autoComplete="email" disabled={isLoading} className="h-10 border-0 bg-transparent shadow-none focus-visible:ring-0" />

Password

updateField("password", e.target.value)} placeholder="••••••••" autoComplete="new-password" disabled={isLoading} className="h-10 border-0 bg-transparent pr-10 shadow-none focus-visible:ring-0" />

{showConfirmPasswordField ? (

Re-enter password

updateField("confirmPassword", e.target.value)} placeholder="••••••••" autoComplete="new-password" disabled={isLoading} className="h-10 border-0 bg-transparent pr-10 shadow-none focus-visible:ring-0" />

) : null}

{showSocialLogins ? ( <>

) : null} {error ? ( {error} ) : null} ); } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","framer-motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/framer-motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"framer-motion"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"react"}]]}]}]]}],["$","$L50",null,{"namespace":"@nexus-labs","registryDependencies":["https://www.nexus-ui.com/api/registry/nexus-font","utils","input","label","button"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"next-ui/signup-form/index.ts","content":"export type { SignupFormProps, SignupFormValues } from \"./signup-form\";\nexport { SignupForm } from \"./signup-form\";\n","type":"registry:lib","target":"components/signup-form/index.ts"},{"path":"next-ui/signup-form/login-form.tsx","content":"$52","type":"registry:component","target":"components/signup-form/login-form.tsx"},{"path":"next-ui/signup-form/signup-form.tsx","content":"$53","type":"registry:component","target":"components/signup-form/signup-form.tsx"},{"path":"next-ui/signup-form.tsx","content":"/** Re-export shim: some bundlers resolve `@/components/signup-form` to this file before the directory. */\nexport type { SignupFormProps, SignupFormValues } from \"./signup-form/signup-form\";\nexport { SignupForm } from \"./signup-form/signup-form\";\n","type":"registry:component","target":"components/signup-form.tsx"}],"className":"h-[70svh] min-h-80"}]]}]