[{"data":1,"prerenderedAt":2343},["ShallowReactive",2],{"navigation_docs":3,"-components-interactive-folder-reveal":1366,"-components-interactive-folder-reveal-surround":2338},[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":669,"body":1368,"description":2332,"extension":2333,"links":2334,"meta":2335,"navigation":1666,"path":670,"seo":2336,"stem":671,"__hash__":2337},"docs\u002F3.components\u002Finteractive\u002Ffolder-reveal.md",{"type":1369,"value":1370,"toc":2322},"minimark",[1371,1375,1378,1386,1390,1400,1991,1995,2009,2013,2098,2102,2113,2117,2128,2132,2149,2155,2208,2212,2278,2282,2318],[1372,1373,1374],"p",{},"A folder is a physical object, and its silhouette is most of the recognition: the\ntab on the back panel, the front flap, the way that flap tilts toward you instead\nof sliding away. Cards that fan out of that gap read as contents. A grid with a\nfolder icon in the corner does not.",[1372,1376,1377],{},"The back panel is one SVG path, so the tab is part of the shape rather than a\nsecond element that has to stay aligned at every size. The flap sits above the\ncards, which is what sells the illusion: the sheets emerge from behind it instead\nof sliding over the front.",[1372,1379,1380,1381,1385],{},"The default trigger is ",[1382,1383,1384],"code",{},"hover",", because reaching for a folder is a hover gesture.\nA touch screen has no hover, so a tap toggles instead of leaving the folder\npermanently shut.",[1387,1388,16],"h2",{"id":1389},"usage",[1372,1391,1392,1395,1396,1399],{},[1382,1393,1394],{},"items"," are what fans out. The ",[1382,1397,1398],{},"card"," slot receives the item and its index, so a\nsheet can render a title, a date, a diff - anything with the card's own box as its\nframe.",[1401,1402,1404,1417],"code-preview",{"label":1403},"Preview",[1405,1406,1412,1413],"div",{"className":1407},[1408,1409,1410,1411],"flex","justify-center","w-full","h-full","  ",[1414,1415],"component-example",{"name":1416},"folder-reveal-basic",[1418,1419,1421],"template",{"v-slot:code":1420},"",[1422,1423,1427],"pre",{"className":1424,"code":1425,"language":1426,"meta":1420,"style":1420},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"flex w-full flex-col items-center gap-6 py-4\">\n    \u003CMFolderReveal\n      label=\"Releases\"\n      :items=\"items\"\n    >\n      \u003Ctemplate #card=\"{ item }\">\n        \u003Cdiv class=\"flex h-full w-full flex-col gap-0.5 p-2\">\n          \u003Cspan class=\"truncate text-[11px] font-semibold text-highlighted\">{{ item.label }}\u003C\u002Fspan>\n          \u003Cspan class=\"truncate text-[10px] leading-tight text-muted\">{{ item.detail }}\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n      \u003C\u002Ftemplate>\n    \u003C\u002FMFolderReveal>\n\n    \u003Cp class=\"text-xs text-muted\">\n      Hover the folder, or Tab to it and press Enter.\n    \u003C\u002Fp>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\n\u002F**\n * Release notes are a natural fit: four sheets you would otherwise see as four\n * rows in a table, stacked into the object they actually belong to.\n *\u002F\nconst items = [\n  { id: '2-4', label: 'v2.4', detail: 'Streams' },\n  { id: '2-3', label: 'v2.3', detail: 'Rings' },\n  { id: '2-2', label: 'v2.2', detail: 'Meter' },\n  { id: '2-1', label: 'v2.1', detail: 'Branch' },\n]\n\u003C\u002Fscript>\n","vue",[1382,1428,1429,1444,1470,1479,1495,1512,1518,1548,1569,1601,1630,1640,1650,1661,1668,1688,1694,1703,1713,1722,1727,1752,1759,1765,1771,1777,1791,1844,1888,1932,1976,1982],{"__ignoreMap":1420},[1430,1431,1434,1438,1441],"span",{"class":1432,"line":1433},"line",1,[1430,1435,1437],{"class":1436},"sMK4o","\u003C",[1430,1439,1418],{"class":1440},"swJcz",[1430,1442,1443],{"class":1436},">\n",[1430,1445,1447,1450,1452,1456,1459,1462,1466,1468],{"class":1432,"line":1446},2,[1430,1448,1449],{"class":1436},"  \u003C",[1430,1451,1405],{"class":1440},[1430,1453,1455],{"class":1454},"spNyl"," class",[1430,1457,1458],{"class":1436},"=",[1430,1460,1461],{"class":1436},"\"",[1430,1463,1465],{"class":1464},"sfazB","flex w-full flex-col items-center gap-6 py-4",[1430,1467,1461],{"class":1436},[1430,1469,1443],{"class":1436},[1430,1471,1473,1476],{"class":1432,"line":1472},3,[1430,1474,1475],{"class":1436},"    \u003C",[1430,1477,1478],{"class":1440},"MFolderReveal\n",[1430,1480,1482,1485,1487,1489,1492],{"class":1432,"line":1481},4,[1430,1483,1484],{"class":1454},"      label",[1430,1486,1458],{"class":1436},[1430,1488,1461],{"class":1436},[1430,1490,1491],{"class":1464},"Releases",[1430,1493,1494],{"class":1436},"\"\n",[1430,1496,1498,1501,1503,1505,1507,1510],{"class":1432,"line":1497},5,[1430,1499,1500],{"class":1436},"      :",[1430,1502,1394],{"class":1454},[1430,1504,1458],{"class":1436},[1430,1506,1461],{"class":1436},[1430,1508,1394],{"class":1509},"sTEyZ",[1430,1511,1494],{"class":1436},[1430,1513,1515],{"class":1432,"line":1514},6,[1430,1516,1517],{"class":1436},"    >\n",[1430,1519,1521,1524,1526,1529,1531,1533,1535,1538,1541,1544,1546],{"class":1432,"line":1520},7,[1430,1522,1523],{"class":1436},"      \u003C",[1430,1525,1418],{"class":1440},[1430,1527,1528],{"class":1436}," #",[1430,1530,1398],{"class":1454},[1430,1532,1458],{"class":1436},[1430,1534,1461],{"class":1436},[1430,1536,1537],{"class":1436},"{",[1430,1539,1540],{"class":1509}," item ",[1430,1542,1543],{"class":1436},"}",[1430,1545,1461],{"class":1436},[1430,1547,1443],{"class":1436},[1430,1549,1551,1554,1556,1558,1560,1562,1565,1567],{"class":1432,"line":1550},8,[1430,1552,1553],{"class":1436},"        \u003C",[1430,1555,1405],{"class":1440},[1430,1557,1455],{"class":1454},[1430,1559,1458],{"class":1436},[1430,1561,1461],{"class":1436},[1430,1563,1564],{"class":1464},"flex h-full w-full flex-col gap-0.5 p-2",[1430,1566,1461],{"class":1436},[1430,1568,1443],{"class":1436},[1430,1570,1572,1575,1577,1579,1581,1583,1586,1588,1591,1594,1597,1599],{"class":1432,"line":1571},9,[1430,1573,1574],{"class":1436},"          \u003C",[1430,1576,1430],{"class":1440},[1430,1578,1455],{"class":1454},[1430,1580,1458],{"class":1436},[1430,1582,1461],{"class":1436},[1430,1584,1585],{"class":1464},"truncate text-[11px] font-semibold text-highlighted",[1430,1587,1461],{"class":1436},[1430,1589,1590],{"class":1436},">",[1430,1592,1593],{"class":1509},"{{ item.label }}",[1430,1595,1596],{"class":1436},"\u003C\u002F",[1430,1598,1430],{"class":1440},[1430,1600,1443],{"class":1436},[1430,1602,1604,1606,1608,1610,1612,1614,1617,1619,1621,1624,1626,1628],{"class":1432,"line":1603},10,[1430,1605,1574],{"class":1436},[1430,1607,1430],{"class":1440},[1430,1609,1455],{"class":1454},[1430,1611,1458],{"class":1436},[1430,1613,1461],{"class":1436},[1430,1615,1616],{"class":1464},"truncate text-[10px] leading-tight text-muted",[1430,1618,1461],{"class":1436},[1430,1620,1590],{"class":1436},[1430,1622,1623],{"class":1509},"{{ item.detail }}",[1430,1625,1596],{"class":1436},[1430,1627,1430],{"class":1440},[1430,1629,1443],{"class":1436},[1430,1631,1633,1636,1638],{"class":1432,"line":1632},11,[1430,1634,1635],{"class":1436},"        \u003C\u002F",[1430,1637,1405],{"class":1440},[1430,1639,1443],{"class":1436},[1430,1641,1643,1646,1648],{"class":1432,"line":1642},12,[1430,1644,1645],{"class":1436},"      \u003C\u002F",[1430,1647,1418],{"class":1440},[1430,1649,1443],{"class":1436},[1430,1651,1653,1656,1659],{"class":1432,"line":1652},13,[1430,1654,1655],{"class":1436},"    \u003C\u002F",[1430,1657,1658],{"class":1440},"MFolderReveal",[1430,1660,1443],{"class":1436},[1430,1662,1664],{"class":1432,"line":1663},14,[1430,1665,1667],{"emptyLinePlaceholder":1666},true,"\n",[1430,1669,1671,1673,1675,1677,1679,1681,1684,1686],{"class":1432,"line":1670},15,[1430,1672,1475],{"class":1436},[1430,1674,1372],{"class":1440},[1430,1676,1455],{"class":1454},[1430,1678,1458],{"class":1436},[1430,1680,1461],{"class":1436},[1430,1682,1683],{"class":1464},"text-xs text-muted",[1430,1685,1461],{"class":1436},[1430,1687,1443],{"class":1436},[1430,1689,1691],{"class":1432,"line":1690},16,[1430,1692,1693],{"class":1509},"      Hover the folder, or Tab to it and press Enter.\n",[1430,1695,1697,1699,1701],{"class":1432,"line":1696},17,[1430,1698,1655],{"class":1436},[1430,1700,1372],{"class":1440},[1430,1702,1443],{"class":1436},[1430,1704,1706,1709,1711],{"class":1432,"line":1705},18,[1430,1707,1708],{"class":1436},"  \u003C\u002F",[1430,1710,1405],{"class":1440},[1430,1712,1443],{"class":1436},[1430,1714,1716,1718,1720],{"class":1432,"line":1715},19,[1430,1717,1596],{"class":1436},[1430,1719,1418],{"class":1440},[1430,1721,1443],{"class":1436},[1430,1723,1725],{"class":1432,"line":1724},20,[1430,1726,1667],{"emptyLinePlaceholder":1666},[1430,1728,1730,1732,1735,1738,1741,1743,1745,1748,1750],{"class":1432,"line":1729},21,[1430,1731,1437],{"class":1436},[1430,1733,1734],{"class":1440},"script",[1430,1736,1737],{"class":1454}," setup",[1430,1739,1740],{"class":1454}," lang",[1430,1742,1458],{"class":1436},[1430,1744,1461],{"class":1436},[1430,1746,1747],{"class":1464},"ts",[1430,1749,1461],{"class":1436},[1430,1751,1443],{"class":1436},[1430,1753,1755],{"class":1432,"line":1754},22,[1430,1756,1758],{"class":1757},"sHwdD","\u002F**\n",[1430,1760,1762],{"class":1432,"line":1761},23,[1430,1763,1764],{"class":1757}," * Release notes are a natural fit: four sheets you would otherwise see as four\n",[1430,1766,1768],{"class":1432,"line":1767},24,[1430,1769,1770],{"class":1757}," * rows in a table, stacked into the object they actually belong to.\n",[1430,1772,1774],{"class":1432,"line":1773},25,[1430,1775,1776],{"class":1757}," *\u002F\n",[1430,1778,1780,1783,1786,1788],{"class":1432,"line":1779},26,[1430,1781,1782],{"class":1454},"const",[1430,1784,1785],{"class":1509}," items ",[1430,1787,1458],{"class":1436},[1430,1789,1790],{"class":1509}," [\n",[1430,1792,1794,1797,1800,1803,1806,1809,1812,1815,1818,1820,1822,1825,1827,1829,1832,1834,1836,1839,1841],{"class":1432,"line":1793},27,[1430,1795,1796],{"class":1436},"  {",[1430,1798,1799],{"class":1440}," id",[1430,1801,1802],{"class":1436},":",[1430,1804,1805],{"class":1436}," '",[1430,1807,1808],{"class":1464},"2-4",[1430,1810,1811],{"class":1436},"'",[1430,1813,1814],{"class":1436},",",[1430,1816,1817],{"class":1440}," label",[1430,1819,1802],{"class":1436},[1430,1821,1805],{"class":1436},[1430,1823,1824],{"class":1464},"v2.4",[1430,1826,1811],{"class":1436},[1430,1828,1814],{"class":1436},[1430,1830,1831],{"class":1440}," detail",[1430,1833,1802],{"class":1436},[1430,1835,1805],{"class":1436},[1430,1837,1838],{"class":1464},"Streams",[1430,1840,1811],{"class":1436},[1430,1842,1843],{"class":1436}," },\n",[1430,1845,1847,1849,1851,1853,1855,1858,1860,1862,1864,1866,1868,1871,1873,1875,1877,1879,1881,1884,1886],{"class":1432,"line":1846},28,[1430,1848,1796],{"class":1436},[1430,1850,1799],{"class":1440},[1430,1852,1802],{"class":1436},[1430,1854,1805],{"class":1436},[1430,1856,1857],{"class":1464},"2-3",[1430,1859,1811],{"class":1436},[1430,1861,1814],{"class":1436},[1430,1863,1817],{"class":1440},[1430,1865,1802],{"class":1436},[1430,1867,1805],{"class":1436},[1430,1869,1870],{"class":1464},"v2.3",[1430,1872,1811],{"class":1436},[1430,1874,1814],{"class":1436},[1430,1876,1831],{"class":1440},[1430,1878,1802],{"class":1436},[1430,1880,1805],{"class":1436},[1430,1882,1883],{"class":1464},"Rings",[1430,1885,1811],{"class":1436},[1430,1887,1843],{"class":1436},[1430,1889,1891,1893,1895,1897,1899,1902,1904,1906,1908,1910,1912,1915,1917,1919,1921,1923,1925,1928,1930],{"class":1432,"line":1890},29,[1430,1892,1796],{"class":1436},[1430,1894,1799],{"class":1440},[1430,1896,1802],{"class":1436},[1430,1898,1805],{"class":1436},[1430,1900,1901],{"class":1464},"2-2",[1430,1903,1811],{"class":1436},[1430,1905,1814],{"class":1436},[1430,1907,1817],{"class":1440},[1430,1909,1802],{"class":1436},[1430,1911,1805],{"class":1436},[1430,1913,1914],{"class":1464},"v2.2",[1430,1916,1811],{"class":1436},[1430,1918,1814],{"class":1436},[1430,1920,1831],{"class":1440},[1430,1922,1802],{"class":1436},[1430,1924,1805],{"class":1436},[1430,1926,1927],{"class":1464},"Meter",[1430,1929,1811],{"class":1436},[1430,1931,1843],{"class":1436},[1430,1933,1935,1937,1939,1941,1943,1946,1948,1950,1952,1954,1956,1959,1961,1963,1965,1967,1969,1972,1974],{"class":1432,"line":1934},30,[1430,1936,1796],{"class":1436},[1430,1938,1799],{"class":1440},[1430,1940,1802],{"class":1436},[1430,1942,1805],{"class":1436},[1430,1944,1945],{"class":1464},"2-1",[1430,1947,1811],{"class":1436},[1430,1949,1814],{"class":1436},[1430,1951,1817],{"class":1440},[1430,1953,1802],{"class":1436},[1430,1955,1805],{"class":1436},[1430,1957,1958],{"class":1464},"v2.1",[1430,1960,1811],{"class":1436},[1430,1962,1814],{"class":1436},[1430,1964,1831],{"class":1440},[1430,1966,1802],{"class":1436},[1430,1968,1805],{"class":1436},[1430,1970,1971],{"class":1464},"Branch",[1430,1973,1811],{"class":1436},[1430,1975,1843],{"class":1436},[1430,1977,1979],{"class":1432,"line":1978},31,[1430,1980,1981],{"class":1509},"]\n",[1430,1983,1985,1987,1989],{"class":1432,"line":1984},32,[1430,1986,1596],{"class":1436},[1430,1988,1734],{"class":1440},[1430,1990,1443],{"class":1436},[1387,1992,1994],{"id":1993},"customize","Customize",[1401,1996,1997,2003],{"label":1403},[1405,1998,1412,2000],{"className":1999},[1410],[1414,2001],{"name":2002},"folder-reveal-custom",[1418,2004,2005],{"v-slot:code":1420},[2006,2007],"playground-code",{"name":2008},"FolderReveal",[1387,2010,2012],{"id":2011},"props","Props",[2014,2015,2016,2029,2035,2052,2064,2070,2075,2080,2090,2093],"component-props",{},[2017,2018,2020,2021,2024,2025,2028],"component-prop",{"name":1394,"type":2019},"FolderRevealItem[]","Required. ",[1382,2022,2023],{},"{ id, label, color? }"," sheets. The ",[1382,2026,2027],{},"id"," keys each card, so reordering\nthe list re-fans without remounting the surfaces.",[2017,2030,2034],{"name":2031,"type":2032,"default":2033},"label","string","'Folder'","Printed on the tab, and used as the flap's accessible name.",[2017,2036,2040,2041,2044,2045,2048,2049,2051],{"name":2037,"type":2038,"default":2039},"color","'manila' | 'rose' | 'blue' | 'green' | 'slate'","'manila'","The paper skin: six ",[1382,2042,2043],{},"oklch"," stops for the back panel, the flap, the edge and the\ntab text, rather than one background colour. The cards stay ",[1382,2046,2047],{},"bg-default"," unless\nan item sets its own ",[1382,2050,2037],{},".",[2017,2053,2057,2059,2060,2063],{"name":2054,"type":2055,"default":2056},"trigger","'hover' | 'click'","'hover'",[1382,2058,1384],{}," opens under a mouse and toggles on tap for touch. ",[1382,2061,2062],{},"click"," needs a click\neverywhere, which is the right choice inside an editor where hover is already\noverloaded.",[2017,2065,2069],{"name":2066,"type":2067,"default":2068},"size","number","260","Folder width in pixels. Height, card width and every offset are derived from it,\nso one number resizes the whole object.",[2017,2071,2074],{"name":2072,"type":2067,"default":2073},"spread","62","Horizontal distance between fanned cards, in pixels.",[2017,2076,2079],{"name":2077,"type":2067,"default":2078},"rotation","7","Degrees each card turns as the fan opens. Alternating signs are applied\ninternally, so a positive value always means \"spread outward\".",[2017,2081,2085,2086,2089],{"name":2082,"type":2083,"default":2084},"defaultOpen","boolean","false","Start open. Ignored once ",[1382,2087,2088],{},"open"," is bound.",[2017,2091,2092],{"name":2088,"type":2083},"Controlled open state. Leave undefined to let the component own it.",[2017,2094,2097],{"name":2095,"type":2032,"default":2096},"class","''","Merged onto the wrapper that establishes the folder's box.",[1387,2099,2101],{"id":2100},"events","Events",[2103,2104,2105],"component-events",{},[2106,2107,2110,2111,2089],"component-event",{"name":2108,"payload":2109},"update:open","[open: boolean]","The folder opened or closed, by hover, tap, click, Enter or Space. Emitted\nwhether or not ",[1382,2112,2088],{},[1387,2114,2116],{"id":2115},"slots","Slots",[2118,2119,2120],"component-slots",{},[2121,2122,2124,2125,2127],"component-slot-row",{"name":1398,"props":2123},"[index: number, item: FolderRevealItem]","The contents of one sheet. It replaces the default ",[1382,2126,2031],{}," text but not the\ncard's box, position or motion - those stay with the component, so a custom\ncard cannot fall out of the fan.",[1387,2129,2131],{"id":2130},"ui","UI",[1372,2133,2134,2135,2141,2142,2145,2146,2051],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[2136,2137,2138,2140],"a",{"href":21},[1382,2139,2130],{}," prop",", or app-wide under ",[1382,2143,2144],{},"ui.folderReveal"," in ",[1382,2147,2148],{},"app.config.ts",[2014,2150,2151],{},[2017,2152,2154],{"name":2130,"type":2153},"object","Per-slot classes merged over the theme defaults.",[2118,2156,2157,2163,2167,2171,2183,2187,2194,2197,2204],{},[2121,2158,2160,2161,2051],{"name":2159},"root","The folder's box, sized from ",[1382,2162,2066],{},[2121,2164,2166],{"name":2165},"shadow","The contact shadow under the folder. It softens and widens as the folder opens,\nwhich is what lifts the object off the page.",[2121,2168,2170],{"name":2169},"back","The SVG back panel and its tab, filled with the skin's gradient.",[2121,2172,2174,2175,2178,2179,2182],{"name":2173},"tabLabel","The text on the tab. ",[1382,2176,2177],{},"aria-hidden","; the flap's ",[1382,2180,2181],{},"aria-label"," already names the\nfolder.",[2121,2184,2186],{"name":2185},"well","The inner shadow the sheets sit in. It is the difference between a folder and a\ncoloured rectangle.",[2121,2188,2190,2191,2193],{"name":2189},"cards","The fan's container. ",[1382,2192,2177],{}," while the folder is shut, so the hidden\nsheets are not read out.",[2121,2195,2196],{"name":1398},"One sheet. Its own surface colour, ring and shadow.",[2121,2198,2200,2201,2203],{"name":2199},"cardLabel","The default card content: the item's ",[1382,2202,2031],{},", centred.",[2121,2205,2207],{"name":2206},"flap","The front panel, which is also the button.",[1387,2209,2211],{"id":2210},"accessibility","Accessibility",[2213,2214,2215,2231,2237,2246,2253,2259,2265,2271],"ul",{},[2216,2217,2218,2219,2222,2223,2226,2227,2230],"li",{},"The flap is a real ",[1382,2220,2221],{},"\u003Cbutton type=\"button\">"," with ",[1382,2224,2225],{},"aria-expanded"," and\n",[1382,2228,2229],{},"aria-controls"," pointing at the card container, so the open state is announced\nrather than inferred from the animation.",[2216,2232,2233,2234,2236],{},"The cards are ",[1382,2235,2177],{}," while the folder is shut: they are behind the flap\nand should not be reachable in the reading order.",[2216,2238,2239,2240,2242,2243,2245],{},"In ",[1382,2241,1384],{}," mode, Enter and Space toggle explicitly, and the key event is\nprevented so the button's native click does not toggle the folder straight\nback. In ",[1382,2244,2062],{}," mode the button's own activation does the work.",[2216,2247,2248,2249,2252],{},"Focus opens the folder only when the flap matches ",[1382,2250,2251],{},":focus-visible",", so clicking\nwith a mouse does not leave the folder open after the pointer has moved on.",[2216,2254,2255,2256,2258],{},"Tapping toggles in ",[1382,2257,1384],{}," mode as well. A touch screen never fires hover, and\nwithout the fallback the folder would be permanently shut on a phone.",[2216,2260,2261,2262,2264],{},"The back panel, the shadow, the tab label and the inner well are ",[1382,2263,2177],{},":\nthey are the drawing, not the content.",[2216,2266,2267,2268,2270],{},"The silhouette is not the only state signal - ",[1382,2269,2225],{}," carries it, and\nthe flap keeps a visible focus ring.",[2216,2272,2273,2274,2277],{},"Under ",[1382,2275,2276],{},"prefers-reduced-motion: reduce"," the cards appear in place with no fan\ntravel and no rotation.",[1387,2279,2281],{"id":2280},"performance","Performance",[2213,2283,2284,2301,2307,2312,2315],{},[2216,2285,2286,2287,2290,2291,2290,2294,2290,2297,2300],{},"The fan only animates transform properties - ",[1382,2288,2289],{},"x",", ",[1382,2292,2293],{},"y",[1382,2295,2296],{},"rotate",[1382,2298,2299],{},"scale"," - plus\nopacity, so the sheets never trigger layout.",[2216,2302,2303,2304,2306],{},"The back panel is a single SVG path with the tab included. There is no second\nelement to position, and nothing to keep aligned as ",[1382,2305,2066],{}," changes.",[2216,2308,2309,2311],{},[1382,2310,2066],{}," derives the height, card width and vertical offsets, so resizing is one\nrecomputation instead of a set of props that can disagree.",[2216,2313,2314],{},"Cards are keyed by item id, so sorting the items re-fans without remounting the\nsheets.",[2216,2316,2317],{},"The stagger is a per-index delay on one shared spring, not a timeline, so a\nslow device does not fall behind a queue of scheduled animations.",[2319,2320,2321],"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":1420,"searchDepth":1446,"depth":1446,"links":2323},[2324,2325,2326,2327,2328,2329,2330,2331],{"id":1389,"depth":1446,"text":16},{"id":1993,"depth":1446,"text":1994},{"id":2011,"depth":1446,"text":2012},{"id":2100,"depth":1446,"text":2101},{"id":2115,"depth":1446,"text":2116},{"id":2130,"depth":1446,"text":2131},{"id":2210,"depth":1446,"text":2211},{"id":2280,"depth":1446,"text":2281},"A folder with a tab, a front flap and cards that fan out of the gap when it opens.","md",null,{},{"title":669,"description":2332},"qFzQwpnaC9RrNpD1w8_kaW_U6bDCb14LUCyF_aJUEx4",[2339,2341],{"title":665,"path":666,"stem":667,"description":2340,"children":-1},"One plate that travels to whatever row the pointer or the keyboard lands on.",{"title":673,"path":674,"stem":675,"description":2342,"children":-1},"A repository star count that counts up beside an overlapping stack of stargazer avatars.",1792945082910]