[{"data":1,"prerenderedAt":2512},["ShallowReactive",2],{"navigation_docs":3,"-components-interactive-fluid-hover-highlight":1366,"-components-interactive-fluid-hover-highlight-surround":2507},[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":665,"body":1368,"description":2501,"extension":2502,"links":2503,"meta":2504,"navigation":1720,"path":666,"seo":2505,"stem":667,"__hash__":2506},"docs\u002F3.components\u002Finteractive\u002Ffluid-hover-highlight.md",{"type":1369,"value":1370,"toc":2493},"minimark",[1371,1375,1387,1391,1398,2030,2034,2037,2309,2313,2341,2345,2362,2368,2394,2398,2447,2451,2489],[1372,1373,1374],"p",{},"A list where every row lights up on its own reads as a flicker: five separate\nplates appearing and vanishing as the pointer crosses them. One plate that moves\nreads as a single object passing through the list, which is much closer to what\nthe pointer is actually doing.",[1372,1376,1377,1378,1382,1383,1386],{},"Mark the rows with ",[1379,1380,1381],"code",{},"data-fluid-item"," and the component measures whichever one the\npointer or the keyboard lands on. Nothing is keyed by index, so reordering the\nlist does not desynchronise it, and nothing assumes equal heights, so rows of\ndifferent sizes work without a ",[1379,1384,1385],{},"size"," prop.",[1388,1389,16],"h2",{"id":1390},"usage",[1372,1392,1393,1394,1397],{},"Wrap the rows in the component and mark each one. The wrapper is the coordinate\nspace: every ",[1379,1395,1396],{},"[data-fluid-item]"," inside it is a target.",[1399,1400,1402,1414],"code-preview",{"label":1401},"Preview",[1403,1404,1409,1410],"div",{"className":1405},[1406,1407,1408],"flex","justify-center","w-full","  ",[1411,1412],"component-example",{"name":1413},"fluid-hover-highlight-basic",[1415,1416,1418],"template",{"v-slot:code":1417},"",[1419,1420,1424],"pre",{"className":1421,"code":1422,"language":1423,"meta":1417,"style":1417},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"w-full max-w-sm rounded-xl border border-default bg-default p-2\">\n    \u003CMFluidHoverHighlight>\n      \u003Cbutton\n        v-for=\"action in actions\"\n        :key=\"action.label\"\n        type=\"button\"\n        data-fluid-item\n        class=\"flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-sm text-default outline-none\"\n      >\n        \u003CUIcon\n          :name=\"action.icon\"\n          class=\"size-4 shrink-0 text-muted\"\n        \u002F>\n        \u003Cspan class=\"flex-1\">{{ action.label }}\u003C\u002Fspan>\n        \u003Ckbd class=\"font-sans text-[11px] text-muted\">{{ action.shortcut }}\u003C\u002Fkbd>\n      \u003C\u002Fbutton>\n    \u003C\u002FMFluidHoverHighlight>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\n\u002F**\n * Five rows, one plate. The plate follows both the pointer and Tab - hover it,\n * then press Tab to watch it move without the mouse.\n *\u002F\nconst actions = [\n  { label: 'New file', icon: 'i-lucide-file-plus', shortcut: '⌘N' },\n  { label: 'Open project', icon: 'i-lucide-folder-open', shortcut: '⌘O' },\n  { label: 'Search', icon: 'i-lucide-search', shortcut: '⌘K' },\n  { label: 'Toggle theme', icon: 'i-lucide-sun-moon', shortcut: '⌘J' },\n  { label: 'Settings', icon: 'i-lucide-settings', shortcut: '⌘,' },\n]\n\u003C\u002Fscript>\n","vue",[1379,1425,1426,1441,1467,1478,1487,1503,1518,1533,1539,1554,1560,1569,1594,1609,1615,1646,1676,1686,1696,1706,1715,1722,1747,1754,1760,1766,1772,1786,1839,1883,1927,1971,2015,2021],{"__ignoreMap":1417},[1427,1428,1431,1435,1438],"span",{"class":1429,"line":1430},"line",1,[1427,1432,1434],{"class":1433},"sMK4o","\u003C",[1427,1436,1415],{"class":1437},"swJcz",[1427,1439,1440],{"class":1433},">\n",[1427,1442,1444,1447,1449,1453,1456,1459,1463,1465],{"class":1429,"line":1443},2,[1427,1445,1446],{"class":1433},"  \u003C",[1427,1448,1403],{"class":1437},[1427,1450,1452],{"class":1451},"spNyl"," class",[1427,1454,1455],{"class":1433},"=",[1427,1457,1458],{"class":1433},"\"",[1427,1460,1462],{"class":1461},"sfazB","w-full max-w-sm rounded-xl border border-default bg-default p-2",[1427,1464,1458],{"class":1433},[1427,1466,1440],{"class":1433},[1427,1468,1470,1473,1476],{"class":1429,"line":1469},3,[1427,1471,1472],{"class":1433},"    \u003C",[1427,1474,1475],{"class":1437},"MFluidHoverHighlight",[1427,1477,1440],{"class":1433},[1427,1479,1481,1484],{"class":1429,"line":1480},4,[1427,1482,1483],{"class":1433},"      \u003C",[1427,1485,1486],{"class":1437},"button\n",[1427,1488,1490,1493,1495,1497,1500],{"class":1429,"line":1489},5,[1427,1491,1492],{"class":1451},"        v-for",[1427,1494,1455],{"class":1433},[1427,1496,1458],{"class":1433},[1427,1498,1499],{"class":1461},"action in actions",[1427,1501,1502],{"class":1433},"\"\n",[1427,1504,1506,1509,1511,1513,1516],{"class":1429,"line":1505},6,[1427,1507,1508],{"class":1451},"        :key",[1427,1510,1455],{"class":1433},[1427,1512,1458],{"class":1433},[1427,1514,1515],{"class":1461},"action.label",[1427,1517,1502],{"class":1433},[1427,1519,1521,1524,1526,1528,1531],{"class":1429,"line":1520},7,[1427,1522,1523],{"class":1451},"        type",[1427,1525,1455],{"class":1433},[1427,1527,1458],{"class":1433},[1427,1529,1530],{"class":1461},"button",[1427,1532,1502],{"class":1433},[1427,1534,1536],{"class":1429,"line":1535},8,[1427,1537,1538],{"class":1451},"        data-fluid-item\n",[1427,1540,1542,1545,1547,1549,1552],{"class":1429,"line":1541},9,[1427,1543,1544],{"class":1451},"        class",[1427,1546,1455],{"class":1433},[1427,1548,1458],{"class":1433},[1427,1550,1551],{"class":1461},"flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-sm text-default outline-none",[1427,1553,1502],{"class":1433},[1427,1555,1557],{"class":1429,"line":1556},10,[1427,1558,1559],{"class":1433},"      >\n",[1427,1561,1563,1566],{"class":1429,"line":1562},11,[1427,1564,1565],{"class":1433},"        \u003C",[1427,1567,1568],{"class":1437},"UIcon\n",[1427,1570,1572,1575,1578,1580,1582,1586,1589,1592],{"class":1429,"line":1571},12,[1427,1573,1574],{"class":1433},"          :",[1427,1576,1577],{"class":1451},"name",[1427,1579,1455],{"class":1433},[1427,1581,1458],{"class":1433},[1427,1583,1585],{"class":1584},"sTEyZ","action",[1427,1587,1588],{"class":1433},".",[1427,1590,1591],{"class":1584},"icon",[1427,1593,1502],{"class":1433},[1427,1595,1597,1600,1602,1604,1607],{"class":1429,"line":1596},13,[1427,1598,1599],{"class":1451},"          class",[1427,1601,1455],{"class":1433},[1427,1603,1458],{"class":1433},[1427,1605,1606],{"class":1461},"size-4 shrink-0 text-muted",[1427,1608,1502],{"class":1433},[1427,1610,1612],{"class":1429,"line":1611},14,[1427,1613,1614],{"class":1433},"        \u002F>\n",[1427,1616,1618,1620,1622,1624,1626,1628,1631,1633,1636,1639,1642,1644],{"class":1429,"line":1617},15,[1427,1619,1565],{"class":1433},[1427,1621,1427],{"class":1437},[1427,1623,1452],{"class":1451},[1427,1625,1455],{"class":1433},[1427,1627,1458],{"class":1433},[1427,1629,1630],{"class":1461},"flex-1",[1427,1632,1458],{"class":1433},[1427,1634,1635],{"class":1433},">",[1427,1637,1638],{"class":1584},"{{ action.label }}",[1427,1640,1641],{"class":1433},"\u003C\u002F",[1427,1643,1427],{"class":1437},[1427,1645,1440],{"class":1433},[1427,1647,1649,1651,1654,1656,1658,1660,1663,1665,1667,1670,1672,1674],{"class":1429,"line":1648},16,[1427,1650,1565],{"class":1433},[1427,1652,1653],{"class":1437},"kbd",[1427,1655,1452],{"class":1451},[1427,1657,1455],{"class":1433},[1427,1659,1458],{"class":1433},[1427,1661,1662],{"class":1461},"font-sans text-[11px] text-muted",[1427,1664,1458],{"class":1433},[1427,1666,1635],{"class":1433},[1427,1668,1669],{"class":1584},"{{ action.shortcut }}",[1427,1671,1641],{"class":1433},[1427,1673,1653],{"class":1437},[1427,1675,1440],{"class":1433},[1427,1677,1679,1682,1684],{"class":1429,"line":1678},17,[1427,1680,1681],{"class":1433},"      \u003C\u002F",[1427,1683,1530],{"class":1437},[1427,1685,1440],{"class":1433},[1427,1687,1689,1692,1694],{"class":1429,"line":1688},18,[1427,1690,1691],{"class":1433},"    \u003C\u002F",[1427,1693,1475],{"class":1437},[1427,1695,1440],{"class":1433},[1427,1697,1699,1702,1704],{"class":1429,"line":1698},19,[1427,1700,1701],{"class":1433},"  \u003C\u002F",[1427,1703,1403],{"class":1437},[1427,1705,1440],{"class":1433},[1427,1707,1709,1711,1713],{"class":1429,"line":1708},20,[1427,1710,1641],{"class":1433},[1427,1712,1415],{"class":1437},[1427,1714,1440],{"class":1433},[1427,1716,1718],{"class":1429,"line":1717},21,[1427,1719,1721],{"emptyLinePlaceholder":1720},true,"\n",[1427,1723,1725,1727,1730,1733,1736,1738,1740,1743,1745],{"class":1429,"line":1724},22,[1427,1726,1434],{"class":1433},[1427,1728,1729],{"class":1437},"script",[1427,1731,1732],{"class":1451}," setup",[1427,1734,1735],{"class":1451}," lang",[1427,1737,1455],{"class":1433},[1427,1739,1458],{"class":1433},[1427,1741,1742],{"class":1461},"ts",[1427,1744,1458],{"class":1433},[1427,1746,1440],{"class":1433},[1427,1748,1750],{"class":1429,"line":1749},23,[1427,1751,1753],{"class":1752},"sHwdD","\u002F**\n",[1427,1755,1757],{"class":1429,"line":1756},24,[1427,1758,1759],{"class":1752}," * Five rows, one plate. The plate follows both the pointer and Tab - hover it,\n",[1427,1761,1763],{"class":1429,"line":1762},25,[1427,1764,1765],{"class":1752}," * then press Tab to watch it move without the mouse.\n",[1427,1767,1769],{"class":1429,"line":1768},26,[1427,1770,1771],{"class":1752}," *\u002F\n",[1427,1773,1775,1778,1781,1783],{"class":1429,"line":1774},27,[1427,1776,1777],{"class":1451},"const",[1427,1779,1780],{"class":1584}," actions ",[1427,1782,1455],{"class":1433},[1427,1784,1785],{"class":1584}," [\n",[1427,1787,1789,1792,1795,1798,1801,1804,1807,1810,1813,1815,1817,1820,1822,1824,1827,1829,1831,1834,1836],{"class":1429,"line":1788},28,[1427,1790,1791],{"class":1433},"  {",[1427,1793,1794],{"class":1437}," label",[1427,1796,1797],{"class":1433},":",[1427,1799,1800],{"class":1433}," '",[1427,1802,1803],{"class":1461},"New file",[1427,1805,1806],{"class":1433},"'",[1427,1808,1809],{"class":1433},",",[1427,1811,1812],{"class":1437}," icon",[1427,1814,1797],{"class":1433},[1427,1816,1800],{"class":1433},[1427,1818,1819],{"class":1461},"i-lucide-file-plus",[1427,1821,1806],{"class":1433},[1427,1823,1809],{"class":1433},[1427,1825,1826],{"class":1437}," shortcut",[1427,1828,1797],{"class":1433},[1427,1830,1800],{"class":1433},[1427,1832,1833],{"class":1461},"⌘N",[1427,1835,1806],{"class":1433},[1427,1837,1838],{"class":1433}," },\n",[1427,1840,1842,1844,1846,1848,1850,1853,1855,1857,1859,1861,1863,1866,1868,1870,1872,1874,1876,1879,1881],{"class":1429,"line":1841},29,[1427,1843,1791],{"class":1433},[1427,1845,1794],{"class":1437},[1427,1847,1797],{"class":1433},[1427,1849,1800],{"class":1433},[1427,1851,1852],{"class":1461},"Open project",[1427,1854,1806],{"class":1433},[1427,1856,1809],{"class":1433},[1427,1858,1812],{"class":1437},[1427,1860,1797],{"class":1433},[1427,1862,1800],{"class":1433},[1427,1864,1865],{"class":1461},"i-lucide-folder-open",[1427,1867,1806],{"class":1433},[1427,1869,1809],{"class":1433},[1427,1871,1826],{"class":1437},[1427,1873,1797],{"class":1433},[1427,1875,1800],{"class":1433},[1427,1877,1878],{"class":1461},"⌘O",[1427,1880,1806],{"class":1433},[1427,1882,1838],{"class":1433},[1427,1884,1886,1888,1890,1892,1894,1897,1899,1901,1903,1905,1907,1910,1912,1914,1916,1918,1920,1923,1925],{"class":1429,"line":1885},30,[1427,1887,1791],{"class":1433},[1427,1889,1794],{"class":1437},[1427,1891,1797],{"class":1433},[1427,1893,1800],{"class":1433},[1427,1895,1896],{"class":1461},"Search",[1427,1898,1806],{"class":1433},[1427,1900,1809],{"class":1433},[1427,1902,1812],{"class":1437},[1427,1904,1797],{"class":1433},[1427,1906,1800],{"class":1433},[1427,1908,1909],{"class":1461},"i-lucide-search",[1427,1911,1806],{"class":1433},[1427,1913,1809],{"class":1433},[1427,1915,1826],{"class":1437},[1427,1917,1797],{"class":1433},[1427,1919,1800],{"class":1433},[1427,1921,1922],{"class":1461},"⌘K",[1427,1924,1806],{"class":1433},[1427,1926,1838],{"class":1433},[1427,1928,1930,1932,1934,1936,1938,1941,1943,1945,1947,1949,1951,1954,1956,1958,1960,1962,1964,1967,1969],{"class":1429,"line":1929},31,[1427,1931,1791],{"class":1433},[1427,1933,1794],{"class":1437},[1427,1935,1797],{"class":1433},[1427,1937,1800],{"class":1433},[1427,1939,1940],{"class":1461},"Toggle theme",[1427,1942,1806],{"class":1433},[1427,1944,1809],{"class":1433},[1427,1946,1812],{"class":1437},[1427,1948,1797],{"class":1433},[1427,1950,1800],{"class":1433},[1427,1952,1953],{"class":1461},"i-lucide-sun-moon",[1427,1955,1806],{"class":1433},[1427,1957,1809],{"class":1433},[1427,1959,1826],{"class":1437},[1427,1961,1797],{"class":1433},[1427,1963,1800],{"class":1433},[1427,1965,1966],{"class":1461},"⌘J",[1427,1968,1806],{"class":1433},[1427,1970,1838],{"class":1433},[1427,1972,1974,1976,1978,1980,1982,1985,1987,1989,1991,1993,1995,1998,2000,2002,2004,2006,2008,2011,2013],{"class":1429,"line":1973},32,[1427,1975,1791],{"class":1433},[1427,1977,1794],{"class":1437},[1427,1979,1797],{"class":1433},[1427,1981,1800],{"class":1433},[1427,1983,1984],{"class":1461},"Settings",[1427,1986,1806],{"class":1433},[1427,1988,1809],{"class":1433},[1427,1990,1812],{"class":1437},[1427,1992,1797],{"class":1433},[1427,1994,1800],{"class":1433},[1427,1996,1997],{"class":1461},"i-lucide-settings",[1427,1999,1806],{"class":1433},[1427,2001,1809],{"class":1433},[1427,2003,1826],{"class":1437},[1427,2005,1797],{"class":1433},[1427,2007,1800],{"class":1433},[1427,2009,2010],{"class":1461},"⌘,",[1427,2012,1806],{"class":1433},[1427,2014,1838],{"class":1433},[1427,2016,2018],{"class":1429,"line":2017},33,[1427,2019,2020],{"class":1584},"]\n",[1427,2022,2024,2026,2028],{"class":1429,"line":2023},34,[1427,2025,1641],{"class":1433},[1427,2027,1729],{"class":1437},[1427,2029,1440],{"class":1433},[1388,2031,2033],{"id":2032},"customize","Customize",[1372,2035,2036],{},"The custom example keeps the rows it is given and changes nothing else, which is\nthe point: the plate is not aware of rows, columns, or lists. A grid shows what a\nrow-only animation gets wrong - moving between two columns changes width and\nheight at the same time as position, and animating only the vertical axis would\nsnap.",[1399,2038,2039,2045],{"label":1401},[1403,2040,1409,2042],{"className":2041},[1408],[1411,2043],{"name":2044},"fluid-hover-highlight-custom",[1415,2046,2047],{"v-slot:code":1417},[1419,2048,2050],{"className":1421,"code":2049,"language":1423,"meta":1417,"style":1417},"\u003Ctemplate>\n  \u003Cdiv class=\"w-full max-w-md\">\n    \u003CMFluidHoverHighlight class=\"grid grid-cols-3 gap-2\">\n      \u003Cdiv\n        v-for=\"tile in tiles\"\n        :key=\"tile\"\n        data-fluid-item\n        class=\"flex h-20 items-center justify-center rounded-lg border border-default bg-default px-2 text-center text-xs font-medium text-muted\"\n      >\n        {{ tile }}\n      \u003C\u002Fdiv>\n    \u003C\u002FMFluidHoverHighlight>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\n\u002F**\n * Nothing about the component assumes a list. It measures whatever the pointer\n * lands on, so the same plate walks a grid - including across rows, where a\n * height-only animation would jump.\n *\u002F\nconst tiles = ['Overview', 'Traffic', 'Revenue', 'Audience', 'Retention', 'Settings']\n\u003C\u002Fscript>\n",[1379,2051,2052,2060,2079,2098,2105,2118,2131,2135,2148,2152,2157,2165,2173,2181,2189,2193,2213,2217,2222,2227,2232,2236,2301],{"__ignoreMap":1417},[1427,2053,2054,2056,2058],{"class":1429,"line":1430},[1427,2055,1434],{"class":1433},[1427,2057,1415],{"class":1437},[1427,2059,1440],{"class":1433},[1427,2061,2062,2064,2066,2068,2070,2072,2075,2077],{"class":1429,"line":1443},[1427,2063,1446],{"class":1433},[1427,2065,1403],{"class":1437},[1427,2067,1452],{"class":1451},[1427,2069,1455],{"class":1433},[1427,2071,1458],{"class":1433},[1427,2073,2074],{"class":1461},"w-full max-w-md",[1427,2076,1458],{"class":1433},[1427,2078,1440],{"class":1433},[1427,2080,2081,2083,2085,2087,2089,2091,2094,2096],{"class":1429,"line":1469},[1427,2082,1472],{"class":1433},[1427,2084,1475],{"class":1437},[1427,2086,1452],{"class":1451},[1427,2088,1455],{"class":1433},[1427,2090,1458],{"class":1433},[1427,2092,2093],{"class":1461},"grid grid-cols-3 gap-2",[1427,2095,1458],{"class":1433},[1427,2097,1440],{"class":1433},[1427,2099,2100,2102],{"class":1429,"line":1480},[1427,2101,1483],{"class":1433},[1427,2103,2104],{"class":1437},"div\n",[1427,2106,2107,2109,2111,2113,2116],{"class":1429,"line":1489},[1427,2108,1492],{"class":1451},[1427,2110,1455],{"class":1433},[1427,2112,1458],{"class":1433},[1427,2114,2115],{"class":1461},"tile in tiles",[1427,2117,1502],{"class":1433},[1427,2119,2120,2122,2124,2126,2129],{"class":1429,"line":1505},[1427,2121,1508],{"class":1451},[1427,2123,1455],{"class":1433},[1427,2125,1458],{"class":1433},[1427,2127,2128],{"class":1461},"tile",[1427,2130,1502],{"class":1433},[1427,2132,2133],{"class":1429,"line":1520},[1427,2134,1538],{"class":1451},[1427,2136,2137,2139,2141,2143,2146],{"class":1429,"line":1535},[1427,2138,1544],{"class":1451},[1427,2140,1455],{"class":1433},[1427,2142,1458],{"class":1433},[1427,2144,2145],{"class":1461},"flex h-20 items-center justify-center rounded-lg border border-default bg-default px-2 text-center text-xs font-medium text-muted",[1427,2147,1502],{"class":1433},[1427,2149,2150],{"class":1429,"line":1541},[1427,2151,1559],{"class":1433},[1427,2153,2154],{"class":1429,"line":1556},[1427,2155,2156],{"class":1584},"        {{ tile }}\n",[1427,2158,2159,2161,2163],{"class":1429,"line":1562},[1427,2160,1681],{"class":1433},[1427,2162,1403],{"class":1437},[1427,2164,1440],{"class":1433},[1427,2166,2167,2169,2171],{"class":1429,"line":1571},[1427,2168,1691],{"class":1433},[1427,2170,1475],{"class":1437},[1427,2172,1440],{"class":1433},[1427,2174,2175,2177,2179],{"class":1429,"line":1596},[1427,2176,1701],{"class":1433},[1427,2178,1403],{"class":1437},[1427,2180,1440],{"class":1433},[1427,2182,2183,2185,2187],{"class":1429,"line":1611},[1427,2184,1641],{"class":1433},[1427,2186,1415],{"class":1437},[1427,2188,1440],{"class":1433},[1427,2190,2191],{"class":1429,"line":1617},[1427,2192,1721],{"emptyLinePlaceholder":1720},[1427,2194,2195,2197,2199,2201,2203,2205,2207,2209,2211],{"class":1429,"line":1648},[1427,2196,1434],{"class":1433},[1427,2198,1729],{"class":1437},[1427,2200,1732],{"class":1451},[1427,2202,1735],{"class":1451},[1427,2204,1455],{"class":1433},[1427,2206,1458],{"class":1433},[1427,2208,1742],{"class":1461},[1427,2210,1458],{"class":1433},[1427,2212,1440],{"class":1433},[1427,2214,2215],{"class":1429,"line":1678},[1427,2216,1753],{"class":1752},[1427,2218,2219],{"class":1429,"line":1688},[1427,2220,2221],{"class":1752}," * Nothing about the component assumes a list. It measures whatever the pointer\n",[1427,2223,2224],{"class":1429,"line":1698},[1427,2225,2226],{"class":1752}," * lands on, so the same plate walks a grid - including across rows, where a\n",[1427,2228,2229],{"class":1429,"line":1708},[1427,2230,2231],{"class":1752}," * height-only animation would jump.\n",[1427,2233,2234],{"class":1429,"line":1717},[1427,2235,1771],{"class":1752},[1427,2237,2238,2240,2243,2245,2248,2250,2253,2255,2257,2259,2262,2264,2266,2268,2271,2273,2275,2277,2280,2282,2284,2286,2289,2291,2293,2295,2297,2299],{"class":1429,"line":1724},[1427,2239,1777],{"class":1451},[1427,2241,2242],{"class":1584}," tiles ",[1427,2244,1455],{"class":1433},[1427,2246,2247],{"class":1584}," [",[1427,2249,1806],{"class":1433},[1427,2251,2252],{"class":1461},"Overview",[1427,2254,1806],{"class":1433},[1427,2256,1809],{"class":1433},[1427,2258,1800],{"class":1433},[1427,2260,2261],{"class":1461},"Traffic",[1427,2263,1806],{"class":1433},[1427,2265,1809],{"class":1433},[1427,2267,1800],{"class":1433},[1427,2269,2270],{"class":1461},"Revenue",[1427,2272,1806],{"class":1433},[1427,2274,1809],{"class":1433},[1427,2276,1800],{"class":1433},[1427,2278,2279],{"class":1461},"Audience",[1427,2281,1806],{"class":1433},[1427,2283,1809],{"class":1433},[1427,2285,1800],{"class":1433},[1427,2287,2288],{"class":1461},"Retention",[1427,2290,1806],{"class":1433},[1427,2292,1809],{"class":1433},[1427,2294,1800],{"class":1433},[1427,2296,1984],{"class":1461},[1427,2298,1806],{"class":1433},[1427,2300,2020],{"class":1584},[1427,2302,2303,2305,2307],{"class":1429,"line":1749},[1427,2304,1641],{"class":1433},[1427,2306,1729],{"class":1437},[1427,2308,1440],{"class":1433},[1388,2310,2312],{"id":2311},"props","Props",[2314,2315,2316,2323],"component-props",{},[2317,2318,2322],"component-prop",{"name":2319,"type":2320,"default":2321},"snap","boolean","false","Move the plate instantly instead of springing it. Worth reaching for on a very\nlong list, where a spring reads as lag on the way to the row.",[2317,2324,2328,2329,2332,2333,2336,2337,2340],{"name":2325,"type":2326,"default":2327},"class","string","''","Merged onto the wrapper, which is the coordinate space. Position it, size it,\nor lay the rows out on it - ",[1379,2330,2331],{},"grid",", ",[1379,2334,2335],{},"space-y"," and ",[1379,2338,2339],{},"divide-y"," all work.",[1388,2342,2344],{"id":2343},"ui","UI",[1372,2346,2347,2348,2354,2355,2358,2359,1588],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[2349,2350,2351,2353],"a",{"href":21},[1379,2352,2343],{}," prop",", or app-wide under ",[1379,2356,2357],{},"ui.fluidHoverHighlight"," in ",[1379,2360,2361],{},"app.config.ts",[2314,2363,2364],{},[2317,2365,2367],{"name":2343,"type":2366},"object","Per-slot classes merged over the theme defaults.",[2369,2370,2371,2380],"component-slots",{},[2372,2373,2375,2376,2379],"component-slot-row",{"name":2374},"root","The wrapper. It is ",[1379,2377,2378],{},"relative isolate",", so the rows own their own layout while\nthe plate gets a stacking context to sit behind them.",[2372,2381,2383,2384,2332,2387,2336,2390,2393],{"name":2382},"highlight","The plate. It is ",[1379,2385,2386],{},"absolute",[1379,2388,2389],{},"pointer-events-none",[1379,2391,2392],{},"-z-10",", so it can sit\nunder the rows without intercepting the hover that moved it.",[1388,2395,2397],{"id":2396},"accessibility","Accessibility",[2399,2400,2401,2405,2412,2419,2437,2444],"ul",{},[2402,2403,2404],"li",{},"The plate follows focus as well as the pointer. A highlight that only moves\nunder the mouse is a lie for anyone navigating with Tab, and the two states\nend up looking like different components.",[2402,2406,2407,2408,2411],{},"The plate is ",[1379,2409,2410],{},"aria-hidden",". It carries no text and no state; the rows are the\ncontrols and keep their own accessible names.",[2402,2413,2414,2415,2418],{},"Hover comes from ",[1379,2416,2417],{},"pointerover"," with the pointer type checked, so touch is\nignored. A touch screen fires hover on contact that never ends, and the plate\nwould stick to the last row the finger crossed.",[2402,2420,2421,2422,2425,2426,2429,2430,2425,2433,2436],{},"Focus is tracked with ",[1379,2423,2424],{},"focusin","\u002F",[1379,2427,2428],{},"focusout"," rather than ",[1379,2431,2432],{},"focus",[1379,2434,2435],{},"blur"," so a row\nthat contains a link or a button still counts as one target.",[2402,2438,2439,2440,2443],{},"Under ",[1379,2441,2442],{},"prefers-reduced-motion: reduce"," the plate moves with a zero-duration\ntransition. The 80 ms fade is kept: an opacity change is not travel, and\nremoving it makes the plate blink into existence.",[2402,2445,2446],{},"The plate never carries the meaning on its own. Each row keeps whatever hover\ncolour and focus ring it already had, so the moving plate is reinforcement\nrather than the only signal.",[1388,2448,2450],{"id":2449},"performance","Performance",[2399,2452,2453,2456,2463,2483,2486],{},[2402,2454,2455],{},"One element moves, not one per row. Ten rows cost exactly what one row costs.",[2402,2457,2458,2459,2462],{},"Position and size are read once when the plate is summoned, not per frame. A\n",[1379,2460,2461],{},"ResizeObserver"," re-measures only while a row is active, so a breakpoint\nchange does not leave the plate at a stale size.",[2402,2464,2465,2336,2468,2471,2472,2425,2475,2478,2479,2482],{},[1379,2466,2467],{},"x",[1379,2469,2470],{},"y"," are transform properties, and ",[1379,2473,2474],{},"width",[1379,2476,2477],{},"height"," are not. The plate\nis a single absolutely positioned element inside a ",[1379,2480,2481],{},"relative"," wrapper, so the\nlayout work of animating its size is confined to that element and never\nreaches the rows.",[2402,2484,2485],{},"Nothing is keyed by index, so inserting or sorting a row keeps the plate on\nthe row the pointer is actually over rather than on its old position.",[2402,2487,2488],{},"The highlight is rendered only while a row is active, so a list that is not\nbeing touched has no extra node in the tree.",[2490,2491,2492],"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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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);}",{"title":1417,"searchDepth":1443,"depth":1443,"links":2494},[2495,2496,2497,2498,2499,2500],{"id":1390,"depth":1443,"text":16},{"id":2032,"depth":1443,"text":2033},{"id":2311,"depth":1443,"text":2312},{"id":2343,"depth":1443,"text":2344},{"id":2396,"depth":1443,"text":2397},{"id":2449,"depth":1443,"text":2450},"One plate that travels to whatever row the pointer or the keyboard lands on.","md",null,{},{"title":665,"description":2501},"Fjn8SeXRhJzJzFePlkdroPLvx7oZIG_03qy5y7ZXHvY",[2508,2510],{"title":661,"path":662,"stem":663,"description":2509,"children":-1},"A controlled reaction bar with animated counters, a hover picker, and a particle burst on every reaction.",{"title":669,"path":670,"stem":671,"description":2511,"children":-1},"A folder with a tab, a front flap and cards that fan out of the gap when it opens.",1792945076764]