[{"data":1,"prerenderedAt":4227},["ShallowReactive",2],{"navigation_docs":3,"-components-forms-auth-form":1366,"-components-forms-auth-form-surround":4222},[4,28,35,1150,1173,1180,1335,1359],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":16,"path":17,"stem":18},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":20,"path":21,"stem":22},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming",{"title":24,"path":25,"stem":26},"AI Agents","\u002Fgetting-started\u002Fai-agents","1.getting-started\u002F5.ai-agents","i-lucide-rocket",{"title":29,"path":30,"stem":31,"children":32,"icon":34},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[33],{"title":29,"path":30,"stem":31},"i-lucide-lightbulb",{"title":36,"icon":37,"path":38,"stem":39,"children":40},"Components","i-lucide-component","\u002Fcomponents","3.components",[41,43,58,148,218,252,362,380,394,512,602,768,786,812,846,880,914,1120],{"title":36,"path":38,"stem":42},"3.components\u002Findex",{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":57},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[49,53],{"title":50,"path":51,"stem":52},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",{"title":54,"path":55,"stem":56},"Book","\u002Fcomponents\u002F3d\u002Fbook","3.components\u002F3d\u002Fbook",false,{"title":59,"icon":60,"path":61,"stem":62,"children":63,"page":57},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144],{"title":65,"path":66,"stem":67},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":69,"path":70,"stem":71},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":73,"path":74,"stem":75},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":77,"path":78,"stem":79},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":81,"path":82,"stem":83},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":85,"path":86,"stem":87},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":89,"path":90,"stem":91},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":93,"path":94,"stem":95},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":97,"path":98,"stem":99},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":101,"path":102,"stem":103},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":105,"path":106,"stem":107},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":109,"path":110,"stem":111},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":113,"path":114,"stem":115},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":117,"path":118,"stem":119},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":121,"path":122,"stem":123},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":125,"path":126,"stem":127},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":129,"path":130,"stem":131},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":133,"path":134,"stem":135},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":137,"path":138,"stem":139},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":141,"path":142,"stem":143},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":145,"path":146,"stem":147},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":149,"icon":150,"path":151,"stem":152,"children":153,"page":57},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214],{"title":155,"path":156,"stem":157},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":159,"path":160,"stem":161},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":163,"path":164,"stem":165},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":167,"path":168,"stem":169},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":171,"path":172,"stem":173},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":175,"path":176,"stem":177},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":179,"path":180,"stem":181},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":183,"path":184,"stem":185},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":187,"path":188,"stem":189},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":191,"path":192,"stem":193},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":195,"path":196,"stem":197},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":199,"path":200,"stem":201},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":203,"path":204,"stem":205},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":207,"path":208,"stem":209},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":211,"path":212,"stem":213},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":215,"path":216,"stem":217},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":219,"icon":220,"path":221,"stem":222,"children":223,"page":57},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[224,228,232,236,240,244,248],{"title":225,"path":226,"stem":227},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":229,"path":230,"stem":231},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":233,"path":234,"stem":235},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":237,"path":238,"stem":239},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":241,"path":242,"stem":243},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":245,"path":246,"stem":247},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":249,"path":250,"stem":251},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":253,"icon":254,"path":255,"stem":256,"children":257,"page":57},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[258,262,266,270,274,278,282,286,290,294,298,302,306,310,314,318,322,326,330,334,338,342,346,350,354,358],{"title":259,"path":260,"stem":261},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":263,"path":264,"stem":265},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":267,"path":268,"stem":269},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":271,"path":272,"stem":273},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":275,"path":276,"stem":277},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":279,"path":280,"stem":281},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":283,"path":284,"stem":285},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":287,"path":288,"stem":289},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":291,"path":292,"stem":293},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":295,"path":296,"stem":297},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":299,"path":300,"stem":301},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":303,"path":304,"stem":305},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":307,"path":308,"stem":309},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":311,"path":312,"stem":313},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":315,"path":316,"stem":317},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":319,"path":320,"stem":321},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":323,"path":324,"stem":325},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":327,"path":328,"stem":329},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":331,"path":332,"stem":333},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":335,"path":336,"stem":337},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":339,"path":340,"stem":341},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":343,"path":344,"stem":345},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":347,"path":348,"stem":349},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":351,"path":352,"stem":353},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":355,"path":356,"stem":357},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":359,"path":360,"stem":361},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":363,"icon":364,"path":365,"stem":366,"children":367,"page":57},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[368,372,376],{"title":369,"path":370,"stem":371},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":373,"path":374,"stem":375},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":377,"path":378,"stem":379},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":381,"icon":382,"path":383,"stem":384,"children":385,"page":57},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[386,390],{"title":387,"path":388,"stem":389},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":391,"path":392,"stem":393},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":395,"icon":396,"path":397,"stem":398,"children":399,"page":57},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[400,404,408,412,416,420,424,428,432,436,440,444,448,452,456,460,464,468,472,476,480,484,488,492,496,500,504,508],{"title":401,"path":402,"stem":403},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":405,"path":406,"stem":407},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":409,"path":410,"stem":411},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":413,"path":414,"stem":415},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":417,"path":418,"stem":419},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":421,"path":422,"stem":423},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":425,"path":426,"stem":427},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":429,"path":430,"stem":431},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":433,"path":434,"stem":435},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":437,"path":438,"stem":439},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":441,"path":442,"stem":443},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":445,"path":446,"stem":447},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":449,"path":450,"stem":451},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":453,"path":454,"stem":455},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":457,"path":458,"stem":459},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":461,"path":462,"stem":463},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":465,"path":466,"stem":467},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":469,"path":470,"stem":471},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":473,"path":474,"stem":475},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":477,"path":478,"stem":479},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":481,"path":482,"stem":483},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":485,"path":486,"stem":487},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":489,"path":490,"stem":491},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":493,"path":494,"stem":495},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":497,"path":498,"stem":499},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":501,"path":502,"stem":503},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":505,"path":506,"stem":507},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":509,"path":510,"stem":511},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":513,"icon":514,"path":515,"stem":516,"children":517,"page":57},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[518,522,526,530,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598],{"title":519,"path":520,"stem":521},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":523,"path":524,"stem":525},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":527,"path":528,"stem":529},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":531,"path":532,"stem":533},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":535,"path":536,"stem":537},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":539,"path":540,"stem":541},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":543,"path":544,"stem":545},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":547,"path":548,"stem":549},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":551,"path":552,"stem":553},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":555,"path":556,"stem":557},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":559,"path":560,"stem":561},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":563,"path":564,"stem":565},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":567,"path":568,"stem":569},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":571,"path":572,"stem":573},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":575,"path":576,"stem":577},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":579,"path":580,"stem":581},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":583,"path":584,"stem":585},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":587,"path":588,"stem":589},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":591,"path":592,"stem":593},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":595,"path":596,"stem":597},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":599,"path":600,"stem":601},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":603,"icon":604,"path":605,"stem":606,"children":607,"page":57},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[608,612,616,620,624,628,632,636,640,644,648,652,656,660,664,668,672,676,680,684,688,692,696,700,704,708,712,716,720,724,728,732,736,740,744,748,752,756,760,764],{"title":609,"path":610,"stem":611},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":613,"path":614,"stem":615},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":617,"path":618,"stem":619},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":621,"path":622,"stem":623},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":625,"path":626,"stem":627},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":629,"path":630,"stem":631},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":633,"path":634,"stem":635},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":637,"path":638,"stem":639},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":641,"path":642,"stem":643},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":645,"path":646,"stem":647},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":649,"path":650,"stem":651},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":653,"path":654,"stem":655},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":657,"path":658,"stem":659},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":661,"path":662,"stem":663},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":665,"path":666,"stem":667},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":669,"path":670,"stem":671},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":673,"path":674,"stem":675},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":677,"path":678,"stem":679},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":681,"path":682,"stem":683},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":685,"path":686,"stem":687},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":689,"path":690,"stem":691},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":693,"path":694,"stem":695},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":697,"path":698,"stem":699},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":701,"path":702,"stem":703},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":705,"path":706,"stem":707},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":709,"path":710,"stem":711},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":713,"path":714,"stem":715},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":717,"path":718,"stem":719},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":721,"path":722,"stem":723},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":725,"path":726,"stem":727},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":729,"path":730,"stem":731},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":733,"path":734,"stem":735},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":737,"path":738,"stem":739},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":741,"path":742,"stem":743},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":745,"path":746,"stem":747},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":749,"path":750,"stem":751},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":753,"path":754,"stem":755},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":757,"path":758,"stem":759},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":761,"path":762,"stem":763},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":765,"path":766,"stem":767},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":769,"icon":770,"path":771,"stem":772,"children":773,"page":57},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[774,778,782],{"title":775,"path":776,"stem":777},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":779,"path":780,"stem":781},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":783,"path":784,"stem":785},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":787,"icon":788,"path":789,"stem":790,"children":791,"page":57},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[792,796,800,804,808],{"title":793,"path":794,"stem":795},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":797,"path":798,"stem":799},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":801,"path":802,"stem":803},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":805,"path":806,"stem":807},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":809,"path":810,"stem":811},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":813,"icon":814,"path":815,"stem":816,"children":817,"page":57},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[818,822,826,830,834,838,842],{"title":819,"path":820,"stem":821},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":823,"path":824,"stem":825},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":827,"path":828,"stem":829},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":831,"path":832,"stem":833},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":835,"path":836,"stem":837},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":839,"path":840,"stem":841},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":843,"path":844,"stem":845},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":847,"icon":848,"path":849,"stem":850,"children":851,"page":57},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[852,856,860,864,868,872,876],{"title":853,"path":854,"stem":855},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":857,"path":858,"stem":859},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":861,"path":862,"stem":863},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":865,"path":866,"stem":867},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":869,"path":870,"stem":871},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":873,"path":874,"stem":875},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":877,"path":878,"stem":879},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":881,"icon":882,"path":883,"stem":884,"children":885,"page":57},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[886,890,894,898,902,906,910],{"title":887,"path":888,"stem":889},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":891,"path":892,"stem":893},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":895,"path":896,"stem":897},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":899,"path":900,"stem":901},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":903,"path":904,"stem":905},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":907,"path":908,"stem":909},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":911,"path":912,"stem":913},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":915,"icon":916,"path":917,"stem":918,"children":919,"page":57},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[920,924,928,932,936,940,944,948,952,956,960,964,968,972,976,980,984,988,992,996,1000,1004,1008,1012,1016,1020,1024,1028,1032,1036,1040,1044,1048,1052,1056,1060,1064,1068,1072,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116],{"title":921,"path":922,"stem":923},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":925,"path":926,"stem":927},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":929,"path":930,"stem":931},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":933,"path":934,"stem":935},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":937,"path":938,"stem":939},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":941,"path":942,"stem":943},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":945,"path":946,"stem":947},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":949,"path":950,"stem":951},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":953,"path":954,"stem":955},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":957,"path":958,"stem":959},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":961,"path":962,"stem":963},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":965,"path":966,"stem":967},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":969,"path":970,"stem":971},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":973,"path":974,"stem":975},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":977,"path":978,"stem":979},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":981,"path":982,"stem":983},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":985,"path":986,"stem":987},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":989,"path":990,"stem":991},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":993,"path":994,"stem":995},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":997,"path":998,"stem":999},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1001,"path":1002,"stem":1003},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1005,"path":1006,"stem":1007},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1009,"path":1010,"stem":1011},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1013,"path":1014,"stem":1015},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1017,"path":1018,"stem":1019},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1021,"path":1022,"stem":1023},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1025,"path":1026,"stem":1027},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1029,"path":1030,"stem":1031},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1033,"path":1034,"stem":1035},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1037,"path":1038,"stem":1039},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1041,"path":1042,"stem":1043},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1045,"path":1046,"stem":1047},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1049,"path":1050,"stem":1051},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1053,"path":1054,"stem":1055},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1057,"path":1058,"stem":1059},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1061,"path":1062,"stem":1063},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1065,"path":1066,"stem":1067},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1069,"path":1070,"stem":1071},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1073,"path":1074,"stem":1075},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1077,"path":1078,"stem":1079},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1081,"path":1082,"stem":1083},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1085,"path":1086,"stem":1087},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1089,"path":1090,"stem":1091},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1093,"path":1094,"stem":1095},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1097,"path":1098,"stem":1099},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1101,"path":1102,"stem":1103},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1105,"path":1106,"stem":1107},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1109,"path":1110,"stem":1111},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1113,"path":1114,"stem":1115},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1117,"path":1118,"stem":1119},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1121,"icon":1122,"path":1123,"stem":1124,"children":1125,"page":57},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1126,1130,1134,1138,1142,1146],{"title":1127,"path":1128,"stem":1129},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1131,"path":1132,"stem":1133},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1135,"path":1136,"stem":1137},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1139,"path":1140,"stem":1141},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1143,"path":1144,"stem":1145},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1147,"path":1148,"stem":1149},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1151,"path":1152,"stem":1153,"children":1154,"icon":1172},"Composables","\u002Fcomposables","4.composables\u002Findex",[1155,1156,1160,1164,1168],{"title":1151,"path":1152,"stem":1153},{"title":1157,"path":1158,"stem":1159},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1161,"path":1162,"stem":1163},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1165,"path":1166,"stem":1167},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1169,"path":1170,"stem":1171},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1174,"path":1175,"stem":1176,"children":1177,"icon":1179},"Guides","\u002Fguides","5.guides\u002Findex",[1178],{"title":1174,"path":1175,"stem":1176},"i-lucide-book-open",{"title":1181,"icon":1182,"path":1183,"stem":1184,"children":1185},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1186,1188,1201,1210,1223,1236,1252,1265,1274,1283,1296,1305,1318,1327],{"title":1181,"path":1183,"stem":1187},"6.blocks\u002Findex",{"title":1189,"path":1190,"stem":1191,"children":1192,"page":57},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1193,1197],{"title":1194,"path":1195,"stem":1196},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1198,"path":1199,"stem":1200},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1202,"path":1203,"stem":1204,"children":1205,"page":57},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1206],{"title":1207,"path":1208,"stem":1209},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1211,"path":1212,"stem":1213,"children":1214,"page":57},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1215,1219],{"title":1216,"path":1217,"stem":1218},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1220,"path":1221,"stem":1222},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1224,"path":1225,"stem":1226,"children":1227,"page":57},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1228,1232],{"title":1229,"path":1230,"stem":1231},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1233,"path":1234,"stem":1235},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1237,"path":1238,"stem":1239,"children":1240,"page":57},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1241,1245,1248],{"title":1242,"path":1243,"stem":1244},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":159,"path":1246,"stem":1247},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1249,"path":1250,"stem":1251},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1253,"path":1254,"stem":1255,"children":1256,"page":57},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1257,1261],{"title":1258,"path":1259,"stem":1260},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1262,"path":1263,"stem":1264},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1266,"path":1267,"stem":1268,"children":1269,"page":57},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1270],{"title":1271,"path":1272,"stem":1273},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1275,"path":1276,"stem":1277,"children":1278,"page":57},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1279],{"title":1280,"path":1281,"stem":1282},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1284,"path":1285,"stem":1286,"children":1287,"page":57},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1288,1292],{"title":1289,"path":1290,"stem":1291},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1293,"path":1294,"stem":1295},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1297,"path":1298,"stem":1299,"children":1300,"page":57},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1301],{"title":1302,"path":1303,"stem":1304},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1306,"path":1307,"stem":1308,"children":1309,"page":57},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1310,1314],{"title":1311,"path":1312,"stem":1313},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1315,"path":1316,"stem":1317},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1319,"path":1320,"stem":1321,"children":1322,"page":57},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1323],{"title":1324,"path":1325,"stem":1326},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1328,"path":1329,"stem":1330,"children":1331,"page":57},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1332],{"title":1293,"path":1333,"stem":1334},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1336,"icon":1337,"path":1338,"stem":1339,"children":1340},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1341,1343,1347,1351,1355],{"title":1336,"path":1338,"stem":1342},"7.templates\u002Findex",{"title":1344,"path":1345,"stem":1346},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1348,"path":1349,"stem":1350},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1352,"path":1353,"stem":1354},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1356,"path":1357,"stem":1358},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1360,"path":1361,"stem":1362,"children":1363,"icon":1365},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1364],{"title":1360,"path":1361,"stem":1362},"i-lucide-braces",{"id":1367,"title":551,"body":1368,"description":4216,"extension":4217,"links":4218,"meta":4219,"navigation":1578,"path":552,"seo":4220,"stem":553,"__hash__":4221},"docs\u002F3.components\u002Fforms\u002Fauth-form.md",{"type":1369,"value":1370,"toc":4207},"minimark",[1371,1375,1383,1387,1417,2066,2073,2077,2103,2124,3921,3930,3934,4045,4049,4080,4084,4090,4094,4158,4162,4203],[1372,1373,1374],"p",{},"A complete email-and-password form for the two moments every account has: coming\nback, and starting out. The heading, the copy and the password rules swap when\nthe mode changes, sliding in from the side you are heading toward, and the\npassword field only appears once the email looks usable.",[1372,1376,1377,1378,1382],{},"The form owns the small stuff — which mode is showing, what has been typed,\nwhether the password is visible — and reports everything else outward. You drive\n",[1379,1380,1381],"code",{},"status",", so submitting, success and failure stay your decision; the form renders\nthe state you hand it, including the button that morphs from label to spinner to\ntick.",[1384,1385,16],"h2",{"id":1386},"usage",[1372,1388,1389,1390,1393,1394,1397,1398,1401,1402,1404,1405,1408,1409,1412,1413,1416],{},"Pass a ",[1379,1391,1392],{},"mode",", or bind ",[1379,1395,1396],{},"v-model:mode"," to let the switch at the bottom of the form\nchange it. Listen for ",[1379,1399,1400],{},"submit"," with the current values, then move ",[1379,1403,1381],{},"\nthrough ",[1379,1406,1407],{},"submitting",", ",[1379,1410,1411],{},"success"," or ",[1379,1414,1415],{},"error"," as the request resolves.",[1418,1419,1421,1431],"code-preview",{"label":1420},"Preview",[1422,1423,1426,1427],"div",{"className":1424},[1425],"w-full","  ",[1428,1429],"component-example",{"name":1430},"auth-form-basic",[1432,1433,1435],"template",{"v-slot:code":1434},"",[1436,1437,1441],"pre",{"className":1438,"code":1439,"language":1440,"meta":1434,"style":1434},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full justify-center py-2\">\n    \u003CMAuthForm\n      v-model:mode=\"mode\"\n      :status=\"status\"\n      @submit=\"onSubmit\"\n    \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { onBeforeUnmount, ref } from 'vue'\n\ntype Mode = 'sign-in' | 'sign-up'\ntype Status = 'idle' | 'submitting' | 'success' | 'error'\n\nconst mode = ref\u003CMode>('sign-in')\nconst status = ref\u003CStatus>('idle')\n\nlet timer: ReturnType\u003Ctypeof setTimeout> | null = null\n\nfunction clearTimer() {\n  if (timer) {\n    clearTimeout(timer)\n    timer = null\n  }\n}\n\nfunction onSubmit() {\n  clearTimer()\n  status.value = 'submitting'\n\n  timer = setTimeout(() => {\n    status.value = 'success'\n    timer = setTimeout(() => {\n      status.value = 'idle'\n    }, 2200)\n  }, 900)\n}\n\nonBeforeUnmount(clearTimer)\n\u003C\u002Fscript>\n","vue",[1379,1442,1443,1458,1484,1493,1514,1530,1547,1553,1563,1573,1580,1605,1638,1643,1674,1715,1720,1754,1783,1788,1820,1825,1840,1858,1870,1880,1886,1892,1897,1909,1918,1938,1943,1962,1980,1997,2015,2027,2038,2043,2048,2057],{"__ignoreMap":1434},[1444,1445,1448,1452,1455],"span",{"class":1446,"line":1447},"line",1,[1444,1449,1451],{"class":1450},"sMK4o","\u003C",[1444,1453,1432],{"class":1454},"swJcz",[1444,1456,1457],{"class":1450},">\n",[1444,1459,1461,1464,1466,1470,1473,1476,1480,1482],{"class":1446,"line":1460},2,[1444,1462,1463],{"class":1450},"  \u003C",[1444,1465,1422],{"class":1454},[1444,1467,1469],{"class":1468},"spNyl"," class",[1444,1471,1472],{"class":1450},"=",[1444,1474,1475],{"class":1450},"\"",[1444,1477,1479],{"class":1478},"sfazB","flex w-full justify-center py-2",[1444,1481,1475],{"class":1450},[1444,1483,1457],{"class":1450},[1444,1485,1487,1490],{"class":1446,"line":1486},3,[1444,1488,1489],{"class":1450},"    \u003C",[1444,1491,1492],{"class":1454},"MAuthForm\n",[1444,1494,1496,1499,1502,1504,1506,1508,1511],{"class":1446,"line":1495},4,[1444,1497,1498],{"class":1468},"      v-model",[1444,1500,1501],{"class":1450},":",[1444,1503,1392],{"class":1468},[1444,1505,1472],{"class":1450},[1444,1507,1475],{"class":1450},[1444,1509,1392],{"class":1510},"sTEyZ",[1444,1512,1513],{"class":1450},"\"\n",[1444,1515,1517,1520,1522,1524,1526,1528],{"class":1446,"line":1516},5,[1444,1518,1519],{"class":1450},"      :",[1444,1521,1381],{"class":1468},[1444,1523,1472],{"class":1450},[1444,1525,1475],{"class":1450},[1444,1527,1381],{"class":1510},[1444,1529,1513],{"class":1450},[1444,1531,1533,1536,1538,1540,1542,1545],{"class":1446,"line":1532},6,[1444,1534,1535],{"class":1450},"      @",[1444,1537,1400],{"class":1468},[1444,1539,1472],{"class":1450},[1444,1541,1475],{"class":1450},[1444,1543,1544],{"class":1510},"onSubmit",[1444,1546,1513],{"class":1450},[1444,1548,1550],{"class":1446,"line":1549},7,[1444,1551,1552],{"class":1450},"    \u002F>\n",[1444,1554,1556,1559,1561],{"class":1446,"line":1555},8,[1444,1557,1558],{"class":1450},"  \u003C\u002F",[1444,1560,1422],{"class":1454},[1444,1562,1457],{"class":1450},[1444,1564,1566,1569,1571],{"class":1446,"line":1565},9,[1444,1567,1568],{"class":1450},"\u003C\u002F",[1444,1570,1432],{"class":1454},[1444,1572,1457],{"class":1450},[1444,1574,1576],{"class":1446,"line":1575},10,[1444,1577,1579],{"emptyLinePlaceholder":1578},true,"\n",[1444,1581,1583,1585,1588,1591,1594,1596,1598,1601,1603],{"class":1446,"line":1582},11,[1444,1584,1451],{"class":1450},[1444,1586,1587],{"class":1454},"script",[1444,1589,1590],{"class":1468}," setup",[1444,1592,1593],{"class":1468}," lang",[1444,1595,1472],{"class":1450},[1444,1597,1475],{"class":1450},[1444,1599,1600],{"class":1478},"ts",[1444,1602,1475],{"class":1450},[1444,1604,1457],{"class":1450},[1444,1606,1608,1612,1615,1618,1621,1624,1627,1630,1633,1635],{"class":1446,"line":1607},12,[1444,1609,1611],{"class":1610},"s7zQu","import",[1444,1613,1614],{"class":1450}," {",[1444,1616,1617],{"class":1510}," onBeforeUnmount",[1444,1619,1620],{"class":1450},",",[1444,1622,1623],{"class":1510}," ref",[1444,1625,1626],{"class":1450}," }",[1444,1628,1629],{"class":1610}," from",[1444,1631,1632],{"class":1450}," '",[1444,1634,1440],{"class":1478},[1444,1636,1637],{"class":1450},"'\n",[1444,1639,1641],{"class":1446,"line":1640},13,[1444,1642,1579],{"emptyLinePlaceholder":1578},[1444,1644,1646,1649,1653,1656,1658,1661,1664,1667,1669,1672],{"class":1446,"line":1645},14,[1444,1647,1648],{"class":1468},"type",[1444,1650,1652],{"class":1651},"sBMFI"," Mode",[1444,1654,1655],{"class":1450}," =",[1444,1657,1632],{"class":1450},[1444,1659,1660],{"class":1478},"sign-in",[1444,1662,1663],{"class":1450},"'",[1444,1665,1666],{"class":1450}," |",[1444,1668,1632],{"class":1450},[1444,1670,1671],{"class":1478},"sign-up",[1444,1673,1637],{"class":1450},[1444,1675,1677,1679,1682,1684,1686,1689,1691,1693,1695,1697,1699,1701,1703,1705,1707,1709,1711,1713],{"class":1446,"line":1676},15,[1444,1678,1648],{"class":1468},[1444,1680,1681],{"class":1651}," Status",[1444,1683,1655],{"class":1450},[1444,1685,1632],{"class":1450},[1444,1687,1688],{"class":1478},"idle",[1444,1690,1663],{"class":1450},[1444,1692,1666],{"class":1450},[1444,1694,1632],{"class":1450},[1444,1696,1407],{"class":1478},[1444,1698,1663],{"class":1450},[1444,1700,1666],{"class":1450},[1444,1702,1632],{"class":1450},[1444,1704,1411],{"class":1478},[1444,1706,1663],{"class":1450},[1444,1708,1666],{"class":1450},[1444,1710,1632],{"class":1450},[1444,1712,1415],{"class":1478},[1444,1714,1637],{"class":1450},[1444,1716,1718],{"class":1446,"line":1717},16,[1444,1719,1579],{"emptyLinePlaceholder":1578},[1444,1721,1723,1726,1729,1731,1734,1736,1739,1742,1745,1747,1749,1751],{"class":1446,"line":1722},17,[1444,1724,1725],{"class":1468},"const",[1444,1727,1728],{"class":1510}," mode ",[1444,1730,1472],{"class":1450},[1444,1732,1623],{"class":1733},"s2Zo4",[1444,1735,1451],{"class":1450},[1444,1737,1738],{"class":1651},"Mode",[1444,1740,1741],{"class":1450},">",[1444,1743,1744],{"class":1510},"(",[1444,1746,1663],{"class":1450},[1444,1748,1660],{"class":1478},[1444,1750,1663],{"class":1450},[1444,1752,1753],{"class":1510},")\n",[1444,1755,1757,1759,1762,1764,1766,1768,1771,1773,1775,1777,1779,1781],{"class":1446,"line":1756},18,[1444,1758,1725],{"class":1468},[1444,1760,1761],{"class":1510}," status ",[1444,1763,1472],{"class":1450},[1444,1765,1623],{"class":1733},[1444,1767,1451],{"class":1450},[1444,1769,1770],{"class":1651},"Status",[1444,1772,1741],{"class":1450},[1444,1774,1744],{"class":1510},[1444,1776,1663],{"class":1450},[1444,1778,1688],{"class":1478},[1444,1780,1663],{"class":1450},[1444,1782,1753],{"class":1510},[1444,1784,1786],{"class":1446,"line":1785},19,[1444,1787,1579],{"emptyLinePlaceholder":1578},[1444,1789,1791,1794,1797,1799,1802,1805,1808,1810,1812,1815,1817],{"class":1446,"line":1790},20,[1444,1792,1793],{"class":1468},"let",[1444,1795,1796],{"class":1510}," timer",[1444,1798,1501],{"class":1450},[1444,1800,1801],{"class":1651}," ReturnType",[1444,1803,1804],{"class":1450},"\u003Ctypeof",[1444,1806,1807],{"class":1510}," setTimeout",[1444,1809,1741],{"class":1450},[1444,1811,1666],{"class":1450},[1444,1813,1814],{"class":1651}," null",[1444,1816,1655],{"class":1450},[1444,1818,1819],{"class":1450}," null\n",[1444,1821,1823],{"class":1446,"line":1822},21,[1444,1824,1579],{"emptyLinePlaceholder":1578},[1444,1826,1828,1831,1834,1837],{"class":1446,"line":1827},22,[1444,1829,1830],{"class":1468},"function",[1444,1832,1833],{"class":1733}," clearTimer",[1444,1835,1836],{"class":1450},"()",[1444,1838,1839],{"class":1450}," {\n",[1444,1841,1843,1846,1849,1852,1855],{"class":1446,"line":1842},23,[1444,1844,1845],{"class":1610},"  if",[1444,1847,1848],{"class":1454}," (",[1444,1850,1851],{"class":1510},"timer",[1444,1853,1854],{"class":1454},") ",[1444,1856,1857],{"class":1450},"{\n",[1444,1859,1861,1864,1866,1868],{"class":1446,"line":1860},24,[1444,1862,1863],{"class":1733},"    clearTimeout",[1444,1865,1744],{"class":1454},[1444,1867,1851],{"class":1510},[1444,1869,1753],{"class":1454},[1444,1871,1873,1876,1878],{"class":1446,"line":1872},25,[1444,1874,1875],{"class":1510},"    timer",[1444,1877,1655],{"class":1450},[1444,1879,1819],{"class":1450},[1444,1881,1883],{"class":1446,"line":1882},26,[1444,1884,1885],{"class":1450},"  }\n",[1444,1887,1889],{"class":1446,"line":1888},27,[1444,1890,1891],{"class":1450},"}\n",[1444,1893,1895],{"class":1446,"line":1894},28,[1444,1896,1579],{"emptyLinePlaceholder":1578},[1444,1898,1900,1902,1905,1907],{"class":1446,"line":1899},29,[1444,1901,1830],{"class":1468},[1444,1903,1904],{"class":1733}," onSubmit",[1444,1906,1836],{"class":1450},[1444,1908,1839],{"class":1450},[1444,1910,1912,1915],{"class":1446,"line":1911},30,[1444,1913,1914],{"class":1733},"  clearTimer",[1444,1916,1917],{"class":1454},"()\n",[1444,1919,1921,1924,1927,1930,1932,1934,1936],{"class":1446,"line":1920},31,[1444,1922,1923],{"class":1510},"  status",[1444,1925,1926],{"class":1450},".",[1444,1928,1929],{"class":1510},"value",[1444,1931,1655],{"class":1450},[1444,1933,1632],{"class":1450},[1444,1935,1407],{"class":1478},[1444,1937,1637],{"class":1450},[1444,1939,1941],{"class":1446,"line":1940},32,[1444,1942,1579],{"emptyLinePlaceholder":1578},[1444,1944,1946,1949,1951,1953,1955,1957,1960],{"class":1446,"line":1945},33,[1444,1947,1948],{"class":1510},"  timer",[1444,1950,1655],{"class":1450},[1444,1952,1807],{"class":1733},[1444,1954,1744],{"class":1454},[1444,1956,1836],{"class":1450},[1444,1958,1959],{"class":1468}," =>",[1444,1961,1839],{"class":1450},[1444,1963,1965,1968,1970,1972,1974,1976,1978],{"class":1446,"line":1964},34,[1444,1966,1967],{"class":1510},"    status",[1444,1969,1926],{"class":1450},[1444,1971,1929],{"class":1510},[1444,1973,1655],{"class":1450},[1444,1975,1632],{"class":1450},[1444,1977,1411],{"class":1478},[1444,1979,1637],{"class":1450},[1444,1981,1983,1985,1987,1989,1991,1993,1995],{"class":1446,"line":1982},35,[1444,1984,1875],{"class":1510},[1444,1986,1655],{"class":1450},[1444,1988,1807],{"class":1733},[1444,1990,1744],{"class":1454},[1444,1992,1836],{"class":1450},[1444,1994,1959],{"class":1468},[1444,1996,1839],{"class":1450},[1444,1998,2000,2003,2005,2007,2009,2011,2013],{"class":1446,"line":1999},36,[1444,2001,2002],{"class":1510},"      status",[1444,2004,1926],{"class":1450},[1444,2006,1929],{"class":1510},[1444,2008,1655],{"class":1450},[1444,2010,1632],{"class":1450},[1444,2012,1688],{"class":1478},[1444,2014,1637],{"class":1450},[1444,2016,2018,2021,2025],{"class":1446,"line":2017},37,[1444,2019,2020],{"class":1450},"    },",[1444,2022,2024],{"class":2023},"sbssI"," 2200",[1444,2026,1753],{"class":1454},[1444,2028,2030,2033,2036],{"class":1446,"line":2029},38,[1444,2031,2032],{"class":1450},"  },",[1444,2034,2035],{"class":2023}," 900",[1444,2037,1753],{"class":1454},[1444,2039,2041],{"class":1446,"line":2040},39,[1444,2042,1891],{"class":1450},[1444,2044,2046],{"class":1446,"line":2045},40,[1444,2047,1579],{"emptyLinePlaceholder":1578},[1444,2049,2051,2054],{"class":1446,"line":2050},41,[1444,2052,2053],{"class":1733},"onBeforeUnmount",[1444,2055,2056],{"class":1510},"(clearTimer)\n",[1444,2058,2060,2062,2064],{"class":1446,"line":2059},42,[1444,2061,1568],{"class":1450},[1444,2063,1587],{"class":1454},[1444,2065,1457],{"class":1450},[1372,2067,2068,2069,2072],{},"The password field is hidden until the email parses, and stays out of the tab\norder until then. Submitting emits ",[1379,2070,2071],{},"{ email, password }","; nothing is sent by the\ncomponent itself, so the same form works with a server action, a store or a\nfetch call.",[1384,2074,2076],{"id":2075},"customize","Customize",[1372,2078,2079,2082,2083,2086,2087,2090,2091,2094,2095,2098,2099,2102],{},[1379,2080,2081],{},"providers"," adds OAuth-style buttons above the email field, each with a UIcon\nname, and ",[1379,2084,2085],{},"showMagicLink"," adds a passwordless shortcut under the password.\nReplace ",[1379,2088,2089],{},"requirements"," to change the rules — each entry needs an ",[1379,2092,2093],{},"id",", a ",[1379,2096,2097],{},"label","\nand a ",[1379,2100,2101],{},"test"," predicate, and the list ticks over as the password changes.",[1372,2104,2105,2106,2109,2110,1412,2113,2116,2117,2119,2120,2123],{},"Field errors live in ",[1379,2107,2108],{},"fieldErrors",", keyed by ",[1379,2111,2112],{},"email",[1379,2114,2115],{},"password",". A form-level\n",[1379,2118,1415],{}," with ",[1379,2121,2122],{},"status=\"error\""," renders an alert above the form and moves focus to\nit, which is what a failed request should do.",[1418,2125,2126,2132],{"label":1420},[1422,2127,1426,2129],{"className":2128},[1425],[1428,2130],{"name":2131},"auth-form-custom",[1432,2133,2134],{"v-slot:code":1434},[1436,2135,2137],{"className":1438,"code":2136,"language":1440,"meta":1434,"style":1434},"\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full flex-col items-center gap-3 py-2\">\n    \u003CMAuthForm\n      v-model:mode=\"mode\"\n      :status=\"status\"\n      :error=\"error\"\n      :field-errors=\"fieldErrors\"\n      :providers=\"providers\"\n      :requirements=\"requirements\"\n      show-magic-link\n      class=\"rounded-2xl border border-default bg-elevated\u002F40 p-6\"\n      @submit=\"onSubmit\"\n      @magic-link=\"onMagicLink\"\n      @provider=\"onProvider\"\n    >\n      \u003Ctemplate #footer>\n        \u003Cp class=\"mt-4 text-center text-xs text-muted\">\n          By continuing you agree to the demo terms.\n        \u003C\u002Fp>\n      \u003C\u002Ftemplate>\n    \u003C\u002FMAuthForm>\n\n    \u003Cp\n      class=\"text-xs text-muted\"\n      role=\"status\"\n      aria-live=\"polite\"\n    >\n      {{ feedback }}\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { onBeforeUnmount, ref } from 'vue'\n\ntype Mode = 'sign-in' | 'sign-up'\ntype Status = 'idle' | 'submitting' | 'success' | 'error'\n\ninterface Requirement {\n  id: string\n  label: string\n  test: (password: string) => boolean\n}\n\nconst mode = ref\u003CMode>('sign-up')\nconst status = ref\u003CStatus>('idle')\nconst error = ref\u003Cstring>()\nconst fieldErrors = ref\u003C{ email?: string, password?: string }>({})\nconst feedback = ref('Submit with taken@example.com to see the error state.')\n\nconst providers = [\n  { id: 'github', label: 'GitHub', icon: 'i-lucide-github' },\n  { id: 'google', label: 'Google', icon: 'i-lucide-chrome' },\n]\n\nconst requirements: Requirement[] = [\n  { id: 'length', label: 'At least 10 characters', test: password => password.length >= 10 },\n  { id: 'uppercase', label: 'One uppercase letter', test: password => \u002F[A-Z]\u002F.test(password) },\n  { id: 'number', label: 'One number', test: password => \u002F\\d\u002F.test(password) },\n  { id: 'symbol', label: 'One symbol', test: password => \u002F[^A-Z0-9]\u002Fi.test(password) },\n]\n\nlet timer: ReturnType\u003Ctypeof setTimeout> | null = null\n\nfunction clearTimer() {\n  if (timer) {\n    clearTimeout(timer)\n    timer = null\n  }\n}\n\nfunction onSubmit(values: { email: string, password: string }) {\n  clearTimer()\n  error.value = undefined\n  fieldErrors.value = {}\n\n  const unmet = requirements.filter(requirement => !requirement.test(values.password))\n\n  if (unmet.length) {\n    fieldErrors.value = { password: `Still needed: ${unmet.map(item => item.label.toLowerCase()).join(', ')}.` }\n    return\n  }\n\n  status.value = 'submitting'\n\n  timer = setTimeout(() => {\n    if (values.email.trim().toLowerCase() === 'taken@example.com') {\n      status.value = 'error'\n      error.value = 'That email is already registered. Try signing in instead.'\n      return\n    }\n\n    status.value = 'success'\n    feedback.value = `Account created for ${values.email}.`\n    timer = setTimeout(() => {\n      status.value = 'idle'\n    }, 2200)\n  }, 900)\n}\n\nfunction onMagicLink(values: { email: string }) {\n  feedback.value = values.email\n    ? `Magic link sent to ${values.email}.`\n    : 'Add an email first, then request a magic link.'\n}\n\nfunction onProvider(id: string) {\n  feedback.value = `Continue with ${id} would open the provider.`\n}\n\nonBeforeUnmount(clearTimer)\n\u003C\u002Fscript>\n",[1379,2138,2139,2147,2166,2172,2188,2202,2216,2231,2245,2259,2264,2278,2292,2308,2324,2329,2344,2364,2369,2378,2387,2397,2401,2408,2421,2434,2448,2452,2457,2465,2473,2481,2485,2505,2527,2531,2553,2591,2595,2605,2615,2624,2649,2654,2659,2686,2713,2734,2776,2799,2804,2817,2866,2910,2916,2921,2940,2995,3053,3109,3167,3172,3177,3202,3207,3218,3231,3242,3251,3256,3261,3266,3301,3308,3323,3338,3343,3388,3393,3411,3493,3499,3504,3509,3526,3531,3548,3590,3607,3626,3632,3638,3643,3660,3692,3709,3726,3735,3744,3749,3754,3780,3800,3825,3838,3843,3848,3868,3895,3900,3905,3912],{"__ignoreMap":1434},[1444,2140,2141,2143,2145],{"class":1446,"line":1447},[1444,2142,1451],{"class":1450},[1444,2144,1432],{"class":1454},[1444,2146,1457],{"class":1450},[1444,2148,2149,2151,2153,2155,2157,2159,2162,2164],{"class":1446,"line":1460},[1444,2150,1463],{"class":1450},[1444,2152,1422],{"class":1454},[1444,2154,1469],{"class":1468},[1444,2156,1472],{"class":1450},[1444,2158,1475],{"class":1450},[1444,2160,2161],{"class":1478},"flex w-full flex-col items-center gap-3 py-2",[1444,2163,1475],{"class":1450},[1444,2165,1457],{"class":1450},[1444,2167,2168,2170],{"class":1446,"line":1486},[1444,2169,1489],{"class":1450},[1444,2171,1492],{"class":1454},[1444,2173,2174,2176,2178,2180,2182,2184,2186],{"class":1446,"line":1495},[1444,2175,1498],{"class":1468},[1444,2177,1501],{"class":1450},[1444,2179,1392],{"class":1468},[1444,2181,1472],{"class":1450},[1444,2183,1475],{"class":1450},[1444,2185,1392],{"class":1510},[1444,2187,1513],{"class":1450},[1444,2189,2190,2192,2194,2196,2198,2200],{"class":1446,"line":1516},[1444,2191,1519],{"class":1450},[1444,2193,1381],{"class":1468},[1444,2195,1472],{"class":1450},[1444,2197,1475],{"class":1450},[1444,2199,1381],{"class":1510},[1444,2201,1513],{"class":1450},[1444,2203,2204,2206,2208,2210,2212,2214],{"class":1446,"line":1532},[1444,2205,1519],{"class":1450},[1444,2207,1415],{"class":1468},[1444,2209,1472],{"class":1450},[1444,2211,1475],{"class":1450},[1444,2213,1415],{"class":1510},[1444,2215,1513],{"class":1450},[1444,2217,2218,2220,2223,2225,2227,2229],{"class":1446,"line":1549},[1444,2219,1519],{"class":1450},[1444,2221,2222],{"class":1468},"field-errors",[1444,2224,1472],{"class":1450},[1444,2226,1475],{"class":1450},[1444,2228,2108],{"class":1510},[1444,2230,1513],{"class":1450},[1444,2232,2233,2235,2237,2239,2241,2243],{"class":1446,"line":1555},[1444,2234,1519],{"class":1450},[1444,2236,2081],{"class":1468},[1444,2238,1472],{"class":1450},[1444,2240,1475],{"class":1450},[1444,2242,2081],{"class":1510},[1444,2244,1513],{"class":1450},[1444,2246,2247,2249,2251,2253,2255,2257],{"class":1446,"line":1565},[1444,2248,1519],{"class":1450},[1444,2250,2089],{"class":1468},[1444,2252,1472],{"class":1450},[1444,2254,1475],{"class":1450},[1444,2256,2089],{"class":1510},[1444,2258,1513],{"class":1450},[1444,2260,2261],{"class":1446,"line":1575},[1444,2262,2263],{"class":1468},"      show-magic-link\n",[1444,2265,2266,2269,2271,2273,2276],{"class":1446,"line":1582},[1444,2267,2268],{"class":1468},"      class",[1444,2270,1472],{"class":1450},[1444,2272,1475],{"class":1450},[1444,2274,2275],{"class":1478},"rounded-2xl border border-default bg-elevated\u002F40 p-6",[1444,2277,1513],{"class":1450},[1444,2279,2280,2282,2284,2286,2288,2290],{"class":1446,"line":1607},[1444,2281,1535],{"class":1450},[1444,2283,1400],{"class":1468},[1444,2285,1472],{"class":1450},[1444,2287,1475],{"class":1450},[1444,2289,1544],{"class":1510},[1444,2291,1513],{"class":1450},[1444,2293,2294,2296,2299,2301,2303,2306],{"class":1446,"line":1640},[1444,2295,1535],{"class":1450},[1444,2297,2298],{"class":1468},"magic-link",[1444,2300,1472],{"class":1450},[1444,2302,1475],{"class":1450},[1444,2304,2305],{"class":1510},"onMagicLink",[1444,2307,1513],{"class":1450},[1444,2309,2310,2312,2315,2317,2319,2322],{"class":1446,"line":1645},[1444,2311,1535],{"class":1450},[1444,2313,2314],{"class":1468},"provider",[1444,2316,1472],{"class":1450},[1444,2318,1475],{"class":1450},[1444,2320,2321],{"class":1510},"onProvider",[1444,2323,1513],{"class":1450},[1444,2325,2326],{"class":1446,"line":1676},[1444,2327,2328],{"class":1450},"    >\n",[1444,2330,2331,2334,2336,2339,2342],{"class":1446,"line":1717},[1444,2332,2333],{"class":1450},"      \u003C",[1444,2335,1432],{"class":1454},[1444,2337,2338],{"class":1450}," #",[1444,2340,2341],{"class":1468},"footer",[1444,2343,1457],{"class":1450},[1444,2345,2346,2349,2351,2353,2355,2357,2360,2362],{"class":1446,"line":1722},[1444,2347,2348],{"class":1450},"        \u003C",[1444,2350,1372],{"class":1454},[1444,2352,1469],{"class":1468},[1444,2354,1472],{"class":1450},[1444,2356,1475],{"class":1450},[1444,2358,2359],{"class":1478},"mt-4 text-center text-xs text-muted",[1444,2361,1475],{"class":1450},[1444,2363,1457],{"class":1450},[1444,2365,2366],{"class":1446,"line":1756},[1444,2367,2368],{"class":1510},"          By continuing you agree to the demo terms.\n",[1444,2370,2371,2374,2376],{"class":1446,"line":1785},[1444,2372,2373],{"class":1450},"        \u003C\u002F",[1444,2375,1372],{"class":1454},[1444,2377,1457],{"class":1450},[1444,2379,2380,2383,2385],{"class":1446,"line":1790},[1444,2381,2382],{"class":1450},"      \u003C\u002F",[1444,2384,1432],{"class":1454},[1444,2386,1457],{"class":1450},[1444,2388,2389,2392,2395],{"class":1446,"line":1822},[1444,2390,2391],{"class":1450},"    \u003C\u002F",[1444,2393,2394],{"class":1454},"MAuthForm",[1444,2396,1457],{"class":1450},[1444,2398,2399],{"class":1446,"line":1827},[1444,2400,1579],{"emptyLinePlaceholder":1578},[1444,2402,2403,2405],{"class":1446,"line":1842},[1444,2404,1489],{"class":1450},[1444,2406,2407],{"class":1454},"p\n",[1444,2409,2410,2412,2414,2416,2419],{"class":1446,"line":1860},[1444,2411,2268],{"class":1468},[1444,2413,1472],{"class":1450},[1444,2415,1475],{"class":1450},[1444,2417,2418],{"class":1478},"text-xs text-muted",[1444,2420,1513],{"class":1450},[1444,2422,2423,2426,2428,2430,2432],{"class":1446,"line":1872},[1444,2424,2425],{"class":1468},"      role",[1444,2427,1472],{"class":1450},[1444,2429,1475],{"class":1450},[1444,2431,1381],{"class":1478},[1444,2433,1513],{"class":1450},[1444,2435,2436,2439,2441,2443,2446],{"class":1446,"line":1882},[1444,2437,2438],{"class":1468},"      aria-live",[1444,2440,1472],{"class":1450},[1444,2442,1475],{"class":1450},[1444,2444,2445],{"class":1478},"polite",[1444,2447,1513],{"class":1450},[1444,2449,2450],{"class":1446,"line":1888},[1444,2451,2328],{"class":1450},[1444,2453,2454],{"class":1446,"line":1894},[1444,2455,2456],{"class":1510},"      {{ feedback }}\n",[1444,2458,2459,2461,2463],{"class":1446,"line":1899},[1444,2460,2391],{"class":1450},[1444,2462,1372],{"class":1454},[1444,2464,1457],{"class":1450},[1444,2466,2467,2469,2471],{"class":1446,"line":1911},[1444,2468,1558],{"class":1450},[1444,2470,1422],{"class":1454},[1444,2472,1457],{"class":1450},[1444,2474,2475,2477,2479],{"class":1446,"line":1920},[1444,2476,1568],{"class":1450},[1444,2478,1432],{"class":1454},[1444,2480,1457],{"class":1450},[1444,2482,2483],{"class":1446,"line":1940},[1444,2484,1579],{"emptyLinePlaceholder":1578},[1444,2486,2487,2489,2491,2493,2495,2497,2499,2501,2503],{"class":1446,"line":1945},[1444,2488,1451],{"class":1450},[1444,2490,1587],{"class":1454},[1444,2492,1590],{"class":1468},[1444,2494,1593],{"class":1468},[1444,2496,1472],{"class":1450},[1444,2498,1475],{"class":1450},[1444,2500,1600],{"class":1478},[1444,2502,1475],{"class":1450},[1444,2504,1457],{"class":1450},[1444,2506,2507,2509,2511,2513,2515,2517,2519,2521,2523,2525],{"class":1446,"line":1964},[1444,2508,1611],{"class":1610},[1444,2510,1614],{"class":1450},[1444,2512,1617],{"class":1510},[1444,2514,1620],{"class":1450},[1444,2516,1623],{"class":1510},[1444,2518,1626],{"class":1450},[1444,2520,1629],{"class":1610},[1444,2522,1632],{"class":1450},[1444,2524,1440],{"class":1478},[1444,2526,1637],{"class":1450},[1444,2528,2529],{"class":1446,"line":1982},[1444,2530,1579],{"emptyLinePlaceholder":1578},[1444,2532,2533,2535,2537,2539,2541,2543,2545,2547,2549,2551],{"class":1446,"line":1999},[1444,2534,1648],{"class":1468},[1444,2536,1652],{"class":1651},[1444,2538,1655],{"class":1450},[1444,2540,1632],{"class":1450},[1444,2542,1660],{"class":1478},[1444,2544,1663],{"class":1450},[1444,2546,1666],{"class":1450},[1444,2548,1632],{"class":1450},[1444,2550,1671],{"class":1478},[1444,2552,1637],{"class":1450},[1444,2554,2555,2557,2559,2561,2563,2565,2567,2569,2571,2573,2575,2577,2579,2581,2583,2585,2587,2589],{"class":1446,"line":2017},[1444,2556,1648],{"class":1468},[1444,2558,1681],{"class":1651},[1444,2560,1655],{"class":1450},[1444,2562,1632],{"class":1450},[1444,2564,1688],{"class":1478},[1444,2566,1663],{"class":1450},[1444,2568,1666],{"class":1450},[1444,2570,1632],{"class":1450},[1444,2572,1407],{"class":1478},[1444,2574,1663],{"class":1450},[1444,2576,1666],{"class":1450},[1444,2578,1632],{"class":1450},[1444,2580,1411],{"class":1478},[1444,2582,1663],{"class":1450},[1444,2584,1666],{"class":1450},[1444,2586,1632],{"class":1450},[1444,2588,1415],{"class":1478},[1444,2590,1637],{"class":1450},[1444,2592,2593],{"class":1446,"line":2029},[1444,2594,1579],{"emptyLinePlaceholder":1578},[1444,2596,2597,2600,2603],{"class":1446,"line":2040},[1444,2598,2599],{"class":1468},"interface",[1444,2601,2602],{"class":1651}," Requirement",[1444,2604,1839],{"class":1450},[1444,2606,2607,2610,2612],{"class":1446,"line":2045},[1444,2608,2609],{"class":1454},"  id",[1444,2611,1501],{"class":1450},[1444,2613,2614],{"class":1651}," string\n",[1444,2616,2617,2620,2622],{"class":1446,"line":2050},[1444,2618,2619],{"class":1454},"  label",[1444,2621,1501],{"class":1450},[1444,2623,2614],{"class":1651},[1444,2625,2626,2629,2631,2633,2636,2638,2641,2644,2646],{"class":1446,"line":2059},[1444,2627,2628],{"class":1454},"  test",[1444,2630,1501],{"class":1450},[1444,2632,1848],{"class":1450},[1444,2634,2115],{"class":2635},"sHdIc",[1444,2637,1501],{"class":1450},[1444,2639,2640],{"class":1651}," string",[1444,2642,2643],{"class":1450},")",[1444,2645,1959],{"class":1468},[1444,2647,2648],{"class":1651}," boolean\n",[1444,2650,2652],{"class":1446,"line":2651},43,[1444,2653,1891],{"class":1450},[1444,2655,2657],{"class":1446,"line":2656},44,[1444,2658,1579],{"emptyLinePlaceholder":1578},[1444,2660,2662,2664,2666,2668,2670,2672,2674,2676,2678,2680,2682,2684],{"class":1446,"line":2661},45,[1444,2663,1725],{"class":1468},[1444,2665,1728],{"class":1510},[1444,2667,1472],{"class":1450},[1444,2669,1623],{"class":1733},[1444,2671,1451],{"class":1450},[1444,2673,1738],{"class":1651},[1444,2675,1741],{"class":1450},[1444,2677,1744],{"class":1510},[1444,2679,1663],{"class":1450},[1444,2681,1671],{"class":1478},[1444,2683,1663],{"class":1450},[1444,2685,1753],{"class":1510},[1444,2687,2689,2691,2693,2695,2697,2699,2701,2703,2705,2707,2709,2711],{"class":1446,"line":2688},46,[1444,2690,1725],{"class":1468},[1444,2692,1761],{"class":1510},[1444,2694,1472],{"class":1450},[1444,2696,1623],{"class":1733},[1444,2698,1451],{"class":1450},[1444,2700,1770],{"class":1651},[1444,2702,1741],{"class":1450},[1444,2704,1744],{"class":1510},[1444,2706,1663],{"class":1450},[1444,2708,1688],{"class":1478},[1444,2710,1663],{"class":1450},[1444,2712,1753],{"class":1510},[1444,2714,2716,2718,2721,2723,2725,2727,2730,2732],{"class":1446,"line":2715},47,[1444,2717,1725],{"class":1468},[1444,2719,2720],{"class":1510}," error ",[1444,2722,1472],{"class":1450},[1444,2724,1623],{"class":1733},[1444,2726,1451],{"class":1450},[1444,2728,2729],{"class":1651},"string",[1444,2731,1741],{"class":1450},[1444,2733,1917],{"class":1510},[1444,2735,2737,2739,2742,2744,2746,2749,2752,2755,2757,2759,2762,2764,2766,2769,2771,2774],{"class":1446,"line":2736},48,[1444,2738,1725],{"class":1468},[1444,2740,2741],{"class":1510}," fieldErrors ",[1444,2743,1472],{"class":1450},[1444,2745,1623],{"class":1733},[1444,2747,2748],{"class":1450},"\u003C{",[1444,2750,2751],{"class":1454}," email",[1444,2753,2754],{"class":1450},"?:",[1444,2756,2640],{"class":1651},[1444,2758,1620],{"class":1450},[1444,2760,2761],{"class":1454}," password",[1444,2763,2754],{"class":1450},[1444,2765,2640],{"class":1651},[1444,2767,2768],{"class":1450}," }>",[1444,2770,1744],{"class":1510},[1444,2772,2773],{"class":1450},"{}",[1444,2775,1753],{"class":1510},[1444,2777,2779,2781,2784,2786,2788,2790,2792,2795,2797],{"class":1446,"line":2778},49,[1444,2780,1725],{"class":1468},[1444,2782,2783],{"class":1510}," feedback ",[1444,2785,1472],{"class":1450},[1444,2787,1623],{"class":1733},[1444,2789,1744],{"class":1510},[1444,2791,1663],{"class":1450},[1444,2793,2794],{"class":1478},"Submit with taken@example.com to see the error state.",[1444,2796,1663],{"class":1450},[1444,2798,1753],{"class":1510},[1444,2800,2802],{"class":1446,"line":2801},50,[1444,2803,1579],{"emptyLinePlaceholder":1578},[1444,2805,2807,2809,2812,2814],{"class":1446,"line":2806},51,[1444,2808,1725],{"class":1468},[1444,2810,2811],{"class":1510}," providers ",[1444,2813,1472],{"class":1450},[1444,2815,2816],{"class":1510}," [\n",[1444,2818,2820,2823,2826,2828,2830,2833,2835,2837,2840,2842,2844,2847,2849,2851,2854,2856,2858,2861,2863],{"class":1446,"line":2819},52,[1444,2821,2822],{"class":1450},"  {",[1444,2824,2825],{"class":1454}," id",[1444,2827,1501],{"class":1450},[1444,2829,1632],{"class":1450},[1444,2831,2832],{"class":1478},"github",[1444,2834,1663],{"class":1450},[1444,2836,1620],{"class":1450},[1444,2838,2839],{"class":1454}," label",[1444,2841,1501],{"class":1450},[1444,2843,1632],{"class":1450},[1444,2845,2846],{"class":1478},"GitHub",[1444,2848,1663],{"class":1450},[1444,2850,1620],{"class":1450},[1444,2852,2853],{"class":1454}," icon",[1444,2855,1501],{"class":1450},[1444,2857,1632],{"class":1450},[1444,2859,2860],{"class":1478},"i-lucide-github",[1444,2862,1663],{"class":1450},[1444,2864,2865],{"class":1450}," },\n",[1444,2867,2869,2871,2873,2875,2877,2880,2882,2884,2886,2888,2890,2893,2895,2897,2899,2901,2903,2906,2908],{"class":1446,"line":2868},53,[1444,2870,2822],{"class":1450},[1444,2872,2825],{"class":1454},[1444,2874,1501],{"class":1450},[1444,2876,1632],{"class":1450},[1444,2878,2879],{"class":1478},"google",[1444,2881,1663],{"class":1450},[1444,2883,1620],{"class":1450},[1444,2885,2839],{"class":1454},[1444,2887,1501],{"class":1450},[1444,2889,1632],{"class":1450},[1444,2891,2892],{"class":1478},"Google",[1444,2894,1663],{"class":1450},[1444,2896,1620],{"class":1450},[1444,2898,2853],{"class":1454},[1444,2900,1501],{"class":1450},[1444,2902,1632],{"class":1450},[1444,2904,2905],{"class":1478},"i-lucide-chrome",[1444,2907,1663],{"class":1450},[1444,2909,2865],{"class":1450},[1444,2911,2913],{"class":1446,"line":2912},54,[1444,2914,2915],{"class":1510},"]\n",[1444,2917,2919],{"class":1446,"line":2918},55,[1444,2920,1579],{"emptyLinePlaceholder":1578},[1444,2922,2924,2926,2929,2931,2933,2936,2938],{"class":1446,"line":2923},56,[1444,2925,1725],{"class":1468},[1444,2927,2928],{"class":1510}," requirements",[1444,2930,1501],{"class":1450},[1444,2932,2602],{"class":1651},[1444,2934,2935],{"class":1510},"[] ",[1444,2937,1472],{"class":1450},[1444,2939,2816],{"class":1510},[1444,2941,2943,2945,2947,2949,2951,2954,2956,2958,2960,2962,2964,2967,2969,2971,2974,2976,2978,2980,2982,2984,2987,2990,2993],{"class":1446,"line":2942},57,[1444,2944,2822],{"class":1450},[1444,2946,2825],{"class":1454},[1444,2948,1501],{"class":1450},[1444,2950,1632],{"class":1450},[1444,2952,2953],{"class":1478},"length",[1444,2955,1663],{"class":1450},[1444,2957,1620],{"class":1450},[1444,2959,2839],{"class":1454},[1444,2961,1501],{"class":1450},[1444,2963,1632],{"class":1450},[1444,2965,2966],{"class":1478},"At least 10 characters",[1444,2968,1663],{"class":1450},[1444,2970,1620],{"class":1450},[1444,2972,2973],{"class":1733}," test",[1444,2975,1501],{"class":1450},[1444,2977,2761],{"class":2635},[1444,2979,1959],{"class":1468},[1444,2981,2761],{"class":1510},[1444,2983,1926],{"class":1450},[1444,2985,2986],{"class":1510},"length ",[1444,2988,2989],{"class":1450},">=",[1444,2991,2992],{"class":2023}," 10",[1444,2994,2865],{"class":1450},[1444,2996,2998,3000,3002,3004,3006,3009,3011,3013,3015,3017,3019,3022,3024,3026,3028,3030,3032,3034,3037,3040,3043,3045,3047,3050],{"class":1446,"line":2997},58,[1444,2999,2822],{"class":1450},[1444,3001,2825],{"class":1454},[1444,3003,1501],{"class":1450},[1444,3005,1632],{"class":1450},[1444,3007,3008],{"class":1478},"uppercase",[1444,3010,1663],{"class":1450},[1444,3012,1620],{"class":1450},[1444,3014,2839],{"class":1454},[1444,3016,1501],{"class":1450},[1444,3018,1632],{"class":1450},[1444,3020,3021],{"class":1478},"One uppercase letter",[1444,3023,1663],{"class":1450},[1444,3025,1620],{"class":1450},[1444,3027,2973],{"class":1733},[1444,3029,1501],{"class":1450},[1444,3031,2761],{"class":2635},[1444,3033,1959],{"class":1468},[1444,3035,3036],{"class":1450}," \u002F[",[1444,3038,3039],{"class":1478},"A-Z",[1444,3041,3042],{"class":1450},"]\u002F",[1444,3044,1926],{"class":1450},[1444,3046,2101],{"class":1733},[1444,3048,3049],{"class":1510},"(password) ",[1444,3051,3052],{"class":1450},"},\n",[1444,3054,3056,3058,3060,3062,3064,3067,3069,3071,3073,3075,3077,3080,3082,3084,3086,3088,3090,3092,3095,3098,3101,3103,3105,3107],{"class":1446,"line":3055},59,[1444,3057,2822],{"class":1450},[1444,3059,2825],{"class":1454},[1444,3061,1501],{"class":1450},[1444,3063,1632],{"class":1450},[1444,3065,3066],{"class":1478},"number",[1444,3068,1663],{"class":1450},[1444,3070,1620],{"class":1450},[1444,3072,2839],{"class":1454},[1444,3074,1501],{"class":1450},[1444,3076,1632],{"class":1450},[1444,3078,3079],{"class":1478},"One number",[1444,3081,1663],{"class":1450},[1444,3083,1620],{"class":1450},[1444,3085,2973],{"class":1733},[1444,3087,1501],{"class":1450},[1444,3089,2761],{"class":2635},[1444,3091,1959],{"class":1468},[1444,3093,3094],{"class":1450}," \u002F",[1444,3096,3097],{"class":1478},"\\d",[1444,3099,3100],{"class":1450},"\u002F",[1444,3102,1926],{"class":1450},[1444,3104,2101],{"class":1733},[1444,3106,3049],{"class":1510},[1444,3108,3052],{"class":1450},[1444,3110,3112,3114,3116,3118,3120,3123,3125,3127,3129,3131,3133,3136,3138,3140,3142,3144,3146,3148,3151,3154,3156,3159,3161,3163,3165],{"class":1446,"line":3111},60,[1444,3113,2822],{"class":1450},[1444,3115,2825],{"class":1454},[1444,3117,1501],{"class":1450},[1444,3119,1632],{"class":1450},[1444,3121,3122],{"class":1478},"symbol",[1444,3124,1663],{"class":1450},[1444,3126,1620],{"class":1450},[1444,3128,2839],{"class":1454},[1444,3130,1501],{"class":1450},[1444,3132,1632],{"class":1450},[1444,3134,3135],{"class":1478},"One symbol",[1444,3137,1663],{"class":1450},[1444,3139,1620],{"class":1450},[1444,3141,2973],{"class":1733},[1444,3143,1501],{"class":1450},[1444,3145,2761],{"class":2635},[1444,3147,1959],{"class":1468},[1444,3149,3150],{"class":1450}," \u002F[^",[1444,3152,3153],{"class":1478},"A-Z0-9",[1444,3155,3042],{"class":1450},[1444,3157,3158],{"class":2023},"i",[1444,3160,1926],{"class":1450},[1444,3162,2101],{"class":1733},[1444,3164,3049],{"class":1510},[1444,3166,3052],{"class":1450},[1444,3168,3170],{"class":1446,"line":3169},61,[1444,3171,2915],{"class":1510},[1444,3173,3175],{"class":1446,"line":3174},62,[1444,3176,1579],{"emptyLinePlaceholder":1578},[1444,3178,3180,3182,3184,3186,3188,3190,3192,3194,3196,3198,3200],{"class":1446,"line":3179},63,[1444,3181,1793],{"class":1468},[1444,3183,1796],{"class":1510},[1444,3185,1501],{"class":1450},[1444,3187,1801],{"class":1651},[1444,3189,1804],{"class":1450},[1444,3191,1807],{"class":1510},[1444,3193,1741],{"class":1450},[1444,3195,1666],{"class":1450},[1444,3197,1814],{"class":1651},[1444,3199,1655],{"class":1450},[1444,3201,1819],{"class":1450},[1444,3203,3205],{"class":1446,"line":3204},64,[1444,3206,1579],{"emptyLinePlaceholder":1578},[1444,3208,3210,3212,3214,3216],{"class":1446,"line":3209},65,[1444,3211,1830],{"class":1468},[1444,3213,1833],{"class":1733},[1444,3215,1836],{"class":1450},[1444,3217,1839],{"class":1450},[1444,3219,3221,3223,3225,3227,3229],{"class":1446,"line":3220},66,[1444,3222,1845],{"class":1610},[1444,3224,1848],{"class":1454},[1444,3226,1851],{"class":1510},[1444,3228,1854],{"class":1454},[1444,3230,1857],{"class":1450},[1444,3232,3234,3236,3238,3240],{"class":1446,"line":3233},67,[1444,3235,1863],{"class":1733},[1444,3237,1744],{"class":1454},[1444,3239,1851],{"class":1510},[1444,3241,1753],{"class":1454},[1444,3243,3245,3247,3249],{"class":1446,"line":3244},68,[1444,3246,1875],{"class":1510},[1444,3248,1655],{"class":1450},[1444,3250,1819],{"class":1450},[1444,3252,3254],{"class":1446,"line":3253},69,[1444,3255,1885],{"class":1450},[1444,3257,3259],{"class":1446,"line":3258},70,[1444,3260,1891],{"class":1450},[1444,3262,3264],{"class":1446,"line":3263},71,[1444,3265,1579],{"emptyLinePlaceholder":1578},[1444,3267,3269,3271,3273,3275,3278,3280,3282,3284,3286,3288,3290,3292,3294,3296,3299],{"class":1446,"line":3268},72,[1444,3270,1830],{"class":1468},[1444,3272,1904],{"class":1733},[1444,3274,1744],{"class":1450},[1444,3276,3277],{"class":2635},"values",[1444,3279,1501],{"class":1450},[1444,3281,1614],{"class":1450},[1444,3283,2751],{"class":1454},[1444,3285,1501],{"class":1450},[1444,3287,2640],{"class":1651},[1444,3289,1620],{"class":1450},[1444,3291,2761],{"class":1454},[1444,3293,1501],{"class":1450},[1444,3295,2640],{"class":1651},[1444,3297,3298],{"class":1450}," })",[1444,3300,1839],{"class":1450},[1444,3302,3304,3306],{"class":1446,"line":3303},73,[1444,3305,1914],{"class":1733},[1444,3307,1917],{"class":1454},[1444,3309,3311,3314,3316,3318,3320],{"class":1446,"line":3310},74,[1444,3312,3313],{"class":1510},"  error",[1444,3315,1926],{"class":1450},[1444,3317,1929],{"class":1510},[1444,3319,1655],{"class":1450},[1444,3321,3322],{"class":1450}," undefined\n",[1444,3324,3326,3329,3331,3333,3335],{"class":1446,"line":3325},75,[1444,3327,3328],{"class":1510},"  fieldErrors",[1444,3330,1926],{"class":1450},[1444,3332,1929],{"class":1510},[1444,3334,1655],{"class":1450},[1444,3336,3337],{"class":1450}," {}\n",[1444,3339,3341],{"class":1446,"line":3340},76,[1444,3342,1579],{"emptyLinePlaceholder":1578},[1444,3344,3346,3349,3352,3354,3356,3358,3361,3363,3366,3368,3371,3373,3375,3377,3379,3381,3383,3385],{"class":1446,"line":3345},77,[1444,3347,3348],{"class":1468},"  const",[1444,3350,3351],{"class":1510}," unmet",[1444,3353,1655],{"class":1450},[1444,3355,2928],{"class":1510},[1444,3357,1926],{"class":1450},[1444,3359,3360],{"class":1733},"filter",[1444,3362,1744],{"class":1454},[1444,3364,3365],{"class":2635},"requirement",[1444,3367,1959],{"class":1468},[1444,3369,3370],{"class":1450}," !",[1444,3372,3365],{"class":1510},[1444,3374,1926],{"class":1450},[1444,3376,2101],{"class":1733},[1444,3378,1744],{"class":1454},[1444,3380,3277],{"class":1510},[1444,3382,1926],{"class":1450},[1444,3384,2115],{"class":1510},[1444,3386,3387],{"class":1454},"))\n",[1444,3389,3391],{"class":1446,"line":3390},78,[1444,3392,1579],{"emptyLinePlaceholder":1578},[1444,3394,3396,3398,3400,3403,3405,3407,3409],{"class":1446,"line":3395},79,[1444,3397,1845],{"class":1610},[1444,3399,1848],{"class":1454},[1444,3401,3402],{"class":1510},"unmet",[1444,3404,1926],{"class":1450},[1444,3406,2953],{"class":1510},[1444,3408,1854],{"class":1454},[1444,3410,1857],{"class":1450},[1444,3412,3414,3417,3419,3421,3423,3425,3427,3429,3432,3435,3438,3440,3442,3445,3447,3450,3452,3455,3457,3459,3461,3464,3467,3469,3472,3474,3476,3478,3480,3482,3485,3487,3490],{"class":1446,"line":3413},80,[1444,3415,3416],{"class":1510},"    fieldErrors",[1444,3418,1926],{"class":1450},[1444,3420,1929],{"class":1510},[1444,3422,1655],{"class":1450},[1444,3424,1614],{"class":1450},[1444,3426,2761],{"class":1454},[1444,3428,1501],{"class":1450},[1444,3430,3431],{"class":1450}," `",[1444,3433,3434],{"class":1478},"Still needed: ",[1444,3436,3437],{"class":1450},"${",[1444,3439,3402],{"class":1510},[1444,3441,1926],{"class":1450},[1444,3443,3444],{"class":1733},"map",[1444,3446,1744],{"class":1510},[1444,3448,3449],{"class":2635},"item",[1444,3451,1959],{"class":1468},[1444,3453,3454],{"class":1510}," item",[1444,3456,1926],{"class":1450},[1444,3458,2097],{"class":1510},[1444,3460,1926],{"class":1450},[1444,3462,3463],{"class":1733},"toLowerCase",[1444,3465,3466],{"class":1510},"())",[1444,3468,1926],{"class":1450},[1444,3470,3471],{"class":1733},"join",[1444,3473,1744],{"class":1510},[1444,3475,1663],{"class":1450},[1444,3477,1408],{"class":1478},[1444,3479,1663],{"class":1450},[1444,3481,2643],{"class":1510},[1444,3483,3484],{"class":1450},"}",[1444,3486,1926],{"class":1478},[1444,3488,3489],{"class":1450},"`",[1444,3491,3492],{"class":1450}," }\n",[1444,3494,3496],{"class":1446,"line":3495},81,[1444,3497,3498],{"class":1610},"    return\n",[1444,3500,3502],{"class":1446,"line":3501},82,[1444,3503,1885],{"class":1450},[1444,3505,3507],{"class":1446,"line":3506},83,[1444,3508,1579],{"emptyLinePlaceholder":1578},[1444,3510,3512,3514,3516,3518,3520,3522,3524],{"class":1446,"line":3511},84,[1444,3513,1923],{"class":1510},[1444,3515,1926],{"class":1450},[1444,3517,1929],{"class":1510},[1444,3519,1655],{"class":1450},[1444,3521,1632],{"class":1450},[1444,3523,1407],{"class":1478},[1444,3525,1637],{"class":1450},[1444,3527,3529],{"class":1446,"line":3528},85,[1444,3530,1579],{"emptyLinePlaceholder":1578},[1444,3532,3534,3536,3538,3540,3542,3544,3546],{"class":1446,"line":3533},86,[1444,3535,1948],{"class":1510},[1444,3537,1655],{"class":1450},[1444,3539,1807],{"class":1733},[1444,3541,1744],{"class":1454},[1444,3543,1836],{"class":1450},[1444,3545,1959],{"class":1468},[1444,3547,1839],{"class":1450},[1444,3549,3551,3554,3556,3558,3560,3562,3564,3567,3569,3571,3573,3576,3579,3581,3584,3586,3588],{"class":1446,"line":3550},87,[1444,3552,3553],{"class":1610},"    if",[1444,3555,1848],{"class":1454},[1444,3557,3277],{"class":1510},[1444,3559,1926],{"class":1450},[1444,3561,2112],{"class":1510},[1444,3563,1926],{"class":1450},[1444,3565,3566],{"class":1733},"trim",[1444,3568,1836],{"class":1454},[1444,3570,1926],{"class":1450},[1444,3572,3463],{"class":1733},[1444,3574,3575],{"class":1454},"() ",[1444,3577,3578],{"class":1450},"===",[1444,3580,1632],{"class":1450},[1444,3582,3583],{"class":1478},"taken@example.com",[1444,3585,1663],{"class":1450},[1444,3587,1854],{"class":1454},[1444,3589,1857],{"class":1450},[1444,3591,3593,3595,3597,3599,3601,3603,3605],{"class":1446,"line":3592},88,[1444,3594,2002],{"class":1510},[1444,3596,1926],{"class":1450},[1444,3598,1929],{"class":1510},[1444,3600,1655],{"class":1450},[1444,3602,1632],{"class":1450},[1444,3604,1415],{"class":1478},[1444,3606,1637],{"class":1450},[1444,3608,3610,3613,3615,3617,3619,3621,3624],{"class":1446,"line":3609},89,[1444,3611,3612],{"class":1510},"      error",[1444,3614,1926],{"class":1450},[1444,3616,1929],{"class":1510},[1444,3618,1655],{"class":1450},[1444,3620,1632],{"class":1450},[1444,3622,3623],{"class":1478},"That email is already registered. Try signing in instead.",[1444,3625,1637],{"class":1450},[1444,3627,3629],{"class":1446,"line":3628},90,[1444,3630,3631],{"class":1610},"      return\n",[1444,3633,3635],{"class":1446,"line":3634},91,[1444,3636,3637],{"class":1450},"    }\n",[1444,3639,3641],{"class":1446,"line":3640},92,[1444,3642,1579],{"emptyLinePlaceholder":1578},[1444,3644,3646,3648,3650,3652,3654,3656,3658],{"class":1446,"line":3645},93,[1444,3647,1967],{"class":1510},[1444,3649,1926],{"class":1450},[1444,3651,1929],{"class":1510},[1444,3653,1655],{"class":1450},[1444,3655,1632],{"class":1450},[1444,3657,1411],{"class":1478},[1444,3659,1637],{"class":1450},[1444,3661,3663,3666,3668,3670,3672,3674,3677,3679,3681,3683,3685,3687,3689],{"class":1446,"line":3662},94,[1444,3664,3665],{"class":1510},"    feedback",[1444,3667,1926],{"class":1450},[1444,3669,1929],{"class":1510},[1444,3671,1655],{"class":1450},[1444,3673,3431],{"class":1450},[1444,3675,3676],{"class":1478},"Account created for ",[1444,3678,3437],{"class":1450},[1444,3680,3277],{"class":1510},[1444,3682,1926],{"class":1450},[1444,3684,2112],{"class":1510},[1444,3686,3484],{"class":1450},[1444,3688,1926],{"class":1478},[1444,3690,3691],{"class":1450},"`\n",[1444,3693,3695,3697,3699,3701,3703,3705,3707],{"class":1446,"line":3694},95,[1444,3696,1875],{"class":1510},[1444,3698,1655],{"class":1450},[1444,3700,1807],{"class":1733},[1444,3702,1744],{"class":1454},[1444,3704,1836],{"class":1450},[1444,3706,1959],{"class":1468},[1444,3708,1839],{"class":1450},[1444,3710,3712,3714,3716,3718,3720,3722,3724],{"class":1446,"line":3711},96,[1444,3713,2002],{"class":1510},[1444,3715,1926],{"class":1450},[1444,3717,1929],{"class":1510},[1444,3719,1655],{"class":1450},[1444,3721,1632],{"class":1450},[1444,3723,1688],{"class":1478},[1444,3725,1637],{"class":1450},[1444,3727,3729,3731,3733],{"class":1446,"line":3728},97,[1444,3730,2020],{"class":1450},[1444,3732,2024],{"class":2023},[1444,3734,1753],{"class":1454},[1444,3736,3738,3740,3742],{"class":1446,"line":3737},98,[1444,3739,2032],{"class":1450},[1444,3741,2035],{"class":2023},[1444,3743,1753],{"class":1454},[1444,3745,3747],{"class":1446,"line":3746},99,[1444,3748,1891],{"class":1450},[1444,3750,3752],{"class":1446,"line":3751},100,[1444,3753,1579],{"emptyLinePlaceholder":1578},[1444,3755,3757,3759,3762,3764,3766,3768,3770,3772,3774,3776,3778],{"class":1446,"line":3756},101,[1444,3758,1830],{"class":1468},[1444,3760,3761],{"class":1733}," onMagicLink",[1444,3763,1744],{"class":1450},[1444,3765,3277],{"class":2635},[1444,3767,1501],{"class":1450},[1444,3769,1614],{"class":1450},[1444,3771,2751],{"class":1454},[1444,3773,1501],{"class":1450},[1444,3775,2640],{"class":1651},[1444,3777,3298],{"class":1450},[1444,3779,1839],{"class":1450},[1444,3781,3783,3786,3788,3790,3792,3795,3797],{"class":1446,"line":3782},102,[1444,3784,3785],{"class":1510},"  feedback",[1444,3787,1926],{"class":1450},[1444,3789,1929],{"class":1510},[1444,3791,1655],{"class":1450},[1444,3793,3794],{"class":1510}," values",[1444,3796,1926],{"class":1450},[1444,3798,3799],{"class":1510},"email\n",[1444,3801,3803,3806,3808,3811,3813,3815,3817,3819,3821,3823],{"class":1446,"line":3802},103,[1444,3804,3805],{"class":1450},"    ?",[1444,3807,3431],{"class":1450},[1444,3809,3810],{"class":1478},"Magic link sent to ",[1444,3812,3437],{"class":1450},[1444,3814,3277],{"class":1510},[1444,3816,1926],{"class":1450},[1444,3818,2112],{"class":1510},[1444,3820,3484],{"class":1450},[1444,3822,1926],{"class":1478},[1444,3824,3691],{"class":1450},[1444,3826,3828,3831,3833,3836],{"class":1446,"line":3827},104,[1444,3829,3830],{"class":1450},"    :",[1444,3832,1632],{"class":1450},[1444,3834,3835],{"class":1478},"Add an email first, then request a magic link.",[1444,3837,1637],{"class":1450},[1444,3839,3841],{"class":1446,"line":3840},105,[1444,3842,1891],{"class":1450},[1444,3844,3846],{"class":1446,"line":3845},106,[1444,3847,1579],{"emptyLinePlaceholder":1578},[1444,3849,3851,3853,3856,3858,3860,3862,3864,3866],{"class":1446,"line":3850},107,[1444,3852,1830],{"class":1468},[1444,3854,3855],{"class":1733}," onProvider",[1444,3857,1744],{"class":1450},[1444,3859,2093],{"class":2635},[1444,3861,1501],{"class":1450},[1444,3863,2640],{"class":1651},[1444,3865,2643],{"class":1450},[1444,3867,1839],{"class":1450},[1444,3869,3871,3873,3875,3877,3879,3881,3884,3886,3888,3890,3893],{"class":1446,"line":3870},108,[1444,3872,3785],{"class":1510},[1444,3874,1926],{"class":1450},[1444,3876,1929],{"class":1510},[1444,3878,1655],{"class":1450},[1444,3880,3431],{"class":1450},[1444,3882,3883],{"class":1478},"Continue with ",[1444,3885,3437],{"class":1450},[1444,3887,2093],{"class":1510},[1444,3889,3484],{"class":1450},[1444,3891,3892],{"class":1478}," would open the provider.",[1444,3894,3691],{"class":1450},[1444,3896,3898],{"class":1446,"line":3897},109,[1444,3899,1891],{"class":1450},[1444,3901,3903],{"class":1446,"line":3902},110,[1444,3904,1579],{"emptyLinePlaceholder":1578},[1444,3906,3908,3910],{"class":1446,"line":3907},111,[1444,3909,2053],{"class":1733},[1444,3911,2056],{"class":1510},[1444,3913,3915,3917,3919],{"class":1446,"line":3914},112,[1444,3916,1568],{"class":1450},[1444,3918,1587],{"class":1454},[1444,3920,1457],{"class":1450},[1372,3922,3923,3924,3926,3927,3929],{},"The example above binds the mode, supplies its own providers and password rules,\nand uses the ",[1379,3925,2341],{}," slot for terms copy. Submitting ",[1379,3928,3583],{},"\nexercises the error state.",[1384,3931,3933],{"id":3932},"props","Props",[3935,3936,3937,3945,3955,3972,3980,3992,4000,4007,4022,4036,4041],"component-props",{},[3938,3939,3941,3942,1926],"component-prop",{"name":1392,"type":3940},"'sign-in' | 'sign-up'","Controlled mode. Leave undefined to let the form switch its own, starting from\n",[1379,3943,3944],{},"defaultMode",[3938,3946,3948,3949,3951,3952,3954],{"name":3944,"type":3940,"default":3947},"'sign-in'","Mode used while ",[1379,3950,1392],{}," is unbound. Ignored once ",[1379,3953,1392],{}," is provided.",[3938,3956,3959,3960,3962,3963,3965,3966,3968,3969,3971],{"name":1381,"type":3957,"default":3958},"'idle' | 'submitting' | 'success' | 'error'","'idle'","Submission state. ",[1379,3961,1407],{}," and ",[1379,3964,1411],{}," lock the fields and the button;\n",[1379,3967,1415],{}," reveals the ",[1379,3970,1415],{}," alert.",[3938,3973,3974,3975,3977,3978,1926],{"name":1415,"type":2729},"Form-level error copy. Rendered and focused when ",[1379,3976,1381],{}," is ",[1379,3979,1415],{},[3938,3981,3983,3984,1412,3986,3988,3989,1926],{"name":2108,"type":3982,"default":2773},"AuthFormFieldErrors","Field errors keyed by ",[1379,3985,2112],{},[1379,3987,2115],{},". A present message marks the\ncontrol invalid and links the message through ",[1379,3990,3991],{},"aria-describedby",[3938,3993,3996,3997,1926],{"name":3994,"type":3995},"modelValue","AuthFormValues","Controlled values. Leave undefined to let the form hold its own, seeded from\n",[1379,3998,3999],{},"defaultValues",[3938,4001,4003,4004,4006],{"name":3999,"type":3995,"default":4002},"{ email: '', password: '' }","Starting values while ",[1379,4005,3994],{}," is unbound.",[3938,4008,4011,4012,4014,4015,4017,4018,4021],{"name":2081,"type":4009,"default":4010},"AuthProvider[]","[]","OAuth-style buttons rendered above the email field. Each entry needs ",[1379,4013,2093],{},",\n",[1379,4016,2097],{}," and a UIcon ",[1379,4019,4020],{},"icon"," name.",[3938,4023,4026,4027,1408,4029,4031,4032,4035],{"name":2089,"type":4024,"default":4025},"AuthPasswordRequirement[]","length, uppercase, number","Password rules shown in sign-up mode. Each entry needs ",[1379,4028,2093],{},[1379,4030,2097],{}," and a\n",[1379,4033,4034],{},"test(password)"," predicate.",[3938,4037,4040],{"name":2085,"type":4038,"default":4039},"boolean","false","Renders a \"Send a magic link instead\" button under the password.",[3938,4042,4044],{"name":4043,"type":2729},"class","Extra classes for the outer wrapper.",[1384,4046,4048],{"id":4047},"events","Events",[3935,4050,4051,4055,4063,4071,4074],{},[3938,4052,4054],{"name":1400,"type":4053},"(values: AuthFormValues) => void","Fired on form submission with the current email and password. The form does\nnot send anything itself.",[3938,4056,4058,4059,4062],{"name":4057,"type":4053},"update:modelValue","Fired on every keystroke with the next values. Bind it with ",[1379,4060,4061],{},"v-model"," to own\nthe fields.",[3938,4064,4067,4068,4070],{"name":4065,"type":4066},"update:mode","(mode: AuthFormMode) => void","Fired when the sign-in \u002F sign-up switch is used. Bind it with ",[1379,4069,1396],{}," to\ncontrol the mode.",[3938,4072,4073],{"name":2298,"type":4053},"Fired by the magic-link button with the current email. The password is always\nempty in this payload.",[3938,4075,4077,4078,1926],{"name":2314,"type":4076},"(id: string) => void","Fired by a provider button with that provider's ",[1379,4079,2093],{},[1384,4081,4083],{"id":4082},"slots","Slots",[3935,4085,4086],{},[3938,4087,4089],{"name":2341,"type":4088},"slot","Content below the mode switch, such as terms copy or a support link.",[1384,4091,4093],{"id":4092},"accessibility","Accessibility",[4095,4096,4097,4112,4128,4131,4141,4148,4151],"ul",{},[4098,4099,4100,4101,4104,4105,4107,4108,4111],"li",{},"Both fields have visible ",[1379,4102,4103],{},"\u003Clabel>"," elements, and every hint or error is linked\nthrough ",[1379,4106,3991],{},". Invalid controls also carry ",[1379,4109,4110],{},"aria-invalid"," and the\nerror colour, so the state is not conveyed by colour alone.",[4098,4113,4114,4115,2119,4118,4121,4122,4124,4125,4127],{},"The form-level error is a ",[1379,4116,4117],{},"role=\"alert\"",[1379,4119,4120],{},"tabindex=\"-1\"",". When ",[1379,4123,1381],{},"\nbecomes ",[1379,4126,1415],{}," it receives focus, so a failed request is announced even if the\nsubmit button was focused.",[4098,4129,4130],{},"A polite live region reports submitting, success and failure, so the button's\nlabel change is not the only signal.",[4098,4132,4133,4134,3962,4137,4140],{},"The password field and its rules stay ",[1379,4135,4136],{},"inert",[1379,4138,4139],{},"aria-hidden"," until the\nemail is valid, which keeps a hidden control out of the tab order and the\naccessibility tree without unmounting it.",[4098,4142,4143,4144,4147],{},"The show-password toggle is a button with ",[1379,4145,4146],{},"aria-pressed"," and a label that\nflips between \"Show password\" and \"Hide password\".",[4098,4149,4150],{},"Each password rule states \"met\" or \"not met\" in visually hidden text next to\nthe tick, so the rule list is usable without seeing the colour change.",[4098,4152,4153,4154,4157],{},"Controls use the ",[1379,4155,4156],{},"lg"," size, which keeps the tap targets at the 44px mark used\nacross the library.",[1384,4159,4161],{"id":4160},"performance","Performance",[4095,4163,4164,4178,4193,4196],{},[4098,4165,4166,4167,3962,4170,4173,4174,4177],{},"Every transition is CSS: the mode cross-fade, the field reveal and the button\nlabel morph run on ",[1379,4168,4169],{},"transform",[1379,4171,4172],{},"opacity"," (plus ",[1379,4175,4176],{},"grid-template-rows"," for\nheight), with no measuring pass and no per-keystroke animation work.",[4098,4179,4180,4181,4184,4185,4188,4189,4192],{},"Revealing the password field animates a ",[1379,4182,4183],{},"0fr"," to ",[1379,4186,4187],{},"1fr"," grid row rather than\nreading ",[1379,4190,4191],{},"scrollHeight",", so nothing forces a layout during typing.",[4098,4194,4195],{},"The requirements list recomputes its ticks in one computed pass per keystroke\ninstead of running each predicate repeatedly in the template.",[4098,4197,4198,4199,4202],{},"A ",[1379,4200,4201],{},"prefers-reduced-motion"," media query drops the slide and the label travel,\nleaving a short opacity change.",[4204,4205,4206],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":1434,"searchDepth":1460,"depth":1460,"links":4208},[4209,4210,4211,4212,4213,4214,4215],{"id":1386,"depth":1460,"text":16},{"id":2075,"depth":1460,"text":2076},{"id":3932,"depth":1460,"text":3933},{"id":4047,"depth":1460,"text":4048},{"id":4082,"depth":1460,"text":4083},{"id":4092,"depth":1460,"text":4093},{"id":4160,"depth":1460,"text":4161},"A sign-in and sign-up form with a mode cross-fade, live password rules, provider buttons and a submit button that morphs through its states.","md",null,{},{"title":551,"description":4216},"b5r5BemduP7kGrtGSkuuTMJE1Xo79ZNXfsCa6Y3_MGw",[4223,4225],{"title":547,"path":548,"stem":549,"description":4224,"children":-1},"A switch that plays a quick scale pop when toggled on.",{"title":555,"path":556,"stem":557,"description":4226,"children":-1},"A checkbox whose tick is drawn along its stroke when it is checked.",1792945068985]