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