4f: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"] 50: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"] 51:T3189,"use client"; import { useEffect, useState, type ReactNode } from "react"; import { ArrowRight } from "lucide-react"; const images = [ "https://assets.solaceui.com/solaceui-midjourney-image-one.png", "https://assets.solaceui.com/solaceui-midjourney-image-two.png", "https://assets.solaceui.com/solaceui-midjourney-image-three.png", "https://assets.solaceui.com/solaceui-midjourney-image-four.png", ]; const prompts = [ "private in a bot channel, 8k in the style of a painting, realism, Romantic style, a beautiful Swedish summer with a field of daisies a young blond Nordic woman in a white Romantic dress she is blocking the flowers, sunny summer day, intense beautiful colors", "Ultra realistic luxury eyewear campaign portrait, elegant woman wearing premium tortoiseshell glasses, warm mocha brown background, bright soft studio lighting, glowing skin, subtle gold earrings, rich warm color palette, sophisticated fashion photography, clean composition with negative space, magazine cover aesthetic, premium and inviting, hyper realistic", "Blurry chaotic timelapse of a faceless crowd moving rapidly through a dark brutalist concrete tunnel, flickering neon lights, motion blur, sensory overload, Fincher neo-noir style, hyper-kinetic, raw aesthetic", "Retro 1980s dark fantasy cartoon illustration, cult t-shirt graphic style. Close-up shot of a white duck smoking, the mascot for Camel cigarettes. He is depicted as a cartoon duck with human-like attributes, wearing dark, thick-rimmed sunglasses that reflect a subtle image of palm trees.", ]; const formFields = [ { label: "First Name", value: "Harshit", type: "text" }, { label: "Last Name", value: "Sharma", type: "text" }, ]; const termsText = ( <> By creating an account, you agree to our{" "} Terms and Services {" "} and{" "} Privacy Policy ); export default function AuthSectionTwo() { const [activeIndex, setActiveIndex] = useState(0); useEffect(() => { const interval = window.setInterval(() => { setActiveIndex((current) => (current + 1) % images.length); }, 2600); return () => window.clearInterval(interval); }, []); return (

Midjourney

/imagine {prompts[activeIndex]}

A creative workspace for visionaries and builders

{prompts.map((_, index) => (

); } function ImageTile({ src, active, className }: { src: string; active: boolean; className: string }) { return (

); } function FocusCorners({ active }: { active: boolean }) { const baseClass = `pointer-events-none absolute h-4 w-4 border-white/60 transition-all duration-500 ease-out ${active ? "translate-x-0 translate-y-0 opacity-100" : "opacity-0"}`; return ( <>

); } function AuthForm() { return (

Create an account

} label="Sign up with Google" /> } label="Sign up with Apple" />

); } function SocialButton({ icon, label }: { icon: ReactNode; label: string }) { return ( ); } function FieldBox({ label, value, type = "text" }: { label: string; value: string; type?: string }) { const [inputValue, setInputValue] = useState(value); const [isEditing, setIsEditing] = useState(false); return ( { if (!isEditing) { setInputValue(""); setIsEditing(true); } }} onChange={(event) => { setInputValue(event.target.value); setIsEditing(true); }} className="min-w-0 flex-1 truncate bg-transparent text-black/35 outline-none placeholder:text-black/35 dark:text-white/35 dark:placeholder:text-white/35" /> {!isEditing && {label}} ); } function CheckboxLine({ children }: { children: ReactNode }) { return ( {children} ); } function MidjourneyLogo({ className }: { className?: string }) { return ( ); } function GoogleIcon() { return ( ); } function AppleIcon() { return ( ); } 4e:["$","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","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"}]]}]}]]}],["$","$L4f",null,{"namespace":"@solaceui","registryDependencies":[]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/registry/blocks/auth-section/two/index.tsx","content":"$51","type":"registry:component","target":"components/auth-section-2.tsx"}],"className":"h-[70svh] min-h-80"}]]}]