[{"data":1,"prerenderedAt":2537},["ShallowReactive",2],{"navigation_docs":3,"-components-backgrounds-aurora-curtain":1366,"-components-backgrounds-aurora-curtain-surround":2532},[4,28,35,1150,1173,1180,1335,1359],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":16,"path":17,"stem":18},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":20,"path":21,"stem":22},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming",{"title":24,"path":25,"stem":26},"AI Agents","\u002Fgetting-started\u002Fai-agents","1.getting-started\u002F5.ai-agents","i-lucide-rocket",{"title":29,"path":30,"stem":31,"children":32,"icon":34},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[33],{"title":29,"path":30,"stem":31},"i-lucide-lightbulb",{"title":36,"icon":37,"path":38,"stem":39,"children":40},"Components","i-lucide-component","\u002Fcomponents","3.components",[41,43,58,148,218,252,362,380,394,512,602,768,786,812,846,880,914,1120],{"title":36,"path":38,"stem":42},"3.components\u002Findex",{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":57},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[49,53],{"title":50,"path":51,"stem":52},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",{"title":54,"path":55,"stem":56},"Book","\u002Fcomponents\u002F3d\u002Fbook","3.components\u002F3d\u002Fbook",false,{"title":59,"icon":60,"path":61,"stem":62,"children":63,"page":57},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144],{"title":65,"path":66,"stem":67},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":69,"path":70,"stem":71},"AI Approval","\u002Fcomponents\u002Fai\u002Fai-approval","3.components\u002Fai\u002Fai-approval",{"title":73,"path":74,"stem":75},"AI Artifact","\u002Fcomponents\u002Fai\u002Fai-artifact","3.components\u002Fai\u002Fai-artifact",{"title":77,"path":78,"stem":79},"AI Branch","\u002Fcomponents\u002Fai\u002Fai-branch","3.components\u002Fai\u002Fai-branch",{"title":81,"path":82,"stem":83},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":85,"path":86,"stem":87},"AI Context Meter","\u002Fcomponents\u002Fai\u002Fai-context-meter","3.components\u002Fai\u002Fai-context-meter",{"title":89,"path":90,"stem":91},"AI Conversation","\u002Fcomponents\u002Fai\u002Fai-conversation","3.components\u002Fai\u002Fai-conversation",{"title":93,"path":94,"stem":95},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":97,"path":98,"stem":99},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":101,"path":102,"stem":103},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":105,"path":106,"stem":107},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":109,"path":110,"stem":111},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":113,"path":114,"stem":115},"AI Orb Face Mouth","\u002Fcomponents\u002Fai\u002Fai-orb-face-mouth","3.components\u002Fai\u002Fai-orb-face-mouth",{"title":117,"path":118,"stem":119},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":121,"path":122,"stem":123},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":125,"path":126,"stem":127},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":129,"path":130,"stem":131},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":133,"path":134,"stem":135},"AI Suggestions","\u002Fcomponents\u002Fai\u002Fai-suggestions","3.components\u002Fai\u002Fai-suggestions",{"title":137,"path":138,"stem":139},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":141,"path":142,"stem":143},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":145,"path":146,"stem":147},"Image Generation Panel","\u002Fcomponents\u002Fai\u002Fimage-generation-panel","3.components\u002Fai\u002Fimage-generation-panel",{"title":149,"icon":150,"path":151,"stem":152,"children":153,"page":57},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214],{"title":155,"path":156,"stem":157},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":159,"path":160,"stem":161},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":163,"path":164,"stem":165},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":167,"path":168,"stem":169},"Aurora Curtain","\u002Fcomponents\u002Fbackgrounds\u002Faurora-curtain","3.components\u002Fbackgrounds\u002Faurora-curtain",{"title":171,"path":172,"stem":173},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":175,"path":176,"stem":177},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":179,"path":180,"stem":181},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":183,"path":184,"stem":185},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":187,"path":188,"stem":189},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":191,"path":192,"stem":193},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":195,"path":196,"stem":197},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":199,"path":200,"stem":201},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":203,"path":204,"stem":205},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":207,"path":208,"stem":209},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":211,"path":212,"stem":213},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":215,"path":216,"stem":217},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":219,"icon":220,"path":221,"stem":222,"children":223,"page":57},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[224,228,232,236,240,244,248],{"title":225,"path":226,"stem":227},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":229,"path":230,"stem":231},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":233,"path":234,"stem":235},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":237,"path":238,"stem":239},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":241,"path":242,"stem":243},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":245,"path":246,"stem":247},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":249,"path":250,"stem":251},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":253,"icon":254,"path":255,"stem":256,"children":257,"page":57},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[258,262,266,270,274,278,282,286,290,294,298,302,306,310,314,318,322,326,330,334,338,342,346,350,354,358],{"title":259,"path":260,"stem":261},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":263,"path":264,"stem":265},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":267,"path":268,"stem":269},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":271,"path":272,"stem":273},"Card Swipe Deck","\u002Fcomponents\u002Fcards\u002Fcard-swipe-deck","3.components\u002Fcards\u002Fcard-swipe-deck",{"title":275,"path":276,"stem":277},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":279,"path":280,"stem":281},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":283,"path":284,"stem":285},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":287,"path":288,"stem":289},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":291,"path":292,"stem":293},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":295,"path":296,"stem":297},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":299,"path":300,"stem":301},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":303,"path":304,"stem":305},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":307,"path":308,"stem":309},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":311,"path":312,"stem":313},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":315,"path":316,"stem":317},"Mac Terminal","\u002Fcomponents\u002Fcards\u002Fmac-terminal","3.components\u002Fcards\u002Fmac-terminal",{"title":319,"path":320,"stem":321},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":323,"path":324,"stem":325},"Photo Stack","\u002Fcomponents\u002Fcards\u002Fphoto-stack","3.components\u002Fcards\u002Fphoto-stack",{"title":327,"path":328,"stem":329},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":331,"path":332,"stem":333},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":335,"path":336,"stem":337},"Scrollable Card Stack","\u002Fcomponents\u002Fcards\u002Fscrollable-card-stack","3.components\u002Fcards\u002Fscrollable-card-stack",{"title":339,"path":340,"stem":341},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":343,"path":344,"stem":345},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":347,"path":348,"stem":349},"Tilt Card","\u002Fcomponents\u002Fcards\u002Ftilt-card","3.components\u002Fcards\u002Ftilt-card",{"title":351,"path":352,"stem":353},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":355,"path":356,"stem":357},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":359,"path":360,"stem":361},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":363,"icon":364,"path":365,"stem":366,"children":367,"page":57},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[368,372,376],{"title":369,"path":370,"stem":371},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":373,"path":374,"stem":375},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":377,"path":378,"stem":379},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":381,"icon":382,"path":383,"stem":384,"children":385,"page":57},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[386,390],{"title":387,"path":388,"stem":389},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":391,"path":392,"stem":393},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":395,"icon":396,"path":397,"stem":398,"children":399,"page":57},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[400,404,408,412,416,420,424,428,432,436,440,444,448,452,456,460,464,468,472,476,480,484,488,492,496,500,504,508],{"title":401,"path":402,"stem":403},"Arcade Pixel","\u002Fcomponents\u002Feffects\u002Farcade-pixel","3.components\u002Feffects\u002Farcade-pixel",{"title":405,"path":406,"stem":407},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":409,"path":410,"stem":411},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":413,"path":414,"stem":415},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":417,"path":418,"stem":419},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":421,"path":422,"stem":423},"Dither Image","\u002Fcomponents\u002Feffects\u002Fdither-image","3.components\u002Feffects\u002Fdither-image",{"title":425,"path":426,"stem":427},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":429,"path":430,"stem":431},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":433,"path":434,"stem":435},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":437,"path":438,"stem":439},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":441,"path":442,"stem":443},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":445,"path":446,"stem":447},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":449,"path":450,"stem":451},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":453,"path":454,"stem":455},"Gooey Filter","\u002Fcomponents\u002Feffects\u002Fgooey-filter","3.components\u002Feffects\u002Fgooey-filter",{"title":457,"path":458,"stem":459},"Gravity Stars","\u002Fcomponents\u002Feffects\u002Fgravity-stars","3.components\u002Feffects\u002Fgravity-stars",{"title":461,"path":462,"stem":463},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":465,"path":466,"stem":467},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":469,"path":470,"stem":471},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":473,"path":474,"stem":475},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":477,"path":478,"stem":479},"Pixel Flow Field","\u002Fcomponents\u002Feffects\u002Fpixel-flow-field","3.components\u002Feffects\u002Fpixel-flow-field",{"title":481,"path":482,"stem":483},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":485,"path":486,"stem":487},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":489,"path":490,"stem":491},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":493,"path":494,"stem":495},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":497,"path":498,"stem":499},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":501,"path":502,"stem":503},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":505,"path":506,"stem":507},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":509,"path":510,"stem":511},"Video Ambient","\u002Fcomponents\u002Feffects\u002Fvideo-ambient","3.components\u002Feffects\u002Fvideo-ambient",{"title":513,"icon":514,"path":515,"stem":516,"children":517,"page":57},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[518,522,526,530,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598],{"title":519,"path":520,"stem":521},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":523,"path":524,"stem":525},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":527,"path":528,"stem":529},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":531,"path":532,"stem":533},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":535,"path":536,"stem":537},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":539,"path":540,"stem":541},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":543,"path":544,"stem":545},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":547,"path":548,"stem":549},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":551,"path":552,"stem":553},"Auth Form","\u002Fcomponents\u002Fforms\u002Fauth-form","3.components\u002Fforms\u002Fauth-form",{"title":555,"path":556,"stem":557},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":559,"path":560,"stem":561},"Country Picker","\u002Fcomponents\u002Fforms\u002Fcountry-picker","3.components\u002Fforms\u002Fcountry-picker",{"title":563,"path":564,"stem":565},"Digit Roll","\u002Fcomponents\u002Fforms\u002Fdigit-roll","3.components\u002Fforms\u002Fdigit-roll",{"title":567,"path":568,"stem":569},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":571,"path":572,"stem":573},"Favicon Search","\u002Fcomponents\u002Fforms\u002Ffavicon-search","3.components\u002Fforms\u002Ffavicon-search",{"title":575,"path":576,"stem":577},"Float Input","\u002Fcomponents\u002Fforms\u002Ffloat-input","3.components\u002Fforms\u002Ffloat-input",{"title":579,"path":580,"stem":581},"Form","\u002Fcomponents\u002Fforms\u002Fform","3.components\u002Fforms\u002Fform",{"title":583,"path":584,"stem":585},"Morph Toggle","\u002Fcomponents\u002Fforms\u002Fmorph-toggle","3.components\u002Fforms\u002Fmorph-toggle",{"title":587,"path":588,"stem":589},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":591,"path":592,"stem":593},"Scrubber","\u002Fcomponents\u002Fforms\u002Fscrubber","3.components\u002Fforms\u002Fscrubber",{"title":595,"path":596,"stem":597},"Social Selector","\u002Fcomponents\u002Fforms\u002Fsocial-selector","3.components\u002Fforms\u002Fsocial-selector",{"title":599,"path":600,"stem":601},"Swap Panel","\u002Fcomponents\u002Fforms\u002Fswap-panel","3.components\u002Fforms\u002Fswap-panel",{"title":603,"icon":604,"path":605,"stem":606,"children":607,"page":57},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[608,612,616,620,624,628,632,636,640,644,648,652,656,660,664,668,672,676,680,684,688,692,696,700,704,708,712,716,720,724,728,732,736,740,744,748,752,756,760,764],{"title":609,"path":610,"stem":611},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":613,"path":614,"stem":615},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":617,"path":618,"stem":619},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":621,"path":622,"stem":623},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":625,"path":626,"stem":627},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":629,"path":630,"stem":631},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":633,"path":634,"stem":635},"Contribution Graph","\u002Fcomponents\u002Finteractive\u002Fcontribution-graph","3.components\u002Finteractive\u002Fcontribution-graph",{"title":637,"path":638,"stem":639},"Count Badge","\u002Fcomponents\u002Finteractive\u002Fcount-badge","3.components\u002Finteractive\u002Fcount-badge",{"title":641,"path":642,"stem":643},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":645,"path":646,"stem":647},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":649,"path":650,"stem":651},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":653,"path":654,"stem":655},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":657,"path":658,"stem":659},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":661,"path":662,"stem":663},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":665,"path":666,"stem":667},"Fluid Hover Highlight","\u002Fcomponents\u002Finteractive\u002Ffluid-hover-highlight","3.components\u002Finteractive\u002Ffluid-hover-highlight",{"title":669,"path":670,"stem":671},"Folder Reveal","\u002Fcomponents\u002Finteractive\u002Ffolder-reveal","3.components\u002Finteractive\u002Ffolder-reveal",{"title":673,"path":674,"stem":675},"GitHub Stars Animation","\u002Fcomponents\u002Finteractive\u002Fgithub-stars-animation","3.components\u002Finteractive\u002Fgithub-stars-animation",{"title":677,"path":678,"stem":679},"Hover Expand","\u002Fcomponents\u002Finteractive\u002Fhover-expand","3.components\u002Finteractive\u002Fhover-expand",{"title":681,"path":682,"stem":683},"Hover Image List","\u002Fcomponents\u002Finteractive\u002Fhover-image-list","3.components\u002Finteractive\u002Fhover-image-list",{"title":685,"path":686,"stem":687},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":689,"path":690,"stem":691},"Image Metadata Preview","\u002Fcomponents\u002Finteractive\u002Fimage-metadata-preview","3.components\u002Finteractive\u002Fimage-metadata-preview",{"title":693,"path":694,"stem":695},"Inline Testimonials","\u002Fcomponents\u002Finteractive\u002Finline-testimonials","3.components\u002Finteractive\u002Finline-testimonials",{"title":697,"path":698,"stem":699},"Interactive Image Selector","\u002Fcomponents\u002Finteractive\u002Finteractive-image-selector","3.components\u002Finteractive\u002Finteractive-image-selector",{"title":701,"path":702,"stem":703},"Job Listing","\u002Fcomponents\u002Finteractive\u002Fjob-listing","3.components\u002Finteractive\u002Fjob-listing",{"title":705,"path":706,"stem":707},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":709,"path":710,"stem":711},"Morph Surface","\u002Fcomponents\u002Finteractive\u002Fmorph-surface","3.components\u002Finteractive\u002Fmorph-surface",{"title":713,"path":714,"stem":715},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":717,"path":718,"stem":719},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":721,"path":722,"stem":723},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":725,"path":726,"stem":727},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":729,"path":730,"stem":731},"Phototab","\u002Fcomponents\u002Finteractive\u002Fphototab","3.components\u002Finteractive\u002Fphototab",{"title":733,"path":734,"stem":735},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":737,"path":738,"stem":739},"Pixel Brush Canvas","\u002Fcomponents\u002Finteractive\u002Fpixel-brush-canvas","3.components\u002Finteractive\u002Fpixel-brush-canvas",{"title":741,"path":742,"stem":743},"Power Off Slide","\u002Fcomponents\u002Finteractive\u002Fpower-off-slide","3.components\u002Finteractive\u002Fpower-off-slide",{"title":745,"path":746,"stem":747},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":749,"path":750,"stem":751},"Time Machine Stack","\u002Fcomponents\u002Finteractive\u002Ftime-machine-stack","3.components\u002Finteractive\u002Ftime-machine-stack",{"title":753,"path":754,"stem":755},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":757,"path":758,"stem":759},"User Account Avatar","\u002Fcomponents\u002Finteractive\u002Fuser-account-avatar","3.components\u002Finteractive\u002Fuser-account-avatar",{"title":761,"path":762,"stem":763},"Vector Editor Toolbar","\u002Fcomponents\u002Finteractive\u002Fvector-editor-toolbar","3.components\u002Finteractive\u002Fvector-editor-toolbar",{"title":765,"path":766,"stem":767},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":769,"icon":770,"path":771,"stem":772,"children":773,"page":57},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[774,778,782],{"title":775,"path":776,"stem":777},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":779,"path":780,"stem":781},"Breakpoint Indicator","\u002Fcomponents\u002Flayout\u002Fbreakpoint-indicator","3.components\u002Flayout\u002Fbreakpoint-indicator",{"title":783,"path":784,"stem":785},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":787,"icon":788,"path":789,"stem":790,"children":791,"page":57},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[792,796,800,804,808],{"title":793,"path":794,"stem":795},"AI Loader","\u002Fcomponents\u002Floaders\u002Fai-loader","3.components\u002Floaders\u002Fai-loader",{"title":797,"path":798,"stem":799},"Content Skeleton","\u002Fcomponents\u002Floaders\u002Fcontent-skeleton","3.components\u002Floaders\u002Fcontent-skeleton",{"title":801,"path":802,"stem":803},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":805,"path":806,"stem":807},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":809,"path":810,"stem":811},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":813,"icon":814,"path":815,"stem":816,"children":817,"page":57},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[818,822,826,830,834,838,842],{"title":819,"path":820,"stem":821},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":823,"path":824,"stem":825},"Cursor Follow","\u002Fcomponents\u002Fmovement\u002Fcursor-follow","3.components\u002Fmovement\u002Fcursor-follow",{"title":827,"path":828,"stem":829},"Cursor Image Trail","\u002Fcomponents\u002Fmovement\u002Fcursor-image-trail","3.components\u002Fmovement\u002Fcursor-image-trail",{"title":831,"path":832,"stem":833},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":835,"path":836,"stem":837},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":839,"path":840,"stem":841},"Magnetic Field","\u002Fcomponents\u002Fmovement\u002Fmagnetic-field","3.components\u002Fmovement\u002Fmagnetic-field",{"title":843,"path":844,"stem":845},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":847,"icon":848,"path":849,"stem":850,"children":851,"page":57},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[852,856,860,864,868,872,876],{"title":853,"path":854,"stem":855},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","3.components\u002Fnavigation\u002Fbreadcrumb",{"title":857,"path":858,"stem":859},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":861,"path":862,"stem":863},"File Tree","\u002Fcomponents\u002Fnavigation\u002Ffile-tree","3.components\u002Fnavigation\u002Ffile-tree",{"title":865,"path":866,"stem":867},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":869,"path":870,"stem":871},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","3.components\u002Fnavigation\u002Fpagination",{"title":873,"path":874,"stem":875},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":877,"path":878,"stem":879},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":881,"icon":882,"path":883,"stem":884,"children":885,"page":57},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[886,890,894,898,902,906,910],{"title":887,"path":888,"stem":889},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":891,"path":892,"stem":893},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":895,"path":896,"stem":897},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":899,"path":900,"stem":901},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":903,"path":904,"stem":905},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":907,"path":908,"stem":909},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":911,"path":912,"stem":913},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":915,"icon":916,"path":917,"stem":918,"children":919,"page":57},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[920,924,928,932,936,940,944,948,952,956,960,964,968,972,976,980,984,988,992,996,1000,1004,1008,1012,1016,1020,1024,1028,1032,1036,1040,1044,1048,1052,1056,1060,1064,1068,1072,1076,1080,1084,1088,1092,1096,1100,1104,1108,1112,1116],{"title":921,"path":922,"stem":923},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":925,"path":926,"stem":927},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":929,"path":930,"stem":931},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":933,"path":934,"stem":935},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":937,"path":938,"stem":939},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":941,"path":942,"stem":943},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":945,"path":946,"stem":947},"Depth Parallax Words","\u002Fcomponents\u002Ftext\u002Fdepth-parallax-words","3.components\u002Ftext\u002Fdepth-parallax-words",{"title":949,"path":950,"stem":951},"Fade Through","\u002Fcomponents\u002Ftext\u002Ffade-through","3.components\u002Ftext\u002Ffade-through",{"title":953,"path":954,"stem":955},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":957,"path":958,"stem":959},"Gravity Letters","\u002Fcomponents\u002Ftext\u002Fgravity-letters","3.components\u002Ftext\u002Fgravity-letters",{"title":961,"path":962,"stem":963},"Kinetic Center Build","\u002Fcomponents\u002Ftext\u002Fkinetic-center-build","3.components\u002Ftext\u002Fkinetic-center-build",{"title":965,"path":966,"stem":967},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":969,"path":970,"stem":971},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":973,"path":974,"stem":975},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":977,"path":978,"stem":979},"Number Flow","\u002Fcomponents\u002Ftext\u002Fnumber-flow","3.components\u002Ftext\u002Fnumber-flow",{"title":981,"path":982,"stem":983},"Per Character Rise","\u002Fcomponents\u002Ftext\u002Fper-character-rise","3.components\u002Ftext\u002Fper-character-rise",{"title":985,"path":986,"stem":987},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":989,"path":990,"stem":991},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":993,"path":994,"stem":995},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":997,"path":998,"stem":999},"Rolling Text","\u002Fcomponents\u002Ftext\u002Frolling-text","3.components\u002Ftext\u002Frolling-text",{"title":1001,"path":1002,"stem":1003},"Scale Down Fade","\u002Fcomponents\u002Ftext\u002Fscale-down-fade","3.components\u002Ftext\u002Fscale-down-fade",{"title":1005,"path":1006,"stem":1007},"Scroll Reveal Paragraph","\u002Fcomponents\u002Ftext\u002Fscroll-reveal-paragraph","3.components\u002Ftext\u002Fscroll-reveal-paragraph",{"title":1009,"path":1010,"stem":1011},"Shared Axis","\u002Fcomponents\u002Ftext\u002Fshared-axis","3.components\u002Ftext\u002Fshared-axis",{"title":1013,"path":1014,"stem":1015},"Shimmer Sweep","\u002Fcomponents\u002Ftext\u002Fshimmer-sweep","3.components\u002Ftext\u002Fshimmer-sweep",{"title":1017,"path":1018,"stem":1019},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":1021,"path":1022,"stem":1023},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":1025,"path":1026,"stem":1027},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":1029,"path":1030,"stem":1031},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":1033,"path":1034,"stem":1035},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":1037,"path":1038,"stem":1039},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":1041,"path":1042,"stem":1043},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":1045,"path":1046,"stem":1047},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":1049,"path":1050,"stem":1051},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":1053,"path":1054,"stem":1055},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":1057,"path":1058,"stem":1059},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":1061,"path":1062,"stem":1063},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":1065,"path":1066,"stem":1067},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":1069,"path":1070,"stem":1071},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":1073,"path":1074,"stem":1075},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":1077,"path":1078,"stem":1079},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":1081,"path":1082,"stem":1083},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":1085,"path":1086,"stem":1087},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":1089,"path":1090,"stem":1091},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":1093,"path":1094,"stem":1095},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":1097,"path":1098,"stem":1099},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":1101,"path":1102,"stem":1103},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":1105,"path":1106,"stem":1107},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":1109,"path":1110,"stem":1111},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":1113,"path":1114,"stem":1115},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":1117,"path":1118,"stem":1119},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":1121,"icon":1122,"path":1123,"stem":1124,"children":1125,"page":57},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[1126,1130,1134,1138,1142,1146],{"title":1127,"path":1128,"stem":1129},"Aperture Blur Transition","\u002Fcomponents\u002Ftransitions\u002Faperture-blur-transition","3.components\u002Ftransitions\u002Faperture-blur-transition",{"title":1131,"path":1132,"stem":1133},"Chroma Blur Transition","\u002Fcomponents\u002Ftransitions\u002Fchroma-blur-transition","3.components\u002Ftransitions\u002Fchroma-blur-transition",{"title":1135,"path":1136,"stem":1137},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":1139,"path":1140,"stem":1141},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":1143,"path":1144,"stem":1145},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":1147,"path":1148,"stem":1149},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":1151,"path":1152,"stem":1153,"children":1154,"icon":1172},"Composables","\u002Fcomposables","4.composables\u002Findex",[1155,1156,1160,1164,1168],{"title":1151,"path":1152,"stem":1153},{"title":1157,"path":1158,"stem":1159},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":1161,"path":1162,"stem":1163},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":1165,"path":1166,"stem":1167},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":1169,"path":1170,"stem":1171},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":1174,"path":1175,"stem":1176,"children":1177,"icon":1179},"Guides","\u002Fguides","5.guides\u002Findex",[1178],{"title":1174,"path":1175,"stem":1176},"i-lucide-book-open",{"title":1181,"icon":1182,"path":1183,"stem":1184,"children":1185},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[1186,1188,1201,1210,1223,1236,1252,1265,1274,1283,1296,1305,1318,1327],{"title":1181,"path":1183,"stem":1187},"6.blocks\u002Findex",{"title":1189,"path":1190,"stem":1191,"children":1192,"page":57},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[1193,1197],{"title":1194,"path":1195,"stem":1196},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":1198,"path":1199,"stem":1200},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":1202,"path":1203,"stem":1204,"children":1205,"page":57},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[1206],{"title":1207,"path":1208,"stem":1209},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":1211,"path":1212,"stem":1213,"children":1214,"page":57},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[1215,1219],{"title":1216,"path":1217,"stem":1218},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":1220,"path":1221,"stem":1222},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":1224,"path":1225,"stem":1226,"children":1227,"page":57},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[1228,1232],{"title":1229,"path":1230,"stem":1231},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":1233,"path":1234,"stem":1235},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":1237,"path":1238,"stem":1239,"children":1240,"page":57},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[1241,1245,1248],{"title":1242,"path":1243,"stem":1244},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":159,"path":1246,"stem":1247},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":1249,"path":1250,"stem":1251},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":1253,"path":1254,"stem":1255,"children":1256,"page":57},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[1257,1261],{"title":1258,"path":1259,"stem":1260},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":1262,"path":1263,"stem":1264},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":1266,"path":1267,"stem":1268,"children":1269,"page":57},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[1270],{"title":1271,"path":1272,"stem":1273},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":1275,"path":1276,"stem":1277,"children":1278,"page":57},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[1279],{"title":1280,"path":1281,"stem":1282},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1284,"path":1285,"stem":1286,"children":1287,"page":57},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1288,1292],{"title":1289,"path":1290,"stem":1291},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1293,"path":1294,"stem":1295},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1297,"path":1298,"stem":1299,"children":1300,"page":57},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1301],{"title":1302,"path":1303,"stem":1304},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1306,"path":1307,"stem":1308,"children":1309,"page":57},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1310,1314],{"title":1311,"path":1312,"stem":1313},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1315,"path":1316,"stem":1317},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1319,"path":1320,"stem":1321,"children":1322,"page":57},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1323],{"title":1324,"path":1325,"stem":1326},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1328,"path":1329,"stem":1330,"children":1331,"page":57},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1332],{"title":1293,"path":1333,"stem":1334},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1336,"icon":1337,"path":1338,"stem":1339,"children":1340},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1341,1343,1347,1351,1355],{"title":1336,"path":1338,"stem":1342},"7.templates\u002Findex",{"title":1344,"path":1345,"stem":1346},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1348,"path":1349,"stem":1350},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1352,"path":1353,"stem":1354},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1356,"path":1357,"stem":1358},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1360,"path":1361,"stem":1362,"children":1363,"icon":1365},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1364],{"title":1360,"path":1361,"stem":1362},"i-lucide-braces",{"id":1367,"title":167,"body":1368,"description":2526,"extension":2527,"links":2528,"meta":2529,"navigation":2209,"path":168,"seo":2530,"stem":169,"__hash__":2531},"docs\u002F3.components\u002Fbackgrounds\u002Faurora-curtain.md",{"type":1369,"value":1370,"toc":2518},"minimark",[1371,1375,1378,1382,1390,1655,1658,1662,1680,1702,1716,2392,2396,2450,2454,2461,2465,2493,2497,2514],[1372,1373,1374],"p",{},"An aurora curtain paints a handful of light ribbons behind whatever you put\ninside it. Each ribbon follows its own three-octave meander, pinches towards\nboth ends and breathes on a slow swell, so the field folds along its length\ninstead of sliding across as a rigid bar. A second, much wider halo wraps every\ncore, which is what turns a line into light.",[1372,1376,1377],{},"The whole thing is one fullscreen fragment shader on a single canvas. It draws\nonly while the wrapper is on screen and the document is visible, and it holds a\nstill frame when the reader prefers reduced motion.",[1379,1380,16],"h2",{"id":1381},"usage",[1372,1383,1384,1385,1389],{},"Wrap the content that should sit above the curtain. The component is positioned\nand clips its own overflow, so give it a size — usually through the content's\nheight or a ",[1386,1387,1388],"code",{},"class",".",[1391,1392,1394,1404],"code-preview",{"label":1393},"Preview",[1395,1396,1399,1400],"div",{"className":1397},[1398],"w-full","  ",[1401,1402],"component-example",{"name":1403},"aurora-curtain-basic",[1405,1406,1408],"template",{"v-slot:code":1407},"",[1409,1410,1414],"pre",{"className":1411,"code":1412,"language":1413,"meta":1407,"style":1407},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full justify-center\">\n    \u003CMAuroraCurtain class=\"w-full rounded-2xl border border-default\">\n      \u003Cdiv class=\"flex min-h-[340px] flex-col items-center justify-center gap-3 px-6 py-16 text-center\">\n        \u003Cp class=\"text-[11px] font-medium tracking-[0.28em] text-muted uppercase\">\n          Northern lights\n        \u003C\u002Fp>\n        \u003Ch3 class=\"max-w-md text-2xl font-semibold text-balance text-highlighted\">\n          Colour that drifts like weather\n        \u003C\u002Fh3>\n        \u003Cp class=\"max-w-sm text-sm text-balance text-muted\">\n          Three ribbons fold, pinch and breathe over a layer of film grain, all\n          inside one canvas that stops as soon as it leaves the screen.\n        \u003C\u002Fp>\n      \u003C\u002Fdiv>\n    \u003C\u002FMAuroraCurtain>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[1386,1415,1416,1431,1457,1479,1500,1521,1528,1538,1559,1565,1574,1594,1600,1606,1615,1625,1635,1645],{"__ignoreMap":1407},[1417,1418,1421,1425,1428],"span",{"class":1419,"line":1420},"line",1,[1417,1422,1424],{"class":1423},"sMK4o","\u003C",[1417,1426,1405],{"class":1427},"swJcz",[1417,1429,1430],{"class":1423},">\n",[1417,1432,1434,1437,1439,1443,1446,1449,1453,1455],{"class":1419,"line":1433},2,[1417,1435,1436],{"class":1423},"  \u003C",[1417,1438,1395],{"class":1427},[1417,1440,1442],{"class":1441},"spNyl"," class",[1417,1444,1445],{"class":1423},"=",[1417,1447,1448],{"class":1423},"\"",[1417,1450,1452],{"class":1451},"sfazB","flex w-full justify-center",[1417,1454,1448],{"class":1423},[1417,1456,1430],{"class":1423},[1417,1458,1460,1463,1466,1468,1470,1472,1475,1477],{"class":1419,"line":1459},3,[1417,1461,1462],{"class":1423},"    \u003C",[1417,1464,1465],{"class":1427},"MAuroraCurtain",[1417,1467,1442],{"class":1441},[1417,1469,1445],{"class":1423},[1417,1471,1448],{"class":1423},[1417,1473,1474],{"class":1451},"w-full rounded-2xl border border-default",[1417,1476,1448],{"class":1423},[1417,1478,1430],{"class":1423},[1417,1480,1482,1485,1487,1489,1491,1493,1496,1498],{"class":1419,"line":1481},4,[1417,1483,1484],{"class":1423},"      \u003C",[1417,1486,1395],{"class":1427},[1417,1488,1442],{"class":1441},[1417,1490,1445],{"class":1423},[1417,1492,1448],{"class":1423},[1417,1494,1495],{"class":1451},"flex min-h-[340px] flex-col items-center justify-center gap-3 px-6 py-16 text-center",[1417,1497,1448],{"class":1423},[1417,1499,1430],{"class":1423},[1417,1501,1503,1506,1508,1510,1512,1514,1517,1519],{"class":1419,"line":1502},5,[1417,1504,1505],{"class":1423},"        \u003C",[1417,1507,1372],{"class":1427},[1417,1509,1442],{"class":1441},[1417,1511,1445],{"class":1423},[1417,1513,1448],{"class":1423},[1417,1515,1516],{"class":1451},"text-[11px] font-medium tracking-[0.28em] text-muted uppercase",[1417,1518,1448],{"class":1423},[1417,1520,1430],{"class":1423},[1417,1522,1524],{"class":1419,"line":1523},6,[1417,1525,1527],{"class":1526},"sTEyZ","          Northern lights\n",[1417,1529,1531,1534,1536],{"class":1419,"line":1530},7,[1417,1532,1533],{"class":1423},"        \u003C\u002F",[1417,1535,1372],{"class":1427},[1417,1537,1430],{"class":1423},[1417,1539,1541,1543,1546,1548,1550,1552,1555,1557],{"class":1419,"line":1540},8,[1417,1542,1505],{"class":1423},[1417,1544,1545],{"class":1427},"h3",[1417,1547,1442],{"class":1441},[1417,1549,1445],{"class":1423},[1417,1551,1448],{"class":1423},[1417,1553,1554],{"class":1451},"max-w-md text-2xl font-semibold text-balance text-highlighted",[1417,1556,1448],{"class":1423},[1417,1558,1430],{"class":1423},[1417,1560,1562],{"class":1419,"line":1561},9,[1417,1563,1564],{"class":1526},"          Colour that drifts like weather\n",[1417,1566,1568,1570,1572],{"class":1419,"line":1567},10,[1417,1569,1533],{"class":1423},[1417,1571,1545],{"class":1427},[1417,1573,1430],{"class":1423},[1417,1575,1577,1579,1581,1583,1585,1587,1590,1592],{"class":1419,"line":1576},11,[1417,1578,1505],{"class":1423},[1417,1580,1372],{"class":1427},[1417,1582,1442],{"class":1441},[1417,1584,1445],{"class":1423},[1417,1586,1448],{"class":1423},[1417,1588,1589],{"class":1451},"max-w-sm text-sm text-balance text-muted",[1417,1591,1448],{"class":1423},[1417,1593,1430],{"class":1423},[1417,1595,1597],{"class":1419,"line":1596},12,[1417,1598,1599],{"class":1526},"          Three ribbons fold, pinch and breathe over a layer of film grain, all\n",[1417,1601,1603],{"class":1419,"line":1602},13,[1417,1604,1605],{"class":1526},"          inside one canvas that stops as soon as it leaves the screen.\n",[1417,1607,1609,1611,1613],{"class":1419,"line":1608},14,[1417,1610,1533],{"class":1423},[1417,1612,1372],{"class":1427},[1417,1614,1430],{"class":1423},[1417,1616,1618,1621,1623],{"class":1419,"line":1617},15,[1417,1619,1620],{"class":1423},"      \u003C\u002F",[1417,1622,1395],{"class":1427},[1417,1624,1430],{"class":1423},[1417,1626,1628,1631,1633],{"class":1419,"line":1627},16,[1417,1629,1630],{"class":1423},"    \u003C\u002F",[1417,1632,1465],{"class":1427},[1417,1634,1430],{"class":1423},[1417,1636,1638,1641,1643],{"class":1419,"line":1637},17,[1417,1639,1640],{"class":1423},"  \u003C\u002F",[1417,1642,1395],{"class":1427},[1417,1644,1430],{"class":1423},[1417,1646,1648,1651,1653],{"class":1419,"line":1647},18,[1417,1649,1650],{"class":1423},"\u003C\u002F",[1417,1652,1405],{"class":1427},[1417,1654,1430],{"class":1423},[1372,1656,1657],{},"The default palette is the theme's primary, info and secondary colours, probed\nfrom the surrounding page, so the curtain follows a customised Nuxt UI theme\nwithout any extra configuration.",[1379,1659,1661],{"id":1660},"customize","Customize",[1372,1663,1664,1667,1668,1671,1672,1675,1676,1679],{},[1386,1665,1666],{},"bands"," sets how many ribbons are drawn, ",[1386,1669,1670],{},"blur"," widens and softens each one, and\n",[1386,1673,1674],{},"intensity"," scales the whole field. ",[1386,1677,1678],{},"direction=\"down\""," flips the falloff so the\nlight hangs from the top edge instead of rising from the bottom.",[1372,1681,1682,1685,1686,1689,1690,1693,1694,1697,1698,1701],{},[1386,1683,1684],{},"noise"," adds film grain across the entire surface — not only where there is\nlight — and ",[1386,1687,1688],{},"true"," is shorthand for ",[1386,1691,1692],{},"0.6",". ",[1386,1695,1696],{},"speed"," scales the drift, and\n",[1386,1699,1700],{},"paused"," freezes the current frame without unmounting the canvas.",[1372,1703,1704,1707,1708,1711,1712,1715],{},[1386,1705,1706],{},"colors"," takes any CSS colour, a ",[1386,1709,1710],{},"var(--token)"," reference, or a bare custom\nproperty name such as ",[1386,1713,1714],{},"--color-brand",". Colours are resolved against the active\ntheme once per palette change, then handed to the shader as sRGB.",[1391,1717,1718,1724],{"label":1393},[1395,1719,1399,1721],{"className":1720},[1398],[1401,1722],{"name":1723},"aurora-curtain-custom",[1405,1725,1726],{"v-slot:code":1407},[1409,1727,1729],{"className":1411,"code":1728,"language":1413,"meta":1407,"style":1407},"\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full flex-col items-center gap-4\">\n    \u003CMAuroraCurtain\n      :bands=\"2\"\n      :blur=\"0.85\"\n      :colors=\"colors\"\n      :intensity=\"0.9\"\n      :noise=\"0.45\"\n      :paused=\"paused\"\n      :speed=\"0.6\"\n      direction=\"down\"\n      class=\"w-full rounded-2xl border border-default\"\n    >\n      \u003Cdiv class=\"flex min-h-[340px] flex-col items-center justify-center gap-4 px-6 py-16 text-center\">\n        \u003Cspan\n          class=\"rounded-full border border-default bg-default\u002F60 px-3 py-1 text-xs font-medium text-muted backdrop-blur-sm\"\n        >\n          {{ paused ? 'Paused' : 'Live' }}\n        \u003C\u002Fspan>\n        \u003Ch3 class=\"max-w-sm text-2xl font-semibold text-balance text-highlighted\">\n          Two ribbons, heavier grain\n        \u003C\u002Fh3>\n        \u003Cp class=\"max-w-sm text-sm text-balance text-muted\">\n          Light falls from the top edge, the blur softens every ribbon and the\n          grain moves even where there is no light.\n        \u003C\u002Fp>\n        \u003CUButton\n          :label=\"paused ? 'Resume' : 'Pause'\"\n          :icon=\"paused ? 'i-lucide-play' : 'i-lucide-pause'\"\n          color=\"neutral\"\n          variant=\"outline\"\n          size=\"sm\"\n          @click=\"paused = !paused\"\n        \u002F>\n      \u003C\u002Fdiv>\n    \u003C\u002FMAuroraCurtain>\n\n    \u003Cp class=\"text-xs text-muted\">\n      The gradient underneath is a CSS fallback for browsers without WebGL2.\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst paused = ref(false)\nconst colors = ['var(--ui-info)', 'var(--ui-primary)']\n\u003C\u002Fscript>\n",[1386,1730,1731,1739,1758,1765,1783,1798,1812,1827,1842,1856,1870,1884,1897,1902,1921,1928,1942,1947,1952,1961,1981,1987,1996,2015,2021,2027,2036,2044,2081,2113,2128,2143,2158,2180,2186,2195,2204,2211,2231,2237,2246,2255,2264,2269,2294,2321,2326,2350,2383],{"__ignoreMap":1407},[1417,1732,1733,1735,1737],{"class":1419,"line":1420},[1417,1734,1424],{"class":1423},[1417,1736,1405],{"class":1427},[1417,1738,1430],{"class":1423},[1417,1740,1741,1743,1745,1747,1749,1751,1754,1756],{"class":1419,"line":1433},[1417,1742,1436],{"class":1423},[1417,1744,1395],{"class":1427},[1417,1746,1442],{"class":1441},[1417,1748,1445],{"class":1423},[1417,1750,1448],{"class":1423},[1417,1752,1753],{"class":1451},"flex w-full flex-col items-center gap-4",[1417,1755,1448],{"class":1423},[1417,1757,1430],{"class":1423},[1417,1759,1760,1762],{"class":1419,"line":1459},[1417,1761,1462],{"class":1423},[1417,1763,1764],{"class":1427},"MAuroraCurtain\n",[1417,1766,1767,1770,1772,1774,1776,1780],{"class":1419,"line":1481},[1417,1768,1769],{"class":1423},"      :",[1417,1771,1666],{"class":1441},[1417,1773,1445],{"class":1423},[1417,1775,1448],{"class":1423},[1417,1777,1779],{"class":1778},"sbssI","2",[1417,1781,1782],{"class":1423},"\"\n",[1417,1784,1785,1787,1789,1791,1793,1796],{"class":1419,"line":1502},[1417,1786,1769],{"class":1423},[1417,1788,1670],{"class":1441},[1417,1790,1445],{"class":1423},[1417,1792,1448],{"class":1423},[1417,1794,1795],{"class":1778},"0.85",[1417,1797,1782],{"class":1423},[1417,1799,1800,1802,1804,1806,1808,1810],{"class":1419,"line":1523},[1417,1801,1769],{"class":1423},[1417,1803,1706],{"class":1441},[1417,1805,1445],{"class":1423},[1417,1807,1448],{"class":1423},[1417,1809,1706],{"class":1526},[1417,1811,1782],{"class":1423},[1417,1813,1814,1816,1818,1820,1822,1825],{"class":1419,"line":1530},[1417,1815,1769],{"class":1423},[1417,1817,1674],{"class":1441},[1417,1819,1445],{"class":1423},[1417,1821,1448],{"class":1423},[1417,1823,1824],{"class":1778},"0.9",[1417,1826,1782],{"class":1423},[1417,1828,1829,1831,1833,1835,1837,1840],{"class":1419,"line":1540},[1417,1830,1769],{"class":1423},[1417,1832,1684],{"class":1441},[1417,1834,1445],{"class":1423},[1417,1836,1448],{"class":1423},[1417,1838,1839],{"class":1778},"0.45",[1417,1841,1782],{"class":1423},[1417,1843,1844,1846,1848,1850,1852,1854],{"class":1419,"line":1561},[1417,1845,1769],{"class":1423},[1417,1847,1700],{"class":1441},[1417,1849,1445],{"class":1423},[1417,1851,1448],{"class":1423},[1417,1853,1700],{"class":1526},[1417,1855,1782],{"class":1423},[1417,1857,1858,1860,1862,1864,1866,1868],{"class":1419,"line":1567},[1417,1859,1769],{"class":1423},[1417,1861,1696],{"class":1441},[1417,1863,1445],{"class":1423},[1417,1865,1448],{"class":1423},[1417,1867,1692],{"class":1778},[1417,1869,1782],{"class":1423},[1417,1871,1872,1875,1877,1879,1882],{"class":1419,"line":1576},[1417,1873,1874],{"class":1441},"      direction",[1417,1876,1445],{"class":1423},[1417,1878,1448],{"class":1423},[1417,1880,1881],{"class":1451},"down",[1417,1883,1782],{"class":1423},[1417,1885,1886,1889,1891,1893,1895],{"class":1419,"line":1596},[1417,1887,1888],{"class":1441},"      class",[1417,1890,1445],{"class":1423},[1417,1892,1448],{"class":1423},[1417,1894,1474],{"class":1451},[1417,1896,1782],{"class":1423},[1417,1898,1899],{"class":1419,"line":1602},[1417,1900,1901],{"class":1423},"    >\n",[1417,1903,1904,1906,1908,1910,1912,1914,1917,1919],{"class":1419,"line":1608},[1417,1905,1484],{"class":1423},[1417,1907,1395],{"class":1427},[1417,1909,1442],{"class":1441},[1417,1911,1445],{"class":1423},[1417,1913,1448],{"class":1423},[1417,1915,1916],{"class":1451},"flex min-h-[340px] flex-col items-center justify-center gap-4 px-6 py-16 text-center",[1417,1918,1448],{"class":1423},[1417,1920,1430],{"class":1423},[1417,1922,1923,1925],{"class":1419,"line":1617},[1417,1924,1505],{"class":1423},[1417,1926,1927],{"class":1427},"span\n",[1417,1929,1930,1933,1935,1937,1940],{"class":1419,"line":1627},[1417,1931,1932],{"class":1441},"          class",[1417,1934,1445],{"class":1423},[1417,1936,1448],{"class":1423},[1417,1938,1939],{"class":1451},"rounded-full border border-default bg-default\u002F60 px-3 py-1 text-xs font-medium text-muted backdrop-blur-sm",[1417,1941,1782],{"class":1423},[1417,1943,1944],{"class":1419,"line":1637},[1417,1945,1946],{"class":1423},"        >\n",[1417,1948,1949],{"class":1419,"line":1647},[1417,1950,1951],{"class":1526},"          {{ paused ? 'Paused' : 'Live' }}\n",[1417,1953,1955,1957,1959],{"class":1419,"line":1954},19,[1417,1956,1533],{"class":1423},[1417,1958,1417],{"class":1427},[1417,1960,1430],{"class":1423},[1417,1962,1964,1966,1968,1970,1972,1974,1977,1979],{"class":1419,"line":1963},20,[1417,1965,1505],{"class":1423},[1417,1967,1545],{"class":1427},[1417,1969,1442],{"class":1441},[1417,1971,1445],{"class":1423},[1417,1973,1448],{"class":1423},[1417,1975,1976],{"class":1451},"max-w-sm text-2xl font-semibold text-balance text-highlighted",[1417,1978,1448],{"class":1423},[1417,1980,1430],{"class":1423},[1417,1982,1984],{"class":1419,"line":1983},21,[1417,1985,1986],{"class":1526},"          Two ribbons, heavier grain\n",[1417,1988,1990,1992,1994],{"class":1419,"line":1989},22,[1417,1991,1533],{"class":1423},[1417,1993,1545],{"class":1427},[1417,1995,1430],{"class":1423},[1417,1997,1999,2001,2003,2005,2007,2009,2011,2013],{"class":1419,"line":1998},23,[1417,2000,1505],{"class":1423},[1417,2002,1372],{"class":1427},[1417,2004,1442],{"class":1441},[1417,2006,1445],{"class":1423},[1417,2008,1448],{"class":1423},[1417,2010,1589],{"class":1451},[1417,2012,1448],{"class":1423},[1417,2014,1430],{"class":1423},[1417,2016,2018],{"class":1419,"line":2017},24,[1417,2019,2020],{"class":1526},"          Light falls from the top edge, the blur softens every ribbon and the\n",[1417,2022,2024],{"class":1419,"line":2023},25,[1417,2025,2026],{"class":1526},"          grain moves even where there is no light.\n",[1417,2028,2030,2032,2034],{"class":1419,"line":2029},26,[1417,2031,1533],{"class":1423},[1417,2033,1372],{"class":1427},[1417,2035,1430],{"class":1423},[1417,2037,2039,2041],{"class":1419,"line":2038},27,[1417,2040,1505],{"class":1423},[1417,2042,2043],{"class":1427},"UButton\n",[1417,2045,2047,2050,2053,2055,2057,2059,2062,2065,2068,2070,2073,2075,2078],{"class":1419,"line":2046},28,[1417,2048,2049],{"class":1423},"          :",[1417,2051,2052],{"class":1441},"label",[1417,2054,1445],{"class":1423},[1417,2056,1448],{"class":1423},[1417,2058,1700],{"class":1526},[1417,2060,2061],{"class":1423}," ? ",[1417,2063,2064],{"class":1423},"'",[1417,2066,2067],{"class":1451},"Resume",[1417,2069,2064],{"class":1423},[1417,2071,2072],{"class":1423}," : ",[1417,2074,2064],{"class":1423},[1417,2076,2077],{"class":1451},"Pause",[1417,2079,2080],{"class":1423},"'\"\n",[1417,2082,2084,2086,2089,2091,2093,2095,2097,2099,2102,2104,2106,2108,2111],{"class":1419,"line":2083},29,[1417,2085,2049],{"class":1423},[1417,2087,2088],{"class":1441},"icon",[1417,2090,1445],{"class":1423},[1417,2092,1448],{"class":1423},[1417,2094,1700],{"class":1526},[1417,2096,2061],{"class":1423},[1417,2098,2064],{"class":1423},[1417,2100,2101],{"class":1451},"i-lucide-play",[1417,2103,2064],{"class":1423},[1417,2105,2072],{"class":1423},[1417,2107,2064],{"class":1423},[1417,2109,2110],{"class":1451},"i-lucide-pause",[1417,2112,2080],{"class":1423},[1417,2114,2116,2119,2121,2123,2126],{"class":1419,"line":2115},30,[1417,2117,2118],{"class":1441},"          color",[1417,2120,1445],{"class":1423},[1417,2122,1448],{"class":1423},[1417,2124,2125],{"class":1451},"neutral",[1417,2127,1782],{"class":1423},[1417,2129,2131,2134,2136,2138,2141],{"class":1419,"line":2130},31,[1417,2132,2133],{"class":1441},"          variant",[1417,2135,1445],{"class":1423},[1417,2137,1448],{"class":1423},[1417,2139,2140],{"class":1451},"outline",[1417,2142,1782],{"class":1423},[1417,2144,2146,2149,2151,2153,2156],{"class":1419,"line":2145},32,[1417,2147,2148],{"class":1441},"          size",[1417,2150,1445],{"class":1423},[1417,2152,1448],{"class":1423},[1417,2154,2155],{"class":1451},"sm",[1417,2157,1782],{"class":1423},[1417,2159,2161,2164,2167,2169,2171,2173,2176,2178],{"class":1419,"line":2160},33,[1417,2162,2163],{"class":1423},"          @",[1417,2165,2166],{"class":1441},"click",[1417,2168,1445],{"class":1423},[1417,2170,1448],{"class":1423},[1417,2172,1700],{"class":1526},[1417,2174,2175],{"class":1423}," = !",[1417,2177,1700],{"class":1526},[1417,2179,1782],{"class":1423},[1417,2181,2183],{"class":1419,"line":2182},34,[1417,2184,2185],{"class":1423},"        \u002F>\n",[1417,2187,2189,2191,2193],{"class":1419,"line":2188},35,[1417,2190,1620],{"class":1423},[1417,2192,1395],{"class":1427},[1417,2194,1430],{"class":1423},[1417,2196,2198,2200,2202],{"class":1419,"line":2197},36,[1417,2199,1630],{"class":1423},[1417,2201,1465],{"class":1427},[1417,2203,1430],{"class":1423},[1417,2205,2207],{"class":1419,"line":2206},37,[1417,2208,2210],{"emptyLinePlaceholder":2209},true,"\n",[1417,2212,2214,2216,2218,2220,2222,2224,2227,2229],{"class":1419,"line":2213},38,[1417,2215,1462],{"class":1423},[1417,2217,1372],{"class":1427},[1417,2219,1442],{"class":1441},[1417,2221,1445],{"class":1423},[1417,2223,1448],{"class":1423},[1417,2225,2226],{"class":1451},"text-xs text-muted",[1417,2228,1448],{"class":1423},[1417,2230,1430],{"class":1423},[1417,2232,2234],{"class":1419,"line":2233},39,[1417,2235,2236],{"class":1526},"      The gradient underneath is a CSS fallback for browsers without WebGL2.\n",[1417,2238,2240,2242,2244],{"class":1419,"line":2239},40,[1417,2241,1630],{"class":1423},[1417,2243,1372],{"class":1427},[1417,2245,1430],{"class":1423},[1417,2247,2249,2251,2253],{"class":1419,"line":2248},41,[1417,2250,1640],{"class":1423},[1417,2252,1395],{"class":1427},[1417,2254,1430],{"class":1423},[1417,2256,2258,2260,2262],{"class":1419,"line":2257},42,[1417,2259,1650],{"class":1423},[1417,2261,1405],{"class":1427},[1417,2263,1430],{"class":1423},[1417,2265,2267],{"class":1419,"line":2266},43,[1417,2268,2210],{"emptyLinePlaceholder":2209},[1417,2270,2272,2274,2277,2280,2283,2285,2287,2290,2292],{"class":1419,"line":2271},44,[1417,2273,1424],{"class":1423},[1417,2275,2276],{"class":1427},"script",[1417,2278,2279],{"class":1441}," setup",[1417,2281,2282],{"class":1441}," lang",[1417,2284,1445],{"class":1423},[1417,2286,1448],{"class":1423},[1417,2288,2289],{"class":1451},"ts",[1417,2291,1448],{"class":1423},[1417,2293,1430],{"class":1423},[1417,2295,2297,2301,2304,2307,2310,2313,2316,2318],{"class":1419,"line":2296},45,[1417,2298,2300],{"class":2299},"s7zQu","import",[1417,2302,2303],{"class":1423}," {",[1417,2305,2306],{"class":1526}," ref",[1417,2308,2309],{"class":1423}," }",[1417,2311,2312],{"class":2299}," from",[1417,2314,2315],{"class":1423}," '",[1417,2317,1413],{"class":1451},[1417,2319,2320],{"class":1423},"'\n",[1417,2322,2324],{"class":1419,"line":2323},46,[1417,2325,2210],{"emptyLinePlaceholder":2209},[1417,2327,2329,2332,2335,2337,2340,2343,2347],{"class":1419,"line":2328},47,[1417,2330,2331],{"class":1441},"const",[1417,2333,2334],{"class":1526}," paused ",[1417,2336,1445],{"class":1423},[1417,2338,2306],{"class":2339},"s2Zo4",[1417,2341,2342],{"class":1526},"(",[1417,2344,2346],{"class":2345},"sfNiH","false",[1417,2348,2349],{"class":1526},")\n",[1417,2351,2353,2355,2358,2360,2363,2365,2368,2370,2373,2375,2378,2380],{"class":1419,"line":2352},48,[1417,2354,2331],{"class":1441},[1417,2356,2357],{"class":1526}," colors ",[1417,2359,1445],{"class":1423},[1417,2361,2362],{"class":1526}," [",[1417,2364,2064],{"class":1423},[1417,2366,2367],{"class":1451},"var(--ui-info)",[1417,2369,2064],{"class":1423},[1417,2371,2372],{"class":1423},",",[1417,2374,2315],{"class":1423},[1417,2376,2377],{"class":1451},"var(--ui-primary)",[1417,2379,2064],{"class":1423},[1417,2381,2382],{"class":1526},"]\n",[1417,2384,2386,2388,2390],{"class":1419,"line":2385},49,[1417,2387,1650],{"class":1423},[1417,2389,2276],{"class":1427},[1417,2391,1430],{"class":1423},[1379,2393,2395],{"id":2394},"props","Props",[2397,2398,2399,2405,2409,2420,2426,2430,2439,2443,2446],"component-props",{},[2400,2401,2404],"component-prop",{"name":1666,"type":2402,"default":2403},"number","4","Number of ribbons, clamped to 1-8.",[2400,2406,2408],{"name":1670,"type":2402,"default":2407},"0.5","Softness of every ribbon edge, from 0 (crisp) to 1 (very diffuse).",[2400,2410,2413,2414,2416,2417,1389],{"name":1706,"type":2411,"default":2412},"string[]","theme primary, info, secondary","Ribbon colours, cycled across the bands. Accepts a CSS colour, a\n",[1386,2415,1710],{}," or a bare ",[1386,2418,2419],{},"--token",[2400,2421,2425],{"name":2422,"type":2423,"default":2424},"direction","'up' | 'down'","'up'","Direction the light flows towards.",[2400,2427,2429],{"name":1674,"type":2402,"default":2428},"1","Overall brightness multiplier, from 0 to 1.",[2400,2431,2434,2435,1689,2437,1389],{"name":1684,"type":2432,"default":2433},"number | boolean","0","Film-grain strength from 0 to 1. ",[1386,2436,1688],{},[1386,2438,1692],{},[2400,2440,2442],{"name":1700,"type":2441,"default":2346},"boolean","Freezes the animation on the current frame.",[2400,2444,2445],{"name":1696,"type":2402,"default":2428},"Drift speed multiplier.",[2400,2447,2449],{"name":1388,"type":2448},"string","Extra classes for the positioned wrapper.",[1379,2451,2453],{"id":2452},"slots","Slots",[2397,2455,2456],{},[2400,2457,2460],{"name":2458,"type":2459},"default","slot","Foreground content, painted above the curtain on its own layer.",[1379,2462,2464],{"id":2463},"accessibility","Accessibility",[2466,2467,2468,2480,2483,2490],"ul",{},[2469,2470,2471,2472,2475,2476,2479],"li",{},"Every decorative layer — the canvas and the CSS gradient under it — is\n",[1386,2473,2474],{},"aria-hidden"," and ",[1386,2477,2478],{},"pointer-events-none",", so the curtain contributes no content\nand never intercepts a click meant for the page behind it.",[2469,2481,2482],{},"Nothing is conveyed by the animation alone: the aurora is atmosphere, and the\nslot carries all of the real content at full contrast on its own layer.",[2469,2484,2485,2486,2489],{},"A ",[1386,2487,2488],{},"prefers-reduced-motion"," preference stops the loop and paints a single\nframe. The result is a still aurora rather than a blank box, and the change is\ndriven by the media query instead of a duration-zero transition.",[2469,2491,2492],{},"The animation also stops when the wrapper scrolls out of view or the document\nis hidden, which keeps a background surface from burning a core behind a tab\nnobody is looking at.",[1379,2494,2496],{"id":2495},"performance","Performance",[2466,2498,2499,2502,2505,2508,2511],{},[2469,2500,2501],{},"The surface is a single WebGL2 canvas with one draw call per frame. The\nribbons are a loop inside the fragment shader, not separate layers, so the\nband count changes cost rather than structure.",[2469,2503,2504],{},"The drawing buffer is capped at 2x device pixel ratio. Beyond that the fill\ncost doubles for no visible gain, and the grain cell is measured in CSS pixels\nso the texture stays the same size on a retina display.",[2469,2506,2507],{},"Theme colours are resolved once per palette change and uploaded as a uniform\narray. Nothing reads computed styles or touches the DOM inside the render\nloop.",[2469,2509,2510],{},"Pausing, scrolling away and hiding the tab all cancel the animation frame, and\nthe accumulated clock only advances while the loop is running, so resuming\ncontinues the drift instead of jumping ahead by the paused interval.",[2469,2512,2513],{},"Browsers without WebGL2 keep a static CSS gradient built from the same\ncolours, so the component degrades to a still wash rather than an empty\nrectangle.",[2515,2516,2517],"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 .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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":1407,"searchDepth":1433,"depth":1433,"links":2519},[2520,2521,2522,2523,2524,2525],{"id":1381,"depth":1433,"text":16},{"id":1660,"depth":1433,"text":1661},{"id":2394,"depth":1433,"text":2395},{"id":2452,"depth":1433,"text":2453},{"id":2463,"depth":1433,"text":2464},{"id":2495,"depth":1433,"text":2496},"A WebGL aurora of folding light ribbons with film grain, drifting behind any content.","md",null,{},{"title":167,"description":2526},"_1av-m6yrt37XGOAbxRFuEBIe-fpTJ8fq3zL-gBHa-I",[2533,2535],{"title":163,"path":164,"stem":165,"description":2534,"children":-1},"Animated background with aurora-like gradient effects.",{"title":171,"path":172,"stem":173,"description":2536,"children":-1},"Animated SVG background with customizable beam paths and gradient colors.",1792945039504]